/*
Theme Name:     Digisante-child
Theme URI:
Description:    Digisante child theme.
Author:         Digisanté
Author URI:     https://www.digisante.fr
Template:       digisante
Version:        0.1.0
*/

/*
WEBFONTS EN LOCAL : UTILISER CET OUTIL https://google-webfonts-helper.herokuapp.com/fonts
1/ Récupérer les graisses nécessaires puis télécharger l'archive avec Woff et Woff2 uniquement pour le subset Latin1
2/ Rajouter du font-display:swap pour chaque déclaration @font-face et modifier le chemin vers /fonts/
3/ Récupérer la fonte de fallback optimale ici : https://deploy-preview-15--upbeat-shirley-608546.netlify.app/perfect-ish-font-fallback/?font=Montserrat
4/ Modifier la déclaration générale avec une font-stack complète et un !important.
5/ Mettre en place le préchargement de la fonte utilisée en Regular et Bold via WP Rocket (dans sa version Woff2)
*/

/* FONT-SIZE */
:root { font-size: 14px !important; }
@media (min-width: 992px) { /* Large devices */
    :root { font-size: 16px !important; }
}


main, html, body, header {width: 100vw!important; min-width: 100vw!important; max-width: 100vw!important}

body, input, textrea, .gfield_label, .woocommerce * :not(.fa-solid) {
    font-family: Open Sans, "Open Sans-fallback", Arial, sans-serif !important;
}

body, input, textrea, .gfield_label {
    color: #2E2D2D !important;
}

/* TITRES */
h1, h2, h3, h4, h5 { font-family: Open Sans, "Open Sans-fallback", Arial, sans-serif !important; font-weight: 900 !important;}
.section_categoriedashboard .card-text * {font-size: 1em!important}
.section_actualitesalaune .card-text * {font-size: 1em!important}

.section_actualites h2 { font-size:1.5rem!important; }

.gform_validation_errors>h2 { font-size:1rem!important; }

/* Open Sans - Fallback */
@font-face {
    font-family: "Open Sans-fallback";
    size-adjust: 105.44%;
    ascent-override: 103%;
    src: local("Arial");
}

/* Open Sans - Regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local(''),
         url('fonts/open-sans-v34-latin-regular.woff2') format('woff2'),
         url('fonts/open-sans-v34-latin-regular.woff') format('woff');
  }
  /* Open Sans - 600 - latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local(''),
         url('fonts/open-sans-v34-latin-600.woff2') format('woff2'),
         url('fonts/open-sans-v34-latin-600.woff') format('woff');
  }
  /* Open Sans - 700 - latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local(''),
         url('fonts/open-sans-v34-latin-700.woff2') format('woff2'),
         url('fonts/open-sans-v34-latin-700.woff') format('woff');
  }

/* MENU WITH SUBMENU */
.menu-item-has-children > a:after {
  content: "\f078";
    font-family: "Font Awesome 5 Pro";
    color: #00782C;
    font-size: 0.75em;
    margin-left: 10px;
}

.menu-item-has-children:hover > a:after {
  content: "\f077";
  font-family: "Font Awesome 5 Pro";
  color: #00782C;
  font-size: 0.75em;
  margin-left: 10px;
}

