/**
Theme Name: DIMO TRESO
Author: Pascal Bourhis
Author URI: https://www.dimosoftware.fr/
Description: Theme enfant de WP Astra pour site DIMO TRESO.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: treso
Template: astra
*/


/* FIX : IE11 specific properties 
Utilisé pour le texte "J'accepte les termes et conditions énoncés dans notre page politique de confidentialité."
*/
_:-ms-fullscreen, :root .elementor-field-option { 
-ms-flex-preferred-size:auto !important;
flex-basis: auto !important;
}

/* FIX : Liens et input > retirer bordure au clic */
	a:focus {outline-style: none;}
	a:active {outline-style: none;}
	input:focus {outline-style: none;}

/* FIX : bullets points not centerd on Chrome and Safari : https://www.sitepoint.com/community/t/chrome-bullet-position-on-center-align-list/337050 */
ul {
  list-style-position:inside !important;
}

/* ________ DEBUT : UTILITAIRES ________ */

	/* Class no-link ajoutée dans Apparence/Menu aux entrées de menu qui n'ont pas de lien, ainsi le curseur de la souris ne se transformat pas en pointeur */
	.no-link > a:hover {cursor: default;}

	/* Masque certains éléments sur desktop */
	@media (min-width:1042px) {
  		.hidden-desktop {
  		display: none !important;
  		}
	}

	/* Ajoute une bordure au dessus d'un entrée de menu sur mobile */
	.ast-header-break-point .borduretop {border-top: 2px solid #e4e4e4;}
	/* Sauf sur la page Plan du site */
	.ast-header-break-point #plan-du-site .borduretop {border-top: none;}

	/* Suppression marges et/ou padding */
    .no-margin,
    .no-margin p {margin: 0;}

    .no-padding,
    .no-padding p {padding: 0;}

    .no-margin-padding,
    .no-margin-padding p {margin: 0; padding: 0;}

    .no-margin-bottom,
    .no-margin-bottom p {margin-bottom: 0;}

    .no-margin-top,
    .no-margin-top p {margin-top: 0;}

    .no-margin-bottom * {margin-bottom: 0 !important;}
	
	.no-margin-title .elementor-widget-heading,
	.no-margin-title.elementor-widget-heading {margin-bottom: 0;}

	.no-margin-img .elementor-widget-image,
	.no-margin-img.elementor-widget-image{margin-bottom: 0;}

	.elementor-widget-text-editor.no-margin ol,
	.elementor-widget-text-editor.no-margin ul,
	.elementor-text-editor ul,
	.elementor-text-editor ol {margin: 0;}

	/* Pour ne pas mettre d'ombre portée sur un image d'article */
	.no-shadow {box-shadow: none !important;}

/* ________ FIN : UTILITAIRES ________ */



/* ________ DEBUT : TYPOS ________ */

b, strong {
    font-weight: normal;
    font-family: DIMOCenturyGothicBold;
}
cite, dfn, em, i {
	font-weight: normal;
	font-style:normal;
    font-family: "DIMOCenturyGothicItalic";
}
em b,
em strong,
i b,
i strong,
strong em,
strong i {
	font-style:normal;
	font-weight: normal;
    font-family: "DIMOCenturyGothicBoldItalic";
}
blockquote {
    font-style: normal;
    font-family: "DIMOCenturyGothicItalic";
	border: none;
	margin: 1.5em 10px;
	padding: 0.5em 10px;
	font-size: 100%;
	line-height: 2;
	
}
	blockquote strong,
	blockquote b {
    	font-style: normal;
    	font-family: "DIMOCenturyGothicBoldItalic";
	}
blockquote:before {
    color: #ccc;
    content: "‟";
    font-size: 6em;
    line-height: 0.1em;
    margin-right: 0.1em;
    vertical-align: -0.4em;
}
blockquote p:last-child {
    margin: 0;
    display: inline;
}

h2 em, .entry-content h2 em,
h3 em, .entry-content h3 em,
h4 em, .entry-content h4 em {
    font-family: "DIMOCenturyGothicBoldItalic",Helvetica,Arial,sans-serif !important;
}

/* Post excerpt */
.post .elementor-widget-theme-post-excerpt .elementor-widget-container:before {content: "►";}

/* Posts Hn */
.post h2,.post h3,.post h4,.post h5,.post h6 {margin-bottom: 0.8em;margin-top: 1.5em;}


/* Posts blockquote */
.post blockquote {
	border:none;
  	margin: 1.5em 10px;
  	padding: 0.5em 10px;
	font-size: 100%;
	line-height: 2;	
}
.post blockquote:before {
  	color: #ccc;
  	content: "‟";
  	font-size: 6em;
  	line-height: 0.1em;
  	margin-right: 0.1em;
  	vertical-align: -0.4em;
}
.post blockquote p:first-child {display: inline;}
.post blockquote p:nth-child(2) {margin-top: 1em;}
.post blockquote .wp-caption {width: 100% !important;}
/* ________ FIN : TYPOS ________ */


/* ________ DEBUT : IMAGES ________ */
/* Images */
.single img {margin-top: 1.5em; margin-bottom: 1em;}
.astra-logo-svg {margin-top: inherit !important;margin-bottom: inherit !important;}

/* Légendes des images */
.post .wp-caption .wp-caption-text {
    margin: .8075em 0;
    font-size: 0.7em;
    line-height: 1.3em;
}
.attachment-dimo-related-posts img {margin-top: 0;margin-bottom: 0;}
/* ________ FIN : IMAGES ________ */


/* ________ DEBUT : LIENS ________ */
.elementor-widget-text-editor a,
.elementor-text-editor a,
.elementor-widget-theme-post-content a,
.elementor-icon-box-description a,
.elementor-image-box-description a,
.elementor-tab-content a,
.uael-accordion-content a,
.h3-underline .elementor-image-box-title a,
.h4-underline .elementor-image-box-title a,
#plan-du-site .elementor-widget-wp-widget-nav_menu a,
.fake-underscore h4 a {
	color:var(--Bleu1);
  	box-shadow: inset 0 -3px 0 var(--Bleu1);
	padding-bottom: 3px;
}

.elementor-widget-text-editor a:hover,
.elementor-text-editor a:hover,
.elementor-widget-theme-post-content a:hover,
.elementor-icon-box-description a:hover,
.elementor-image-box-description a:hover,
.elementor-tab-content a:hover,
.uael-accordion-content a:hover,
.h3-underline .elementor-image-box-title a:hover,
.h4-underline .elementor-image-box-title a:hover,
#plan-du-site .elementor-widget-wp-widget-nav_menu a:hover {
	text-decoration: none;
  	background: var(--Bleu2);
  	color:var(--Blanc);
}

