/*
Theme Name:     J&B Kadence Child
Theme URI:      n/a
Template:       kadence
Author:         Jung&Billig GmbH
Author URI:     n/a
Description:    https://www.jungundbillig.de/
Version:        1.0.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

/*-----------------------------------------------------------------------------------*/
/*---------------------GENERAL & TYPO---------------------*/
/*-----------------------------------------------------------------------------------*/
:root {
  --border-radius: 15px;
  --border-radius-lg: 30px;
  /*huge sizes*/
  --fs-display1: clamp(3.75rem, 3rem + 3.75vw, 7.5rem);
  --fs-display2: clamp(2.5rem, 2rem + 2.5vw, 5rem);
  /*body*/ 
  --fs-body: clamp(0.875rem, 0.25rem + 1vw, 1.25rem);
  /*inputs*/
  --fs-inputs: clamp(1rem, 0.25rem + 1vw, 1.25rem);
  /*heading defaults*/
  --fs-h1: clamp(2rem, 1.5rem + 1.25vw, 2.75rem);
  --fs-h2: clamp(1.75rem, 1rem + 1.3vw, 2.5rem);
  --fs-h3: clamp(1.375rem, 0.75rem + 1vw, 1.875rem);
  --fs-h4: clamp(1.25rem, 0.675rem + 1vw, 1.75rem);
  --fs-h5: clamp(1.125rem, .6rem + 1vw, 1.5rem);
  --fs-h6: var(--fs-body);


  /*block editor sizes*/
  --global-kb-font-size-sm: clamp(0.75rem, 0.73rem + 0.217vw, 0.875rem);
  --global-kb-font-size-md: var(--fs-body);
  --global-kb-font-size-lg: var(--fs-h3);
  --global-kb-font-size-xl: var(--fs-h2);
  --global-kb-font-size-xxl: var(--fs-h1);
  --global-kb-font-size-xxxl: var(--fs-display2);
  --font-family-extended: "⁨⁨⁨⁨⁨Aktiv Grotesk Ex";
}
body {
  font-size: var(--fs-body);
}
input, select, optgroup, textarea {
  font-size: var(--fs-inputs);
}
.display-1 {
  font-size: var(--fs-display1);
}
.display-2 {
  font-size: var(--fs-display2);
}
h1 {
  font-size: var(--fs-h1);
}
h2 {
  font-size: var(--fs-h2);
}
h3 {
  font-size: var(--fs-h3);
}
h4 {
  font-size: var(--fs-h4);
}
h5 {
  font-size: var(--fs-h5);
}
h6 {
  font-size: var(--fs-h6);
}
/*normalize kadence heading paddings*/
.single-content h1, .single-content h2, .single-content h3, .single-content h4, .single-content h5, .single-content h6 {
  margin: var(--global-md-spacing) 0 calc(var(--global-md-spacing) / 2);
}
.single-content h1 + *, .single-content h2 + *, .single-content h3 + *, .single-content h4 + *, .single-content h5 + *, .single-content h6 + * {
  margin-top: 0;
}

.wp-block-kadence-advancedheading mark.kt-highlight {
  color: var(--global-palette3);
}
.wp-block-kadence-advancedheading:is(h3, h4, h5, h6) mark.kt-highlight {
  color: var(--global-palette8);
}
.wp-block-kadence-advancedbtn .kb-button.kt-btn-size-small {
  font-size: .75rem;
}
/*-----------------------------------------------------------------------------------*/
/*---------------------HEADER---------------------*/
/*-----------------------------------------------------------------------------------*/
#main-header {
    position: absolute;
    top: 0;
    inset-inline: 0;
    background-color: transparent;
    max-width: 1920px;
    margin: 0 auto;
}
#wrapper.adminbar-visible #masthead {
  top: 32px;
}
@media screen and (max-width: 782px) {
  
  #wrapper.adminbar-visible #masthead {
    top: 46px;
  }
}

#main-header .site-header-row-container-inner {
    background-color: transparent !important;   
}

#main-header #site-navigation {
    background-color: rgba(241, 252, 255, 0.60);
    border-radius: 15px;
    padding: 3px;
    backdrop-filter: blur(5px);
}


