/*
 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
------------------------------------------------------- */


@media (max-width: 991px) {
	.wrapper {
		overflow-x: hidden !important;
	}
}


@media (max-width: 991px) {


	.home-section-1__title {
		font-size: 24.828px!important;
	}

	.hero-logos {
		margin-left: auto;
		margin-right: auto;
	}

	.home-section-2 {

		padding-bottom: 92px;

		h2 {
			text-align: left;
			font-size: 24px!important;
		}

		.col.text-center {
			display: flex;
			justify-content: start;
		}
	}

	/*CTA SECTION*/
	.home-section-2 .cta-row {
		margin-top: 50px;
		margin-bottom: 50px;
		align-content: center;
		justify-content: center;
		align-self: center;
		align-items: center;
		flex-wrap: wrap;
		gap: 16px 8px;
		max-width: 319px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;

		.col {
			padding: 0;
		}
	}

	.home-section-2 .cta-button {
		position: relative;
		z-index: 0;
		min-width: 136px;
		width: 100%;
		height: 155px;
		pointer-events: none;
	}

	.home-section-2 .cta-button::before {
		content: "";
		width: 100%;
		height: 100%;
		border-radius: 20px;
		background: #000;
		flex-shrink: 0;
		z-index: -1;
		position: absolute;
		top: 6px;
		left: 6px;
		transition: all .3s ease;
	}

	.home-section-2 .cta-button__contents {
		display: flex;
		flex-direction: column;
		color: #000;
		font-family: "Open Sans";
		font-size: 14px;
		font-style: normal;
		font-weight: 900;
		line-height: 14.268px;
		letter-spacing: 0;
		text-transform: uppercase;
		transition: color .3s ease;
	}

	.home-section-2 .cta-button img {
		width: 100%;
		height: 100%;
		border-radius: 20px;
		object-fit: cover;
		position: relative;
		z-index: 1;
		transition: all .3s ease;
	}

	.home-section-2 .cta-button .cta-label {
		text-align: left;
		width: 112px;
		margin-left: auto;
		margin-right: auto;
		margin-top: -30px;
		display: flex;
		align-content: center;
		justify-content: space-between;
		z-index: 1;
	}


	.section-transition--2 {
		background-image: url("data:image/svg+xml,%3Csvg width='320' height='34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M160 20.587C222.999 20.587 320 0 320 0v30.58H0V0s97.001 20.587 160 20.587' fill='%232072b9'/%3E%3Cpath d='M160 23.186c62.999 0 160-20.587 160-20.587v30.58H0V2.6s97.001 20.587 160 20.587' fill='%231a4870'/%3E%3C/svg%3E");
		height: 34px;
		bottom: -1px;
	}

	/* SECTION 3 */
	.home-section-3__contents {

		h2 {
			font-size: 24px!important;
			font-weight: 900!important;
		}

		.btn {
			display: flex;
		}
	}


	/*SECTION 4*/
	.home-section-4 {
		padding-top: 70px;
	}

	.home-section-4 .h2 .reviews-heading {
		font-size: 25.5px !important;
		line-height: 32px;
	}


	.slick-dots {
		align-items: center;
		display: flex;
		gap: var(--slick-dot-horizontal-spacing-mobile);
		justify-content: center;
		list-style: none;
		margin: 0;
		padding: var(--slick-dot-vertical-spacing-mobile) 0 0;
		position: relative;
		text-align: center;
		width: 100%;
		top: 5%;
	}

	/*REMEMBER TO SET THE DOTS IN THE DEMO SITE*/
	/*SECTION 5 */
	.home-section-5 {
		h3 {
			font-size: 20px!important;
			font-weight: 900!important;
		}
	}

	.home-section-5__text {
		color: #111a3c;
		font-size: 16px;
		display: flex;
		padding: 40px 15px;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		gap: 10px;
		border-radius: 20px;
		background: hsla(0, 0%, 100%, .8);
		box-shadow: 6px 6px 0 0 #000;
		backdrop-filter: blur(2px);
		max-width: 300px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}


	.home-section-5 .section-5-logos {
		margin-top: 30px;
		max-width: 310px;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 0 6px;
		flex-wrap: wrap;
		margin-left: auto;
		margin-right: auto;
	}



	/*SECTION 6 */
	.home-section-6 {
		h2 {
			font-size: 24px!important;
			font-weight: 900!important;
		}
		p {
			margin-top: 0!important;
			margin-bottom: 30px!important;
		}
	}
	/*SECTION 7 */
	.home-section-7 {
		background: #000;
		padding: 40px 0;
	}
	.home-section-7 p {
		margin-top: 50px!important;
		margin-bottom: 50px!important;
	}



	/*SECTION 8 */
	.home-section-8 {

		padding-bottom: 20px;

		h2 {
			font-size: 24px!important;
			margin-top: 40px;
			font-weight: 900!important;
		}
	}


	.postscript-contact .h2 {
		color: #000;
		text-align: center;
		font-size: 18px;
		font-weight: 900;
		line-height: 18px;
		text-transform: uppercase;
	}

	.postscript-contact {
		.col-lg-7 {
			padding-left: 0!important;
			padding-right: 0!important;
		}
	}


	.footer-form {
		display: flex;
		flex-direction: column;

		gap: 10px;
		padding: 20px 10px;
		min-width: 310px;
		width: 100%;
		height: 715px;
		border-radius: 10px;
		background: #2072b9;
		box-shadow: none;
		margin-bottom: 161px;
	}

	.footer .footer__box {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-content: center;
		align-items: center;
		padding: 30px;
		gap: 10px 0;
		border-radius: 20px;
		background: #c6d3de;
		box-shadow: 6px 6px 0 0 #000;
	}


	.footer__logo {
		margin-top: 75px;
	}


	.footer .footer__logo-group {
		margin-top: 40px;
		margin-bottom: 75px;

		.footer__logo {
			margin-top: 12px;
		}
	}
}


@media (min-width: 992px) and (max-width: 1199px) {
	.home-section-4 .home-reviews-slider .review-slide {
		width: 425px;
	}

	.footer .footer__box {
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 30px 10px;
		gap: 10px 0;
		border-radius: 20px;
		background: #c6d3de;
		box-shadow: 6px 6px 0 0 #000;
	}
}




@media (min-width: 576px) and (max-width: 991px) {
	.home-section-2 {
		& .col.text-center {
			display: flex;
			justify-content: center;
		}
	}

	.home-section-5__text {
		max-width: 485px;
	}
}

.page-id-3284 .accordion-header {
		margin-bottom: 0;
	}

@media (min-width: 992px) {
	.main-navigation > li.has-dropdown > ul > li.has-dropdown::after {
			color: #fff!important;	
	}
}


.single-post .blog-categories {
	display: none!important;
}

.single-post article {
	padding-top: 1em;
}

.footer-form {
	position: relative;
	z-index: 3;
}

.gfield_description.instruction.validation_message {
	display: none;
}

@media (max-width: 991px) {
	.accordion-body ul {
		margin-top: 1em!important;
	}
}

	.conversion-page-reviews {
		padding-top: 6em!important;
}

@media (max-width: 575px) {
	.page-id-3281 {
		.content-area {
			.border-box {
				padding: 0 20px!important;
			}
		}
	}
}

.main-navigation .deadlink {
	color: #fff!important;
}

.home-section-5 {
	background-size: 100%;
}