/*  
=============================================
===============  Header ====================
============================================
*/
.header-nav-item:hover a {
  color: #044E6F;
}
/* 
============================================
=============== Footer ====================
============================================
*/
footer.sections p{
  color: #12CFC9!important;
}
footer.sections a{
  color: #12CFC9!important;
}

footer.sections .sqsrte-text-color--accent{
  color: #12CFC9!important;
}
/*
============================================
=============== Galleries ==================
============================================
*/

.gallery-grid-item-wrapper {
    position: relative !important; /* Ensure the container is positioned properly */
}

.gallery-grid-item-wrapper:hover::after {
    content: "";
    display: block;
    background-image: url(https://static1.squarespace.com/static/66620192b768da09a26d18ef/t/67993eec33437164a0972f2a/1738096366040/MA+designs_water_mark.png) !important;
    background-size: contain;
    background-repeat: no-repeat; 
    position: absolute;
    width: 100px; 
    height: 100px; 
    left: 0.5rem; 
    bottom: 0.5rem; 
    opacity: 0.5;
    
}


.gallery-lightbox-item-wrapper {
    position: relative !important; 
}

.gallery-lightbox-item-wrapper:after {
    content: "";
    display: block;
    background-image: url(https://static1.squarespace.com/static/66620192b768da09a26d18ef/t/67993eec33437164a0972f2a/1738096366040/MA+designs_water_mark.png) !important;
    background-size: contain;
    background-repeat: no-repeat; 
    position: absolute;
    width: 100px; 
    height: 100px; 
    left: 0.5rem; 
    bottom: 3.0rem; 
    opacity: 0.5;
    
}
.gallery-masonry-item-wrapper {
   position: relative !important;
}

.gallery-masonry-item-wrapper:hover::after {
    content: "";
    display: block;
    background-image: url(https://static1.squarespace.com/static/66620192b768da09a26d18ef/t/67993eec33437164a0972f2a/1738096366040/MA+designs_water_mark.png) !important;
    background-size: contain;
    background-repeat: no-repeat; 
    position: absolute;
    width: 100px; 
    height: 100px; 
    left: 0.5rem; 
    bottom: 0.5rem; 
    opacity: 0.5;
    
}

/*
============================================
=============== Slideshow ==================
============================================
*/

.gallery-slideshow-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.6s ease, transform 0.6s ease;
}

/* Active slide only */
.gallery-slideshow-item[data-active="true"] {
  opacity: 1 !important;
  transform: translateX(0) !important;
  pointer-events: auto !important;
  overflow: hidden;
  z-index: 1;
}

/* Ensure the image inside also inherits the rounding */
.gallery-slideshow-item[data-active="true"] img {
  border-radius: inherit;
  display: block;
  width: 100%;
  height: auto;
}

/* Thumbnails rounded */
.gallery-slideshow-thumbnails-thumb img {
  border-radius: 8px;
}


/*
============================================
===============  Video  ====================
============================================
*/
.video-player {
  position: relative;
  max-width: 100%;
  background: black;
}

.video-player video {
  width: 100%;
  height: auto;
  display: block;
}

/*===========================================
===============  Body  ======================
============================================*/


/*Anchor link set up*/
.scroll-target {
scroll-margin: 200px;}


/*Digital solutions buttons*/
#collection-66848e748352e16f3d54f2a7
.sqs-block-button-element{
  color:#FFFFFF!important;
  background: #87DADF!important;

  
}
/*digital solutions buttons hover*/
#collection-66848e748352e16f3d54f2a7
.sqs-block-button-element:hover{
  box-shadow: 0 10px 15px rgba(0,0,0,0.5);
  margin-top:-2px;
  opacity:1!important;
  transition:all .5s!important;
  color: #87DADF !important;
  background: #FFFFFF !important;
  
}

/*
============================================
= CUSTOM IMAGE BLOCK STYLING (Time Tracker App)
============================================
*/






/* This targets the outer wrapper of your specific image block
   and forcefully removes the bottom margin. */

  #block-b6501a35b656cf1e9154 .image-block-outer-wrapper {
  margin-bottom: 0 !important;
}
  #block-b6501a35b656cf1e9154 {
 filter: drop-shadow(2px 4px 6px black);
    /* This helps with some browser rendering bugs */
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
    border-radius: 50px !important; 
}


