/*
	Theme Name: Fermetures AM 66 byinova
	Version: 3.0
	Description: Thème enfant de Divi propulsé par INOVA-WEB
	Template: Divi
	Author: Inova-Web
	Author URI: https://www.inova-web.fr
*/

@import url("../Divi/style.css");

/*------------------------------------------------------------*/
/*------------------------  CSS  -----------------------------*/
/*------------------------------------------------------------*/

.logo_img img:first-of-type {
	max-width: 85px;
}

@media all and (min-width: 1300px) {
	.logo_img img:first-of-type {
		max-width: 120px !important;
	}
	.logo_margin {
		margin-right: 30px;
	}
}

@media all and (max-width: 1299px) {
	#menu-menu-principal li a {
		font-size: 13px !important;
	}	
}

/* GALERIE FILTRABLE */

ul.et_pb_tabs_controls {
    background-color: white;
}

li.et_pb_tab_0 {
	padding-top: 20px !important;	
	padding-bottom: 20px !important;
}

li.et_pb_tab_1 {
	padding-top: 20px !important;	
	padding-bottom: 20px !important;
}

li.et_pb_tab_2 {
	padding-top: 20px !important;	
	padding-bottom: 20px !important;
}
li.et_pb_tab_3 {
	padding-top: 20px !important;	
	padding-bottom: 20px !important;
}

li.et_pb_tab_4 {
	padding-top: 20px !important;	
	padding-bottom: 20px !important;
}

.et_pb_tabs_controls li {
    border-right: none;
	border-bottom: none;
}

ul.et_pb_tabs_controls:after {
	border-top: none;
}

.et_pb_tabs_controls clearfix {
	padding-top: 20px !important;
}

@media all and (min-width:1295px) and (max-width:2000px) {
	.ngg-galleryoverview.default-view {
    	text-align: left;
	}
}

@media all and (min-width:0px) and (max-width:1294px) {
	.ngg-galleryoverview.default-view {
    	text-align: center;
	}
}

@media all and (min-width:768px) and (max-width:1295px) { 
	ul.et_pb_tabs_controls {
		display: grid !important;
		text-align: center !important;
	}
}

@media all and (min-width:0px) and (max-width:767px) { 
	ul.et_pb_tabs_controls {
		display: grid !important;
		place-items: center !important;

	}
}
@media all and (max-width:767px) { 
	li.et_pb_tab_0,
	li.et_pb_tab_1,
	li.et_pb_tab_2 {
		width: 100% !important;
		text-align: -webkit-center !important;
	}
}

.current,
.ngg-navigation a.page-numbers {
	background: #fec600 !important;
}

a.prev,
a.next {
	color: #fec600 !important;
}

li.et_pb_tab_0 a,
li.et_pb_tab_1 a,
li.et_pb_tab_2 a {
	cursor: pointer !important;
}

/* FIN GALERIE FILTRABLE */

@media all and (max-width: 479px) {
	div.column_resume {
	   transform: translateX(0px) translateY(0px) !important; 
	}
}

@media screen and (min-width: 980px) and (max-width: 1280px){
	#ligne_head{
		width: 100% !important;
	}
}

h2 .fin{
  font-weight: 300 !important;
  font-size: 70% !important;
  line-height: 1.2em !important;
  display: inline-block !important;
}

#menu-menu-principal li:nth-last-child(-n+1){
  margin-left: 80px !important;
}

#menu-menu-principal li:nth-last-child(-n+1){
  margin-left: 0px !important;
}

/* = = = = HERO = = = = */

.et-pb-controllers{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  bottom: 45% !important;
  left: -15px !important;
}

.et-pb-controllers a:last-child{
  margin-right: 10px;
}

.et-pb-controllers a{
  height: 11px;
  width: 11px;
  background-color: #fff !important;
  opacity: 1 !important;
  margin-bottom: 10px !important;
}

.et-pb-controllers .et-pb-active-control{
  background-color: #FEC600 !important;
}

/* = = = = 1ERE IMAGE TXT = = = = */

.limg:before{
  content:url('http://www.fermeturesam66.fr/wp-content/uploads/2022/01/adobestock-91424961.webp');
  position: absolute;
  top:5%;
  left:12%;
}

/* = = = ACTUS = = = */

.dgbm_blog_module .dg-blog-grid{
  flex-direction: column;
  align-items: center;
}

.dgbm_blog_module_0 .dgbm_post_item{
  margin-right: 0px !important;
  margin-bottom: 70px !important;
}

#actushp article:nth-child(-n+1):before{
  /* content:url('http://www.fermeturesam66.fr/wp-content/uploads/2022/01/adobestock-275037780.webp');
  position: absolute;
  top: 10%;
  left: 10%;
  z-index: -5000 !important; */
}

