/* 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.
*/

:root {
	--font-heading: "Ultra", serif;;
	--font-body: "Roboto", sans-serif;;
	
	/* Typography */
	

   	--body-font-size-mobile: 18px;
	--body-font-size-desktop: 20px;
	--body-font-weight: 400;
	--body-line-height-mobile: 1.5;
	--body-line-height-desktop: 1.5;

		--heading-font-weight: 400; /* Covers all heading tags */
	--heading-text-transform: ; /* Covers all heading tags */

	--h1-font-size-mobile-xs: 32px; /* 320px - 575px */
	--h1-font-size-mobile-sm: 40px; /* 576px - 991px */
	--h1-font-size-desktop: 52px; /* 992px and up */
	--h1-line-height-mobile: 1;
	--h1-line-height-desktop: 1;

	--h2-font-size-mobile: 30px;
	--h2-font-size-desktop: 44px;
	--h2-line-height-mobile: 1.2;
	--h2-line-height-desktop: 1.18181818182;

	--h3-font-size-mobile: 26px;
	--h3-font-size-desktop: 38px;
	--h3-line-height-mobile: 1.15384615385;
	--h3-line-height-desktop: 1.15789473684;

	--h4-font-size-mobile: 24px;
	--h4-font-size-desktop: 28px;
	--h4-line-height-mobile: 1.25;
	--h4-line-height-desktop: 1.25;

	--h5-font-size-mobile: 22px;
	--h5-font-size-desktop: 24px;
	--h5-line-height-mobile: 1.31818181818;
	--h5-line-height-desktop: 1.29166666667;

	--h6-font-size-mobile: 20px;
	--h6-font-size-desktop: 20px;
	--h6-line-height-mobile: 1.4;
	--h6-line-height-desktop: 1.4;

	--coupon-heading-font-size-mobile: 28px;
	--coupon-heading-font-size-desktop: 52px;

	/* Mobile Header */
	--mobile-header-height: 70px; /* This sets the mobile header height, as well as the distance of the mobile nav menu from the top of the page */
	--mobile-header-logo-max-height: 60px;


	/* Navbar */
		--nav-link-font-size: 16px;
	--nav-link-font-family: var(--font-body);
	--nav-link-font-weight: 700;
	--nav-link-text-transform: capitalize;
	--nav-dropdown-icon-desktop: "\e942"; 
	--nav-mobile-nav-link-border-color: rgb(255,255,255);
	--mobile-nav-dropdown-icon-color: #ffffff;
	--mobile-nav-dropdown-icon-background: rgb(67,146,214);


	/* Buttons */
		--button-font-family: var(--font-body);
	--button-font-size: 20px;
	--button-font-weight: 900;
	--button-padding: 10px;
	--button-border-radius: 36px;
	--button-text-transform: uppercase;
	--button-lg-font-size: 20px;
	--button-lg-padding: 20px 25px;
		--btn-primary-background-color: ;
	--btn-primary-text-color: #ffffff;
	--btn-primary-background-hover-color: ;
	--btn-primary-text-hover-color: #ffffff;
	;
	--btn-secondary-background-color: ;
	--btn-secondary-text-color: #ffffff;
	--btn-secondary-background-hover-color: ;
	--btn-secondary-text-hover-color: #ffffff;


	/* Footer Forms (postscript-contact) */
		--footer-form-text-color: #383838; /* This setting covers typed text and placeholders.  */
	--footer-form-background-color: #FFFFFF;
	--footer-form-text-size-mobile: 16px;
	--footer-form-text-size-desktop: 16px;
	--footer-form-field-height: 46px; /* This also changes the line height to center the text */ 
	--footer-form-message-field-height: 100px;
	--footer-form-fields-border-radius: 10px;
	--footer-form-field-margin: 16px; /* Vertical space between fields */
	--footer-form-button-margin: 37px; /* Vertical space between submit button and form fields */
	--footer-form-arrow-color: #000000;
	--footer-form-arrow-width: 12px;
	--footer-form-arrow-height: 8px;
	--footer-form-arrow-right-distance: 16px; /* Measures how far the arrow is from the ride side of input field */
				--footer-form-field-border: 0 none;
	
	/* Conversion Page Settings */
		--charge-h1-font-size-mobile: 28px;
	--charge-h1-font-size-tablet: 34px;
	--charge-h1-font-size-desktop: 40px;
	--sidebar-form-form-border-radius: 20px;
	--sidebar-form-heading-font-size: 36px;
	--sidebar-form-bottom-padding: 55px;
	--sidebar-form-button-offset: -20px;

	--conversion-header-h1-color: #ffffff;
	--conversion-header-divider-background-color: rgb(239,48,39);

			--conversion-coupon-background: linear-gradient(90deg, rgb(63,138,203), rgb(27,94,152));
		--conversion-coupon-contents-color: #ffffff;
	--conversion-coupon-button-bg-color: rgb(239,48,39);
	--conversion-coupon-button-color: rgb(255,255,255);
	--conversion-coupon-button-hover-background: rgb(141,28,23);
	--conversion-coupon-button-hover-color: #ffffff;

			--conversion-contents-default-color: rgb(255,255,255);
		--conversion-links-color: rgb(177,239,255);
	--conversion-links-hover-color: rgb(67,146,214);

		--conversion-content-one-padding-top-mobile: 30px;
	--conversion-content-one-padding-bottom-mobile: 30px;
	--conversion-content-one-padding-top-desktop: 60px;
	--conversion-content-one-padding-bottom-desktop: 60px;

	--conversion-content-one-heading-color: rgb(255,255,255);
	--conversion-content-one-text-color: rgb(255,255,255);
	--conversion-content-one-link-color: rgb(177,239,255);
	--conversion-content-one-link-hover-color: rgb(67,146,214);

		--conversion-content-two-padding-top-mobile: 50px;
	--conversion-content-two-padding-bottom-mobile: 30px;
	--conversion-content-two-padding-top-desktop: 133px;
	--conversion-content-two-padding-bottom-desktop: 60px;

	--conversion-content-two-heading-color: rgb(255,255,255);
	--conversion-content-two-text-color: rgb(255,255,255);
	--conversion-content-two-link-color: rgb(177,239,255);
	--conversion-content-two-link-hover-color: rgb(67,146,214);

		--conversion-content-three-padding-top-mobile: 30px;
	--conversion-content-three-padding-bottom-mobile: 30px;
	--conversion-content-three-padding-top-desktop: 60px;
	--conversion-content-three-padding-bottom-desktop: 60px;

	--conversion-content-three-heading-color: rgb(255,255,255);
	--conversion-content-three-text-color: rgb(255,255,255);
	--conversion-content-three-link-color: rgb(177,239,255);
	--conversion-content-three-link-hover-color: rgb(67,146,214);

		--conversion-content-four-padding-top-mobile: 30px;
	--conversion-content-four-padding-bottom-mobile: 50px;
	--conversion-content-four-padding-top-desktop: 60px;
	--conversion-content-four-padding-bottom-desktop: 100px;

	--conversion-content-four-heading-color: rgb(255,255,255);
	--conversion-content-four-text-color: rgb(255,255,255);
	--conversion-content-four-link-color: rgb(177,239,255);
	--conversion-content-four-link-hover-color: rgb(67,146,214);

		--conversion-content-five-padding-top-mobile: 30px;
	--conversion-content-five-padding-bottom-mobile: 30px;
	--conversion-content-five-padding-top-desktop: 60px;
	--conversion-content-five-padding-bottom-desktop: 60px;

		--conversion-content-five-heading-color: rgb(255,255,255);
	--conversion-content-five-text-color: rgb(255,255,255);
	--conversion-content-five-link-color: rgb(177,239,255);
	--conversion-content-five-link-hover-color: rgb(67,146,214);

	--other-services-box-1-background: rgb(39,60,126);
	--other-services-box-1-color: #ffffff;

	--other-services-box-2-background: rgb(239,48,39);
	--other-services-box-2-color: #ffffff;

	--other-services-box-3-background: rgb(67,146,214);
	--other-services-box-3-color: #ffffff;

		--conversion-testimonial-title-color: #ffffff;
	--conversion-testimonial-title-font-family: var(--font-heading);
	--conversion-testimonial-title-mobile-font-size: 24px;
	--conversion-testimonial-title-desktop-font-size: 40px;
	--conversion-testimonial-title-font-weight: 300;
	--conversion-testimonial-title-text-align: left;
	--conversion-testimonial-title-text-transform: uppercase;

	
	--testimonial-section-mobile-padding-top: 30px;
	--testimonial-section-mobile-padding-bottom: 30px;
	--testimonial-section-desktop-padding-top: 60px;
	--testimonial-section-desktop-padding-bottom: 60px;

	--testimonial-bg: url('https://www.redrocketplumbing.com/wp-content/uploads/reviews-bg-mobile.jpg');--testimonial-bg-desktop: url('https://www.redrocketplumbing.com/wp-content/uploads/reviews-bg.jpg');
    /* Mobile Background Image Settings */
    --testimonial-bg-mobile-position: center top;
    --testimonial-bg-mobile-repeat: no-repeat;
    --testimonial-bg-mobile-size: cover;

    /* Desktop Background Image Settings */
    --testimonial-bg-desktop-position: center top;
    --testimonial-bg-desktop-repeat: no-repeat;
    --testimonial-bg-desktop-size: cover;



		--conversion-page-review-box-background: rgb(255,255,255);
	--conversion-page-review-box-border-radius: 20px;
	--conversion-page-review-box--stars-color: #f3cf41;
	--conversion-page-review-box-text-color: rgb(39,60,126);
	--conversion-page-review-box-text-mobile-font-size: 18px;
	--conversion-page-review-box-text-desktop-font-size: 20px;
	--conversion-page-review-box-author-name-color: #273c7e;
	--conversion-page-review-box-author-name-mobile-font-size: 18px;
	--conversion-page-review-box-author-name-desktop-font-size: 20px;
			--conversion-review-source-color: #4392d6;
			
	--conversion-review-source-font-size: 30px;

		--conversion-page-reviews-button-background: rgb(39,60,126);
	--conversion-page-reviews-button-border-radius: 0px;
	--conversion-page-reviews-button-color: rgb(255,255,255);
	--conversion-page-reviews-button-font-family: var(--font-body);
	--conversion-page-reviews-button-font-size: 18px;
	--conversion-page-reviews-button-font-weight: 700;
	--conversion-page-reviews-button-text-transform: uppercase;
	--conversion-page-reviews-button-hover-background: rgb(239,48,39);
	--conversion-page-reviews-button-hover-color: #ffffff;

	/* Page Element Options */
	--panel-background: rgb(39,60,126);
	--panel-border-color: #d8d8d8;
	--panel-color: rgb(255,255,255);

		--shadowbox-background: rgb(255,255,255);
	--shadowbox-box-shadow: #c4c4c4;
	--shadowbox-box-shadow-hover: #1f2044;
	--shadowbox-color: rgb(0,0,0);

		--text-shadowbox-background: rgb(39,60,126);
	--text-shadowbox-box-shadow-color: rgb(67,146,214);
	--text-shadowbox-text-color: rgb(255,255,255);
	--text-shadowbox-heading-color: rgb(255,255,255);
	--text-shadowbox-link-color: rgb(177,239,255);
	--text-shadowbox-link-hover-background: rgb(177,239,255);
	--text-shadowbox-link-hover-color: rgb(6,34,82);

		--text-shadowbox-light-background-color: rgb(203,44,36);
	--text-shadowbox-light-box-shadow-color: #01244c;
	--text-shadowbox-light-text-color: rgb(255,255,255);
	--text-shadowbox-light-heading-color: #ffffff;
	--text-shadowbox-light-link-color: rgb(177,239,255);
	--text-shadowbox-light-link-background-color: rgb(177,239,255);
	--text-shadowbox-light-link-hover-color: rgb(6,34,82);

		--gradient-box-background: linear-gradient(to bottom, rgb(67,146,214), rgb(39,60,126));
	--gradient-box-border-radius: px;
	--gradient-box-text-color: rgb(255,255,255);
	--gradient-box-heading-color: rgb(255,255,255);
	--gradient-box-link-color: rgb(255,255,255);
	--gradient-box-link-background-color: rgb(255,255,255);
	--gradient-box-link-hover-color: rgb(6,34,82);

		--gradient-box-light-background: linear-gradient(to bottom, rgb(203,44,36), rgb(141,28,23));
	--gradient-box-light-border-radius: px;
	--gradient-box-light-text-color: rgb(255,255,255);
	--gradient-box-light-heading-color: rgb(255,255,255);
	--gradient-box-light-link-color: rgb(255,255,255);
	--gradient-box-light-link-background-color: rgb(255,255,255);
	--gradient-box-light-link-hover-color: rgb(6,34,82);

		--photo-box-background-image: url(https://www.redrocketplumbing.com/wp-content/uploads/Photo-Box-BG.png);
	--photo-box-background-position: center;
	--photo-box-background-repeat: no-repeat;
	--photo-box-background-size: cover;
	--photo-box-border-radius: 15px;
	--photo-box-text-color: rgb(255,255,255);
	--photo-box-heading-color: rgb(255,255,255);
	--photo-box-link-color: rgb(255,255,255);
	--photo-box-link-background-color: rgb(255,255,255);
	--photo-box-link-hover-color: rgb(39,60,126);

		--color-strip-box-background-color: rgb(39,60,126);
	--color-strip-box-border-radius: 0px;
	--color-strip-box-border-top: #4392d6;
	--color-strip-box-text-color: rgb(255,255,255);
	--color-strip-box-heading-color: rgb(255,255,255);
	--color-strip-box-link-color: rgb(255,255,255);
	--color-strip-box-link-background-color: rgb(255,255,255);
	--color-strip-box-link-hover-color: rgb(6,34,82);

		--border-box-background-color: rgb(39,60,126);
	--border-box-border-radius: 0px;
	--border-box-border: #4392d6;
	--border-box-text-color: rgb(255,255,255);
	--border-box-heading-color: rgb(255,255,255);
	--border-box-link-color: rgb(255,255,255);
	--border-box-link-background-color: rgb(255,255,255);
	--border-box-link-hover-color: rgb(6,34,82);

	--text-highlight-border-bottom: 2px solid rgb(39,60,126);
	--text-highlight-border-top: 2px solid rgb(39,60,126);
	--text-highlight-color: #000000;

	--blockquote-background: rgb(39,60,126);
	--blockquote-border-color: rgb(67,146,214);
	--blockquote-text-color: rgb(255,255,255);
	}

body {
	background: #ffffff;
	color: #383838;
	font-family: var(--font-body);
}

/* Fonts */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	font-family: "Ultra", serif;;
}