#main-header .site-main-header-inner-wrap {
    display: flex;
    justify-content: center;
    gap: 2rem;
    max-width: 1920px;
    margin: 0 auto;
}

#main-header .site-main-header-inner-wrap > *:not(:first-of-type) {
    flex-grow: 1;
}
/*-----------------------------------------------------------------------------------*/
/*---------------------MAIN NAV---------------------*/
/*-----------------------------------------------------------------------------------*/

/* Menu Items */
.main-navigation .primary-menu-container > ul > li.menu-item > a {
    border-radius: 13px;
    padding-block: 1.5em;
    line-height: 1;
}

#primary-menu {
    gap: 3px;
}


/* Menu Toggle */
.mobile-toggle-open-container button#mobile-toggle {
    padding: 1.25em 3em;
}

.menu-toggle-close {
    border-radius: var(--border-radius) !important;
    top: .875rem;
}
/*-----------------------------------------------------------------------------------*/
/*---------------------HERO VISUAL---------------------*/
/*-----------------------------------------------------------------------------------*/

/* HERO VISUAL */
.hero-visual .kb-blocks-bg-video-container video {
    min-width: 100svw;
    min-height: 100svh;
} 

.hero-visual .kb-blocks-bg-video-container {
    overflow: hidden;
    margin: auto;
} 
    
.hero-visual.rounded .kb-blocks-bg-video-container {
    border-radius: var(--border-radius-lg);
}

/*-----------------------------------------------------------------------------------*/
/*---------------------HERO---------------------*/
/*-----------------------------------------------------------------------------------*/
@media (max-width: 767px) {
  #main .content-wrap .hero {
    margin-bottom: 7rem;
  }
  #main .content-wrap .hero .box {
    position: absolute;
    bottom: 0;
    transform: translateY(5rem);
    margin-inline: 1.5rem;

  }
}

/*-----------------------------------------------------------------------------------*/
/*---------------------SCROLLER---------------------*/
/*-----------------------------------------------------------------------------------*/
/*Hero Text*/
.scroller *:is(h1, h2)  {
 margin-bottom: 0;
}

.scroller {
  max-width: 100vw;
}
/* TODO: Custom Prop for gap. also in animation */
.scroller__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.logo-scroller {
  gap: 3rem;
  padding-block: 1rem;
}
.test {
  background-color: red;
}

.scroller[data-animated="true"] {
  overflow: hidden;
  -webkit-mask: linear-gradient(
    90deg,
    transparent,
    white 0%,
    white 100%,
    transparent
  );
  mask: linear-gradient(90deg, transparent, white 0%, white 100%, transparent);
}

.scroller[data-animated="true"] .hero-scroller {
  width: max-content;
  flex-wrap: nowrap;
  animation: heroScroll var(--_animation-duration, 40s)
    var(--_animation-direction, forwards) linear infinite;
}

.scroller[data-animated="true"] .logo-scroller {
  width: max-content;
  flex-wrap: nowrap;
  animation: logoScroll var(--_animation-duration, 40s)
    var(--_animation-direction, forwards) linear infinite;
}

.scroller[data-direction="right"] {
  --_animation-direction: reverse;
}

.scroller[data-direction="left"] {
  --_animation-direction: forwards;
}

.scroller[data-speed="fast"] {
  --_animation-duration: 20s;
}

.scroller[data-speed="slow"] {
  --_animation-duration: 60s;
}

@keyframes heroScroll {
  to {
    transform: translate(calc(-33.33333% - 0.5rem));
  }
}

@keyframes logoScroll {
  to {
    transform: translate(calc(-50% - 1.5rem));
  }
}

/*-----------------------------------------------------------------------------------*/
/*---------------------BOX---------------------*/
/*-----------------------------------------------------------------------------------*/
.box > .kt-inside-inner-col {
  padding: 3rem;
  border-radius: 2rem;
}
@media (max-width: 1023px) {
  .box > .kt-inside-inner-col {
    padding: 2rem;
    border-radius: 1.5rem;
  }
}
@media (max-width: 767px) {
  .box > .kt-inside-inner-col {
    padding: 1.5rem;
    border-radius: 1.25rem;
  }

}
/*-----------------------------------------------------------------------------------*/
/*---------------------GRID GALLERY---------------------*/
/*-----------------------------------------------------------------------------------*/

