/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 22 2024 | 09:43:13 */
:root {
	--main_blue: #2088CA;
	--light_blue:#01b6ed;
	--colored-section:#FAF8F5;
	--light-border:#B8B8B8;
}

*{outline:0;}

a, a:focus, input, input:focus{outline:0}


.blue-link a, .blue-link a:visited, .dark-link a, .dark-link a:visited, .single-component-menu a, .single-component-menu a:visited{text-decoration:none!important}

.blue-link a, .blue-link a:visited{color:var(--main_blue)!important}

.dark-link a, .dark-link a:visited{color:#3A3A3A!important}

.blue-link a:hover, .dark-link a:hover{color:var(--main_blue)!important}

.arrow-down-button .elementor-button-text, .arrow-right-button .elementor-button-text, .eael-grid-post-excerpt .eael-post-elements-readmore-btn{display: flex; align-items: center;}



.arrow-down-button ion-icon, .arrow-right-button ion-icon, .eael-grid-post-excerpt .eael-post-elements-readmore-btn ion-icon{font-size:20px; margin-left:5px}
.no-margin p{margin-bottom:0!important}
.no-padding, .no-padding .elementor-button{padding:0!important}
.svg-icons .elementor-icon-list-icon{color:var(--main_blue)}
.slider-button .n2-ss-button-container a div{display:flex!important; align-items:center}
.slider-button ion-icon, .eael-post-elements-readmore-btn ion-icon{margin-left:5px}

.site-header{position: fixed; top: 0; width:100%; box-shadow: 0px 0px 5px 0px rgba(87, 95, 96, 0.5);}
.site-content {padding-top: 80px;}

.sticky-header{animation: slideDown 0.35s ease;}

.ast-search-menu-icon .search-field:focus, .ast-search-menu-icon .search-field:active{outline: none; border:none}

/*@keyframes slideDown {from {transform: translateY(0);} to {transform: translateY(-40px);}}


/*Animate slider btns */

.slider-nav-list ul li, .slider-nav-list ol li{margin-bottom:3%; list-style:none;}
.slider-nav-list ul, .slider-nav-list ol{border-left:1px solid var(--main_blue); padding:0 0 0 0;}
.slider-nav-list a, .slider-nav-list a:visited{text-decoration:none!important; color:#9A9A9A; padding:10px 30px;}
.slider-nav-list a:hover, .slider-nav-list a:active, .slider-active-element a{color:var(--main_blue)!important}
.wp-block-latest-posts__post-title{font-weight:600; font-size:105%;}
.wp-block-latest-posts__post-date{font-size:90%!important; color: #505050;}
.wp-block-latest-posts.is-grid li{margin:0 5% 5% 0}


.slider-active-element{border-left:2px solid var(--main_blue)}

.news-slider .n2-ss-slider-controls-absolute-right-bottom{margin-top: -150px; margin-left:-120px;}

footer p, footer .site-footer-section>*{margin-bottom:0}
footer .widget{margin-bottom:1em}
footer{font-size:90%}
footer .eb-button a.eb-button-anchor{background-color:var(--main_blue); padding:7px 20px}
footer .eb-button a.eb-button-anchor:hover{background-color:var(--light_blue)}
footer .eb-button{justify-content: flex-start; width: fit-content}
footer a, footer a:visited{color:#3A3A3A}
footer a:hover{color:var(--main_blue)}
footer .site-footer-primary-section-3, footer .site-footer-primary-section-4{margin-top:15px}

.query-latest-posts{margin-top:3%!important}
.query-latest-publications .eb-button{justify-content:flex-start; margin-top:2%}
.query-latest-publications .eb-button a.eb-button-anchor{background-color:#fff!important; color:var(--main_blue)!important; text-align: left; flex-basis:auto; justify-content:flex-start; padding:7px 10px 7px 0; border-radius:0}

.query-latest-publications .eb-button a.eb-button-anchor:hover{background-color:var(--main_blue)!important; color:#fff!important; padding-left:10px}

.query-latest-publications .eb-button ion-icon{margin-left:5px; font-size:17px!important}
/*.wp-block-latest-posts__post-title, .wp-block-latest-posts__post-date, .wp-block-latest-posts__post-excerpt{margin-left:5%; margin-right:5%; width:90%!important}*/
.query-latest-publications .wp-block-latest-posts__post-title{pointer-events: none;}
.eael-post-elements-readmore-btn, .component-activities p{display: flex; align-items: center;}
.eael-grid-post .eael-entry-wrapper{padding: 5px 15px 20px!important;}
.query-courses .eael-grid-post .eael-entry-wrapper {padding: 5px 20px 20px!important;}
.eael-post-elements-readmore-btn{width:fit-content}
.query-blog .eael-post-elements-readmore-btn:hover, .query-courses .eael-post-elements-readmore-btn:hover{padding-left:10px!important}
.eael-entry-meta .eael-posted-on::before{content:""!important; padding:0!important; margin:0!important}
.component-activities p::before{content:url(../wp-content/uploads/2023/07/chevron-forward-outline.svg); width:18px; height: 18px; display: inline-block; margin-right:2px}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
background:#fff;
color:#3A3A3A;
font-family:inter, sans-serif;
border:1px solid #C5E6F4;
}

.wpcf7 input[type="text"]:active, .wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:active, .wpcf7 input[type="email"]:focus,
.wpcf7 textarea:active, .wpcf7 textarea:focus {
border-color:#2088CA;
}


.wpcf7 input[type="submit"],
.wpcf7 input[type="button"] { 
background-color:#2088CA;
width:fit-content;
text-align:center;
text-transform:uppercase;
color:#fff;
	padding:15px 30px;
	font-size:90%;
}
.wpcf7 input[type="submit"]:hover, .wpcf7 input[type="button"]:hover {
background-color:#01B6ED;
}


.single .entry-header .post-thumb img{width:100%; max-height:80vh; object-fit: cover; border-radius:5px}
.entry-header .entry-title, .entry-header .entry-title a { margin-bottom: 30px!important;}
.single .entry-header .post-thumb{margin:7% 0 7%;}
.entry-header .entry-title, .entry-header .entry-meta{width:70%; margin-left:15%}
.related-entry-header .entry-title, .related-entry-header .entry-meta{width:90%; margin-left:5%}
.ast-related-post-content .entry-header .ast-related-post-title, .ast-related-post-content .entry-header .ast-related-post-title a{font-size:1em!important}
.single-post .ast-article-single, .single-post .entry-content{width:80%; margin:0 10% 10%}
.single-post, .single-post .ast-primary-header-bar{background-color: var(--colored-section);}
.single-post .ast-primary-header-bar{border-bottom:1px solid #dddddd}
.single-post .entry-content h1, .single-post .entry-content h2, .single-post .entry-content h3, .single-post .entry-content h4, .single-post .entry-content h5, .single-post .entry-content h6{margin-top:6%; font-family:'Inter', sans-serif; font-size:1.2em}
.single-post .wp-block-heading strong{font-weight:600!important}
.single-post .entry-content h1, .single-post .entry-content h2, .single-post .entry-content h3{font-size:1.2em; line-height:1.7;}
.single-post .entry-content h4, .single-post .entry-content h5, .single-post .entry-content h6{font-size:1em; line-height:1.5}

/*Move out*/
.single .ast-related-post-featured-section img {object-fit: cover; height: 200px;  width: 400px;}
.components-slider .elementskit-commentor-content {display:flex; flex-flow: column-reverse}
.components-slider .swiper-navigation-button{width:51px!important; height:50px!important}
.components-slider .swiper-button-next:after, .components-slider .swiper-button-prev:after{font-size:20px}
.components-slider .swiper-slide{min-height:500px}
.components-slider .swiper-button-next{top:40%!important;}
.components-slider .swiper-button-prev{top:55%!important;}
.component-tabs .eael-tabs-nav{width: 70%; margin-left: 15%;}
.cdps-accordion .eael-accordion-header.active .fa-toggle{-webkit-transform: rotate(180deg)!important; -ms-transform: rotate(180deg)!important; transform: rotate(180deg)!important;}


@media (min-width: 600px){
	.wp-block-latest-posts.columns-3 li {width: calc(33.33333% - 3.5%);}
	.wp-block-latest-posts.columns-4 li {width: calc(25% - 3.8%);}
	/*.components-slider .swiper-navigation-button{top:10%!important;}*/
}




/*Tablet portrait*/
@media (max-width: 1200px) {
	
	.ast-button-wrap .menu-toggle.main-header-menu-toggle{padding: .25em;}
	
	.ast-mobile-popup-drawer.active .menu-toggle-close{color: var(--main_blue);}
	
	.ast-mobile-popup-drawer.active .menu-toggle-close svg{width:30px; height: 30px}
	.ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close:focus{outline: none}
	.ast-mobile-popup-drawer.active .menu-toggle-close:focus{border:none}
	.ast-menu-toggle:focus{outline:none}
	
	
.components-slider .swiper-navigation-button{width:45px!important; height:44px!important}


.components-slider .swiper-button-next, .components-slider .swiper-button-prev{top:0!important;}
.components-slider .swiper-button-prev{left:85%!important; }
.components-slider .swiper{margin-top:5%}


.single-post .ast-article-single{width:90%; margin:20% 5% 5%}
.single-post .entry-content{width:90%; margin:5%}
.single .ast-single-related-posts-container{width:90%; margin:5%}	
	
.single-post .entry-content h1, .single-post .entry-content h2, .single-post .entry-content h3, .single-post .entry-content h4, .single-post .entry-content h5, .single-post .entry-content h6{margin-top:8%}
	
	
	.ast-mobile-header-wrap .trp-ls-language-name{font-size:120%}
	
}


/* Mobile */
@media (max-width: 767px) {
	.components-slider .swiper-slide{min-height:400px}
	
	.components-slider .elementskit-testimonial-slider .swiper-navigation-button{display:block!important;}
	.components-slider .swiper-button-next{right:0!important; padding:10px 0 0 5px!important; }
	.components-slider .swiper-button-prev{left:73%!important; padding:10px 05px 0 0!important;}
	.components-slider .swiper-navigation-button{width:41px!important; height:40px!important}
	.components-slider .swiper-button-next:after, .components-slider .swiper-button-prev:after{font-size:17px}
	.single-post .ast-article-single{width:100%; margin:25% 0 15%}
	.single-post .entry-content{width:100%; margin:10% 0 15%}
	.entry-header .entry-title{font-size:1.6em!important}
	.entry-header .entry-title, .entry-header .entry-meta{width:90%; margin-left:5%; margin-bottom:10px!important}
	.single .entry-header .post-thumb{margin: 10% 0 0%;}
	.single .ast-single-related-posts-container{margin:4em 0 0; padding-top:2em; width:100%;}
	.single .ast-related-posts-title-section{padding-bottom:2.5em}
	.related-entry-header .entry-title, .related-entry-header .entry-meta{width:100%; margin-left:0}
	.single-post .entry-content h1, .single-post .entry-content h2, .single-post .entry-content h3, .single-post .entry-content h4, .single-post .entry-content h5, .single-post .entry-content h6{margin-top:15%}
	.ast-mobile-header-wrap .site-header-section>* {padding: 0 8px;}
}