/* Header */

.header {
	background-color: rgb(6,34,82);
}

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

.mobile-sticky-header {
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.7);
}

.mobile-sticky-header.hide-mobile-header {
	box-shadow: none;
}


.mobile-header {
	background-color: rgb(6,34,82);
}

@media only screen and (max-width: 767px) {
.mobile-header__logo img {
	max-height: var(--mobile-header-logo-max-height);
	width: auto;
}
}

.mobile-banner-promo {
	background: rgb(177,239,255);
}

.mobile-banner-promo__title,
.mobile-banner-promo__description {
	color: rgb(0,0,0);
}

.mobile-banner-promo__title {
	font-size: 14px;
	font-weight: 700;
}

.mobile-banner-promo__description {
	font-size: 12px;
	font-weight: 300;
}

.mobile-banner-promo__button {
	background: rgb(239,48,39);
	color: rgb(255,255,255);
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}

.mobile-header__phone .ri, 
.mobile-header__specials-icon .ri {
	font-size: px;
}

@media only screen and (min-width: 425px) {
	.mobile-header__phone .ri, 
	.mobile-header__specials-icon .ri {
		font-size: px;
	}
}

.mobile-header__phone,
.mobile-header__phone:hover {
	color: rgb(239,48,39);
}

.mobile-header__specials-icon,
.mobile-header__specials-icon:hover {
	color: ;
}


