/*
    Theme Name: Edouard Tièche
    Theme URI: https://edouard-tieche.ch
    Author: karac web
    Author URI: https://karac.ch
    Version: 1.0
    Text Domain: tieche
*/

/* Couleurs par défaut */
:root {
    --primary-tieche: #FCF6F0;
    --lightest-tieche: #FFF;
    --dark-tieche: #A19468;
    --darkest-tieche: #000;
}
/* END Couleurs */


/* Fonts */
@font-face {
    font-family: abrilFatfaceRegular;
    src: url(fonts/abrilfatface-regular.ttf);
}
@font-face {
    font-family: montserratRegular;
    src: url(fonts/montserrat-regular.ttf);
    /*font-weight: bold;*/
}
@font-face {
    font-family: montserratBold;
    src: url(fonts/montserrat-bold.ttf);
    /*font-weight: bold;*/
}

/* END Fonts */


/* General */
html {
    scroll-behavior: smooth;
    scroll-padding-top: 80px; /* Corrige problème d'ancre */
}

body {
    font-family: montserratRegular;
    /*font-size: 18px;*/
    font-size: 16px;
}
a {
    text-decoration: none;
    color: var(--lightest-tieche);
    transition: all 0.3s ease;
}
a:hover {
    text-decoration: underline;
}
p a {
    text-decoration: underline;
    font-weight: bold;
    color: var(--darkest-tieche);
}
#tinymce a {
    color: black;
}
h1 {
    font-family: abrilFatfaceRegular;
    font-size: 40px;
}
h2 {
    padding-bottom: 1rem;
    font-size: 26px;
    font-family: abrilFatfaceRegular;
    line-height: 1;
    text-transform: uppercase;
}
h2 br{
    display:none;
}
h3 {
    padding-bottom: 0.8rem;
    font-size: 20px;
    font-family: abrilFatfaceRegular;
    line-height: 1;
    text-transform: uppercase;
}
#main-page-content {
    margin-top: 115px;
}
/* END General */


/* utility classes */
strong{
    font-family: montserratBold;
    font-weight: normal;
}
.pt-small {
    padding-top: 0;
}
.pt-big {
    padding-top: 3rem;
}
.pb-small {
    padding-bottom: 0;
}
.pb-big {
    padding-bottom: 3rem;
}
.more-content-btn {
    display: block;
    padding: 0;
    padding-bottom: 20px;
    background-color: transparent;
    border: none;
    font-weight: 600;
    text-decoration: underline;
}
.custom-btn {
    display: inline-block;
    padding: 8px 20px;
    background-color: var(--primary-tieche)!important;
    border: 1px solid var(--darkest-tieche)!important;
    border-radius: 50px;
    color: var(--darkest-tieche);
    font-family: montserratBold;
    transition: all 0.3s ease;
    text-decoration: none;
}
.custom-btn:hover {
    background-color: var(--darkest-tieche)!important;
    color: var(--primary-tieche)!important;
    border-color: var(--darkest-tieche)!important;
    text-decoration: none;
}
.t-dark-bg {
    background-color: var(--primary-tieche);
}
.t-darkest-bg {
    background-color: var(--darkest-tieche);
    color: var(--primary-tieche);
}
.t-darker-bg {
    background-color: var(--dark-tieche);
    color: var(--primary-tieche);
}
/* END utility classes */


