/*
Theme Name: OneTouchChild3
Theme URI: http://theme.crumina.net/
Description: One Touch child theme - PHP 8.2 Compatible
Author: Crumina
Author URI: http://crumina.net
Template: OneTouch3
Version: 1
*/

/*****************************************************************
Add Custom styles below 
******************************************************************/

/**
 * Hard override
 */
 /* Search form */
#searchform::after, #bbp-search-form::after {margin: 8px 6px 0 0 !important;}
/* Footer tiles */
#sidebar-footer2 .main-menu-item {display: inline-block !important; min-width: 115px; width: auto;}

/*h1, h2, h3, h4, h5, h6 { font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; }*/

/*setup les proportions des header et de la typo du site*/
:root { font-size: 18px; }

/* 18px si root est 18px */
p  { /*font-size: 18px;*/ font-size: 1rem; font-family: 'Gill-Sans-Medium', Arial, Helvetica, sans-serif; }
h1 { /*font-size: 42px;*/ font-size: 2.333rem; font-family: 'Signategrotesk-black', Arial, Helvetica, sans-serif; }
h2{  /*font-size: ~40px;*/ font-size: 2.22rem; font-family: 'Gill-Sans-Bold', Arial, Helvetica, sans-serif; }

h2 span{ color : #e95520 !important; }
h3 { /*font-size: 36px;*/ font-size: 2rem;  font-family: 'Gill-Sans-Bold', Arial, Helvetica, sans-serif; }
h4{  /*font-size: 20px;*/ font-size: 1.11rem; font-family: 'Gill-Sans-Bold',  Arial, Helvetica, sans-serif; }
h5 { /*font-size: 19px;*/ font-size: 1.05rem; font-family: 'Gill-Sans-Bold',   Arial, Helvetica, sans-serif; }
/* 18px — même que le body, mais en gras */
h6 { /*font-size: 18px;*/font-size: 1rem; font-family: 'Gill-Sans-Bold',  Arial, Helvetica, sans-serif; }
body { font-family:'Gill-Sans'; }

.home-content {padding-left :40px;}
.home-incontournable {margin-left :60px; margin-right: 20px;}
#main-wrapper{overflow: hidden;}
/* Mobile menu */
/*.js #mobile-menu {height: auto !important;}
#mobile-menu-button {display: none !important;}
.main-menu-item.inaube > .sub-menu{opacity: 1;visibility: visible;display: block;}*/
.menu-item.inaube > .sub-menu{opacity: 1;visibility: visible;display: block;}


/* Center home tiles */
.home-center-tiles .tiles-block.tiles_module.module{text-align: center;}
.home-center-tiles .tiles-block .tile-item {display: inline-block; float: none !important;}

/* Footer tiles fix */
.sidebar .metro-menu-item .item-title { left: 0px !important; width: 100% !important; padding: 0 5px !important; bottom: 10px !important;}
.sidebar .metro-menu-item .item-title { word-wrap: break-word; }

/* Title pages fix */
#back-history-button i {position: absolute !important;}
#stunning-header .inner {padding-right: 44px !important;}
#stunning-header .page-title {
    font-family: 'Signategrotesk-black';
    margin-left: 10px;
    font-size:2.33rem
    }
/*taille de font de base du header du site*/
.site-header {
    font-size: 18px;
}
.no-customizer.tiled-menu > .menu-item {
    font-size: 20px !important;
    margin-left: 30px !important;
    font-weight: normal;
    font-family: 'Gill-Sans-Medium';
}
.no-customizer.tiled-menu .sub-menu a {
    font-size: 16px !important;
    font-weight: normal;
}


/* Cookie law */
#cn-accept-cookie { margin-bottom: 0px !important;}

