/*
Theme Name:     Jupiter Child Theme
Theme URI: 	http://themeforest.net/user/artbees
Description:    Child theme by City Ranked Media, Inc.
Author:         City Ranked Media, Inc.
Theme URI: 	http://themeforest.net/user/artbees
Template:       jupiter
*/

/* Woo Commerce */

a#ac-products {
    float: right;
}

h3.product-title {
    padding: 0px !important;
    font-size: 15px !important;
}

h3.product-title a {
    font-size: 12px;
    line-height: 4px !important;
}


/* Water Heater Modal */

a.product-btn {
    background: #e61f24;
    color: white;
    width: 50%;
    padding: 12px;
    font-weight: 600;
    text-align: center;
    display: inline-block;
    margin-bottom: 10px;
}

a.product-btn:hover {
	color: white;
}

li#field_5_9 {
    width: 50% !important;
    text-align: center;
}

.ginput_container.ginput_container_radio {
    text-align: center;
}


.water-heater-wrapper img {
    display: inline-block;
    width: 50%;
}


.water-heater-wrapper h3 {
    width: 75%;
    display: inline-block;
    text-align: center;
    font-size: 25px;
    position: relative;
    bottom: 47px;
}

.product-image {
    width: 25% !important;
}


/* --- STICKY PHONE # BAR --- */

.vc_custom_1523984974354 {
    top: 3px;
    position: relative;
}

.resp-phone {
    transition: all .4s;
    background: #e61f24;
    color: #fff;
    text-align: center;
    padding: 5px;
    position: fixed;
    z-index: 999;
    width: 100%;
}

.resp-phone a {
    color: #fff;
    font-weight: bold;
    margin-left: 10px;
}

.resp-phone a:hover {
	color: #fff;
	text-decoration: none;
}

/* --- SUBHEADER --- */



.subheader {
    width: 100%;
}

.home .subheader {
    display: none;
}

.wpb_row.vc_inner.vc_row.vc_row-fluid.mobile-only.iconRow.add-padding-2.attched-true {
    background: #d6dadb;

}
/* --- HOMEPAGE --- */

.mk-image-caption {
    width: 100%;
    margin: 0px !important;
    border-radius: 0px !important;
}

.home-section .mk-padding-wrapper.wpb_row {
   display: flex !important;
}

.auto-height {
    height: auto !important;
}

span.slogan {
    font-size: 20px;
    color: #14223c;
}


span.mk-caption-title {
    cursor: pointer;
}

.home-title {
    color: #D6DADB !important;
}

p.medium.bold {
    color: #8597AB;
}

h1.home-headline {
    color: #14223C !important;
    font-size: 28px !important;
}

.noPadding .column_container {
    padding: 0;
}

.mk-image.inside-image .mk-image-caption {
    background: #8597abab;
    padding: 15px;
}

span.mk-caption-title {
    font-size: 18px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: open sans condensed;
}

span.mk-caption-title:after {
    content: ' >>';
}

.estBlock {
    border: 10px solid #8597ab96;
}

.estBlock h2 {
    font-size: 30px !important;
}

.estBlock a {
    font-size: 35px;
    font-weight: bold;
    color: #e61f24;
    display: block;
}

.estBlock span.freeEst {
    font-size: 20px;
    font-weight: bold;
    display: block;
    color: #e61f24;
}

.estBlock #gform_1 {
    max-width: 450px;
    text-align: center;
}

.estBlock #gform_1 li {
    margin-top: 0;
}

.ginput_container input {
    border: 2px solid #d8d8d8;
    text-align: center;
}

.estBlock .gform_footer.top_label {
    padding: 0;
}

/* --- HOMEPAGE --- */

/*--force empty column to match height of adjacent column--*/
.home-section .mk-padding-wrapper.wpb_row {
   display: flex !important;
}

.auto-height {
    height: auto !important;
}
/*--*/


span.mk-caption-title {
    cursor: pointer;
}

h1.onpage-title {
    letter-spacing: 1.5px;
    color: #14223c;
    font-size: 23px;
}

h3.geo {
    font-size:  14px !important;
    color: #8597ab !important;
    margin-bottom: 30px;
}

.child .modal-block {
    margin-bottom: 18px !important;
}

a.backlink {
    color: #e61f24;
    font-weight:  bold;
}

@media screen and (min-width: 700px){
	.desktop-padding {
		padding-left: 5vw;
		padding-right: 5vw;
	}
}

.iconRow p, .mobile-icons p {
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
}


/* --- TYPOGRAPHY --- */

h3.geo {
    text-align: center;
}

h1, h2, h3 {
	font-size: 19px;
	font-weight: bold;
}

a:hover {
	text-decoration: none;
}


