/*

Theme Name: Olympia Plumbing – Child Theme
Theme URI: http://theme.co/x/
Author: Olympia Plumbing
Author URI: http://theme.co/
Description: All text and content created and provided by Olympia Plumbing.
Version: 1.0.0
Template: x

*/

/*

.dark-blue {color: #213159}
.sky-blue {color: #3d6098}
.sexy-red {color: #f04b4c}
.fresh-grey {color: #e7e7e7}

*/

* {
	/*font-family: "CircularStd",sans-serif;*/
}
body *, body div * {
    text-shadow: none !important;
    /*box-shadow: none !important;
	font-family: "CircularStd",sans-serif;*/
}
body .site * {
    /*border-radius: 0px !important;*/
}
/*  turn off FireFox 'Outline' */
/*body *, body a:focus, body select:focus, body input[type="file"]:focus, body input[type="radio"]:focus, body input[type="submit"]:focus, body input[type="checkbox"]:focus {
    outline: 0px !important;
    outline: 0px !important;
    outline-offset: 0px !important;
}*/

/*	************************************************************/
/*	DEFAULTS 
/*	************************************************************/

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	/*margin: 0 0 1em 0;*/
	margin: 1em 0 0.65em;
}

a.x-scroll-top {
	border-radius: 25px;
	background-color: #FFF;
}
a.x-scroll-top:hover {
	color: #FFF;
	background-color: #213159;
}

.constrain-width {
	max-width: 800px !important;
}

.mobile-show {
	display: none;
}
.mobile-hide {
	display: inherit;
}


/*	************************************************************/
/*	HEADER 
/*	************************************************************/

.x-navbar-fixed-top-active .x-navbar-wrap {
    margin-bottom: 0px !important;
}
.x-navbar {
    background-color: #213159;
    border-bottom: 0px solid #d4d4d4;
}
.x-btn-navbar {
    padding: 0.458em 0.525em;
}
.x-btn-navbar.collapsed {
    color: #213159;
    background-color: #fff;
    box-shadow: none !important;
}
.x-navbar .desktop .x-nav > li > a:hover, 
.x-navbar .desktop .x-nav > .x-active > a, 
.x-navbar .desktop .x-nav > .current-menu-item > a {
    box-shadow: inset 0 4px 0 0 rgb(255,255,255);
}

/*	************************************************************/
/*	FOOTER 
/*	************************************************************/

.x-colophon {
    border-top: 0px solid #d4d4d4;
    background-color: #213159;
    color: #FFF;
}
.x-colophon.bottom {
	font-size: 11px;
	color: #FFF;
	padding: 20px 0 20px 0;
}
.x-colophon.bottom .x-colophon-content,
.x-colophon.bottom .x-nav li a {
	letter-spacing: .5px;
}



blockquote {
	border-color: #7a8ba5;
	margin: 0;
	padding: 1.5em 1.75em;
	font-size: 151%;
}
#olympia-reviews blockquote p {
	margin: 0;
}



body .gform_wrapper .gfield_required {
    color: #790000;
}


#olympia CTA {
}



/*	************************************************************/
/*	DEFAULTS 
/*	************************************************************/

