/*
Theme Name: Les Beaux Jours
Theme URI: https://www.les-beaux-jours.fr/
Author: AmyXdesign
Description: Thème pour le site web de l'entreprise de design et d'innovations sociales Les Beaux Jours. 
Version: 1.0
Tags: web design, design, social, service
Text Domain: les-beaux-jours
Template : Twenty Twenty-Four

/*

1. Installation en local des polices et configuration CSS
2. Bannière de cookies complianz
3. Bouton back to top




 1. ------------------------ Installation en local des polices et code CSS correspondant ---------------------- */ 
  @font-face{
    font-family: 'PoppinsBlack';
    src: url('assets/fonts/Poppins-ExtraBold.woff2') format("woff2");
  }

   @font-face{
    font-family: 'PoppinsBold';
    src: url('assets/fonts/Poppins-Bold.woff2') format("woff2");
  }

  @font-face{
    font-family: 'PoppinsExtraBold';
    src: url('assets/fonts/Poppins-ExtraBold.woff2') format("woff2");
  }

  @font-face{
    font-family: 'PoppinsSemiBold';
    src: url('assets/fonts/Poppins-SemiBold.woff2') format("woff2");
  }

  @font-face{
    font-family: 'PoppinsMedium';
    src: url('assets/fonts/Poppins-Medium.woff2') format("woff2");
  }

    @font-face{
    font-family: 'PoppinsRegular';
    src: url('assets/fonts/Poppins-Regular.woff2') format("woff2");
  }


    @font-face{
    font-family: 'PoppinsMediumItalic';
    src: url('assets/fonts/Poppins-MediumItalic.woff2') format("woff2");
  }

    @font-face{
    font-family: 'PoppinsItalic';
    src: url('assets/fonts/Poppins-Italic.woff2') format("woff2");
  }

    @font-face{
    font-family: 'PoppinsLight';
    src: url('assets/fonts/Poppins-Light.woff2') format("woff2");
  }

      @font-face{
    font-family: 'PoppinsLightItalic';
    src: url('assets/fonts/Poppins-LightItalic.woff2') format("woff2");
  }

    @font-face{
    font-family: 'PoppinsExtraLight';
    src: url('assets/fonts/Poppins-ExtraLight.woff2') format("woff2");
  }

    @font-face{
    font-family: 'PoppinsExtraLightItalic';
    src: url('assets/fonts/Poppins-ExtraLightItalic.woff2') format("woff2");
  }

      @font-face{
    font-family: 'PoppinsThin';
    src: url('assets/fonts/Poppins-Thin.woff2') format("woff2");
  }

    @font-face{
    font-family: 'PoppinsThinItalic';
    src: url('assets/fonts/Poppins-ThinItalic.woff2') format("woff2");
  }


  @font-face{
    font-family: 'Bookman';
    src: url('assets/fonts/bookmanoldstyle.woff2') format("woff2");
  }

    @font-face{
    font-family: 'BookmanItalic';
    src: url('assets/fonts/bookmanoldstyle_italic.woff2') format("woff2");
  }


a {
    color: var(--noir);
}

body{
    margin:0px;
}


h1{
    font-family:'PoppinsBlack';
}

h2{
    font-family:'PoppinsBlack';
}

h3{
font-family:'PoppinsBlack';
}

h4{
    font-family:'PoppinsMedium';
}

h5{
    font-family:'PoppinsLight'
}

h6{
    font-family:'PoppinsLightItalic'
}

p{
    font-family:'PoppinsMedium';
    line-height:1.2;
    color:var(--noir);
}

ul, li{
  line-height:1.2;
}

.baseline{
    font-family:'BookmanItalic';
    letter-spacing: -25px;
}

strong {
  font-family: 'PoppinsBold';
}

b {
  font-family:'PoppinsBold';
}

em, i {
  font-family:'PoppinsRegular';
}

:root {
--orange: #FF8446;
--jaune: #FBE46A;
--noir: #1F1E36;
--vert: #00B177;
--bleu: #55C2E0;
--violet: #B781DB;
--blanc: #F4EEE8;
}




/* 2. ---------------- bannière de cookies complianz -------------------------- */

.cky-consent-container .cky-consent-bar{
  border-radius:0 !important;
}

.cky-notice .cky-title{
  font-family: 'PoppinsMedium';
  font-size: 1rem !important;
}

.cky-notice-group{
  font-family: 'PoppinsMedium';
}

.cky-consent-bar .cky-notice-des p, .cky-gpc-wrapper .cky-gpc-desc p, .cky-preference-body-wrapper .cky-preference-content-wrapper p, .cky-accordion-header-wrapper .cky-accordion-header-des p, .cky-cookie-des-table li div:last-child p{
  font-family: 'PoppinsMedium';
  font-size: 0.8rem;
}

.cky-consent-bar button:hover, .cky-modal.cky-modal-open button:hover{
  background-color: white !important;
  color: var(--orange) !important;
  opacity: 1 !important;
  transition: all 0.2s;
}

.cky-consent-bar button:focus, .cky-modal.cky-modal-open button:focus{
  background-color: var(--orange) !important;
  color: white !important;
  opacity: 1 !important;
  transition: all 0.2s;
}

.cky-notice-btn-wrapper .cky-btn, .cky-prefrence-btn-wrapper .cky-btn{
  border-radius: 50px;
  border: 1px solid;
  transition:all 0.2s;
}

.cky-preference-center{
  font-family:'PoppinsMedium';
}

.cky-preference-header .cky-preference-title{
  font-size:1rem !important;
}

.cky-accordion-header .cky-accordion-btn{
  font-size:0.9rem !important;
}

.cky-modal.cky-modal-open{
  border-radius:0;
}

/* 3. ------------------------------- Bouton back to top -------------------------------- */
button.back-to-top{
    margin: 0 !important;
    padding: 0 !important;
    background: white;
    height: 0px;
    width: 0px;
    overflow: hidden;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    color: transparent;
    clear: both;
    visibility: hidden;
    position: fixed;
    cursor: pointer;
    display: block;
    border: none;
    right: 50px;
    bottom: 75px;
    font-size: 0px;
    outline: 0 !important;
    z-index: 99;
    transition: all .3s ease-in-out;
  }
  button.back-to-top:hover,
  button.back-to-top:active,
  button.back-to-top:focus{
    outline: 0 !important;
  }

  button.back-to-top.show {
    display: block;
    background: white;
    font-size: 25px;
    right: 25px;
    bottom: 50px;
    height: 50px;
    width: 50px;
    visibility: visible;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.12);
  }
  button.back-to-top.show:active {
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.12);
  }

.back-to-top svg{
    width: 85%;
    position:relative;
  }