/*
Theme Name:     Clinique Kantys Centre
Theme URI: 		https://www.kantys.fr
Description:    Thème du groupe Kantys
Author:         Agence Map | Emulsion
Theme URI: 		http://www.agence-map.com/map-emulsion/
Template:       jupiter
Text Domain: mk_framework
Domain Path: /languages/
*/

@media screen and (min-width: 1340px){
  #cja0y3t7d00083c600cxvs5hd > .mkhb-row__container {
    max-width: 1340px;
  }
}

:root{
    --rose-fonce: #ee777c;
    --rose: #f39e9b;
    --rose-clair: #fbcad1;
    --turquoise: #6cb7d1;    
    --vert: #65c1be;
}

h2,h3,h4{
  position: relative;
}


#cja0y3t7d00083c600cxvs5hd{
  padding: 15px 10px 15px 10px !important;
  font-size: 17px !important;
}


.fleche{
  position: relative;
}
.fleche::before{
  content: '';
  display: block;
  mask: url(/wp-content/themes/clinique-kantys-centre/imgs/arrow-up.svg);
  mask-size: 100%;    
  position: absolute;    
  margin-top: 4px;

  /*height: 2em;
  width: 2em;
  left: -2.4em; */
  height: 48px;
  width: 48px;
  left: -54px;
} a-ne turquoise


.majuscule{
  text-transform: uppercase;
}

@media screen and (max-width: 767px){
  .hide-mobile{
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px){
  .hide-tablette{
    display: none !important;
  }
}
@media screen and (min-width: 1024px){
  .hide-tablette{
    display: none !important;
  }
}


.fleche.turquoise::before{
  background: var(--turquoise);
}
.master-holder .master-holder .has-text-turquoise{
  color: var(--turquoise) !important;
}
.fleche.bleu-fonce::before{
  background: var(--bleu-fonce);
}
.master-holder .has-text-bleu-fonce{
  color: var(--bleu-fonce) !important
}
.fleche.rose-fonce::before{
  background: var(--rose-fonce);
}
.master-holder .has-text-rose-fonce{
  color: var(--rose-fonce) !important;
}

.fleche.vert::before{
  background: var(--vert);
}

.fleche.rose::before{
  background: var(--rose);
}
.master-holder .has-text-rose{
  color: var(--rose) !important;
}

.master-holder .arrow.rose-clair{
  background: var(--rose-clair);
}
.master-holder .has-text-rose-clair{
  color: var(--rose-clair) !important;
}


.btn-secondary, .btn-secondary:hover {
    background: var(--rose);
    border: 1px solid var(--rose);
    color: #fff;
}



#hero-sante{
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: local;
    background-position: left center;
}
#hero-sante .mk-ornamental-title {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 767px){
    #hero-sante .mk-ornamental-title {
        min-height: 24vw;
    }
    #hero-sante .mk-ornamental-title h2 {
        font-size: 25px;
        margin: auto;
        max-width: 80vw;
        line-height: 1;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px){
  #hero-sante .mk-ornamental-title {
    min-height: 16vw;
  }
}

@media screen and (min-width: 768px){
    #hero-sante .mk-ornamental-title {
        min-height: 13em;
        margin: 0;
    }
}




.praticien-sidebar {
    display: flex;
    gap: 15px;
}
.praticien-sidebar > a {
    flex: 0 1 100px;
}

li.rouge a.menu-item-link{
  color: var(--rouge-fonce) !important;
}


.menu-item.bleu-fonce a{
  color: var(--bleu-fonce) !important;
}


.pum-open-overlay #pum-5402 {
  opacity: 1 !important;
  display: block !important;
}

.pum-theme-5400, .pum-theme-content-only {
    background-color: rgba( 0, 0, 0, 0.40 );
}
@media (max-width: 767px){
  .pum-theme-5400 .pum-container, .pum-theme-content-only .pum-container{
    max-width: 90vw;
  }
  .pum-theme-5400 img{
    max-width: 100%;
    height: auto;
  }
}



a.pdf-link,
.pdf-link a,
.page-id-6067 .wpb_row a:has(img){
  position: relative;
  display: inline-block;
  overflow: hidden;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

a.pdf-link::before,
.pdf-link a::before,
.page-id-6067 .wpb_row a:has(img)::before{
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(100, 100, 100, 0.45);
  transition: opacity 0.3s ease;
  pointer-events: none;
}

a.pdf-link::after,
.pdf-link a::after,
.page-id-6067 .wpb_row a:has(img)::after{
  content: '';
  position: absolute;
  bottom: 18px;
  left: 50%;
  transform: translateX(-50%);
  width: 26px;
  height: 18px;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 19'%3E%3Cpath fill='%23ffffff' d='M25.7,9.9c-2.5,5.1-7.3,8.2-12.6,8.2-5.3,0-10.3-3-12.8-8.1-.3-.6-.4-1.2,0-1.8C2.6,3.2,7.5,0,12.8,0c5.3,0,10.4,3.1,12.9,8.2.2.5.3,1.1,0,1.7ZM18.2,5.1c-1.3-2.1-3.7-3-6-2.8-3.2.3-5.5,2.8-5.8,6.2-.3,3,1.4,5.8,3.9,6.9,2.7,1.2,5.8.3,7.5-2s2-5.6.3-8.3ZM13,13.6c-1.4,0-2.6-.7-3.4-1.7-.9-1.1-1.1-2.5-.8-4,1,.6,2,.5,2.8-.3.8-.8.8-1.9.3-3,2.6-.7,5.1,1.2,5.3,3.9.3,2.5-1.6,5.1-4.3,5h0Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

a.pdf-link:hover::before,
a.pdf-link:hover::after,
.pdf-link a:hover::before,
.pdf-link a:hover::after,
.page-id-6067 .wpb_row a:has(img):hover::before,
.page-id-6067 .wpb_row a:has(img):hover::after {
  opacity: 0;
}