@charset "UTF-8";

/*
Theme Name: Virginia Peninsula Wine Trail
Theme URI: https://peninsulawinetrail.com/
Author: Consociate
Author URI: consociate.marketing
Text Domain: winetrail
*/

/* General */

body { font-family: 'Lato', sans-serif; font-weight: 400; font-size: 20px }

h1, h2, h3, h4, h5, h6 { font-family: 'Marcellus', serif; color: #262425; margin-bottom: 15px }

h1 { font-size: 65px }
h2 { font-size: 55px }
h3 { font-size: 45px }
h4 { font-size: 35px }
h5 { font-size: 27px }
h6 { font-size: 20px }

strong, b { font-weight: 900 }

.center { text-align: center }

.bg-brown { background-color: #262425 }
.bg-gold { background-color: #94834D }

.fade-bottom { background: url("images/fade-dark-btm.png") 0 0 repeat-x; width: 100%; height: 129px; position: absolute; bottom: 0; text-align: center; color: #fff; font-size: 40px; text-shadow: 0px 4px 8px rgba(0,0,0,0.50);; padding: 50px 0 }

/* Header / Nav 

.navbar { border-bottom: 10px solid #81A0B2 }
.navbar-brand { width: 300px; height: auto }
.nav-item { font-family: p22-pooper-black-pro, sans-serif; line-height: 30px; margin: 0 15px; }
.navbar-expand-lg .navbar-nav .nav-link { color: #0C486C; font-size: 26px; padding: 0; border-bottom: 5px solid rgba(129, 160, 178, .5) }
.navbar-expand-lg .navbar-nav .nav-link:hover { color: #81A0B2; border-bottom: 5px solid rgba(129, 160, 178, .25) }
*/

/* Home */

#header { background: url("images/header-scout-guide-ad-outdoor.jpg") center top no-repeat; width: 100%; height:100vh; background-size: cover; position: relative }
#header .logo { position: absolute; top: 50px; left: 150px }

#intro { background: url("images/bg-intro-fade-down.jpg") center bottom no-repeat; width: 100%; background-size: cover; padding: 100px 0 75px 0 }
#intro .text { margin: 200px 0 }
.border-double { border-top: 3px solid #94834D; border-bottom: 3px solid #94834D; width: 100%; height: 15px; margin-top: 25px }
#intro img { border: 10px solid #94834D }
#intro img.icon { border: 0; margin-bottom: 25px }

#cta { text-align: center }
#cta .container-fluid { padding-left: 0; padding-right: 0 }
#cta .row>* { padding-left: 5px; padding-right: 5px; }
#cta .block { background-size: cover; width: 100%; padding: 200px 0 }
.interior { background: url("images/bg-cta-fade-interior-design.jpg") 0 0 no-repeat;  }
.furnishings { background: url("images/bg-cta-fade-fine-furnishings.jpg") 0 0 no-repeat;  }
.fabrics { background: url("images/bg-cta-fade-fabrics.jpg") 0 0 no-repeat;  }
.labels { margin: 25px 0 0 0 }
.label { padding: 15px 20px; background: #fff; border: 3px solid #262425; display: inline-block }

footer { background-color:#94834D; text-align: center; padding: 25px 0; border-top: 10px solid #fff; border-bottom: 20px solid #262425; color: #fff }
footer .logo { width: 150px; margin: 15px }
footer i { margin: 0 5px }
footer .copyright { color: #262425 }

/* Images */

#intro .crop { height: 500px; overflow: hidden }
#intro .crop img { object-fit: cover; width: 100%; height: 100% !important; transition: transform .2s; }


img { max-width: 100%; height: auto }



/* Links */

a { text-decoration: none; color: #fff }
a:hover { color: #000 }

footer a:hover { color: #262425 }

/* Buttons */

/* Headings */


/*
####################################################
M E D I A  Q U E R I E S
####################################################
*/

/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/

@media (min-width: 1925px) {

}

/* Extra large devices (large desktops, 1200px and up)
 * No media query since this is the default in Bootstrap because it is "mobile first"
 */
@media (min-width: 1200px) {

}

/* Large devices (desktops, 992px and up) */
@media (max-width: 1199px) {

}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (max-width: 991px) {
	
	body { font-size: 18px }
	
	h1 { font-size: 55px }
	h2 { font-size: 45px }
	h3 { font-size: 35px }
	h4 { font-size: 27px }
	h5 { font-size: 22px }
	h6 { font-size: 19px }
	
	#intro .crop { height: 350px }
	
	#cta .block { padding: 150px 0 }

}

/* Small devices (landscape phones, 544px and up) */
@media (max-width: 767px) {
	
	.m-hide { display: none }
	.m-show { display: block }
	
	#header { background-position: 60% top; }
	#header .logo { left: 50px; width: 150px }
}

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

}

/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Custom media queries
*/

/* Set width to make card deck cards 100% width */
@media (max-width: 950px) {

}