/*
Theme Name: MidPen RideShare
Text Domain: midpenrideshare
Author: Consociate
Author URI: https://consociatemedia.com
Theme URI: http://midpenrideshare.org/

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

body { font-family: museo, serif; font-size: 22px; font-weight: 500; text-align: center; line-height: 1.35 }

.left { text-align: left; float:left }
.right { text-align: right; float:right }
.center {text-align: center}

ul { list-style-type:none; padding-left: 0 }

h6 { background: #1A428A url(/images/bg-blue-1920.jpg) center center no-repeat; width:100%; height: auto; font-family: kon-tiki-aloha-jf, sans-serif; padding: 25px; font-size: 60px; color: #fff; margin: 0 auto 25px auto }

.page-title { font-family: kon-tiki-aloha-jf, sans-serif; font-size: 100px; background-color: #45A041; border-radius: 10px; display: inline-block; padding: 25px 35px; color: #fff; margin: -70px auto 50px auto; position: relative; z-index: 999; text-align: center; line-height: 1}

.navbar { padding: 1rem; font-family: kon-tiki-aloha-jf, sans-serif; }
.bg-light { background-color: rgba(255,255,255,.75) !important; }
.navbar-light .navbar-nav .nav-link { color: #1A428A; font-weight: 500; font-size: 22px; padding: 7px 15px; border-radius: 10px }
.navbar-light .navbar-nav .nav-link:hover { color: #fff; background-color: #45A041 }
.navbar-brand img { width: 150px; height: auto }

button:not(.toggle) { background-color:#fff !important }

#intro { border-top: 2px solid #fff; padding-bottom: 25px;
	background: rgb(26,66,138); background: linear-gradient(180deg, rgba(26,66,138,0.25) 0%, rgba(26,66,138,0) 50%, rgba(26,66,138,0) 100%); }
#intro .text { padding: 100px 0; font-size: 32px }
#intro .text.offset { padding: 125px 0 50px 0 }

#home-blog, #home-contact { padding: 100px 0 }
#blog, #main, #highlights { padding-bottom: 100px }

#highlights .pic { border-bottom: 15px solid #1A428A; margin: 25px 0 }
#highlights .text { max-width: 600px; font-size: 28px; color:#45A041 }
#highlights .title { font-size: 40px; font-weight: 700; color:#1A428A }

.icons {margin-top:15px}

#home-blog .thumb { border: 5px solid #fff; margin-bottom: 15px }
#home-blog .title { margin-bottom: 15px }

.bg-green { background: #45A041 url(/images/bg-green-1920.jpg) center center no-repeat; width:100%; height: auto; background-size: cover }
.bg-blue { background: #1A428A url(/images/bg-blue-1920.jpg) center center no-repeat; width:100%; height: auto; background-size: cover; color: #fff }

.pad-rt-0 { padding-right: 0; }
.pad-lt-0 { padding-left: 0; }
.pad-rt-10 { padding-right: 10px; }
.pad-lt-10 { padding-left: 10px; }

.subhead { font-family: kon-tiki-aloha-jf, sans-serif; color:#1A428A; font-size: 100px; line-height: 1; border-bottom: 15px solid #45A041; display: inline-block; margin-bottom: 25px }
.bg-green .subhead { color:#fff; border-bottom: 15px solid #1A428A;}
.bg-blue .subhead { color:#fff; border-bottom: 15px solid #45A041;}

#disclaimer { padding: 50px 0 0 0; text-align: left; color:#1A428A; font-size:26px }
#disclaimer.bg-blue { color:#fff; padding-bottom: 50px }

footer { padding:50px; color: #1A428A }
footer .logo img { width: 175px; margin: 0 auto; margin-bottom: 15px }
footer .logo img.teleworkva { width: 225px; margin:15px 0 }

#intro i { margin-bottom:25px; font-size:75px; color:#1A428A }
footer i { font-size: 40px; margin-bottom: 15px}

.card-body { padding: 1.25rem 0 }
.card { border: 0 }

/* Blog */

