/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.20
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

:root {
    --the7-links-color: inherit;
}

.hero .elementor-icon {
    animation: blink 3s ease-in-out infinite;
}

@keyframes blink {
    0%, 100% {
        opacity: 0;
        transform: scale(0.9);
    }
    30%, 80% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 1;
        transform: scale(1);
    }
}

.decoration-downwards .dt-nav-menu-horizontal>li.act>a:after {
    opacity: 0;
}

.decoration-downwards .dt-nav-menu-horizontal>li>a:hover:after, .decoration-upwards .dt-nav-menu-horizontal>li>a:hover:after {
    opacity: 1 !important;
}

header .logo-normal a {
    background: #D1674F;
}

header .logo-normal a img {
    filter: invert(1);
    mix-blend-mode: screen;
    max-width: 200px !important;
    height: 65px !important;
    width: 65px !important;
    object-fit: cover;
}

header .the7-e-sticky-effects .header-title .elementor-element.logo-normal {
   
}

header .logo a {
    background: #D1674F;
}

header .logo a img {
    filter: invert(1);
    mix-blend-mode: screen;
    max-width: 200px !important;
    height: 65px !important;
    width: 65px !important;
    object-fit: cover;
}

header .elementor-widget-wrap {
    display: flex;
    flex-wrap: nowrap;
}

header .elementor-widget-wrap>.elementor-element {
    width: auto;
}

header section.the7-e-sticky-effects {
    background-color: #D1674F;
}

.home header .header-title .elementor-element {
   display: none;
}

header .the7-e-sticky-effects .header-title .elementor-element  {
    display: block;
}

.dt-nav-menu-horizontal>li.act>a:after,
.dt-nav-menu-horizontal>li>a:hover:after {
    background: white;
    height: 1px!important;
}



.testimonials-carousel {
    --img-width: 60px !important;
}

.testimonials-carousel .dt-owl-item-wrap .dt-owl-item-inner {
    grid-template-columns: 80px !important;
}

.elementor-3912 .elementor-element.elementor-element-813bede img {
    width: auto!important;
}





.portfolio-shortcode.enable-bg-rollover .offert .post-thumbnail-rollover:after {
    opacity: 1!important;
}

.portfolio-shortcode.enable-bg-rollover .offert  span.deja-offert {
    font-family: 'Alegreya Sans SC', sans-serif;
    font-size: 20px;
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -2px -30px;
}


.portfolio-shortcode.enable-bg-rollover .post-thumbnail-rollover:after,
.albums-shortcode.enable-bg-rollover .post-thumbnail-rollover:after,
.enable-bg-rollover.hover-scale article:after
{
    background-color: #d1674fba;
}


.box-button.elementor-button.elementor-size-xs {
    background-color: var(--e-global-color-accent);
}