.mobile-cta__button {
	font-family: var(--font-body);
	font-size: 20px;
	font-weight: 900;
	text-transform: uppercase;
}

.mobile-cta__button--one,
.mobile-cta__button--one:hover {
	color: rgb(255,255,255);
}

.mobile-cta__button--two,
.mobile-cta__button--two:hover {
	color: rgb(255,255,255);
}

.mobile-nav--two .mobile-cta__button--one,
.mobile-nav--two .mobile-cta__button--two {
	border-radius: 36px;
}

.mobile-nav--two .mobile-cta__button--one {
	background-color: ;
}

.mobile-nav--two .mobile-cta__button--two {
	background-color: ;
}

/* Navigation */

@media only screen and (max-width: 991px) {
	.main-navigation > li.has-dropdown.active-child-menu > a {
		background: rgb(67,146,214);
		color: rgb(255,255,255) !important;
	}

	.main-navigation li.has-dropdown ul li a {
		background: rgb(39,60,126);
		color: rgb(255,255,255);
	}
}

.nav-bar,
.top-bar-section ul {
	background: rgb(6,34,82);
}

@media only screen and (max-width: 991px) {
	.mobile-nav-buttons {
		background: rgb(6,34,82);
	}

	.nav {
		background: rgb(6,34,82);
	}
}

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