/* Grid Section */
.grid-section > * {
  display: grid;
  grid-template-columns: minmax(200px, 2fr) repeat(2, minmax(200px, 1fr)) !important;
}
.grid-section > * > * {
  border-radius: var(--border-radius-lg);
  overflow: hidden;
}
.grid-section > * > *:first-child {
  grid-row: 1 / 3;
}
.grid-section > * > *:first-child > * {
  height: 100%;
}

/*-----------------------------------------------------------------------------------*/
/*---------------------HOMEPAGE FAT ANIMATION---------------------*/
/*-----------------------------------------------------------------------------------*/
.container-upper, .container-lower {
  margin: 0 auto !important;
  max-width: 1920px !important;
}


canvas {
  /* outline: 2px solid crimson; */
  max-width: 50vw;
  max-height: 100vh;
}



.fat-ani-wrap > *  {
  position: relative;
  /* outline: 2px solid lime !important; */
  min-height: 100vh;
}

.fat-content-wrap > * > * {
  overflow: visible;
}
/*-----------------------------------------------------------------------------------*/
/*---------------------HOMEPAGE FREDDY ANIMATION---------------------*/
/*-----------------------------------------------------------------------------------*/
@media (max-width: 1024px) {
  canvas#image-sequence-freddy {
    max-width: 90vw;  
  }
}

.freddy-ani-wrap > *  {
  position: relative;
  /* outline: 2px solid lime !important; */
  min-height: 100vh;
}
.freddy-content-wrap > * > * {
  overflow: visible;
}

/*-----------------------------------------------------------------------------------*/
/*---------------------Tables---------------------*/
/*-----------------------------------------------------------------------------------*/
.kb-table-container {
  position: relative;
  overflow: visible !important;
}

.kb-table-container:before {
  content: "";
  width: 100%;
  display: block;
  top: calc(-1 * var(--border-radius-lg) + 2px);
  left: 0;
  position: absolute;
  height: var(--border-radius-lg);
  border-top-left-radius: var(--border-radius-lg);
  border-top-right-radius: var(--border-radius-lg);
  border: 2px solid var(--global-palette6);
}
.kb-table-container:after {
  content: "";
  width: 100%;
  display: block;
  bottom: calc(-1 * var(--border-radius-lg) + 2px);
  left: 0;
  position: absolute;
  height: var(--border-radius-lg);
  border-bottom-left-radius: var(--border-radius-lg);
  border-bottom-right-radius: var(--border-radius-lg);
  border: 2px solid var(--global-palette6);
}
/*-----------------------------------------------------------------------------------*/
/*---------------------PRODUCTS CAROUSEL---------------------*/
/*-----------------------------------------------------------------------------------*/
.products-card .kt-blocks-post-grid-item {
  height: 100%;
}
/*-----------------------------------------------------------------------------------*/
/*---------------------PAGINATION---------------------*/
/*-----------------------------------------------------------------------------------*/
.wp-block-kadence-query-pagination .nav-links > *{
  text-decoration: underline !important;
  position: relative;
}
.wp-block-kadence-query-pagination .nav-links > *:not(:last-child)::after {
  content: "|";
  width: 1px;
  text-decoration: none !important;
  position: absolute;
  right: 0;
  color: var(--global-palette9);
}
/*-----------------------------------------------------------------------------------*/
/*---------------------MAGAZINE SECTION---------------------*/
/*-----------------------------------------------------------------------------------*/
#blog .splide__arrow {
  border-radius: .5em;
  top: -5rem;
}

/*-----------------------------------------------------------------------------------*/
/*---------------------FOOTER---------------------*/
/*-----------------------------------------------------------------------------------*/
.footer-menu > * > * {
  flex-grow: 0 !important;
}

.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover,
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:focus {
  color: var(--global-palette-highlight);
}

.wpml-ls ul {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  font-size: var(--global-kb-font-size-sm);
}
.wpml-ls .wpml-ls-link {
  color: var(--global-palette8);
  text-transform: uppercase;
  padding: 0;
}
.wpml-ls .wpml-ls-link:hover, .wpml-ls .wpml-ls-link:focus {
  color: var(--global-palette-highlight);
}

