/*

Theme Name: Response Crew Child 

Theme URI: https://zenriderdesigns.com

Description: Child theme for Response Crew

Version: 1.0

Author: Chris Munzenrider

Author URI: https://www.expectattitude.com

Template: response-crew

*/

/* JAMES, DO YOUR STUFF AFTER THIS !!  */
@font-face {
    font-family: ArialNarrowBold;
    src: url(fonts/arial_narrow_bold.ttf);
}
@font-face {
    font-family: OpenSansCondensedBold;
    src: url(fonts/open_sans_condensed_bold.ttf);
}
body {
	overflow-x: hidden;
}
/* USE IF CHECKBOXES ARE USED IN HOME BLUE BANNER */
.banner-checkbox-container { 
	padding: .65em;
	background-color: rgba(66, 139, 202, 0.8);	
	text-align: center; /* added for text list, not for banner-checkboxes */
}
.banner-checkboxes {
	height: 30px;
	width: 740px;
	margin: 0 auto;
	background: url(images/banner_checkboxes.png) no-repeat;
}
/* USE IF LIST IS USED IN BLUE BANNER */
.banner-blue-list {
	height: 30px;
	min-width: 0;
	padding: 0;
	margin: 0 auto;
	list-style-type: none;
	display: inline-block;
}
ul.banner-blue-list li {
	margin: 0 2em;
	font-family: OpenSansCondensedBold;
	font-size: 1.8em;
	color: #ffffff;
	text-align: center;
	/* float: left; */
	display: inline-block;
}
.clearfix {
	width: 100%;
	height: 1px;
	clear: both;
	display: block;
}
@media only screen and (min-width: 852px) and (max-width: 1235px) {
	ul.banner-blue-list li {
		margin: 0 1.2em;
		font-size: 1.4em;
	}	
}
@media only screen and (min-width: 668px) and (max-width: 851px) {
	ul.banner-blue-list li {
		margin: 0 .7em;
		font-size: 1em;
	}	
}
@media only screen and (max-width: 667px) {
	ul.banner-blue-list li {
		display: none;	
	}
}
/* Header */
.logo {
	margin-top: 10px;
}
.menu_container {
	margin: 9px 0 0 !important;
	float: left !important;
}
/* header phone */
header {
	display: none !important;	/* We're disappearing the menu */
}
.header-phone {
	width: 100px; 
	margin-top: 32px;
	margin-right: 5em;
	padding-left: 44px;
	padding-right: 4em;
	background: url(images/header_phone_icon02.png) left center no-repeat;
	/* float: right; */ 
	display: block;
	position: relative;
	z-index: 100;
	display: inline-block;
	margin-left: 1em;
}
.header-phone a {
	font-size: 1.7em;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: bold;	
	white-space: nowrap;
}
/* end header */
/* Header assets and form */
.header-asset-buffer {
	display: none;	
}
.header-asset-container {
	width: 100%;
	height: 480px;
	position: absolute;
	z-index: 99;
	top: 0;
}
.header-asset-phone-container {
	min-width: 0;
	padding: .5em 1em;
	display: inline-block;
	background-color: rgba(66, 139, 202, 0.8);
	position: fixed;
	top: 0;
	right: 3em;
	z-index: 115;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;	
}
.header-asset-phone-text {
	padding-right: .6em;
	font-family: OpenSansCondensedBold;
	font-size: 1.4em;
	color: #ffffff;	
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.8em;
	/* float: left; */
	display: inline;
}
.header-asset-phone {
	font-family: OpenSansCondensedBold;
	font-size: 2.4em;
	color: #cfee7f;	
	line-height: 1em;
	text-shadow: 1px 1px #000000;
	/*float: left;*/
	display: inline;		
}
.header-asset-phone a,
.header-asset-phone a:hover {
	color: #cfee7f;	
}
.header-tagline {
	margin: 0 auto;
	padding: 130px 0 0 0;
	font-family: ArialNarrowBold;
	font-size: 2.85em;
	color: #4d4d4d;
	font-weight: bold;
	text-align: center;
	position: relative;
	bottom: 0;
}
.header-tagline-banner {
	width: 100%;
	max-width: 595px;
	height: 200px;
	margin: 0 auto;
	background: rgba(255, 255, 255, .8);
	display: block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
	position: relative;
	top: -85px;
	z-index: 105;
}
.header-asset-logo {
	width: 380px;
	height: 187px;
	margin: 0 auto;
	padding: .5em;
	background: url(images/header_asset_logo380x187.jpg) no-repeat center center #ffffff;
	background-size: 80% auto;
	display: block;
	position: relative;
	top: 40px;
	z-index: 110;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 2px 2px 2px #666666, -1px 0 #999999;
}
.header-asset-logo a {
	height: inherit;
	width: inherit;
	display: block;
}
.header-asset-serviceareas-box {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: table;
    font-family: ArialNarrowBold;
    margin: 0 auto;
    max-width: 580px;
    padding: 1.6em 1em 0.8em;
    position: relative;
    top: -90px;
    width: 100%;
    z-index: 100;
}
.header-asset-serviceareas-box ul li {
    width: 33.3%;
    color: #ffffff;
    float: left;
    font-family: ArialNarrowBold;
    font-size: 1.7em;
    list-style-type: disc;
    text-align: left;
    text-transform: uppercase;
}
.header-asset-container-blogfix {
	padding-top: 3em; 	
}
@media only screen and (max-width: 667px) {
	.header-asset-buffer {
		height: 65px;
		display: block;	
	}
	.header-asset-container {
		height: 300px;
		position: relative;	
	}
	.header-asset-container-blogfix {
		height: 190px;
		padding-top: 25px; 	
	}	
	.header-asset-logo {
		width: 100%;
		background-size: 300px auto;
		box-shadow: none;
		top: 0;
	}
	.header-asset-phone-container {
		padding: 0.5em 1em;
		min-width: 100%;
		text-align: center;
		display: block;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 115;
	}
	.header-asset-serviceareas-box {
		display: none;
	}	
	.header-tagline-banner {
		display: none;
	}	
	.header-asset-phone-text, 
	.header-asset-phone {
		margin: 0 auto;
		padding: 0;
		display: block;
		float: none;
		clear: both;
	}
	.header-asset-phone,
	.header-asset-phone a,
	.header-asset-phone a:hover {
		color: #cfee7f;	
	}
}
/* End header-asset-phone section */
.select-form-container {
	width: 100%;
	max-width: 570px;	
	margin: 0 auto;
	padding: 2em 3em 1em;
	font-family: ArialNarrowBold;
	background: rgba(0,0,0,.6);
	display: table;
	position: relative;
	z-index: 100;
	top: -90px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;	
}
.select-row {
	display: table-row;	
}
.select-container {
	padding: 0;
	font-size: 1.7em;
	display: table-cell;
	text-align: center;
}
.select-submit-container {
	display: table-cell;	
}
#select-submit {
	margin-left: 1em;
	padding: 12px 28px;
	font-size: 1.7em;
	color: #000000;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 1px 1px #ffffff;
	border-top: 1px solid #000000; 
	border-bottom: 1px solid #ffffff;
	cursor: pointer;
	background: #8ac422; /* Old browsers */