/* header */
.navbar {
    background-color: var(--primary-tieche);
}
.navbar .main-logo {
    transform: rotate(-2deg);
    width: 200px;
}
.navbar-nav .nav-link {
    text-transform: uppercase;
    font-family: montserratRegular;
    font-size: 18px;
}
.top-page-picture {
    position: relative;
    width: 100%;
    height: 200px;
}
.top-page-picture.t-home {
    height: 300px;
}
.top-page-picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.top-page-picture h1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 40px;
    color: var(--lightest-tieche);
    text-transform: uppercase;
    text-align: center;
}
.navbar-toggler {
    border: 0;
}
/*.navbar-toggler:not(.collapsed) .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg style='enable-background:new 0 0 24 24;' version='1.1' viewBox='0 0 24 24' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cstyle type='text/css'%3E .st0%7Bopacity:0.2;fill:none;stroke:%23000000;stroke-width:5.000000e-02;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='grid_system'/%3E%3Cg id='_icons'%3E%3Cpath d='M5.3,18.7C5.5,18.9,5.7,19,6,19s0.5-0.1,0.7-0.3l5.3-5.3l5.3,5.3c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3 c0.4-0.4,0.4-1,0-1.4L13.4,12l5.3-5.3c0.4-0.4,0.4-1,0-1.4s-1-0.4-1.4,0L12,10.6L6.7,5.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4 l5.3,5.3l-5.3,5.3C4.9,17.7,4.9,18.3,5.3,18.7z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
}*/
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' style='enable-background:new 0 0 48 48;' version='1.1' viewBox='0 0 48 48' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M25.4,24L41.7,7.7c0.4-0.4,0.4-1,0-1.4s-1-0.4-1.4,0L24,22.6L7.7,6.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4L22.6,24L6.3,40.3 c-0.4,0.4-0.4,1,0,1.4C6.5,41.9,6.7,42,7,42c0.3,0,0.5-0.1,0.7-0.3L24,25.4l16.3,16.3c0.2,0.2,0.5,0.3,0.7,0.3 c0.3,0,0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4L25.4,24z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}
.navbar-toggler:focus {
    box-shadow: none;
    outline: none;
}
.main-title {
    text-transform: uppercase;
}
/* END header */


/* Accueil */

/* END Accueil */



/* Bloc texte */
.bloc-texte a{
    color:inherit;
}
/* END Bloc texte */


/* Bloc texte-image */
.bloc-texte-image img {
    max-width: 100%;
    height: auto;
}
.bloc-texte-image .content {
    max-width: 460px;
}
.bloc-texte-image .content a{
    color: var(--darkest-tieche);
}
.bloc-texte a{
    color: var(--darkest-tieche);
}
.bloc-lettrine a{
    color: var(--darkest-tieche);
}
.accordion-body a{
    color: var(--darkest-tieche);
}
/* END Bloc texte-image */
/* Bloc video */
.bloc-video .content {
    max-width: 460px;
}
/* END Bloc video */

/* Bloc titre */
.bloc-titre .title {
    padding-bottom: 0;
    margin: 0;
}
/* END bloc titre */

/* Bloc image */
.bloc-image-full {
    position: relative;
}
.bloc-image-full .title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 40px;
    color: var(--lightest-tieche);
    text-transform: uppercase;
    text-align: center;
}
.bloc-image-full img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
/* END bloc image */

/* Bloc formulaire */
.bloc-formulaire .acf-fields > .acf-field{
    border-width: 0px;
}
/* END Bloc formulaire */

