/*
Theme Name: Azuuria
Author: Seth Alcott
Description: A custom theme with React and dynamic CSS.
Version: 1.0.0
Text Domain: elevated-web
*/

/*
@media only screen and (min-width:38.5em) {}
@media only screen and (min-width:68.5em) {}
@media only screen and (min-width:82.5em) {}
@media only screen and (max-width:68.49em){}
*/

/* ### Normalize ### */

/*
# Fonts
# Normalize
# Standard Tags
# WordPress Elements
# Custom Elements
# Forms
#   Forms - Image Captcha
# Shortcodes
# Header
# Footer
# Content
# Sidebar
# Home
# Secondary Pages
# Responsive
#   Menu - Small Screen
#   Menu - Large Screen
# Print
*/

@media only screen and (min-width:38.5em) {

}
@media only screen and (min-width:68.5em) {

}
@media only screen and (min-width:82.5em) {

}
@media only screen and (max-width:68.49em){

}

/* ### Home ### */

@media only screen and (min-width:38.5em) {

}
@media only screen and (min-width:68.5em) {

}
@media only screen and (min-width:82.5em) {

}
@media only screen and (max-width:68.49em){

}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {padding-top: 0;padding-bottom: 0;display: flex;flex-flow: row wrap;}
.header-cols { width: auto; }
.header-col-logo { text-align: center; }
.header-site-title { font-size: 1.5em; font-weight: bold; }
.header-col-logo img { max-width: 14rem; }
.header-col-links { display: none; }
.header-col-links .phone { color: inherit; font-weight: 600; }
#top-nav .menu { display: flex; justify-content: flex-end; margin: 0; list-style: none; }
#top-nav .menu li { margin: 0 0.5em 1em; }
#top-nav .menu li:last-child { margin-right: 0; }
#top-nav .menu a { display: block; padding: 0.5em 1em; color: #fff; background: #9b9b9b; }
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer { padding: 1em 0 0; text-align: center; color: #fff; background: #9b9b9b; }
#footer a {color: #fff;position: relative;display: inline-block;}
#footer a:hover { text-decoration: underline; }
#footer nav ul { list-style: none; margin: 0; }
.footer-cols {padding-bottom: 2.5rem;}
.footer-cols > * { padding: 0 1rem; }
.footer-location { margin-bottom: 0.5rem; }
.footer-locations ul { margin: 0; list-style: none; columns: 2; width: 100%; }
.footer-locations p { margin-bottom: 0.5rem; }
.footer-location h4 { font-size: 1em; }
.footer-logo {
	max-width: 11rem;
}
.site-info {background: transparent;padding-top: 1.5rem;padding-bottom: 4.5rem;font-size: .8rem;}
.site-info nav ul li { display: inline-block; padding: 0 .25em; margin: 0; }
.copyright-navigation { margin-top: 1em; }
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.main-header {overflow: hidden;/* background: #d8d8d8; */padding-bottom: 1em;}
.main-breadcrumbs span {background: transparent;padding: .25em;}
.entry-content {padding-top: 3em;/* padding-bottom: 3em; */min-height: 40vh;}
.entry-content > div {/* margin-bottom: 2rem; */}
span.entry-date { background: #eaeaea; padding: 0.25em 0.5em; }

.main-header h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content p { position: relative; }
/* .main-header h1::before, .entry-content h2::before, .entry-content h3::before, .entry-content h4::before, .entry-content p::before {
	content: ''; position: absolute; top: 0; right: calc(100% + 0.8rem); font-weight: normal; font-style: normal; opacity: 0.25;
}
.main-header h1::before { content: 'H1'; }
.entry-content h2::before { content: 'H2'; }
.entry-content h3::before { content: 'H3'; }
.entry-content h4::before { content: 'H4'; }
.entry-content p::before { content: 'P'; }

.home .entry-content h2::before, .home .entry-content h3::before, .home .entry-content h4::before, .home .entry-content p::before { display: none; } */

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
.widget-title:first-of-type { margin-top: 0; background: #979797; padding: .45em; color: #fff; text-align: center; }
.widget { border: 1px solid #979797; }
.gform_wrapper { padding: 1rem; }
/*--------------------------------------------------------------
# Home
--------------------------------------------------------------*/
.home .main-header { display: none; }
.home .entry-content {padding-top: 2rem;}
.hero { background: #d8d8d8; padding-top: 2em; padding-bottom: 2em; }
.intro { padding-top: 3em; padding-bottom: 3em; }
.intro .wp-block-column { flex-basis: auto; }
.intro h2, .intro h3 { margin-top: 0; }
.wp-block-column.col-home-form { border: 1px solid #979797; padding: 1rem; width: 100%; }
.col-home-form h3 { margin-left: -1rem; margin-right: -1rem; margin-top: -1rem; margin-bottom:0 ; background: #979797; padding: .45em; color: #fff; text-align: center; }
.callouts > * { background: #d8d8d8; padding: 1em; }
.callouts h2, .callouts h3 { margin-top: 0.75em; }
.map-row { background-size: cover; background-repeat: no-repeat; padding-bottom: 20em; }

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
@media only screen and (min-width: 37.5em) { /*600px*/
	.azuuria .wp-block-column { flex-basis: auto; flex-grow: 1; margin: 0 0.5em; }
	.azuuria .wp-block-column:first-child { margin-left: 0; }
	.azuuria .wp-block-column:last-child { margin-right: 0; }
	.footer-locations-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; margin: auto; max-width: 26rem; }
	.footer-location { margin-bottom: 0; max-width: 48%; }
	.footer-location h4 { margin-top: 0.5rem; }
}
@media only screen and (min-width:68.5em){ /*1095px*/
	.header-cols { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
	.header-cols > * { flex: 0 0 48%; max-width: 48%; }
	.header-col-logo {/* text-align: left; *//* flex: 0 1 50%; */}
	.header-col-links { display: block; text-align: right; }
	.header-col-links .phone { font-size: 1.5em; color: inherit; font-weight: 600; }
	#footer { padding-top: 2rem; text-align: left; }
	.footer-cols { display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 0.5rem; }
	.footer-cols > * { flex-basis: 0; flex-grow: 1; padding-bottom: 1em; }
	.footer-cols > .footer-locations { flex-grow: 2; }
	.footer-cols h3 { margin-top: 0; }
	.site-info { display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 2rem; }
	.site-info > * { flex-basis: 0; flex-grow: 1; }
	.site-info nav { text-align: right; }
	.copyright-navigation { margin: 0; }
}