/* 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: #212222;
	font-family: 'exo 2', Arial, sans-serif;;
}

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

/* Header */

.header {
	background-color: #212222;
}

.page-header {
	background: #801d57 url("/wp-content/uploads/page-header-bg.svg") ;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
}



.mobile-header {
	background-color: #212222;
}


.mobile-cta__button--left {
	background-color: #801d57;
	color: #ffffff;
}

.mobile-cta__button--right {
	background-color: #4baaf8;
	color: #ffffff;
}

.mobile-cta__button--bottom {
	background-color: #5bc532;
	color: #ffffff;
}

/* Navigation */

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

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

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

.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: #ffffff;
}

@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: #4baaf8;
	}

	.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: #ffffff;
	}

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

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

	.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: #5bc532;
	}
}

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

.content-area h2,
.content-area .h2 {
	color: #801d57;
}

.content-area h3,
.content-area .h3 {
	color: #5bc532;
}

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

.content-area h5,
.content-area .h5 {
	color: #5bc532;
}

.content-area h6,
.content-area .h6 {
	color: #4baaf8;
}

a {
	color: #4baaf8;
}

a:hover {
	color: #0064b5;
}

::selection {
	background: #601341;
	color: #ffffff;
}

mark {
	background: #4baaf8;
	color: #ffffff;
}

blockquote {
	background: #f2f2f2;
	border-color: #801d57;
}

blockquote,
blockquote p {
	color: #383838;
}

.panel {
	background: #f2f2f2;
	border-color: #f2f2f2;
	color: #383838;
}


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

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

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


.text-shadow-box {
	background-color: #801d57;
	box-shadow: 0.5rem 0.5rem 0 #5bc532;
}

.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: #5bc532;
}

.text-shadow-box a:hover {
	color: #50ad2b;
}


.text-shadow-box-light {
	background-color: #4baaf8;
	box-shadow: 0.5rem 0.5rem 0 #212222;
}

.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: #00499e;
}

.text-shadow-box-light a:hover {
	color: #212222;
}

.text-highlight {
	border-bottom: 1px solid #5bc532;
	border-top: 1px solid #5bc532;
	color: #000000;
}

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

			background: url(https://pt.viirl.pro/wp-content/uploads/circle-chevron-right-solid-purple.svg) no-repeat center center;
		background-size: width: 20px 20px;
		background-size: contain;
		-webkit-mask-size: cover;
        mask-size: cover;
		top: px;
}

/* Buttons */

/* Forms */
::-webkit-input-placeholder {
	color: #000000;
}

:-ms-input-placeholder {
	color: #000000;
}

::placeholder {
	color: #000000;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #000000;
}

.sidebar-form {
	background-color: #4baaf8;
	box-shadow: 0.5rem 0.5rem 0 #212222;
}

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

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

.blog-layout--1 .blog-image .date {
	background-color: #ffffff;
	color: #801d57;
}

.blog-layout--2 .blog-contents h2 a {
	color: #03c3e6;
}

.blog-layout--2 .blog-contents h2 a:hover, 
.blog-layout--2 .blog-contents h2.active a {
	color: #00afd2;
}

.blog-layout--2 .blog-contents h2:before {
	background: #383838;
}

.blog-pagination .nav-links .page-numbers {
	color: #2881f6;
}

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

.blog-pagination .page-numbers.current {
	border-color: ;
	color: #2881f6;
}

/* Areas We Serve */
.postscript-cities {
	background: ;
	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: #212222}

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

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

.postscript-contact h2
.postscript-contact .h2 {
	color: #ffffff;
}

/* Footer */


.copyright {
	background: #ffffff;
	color: #000000;
}

.copyright a {
	color: #000000;
}

/* Coupons */

.ryno-coupon__background {
	background: rgba(234, 234, 234, 1);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-color: #5bc500;
}

.ryno-coupon__text h3,
.ryno-coupon__text .h3 {
	color: #801d57;
}

.ryno-coupon__layout-one .btn-primary {
	background: #4baaf8;
	color: #ffffff;
}

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

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

.ryno-coupon__layout-one .ryno-coupon__expiration {
	color: #123c68;
}

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

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

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

.ryno-coupon__layout-two .ryno-coupon__expiration {
	color: #123c68;
}

.ryno-coupon__layout-three .btn-primary {
	background: #03c3e6;
	color: #ffffff;
}

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

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

.ryno-coupon__layout-three .ryno-coupon__expiration {
	color: #123c68;
}


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

.page-template-page-conversion .conversion-header__divider {
	background-color: rgba(91,197,50,0);
}

.page-template-page-conversion .conversion-coupon {
	background: #801d57;
}

.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: #5bc532;
	color: #ffffff;
}

.page-template-page-conversion .conversion-coupon .btn-light:hover {
	background: #50ad2b;
	color: #ffffff;
}

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

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

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

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

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

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

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

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

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

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

.page-template-page-conversion .conversion-content-one .pop-out-form__button {
	background-image: url("/wp-content/uploads/form-button-shadow__.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: #ffffff;
}

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

.conversion-content-four {
	background-image: linear-gradient(to top, #601341 0%, #801d57 100%); 
}

.other-services__box--1 {
	background: #801d57;
}

.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: #ffffff;
}

.other-services__box--2 {
	background: #4baaf8;
}

.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: #ffffff;
}

.other-services__box--3 {
	background: #5bc532;
}

.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: #ffffff;
}

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

.conversion-page-reviews {
	background-image: url(/wp-content/uploads/testimonial-mobile-bg-plumbtree.png);
}

@media only screen and (min-width: 992px) {
	.conversion-page-reviews {
		background-image: url(/wp-content/uploads/testimonial-bg-plumbtree.png);
	}
}

.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: #601341;
	color: #ffffff;
}

.page-template-page-conversion .conversion-page-reviews .reviews-link a:hover, 
.page-template-page-conversion-map .conversion-page-reviews .reviews-link a:hover {
	background: #580034;
	border-color: #580034;
	color: #ffffff;
}

.page-template-page-testimonials .fa-star {
	color: #5bc532;
}