/*
 Theme Name:     Astra Child
 Theme URI:      https://wpastra.com/
 Description:    Astra 
 Author:         Brainstorm Force
 Author URI:     https://wpastra.com/about/
 Template:       astra
 Version:        2.5.3
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500&display=swap');

textarea:focus, input:focus{
    outline: none;
}
textarea{
	height:100px!important;
}
.elementor-16 .elementor-element.elementor-element-8fad383 .acfe-contact-form-container input.wpcf7-submit{
	float: right!important;
}
#list-btn .elementor-element-populated{
	display: contents;
}
.blfe-classic2 .blfe-post-list-item .blfe-post-category {
    display: none!important;
}
#carousel-cult-sport .carousel-slider .carousel-slider__caption .caption {
    font-size: 14px;
    color: #26256A;
    font-family: "Karla", sans-serif;
    text-transform: uppercase;
    font-weight: bold;
}
#carousel-cult-sport .carousel-slider .carousel-slider__item {
    margin: 0 5px;
}
.scrollup {
    z-index: 11000;
    display: none;
    position: fixed;
    right: 0px;
    bottom: 15%;
}
.scrollup a {
	overflow: hidden;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    bottom: 80px;
    color: rgb(255, 255, 255);
    content: "";
    display: block;
    font-family: FontAwesome;
    font-size: 28px;
    height: 43px;
    text-align: center;
    width: 42px;
    z-index: 1110;
    margin-bottom: 5px;
    float: right;
    border-width: 1px;
    transition: all 1s ease 0s;
    background: #b7454e;
    border-radius: 25px 0 0 25px;
	padding-left: 5px;
	line-height: 37px;
}
.scrollup i{
	font-size: 18px;
}
.scrollup a i.fa.fa-file-text {
    font-size: 18px;
}
.scrollup a span {
    -moz-transform: scale(0) translateX(0.4px);
    -webkit-transform: scale(0) translateX(0.4px);
    -o-transform: scale(0) translateX(0.4px);
    -ms-transform: scale(0) translateX(0.4px);
    transform: scale(0) translateX(0.4px);
    font-size: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    padding-left: 5px;
    font-family: 'Open Sans', sans-serif;
}
.scrollup a.devisIcon:hover span {
    -moz-transform: scale(1) translateX(0.4px);
    -webkit-transform: scale(1) translateX(0.4px);
    -o-transform: scale(1) translateX(0.4px);
    -ms-transform: scale(1) translateX(0.4px);
    transform: scale(1) translateX(0.4px);
    font-size: 14px;
}
.scrollup a.devisIcon:hover {
    width: 225px;
    padding-left: 5px;
}
.contactez-nous .wpcf7 form>p {
    margin-bottom: 0px!important;
}
.contactez-nous input[type="submit"]{
	margin-top: 20px!important;
}
.images-carousel .elementor-widget-image-box {
    margin: 0 5px!important;
}

/* header */
.fixed_header.f-nav{
	position:fixed;
	top:0;
	left:0;
	right:0;
	background: #fff;
    z-index: 99;
}
.hfe-nav-menu .sub-menu li.menu-item a{
	text-transform: capitalize!important;
}
.elementor-373 .elementor-element.elementor-element-312cf1b .menu-item a.hfe-menu-item{
	background-image: url(/college-programme-tunisien/wp-content/uploads/sites/5/2021/05/bordure.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 1px 30px;
}
.elementor-373 .elementor-element.elementor-element-312cf1b .menu-item:last-child a.hfe-menu-item{
	background-image: none;
}
.elementor-373 .elementor-element.elementor-element-312cf1b .menu-item.current-menu-item a.hfe-menu-item, .elementor-373 .elementor-element.elementor-element-312cf1b .menu-item a.hfe-menu-item:hover{
	border-bottom: 1px solid #004387;
	background-color: #26256A!important;
}
.mm-menu_offcanvas.mm-menu_opened {
    z-index: 9;
}

#masthead .hfe-nav-menu .menu-item-has-children .menu-item-has-children .sub-menu {
	left: 1px;
    top: 46px;
}
#masthead .hfe-nav-menu .sub-menu li.menu-item a {
	width: 220px;
}
.page-id-1148 #masthead .hfe-nav-menu .menu-item-has-children .menu-item-has-children .sub-menu {
	border-right: 1px solid #c4c4c4;
}