.h3-underline a, .h4-underline a {line-height: 1.5em;}

.elementor-widget-text-editor a.urldansbleu,
.urldansbleu.elementor-widget-text-editor a,
.urldansbleu .elementor-testimonial__title a,
.urldansbleu .elementor-testimonial__text a,
.elementor-testimonial__title a {
	color: var(--Blanc);
  	box-shadow: inset 0 -3px 0 var(--Blanc);
	padding-bottom: 3px;
}
.elementor-widget-text-editor a.urldansbleu:hover,
.urldansbleu.elementor-widget-text-editor a:hover,
.urldansbleu .elementor-testimonial__title a:hover,
.urldansbleu .elementor-testimonial__text a:hover,
.elementor-testimonial__title a:hover {
    color: var(--Blanc);
    box-shadow: none;
}

.ez-toc-link:hover {color:#fff !important;}
/* ________ FIN : LIENS ________ */


/* ________ DEBUT : BOUTON DANS ARTICLES ________ */
.bouton {
    text-decoration: none !important;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2em;
    padding: 10px 15px 10px 15px !important;
    display: inline-block;
    margin-bottom: 15px;
    margin-top: 10px;
	border-radius: 20px;
	box-shadow: none !important;
}
.bouton.dimomaint-vert,
.bouton.dimomaint-vert:visited {
    background: var(--Vert3);
    color: var(--Blanc);
}
.bouton.dimomaint-bleu,
.bouton.dimomaint-bleu:visited {
    background: var(--Bleu3);
    color: var(--Blanc);
}
#content a.bouton.dimomaint-vert:hover,
#content a.bouton.dimomaint-vert:active
.bouton.dimomaint-bleu:hover,
.bouton.dimomaint-bleu:active,
.bouton.dimomaint-jaune:hover,
.bouton.dimomaint-jaune:active {
    background: var(--Vert1);
    color: var(--Blanc);
}
#content a.bouton.dimomaint-bleu:hover,
#content a.bouton.dimomaint-bleu:active,
.bouton.dimomaint-bleu:hover,
.bouton.dimomaint-bleu:active,
.bouton.dimomaint-jaune:hover,
.bouton.dimo-jaune:active {
    background: var(--Bleu2);
    color: var(--Blanc);
}
/* ________ FIN : BOUTON DANS ARTICLES ________ */


/* ________ DEBUT : ASTRA ________ */
	
/* Pas de marge autour du logo */
.ast-logo-title-inline .ast-site-identity {padding: 0;}

/* Hauteur des lignes de sous-menu */
.ast-hfb-header .ast-builder-menu-1 .main-header-menu .sub-menu .menu-link {line-height: 1.3em;}

/* Couleur de fond du sous-menu (puisque qu'il ne fonctionne pas dans le customizer) */
.ast-hfb-header .ast-builder-menu-1 .main-header-menu .sub-menu .menu-link {background-color: #f8f8f8;}

/* Passe en gras les liens de sous-menu actifs */
.sub-menu .current-menu-item > a,
.sub-menu .current-menu-parent > a {  font-family: DIMOCenturyGothicBold,Helvetica,Arial,sans-serif;}

.main-header-bar {box-shadow: 0 2px 10px 0 rgba(36,50,66,.075);}

/* Décale les entrées de sous-menu sur mobile */
#ast-mobile-header .sub-menu li {padding-left: 15px;}
/* ________ FIN : ASTRA ________ */


/* Champs ACF date début et fin des singles événemetnts */
.datedebut {margin-left:auto;}
.datefin {margin-right:auto;margin-bottom: 20px !important;}
@media (max-width: 768px) {.datedebut, .datefin {width:100% !important; margin:0 auto !imporant;}}


/* ________ DEBUT : ELEMENTOR ________ */

.elementor-page h3 {font-size: 1.255em;}
.elementor-page h4 {font-size: 0.955em; text-transform: uppercase; color: var(--FauxNoir);}


/*
.informations-pratiques .elementor-widget-text-editor,
.informations-pratiques .elementor-widget-text-editor p {margin-bottom: 0;}
.informations-pratiques .elementor-widget-text-editor .elementor-widget-container {margin-bottom: 0 !important; padding-bottom: 0 !important;}
*/
.informations-pratiques .elementor-widget:not(:last-child) {margin-bottom: 0 !important;}


.ul-disclosure-closed ul {list-style-type: disclosure-closed;}

.elementor-field-type-html {margin-bottom: 0px !important;}

/* Message affiché après soumission de formulaire */
.elementor-message-success {
	position: relative;
	top: -123px;
	background: green;
	color: white;
	padding: 11px;
	text-align: center;
}
	@media (max-width: 768px) {.elementor-message-success {top: -130px;}}
	@media (max-width: 360px) {.elementor-message-success {top: -137px;}}

/* Effet ombre portée sur les images */
.img-dropshadow, .img-dropshadow img {
	filter: drop-shadow(10px 12px 20px rgba(0,0,0,.08));
	-webkit-filter: drop-shadow(10px 12px 20px rgba(0,0,0,.08));
	-webkit-transform: translateZ(0);
	-moz-filter: drop-shadow(10px 12px 20px rgba(0,0,0,.08));
}

/* Bords arrondis pour les images de blog */
#post-content img {
    border-radius: 5px 5px 5px 5px;
    /*box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.13);*/
}
/* Mais on laisse l'icône avatar en cercle sans ombre portée */
#post-content .elementor-author-box__avatar img{
	border-radius: 100px;
	box-shadow: 0px 0px 20px -7px rgba(0, 0, 0, 0.2);
}
/* Pas de marges, pas d'ombre et pas d'arrondis pour les images de blog " Découvrez également " */
#post-content .elementor-post__thumbnail img {
  	margin-top: 0;
  	margin-bottom: 0;
	border-radius: 0 !important;
	box-shadow: none;
}
.elementor-editor-active .elementor-post__thumbnail img {
  	margin-top: 0;
  	margin-bottom: 0;
}
/* Pas de marge supérieure pour de blog le texte des " Découvrez également " */
#post-content .elementor-post__text {margin-top:0;}