#imgabsol_g #imgabsol_d{
	overflow-x: hidden !important;
}

.dgbm_blog_module_0:before{
  content:'';
  position: absolute;
  width: 45%;
  height: 250px;
  border: 2px solid #FEC600;
  top:3%;
  left:24%;
  z-index: -50 !important;
}

.dgbm_blog_module_0:after{
  content:'';
  position: absolute;
  width: 45%;
  height: 250px;
  border: 2px solid #FEC600;
  bottom:7%;
  right:24%;
  z-index: -50 !important;
}

/* = = = RESPONSIVE = = = */

@media screen and (min-width: 1280px) and (max-width: 1600px){
  #img_garant{
    left: -145px !important;
    width: 60% !important;
  }
  #imgabsol_d{
    right: -560px !important;
  }
  #imgabsol_g{
    left: -560px !important;
  }
}

@media screen and (min-width: 1080px) and (max-width: 1279px){
  #img_garant{
    left: -90px !important;
  }
  #img_garant img{
    max-width: 60% !important;
  }
  #imgabsol_d{
    right: -560px !important;
  }
  #imgabsol_g{
    left: -560px !important;
  }
  .dgbm_blog_module_0:before{
    content:'';
    position: absolute;
    width: 45%;
    height: 250px;
    border: 2px solid #FEC600;
    top:5%;
    left:24%;
    z-index: -50 !important;
  }
}

@media screen and (min-width:981px) and (max-width: 1079px){
  #img_garant{
    left: -90px !important;
  }
  #img_garant img{
    max-width: 60% !important;
  }
  #imgabsol_d{
    right: -460px !important;
  }
  #imgabsol_g{
    left: -460px !important;
  }
  .dgbm_blog_module_0:before{
    content:'';
    position: absolute;
    width: 45%;
    height: 300px;
    border: 2px solid #FEC600;
    top:5%;
    left:24%;
    z-index: -50 !important;
  }
  .dgbm_blog_module_0:after{
    content:'';
    position: absolute;
    width: 45%;
    height: 300px;
    border: 2px solid #FEC600;
    bottom:7%;
    right:24%;
    z-index: -50 !important;
  }
}

/* = = = TABLETTE = = = = */

@media screen and (min-width:768px) and (max-width: 980px){
  #ligneactus{
    width: 1200px !important;
  }
  .dgbm_blog_module_0:before{
    content:'';
    position: absolute;
    width: 45%;
    height: 270px;
    border: 2px solid #FEC600;
    top:5%;
    left:24%;
    z-index: -50 !important;
  }
  .dgbm_blog_module_0:after{
    content:'';
    position: absolute;
    width: 45%;
    height: 300px;
    border: 2px solid #FEC600;
    bottom:7%;
    right:24%;
    z-index: -50 !important;
  }
}

/* = = = TELEPHONE = = = = */

@media screen and (max-width: 767px){
  #ligneactus{
    width: 90% !important;
  }
  .dgbm_blog_module_0:before{
    content:'';
    position: absolute;
    border:0px solid white;
  }
  .dgbm_blog_module_0:after{
    content:'';
    position: absolute;
    border:0px solid white;
  }
}

/*------------------------------------------------------------*/
/*------------------------  BASE  ----------------------------*/
/*------------------------------------------------------------*/

.devis_menu a {
  background-color: #000;
  color: #fff !important;
  padding: 10px !important;
  height: max-content;
  margin: auto;
}

html{
  overflow-x: hidden !important;
}

body{
	overflow-x:hidden !important;
}

strong{
  font-weight: 300 !important;
}

.mfp-title{
  display: none !important;
}

/*------------------------------------------------------------*/
/*------------- MENU DU FOOTER EN BLOCK ----------------------*/
/*------------------------------------------------------------*/

#menu_footer ul{
display:block !important;
}

/* - - - DESACTIVE LE BURGER MENU (POUR LE FOOTER PAR EXEMPLE) - - - */

.lwp-hide-mobile-menu.et_pb_menu .et_pb_menu__menu,.lwp-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
  display: flex!important;
}

.lwp-hide-mobile-menu .et_mobile_nav_menu {
  display: none;
}

@media (max-width: 980px){
  .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
      -ms-flex-pack: start;
      justify-content: flex-start;
  }
}

@media screen and (min-width: 768px) and (max-width:980px){
  #menu-menu-principal-1 li{
    display: flex;
    flex-direction: row;
  }
  #menu-menu-principal-1 li a{
    text-align: left !important;
  }
}

