/*--- Colors setup ---*/
/*--- Fonts ---*/
/*--- Spacing ---*/
/*--- Buttons ---*/
/*--- helpers ---*/
:root {
  --wp--style--global--content-size: 1048px;
}
/*@mixin get-responsive-hiding($separator: "-"){
     
     @media (max-width: bp(sm)) {
         .hidden{
                display: none;
            }
     }
     
     @each $name, $size in $breakpoints {
         .#{$name}\:hidden {
              @media (min-width: $size) {
                display: none;
            }
         }
     }
}*/
@media (min-width: 1048px) {
  .hidden-for-xl {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1048px) {
  .hidden-for-lg {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .hidden-for-md {
    display: none;
  }
}
@media (min-width: 480px) and (max-width: 768px) {
  .hidden-for-sm {
    display: none;
  }
}
@media (max-width: 480px) {
  .hidden-for-mobile {
    display: none;
  }
}
.text-headline-m {
  font-size: 2.313rem;
  line-height: normal;
  font-weight: 700;
}
.text-title-m {
  font-size: 1.25rem;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: 0.5%;
}
.text-title-m-italic {
  font-size: 1.25rem;
  line-height: 1.25;
  font-weight: 400;
  letter-spacing: 0.5%;
  font-style: italic;
}
.text-title-s {
  font-size: 1.125rem;
  line-height: 1.25;
  font-weight: 700;
}
.text-body-l {
  font-size: 1.188rem;
  line-height: 1.25;
  font-weight: 700;
}
.text-body-m {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.5%;
}
.text-body-m-bold {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: 0.5%;
}
.text-body-s {
  font-size: 0.875rem;
  line-height: 1.72;
  font-weight: 500;
}
@media (min-width: null) {
  .text-uppercase {
    text-transform: uppercase;
  }
}
.font-400 {
  font-weight: 400;
}
.font-500 {
  font-weight: 500;
}
.font-600 {
  font-weight: 600;
}
.font-700 {
  font-weight: 700;
}
.leading-100 {
  line-height: 1;
}
.leading-125 {
  line-height: 1.25;
}
.leading-150 {
  line-height: 1.5;
}
.leading-172 {
  line-height: 1.72;
}
.text-12 {
  font-size: 0.75rem;
}
.text-14 {
  font-size: 0.875rem;
}
.text-16 {
  font-size: 1rem;
}
.text-18 {
  font-size: 1.125rem;
}
.text-19 {
  font-size: 1.1875rem;
}
.text-20 {
  font-size: 1.25rem;
}
.text-24 {
  font-size: 1.5rem;
}
.text-37 {
  font-size: 2.3125rem;
}
@media (min-width: 480px) {
  .sm\:text-12 {
    font-size: 0.75rem;
  }
  .sm\:text-14 {
    font-size: 0.875rem;
  }
  .sm\:text-16 {
    font-size: 1rem;
  }
  .sm\:text-18 {
    font-size: 1.125rem;
  }
  .sm\:text-19 {
    font-size: 1.1875rem;
  }
  .sm\:text-20 {
    font-size: 1.25rem;
  }
  .sm\:text-24 {
    font-size: 1.5rem;
  }
  .sm\:text-37 {
    font-size: 2.3125rem;
  }
}
@media (min-width: 768px) {
  .md\:text-12 {
    font-size: 0.75rem;
  }
  .md\:text-14 {
    font-size: 0.875rem;
  }
  .md\:text-16 {
    font-size: 1rem;
  }
  .md\:text-18 {
    font-size: 1.125rem;
  }
  .md\:text-19 {
    font-size: 1.1875rem;
  }
  .md\:text-20 {
    font-size: 1.25rem;
  }
  .md\:text-24 {
    font-size: 1.5rem;
  }
  .md\:text-37 {
    font-size: 2.3125rem;
  }
}
@media (min-width: 992px) {
  .lg\:text-12 {
    font-size: 0.75rem;
  }
  .lg\:text-14 {
    font-size: 0.875rem;
  }
  .lg\:text-16 {
    font-size: 1rem;
  }
  .lg\:text-18 {
    font-size: 1.125rem;
  }
  .lg\:text-19 {
    font-size: 1.1875rem;
  }
  .lg\:text-20 {
    font-size: 1.25rem;
  }
  .lg\:text-24 {
    font-size: 1.5rem;
  }
  .lg\:text-37 {
    font-size: 2.3125rem;
  }
}
@media (min-width: 1048px) {
  .xl\:text-12 {
    font-size: 0.75rem;
  }
  .xl\:text-14 {
    font-size: 0.875rem;
  }
  .xl\:text-16 {
    font-size: 1rem;
  }
  .xl\:text-18 {
    font-size: 1.125rem;
  }
  .xl\:text-19 {
    font-size: 1.1875rem;
  }
  .xl\:text-20 {
    font-size: 1.25rem;
  }
  .xl\:text-24 {
    font-size: 1.5rem;
  }
  .xl\:text-37 {
    font-size: 2.3125rem;
  }
}
.text-white {
  color: #FFFFFF;
}
.text-neutral {
  color: #9B9B9B;
}
.text-black {
  color: #333333;
}
.text-bg {
  color: #F2F2F2;
}
.text-primary {
  color: #E54A45;
}
.text-secondary-green {
  color: #70B38B;
}
.text-secondary-yellow {
  color: #FBAD2E;
}
.text-secondary-nude {
  color: #F3EDCB;
}
.text-dark-blue {
  color: #082f47;
}
.text-neutral-light {
  color: #e6e6e6;
}
.bg-white {
  background-color: #FFFFFF;
}
.bg-neutral {
  background-color: #9B9B9B;
}
.bg-black {
  background-color: #333333;
}
.bg-bg {
  background-color: #F2F2F2;
}
.bg-primary {
  background-color: #E54A45;
}
.bg-secondary-green {
  background-color: #70B38B;
}
.bg-secondary-yellow {
  background-color: #FBAD2E;
}
.bg-secondary-nude {
  background-color: #F3EDCB;
}
.bg-dark-blue {
  background-color: #082f47;
}
.bg-neutral-light {
  background-color: #e6e6e6;
}
@media (max-width: 1048px) {
  .ct-section > .ct-section-inner-wrap, .wp-block-group > .wp-block-group__inner-container {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}
/*button-primary*/
.ct-link.button-primary, .ct-link-button.button-primary, .button-primary a, .ct-div-block.button-primary, a.more-link {
  padding: 12px 30px;
  font-size: 1rem;
  line-height: 1.5;
  display: flex;
  flex-direction: row;
  gap: 8px;
  width: fit-content;
  transition: 0.3s;
  text-transform: uppercase;
  border: none;
  align-items: center;
  font-weight: 700;
  color: #9B9B9B;
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}
.ct-link.button-primary svg path, .ct-link-button.button-primary svg path, .button-primary a svg path, .ct-div-block.button-primary svg path, a.more-link svg path {
  fill: #9B9B9B;
}
.ct-link.button-primary:hover, .ct-link-button.button-primary:hover, .button-primary a:hover, .ct-div-block.button-primary:hover, a.more-link:hover {
  color: #333333;
}
.ct-link.button-primary:hover svg path, .ct-link-button.button-primary:hover svg path, .button-primary a:hover svg path, .ct-div-block.button-primary:hover svg path, a.more-link:hover svg path {
  fill: #333333;
}
.ct-link.button-primary.no-padding-left, .ct-link-button.button-primary.no-padding-left, .button-primary a.no-padding-left, .ct-div-block.button-primary.no-padding-left, a.more-link.no-padding-left {
  padding-left: 0;
}
/*button-link*/
/*.ct-link.button-link, .ct-link-button.button-link,
.button-link a{
    @include button-style();
    padding: 0px;
    background-color: transparent;
    color: color(primary-alt);
    
    svg{
        fill: color(primary-alt);
    }
    
    &:hover{
        color: color(primary-alt);
    }
}*/