/* Bloc lettrine */
.lettrine {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* Bloc lettrine */

/* Bloc cartes */
.bloc-cartes:not(.t-dark-bg) .card {
    background-color: var(--primary-tieche);
}
.bloc-cartes:not(.t-dark-bg) .no-card .card {
    text-align: left;
    background-color: var(--lightest-tieche);
}
.bloc-cartes:not(.t-dark-bg) .no-card .card-body {
    padding: 0;
    max-width: 500px;
}
.bloc-cartes:not(.t-dark-bg) .custom-btn, .bloc-texte-image.t-dark-bg .custom-btn, .bloc-texte.t-dark-bg .custom-btn, .bloc-video.t-dark-bg .custom-btn {
    background-color: var(--lightest-tieche);
}
.bloc-cartes:not(.t-dark-bg) .no-card .custom-btn {
    background-color: var(--primary-tieche);
}
.bloc-cartes:not(.t-dark-bg) .custom-btn:hover, .bloc-texte-image.t-dark-bg .custom-btn:hover, .bloc-texte.t-dark-bg .custom-btn:hover, .bloc-video.t-dark-bg .custom-btn:hover {
    background-color: var(--darkest-tieche);
    color: var(--primary-tieche);
    border-color: var(--darkest-tieche);
    text-decoration: none;
}
/* END Bloc cartes */

/* Forms */
.acf-fields>.acf-field {
    padding: 0 !important;
}
.acf-input {
    margin-bottom: 2rem;
}
/*.acf-field[data-width] {
    width: 100% !important;
}*/
.acf-field[data-width] + .acf-field[data-width] {
    border-left: 0 !important;
}
input[type=text], input[type=password], input[type=email], input[type=number], textarea {
    padding-left: 0 !important;
    border: 0;
    border-bottom: 1px solid var(--darkest-tieche);
    outline: 0;
}
.acf-field .acf-label label {
    font-family: 'montserratRegular';
    text-transform: uppercase;
    font-size: 16px;
}
.acf-required {
    color: var(--darkest-tieche) !important;
}
.form-col-lg-6 {
    width: 100% !important;
}
/* END bloc Forms */

/* Bloc accordeon */
.accordion h3 {
    font-family: 'montserratBold';
    font-size: 20px;
    padding-bottom: 0;
    text-transform: uppercase;
}
.accordion-item {
    margin-bottom: 1rem;
    outline: 1px solid var(--darkest-tieche);
    border-radius: 35px !important;
    /*background-color: var(--primary-tieche);*/
}
.t-dark-bg .accordion-item {
    /*background-color: var(--lightest-tieche);*/
}
.accordion-button {
    background-color: transparent;
    padding-right: 23px;
    line-height: 1.4;
    font-size:18px;
}
.accordion-button:focus {
    box-shadow: none;
}
.accordion-button:not(.collapsed) {
    border-radius: 35px !important;
    background-color: transparent;
    box-shadow: none;
}
.t-dark-bg .accordion-button:not(.collapsed) {
    border-radius: 35px !important;
    background-color: transparent;
    box-shadow: none;
}

/* END Bloc accordeon */
.slide-up-arrow {
    margin-bottom: 30px;
}
.slide-up-arrow svg {
    margin-bottom: 2px;
    width: 30px !important;
    height: 30px !important;
}


.bloc-cartes .card,
.bloc-publication .card {
    border-radius: 0;
    border: 0;
}
.bloc-cartes .card-img {
    height: 360px;
    padding: 2rem 2rem 0 2rem;
    border-radius: 0;
    overflow: hidden;
}
.bloc-cartes .card-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.bloc-cartes .card-body {
    padding: 40px 80px;
}
/* END bloc cartes */

/* bloc publication */
.bloc-publication:not(.t-dark-bg) .card {
    background-color: var(--primary-tieche);
}
.bloc-publication:not(.t-dark-bg) .custom-btn {
    background-color: var(--lightest-tieche);
}
.custom-btn.t-invert {
    color: var(--lightest-tieche);
    background-color: var(--darkest-tieche);
}
.custom-btn.t-invert:hover {
    color: var(--darkest-tieche);
    background-color: var(--lightest-tieche);
    border-color: var(--darkest-tieche);
}
.bloc-publication img {
    object-fit: cover;
    width: 100%;
}
.bloc-publication .card-body {
    padding: 40px 28px;
}
.bloc-publication:not(.t-dark-bg) .custom-btn {
    background-color: var(--lightest-tieche);
}
.bloc-publication:not(.t-dark-bg) .no-card .custom-btn {
    background-color: var(--primary-tieche);
}
.bloc-publication:not(.t-dark-bg) .custom-btn:hover {
    background-color: var(--darkest-tieche);
    color: var(--primary-tieche);
    text-decoration: none;
}
/* END bloc publication */


/* publication */
.publication-detail h1 {
    text-transform: uppercase;
}



/* Page 404 */
#error{
    min-height: 70vh;
}
/* END Page 404 */


/* footer */
.main-footer ul {
    padding: 0;
    list-style-type: none;
}
/* END footer */

/* jpg reader */
#reader-page-container {
    font-size: 14px;
}
#reader-page {
    display: inline-block;
    padding: 4px;
    width: 40px;
    font-size: 14px;
    text-align: center;
    background-color: var(--darkest-tieche);
    color: var(--lightest-tieche);
    border: 1px solid var(--lightest-tieche);
}
input[type='number'] {
    -moz-appearance:textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
#reader-header button {
    width: 53px;
    outline: 0;
    border: 0;
    background-color: transparent;
}
#reader-header button svg {
    width: 50px;
    height: auto;
}
#reader-header button.t-small {
    padding: 0;
    width: 40px;
}
#reader-header button.t-small svg {
    width: 40px;
}

