/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/
.screen-reader-text {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
body .nectar-mobile-only.mobile-header a {
  font-weight: 600;
  display: flex;
  gap: 6px;
  align-items: center;
  font-size: 14px !important;
}
@media only screen and (max-width: 500px) {
  body #top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
    height: 25px !important;
  }
  body .nectar-mobile-only.mobile-header a {
    font-size: 12px !important;
  }
}
/* TYPOGRAPHY & HEADINGS */
@font-face {
  font-family: "Gotham Book";
  src: url("fonts/Gotham-Book.woff2") format("woff2"),
    url("fonts/Gotham-Book.woff") format("woff"),
    url("fonts/Gotham-Book.oft") format("otf");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("fonts/Gotham-Medium.woff2") format("woff2"),
    url("fonts/Gotham-Medium.woff") format("woff");
  font-weight: 500;
  font-display: swap;
}
.testimonial_slider blockquote span,
.testimonial_slider blockquote p,
body {
  font: 400 19px/1.78 "Helvetica Neue", sans-serif !important;
}
h1,
.h1 {
  font: 500 70px/1.18 "Gotham", sans-serif !important;
}
h2,
.h2 {
  font: 500 55px/1.18 "Gotham", sans-serif !important;
}
h3,
.h3 {
  font: 500 35px/1.22 "Gotham", sans-serif !important;
}
h4,
.h4 {
  font: 500 30px/1.22 "Gotham", sans-serif !important;
}
.hero-text {
  font-size: 18px;
  line-height: 1.54;
}
.sub-title {
  font-family: "Gotham Book", sans-serif !important;
  line-height: 1;
  padding-bottom:  5px;
}
.dark-link a,
.hero-text a {
  color: #000;
}
.dark-link a:hover,
.hero-text a:hover {
  color: #2AB894;
}
.yellow {
  color: #2AB894 !important;
}
.dark-title {
  color: #3A3A3A !important;
}
.bold,
strong,
b {
  font-family: "Helvetica Neue" !important;
}
.span_12.light .wpb_text_column a:not(:hover) {
  opacity: 1 !important;
}
.img-with-aniamtion-wrap a {
    transition: all 0.5s ease;
}
.img-with-aniamtion-wrap a:hover {
    opacity: 0.6;
}
.portfolio-items[data-ps="7"] .col[data-default-color="true"] .work-item:not(.style-3) .work-info-bg, .portfolio-items[data-ps="8"] .col[data-default-color="true"] .work-item:not(.style-3) .work-info-bg {
  background-color: transparent !important;
}
.vertically-center > div > .wpb_wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-content: stretch;
  align-content: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}
/* IMAGES */
img.width-100 {
  width: 100%;
}
/* PORTFOLIO */
.portfolio-items[data-ps="7"] .col .work-item.style-2, .portfolio-items[data-ps="8"] .col .work-item.style-2 {
  border-radius: 15px;
}
/* SPACING */
.material .wpb_content_element, .material .wpb_row {
  margin-bottom: 0.8em;
}
.row .wpb_wrapper>.img-with-aniamtion-wrap:last-child .hover-wrap, .row .wpb_wrapper>.img-with-aniamtion-wrap:last-child img, .row .wpb_wrapper>img:last-child, .wpb_wrapper>div:last-child {
  margin-bottom: 0;
}
/* LIST STYLES */
.teal-list ul {
  margin-left: 24px;
}
.teal-list ul li {
  display: block;
  position: relative;
  list-style: none;
  font-family: "Gotham Book" !important;
  margin-top: 5px;
}
.teal-list ul li:before {
  content: '';
  display: block;
  position: absolute;
  left: -23px;
  top: 7px;
  width: 7px;
  height: 7px;
  background: #2AB894;
}
/* FOR FULL WIDTH CONTENT */
/* Add pin-right on left column if you don't want to span full width
   Add pin-left to right column if you don't want to span full width */
