/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/


/***************************/
/********** TYPOS **********/
/***************************/

/* aktiv-grotesk-100 - latin */
@font-face {
  font-display: swap;
  font-family: 'Aktiv Grotesk';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/aktiv-grotesk/AktivGrotesk-AktivGrotesk-Hairline.ttf') format('truetype');
}

/* aktiv-grotesk-100-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Aktiv Grotesk';
  font-style: italic;
  font-weight: 100;
  src: url('fonts/aktiv-grotesk/AktivGrotesk-AktivGrotesk-HairlineItalic.ttf') format('truetype');
}

/* aktiv-grotesk-200 - latin */
@font-face {
  font-display: swap;
  font-family: 'Aktiv Grotesk';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/aktiv-grotesk/AktivGrotesk-AktivGrotesk-Thin.ttf') format('truetype');
}

/* aktiv-grotesk-200-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Aktiv Grotesk';
  font-style: italic;
  font-weight: 200;
  src: url('fonts/aktiv-grotesk/AktivGrotesk-AktivGrotesk-ThinItalic.ttf') format('truetype');
}

/* aktiv-grotesk-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Aktiv Grotesk';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/aktiv-grotesk/AktivGrotesk-AktivGrotesk-Light.ttf') format('truetype');
}

/* aktiv-grotesk-300-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Aktiv Grotesk';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/aktiv-grotesk/AktivGrotesk-AktivGrotesk-LightItalic.ttf') format('truetype');
}

/* aktiv-grotesk-400 - latin */
@font-face {
  font-display: swap;
  font-family: 'Aktiv Grotesk';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/aktiv-grotesk/AktivGrotesk-Regular.ttf') format('truetype');
}

/* aktiv-grotesk-400-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Aktiv Grotesk';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/aktiv-grotesk/AktivGrotesk-Italic.ttf') format('truetype');
}

/* aktiv-grotesk-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Aktiv Grotesk';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/aktiv-grotesk/AktivGrotesk-Medium.ttf') format('truetype');
}

/* aktiv-grotesk-500-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Aktiv Grotesk';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/aktiv-grotesk/AktivGrotesk-MediumItalic.ttf') format('truetype');
}

/* aktiv-grotesk-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Aktiv Grotesk';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/aktiv-grotesk/AktivGrotesk-Bold.ttf') format('truetype');
}

/* aktiv-grotesk-600-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Aktiv Grotesk';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/aktiv-grotesk/AktivGrotesk-BoldItalic.ttf') format('truetype');
}

/* aktiv-grotesk-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Aktiv Grotesk';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/aktiv-grotesk/AktivGrotesk-XBold.ttf') format('truetype');
}

/* aktiv-grotesk-700-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Aktiv Grotesk';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/aktiv-grotesk/AktivGrotesk-XBoldItalic.ttf') format('truetype');
}

/* aktiv-grotesk-900 - latin */
@font-face {
  font-display: swap;
  font-family: 'Aktiv Grotesk';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/aktiv-grotesk/AktivGrotesk-Black.ttf') format('truetype');
}

/* aktiv-grotesk-900-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Aktiv Grotesk';
  font-style: italic;
  font-weight: 900;
  src: url('fonts/aktiv-grotesk/AktivGrotesk-BlackItalic.ttf') format('truetype');
}

/* braliyon-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Braliyon';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/braliyon/Braliyon.ttf') format('truetype');
}


/********************************/
/********** VARIABLES ***********/
/********************************/

:root {
  --wine-red: #63001f;
  --wine-red-78: #853850;
  --wine-red-8: #f3ebed;
  --deep-maroon: #2e0c17;
}


/******************************/
/********** GÉNÉRAL ***********/
/******************************/

/* Section avec bords arrondis */
.bords-arrondis {
  border-radius: 12px;
}

/* Padding titre badge */
.heading-text .badge-style {
  padding: 0.4em 0.8em 0.3em;
}

/* Hauteur de ligne BigText */
.bigtext {
  line-height: 1.2;
}

/* Texte justifié */
.texte-justifie {
  text-align: justify;
}

