/*
Theme Name:     CSR Vantage Child Theme
Description:    This is a child theme that requires its parent Vantage
Author:         twtull
Template:       vantage

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

/* theme colors red (friendly staff): #C01A14; brown (home): #533C36; orange (personal care): #E75109; green (photo-gallery) : #5A6A0B; blue (contacts): #23605C; teal (like logo): #019ba7; blue alternative for teal: #00059F; yellow: #FFFF00; purple (reviews); #531987; */

/* global */
a {-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

body, button, input, select, textarea {
	font-family: 'Merriweather', serif;
	font-weight: 300;
	font-size: 18px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Merriweather', serif;
	font-weight: 700;
	line-height: 1.3;
}

h1,
.entry-content h1 {
	font-size: 28px;
	text-align: center;
	font-weight: 700;
}

h2,
.entry-content h2 {
    font-size: 25px;
	text-align: center;
	font-weight: 700;
}

h3,
.entry-content h3 {
    font-size: 22px;
	text-align: center;
	font-weight: 700;
}

.entry-content {
	line-height: 1.75;
}

.body-text h1 {
	max-width: 910px;
    margin-left: auto;
    margin-right: auto;
}

.body-text p {
	line-height: 1.75;
	max-width: 910px;
    margin-left: auto;
    margin-right: auto;
}

.body-text hr {
	max-width: 910px;
	margin: 0 auto;
}

.body-text ul {
	margin-left: 0;
	line-height: 1.4;
}

div.body-text ul li {
    margin-bottom: .75em;
}

.blue-band {
    padding-top: 60px !important;
}

.max-width-910 {
    max-width: 910px;
    margin: 0 auto;
}

div#pg-w5fb43eab4ea29-0,
div#pg-373-0,
div#pg-211-0 {
    margin-bottom: 0;
}

div#pg-211-3 > .panel-row-style {
    padding-bottom: 70px;
}

div#pgc-34-1-1 {
    width: 100%;
}

.staff p {
    line-height: 1.3;
}

.wpcr3_review_title {
    font-weight: 700;
}

body.layout-full div#page-wrapper {
    overflow: visible;
}

body.responsive div#page-wrapper {
    overflow-x: visible;
}

.et-db div#et-boc .et-l .et_pb_gallery_0 .et_pb_gallery_image > a {
    padding-bottom: 0;
    display: block;
}

.et-db div#et-boc .et-l .et_pb_gallery_0 .et_pb_gallery_image > a > img {
    display: block;
}

/* header */
body.responsive.layout-full #page-wrapper .full-container {
	max-width: 1150px;
}

.header-contact {
	text-align: right;
	min-height: 108px;
}

.main-navigation ul li a {
	padding: 20px 25px;
}

nav.main-navigation ul li:hover > a {
    background-color: rgba(255,255,255,.25);
}

