/*
 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
------------------------------------------------------- */
a:hover {
	cursor: pointer;
}
.grecaptcha-badge {display: none;}
.mobile-header__phone * {
      pointer-events: none;
      display: inline-block;
}
.wpcf7 p {
    margin: 0 !important;
}

.top-bar a {
	color: #B48F05;
}

.page-template-page-conversion .pop-out-form__button {
	top: -100px;
}

.postscript-contact .wpcf7 form.invalid .wpcf7-response-output {
	position: relative;
}

.page-template-page-ryno-contact .wpcf7 form.invalid .wpcf7-response-output {
	position: relative;
}

.section-cta .row {
	margin: 0;
}
.section-cta .col-12 {
	padding: 0;
}

.section-2 .callout-wrapper a {
  	color: #000;
	font-weight: bold;
  	text-decoration: underline;
}

.section-4-5-wrapper img, .img-divider, .img-divider img, .hero img {
	width: 100%;
}

.section-6 .testimonial-item-inner {
	height: 100%;
}
.section-6 .testimonial-inner {
	height: calc(100% - 108px);
}

.footer .footer-inner-wrapper {
	padding: 56px 45px 63px;
}
.footer .social-icons {
	flex-wrap: wrap;
	gap: 12px;
}

.disclaimer {
	font-size: 14px;
}
.disclaimer a {
	text-decoration: underline;
}
.disclaimer a:hover {
	color: #000;
}
.sidebar-disclaimer a {
	color: #FFF;
}
.sidebar-disclaimer a:hover {
	color: rgb(248,212,58);
}

.btn {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

.static-conversion-map .ryno-service-areas .rsa-pipe-template {
	padding: 17px 0;
}

.page-template-page-conversion .conversion-header.conversion-content-two__moved-coupon {
	background: none !important;
	padding-top: 0;
}

.single .blog-categories .category-pill:hover {
	color: #000;
}

@media (max-width: 1024px) {
	.footer .row {
		margin-left: auto;
		margin-right: auto;
		max-width: 700px;
	}
	.cta-item {
		margin-bottom: 27px;
	}
	
	.hero {
		position: relative;
	}
	.mobile-button {
		position: absolute;
		bottom: 34.6%;
		left: 0;
		right: 0;
		text-align: center;
	}
	.mobile-button button {
		font-size: 15px;
	}
	.mobile-button button.ryno-button span {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (max-width: 734px){
		
	.mobile-button {
		bottom: 28%;
	}
}

@media (max-width: 454px) {
	.cta-item-outer:first-child {
    	margin-left: 0px;
  	}
	.cta-item-outer {
    	max-width: 176px;
	}
	.cta-item {
		height: 203px;
		width: 175px;
	}
	
	.section-6 .testimonial-bottom {
		display: block;
	}
	.section-6 .testimonial-bottom-right {
		text-align: left;
		justify-content: flex-start;
		margin-top: 15px;
	}
	
	.footer .btn {
		min-width: 145px;
	    font-size: 16px;
	}
	.footer .ryno-button span:not(.tab) {
		padding: 16px;
	}
}

@media (min-width: 992px) {
	.header-two__center {
		padding-left: 0;
		padding-right: 0;
	}
	.header-two__center img {
		width: 100%;
	}
}

@media (max-width: 991.98px) {
	.section-1 .callout-feature, .section-5 .callout-feature {
		width: calc(100% - 26px);
	}
	.section-1 .callout-line, .section-5 .callout-line {
		margin: 0;
		opacity: 0;
	}
	.postscript-contact {
		background-position: left bottom !important;
	}
	.section-6 .testimonial-inner {
    	padding-bottom: 53px;
  	}
	
}

.section-7 .logo-wrapper {
	margin-top: 0;
}
.section-7 .logo-wrapper img {
width: auto;
}

.announcement-bar {
    background-color: #BB4527;
}

.announcement-bar a {
    color: #fff;
    font-weight: bold;
}

.announcement-bar div {
	line-height: 1.25em !important;
	padding: 3px 10px;
}

.grecaptcha-badge {display: none;}

body #gform_wrapper_4.gravity-theme .gfield input, body #gform_wrapper_4 .gfield input, body #gform_wrapper_4.gravity-theme .select2-container--default .select2-selection--single, body #gform_wrapper_4 .select2-container--default .select2-selection--single, body #gform_wrapper_4 .textarea {background-color:#ffffff!important;}


/* cta-button */
  .cta-container {
    max-width: 736px;
    position: relative;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
  }

  .cta-container a {
    width: 50%;
    padding: 15px;
    font-size:18px;
    font-weight:800 !important;
    text-align: center;
    color: #000;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
text-transform:uppercase;
  }

 .cta-container .cta-left {
    background: linear-gradient(90deg, #F9D84A 0%, #F46044 100%);
  }

.cta-container .cta-right {
   background: linear-gradient(90deg, #F35842 0%, #ED7759 100%);

  }
.cta-container::before {
    content: "OR";
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 50%;
    transform: translateX(-50%);
    width: 69px;
    height: 60px;
    background-color: #FFBE54;
    color: #000;
    font-size: 18px;
    text-align: center;
    font-weight: 700 !important;
    clip-path: polygon(0 50%, 20% 0, 80% 0, 100% 50%, 80% 100%, 20% 100%);
    z-index: 1;
}

.cta-container::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 75px; /* Slightly larger */
    height: 75px;
    background-color: #fff; /* Border color */
    clip-path: polygon(0 50%, 20% 0, 80% 0, 100% 50%, 80% 100%, 20% 100%);
    z-index: 0;
}
@media (min-width:768px){
	.or-content{
		display:none!important;
	}
	.or-border{
		display:none!important;
	}
}
@media (max-width: 768px) {
    .cta-container {
      flex-direction: column;
    }
	.cta-container a{
		width:100%;
	}
	.cta-container::after{
		display:none;
	}    
 .cta-container::before{
		display:none;
	}    
	.or-content{
		display: flex !important
;
    justify-content: center;
    align-items: center;
    width: 69px;
    height: 60px;
    background-color: #FFBE54;
    color: #000;
    font-size: 18px;
    text-align: center;
    font-weight: 700 !important;
    clip-path: polygon(0 50%, 20% 0, 80% 0, 100% 50%, 80% 100%, 20% 100%);
    z-index: 1;
margin:8px 0px;
	}
.or-content {
    position: relative; 
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 69px;
    height: 60px;
    background-color: #ffffff;
    color: #000;
    font-size: 18px;
    text-align: center;
    font-weight: 700 !important;
    clip-path: polygon(0 50%, 20% 0, 80% 0, 100% 50%, 80% 100%, 20% 100%);
    z-index: 1;
    margin: 8px 0px;
  }

 .or-content::before {
  content: "OR";
    position: absolute;
    display: flex
;
    justify-content: center;
    align-items: center;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 51px;
    background-color: #FFBE54;
    color: #000;
    font-size: 18px;
    text-align: center;
    font-weight: 700 !important;
    clip-path: polygon(0 50%, 20% 0, 80% 0, 100% 50%, 80% 100%, 20% 100%);
    z-index: 1;
	}
  }