/*
Theme Name: Celatheme Child
Theme URI: http://mozartsduweb.com
Author: MDW
Author URI: http://mozartsduweb.com
Description: Theme simple.
Version: 4.1.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
License URI: License.txt
Tags: yes
Template: dt-the7
*/

/* Ajout suite à la mise à niveau */

html, body, body.page, .wf-container>*{
	font: normal 14px / 21px "Arial",Helvetica,Arial,Verdana,sans-serif;
    word-spacing: normal;
    color: #303030;
}

h3, .h3-size, .entry-title.h3-size, h2.entry-title, .dt-accordion-h3-size .wpb_accordion_header>a{
font : normal 28px / 34px "Dosis",Helvetica,Arial,Verdana,sans-serif;
text-transform: none;
}

h2, .h2-size, .entry-title.h2-size, h1.entry-title, .dt-accordion-h2-size .wpb_accordion_header>a{
	font : normal 34px / 42px "Dosis",Helvetica,Arial,Verdana,sans-serif;
	text-transform: none;
}

h1, .h1-size, .entry-title.h1-size, .dt-accordion-h1-size .wpb_accordion_header>a{
	font : normal 40px / 50px "Dosis",Helvetica,Arial,Verdana,sans-serif;
	text-transform: none;
}

/* Barre de second menu (topmenu) */
header.header-bar .mini-widgets,
#phantom .mini-widgets {
	position: absolute;
	top: 15px;
	right: 24%;
}
#phantom .ph-wrap {
	position:relative;
}
/* 
.mini-widgets .mini-contacts.email {
	background-image: url('img/contact-email.png');
}
.mini-widgets .mini-contacts.phone {
	background-image: url('img/contact-telephone.png');
} */

/* Modification du bouton accueil */
.main-nav .btn-accueil i.fa {
	padding-right: 0;
}
	/* Solution pansement pour l'icone d'accueil */
.main-nav li:first-child .menu-item-text, .main-nav .btn-accueil .menu-text {
	text-indent: -9999px;
}

/* Parenthese autour d'un element dans le menu */
.main-nav > li > a::before, .main-nav > li > a::after {
	content: "";
    width: 16px;
    height: 16px;
}
.main-nav > li.act > a::before,
.main-nav > li:hover > a::before {
	background: url('img/parenthese-droite.png') no-repeat center center;
	background-size: auto 16px;
    float: left;
}
.main-nav > li.act > a::after,
.main-nav > li:hover > a::after {
	background: url('img/parenthese-gauche.png') no-repeat center center;
	background-size: auto 16px;
    float: right;
}

/* Effet grayscale - Logos */
section.logos-grid img,
.dt-photos-shortcode img,
.imgGrayscale img {
	filter: grayscale(100%);
}

.textJustify {
	text-align: justify;
}

.blocLarge {
	padding:70px 0;
}
.blocFinal .wpb_content_element.wpb_single_image {
	margin-bottom: 0;
}

/* Icone dans le header
.soc-ico a {
    height: 40px;
    width: 40px;
}
.soc-ico a .icon {
    height: 40px;
    width: 40px;
} */


/* Contenu dans la page reference */
.titreStyle2 {
    text-align: center;
}
.titreStyle2 h2 {
	display: inline-block;
    padding: 10px 50px 25px;
}
.titreStyle2 h2::before, .titreStyle2 h2::after {
	background: url('img/parenthese-droite.png') no-repeat center center;
	background-size: auto 40px;
    content: "";
    float: left;
    width: 40px;
    height: 40px;
}
.titreStyle2 h2::after {
	background-image: url('img/parenthese-gauche.png');
    float: right;
}

/* Sidebar Celabo */

/* Espace dans l'ensemble des blocs */




/* Custom design page equipe */
#content .imgPortraitEquipe img {
	transition: 0.2s ease-in-out;
}
#content .imgPortraitEquipe img:hover {	
	filter: grayscale(0%);
}
#page #content .equipeLogosRS a:not(:first-child) {
	margin-left: 10px;
}
@media screen and (max-width: 767px) {
	#content .imgPortraitEquipe {
		text-align: center;
	}
	#page #content .equipeLogosRS {
		text-align: center;
	}
}


/* Custom design page reference */
#page #content .blocReferences .post.bg-on {
	background-color: transparent;
}


/* Custom design page portfolio */
#page #content article.dt_portfolio h1 {font-size: 26px;line-height: 30px;}
#page #content article.dt_portfolio h2 {font-size: 18px;}


/* Cookies notice */
#cookie-notice #cn-notice-text {
	color: #FFF;
}

/* WPML */
/* WPML A ETE ENLEVE
.mini-wpml ul li {
	display: inline-block;
	padding: 2px;
}
.mini-wpml ul li a {
	display: block;
	width: 24px;
	height: 24px;
	background-color: #fff;
	border-radius: 100%;
}
.mini-wpml ul li a:hover {
	opacity: 0.7;
}
.mini-wpml ul li a img {
	margin: 6px 0 0 3px;
}

.mobile-mini-widgets-in-menu {
	flex-flow: column wrap;
}

.page-id-16 .mini-wpml,	  /* Blog en FR *
.page-id-1683 .mini-wpml, /* Blog en EN *
.single .mini-wpml {
	/* On cache le selecteur WPML sur page blog et article au profit de google traduction *
	display: none !important;
}


/* Le temps de la traduction, les autres langues sont cachés *
.mini-wpml .wpml-ls-item-it,
.mini-wpml .wpml-ls-item-de {
	display: none;
}
*/

/* Placement menu */

.main-nav li a {
	margin-top: 36px;
}

/* Page d'accueil 7-11-2023 */

div.valeurs > div {
	margin-top : 20px;
}

/* Google traduction */
#google_translate_element {
	position: absolute;
	top: 14px;
	right: calc( 50vw - ((1250px - 100px) / 2) - 6px );
	z-index: 1000;
}

@media screen and (max-width: 1280px) {
	#google_translate_element {
		right: 50px;
	}
}
@media screen and (max-width: 990px) {
	#google_translate_element {
		top: 35px;
		right: 100px;
	}
	.mobile-header-bar .mobile-mini-widgets {
		margin-right: 215px;
	}
}
@media screen and (max-width: 768px) {
	#google_translate_element {
		right: 80px;
	}
	.mobile-header-bar .mobile-mini-widgets {
		margin-right: 215px;
	}
}
@media screen and (max-width: 590px) {
	#google_translate_element {
		top: 100px;
		right: 0;
	}
	.mobile-header-bar .mobile-mini-widgets {
		margin-right: 0;
	}
}

/* Fix header */
.masthead:not(.side-header) {
    margin: 0;
}

.mini-widgets .mini-contacts.email,
.mini-widgets .mini-contacts.phone {
	background: 0 !important;
}

/* DEBUT Bandeau celactu present uniquement dans le blog */
.bandeauCelaprodActu {
	background-size: cover; 
	background-repeat: no-repeat; 
	background-position: center center;
	background-image: url('https://www.celaprod.com/wp-content/uploads/2023/11/CEL-ACTU-scaled.webp'); 
	width:100%;
	height:300px;
}
@media screen and (max-width: 990px) {
	.bandeauCelaprodActu {
		height:200px;
	}
}
@media screen and (max-width: 479px) {
	.bandeauCelaprodActu {
    	height: 100px;
	}
}
/* FIN Bandeau celactu present uniquement dans le blog */