/*
Theme Name: ECTA - BTP
Template: buildwall
Version: 1.0.1
Text Domain: buildwall-child
*/

/*---------------------------------
    write your css from here
------------------------------------*/
body{
	font-size:14px;
	font-weight:400
}
body,h1,h2,h3,h4,p,ul li{
	font-family: "Poppins", sans-serif;
}
a{
	color:#D99690
}
a:hover{
	color:#789440;
}
input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=password], input[type=range], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {
    border-bottom: 3px solid #000047;
    font-weight: 300;
}

/******* Header *********/
#page{
	position:relative;
}
.is-sticky-menu {
    position: fixed;
    top: -1px;
    left: 0;
    right: 0;
    width: 100%;
    background: #fff;
    z-index:999999;
    -webkit-box-shadow: 0 10px 15px #398FFC30;
    -ms-box-shadow: 0 10px 15px #398FFC30;
    -o-box-shadow: 0 10px 15px #398FFC30;
    box-shadow: 0 10px 15px #398FFC30;
    -webkit-animation: 1s ease-in-out 0s normal none 1 running fadeInDown;
    animation: 1s ease-in-out 0s normal none 1 running fadeInDown;
}
.is-sticky-menu .site-branding a img {
    max-width: 42%;
}
header.site-header  .top-panel{
	background:#398FFC;
	color:#fff;
	padding:7px 0;
} 
header.site-header .top-panel .call--{
	font-weight: 500;
    FONT-SIZE: 15px;
}
header.site-header .top-panel .call-- p{
	margin: 0;
    position: relative;
    padding-left: 35px;
}
header.site-header .top-panel .call-- p i{
	font-size: 39px;
    position: absolute;
    left: 0;
    top: -7px;
    color: #FFFE01;
}
header.site-header  .top-panel .search-form__field[type=search] {
    padding: 5px 10px;
} 
header.site-header  .top-panel .search-form__submit.btn {
    padding: 10px;
}
header.site-header  .social-list .menu-item>a {
    font-size: 0;
    border-right: 1px solid #fff;
    height: 20px;
}
header.site-header .social-list .menu-item>a:before{
	color: #FFFE01;
    margin: 0 8px;
	display: inline-block;
	font-size:20px;
}
header.site-header .social-list .menu-item>a[href*="facebook.com"]:before {
    content: '\f082';
}

.site-header__wrap {
    padding-top: 5px;
	padding-bottom: 5px;
	text-align:center;
}
.site-header__wrap .space-between-content {
    justify-content: center;
}
.site-branding a img{
	max-width:73%;
}

.main-navigation a:hover, .main-navigation .current_page_item>a, .main-navigation .current-menu-item>a, .main-navigation .current_page_ancestor>a, .main-navigation .current-menu-ancestor>a {
    color: #398FFC !important;
}
.main-navigation ul ul {
	position: absolute;
	top: 100%;
	left: 0;
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
	pointer-events: none;
	max-height: none;
	z-index: 999;
	opacity: 0;
    visibility: hidden;
	padding:20px 0 5px;
	-webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
}
.main-navigation ul li.focus>ul, .main-navigation ul li:hover>ul {
    border-style: none;
    background-color: #fff;
    min-width: 220px;
    box-shadow: 0 10px 15px #398FFC30;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    pointer-events: auto;
}
.main-navigation ul ul li {
    text-align:left;
}