/* --- FORMS --- */

#gform_submit_button_2 {
    display: block !important;
    margin: 0 auto;
}

/* --- SIDEBAR --- */
.sidebar-top {
    background: #8597ab;
    padding-top: 10px;
    text-align:  center;
    color:  #14223d;
}


.sidebar-top a {
    font-size:  30px;
    color: #fff !important;
    line-height:  1.4;
    font-weight:  bold;
}

.sidebar-top {
    font-size: 24px;
    border-top: #14223c 4px solid;
    padding-bottom: 10px;
}

.sidebar-middle {
    text-align:  center;
    background: #14223c;
    padding: 10px;
}

label.gfield_label {
    display: none !important;
}


span#sidebar-form {
    color: #fff;
}

input#gform_submit_button_2 {
    background: #e61f24 !important;
}

.sidebar-middle .gform_body {
    position:  relative;
    left: 8px;
}

.sidebar-bottom {
    background: #8597ab;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 10px 0px;
}

span#sidebar-name {
    font-weight:  bold;
}

.sidebar-address {
	color: black;
	text-align: center;
	padding-top: 10px;
}

.sidebar-logo {
    text-align: center;
}

a.financing {
    background: #e61f24;
    color: #fff !important;
    font-weight: bold;
    padding: 8px 66px;
}

/* --- MODAL --- */

#gform_wrapper_4 li#field_4_7 img {
    width: 100%;
    margin-bottom: 10px;
}

#gform_wrapper_4 li#field_4_7 {
    text-align: center;
    font-size: 18px;
}

#gform_wrapper_4 li#field_4_7 strong {
    color: red;
    font-size: 25px;
    line-height: 40px;
}

div#gfield_description_4_5 {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

li#field_4_5 {
    text-align: center;
}

#gform_wrapper_4 input {
    font-weight: bold;
    border: 2px solid #ed1925;
}

.modal-content {
    border: none;
}

 .modal-bar p {
    color: #fff;
}

.modal-block {
    background: #920004;
}

.modal-bar {
    background: #920004;
}

button#myModal-launch {
    background: #e61f24;
    border: none;
    padding: 14px 60px;
    font-size: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: open sans condensed;
}


.modal-block h3 {
    font-size: 28px !important;
	color: #fff !important;
}

h3#modalLabel:before {
    content: url("https://allcountyplumbers.com/wp-content/uploads/2018/04/logo.png");
	display: block;
}

h3#modalLabel {
    color: #14223C;
    font-size: 26px;
}

input#gform_submit_button_1 {
    background: #e61f24 !important;
}

.modal-body p {
    font-size: 14px;
}

.modal-footer {
	display: none;
}

p.myModal-fine-print {
    font-size: 12px;
}


button.close {
   background: #8597ab;
    color: #14223C;
    border: 3px solid #14223C;
	margin-top: 0 !important;
    padding: 0 8px;
}

button#myModal-launch:hover {
    background: #14223c;
}

button#myModal-launch {
    color: #fff;
}

.modal-block p {
    color: #fff;
}

.modal-block {
    padding: 20px;
    text-align: center;
}

 .page-child .modal-block {
    margin-bottom: 20px !important;
}

.modal-block.no-margin {
    margin-bottom: 0px !important;
}

/*  --- MISC ELEMENTS --- */

.standard-button {
    background-color: #14223c !important;
	display: block;
	margin: 0 auto;
    padding: 1em;
    max-width: 20em;
    text-align: center;
    color: white;
    font-weight: bold;
}

.standard-button:hover {
    background: #e61f24 !important;
	color: white !important;
}
/* --- GEO BLOCK --- */
div#ogGeo {
	background: #D6DADB;
	color: #fff;
}

.gb-buttons a {
    background: #14223c !important;
}

.gb-buttons a:hover {
    background: #e61f24 !important;
    color: #fff;
}

h3.gb-cities-col {
    color: #2a2729 !important;
    font-size: 13px !important;
}

span.breadcrumb_last {
    color: #e61f24;
}

/* --- FOOTER --- */

.mk-footer-copyright a {
    color: #8c8e91;
}

.first-footer, .second-footer {
    text-align:  center;
    color: #262325;
}

.first-footer a {
    color: #fff !important;
    font-weight:  bold;
    font-size:  30px;
    line-height: 1.4;
}

.second-footer a {
    color: #14223C !important;
    font-weight:  bold;
    line-height: 1.4;
}

#mk-footer .mk-col-1-4 {
    text-align:  center;
}

p.aggRatings {
    color: #262325!important;
    text-align:  center;
}

p.aggRatings a {
    text-align:  center !important;
}