#main { text-align: left }

a.moretag { margin: 15px 0 25px 0 }

.post-feed { font-size: 24px; text-align: left; color: #1A428A }
.post-feed .title { font-size: 44px }
.post-feed .thumb { border-bottom: 15px solid #1A428A; padding-bottom: 1px; margin-bottom: 25px}
.post-feed .post-cats { font-size: 24px; margin-bottom: 20px }

.sidebar .title { font-family: kon-tiki-aloha-jf, sans-serif; font-size: 50px; color: #fff; background: #1A428A; padding: 0 25px; border-radius: 10px; display: inline-block; margin-bottom: 25px }
.sidebar ul li { margin-bottom:25px; font-size: 30px; font-weight: 700 }

.color-accent { color: #45A041 !important }

/* Images */

img { width: 100%; height: auto }

/* Links */

footer a, #main a { color: #45A041 }

.sidebar ul li a { color: #45A041 }

#highlights a { color: #1A428A}

#home-blog .title a { font-size: 40px; color: #fff }

a.special { font-family: kon-tiki-aloha-jf, sans-serif; color:#45A041; font-size: 20px}

.post-feed .title a { color: #1A428A }
.post-feed .post-cats a { color: #45A041 }

/* Buttons */

a.btn { border-radius: 10px; color: #fff !important }

a.btn-green { background: #45A041; font-size: 24px }
a.btn-green:hover { background: #1A428A }

a.btn-blue { background: #1A428A; font-size: 24px }
a.btn-blue:hover { background: #fff; color:#1A428A !important }

/* Forms */

.wpcf7-form input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], select, textarea {width:100% !important;}

.wpcf7-form input, .wpcf7-form textarea { border: 1px solid #1C408A; border-radius:5px; padding: 10px }

.wpcf7-form input[type="submit"] { background-color: #45A041; color: #fff; border: 0; padding: 10px 15px }

/* Google recaptcha */
.wpcf7-form-control-wrap {
   margin: 0 auto;
}
.g-recaptcha { display:inline-block }

/* Logo shrink in fixed menu after scrolling */

.navbar-fixed-top.scrolled {
  background-color: rgba(255,255,255,1) !important;
  transition: background-color 200ms linear;
}
/* Logo shrink in fixed menu after scrolling */
.logo img {
	line-height: 125px !important;
    -webkit-transition: width 135px, line-height .5s; /* Safari */
    transition: width 135px, line-height .5s;
}
.scrolled-nav {
	width: 100px !important;
	line-height: 60px !important;
}


/*==================================*/
/*==========  RESPONSIVE  ==========*/
/*==================================*/

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
	
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
	
	.sidebar { padding-top: 25px; border-top: 1px solid #000}

}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 
	
	body { font-size: 18px }
	body.home {padding-top: 100px }
	
	.hide-mobile { display: none }
	.hide { display: block }
	
	h6 { font-size: 50px; padding: 10px 15px }
	
	.bg-light { background-color: rgba(255,255,255,1) !important; }
	
	.page-title { font-size: 60px; line-height: 1em; padding: 15px 25px ; margin-bottom: 25px }
	
	#intro { padding-bottom: 0}
	#intro .text,
		#home-blog, #home-contact{ padding: 50px 0; }
	#blog, #main, #highlights { padding-bottom: 50px }
	
	.subhead { font-size: 70px }
	
	#highlights .text { font-size: 24px; }
	
	#home-blog .title a { font-size: 32px; }
	#home-blog a.btn { margin-bottom:25px }
	
	#disclaimer {font-size:22px}
	
	footer .col-md-4 { padding-bottom: 15px; border-bottom: 1px solid #000; margin-bottom: 15px}
	
	.post-feed .title { font-size: 36px; line-height: 40px; margin-bottom: 15px; }
	
	.g-recaptcha {
        transform:scale(0.95);
        -webkit-transform: scale(0.95);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
	}
	
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { 


}

/* Extra large devices (large desktops) */
/* No media query since the extra-large breakpoint has no upper bound on its width */