.main-navigation > li > a[href="#"]:hover,
.main-navigation a:hover {
	color: rgb(255,255,255);
}

@media only screen and (max-width: 991px) {
	
			.main-navigation a,
		.main-navigation .deadlink {
			color: rgb(255,255,255);
		}
	}

@media only screen and (min-width: 992px) {
	.main-navigation a,
	.main-navigation > li > a,
	.main-navigation .deadlink {
		color: rgb(255,255,255);
	}

	.main-navigation > li:hover > a,
	.main-navigation > li.has-dropdown:hover:after,
	.main-navigation > li.has-dropdown:hover svg,
	.main-navigation .deadlink:hover {
		color: rgb(239,48,39);
	}

	.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: rgb(6,34,82);
	}

	.main-navigation .has-dropdown > ul > li > a:hover {
		color: rgb(177,239,255);
	}

	.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: rgb(39,60,126);
	}
}

/* Page Contents */
.page-header h1 {
	color: rgb(255,255,255);
}

.content-area h2,
.content-area .h2 {
	color: rgb(39,60,126);
}

.content-area h3,
.content-area .h3 {
	color: rgb(39,60,126);
}

.content-area h4,
.content-area .h4 {
	color: rgb(239,48,39);
}

.content-area h5,
.content-area .h5 {
	color: rgb(67,146,214);
}