/* header menu backgrounds */
/* .main-navigation ul li.brown {
    background-color: #533C36;
}
.main-navigation ul li.red {
    background-color: #C01A14;
}
.main-navigation ul li.orange {
    background-color: #E75109;
}
.main-navigation ul li.green {
    background-color: #5A6A0B;
}
.main-navigation ul li.blue {
    background-color: #23605C;
}
.main-navigation ul li.teal {
    background-color: #00059F;
}
.main-navigation ul li.yellow {
    background-color: #FFFF00;
}
.main-navigation ul li.purple {
    background-color: #531987;
} */
#masthead .hgroup {
	padding-top: 20px;
    padding-bottom: 20px;
}
	#masthead .hgroup #header-sidebar{
	margin-right: 5%;
}
/* home page */
.chester-blue {color: #019ba7;}

/* pages */
body.page-id-126 #main, body.page-id-211 #main, body.page-id-320 #main, body.page-id-373 #main, body.page-id-34 #main {padding-top: 0px;}

article#post-404 h1.entry-title {display: none;}


div.csr-circle-icon div.circle-icon-box h4 {color: #3b3b3b;
	font-weight: bold;
	font-size: 2.0em;
	margin-bottom: 0.8em;
	margin-top: 0;
}
div.csr-circle-icon div.circle-icon-box p.text {
	font-size: 1.2em;
	text-align: justify;
}

/* posts */

body.single .entry-thumbnail img {
	max-width: 35%;
    float: left;
    margin-right: 25px;
    height: auto;
	margin-bottom: 20px;
}

body.single h1.entry-title {
	font-size: 2.0em;
    margin-bottom: 15px;
}

body.single div.entry-meta {margin-bottom: 20px;}

.vantage-grid-loop article h3 {
    font-size: 20px !important;
    font-weight: bold;
	text-align: center;
	/*margin-bottom: 20px;*/
	margin: 1em 0 0;
}
.vantage-grid-loop article h3 a {
    /* text-decoration: underline; */
    color: #019BA7;
}
.vantage-grid-loop article h3 a:hover {
    color: #531987;
}
.vantage-grid-loop article .excerpt p {
    font-size: 1.5em !important;
    color: #333333;
    line-height: 1.5em;
	/* text-align: center; */
	padding: 15px;
	margin: 5px;
}
/*div.excerpt p {
	font-size: 1.2em;
	line-height: 1.4em;
}*/

.vantage-grid-loop article a.more-button {
    display: block;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    margin-top: 10px;
    background: #C01A14;
    padding: 10px 20px;
    /* width: 39%; */
    float: right;
    margin-right: 20px;
	border-radius: 100px;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
}
.vantage-grid-loop article a.more-button:hover {
	color: #C01A14;
	background: #fff;
	border: 1px solid #C01A14;
}

/* buttons */
div.button-wrapper {text-align: center; margin: 20px 0;}
a.button-red {
	color: #ffffff;
	font-weight: 700;
	text-decoration: none;
	background-color: #BD0D06; 
	padding: 10px 20px; 
	cursor: pointer; 
	border-radius: 100px; 
	border: 1px solid #BD0D06; 
	text-align: center; 
	-webkit-transition-duration: .3s; /* Safari */ 
	transition-duration: .3s;
}
a.button-red:hover {background-color: #fff; color: #BD0D06;}

.button-green {
	color: #ffffff; 
	text-decoration: none;
	background-color: #0B9C11; 
	padding: 10px 20px; 
	cursor: pointer; 
	border-radius: 3px; 
	border: 1px solid #0B9C11; 
	text-align: center; 
	-webkit-transition-duration: .3s; /* Safari */ 
	transition-duration: .3s;}
.button-green:hover {background-color: #fff; color: #0B9C11;}

.button-blue {
	color: #ffffff; 
	text-decoration: none;
	background-color: #1489C6; 
	padding: 10px 20px; 
	cursor: pointer; 
	border-radius: 3px; 
	border: 1px solid #1489C6; 
	text-align: center; 
	-webkit-transition-duration: .3s; /* Safari */ 
	transition-duration: .3s;}
.button-blue:hover {background-color: #fff; color: #1489C6;}

/* text-shadowing */
span.csr {
	/* text-shadow: -1px -1px 0 #000, 1px -1px 0 #000,-1px 1px 0 #000, 1px 1px 0 #000;
	color: #019BA7;
	font-size: 1.3em; */
	font-weight: 700;
}

/* Divi Post Loop styling */
.et-db #et-boc #csr-grid-loop .et_pb_blog_grid a.more-link, .et-db #et-boc .et_pb_posts a.more-link {

    position: relative;
    color: #fff !important;
    font-size: inherit;
    background-color: #C01A14 !important;
    float: right !important;
    padding: 10px 20px !important;
    text-transform: none;
    line-height: initial;
    display: block;
    font-family: inherit;
    bottom: auto;
    right: auto;
    border-radius: 3px;
	border: 1px solid #fff;
	-webkit-transition: 0.4s ease;
	-moz-transition: 0.4s ease;
	-o-transition: 0.4s ease;
	transition: 0.4s ease;
}
.et-db #et-boc #csr-grid-loop .et_pb_blog_grid a.more-link:hover {
	color: #C01A14 !important;
	border: 1px solid #C01A14;
	background-color: #fff !important;
}
.et-db #et-boc #csr-grid-loop .et_pb_post .entry-title a:hover {color: #531987 !important;}
.et-db #et-boc #csr-grid-loop .et_pb_post p.post-meta a:hover {color: #531987 !important;}

/* sidebar */

/* colophon */
#pre-footer {
    padding: 25px;
    background: #019BA7;
    color: #f0f0f0;
    border-bottom: 2px solid #f0f0f0;
}
#colophon-social {
    min-height: 30px;
}
#colophon-social .social,
ul#menu-footer-nav {
    margin: 0;
}
#colophon-social div.social-list {
    /* width: 210px;
	margin: 0 auto; */
	display: flex;
    justify-content: center;
}
#colophon-social ul.social li {
    float: left;
    list-style-type: none;
    margin-right: 5px;
    margin-left: 0px;
}
#colophon-social ul.social li a {
    text-decoration: none;
    display: block;
    width: 35px;
    height: 35px;
}
#colophon-social img {
    max-width: 100%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	height: auto;
}

