/* 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: 'Roboto Condensed', sans-serif;;
	--font-body: 'Roboto', Arial, sans-serif;;
	
	/* Typography */
	

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

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

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

	--h2-font-size-mobile: 26px;
	--h2-font-size-desktop: 36px;
	--h2-line-height-mobile: 1.23076923077;
	--h2-line-height-desktop: 1.25;

	--h3-font-size-mobile: 30px;
	--h3-font-size-desktop: 30px;
	--h3-line-height-mobile: 1.25;
	--h3-line-height-desktop: 1.25;

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

	--h5-font-size-mobile: 26px;
	--h5-font-size-desktop: 36px;
	--h5-line-height-mobile: 1.25;
	--h5-line-height-desktop: 1.25;

	--h6-font-size-mobile: 20px;
	--h6-font-size-desktop: 22px;
	--h6-line-height-mobile: 1.25;
	--h6-line-height-desktop: 1.22727272727;

	--coupon-heading-font-size-mobile: 36px;
	--coupon-heading-font-size-desktop: 36px;

	/* Mobile Header */
	--mobile-header-height: 75px; /* 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: 42px;

	/* Buttons */
		--button-font-family: var(--font-body);
	--button-font-size: 18px;
	--button-font-weight: 700;
	--button-padding: 13.5px 25px;
	--button-border-radius: 5px;
	--button-text-transform: uppercase;
	--button-lg-font-size: 18px;
	--button-lg-padding: 13.5px 25px;
		--btn-primary-background-color: rgb(224,46,46);
	--btn-primary-text-color: #ffffff;
	--btn-primary-background-hover-color: rgb(224,46,46);
	--btn-primary-text-hover-color: #ffffff;
	;
	--btn-secondary-background-color: rgb(25,60,113);
	--btn-secondary-text-color: #ffffff;
	--btn-secondary-background-hover-color: rgb(25,60,113);
	--btn-secondary-text-hover-color: #ffffff;


	/* Footer Forms (postscript-contact) */
		--footer-form-text-color: #000000; /* This setting covers typed text and placeholders.  */
	--footer-form-background-color: #FFFFFF;
	--footer-form-text-size-mobile: 14px;
	--footer-form-text-size-desktop: 14px;
	--footer-form-field-height: 50px; /* This also changes the line height to center the text */ 
	--footer-form-message-field-height: 80px;
	--footer-form-fields-border-radius: 8px;
	--footer-form-field-margin: 20px; /* Vertical space between fields */
	--footer-form-button-margin: 20px; /* 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: 10px; /* Measures how far the arrow is from the ride side of input field */
				--footer-form-field-border: rgb(25,60,113) 1px solid;
	}


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

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

/* Header */

.header {
	background-color: #ffffff;
}

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

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

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

.header__phone--link {
	color: #000000;
	font-weight: 500;
}

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

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

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

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

.content-area h3,
.content-area .h3 {
	color: rgb(0,0,0);
}

.content-area h4,
.content-area .h4 {
	color: rgb(0,0,0);
}

.content-area h5,
.content-area .h5 {
	color: rgb(0,0,0);
}

.content-area h6,
.content-area .h6 {
	color: rgb(0,0,0);
}

.page .content-area a:not(.btn, .secondary-link) {
	color: rgb(224,46,46);
}

.page .content-area a:not(.btn, .secondary-link):hover {
	color: rgb(25,60,113);
}

.secondary-link {
	color: #ff0023;
}

.secondary-link:hover {
	color: #BA0031;
}

::selection {
	background: #2E5B96;
	color: #ffffff;
}

mark {
	background: #2E5B96;
	color: #ffffff;
}


/* List Bullets */
.content-area ul li:before {
	content: '';
	display: inline-block;
	height: 20px;
	width: 20px;
			background: url() no-repeat center center;
		background-size: width: 20px 20px;
		background-size: contain;
		-webkit-mask-size: cover;
		mask-size: cover;
		top: 6px;
}

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

.accordion .accordion-item .accordion-button,
.rsa-drop-template__accordion-tab-label,
.rsa-drop-template__accordion-radio:checked + .rsa-drop-template__accordion-tab-label {
	background: ;
	color: ;
}

