/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author: Redbak
Theme URI: https://impreza.us-themes.com/
Author URI: https://redbak.com/
*/

/*********************************************
 *********************************************

 * *  1. Global Styling  * *
 * *  2. Navigation  * *
 * *  3. Sections  * *

 *********************************************
 *********************************************/
.tutorial-video.with_overlay {
		aspect-ratio: 16/9;
}
/*********************************************
 * *  1. Global Styling  * *
 *********************************************/

span.red, .red {
	color: var(--color-roc-red);
}
.red-letter-heading {
	color: var(--color-content-text);
}
.red-letter-heading .w-text-value span {
	color: var(--color-roc-red);
}
.img-multiply {
	mix-blend-mode: multiply;
}
.red-row {
	background: var(--color-roc-red);
	margin-top: 4rem;
    margin-bottom: 4rem !important;
}
.red-row .vc_column-inner * {
    z-index: 1;
    position: relative;
}
.red-row .vc_column-inner:after {
    content: "";
	pointer-events: none;
    display: block;
    position: absolute;
    background: var(--color-roc-red);
    width: 100vw;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
}

/*Form*/
.roc-contact-form input:not([type=submit]), .roc-contact-form textarea, .roc-contact-form select {
	box-shadow: none;
}

/*recaptcha start*/
.grecaptcha-badge {
    box-shadow: grey 0px 0px 0px !important;
}
.grecaptcha-badge {
visibility: hidden;
}
.recaptcha-text {
    font-size: 12px !important;
}
.recaptcha-text a {
	text-decoration: underline;
	color: var(--color-roc-red) !important;
}
/*recaptcha end*/


@media (max-width: 1024px) {
	.footer-wrapper {
		flex-direction: column;
		gap: 1.5rem;
	}
}
/*********************************************
 * *  2. Navigation  * *
 *********************************************/

@media (max-width: 1441px) {
	.ush_menu_1 .w-nav-item.level_1.current-menu-item>a:not(.w-btn), .ush_menu_1 .w-nav-item.level_1.current-menu-ancestor>a:not(.w-btn), .ush_menu_1 .w-nav-item.level_1.current-page-ancestor>a:not(.w-btn), .ush_menu_1 .w-nav-item.level_1>a:not(.w-btn):focus, .no-touch .ush_menu_1 .w-nav-item.level_1.opened>a:not(.w-btn), .no-touch .ush_menu_1 .w-nav-item.level_1:hover>a:not(.w-btn) {
		background: linear-gradient(180deg, #EDEEEF 100%, #fff 100%) !important;
    }
}

/*********************************************
 * *  3. Sections  * *
 *********************************************/
.band-comparison-wrapper {
	gap: 3rem;
}
.band-comparison-wrapper .w-vwrapper {
	flex: 1;
    gap: 1.5rem;
    align-self: stretch;
    justify-content: space-between;
	font-weight: 700;
	font-size: 1.4rem;
	line-height: 1.1;
	padding: 2rem 3rem;
    background: var(--color-roc-light-grey);
}
.band-comparison-wrapper .w-image {
	max-width: 400px !important;
}
@media (max-width: 1024px) {
	.band-comparison-wrapper {
		flex-direction: column;
	}
}


.benefits-wrapper {
	gap: 3rem;
}
@media (max-width: 1024px) {
	.benefits-wrapper {
		flex-direction: column;
		gap: 1.5rem;
	}
}
.benefits-wrapper .w-vwrapper {
	flex: 1;
	gap: 1.5rem;
}
.icon-description .w-iconbox-title {
	padding-bottom: 0;
}
.icon-description .w-iconbox-text {
	font-size: 0.8rem;
}

.contact-area-comparison-full {
	padding-top: 2rem;
	padding-bottom: 2rem;
	width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.contact-area-comparison-results-wrapper {
	gap: 3rem;
}
@media (max-width: 1024px) {
	.contact-area-comparison-results-wrapper {
		flex-direction: column;
		gap: 1.5rem;
	}
}
.contact-area-comparison-results-wrapper .w-iconbox {
	flex: 1;
}

.contact-area-comparison-results-wrapper .w-iconbox-meta {
	padding: 1.5rem;
    border-radius: 1rem;
    background: var(--color-roc-red);
    font-size: 1.2rem;
    font-weight: 600;
    color: #fff;
}
.contact-area-comparison-results-wrapper .w-iconbox.iconpos_left .w-iconbox-icon {
	margin-right: 0.5rem;
}

.roc-band-overview-full {
	padding-top: 2rem;
	padding-bottom: 2rem;
	width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.ask-the-experts-img img {
	max-width: 250px;
}

/*********************************************
 * *  Responsive Styling  * *
 *********************************************/

@media (max-width: 1200px) {
     {
    }
}

@media (max-width: 1024px) {
     {
    }
}

@media (max-width: 900px) {
     {
    }
}

@media (max-width: 768px) {
     {
    }
}

@media (max-width: 600px) {
     {
    }
}

@media (max-width: 480px) {
     {
    }
}

@media (max-width: 320px) {
     {
    }
}