/*
 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
------------------------------------------------------- */
.mobile-header__phone * {
      pointer-events: none;
      display: inline-block;
}
.accordion-item .accordion-header button:not(.collapsed), .accordion .accordion-item .accordion-body {
	color: #000 !important;
}

.section-1 .cta-title {
	padding-left: 10px;
    padding-right: 10px;
}

.wpcf7 p {
    margin: 0 !important;
}
	
.section-1-bottom, .section-2, .section-5, .section-7, .postscript-contact {
	position: relative;
}
.section-1-bottom .container, .section-2 .container, .section-5 .container, .section-7 .container, .postscript-contact .container {
	position: relative;
	z-index: 1;
}
.section-1-bottom:after, .section-2:after, .section-5:after, .section-7:after, .postscript-contact:after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	height: 150px;
}

.postscript-contact {
	background-position: top center !important;
}

.footer .phone {
	align-items: center;
}

@media screen and (min-width: 575.98px){
	.section-1 .cta-box-wrapper {
		margin-left: auto;
		margin-right: auto;
	}
	
	.section-3, .section-6 {
		border-bottom: 30px solid black;
	}
	
	.section-4 .img-col {
		text-align: right;
	}
}

@media screen and (max-width: 575.98px){
	.section-hero {
		padding-bottom: 92%;
	}
	.section-1 {
		margin-bottom: -2px;
	}
	.section-1-bottom ul {
		max-width: 262px;
	}
	
	.section-3 .btn, .section-4 .btn, .section-6 .btn {
		display: inline-block;
		margin-left: auto;
		margin-right: auto;
		max-width: 260px;
	}
	
	.section-7 .testimonial-container {
		z-index: 2;
	}
}

@media screen and (max-width: 991px) {
	.section-2 .img-col img, .section-2 .text-col > * {
		max-width: 100%;
	}
	.section-2 .text-col > * {
		margin-left: 20px;
		margin-right: 20px;
	}
	.section-5 .callout-wrapper {
		padding-left: 15px;
		padding-right: 15px;
	}
}


@media screen and (min-width: 992px) {
	.container-callout:nth-child(even) {
		justify-content: flex-end;;
	}
}