/************ page projets home ***********/
.awaiken-portfolio-grid {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    --portfolio-gap: 30px;
    column-gap: 30px;
    width: 100%;
}
.awaiken-portfolio-grid .awaiken-portfolio-grid-item {
    width: 100%;
	margin-bottom:30px;
}
.awaiken-portfolio-item-design-1 .awaiken-portfolio-grid-item__wrapper {
    background-color: transparent;
    border-radius: 10px;
	position: relative;
    overflow: hidden;
}
.awaiken-portfolio-grid .awaiken-portfolio-grid-item__wrapper .awaiken-portfolio-grid-item__img {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
	aspect-ratio: 1 / 1.2 !important;
}
.awaiken-portfolio-grid .awaiken-portfolio-grid-item__img img {
    width: 100%;
    aspect-ratio: 1 / 1.2;
    object-fit: cover;
	transition: all 0.4s ease-in-out;
}
.awaiken-portfolio-grid .awaiken-portfolio-grid-item__wrapper .awaiken-portfolio-grid-item__img:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(217, 217, 217, 0) 13.02%, rgba(0, 0, 0, 0.51) 42.5%, rgba(0, 0, 0, 0.63) 70%, #000000 100%);
    border-radius: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
}
.awaiken-portfolio-grid .awaiken-portfolio-grid-item__wrapper:hover .awaiken-portfolio-grid-item__img img{
	opacity: 1;
    transform: scale(1.1);
}
.awaiken-portfolio-grid .awaiken-portfolio-grid-item__wrapper .awaiken-portfolio-grid-item__content {
    position: absolute;
    bottom: -1px;
    transform: translateY(50%);
    left: 40px;
    right: 40px;
    z-index: 5;
    transition: all 0.5s ease-in-out;
}
.awaiken-portfolio-grid .awaiken-portfolio-grid-item__content .awaiken-portfolio-grid-item__excerpt, .awaiken-portfolio-grid .awaiken-portfolio-grid-item__content .awaiken-portfolio-grid-item__readmore {
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
	line-height: 1;
}
.awaiken-portfolio-grid .awaiken-portfolio-grid-item__content .awaiken-portfolio-grid-item__title, .awaiken-portfolio-grid .awaiken-portfolio-grid-item__content .awaiken-portfolio-grid-item__excerpt {
    color: #fff;
	margin-bottom:20px;
}
.awaiken-portfolio-grid-item__excerpt p{
	line-height:1.6em
}
.awaiken-portfolio-grid-item__excerpt p:last-child {
    margin-bottom: 0;
}
.awaiken-portfolio-grid .awaiken-portfolio-grid-item__wrapper .awaiken-portfolio-grid-item__title {
    display: inline-block;
	font-size: 24px;
    font-weight: 800;
    text-transform: capitalize;
    margin-bottom: 20px;
    line-height: 1.2em;
}
.btn-default {
    display: inline-block;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.3em;
    text-transform: capitalize;
    color: #fff;
    background: #ffff02;
    border-radius: 12px;
    padding: 20px 60px 20px 30px;
    border: none;
    transition: 0.5s ease-in-out;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.awaiken-portfolio-grid .awaiken-portfolio-grid-item__content .awaiken-portfolio-grid-item__readmore .btn-default {
    padding: 0 35px 0 0;
    background: transparent;
    color: #ffff02;
    border-radius: 0;
    transition: all 0.5s ease-in-out;
}
.awaiken-portfolio-grid .awaiken-portfolio-grid-item__content .awaiken-portfolio-grid-item__readmore .btn-default::before {
    transform: translate(-5px, -50%);
    background-image: url(assets/images/readmore-arrow.svg);
    transition: all 0.5s ease-in-out;
}
.awaiken-portfolio-grid .awaiken-portfolio-grid-item__wrapper:hover .awaiken-portfolio-grid-item__content {
    bottom: 20px;
    transform: translateY(0%);
}
.awaiken-portfolio-grid .awaiken-portfolio-grid-item__wrapper:hover .awaiken-portfolio-grid-item__excerpt, .awaiken-portfolio-grid .awaiken-portfolio-grid-item__wrapper:hover .awaiken-portfolio-grid-item__readmore {
    visibility: visible;
    opacity: 1;
}

/***** Home blog ************/
.ekit-wid-con .row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
	justify-content:space-around;
}
.blog_posts_home .elementskit-post-image-card{
    background-color:#fff;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    padding: 0px 0px 0px 0px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #12223B30;
}
.ekit-wid-con .elementskit-post-image-card .elementskit-entry-header {
    position: relative;
}
.ekit-wid-con .elementskit-post-image-card .elementskit-entry-header .elementskit-entry-thumb {
    position: relative;
    padding: 0;
    overflow: hidden;
    display: block;
	box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
    border-radius: 10px 10px 0 0;
}
.post-items .elementskit-post-image-card .elementskit-entry-header a:before{
	position: absolute;
    content: "";
    top: 100%;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-transition: all .4s ease .2s;
    transition: all .4s ease .2s;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    visibility: hidden;
}
.post-items .elementskit-post-image-card .elementskit-entry-header a:after {
    content: "";
    position: absolute;
    width: 300%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, .2);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
}
.post-items .elementskit-post-image-card:hover .elementskit-entry-header a:before {
	top: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    z-index: 1;
}
.post-items .elementskit-post-image-card .elementskit-entry-header a:hover:after {
    height: 250%;
    transition: all 0.5s linear !important;
    background-color: transparent;
}
.ekit-wid-con .elementskit-post-image-card .elementskit-entry-header .elementskit-entry-thumb>img {
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    width: 100%;
	aspect-ratio: 1 / 0.65;
    object-fit: cover;
	display:block;
}
.post-items .elementskit-post-image-card:hover .elementskit-entry-header img {
    transform: scale(1.1);
	opacity:1;
}
.ekit-wid-con .elementskit-post-body {
    position: relative;
	z-index:9;
	padding:30px;
}
.ekit-wid-con .elementskit-post-image-card .entry-title a{
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3em;
    text-align: left;
    margin: 0px 0px 20px 0px;
}
.elementskit-post-body .btn-wraper a {
    display: inline;
    text-align: left;
	color: #555;
	font-size: 18px;
    font-weight: 700;
}
.elementskit-post-body .btn-wraper a:hover {
	color: #398FFC;
}
.ekit-wid-con .elementskit-btn i.fa {
	width: inherit !important;
	height: auto;
    vertical-align: middle;
	transition: all 0.4s ease-in-out;
}
.ekit-wid-con .elementskit-btn:hover i {
    transform: translateX(3px);
}

