/*
Theme Name: pharmacieDuSoleilByInovaWeb
Version: 1.0
Description: A child theme of Divi
Template: Divi
Author: Administrator
*/
@import url("../Divi/style.css");
/* Your awesome customization starts here */

/* 
	Code Couleur 
    Nom de la couleur : "Code Hexadécimal";
    Nom de la couleur : "Code Hexadécimal";
    Nom de la couleur : "Code Hexadécimal";
*/



/******************* MENU MOBILE ****************************************/
.right-menu-icon-text {
	padding-top: 4px;
}

/******************* HEADER ********************************************/
/* #header-top */
#header-top .et_pb_social_media_follow li {
	margin-bottom: 0px;
}


/* #header-menubar */
#header-menubar .et_pb_column:last-child {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	align-items: center;
	gap: 25px;
}

@media all and (min-width: 1300px) {
	#header-menubar .hidden-top {
		display: none;
	}
}
@media all and (max-width: 1299px) {
	#header-menubar .et_pb_row, #header-top .et_pb_row {
		width: 95%;
		max-width: 95%;
	}
	#header-menubar .et_pb_column:last-child {
		gap: 0px;
	}
	#header-menubar .et_pb_column:last-child .et_pb_button {
		display: none;
	}
	#header-menubar .et_pb_column:last-child li a {
		font-size: 18px;
	}
}
/******************* ACCUEIL ******************************************/
/* 
	Merci de garder les nomenclatures des ID de section et de supprimer 
  	les sections qui ne servent pas
*/
/************ HERO ***********/
/* #hero */

/* 
	Taille du Hero en plein écran, supprimer le code si dessous si pas nécessaire
	le margin-top négatif est en cas d'un menu transparent
*/

#hero {
	display: flex;
	flex-flow: column nowrap;
}
@media all and (min-width: 981px) {
	#hero {
		min-height: calc(100vh - 131px);
	}
	.admin-bar #hero {
		min-height: calc(100vh - 163px);
	}
}
@media all and (max-width: 980px) {
	#hero {
		min-height: calc(100vh - 50px);
	}
}
@media all and (min-width: 783px) and (max-width: 980px) {
	.admin-bar #hero {
		min-height: calc(100vh - 82px);
	}
}
@media all and (max-width: 782px) {
	.admin-bar #hero {
		min-height: calc(100vh - 96px);
	}
}




/************ BLOG ***********/
/* #blog */
@media all and (min-width: 981px) and (max-width: 1279px) {
	#blog .dg-blog-grid {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		gap:0px;
	}	
	#blog article {
		width: calc((100%  - 20px) / 2) !important;
		margin-right:20px;
		margin-bottom: 20px!important;
	}
	#blog article:nth-child(2n), #blog article:last-child {
		margin-right:0px !important;
	}
}

/******************* FOOTER *****************************************/
/* #footer */
@media all and (min-width: 1280px) and (max-width: 1579px) {
	#footer #footer-row-contact {
		display: flex;
		flex-flow: row wrap;
	}
	#footer #footer-row-contact .et_pb_column {
		width: calc(89% / 3);
	}
	#footer #footer-row-contact .et_pb_column:nth-child(4) {
		width: 100%;
		margin-top:50px;
	}
	#footer #footer-row-contact .et_pb_column:nth-child(3) {
		margin-right: 0px;
	}	
	#footer #footer-row-contact .et_pb_column:nth-child(4) .et_pb_module:first-child {
		margin-bottom: 35px;
	}	
}

@media all and (min-width: 981px) and (max-width: 1279px) {
	#footer #footer-row-contact {
		display: flex;
		flex-flow: row wrap;
	}
	#footer #footer-row-contact .et_pb_column {
		width: calc(94.5% / 2);
	}
	#footer #footer-row-contact .et_pb_column:nth-child(2n) {
		margin-right: 0px;
	}	
	#footer #footer-row-contact .et_pb_column:nth-child(3),
	#footer #footer-row-contact .et_pb_column:nth-child(4) {
		margin-top:50px;
	}
}

@media all and (max-width: 767px) {
	#footer #footer-row-contact {
		display: flex;
		flex-flow: column nowrap;
	}
	#footer #footer-row-contact .et_pb_column {
		width: calc(100%);
		margin-right: 0px;
	}

	#footer #footer-row-contact > .et_pb_column:not(:first-child) {
		margin-top:50px;
	}
	
	#footer #footer-row-contact > .et_pb_column .et_pb_module {
		text-align: center;
	}
}




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


#containercopy{
	font-weight:500; 
	font-size:12px;
	padding: 25px 0px 25px 0px;
	line-height: 2em;
}

#containercopy a.div3 { 
	height: 35px;
	display: block;
    transition: all ease-in-out .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 {  
	display: inherit;   
	height: 35px; 
	float: right;  
	margin-left: 25px;
}

#containercopy .copylogo img {
	height: 35px; 
}

@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;
	}	
}













/*------------------------------------------------------------*/
/*------------------ GESTION FOOTER STICKY -------------------*/
/*------------------------------------------------------------*/

@media (min-width: 768px) {
    #sticky-footer {
        display: none !important;
    }
}

@media (max-width: 767px) {
    #sticky-footer {
        display: block !important;
        position: fixed;
        bottom: 0px;
        width: 100%;
        z-index: 999 !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;
}


/*------------------------------------------------------------*/
/*-------------------BURGER MENU------------------------------*/
/*------------------------------------------------------------*/

.mobile_menu_bar::before{
  color:#ffffff;
}

.et_mobile_menu{
  border-top: 3px solid #ffffff;
}


/*------------------------------------------------------------*/
/*---------------ORDRE DES COLONNES SUR MOBILES---------------*/
/*------------------------------------------------------------*/


@media all and (max-width: 980px) {
  /*** Mode d'emploi 
    * Mettre la classe "custom_row" sur la ligne
    * Ajouter les classe [numberth]-on-mobile sur les colonnes
  ***/
  
  .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;
  }

  .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;
  }

  .fifth-on-mobile {
    -webkit-order: 5;
    order: 5;
  }

  .sixth-on-mobile {
    -webkit-order: 6;
    order: 6;
  }

  .seventh-on-mobile {
    -webkit-order: 7;
    order: 7;
  }

  .heighth-on-mobile {
    -webkit-order: 8;
    order: 8;
  }

  /*** add margin to last column ***/
  .custom_row:last-child .et_pb_column:last-child {
    margin-bottom: 30px;
  }

}