/*-----------------------------------------------------------------------------------*/
/*---------------------PRODUKTE SUBNAV---------------------*/
/*-----------------------------------------------------------------------------------*/
.subnav-toggle {
  transform: rotate(-90deg);
  transform-origin: right top;
  position: absolute;
  right: 0;
  top: 24px;
}
.subnav {
  --subnavwidth: 200px;
  position: fixed;
  left: calc(-1 * var(--subnavwidth) + 20px);
  top: 30vh;
  z-index: 3;
  transition: all .2s ease-out;
}
.subnav-anchors a {
  visibility: hidden;
}
.subnav.show {
  left: 0;
}
.subnav.show .subnav-anchors a {
  visibility: visible;
}
/*-----------------------------------------------------------------------------------*/
/*---------------------CONTACT MAP---------------------*/
/*-----------------------------------------------------------------------------------*/
.contact-map {
  overflow: hidden;
  border-radius: 30px;
  
}
/*-----------------------------------------------------------------------------------*/
/*---------------------JOB POSTINGS---------------------*/
/*-----------------------------------------------------------------------------------*/
body .job-listing .job-preview .job-cta .apply-btn {
  font-family: var(--global-heading-font-family);
  font-weight: 900;
  font-size: 14px;
}
.single-jobs .job-post .jobs-row .jobs-row-label {
  font-family: var(--font-family-extended);
  font-weight: 400;
  text-transform: uppercase;
}
.single-jobs .job-post .jobs-row .jobs-row-label span {
  border-bottom: 0;
  padding-bottom: 0;
}

.single-jobs .job-post .jobs-row {
  margin: 20px 0 60px;
}

.single-jobs .job-post {
  padding-top: 160px;
  margin: 0 auto 160px;
}
.single-jobs .jp-apply-button {
  font-size: 14px;
}
.single-jobs .job-post .jobs-row.position_title .jobs-row-input {
  font-family: var(--global-heading-font-family);
  text-transform: uppercase;
  font-size: var(--global-kb-font-size-xxl);
  
}

/*-----------------------------------------------------------------------------------*/
/*---------------------JOB POSTINGS MODAL---------------------*/
/*-----------------------------------------------------------------------------------*/
.job-post .jobs-modal .jobs-modal-content {
  background: var(--global-palette1);
  border-radius: var(--border-radius-lg);
}
body .job-post .jobs-row-apply .jobs-modal-form h3, 
body .job-post .jobs-modal-form .jobs-section-row .jobs-section-heading, 
body .job-post .jobs-modal-form .jobs-modal-input .input-label, 
body .job-post .jobs-modal-form h4 {
  color: var(--global-palette8);
}
.job-post .jobs-modal-form .modal-input-text {
  border-radius: var(--border-radius);
  color: var(--global-palette4);
  line-height: 1.6;
  height: auto;
  background-color: var(--global-palette8);
  padding: 10px;
}
.job-post .jobs-modal-form .modal-input-fileinput {
  border-radius: var(--border-radius);
  background-color: var(--global-palette8);
}
.job-post .jobs-modal-form .modal-input-fileinput.multiple {
  padding: 10px;
}

.job-post .jobs-modal-form .choose_file, 
.job-post .jobs-modal-form .choose_file_multi, 
.job-post .jobs-modal-form .choose_file_multi_add {
  color: var(--global-palette1);
}