#block-b6501a35b656cf1e9154 .fluid-image-container {
  border-radius: 50px !important; 
  overflow: hidden !important;   
}
/*
============================================
=                 FORM
============================================
*/
/* Fix form field label so (required) sits inline with field name */
#name-yui_3_17_2_1_1719961237461_4968 .title .s9aw5DV2uY72CSBH {
  display: inline-flex;
  gap: 0.25em;      /* small space between Name and (required) */
  align-items: baseline;
}
.sqs-site-style-form .form-input-effects,
.sqs-site-style-form .form-input-effects-border,
.sqs-site-style-form .form-input-effects-highlight {
  pointer-events: none;
}
.form-field-hover-focus-accent .sqs-site-style-form .form-item input[type="checkbox"]::after { 
  border: none;

}


/*
============================================
= SWIPER CAROUSEL STYLES
============================================
*/

/* --- Main Container & Slide Styles --- */
/* Adding padding to make room for the arrows */

.swiper {
  padding: 20px 80px; /* 20px top/bottom, 80px left/right */
  --swiper-navigation-color: #044E6F; /* This sets the default arrow color */
}



.swiper-slide {
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box;
  background-color: #FFFFFF; 
  color: #044E6F;
  padding: 40px;
  border-radius: 5px;
}


/* --- Text Styles Inside Slides --- */
.swiper-slide h2 {
  text-align: center;
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
  color: #f0e1a1; /* stars */
}

.swiper-slide p {
  font-size: 1rem;
  line-height: 1.6;
  font-family: sans-serif; 
  flex-grow: 1; /* Allows the author name to be pushed down */
  color:#044E6F;
}

.swiper-slide p em {
  /* This targets the author's name if you wrap it in <em> tags */
  display: block;
  text-align: left;
  margin-top: 1.5rem;
  font-style: normal;
}


/* --- Navigation Arrow Styles --- */
.swiper-button-prev,
.swiper-button-next {
  width: 55px;
  height: 55px;
}

/* This styles the little arrow icon inside the button */
.swiper-button-prev::after,
.swiper-button-next::after {
  font-size: 22px;
  font-weight: 900;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
  color: #12CFC9; 
}

/* Adjust the position to be outside the slides */
.swiper-button-prev {
  left: 10px;
}

.swiper-button-next {
  right: 10px;
}


/*
============================================
=============== Mobile ======================
============================================
*/
@media only screen and (max-width: 767px) {

  /* --- All Sections --- */
  footer.sections p.sqsrte-large  {
    font-size: 1.25rem!important;
  }
  footer.sections p  {
    font-size: 1rem!important;
  }

  /* --- Digital Solutions Heading --- */
  #block-ef9327748885d7cf016d h1{
    font-size: 4em;
  }
  section[data-section-id="66a2b751f8ca00199663b896"] h2 {
    font-size: 2.5em;
  }

  /* --- Gallery Slideshow  --- */
  section[data-section-id="67dfc6031b46ae0aa15d9ed0f"] .gallery-fullscreen-slideshow {
    height: auto !important;
    aspect-ratio: 3 / 2 !important; 
  }
  section[data-section-id="67dfc6031b46ae0aa15d9ed0f"] .gallery-fullscreen-slideshow-wrapper,
  section[data-section-id="67dfc6031b46ae0aa15d9ed0f"] .gallery-fullscreen-slideshow-item,
  section[data-section-id="67dfc6031b46ae0aa15d9ed0f"] .gallery-fullscreen-slideshow-item-img {
    height: auto !important;
    aspect-ratio: 3 / 2 !important;
  }
  section[data-section-id="67dfc6031b46ae0aa15d9ed0f"] .gallery-fullscreen-slideshow-item-img img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain !important;
  }
