/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution/DesignByKiltz
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/**
 * CONTENTS
 *
 * SETTINGS
 * Global.............. Globally-available variables and config.
 * Headings............ H1–H6 styles.
 * Links............... Link option throughout the site
 * Buttons............. Button settings of the website
 *
 * HEADER SETTINGS
 * Top bar........ Top bar section.
 * Navigation..... Better navigation of the website.
 *
 * CONTENT SETTINGS
 * Form............................... Web forms of the website.
 * Specific features and objects...... object and features of elements
 * Specific pages..................... Elements for specific pages and objects
 *
 * FOOTER SETTINGS
 * Footer links........... The main page footer.
 * Footer-text............ The main page footer texts.
 * 
 * MEDIA QUERIES
 * Media queries........... The Media Query
 */

/*------------------------------------*\
  #GLOBAL SETTINGS
\*------------------------------------*/

body {
	--brand-burgundy: #91162C;
	--brand-red: #EF223C;
	--brand-ltgray: #f5f5f5;
	--brand-medgray: #757575;
	--brand-charcoal: #2b2b2b;
}

@keyframes afl {
	0% {
		opacity: 0;
		transform: translatex(-2.5rem);
	}
	100% {
		opacity: 1;
		transform: translatex(0);
	}
}
@keyframes afr {
	0% {
		opacity: 0;
		transform: translatex(2.5rem);
	}
	100% {
		opacity: 1;
		transform: translatex(0);
	}
}
@keyframes afb {
	0% {
		opacity: 0;
		transform: translatey(2.5rem);
	}
	100% {
		opacity: 1;
		transform: translatey(0);
	}
}

	/*------------------------------------*\
	 #TEXT
	\*------------------------------------*/
	/*------------------------------------*\
	 #HEADING TAGS
	\*------------------------------------*/
	/*------------------------------------*\
	 #LINKS
	\*------------------------------------*/

.wpb_row a:not(.w-btn) {
	text-decoration: underline;
}
.wpb_row a:not(.w-btn):hover {
	color: var(--brand-red);
}

	/*------------------------------------*\
	 #BUTTONS
	\*------------------------------------*/


/*------------------------------------*\
  #HEADER SETTINGS
\*------------------------------------*/

#page-header .l-subheader {
	padding-left: 8rem;
	padding-right: 8rem;
}
	/*------------------------------------*\
	 #NAVIGATION
	\*------------------------------------*/	
#page-header nav li {
	font-size: var(--h5-font-size);
	font-family: var(--h5-font-family);
}

/*------------------------------------*\
  #CONTENT SETTINGS
\*------------------------------------*/
	/*------------------------------------*\
	  #FORM
	\*------------------------------------*/

.gform_wrapper {
	padding-left: 6rem;
    padding-right: 6rem;
}
.gform_wrapper .gform_body input,
.gform_wrapper .gform_body textarea {
	background-color: #e5e3e3;
}

.gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input {
	font-family: var(--h1-font-family);
    font-style: normal;
    text-transform: uppercase;
    font-size: clamp(1.5rem, 1.79rem + 0.36vw, 1.8rem);
    line-height: 1.2 !important;
    font-weight: 700;
    letter-spacing: 0.01em;
    padding: 0.2em 1em;
    transition-duration: 0.3s;
    border-radius: 0;
    transition-timing-function: ease;
    --btn-height: calc(1.2em + 2 * 0.2em);
    --btn-border-width: 0px;
    --btn-background: #91162c;
    --btn-hover-background: #E4112B;
    background: var(--btn-background, transparent);
    border-color: var(--btn-border-color, transparent);
    border-image: none;
    color: #fff !important;
}
.gform_wrapper.gravity-theme .gform_footer button:hover, .gform_wrapper.gravity-theme .gform_footer input:hover {
	background: var(--btn-hover-background, transparent);
    border-color: var(--btn-hover-border-color, transparent);
    border-image: none;
    color: #fff !important;
}

	/*------------------------------------*\
	 #SPECIFIC FEATURE AND OBJECTS
	\*------------------------------------*/