.job-post .jobs-modal .jobs-modal-content .modal-close {
  width: 40px;
  height: 40px;
  padding: 12px;
  background: var(--global-palette3);
  border-radius: var(--border-radius);
}
.job-post .jobs-modal .jobs-modal-content .modal-close:hover,
.job-post .jobs-modal .jobs-modal-content .modal-close:focus {
  background: var(--global-palette2);
}
.job-post .jobs-modal-form .job-submit {
  font-size: 14px;
  font-weight: 900;
}
/*-----------------------------------------------------------------------------------*/
/*---------------------ASIDE---------------------*/
/*-----------------------------------------------------------------------------------*/
.primary-sidebar.widget-area {
  border-radius: var(--border-radius-lg);
}
.primary-sidebar.widget-area .widget_nav_menu a {
  color: var(--global-palette9);
}
.primary-sidebar.widget-area .widget_nav_menu a:hover, 
.primary-sidebar.widget-area .widget_nav_menu a:focus {
  color: var(--global-palette3);
}
.primary-sidebar.widget-area .widget_nav_menu .current-menu-item a {
  color: var(--global-palette2);
}
/*-----------------------------------------------------------------------------------*/
/*---------------------ARCHIVE---------------------*/
/*-----------------------------------------------------------------------------------*/
#archive-container {
  gap: 15px;
}
#archive-container .content-bg {
  border-radius: var(--border-radius-lg);
  overflow: hidden;
}
/*-----------------------------------------------------------------------------------*/
/*---------------------SINGLE POST---------------------*/
/*-----------------------------------------------------------------------------------*/
.single-post .post-thumbnail {
  border-top-left-radius: var(--border-radius-lg);
  border-top-right-radius: var(--border-radius-lg);
}
.single-post .entry {
  border-radius: 0;
  border-bottom-left-radius: var(--border-radius-lg);
  border-bottom-right-radius: var(--border-radius-lg);
}
.single .entry-related .content-bg {
  border-radius: var(--border-radius-lg);
}
/*-----------------------------------------------------------------------------------*/
/*---------------------TAGS---------------------*/
/*-----------------------------------------------------------------------------------*/
.entry-tags a.tag-link {
  color: var(--global-palette9);
  border: 1px solid var(--global-palette9);
}
/*-----------------------------------------------------------------------------------*/
/*---------------------HEADER NAV DROPDOWN---------------------*/
/*-----------------------------------------------------------------------------------*/
.header-navigation #primary-menu {
  --dropdown-link-width: 350px;
  --padding-submenus: 8px;
}
/* ----toggler appearance ----*/
.header-navigation .nav-drop-title-wrap {
  padding-right: 2em;
}
.header-navigation.nav--toggle-sub .dropdown-nav-toggle {
  right: 1.5em;
}

.header-navigation .dropdown-nav-toggle .kadence-svg-iconset svg {
  width: 1.5em;
  height: 1.5em;
}
.header-navigation .dropdown-nav-toggle .kadence-svg-iconset.svg-baseline svg {
  right: 0.125em;
}

/* ----both levels ----*/
.header-navigation ul ul.sub-menu, .header-navigation ul ul.submenu {
  text-align: left;
  padding: var(--padding-submenus);
  border-radius: 20px;
}
.header-navigation .header-menu-container ul ul li.menu-item.menu-item-has-children {
  border-bottom: 0;
} 
.header-navigation .header-menu-container ul ul li.menu-item > a {
  border-radius: var(--border-radius);
  width: var(--dropdown-link-width);
  height: 75px;
  background-color: var(--global-palette3);
}
.header-navigation .header-menu-container ul ul li.menu-item > a .menu-item-description {
  text-transform: none;
  font-family: var(--global-body-font-family);
  font-size: 12px;
  display: block;
  font-weight: 400;
}
/* ----first level ----*/
.header-navigation #primary-menu > li > ul.sub-menu, 
.header-navigation #primary-menu > li > ul.submenu {
  background-color: var(--global-palette6);
  border: 1px solid var(--global-palette4);
}
.header-navigation #primary-menu > li.grid-dropdown > ul.sub-menu, 
.header-navigation #primary-menu > li.grid-dropdown > ul.submenu {
  display: grid;
  align-items: start;
  grid-template-rows: repeat(100, minmax(1px, min-content));
  grid-template-columns: 1fr 1fr;
  grid-column-gap: calc(var(--padding-submenus) * 2);
}
.header-navigation #primary-menu > li > ul.sub-menu > li, .header-navigation #primary-menu > li > ul.submenu  > li {
  grid-column: 2;
}
/* grid row -1 only works for explicit rows, this is why we create 100 explicit rows */
.header-navigation #primary-menu > li > ul.sub-menu > li:first-child, .header-navigation #primary-menu > li > ul.submenu  > li:first-child {
  grid-column: 1;
  grid-row: 1 / -1;
}
.header-navigation #primary-menu > li > ul.sub-menu > li:first-child .dropdown-nav-special-toggle, .header-navigation #primary-menu > li > ul.submenu  > li:first-child .dropdown-nav-special-toggle {
  display: none;
}
.header-navigation #primary-menu > li > ul.sub-menu > li:first-child .dropdown-nav-toggle, .header-navigation #primary-menu > li > ul.submenu  > li:first-child .dropdown-nav-toggle {
  transform: translateY(-50%) rotate(90deg);
}
.header-navigation #primary-menu > li.grid-dropdown > ul.sub-menu > li:first-child::after, 
.header-navigation #primary-menu > li.grid-dropdown > ul.submenu  > li:first-child::after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: var(--global-palette4);
  top: 0;
  right: calc(-1 * var(--padding-submenus));
}
/* ----second level---- */
.header-navigation .header-menu-container ul ul ul.sub-menu, .header-navigation .header-menu-container ul ul ul.submenu {
  position: relative;
  left: 0;
  min-height: auto;
  background-color: var(--global-palette1);
  border: 1px solid var(--global-palette4);
  box-shadow: none;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: translate3d(0, 0, 0) !important;
  height: auto !important;
}
.header-navigation ul ul ul.sub-menu li.menu-item > a, .header-navigation ul ul ul.submenu li.menu-item > a {
  width: calc(var(--dropdown-link-width) - (var(--padding-submenus) * 2));
}
/*-----------------------------------------------------------------------------------*/
/*---------------------MOBILE MENU---------------------*/
/*-----------------------------------------------------------------------------------*/
#mobile-site-navigation.mobile-navigation ul.has-collapse-sub-nav ul.sub-menu {
  background-color: var(--global-palette4);
}
#mobile-site-navigation.mobile-navigation ul.has-collapse-sub-nav ul.sub-menu ul.sub-menu {
  background-color: var(--global-palette6);
}

