/*!
 * Custom Styles (global)
 * Add your site-wide CSS below.
 * This file is enqueued on both the front-end and the block editor.
 */
 


 body{
     overflow-x: hidden !important;
 }
 
 .wp-block-group strong{
   font-weight: 700;
 }

 .wp-block-group .alignfull {
     width: 100vw;
     max-width: 100vw;
     margin-left: calc(50% - 50vw) !important;
     margin-right: calc(50% - 50vw) !important;
 }
 
 .has-text-color {
     color: unset !important;
 }
 
.footer-block p,  .footer-block h3, .footer-block  a{
     color:#fff !important;
 }
 
 .orange-curve p{
   color: #fff !important;
   line-height: 1em;
 }
 
 .overlap-block{
   display: block;
    position: relative;
  }
 
 .overlap-bg{
   position: absolute;
   top:0;
   left: 0;
   height: 50%;
   width: 100%;
   display: block;
 }
 
.sticky {
    position: sticky;
    top: 0; /* Sticks to the top edge of the viewport */
    z-index: 10; /* Optional: Ensures it stays above other content */
  }
 
 .top-header{
   position: fixed;
   top:0;
   left: 0;
   transition: all 0.5s;
   z-index: 9999;
   width: 100%;
 }
 
 .left-big-image{
   margin-left: -80px;
 }
 
 .move-col-up{
   display: block;
   position: relative;
   margin-top: -70px;
 }
 
 .move-col-up{
    display: block;
    position: relative;
    margin-top: -70px;
  }
  
  @media (max-width: 781px) {
    .move-col-up{
      margin-top: unset;
    }
  }
 
 .top-header.scrolled {
      margin-top: 0;
      background-color: transparent;
  }
 
 .top-header .main-nav{
    padding: 10px 20px 10px 20px;
    border-radius: 20px;
    background-color: #fff;
    border-right: 10px;
    transition: all 0.3s;
  }
  
  
  .upper-right{
    z-index: 1;
    position: relative;
  }
  
  
  .overlap-block{
    display: block;
    position: relative;
    width: 150%;
    top:0;
    margin-left: -50%;
  }
  
  @media (max-width: 781px) {
    .overlap-block{
      margin-left: unset;
      width: unset;
  }
  }
 
 .top-header.scrolled .main-nav{
   border-radius: 60px;
 }
 
 .top-logo svg{
  width: 85px;
   height: auto;
   fill: white; /* Default color */
   transition: all 0.3s ease;
   margin-top: 0;
 }
 
   @media (max-width: 599px) {
     .top-logo svg{
       margin-top: 10px;
       width: 55px;
     }
     
     .main-logo{
       transition: all 0.3s ease;
       max-width: 280px;
     }
   }
 
 .top-header.scrolled .top-logo svg {
   //fill: rgba(0, 0, 0, 0.3);
 }
 
 
 .top-nav a {
   text-decoration: none;
   line-height: 1;
   padding: 5px 1.5vw 5px 1.5vw;
   border-radius: 30px;
   text-transform: uppercase;
   transition: all 0.5s;
   border-style: solid;
   border-width: 1px;
   border-color: transparent;
 }
 
 .top-nav a:hover {
   border-color: #fff;
   border-style: solid;
 }
 
 .top-nav .current-menu-item a{
   border-style: solid;
   border-width: 1px;
   border-color: var(--wp--preset--color--custom-burgundy) !important;
   background-color: #fff !important;
   color:  var(--wp--preset--color--custom-burgundy) !important;
 }
 
 
 .top-header.scrolled .top-nav a{
   //background-color:  var(--wp--preset--color--custom-burgundy) !important;
   background-color: rgba(0, 0, 0, 0.3);
   color: #fff !important;
   
 }

 
 .wp-block-group .reverse-columns{
    flex-direction: row-reverse;
  }
 
 @media (max-width: 781px) {
  .wp-block-group .reverse-columns{
     flex-direction: unset;
  }
 }
 
 .lt-btn a,  .drk-btn a{
   transition: all 0.3s;
 }
 
 .lt-btn a{
   background-color: var(--wp--preset--color--action-light);
   color: var(--wp--preset--color--action-base);
 }
 
 .lt-btn:hover a{
    background-color: var(--wp--preset--color--action-base);
    color: var(--wp--preset--color--action-light);
  }
  
 .drk-btn a{
     background-color: var(--wp--preset--color--action-base);
     color: var(--wp--preset--color--action-light);
   }
 
 .drk-btn:hover a{
    background-color: var(--wp--preset--color--action-light);
    color: var(--wp--preset--color--action-base);
  }
  
  .big-right-image{
    display: block;
    position: absolute;
    top: 160px;
    z-index: 2px;
  }
  
  @media (max-width: 781px) {
    .big-right-image{
      position: unset;
      top: 40px;
    }
  }
  
  .right-smash{
    display: block;
    position: relative;
   
  }
  
  /* Footer Links */
  .footer-links{
    
  }
  
  @media (max-width: 951px) {
    .footer-links{
      width: 100%;
      margin-top: 40px !important;
      flex-direction: column;
    }
  }