.l-main .w-image {
	border-radius: 0.5rem;
}

.page-title {
	display: flex;
    align-items: center;
}
.page-title::before {
	display: block;
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	background-image: linear-gradient(100deg,rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
}
.page-title .l-section-h {
	padding: 0 6rem;
}
.page-title h1 {
	color: black;
}

.red-black-gradient {
	padding: 4rem 2rem;
	background: linear-gradient(125deg,rgba(145, 22, 44, 1) 50%, rgba(43, 43, 43, 1) 50%);
}
.red-black-gradient .wpb_column {
	padding: 0 6rem;
}
.red-black-gradient h2,
.red-black-gradient p,
.red-black-gradient ul, 
.red-black-gradient li {
	color: white;
}
.red-black-gradient.reduced-padding {
	padding-top: 3rem;
    padding-bottom: 3rem;
}

.partners {
	background-color: var(--brand-charcoal);
}
.partners h2 {
	color: white;
	margin-bottom: 1em;
}
.partners .g-cols {
	width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.partners .g-cols .style_circle {
	border-radius: 50%;
	background-color: white;
	aspect-ratio: 1 / 1;
}
.partners .g-cols .style_circle img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
	border-radius: 0;
	padding: 1em;
}
.partners .g-cols .style_circle:hover {
	background-color: #c0c0c0;
}

.bg-grey,
.bg-gray,
.lt-gray-bg {
	background-color: var(--brand-ltgray);
}

.wpb_row.testimonials {
	background-color: var(--brand-medgray);
}
.wpb_row.testimonials h2 {
	color: white;
	margin-bottom: 15px;
}
.wpb_row.testimonials .strong-view .wpmslider-viewport,
.wpb_row.testimonials .strong-view .testimonial-inner {
	border: none !important;
}
.wpb_row.testimonials .strong-view .testimonial-inner {
	padding-left: 3em;
	padding-right: 3em;
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}
.wpb_row.testimonials .strong-view .testimonial-inner .testimonial-content {
	order: 2;
	color: white;
	font-style: italic;
}
.wpb_row.testimonials .strong-view .testimonial-inner .testimonial-name {
	order: 1;
	text-transform: uppercase;
    color: white;
    font-family: var(--h3-font-family);
    font-size: var(--h4-font-size);
    margin-bottom: 15px;
}
.wpb_row.testimonials .strong-view.controls-style-buttons .wpmslider-next:before,
.wpb_row.testimonials .strong-view.controls-style-buttons .wpmslider-prev:before {
	background: white;
}

.cta_red {
	background-color: var(--brand-burgundy);
}
.cta_red h2,
.cta_red p {
	color: white;
}
.cta_red p {
	margin-bottom: 1.5em;
}

.cta_black {
	background-color: var(--brand-charcoal);
}
.cta_black h2,
.cta_black p {
	color: white;
}
.cta_black p {
	margin-bottom: 1.5em;
}
	
	
/*------------------------------------*\
#SPECIFIC PAGES 
\*------------------------------------*/
	/*------------------------------------*\
	#HOME
	\*------------------------------------*/

.home #Banner {
	padding: 10rem 6rem;
}
.home #Banner h1 {
	margin-bottom: 0;
}
.home #Banner .custom_subtitle {
	font-size: 28px;
	margin-bottom: 2rem;
}

.home #services {
	background-color: var(--brand-ltgray);
}
.home #services .services-inner {
	padding: 0 6rem;
}
.home #services .services-inner .wpb_column {
	border: 1px solid var(--brand-medgray);
	padding: 2rem;
	background-color: white;
}
.home #services .services-inner .w-image {
	margin-bottom: 1rem;
	border: 1px solid var(--brand-medgray);
	border-radius: 0.5rem;
}

	/*------------------------------------*\
	#Partners
	\*------------------------------------*/

.partners-inner-boxes .wpb_column {
	padding: 3rem;
	background-color: white;
	margin-bottom: 3rem;
	border: 1px solid var(--brand-medgray);
}

	/*------------------------------------*\
	#(PAGE)
	\*------------------------------------*/