/* Accessibility */
.a11y-toolbar ul { border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important;}
.a11y-toolbar a:hover { color: #2AA6E3 !important; }
.a11y-toolbar ul li a { background: #2AA6E3 !important; }
.a11y-toolbar ul li a:hover { background: #fff !important; color: #000 !important; }
.a11y-toolbar ul li:first-child a { border-top-right-radius: 0px !important; }
.a11y-toolbar ul li:last-child a { border-bottom-right-radius: 0px !important;} 
.a11y-toolbar a { color: #fff !important; }
.fontsize h1 { font-size: 3.4rem !important}
.fontsize h2 { font-size: 2.95rem !important; }
.fontsize h3 { font-size: 2.41rem !important; }
.fontsize h4 { font-size: 2.05rem !important; }
.fontsize li { font-size: 1.25rem !important; }
.fontsize .block-title{ font-size: 30px !important; }
.fontsize .subtitle{ font-size: 15px !important; }
.fontsize .tiled-menu  .sidebar .metro-menu-item .item-title .menu-link .main-menu-link { font-size: 15px !important; }
.fontsize .tiled-menu .sub-menu a { font-size: 17.5px !important; }
.fontsize #menu-primary-navigation > li.metro-menu-item.main-menu-item.menu-item-even.menu-item-depth-0.style-metro > a > span.item-title { font-size: 17.5px !important; }
.fontsize .tabs-style a { font-size: 17.5px !important; }
.fontsize #menu-footer-tiles > li.metro-menu-item.main-menu-item.menu-item-even.menu-item-depth-0.style-classic > a > span.item-title{ font-size: 15px; }
@media only screen and (max-width: 768px) { .a11y-toolbar { display: none !important;} }

/* Langue selector top bar */
#lang_sel_list { margin: 0; padding: 0px; text-align: right; font: 11px Verdana, sans-serif; clear: both; background-color: #fff; padding-bottom: 10px; height: auto; }
#lang_sel_list ul { list-style: none; margin:0; padding:0; border: 0 !important; }
#lang_sel_list ul li img { position: relative; top: 1px; width: 18px; height: 12p }
#lang_sel_list ul li { display:inline; margin:0 1px 0 0; padding:0; white-space: nowrap; line-height: auto !important; }
#lang_sel_list ul li a, #lang_sel_list ul li a:visited { text-decoration: none; padding: 0px 10px; }
#lang_sel_list a, #lang_sel_list a:visited { display: inline-block !important; background: white !important; }
#lang_sel_list li { float: none; }
#header .logo, #header .tiled-menu { padding-top: 0px !important;}

/* Blog CSS */
blockquote.alignleft, img.alignleft { margin: 7px 24px 7px 0; }

blockquote.alignright, img.alignright { margin: 7px 0 7px 24px; }

/* Author CSS */
.author-description { margin-bottom: 10px; }

/* Flipbook */
.flipbooks-table.fixed { position: inherit !important; }

/* PickaDate  */
.pika-cnstell-single .pika-cnstell-day { color: #333; }

/** V2 **/
body { margin-top: 0px !important; }
#header-top-bar { text-align: right; font-size: 14px; display: inline-block; color: white; float: right; padding: 10px; background-color: #f090b4; border-bottom-left-radius: 90px;
    border-bottom-right-radius: 90px; }
#header-top-bar .header-border-left { width: 15px; } 
#header-top-bar .header-border-right { width: 10px; }
#header-top-bar div { display: inline-block; margin-bottom: 5px; margin-top: 5px; }
#header-top-bar a { color: white; }
#header-top-bar .header-languages a:hover { text-decoration: underline; }
#header-top-bar .header-separator { padding-left: 10px; padding-right: 10px; }
#header-top-bar .header-socials-content a { background-color: white; color: #f090b4; border-radius: 99px; padding: 3px; margin-left: 5px; }
nav .logo { text-align: left !important; width: 150px !important; }
nav .logo img { width: 150px; margin-top: 0px; }
nav .tiled-search { width: 307px; margin-left: 40px !important; float:left!important; }
nav #menu-main-menu, nav #menu-main-menu-allemand, nav #menu-main-menu-anglais {float:right!important; }
nav { color: #ea5621 !important; }
nav .no-customizer.tiled-menu { float: left !important; padding: 0px; min-height: 0px; margin-left: 0px; margin-bottom: 20px !important; height: 36px; line-height: 36px; }
nav input { border: none !important; border-bottom: 1px solid #ea5621 !important; margin-bottom: 0px !important; padding: 0 !important; background: white !important; box-shadow: none !important; font-weight: 600 !important; }
nav input::placeholder { color: #ea5621 !important; font-weight: 600; }
nav #searchsubmit { z-index: 1 !important; }
nav #searchform::after { margin: 0px 0px 0 0 !important; color: #ea5621 !important;  }
nav .no-customizer.tiled-menu > .menu-item:hover > a { text-decoration: underline; }
nav .no-customizer.tiled-menu .sub-menu li { background-color: #f090b4 !important; border-bottom: 1px solid #f090b4; }
nav .no-customizer.tiled-menu .sub-menu a { line-height: 30px; height: 30px; text-transform: math-auto; }
nav .no-customizer.tiled-menu .sub-menu a:hover { background-color: #f090b4 !important; }

/*logo*/
#topmenu > ul:nth-child(1) {margin-top:0px}


#stunning-header { margin-top: 2rem; }

#linkTop { color: #f090b4 !important }
.backtotop {bottom:50px!important;}

#footer {padding-bottom: 40px;}
#footer.site-footer { background-color: #ea5621 !important; }
#footer.site-footer .footer-middle { min-height:230px; background-color: #ea5621 !important; background-image: url("footer-background.png"); background-repeat: no-repeat; background-position: center top; }
#footer.site-footer .footer-mobile { min-height:230px; background-color: #ea5621 !important; background-image: url("footer-background.png"); background-repeat: no-repeat; background-position: center top; display:none}
#footer.site-footer .footer-left { font-family: "Gill-Sans-Bold"; padding-left: 30px; font-size: 14px;}
#footer.site-footer .footer-right { padding-right: 30px; text-align: right; color: white;  }
#footer.site-footer .menu { margin-left: 0px; }
#footer.site-footer .menu .menu-item { padding: 0px; }
#footer.site-footer .menu .menu-item > a { color: white; }
#footer.site-footer > .row { display: flex; }
#footer.site-footer .footer-right .inner-footer, #footer.site-footer .footer-right .inner-footer > .row, #footer.site-footer .footer-right .inner-footer > .row > .sidebar { height: 100%; }
#footer.site-footer .footer-right .sidebar { align-items: center; display: flex; }
#footer.site-footer .footer-right .footer-email { text-decoration: underline; }
#footer.site-footer .footer-right .footer-contact-icon { position: absolute; top: 68px; right: 7px; }
.menu-footer-tiles-container .menu{    
    font-size: 14px;
}
#menu-footer-tiles { font-size: 14px; }

.inline-flex { display:inline-flex; }

.bold { font-weight:bold; }
/*boutons */
.vc_btn3-color-pink{ font-family: "Gill-Sans-Bold"; background-color: #f08eb1 !important; font-size:1rem!important; } border:none
.vc_btn3-color-warning { font-family: "Gill-Sans-Bold"; background-color: #f08eb1 !important; font-size:1rem!important;  border:none}
.vc_btn3-color-orange{ font-family: "Gill-Sans-Bold"; background-color: #e95520 !important; font-size:1rem!important; border:none}
.vc_btn3-color-juicy-pink { font-family: "Gill-Sans-Bold"; border: 2px solid #f08eb1 !important; color: #f08eb1 !important; background-color: white !important; font-size:1rem!important;  border:none}
.vc_btn3-color-juicy-pink:hover { text-decoration: underline!important; }
.cdt-btn-brown { font-family: "Gill-Sans-Bold"; background-color: #e95520 !important; font-size:1rem!important; }
/* tab search*/
#main-content > div > div > div:nth-child(1) > div > dl > dd.active.width-33p.border-right-white > a { background-color: #e95520; }
/*#main-content > div > div > div:nth-child(1) > div > dl > dd.width-33p > a { background-color: #f08eb1; }*/

/*blog extrait home page*/
.blog-extrait  { display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden; }

/* Theme aube en champagne **/
/*image demi asterisque*/
.halfstar::before {
    content: "";
    display: inline-block;
    width: 40px; 
    height: 60px;
    background-image: url('/assets/themes/OneTouchChild/halfstar.png'); /* adapte si l'image est ailleurs */
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
  }
  .line > h2{
    line-height:40px;
}

  .halfstar-up {
    text-align: center;
    position: relative;
    padding-top: 30px; /* espace au-dessus du titre pour l’image */
  }
  
  .halfstar-up::before {
    content: "";
    background-image: url('/assets/themes/OneTouchChild/halfstar-up.png'); 
    background-size: contain;
    background-repeat: no-repeat;
    width: 60px; /* ajuste selon la taille souhaitée */
    height: 60px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }




/** V2 mobile menu **/
@media screen and (max-width: 768px) {
    #header-top-bar { float: none; text-align: center; display: block; }
    #mobile-logo { margin-top: 20px; }
    #mobile-logo img { max-height: 125px }
    #mobile-menu-button .button.secondary { background-color: #f090b4;  }
    nav#mobile-menu .no-customizer.tiled-menu { height: auto; }
    nav#mobile-menu .no-customizer.tiled-menu > .menu-item { display: block; height: auto; margin-left: 0px !important; padding-left: 20px; padding-right: 20px; }
    nav#mobile-menu .no-customizer.tiled-menu > .menu-item.menu-item-has-children > a::after { content: "\25bc"; float: right; }
    nav#mobile-menu ul > li > ul.sub-menu { position: relative; padding-top: 10px; } 
    #footer.site-footer > .row { display: block; }
    #footer.site-footer .footer-right { width: 100%; text-align: left; }
    #footer.site-footer .footer-right { padding-left: 30px; padding-right: 0px; }
    #footer.site-footer .footer-right .footer-contact-icon { top: 13px; left: 157px; }
    #footer.site-footer .footer-mobile {display :block}
    #footer.site-footer .footer-middle {display :none}
    #footer .sidebar { text-align: center;}
    #footer.site-footer .footer-right .footer-contact-icon { left:255px; }
    .home-content {padding-left :0px; }
    .home-incontournable {margin :0px; }
    .hide-mobile {display: none;}
    /*menu fix*/
    .tiled-menu {width:100%;}
    nav .no-customizer.tiled-menu > .menu-item:hover > a { text-decoration: none; }
    .menu-item .sub-menu {display: none !important;}
    .menu-item.forced .sub-menu {display: block !important;}
    .backtotop {bottom:80px!important;}
}

/** V2 lang custom **/
html[lang="de-DE"] nav .tiled-search { width: 161px !important }

@font-face {
	font-family: "Bebas";
	src: url("fonts/bebas.ttf");
}

@font-face {
	font-family: "Homeday";
	src: url("fonts/homeday.ttf");
}

.font-bebas {
 	font-family: 'Bebas';
}

.font-homeday {
 	font-family: 'Homeday';
}

@font-face {
    font-family: "Overpass-Regular";
    src: url("fonts/Overpass-Regular.ttf");
}
@font-face {
    font-family: "Overpass-Italic";
    src: url("fonts/Overpass-Italic.ttf");
}

@font-face {
    font-family: "Overpass-Black";
    src: url("fonts/Overpass-Black.ttf");
}
@font-face {
    font-family: "Overpass-BlackItalic";
    src: url("fonts/Overpass-BlackItalic.ttf");
}
@font-face {
    font-family: "Overpass-Bold";
    src: url("fonts/Overpass-Bold.ttf");
}
@font-face {
    font-family: "Overpass-BoldItalic";
    src: url("fonts/Overpass-BoldItalic.ttf");
}
@font-face {
    font-family: "Overpass-ExtraBold";
    src: url("fonts/Overpass-ExtraBold.ttf");
}
@font-face {
    font-family: "Overpass-ExtraBoldItalic";
    src: url("fonts/Overpass-ExtraBoldItalic.ttf");
}
@font-face {
    font-family: "Overpass-ExtraLight";
    src: url("fonts/Overpass-ExtraLight.ttf");
}
@font-face {
    font-family: "Overpass-ExtraLightItalic";
    src: url("fonts/Overpass-ExtraLightItalic.ttf");
}
@font-face {
    font-family: "Overpass-Light";
    src: url("fonts/Overpass-Light.ttf");
}
@font-face {
    font-family: "Overpass-LightItalic";
    src: url("fonts/Overpass-LightItalic.ttf");
}
@font-face {
    font-family: "Overpass-SemiBold";
    src: url("fonts/Overpass-SemiBold.ttf");
}
@font-face {
    font-family: "Overpass-SemiBoldItalic";
    src: url("fonts/Overpass-SemiBoldItalic.ttf");
}
@font-face {
    font-family: "Overpass-Thin";
    src: url("fonts/Overpass-Thin.ttf");
}
@font-face {
    font-family: "Overpass-ThinItalic";
    src: url("fonts/Overpass-ThinItalic.ttf");
}
@font-face {
    font-family: "Signategrotesk-black";
    src: url("fonts/Signategrotesk-black.ttf");
}
@font-face {
    font-family: "Gill-Sans";
    src: url("fonts/Gill-Sans.ttf");
}
@font-face {
    font-family: "Gill-Sans-Medium";
    src: url("fonts/Gill-Sans-Medium.ttf");
}
@font-face {
    font-family: "Gill-Sans-Bold";
    src: url("fonts/Gill-Sans-Bold.ttf");
}