/* General Site Colors */
/* 
* DO NOT DIRECTLY EDIT THE PHP VERSION OF THIS FILE UNLESS YOU ARE ADDING NEW THEME OPTIONS
* NEVER, EVER, EVER EDIT THE CSS VERSION OF THIS FILE!!!
* This PHP file is compiled down to ryno-colors.css using the ACF generate_options_css() function in functions.php.
* The CSS file is regenerated automatically every time one of the options pages is saved.  
*/

body {
	background: #ffffff;
	color: #060f27;
	font-family: 'Montserrat', sans-serif;;
}

/* Fonts */
h1, 
.h1, 
h2, 
.h2, 
h3, 
.h3, 
h4, 
.h4, 
h5, 
.h5, 
h6, 
.h6 {
	font-family: 'Oswald', sans-serif;;
}

/* Header */

.header {
	background-color: #060f27;
}

.page-header {
	background:  url("/wp-content/uploads/internal-page-header-scaled.jpg") ;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
}

    .mobile-cta {
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.7);
    }

    .sticky-active {
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.7);
    }

.mobile-header {
	background-color: #060f27;
}


.mobile-cta__button--left,
.mobile-cta__button--left:hover {
	background-color: #15649a;
	color: rgba(255,255,255,0.87);
}

.mobile-cta__button--right,
.mobile-cta__button--right:hover {
	background-color: #167cc1;
	color: rgba(255,255,255,0.87);
}

.mobile-cta__button--bottom ,
.mobile-cta__button--bottom:hover {
	background-color: #78caec;
	color: rgba(255,255,255,0.87);
}

/* Navigation */

.nav-bar, 
.top-bar-section ul {
	background: #060f27;
}

@media only screen and (max-width: 991px) {
	.nav {
		background: #060f27;
	}
}

.hamburger-inner, 
.hamburger-inner::before, 
.hamburger-inner::after {
	background-color: #fcfcfc;
}

.main-navigation a, 
.main-navigation > li > a, 
.main-navigation > li > a[href="#"]:hover, 
.main-navigation > li.has-dropdown:after,
.main-navigation > li.has-dropdown svg {
	color: #fcfcfc;
}

@media only screen and (min-width: 992px) {
	.main-navigation > li:hover > a,  
	.main-navigation > li.has-dropdown:hover:after,
	.main-navigation > li.has-dropdown:hover svg {
		color: #fcfcfc;
	}

	.main-navigation .has-dropdown > ul > li > a, 
	.main-navigation > li.has-dropdown > ul > li > a, 
	.main-navigation > li.has-dropdown > ul > li > ul > li > a, 
	.main-navigation > li.has-dropdown > ul > li.has-dropdown:after,
	.main-navigation > li.has-dropdown > ul > li.has-dropdown svg {
		color: #fcfcfc;
	}

	.main-navigation .has-dropdown > ul > li > a, 
	.main-navigation > li.has-dropdown > ul, 
	.main-navigation > li.has-dropdown > ul > li > ul {
		background: #060f27;
	}

	.main-navigation .has-dropdown > ul > li > a:hover {
		color: #fcfcfc;
	}

	.main-navigation .has-dropdown > ul > li > a:hover, 
	.main-navigation > li.has-dropdown > ul > li > a:hover, 
	.main-navigation > li.has-dropdown > ul > li > ul > li > a:hover {
		background: #167cc1;
	}
}

/* Page Contents */
.page-header h1 {
	color: #fcfcfc;
}

.content-area h2,
.content-area .h2 {
	color: #060f27;
}

.content-area h3,
.content-area .h3 {
	color: #060f27;
}

.content-area h4,
.content-area .h4 {
	color: #060f27;
}

.content-area h5,
.content-area .h5 {
	color: #060f27;
}

.content-area h6,
.content-area .h6 {
	color: #060f27;
}

a {
	color: #167cc1;
}

a:hover {
	color: rgba(22,124,193,0.75);
}

::selection {
	background: #167cc1;
	color: #ffffff;
}

mark {
	background: #167cc1;
	color: #ffffff;
}

blockquote {
	background: rgba(6,15,39,0.05);
	border-color: #060f27;
}

blockquote,
blockquote p {
	color: #060f27;
}