@font-face {
    font-family: "Augustine script";
    font-weight: 400,500,600;
    src: url(https://cdn.shopify.com/s/files/1/0075/9578/6295/files/Augustine-script.ttf?v=2025) format("truetype");
}

@font-face {
    font-family: "Alegreya Sans SC";
    font-weight: 400,500,600;
    src: url(https://fonts.gstatic.com/s/alegreyasanssc/v23/mtGh4-RGJqfMvt7P8FUr0Q1j-Hf1Bkll9w.woff2) format("woff2");
}


.elementor-widget-heading h1.elementor-heading-title {
    font-family: "Augustine script", "Overlock", "Arial", sans-serif;
    font-size: 2em;
    color: var(--e-global-color-primary);
}

.elementor-widget-heading h2.elementor-heading-title {
    font-family: "Augustine script", "Overlock", "Arial", sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight);
    font-size: 4em;
    color: var(--e-global-color-primary);
}

@media (max-width: 500px) { 
    .elementor-widget-heading h1.elementor-heading-title {
        font-size: 6vmin;
    }
    .elementor-widget-heading h2.elementor-heading-title {
        font-size: 3.5em;
    }
    .annabelle-vladimir .elementor-widget-heading h2.elementor-heading-title {
        font-size: 2em;
    }
}




.hebergements img {
    object-fit: cover;
    width: 100%;
    aspect-ratio: 3 / 2;
}


.parrainages p {
    color: white;
    text-align: center;
}


.comment-venir img {
    mix-blend-mode: darken;
}

.questions .e-n-accordion-item-title-text,
.questions .elementor-widget-container p,
.questions .elementor-widget-container li {
    color: #002F4C;
}

.questions svg.e-font-icon-svg {
    fill: #002F4C!important;
}

.questions .elementor-widget-n-accordion .e-n-accordion-item-title {
    border-color: #ccc;
    margin-bottom: -1px;
}

.e-n-accordion-item .e-child {
    border-color: #ccc;
    margin: -1px 0;
}


footer img {
    filter: invert(1);
    mix-blend-mode: screen;
    max-width: 200px!important;
    margin: 50px; 
}





.flower-container {
    position: relative;
    width: 85vh;
    height:85vh;
    overflow: hidden;
    margin: 2vh auto;
}

@media (max-width: 900px) { 
    .flower-container {
        width: 90vw;
        height:90vw;
        margin: 2vh auto;
    }
}

.flower-container h1 {
    position: relative;
    font-size: 19vmin;
    text-align: center;
    font-family: sans-serif;
    color: #f0f0f0;
    line-height: 1em;
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    padding: 0.8em 0.2em 0.8em 0;
}
.flower-container h1 span {
    font-size: 12vmin;
}

img.flower-part {
    object-fit: contain;
    position: absolute;
}

img.flower-1 {
    width: 100%;
    height: 100%;
}

img.flower-2 {
    top: 26%;
    left: 21%;
    width: 100%;
    height: 13.5%;
    animation: 3s feuille-1 ease-out infinite;
    transform-origin: 50% 100%;
}

img.flower-3 {
    top: 31%;
    left: -7.5%;
    width: 100%;
    height: 4%;
}

img.flower-4 {
    top: 27%;
    left: 58.2%;
    height: 2.5%;
    animation: 30s coccinelle-1 linear forwards;
}

img.flower-5 {
    top: 31%;
    left: -24.5%;
    width: 100%;
    height: 6.5%;
    transform: rotate(255deg);
}

img.flower-6 {
    top: 10%;
    left: 20.5%;
    width: 100%;
    height: 13%;
}

img.flower-7 {
    top: 31%;
    left: -31.5%;
    width: 100%;
    height: 11%;
}

img.flower-8 {
    top: 55%;
    left: 9.5%;
    width: 100%;
    height: 9%;
    transform: rotate(55deg);
}

img.flower-9 {
    top: 52%;
    left: 16.8%;
    height: 2.5%;
    animation: 25s coccinelle-2 linear forwards;
}

img.flower-10 {
    top: 45%;
    left: -22.5%;
    width: 100%;
    height: 9%;
    transform: rotate(300deg);
}

img.flower-11 {
    top: 66.5%;
    left: -3.5%;
    width: 100%;
    height: 6.5%;
    transform: rotate(30deg);
}

img.flower-12 {
    top: 72.5%;
    left: 0.5%;
    width: 100%;
    height: 6.5%;
}

img.flower-13 {
    top: 77.5%;
    left: 2.5%;
    width: 100%;
    height: 6.5%;
    transform: rotate(20deg);
}

img.flower-14 {
    top: 66.5%;
    left: -29.5%;
    width: 100%;
    height: 6.5%;
    transform: rotate(345deg);
}

img.flower-15 {
    top: 46.5%;
    left: -35.5%;
    width: 100%;
    height: 16.5%;
    transform: rotate(300deg);
}

img.flower-16 {
    top: 67.5%;
    left: -32.5%;
    width: 100%;
    height: 20%;
    transform: rotate(321deg);
}

img.flower-17 {
    top: 58.5%;
    left: 28.5%;
    width: 100%;
    height: 22%;
    transform: rotate(332deg);
}

img.flower-18 {
    top: 55.5%;
    left: 28.5%;
    width: 100%;
    height: 16%;
    transform: rotate(260deg);
}

img.flower-19 {
    top: -0.5%;
    left: -1.5%;
    width: 100%;
    height: 20.5%;
}

img.flower-20 {
    top: 4.5%;
    left: -33.5%;
    width: 100%;
    height: 24.5%;
}

img.flower-21 {
    top: 78.5%;
    left: -1.5%;
    width: 100%;
    height: 18.5%;
}


@keyframes feuille-1 {
  0% {
    transform: rotate(0deg); /* Position de départ */
  }
  45% {
    transform: rotate(2deg);
  }
  50% {
    transform: rotate(6deg);
  }
  60% {
    transform: rotate(8deg);
  }
  70% {
    transform: rotate(3deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@keyframes coccinelle-1 {
  0% {
    top: 27%;
    left: 58.2%;
    transform: rotate(334deg); /* Position de départ */
  }
  50% {
    top: 39%;
    left: 47.5%;
    transform: rotate(334deg);
  }
  60% {
    top: 38%;
    left: 46.2%;
    transform: rotate(450deg);
  }
  90% {
    top: 31%;
    left: 43.2%;
    transform: rotate(400deg);
  }
  100% {
    top: 30.5%;
    left: 40.2%;
    transform: rotate(370deg);
  }
}

@keyframes coccinelle-2 {
  0% {
    top: 52%;
    left: 16.8%;
    transform: rotate(0deg);
  }
  90% {
    top: 62%;
    left: 31.2%;
    transform: rotate(0deg);
  }
  100% {
    top: 62.2%;
    left: 30.8%;
    transform: rotate(-20deg);
  }
}