.content-area h6,
.content-area .h6 {
	color: rgb(67,146,214);
}

.page:not(.home, .page-template-page-ryno-service-areas) .content-area a:not(.btn, .secondary-link) {
	color: rgb(177,239,255);
}

.page:not(.home, .page-template-page-ryno-service-areas) .content-area a:not(.btn, .secondary-link):hover {
	color: rgb(255,255,255);
}

.secondary-link {
	color: rgb(203,44,36);
}

.secondary-link:hover {
	color: rgb(141,28,23);
}

::selection {
	background: #2E5B96;
	color: rgb(255,255,255);
}

mark {
	background: #2E5B96;
	color: rgb(255,255,255);
}


/* List Bullets */
.content-area ul li:before {
	content: '';
	display: inline-block;
	height: 24px;
	width: 24px;
			background: url(https://www.redrocketplumbing.com/wp-content/uploads/Bullet-point-1.svg) no-repeat center center;
		background-size: width: 24px 24px;
		background-size: contain;
		-webkit-mask-size: cover;
		mask-size: cover;
		top: 4px;
}

/* Accordions */
.accordion .accordion-item {
	border-color: rgb(255,255,255);
}

.accordion .accordion-item .accordion-button,
.rsa-drop-template__accordion-tab-label,
.rsa-drop-template__accordion-radio:checked + .rsa-drop-template__accordion-tab-label {
	background: rgb(255,255,255);
	color: rgb(39,60,126);
}

.rsa-drop-template__accordion-tab-label h2 {
	color: rgb(39,60,126);
}

.accordion .accordion-item .accordion-button:hover,
.rsa-drop-template__accordion-tab-label:hover {
	background: rgb(237,237,237);
	color: rgb(203,44,36);
}

.accordion .accordion-item .accordion-button::after {
	color: rgb(39,60,126);
}

.rsa-drop-template__accordion-icon-plus,
.rsa-drop-template__accordion-icon-minus {
	background: rgb(39,60,126);
}

.accordion .accordion-item .accordion-button:hover::after {
	color: rgb(203,44,36);
}

.accordion .accordion-item .accordion-button:hover .rsa-drop-template__accordion-icon-plus,
.accordion .accordion-item .accordion-button:hover .rsa-drop-template__accordion-icon-minus {
	background: rgb(203,44,36);
}

.accordion .accordion-item .accordion-body {
	background: rgb(255,255,255);
	color: rgb(0,0,0);
}

/* Contact Us Page Styles */

.contact-sidebar__company-info .h2 {
	font-size: 32px;
}

.contact-sidebar--phone .mobile-phone-link,
.contact-sidebar--phone .mobile-phone-link:hover {
	color: rgb(255,255,255);
	font-size: 20px;
}

/* Forms */
::-webkit-input-placeholder {
	color: rgb(0,0,0);
}

:-ms-input-placeholder {
	color: rgb(0,0,0);
}

::placeholder {
	color: rgb(0,0,0);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: rgb(0,0,0);
}

.sidebar-form {
	background-color: rgb(39,60,126);
}

.sidebar-form h2,
.sidebar-form .h2 {
	color: rgb(255,255,255);
}

.select2-container--default .select2-results>.select2-results__options {
	background: rgb(255,255,255);
}

.select2-results__option {
	color: rgb(0,0,0);
	font-size: 16px;
}

.select2-container--default .select2-results__option[aria-selected=true] {
	background: rgb(242,242,242);
	color: rgb(0,0,0);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background: rgb(39,60,126);
	color: rgb(255,255,255);
}

/* Blog Page */
.blog-layout--1 .blog-contents h2 a {
	color: rgb(6,34,82);
}

.blog-layout--1 .blog-image .date {
	background-color: rgb(203,44,36);
	color: #ffffff;
}

.blog-layout--2 .post-listing .blog-contents h2 a {
	color: rgb(6,34,82);
}

.blog-layout--2 .post-listing .blog-contents h2 a:hover,
.blog-layout--2 .post-listing .blog-contents h2.active a {
	color: rgb(39,60,126);
}

.blog-layout--2 .post-listing .blog-contents h2:before {
	background: rgb(203,44,36);
}

.blog-pagination .nav-links .page-numbers {
	color: rgb(39,60,126);
}

.blog-pagination .nav-links .page-numbers:hover {
	background: transparent;
	color: rgb(67,146,214);
}

.blog-pagination .page-numbers.current {
	border-color: ;
	color: rgb(203,44,36);
}

.blog-post-header h1 {
	font-size: 30px;
}

@media only screen and (min-width: 992px) {
	.blog-post-header h1 {
		font-size: 45px;
	}
}

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

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

.postscript-contact,
.postscript-contact p {
	color: rgb(39,60,126);
}

.postscript-contact h2,
.postscript-contact .h2 {
	color: rgb(39,60,126);
}

/* Footer */


.footer {
	background: #101010;
}

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

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

.footer a {
	color: #ffffff;
}

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

.copyright {
	background: rgb(39,60,126);
	color: rgb(255,255,255);
}

.copyright a {
	color: rgb(255,255,255);
}

/* Coupons */

.ryno-coupon__background {
	background: rgb(39, 60, 126) url("/wp-content/uploads/coupon-2.jpg") ;
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: cover;
}

.ryno-coupon__text h3,
.ryno-coupon__text .h3 {
	color: rgb(255,255,255);
}

.ryno-coupon__details {
	color: rgb(255,255,255);
}

.ryno-coupon__disclaimer {
	color: rgb(255,255,255);
}

.ryno-coupon__layout-one .coupon-button {
	background: rgb(203,44,36);
	color: rgb(255,255,255);
}

.ryno-coupon__layout-one .coupon-button:hover {
	background: rgb(141,28,23);
	color: rgb(255,255,255);
}

.ryno-coupon__layout-one .ryno-coupon__phone a {
	color: rgb(255,255,255);
}

.ryno-coupon__layout-one .ryno-coupon__expiration {
	color: rgb(255,255,255);
}

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

.ryno-coupon__layout-two--button {
	background: linear-gradient(140deg, rgba(255,255,255,0) 50%, rgb(239,48,39) 50%);
}

.ryno-coupon__layout-two .ryno-coupon__phone {
	color: rgb(255,255,255);
}

.ryno-coupon__layout-two .ryno-coupon__expiration {
	color: rgb(255,255,255);
}

.ryno-coupon__layout-three .coupon-button {
background: rgb(255,255,255);
	color: rgb(39,60,126);
}

.ryno-coupon__layout-three .coupon-button:hover {
background: rgb(67,146,214);
	color: rgb(39,60,126);
}

.ryno-coupon__layout-three a.ryno-coupon__phone {
	color: rgb(39,60,126);
}

.ryno-coupon__layout-three .ryno-coupon__expiration {
	color: rgb(39,60,126);
}

.page-template-page-ryno-testimonials .ryno-star-solid {
	color: rgb(242,171,39);
}


/* Service Areas Page Template */
.page-template-page-ryno-service-areas .ryno-service-areas .rsa-pipe-template__icon, 
.page-template-page-ryno-service-areas .ryno-service-areas .rsa-abc-template__icon, 
.page-template-page-ryno-service-areas .ryno-service-areas .rsa-drop-template__icon, 
.page-template-page-ryno-service-areas .ryno-service-areas .rsa-grid-template__icon,
.ryno-service-areas__icon--map3 {
	color: rgb(203,44,36) !important;
}

.page-template-page-ryno-service-areas .ryno-service-areas [class*="__heading"] {
	color: rgb(6,34,82);
}

.page-template-page-ryno-service-areas .rsa-drop-template__accordion-tab-content,
.page-template-page-ryno-service-areas .ryno-service-areas [class*="__city"] {
	color: rgb(6,34,82);
}

.page-template-page-ryno-service-areas .ryno-service-areas [class*="__link"] {
	color: rgb(203,44,36);
}

.page-template-page-ryno-service-areas .ryno-service-areas [class*="__link"]:hover {
	color: rgb(141,28,23);
}

/* Meet the Team Template Styles - General */
/* ------------------------------------------------------- */
/* ------------------------------------------------------- */

.ryno-mtt__member-container {
	background: #FFFFFF;
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.16);
	border-radius: 0;
			border-color: rgb(39,60,126) !important;
	}

