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

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

 * *  1. Fonts  * *
 * *  2. Navigation  * *
 * *  3. Global Styling  * *
 * *  4. Reusable Blocks  * *
 * *  5. Page Templates  * *
 * *  6. Grid Layouts  * *
 * *  7. Responsive Styling  * *

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


/*********************************************
 * *  1. Fonts  * *
 *********************************************/
.heading-with-icon .w-text-value {
	color: var(--color-apex-light-blue);
}



/*********************************************
 * *  2. Navigation  * *
 *********************************************/
.apex-nav-menu {
	font-size: 1.1rem;
	font-weight: 700;
}
.apex-nav-menu .menu-item {
	display: flex;
    align-items: center;
}
.apex-nav-menu .menu-item:after {
	content: "";
	background-image: url(/wp-content/uploads/2024/04/apex-menu-separator.svg);
	display: inline-block;
	width: 25px;
	height: 30px;
}
.apex-nav-menu .menu-item:nth-last-child(2):after {
	display: none;
}
@media (max-width: 1080px) {
	.apex-nav-menu .menu-item:after {
		display: none;
	}
	.header_hor .w-nav.type_mobile.m_layout_dropdown .w-nav-list.level_1 {
		padding-top: 2rem !important;
		padding-bottom: 2rem !important;
		border-top: solid 1px var(--color-apex-lighter-grey);
	}
}
/*********************************************
 * *  3. Global Styling  * *
 *********************************************/


/* Popup Box / Buttons */
.w-popup-box-h {
    box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 10%);
    border: 1px solid #b3b3b3;
}
.w-popup.with-arrow-icon .w-popup-trigger, .w-btn.with-arrow-icon {
	display: flex;
    align-items: center;
    margin: auto;
    padding: 0.4em 1em 0.4em 0.8em;
	width: fit-content;
}
.w-popup.with-arrow-icon .material-icons, .w-btn.with-arrow-icon .material-icons {
	font-size: 2rem;
    margin-right: 10px;
}
.w-btn.with-arrow-icon.rotate-icon .material-icons {
	transform: rotate(90deg);
}
/* Custom scrollbar*/
/* width */
.custom-scrollbar::-webkit-scrollbar {
  width: 20px;
/*   box-shadow: 0px 0px 0 1px #e8e8e8; */
  border-radius: 10px;
}

/* Track */
.custom-scrollbar::-webkit-scrollbar-track {
  background: #ffffff; 
  border-radius: 10px;
}

/* Handle */
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #e8e8e8; 
  border-radius: 50px;
  border: 5px solid #ffffff;
}

/* Handle on hover */
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

/*********************************************
 * *  4. Reusable Blocks  * *
 *********************************************/
.faculty-grid-main-wrapper {
	gap: 3rem;
}
.faculty-grid-wrapper {
    width: calc(33% - 3rem);
}
.faculty-grid-wrapper:nth-of-type(-n+2) {
    width: calc(33% - 3rem);
	margin: 0 1rem;
}
.faculty-member-img-wrapper {
	color: var(--color-apex-dark-blue);
    font-weight: 700;
}
.faculty-member-biography-row {
	
}
.faculty-member-biography {
	max-height: 70vh;
    overflow-x: auto;
	padding-right: 1rem;
}
@media (max-width: 1024px) {
	.faculty-grid-wrapper {
		width: calc(50% - 3rem);
	}
	.faculty-grid-wrapper:nth-of-type(-n+2) {
		width: calc(50% - 3rem);
		margin: 0rem;
	}
}
@media (max-width: 700px) {
	.faculty-grid-wrapper {
		width: 100%;
	}
	.faculty-grid-wrapper:nth-of-type(-n+2) {
		width: 100%;
	}
}
/*Outline Schedule*/
.schedule-wrapper {
	
}
.schedule-date {
	font-size: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--color-apex-light-blue);
}
.schedule-day {
	font-size: 3.5rem;
    line-height: 0.8;
    text-transform: uppercase;
    color: var(--color-apex-dark-blue);
    font-weight: 600;
}
.schedule-day:after {
    content: "";
    width: 100%;
    height: 10px;
    display: block;
	margin: 1.5rem 0rem;
    background: linear-gradient(90deg, #30AA52, #37B1E6);
}
.schedule-times p {
    color: var(--color-apex-light-grey);
    margin-bottom: 1rem;
}
.schedule-times strong {
    color: var(--color-apex-dark-grey);
}
/*Info Wrapper*/

.info-wrapper .w-iconbox {
	align-items: flex-start !important;
}
.info-wrapper .w-iconbox-text {
    font-size: 1.2rem;
    line-height: 1.2;
}
/*********************************************
 * *  5. Page Templates  * *
 *********************************************/
.banner-row {
    min-height: calc(420px + var(--header-height));
}
@media (max-width: 990px) {
	.banner-row {
		min-height: calc(220px + var(--header-height));
	}
}
/* .banner-row .l-section-img {
	z-index: 1;
    mix-blend-mode: multiply;
    opacity: 0.8;
} */
.banner-event-row {
    margin-top: -8rem;
}
.banner-event-wrapper {
    background-color: #ffffff;
    padding: 2rem;
    border-radius: 20px;
    box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 10%);
	max-width: 1024px;
    margin: auto;
}