@media screen and (max-width:767px){
  #menu-menu-principal-1 li{
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  #menu-menu-principal-1 li a{
    text-align: left !important;
  }
  .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

/* - - - Cale le menu à gauche au lieu d'à droite - - - */

/* @media screen and (min-width:768px) and (max-width: 980px){
  .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
      -ms-flex-pack: end;
      justify-content: flex-end;
  }
} */

/*------------------------------------------------------------*/
/*--------------------- ZOOM LEGER IMAGES --------------------*/
/*------------------------------------------------------------*/

.zoom{
overflow:hidden !important;
}

.zoom img{
transition: all .3s linear !important;
}

.zoom:hover img{
transform:scale(1.1) !important;
}



/*------------------------------------------------------------*/
/*-----------------CLASSE DE VISIBILITE-----------------------*/
/*------------------------------------------------------------*/

.hidden {
  display: none !important;
}

/*------------------------------------------------------------*/
/*-------------CENTRAGE VERTICAL DANS DIV---------------------*/
/*------------------------------------------------------------*/

.ds-vertical-align {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ds-vertical-align-bottom {
  display: flex;
  align-items: flex-end;
}

.align-center {
  margin: auto !important;
}

/*------------------------------------------------------------*/
/*LES COLONNES NE SE METTENT PAS SOUS LES AUTRES EN PH ET TAB-*/
/*------------------------------------------------------------*/

.row-nowrap {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

/*------------------------------------------------------------*/
/*----------------ORDRE MOBILE et TABLETTES--------------------*/
/*------------------------------------------------------------*/

@media all and (max-width: 980px) {
  /*** wrap row in a flex box ***/
  .custom_row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap: wrap;
  }

  /*** custom classes that will designate the order of columns in the flex box row ***/
  .first-on-mobile {
    -webkit-order: 1;
    order: 1;
  }

  .second-on-mobile {
    -webkit-order: 2;
    order: 2;
  }

  .third-on-mobile {
    -webkit-order: 3;
    order: 3;
  }

  .fourth-on-mobile {
    -webkit-order: 4;
    order: 4;
  }
  /*** add margin to last column ***/
  .custom_row:last-child .et_pb_column:last-child {
    margin-bottom: 30px;
  }
}

/*------------------------------------------------------------*/
/*-------------------  BACK-OFFICE  --------------------------*/
/*------------------------------------------------------------*/

#wpadminbar #adminbarsearch::before,
#wpadminbar .ab-icon::before,
#wpadminbar .ab-item::before {
  color: #174788 !important;
}

#wpadminbar .quicklinks .menupop ul li a,
#wpadminbar .quicklinks .menupop ul li a strong,
#wpadminbar .quicklinks .menupop.hover ul li a,
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
  color: #174788 !important;
}

#wpadminbar .ab-item::before {
  color: #174788 !important;
}

.login h1 a {
  height: 250px !important;
}

body.login {
  background: rgb(23, 71, 136) !important;
  background: linear-gradient(
    90deg,
    rgba(23, 71, 136, 1) 0%,
    rgba(9, 9, 121, 1) 50%,
    rgba(131, 59, 150, 1) 100%
  ) !important;
}

/*------------------------------------------------------------*/
/*------------------------FOOTER------------------------------*/
/*------------------------------------------------------------*/

@font-face {
  font-family: "Roboto Condensed";
  src: url("assets/webfonts/RobotoCondensed-Light.ttf");
}

#containercopy #copyrightrocket:hover {
  background-image: url("assets/img/footer/rocketColor.svg") !important;
}

#containercopy {
  font-family: "Roboto Condensed";
  font-weight: 700;
  font-size: 12px;
  padding: 25px 0px 25px 0px;
  border-top: 1px solid #ffffff;
  line-height: 2em;
}

#containercopy a.div3 {
  height: 50px;
  width: 50px;
  display: block;
  height: 50px;
  width: 50px;
  transition: all ease-in-out 0.5s;
}

#containercopy .cell1 {
  display: inline-block;
  width: 50%;
  text-align: left;
}

#containercopy .cell2 {
  display: inline-block;
  width: 49%;
  text-align: right;
}

#containercopy .copyinova {
  display: inline-block;
  height: 100%;
}

#containercopy .copylogo {
  width: 50px;
  display: inherit;
  height: 50px;
  float: right;
  margin-left: 25px;
}

@media all and (max-width: 767px) {
  #containercopy .cell1 {
    display: block;
    width: 100%;
    text-align: center;
  }

  #containercopy .cell2 {
    display: block;
    width: 100%;
    text-align: center;
  }

  #containercopy .copyinova {
    display: block;
  }

  #containercopy .copylogo {
    display: block;
    float: none;
    margin: auto;
  }
}