/*

Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/

@font-face {
    font-family: 'wpAvantiSerif'; 
    src: url('../ttf/avantiserif.ttf')
}



/* FEATURE IMAGES ABOVE NAV*/

#pbanner {
       height: 480px;
    width: 100%;
    background-position: center bottom;
    background-size: cover; 
}

/* NAV BAR */

.backstretch {
opacity: .85 !important;
}

.x-main.full {
opacity: .9;
}

#top .x-navbar {
background-color: #E0C760;
border-bottom: none;
}

.entry-wrap {
padding: 0;
}

.custom-social {
display: block;
margin-top: 48px;
float: right;
}

.custom-social a {
font-size: 28px;
letter-spacing: 12px;
}


.masthead-inline .desktop .x-nav {
display: block !important;
float: left !important;
margin-top: 28px !important;
margin-left: 25px !important;
}

.x-btn-navbar.collapsed {
    margin-top: 45px;
}


/* BODY */

.x-section {
border-radius: 8px !important;
}

.x-container{
margin-top: 0 !important;
margin-bottom: 0 !important;
}

/* BODY ELEMENTS*/

.x-subscribe-form-219 {
float: left;
margin: 0;
padding: 0;
}

/* FOOTER */

.x-colophon.bottom {
background-color: #E0C760;
border-top: 0;
}

footer.x-colophon.top {
background-color: #E0C760;
}

/* MOBILE NAV */

.masthead-inline .desktop .sub-menu{
background-color: #FFEF99 !important;
font-size: 14px !important;
text-transform: uppercase;
margin-top: 25px;
}
.masthead-inline .desktop .sub-menu a {
color: #000 !important;
}
.masthead-inline .desktop .sub-menu a:hover {
color: #FFF !important;
}

/* MOBILE DEVICES */

@media (max-width: 1068px){
	.custom-social {
	    display: inherit;
	    float: right;
	    margin-right: 25px;
	}
}

@media (max-width: 979px){
	.x-sub-toggle {
	 display: none;
	}
	.sub-menu {
	 display: block;
	 background-color: inherit !important;
	font-size: inherit !important;
	text-transform: none;
	}
	.sub-menu a {
	color: #fff !important;
	}
	.sub-menu a:hover {
	color: #000 !important;
	}
} 

@media (max-width: 768px) {
	#pbanner {
	       height: 300px !important;
	     }
}

@media (max-width: 640px) {
	#pbanner {
	       height: 200px !important;
	     }
	h2, h3 {
		line-height: .9;
		letter-spacing: .75px;
		margin-top: .75em;
	}
}

@media (max-width: 439px){
	.custom-social {
	    display: block;
	   margin-top: 25px;
	   margin-bottom: 5px;
	}
	
}