/*
 Theme Name: Twenty Twenty-Five Child
 Template: twentytwentyfive
 */

 @import url('https://fonts.googleapis.com/css2?family=Courgette&display=swap');

@font-face {
    font-family: 'fixel_textblack';
    src: url('assets/font/fixeltext-black-webfont.woff2') format('woff2'),
         url('assets/font/fixeltext-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'fixel_text_boldbold';
    src: url('assets/font/fixeltext-bold-webfont.woff2') format('woff2'),
         url('assets/font/fixeltext-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'fixel_textextra_bold';
    src: url('assets/font/fixeltext-extrabold-webfont.woff2') format('woff2'),
         url('assets/font/fixeltext-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'fixel_textextra_light';
    src: url('assets/font/fixeltext-extralight-webfont.woff2') format('woff2'),
         url('assets/font/fixeltext-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'fixel_textlight';
    src: url('assets/font/fixeltext-light-webfont.woff2') format('woff2'),
         url('assets/font/fixeltext-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'fixel_textmedium';
    src: url('assets/font/fixeltext-medium-webfont.woff2') format('woff2'),
         url('assets/font/fixeltext-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'fixel_textsemi_bold';
    src: url('assets/font/fixeltext-semibold-webfont.woff2') format('woff2'),
         url('assets/font/fixeltext-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'fixel_textthin';
    src: url('assets/font/fixeltext-thin-webfont.woff2') format('woff2'),
         url('assets/font/fixeltext-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}



:root {
    --primary-color: #0b57cf; /* Blue */
    --secondary-color: #ffc700; /* Gold */
    --text-primary: #000000; /* Black */
    --text-secondary: #FFFFFF; /* White */
    --background-first: #FF4021;
    --background-second: #17313b;
    --background-third: #F6F8FF;
    --background-fourth: #fff7da;
    --background-fifth: #FFFAE0;
  }


  body{
    font-family: 'fixel_textmedium';
  }

  .style-fonts{
    font-family: "Courgette", serif;
  }

  
  .font-extralight{
    font-family: 'fixel_textextra_light';
  }

  .font-light{
    font-family: 'fixel_textlight';
  }

  .font-medium{
    font-family: 'fixel_textmedium';
  }

  .font-semi-bold{
    font-family: 'fixel_textsemi_bold';
  }

  .font-bold{
    font-family: 'fixel_text_boldbold';
  }

  .font-thin{
    font-family: 'fixel_textthin';
  }

  .font-boldextra{
    font-family: 'fixel_textextra_bold';
  }

.contact-us-button{
   border: 1px solid black;
   transition: background-color 0.3s ease;
}

.contact-us-button:hover{
   background-color: var( --secondary-color);
   border-color: var( --secondary-color);
   color: white;
   cursor: pointer;
}

a , button:focus {
  outline: none;
}


    /* Animation for rows */
    @keyframes scroll-left {
      0% {
        transform: translateX(0);
      }
      100% {
        transform: translateX(-20%);
      }
    }

    @keyframes scroll-right {
      0% {
        transform: translateX(-20%);
      }
      100% {
        transform: translateX(0);
      }
    }

    /* Row Animation Speeds */
    .animate-left {
      animation: scroll-left 10s linear infinite;
    }

    .animate-right {
      animation: scroll-right 20s linear infinite;
    }

    .animate-left-fast {
      animation: scroll-left 10s linear infinite;
    }

    /* Container Overflow Fix */
    .scroll-container {
      overflow: hidden;
      white-space: nowrap;
      position: relative;
    }

    .scroll-container .scroll-item {
      display: inline-block;
      margin-right: 1rem;
    }

    h1.wp-block-post-title{
      display: none;
    }


    .active-link {
      color: var(--primary-color) !important;
      position: relative;
      padding: 20px 50px !important;
    }
  
    .active-link::after {
      content: "→";
      position: absolute;
      top: 20px;
      left: 10px;
      font-size: 18px;
    }

    .contact-button .wpf_has_custom_css {
      font-family: 'fixel_text_boldbold';
      color: black;
      padding: 20px 33px;
      font-weight: 700;
      text-transform: uppercase;
      font-size: 17px;
      border-radius: 9999px;
      transition: background-color 0.3s, color 0.3s;
  }