/* slider */
.degrader{
    bottom: 0;
    right: 0;
}
.degrader .elementor-widget-container{
	height:100%;
}

/* footer */
.newslettre h5{
	color: #26256A;
	font-family: "Oswald", Sans-serif;
	font-size:40px;
	line-height:59px;
	font-weight:500;
	text-transform:uppercase;
    width: 50%;
    float: left;
}
.newslettre .tnp.tnp-widget{
	width: 50%;
    float: left;
}
.tnp.tnp-widget{
	position:relative;
}
.tnp-field-email label{
	display:none!important;
}
.linkfooter {
	padding-bottom:20px;
	background:url(images/arrow.png) bottom center no-repeat;
}
.tnp-email{
	border-radius:30px!important;
	min-height:60px
}
.tnp-field.tnp-field-button{
    width: 60px;
    height: 60px;
    background: #B7202C;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 50%;	
}
.tnp-widget input.tnp-submit{
    color: transparent!important;
    border: 0!important;
    border-radius: 50%;
    min-height: 60px;
    background: #b7202c url(images/btnNews.png) center no-repeat!important;
}
.menus-footer .menu{
	margin-left: 0px;
}
.menus-footer .menu li{
	list-style: none;
}
.menus-footer .menu li a{
	font-family: "Karla", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

/* activités */

.blfe-post-grid-item .blfe-post-grid-image img{
	min-height:100px;
}
.blfe-post-grid-item .blfe-post-grid-item-inner .blfe-post-grid-image{
	position:relative
}
.blfe-post-grid-item .blfe-post-grid-item-inner .blfe-post-grid-image:after{
	content:"";
	background:rgb(12 12 31 / 69%);
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	border-radius:50%;
}
.blfe-classic1 .blfe-post-grid-item .blfe-post-grid-item-inner{
	position:relative
}
.blfe-classic1 .blfe-post-grid-item .blfe-post-grid-item-inner h3.blfe-post-grid-title{
	position: absolute;
    top: 23%;
	left: 30px;
    right: 30px;
}
.blfe-classic1 .blfe-post-grid-item .blfe-post-grid-item-inner .blfe-post-grid-details .blfe-post-grid-details-inner .blfe-post-grid-title {
    font-weight: 500;
	width: 165px;
    margin: 0 auto;
}
.blfe-post-grid-item .blfe-post-grid-item-inner .blfe-post-grid-image:before{
	content: '';
    border: 1px solid #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 50%;
    width: 218px;
	height:218px;
    margin: auto;
    min-height: 218px;
}
.blfe-post-grid-item .blfe-post-grid-item-inner .blfe-post-grid-image img{
	border-radius:50%!important
}
.blfe-post-category{
	display: none!important;
}

.wpcf7-form fieldset ol {
	margin:0
}
.wpcf7-form fieldset ol li::marker{
	content:"";
}
.wpcf7-form fieldset ol li {
	display:inline-block;
	width:49.5%;
}
#wpcf7-f1995-p1129-o1 input[type="text"], #wpcf7-f1995-p1129-o1 input[type="date"], #wpcf7-f1995-p1129-o1 input[type="email"], #wpcf7-f1995-p1129-o1 textarea , #wpcf7-f1999-p1134-o1 [type="text"], #wpcf7-f1999-p1134-o1 [type="date"], #wpcf7-f1999-p1134-o1 [type="email"], #wpcf7-f1999-p1134-o1 textarea, #wpcf7-f2006-p1136-o1 [type="text"], #wpcf7-f2006-p1136-o1 [type="date"], #wpcf7-f2006-p1136-o1 [type="email"], #wpcf7-f2006-p1136-o1 textarea, #wpcf7-f2010-p1138-o1 [type="text"], #wpcf7-f2010-p1138-o1 [type="date"], #wpcf7-f2010-p1138-o1 [type="email"], #wpcf7-f2010-p1138-o1 textarea{
    background: #FFFFFF;
    border-style: solid;
    border-width: 0px 0px 2px 0px;
    font-family: "Karla", Sans-serif;
    font-size: 16px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eaeaea;
}
.wpcf7-form fieldset{
    border: 0;
    padding: 0;
}
.autorite{
	margin-bottom:15px;
    margin-left: 10px;
}
.autorite span{
    display: inline-block!important;
    width: auto!important;
    color: #666;
    font-family: "Karla", Sans-serif;
    font-size: 16px;
}
.wpcf7-form fieldset legend{
	text-transform:uppercase
}
#wpcf7-f1995-p1129-o1 input[type="submit"]{
	background: #B7202C;
}