.banner-event-name {
    color: var(--color-apex-dark-blue);
	font-size: 2.5rem;
}
.banner-event-date {
	color: var(--color-apex-light-blue);
	font-size: 2rem;
	line-height: 1;
}
.banner-event-location {
	color: var(--color-apex-dark-blue);
	font-size: 2rem;
	line-height: 1;
}
.banner-event-button {
    font-size: 1.2rem !important;
}
@media (max-width: 990px) {
	.banner-event-wrapper {
		flex-direction: column;
		align-items: flex-start !important;
		gap: 1.5rem;
	}
	.banner-event-name {
		font-size: 2rem;
		line-height: 1;
		margin-bottom: 0.5rem !important;
	}
	.banner-event-date {
		font-size: 1.4rem;
	}
	.banner-event-location {
		font-size: 1.4rem;
	}
	.banner-event-button {
		font-size: 1rem !important;
	}
}
@media (max-width: 600px) {
	.banner-event-wrapper {
		gap: 1rem;
		padding: 1.5rem;
	}
	.banner-event-name {
		font-size: 1.8rem;
		line-height: 1;
		margin-bottom: 0.5rem !important;
	}
	.banner-event-date {
		font-size: 1rem;
	}
	.banner-event-location {
		font-size: 1rem;
	}
	.banner-event-button {
		font-size: 0.8rem !important;
	}
}
/*********************************************
 * *  6. Grid Layouts  * *
 *********************************************/
.testimonials-grid article:nth-of-type(2n) .testimonials-main-wrapper {
    flex-direction: row-reverse;
}
.testimonials-img {
	max-width: 100px;
    min-width: 100px;
}
.testimonials-grid article:nth-of-type(2n) .testimonials-img {
    margin-left: 3rem;
	margin-right: 0rem;
}
.testimonials-triangle-wrapper {
    margin-bottom: 0 !important;
}
.testimonials-triangle-down {
	width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 50px solid var(--color-apex-lighter-grey);
    position: absolute;
    left: -40px;
    z-index: -1;
}
.testimonials-grid article:nth-of-type(2n) .testimonials-triangle-down {
	left: auto;
	right: -40px;
}
.testimonials-content-wrapper {
    background-color: var(--color-apex-lighter-grey);
    padding: 2rem 3rem 3rem 3rem;
    border-radius: 20px;
    font-size: 1.5rem;
    line-height: 1.2;
}
.testimonials-quote-mark {
    width: 30px;
    height: 27px;
    line-height: 0;
}
@media (max-width: 600px) {
	.testimonials-img, .testimonials-triangle-wrapper {
		display:none;
    }
	.testimonials-content-wrapper {
		padding: 1.5rem 2rem 2rem 2rem;
		font-size: 1.2rem;
	}
}
/*********************************************
 * *  7. 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) {
     {
    }
}

.nav-apex-text {
    text-transform: uppercase;
    line-height: 1.2;
    color: var(--color-apex-dark-blue);
	white-space: nowrap;
}
@media (min-width: 960px) and (max-width: 1080px) {
	.nav-apex-text {
		
	}
}