/*
Theme Name: Illdy for Terres de Créations
Theme URI: http://colorlib.com/wp/themes/illdy/
Template: illdy
Author: Colorlib / Pixdev
Author URI: http://colorlib.com
Description: Illdy is a stunning multipurpose WordPress theme built based on Bootstrap frontend framework making it fully responsive and mobile friendly. This theme is well suited for business, landing page, portfolio or any other creative websites. This leaves heavy lifting to WordPress Customizer therefore you can create your website on live preview mode. Which means that you can see changes happen on your website in real time as you make them
Version: 2.1.9
Tested up to: 5.6
Requires PHP: 5.6
Tags: portfolio, entertainment, blog
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio
Text Domain: illdy

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/**
 * AC 02/05/2024
 * Identité visuelle
 */

/* Couleurs */
:root {
    --color-rouge: rgb(170, 38, 43); /* #AA262B; */
    --color-maison: rgb(1, 76, 98); /* #014C62; */
    --color-maison-clair: rgb(1, 76, 98, .35);
    --color-boutique: rgb(0, 115, 114); /* #007372; */
    --color-news-border: rgb(189, 220, 201); /* #BDDCC9; */
    --color-news-fond: rgba(189, 220, 201, .35);
    --color-contact-border: rgb(151, 207, 211); /* #97CFD3; */
    --color-contact-fond: rgb(151, 207, 211, .35);
    --color-hover: rgb(106, 77, 138); /* #6a4d8a; */
}

/* Typos */
.lato-regular {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.lato-black {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-style: normal;
}  

/* Global */
body {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: normal;
    background-color: #fff;
}
h1, h2, h3 {
    font-weight: 400;
    text-transform: uppercase;
}

/* Header */
#header {
    background-color: #fff !important;
}

#sticky-wrapper, #header .is-sticky .top-header {
    background-color: var(--color-rouge);
    max-height: 180px;
}

body.home #header.header-front-page {
    background: none !important;
    background-image: none !important;
}

/* Logo */
#header .header-logo-img {
    width: 200px;
    height: 200px;
    border-radius: 100px;
    /* box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; */
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

/* Menu principal */
#header .top-header .header-navigation > ul {
    display: flex;
    align-items: center;
    margin-top: -20px;
}

#header .top-header .header-navigation ul li {
    margin-left: 20px; 
    max-width: 160px;
    height: 52px;
    border-right: solid 1px white;
    padding-right: 20px;
    text-align: center;
    line-height: 16px;
    float: none;
    display: flex;
    align-items: center;
}

#header .top-header .header-navigation ul li:last-child {
    border-right: none;
}

#header .top-header .header-navigation ul li a {
    text-transform: uppercase;
    font-weight: normal;
}

/*#header .top-header .header-navigation ul li::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 52px;
    border-right: solid 1px white;
}

#header .top-header .header-navigation ul li:last-child:after {
    border: none;
}*/

/* Jumbotron */
#header {
    background-size: auto !important;
    background-position: center !important;
}

#header .bottom-header {
    padding-top: 100px;
    padding-bottom: 140px;
}

#header .bottom-header #jumbotron-tdc-image {
    margin: 40px auto;
    width: 80%;
}

#header .bottom-header .section-description {
    color: black;
    font-size: 2em;
    line-height: 1.5em;
}

#header .bottom-header .header-button-one {
    border: solid 1px var(--color-rouge);
    background-color: var(--color-rouge) !important;
    font-size: 20px;
}

#header .bottom-header .header-button-one:hover {
    background-color: #fff !important;
    color: var(--color-rouge) !important;
}

/* Projects = boutons entités */
#projects .row {
    margin: 100px 0;
}
#projects .widget_illdy_project {
    border-radius: 20px;
    margin: 40px;
    /* padding: 30px 60px; */
}
#projects .widget_illdy_project:first-child {
    background-color: var(--color-maison) !important;
}
#projects .widget_illdy_project:last-child {
    background-color: var(--color-boutique) !important;
}
#projects .project {
    box-sizing: border-box;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-origin: content-box;
    height: 300px !important;
    padding: 60px;
}

