/**
 *
 * KUDOS SOFTWARE responsive styles
 * Author:  edd@madewithmaturity.com
 * @package maturity
 * @link    
 *
 */



/*--------------------------------------------------------------
## Media Queries
----------------------------------------------------------------

XXXX Responsive coding

breakpoints:
xs 350px +
s 640 +
m 960 +
l 1200 +
xl 1600 +

-------------------------------------------------------------- */


:root {
    font-size: clamp(18px, calc(1rem + ((1vw - 7.68px) * 0.6944)), 24px);
    /* Note: The calc base value (1rem) MUST be stated in REM to maintain accessibility */
    /* Where: 0.6944 = 100 * font-size_difference / viewport_width_difference */
  
    /* Safari resize fix */
    min-height: 0vw;
  }


.bs-wave:before,
.bs-wave:after,
.bs-wave-grid:before,
.bs-wave-grid:after,
footer:before,
.page-header .page-header-bg, .page-header-bg  {
  min-width: calc(100vw + 6rem);
}


/* LOWER THAN L 1200 -- MOBILE MENU COMES IN */
@media (max-width: 1200px) {

  .bs-wave:before,
.bs-wave:after,
.bs-wave-grid:before,
.bs-wave-grid:after,
footer:before,
.page-header .page-header-bg, .page-header-bg {
  min-width: calc(1200px + 6rem);
}

  #action-call .priority-buttons > .secondary {
    display: inline-block;
  }

 html body #page .flex-block .flexicon-1323.righty > .content-side {
    order: 0;
  }


  html body #page div:not(.header-detail) > .flex-block.fifty_fifty > .flexicon-1323 .text-box {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }


  .cover-content {
    aspect-ratio: 14 / 9;
  }

  .foot-widget {
    padding: 1rem;  
  }

  div:not(.header-detail) > .flex-block.uk-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .blockimage {
    max-width: 60vw;
  }

  .flex-block .flexicon-1323 .cushion {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .flex-block .bs-grid-image > img,
  .flex-block .bs-grid-image > svg {
    opacity: 0.4;
  }


}

/* LOWER THAN M 960 */
@media (max-width: 960px) {


    .page-header-inner .image-side {
      order: -1;
      margin-bottom: 2rem;
      margin-top: 2rem;
    }

    .cta-image {
      margin-bottom: -4rem;
      min-height: 25rem;
    }

}


/* LOWER THAN S 640 */
@media (max-width: 640px) {

  footer #company-deets .social-icons {
    justify-content: center;
  }

footer .site-info {
  text-align: center;
}

footer .site-info .uk-text-right {
  text-align: center !important;
}

footer .site-footer {
  text-align: center;
}

#footer-credit {
  margin-top: 1rem;
}

.blockimage {
  max-width: 80vw;
}

html body .flex-block > .flexicon-1323 > div > .text-box {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

footer #logo-n-credi > img, 
footer #logo-n-credit > svg {
  margin: auto;
  margin-bottom: 4rem;
}

.cta-image {
  z-index: 0;
}

.cta-copy-offset {
  padding: 3rem 1rem !important;
  margin: auto;
  background-color: rgba(255,255,255,0.85);

}

html body #page div:not(.header-detail) > .flex-block.fifty_fifty > .flexicon-1323 > div:last-child .text-box {
  padding-top: 2rem;
}

footer {
  padding: 2rem 0;
}

#mobli-menu-container .menu-container ul li a {
  padding: 0.5rem;
}


}



@media (max-width: 400px) {

  .page-header .header-detail h1 {
    font-size: 2rem;
    line-height: 2.5rem;
}


  #masthead .header-inner > #action-call {
    display: none;
  }


  html body .flex-block > .flexicon-1323 > div > .text-box {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }

  .testi-container .testi-header {
    flex-wrap: wrap;
    margin-bottom: 1rem;
  }

  .testi-container .testi-header .testimonial-image {
    margin-bottom: 1rem;
  }



}