background: -moz-linear-gradient(top,  #cbec79 0%, #94cb31 19%, #81c01a 50%, #70b407 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cbec79), color-stop(19%,#94cb31), color-stop(50%,#81c01a), color-stop(100%,#70b407)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cbec79 0%,#94cb31 19%,#81c01a 50%,#70b407 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cbec79 0%,#94cb31 19%,#81c01a 50%,#70b407 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cbec79 0%,#94cb31 19%,#81c01a 50%,#70b407 100%); /* IE10+ */
background: linear-gradient(to bottom,  #cbec79 0%,#94cb31 19%,#81c01a 50%,#70b407 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbec79', endColorstr='#70b407',GradientType=0 ); /* IE6-9 */

}
#select-submit:hover {
	background: #c9fb7c;	
}
ul.select-options {
	/*width: 100%;*/
	max-width: 360px;
	margin: 0;
	padding: 12px 0;
	color: #ffffff;
	text-align: left;
	display: inline;
	list-style: none;
	background: rgba(255, 255, 255, .3) url(images/drop_arrow.png) no-repeat;
	background-size: auto 30px;
	background-position: right 10px center;
	border-top: 1px solid #000000; 
	border-bottom: 1px solid #ffffff;
	-webkit-appearance: none;  
	-moz-appearance: none; 
	appearance: none;
	text-indent: 0.01px; 
	text-overflow: ""; 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */	
}
ul.select-options li {
	width: 350px;
	padding: 15px 0;
	margin: 0;
	text-indent: 14px;
	display: inline-block;
	position: relative;
	cursor: pointer;
}
ul.select-options li:hover {
  color: #fff;
}
ul.select-options li ul {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 60px;
  left: 0;
  width: inherit;
  display: none;
  opacity: 0;
  visibility: hidden;
}
ul.select-options li ul li { 
	width: inherit;
	margin: 0;
	padding: 10px 0;
  	background: #000000; 
  	display: block; 
  	color: #fff;
  	border-bottom: 1px solid #404040;
}
ul.select-options li ul li a {
	width: 100%;
	color: #ffffff;
	text-decoration: none;
	display: block;
}
ul.select-options li ul li a:hover {
	color: #cfee7f;
}
ul.select-options li:hover ul {
  opacity: 1;
  visibility: visible;
}
/* Mobile logo */
.logo-mobile-container {
	width: 100%;
	height: 350px;
	background: url(images/header_asset_logo380x187.jpg) top center no-repeat;
	background-size: 100% auto;
	display: none;
}
.logo-mobile-container p {
	padding-top: 170px;
	font-size: 1.7em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}