/* Dernières actualités (latest news) */
#latest-news {
    border-top: solid 8px var(--color-news-border);
    background-color: var(--color-news-fond);
}
#latest-news h3 {
    color: #000 !important;
}
#latest-news .latest-news-button {
    color: #000;
    background-color: var(--color-news-border);
}
#latest-news .latest-news-button:hover {
    color: #fff;
}
#latest-news .facebook-tdc a {
    display: inline-block;
    height: 50px;
    width: 50px;
    border-radius: 25px;
    background-color: var(--color-news-border);
    color: #fff;
    padding: 10px;
    font-size: 30px;
    line-height: 30px;
    transition: all 0.3s;
}
#latest-news .facebook-tdc a:hover {
    background-color: var(--color-hover);
}
#latest-news .section-content .post .post-title:hover {
    color: var(--color-news-border);
}
#latest-news .section-content .post .post-button {
    color: var(--color-news-border);
}

/* Contact & Services */
#contact-us {
    border-top: solid 8px var(--color-contact-border);
    background-color: var(--color-contact-fond);
    padding-bottom: 0;
}
#services {
    background-color: var(--color-contact-fond);
    padding-top: 0;
    padding-bottom: 120px;
}
#contact-us h3 {
    color: #000 !important;
}
#contact-us .contact-us-button {
    width: auto;
  min-height: 45px;
  line-height: 45px;
  margin-bottom: 50px;
  padding: 0 35px;
  display: inline-block;
  font-weight: 700;
  font-size: 16px;
  border-radius: 3px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-family: "Lato";
    color: #000;
    background-color: var(--color-contact-border);
}
#contact-us .contact-us-button:hover {
    color: #fff;
    background-color: var(--color-hover);
}
#contact-us .section-description {
    color: #000;
    line-height: 16px;
    margin: 40px auto;
}
#contact-us .section-header {
    margin-bottom: 0;
}
#services .service-icon, #services .service-title {
    display: none;
}
#services .widget_illdy_service {
    height: 300px;
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
    padding-bottom: 30px;
}
#services .widget_illdy_service:first-child {
    background-image: url(/wp-content/uploads/2024/07/rue-filaire-atelier-partage.svg);
}
#services .widget_illdy_service:last-child {
    background-image: url(/wp-content/uploads/2024/07/rue-filaire-maison-createurs.svg);
}
#services .section-content .service .service-entry {
    color: #000;
    position: absolute;
    bottom: -60px;
    line-height: 14px;
}

/* Footer */
#footer, .bottom-footer {
    background-color: var(--color-rouge);
}
#footer .footer-tdc-menu .widget_nav_menu {
    width: auto;
    float: right;
}
#footer .footer-tdc-menu a {
    color: #fff !important;
    text-transform: uppercase;
}
.widget:not(.widget_rss):not(.widget_recent_comments):not(.widget_recent_entries) ul li::before {
    color: #fff !important;
}
.copyright a {
    color: #fff;
}

/* Survol des menus */
#header .top-header .header-navigation ul li a:before {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    background: #fff;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
}
#header .top-header .header-navigation ul li a:hover:before {
    width: calc(100% - 24px); 
    left: 0; 
}
/* AC 07-04-2025 sous-menu adhérents */
#header .top-header .header-navigation ul li.menu-item-has-children a::after {
  content: "\f107";
  font-family: "FontAwesome";
  font-size: 16px;
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
}
#header .top-header .header-navigation ul li.menu-item-has-children .sub-menu::before {
    display: none;
}
#header .top-header .header-navigation ul li.menu-item-has-children:hover > .sub-menu {
    top: 60px;
    background-color: var(--color-rouge);
    color: white;
}
#header .top-header .header-navigation ul li.menu-item-has-children .sub-menu li,
#header .top-header .header-navigation ul li.menu-item-has-children .sub-menu li a {
    background-color: var(--color-rouge);
    color: white;
}
#header .top-header .header-navigation ul li.menu-item-has-children .sub-menu li:hover > a {
    background-color: white;
    color: var(--color-rouge);
    border: none;
    width: inherit;
}
#header .top-header .header-navigation ul li:hover a,
#footer .footer-tdc-menu ul li:hover a {
    color: inherit;
}

