/*
 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
------------------------------------------------------- */
.wpcf7 p {
    margin: 0 !important;
}

.mobile-header__phone * {
     pointer-events: none;
     display: inline-block;
}

@media only screen and (max-width: 575px) {
	.hero {
		background-image: url(/wp-content/uploads/mobile-xs-hero-bg.webp);
	}
}

@media only screen and (max-width: 991px) {
	.home-section-one {
		background-image: linear-gradient(180deg, rgba(237, 139, 0, 0) 60%, #FFF 80%), url(/wp-content/uploads/section-one-desktop-bg.webp);
	}
}

@media only screen and (min-width: 992px) {
	.hero {
    	background-image: url(/wp-content/uploads/hero-desktop-bg.webp);
	}
	
	.home-section-one {
		background-image: linear-gradient(0deg, #ed8b00 0%, transparent 40%), url(/wp-content/uploads/section-one-desktop-bg.webp);
	}
	
	.postscript-contact {
		background-image: url(/wp-content/uploads/contact-desktop-drops.webp), url(/wp-content/uploads/contact-desktop-bg.webp);
	}
}

.mobile-phone-popout {
	 background: #353535;
	 left: -115%;
	 padding: 20px 0 30px;
	 position: fixed;
	 top: 95px;
	 transition: all 0.3s ease;
	 width: 100%;
	 z-index: 2;
	line-height: 1.5;
}

.mobile-phone-popout .h6 {
	color:  #ffffff;
	font-size: 26px;
    margin-bottom: 10px;
}

 @media only screen and (min-width: 425px) {
	 .mobile-phone-popout {
		 top: 115px;
	}
}

 .mobile-phone-popout.show-mobile-phone-popout {
	 left: 0;
}

 .mobile-phone-popout__phone {
	 font-size: 17px;
}

 .mobile-phone-popout__phone span:not(.number) {
 	color: #8bd3e6;
 }

 .mobile-phone-popout__phone span.ri {
	 color: #ed8b00;
}

 .mobile-phone-popout__phone-link {
	 color: #fdfdfd;
	 display: inline-block;
	 font-weight: 700;
	 margin: 0 5px;
}

 .mobile-phone-popout__phone-link:hover {
	 color: #fdfdfd;
}

 .mobile-phone-popout__phone + .mobile-phone-popout__phone {
	 margin-top: 10px;
}