section[data-section-id="67b5625942f53742b3a7fa0f"] .gallery-slideshow {
  height: auto !important;
}
  section[data-section-id="67b5625942f53742b3a7fa0f"] {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

/* 2. Forcefully override the inline style that sets the large calculated height */
section[data-section-id="67b5625942f53742b3a7fa0f"] .gallery-slideshow {
  height: auto !important;       /* Let the content determine the height */
  min-height: unset !important; /* Remove any minimum height */
  max-height: unset !important; /* Remove any maximum height */
  padding-bottom: 0 !important; /* Remove any extra bottom padding */
}

/* 3. Ensure the inner wrapper that holds the image also adapts its height */
section[data-section-id="67b5625942f53742b3a7fa0f"] .gallery-slideshow-wrapper {
  height: auto !important;
  aspect-ratio: 16 / 9; /* Give it a standard widescreen shape. Adjust as needed. */
}

#block-6216ee605d6beafdd459 h1,
.list-section-title[id="66f4a6697c608e1d93c88554"] p {
  font-size: 2.5rem !important; 
}
  
  /* --- Hero Section Text --- */
  section[data-section-id="67b550735fbeec619ddbb391"] .sqsrte-scaled-text {
    font-size: 8vw !important;
    line-height: 1.1em !important;
  }
  section[data-section-id="67b550735fbeec619ddbb391"] #block-4e0fa67dac7e4704072d p {
    font-size: 1rem;
  }
 /* ✨ THIS IS THE KEY FIX: Remove side padding from the main content container */
  section.content-width--wide[data-section-id="66848e748352e16f3d54f2aa"] .content {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
  
  /* Auto-height fix for the form section container */
  section[data-section-id="66848e748352e16f3d54f2aa"] {
    height: auto !important;
    min-height: auto !important;
  }
.fe-block-6216ee605d6beafdd459 {
    grid-area: 9 / 2 / 17 / 10!important;

}
.fe-block-6216ee605d6beafdd459 .sqs-block-html .sqs-html-content {
  text-align: center;
}
  #block-6216ee605d6beafdd459 .sqs-block{
   text-align: center!important;
    height: auto;
    justify-content: flex-start!important;
  }
  .fe-block-yui_3_17_2_1_1755278983000_3024 {
    grid-area: 14 / 2 / 25 / 10!important;
  }
    /* Center and narrow the booking button */
  #block-yui_3_17_2_1_1755278983000_3024 .sqs-block{
    max-width: 150px!important;
    margin: 0 auto 10px auto!important;
    justify-content: flex-start!important;
    
  }
.qxCTlb {
    width: 50%;
}
.fe-block-yui_3_17_2_1_1755278983000_3024 .sqs-block {
    justify-content: left;
    align-items: center;
}
  /* Add padding to the paragraph text so it's not edge-to-edge */
  #block-e4ade00a947f85e63cac .sqs-html-content {
    padding-left: 20px;
    padding-right: 20px;
  }
.fe-block-e4ade00a947f85e63cac {
    grid-area: 17 / 2 / 22 / 10!important;
}
  /* Make the form block's background go full-width by removing its padding */
  .fe-block-yui_3_17_2_1_1719902836251_39600 {
    grid-area: 22 / 1 / 47 / 11!important;
    padding: 0 !important;
  }
    
  /* Add padding to the inner list of fields */
      #block-yui_3_17_2_1_1719902836251_39600 .field-list {
        padding: 30px 10px 0 10px!important;
      }

  /* Center the 'Submit' button */
  #block-yui_3_17_2_1_1719902836251_39600 .form-button-wrapper {
    padding: 20px;
    text-align: center;
  }

  /* Fix the overlapping labels for all form fields */
  #block-yui_3_17_2_1_1719902836251_39600 .form-item .title,
  #block-yui_3_17_2_1_1719902836251_39600 .form-item .caption {
    position: static !important;
    display: block;
    text-align: left;
    margin-bottom: 8px;
    opacity: 1 !important;
  }
      .fe-66848e748352e16f3d54f2a9 .fe-block {
        margin-bottom: 40px;
    }
   #name-yui_3_17_2_1_1719961237461_4968 .field input {
  height: 45px !important; /* Set an explicit height - adjust as needed */
  min-height: 45px !important; /* Ensure it can't be smaller */
  /* Reset padding to prevent it from adding extra height */
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  font-size: 1rem !important;
  /* This is crucial: ensures padding is included INSIDE the height, not added to it */
  box-sizing: border-box !important;
}
 #name-yui_3_17_2_1_1719961237461_4968 .field input[type="text"] {
    height: 45px !important;
    min-height: 45px !important;
    line-height: 45px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-size: 1rem !important;
    box-sizing: border-box !important;
    border-radius: 2em !important;
    display: block !important;
  }

/* This resets the individual 'First Name' and 'Last Name' fields to stack vertically */
#name-yui_3_17_2_1_1719961237461_4968 .field {
  align-items: center !important;
  font-size: 1rem !important;
  line-height: 1.2 !important;
}


/* Remove margin from the last field */
#name-yui_3_17_2_1_1719961237461_4968 .field.last-name {
  margin-bottom: 0 !important;
}
  /* Hide the section divider */
  [data-section-id="66848e748352e16f3d54f2aa"] .section-divider-display {
    display: none;
  }
  /*adjusting anchor link*/
  .scroll-target {
  
  scroll-margin-top: 100px !important;
} 

}