/* Divider personnalisé */
.separateur-haut,
.separateur-bas {
  overflow: hidden;
  position: relative;
}

.separateur-bas * {
  z-index: 4;
}

.separateur-haut::before {
  content: '';
  position: absolute;
  z-index: 3;
  background-repeat: no-repeat;
  bottom: -0.1vw;
  left: -0.1vw;
  right: -0.1vw;
  top: -0.1vw;
  background-size: 100% 90px;
  background-position: 50% 0%;
  background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.28 2.17" preserveAspectRatio="none"><path d="M0 .5c3.07.55 9.27-.42 16.14 0 6.88.4 13.75.57 19.14-.11V0H0z" fill="%23ffffff"/><path d="M0 1c3.17.8 7.29-.38 10.04-.55 2.75-.17 9.25 1.47 12.67 1.3 3.43-.17 4.65-.84 7.05-.87 2.4-.02 5.52.88 5.52.88V0H0z" opacity=".5" fill="%23ffffff"/><path d="M0 1.85c2.56-.83 7.68-.3 11.79-.42 4.1-.12 6.86-.61 9.58-.28 2.73.33 5.61 1.17 8.61 1 3-.19 4.73-.82 5.3-.84V.1H0z" opacity=".5" fill="%23ffffff"/></svg>');
}

.separateur-bas::after {
  content: '';
  position: absolute;
  z-index: 3;
  background-repeat: no-repeat;
  bottom: -0.1vw;
  left: -0.1vw;
  right: -0.1vw;
  top: -0.1vw;
  transform: rotate(180deg);
  background-size: 100% 90px;
  background-position: 50% 0%;
  background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.28 2.17" preserveAspectRatio="none"><path d="M0 .5c3.07.55 9.27-.42 16.14 0 6.88.4 13.75.57 19.14-.11V0H0z" fill="%23ffffff"/><path d="M0 1c3.17.8 7.29-.38 10.04-.55 2.75-.17 9.25 1.47 12.67 1.3 3.43-.17 4.65-.84 7.05-.87 2.4-.02 5.52.88 5.52.88V0H0z" opacity=".5" fill="%23ffffff"/><path d="M0 1.85c2.56-.83 7.68-.3 11.79-.42 4.1-.12 6.86-.61 9.58-.28 2.73.33 5.61 1.17 8.61 1 3-.19 4.73-.82 5.3-.84V.1H0z" opacity=".5" fill="%23ffffff"/></svg>');
}

@media (min-width: 2100px) {

  .separateur-haut::before,
  .separateur-bas::after {
    background-size: 100% calc(2vw + 90px);
  }
}

@media (max-width: 959px) {

  .separateur-haut>.row {
    padding-top: 144px !important;
  }

  .separateur-bas>.row {
    padding-bottom: 144px !important;
  }
}

/* Hauteur image de fond colonne sur tablette */
@media (min-width: 570px) and (max-width: 969px) {
  .photo-fond-colonne .uncoltable {
    min-height: 800px !important;
  }
}


/*****************************/
/********** TITRES ***********/
/*****************************/

/* Hauteur de lignes des titres */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  line-height: 1.4;
}

@media (max-width: 959px) {

  h1:not([class*="fontsize-"]),
  .h1:not([class*="fontsize-"]) {
    font-size: 38px;
  }

  h2:not([class*="fontsize-"]),
  .h2:not([class*="fontsize-"]) {
    font-size: 34px;
  }

  h3:not([class*="fontsize-"]),
  .h3:not([class*="fontsize-"]) {
    font-size: 28px;
  }

  h4:not([class*="fontsize-"]),
  .h4:not([class*="fontsize-"]) {
    font-size: 26px;
  }
}

@media (max-width: 569px) {

  h1:not([class*="fontsize-"]),
  .h1:not([class*="fontsize-"]) {
    font-size: 34px;
  }

  h2:not([class*="fontsize-"]),
  .h2:not([class*="fontsize-"]) {
    font-size: 30px;
  }
}


/*********************************/
/********** DÉCO PHOTOS **********/
/*********************************/

