/* 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: #003a5d;
font-family: 'Raleway', Arial, sans-serif;;
}

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

/* Header */

.header {
background-color: #e4f6fc;
}

.page-header {
background:  url("../images/2lexo32pEuYl.jpg") ;
background-position: center;
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: #e4f6fc;
}


.mobile-cta__button--left {
background-color: #1a6887;
color: #ffe0af;
}

.mobile-cta__button--left:hover {
color: #ffe0af;
}

.mobile-cta__button--right {
background-color: #003a5d;
color: #ffe0af;
}

.mobile-cta__button--right:hover {
color: #ffe0af;
}

.mobile-cta__button--bottom {
background-color: #ffe0af;
color: #003a5d;
}

.mobile-cta__button--bottom:hover {
color: #003a5d;
}

/* Navigation */

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

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

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

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

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

#menu-main-menu .has-dropdown > ul > li > a,
#menu-main-menu > li.has-dropdown > ul > li > a,
#menu-main-menu > 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: #003a5d;
}

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

#menu-main-menu .has-dropdown > ul > li > a:hover {
color: #003a5d;
}

#menu-main-menu .has-dropdown > ul > li > a:hover,
#menu-main-menu > li.has-dropdown > ul > li > a:hover,
#menu-main-menu > li.has-dropdown > ul > li > ul > li > a:hover {
background: #d3e3ea;
}
}

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

.content-area h2,
.content-area .h2 {
color: #003a5d;
}

.content-area h3,
.content-area .h3 {
color: #1a6886;
}

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

.content-area h5,
.content-area .h5 {
color: #1a6886;
}

.content-area h6,
.content-area .h6 {
color: #003a5d;
}

.content-area a:not(.btn, .ryno-coupon__phone, .category-pill),
.content-area a:link:not(.btn, .ryno-coupon__phone, .category-pill),
.content-area a:visited:not(.btn, .ryno-coupon__phone, .category-pill),
.content-area a:active:not(.btn, .ryno-coupon__phone, .category-pill) {
color: #f9a455;
}

.content-area a:hover:not(.btn, .ryno-coupon__phone, .category-pill) {
color: #e5954f;
}

::selection {
background: #003a5d;
color: #ffffff;
}

mark {
background: #1a6886;
color: #ffffff;
}

blockquote {
background: rgba(228,246,252,0.59);
border-color: #1a6886;
}

blockquote,
blockquote p {
color: #003a5d;
}

.panel {
background: #e4f6fc;
border-color: #d3e3ea;
color: #003a5d;
}


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

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

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


.text-shadow-box {
background-color: #003a5d;
box-shadow: 0.5rem 0.5rem 0 #1a6886;
}

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

.content-area .text-shadow-box a,
.content-area .text-shadow-box a:link,
.content-area .text-shadow-box a:active,
.content-area .text-shadow-box a:visited {
color: #f9a455;
}

.content-area .text-shadow-box a:hover {
color: #e5954f;
}


.text-shadow-box-light {
background-color: #f9a455;
box-shadow: 0.5rem 0.5rem 0 #db904a;
}

.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: #003a5d !important;
}

.text-shadow-box-light a:hover {
color: #00233d !important;
}

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

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

background-color: #f9a455;
background-size: contain;
-webkit-mask-image: url("");
mask-image: url("");
-webkit-mask-size: cover;
mask-size: cover;
}

/* Buttons */


a.btn-primary,
button.btn-primary,
.btn-primary,
a.btn-primary:link,
button.btn-primary:link,
.btn-primary:link,
a.btn-primary:visited,
button.btn-primary:visited,
.btn-primary:visited,
a.btn-primary:active,
button.btn-primary:active,
.btn-primary:active {
background-color: #00395e;
color: #ffe0af;
}

a.btn-primary:hover,
button.btn-primary:hover,
.btn-primary:hover {
background-color: #002c46;
color: #ffe0af;
}


a.btn-secondary,
button.btn-secondary,
.btn-secondary,
a.btn-secondary:link,
button.btn-secondary:link,
.btn-secondary:link,
a.btn-secondary:visited,
button.btn-secondary:visited,
.btn-secondary:visited,
a.btn-secondary:active,
button.btn-secondary:active,
.btn-secondary:active {
background-color: #ffe0af;
color: #00395e;
}

a.btn-secondary:hover,
button.btn-secondary:hover,
.btn-secondary:hover {
background-color: #ecd2a5;
color: #00395e;
}


.wpcf7-submit {
background-color: #f9a455;
color: #ffffff;
}

.wpcf7-submit:hover {
background-color: #e5954f;
color: #ffffff;
}

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

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

::placeholder {
color: #444444;
}

.postscript-contact .wpcf7-form select,
.postscript-contact .wpcf7-form select option:first-of-type,
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444444;
}

.sidebar-form {
background-color: #003a5d;
box-shadow: 0.5rem 0.5rem 0 #1a6886;
}

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

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

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

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

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

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

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

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

.blog-pagination .page-numbers.current {
border-color: ;
color: #00395e;
}

/* Areas We Serve */
.postscript-cities {
background:  url("../images/wXSmUnoFu2Yx.jpg") ;
background-position: center bottom;
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: #ffffff;
}

/* Footer */


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

.copyright a {
color: #000000;
}

/* Coupons */

.ryno-coupon__background {
background: rgba(255,224,175,0);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-color: #1a6886;
}

.ryno-coupon__text h3,
.ryno-coupon__text .h3 {
color: #003a5d;
}

.ryno-coupon__layout-one .btn-primary {
background: #003a5d;
color: #ffe0af;
}

.ryno-coupon__layout-one .btn-primary:hover {
background: #002c46;
color: #ffe0af;
}

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

.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: #003a5d;
color: #ffe0af;
}

.ryno-coupon__layout-three .btn-primary:hover {
background: #002c46;
color: #ffe0af;
}

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

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

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

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

.page-template-page-conversion .conversion-coupon .btn-light {
background: #003a5d;
color: #ffe0af;
}

.page-template-page-conversion .conversion-coupon .btn-light:hover {
background: #002c46;
color: #ffe0af;
}

.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("../images/PZyNLyXpbC16.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: #003a5d;
}

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

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

.other-services__box--1 {
background: #003a5d;
}

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

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

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

.conversion-page-reviews {
background-image: url(../images/7WRJD3Ot4z1g.jpg);
}

@media only screen and (min-width: 992px) {
.conversion-page-reviews {
background-image: url(../images/VEA20TtwQMwk.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: #ffe0af;
color: #003a5d;
}

.page-template-page-conversion .conversion-page-reviews .reviews-link a:hover,
.page-template-page-conversion-map .conversion-page-reviews .reviews-link a:hover {
background: #ecd2a5;
border-color: #ecd2a5;
color: #003a5d;
}

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