.ryno-mtt__photo-container {
	}

.ryno-mtt__name,
.ryno-mtt__title,
.ryno-mtt__collapse-container::before {
	font-family: "Ultra", serif;;
}

.ryno-mtt__name {
	color: rgb(6,34,82);
	font-size: 20px;
	font-weight: 800;
}

.ryno-mtt__title {
	color: rgb(67,146,214);
	font-size: 14px;
	font-weight: 800;
}

.ryno-mtt__line {
	background-color: #C6C6C6;
}

.ryno-mtt__bio {
	color: rgb(0,0,0);
	font-family: "Roboto", sans-serif;;
	font-size: 14px;
	font-weight: 400;
}

.ryno-mtt--layout-2 .ryno-mtt__bio,
.ryno-mtt--layout-3 .ryno-mtt__bio,
.ryno-mtt--layout-5 .ryno-mtt__bio {
	-webkit-line-clamp: 5;
}

.ryno-mtt--expanded .ryno-mtt__bio {
	-webkit-line-clamp: 100;
}

.ryno-mtt__collapse-container::before {
	color: rgb(39,60,126);
	content: "SEE MORE";
	font-size: 14px;
	font-weight: 700;
}

.ryno-mtt--expanded .ryno-mtt__collapse-container::before {
	content: "SEE LESS";
}

