:root{
  --color:#CA9A8E;
  --light-grey:#faf6f5;
  --grey:#969696;
  --dark-grey:#464646;
  --beige:#F2D9D0;
  --faded-beige:#F2D9D040;
  --light-brown:#CA9A8E;
  --medium-brown:#925C54;
  --dark-brown:#492728;
  --boxborder: 20px;
  --boxpadding: 30px;
  --isi-space: 0px;
  --frame: 0px;
  --facet-margin_bottom: 40px;
  --page_title_margin: 16px;
}
.loaded{--frame:var(--boxborder);}

@media( max-width: 1500px ){
  :root{
    --boxpadding: 20px;
    --boxborder: 10px;
    --facet-margin_bottom: 20px;
    --page_title_margin: 10px;
  }
}
@media( max-width: 480px ){
  :root{
    --boxpadding: 20px;
    --boxborder: 10px;
    --page_title_margin: 16px;
  }
}

@font-face {
  font-family: 'Beatrice';
  src: url('/wp-content/themes/brandbox/resources/fonts/beatrice-light.woff2') format('woff2'),
       url('/wp-content/themes/brandbox/resources/fonts/beatrice-light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Beatrice';
  src: url('/wp-content/themes/brandbox/resources/fonts/beatrice-regular.woff2') format('woff2'),
       url('/wp-content/themes/brandbox/resources/fonts/beatrice-regular.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Neue Haas';
  src: url('/wp-content/themes/brandbox/resources/fonts/neuehaasunica-bold.woff2') format('woff2'),
       url('/wp-content/themes/brandbox/resources/fonts/neuehaasunica-bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Neue Haas';
  src: url('/wp-content/themes/brandbox/resources/fonts/neuehaasunica-light.woff2') format('woff2'),
       url('/wp-content/themes/brandbox/resources/fonts/neuehaasunica-light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Neue Haas';
  src: url('/wp-content/themes/brandbox/resources/fonts/neuehaasunica-regular.woff2') format('woff2'),
       url('/wp-content/themes/brandbox/resources/fonts/neuehaasunica-regular.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

/* General */
  html, body{color:#000000;font-family:'Neue Haas', sans-serif;font-weight:500;}
  
  h1,h2,h3,h4,h5,h6,
  .h1,.h2,.h3,.h4,.h5,.h6{font-family:'Beatrice', sans-serif;font-weight:500;}
  
  h1,h2,h3,
  .h1,.h2,.h3{font-weight:300;}
  
  b, strong{font-weight:600;}
  
  a, .btn--link, .post-password-form input[type="submit"]{color:var(--medium-brown);}
  a:hover, .btn--link:hover, .post-password-form input[type="submit"]:hover{color:var(--dark-brown);}
  
  svg{fill:currentColor;}
  .fa-icon{height:1em;width:auto;}
  
  button.btn, button[type="submit"]{border:none;cursor:pointer;width:100%;}
  
  .acf-repeater-add-row,
  .btn,
  .wp-block-button__link,
  .post-password-form input[type="submit"],
  .acf-button,
  .tml-button{background-color:var(--medium-brown);color:#fff;font-family:'Beatrice', sans-serif;font-weight:500;padding:.75em 1.25em;margin:2px 0;white-space:nowrap;display:inline-flex;font-size:16px;}
  
  .acf-repeater-add-row:hover,
  .btn:hover,
  .wp-block-button__link:hover,
  .acf-button:hover,
  .tml-button:hover{background-color:var(--light-brown);}
  
  .acf-input input:not(input[type="file"]),
  .tml input,
  .tml textarea,
  .tml select{border:1px solid var(--light-brown);color:var(--dark-brown);padding:0.5em 1em;}
  .tml select{-webkit-appearance:auto;}
  
  .btn{align-items:center;display:inline-flex;justify-content:space-between;}
  .btn--large{padding:1em 1.5em !important;}
  .btn--small{font-family:'Neue Haas', sans-serif;font-size:14px;padding:0.5em 1em !important;}
  .btn--full{width:100%;}
  .btn__icon{margin-left:2em;opacity:0.75;}
  .btn--link .btn__icon{margin-left:0;}
  .btn:hover .btn__icon{opacity:1;}
  .btn--ajax > *, .btn--select > *{pointer-events:none;}
  .btn--hide{display:none!important;}
  
  .btn--ghost{background-color:transparent;border:1px solid #fff;}
  
  .btn--dark, 
  .acf-repeater-add-row{background-color:var(--dark-brown);}
  .btn--link{background-color:transparent;border:none;cursor:pointer;}
  
  .btn--dark:hover, .acf-repeater-add-row:hover{background-color:var(--light-brown);color:#fff;}
  
  .btn--past{background-color:var(--grey);}
  .btn--past:hover{background-color:var(--dark-grey);color:#fff;}
  
  .shadow{box-shadow:2px 4px 8px rgba(0,0,0,0.1);}
  .shadow > img{display:block;width:100%;}
  
  .caption{bottom:0;color:#fff;font-size:11px;padding:12px;position:absolute;right:0;text-shadow:0 0 6px rgba(0,0,0,0.8);}
  
  .banner__bg .caption{padding:24px;}
  
/* Wrapper */
  #downloads iframe{display:none;}
  
  .brandbox{background-color:var(--light-grey);display:flex;flex-direction:column;max-width:100%;min-height:100vh;position:relative;}
  .brandbox:before{background-color:#fff;content:'';height:var(--frame);position:fixed;left:0; right: 0;top:0;transition:0.5s height;z-index:999;}
  .brandbox-l-r:before,
  .brandbox-l-r:after{background-color:#fff;content:'';width:var(--frame);position:fixed;top:0;bottom:0;z-index:100;transition:0.5s width;}
  .brandbox-l-r:before{left:0;}
  .brandbox-l-r:after{right:0;}
  /*.brandbox:after{background-color:#fff;content:'';height:var(--boxborder);position:fixed;left:0; right: 0;bottom:0;z-index:100;transition:0.5s height;}*/
  
  .navbar{color:var(--medium-brown);position:relative;z-index:100;display:flex;font-size:16px;font-family:'Beatrice', sans-serif;font-weight:500;justify-content:space-between;}
  .navbar a{color:currentColor;}
  
  .navbar__logo{margin:0;}
  .navbar__logo *{display:block;}
  
  .navbar__menu{border-bottom:1px solid;}
  .navbar__menu > li+li{margin-left:3em;}
  .navbar__menu li a{padding:0.5em 0;}
  .navbar__menu li.current-menu-item{border-bottom:3px solid;}
  
  .navbar__menu .menu-item-has-children{position:relative;}
  .navbar__menu .sub-menu{list-style-type:none;margin:0;padding:1em 0 0 0;position:absolute;top:100%;right:-1em;text-align:right;pointer-events:none;}
  .navbar__menu .menu-item-has-children li{background-color:var(--light-grey);opacity:0;transition:0.3s opacity;}
  .navbar__menu .menu-item-has-children li a{padding:0.5em 1em;}
  .navbar__menu .menu-item-has-children li + li{transition-delay:0.1s;}
  .navbar__menu .menu-item-has-children li + li + li{transition-delay:0.2s;}
  .navbar__menu .menu-item-has-children li + li + li + li{transition-delay:0.3s;}
  .navbar__menu .menu-item-has-children li + li + li + li + li{transition-delay:0.4s;}
  .navbar__menu .menu-item-has-children:hover .sub-menu{pointer-events:inherit;}
  .navbar__menu .menu-item-has-children:hover li{opacity:1;}
  
  /* Mobile Menu */
    .navbar__button{font-size:24px;}
    #menutray{background-color:var(--medium-brown);bottom:0;box-shadow:2px 4px 8px rgb(0 0 0 / 10%);max-width:100%;overflow:scroll;padding-bottom:var(--isi-space);position:fixed;right:0;top:calc(var(--boxpadding) + var(--boxborder) + var(--boxpadding) + 36px);transform:translateX(calc(100% + 20px));transition:0.5s all;z-index:50;}
    #menutray.open{transform:translateX(0);}
    #menutray ul{list-style-type:none;padding: 0;font-size:16px;font-family:'Beatrice', sans-serif;font-weight:500;text-align:right;}
    #menutray a{display:inline-block;padding:0.5rem 1.75rem;color:#fff;}
    #menutray ul.sub-menu{font-size:1rem;opacity:0.7;margin-top:0;}
    
  .home .sub-menu li{background-color:transparent;}
  
  .brandbox__banner{padding:calc(var(--boxpadding) + var(--boxborder)) calc(var(--boxpadding) + var(--boxborder)) 0;position:relative;display:flex;flex-direction:column;}
  
  .split-heading{align-items:flex-end;display:flex;padding-top:var(--boxpadding);margin:0 calc(0px - var(--boxpadding));position:relative;}
  .split-heading__left{flex:1;padding: 0 var(--boxpadding) var(--boxpadding) max(calc(50vw - 720px), var(--boxpadding)) ;}
  .split-heading__right{flex:.8;margin-left:var(--boxpadding);}
  .split-heading__right img{display:block;width:100%;}
  
  .btn--download{display:inline-block;}
  
  .brandbox__main{padding:calc(var(--boxpadding) + var(--boxborder));}
  
  .safety-info{background-color:#fff;box-sizing:border-box;line-height:1em;padding:8px 20px 20px;text-align:justify;position: relative;}
  
  .safety-info--floater{bottom:-100%;left:0;padding:1em 20px;position:fixed;right:0;text-align:center;z-index:999;transition:0.5s bottom;z-index:9999!important;}
  .loaded .safety-info--floater{bottom:0;}
  .safety-info--floater--hide{opacity:0;pointer-events:none;}
  .safety-info--floater > *{pointer-events:none;}
  .safety-info--floater--expanded{max-height:80vh;overflow:scroll;}
  .safety-info--floater .arrow{height:18px;}
  .safety-info--floater .main{margin-bottom:1em;}
  
  .isi-footer{background-color:var(--medium-brown);color:var(--beige);display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:var(--frame);padding:var(--frame);align-items:center;text-align:right;}
  .isi-footer__logo{padding:1em 1em 0 1em;}
  .isi-footer__menu{list-style-type:none;text-align:center;}
  .isi-footer__menu ul{padding:0;margin:0;}
  .isi-footer__menu li{display:inline-block;}
  .isi-footer__menu li a{color:inherit;display:inline-block;padding:0.5em 1em;white-space:nowrap;}
  .isi-footer__menu li a:hover{color:#fff;}
  .isi-footer__menu .ot-sdk-show-settings{cursor:pointer;}
  .isi_footer_copy{flex:1 0 100%;text-align:initial;}
  .isi_footer_copy > p{margin-bottom:0;font-size:smaller;}
  .isi_footer_copy a{color:var(--beige);}
  
  @media( max-width: 767px ){
    .isi-footer{display:block;text-align:left;}
    .safety-info--floater{display: flex;flex-direction: column-reverse;}
    .safety-info--floater .main{display:none;}
    .split-heading__right{display:none;}
  }
  
  .contact-info{font-size:12px;text-align:center;max-width:760px;padding:0 20px;margin:2em auto;}
  
  .page-template-page-promo-calendar .brandbox__banner{background-color:var(--medium-brown);}
  .page-template-page-promo-calendar .brandbox__banner > *{color:#fff;}
  .page-template-page-promo-calendar .brandbox__banner > .navbar{color:var(--beige);}
  
  .single-campaign .sub-menu li,
  .single-promotion .sub-menu li,
  .page-template-page-promo-calendar .sub-menu li{background-color:var(--medium-brown);}
  
  .single-promotion .brandbox__banner,
  .single-campaign .brandbox__banner{background-color:var(--medium-brown);}
  .single-campaign .brandbox__banner > .navbar,
  .single-promotion .brandbox__banner > .navbar{color:var(--beige);}
  .single-promotion .brandbox__banner > *,
  .single-campaign .brandbox__banner > *{color:#fff;}
  .single-promotion .brandbox__banner .grid__item{margin-bottom:2em;}
  
/* Front Page */
  .homesearch{display:block;max-width:18em;position:relative;font-size:20px;margin:var(--boxpadding) auto 0;opacity:0;transition:2s opacity;transition-delay:0.5s;}
  .loaded .homesearch{opacity:1;}
  .homesearch__input{background-color:rgba(0,0,0,0.50);border:none;border-radius:2em;font-family:'Beatrice', sans-serif;font-weight:500;padding:.5em 1em;width:100%;}
  .homesearch__input:hover,
  .homesearch__input:focus{background-color:rgba(0,0,0,0.9);}
  .homesearch__input:focus{border:none;outline:none;}
  
  .homesearch__input[type="search"]::-webkit-search-decoration,
  .homesearch__input[type="search"]::-webkit-search-cancel-button,
  .homesearch__input[type="search"]::-webkit-search-results-button,
  .homesearch__input[type="search"]::-webkit-search-results-decoration{display:none;}
  
  .homesearch__submit{background:none;border:none;border-radius:none;cursor:pointer;position:absolute;right:0.5em;top:0.5em;}
  
  @media( max-width: 480px ){
    .homesearch{font-size:18px;}
  }
  
  .home .navbar{color:#fff;}
  .home .brandbox__banner{background-color:var(--medium-brown);color:#fff;min-height:CALC(100vh - 180px - var(--isi-space));}
  
  .banner__center{display:flex;flex-direction:column;justify-content: center;padding:var(--boxpadding) 0;flex:auto;}
  .banner__bg{position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index:0;overflow:hidden;opacity:0;transition:1s opacity;}
  .banner__bg .caption{text-align:right;right:30px;width:100%;}
  .loaded .banner__bg{opacity:1;}
  .banner__video,
  .banner__video--overlay{position:absolute;bottom:0;top:0;left:0;right:0;object-fit:cover;width:100%;max-height:100%;height:100%;z-index:5;}
  .banner__video--overlay{background-color:#00000057;z-index:10;}
  .banner__image{background-position: 50% 50%;background-size:cover;height:100%;}
  
  @media( max-width: 480px ){
    .banner__center{flex-direction:column-reverse;}
  }
  
  .brands{text-align:center;position:relative;z-index:10;margin:0 auto 0 auto;opacity:0;transition:1s opacity;max-width:1600px;}
  .loaded .brands{opacity:1;}
  .brand{display:inline-block;padding:30px 0;vertical-align:middle;}
  .brand__logo{color:#fff;display:inline-block;position:relative;}
  .brand__logo > *{pointer-events:none;}
  .brand__logo svg{position:relative;z-index:10;}
  .brand__logo:hover{ color:#fff; transform:scale(1.2); }
  .brand__logo:before{ border-radius:10px; bottom:0; content:''; content:''; height:100%; left:0; position:absolute; right:0; top:0px; transition : all .5s linear; width:100%; z-index:5; }
  .brand__logo:hover:before{ background-color:var(--dark-brown); -webkit-filter: blur(20px); }
  .brand__disclaimer{font-size:10px;line-height:11px;}
  .brand__disclaimer a{color:#fff;text-decoration:underline;}
  
  @media( max-width: 480px ){
    .home .brandbox__banner{ max-height: CALC(100dvh - 162px - var(--isi-space)); }
    .banner__center{height:100%;overflow:hidden;padding-bottom:0;}
    .home .brands{display:flex;flex-wrap:wrap;height:100%;justify-content:space-between;padding:1em;margin:10px -30px 0 -30px;overflow-y:scroll;}
    .home .brands .brand{ align-items:center; display:flex; flex-direction:column; flex:1 1 50%; justify-content:center; width:auto!important; }
    .home .brands .brand .brand__logo{ transform:scale(0.8); }
  }
  
  .section-title{color:var(--medium-brown);font-size:1em;text-align:center;margin:0 0 50px;}
  
  /* Promo Tease */
    .promo-swiper{/*only used for promo teaser atm*/ overflow:visible !important;}
    .promo-swiper .swiper-slide{--pipecolor:transparent;opacity:0;transition:0.4s opacity;pointer-events:none;}
    .promo-swiper .swiper-slide-visible{opacity:1;pointer-events:auto;}
    .swiper-slide-visible + .swiper-slide-visible{--pipecolor:var(--light-brown);}
    .promo{display:flex;height:auto !important;}
    .promo__thumb{flex:0 0 72px;align-self:flex-start;margin-right:16px;}
    .promo__content{align-self:center;}
    .promo__title{color:#000;font-size:20px;margin:0;}
    .promo__title svg{opacity:0;color:var(--medium-brown);}
    .promo__date{font-size:12px;}
    
    .promo:hover .promo__thumb{transform:scale(1.1);}
    .promo:hover .promo__title svg{opacity:1;}
    
    .promo:before{background-color:var(--pipecolor);content:'';height:60px;left:-30px;position:absolute;width:1px;top:6px;}
    
    .swiper-btns{margin:12px -5px;}
    .swiper-btn{padding:5px;}

/* Resource Archive */
    .resources{display:grid;grid-column-gap:40px;grid-row-gap:40px;grid-template-columns: repeat( auto-fill, minmax(260px, 1fr));justify-content: center;}
    .resources:has(.resources__aside){grid-row-gap:0;}
    .resources:has(.resources__aside) .resource{margin-bottom:40px;}
    .resources__aside{display:flex;flex-direction:column;justify-content:space-between;font-family:'Beatrice', sans-serif;font-weight:500;grid-column: 1 / 2;grid-row: 1 / 1000;position:relative;}
    .resources__aside-inner{display:flex;flex-direction:column;position:absolute;width:100%;}
    .resources__brand{flex:0 0 auto;position:relative;padding-top:30px;}
    .resources__brand:after{background-image:linear-gradient(to top, transparent, var(--light-grey));content:'';height:30px;width:100%;position:absolute;bottom:-30px;z-index:5;pointer-events:none;}
    .resources__filters{flex:1 1 auto;overflow:scroll;}
    .resources__footer{flex:0 0 auto;position:relative;padding-top:20px;}
    .resources__footer:before{background-image:linear-gradient(to bottom, transparent, var(--light-grey));content:'';height:30px;width:100%;position:absolute;top:-30px;z-index:5;pointer-events:none;}
    .resources__list, .facetwp-template[data-name="resources"]{display: contents;}
    
    .resources .stats{background-color:var(--dark-brown);color:var(--beige);display:flex;justify-content:space-between;padding:.25em .5em;}
    .resources .stats .stat + .stat{justify-self:flex-end;}
    
    .ghost{height:1px;}
    .ghost--top{position:sticky;top:var(--frame);}
    .ghost--bottom{position:sticky;bottom:var(--isi-space);}
    
    .facetwp-facet.facetwp-facet-load_more{grid-column:2 / -1;margin-bottom:0;}
    
    .resource{position:relative;}
    .resource--pinned:before{border-right: 25px solid transparent; border-top: 25px solid var(--dark-brown); content:''; left:0; position:absolute; top:0; z-index:999;}
    .resource__badge{background-color:var(--dark-brown);color:#fff;font-size:smaller;left:0;padding:4px 8px;position:absolute;top:0;z-index:10;}
    .resource__card{overflow:hidden;position:relative;}
    .resource__thumb:empty,
    .post-type-archive-campaign .resource__thumb,
    .resource__thumb--add, .resource__thumb--notfound{align-items:center;background-color:var(--light-brown);color:var(--medium-brown);display:flex;justify-content:center;height:260px;margin-bottom:0;}
    .resource__thumb img{display:block;transform:scale(1);width:100%;}
    .resource__thumb:hover img{transform:scale(1.05);}
    .resource__actions{background-color:var(--medium-brown);font-size:20px;padding:4px 0 8px;position:absolute;top:0;right:8px;border-bottom-left-radius:24px;border-bottom-right-radius:24px;transform:translateY(-100%);transition:0.5s transform;z-index:5;}
    .resource__actions a{display:block;font-size:20px;color:var(--beige);padding:4px 8px;}
    .resource__actions a:hover{color:#fff;}
    .resource__title{font-size:16px;color:#000;text-align:center;padding:0 12px;}
    
    .resource:hover .resource__actions{transform:translateY(0);}
    .resource .resource__actions--checked{transform:translateY(-50%);}
    
    .show-filters{cursor:pointer;margin:30px 0;border:none;background-color:var(--beige);padding:0.5em;}
    
    /* Facet Styling */
      .facetwp-facet.is-loading{cursor:wait;pointer-events:none;}
      .facetwp-facet.is-loading *{cursor:wait;}
      
      .facetwp-counter{display:none;}
      
      .facet-title{border-bottom:2px solid var(--light-brown);display:flex;padding-bottom:8px;margin-bottom:16px;justify-content:space-between;}
      
      .facetwp-type-reset{margin:0 !important;font-size:14px;}
      
      .facetwp-checkbox{background:none !important;padding-left:32px !important;position:relative;}
      .facetwp-checkbox:before{border:2px solid var(--light-brown);content:'';display:block;height:16px;left:0;position:absolute;width:16px;top:2px;}
      .facetwp-checkbox:after{background-color:var(--medium-brown) ;content:'';display:block;height:12px;left:4px;position:absolute;width:12px;top:6px;opacity:0;transition:0.2s all;}
      .facetwp-checkbox.checked:after{opacity:1;}
        
      .facetwp-facet-date_range{display:flex;width:100%;align-items:center;}
      .facetwp-facet-date_range span{flex:auto;white-space:nowrap;}
      .facetwp-facet-date_range .facet-container{padding:4px;}
      .facetwp-facet-date_range .facetwp-date{background-color:transparent;width:100%;flex:1;padding:0.5em 0;border:none;border-bottom:2px solid var(--light-brown);}
      .facetwp-facet-date_range .facetwp-date:focus{background-color:var(--faded-beige);}
      
      .facetwp-facet-search{margin-top:30px;}
      .facetwp-search-wrap{position:relative;}
      .facetwp-search{background-color:transparent;border:2px solid var(--light-brown);border-radius:30px;padding:8px 20px;width:100%;}
      .facetwp-search + .facet-icon{position:absolute;right:16px;top:10px;}
      
      .facetwp-facet-load_more{text-align:center;}
      .facetwp-load-more{background-color:transparent;border:2px solid;color:var(--medium-brown);font-family:'Beatrice', sans-serif;font-weight:500;padding:.75em 2.25em;white-space:nowrap;display:inline-flex;font-size:16px;cursor:pointer;transition:0.3s all;}
      .facetwp-load-more:hover{color:var(--dark-brown);}
      
      /* Brand Selector */
        /* .facetwp-facet-brands{margin-bottom:0px !important;}*/
        .brand-selector{display:flex;justify-content:space-between;align-items:flex-end;}
        .brand-selector__change{position:relative;font-size:12px;white-space:nowrap;}
        .brand-selector__all{pointer-events:none;opacity:0;display:grid;grid-gap: 20px;grid-template-columns: repeat( auto-fill, minmax(170px, 1fr) );position:absolute;background-color:#fff;padding:20px;left:0;z-index:100;width:590px;max-width:calc(100vw - var(--boxpadding) - var(--boxborder) - var(--boxpadding) - var(--boxborder));align-items:center;justify-items: center;transition:0.3s all;}
        .brand-selector__change:hover .brand-selector__all{pointer-events:auto;opacity:1;}
        
        .brand-selector .facetwp-radio{background:none !important;border-bottom:2px solid transparent;padding-left:0;opacity:0.5;transition:0.3s all;}
        .brand-selector .facetwp-radio:hover{border-color:var(--light-brown);}
        .brand-selector .facetwp-radio.checked{border-color:var(--light-brown);opacity:1;}
        .brand-selector .facetwp-display-value{padding-right:0;}
        
      /* Sorting */
        .facetwp-facet-sort_by{display:inline;font-family: 'Neue Haas', sans-serif;font-weight: 500;font-size:12px;grid-column: 2 / -1;text-align:right;margin-bottom:12px !important;}
        .sort-radio{color:var(--medium-brown);cursor:pointer;display:inline;margin-left:2em;opacity:0.5;}
        .sort-radio.checked{opacity:1;}
        
      @media( max-width:979px ) {
        .resources{grid-column-gap: 30px!important;grid-row-gap: 30px!important;grid-template-columns: repeat( auto-fill, minmax(165px, 1fr) );}
        .resource .resource__actions{transform:translateY(0);}
        .resource .resource__actions.resource__actions--checked{transform:translateY(-50%);}
        
        .resources__aside{grid-column: 1 / -1;grid-row: 1 / 2;min-height:0 !important;}
        .resources__aside-inner{position:relative;height:auto!important;}
        .facetwp-facet.facetwp-facet-load_more{grid-column: 1 / -1;}
        .facetwp-facet-sort_by{grid-column: 1 / -1;}
        
        .show-filters{margin:0;}
        
        .resources__filters{max-height:0px;transition:0.5s max-height;}
        .resources__filters + .resources__footer:before{display:none;}
        .resources__filters--open + .resources__footer:before{display:block;}
        .resources__filters--open{max-height:200vh;}
        
        .brand-selector__all{right:0;left:unset;}
      }
      @media( max-width:480px ) {
        .resources{grid-column-gap: 20px!important;grid-row-gap: 20px!important;grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));}
        .resource__title{font-size:14px;padding:0 6px;}
        .resource__thumb--add, .resource__thumb--notfound{height:150px;}
      }
    
    .download-selected{display:inline-block;position:relative;padding-bottom:28px;}
    .download-selected--full{width:100%;}
    .download-selected__clear{opacity:0.8;color:inherit;position:absolute;bottom:0;left:0;right:0;font-size:12px;text-align:center;padding:6px;}
    .download-selected__clear:hover{color:inherit;text-decoration:underline;}
    .btn--hide + .download-selected__clear{display:none;}
    
    @media( max-width:979px ) {
      .download-selected__clear{display:block;margin:0.25em 0 0.5em;position:relative;text-align:center;width:100%;}
    }
    
    .grid__item + .grid__item .download-selected{padding-bottom:16px;}
    .grid__item p:last-child{margin-bottom:0;}
    
/* Resource Single */
    .single-resource .brands{align-items:center;display:flex;justify-content:flex-start;padding:0;}
    .single-resource .brands a{margin:0 0.5em;}
    
    .recommended{display:grid; grid-column-gap: 40px; grid-template-columns: 1fr 2fr;}
    .recommended .more{grid-column: 1 / 3; }
    .recommended .guides + .more{grid-column: 2 / 3; }
    .recommended .more .resources{grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));}
    
    .recommended .guides{grid-column:1 / 3;}
    .recommended .guides .resources{justify-content:flex-start;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));}
    .recommended .guides:has(+.more) {grid-column:1;}
    .recommended .guides:has(+.more) .resources{grid-column-gap:20px;grid-row-gap:20px;grid-template-columns:repeat(2, 1fr);}
    
    @media( max-width:979px ) {
      .recommended .guides:has(+.more) {grid-column:1 / 3;}
      .recommended .guides:has(+.more) .resources{grid-template-columns:repeat(4, 1fr);}
      .recommended .guides + .more{grid-column: 1 / 3}
    }
    @media( max-width:480px ) {
      .recommended .guides{grid-column:1 / 3;}
      .recommended .guides .resources{grid-template-columns:repeat(2, 1fr);}
      .recommended .guides:has(+.more) .resources{grid-template-columns: repeat(auto-fill, CALC(50% - 10px));}
      .recommended .guides + .more .resources{grid-template-columns:repeat(2, 1fr);}
    }
    
/* Promotion Single */
  .phases{margin: 0 auto; max-width: 1440px; width: 100%;}
  .phases .buttons{column-gap:1em;justify-content:center;margin-bottom:1em;}
  .phases .buttons .btn{flex-direction:column;margin:0;padding:0.5em 2em!important;}
  .phases .buttons .btn + .btn{margin:0;}
  .phases .buttons .btn h4{margin:0;}
  
  .phase + .phase{margin-top:4em;}
  .phase__details{align-items:flex-end;background-color:var(--light-grey);display:flex;margin-bottom:1em;padding:1em 0;position:sticky;top:20px;z-index:9999;}
  .phase__details h2{color:var(--dark-brown);margin:0;}
    .details__daterange{color:var(--medium-brown);font-size:24px;margin-left:40px;}
  .phase__details .btn {
    border-color:transparent;
    color: var(--dark-brown);
    margin-left: 1em;
    padding: 0.25em 0.5em!important;
  }
  .phase__details .btn .btn__icon{margin-left:0.5em;}
  .phase__details .btn:hover{background-color:var(--dark-brown);color:#fff;}
  
  .phase__coming_soon{ align-items: center; background-color: var(--light-brown); color: var(--medium-brown); display: flex; justify-content: center; margin:2em; padding:2em; }
    
  .resources-usage{display:flex;width:100%;}
  .resources-usage + .resources-usage{margin-top:3em;}
  .resources-usage__details{align-items:center;border-right:1px solid var(--light-brown);color:var(--medium-brown);display:flex;flex-direction:column;padding-right:20px;margin-right:20px;}
  .resources-usage__details h5{margin:0;writing-mode:sideways-lr;}
  .resources-usage__details .btn{align-items:center;justify-content:center;color:var(--medium-brown);display:flex;height:28px;padding:0;margin-top:1em;width:28px;}
  .resources-usage__details .btn:hover{background-color:var(--medium-brown);color:#fff;}
  .resources-usage__items{width:100%;}
  .resources-usage__items .resources{grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)); grid-row-gap:40px; justify-content:flex-start;}
  .resources-usage__items .resources .resource{margin:0;}
  .resources-usage__items .resources .resource .resource__title{margin-bottom:0;}
  .resources-usage__items .resource__actions .btn--select{display:none;}
  
  .sticky--desktop{position:sticky;top:100px;z-index:99;}
  
  @media( max-width: 1500px ) {
    .phase__details{top:10px;}
    .sticky--desktop{top:90px;}
  }
  
  @media( max-width: 480px ) {
    .resources-usage__items .resources{grid-row-gap:20px;grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));}
    .phase__details{border-bottom:1px solid var(--light-brown);margin:0 -2px;}
    .phase__details, .resources-usage{align-items:center;flex-direction:column;}
    .details__daterange{margin:0;}
    .resources-usage__details{justify-content:center;border:none;padding:0;margin:0 0 1em 0;width:100%;}
    .resources-usage__details h5{writing-mode:initial;}
    .resources-usage__details .btn{margin:0 0 0 1em;}
    
    .usage-details{align-items:center;display:flex;}
    
    .sticky--mobile{position:sticky;top:117px;z-index:99;}
    .resources-usage__details.sticky--mobile{background-color:var(--light-grey);margin:0 -3px;padding:1em 0;}
    .resources-usage__items{overflow:hidden;} /* This hides the shadow so it doesn't look weird with the sticky headers */
    
    .phases .buttons{flex-direction:column;gap:10px;}
  }
    
/* Single Page */
    .page-title{color:var(--medium-brown);margin:var(--page_title_margin) 0;}
    .page-title--flex{align-items:center;display:flex;justify-content:space-between;}
    
    .back-btn{font-size:12px;margin:20px 0;}
    .details{font-family:'Beatrice', sans-serif;font-weight:500;margin:2rem 0;}
    .details > span + span{margin-left:2em;}
    .details__actions a + a{margin-left:1em;}
    .details__actions a > *{pointer-events:none;}
    
    .asset-table{margin:2rem 0;width:100%;border-collapse:collapse;}
    .asset-table tbody td{border-top:1px solid var(--light-brown);border-bottom:1px solid var(--light-brown);}
    .asset-table__preview{color:var(--light-brown);font-size:40px;text-align:center;width:50px;}
    .asset-table__preview > div{cursor:pointer;}
    .asset-table__preview div{align-items:center;display:flex;}
    .asset-table__title{padding:0 24px;}
    .asset-table__dl{width:120px;}
    .thumbnail{background: repeating-linear-gradient(45deg,var(--beige),var(--beige) 1px,transparent 1px,transparent 4px);display:block;margin:5px 0;cursor:zoom-in;}
    .thumbnail img{display:block;width:50px;height:50px;}
    
    /* Promo Single */
      .promo-info{align-items:center; display:flex; justify-content:end;}
      .promo-info__details{align-items:end;display:flex;flex-direction:column;font-size:14px;padding-right:100px;text-align:right;}
      .promo-info__details hr{background-color:#F2D9D0;margin:1em 0;width:90%}
      .promo-info__actions{display:flex;flex-direction:column;}
      .promo-info__actions a{display:block;}
      .promo-info__actions a + a,
      .promo-info__actions .btn--download + a{margin-top:1em;}
    
    @media(max-width:767px) {
      .page-title--flex{flex-direction:column;}
      .page-title__right{margin-top:0.5em;}
      
      .download-selected{padding-bottom:0;}
    }
    @media(max-width:480px) {
      .promo-info{justify-content:space-between;}
      .promo-info__details{padding:0;}
      .promo-info__actions .btn{padding:0.5em;}
    }
    
/* Single Post */
  .share__inner{margin-left:-0.5rem;}
  .share__inner a{padding:0.5rem;}
  
  .modal-share{background:#FFF;font-size:24px;margin:20px auto;max-width:300px;padding:20px;position:relative;text-align:center;width:auto;}
  .modal-share a{padding:0.5em;}

/* TML */
  .tml-links{list-style-type:none;margin:0;padding:0;}
  .tml .tml-label{color:var(--dark-brown);}
  .tml-action .utility{min-height:50vh;}
  
/* Asset Management */
  .acf-form .acf-form-submit{padding:16px;}
  .acf-form .acf-form-submit input[type="submit"]{width:100%;text-align:center;}
  .notice{align-items:center;background-color:#7A9C65;color:#fff;display:flex;font-weight:bold;justify-content:space-between;margin:1em 0;padding:.25em 1em;}
  .notice--warning{background-color:#B74949;}
  
  @media(max-width:480px) {
    .notice{flex-direction:column;font-size:16px;padding:1em;}
    div[data-width="33"], div[data-width="50"]{width:100%!important;}
    .acf-repeater{overflow:scroll;}
    .acf-form .acf-form-submit input[type="submit"]{width:100%!important;}
  }
  
  .notes{margin-bottom:1em;}
  .notes .note{background-color:#fffd99;box-shadow:0px 0px 10px rgba(0,0,0,0.1);padding:.25em 1em;}
  .notes .note + .note{margin-top:1em;}
  
  .buttons{display:flex;}
  .buttons a+a{margin-left:0.5em;}
  
  .acf-form .acf-file-uploader .hide-if-value{align-items:center;display:flex;justify-content:space-between;}
  .acf-form .progressbar{align-items: center;display:flex;}
  .acf-form .progressbar small{display:inline-block;margin-right:1em;}
  .acf-form .progressbar progress{height:32px;}
  .acf-form .progressbar progress[value="100"]{accent-color:#7A9C65;}
  
  .campaign{display:flex;border-bottom:1px solid var(--beige);align-items:center;padding:1em 0;}
  .campaign__image{margin-right:1em;box-shadow:2px 4px 8px rgba(0,0,0,0.1);}
  .campaign__image img{display:block;}

/* Form/Button Sending */
  .acf-form-submit{position:relative;}
  .form--sending{pointer-events:none;}
  .button--sending{background-color:#2f1718;}
  .button--sending + .acf-spinner{background-image:none;display:block;height:100%;left:0;position:absolute;top:0;width:100%;}
  
  .button--sending + .acf-spinner:after{animation:1.5s spinner infinite linear;border-radius:16px;border-top-color:#fff;border:2px solid rgba(255,255,255,0.3);box-shadow:0 0 5px rgba(0,0,0,0.5),0 0 20px rgba(0,0,0,0.5);color:#fff;content:'';height:22px;left:calc(50% - 11px);position:absolute;top:calc(50% - 14px);width:22px;}
  
  @keyframes spinner {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
  }
  
/* Theme My Login */
  .profile_group{background-color:var(--beige);border:1px solid var(--dark-brown);}
  
/* FPO */
  .brandbox--fpo .resource__thumb,
  .brandbox--fpo .campaign__image,
  .brandbox--fpo .split-heading__right,
  .brandbox--fpo .featurette__media,
  .single-resource .brandbox--fpo .shadow{align-items:center;background-color:var(--light-brown);color:var(--medium-brown);display:flex;font-weight:bold;justify-content:center;}
  
  .brandbox--fpo .resource:first-child .resource__actions{transform:translateY(0);}
  .brandbox--fpo .resource__thumb{height:360px;margin-bottom:0;}
  .brandbox--fpo .facetwp-checkbox[data-value="alle"]:after{opacity:1;}
  .brandbox--fpo .facetwp-facet-usage .facetwp-checkbox:nth-last-of-type(-n+2){opacity:0.4;cursor:default;}
  .brandbox--fpo .campaign__image{height:80px;width:120px;}
  .brandbox--fpo .split-heading__right{height:366px;}
  .single-resource .brandbox--fpo .shadow{height:330px;width:330px;}
  
  .brandbox--fpo .featurette__media .media__image{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%;}
  
/* 404 */
  .four04{align-items:center;background-color:var(--light-brown);display:flex;justify-content:center;margin:2em 0;min-height:60vh;}
  .four04__inner{align-items:center;display:flex;flex-direction:column;justify-content:center;}
  .four04__inner h2{color:var(--dark-brown);font-weight:bold;text-align:center;}
  .four04__inner .btn:hover{background-color:var(--dark-brown);color:#fff;}
  
  button.btn > *,
  .popup-video > *{pointer-events:none;}
  
  .mfp-video{display:flex;justify-content:center;}
  .mfp-video-wrapper{position:relative;}
  .mfp-video .mfp-close{box-sizing:content-box;color:#fff;cursor:pointer;height:28px;line-height:100%;padding:10px;position:absolute;right:0;text-align:center;top:0;width:28px;z-index:999;}
  .mfp-video .mfp-close:hover{background-color:rgba(0,0,0, 0.8);color:#fff;}
  .mfp-video .mfp-close > *{pointer-events:none;}
  .mfp-video video{background:#000;box-shadow:0 0 8px rgb(0 0 0 / 60%);width:50vh;}

/* Password Protected */
  .post-password-form{
    align-items:center;
    background-color:var(--beige);
    border: 1px solid var(--dark-brown);
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:1em 2em;
  }
  .post-password-form label{font-size:0;}
  .post-password-form >p:first-child{color:#000;font-weight:800;}
  .post-password-form >p{display:flex;align-items:center;}
  .post-password-form input[type="password"]{
    border: 1px solid var(--light-brown);
    box-sizing: content-box;
    color: var(--dark-brown);
    font-size:initial;
    height:30px;
    margin:2px 0;
    padding: 0.5em 1em;
  }

.facetwp-facet{margin-bottom:var(--facet-margin_bottom) !important;}

@media only screen and (max-width: 425px) {
  #onetrust-banner-sdk.ot-close-btn-link #onetrust-close-btn-container{
    align-items:center;
    background-color:var(--light-brown);
    border-bottom-left-radius:4px;
    color:#fff;
    display:flex;
    font-size:24px;
    justify-content:center;
    padding:4px;
    right: 0 !important;
    top: 0 !important;
  }
  #onetrust-banner-sdk.ot-close-btn-link #onetrust-close-btn-container button{
    align-items: center;
    color: #ffffff;
    display: flex;
    height: 24px !important;
    justify-content: end;
    width: 24px;
  }
  #onetrust-banner-sdk.ot-close-btn-link #onetrust-close-btn-container button::after{
    padding:4px;
  }
}