/* Effet cadre photo */
.effet-cadre-photo .t-entry-visual {
  background: white;
  padding: 20px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, .4);
  box-shadow: 1.5px 2px 4px 0 rgba(29, 29, 27, .25);
}

.effet-cadre-photo.rotation-droite .single-wrapper {
  transform: rotate(.6deg);
}

.effet-cadre-photo.rotation-gauche .single-wrapper {
  transform: rotate(-.6deg);
}


/*****************************/
/********** GRILLES **********/
/*****************************/

/* Boutons de filtre */
@media (min-width: 960px) {

  .grille .grid-filters.isotope-filters {
    padding-top: 20px;
    margin-bottom: 20px;
  }

  .grille .grid-filters ul.menu-smart>li>span {
    padding: 0px 9px 20px 9px;
  }

  .grille .menu-light .menu-smart>li a:not(.uncode-woocommerce-sorting-dropdown__link) {
    padding: 9px;
  }

  .grille .menu-light .menu-smart>li a:hover,
  .grille .menu-light .menu-smart>li a:focus,
  .grille .menu-light .menu-smart>li a.active {
    color: var(--wine-red);
  }
}

@media (max-width: 959px) {
  .grille .mobile-toggle a {
    color: var(--wine-red);
  }
}


/**********************************/
/********** FORMULAIRES ***********/
/**********************************/

/* Suppression padding sur mobile */
@media (max-width: 569px) {
  .colonne-formulaire .uncell {
    padding: 0;
  }
}


/***************************/
/********** MENU ***********/
/***************************/

/* Couleur bouton CTA */
#menu-cta .menu-item-1225 {
  color: white;
  background-color: var(--wine-red);
  border-color: var(--wine-red);
  /*padding: 15px 24px !important;*/
}

#menu-cta .menu-item-1225:hover,
#menu-cta .menu-item-1225:focus {
  color: var(--wine-red);
  background-color: transparent;
  border-color: var(--wine-red);
}

/* Espacement items sur grand écran */
/*@media (min-width: 1400px) {
  .menu-smart>li>a {
    padding: 0px 21px 0px 21px;
  }
}*/

/* Espacement items sur petit bureau */
@media (min-width: 960px) and (max-width: 1299px) {
  .menu-smart>li>a {
    padding: 0px 9px 0px 9px;
  }
}

/* Switch ou suppression bouton "Devenez partenaire" selon taille d'écran */
@media (min-width: 1240px) {
  #bouton-devenir-partenaire {
    display: none;
  }
}

@media (min-width: 960px) and (max-width: 1239px) {
  .navbar-cta {
    display: none !important;
  }
}

/* Marge au-dessus du CTA dans burger menu */
@media (max-width: 959px) {
  .menu-horizontal .menu-horizontal-inner>div:not(:first-child):not(.uncode-close-offcanvas-mobile):not(.navbar-main):not(.appended-navbar) {
    padding-top: 9px;
  }
}

/* Image bas menu déroulant sur tablette et mobile */
@media (max-width: 959px) {
  .main-menu-container .menu-horizontal::after {
    content: '';
    background-image: url(https://callusfamily.fr/wp-content/uploads/2025/06/call-us-family-podcast-famille-animaux-mobile.jpg);
    background-size: 100vw calc(100vw * 0.667);
    display: inline-block;
    width: 100vw;
    height: calc(100vw * 0.667);
  }
}

/*@media (max-width: 959px) {
  .main-menu-container .menu-horizontal {
    height: calc(100vh - 84px);
    position: relative;
  }

  .main-menu-container .menu-horizontal::after {
    content: '';
    background-image: url(https://callusfamily.fr/wp-content/uploads/2025/06/call-us-family-podcast-famille-animaux-mobile.jpg);
    background-size: 100vw calc(100vw * 0.667);
    display: inline-block;
    width: 100vw;
    height: calc(100vw * 0.667);
    position: absolute;
    bottom: 0;
  }
}*/


/******************************/
/********** ACCUEIL ***********/
/******************************/

/* Décalage photo de fond du header sur tablette et mobile */
@media (min-width: 570px) and (max-width: 959px) {
  #header-accueil .background-inner {
    background-position: -15vw top !important;
  }
}

