/*
 Theme Name:     RYNO Child Theme
 Theme URI:      http://rynoss.com/
 Description:    RYNO Child Theme
 Author:         Ryno SS - Jerad Shepherd
 Author URI:     http://www.rynoss.com
 Template:       theme-3
 Text Domain:    ryno-theme-three-child
 Version:        1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */
.header__button-container .btn {
	font-size: 1rem;
	padding: 0.5rem 1rem;
}

.header__button-container .btn i:first-child {
  margin: 0 .5rem 0 0;
}

.service-area .ryno-service-areas .rsa-abc-template__icon {
    color: #ffffff;
}

.content-area ul:not(.accordion) li::before {
    top: 3px;
}

.ryno-service-areas .rsa-grid-template__city {
    padding-left: 15%;
}

.conversion-content-one .container {
    position: relative;
    z-index: 1;
}

.site-by {
	display: block;
}

.page-template-page-conversion .conversion-page-reviews .reviews-link a,
.page-template-page-conversion .conversion-header .conversion-coupon .btn {
	border: none;
}

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

.page-template-page-conversion .conversion-content-one .pop-out-form__button {
	border-radius: 0;
}

.postscript-contact div.wpcf7-response-output,
.postscript-contact span.wpcf7-not-valid-tip {
    color: #dc3232;
}

.wpcf7 form .wpcf7-response-output {
    background: #fff;
}

.footer-info {
	margin: 0 10px 14px 0;
}

.callout-section {
	background: #EBC110;
	padding: 50px 0;
}

.callout-heading {
	font-size: 28px;
	color: #fff;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-family: 'Lora', sans-serif;
}

.callout-section .btn:hover {
	border: 4px solid #04387b;
	color: #04387b;
}

@media only screen and (min-width: 992px) {
    .seo-content-image {
        max-width: 53%;
    }
	
	.sidebar-form h2 {
		font-size: 41px;
	}
}

@media only screen and (min-width: 1200px) {
    .seo-content-image {
        max-width: 62%;
    }
}

@media screen and (max-width: 324px) {
	.mobile-cta__button--bottom {
		font-size: 20px;
	}
}

picture.aligncenter {
	text-align: center;
}