/*Drawer Toggle*/
#mobile-site-navigation .drawer-nav-drop-wrap .drawer-sub-toggle {
  padding: 0.5em 1.5em;
}

#mobile-site-navigation .drawer-sub-toggle .kadence-svg-iconset svg {
  height: 1.5em;
  width: 1.5em;
}
#mobile-header {
  background-color: var(--global-palette6);
}
#mobile-drawer.popup-drawer .drawer-content.content-valign-middle {
  justify-content: flex-start;
  padding-top: 3rem;
}
/*-----------------------------------------------------------------------------------*/
/*---------------------Borlabs---------------------*/
/*-----------------------------------------------------------------------------------*/
#BorlabsCookieBox .brlbs-cmpnt-btn-switch input + .brlbs-cmpnt-slider {
  border-radius: 4px;
}

.borlabs-cookie-open-dialog-preferences .brlbs-cmpnt-btn-preferences {
  border-radius: var(--border-radius);
}
/*-----------------------------------------------------------------------------------*/
/*---------------------SHIPS GRID---------------------*/
/*-----------------------------------------------------------------------------------*/
.ships-grid {
  display: grid;
  grid-auto-flow: column;
}
.ships-grid > * {
  align-self: stretch;
}
/*-----------------------------------------------------------------------------------*/
/*---------------------CONTACT PERSONS---------------------*/
/*-----------------------------------------------------------------------------------*/
@media (max-width: 767px) {
  .contact-persons .kadence-query-filter .buttons-options {
    flex-wrap: nowrap;
    overflow: scroll;
    padding-bottom: 1rem;
    margin-inline: -1.5rem;
  }
  .contact-persons .kadence-query-filter .buttons-options .btn-inner-wrap {
    flex-shrink: 0;
  }
  .contact-persons .kadence-query-filter .buttons-options .btn-inner-wrap:first-of-type {
    margin-inline-start: 1.5rem;
  }
  .contact-persons .kadence-query-filter .buttons-options .btn-inner-wrap:last-of-type {
    margin-inline-end: 1.5rem;
  }

  .contact-persons .kadence-filter-wrap legend {
    line-height: 1;
  }

}
/*-----------------------------------------------------------------------------------*/
/*---------------------USP CONTAINER---------------------*/
/*-----------------------------------------------------------------------------------*/
@media (max-width: 1500px) {
  .usp-section > .kt-row-column-wrap {
    grid-template-columns: minmax(0, 1fr);
  }
}
/*-----------------------------------------------------------------------------------*/
/*---------------------HIDE FRONTEND WMPL DEVNOTICE---------------------*/
/*-----------------------------------------------------------------------------------*/
.otgs-development-site-front-end {
  display: none;
}