@media (max-width: 569px) {
  #header-accueil .background-inner {
    background-position: -180px top !important;
  }
}

/* Icônes cerclées */
.icone-slider-accueil .fa-stack {
  color: black;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  border-width: 2.5px !important;
}

/* Règle transparence des icônes avec animation en entrée */
html:not(.no-cssanimations) body:not(.fp-waiting) .animate_when_almost_visible.start_animation:not(.zoom-reverse):not(.srcset-lazy-animations).icone-slider-accueil {
  mix-blend-mode: lighten;
}

/* Numéro épisode */
.numero-episode .heading-text {
  position: relative;
  height: 200px;
}

.numero-episode .heading-text>p {
  position: absolute;
  top: 50%;
  left: 58%;
  transform: translate3d(-50%, -50%, 0);
}

.numero-episode .text-top-reduced {
  margin-top: 0;
  position: absolute;
  top: 40%;
  left: 36%;
  transform: translate3d(-50%, -50%, 0);
}

.numero-episode .text-top-reduced p {
  font-size: 32px;
  margin-top: 0;
}

.fontsize-189383 {
  font-size: 150px;
}

/* Bouton play */
.bouton-play .icon-box-icon a i {
  transition: ease-in-out .3s;
}

.bouton-play .icon-box-icon:hover a i {
  transform: scale(1.1);
}

/* Bouton partenaire */
#bouton-partenaire {
  font-family: 'Braliyon' !important;
  font-size: 34px;
  letter-spacing: 0.05em;
  padding: 27px !important;
  border-radius: 12px;
}

@media (max-width: 569px) {
  /* Si supprimé, plus besoin de la classe !!!
  .colonne-dernier-episode>.uncol>.uncoltable>.uncell>.uncont .bords-arrondis {
    padding: 27px !important;
  }*/

  .numero-episode .heading-text {
    height: 130px;
  }

  .numero-episode .text-top-reduced p {
    font-size: 26px;
  }

  .fontsize-189383 {
    font-size: 120px;
  }

  #bouton-partenaire {
    font-size: 22px;
  }
}


/*********************************/
/********** LE PODCAST ***********/
/*********************************/

/* Carrousel épisodes */
@media (max-width: 969px) {
  .carrousel-episodes {
    width: 90%;
  }
}


/******************************/
/********** ÉPISODE ***********/
/******************************/

/* Style bouton "Écouter" */
/*.bouton-url-podcast {
  padding: 8px 24px 16px !important;
}*/

/*.bouton-url-podcast i {
  font-size: 24px;
  top: 5px !important;
}*/

/* Texte boutons "Écouter" selon taille d'écran */
@media screen and (min-width: 570px) {
  .bouton-mobile {
    display: none;
  }
}

@media screen and (max-width: 569px) {
  .bouton-desktop {
    display: none;
  }
}

.navigation-episode .drop-image-extra {
  margin-bottom: 10px;
}


/*******************************/
/********** À PROPOS ***********/
/*******************************/

/* Marges liste */
.liste-types-episodes,
.liste-types-episodes ul {
  margin-top: 18px !important;
}

.liste-types-episodes li {
  margin-bottom: 10px;
}

/* Couleur des puces de la liste */
.liste-types-episodes li::marker {
  color: var(--wine-red);
}


/***************************/
/********** BLOG ***********/
/***************************/

/* Padding au-dessus des titres */
.grille-blog .tmb-no-bg.tmb .t-entry-text .t-entry-text-tc {
  padding-top: 18px !important;
}


/*****************************/
/********** FOOTER ***********/
/****************************/

/* Carrousel épisodes préférés */
@media (max-width: 969px) {
  .carrousel-episodes-preferes {
    width: 90%;
    left: 5%;
  }
}

/* Padding copyright */
footer .footer-center {
  padding-top: 36px;
  padding-bottom: 72px;
}











/* Provisoire */
#menu-item-457 {
  display: none;
}