#footer .footer-tdc-menu ul li a {
    transition: text-decoration 0.3s ease;
    text-decoration: underline solid transparent;
}
#footer .footer-tdc-menu ul li a:hover {
    text-decoration: underline solid #fff;
}

/* Pages internes */
#header .bottom-header.blog {
    padding-bottom: 0;
}

body.page-template-default #header .bottom-header h1,
#header .bottom-header.tdc.actus h1 {
    font-family: "Lato", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 2em;
    color: var(--color-rouge);
    text-transform: uppercase;
    text-align: left;
}

/* #header .bottom-header.tdc.actus h1 {
    color: var(--color-news-border);
    text-align: center;
} */

#blog {
    padding-top: 0;
}

h2 {
    font-family: "Lato", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.5em;
    color: var(--color-boutique);
    text-transform: none;
    text-align: left;
    line-height: 1em;
}
.markup-format h2 {
    margin-top: 50px;
    margin-bottom: 10px;
}
.markup-format a {
    color: var(--color-maison);
    text-decoration: none;
}
.markup-format a:hover {
    text-decoration: underline;
}

#header .bottom-header .widget {
    margin-bottom: 10px;
}

body.page-template-maison-des-createurs {
    overflow-x: hidden;
}

#header .bottom-header.maison-des-createurs figure img,
#header .bottom-header.boutique figure img {
    max-height: 300px;
}

#header .bottom-header.maison-des-createurs h1,
#header .bottom-header.boutique h1 {
    font-family: "Lato", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 2em;
    text-transform: uppercase;
    text-align: left;
}

#header .bottom-header.maison-des-createurs h1 {
    color: var(--color-maison) !important;
}

#header .bottom-header.boutique h1 {
    color: var(--color-boutique) !important;
}

#header .bottom-header.maison-des-createurs p,
#header .bottom-header.boutique p,
p {
    font-family: "Lato", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.2em;
    color: #000;
    text-align: left;
}

#blog .blog-post {
    margin-bottom: 0;
}

#blog .blog-post .blog-post-author {
    display: none;
}

/* Post Grid Maison des Créateurs */
#tdc-grid-artisans {
    padding-top: 40px;
}
#tdc-grid-artisans::after {
    content: " ";
    background-color: var(--color-maison-clair);
    position: absolute;
    left: -1000px;
    width: 300%;
    top: 80px;
    bottom: 0;
    z-index: -999;
}

#tdc-grid-artisans .ultp-block-item {
    background-color: #fff;
    padding: 30px;
}

#tdc-grid-artisans .ultp-block-excerpt p {
    font-size: 1.3em;
}

#tdc-grid-artisans .ultp-block-column-2 .ultp-block-item:nth-child(2n+1):nth-last-child(-n+2), .ultp-block-column-2 .ultp-block-item:nth-child(2n+1):nth-last-child(-n+2) ~ .ultp-block-item {
    padding-bottom: 30px !important;
}

#tdc-grid-artisans .ultp-block-title a:hover {
    color: var(--color-maison) !important;
}

#tdc-maison-fleche {
    position: absolute;
    right: -60px;
    top: 120px;
    width: 50px;
}

/* Fiche artisan Maison des Créateurs */
body.single #header .bottom-header h1 {
    font-family: "Lato", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 2em;
    color: var(--color-rouge);
    text-transform: uppercase;
    text-align: center;
}

/* Bloc horaires de la Boutique */
div.wp-block-group.tdc-boutique-horaires {
    background-color: var(--color-boutique);
    padding: 10px 30px;
    border-radius: 30px;
    margin: 60px auto;
}
div.wp-block-group.tdc-boutique-horaires h2.wp-block-heading {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    margin-top: 20px;
}
div.wp-block-group.tdc-boutique-horaires div.wp-block-column {
    flex-basis: auto;
}
div.wp-block-group.tdc-boutique-horaires div.wp-block-column p {
    color: #fff;
    text-align: center;
    margin: 10px 0;
}

/* Post Grid Boutique des Créateurs */
#tdc-grid-createurs .ultp-block-title a:hover {
    color: var(--color-boutique) !important;
}

