/**
 * Theme Name:     InspireHer
 * Author:         MCD
 * Template:       twentytwentyfive
 * Text Domain:	   inspireher
 * Description:    A MCD theme based on the Twenty Twenty Five Theme
 */
 @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Inclusive+Sans:ital@0;1&display=swap');


 :root {
    --heading-font: "Josefin Sans", sans-serif;
    --body-font: "Inclusive Sans", sans-serif;
    --quote-font: "Roboto Mono", serif;
    --body-font-color: rgba(0, 0, 0, 0.75);
    --h1-size: 45px;
    --h3-size: 35px;
    --p-size: 20px;
    --h1-weight: 500;
    --blue: #013d5a;
    --red: #895159;
    --border-radius: 5px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
 }

 @media only screen and (max-width: 600px) {
    :root {
        --h1-size: 22px;
        --h1-weight: var(--h1-weight);
        --blue: #013d5a;
        --border-radius: 5px;
     }
 }

 :where(.wp-site-blocks) > * {
   margin-block-start: 0;
   margin-block-end: 0;
}

 header {
    position: absolute;
    width: 100%;
    top: 20px;
    left: 0;
    z-index: 9999;
    padding: 40px 0 0 0;
}

h1 {
   font-family: var(--heading-font);
   font-weight: 700;
   text-transform: uppercase;
}

h2, h3, h4 {
   font-family: var(--body-font);
   font-weight: 700;
}

h1 {
   font-size: var(--h1-size);
}

.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg {
   height: 44px;
   width: 44px;
}

.center-center {
   align-items: center;
   z-index: 999;
   position: relative;
}

.image-below-heading {
   position: relative;
}

.image-below-heading::after {
   content: '';
   position: absolute;
   width: 75%;
   height: 75%;
   top: 50%;
   left: 70%;
   transform: translate(-50%, -50%);
   background-image: url('/wp-content/uploads/2024/11/forelasare-inspireher.webp');
   mix-blend-mode: luminosity;
   background-size: contain;
   background-repeat: no-repeat;
   z-index: 1;
   opacity: 60%;
   display: none;
}

.hero {
   position: relative;
   overflow: hidden;
}

.hero::after {
   content: '';
   position: absolute;
   width: 90%;
   height: 90%;
   top: 65%;
   left: 100%;
   transform: translate(-50%, -50%);
   /*background-image: url('/wp-content/uploads/2024/11/pattern.svg');*/
   background-size: contain;
   background-repeat: no-repeat;
   z-index: 1;
   opacity: 100%;
}

@media only screen and (max-width: 600px) { 
   .hero::after {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      top: 100%;
      left: 90%;
      transform: translate(-50%, -50%);
      /*background-image: url('/wp-content/uploads/2024/11/pattern.svg');*/
      background-size: contain;
      background-repeat: no-repeat;
      z-index: 1;
      opacity: 100%;
   }  
}

.hero-text {
   position: relative;
}

.hero-text:before {
   content: '';
   position: absolute;
   background-image: url('/wp-content/uploads/2024/12/circle-emax-03.svg');
   background-repeat: no-repeat;
   background-size: contain;
   top: 35%;
   left: 75%;
   width: 270px;
   height: 270px;
   animation-name: spinning-circle;
   animation-duration: 50s;
   animation-iteration-count: 10;
   z-index: 777;
}

@media only screen and (max-width: 600px) { 
   .hero-text:before {
      top: 15%;
      left: 55%;
      width: 170px;
      height: 170px;
   }
 }

@keyframes spinning-circle {
   0% {
      transform: rotate(0deg);
   }

   100% {
      transform: rotate(360deg);
   }
}


.p-r {
   position: relative;
   display: flex;
}

section {
   display: flex;
   justify-content: center;
}

.wp-block-image img{
   border-radius: var(--border-radius);
}

.animated-title {
   display: flex;
   flex-wrap: wrap;
   gap: 0.5rem;
 }
 
 .animated-title span {
   position: relative;
   display: inline-block;
   opacity: 0;
   transform: translateY(50px);
   overflow: hidden;
   color: #333;
   animation: wordSlideUp .5s ease-out forwards;
 }
 
 /* Staggered animation for each word */
 .animated-title:nth-child(1) {
   animation-delay: 0.1s;
 }
 
 /* Mask effect */
 .animated-title span::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #e0edd0;/* Matches background color */
   z-index: 1;
   animation: maskReveal 1s ease-out forwards;
 }
 
 @keyframes wordSlideUp {
   0% {
     opacity: 0;
     transform: translateY(50px);
   }
   100% {
     opacity: 1;
     transform: translateY(0);
   }
 }
 
 @keyframes maskReveal {
   0% {
     transform: translateY(0%);
   }
   100% {
     transform: translateY(-100%);
   }
 }

 /*WP FORMS*/

 .wpforms-container input.wpforms-field-medium, .wpforms-container select.wpforms-field-medium, .wpforms-container .wpforms-field-row.wpforms-field-medium, .wp-core-ui div.wpforms-container input.wpforms-field-medium, .wp-core-ui div.wpforms-container select.wpforms-field-medium, .wp-core-ui div.wpforms-container .wpforms-field-row.wpforms-field-medium {
   max-width: 100%;
}

.wpforms-field-medium .wpforms-field-required {
   padding: 0;
}

div.wpforms-container-full input[type=submit], div.wpforms-container-full button[type=submit], div.wpforms-container-full .wpforms-page-button, .wp-core-ui div.wpforms-container-full input[type=submit], .wp-core-ui div.wpforms-container-full button[type=submit], .wp-core-ui div.wpforms-container-full .wpforms-page-button {
   padding: 20px 40px;
   height: auto;
}

 /**/

 /* SWIPER */

.swiper-button-next, .swiper-button-prev  {
   color: var(--red);
   background-color: white;
   height: 70px;
   width: 70px;
   padding: 10px;
   border-radius: 50px;
   transition: .5s ease;
}

.swiper-button-next:hover, .swiper-button-prev:hover  {
   transform: scale(105%);
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
   opacity: 0;
   cursor: auto;
   pointer-events: none;
}

.swiper-button-next:after, .swiper-button-prev:after {
   font-size: 25px;
}


 /* SWIPER END */