/**
* Theme Name: Charix Child
* Description: This is a child theme of Charix, generated by Merlin WP.
* Author: <a href="https://wpopal.com/">Opalthemes</a>
* Template: charix
* Version: 1.0.0
*/


#page .site-content { margin-top: 0px !important; margin-bottom: 0px !important;}
h1, .alpha { font-size: clamp(60px, 6.5vmax, 120px);}
.logo-box-wrapper a { filter: saturate(0%); transition-duration: .3s; object-fit: contain;}
.logo-box-wrapper a:hover { filter: saturate(100%);}
.logo-box-wrapper img { max-height: 110px; width: 100%; max-width: 180px;}
a:hover { color: var(--e-global-color-secondary);}
.wpcf7-not-valid-tip { font-size: 16px; margin-top: -20px; margin-bottom: 20px;}
.elementor-5480 .elementor-element.elementor-element-801d3d8 > .elementor-widget-container { height: auto;}
.breadcrumb-wrap .breadcrumb-overlay, .elementor-page-187 .breadcrumb-wrap .breadcrumb-overlay { background-color: rgba(255, 246, 237,0.5) !important; mix-blend-mode: initial  important;}

.scrollup { color: #ffffff !important;}
.elementor-widget-button .elementor-button, .elementor-button {
    color: #ffffff !important;
	border: 1px solid var(--primary) !important;
    background-color: var(--primary) !important;
}
.elementor-button-outline .elementor-button, .nav-contact-btn.elementor-button-outline .elementor-button {
	color: var(--accent) !important;
    border: 1px solid var(--accent) !important;
    background-color: transparent !important;
}
.elementor-widget-button .elementor-button:hover, .elementor-button:focus, 
.elementor-button-outline .elementor-button:hover, .elementor-button-outline .elementor-button:focus,
.nav-contact-btn.elementor-button-outline .elementor-button:hover, .nav-contact-btn.elementor-button-outline .elementor-button:focus {
    color: #ffffff !important;
	border: 1px solid var(--secondary) !important;
    background-color: var(--secondary) !important;
}
.elementor-button-outline .elementor-button:hover, .elementor-button-outline .elementor-button:focus,
.nav-contact-btn.elementor-button-outline .elementor-button:hover, .nav-contact-btn.elementor-button-outline .elementor-button:focus {
	border: 1px solid var(--secondary) !important;
}
.main-nav-menu.elementor-element.elementor-widget.elementor-widget-charix-nav-menu { max-width: unset !important; width: auto;}
.nav-btns-wrp { padding: unset;}


.top-bar .elementor-icon-list-item a * { color: #ffffff !important; transition: all 0.3s;}
.top-bar .elementor-icon-list-item a:hover * { color: var(--primary) !important;}
.home-art-lr-cntr > div.e-flex.e-child { box-sizing: border-box !important; width: 50%;}
.team-box-widget .team-image img { margin-inline: auto;}
.team-box-widget .team-info { display: flex; flex-direction: column; align-items: center;}
.team-box-widget .team-info * { transition: all .3s ease;}
.team-box-widget .team-info .team-job { order: 1; margin-top: 10px; margin-bottom: 0;}
.tasneeem-paint-img-box { width: 100%; max-width: calc((100% / 3) - 10px);}
.tasneeem-paint-img-box figure.elementor-image-box-img { width: 100%; /* aspect-ratio: 1/1; */ max-height: 350px; overflow: hidden;}
.tasneeem-paint-img-box figure.elementor-image-box-img img { width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: cover; object-position: center center;}

.tasneeem-paint-img-box .elementor-image-box-title { margin-bottom: 0.5407911001em !important;}
.podcasts-share-list a {
    background-color: #EBECF0;
    border-radius: 5px;
    cursor: pointer;
    padding: 10px 16px;
    color: #ffffff !important;
    border: 1px solid #E0E0E0;
}
.podcasts-share-list ul.elementor-icon-list-items { row-gap: 20px;}
.home-team-sec { position: relative;}
/* .home-team-sec::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    max-width: 604px;
    background: url(https://srcc.impaktcloud.com/wp-content/uploads/2025/05/h1_shape-2.png) no-repeat center center / contain;
	z-index: 0;
} */
.home-team-sec > .e-con-inner { z-index: 1;}


/* Digital Media CPT */
.post-type-archive.post-type-archive-digital_media .site-content { padding-block: 100px;}

.digital-media-posts-shortcode .elementor-shortcode { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; gap: 30px;}
.digital-media-posts-shortcode .digital-media-wrp { width: 100%; max-width: calc(50% - 15px);}
.digital-media-item-wrp .storie-item.storie-style-1 { margin-bottom: 0;}


.elementor-widget-text-editor a { transition: all .3s ease; color: var( --e-global-color-text ) !important; text-decoration: underline;}
.elementor-widget-text-editor a:hover { color: var(--primary) !important;}
footer .elementor-widget-text-editor a { color: var( --e-global-color-text ) !important;}
footer .elementor-widget-text-editor a:hover { color: var(--primary) !important; }

.elementor-widget-charix-nav-menu.show-style-menu-yes .main-navigation ul.menu > li.menu-item:hover { background-color: unset;}
.main-navigation ul.menu li.menu-item a span:before { background: #113443;}
.main-navigation ul.menu > li.menu-item-has-children > a, .elementor-nav-menu .menu-item-has-children > a { position: relative; } 
.main-navigation ul.menu > li.menu-item-has-children > a::after, .elementor-nav-menu .menu-item-has-children > a::after { content: "\f0d7"; font-size: 16px; 
	font-family: "Font Awesome 6 Free","Font Awesome 5 Free"; font-weight: 900; display: inline-block; margin-left: .35em; line-height: 1;
}
.main-navigation ul.menu > li.menu-item-has-children > a:hover:after{ transform: rotate(180deg) !important;}
.main-navigation ul ul.sub-menu li:not(:last-of-type) { margin-bottom: 5px;}
.main-navigation ul.menu li.menu-item .sub-menu .menu-item a { font-size: 16px; padding: 0 !important; color: #000000; }
.nav-donate-btn .elementor-button { border: 1px solid transparent;}
.single-digital_media .e-grid.team-box ul { padding: unset; margin: unset; list-style: none;}
.single-digital_media .e-con.e-con-boxed:has(.elementor-widget.elementor-widget-video) .e-con-inner, .single-digital_media .history > .e-con-inner { padding: unset !important;}
.single-digital_media .history > .e-con-inner > .elementor-widget.elementor-widget-text-editor > .elementor-widget-container { margin: unset;}

.single-digital_media .e-con.e-con-boxed:has(.elementor-widget.elementor-widget-video), 
.single-digital_media .col-full > .elementor[data-elementor-post-type="digital_media"] > .e-con-full.e-flex.e-con.e-child:has(.elementor-widget.elementor-widget-video) { padding: 20px;}

.single-digital_media .e-grid.team-box > .elementor-widget.elementor-widget-text-editor > .elementor-widget-container,
.single-digital_media .e-con.post-title > .elementor-widget.elementor-widget-text-editor > .elementor-widget-container,
.single-digital_media .history { padding: 20px;}

.single-digital_media .col-full > .elementor[data-elementor-post-type="digital_media"] > .e-flex.e-con-boxed.e-con:first-of-type > .e-con-inner { padding-bottom: 30px; }
.single-digital_media .col-full > .elementor[data-elementor-post-type="digital_media"] > .e-flex.e-con-boxed.e-con.e-parent.post-title > .e-con-inner { padding-top: 50px !important;}
.single-digital_media .col-full > .elementor[data-elementor-post-type="digital_media"] > .e-flex.e-con-boxed.e-con.e-child:first-of-type > .e-con-inner > .elementor-widget-heading { display: none !important;}



/* Team Member Page */
.team-template .col-full { max-width: 100%; padding: unset;}











@media (max-width: 1366px) {
	.logo-box-row { max-width: 300px !important; width: auto !important;}
}

@media (min-width: 1339px) {
	.spotify-iframe iframe { height: 236px;}	
}

@media (max-width: 1338px) {
	.spotify-iframe iframe { height: 236px;}
}


@media (max-width: 1200px) {
	.logo-box-row { max-width: 200px !important; width: auto !important;}
	h5 { font-size: 26px;}
	.post-type-archive.post-type-archive-digital_media .site-content { padding-block: 80px;}

}

@media (min-width: 1025px) and (max-width: 1400px) {
	header .elementor-element.elementor-widget.elementor-widget-charix-nav-menu { max-width: 50% !important; width: 100%;}
/* 	.nav-btns-wrp .elementor-button { padding: 12px !important; font-size: 16px !important; line-height: 1;} */
/* 	.nav-btns-wrp .elementor-button i { font-size: 10px !important; line-height: 1;} */
	.nav-btns-wrp { max-width: max-content; width: auto;}
/* 	.main-nav-menu .main-navigation ul.menu > li.menu-item > a { font-size: 18px !important;} */
}

@media (min-width: 1025px) {
	.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { transform: translateY(2px);}
	.main-navigation ul ul.sub-menu { min-width: 160px; left: 16px;}
	.main-navigation ul ul.sub-menu li { min-width: unset;}
	
}

@media (max-width: 1024px) {
	body .elementor-button {
  		padding: 16px 20px !important;
	}
	body .elementor-button-content-wrapper {
		gap: 20px !important;
	}
	.nav-donate-btn a.elementor-button.elementor-button-link { padding: 10px 20px !important;}
	.single-digital_media .col-full > .elementor[data-elementor-post-type="digital_media"] > .e-flex.e-con-boxed.e-con.e-parent.post-title > .e-con-inner { padding-top: 30px !important;}
	.post-type-archive.post-type-archive-digital_media .site-content { padding-block: 70px;}
}

@media (max-width: 991px) {
	.digital-community-slider .swiper-slide { min-height: 75vw;}
	.post-type-archive.post-type-archive-digital_media .site-content { padding-block: 60px;}
}

@media (max-width: 880px) {
	.logo-box-row { max-width: 200px !important; width: auto !important;}
	h5 { font-size: 24px;}
}

@media (min-width:768px) {
	.elementor-widget-charix-nav-menu.show-style-menu-yes .main-navigation .sub-menu { padding: 20px !important;}
	.tasneem-sunset-img-box.tasneeem-paint-img-box figure.elementor-image-box-img { aspect-ratio: unset;}
/* 	.tasneem-sunset-img-box.tasneeem-paint-img-box figure.elementor-image-box-img img { max-height: 350px;} */
	
	.last-elem-center.staff-team-box .d-grid .grid-item.elementor-teambox-item:last-of-type { grid-column: 2 / 3;} /* to align the last element of the team section center */
	
	
}

@media (max-width: 767px) {
	h5 { font-size: 22px;}
	.team-image-wrapper img { max-height: 360px; object-fit: cover; width: auto; float: left;}
	.main-navigation ul.menu > li.menu-item-has-children > a::after, .elementor-nav-menu .menu-item-has-children > a::after { content: none; } 
	.logo-box-row { max-width: 250px !important;}
	.nav-btns-wrp .elementor-button { padding: 8px 10px !important;}
	.elementor-277 .elementor-element.elementor-element-5839d23 { gap: 10px;}
	.home-art-lr-cntr > div.e-flex.e-child { width: 100%;}
	.podcasts-share-list a { border-radius: 5px; padding: 10px 12px;}
	.podcasts-share-list ul.elementor-icon-list-items { row-gap: 10px;}
/* 	.spotify-iframe iframe { height: auto;} */
	
	/* About Page */
	.tasneeem-paint-img-box { width: 100%; max-width: 100%;}
	.tasneeem-paint-img-box figure.elementor-image-box-img { max-width: 100%; height: 300px; aspect-ratio: unset;}

	/* Digital Media CPT */	
	.post-type-archive.post-type-archive-digital_media .site-content { padding-block: 50px;}
	.digital-media-posts-shortcode .elementor-shortcode { flex-direction: column; flex-wrap: unset;}
	.digital-media-posts-shortcode .digital-media-wrp { max-width: 100%;}
	.digital-media-item-wrp .storie-item.storie-style-1 { max-width: 420px; margin-inline: auto;}
	.digital-media-wrp .storie-item .storie-post-thumbnail img { position: relative; inset: unset; width: 100%; max-width: 100%; height: auto; object-fit: unset;}
	.digital-media-wrp .storie-item .storie-post-thumbnail { padding-top: unset; margin-bottom: 20px;}
}

@media (max-width: 575px) {
	.elementor-277 .elementor-element.elementor-element-0793df1 > .elementor-widget-container { padding: unset;}
	.nav-btns-wrp .elementor-button { padding: 6px 8px !important; font-size: 14px !important;}
	.nav-btns-wrp .elementor-button i { font-size: 10px !important;}
	.logo-box-row { max-width: 175px !important;}
	.nav-btns-wrp span.elementor-button-content-wrapper { gap: 5px !important;}
	.menu-mobile-nav-button { font-size: 16px;}
	.elementor-277 .elementor-element.elementor-element-901e943 > .elementor-widget-container { padding: 6px 10px !important;}
	.elementor-277 .elementor-element.elementor-element-5839d23 { gap: 3px;}
	.digital-community-slider .swiper-slide { min-height: 420px;}
}

@media (max-width: 420px) {
	.digital-community-slider .swiper-slide { min-height: 32vh;}
}

@media (max-width: 380px) {
	.logo-box-row { max-width: 120px !important;}

	/* Digital Media CPT */	
	.digital-media-item-wrp .storie-item.storie-style-1 { max-width: 320px;}
}