.panel {
	background: rgba(22,124,193,0.08);
	border-color: rgba(22,124,193,0.2);
	color: #060f27;
}


.shadowbox {
	background: #ffffff;
	box-shadow: 2px 8px 20px 0 #c4c4c4;
}

a > .shadowbox:hover {
	box-shadow: 2px 8px 20px 0 #060f27;
}

.shadowbox, 
a > .shadowbox, 
.shadowbox p, 
a > .shadowbox p {
	color: #060f27;
}


.text-shadow-box {
	background-color: #060f27;
	box-shadow: 0.5rem 0.5rem 0 #167cc1;
}

.text-shadow-box, 
.text-shadow-box p, 
.text-shadow-box ul li svg, 
.text-shadow-box ol li svg {
	color: #ffffff;
}

.text-shadow-box h2, 
.text-shadow-box h3, 
.text-shadow-box h4, 
.text-shadow-box h5, 
.text-shadow-box h6 {
	color: #ffffff;
}

.text-shadow-box a, 
.text-shadow-box a:link, 
.text-shadow-box a:active, 
.text-shadow-box a:visited {
	color: #78caec;
}

.text-shadow-box a:hover {
	color: rgba(120,202,236,0.75);
}


.text-shadow-box-light {
	background-color: #167cc1;
	box-shadow: 0.5rem 0.5rem 0 #060f27;
}

.text-shadow-box-light, 
.text-shadow-box-light p, 
.text-shadow-box-light ul li svg, 
.text-shadow-box-light ol li svg {
	color: #ffffff;
}

.text-shadow-box-light h2, 
.text-shadow-box-light h3, 
.text-shadow-box-light h4, 
.text-shadow-box-light h5, 
.text-shadow-box-light h6 {
	color: #ffffff;
}

.text-shadow-box-light a, 
.text-shadow-box-light a:link, 
.text-shadow-box-light a:active, 
.text-shadow-box-light a:visited {
	color: #060f27;
}

.text-shadow-box-light a:hover {
	color: rgba(6,15,39,0.75);
}

.text-highlight {
	border-bottom: 2px solid #060f27;
	border-top: 2px solid #060f27;
	color: #060f27;
}