/* Acceptation formulaires */
.elementor-field-type-acceptance label {
	display: inline !important;
    margin-left: 5px;
    font-size: 12px;
  	font-weight: normal;
	color: #666;
}

/* Icone Box sans titre */
.icon-box-sans-titre .elementor-icon-box-title {display:none;}

/* Icone Box sans texte */
.icon-box-sans-texte .elementor-icon-box-description {display:none;}

/* Espaces avant texte des paragraphes de citation */
.citation p {text-indent: 2em;}
@media (max-width: 768px) {
	.citation p {text-indent: 1.6em;}
}

/* Widget Blockquote Elementor modifié */
.elementor-blockquote--skin-quotation .elementor-blockquote::before {content: "“" !important;}
.elementor-blockquote::before {text-align: center;}



/* A VOIR
.elementor-field-type-acceptance label {
    margin-left: 5px;
    font-size: 12px;
    font-weight: normal;
}
.elementor-field-type-acceptance label a {text-decoration:underline;}

input.elementor-acceptance-field {
  border-width: 0px !important;
  border-radius:0px !important;
}
.elementor-message-success {
  position: relative;
  top: -123px;
  background: green;
  color: white;
  padding: 11px;
  text-align: center;
}
@media (max-width: 768px) {
  .elementor-message-success {
    top: -130px;
  }
}
@media (max-width: 360px) {
  .elementor-message-success {
    top: -137px;
  }
}
*/