#colophon-social img:hover {opacity: 0.5;}

/* footer */
#footer-menu-wrapper {
    background: #019BA7 none repeat scroll 0% 0%;
}
#footer-menu .footer-menu {
    padding: 20px;
}
#footer-menu ul {
    text-align: center;
    margin-bottom: 0;
}
#footer-menu ul li {
    display: inline;
    padding: 15px;
    font-size: 16px;
}
#footer-menu ul li a {
	color: #fff; 
	text-decoration: none; 
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#footer-menu ul li a:hover, #footer-menu ul li a:active {text-decoration: underline; opacity: 0.7;}
#colophon #site-info a.tcgm:hover {color: green}


.bullet-list-2-col {
	margin-left: 0;
	columns: 2;
	column-gap: 2em;
	line-height: 1.5;
}

.bullet-list-2-col li {
	break-inside: avoid;
	margin-bottom: .75em;
}


/* media queries */
@media (min-width: 981px) {
	.et-db div#et-boc .et-l .et_pb_row,
	.et-db div#et-boc .et-l .et_pb_section {
		padding: 0;
	}
}


@media (max-width: 1150px) {
	#menu-main-nav {
		display: flex;
		flex-wrap: wrap;
	}
}

@media (max-width: 980px) {
	.et-db div#et-boc .et-l .et_pb_row,
	.et-db div#et-boc .et-l .et_pb_section {
		padding: 0;
	}

	.et-db div#et-boc .et-l .et_pb_gallery_grid .et_pb_gallery_items {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap: .5rem 2rem;
	}

	.et-db div#et-boc .et-l .et_pb_gallery_0.et_pb_gallery .et_pb_gallery_item,
	.et-db div#et-boc .et-l .et_pb_module img {
		width: 100%;
	}
}

@media only screen and (max-width: 750px) {
	.bullet-list-2-col {
		columns: 1;
	}
}

@media only screen and (max-width: 600px) {
	body.single .entry-thumbnail img {
		max-width: 100%;
		float: none;
		margin-right: 5px;
		height: auto;
	}

	.header-contact {
		text-align: center;
	}

	#masthead .hgroup #header-sidebar {
		margin-right: 0;
	}

	.header-email {
		font-size: 90%;
	}

	#footer-menu .footer-menu {
		display: none;
	}

	.et-db div#et-boc .et-l .et_pb_gallery_0.et_pb_gallery .et_pb_gallery_item,
	.et-db div#et-boc .et-l .et_pb_module img {
		width: 100%;
	}

	.et-db div#et-boc .et-l .et_pb_gallery_grid .et_pb_gallery_items {
		grid-template-columns: 1fr 1fr;
	}
}

@media only screen and (max-width: 505px) {
	.contact-email {
		font-size: calc(11px + 1.3vw);
	}

	.et-db div#et-boc .et-l .et_pb_gallery_grid .et_pb_gallery_items {
		grid-template-columns: 1fr;
	}
}

@media only screen and (max-width: 420px) {
	header#masthead {
		position: sticky;
		top: -190px;
		z-index: 10;
	}

	.header-contact .phone {
		display: block;
		margin-top: .75em;
	}
}