/* List Bullets */
.content-area ul li:before {
	content: '';
	display: inline-block;
	height: 21px;
	width: 30px;

			background: url(https://cooperswater.com/wp-content/uploads/drop-silhouette.svg) no-repeat center center;
		background-size: width: 21px 21px;
		background-size: contain;
		-webkit-mask-size: cover;
        mask-size: cover;
		top: 0px;
}

/* Accordions */
.accordion .accordion-item {
	border-color: ;
}

.accordion .accordion-item .accordion-button {
	background: ;
	color: ;
}

.accordion .accordion-item .accordion-button:hover {
	background: ;
	color: ;
}

.accordion .accordion-item .accordion-button::after {
	color: ;
}

.accordion .accordion-item .accordion-button:hover::after {
	color: ;
}

.accordion .accordion-item .accordion-body {
	background: ;
	color: ;
}

/* Buttons */

/* Forms */
::-webkit-input-placeholder {
	color: rgba(6,15,39,0.8);
}

:-ms-input-placeholder {
	color: rgba(6,15,39,0.8);
}

::placeholder {
	color: rgba(6,15,39,0.8);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: rgba(6,15,39,0.8);
}

.sidebar-form {
	background-color: #060f27;
	box-shadow: 0.5rem 0.5rem 0 #167cc1;
}

	.page-template-page-conversion .sidebar-form {
		box-shadow: none;
	}

.sidebar-form h2,
.sidebar-form .h2 {
	color: #ffffff;
}

/* Blog Page */
.blog-layout--1 .blog-contents h2 a {
	color: #060f27;
}

.blog-layout--1 .blog-image .date {
	background-color: #060f27;
	color: #ffffff;
}

.blog-layout--2 .post-listing .blog-contents h2 a {
	color: #060f27;
}

.blog-layout--2 .post-listing .blog-contents h2 a:hover, 
.blog-layout--2 .post-listing .blog-contents h2.active a {
	color: rgba(6,15,39,0.75);
}

.blog-layout--2 .post-listing .blog-contents h2:before {
	background: #060f27;
}

.blog-pagination .nav-links .page-numbers {
	color: #060f27;
}

.blog-pagination .nav-links .page-numbers:hover {
	background: transparent;
	color: #060f27;
}

.blog-pagination .page-numbers.current {
	border-color: ;
	color: #060f27;
}

/* Areas We Serve */
.postscript-cities {
	background:  url("/wp-content/uploads/coopersmap.png") ;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.postscript-cities [class^="rsa-"][class$="heading"] {
	color: #ffffff;
}

.postscript-cities [class^="rsa-"][class$="city-wrapper"] {
	color: #ffffff;
}

.postscript-cities [class^="rsa-"][class$="city-wrapper"] a {
	color: #ffffff;
}

.postscript-cities [class^="rsa-"][class$="city-wrapper"] a:hover {
	color: ;
}

.postscript-cities .ryno-service-areas .rsa-pipe-template__icon, 
.postscript-cities .ryno-service-areas .rsa-abc-template__icon, 
.postscript-cities .ryno-service-areas .rsa-drop-template__icon, 
.postscript-cities .ryno-service-areas .rsa-grid-template__icon {
	color: #ffffff;
}

/* Footer Form */
.postscript-contact {
	background: }

@media only screen and (min-width: 992px) {
		.postscript-contact {
		background: 	}
}

.postscript-contact,
.postscript-contact p {
	color: #ffffff;
}

.postscript-contact h2,
.postscript-contact .h2 {
	color: #060f27;
}

/* Footer */


	.footer {
		background: #060f27;
	}

	.footer, 
	.footer div, 
	.footer p, 
	.footer li, 
	.footer span {
		color: #fcfcfc;
	}

	.footer h2,
	.footer .h2 {
		color: #fcfcfc;
	}

	.footer a {
		color: #fcfcfc;
	}

	.footer a:hover {
		color: #fcfcfc;
	}

	.copyright {
		background: #060f27;
		color: #fcfcfc;
	}

	.copyright a {
		color: #fcfcfc;
	}

/* Coupons */

.ryno-coupon__background {
	background: rgba(6,15,39,0.07);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-color: #060f27;
}

.ryno-coupon__text h3,
.ryno-coupon__text .h3 {
	color: #060f27;
}

.ryno-coupon__layout-one .btn-primary {
	background: #78caec;
	color: #ffffff;
}

.ryno-coupon__layout-one .btn-primary:hover {
	background: #167cc1;
	color: #ffffff;
}

.ryno-coupon__layout-one .ryno-coupon__phone a {
	color: #060f27;
}

.ryno-coupon__layout-one .ryno-coupon__expiration {
	color: #060f27;
}

.ryno-coupon__layout-two--button .btn-primary {
	color: #ffffff;
}

.ryno-coupon__layout-two--button {
	background: linear-gradient(140deg, rgba(255,255,255,0) 50%, #060f27 50%);
}

.ryno-coupon__layout-two .ryno-coupon__phone {
	color: #060f27;
}

.ryno-coupon__layout-two .ryno-coupon__expiration {
	color: #060f27;
}

.ryno-coupon__layout-three .btn-primary {
	background: #78caec;
	color: #ffffff;
}

.ryno-coupon__layout-three .btn-primary:hover {
	background: #167cc1;
	color: #ffffff;
}

.ryno-coupon__layout-three a.ryno-coupon__phone {
	color: #060f27;
}

.ryno-coupon__layout-three .ryno-coupon__expiration {
	color: #060f27;
}


/* CHARGE Conversion Templates */
.page-template-page-conversion .conversion-header h1 {
	color: #ffffff;
}

.page-template-page-conversion .conversion-header__divider {
	background-color: #fcfcfc;
}

.page-template-page-conversion .conversion-coupon {
	background: #060f27;
}

.page-template-page-conversion .conversion-coupon h2,
.page-template-page-conversion .conversion-coupon .h2,
.page-template-page-conversion .conversion-coupon p, 
.page-template-page-conversion .conversion-coupon a {
	color: #ffffff;
}

.page-template-page-conversion .conversion-coupon .btn-light {
	background: #167cc1;
	color: #fcfcfc;
}

.page-template-page-conversion .conversion-coupon .btn-light:hover {
	background: rgba(22,124,193,0.7);
	color: #ffffff;
}

.page-template-page-conversion .conversion-seo-icons .h5 {
	color: #060f27;
}

.page-template-page-conversion .conversion-seo-icons .icon__text p {
	color: #383838;
}

.page-template-page-conversion .conversion-seo-icons .emergency-service {
	fill: #060f27;
}

.page-template-page-conversion .conversion-seo-icons .bbb svg {
	fill: #060f27;
}

.page-template-page-conversion .conversion-seo-icons .epa-certified svg {
	fill: #060f27;
}

.page-template-page-conversion .conversion-seo-icons .family-owned svg {
	fill: #060f27;
}

.page-template-page-conversion .conversion-seo-icons .financing svg {
	fill: #060f27;
}

.page-template-page-conversion .conversion-seo-icons .free-estimates svg {
	fill: #060f27;
}

.page-template-page-conversion .conversion-seo-icons .google-guaranteed svg .cls-1 {
	fill: #060f27;
}

.page-template-page-conversion .conversion-seo-icons .satisfaction-guaranteed svg path {
	fill: #060f27;
}

.page-template-page-conversion .conversion-content-one .pop-out-form__button {
	background-image: url("/wp-content/uploads/pop-out_form-updated.png");
}

.content-area.conversion-content-four, 
.content-area.conversion-content-four h2, 
.content-area.conversion-content-four .h2, 
.content-area.conversion-content-four .h3, 
.content-area.conversion-content-four .h5 {
	color: #fcfcfc;
}

.content-area.conversion-content-four p,
.content-area.conversion-content-four li,
.content-area.conversion-content-four div {
	color: #fcfcfc;
}

.conversion-content-four {
	background: #060f27;
}

.other-services__box--1 {
	background: #060f27;
}

.other-services__box--1 h2, 
.other-services__box--1 p, 
.other-services__box--1 p a, 
.other-services__box--1 p a:link, 
.other-services__box--1 p a:hover, 
.other-services__box--1 p a:active, 
.other-services__box--1 p a:visited {
	color: #fcfcfc;
}

.other-services__box--2 {
	background: #167cc1;
}

.other-services__box--2 h2, 
.other-services__box--2 p, 
.other-services__box--2 p a, 
.other-services__box--2 p a:link, 
.other-services__box--2 p a:hover, 
.other-services__box--2 p a:active, 
.other-services__box--2 p a:visited {
	color: #fcfcfc;
}

.other-services__box--3 {
	background: #060f27;
}

.other-services__box--3 h2, 
.other-services__box--3 p, 
.other-services__box--3 p a, 
.other-services__box--3 p a:link, 
.other-services__box--3 p a:hover, 
.other-services__box--3 p a:active, 
.other-services__box--3 p a:visited {
	color: #fcfcfc;
}

.page-template-page-conversion .conversion-page-reviews .stars, 
.page-template-page-conversion-map .conversion-page-reviews .stars {
	color: #f3cf41;
}

.conversion-page-reviews {
	background-image: url(/wp-content/uploads/Testimonial-BG.jpg);
}

@media only screen and (min-width: 992px) {
	.conversion-page-reviews {
		background-image: url(/wp-content/uploads/Testimonial-BG.jpg);
	}
}

.conversion-page-reviews .review-content {
	color: #ffffff;
}

.page-template-page-conversion .conversion-page-reviews .reviews-link a, 
.page-template-page-conversion-map .conversion-page-reviews .reviews-link a {
	background: #78caec;
	color: #fcfcfc;
}

.page-template-page-conversion .conversion-page-reviews .reviews-link a:hover, 
.page-template-page-conversion-map .conversion-page-reviews .reviews-link a:hover {
	background: #167cc1;
	border-color: #167cc1;
	color: #fcfcfc;
}

.page-template-page-testimonials .ryno-star-solid {
	color: #f2ab27;
}

/* Author Boxes */






	.single .author-nav-tabs .nav-link {
		color: #707070;
	}


/* Service Areas Page Template */ 
.page-template-page-service-areas .ryno-service-areas [class^="ryno-service-areas__icon--"]::before {
	color: #ffffff;
}

.page-template-page-service-areas .ryno-service-areas [class*="__heading"] {
	color: #ffffff;
}

.page-template-page-service-areas .ryno-service-areas [class*="__city"],
.page-template-page-service-areas .ryno-service-areas [class*="__link"] {
	color: #ffffff;
}