.rsa-drop-template__accordion-tab-label h2 {
	color: ;
}

.accordion .accordion-item .accordion-button:hover,
.rsa-drop-template__accordion-tab-label:hover {
	background: ;
	color: ;
}

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

.rsa-drop-template__accordion-icon-plus,
.rsa-drop-template__accordion-icon-minus {
	background: ;
}

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

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

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

/* Contact Us Page Styles */

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

.contact-sidebar--phone .mobile-phone-link,
.contact-sidebar--phone .mobile-phone-link:hover {
	color: ;
	font-size: px;
}

/* 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: #019444;
}

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

.select2-container--default .select2-results>.select2-results__options {
	background: #ffffff;
}

.select2-results__option {
	color: #383838;
	font-size: px;
}

.select2-container--default .select2-results__option[aria-selected=true] {
	background: #dddddd;
	color: #383838;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background: #5897fb;
	color: #ffffff;
}

/* 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: #03c3e6;
}

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

.blog-layout--2 .post-listing .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;
}

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

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

/* Footer Form */

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

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

/* Footer */


.footer {
	background: #ffffff;
}

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

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

.footer a {
	color: #000000;
}

.footer a:hover {
	color: ;
}

.copyright {
	background: #78a7c9;
	color: #000000;
}

.copyright a {
	color: #000000;
}

/* Coupons */

.ryno-coupon__background {
    background: rgb(242, 242, 242) url("/wp-content/uploads/coupon-bg.jpg") ;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.ryno-coupon__content {
	border-color: #78a7c9}

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

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

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

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

.coupon-form-popup-overlay .popup-content {
	background-color: #ffffff}


.coupon-form-popup-overlay .popup-content h4,
.coupon-form-popup-overlay .popup-content p.subheading, 
#input_2_21, 
.ginput_container_checkbox .gfield_checkbox label.gform-field-label {
	color: #000000!important;
}

.coupon-display-field::before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 248.774 248.774' fill='%23000000'%3E%3Cpath d='M219.179 51.502H29.6C13.277 51.502 0 63.539 0 78.335v92.104c0 14.796 13.277 26.833 29.6 26.833h189.577c16.318 0 29.597-12.037 29.597-26.833V78.335c0-14.796-13.279-26.833-29.595-26.833zm14.378 118.937c0 6.404-6.455 11.616-14.38 11.616H29.6c-7.931 0-14.383-5.212-14.383-11.616V78.335c0-6.404 6.452-11.616 14.383-11.616h189.577c7.926 0 14.38 5.212 14.38 11.616v92.104z'/%3E%3Cpath d='M67.622 104.742h15.217v13.097H67.622zM67.622 157.127h15.217v13.097H67.622zM67.622 78.548h15.217v13.097H67.622zM67.622 130.936h15.217v13.094H67.622zM152.026 103.507c0-11.874-9.858-21.611-21.616-21.611-11.874 0-21.613 9.62-21.613 21.611 0 12.115 9.741 21.613 21.613 21.613 11.758 0 21.616-9.617 21.616-21.613zm-30.997 0c0-5.225 4.276-9.379 9.379-9.379s9.379 4.157 9.379 9.379c0 5.227-4.276 9.381-9.379 9.381s-9.379-4.157-9.379-9.381zM186.189 124.41c-11.874-.043-21.651 9.544-21.697 21.537-.041 12.11 9.665 21.649 21.542 21.695 11.76.043 21.646-9.546 21.692-21.537.041-11.878-9.779-21.655-21.537-21.695zm-.081 30.997c-5.103 0-9.376-4.162-9.376-9.384 0-5.227 4.276-9.381 9.376-9.381 5.108 0 9.381 4.157 9.381 9.381.003 5.225-4.273 9.384-9.381 9.384zM128.25 164.758 174.128 78.5l13.435 7.146-45.88 86.26z'/%3E%3C/svg%3E") no-repeat center/cover;
}

.coupon-form-popup-overlay .popup-content .popup-content-inner {
	border-color: #78a7c9}

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