/* Bouton en savoir plus */
div.ultp-block-readmore {
    background-color: var(--color-rouge);
    border: solid 1px var(--color-rouge);
    margin: 30px auto !important;
    max-width: 200px;
    transition: all 0.3s ease;
}
div.ultp-block-readmore a {
    color: #fff !important;
}
div.ultp-block-readmore:hover {
    background-color: #fff;
}
div.ultp-block-readmore:hover a {
    color: var(--color-rouge) !important;
}

/* Actualités */
#tdc-grid-actus .ultp-block-content-wrap {
    background-color: var(--color-news-fond);
}
#tdc-grid-actus .ultp-block-content {
    padding-right: 40px;
}
#tdc-grid-actus .ultp-block-title a:hover {
    color: var(--color-news-border) !important;
}
#tdc-grid-actus .ultp-block-readmore {
    margin: 30px 0 0 0 !important;
    float: right;
}
#tdc-grid-actus .ultp-block-readmore a {
    text-transform: none;
    text-decoration: none;
}

article.category-actu h2 {
    font-family: "Lato", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 2em;
    color: var(--color-rouge);
    text-transform: uppercase;
    text-align: left;
    margin: 30px 0;
}
article.category-actu h2 span.tdc-actu-meta {
    float: right;
    color: #000;
    font-size: 14px;
    line-height: 50px;
}

/* Contact */
.tdc-contact-image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 200px;
}

.kaliforms-form-container [type="submit"]:not(:disabled) {
    border: solid 1px var(--color-rouge);
    background-color: var(--color-rouge);
    color: #fff;
    border-radius: 0;
    transition: all 0.3s ease;
    margin-top: 30px;
}
.kaliforms-form-container [type="submit"]:not(:disabled):hover {
    background-color: #fff;
    color: var(--color-rouge);
}

/* Adaptation pour mobile */
@media only screen and (max-width: 1024px) { 

    #sticky-wrapper, #header .is-sticky .top-header {
        max-height: 100px;
    }

    #header .header-logo-img {
        width: 100px;
        height: 100px;
    }

    .open-responsive-menu {
        padding: 0;
        margin-top: -30px;
    }

    .header-has-sticky-menu .responsive-menu {
        box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
    }

    #header .bottom-header #jumbotron-tdc-image {
        width: 100%;
    }

    #header .bottom-header .section-description {
        font-size: 1.2em;
        margin-bottom: 60px !important;
    }

    #header .bottom-header .header-button-one {
        padding: 0;
        font-size: 1em;
    }

    body #header .bottom-header {
        padding-bottom: 20px;
    }

    #projects {
        padding: 0;
    }

    #projects:before {
        background-attachment: local;
        background-position: top left;
    }

    #projects .widget_illdy_project {
        width: 80vw;
        margin: 40px 20px;
    }

    #projects .project {
        height: 200px !important;
        padding: 50px;
    }

    #services .widget_illdy_service {
        width: 50%;
    }

    #services .widget_illdy_service:nth-child(2) {
        margin-top: 0;
    }

    #services .section-content .service .service-entry {
        left: 0;
    }

    #footer .widget:not(.widget_rss):not(.widget_recent_comments):not(.widget_recent_entries) ul li,
    #footer .widget ul li a {
        margin-bottom: 10px;
    }
    
    #footer .widget:not(.widget_rss):not(.widget_recent_comments):not(.widget_recent_entries) ul li,
    #footer .widget:not(.widget_rss):not(.widget_recent_comments):not(.widget_recent_entries) ul li::before,
    #footer .widget ul li a {
        line-height: 20px;
    }

    #tdc-grid-artisans::after {
        left: 0;
        width: 100%;
        top: 100px;
        bottom:-20px;
    }

    #tdc-maison-fleche {
        display: none;
    }

    #tdc-grid-actus .ultp-block-item .ultp-block-content {
        padding: 20px;
        text-align: center;
    }

    #tdc-grid-actus .ultp-block-readmore {
        float: none;
        width: auto;
        display: inline-block;
    }

    #tdc-grid-actus .ultp-block-readmore a {
        text-align: center;
    }
}

/* Hacks */
.markup-format .aligncenter {
    text-align: center;
}