.block_partners figure.wp-caption,
.block_partners figure.gallery-item,
.block_partners figure.swiper-slide-inner{
	background:#fff;
	position:relative;
	overflow:hidden;
	padding:5px;
	margin:0 10px !important;
}
.block_partners.block_partners2 figure.swiper-slide-inner{
	    -webkit-box-shadow: 0px 0px 10px #398FFC30;
    -ms-box-shadow: 0px 0px 10px #398FFC30;
    -o-box-shadow: 0px 0px 10px #398FFC30;
    box-shadow: 0px 0px 10px #398FFC30;
	min-height:150px;
	line-height:150px !important;
}
.block_partners.block_partners2 figure.swiper-slide-inner img{
	max-width:75%;
}
.block_partners figure.wp-caption .wp-caption-text,
.block_partners figure.gallery-item .wp-caption-text,
.block_partners figure.swiper-slide-inner .elementor-image-carousel-caption{
	position: absolute;
    transform: translateY(40%);
    -webkit-transform: translateY(40%);
    -moz-transform: translateY(40%);
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    text-align: center;
    z-index: 9;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    opacity: 0;
	padding:10px;
	line-height:18px !important
}
.block_partners figure.wp-caption:hover .wp-caption-text,
.block_partners figure.gallery-item:hover .wp-caption-text,
.block_partners figure.swiper-slide-inner:hover .elementor-image-carousel-caption{
	transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
	opacity:1;
}

#floater_right {
    position: absolute;
    z-index: 1000;
    right: 0;
    top: 240px;
    -webkit-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
    color: #fff;
	text-align:right
}
#floater_right span {
	position: relative;
    background: #398ffc;
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
    box-shadow: 0 10px 15px #398FFC30;
	top: -10px;
	border-radius:3px;
}
#floater_right a:hover span,
#floater_right:hover span {
    background: #ffff02;
	color:#555
}
#floater_right .btn {
    background: linear-gradient(180deg, #D6A910 0%, #49380F 100%);
    line-height: 35px;
    font-size: 19px;
    position: relative;
    padding: 8px 18px 8px 8px;
    text-transform: capitalize;
    font-weight: 700;
    top: 65px;
    border-radius: 0 5px 5px 0;
    font-family: "Cardo", Sans-serif;
    color: #fff;
	min-width:10px;
	text-align:left;
	outline: inherit;
}
#floater_right img {
	max-width:25%
}
/***** home blog end ************/

/***** A propos page ************/
body:not(.home) header.site-header  {
	-webkit-box-shadow: 0 10px 15px #398FFC30;
    -ms-box-shadow: 0 10px 15px #398FFC30;
    -o-box-shadow: 0 10px 15px #398FFC30;
    box-shadow: 0 10px 15px #398FFC30;
}
.breadcrumbs{
	border:none;
}
.breadcrumbs a{
	color:#0002FB
}
.breadcrumbs .page-title{
	font-size:40px;
}

/*********** Responsive ******************/
@media (min-width: 767px) {
    .awaiken-portfolio-grid .awaiken-portfolio-grid-item {
        width: calc(50% - (var(--portfolio-gap) / 2));
    }
}
@media (min-width: 1240px) {
    .awaiken-portfolio-grid .awaiken-portfolio-grid-item {
        width:calc(25% - ((var(--portfolio-gap) * 3) / 4));
    }
}

/********footer ******/
#colophon .consulte-footer-top{
	background:url(images/bg_footer.jpg) no-repeat;
	background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
	padding-top: 40px;
	position:relative;
	color:#fff;
}
#colophon .widget-title {
    color: #fff;
	font-size:18px;
}
#colophon a {
    color: #fff;
}
#colophon .consulte-footer-top:before{
	content:"";
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	top:0
}
 .widget ul li a:before {
    content: "\f105";
    position: relative;
    margin-right: 10px;
    font-family: FontAwesome;
    top: 0;
    left: 0;
}
.footer-copyright{
	background:#398FFC;
	color:#fff;
	position:relative;
}
.site-footer__wrap .space-between-content:not(:empty) {
	padding:5px 0;
}
.widget_recent_entries ul li {
    margin-bottom: 10px;
}
.widget_recent_entries .post-date{
	text-transform:capitalize;
	color: #03fe00 !important;
    font-size: 12px;
}
.widget_text.footer-1 img{
	border-radius: 11%;
}
.consulte-menu > ul > li+li{
    margin-left: 20px;
}


/**************** Responsive *************/
@media (min-width: 640px) {
    .single-post .post>.entry-content {
        font-size: 16px;
        font-size: 1rem;
    }
}
@media (max-width: 767px) {
    header.site-header .top-panel{
        display:none;
    }
}