@media only screen and (max-width: 667px) {
	.select-form-container {
		top: 0;	
		max-width: 100%;
		padding: 1em 0 1em;
		display: block;
		clear: both;
		-webkit-border-bottom-right-radius: 0;
		-webkit-border-bottom-left-radius: 0;
		-moz-border-radius-bottomright: 0;
		-moz-border-radius-bottomleft: 0;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;		
	}
	.select-submit-container,
	.select-row {
    	display: block;
		clear: both;
	}
	ul.select-options li {
		width: 300px;
	}
	.select-submit-container, 
	.select-row {
		width: 300px;
		clear: both;
		display: block;
		margin: 0 auto;
		text-align: center;
	}	
	#select-submit {
		margin: 0 auto;
	}
	.header-phone {
		width: auto;
		min-width: 0;
		margin: 5px auto;
		padding-right: 0;
		float: none;
	}
	.full_page_photo {
		display: none;	
	}
	.logo-mobile-container p {
		display: none;
	}	
	#slider_wrapper {
		display: none;	
	}
}
@media only screen and (min-width: 421px) and (max-width: 667px) {
	.logo-mobile-container {
		height: 310px;
		display: none;
	}		
		
}
/****************************************************************************************/
/* Chart table */
.chart-padding-fix {
	margin: -76px auto 0 auto;	
}
.chart-table {
	width: 94%;
	margin: 0 auto;
	display: table;	
}
.chart-row {
	display: table-row;	
}
.chart-td {
	padding: .7em .2em;	
	display: table-cell;
	vertical-align: middle;
	border-bottom: 1px solid #cacaca;
}
.chart-td li {
	font-size: 1.2em;	
}
.chart-header {
	width: 250px;
	font-size: 1.2em;
	font-weight: bold;
}
.chart-header-left {
	width: 70%;
}
.chart-header-right {
	width: 30%;
}
.chart-phone {
	font-size: 1.3em; 
	text-align: right	
}
/* Chart on Locksmith page */
.chart-row-title {
	width: 160px;
	font-size: 2em;
	font-weight: bold;
}
.td-icon {
	width: 90px;
}
.chart-icon {
	width: 90px;
	height: 90px; 
	margin: 0 auto;
	display: block;
}
.icon-call {
	background: url(images/chart_call.png) no-repeat;	
}
.icon-we-arrive {
	background: url(images/chart_we_arrive.png) no-repeat;	
}
.icon-feedback {
	background: url(images/chart_feedback.png) no-repeat;	
}
/* Flexslide */
.flexslider .container .carousel-caption {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
}
.mobile-show {
	display: none;	
}
/* Serviceboxes */
.serviceboxes {
	width: 100%;
	margin: 2em auto;
}
.sb {
	width: 33%;
	padding: 1em;
	float: left; 
	/*display: inline;*/
	border-right: 2px solid #898989;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */		
}
.sb-noborder {
	border-right: none;	
}
.sb-title {
	font-size: 2em;
	font-weight: bold;
	text-align: center;
}
.sb-icon {
	height: 60px;
	width: 60px;
	margin: .4em auto;
	display: block;	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.sb-water-heater {
	background-image: url(//www.responsecrew.com/wp-content/uploads/2014/12/sb-wh_icon60x60.png);
}
.sb-drywall {
	background-image: url(//www.responsecrew.com/wp-content/uploads/2014/12/sb-dw_icon60x60.png);
}
.sb-plumbing {
	background-image: url(//www.responsecrew.com/wp-content/uploads/2014/12/sb-plumb_icon60x60.png);
}
.sb-garage-door {
	background-image: url(//www.responsecrew.com/wp-content/uploads/2014/12/sb-gdr_icon60x60.png);
}

/* Icons 20180708 */
.sb-water-heater-repair {
	background-image: url(//www.responsecrew.com/wp-content/uploads/2018/07/sb-water_heater_repair_icon60x60.png);
}
.sb-toilet {
	background-image: url(//www.responsecrew.com/wp-content/uploads/2018/07/sb-toilet_icon60x60.png);
}
.sb-sprinkler {
	background-image: url(//www.responsecrew.com/wp-content/uploads/2018/07/sb-sprinkler_icon60x60.png);
}
.sb-sink-drain {
	background-image: url(//www.responsecrew.com/wp-content/uploads/2018/07/sb-sink_drain_icon60x60.png);
}
.sb-shower-head {
	background-image: url(//www.responsecrew.com/wp-content/uploads/2018/07/sb-shower_head_icon60x60.png);
}
.sb-house {
	background-image: url(//www.responsecrew.com/wp-content/uploads/2018/07/sb-house_icon60x60.png);
}
.sb-faucet {
	background-image: url(//www.responsecrew.com/wp-content/uploads/2018/07/sb-faucet_icon60x60.png);
}
.sb-faucet-dripping {
	background-image: url(//www.responsecrew.com/wp-content/uploads/2018/07/sb-faucet_dripping_icon60x60.png);
}
.sb-clipboard {
	background-image: url(//www.responsecrew.com/wp-content/uploads/2018/07/sb-clipboard_icon60x60.png);
}
/* Locksmith */
.sb-auto {
	background: url(images/sb_auto.png) no-repeat;	
}
.sb-home {
	background: url(images/sb_home.png) no-repeat;
}
.sb-business {
	background: url(images/sb_business.png) no-repeat;
	border-right: none;
}
/* Carpet Cleaning */
.sb-cc-carpet {
	background: url(images/sb_cc_carpet.png) no-repeat;	
}
.sb-cc-flooring {
	background: url(images/sb_cc_flooring.png) no-repeat;
}
.sb-cc-upholstery {
	background: url(images/sb_cc_upholstery.png) no-repeat;
	border-right: none;
}
/* Garage Door */
.sb-gd-repair {
	background: url(images/sb_gd_repair.png) no-repeat;	
}
.sb-gd-install {
	background: url(images/sb_gd_install.png) no-repeat;
}
.sb-gd-remote {
	background: url(images/sb_gd_remote.png) no-repeat;
	border-right: none;
}
/* Garage Door */
.sb-hm-repair {
	background: url(images/sb_hm_repair.png) no-repeat;	
}
.sb-hm-maintenance {
	background: url(images/sb_hm_maintenance.png) no-repeat;
}
.sb-hm-install {
	background: url(images/sb_hm_install.png) no-repeat;
	border-right: none;
}
/* Front page icons */
.fp-icon-text {
	min-width: 0;
	margin: 0 auto;
	font-size: 1.5em;
	/*color: #0078a4;*/
	color: #666666;
	font-weight: bold;
	text-align: center;
	text-indent: 24px;
	background: url(images/sb_title_bullet.png) left 5px no-repeat;
	background-size: auto 24px;
	display: inline-block;
}
.center {
	text-align: center;	
}
.sb-flex {
	width: 100%;
	display: flex;
	justify-content: center;
}
.sb-flex > div[id^="sb"] {
	margin: 0 5%;
}
.following_dark.sb-top {
	padding-top: 30px;
}
.sb-icon-fp {
	width: 60px;
	height: 60px;
	margin: 1em auto;
	display: block;
	overflow-x: hidden;
}
.sb-locksmith {
	/*background: url(images/icon_fp_locksmith.png) no-repeat;*/
	background: url(images/sb-ls_icon60x60.png) no-repeat;
}
.sb-drywall {
	background: url(images/sb-dw_icon60x60.png) no-repeat;
}
.sb-waterheater {
	background: url(images/sb-wh_icon60x60.png) no-repeat;
}
.sb-plumbing {
	background: url(images/sb-plumb_icon60x60.png) no-repeat;
}
.sb-handyman {
	/*background: url(images/icon_fp_handyman.png) no-repeat;	*/
	background: url(images/sb-hm_icon60x60.png) no-repeat;	
}
.sb-cc {
	background: url(images/icon_fp_cc.png) no-repeat;	
}
.sb-gd {
	/*background: url(images/icon_fp_gd.png) no-repeat;*/	
	background: url(images/sb-gdr_icon60x60.png) no-repeat;
}
.sb-ra {
	background: url(images/icon_fp_ra60x60.png) no-repeat;	
}
@media only screen and (max-width: 667px) {
	.chart-padding-fix {
		margin: -140px 0 0;	
	}
	.chart-td {
		width: 100%;
		padding: .7em .2em;	
		display: block;
		/*vertical-align: top;*/
		border-bottom: none;
		clear: both;
	}	
	.chart-row {
		display: block;
		border-bottom: 1px solid #cacaca;
		clear: both;
	}
	.chart-row-title,
	.serviceboxes p.sb-title {
		padding: .2em 0;
		text-align: center;	
	}
	.chart-header {
		font-size: 1.5em;	
	}
	.chart-header-left {
		border-top: 1px solid #cacaca;	
	}
	.mobile-hide {
		display: none;	
	}
	.mobile-show {
		display: block;	
	}
	.sb {
		padding-top: 0;
		padding-left: 2em;
		padding-right: 2em;
		border-right: none;
		border-bottom: 1px solid #cacaca;
	}
	.serviceboxes {
		margin-top: 0;	
	}
	.chart-header,
	.chart-header-left,
	.chart-header-right,
	.sb {
		width: 100%;
		text-align: center;
	}	
	.serviceboxes {
		margin: 1em auto;
	}	
	.serviceboxes p {
		text-align: left;	
	}
}
/* End Locksmith page */
.main section {
    padding: 5px 0 0;
}
/* Nav */
.menu_container {
    margin: 29px 0 0 !important;
}
.response-tag {
	font-size: 3em; 
	text-align: center; 
	padding: .4em; 
	margin: -50px 0 0 0; 
	border-bottom: 1px solid #bababa;
}
@media only screen and (max-width: 991px) {
	.menu_container {
		margin: 0 !important;
	}
}
/* Sidebar recent posts */
#sidebar ul li p { /* Don't display the content after image and title */
	display: none;	
}
@media only screen and (max-width: 667px) {
	#sidebar {
		display: none;	
	}
}

/* End recent posts */
.sticky_header header .triangle-up-left:after {
    top: -80px !important;
    transform: rotate(28deg) !important;
}
.sticky_header header .triangle-up-right:after {
    top: -80px !important;
    transform: rotate(-28deg) !important;
}
.container.triangles-of-section .triangle-up-left:after {
    top: 60px !important;
    transform: rotate(28deg) !important;
}
.container.triangles-of-section .triangle-up-right:after {
    top: 60px !important;
    transform: rotate(-28deg) !important;
}
@media only screen and (max-width: 767px) {
	#mainmenu {
		display: none;
	}
	.response-tag {
		font-size: 2.4em; 
	}
}
/* 667 adjustments from auto genereated css */
@media only screen and (min-width: 767px) and (max-width: 991px) {
	.full_page_photo.slider_wrapper {
		height: 520px !important;
	}	
	.full_page_photo.slider_wrapper {
		height: 520px !important;
	}	
	.full_page_photo.slider_wrapper .flexslider .container {
		height: 470px !important;
	}	
}
/* Yelp fade in */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fadein-container {
    display: block;
    height: 192px;
    width: 192px;
    position: absolute;
	top: 100px;
    z-index: 110;
}
.fadein-container a {
	height: inherit;
	width: inherit;
}
.angies-list {	
	left: 10em;
	float: left;
}
.yelp {
    right: 10em;
	float: right;	
}
.fadein-container img {
	width: inherit;
	height: inherit;
}
.fade-in {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
	
	-webkit-animation-delay: 3.5s;
	-moz-animation-delay: 3.5s;
	animation-delay: 3.5s;
}
@media only screen and (min-width: 901px) and (max-width: 1288px) {
	.fadein-container.yelp {
		height: 100px;
		width: 100px;
		right: 5%;
	}	
	.fadein-container.angies-list {
		height: 100px;
		width: 100px;
		left: 5%;
	}	
}
@media only screen and (max-width: 900px) {
	.fadein-container {
		display: none;
	}
}