@media only screen and (min-width: 576px) {
	.ryno-mtt__name {
		font-size: 24px;
	}

	.ryno-mtt__title {
		font-size: 18px;
	}

	.ryno-mtt__bio {
		font-size: 16px;
	}
}

@media only screen and (min-width: 1200px) {
	.ryno-mtt--layout-1 .ryno-mtt__member-container,
	.ryno-mtt--layout-4 .ryno-mtt__member-container,
	.ryno-mtt--layout-5 .ryno-mtt__member-container {
					max-width: 346px;
			}

	.ryno-mtt--layout-6 .ryno-mtt__member-container {
					max-width: 309px;
			}
}

/* Author Boxes */


.single .blog-author-box .h2 {
	font-size: 22px;
}

.single .blog-author-box .author-name {
	font-size: 20px;
}

.single .blog-author-box .author-title {
	font-size: 18px;
}

.single .blog-author-box .author-description {
	font-size: 16px;
}

.single .author-nav-tabs .nav-link {
	font-size: px;
}

.single .author-nav-tabs .nav-link {
	color: rgb(39,60,126);
}

	.related-posts-box__title .h5 {
		font-size: 18px;
	}

	.related-posts-box__excerpt p {
		font-size: 16px;
	}

	.related-posts-box__link a {
		font-size: 16px;
	}