/*.reader-print {
    position: absolute;
    right: 0;
    top: 27px;
}*/
.reader-print svg {
    width: 40px !important;
}
.reader-print path,
.reader-print rect,
.reader-print circle {
    stroke-width: 24px !important;
    transition: all 0.3s ease;
}
.reader-print:hover path,
.reader-print:hover rect,
.reader-print:hover circle {
    stroke-width: 30px !important;
}
.reader-left-arrow svg,
.reader-right-arrow svg {
    width: 50px;
    height: auto;
    transition: all 0.3s ease;
}
.reader-left-arrow svg:hover,
.reader-right-arrow svg:hover {
    stroke-width: 2px;
}
.reader-left-arrow svg line,
.reader-right-arrow svg line,
.reader-left-arrow svg polyline,
.reader-right-arrow svg polyline,
.reader-left-arrow svg circle,
.reader-right-arrow svg circle {
    stroke: var(--lightest-tieche);
}
#reader-zoom {
    position: absolute;
    top: 27px;
    /*right: 24px;*/
    right: 20px;
}
#reader-zoom .reader-plus,
#reader-zoom .reader-minus {
    width: 40px;
}
#reader-zoom .reader-plus svg,
#reader-zoom .reader-minus svg {
    width: 40px;
}
.reader-plus line,
.reader-plus rect,
.reader-plus circle {
    stroke-width: 12px !important;
    transition: all 0.3s ease;
}
.reader-minus line,
.reader-minus rect,
.reader-minus circle {
    stroke-width: 12px !important;
    transition: all 0.3s ease;
}
.reader-plus:hover line,
.reader-plus:hover rect,
.reader-plus:hover circle {
    stroke-width: 22px !important;
}
.reader-minus:hover line,
.reader-minus:hover rect,
.reader-minus:hover circle {
    stroke-width: 22px !important;
}
#reader-header {
    position: relative;
    padding: 20px 0;
}
#reader-img-container {
    text-align: center;
}
#reader-img-container img {
    width: 90%;
}

/* jpg reader */

/* Banner cookies */
#cm,
#s-inr {
    background-color: #f7ecea;
}

#s-hdr,
#s-bns {
    background-color: #eadfde;
}




/* Media Queries */

@media screen and (max-width: 576px) {
  /* Si possible utiliser le moins possible cette mediaQuery */
  .bloc-formulaire .acf-form-fields .acf-field.col-12{
    width:100%!important;
  }
}
@media (min-width: 576px) {

}

@media (min-width: 768px) {
    body {
        /*font-size: 20px;*/
        font-size: 18px;
    }
    .form-col-lg-6 {
        width: 48% !important;
    }
    .form-col-lg-6.t-left {
        margin-right: 4% !important;
    }
    #reader-header button {
        width: 60px;
    }
    #reader-page {
        width: 60px;
        font-size: 18px;
    }
    #reader-page-container {
        font-size: 18px;
    }
    .bloc-publication .card-body {
        padding: 40px 80px;
    }
    /*.acf-field[data-width] {
        width: 48% !important;
    }
    .acf-field[data-width] + .acf-field[data-width] {
        margin-left: 4%;
    }*/
}

@media (min-width: 992px) {
    .top-page-picture h1 {
        font-size: 80px;
    }
    h2 {
        font-size: 32px;
    }
    h3 {
        font-size: 26px;
    }
    .navbar .main-logo {
        width: 294px;
    }
    h2 br{
        display:inherit;
    }
    #reader-img-container img {
        width: 60%;
    }
}

@media (min-width: 1200px) {
    
}

@media (min-width: 1400px) {
    
}

/* Adaptations manuelles par rapport au contenu */
@media screen and (min-width: 992px) and (max-width: 1408px) {
    .top-page-picture h1{
        font-size:56px!important;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
    #navbarNav .navbar-nav .nav-link{
        font-size:15px!important;
    }
}
@media screen and (min-width: 475px) and (max-width: 704px) {
   .top-page-picture h1{
        min-width: 475px!important;
    }
}
@media screen and (min-width: 345px) and (max-width: 474px) {
   .top-page-picture h1{
        min-width: 342px!important;
        font-size: 32px!important;
    }
}
@media (max-width: 345px) {
   .top-page-picture h1{
        font-size: 32px!important;
    }
}


/* END - Adaptations manuelles par rapport au contenu */


/* END Media Queries */