/*==========================
$$$$$$$$$  Iphone  $$$$$$$$$
==========================*/

@media (max-width: 767px) {
	header .menuintro .hfe-nav-menu li a{
		background-color: transparent!important;
		padding-bottom: 85px!important;
	}
	header .menuintro .hfe-nav-menu li{
		background: linear-gradient(#efefef,#fff, #f0f0f0)!important;
    	border-bottom: 1px solid #f0f0f0!important;
	}
	.fixed_header .menuintro{
	    position: fixed;
		top: 33px;
		right: 10px;
	}

	.newslettre h5{
		width:100%;
		font-size: 27px;
		line-height: 38px;
	    margin-bottom: 35px;
	}
	.newslettre .tnp.tnp-widget{
		width:100%;
	}
	.elementor-widget-icon-box .elementor-icon-box-wrapper {
		display: flex;
		text-align: left;
	}
	.iconfooter .elementor-icon-box-icon{
		margin:17px 15px 0 0 !important;
	}
	.blfe-post-grid-item .blfe-post-grid-item-inner .blfe-post-grid-image:before{
		content: '';
		width: 250px;
		height:250px;
		min-height: 250px;
	}
	.hfe-nav-menu li, .hfe-nav-menu .current-menu-item a , .hfe-nav-menu .current-menu-item a:before, .hfe-nav-menu li a:before, .hfe-nav-menu li a:hover{
		border:0!important;
		background-color:transparent!important
	}
	.hfe-nav-menu li a{
		text-align: center;
		display: block!important;
	    /*padding-bottom: 85px!important;*/
	}
	header .primaire a{
		background: url(images/logo2.svg) top 10px center no-repeat;
		padding-top: 125px!important;
		background-size: 100px 120px;
	}
	header .college a{
		background: url(images/logo3.svg) top 10px center no-repeat;
		padding-top: 125px!important;
		background-size: 100px 120px;
	}
	header .tunisien a{
		background: url(images/college-tunisien.svg) top 10px center no-repeat;
		padding-top: 125px!important;
		background-size: 100px 120px;
	}
	header .centre a{
		background: url(images/logo4.svg) top 10px center no-repeat;
		padding-top: 125px!important;
		background-size: 100px 120px;
	}
	.hfe-nav-menu .menu-is-active{
	    top: 50px!important;
   		border-top: 1px solid #eee;
	}
	#bloc-vie-scolaire h3.blfe-post-grid-title{
		top: 40%;
	}
	.elementor-36 .elementor-element.elementor-element-16c4068 nav.hfe-dropdown li.menu-item:not(:last-child){
		border-bottom-style: solid!important;
		border-bottom-color: #c4c4c4!important;
		border-bottom-width: 1px!important;
	}
	.images-carousel .elementor-widget-image-box {
		width: 46.7%;
	}
.wpcf7-form fieldset ol li {
    width: 100%;
}
}