/* ________ FIN : ELEMENTOR ________ */

/* DEBUT PLUGIN : WP GOTOWEBINAR PRO */
table.upcoming-webinars tbody > tr:nth-child(2n+1) > td,
table.upcoming-webinars tbody > tr:nth-child(2n+1) > th {
    background-color: #F5F7FF;
}
.upcoming-webinars th,
.upcoming-webinars td,
.webinar-recordings-table th,
.webinar-recordings-table td {
    vertical-align: middle;
}
table.upcoming-webinars td,
table.upcoming-webinars th {
    padding: 15px;
    line-height: 1.5;
    vertical-align: middle;
    border: 1px solid var(grey);
}
table.webinar-registration {
    border-spacing: 0;
    border-collapse:collapse;
	line-height: 1.2em;
}
table.webinar-registration .second-opt-in {font-size: 0.8em;}
table.webinar-registration td,
table.webinar-registration {border: none;}
.webinar-registration .gotowebinar-required::after {
  content: " *" !important;
  font-size: small !important;
 }
.webinar-registration-header em {font-family: DIMOCenturyGothic,Arial;}
#webinar-registration-form {
 background-color: #f9f9f992;
  padding:1px 10px 10px 10px;
  border-radius:20px;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
}
#webinar-registration-form input:not(.gotowebinar_registration_submit) {background-color: #fff}
/* FIN PLUGIN : WP GOTOWEBINAR PRO */

/* DEBUT : FORMULAIRE MAUTIC */
/* FIX : bordure bleue sur les champs de formulaire actif */
.mauticform-input:focus, .mauticform-input:active {outline-style: none;}

/* Mise en forme des champs */
.mauticform_wrapper .mauticform-selectbox:focus,
.mauticform_wrapper .mauticform-input:focus,
.mauticform_wrapper .mauticform-text textarea:focus {
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset !important;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1) !important;
    outline: 0 !important;
}
/* FIN : FORMULAIRE MAUTIC */