/*
Theme Name: ASAF THEME
Author: MOHAMMAD SHALATA 0502311554
Version: 4.1
Text Domain: ASAF
*/

:root {
	--active-color: #b18fff; 
	--grey-color: #7d7d7d;
	--main-title-color: #303030;
	--purple-color: #5a08d6;
	--main-title-bg: #E3F1FE;
}

.wrapper {width:1460px; max-width:95%; margin:0 auto; position:relative;}
.top_section .donat {position:fixed; right:0; border-radius:50%; width:142px; height:142px; text-align:center; z-index:9999; top:calc(100vh - 250px)}
h1.home-page-main-title {text-transform:none;}
	h1.home-page-main-title b {text-transform:capitalize; color:#5A08D6}
header {position:relative;}
.inside-main-title {font-size:40px; font-weight:900; color:var(--main-title-color); display:block; text-align:center; margin:0 auto 50px;}
.logo_site img:first-child {width:auto;}	
.main-content-page {margin-bottom:50px;}
	.main-content-page img {margin:0 auto}

header > div {position:relative;}
.user-login-name {position:absolute; top:-27px; right:0; font-size:15px;}	

.top_section.position-relative {}
	.top_section.position-relative .col-md-5.girl_img {}
		.top_section.position-relative .col-md-5.girl_img img {border-radius:35px;}
		
section ul.tabs {margin:-6rem auto 65px auto}
header {padding:20px 0;}
	header .row.align-items-end.justify-content-start {flex-wrap:nowrap;}
.top_section {min-height:0;}
body.home header {position:absolute;}
body.home .top_section {padding-top:180px;}

/**/
.inside-page {padding-top:50px;}
.our-library-page {text-align:center;}
	.our-library-page nav {margin-top:58px;}
		.our-library-page nav ul {display:flex; flex-wrap:warp; align-items:center; gap:20px; margin:0 auto; justify-content:center; padding:0; }
			.our-library-page nav ul li {text-align:center}
				.our-library-page nav ul li a {font-size:24px; font-weight:bold; transition:.5s; padding:.5em 2em; color:var(--grey-color);}
				.our-library-page nav ul li a.active {background:var(--active-color);  border-radius:35px; color:#fff;}
				
	.our-library-articles {display:flex; justify-content:center; gap:40px; margin-top:60px;}
		.articles-item {border:1px solid var(--grey-color); border-radius:8px; overflow:hidden; text-align:center; padding-bottom:40px;}
		.articles-item.video-item {padding-bottom:0;}
			.articles-item.video-item strong {margin-top:10px;}
			.articles-item .article-featured-image {}
			.articles-item.video-item img {width:100%;}

			.articles-item strong {display:block; width:100%; color:var(--main-title-color); font-size:20px; font-weight:bold; margin-top:39px; margin-bottom:22px; }
			.articles-item a {display:table; border:1px solid var(--active-color); padding:.5em 1.6em; border-radius:35px; color:var(--grey-color); font-size:18px; margin:20px auto 0; transition:.5s; }
			.articles-item a:hover {background:var(--active-color); color:#fff;}
			.video-otem-video {position:relative;}
				.video-otem-video a.open-video-popup {width:96px; height:96px; border:4px solid #000; border-radius:50%; position:absolute; z-index:100; top:50%; left:50%; transform:translate(-50%, -50%); background:rgba(255,255,255,.4); backdrop-filter:blur(10px); padding:0;}
				.video-otem-video a.open-video-popup::before {content:""; position:absolute; top:50%; left:54%; transform:translate(-50%, -50%); width:32px; height:40px; background:url('sks-includes/img/play-btn.svg') no-repeat center center;}
		.video-item-description {padding:0 20px 20px;}
				
			.video-popup {position:fixed; top:0; right:0; z-index:1805; width:100%; height:100%; background:rgba(0,0,0,.6)}
				.video-popup iframe {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.our-alumni-page {}			
	.our-alumni-page .inside-main-title {margin-bottom:0}
	.our-team {display:flex; gap:100px 20px; flex-wrap:wrap; margin-top:100px;}
		.our-team .our-team-item {width:calc(25% - 20px); display:flex; justify-content:space-between; }
			.person-image {width:100px; height:100px; border-radius:50%; overflow:hidden; }
			.person-details {}
			.person-info {display:flex; flex-direction:column; justify-content:space-between; width:calc(100% - 125px)}
				.person-info strong {color:var(--purple-color); font-size:20px; font-weight:bold;}	
				.person-info span {font-size:18px; color:var(--grey-color)}	
				.person-info img {margin:10px 0;}

.preparation-materials-page {}
	.preparation-materials-menu {position:relative; z-index:99; margin-top:30px;}
		.preparation-materials-menu ul {display:flex; width:100%; padding:0; margin:0; align-items:flex-start;}
			.preparation-materials-menu ul li {flex-grow:1; text-align:center; display:flex; justify-content:center; padding:.5em; align-items:center; gap:5px;  flex-wrap:wrap; position:relative;}
				
				.preparation-materials-menu ul li:not(:last-of-type){border-right:1px solid var(--active-color);}
				.preparation-materials-menu li a {display:flex; transition:1s; color:var(--grey-color); font-weight:bold; font-size:24px; position:relative; gap:5px; padding-bottom:10px; width:100%; }
					.preparation-materials-menu li.has-sub-items:hover .sub-menu {display:block;}
					.preparation-materials-menu li.has-sub-items::before {content:''; width:10px; height:10px; border-bottom:1px solid #000; border-left:1px solid #000; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); position:absolute; right:10px; transition:.5s;}
					.preparation-materials-menu li.has-sub-items:hover::before {transform:rotate(135deg); -webkit-transform:rotate(135deg);}
					.preparation-materials-menu li .sub-menu {position:absolute; top:100%; left:0; background:#fff; min-width:200px; display:none;}
						.preparation-materials-menu li .sub-menu li {}
							.preparation-materials-menu li .sub-menu li a {font-size:16px;}
				.preparation-materials-menu li > a::before {content:""; width:0; height:2px; background:var(--active-color); position:absolute; bottom:0; left:0; transition:.5s;}
				.preparation-materials-menu li nav-icon {}
					.preparation-materials-menu li .nav-icon svg {width:30px; height:30px;}
						.preparation-materials-menu li .nav-icon svg path {fill:var(--grey-color)}
						.preparation-materials-menu li svg path {transition:1s;}
	.preparation-materials-page .output-container {max-width:92%; margin:0 auto;}
				.preparation-materials-menu li:hover {}					
					.preparation-materials-menu li:hover > a, .preparation-materials-menu li.active > a {color:var(--purple-color); }
					.preparation-materials-menu li:hover > a::before, .preparation-materials-menu li.active > a::before {width:100%; }					
					.preparation-materials-menu li:hover > svg path, .preparation-materials-menu li.active > svg path {fill:var(--purple-color)}
	.sks-search-bar {max-width:97.5%; margin:0 auto;}
		.sks-search-bar .form-field input {background:url('sks-includes/img/search-icon.png') no-repeat left 10px center #f5f5f5; min-height:45px; border-radius:35px; padding:5px 15px; margin-top:33px; margin-bottom:45px; width:499px; max-width:100%; padding-left:35px;}
		.sks-search-bar ::placeholder {font-size:18px; font-weight:normal; color:#000;}
	.output-container {max-width:100%; margin:0 auto;}
	
	
	ul.files-output-list {padding:0; margin:0; display:flex; gap:10px; flex-wrap:wrap;}
		ul.files-output-list li {width:24%; padding:.5em; transition:.5s; height:auto;}
		ul.files-output-list li.show-by-filter {width:0; overflow:hidden; max-height:0; padding:0;}
			ul.files-output-list li a {color:#000; border-bottom:1px solid #000; padding-bottom:2px; position:relative; padding-right:20px; font-size:18px;}
			ul.files-output-list li a img {position:absolute; right:0; top:3px; }
	a.upload-custom-file-form {display:table; padding:.5em 1em; border:1px solid var(--purple-color); border-radius:35px; color:var(--purple-color); font-size:24px; margin:95px auto 0;}
	a.upload-custom-file-form:hover {color:#fff; border-color:#fff; background:var(--purple-color)}
.sks-hide {display:none!important;}
.main-container {}
	.main-container nav.team {display:flex; min-height:35px; position:relative; align-items:center; max-width:97.5%; margin:0 auto;}
		nav.team ul {transition:.5s;}
			nav.team ul li {display:none;}
			nav.team ul.show-full-list {height:250px; box-shadow:0 0 6px rgba(0,0,0,0.5); position:absolute; z-index:100; background:#fff; top:0; left:25px; overflow-y:auto; }
				nav.team ul.show-full-list li {display:block;}
				nav.team ul.show-full-list li:hover {background:var(--active-color);}
					nav.team ul.show-full-list li a {}
				nav.team ul li a {font-size:24px; color:var(--grey-color); padding:.5em 1em; display:block;}
			nav.team ul li.active {display:block;}
				nav.team ul li.active a {color:var(--purple-color);}
			a.show-full-list-of-team {width:15px; height:15px; display:inline-block; position:relative;}
				a.show-full-list-of-team::before{content:''; position:absolute; width:85%; height:85%; border-left:1px solid #000; border-bottom:1px solid #000; transform:rotate(-45deg) translate(-50%, -50%); -webkit-transform:rotate(-45deg) translate(-50%, -50%); top:0; left:50%; }

.custom-upload-file-container {position:fixed; top:0; overflow:hidden; z-index:-1; height:0; left:0; transition:.5s;}
	.custom-upload-file-container.show { height:100%; width:100%; z-index:1855; background:rgba(0,0,0,0.5)}
	.custom-upload-file-form {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; padding:40px; width:90%; max-width:1235px}
		a.close-custom-upload-popup {width:27px; height:25px; position:absolute; top:10px; right:12px;}
		a.close-custom-upload-popup::before, a.close-custom-upload-popup::after {content:''; width:100%; height:3px; background:var(--grey-color); border-radius:5px; position:absolute; top:50%; left:50%; }
		a.close-custom-upload-popup::before {transform:translate(-50%, -50%) rotate(45deg);}
		a.close-custom-upload-popup::after {transform:translate(-50%, -50%) rotate(-45deg);}
		.custom-upload-file-form .acf-form {display:flex; flex-wrap:wrap;}
		.custom-upload-file-form label {font-size:20px; color:#000;}
			.custom-upload-file-form .acf-form .acf-hidden {width:100%;}			
			.custom-upload-file-form .acf-fields {display:flex; width:100%; }
				.custom-upload-file-form .acf-field {flex-grow:1; border:0!important; max-width:230px; width:100%;}
				.custom-upload-file-form .acf-field.acf-field-file {max-width:340px; }
					.custom-upload-file-form .acf-field.acf-field-file .acf-input {border:1px dashed #7D7D7D; min-height:105px; border-radius:6px;}
					.custom-upload-file-form .acf-field select {border-top:0; border-left:0; border-right:0; border-bottom:1px solid var(--active-color); min-height:36px;}
			.custom-upload-file-form .acf-form .acf-form-submit {width:30%; padding:16px;}
				.custom-upload-file-form .acf-form .acf-form-submit input[type="submit"]{background:var(--active-color); color:#fff; border-radius:35px; padding:.5em 1em; font-size:20px; font-weight:bold; margin-top:33px;}
			.custom-upload-file-form .select2-container--default .select2-selection--single {border-top:0; border-left:0; border-right:0; border-bottom:1px solid var(--active-color)!important; border-radius:0; min-height:36px;}
				.custom-upload-file-form .select2-container--default .select2-selection--single .select2-selection__placeholder {color:#000;}
				.custom-upload-file-form .select2-container--default .select2-selection--single .select2-selection__arrow b {border-left:2px solid #000!important; border-bottom:2px solid #000!important; transform:rotate(-45deg); border-top:0!important; border-right:0!important; width:7px; height:7px;}
.calendar-header {display:flex; justify-content:flex-start; align-items:center; margin-bottom:20px; gap:10px;}
	.calendar-header a {}
		.calendar-header a svg {width:17px; height:30px;}
			.calendar-header a svg path {fill:var(--grey-color);}
	.calendar-header a:hover {}
		.calendar-header a:hover svg {}
			.calendar-header a:hover svg path {fill:var(--active-color)}
	.calendar-header strong {font-weight:normal; font-size:34px; }
.calendar-days {display:grid; grid-template-columns:repeat(7, 1fr); text-align:left;}
	.calendar-days span {color:var(--purple-color); font-size:24px; font-weight:normal; text-transform:uppercase;}
.calendar-grid {display:grid; grid-template-columns:repeat(7,1fr); }
	.day {padding:10px; height:145px; border:1px solid var(--grey-color); transition:.5s; color:#303030; cursor:pointer; position:relative;}
		.day .events {color:inherit;}
			.day .events a {color:inherit;}
			.day .events p {margin-bottom:0;}
	.mobile {display:none;}
	.day:hover {background:var(--active-color); color:#fff;}
		.day span { font-weight:bold; font-size:34px;}
		.day p.too-mutch-object {width:50%; position:absolute; right:0; padding-right:10px; height:3em; overflow:hidden; white-space:nowrap;text-overflow: ellipsis;}
		.day.empty {background-color:#f8f8f8; }
	.output-event-details-container {position:relative}
		.output-event-details-container .event-details {position:absolute; top:0; width:292px; min-height:200px; background:#fff; z-index:500; padding:23px; left:-80%; box-shadow:1px 1px 3px rgba(0,0,0,0.4); }
			.output-event-details-container .event-details strong {display:block; font-size:20px; font-weight:bold; color:#000; dispaly:block; margin-bottom:15px;}
			.output-event-details-container .event-details a {display:table; border:1px solid var(--active-color); padding:.5em 1.7em; font-size:18px; border-radius:35px; margin:22px 0 0; color:#000; font-size:18px;}
			.output-event-details-container .event-details a:hover {color:#fff; background:var(--active-color)}
			.output-event-details-container .event-details p {margin:0; color:#000; }
	.list-of-events-per-day {position:fixed; top:50%; left:50%; height:auto; transform:translate(-50%, -50%); z-index:850; width:60vh}
			.list-of-events-per-day .event-details {position:relative; left:0; right:0; padding:10px; width:100%; height:auto; }
				.event-details > a:first-of-type {border:0; width:auto; height:auto; padding:0; position:absolute; right:10px; top:-13px; background:none!important;}
				.event-details > a:first-of-type:hover {animation-name:bell; animation-duration:2s!important; animation-timing-function:linear; animation-iteration-count:infinite!important; transform:rotate(0); transition:.5s;}
					.event-details > a svg {width:25px;}
						.event-details > a svg path:nth-child(2) {fill:var(--purple-color);}
						.event-details > a svg path:nth-child(3) {fill:var(--purple-color);}
@keyframes bell {
	0% {transform:rotate(0)}
	25% {transform:rotate(-45deg)}
	50% {transform:rotate(0)}
	75% {transform:rotate(45deg)}
}

.date {font-weight:bold; display:block; margin-bottom:5px; }
.holiday {color:purple; font-size:0.8em; display:block; }
.event {background-color:#e6e6fa; padding:2px5px; border-radius:3px; font-size:0.8em; cursor:pointer; display:inline-block; margin-top:5px; }
#eventPopup {display:none; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); background-color:white; padding:20px; border-radius:5px; box-shadow:02px10pxrgba(0,0,0,0.1); z-index:1000; }
#eventPopuph2 {margin-top:0; }
#closePopup {position:absolute; top:10px; right:10px; cursor:pointer; }

.inside-page {}
	.inside-page .tax-name {}
		.inside-page .tax-name strong {display:block; text-align:center; font-size:40px; font-weight:900; margin-bottom:65px;}

.single-article-title {background:var(--main-title-bg); margin-bottom:43px; padding:42px 0;}
	.single-article-title .wrapper {display:flex; justify-content:space-between; align-items:center; }
		.single-article-title h1.inside-main-title {font-size:30px; font-weight:bold; display:inline-block; margin:0;}
		.single-article-title .wrapper a {color:var(--purple-color); font-weight:bold;}

.single-article-content {display:flex; justify-content:space-between;}
	.single-article-content .single-page-main-content {width:100%; font-size:18px; }
		.single-article-content .single-page-main-content.has-image {width:56%; }
	.single-article-content .single-page-image {width:35%;}
#ajaxsearchpro1_1, #ajaxsearchpro1_2, div.asp_m.asp_m_1 {box-shadow:1px 1px 6px 1px #00000042!important; margin-bottom:40px!important; margin-top:50px!important;}

.form_lead form input[type=submit] {text-align:center;}
.page-template section.our-material, .single section.our-material {background-image:linear-gradient(to top, #DDCEFF, #C3E6FC); padding-top:70px;}
.home section.our-material {background-image:url("assets/images/bg_meterial.png"); padding-top:0;}

header .row.align-items-end.justify-content-start .col-xl-auto.col-lg.col-2 {flex-grow:1;}
.nav_menu {position:relative;}
ul#menu-header-menu {width:100%; }
ul#menu-header-menu li {flex-grow:1; margin-right:0; text-align:right;}

/* contact form 7 */
.wpcf7-form span .wpcf7-not-valid-tip {width:100%; top:-100%!important;}

/* login page */
#loginForm {text-align:center;}
	.login-form-container {}
	.main-content {}
		.main-content h1 {}
		.main-content p {}
	
	.login-form {margin:40px auto; width:450px;}
		.form-field {position:relative; margin-bottom:15px;}
			.form-field label {font-size:18px; font-weight:400; color:#777777; position:absolute; left:10px; padding:0 .5em; z-index:0; transition:.5s; top:12px}
			.form-field label.active {background:#fff; color:var(--active-color); font-size:16px; top:-8px; z-index:3;}
			.form-field input {border-bottom:2px solid var(--active-color); border-top:0; border-left:0; border-right:0; width:100%; min-height:50px; width:100%; border-bottom:2px solid var(--purple-color); border-radius:0; font-size:1.8rem; padding:.5em 1em; position:relative; z-index:1; background:transparent; color:#777; }
			.form-field input[type="submit"] {background:var(--active-color); color:#fff; font-size:18px; border-radius:35px; padding:.5em 1em; margin:10px auto; width:auto; border-bottom:0; transition:.5s;}
			.form-field input[type="submit"]:hover {background:var(--purple-color);}
.main-content.connection-step-two {text-align:center; margin-top:35px;}			
	.main-content.connection-step-two > strong {font-size:20px; font-weight:normal;}
.otp-container	{width:450px; max-width:100%; margin:20px auto;}
	.otp-container strong {font-weight:normal; font-size:18px; }
	.otp-container form {display:flex; flex-wrap:wrap;justify-content:space-between;}
		.otp-container form input {border-bottom:2px solid var(--active-color); width:16%;}
		.footer-form-field {width:100%; margin-top:25px;}
			.otp-container form .footer-form-field input { border-bottom:0; background:var(--active-color); border-radius:35px; color:#fff; margin:0 auto; padding:.5em 1em; display:block; width:auto; font-size:18px;}
			.otp-container form .footer-form-field input:hover {background:var(--active-color);}
			.additional-otp-info {margin-top:30px;}
		p.error-message {display:block; width:100%; color:#ff0000;}
	p.file-was-uploaded {color:green; font-size:24px; margin-top:40px; text-align:center;}
	div.wpcf7-response-output {position:relative;}
@media all and (max-width:1550px){
	header .row.align-items-end.justify-content-start {} 
	header .row.align-items-end.justify-content-start .logo_site {width:38%; flex:auto;} 
	header .row.align-items-end.justify-content-start > div:nth-child(2) {width:calc(60% - 135px);} 
	header .row.align-items-end.justify-content-start > div:nth-child(3) {width:135px;} 
	ul#menu-header-menu {flex-wrap:wrap;}
}

@media all and (max-width:1080px){
	.our-library-articles {flex-wrap:wrap;}
	.our-team .our-team-item {width:30%}
	.custom-upload-file-form .acf-fields {width:100%;}
	.custom-upload-file-form .acf-form {flex-wrap:wrap;}
	.custom-upload-file-form .acf-form .acf-form-submit {width:100%;}
	 
}

@media all and (max-width:960px){
	.calendar-days {display:none;}
	.calendar-grid {grid-template-columns:repeat(4,1fr)}
	.day-name.mobile {display:inline-block; font-size:16px;}
	.day {display:flex; justify-content:space-between; flex-wrap:wrap;}
	.day > *:not(:is(span)) {width:100%; }
	.day span {}
	.list-of-events-per-day {width:300%; transform:translate(0,0); left:-100%; position:absolute;}
	.day:nth-child(4n) .list-of-events-per-day {left:-200%;}
	.day:nth-child(5n) .list-of-events-per-day {left:0;}
}

@media all and (max-width:768px){
	.nav_menu {position:fixed;}
	header {padding:40px 0 20px; }
	.user-login-name {top:0; width:100%!important; color:#fff; text-align:center;}
	#menu-header-menu {margin-top:40px;}
	header .row.align-items-end.justify-content-start {flex-wrap:wrap;}
	body.home .top_section {padding-top:114px;}
	.our-team .our-team-item {width:45%}
	.single-article-title .wrapper {flex-wrap:wrap;}
	.single-article-content {flex-direction:column-reverse; flex-wrap:wrap; }
		.single-article-content .single-page-image {width:100%; margin-bottom:40px; }
		.single-article-content .single-page-main-content.has-image {width:100%;}
	.day p {font-size:16px;}
	.day .events a {font-size:16px;}
	.day.empty {display:none;}
	.custom-upload-file-form .acf-fields {flex-wrap:wrap;}
	.preparation-materials-menu ul {flex-wrap:wrap;}
	ul.files-output-list {flex-wrap:wrap;}
	ul.files-output-list li {width:auto;}
	section ul.tabs {margin:0; background:none; width:100%; min-width:0; }
		section ul.tabs li {width:45%;}
	.our-program ul.tabs-program.nav.nav-tabs {width:100%;}
		.our-program ul.tabs-program.nav.nav-tabs li {width:100%; margin:0;}
			.our-program ul.tabs-program.nav.nav-tabs li a {max-width:100%; width:100%;}
}

@media all and (max-width:525px){
	.calendar-grid {grid-template-columns:repeat(2,1fr)}
	.our-team .our-team-item {width:100%}
	.list-of-events-per-day {width:200%; }
	.day:nth-child(even) .list-of-events-per-day {right:0; left:auto;}
	.day:nth-child(odd) .list-of-events-per-day {right:auto; left:auto;}
	.logo_site img {max-width:100%!important; width:auto!important; margin-right:0!important; height:auto!important; padding:2px;}
}


input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance:none;  margin:0;}
input[type=number] {-moz-appearance: textfield;}