@media screen and (min-width: 1425px) {
  .pin-right:not(.vc_col-sm-5) {
    max-width: calc(1615px / 2);
    margin-left: auto !important;
    padding-right: 1% !important;
  }
  .pin-left:not(.vc_col-sm-5) {
    max-width: calc(1615px / 2);
    margin-right: auto !important;
    padding-left: 1% !important;
  }
}
@media screen and (min-width: 1600px) {
  .pin-right.vc_col-sm-5 {
    padding-left: 90px !important;
  }
  .pin-left.vc_col-sm-5 {
    padding-right: 90px !important;
  }
}
@media screen and (min-width: 1615px) {
  .pin-left > .row_col_wrap_12_inner,
  .pin-right > .row_col_wrap_12_inner {
    min-width: 812px;
  }
  .pin-left.no-p-l-lrg > .row_col_wrap_12_inner,
  .pin-right.no-p-l-lrg > .row_col_wrap_12_inner {
    padding-left: 0px !important;
    min-width: 810px;
  }
  .pin-right.vc_col-sm-5 > div {
    padding-left: 1%;
  }
  .pin-left.vc_col-sm-5 > div {
    padding-right: 1%;
  }
}
@media screen and (min-width: 2005px) {
  .pin-right.vc_col-sm-5,
  .pin-left.vc_col-sm-5 {
    max-width: 690px;
  }
}
@media screen and (min-width: 1000px) {
  .pin-right {
    display: flex !important;
    align-items: center;
    justify-content: flex-end !important;
  }
  .pin-right:not(.vc_col-sm-5) > div {
    padding-left: 90px;
    /* max-width: 850px; */
    width: 100%;
    padding-right: 90px;
  }
  .pin-left:not(.vc_col-sm-5) {
    display: flex !important;
    align-items: center;
    justify-content: flex-start !important;
  }
  .pin-left:not(.vc_col-sm-5) > div {
    padding-right: 90px;
    /* max-width: 850px; */
    width: 100%;
    padding-left: 90px;
  }
  .no-padding .pin-right.wpb_column,
  .no-padding .pin-left.wpb_column {
    padding: 80px 0 !important;
  }
}
@media screen and (min-width: 691px) and (max-width: 999px) {
  .pin-left > div,
  .pin-right > div {
    max-width: 600px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 690px) {
  .pin-left > div,
  .pin-right > div {
    max-width: 320px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 690px) {
  .pin-left > div,
  .pin-right > div {
    max-width: 420px;
  }
}
/* SET STANDARD SPACING FOR ALL ROWS */
/*.vc_row-fluid > .span_12 > .wpb_column { /* padding for all rows */
/* .vc_row-fluid > .span_12 > .wpb_column > .vc_column-inner > .wpb_wrapper { padding for all columns */
.has-global-section > .row_col_wrap_12 {
  padding: 0 !important;
}
body[data-bg-header="true"] .container-wrap,
.container-wrap {
  padding-bottom: 0 !important;
}
.vc_row > .row_col_wrap_12 {
  /* padding for main rows */
  padding: 100px 0;
}
.no-col-pb > .vc_column-inner {
  padding-bottom: 0 !important;
}
@media screen and (min-width: 1000px) {
  .vc_row.sm-padding > .row_col_wrap_12 {
    /* padding for main rows */
    padding: 80px 0;
  }
}
.no-padding,
.no-padding .wpb_wrapper,
.no-padding .row_col_wrap_12,
.no-padding .vc_col-sm-6 {
  padding: 0 !important;
}
.no-padding-top,
.no-padding-top .wpb_wrapper,
.no-padding-top .row_col_wrap_12 {
  padding-top: 0 !important;
}
.no-padding-top-bottom,
.no-padding-top-bottom .wpb_wrapper,
.no-padding-top-bottom .row_col_wrap_12 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.no-padding-bottom,
.no-padding-bottom .wpb_wrapper,
.no-padding-bottom .row_col_wrap_12 {
  padding-bottom: 0 !important;
}
.wpb_column.no-margin:not([class*=vc_col-xs]),
.no-margin,
.no-margin .wpb_wrapper {
  margin: 0 !important;
}
/* HEADER NAV */
#header-outer[data-lhe="animated_underline"] #top nav > ul > li > a .menu-title-text:after, body.material #header-outer #search-outer #search input[type="text"], body[data-header-format="left-header"].material #search-outer #search input[type="text"] {
  border-top: 2px solid #2AB894 !important;
  max-width: 35%;
  bottom: -6px !important;
}
#header-secondary-outer[data-lhe="animated_underline"] nav > .sf-menu >li >a .menu-title-text:after {
  border-color: #2AB894!important;
  border-top: 2px solid #2AB894 !important;
  max-width: 35%;
  bottom: -3px !important;
}
body.material #header-secondary-outer nav>ul>li:last-child:hover>a,
body.material #header-secondary-outer nav>ul>li:last-child>a {
  color: #2AB894 !important;
}
/* BUTTONS */
/* selector for both nectar buttons & gravity forms buttons */
body .nectar-button,
body[data-button-style*="slightly_rounded"] .nectar-button,
body[data-form-submit="regular"] .container-wrap input[type="submit"] {
  position: relative;
  font: 600 22px/1.35 "Helvetica Neue", "Gotham", sans-serif !important;
  border-radius: 35pc !important;
  padding: 22px 47px 20px !important;
  text-align: center;
  opacity: 1 !important;
  border: 2px solid #2AB894;
  white-space: nowrap;
  color: #ffffff !important;
  margin-bottom: 0 !important;
  transition: all 0.5s ease;
  margin-top: 10px;
}
.nectar-button[data-color-override="false"]:hover,
body[data-form-submit="regular"] .container-wrap input[type="submit"]:hover {
  background: transparent !important;
  color: #2AB894 !important;
  border: 2px solid #2AB894;
  opacity: 1;
}
body .nectar-button.hover-dark:hover,
body .nectar-button.dark-hover:hover {
  color: #000 !important;
  border-color: #000 !important;
}
body .nectar-button.hover-white:hover,
body .nectar-button.white-hover:hover {
  color: #fff !important;
  border-color: #fff !important;
}
/* FOOTER */
.menu-footer-container ul,
.menu-footer-container li {
  margin: 0;
  list-style: none;
}
.menu-footer-container li {
  margin: 0 0 5px;
}
.menu-footer-container > ul > li > a {
  font-size: 18px;
  font-weight: 500;
  cursor: auto;
}
.material .widget .menu-footer-container > ul > li > a {
  display:block;
  padding-bottom: 10px !important;
  margin-bottom: 25px !important;
  border-bottom: 1px solid #2AB894 !important;
  max-width: 226px;
}
.menu-footer-container > ul > li > a:hover{
  color: #fff !important;
}
.menu-footer-container > ul ul > li a {
  font-size: 16px;
  white-space: nowrap;
}
.copyright p{
  font-size: 15px;
}
.copyright p a:hover{
  text-decoration: underline;
}
@media screen and (max-width: 999px) {
  .footer img {
    max-width: 189px !important;
    margin: 0 auto;
  }
  .material .widget .menu-footer-container > ul > li > a {
    margin: 30px auto 20px !important;
  }
}
@media screen and (min-width: 1000px) {
  .footer img {
    max-width: 322px !important;
  }
  .copyright p{
    font-size: 16px;
  }
  .copyright > .row-bg-wrap {
    border-top: 1px solid #848484;
  }
  .menu-footer-container > ul > li > a {
    font-size: 20px;
  }
  .material .widget .menu-footer-container > ul > li > a {
    width: 200px;
  }
  .menu-footer-container > ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    align-content: stretch;
    gap: 50px;
  }
}
@media screen and (min-width: 1300px) {
  .material .widget .menu-footer-container > ul > li > a {
    width: 226px;
  }
  .menu-footer-container > ul ul > li a {
    font-size: 19px
  }
  .menu-footer-container > ul {
    gap: 60px
  }
}
/* FORMS */
p.gform_required_legend {
    display:  none;
}
.gfield_checkbox .gchoice {
    display: inline-block;
    white-space: nowrap;
    padding-right: 15px;
}
.material.woocommerce-page[data-form-style=default] input#coupon_code, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    background: #F8F8F8 !important;
    border: 1px solid #CCCCCC;
}
.gform_wrapper.gravity-theme .gfield_required {
    color: #FF0000;
    font-size: 16px;
    padding-left: 0;
}
.gform_wrapper.gravity-theme .gfield-choice-input+label,
body .gform_wrapper .top_label .gfield_label {
    font-family: 'Gotham';
    font-weight: 500;
    margin-top: 0;
    line-height: 1.4;
}
.gform_wrapper.gravity-theme .gform_validation_errors>h2 {
  font-size: 14px !important;
  line-height: 1 !important;
}
@media screen and (min-width: 1000px) {
  .gform_wrapper.gravity-theme .gfield_required,
  body .gform_wrapper .top_label .gfield_label {
    font-size: 18px;
  }
  body[data-form-submit="regular"] .container-wrap input[type="submit"] {
    font: 600 20px/1.35 "Helvetica Neue", "Gotham", sans-serif !important;
    padding: 18px 40px 16px !important;
  }
}
/* CONTACT LINKS */
.contact-info ul,
.contact-info ul li{
    margin: 0;
    padding:  0;
    list-style: none;
}
.contact-info ul li:not(:first-child) {
    margin-top: 8px;
}
.contact-info ul li a {
    font: 500 18px/1 "Gotham", sans-serif !important;
    color: #272727;
}
.contact-info ul li a:hover {
  color: #2AB894;
}
@media screen and (min-width: 1000px) {
    .contact-info ul li a {
        font-size: 25px !important;
    }
    .contact-info ul li:not(:first-child) {
        margin-top: 15px;
    }
}
/* EMPLOYEE BOXES */
.employee-text {
  display: block !important;
  transition: max-height .5s ease;
  overflow: hidden;
  pointer-events: none;
}
.employee-text > div {
  padding-top: 10px;
}
@media screen and (max-width: 690px) {
  .employee-text:not(.show) {
    max-height: 0;
  }
  a.toggle-biography {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:   100%;
  }
  a.toggle-biography i {
    display: inline-block;
    word-spacing: 1px;
    position: relative;
    text-align: center;
    top: -2px;
    line-height: 18px;
    font-size: 15px;
    vertical-align: middle;
    max-width: 100%;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    left: auto;
    top: 0%;
    border: 2px solid #272727;
    border-radius: 30px 30px;
    -ms-transition: border-color .15s ease;
    transition: border-color .15s ease;
    -webkit-transition: border-color .15s ease;
  }
  a.toggle-biography i:before {
    content: " ";
    top: 14px;
    left: 6px;
    margin-top: -2px;
    width: 14px;
    height: 2px;
    position: absolute;
    background-color: #272727;
    transition: background-color 0.15s ease;
  }
  a.toggle-biography i:after {
    content: " ";
    top: 6px;
    left: 14px;
    width: 2px;
    margin-left: -2px;
    height: 14px;
    position: absolute;
    background-color: #272727;
    transition: transform 0.45s cubic-bezier(.3,.4,.2,1),background-color 0.15s ease;
  }
  a.toggle-biography.open i:after {
    -ms-transform: scale(1,0);
    transform: scale(1,0);
    -webkit-transform: scale(1,0);
  }
  a.toggle-biography.open i {
    border: 2px solid #2AB894;
  }
  a.toggle-biography.open i:before,
  a.toggle-biography.open i:after {
    background-color: #2AB894;
  }
}
@media screen and (min-width: 691px) {
  .employee-text {
    max-height: none !important;
  }
}
/* TIMELINE */
.timeline-img-icon {
    position:absolute;
    top: 0;
    left:0;
    z-index:1;
    background: #2AB894;
    text-align: center;
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 40px;
    font-weight:  300;
    color: #fff;
    margin-right: 0 !important;
}
.timeline-img img {
  width: 100%;
}
@media screen and (max-width: 999px) {
  .timeline-content h3 {
      font-size: 30px !important;
  }
  .timeline .vc_col-sm-6 {
    padding-right: 0 !important;
  }
  .timeline .vc_col-sm-6 .timeline-content .wpb_column {
    margin-right: 0px !important
  }
}
@media screen and (max-width: 691px) {
  .timeline-content h3 {
      font-size: 24px !important;
  }
}
@media only screen and (min-width: 690px) and (max-width: 999px) {
  .timeline .vc_col-sm-6 .timeline-img div:not(.timeline-img-icon) > .wpb_wrapper,
  .timeline .vc_col-sm-6 .timeline-content .wpb_column {
    margin-right: -20px !important
  }
  .timeline-img-icon {
    width: 75px;
    height: 75px;
    line-height: 75px;
    font-size: 45px;
  }
}
@media screen and (min-width: 1000px) {
  .timeline-content h3 {
      font-size: 30px !important;
  }
  .timeline-content p {
      font-size: 17px !important;
  }
  .timeline .vc_col-sm-6:first-child:after{
      top:50%;
  }
  .timeline .vc_col-sm-6:nth-child(odd):after {
      content: '';
      position: absolute;
      display: block;
      right: -1px;
      width: 2px;
      top:0;
      height: 100%;
      bottom:0;
      visibility: visible;
      background: #9A9A9A;
  }
  .timeline .vc_col-sm-6:first-child:after{
      top:15%;
  }
  .timeline .vc_col-sm-6:last-child:after{
      bottom:15%;
      height: 85%;
  }
  .timeline .vc_col-sm-6:first-child:before,
  .timeline .vc_col-sm-6:last-child:before {
      content: '';
      visibility: visible;
      position: absolute;
      right: -6px;
      width: 8px;
      height: 8px;
      border: 2px solid #9A9A9A;
      border-radius: 50%;
      z-index:1;
  }
  .timeline .vc_col-sm-6:first-child:before{
      transform: translateY(-100%);
      top:15%;
  }
  .timeline .vc_col-sm-6:last-child:before {
      bottom:15%;
      transform: translateY(100%);
  }
  .timeline .vc_col-sm-6:nth-child(odd) .timeline-content:after,
  .timeline .vc_col-sm-6:nth-child(even) .timeline-content:after {
      content: '';
      position: absolute;
      width: 11px;
      height: 11px;
      top: calc(50% - 50px);
      bottom:0;
      visibility: visible;
      background: #2AB894;
      z-index:1;
  }
  .timeline .vc_col-sm-6:nth-child(odd) .timeline-content:after {
      right: -35px;
      transform: translate(50%);
  }
  .timeline .vc_col-sm-6:nth-child(even) .timeline-content:after {
      left: -35px;
      transform: translate(-50%);
  }
  .timeline-img-icon.right{
      right:0;
      left:auto;
  }
  .timeline-img-icon {
      width: 75px;
      height: 75px;
      line-height: 75px;
      font-size: 45px;
  }
}
@media screen and (min-width: 1300px) {
  .timeline .vc_col-sm-6 .timeline-content {
    margin-top: -80px !important
  }
  .timeline-content p {
      font-size: 19px !important;
  }
  .timeline-img-icon {
      width: 80px;
      height: 80px;
      line-height: 80px;
      font-size: 50px;
  }
}
/* MEDIA QUERIES */
@media screen and (min-width: 1000px) {
  .hide-desktop {
    display: none !important;
  }
  .wpb_row.vc_row-o-full-height,
  .wpb_row.vc_row-o-full-height > .col.span_12 {
    min-height: calc(100vh - 89px) !important;
  }
  /* HEADER NAV */
  #top nav > ul ul > li > a,
  #top nav > ul > li > a {
    opacity: 1 !important;
    font: 400 22px/1.23 "Helvetica Neue", sans-serif !important;
    white-space: nowrap;
  }
  #top nav > ul ul > li > a {
    font: 400 20px/1.23 "Helvetica Neue", sans-serif !important;
  }
  body.material[data-header-format="default"] #header-outer[data-has-buttons="yes"]:not([data-format="left-header"]) #top nav >.buttons {
    display: none;
  }
  .sf-menu>li ul {
    padding: 25px !important;
  }
  .sf-menu>li:first-child ul {
    min-width: 20em !important;
    width: 26.7em !important;
  }
  /* BACKGROUND */
  .accent-bg > .row-bg-wrap .inner-wrap:after,
  .accent-bg > .row-bg-wrap .row-bg:after {
    content: '';
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left: 0;
    background-image: url('/wp-content/uploads/2023/07/Cladzall-LogoAccent-Right.svg');
    background-position: top right;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .accent-bg > .row-bg-wrap .inner-wrap:after {
    background-image: url('/wp-content/uploads/2023/07/Cladzall-LogoAccent-Left.svg');
    background-position: top left;
  }
  .accent-bg.accent-bg-light > .row-bg-wrap .row-bg:after {
    background-image: url('/wp-content/uploads/2023/07/Cladzall-LogoAccent-Right-WhiteRow.svg');
  }
  .accent-bg.accent-bg-light > .row-bg-wrap .inner-wrap:after {
    background-image: url('/wp-content/uploads/2023/07/Cladzall-LogoAccent-Left-WhiteRow.svg');
  }
  .accent-bg.accent-bg-off-white > .row-bg-wrap .row-bg:after {
    background-image: url('/wp-content/uploads/2023/08/Cladzall-LogoAccent-Right-OffWhite.svg');
  }
  .accent-bg.accent-bg-off-white > .row-bg-wrap .inner-wrap:after {
    background-image: url('/wp-content/uploads/2023/08/Cladzall-LogoAccent-Left-OffWhite.svg');
  }
  .dark-bg-col:after {
    content: '';
    position: absolute;
    width: 100vw;
    height:  100%;
    visibility: visible;
    top: 0;
    bottom: 0;
    background: #272727;
    z-index: -1;
  }
  .dark-bg-col-right:after {
    left: 40%;
  }
  .dark-bg-col-left:after {
    right: 40%;
  }
  /* HERO */
  .hero-text {
    font-size: 22px;
    line-height: 1.54;
  }
  /* text styles */
  .sub-title {
    font-size: 20px;
  }
  .large-text p,
  .large-text .iwt-text {
    font-size: 24px;
  }
}
@media screen and (min-width: 999px) and (max-width: 1100px) {
  .custom-tablet-cols .vc_col-sm-6 {
    width: 90%
  }
  .custom-tablet-cols .vc_col-sm-6:first-child {
    width: 10%
  }
  .service-cols.custom-tablet-cols .vc_col-sm-6:first-child {
    width: 15%
  }
  .service-cols.custom-tablet-cols .vc_col-sm-6 {
    margin-top: 80px !important;
    margin-bottom: -80px !important;
    width: 75%
  }
}
@media screen and (min-width: 1300px) {
  /* HEADER NAV */
  #header-outer #logo img, #header-outer .logo-spacing img {
    height: 52px;
  }
  .wpb_row.vc_row-o-full-height,
  .wpb_row.vc_row-o-full-height > .col.span_12 {
    min-height: calc(100vh - 100px) !important;
  }
}
@media screen and (max-width: 999px) {
  .vc_row-fluid .wpb_column[class*="vc_col-xs"]:not(.vc_col-xs-12) {
    margin-bottom: 25px !important;
  }
  .wpb_row.vc_row-o-full-height,
  .wpb_row.vc_row-o-full-height > .col.span_12 {
    min-height: calc(100vh - 61px) !important;
  }
  /* BACKGROUND */
  .accent-bg > .row-bg-wrap .row-bg:after {
    content: '';
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left: 0;
    background-image: url('/wp-content/uploads/2023/07/Cladzall-LogoAccent-Mobile.svg');
    background-position: bottom right;
    background-size: auto;
    background-repeat: no-repeat;
  }
  .accent-bg.accent-bg-light > .row-bg-wrap .row-bg:after {
    background-image: url('/wp-content/uploads/2023/07/Cladzall-LogoAccent-Mobile-WhiteRow.svg');
  }
  .accent-bg.accent-bg-off-white > .row-bg-wrap .row-bg:after {
    background-image: url('/wp-content/uploads/2023/08/Cladzall-LogoAccent-Mobile-OffWhite.svg');
  }
  .bg-gray-m > .row-bg-wrap .row-bg {
    background: #f7f7f7;
  }
  .bg-half-half > .row-bg-wrap {
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(39,39,39,1) 50%, rgba(39,39,39,1) 100%);
  }
  .bg-bottom-black > .row-bg-wrap {
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(39,39,39,1) 50%, rgba(39,39,39,1) 100%);
  }
  /* BUTTONS */
  /* selector for both nectar buttons & gravity forms buttons */
  body .nectar-button,
  body[data-button-style*="slightly_rounded"] .nectar-button,
  body[data-form-submit="regular"] .container-wrap input[type="submit"] {
    padding: 17px 40px 15px !important;
    font-size: 16px !important;
  }
}
@media screen and (min-width: 999px) and (max-width: 1300px) {
  /* TABLET - TYPOGRAPHY & HEADINGS */
  h1,
  .h1 {
    font-size: 60px !important;
  }
  h2,
  .h2{
    font-size: 45px !important;
  }
}
@media screen and (max-width: 1300px) {
  .no-max-width-tablet .wpb_text_column.wpb_content_element {
    max-width: 720px !important;
  }
}
@media screen and (max-width: 1024px) {
  /* HEADER NAV */
  #header-outer #mobile-menu a>.sf-sub-indicator {
    left: 0 !important;
    text-align: right;
  }
  #header-outer #top .slide-out-widget-area-toggle a .lines:after, body.material.mobile #header-outer.transparent:not([data-permanent-transparent="1"]) header .slide-out-widget-area-toggle a .close-line, body.material.mobile #header-outer:not([data-permanent-transparent="1"]) header .slide-out-widget-area-toggle a .close-line, #search-outer .close-wrap .close-line, #header-outer:not(.transparent) #top .slide-out-widget-area-toggle .close-line, .nectar-slide-in-cart.style_slide_in_click .close-cart .close-line, .nectar-ajax-search-results h4 a:before {
    background-color: #2AB894;
  }
  #header-outer .left-aligned-ocm .lines:before, body #header-outer .slide-out-widget-area-toggle.mobile-icon .lines:before, body[data-slide-out-widget-area-style=slide-out-from-right-hover] .slide-out-widget-area-toggle.mobile-icon .lines:before {
    width: 32px !important;
  }
  #top .slide-out-widget-area-toggle a span {
    overflow: hidden;
    width: 32px;
    height: 32px;
  }
  #top .slide-out-widget-area-toggle a .close-wrap {
    width: 32px;
    height: 23px;
  }
  body #header-outer .lines-button {
    top: 14.5px;
  }
  #top .slide-out-widget-area-toggle .close-line {
    height: 22px;
    top: 2px;
  }
  body[data-slide-out-widget-area-style*=fullscreen] #top .menu-push-out .lines-button:after, body[data-slide-out-widget-area-style*=fullscreen] #top .menu-push-out .lines:after, body[data-slide-out-widget-area-style*=fullscreen] #top .menu-push-out .lines:before, body[data-slide-out-widget-area-style=simple] #top .menu-push-out .lines-button:after, body[data-slide-out-widget-area-style=simple] #top .menu-push-out .lines:after, body[data-slide-out-widget-area-style=simple] #top .menu-push-out .lines:before {
    transform: translateX(34px)!important;
  }
  .slide-out-widget-area-toggle.mobile-icon .lines-button:after, .slide-out-widget-area-toggle.mobile-icon .lines:after, .slide-out-widget-area-toggle.mobile-icon .lines:before {
    height: 3px !important;
    border-radius: 3px;
    width: 32px!important;
  }
  body #header-outer .slide-out-widget-area-toggle.mobile-icon .lines:before {
    top:  7px;
  }
  #header-outer .slide-out-widget-area-toggle.mobile-icon .lines:after {
    top: -7px;
  }
  #header-outer #mobile-menu {
    top:  100%;
  }
  #header-outer #mobile-menu ul li a {
    display: block;
    padding: 20px 0 !important;
    font: 400 16px/1.18 "Helvetica Neue", sans-serif !important;
  }
  body #header-outer #mobile-menu .menu-items-wrap>ul:last-child>li:last-child a{
    color: #fff !important;
    font-weight: 500 !important;
  }
  #mobile-menu .menu-items-wrap>ul:last-child>li:last-child:before,   #mobile-menu .menu-items-wrap>ul:last-child>li:last-child:after{
    display:none;
  }
  #header-outer #mobile-menu>.inner {
    margin-top: 12px!important;
    overflow: visible!important
  }
  #header-outer #mobile-menu ul li ul:before,
  #header-outer #mobile-menu>.inner .menu-items-wrap > ul:first-child > li:last-child:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    background: #2AB894
  }
  #header-outer #mobile-menu ul li ul:before {
    background: #f7f7f7
  }
}
@media screen and (min-width: 691px) and (max-width: 999px) {
  /* TABLET - TYPOGRAPHY & HEADINGS */
  .testimonial_slider blockquote span,
  .testimonial_slider blockquote p,
  body {
    font-size: 16px !important;
  }
  h1,
  .h1 {
    font-size: 55px !important;
  }
  h2,
  .h2{
    font-size: 40px !important;
  }
  h3,
  .h3 {
    font-size: 32px !important;
  }
  h4,
  .h4 {
    font-size: 27px !important;
  }
  /* BACKGROUND */
  .accent-bg > .row-bg-wrap .row-bg:after {
    background-image: url('/wp-content/uploads/2023/07/Cladzall-LogoAccent-Right.svg');
    background-size: contain;
  }
  .dark-bg-col:after {
    content: '';
    position: absolute;
    width: 100vw;
    height: 85%;
    visibility: visible;
    top: 7.5%;
    margin-left: calc(-50vw + var(--scroll-bar-w)/ 2);
    left: 50%;
    bottom: 5%;
    background: #272727;
    z-index: -1;
  }
  /* HERO */
  .hero-text {
    font-size: 19px;
  }
  .hide-tablet {
    display: none !important;
  }
  .no-padding .pin-right,
  .no-padding .pin-left {
    padding: 50px 0 !important;
  }
  .vc_row > .row_col_wrap_12 {
    /* padding for main rows */
    padding: 50px 0;
  }
  /* PORTFOLIO */
  .portfolio-items:not(.carousel) .col.span_4, .portfolio-items:not(.carousel) .col.span_3 {
      width: 33% !important;
  }
}
@media screen and (max-width: 690px) {
  /* HEADER NAV */
  /* MOBILE - TYPOGRAPHY & HEADINGS */
  .testimonial_slider blockquote span,
  .testimonial_slider blockquote p,
  body {
    font-size: 16px !important;
  }
  h1,
  .h1 {
    font-size: 38px !important;
  }
  h2,
  .h2 {
    font-size: 30px !important;
  }
  h3,
  .h3 {
    font-size: 28px !important;
  }
  h4,
  .h4 {
    font-size: 24px !important;
  }
  .hero-text {
    font-size: 16px;
  }
  .hide-mobile {
    display: none !important;
  }
  .no-padding .pin-right,
  .no-padding .pin-left {
    padding: 40px 0 !important;
  }
  .vc_row > .row_col_wrap_12 {
    padding: 40px 0;
  }
}