.menu-item.menu-highlightvert a, .menu-item.menu-highlightvert a:hover, .menu-item.menu-highlightvert:hover a { color:white!important; background-color:#00782C!important; padding: 0.5em 1em !important; border-radius: 0.5em!important; }
.menu-item.menu-highlightrose a, .menu-item.menu-highlightrose a:hover, .menu-item.menu-highlightrose:hover a { color:white!important; background-color:#BE0A3A!important; padding: 0.5em 1em !important; border-radius: 0.5em!important; }
.menu-item.menu-highlightvertclair a, .menu-item.menu-highlightvertclair a:hover, .menu-item.menu-highlightvertclair:hover a { color:white!important; background-color:#A3C300!important; padding: 0.5em 1em !important; border-radius: 0.5em!important; }

/*FIX BREADCRUMBS*/
 #breadcrumbs {
    padding-left: 0rem!important;
}

/*FIX HOME HEADER*/
header.site-header {
    position: absolute!important;
    width: 100vw!important;
    z-index: 1200!important
}

/*FIX VERTICAL SWIPER HOME*/
.section_sliderhome .swiper-pagination-vertical.swiper-pagination-bullets, .section_sliderhome.swiper-vertical>.swiper-pagination-bullets {
    left: 50px!important;
    top: 60%!important;
}

/*FIX HOME Z-INDEX*/
.page-home > .container-fluid:not(.section_sliderhome,.position-absolute ) {
    z-index: 1!important;
    position: relative!important;
}

/*FIX PROTECTED PAGE*/
.post-password-form { text-align: center!important; margin-block: 2em!important; }
.post-password-form p { 
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center; 
}
.post-password-form input[type="submit"] { 
    margin-inline: 1em;
    padding-top: 0.5rem!important;
    padding-bottom: 0.5rem!important;
    padding-right: 1rem!important;
    padding-left: 1rem!important;
    border-radius: 0.5rem !important;
    background-color: #00782C !important;
    border-color: #00782C !important;
    color: #ffffff !important;
    font-size: 1rem !important;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.post-password-form input[type="submit"]:hover { border-color: #A3C300 !important; background-color: #A3C300 !important; }

/*FIX GFORM BTN*/
.gform_button {
    color: #ffffff!important;
    background-color: #00782C!important;
    border-color: #00782C!important;
    padding-top: 0.5rem!important;
    padding-bottom: 0.5rem!important;
    padding-right: 1rem!important;
    padding-left: 1rem!important;
    border-radius: 0.5rem !important;
    font-size: 1rem !important;
}

.gform_button:hover {
    color: #ffffff!important;
    background-color: #A3C300!important;
    border-color: #A3C300!important;
}

/*FIX IFRAME */
@media (max-width: 500px) {
    iframe { height:800px!important }
}

/*fix fit*/
.w-fit {width: fit-content!important;}
.h-fit {height: fit-content!important;}

/*Fix cartouche home */
@media (max-width: 767px) {
    .cartouchehome { padding-top: 30vw!important; }
    .site-header .fa-lg { font-size: 2em!important; }
    .list-group-item { font-size: 1.5rem !important; }
    .list-group-item .list-group-item { font-size: 1.4rem !important; }
    /*body, input, textarea, .gfield_label {
        font-size: 1.3em !important;
    }	*/
}

@media (min-width: 767px) {
    .cartouchehome {
        position: absolute;z-index: 1;right: 0;top: 40%;
    }
    .section_sliderhome, .section_sliderhome .swiper-container { height:80vh!important; }  
}

@media (max-height: 767px) and (min-width: 768px) { 
	.section_sliderhome, .section_sliderhome .swiper-container { height:100vh!important; } 
}

/*FIX position*/
@media (min-width: 576px) {
  .position-sm-static {
    position: static !important;
  }
  .position-sm-relative {
    position: relative !important;
  }
  .position-sm-absolute {
    position: absolute !important;
  }
  .position-sm-fixed {
    position: fixed !important;
  }
  .position-sm-sticky {
    position: sticky !important;
  }
}

@media (min-width: 768px) {
  .position-md-static {
    position: static !important;
  }
  .position-md-relative {
    position: relative !important;
  }
  .position-md-absolute {
    position: absolute !important;
  }
  .position-md-fixed {
    position: fixed !important;
  }
  .position-md-sticky {
    position: sticky !important;
  }
}

@media (min-width: 992px) {
  .position-lg-static {
    position: static !important;
  }
  .position-lg-relative {
    position: relative !important;
  }
  .position-lg-absolute {
    position: absolute !important;
  }
  .position-lg-fixed {
    position: fixed !important;
  }
  .position-lg-sticky {
    position: sticky !important;
  }
}

@media (min-width: 1200px) {
  .position-xl-static {
    position: static !important;
  }
  .position-xl-relative {
    position: relative !important;
  }
  .position-xl-absolute {
    position: absolute !important;
  }
  .position-xl-fixed {
    position: fixed !important;
  }
  .position-xl-sticky {
    position: sticky !important;
  }
}

/*FIX EVENT */
.tribe-events-pg-template {margin: 0px!important; padding: 0px!important}
.tribe-link-view-attendee { display: none!important; }
#tribe-tickets__tickets-form, .tribe-tickets__rsvp-wrapper { margin-inline: auto!important; }
#tribe-tickets__tickets-buy, .tribe-common-c-btn, .tribe-tickets__rsvp-actions-success-going-check-icon {
    padding-top: 0.5rem!important;
    padding-bottom: 0.5rem!important;
    padding-right: 1rem!important;
    padding-left: 1rem!important;
    border-radius: 0.5rem !important;
    background-color: #00782C !important;
    border-color: #00782C !important;
    color: #ffffff!important;
    font-size: 1rem !important;
    font-weight: 400!important;
}
#tribe-tickets__tickets-buy:hover, .tribe-common-c-btn:hover {
    background-color: #A3C300  !important;
    border-color: #A3C300  !important;
}
/*FIX WOO */
.woocommerce-cart-form .actions, .woocommerce-cart-form .product-thumbnail, .woocommerce-form-coupon-toggle { display: none!important; }
.woocommerce {white-space: initial!important;}
.woocommerce .product-remove a { text-decoration: none!important; }
input[name='update_cart'], button[name='update_cart'] {display: none !important;}
.woocommerce a.checkout-button, .woocommerce #place_order {
    color: white!important;
    background-color: #BE0A3A!important;
    padding: 0.5em 1em !important;
    border-radius: 0.5em!important;
    font-weight: 600 !important;
    text-decoration: none!important;
}


.a42-ac-overlay { z-index: 1000!important; }
#a42-ac { z-index: 1000000000000000000000000000000000000!important; }


ul.post-categories {
    list-style: none!important; 
    margin: 0px!important; 
    padding: 0px!important; 
}

#tribe-events-pg-template { max-width: 100%!important; }


/* CARTO */
#loader-map {
  position: absolute; 
  background: rgba(57, 57, 57, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  inset: 0;
  z-index: 99999999;
}
/*.popupHidden .leaflet-popup-tip-container, path.leaflet-interactive { display: none !important; }*/
.popupHidden .leaflet-popup-tip-container, path.leaflet-interactive[stroke-width="1.5"]{ 
	display: none !important; 
}
.leaflet-popup {
    max-width: 90vw!important;
}

/*page carto*/
@media (max-width: 576px) { 
    .page-carto, .page-type { padding-top: 3rem!important; } 
}
@media (min-width: 576px) and (max-width: 766px) { 
    .page-carto, .page-type { padding-top: 6rem!important; } 
}
@media (min-width: 767px) and (max-width: 991px) { 
    .page-carto, .page-type { padding-top: 10rem!important; } 
}
@media (min-width: 992px) { 
    .page-carto, .page-type { padding-top: 6rem!important; } 
}
.page-carto .accordion-button:not(.collapsed) { box-shadow: none !important; }
.page-carto .auto-search-wrapper input, .page-carto .auto-search-wrapper input::placeholder { font-size: 1.1rem !important; color: #2E2D2D !important; }	
.page-carto .accordion-button { font-size: 1.3rem !important; }	
@media (max-width: 767px) {
	.page-carto .auto-search-wrapper input, .page-carto .auto-search-wrapper input::placeholder { font-size: 1.3rem !important; }	
}
.page-carto .accordion-button:after  { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='white' d='M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z'/%3E%3C/svg%3E"); }

/* section evenements */
.section_evenements .accordion-button:not(.collapsed) { box-shadow: none !important; }
.section_evenements .accordion-button { font-size: 1.3rem !important; }	
.section_evenements .accordion-button:after  { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='white' d='M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z'/%3E%3C/svg%3E"); }
@media (max-width: 767px) {
	.section_evenements .container_image {
		position: relative;
		padding-bottom: 56.25%; /* 16:9 ratio */
		height: 100%;
		overflow: hidden;
	}

	.section_evenements .container_image img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		aspect-ratio: 16/9;
	}
}

.section_evenements ul.pages { display: inline-block !important; list-style-type: none !important; padding-left: 0 !important; }
.section_evenements ul.pages li { float: left !important; }
.section_evenements ul.pages li a.page { position: relative; display: inline-block; width: 30px; height: 30px; line-height: 28px; margin: 0 5px; text-align: center; text-decoration: none; cursor: pointer; white-space: nowrap; outline: 0; border-radius:4px; text-shadow: none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
@media (min-width: 992px) {
	.section_evenements ul.pages li a.page { width: 40px; height: 40px; line-height: 38px; }
}
.section_evenements ul.pages li a.page:section_evenements, .section_evenements ul.pages li a.page:focus-within, .section_evenements ul.pages li a.page:focus-visible{ outline-offset: 0px!important; outline: 2px solid black !important; }

.quiz_noanswer .gform_button { display:none!important; }

.container-infoasso .row:nth-child(even) .col-10 { background-color: #F3F5F7 !important; }

@media (min-width: 767px) {
    .highlight + .highlight-none {
        width: 40%;
    }

    .highlight + .highlight-none img {
        width: 50%!important;
    }

    .highlight {
        width: 60%;
    }
}

.highlight + .highlight-none img {
    width: 50%!important;
}

.clignote  {
   animation-duration: .8s;
   animation-name: clignoter;
   animation-iteration-count: infinite;
   transition: none;
}
@keyframes clignoter {
  0%   { opacity:1; }
  40%   {opacity:0; }
  100% { opacity:1; }
}

/* CSS for MD */
@media (min-width: 768px) {
	.bg-md-blanc { background-color: #ffffff !important; }
	.bg-md-noir { background-color: #2E2D2D !important; }
	.bg-md-vertfonce { background-color: #00782C !important; }
	.bg-md-vertclair { background-color: #A3C300 !important; }
	.bg-md-rose { background-color: #BE0A3A !important; }
	.bg-md-gris { background-color: #A0A0A0 !important; }
	.bg-md-grisbleu { background-color: #8A9FAA !important; }
	.bg-md-grisbleuclair { background-color: #E7ECEE !important; }
	.bg-md-grisbleutransparent, .bg-md-hover-grisbleutransparent:hover { background-color: #F3F5F7 !important; }
	
	.font-md-blanc { color: #ffffff !important; }
	.font-md-noir { color: #2E2D2D !important; }
	.font-md-vertfonce { color: #00782C !important; }
	.font-md-vertclair { color: #A3C300 !important; }
	.font-md-rose { color: #BE0A3A !important; }
	.font-md-gris { color: #A0A0A0 !important; }
	.font-md-grisbleu { color: #8A9FAA !important; }
	.font-md-grisbleuclair { color: #E7ECEE !important; }
	.font-md-grisbleutransparent { color: #F3F5F7 !important; }
	
	.border-md { border-width: 1px; border-style: solid; }
	.rounded-md-0 { border-radius: 0 !important; }
	
	.border-md-blanc, .border-md-hover-blanc:hover { border-color: #ffffff !important; }
	.border-md-noir, .border-md-hover-noir:hover { border-color: #2E2D2D !important; }
	.border-md-vertfonce, .border-md-hover-vertfonce:hover { border-color: #00782C !important; }
	.border-md-vertclair, .border-md-hover-vertclair:hover { border-color: #A3C300 !important; }
	.border-md-rose, .border-md-hover-rose:hover { border-color: #BE0A3A !important; }
	.border-md-gris, .border-md-hover-gris:hover { border-color: #A0A0A0 !important; }
	.border-md-grisbleu, .border-md-hover-grisbleu:hover { border-color: #8A9FAA !important; }
	.border-md-grisbleuclair, .border-md-hover-grisbleuclair:hover { border-color: #E7ECEE !important; }
	.border-md-grisbleutransparent, .border-md-hover-grisbleutransparent:hover { border-color: #F3F5F7 !important; }
}

.picto-hover-blanc:hover { fill: #ffffff !important; }
.picto-hover-noir:hover { fill: #2E2D2D !important; }
.picto-hover-vertfonce:hover { fill: #00782C !important; }
.picto-hover-vertclair:hover { fill: #A3C300 !important; }
.picto-hover-rose:hover { fill: #BE0A3A !important; }
.picto-hover-gris:hover { fill: #A0A0A0 !important; }
.picto-hover-grisbleu:hover { fill: #8A9FAA !important; }
.picto-hover-grisbleuclair:hover { fill: #E7ECEE !important; }
.picto-hover-grisbleutransparent:hover { fill: #F3F5F7 !important; }

.sticky-bottom {
	font-size: 1rem !important;
	word-break: break-word;
}

.carre {
	width: 60px;
	height: 60px;
}

/* Section Dashboard catégorie */
.section_categoriedashboard ul.pages { display: inline-block !important; list-style-type: none !important; padding-left: 0 !important; }
.section_categoriedashboard ul.pages li { float: left !important; }
.section_categoriedashboard ul.pages li a.page { position: relative; display: inline-block; width: 30px; height: 30px; line-height: 28px; margin: 0 5px; text-align: center; text-decoration: none; cursor: pointer; white-space: nowrap; outline: 0; border-radius:4px; text-shadow: none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
@media (min-width: 992px) {
	.section_categoriedashboard ul.pages li a.page { width: 40px; height: 40px; line-height: 38px; }
}
.section_categoriedashboard ul.pages li a.page:section_categoriedashboard, .section_categoriedashboard ul.pages li a.page:focus-within, .section_categoriedashboard ul.pages li a.page:focus-visible{ outline-offset: 0px!important; outline: 2px solid black !important; }

@media (max-width: 767px) {
	.section_categoriedashboard .container_image {
		position: relative;
		padding-bottom: 56.25%; /* 16:9 ratio */
		height: 100%;
		overflow: hidden;
	}

	.section_categoriedashboard .container_image img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		aspect-ratio: 16/9;
	}
}

/* Section actualites */

.section_actualites ul.pages { display: inline-block !important; list-style-type: none !important; padding-left: 0 !important; }
.section_actualites ul.pages li { float: left !important; }
.section_actualites ul.pages li a.page { position: relative; display: inline-block; width: 30px; height: 30px; line-height: 28px; margin: 0 5px; text-align: center; text-decoration: none; cursor: pointer; white-space: nowrap; outline: 0; border-radius:4px; text-shadow: none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
@media (min-width: 992px) {
	.section_actualites ul.pages li a.page { width: 40px; height: 40px; line-height: 38px; }
}
.section_actualites ul.pages li a.page:section_actualites, .section_actualites ul.pages li a.page:focus-within, .section_actualites ul.pages li a.page:focus-visible{ outline-offset: 0px!important; outline: 2px solid black !important; }

/* MENU MOBILE */
.unclickable > a {
	pointer-events: none;
}
#nav-content-mobile .menu-item-has-children > a:after {
	content: "" !important;
}
#nav-content-mobile svg {
	height: 18px;
	fill: #00782C !important;
}



#cookie-law-info-again {
    bottom: 120px !important;
    right: 10px !important;    
    border-radius: 50rem !important;
    box-shadow: unset !important;
    aspect-ratio: 1!important;
    display: flex;
}

#modalPWA .btn-close {
	opacity: 1!important;
	margin: 0;
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/0.7em auto no-repeat;
}

.modal-open .container-fluid, .modal-open  .container {
    -webkit-filter: blur(5px);
}

.superpwa-shortcode-button.superpwa-add-via-class, .superpwa-shortcode-button.superpwa-add-via-class:hover {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    padding-right: 1rem !important;
    padding-left: 1rem !important;
    width: fit-content!important;
    border-color: #F3F5F7 !important;
    border-radius: 0.5rem !important;
    background: #F3F5F7 !important;
    color: #2E2D2D !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    margin: 0px!important;
    transition: none!important;
    min-width: unset!important;
    box-shadow: none!important;
}

#superpwa-iossafari-a2h-banner { display: none!important; }

.gform_confirmation_message { margin-bottom: 30px; }

#container-events img { width:100%!important }