/*
Theme Name: Virginia Water Trails
Theme URI: https://virginiawatertrails.com/
Author: Consociate Media
Author URI: https://consociate.marketing/
*/

body { font-size:22px; color: #000; font-family: proxima-nova, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal; line-height: normal; }
.translate strong {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 15px;
    line-height: 27px;
}
h1, h2, h3, h4, h5 { font-weight: 400; margin-bottom: 25px; line-height: 1.1 }
h1 { font-size:72px }
h2 { font-size:60px }
h3 { font-size:48px }
h4 { font-size:40px }
h5 { font-size:30px }

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

hr { margin: 25px auto }
hr.blank { border-top-color:transparent }

a { color:#104b93 }
a:hover, button:hover { cursor:pointer; text-decoration: none }

.clear { clear:both }
.center { text-align:center }
.mobile { display: none }

#menu { width: 100%; height: auto; background:url(/images/bg-sunset-sky.jpg) bottom center no-repeat; background-size: cover; border-bottom:10px solid #104b93 }

.logo img { height:100px; margin: 20px auto }

.navbar {  }
a.nav-link { font-size: 20px }
.navbar-dark .navbar-nav .nav-link { color:#104b93;  padding-left: 12px }
.dropdown-menu { background-color:#207038 }
.dropdown-menu a { color: #fff }
.dropdown-menu a:hover { background-color: rgba(255,255,255,.25) }

.navbar-expand-lg .navbar-nav .nav-link { padding-right:.3rem}

.navbar-toggler { padding: 3px 8px }
.custom-toggler.navbar-toggler { border-color: rgba(16, 75, 147, 1); }
.custom-toggler .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(16, 75, 147, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}

.fa-search { color:rgba(16, 75, 147, 1) }
.search { background: none; border: none }
.modal-content { background:#000; text-align: center}
.modal-header { border-bottom:0 }
.modal-footer { border-top:0 }

input#search { margin-bottom: 15px }
button.close { color: #fff; opacity: 1 }
.search-button { color:#fff }
.search-button input { margin-right:15px; margin-bottom: -5px }

/* Home - Slider */

#slider { background:transparent url(/images/bg-dark-water.jpg) top center no-repeat; max-height: 700px; min-height: 250px; background-size:cover; overflow: hidden; position: relative }

/* Home - Intro */

#intro { width: 100% }
.top-left { background:url(/images/gr-corner-top-left.png) 0 0 no-repeat; width: 100%; height: 250px; position: relative; z-index: 1; margin-bottom: -150px }
.bottom-right { background:url(/images/gr-corner-top-left.png) 0 0 no-repeat; width: 100%; height: 250px; position: relative; bottom:0; right:0; margin-top: -150px; z-index: 2; transform: rotate(180deg); }
.cap { position:relative }

#intro .block { color: #fff; font-size: 60px; text-align: center; position: absolute; top: 45%; left: 50%; height: 30%; width: 75%; margin: -15% 0 0 -37%; } /* Centers text vertically */
#intro .block .text { line-height: 55px; background:url(/images/icon-wave.png) center bottom no-repeat; padding-bottom: 20px }

/* Home - News */

#news-feed { background:url(/images/pic-egret-green-2000.jpg) 0 center no-repeat; background-size: cover; width: 100%; height: auto; padding-bottom: 100px; overflow: hidden; position: relative }
#news-feed .title { font-size: 60px; background-color: rgba(0,0,0,.25); color: #fff; padding: 12px 25px; display: inline-block; margin-bottom: 25px }
#news-feed .blurb { color: #fff; font-weight: 300 }
#news-feed h4 { margin-bottom:13px }
#news-feed h4 a { color: #fff }
#news-feed a { color: #38aae1 }
#news-feed a:hover { color: #fff }

.fade-dark { background: url(/images/fade-top.png) 0 0 repeat-x; width: 100%; height: 123px }
.fade-dark.bottom { background: url(/images/fade-top.png) 0 0 repeat-x; width: 100%; height: 123px; transform: rotate(180deg); position: absolute; bottom: 0 }

/* Home - Presented By */

#presented { text-align: center; position: relative}
.logo-set img { max-width: 150px; margin: 10px; position: relative; z-index: 8 }
.logo-set img.mw230 { max-width: 230px }

.wave-cap { margin: 25px auto 0 auto}

.bar { height:20px; background-color: rgba(16, 75, 147, .25) }

/* FOOTER */

footer { background:#38aae1; font-size: 24px; text-align: center}
#subfooter { padding: 100px 0; }
#subfooter .blurb { margin-bottom:25px }
#copyright { background:url(/images/bg-dark-water.jpg) 0 center no-repeat; background-size: cover; color: #fff }
.disclaimer { font-size: 16px; opacity: .5; margin-top: 25px }
.overlay { padding: 60px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2e89bc+0,2e89bc+100&0.75+0,0+100 */
	background: -moz-linear-gradient(top, rgba(46,137,188,0.75) 0%, rgba(46,137,188,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(46,137,188,0.75) 0%,rgba(46,137,188,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(46,137,188,0.75) 0%,rgba(46,137,188,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf2e89bc', endColorstr='#002e89bc',GradientType=0 ); /* IE6-9 */
}

/* PAGES */

.subhead { margin-bottom: 75px; text-align: center}
.subhead h1 { margin-bottom: 0 }

#main #intro { margin-top:100px }
#main ul li, #main ol li { margin-bottom:10px }

#main .rev_slider_wrapper { margin-bottom:50px !important }
#main .container { z-index:4; position: relative}

.content { position: relative; z-index: 3}
.content a { font-weight:bold }
.content p { margin-bottom:2rem }

/* Hide Blog Feed from 3 Regional Pages */
.page-id-23 #intro, .page-id-23 #news-feed,
.page-id-25 #intro, .page-id-25 #news-feed,
.page-id-27 #intro, .page-id-27 #news-feed { display: none }

/* Sidebar */

#sidebar { text-align: center; position: relative; z-index:10}
#sidebar .block {  padding: 15px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,dce4ef+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(220,228,239,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(220,228,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(220,228,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dce4ef',GradientType=0 ); /* IE6-9 */
}
#sidebar h4 { font-size:36px; font-weight: 700; letter-spacing: -1px; margin-bottom:15px }
#sidebar ul li { border-top:1px solid rgba(0,0,0,.25); padding-top:10px; margin-top:10px }

/* NEWS */

#news { position: relative; z-index: 10}

a.more-link { font-weight:700; font-style:italic }

.tagcloud { margin-bottom:15px }

.single-feat { margin-bottom:25px }

/* Pagination */
.pagination {
   clear:both;
   position:relative;
   font-size:16px; /* Pagination text size */
   line-height:13px;
   float:right; /* Pagination float direction */
}
.pagination span, .pagination a {
   display:block;
   float:left;
   margin: 2px 2px 2px 0;
   padding:6px 9px 5px 9px;
   text-decoration:none;
   width:auto;
   color:#fff; /* Pagination text color */
   background: #555; /* Pagination non-active background color */
   -webkit-transition: background .15s ease-in-out;
   -moz-transition: background .15s ease-in-out;
   -ms-transition: background .15s ease-in-out;
   -o-transition: background .15s ease-in-out;
   transition: background .15s ease-in-out;
}
.pagination a:hover{
   color:#fff;
   background: #104b93; /* Pagination background on hover */
}
.pagination .current{
   padding:6px 9px 5px 9px;
   background: #104b93; /* Current page background */
   color:#fff;
}

/* Forms */

.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form select {
	width: 98%;
}
.wpcf7-form input[type=”submit”]:hover, .wpcf7-submit:hover {color: #fff; cursor: pointer}
.wpcf7-form input[type=”submit”], .wpcf7-submit {background:#104b93; padding: 12px 25px; border: 0; border-radius:0; font-size:24px; font-weight: bold; color:#fff; margin-top: 20px; width:150px !important}

/* Fade Hover */

.fading {
   opacity: 1;
   transition: opacity .1s ease-in-out;
   -moz-transition: opacity .1s ease-in-out;
   -webkit-transition: opacity .1s ease-in-out;
}

.fading:hover {
  opacity: 0.75;
}

/* Crops image */

.crop, .non-crop {
    position: relative;
    overflow: hidden;
    height: 350px;
	z-index: 10;
	margin-bottom:25px
}
.crop img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	height: 100%;
	width: auto
}
.non-crop img { width:100%; height: auto; min-height: 350px }
.crop.h270 { height:270px }
#news .crop { height: 250px }
#news .crop img {  }

.crop a, .non-crop a { color: rgba(255, 255, 255, 1) }
.crop a:hover, .non-crop a:hover { color: rgba(255, 255, 255, .75) }

/* Buttons */
.btn { padding: 10px 20px; border: 0; border-radius:0; font-size:24px; font-weight: bold; color:#fff; margin-top: 20px; white-space: normal; }
.btn-dark { background:rgba(0,0,0,.25) }
.btn-blue { background:#104b93 }
.btn-blue:hover { background:#093871; color: rgba(255,255,255,.75) }

#news-feed .moretag.btn-blue { background:rgba(0,0,0,.25) }

.btn-set .btn { display: block; margin-top: 0 }

/* Events */

#tribe-events-pg-template { margin-top:50px; padding: 0 25px }
.events-list .tribe-events-loop { max-width: 100% }
.single-tribe_events .tribe-events-event-image { float:right; margin: 10px 0 20px 20px }
.tribe-events-event-image img { max-width:500px; width: 100% }
#tribe-events .tribe-events-content p {line-height: 1.4 }
.tribe-events-cost { display: block; margin-top: 15px; }

/* IMAGES */

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto }

#main .single-feat img.wp-post-image,
	#main img.size-full { max-width: 100%; height: auto }

.card-header {
	padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #104b93;
	border-bottom: 1px solid rgba(0,0,0,.125);
}
.card-header .btn { margin-top: 0 }
.card-header .btn:hover { color:rgba(255,255,255,.5); text-decoration: none }

.card-body { padding-bottom: 0}

/* 404 */

svg.icon-search { width: 25px; height: 25px }


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

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

	.navbar-nav { padding-left:25px }
	
	#intro .block { font-size:52px }

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

	#menu { max-height:auto; }

	.hide { display: none }
	.mobile { display: block }

	.navbar-nav { padding-left:0 !important }
	.navbar-dark .navbar-nav .nav-link { padding-left: 0 }

	#intro .block { top: 65% }

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

	.newsletter { border-top:1px solid rgba(255,255,255,.5); padding-top:25px }
	#sidebar { padding-top: 25px }

	#intro .block { top: 55% }
	
	.single-tribe_events .tribe-events-event-image { margin-left: 0 }

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 576px) {

	body { font-size:20px }
	h1 { font-size:60px }
	h2, #news-feed .title { font-size:50px }
	h3 { font-size:40px }
	h4 { font-size:30px }
	h5 { font-size:25px }

	hr { border-top: 1px solid rgba(0,0,0,.25) }

	.logo img { width: 150px; height: auto; }

	.crop, .non-crop { height: 225px; }

	.subhead { margin-bottom: 25px }

	#intro .block { top: 65% }

}

/* CUSTOM */
@media only screen and (max-width : 525px) {

	#intro .block { top: 45% }

}