/*------------------------------------*\
  #FOOTER SETTINGS
\*------------------------------------*/

#footer-a.l-section {
	padding-top: 1.2rem;
	padding-bottom: 1.2rem;
}

	/*------------------------------------*\
	#FOOTER LINKS
	\*------------------------------------*/
	/*------------------------------------*\
	#FOOTER TEXT
	\*------------------------------------*/

#footer-a p {
	font-size: 15px;
}


/*------------------------------------*\
  #MEDIA QUERIES
\*------------------------------------*/
@media (max-width: 1024px) {
	#page-header .l-subheader {
    	padding-left: 4rem;
    	padding-right: 4rem;
	}
	.home #Banner {
    	padding: 9rem 4rem;
	}
	.home #Banner .l-section-overlay {
		background: linear-gradient(90deg, rgba(255,255,255,0.7), rgba(225,225,225,0.7)) !important;
	}
	.red-black-gradient .wpb_column {
    	padding: 0px 3rem;
	}
	.home #services .services-inner {
    	padding: 0 0rem;
	}
	.partners .g-cols {
		width: 100%;
	}
	.how-it-works .g-cols.vc_row .inner-hows .wpb_column {
		padding: 1rem !important;
	}
	.partners-inner-boxes .wpb_column {
		padding: 2rem;
	}
}

@media (max-width: 899px) {
	.w-nav.ush_menu_1 .current-menu-item a span.w-nav-title {
		color: var(--brand-burgundy) !important;
	}
	#page-header .l-subheader {
        padding-left: 2rem;
        padding-right: 2rem;
    }
	.g-cols.cols_6 {
    	grid-template-columns: repeat(3, 1fr);
	}
	#services .g-cols.cols_3 {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 767px) {
	.page-title:before {
		background-image: linear-gradient(100deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 100%);
	}
	.home #Banner {
        padding: 7rem 3rem;
        text-align: center;
    }
	.red-black-gradient {
		background: linear-gradient(180deg, rgba(145, 22, 44, 1) 50%, rgba(43, 43, 43, 1) 50%);
	}
	.g-cols.cols_2, .g-cols.cols_3, .g-cols.cols_1-2, #services .g-cols.cols_3 {
    	grid-template-columns: repeat(1, 1fr);
	}
	.g-cols.stacking_default.reversed>div:last-of-type {
        order: -1;
    }
	.how-it-works .g-cols.inner-hows {
		gap: 0rem !important;
	}
	.gform_wrapper {
    	padding-left: 0rem;
    	padding-right: 0rem;
	}
	.g-cols.cols_3.partners-inner-boxes {
		width: 70%;
		margin-right: auto;
		margin-left: auto;
	}
	.partners-inner-boxes .wpb_column {
		margin-bottom: 0;
	}
	.partners-inner-boxes .wpb_column:last-of-type {
		margin-bottom: 3rem;
	}
	.w-iconbox.align_left {
        width: 50%;
        display: inline-block;
        vertical-align: top;
    }
}
@media screen and (max-width: 630px) {
	.g-cols.cols_6 {
        grid-template-columns: repeat(2, 1fr);
    }
	.wpb_row.testimonials .strong-view .testimonial-inner {
    	padding-left: 2em;
    	padding-right: 2em;
	}
	.g-cols.cols_3.partners-inner-boxes {
        width: 80%;
	}
	.contact-details .g-cols .wpb_column {
		padding-left: 0 !important;
	}
	.w-iconbox.align_left {
		text-align: center;
	}
}

@media screen and (max-width: 599px) {
	.l-sidebar, .l-section.height_small, .l-section.height_medium {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
	.home #Banner {
        padding: 6rem 2rem;
	}
	.partners .g-cols .g-cols {
		width: 70%;
	}
	.red-black-gradient .wpb_column {
        padding: 0px 1rem;
    }
	.wpb_row.testimonials .strong-view .testimonial-inner {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
}
@media screen and (max-width: 450px) {
	.w-iconbox.align_left {
		width: 100%;
	}
	.strong-view.wpmtst-default .wpmtst-testimonial-field {
		text-align: center;
	}
}