/*===========================================*/
/*	hi Renewal CUSTOM STYLES
/*===========================================*/

/* Font Classes:
   f-1 = Roboto (general use)
   f-2 = STIX Two Text (logo, italic texts)
   f-3 = Roboto (alternate)
*/

/* Logo text with STIX Two Text */
.ckav-title h1.f-3.italic,
.ckav-navigation--logo,
.ckav-header--logo {
	font-family: 'STIX Two Text', serif !important;
}

/* Ensure Roboto for body and general text */
body,
.f-1 {
	font-family: 'Roboto', sans-serif !important;
}

/* STIX for specific brand elements */
.title.f-3.italic span {
	font-family: 'STIX Two Text', serif !important;
	font-weight: 400;
}

/* Logo shadow */
.ckav-header--logo img,
.ckav-navigation--logo img {
	filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.15));
}

/*===========================================*/
/*	DESKTOP LAYOUT
/*===========================================*/


@media (min-width: 1200px) {


}
@media (min-width: 992px) and (max-width: 1199px) {
	
}

@media (min-width: 992px) {
		
}

/*===========================================*/
/*	MOBILE & TABLET COMMON
/*===========================================*/
@media (min-width: 200px) and (max-width: 991px) {
	
}


/*===========================================*/
/*	TABLET
/*===========================================*/
@media (min-width: 768px) and (max-width: 991px) {

}


/*===========================================*/
/*	MOBILE
/*===========================================*/
@media (min-width: 200px) and (max-width: 767px) {
	
}
@media (min-width: 600px) and (max-width: 767px) {
}
@media (min-width: 480px) and (max-width: 599px) {

}
@media (min-width: 200px) and (max-width: 479px) {

}