/*

.x-navbar .desktop .x-nav > li.menu-item-656 > a {
	color: #7a8ba5;
}
.x-navbar .desktop .x-nav > li.menu-item-656 > a:hover,
.x-navbar .desktop .x-nav > li.current_page_item.menu-item-656 > a{
	box-shadow: inset 0 4px 0 0 #ffcf01;
	color: #ffcf01 !important;
}

.site .x-btn, .site .button, .site [type="submit"],
.site .gform_wrapper .gform_footer input.button, 
.site .gform_wrapper .gform_footer input[type="submit"], 
.site .gform_wrapper .gform_page_footer input.button, 
.site .gform_wrapper .gform_page_footer input[type="submit"] {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 18px;
	padding: 0.59em 1.105em 0.72em 1.105em;
}

.x-flexslider-shortcode-container {
    margin-bottom: 0;
} 
.x-colophon.bottom {
    background-color: #000;
    border-top: 0px solid #d4d4d4;
    box-shadow: 0 -0.125em 0.25em 0 rgba(0, 0, 0, 0.075);
    position: relative;
}
.x-colophon.bottom .x-social-global a {
	font-size: 16px;
	margin: 0 .5%;
	border: 1px solid #ffcf01;
	line-height: 30px;
	border-radius: 30px;
	height: 30px;
	width: 30px;
	text-align: center;
}
.x-colophon.bottom .x-social-global a:hover {
    border: solid 1px #7a8ba5;
}

a.x-scroll-top {
	border-radius: 25px;
	background-color: #FFF;
}
a.x-scroll-top:hover {
	color: #000;
	background-color: #ffcf01;
}

.h-feature-headline.white span {
}
.h-feature-headline.white span i {
	color: #000;
	background-color: #FFF;
}



/* SERVICES */
/*
#olympia-services .marginless-columns .x-column {
	display: inline-block;
	min-height: 300px;
	padding: 10% 25px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
#olympia-services .marginless-columns .x-column::before {
	content: "";
	background-color: #FFF;
	opacity: 0.1;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: 1000;
}
#olympia-services .marginless-columns .x-column::before:hover {
	opacity: 0.75;
}
#olympia-services .marginless-columns .x-column .h-custom-headline {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	margin: 0;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	z-index: 11010;
	display: block;
	text-shadow: 
		-2px -2px 3px #000, 
		2px -2px 3px #000, 
		-2px 2px 3px #000, 
		2px 2px 3px #000;
	color: #ffcf01;
}
#olympia-services .marginless-columns .x-column .h-custom-headline span span {
	font-size: 85%;
	font-weight: 400;
}

.x-nav-filters {
	text-align: center;
	margin: 0 auto;
}
.x-nav-filters .menu-item {
	margin: 0 !important;
	padding: 0 !important;
}
.x-nav-filters .menu-item a {
	background-color: transparent;
	font-weight: 400;
	border: 1px solid rgba(0, 0, 0, 0.125);
	border-radius: 0.35em;
	box-shadow: 0 0 0 transparent inset, 0 1px 1px rgba(255, 255, 255, 0.95);
	color: rgba(0, 0, 0, 0.376);
	display: inline-block;
	float: none;
	font-size: 13px;
	line-height: 1.3;
	margin: 0.45em 0.375em;
	padding: 0.692em 1.1em 0.769em 1.1em;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	transition: color 0.3s ease 0s, border-color 0.3s ease 0s, background-color 0.3s ease 0s, box-shadow 0.3s ease 0s;
	vertical-align: middle;
}
.x-nav-filters .menu-item a:hover {
    background-color: #fff;
    border-color: rgba(0, 0, 0, 0.25);
    color: rgba(0, 0, 0, 0.75);
}

*/






/*	************************************************************/

/*	RESPONSIVE 

/*	************************************************************/

/*
RESPONSIVE breakpoints
https://community.theme.co/forums/topic/media-query-breakpoints/
Extra Large – Desktop: 1200px & Up
Large – Notebook: 980px – 1199px
Medium – Tablet (Landscape): 768px – 979px
Small – Tablet (Portrait): 481px – 767px
Extra Small – Phone: 480px & Smaller
*/

 
@media screen and (min-width: 1400px) {

}
@media screen and (max-width: 1399px) {

}

@media screen and (max-width: 1199px) {

}

@media screen and (max-width: 979px) {
		
}

@media screen and (max-width: 767px) {

	blockquote {
		padding: .5em .25em;
		font-size: 131%;
	}
	
}

@media screen and (max-width: 480px) {

	.mobile-show {
		display: inherit;
	}
	.mobile-hide {
		display: none;
	}
	
}

@media screen and (max-width: 413px) {

}