a.aggReview-button {
    color: #14223c !important;
    font-weight: bold;
    text-align:  center;
}

#mk-footer .widgettitle {
    color: #262325;
    font-family: open sans condensed;
    font-size: 19px;
    text-transform: none;
}

#mk-footer b span, p.aggRatings {
    color: #262325;
}


.rating-container p {
    text-align:  center;
}

.contact-info p {
    line-height:  1.4;
    font-size: 22px;
}

.contact-info h2 {
    font-size: 24px !important;
    color: #14223c !important;
}

.contact-info a {
    font-size: 38px;
    color: #14223c;
}

button#review-toggle {
    background: #14223c;
    color: #fff;
    padding: 8px 40px;
    border: none;
}

button#review-toggle:hover {
    background: #8597ab;
}

/* --- GPS PAGES --- */

.gps-header h1 {
    color: #fff !important;
    font-size: 2rem !important;
    font-weight: 700 !important;
    letter-spacing: .6px !important;
    line-height: 55px !important;
    text-transform: uppercase;
    text-shadow: 0px 1px 6px #565656;
    padding-bottom: 25px;
}

.gps-header .big-text {
    font-size: 4rem;
}

.gps-list ul {
    margin: 0 auto;
    width: 17rem;
}

h1.tier-2 {
    color: #505050 !important;
}

.wpb_gmaps_widget .wpb_wrapper {
    padding: 0 !important;
}

.wpb_gmaps_widget.wpb_content_element {
    margin-bottom: 0;
}

.gps-phone a {
    font-size: 1.8rem !important;
    font-weight: 700;
    color: #e61f24;
    background: #ffffffe0;
    padding: 5px 31px;
    width: 18rem;
}

.gps-phone a:hover {
    background: #fff;
}

.gps-phone .child-phone a {
	line-height: 100px;
}

button#myModal-launch.child-button {
    font-weight: bold !important;
    display: block;
    margin: 0px auto;
    transition: all .2s;
    text-transform: uppercase;
    background: #e61f24;;
    border: none;
    border-radius: 2px;
    color: #fff;
    letter-spacing: 2px;
    padding: 19px 51px;
    font-size: 14px;
}

.child-page h1 {
    color: #4d4d4d !important;
    font-weight: 600;
    padding-top: 15px;
}

.gps-header#child-page h1 {
    color: #6c6c6c !important;
    text-shadow: none;
}

.wpb_raw_code.wpb_content_element.wpb_raw_html {
    margin-bottom: 0;
}

/* --- RESPONSIVE --- */

@media screen and (min-width: 1140px){
	div#mk-boxed-layout {
    	position: relative;
    	top: 0px !important;
	}
}

@media screen and (min-width: 767px){
	.mk-header-holder {
    	position: relative !important;
    	top: 57px !important;
	}
	.mk-header-padding-wrapper {
		padding-top: 57px !important ;
	}
	div#mk-boxed-layout {
    	position: relative;
    	top: 56px;
	}
	.mobile-only{
        display: none !important;
    }
	.mk-padding-wrapper.wpb_row {
		padding: 0px !important;
	}
}

@media screen and (max-width: 767px){
	
	a.product-btn {
   
    width: 100%;
   
}
	
	
li#field_5_9 {
    width: 1000% !important;
    text-align: left;
}

.ginput_container.ginput_container_radio {
    text-align: inherit;
}

	
	.water-heater-wrapper h3 {
    width: 69%;
    display: inline-block;
    text-align: center;
    font-size: 5vw;
    position: relative;
    bottom: 2px;
}
	
	.resp-phone{
		bottom: 0px !important;
	}
	.gb-buttons a {
    	width: 40% !important;
	}
	.resp-phone {
    	/*background-image: url(https://allcountyplumbers.com/wp-content/uploads/2017/12/pointer.png);
    	background-repeat: no-repeat;
    	background-position: 88% 20px;
    	background-size: 10%;*/
	}
    .desktop-only {
        display: none !important;
    }
	.mk-padding-wrapper.wpb_row {
    	padding: 0px !important;
	}
	.home-section {
		min-height: 100vh !important;
	}
}

@media screen and (max-width: 500px) {
	img.alignright, img.alignleft {
    	width: 100%;
	}
	#background-image {
    background: #fff !important;
}
	.sidebar-middle .gform_body {
    position: relative;
    left: 0px;
}
	div#background-image > div {
    background: #fff !important;
}

	h1.home-headline {
    font-size: 20px !important;
}
	.home .full-width-5adf86f65c2b9, .home .full-width-5adf86f66140e {
		padding:0px !important;
	}
	.middle-column {
		background: #f6f6f6;
		width: 110%;
		position: relative;
		right: 5%;
	}
}