@media (min-width: 768px) {
	header .menuintro .hfe-nav-menu li a{
		background-color: transparent!important;
	}
	header .menuintro .hfe-nav-menu {
		width:100%
	}
	header .menuintro .hfe-nav-menu li{
		width:25%;
		text-align:center;
		background: linear-gradient(#efefef,#fff, #f0f0f0);
		border-left: 1px solid #f0f0f0;
	}
	header .menuintro .hfe-nav-menu li a{
		display:block!important;
	}
    header .primaire a{
		background: url(images/logo2.svg) top 10px center no-repeat;
		padding-top: 125px!important;
		border-top: 3px solid #fff;
		background-size: 100px 120px;
	}
	header .college a{
		background: url(images/logo3.svg) top 10px center no-repeat;
		padding-top: 125px!important;
		border-top: 3px solid #fff;
		background-size: 100px 120px;
	}
	header .tunisien a{
		background: url(images/college-tunisien.svg) top 10px center no-repeat;
		padding-top: 125px!important;
		border-top: 3px solid #fff;
		background-size: 100px 120px;
	}
	header .centre a{
		background: url(images/logo4.svg) top 10px center no-repeat;
		padding-top: 125px!important;
		border-top: 3px solid #fff;
		background-size: 100px 120px;
	}
	 header .primaire:hover a{
		background: #eee url(images/logo2.svg) top 10px center no-repeat;
		padding-top: 125px!important;
		border-top: 3px solid #15BC58;
		background-size: 105px 120px;
	}
	header .college:hover a{
		background:#eee url(images/logo3.svg) top 10px center no-repeat;
		padding-top: 125px!important;
		border-top: 3px solid #9E2B62;
		background-size: 105px 120px;
	}
	header .tunisien:hover a{
		background:#eee url(images/college-tunisien.svg) top 10px center no-repeat;
		padding-top: 125px!important;
		border-top: 3px solid #f5c775;
		background-size: 105px 120px;
	}
	header .centre:hover a, header .centre.current_page_item a{
		background:#eee url(images/logo4.svg) top 10px center no-repeat;
		padding-top: 125px!important;
		border-top: 3px solid #CE520D;
		background-size: 105px 120px;
	}
	#bloc-vie-scolaire h3.blfe-post-grid-title{
		top: 37%;
	}
	.hfe-nav-menu .menu-is-active{
	    top: 52px!important;
   		border-top: 1px solid #eee;
	}
	.images-carousel .elementor-widget-image-box {
		width: 23.2%;
	}
}
@media (min-width: 992px) {
    
}
@media (min-width: 1025px) and (max-width: 1137px){
	.hfe-nav-menu a.hfe-menu-item{
		font-size: 14px!important;
	}
	.elementor-36 .elementor-element.elementor-element-ae79708 .elementor-button{
		font-size: 13px;
	}
}
@media (min-width: 1025px) {
   .sous_menu_inscription > .sub-menu{
		display: flex!important;
		left: -260px!important;
	}
	.sous_menu_inscription > .sub-menu > li{
		width: 250px;
		float : left;
		border-right-style: solid;
		border-right-color: #c4c4c4;
		border-right-width: 1px;
	}
	.sous_menu_inscription > .sub-menu > li > .sub-menu{
		position: initial;
	}
	#menu-item-755:hover .sub-menu > li > .sub-menu {
		visibility: initial; 
		opacity: 1;
	}
	.hfe-submenu-icon-arrow .hfe-nav-menu__layout-horizontal .menu-item-has-children ul a .sub-arrow i:before{
		display: none;
	}
	.hfe-nav-menu__layout-horizontal .hfe-nav-menu .sub-menu {
		-webkit-box-shadow: 0 0px 0px 0px rgb(0 0 0 / 10%)!important;
	}
	.elementor-16 .elementor-element.elementor-element-cb547f1 .sub-menu li.menu-item:not(:last-child){
		border-bottom-width: 0px!important;
	}
	#bloc-vie-scolaire h3.blfe-post-grid-title{
		top: 30%;
	}
	.images-carousel .elementor-widget-image-box {
		width: 24%;
	}
}
@media (min-width: 1200px) {
   /* interne */
	.blfe-post-list-item:nth-child(even) .blfe-post-image-wrapper{
		float:right;
		width: 100%;
	}
	.blfe-post-list-item:nth-child(even) .blfe-post-list-details{
		float:left;
		margin-top: 14%;
	}
	.blfe-post-list-item:nth-child(even){
		display: block!important;
	}
	.blfe-post-list-item:nth-child(even) .blfe-post-category{
		display:none
	}
}

.astra-logo-svg{width: 140px!important}

.elementor-16 .elementor-element.elementor-element-e8123cb .elementor-image img{ max-width: 100%!important}