@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap');


/* Color Variables - no explicit colors should be used in the css*/ 
:root {
  --greyed:#cfcfcf;
  --greyed-dark:#696969;
  --textcolor:#222222;
  
  --lighttextcolor:#666666;
  
  --midnight:#000030;
  --midnight-light:rgba(0,0,48,0.6);
  --midnight-xlight:rgba(0,0,48,0.3);
  --midnight-xxlight:rgba(0,0,48,0.1);
  --midnight-xxxlight:rgba(0,0,48,0.05);
  --mist:#F2F3F5;
  --slime:#00FFAD;
  --slime-dark:#00F5A6;
  --slime-light:rgba(0,255,173,0.6);
  --slime-xlight:rgba(0,255,173,0.3);
  --aqua:#00E4BF;
  --viera:#FF374C;/*#FF425E*/
  --viera-dark:#F13F59;
  --viera-xlight:#ffdbe1;
  --blue:#446cfc;
  --white:#ffffff;
  
  --radius-small:4px;
  --radius-large:10px;
  
  --navbar-height:100px;
}

/* General */
  html, body{background-color:var(--mist);color:var(--textcolor);font-family:'Inter', 'Helvetica Neue', sans-serif;font-weight:400;}
  
  .single-action_center{background-color:#fff;}
  
  h1,h2,h3,h4,h5,h6,
  .h1,.h2,.h3,.h4,.h5,.h6{color:#000;font-weight:600;/*Semibold*/letter-spacing:-0.025em;}
  .h-strong{font-weight:700;/*bold*/}
  .h-caps{text-transform:uppercase;font-size:14px;font-weight:700;letter-spacing:1px;}
  
  b, strong{font-weight:700;}
  
  .svg-inline--fa{vertical-align:-2px;}
  
  a{color:var(--aqua);}
  a:not(.btn):hover{color:var(--midnight);}
  
  [data-link]{cursor:pointer;}
  
  button{cursor:pointer;transition:0.2s all;}
  button > *, .ajax > *{pointer-events:none;}
  select{cursor:pointer;}
  
  .btn,
  .tml-button,
  .acf-button{background-color:var(--aqua);background-image:linear-gradient(45deg, var(--aqua), var(--slime) );background-size: 200% 100%;background-position: 100% 0;border:none;border-radius:var(--radius-small);color:var(--midnight);padding:0.5rem 1rem !important;white-space:nowrap;display:inline-block;font-size:14px;font-weight:700;}
  label.tml-file-label{overflow:hidden;text-shadow:1px 1px 0 rgba(0,0,0,0.2);background-color:var(--greyed);border:none;border-radius:6px;color:#fff;font-family:'Roboto Condensed', 'Helvetica Neue', sans-serif;padding:0.5rem 1rem !important;white-space:nowrap;display:inline-block;text-transform:uppercase;font-size:14px;font-weight:700;letter-spacing:1px;color:#fff;}
  .btn:hover,
  .tml-button:hover,
  .acf-button:hover{background-position: 0 0;}
  .tml-file-label:hover{background-color:var(--greyed-dark);color:#fff;}
  .btn:focus,
  .tml-button:focus,
  .tml-file-label:focus-within{outline:none;box-shadow: 0 0 0 1px var(--slime);}
  .tml-file-input{position:absolute;left:-999999rem;}
  
  .btn--full{width:100%;}
  
  .btn--large{padding:15px 35px !important;}
  .btn--small{padding:7px 14px !important;}
  .btn--tiny{font-size:12px;padding:2px 10px !important;}
  
  /*
  
  btn
  btn-primary
  btn-primary--inv
  disable, focus, press, progress
  get rid of icon button by using naked button with icon
  small and tiny
  */
  
  .btn--red{background-image:none;background-color:var(--viera);}
  .btn--red:hover{background-color:var(--viera-dark);}
  
  .btn--disabled,
  .btn[disabled]{background-image:none;background-color:#ccc;cursor:not-allowed;}
  
  .btn svg{filter: drop-shadow(0 0 7px var(--midnight-xxlight));}
  
  .btn--naked{background-image:none;background-color:transparent!important;border-radius:0;color:var(--aqua);padding-left:5px !important;padding-right:5px !important;text-shadow:none;white-space:normal;}
  .btn--naked:hover,.btn--naked.btn--active{color:var(--midnight);}

  .btn--naked:focus{box-shadow:0 1px 0 0 var(--slime);}
  .btn--naked svg{filter: none;}
  
  .btn--ghost{background-image:none;text-shadow:none;border:1px solid var(--slime);background-color:transparent;color:var(--slime);}
  .btn--ghost:hover{background-color:transparent;color:var(--midnight);}
  .btn--ghost svg{filter: none;}
  
  .btn__icon{vertical-align:-2px;}
  
  div[data-link], td[data-link], th[data-link]{cursor:pointer;}
  
  .pills{display:inline-flex;gap:3px;flex-wrap:wrap;}
  .pill{border-radius: 4px;font-size: 12px;padding: 3px 8px;white-space: nowrap;vertical-align: middle;}
  .pill--light{background-color: var(--midnight-xxlight);color: var(--midnight);}
  
  .a-caps{text-transform:uppercase;font-size:14px;font-weight:700;letter-spacing:1px;}
  .a-block{display:block;}
  
  .meta{font-size: 12px;text-transform:capitalize;opacity: 0.6;}
  .meta--green{color:var(--slime);}
  
  .emptystate{margin:40px auto;}
  
  .push{display:flex;gap:1em;justify-content:space-between;}
  .push--center{align-items:center;}
  
  .hover-show-container .hover-show{opacity:0;transition:0.2s all;}
  .hover-show-container:hover .hover-show{opacity:1;}
  
  [data-tooltip]{position: relative;z-index: 2;cursor: pointer;}
  [data-tooltip]:before,
  [data-tooltip]:after {opacity: 0;pointer-events: none;}
  [data-tooltip]:before {position: absolute;bottom: 100%;left: 50%;margin-bottom: 5px;max-width: 190px;transform:translateX(-50%) scale(0.3) translateY(10px);transform-origin:bottom center;padding: 7px;width: max-content;border-radius: 3px;background-color: var(--midnight-light);color: #fff;content: attr(data-tooltip);text-align: center;font-size: 14px;text-transform:none;font-weight:normal;letter-spacing:0;line-height: 1.2;transition:0.2s all;}
  [data-tooltip]:after {position: absolute;bottom: 100%;left: 50%;margin-left: -5px;width: 0;border-top: 5px solid var(--midnight-light);border-right: 5px solid transparent;border-left: 5px solid transparent;content: '';transition:0.2s all;transform:scale(0.3) translateY(10px);transform-origin:top center;}
  [data-tooltip]:hover:before{opacity: 1;transform:translateX(-50%) scale(1);}
  [data-tooltip]:hover:after{opacity: 1;transform:scale(1);}
  
  .--red{color:var(--viera);}
  
/* Navbar */
  .navbar{background-color:var(--midnight);color:#fff;}
  .navbar a{color:inherit;}
  .navbar a:hover{color:#fff;}
  
  .navbar__logo{margin:0;float:left;padding:30px 20px 30px 0;}
  .navbar__logo *{display:block;}
  
  .navbar__menu{font-weight:600;}
  .navbar__menu .menu-item a{display:inline-block;padding:1rem 1.5rem;position:relative;color:rgba(255,255,255,0.7);}
  .navbar__menu .menu-item a:hover, .navbar__menu .menu-item.current-menu-item a{color:rgba(255,255,255,1);}
  .navbar__menu .menu-item a span{color:#fff;background-color:var(--viera-dark);text-shadow:0 0 1px var(--midnight);border-radius:6px;padding:0 0.25em;}
  .navbar__menu .menu-item a:hover span{background-color:var(--viera);}
  
  .navbar__dd{font-size:14px;font-weight:400;text-transform:none;letter-spacing:0;}
  .navbar__dd a{opacity:0.7;}
  .navbar__dd a:hover{opacity:1;}
  
  @media (max-width: 979px){
    .navbar-wrapper{padding-left:30px;padding-right:30px;}
    .navbar__menu .menu-item a{padding:0.5rem 1rem;}
  }
  @media (max-width: 767px){
    .navbar-wrapper{padding-left:20px;padding-right:20px;}
  }
  
  .badge{background-color:var(--viera);display:inline-block;color:#fff;padding:3px 6px;line-height:100%;position:absolute;border-radius:12px;font-size:14px;letter-spacing:0;min-width:20px;text-align:center;top:6px;left:72%;}

  .navbar-mobile{text-align:center;}
  .navbar__scroller{overflow-x:scroll;}
  
  .userinfo{cursor: pointer;}
  .userinfo__user{opacity:0.7;}
  .userinfo__client{font-weight: 700;font-size: 18px;line-height: 120%;max-width:200px;text-overflow:ellipsis;overflow:hidden;}
  .usermenu{background-color: var(--midnight);border-top:1px solid rgba(255,255,255,0.1);position:absolute ;right: 0px;text-align: left;top:var(--navbar-height);max-height: calc(100vh - var(--navbar-height));overflow:scroll;max-width:100vw;transform:translateX(0);transition:0.5s all;}
  .usermenu--hidden{max-height:0;border-top-width:0;}
  .usermenu__section{border-top:1px solid rgba(255,255,255,0.1);}
  .usermenu__label{color:var(--slime);font-weight:700;padding:24px 32px 20px;}
  .usermenu__list{list-style-type:none;margin:0;padding:0 32px 24px 32px;}
    
  .usermenu__list a{display:block;padding:4px 0;}
  
  .usermenu__list--bold{padding-top:20px;text-transform:uppercase;letter-spacing:0.1em;font-weight:bold;}
  .usermenu__list--bold a{display:block;padding:8px 0;}
  
  .navbar__client__choice {cursor: pointer;}
  .navbar__client__choice span {opacity: 0;}
  .navbar__client__choice:hover > span {opacity: 1;}
  
  @media(max-width:976px){
    :root{--navbar-height:70px;}
    .navbar__logo{float:none;display:block;padding:15px 20px 15px 0;}
    .navbar__logo svg{margin:0 auto;}
  }
  
/* Universal Page Elements*/
  
  #navbar,
  #main{padding-right:env(safe-area-inset-right) !important;padding-left:env(safe-area-inset-left) !important;}
  
  .ai-helper{color:var(--aqua);}
  .ai-helper:hover{color:var(--midnight);}
  
  /*  Panel - narrow, centered page with minimal content to mimic modal */
    .panel{background-color:#fff;border-radius: 6px;box-shadow:0 3px 9px var(--midnight-xxxlight);max-width:720px;padding:20px 40px;}
  
  
  /*  Headings */
    .page-heading{display:flex;justify-content:space-between;flex-wrap:wrap;padding:40px 0 20px;}
    .page-heading__topline{flex: 0 0 100%;}
    .page-heading__title{margin:0.25em 0;font-size:1.5em;}
    .page-heading__actions{align-self:center;}
  
    .section-heading{display:flex;justify-content:space-between;margin-bottom:20px;margin-top:40px;}
    .section-heading__title{margin:0;}
    .section-heading__actions{align-self:flex-end;}
  
  /* Tables */
    .table-container{overflow-x:auto;}
    .table{width:100%;border-collapse:collapse;border-spacing:0;font-size:100%;margin:0 auto;}
    .table--fix{table-layout:fixed;}
    
    
    .th{border-bottom:1px solid var(--midnight-xxxlight);color:var(--midnight-xlight);font-weight:700;font-size:80%;padding:5px 10px;text-align:left;text-transform:uppercase;vertical-align:top;white-space: nowrap;}
    .th:first-child{padding-left:0;}
    .th:last-child{padding-right:0;}
    .th--right{text-align:right;}
    .th--bottom{vertical-align:bottom;}
    
    .td{padding:5px 10px;vertical-align:top;border-bottom:1px solid var(--midnight-xxxlight);}
    .td:first-child{padding-left:0;}
    .td:last-child{padding-right:0;}
    .td--center{text-align:center;}
    .td--right{text-align:right;}
    .td--bottom{vertical-align:bottom;}
    .td--overflow{overflow:hidden;text-overflow:ellipsis;white-space: nowrap;max-width: 0;width:100%;}
    .td--value{font-family:monospace;}
    .td--nowrap{white-space: nowrap;}
    
    .td--checkbox{padding-right:0;text-align:right;width:1%;}
    .td--checkbox input{margin:4px;}
    .td--message p:first-child{margin-top:0;}
    .td--timestamp{font-size:12px;vertical-align:middle;}
    
    .td--campaign-totals{width:95px;}
    
    .td label{font-weight:600;}
    
    @media(max-width:976px){
      .td--campaign-totals{width:45px;}
    }
    
    .td--expanded{display:none;}
    .tr:hover .td--expanded{display:table-cell;}
    .tr:hover .td--collapsed{display:none;}
  
    thead .td{padding:0.5rem 10px;}
    tbody .td{border-bottom:1px solid var(--midnight-xxxlight);white-space:nowrap;}
    tbody .td p{white-space:normal;}
    tbody .td .td{border:none;}
    tfoot .td{padding:10px 10px;}
    
    .tr-hover{opacity:0;pointer-events:none;transition:0.2s all;}
    tr:hover .tr-hover{opacity:1;pointer-events:default;}
    
    .tr__actions{display:inline-block;margin:-7px 5px;}
    
    .datalist{font-size:14px;margin:5px 0 0;list-style-type:none;padding:0;overflow: scroll;max-height: 500px;}
    .datalist li{display:inline-block;border-top:1px solid var(--midnight-xxxlight);margin:0 10px 0 0;padding:5px 0;}
    .datalist li .error{color:var(--viera-dark);}
    
    /* I want to replace all of the above with two standardized table types. Less BEM, easier to write code.
    Data tables should use data-table and Item Lists should table-list */
      .table-list{display:grid;grid-row-gap:12px;width:100%;border-collapse:collapse;border-spacing:0;font-size:14px;}
      .table-list thead,
      .table-list tbody,
      .table-list tr{display:contents;}
      .table-list th{text-align:left;padding:0 12px;}
      .table-list td{background-color:#fff;padding:12px;}
      .table-list td:first-child{border-bottom-left-radius:6px;border-top-left-radius:6px;}
      .table-list td:last-child{border-bottom-right-radius:6px;border-top-right-radius:6px;}
      
      .table-list__title{font-size:16px;}
    
  /* Boxes */
    .boxed{background-color:var(--white);/*box-shadow: 0 3px 9px var(--midnight-xxxlight);*/border-radius:10px;height:100%;/*overflow:hidden;*/padding:20px;position:relative;}
    .boxed--grey{background-color:#fcfcfc;}
    .boxed--blue{background-color:var(--midnight);box-shadow:inset 0 0 0 3px var(--midnight);color:#fff;}

    .boxed--stacked{height:auto;margin:1rem 0;}
    
    .boxed--stats{background-image:linear-gradient(to bottom right, var(--aqua), var(--slime) );}
    
    .boxed--zerostate{background-color:transparent;box-shadow:none;border: 3px dashed var(--midnight-xxlight);display:flex;max-height:500px;min-height:200px;}

    .boxed:not(.boxed--zerostate) > *:last-child{margin-bottom:0;}

    .boxed--zerostate > *{margin:auto;}
    
    .boxed__action{position:absolute;top:14px;right:15px;}
    
    .boxed__heading{margin:0 0 1em !important;}
  
    a.boxed{display:block;color:var(--textcolor);}
    a.boxed:hover{box-shadow:inset 0 0 0 3px var(--slime);}
      
    .landingpage-tr--inactive td{background-image: repeating-linear-gradient( 45deg, rgba(0,0,0,0.05), rgba(0,0,0,0.05) 1px, transparent 1px, transparent 6px );}
    .campaign-box--inactive{background-image: repeating-linear-gradient( 45deg, rgba(0,0,0,0.05), rgba(0,0,0,0.05) 1px, transparent 1px, transparent 6px );}
    .campaign-box--inactive .landingpage-tr--inactive td{background-image:none;}
    
    .campaign-box__link{border-radius:10px;position:absolute;top:0;bottom:0;right:0;left:0;z-index:1;}
    .campaign-box__link:hover{box-shadow:inset 0 0 0 3px var(--slime);}
    
  /* Tabs */
/*    .tabs{opacity:0;transition:1s all;}
    .tabs--active{opacity:1;}*/
  
    .tabs{margin:1rem 0;}
  
    .tabs__menu{position:relative;}
    .tabs__menu:before{content:'';position:absolute;bottom:0;right:0;left:0;}
    .tabs__menu--center{text-align:center;}
    .tabs__menu-item{border-top-left-radius:var(--radius-large);border-top-right-radius:var(--radius-large);color:var(--midnight);display:inline-block;padding:0.75rem 1rem 1.25rem;font-weight: 700;font-size: 14px;margin-right:0.25rem;opacity:0.3;}
    .tabs__menu-item:hover{opacity:0.6;}
    .tabs__menu-item--active{background-color:#fff;border-color:var(--slime);opacity:1 !important;}
  
    .tabs__panels{background-color:#fff;padding:2rem;border-radius:var(--radius-large);margin-top:calc(-1 * var(--radius-large));}
    .tabs__panel{display:none;}
    .tabs__panel--active{display:block;}
  
  /* Swiper */
    .swiper-btn{background-color:#fff;border-radius:15px;box-shadow:0 1px 3px rgba(0,0,0,0.25);padding:3px 0 4px 0;position:absolute;top:50%;transition:0.2s all;height:30px;width:30px;margin-top:-15px;text-align:center;z-index:5;cursor:pointer;}
    .swiper-btn:hover{color:var(--slime);}
    .swiper-btn--next{right:-13px;}
    .swiper-btn--prev{left:-13px;}
    .swiper-button-disabled{opacity:0;}
    
    .swiper-slide a{opacity:0;pointer-events:none;transform:scale(0);}
    .swiper-slide-visible a{opacity:1;pointer-events:auto;transform:scaleX(1);}
  
  .stat{color:var(--midnight);text-align:right;}
  .stat--spaced{padding:10px 0;}
  .stat--green{color:var(--slime);}
  .stat--blue{color:var(--midnight);}
  .stat__number{display:block;font-size:24px;font-weight:400;line-height:100%;}
  .stat__number--big{font-size:32px;}
  .stat__number__tt{font-size:60%;line-height:1em;vertical-align:.2em;}
  .stat__label{font-size:14px;font-weight:700;opacity:0.6;transition:0.2s all;}
  .stat:hover .stat__label{opacity:1;}
  
  .post-small{padding-top:2em;display: flex !important;flex-direction:column;justify-content: flex-end;}
  .post-small__title{margin:0;}
  
  /* Graphs */
    .chart{display:grid;grid-template-column:1fr;grid-template-rows:auto auto 1fr;height:100%;}
    .chart__heading{display:flex;justify-content:space-between;font-size:14px;font-weight:700;padding-bottom:20px;}
    .chart__title{padding-right:20px;}
    .chart__action{color:var(--midnight);}
    .chart__body{position:relative;min-height: 100px;}
    .chart__body > .svg-linechart{position:absolute;top:0;left:0;right:0;bottom:0;}    
    .chart__notice{color:var(--midnight-light);}
    
    .svg-linechart polyline{fill:transparent;stroke-width:2px ;stroke:var(--midnight);}
    .svg-linechart circle{fill:#fff;stroke-width:2px ;stroke:var(--midnight);}
    
    
    .point-label{line-height: 100%;opacity:0;transition:0.2s all;transform:translate(0 0);overflow:visible;padding:5px;position:relative;}
    .point-label__inner{background-color:var(--midnight);border-radius:2px;color:var(--slime);font-size:12px;font-weight:700;padding:2px 4px;text-transform:uppercase;}
    .axis-label{font-size:12px;font-weight:700;letter-spacing:1px;opacity:0.3;text-transform:uppercase;}
    
    .point-label--1 .point-label__inner{position:absolute;right:5px;}
    
    .point:hover .point-label{opacity:1;}
      
  /* Inputs */
    textarea,
    input, select{background-color:var(--midnight-xxxlight);border:none;border-radius:4px;font-size:16px;transition:0.2s all;}
    .input,
    .tml-field{}
    .input--active,
    .input:focus{border-color:var(--midnight-light);outline:0;}
    .input--active + .label,
    .input:focus + .label{color:var(--midnight);}
    
    input[type="range"]{-webkit-appearance: none;appearance: none;background: transparent;border:none;cursor: pointer;width: 15rem;height:37px;}
    input[type="range"]::-webkit-slider-runnable-track {background: var(--midnight-xxlight);height: 4px;border-radius:2px;}
    input[type="range"]::-moz-range-track {background: var(--midnight-xxlight);height: 4px;border-radius:2px;}
    input[type="range"]::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;margin-top: -6px; background-color: var(--midnight);height: 16px;width: 16px;border-radius:8px;}
    input[type="range"]::-moz-range-thumb {border: none;border-radius: 8px;background-color: var(--midnight);height: 16px;width: 16px;}
    
    .input--error, .input--error:focus{border-color:var(--viera-dark);color:var(--viera-dark);}
    .input--error + label, .input--error:focus + label{color:var(--viera-dark)!important;}
    
    .input--success, .input--success:focus{border-color:var(--blue);color:var(--blue);}
    .input--success + label, .input--success:focus + label{color:var(--blue)!important;}
    
    .input--select{background-image: url('data:image/svg+xml;urf8,<svg viewBox="0 0 22 7" xmlns="http://www.w3.org/2000/svg" width="20"><polyline fill="none" stroke="currentColor" points="1,1 6,6 11,1" stroke-linejoin="round" stroke-linecap="round"/></svg>');background-position: right 50%;background-repeat:no-repeat;padding-right:30px;max-width: 100%;}
    .input--search      {background-image: url('data:image/svg+xml;urf8,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" width="20"><path fill="rgb(207, 207, 207)" d="M368 208A160 160 0 1 0 48 208a160 160 0 1 0 320 0zM337.1 371.1C301.7 399.2 256.8 416 208 416C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208c0 48.8-16.8 93.7-44.9 129.1L505 471c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L337.1 371.1z" /></svg>');background-position:10px 50%;background-repeat:no-repeat;padding-left:40px;}
    .input--search:focus{background-image: url('data:image/svg+xml;urf8,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" width="20"><path fill="currentColor" d="M368 208A160 160 0 1 0 48 208a160 160 0 1 0 320 0zM337.1 371.1C301.7 399.2 256.8 416 208 416C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208c0 48.8-16.8 93.7-44.9 129.1L505 471c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L337.1 371.1z" /></svg>');}
    
    .input--file{position:absolute;left:-999999rem;}
    .input--file + .label{background-color:rgba(0,0,0,0.01);border:1px solid #cfcfcf;border-radius:4px;color:inherit;font-size:16px;transition:0.2s all;text-transform:none;padding:7px 12px;letter-spacing:0;font-weight:normal;white-space:nowrap;}
    
    .input_box{position:relative;}
    .input_box.inp-w-label{padding:0;}
    .input_box:empty{display:none;}
    .input_box:empty + div{margin:0!important;}
    .input_box input{width:100%;}
    
    .label,
    .tml-label{font-size:14px;font-weight:700;transition:0.2s all;padding-bottom:5px;}
    .inp-w-label{display:flex;flex-direction:column-reverse;padding-bottom:10px;padding-top:10px;position:relative;}
    
    .multi-input{display:flex;width:100%;}
    .multi-input .input{flex:10;max-width:100%;width:100%;min-width:90px;}
    .multi-input__connector{flex:auto;color:var(--midnight-xlight);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;line-height:29px;padding:5px;text-align:center;}
    
    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active{
      -webkit-box-shadow: 0 0 0 30px var(--mist) inset !important;
    }
    
    .flex-form{display:flex;flex-wrap:wrap;margin:0 -10px;}
    .flex-form__item{flex:1 1 20%;padding:10px;}
    .flex-form__item--bottom{align-self:flex-end;}
    .flex-form__item--bottom{flex:0 0 auto;}
    .flex-form__item--full{flex:0 0 100%;}
    .flex-form__item--half{flex:0 0 50%;}
    .flex-form__item--shrink{flex:0 1 auto;}
    .flex-form__actions{margin-top:23px;}
    
    .flex-form--error label, .flex-form--error input, .flex-form--error input:focus + label{color:var(--viera-dark)!important;}
    .flex-form--error input, .flex-form--error input:focus{border-color:var(--viera-dark);}
    .flex-form--success label, .flex-form--success input, .flex-form--success input:focus + label{color:var(--blue)!important;}
    .flex-form--success input, .flex-form--success input:focus{border-color:var(--blue);}
    .flex-form--sending input{background-color:#cfcfcf;color:#444444;}
    
    .flex-form__query_notes{border:1px solid var(--blue);border-radius:4px;color:var(--blue);line-height:120%;margin-top:0.5em;padding:.5em;}
    .flex-form__query_notes:empty{display:none;}
    .flex-form__query_notes--error{border-color:var(--viera-dark);color:var(--viera-dark);}
    
    /* Choices overrides*/
    
    .choices{margin-bottom:0!important;min-width:100px;}
    .choices[data-type*=select-one]{background-image: url('data:image/svg+xml;urf8,<svg viewBox="0 0 27 7" xmlns="http://www.w3.org/2000/svg" width="25"><polyline fill="none" stroke="currentColor" points="1,1 6,6 11,1" stroke-linejoin="round" stroke-linecap="round"/></svg>');background-position: right 50%;background-repeat:no-repeat;}
    .choices[data-type*=select-one].is-open{background-image: url('data:image/svg+xml;urf8,<svg viewBox="0 0 27 7" xmlns="http://www.w3.org/2000/svg" width="25"><polyline fill="none" stroke="currentColor" points="1,6 6,1 11,6" stroke-linejoin="round" stroke-linecap="round"/></svg>');}
    .choices[data-type*=select-one]:after{display:none;}
    .choices[data-type*=select-multiple]{background-image: url('data:image/svg+xml;urf8,<svg viewBox="0 0 27 7" xmlns="http://www.w3.org/2000/svg" width="25"><polyline fill="none" stroke="currentColor" points="1,1 6,6 11,1" stroke-linejoin="round" stroke-linecap="round"/></svg>');background-position: right 50%;background-repeat:no-repeat;}
    .choices[data-type*=select-multiple].is-open{background-image: url('data:image/svg+xml;urf8,<svg viewBox="0 0 27 7" xmlns="http://www.w3.org/2000/svg" width="25"><polyline fill="none" stroke="currentColor" points="1,6 6,1 11,6" stroke-linejoin="round" stroke-linecap="round"/></svg>');}
    .choices[data-type*=select-multiple]:after{display:none;}
    
    .choices__inner{background-color: var(--midnight-xxxlight) !important;border: none !important;border-radius: 4px;font-size: 16px;min-height:40px !important;padding:0.5em 50px 0.5em 1em !important;}
    .choices[data-type*=select-multiple] .choices__inner{padding:0.5em 50px 0.5em 0.5em !important;}
    
    .choices__inner .choices__input{background-color:transparent !important;margin:-1px 0 0 0 !important;line-height:31px;height:31px;padding:0 !important;}
    .choices__list .choices__input{padding:0.5em 1em !important;}
    
    .choices__input--cloned::-webkit-input-placeholder{background-color: #fff !important;border-radius: 2px;padding: 6px 0px;font-size: 12px;font-weight: 500;opacity:1;height:21px;line-height:21px;text-align:center;transform:translateY(-1px)}
    .choices__input--cloned::-moz-placeholder{         background-color: #fff !important;border-radius: 2px;padding: 6px 0px;font-size: 12px;font-weight: 500;opacity:1;height:21px;line-height:21px;text-align:center;transform:translateY(-1px)}
    .choices__input--cloned:-ms-input-placeholder{     background-color: #fff !important;border-radius: 2px;padding: 6px 0px;font-size: 12px;font-weight: 500;opacity:1;height:21px;line-height:21px;text-align:center;transform:translateY(-1px)}
    .choices__input--cloned::placeholder{              background-color: #fff !important;border-radius: 2px;padding: 6px 0px;font-size: 12px;font-weight: 500;opacity:1;height:21px;line-height:21px;text-align:center;transform:translateY(-1px)}
    
    .choices__input--cloned:focus::-webkit-input-placeholder{opacity:0;}
    .choices__input--cloned:focus::-moz-placeholder{opacity:0;}
    .choices__input--cloned:focus:-ms-input-placeholder{opacity:0;}
    .choices__input--cloned:focus::placeholder{opacity:0;}
    
    .choices__input--cloned--placeholder--hidden::-webkit-input-placeholder{opacity:0;}
    .choices__input--cloned--placeholder--hidden::-moz-placeholder{opacity:0;}
    .choices__input--cloned--placeholder--hidden:-ms-input-placeholder{opacity:0;}
    .choices__input--cloned--placeholder--hidden::placeholder{opacity:0;}
    
    .choices__heading{background-color:#fff;color:var(--midnight-xlight)!important;border-bottom:none !important;border-top:1px solid var(--midnight-xxxlight)!important;padding:1.5em 1em 1em 1em!important;margin-top:0.5em !important;}
    
    .choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button{border-left-color: #5c5c70!important;}
    .choices.is-open:not(.is-flipped) .choices__inner{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;}
    .choices.is-open.is-flipped .choices__inner{border-top-left-radius:0 !important;border-top-right-radius:0 !important;}
    
    .choices__list--multiple{display:inline-block;height:30px;}
    .choices__list--dropdown .choices__item--selectable{padding-right:0 !important;}
    .choices__list--dropdown .choices__item--selectable:after{display:none;}
    
    .choices__list--dropdown{z-index:160000 !important;box-shadow:2px 4px 10px rgba(0,0,0,0.1);border:none !important;}
    .choices__list--multiple .choices__item{border:none !important;border-radius:2px !important;background-color:#fff !important;box-shadow:0 0 3px rgba(0,0,0,0.1);color: var(--midnight) !important;margin: 2px 4px 2px 0 !important;}
    .choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button{opacity:0.2 !important; border-left:none !important;background-image:url('data:image/svg+xml;urf8,<svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg" width="24"><polyline stroke="currentColor" stroke-width="2" points="1,1 11,11" stroke-linecap="round"/><polyline stroke="currentColor" stroke-width="2" points="11,1 1,11" stroke-linecap="round"/></svg>') !important;}
    .choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=text] .choices__button:hover{opacity:1 !important;}
    .choices.is-focused + .label{color: var(--midnight);}
    .choices.is-focused .choices__inner{border-color:var(--midnight) !important;}
    
    .choices__button{margin-top: -10px !important;}
    
    @media(max-width:480px){
      input[type="date"]{padding-left:10px;padding-right:5px;}
      input[type="date"]::-webkit-calendar-picker-indicator{display:none;}
    }
    
    /*.complex-label{font-size:14px;white-space:nowrap;}*/
    

    
    .radio + label{color:var(--midnight-xlight);transition:0.2s all;}
    .radio:checked + label{color:var(--midnight);}
    
    /* Chekcbox List - currently only ised in user management modal 9/19/22 */
    .checkbox-list{columns:2;font-size:14px;}
    .checkbox-list__item{margin-bottom:0.5em;position:relative;}
    .checkbox-list__item label{color:var(--midnight-light);}
    .checkbox-list__item label:before{content:'';height:12px;width:12px;border:1px solid var(--midnight);display:inline-block;border-radius:2px;opacity:0.2;margin-right:0.25em;transform:translateY(2px);}
    .checkbox-list__item input{position:absolute;opacity:0;}
    .checkbox-list__item input:checked + label{color:var(--midnight);}
    .checkbox-list__item input:checked + label:before{opacity:1;background-color:var(--slime);border-color:var(--slime);background-image:url('data:image/svg+xml;urf8,<svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg" width="12"><polyline fill="none" stroke="white" points="2,6 5,9 10,3" stroke-width="2" stroke-linejoin="round" stroke-linecap="round"/></svg>');}
    
    .toggle-row{border-bottom:1px solid var(--midnight-xxlight);border-top:1px solid var(--midnight-xxlight);margin-top:-1px;padding:1em 0;}
    .toggle-row .checkbox-toggle{float:right;}
    
    .password-strength{border-top-left-radius:4px;border-bottom-left-radius:4px;color:#fff;font-size:12px;font-weight:bold;padding:0 0.5em;text-transform:uppercase;transition:0.2s all;width:0%;white-space:nowrap;}
    .password-strength--veryweak{width:25%;background-color:var(--viera);}
    .password-strength--weak{width:50%;background-color:var(--viera);}
    .password-strength--medium{width:75%;background-color:var(--midnight);}
    .password-strength--strong{width:100%;background-color:var(--slime);border-top-right-radius:4px;border-bottom-right-radius:4px;}
    
    .tml input{padding:1rem 1.2rem;}
    .tml button:not(.choices__button){padding:1rem 1.2rem !important;text-align:center;width:100%;}
    
    /* custom checkbox intended for normal checkboxes - need to make sure this doesn't interfere with toggle and other stuff
    requires input + label inside of a containter */
    input[type="checkbox"]{pointer-events:none;position:absolute;transform:scale(0);}
    input[type="checkbox"] + label{position:relative;padding-left:2em;}
    input[type="checkbox"] + label:before{background-color:var(--midnight-xxxlight);content:'';border-radius:4px;position:absolute;height:1.2em;width:1.2em;left:0;top:0em;}
    input[type="checkbox"] + label:after{content:'';display:inline-block;height:0.5em;width:0.2em;position:absolute;top:0.25em;left:0.4em;border-right:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(45deg);opacity:0;transition:0.2s all;}
    input[type="checkbox"]:checked + label:before{background-image:linear-gradient(45deg, var(--aqua), var(--slime) );}
    input[type="checkbox"]:checked + label:after{opacity:1;}
    
    input[type="checkbox"] + label.checkbox-toggle{display:inline-block;font-size:14px;padding-left:3em;line-height:24px;}
    input[type="checkbox"] + label.checkbox-toggle:before{display:inline-block;background-color:var(--midnight-xlight);border-radius:12px;cursor:pointer;position:absolute;width:40px;height:24px;vertical-align:middle;}
    input[type="checkbox"] + label.checkbox-toggle:after{background-color:#fff;border-radius:10px;border:none;content:'';position:absolute;left:2px;top:2px;height:20px;width:20px;transition:0.2s all;opacity:1;}
    input[type="checkbox"]:checked + label.checkbox-toggle:before{background-color:var(--slime);}
    input[type="checkbox"]:checked + label.checkbox-toggle:after{left:18px;}
    
    
/* Notices */
    .notice{border:1px solid;border-radius:3px;display:flex;flex-wrap:wrap;font-size:min(16px, 100%);margin:1em 0;}
    .notice a{font-weight:bolder;}
    .notice--red, .notice--red a{border-color:var(--viera);--icon:var(--viera);color:var(--viera);}
    .notice--green{border-color:var(--slime);--icon:var(--slime);}
    
    .notice__icon{align-items:center;color:var(--icon);display:flex;flex: 0 0 40px;font-size:24px;padding:15px 20px;}
    .notice__text{padding:20px;align-self:center;flex:1;}
    .notice__icon + .notice__text{padding-left:0;}
    .notice__text *:first-child{margin-top:0;}
    .notice__text *:last-child{margin-bottom:0;}
    
    .notice__actions{color:var(--textcolor);flex:0 0 100%;max-width: 100%;}
    .notice__text + .notice__actions{padding-top:0;}
    
    .notice__actions > .field-mapper, .notice__actions > .data-mapper{padding:0 20px 20px;}
    .notice__actions > .table-container{padding:0 20px 20px;}
    .notice__actions > .email-fixer, .notice__actions > .contact-fixer, .notice__actions > .name-fixer, .notice__actions > .zipcode-fixer{padding:0 20px 20px;}
    
    .field-mapper__item, .data-mapper__item{border-bottom:1px solid var(--midnight-xxlight);display:flex;padding:3px 0;align-items:center;justify-content:space-between;flex-flow:row wrap;}
    .field-mapper__select, .data-mapper__select{border-color:var(--viera);}
    .field-mapper__select--valid, .data-mapper__select--valid{border-color:var(--slime);}
    
    .preview{width:100%;}
    
    .email-fixer__item, .prefixer__item, .boolfixer__item, .contact-fixer__item, .name-fixer__item, .zipcode-fixer__item, .overwritefixer__item{display:flex;align-items:center;border-bottom:1px solid var(--midnight-xxlight);padding:3px 0;}
    .email-fixer__label, .prefixer__label, .boolfixer__label, .contact-fixer__label, .name-fixer__label, .zipcode-fixer__label, .overwritefixer__label{color:var(--viera);flex:1;}
    .email-fixer__label--valid, .prefixer__label--valid, .boolfixer__label--valid, .contact-fixer__label--valid, .name-fixer__label--valid, .zipcode-fixer__label--valid, .overwritefixer__label--valid{color:var(--midnight);}
    .email-fixer__input, .prefixer__input, .boolfixer__input, .contact-fixer__input, .name-fixer__input, .zipcode-fixer__input, .overwritefixer__input{width:100%;flex:1;}
    .email-fixer__input--valid, .prefixer__input--valid, .boolfixer__input--valid, .contact-fixer__input--valid, .name-fixer__input--valid, .zipcode-fixer__input--valid, .overwritefixer__input--valid{border-color:var(--slime);background-color:var(--slime-xlight);}
    
    
/* Dashboard */
    .help-swiper{width:100%;overflow:visible !important;}
    .help-swiper .swiper-slide{height:auto;}
    
    @media(max-width:480px){
      .overview-stats{display:flex;flex-wrap:wrap;padding:20px;}
      .overview-stats .stat{flex:50%;padding:10px;text-align:left;}
    }
    
/* Reporting */
    #client+div.choices__list--multiple .choices__item{max-width:380px;width:max-content;}

/* Importing */
    .import{border-top:1px solid #ccc;padding:10px 0;}
    .import__info,.import__data{align-items:center;display:flex;justify-content:space-between;margin:1rem 0;}
    .import__message,
    .import__recipients{flex:0 0 100%;}
    .import__connect{font-size:14px;}
    .import__data label{color:#ccc;text-transform:uppercase;}
    .import__box{border-radius:4px;border:1px solid #ccc;height:200px;margin:0;overflow:scroll;padding:1em;}
    .import__box ul{margin:0;padding:0;list-style-type:none;}
    .import__box > ul li{margin:0;}
    .import__box > ul > li{font-weight:bold;margin:0 0 10px;}
    .import__box > ul ul li{font-weight:normal;display:inline-block; margin-right:10px;}
    .import__button{background-color: var(--blue);width:100%;white-space:inherit;margin-top:1em;text-align:center;}
    
/* Lead Forms */
    
    .fb-connect{padding:1em 0;}
    .fb-leadforms{font-size:14px;}
    
    .leadform + .leadform{border-top:1px solid var(--midnight-xxlight);}
    .leadform__info,.leadform__data{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:1rem 0;}
    .leadform__message,
    .leadform__recipients{flex:0 0 49%;}
    .leadform__connect{font-size:14px;}
    .leadform__data label{color:#ccc;text-transform:uppercase;}
    .leadform__box{border-radius:4px;border:1px solid #ccc;height:200px;margin:0;overflow:scroll;padding:1em;}
    .leadform__box ul{margin:0;padding:0;list-style-type:none;}
    .leadform__box > ul li{margin:0;}
    .leadform__box > ul > li{font-weight:bold;margin:0 0 10px;}
    .leadform__box > ul ul li{font-weight:normal;display:inline-block; margin-right:10px;}
    
    .leadform__message, .leadform__recipients {flex: 0 0 100%;}
    .leadform__no_message{color: var(--viera);}
  
    .leadform__lock{background-color:var(--midnight);border-radius:6px;color:var(--slime);padding:5px 7px 5px 12px;white-space:nowrap;}
    .leadform__lock span{padding-right:10px;}
    .leadform__lock:not(.leadform__lock--archived):hover{color: var(--viera);}
    .leadform__lock:not(.leadform__lock--archived) .fa-times-circle{display:none;}
    .leadform__lock:not(.leadform__lock--archived):hover .fa-times-circle{display:inline-block;}
    .leadform__lock:not(.leadform__lock--archived):hover .fa-check-circle{display:none;}
    .leadform__lock--archived{background-color:var(--greyed);color:var(--greyed-dark);cursor:not-allowed;}
    .leadform__title small{color:var(--viera);opacity:0.6;}
    .leadform__messages{font-weight:bold;}
    .leadform__button{background-color: var(--blue);width:100%;white-space:inherit;margin-top:1em;}
    .leadform__button__cancel {background-color: var(--viera);width: 100%;white-space: inherit;margin-top: 1em;}
    .leadform__box {border-radius: px;border: 1px solid #ccc;height: unset;margin: 0;overflow: scroll;padding: 1em;}
    
    
/* Single Page */
    .subnav{font-size:12px;font-weight:700;letter-spacing:1px;line-height:300%;text-transform:uppercase;margin:0px -10px 20px;}
    .subnav__link{opacity:0.5;padding:10px;white-space:nowrap;}
    .subnav__link:hover{opacity:1;}
    .subnav__link--current{opacity:0.75;pointer-events:none;}
    .subnav__separator{margin:0 .5em;}
    
    @media(max-width:480px) {
      .subnav__separator{display:none;}
    }
    
/* Landing Page ???? */
    
    @media(max-width:480px) {
      .utility__wordmark{text-align:center;}
      .utility-box{flex-direction:column;}
      .utility-box__desc{padding:10px 30px;}
      .utility-box__desc h1{display:none;}
      .tml-field-wrap button{width:100%;}
      .tml-links{text-align:center;}
    }
    
  /* Form Submission Mask */
    .form--sending, .flex-form--sending{pointer-events:none;}
    .button--sending{color:rgba(255,255,255,0.3);position:relative;}
    .button--sending:after, .flex-form--sending .input_box:after{border:2px solid rgba(255,255,255,0.3);border-top-color:#fff;border-radius:16px;box-shadow:0 0 5px var(--color),0 0 20px var(--color);content:'';color:#fff;position:absolute;left:calc(50% - 16px);top:calc(50% - 16px);width:28px;height:28px;animation:1.5s spinner infinite linear;}
    .flex-form--sending .input_box.inp-w-label:after{bottom:4px;top:auto;}
    
    @keyframes spinner {
      from {transform:rotate(0deg);}
      to {transform:rotate(360deg);}
    }
    
/* Single Post */
  .share__inner{margin-left:-0.5rem;}
  .share__inner a{padding:0.5rem;}
  
/* Footer */
  .footer{color:var(--midnight-xlight);font-size:12px;}
  .footer-wrapper{background-color:var(--mist);border-top:1px solid var(--midnight-xxxlight);padding-top:40px;max-width:1440px;}

/* Builders */
  .lp-builder{position:relative;}
  
  .lp-preview{background-color:#fff;border-radius:10px;height:0;position:absolute;top:20px;right:0;transform:scale(.666);transform-origin:top right;width:150%;padding-bottom:85%;overflow:hidden;}
  .lp-preview__inner{bottom:0;position:absolute;top:0;right:0;left:0;overflow:scroll;}
  .lp-preview__inner-scroll{}
  .lp-preview__inner .lp__bg{width: 100%;height: 100%;background-color:var(--color);}
  .lp{min-height:100%;}
  
  /* Special ACF Styling */
    .acf-row-handle.remove{border-left:none;padding:0;width:0px;}
    
    .acf-table > tbody > tr > td{background-color:transparent;}
    .acf-row{transition:1s all;position:relative;}
    .acf-row:focus-within{background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.2);z-index:2;}
    
    .acf-icon.-duplicate{display:none !important;}
    .acf-icon.-plus{display:none !important;}
    .acf-repeater .acf-icon.-minus{margin:-9px 0 0 -9px !important;line-height: 16px !important;}
    
    .acf-field {font-size:14px;}
    .acf-field[data-name="advanced_settings"] .acf-button-group,
    .acf-field[data-name="data_collection"] .acf-button-group{width:100%;}
    .acf-field[data-name="advanced_settings"] .acf-button-group label,
    .acf-field[data-name="data_collection"] .acf-button-group label{background-color:var(--midnight-light);border-color:var(--midnight-xxlight)!important;color:#fff!important;opacity:0.8;}
    .acf-field[data-name="advanced_settings"] .acf-button-group label:hover,
    .acf-field[data-name="data_collection"] .acf-button-group label:hover{opacity:1;}
    .acf-field[data-name="advanced_settings"] .acf-button-group label.selected,
    .acf-field[data-name="data_collection"] .acf-button-group label.selected{background-color:var(--midnight)!important;;border-color:var(--midnight)!important;color:#fff!important;}
    
    .acf-field[data-name="message_variants"]{text-align:right;}
    .acf-field[data-name="message_variants"] .acf-button-group label{background-color:var(--midnight-light);border-color:var(--midnight-xxlight)!important;color:#fff!important;opacity:0.8;}
    .acf-field[data-name="message_variants"] .acf-button-group label:hover{opacity:1;}
    .acf-field[data-name="message_variants"] .acf-button-group label.selected{background-color:var(--midnight)!important;;border-color:var(--midnight)!important;color:#fff!important;}
    
    .acf-field[data-name="messages"] .acf-fields{border-bottom:1px solid var(--midnight-xxxlight);border-left:none;padding:10px 20px !important;}
    .acf-field[data-name="messages"] .acf-repeater .acf-table{border:1px solid var(--midnight-xxxlight);border-radius:0 !important;margin:0;background-color:transparent;}
    .acf-field[data-name="messages"] .acf-row-handle.order{display:none;}
    .acf-field[data-name="messages"] .acf-field-textarea .acf-label{display:none;}
    .acf-field[data-name="messages"] .acf-field[data-name="subject"]{padding-top:0 !important;}
    
    .acf-field[data-name="custom_fields"] .acf-fields{border-bottom:1px solid var(--midnight-xxxlight);border-left:none;padding:10px 20px !important;}
    .acf-field[data-name="custom_fields"] .acf-repeater .acf-table{border:1px solid var(--midnight-xxxlight);border-radius:0 !important;margin:0;background-color:transparent;}
    .acf-field[data-name="custom_fields"] .acf-row-handle.order{display:none;}
    .acf-field[data-name="custom_fields"] .acf-field-textarea .acf-label{display:none;}
    .acf-field[data-name="custom_fields"] .acf-field[data-name="subject"]{padding-top:0 !important;}
    .acf-field[data-name="other_settings"] .acf-button-group{width:100%;}
    .acf-field[data-name="other_settings"] .acf-button-group label{background-color:var(--midnight-light);border-color:var(--midnight-xxlight)!important;color:#fff!important;opacity:0.8;}
    .acf-field[data-name="other_settings"] .acf-button-group label:hover{opacity:1;}
    .acf-field[data-name="other_settings"] .acf-button-group label.selected{background-color:var(--midnight)!important;;border-color:var(--midnight)!important;color:#fff!important;}
    
    .acf-field[data-name="redirect_settings"] .acf-button-group{width:100%;}
    .acf-field[data-name="redirect_settings"] .acf-button-group label{background-color:var(--midnight-light);border-color:var(--midnight-xxlight)!important;color:#fff!important;opacity:0.8;}
    .acf-field[data-name="redirect_settings"] .acf-button-group label:hover{opacity:1;}
    .acf-field[data-name="redirect_settings"] .acf-button-group label.selected{background-color:var(--midnight)!important;;border-color:var(--midnight)!important;color:#fff!important;}
    
    .acf-field[data-name="targeted_messaging"] .acf-fields{border-bottom:1px solid var(--midnight-xxxlight);border-left:none;padding:10px 20px !important;}
    .acf-field[data-name="targeted_messaging"] .acf-repeater .acf-table{border:1px solid var(--midnight-xxxlight);border-radius:0 !important;margin:0;background-color:transparent;}
    .acf-field[data-name="targeted_messaging"] .acf-row-handle.order{display:none;}
    .acf-field[data-name="targeted_messaging"] .acf-field-textarea .acf-label{display:none;}
    
    .acf-field[data-name="subject"]{display:flex;align-items:center;}
    .acf-field[data-name="subject"] .acf-label{flex:1;}
    .acf-field[data-name="subject"] .acf-input{flex:2;margin-left:2em;}
    
  /* Front-end ACF styling */
    .acf-field{border:none !important;padding:10px 0!important;}
    .acf-field .description{font-size:12px;}

    .acf-label label{font-size: 14px;font-weight: 700 !important;transition: 0.2s all;padding-bottom: 5px;}

    .acf-input input{padding:0.5em 0.75em !important;font-size: 14px;transition: 0.2s all;}
    .acf-input select{padding:0.5em 0.75em !important;font-size: 14px;transition: 0.2s all;background-image: url('data:image/svg+xml;urf8,<svg viewBox="0 0 22 7" xmlns="http://www.w3.org/2000/svg" width="20"><polyline fill="none" stroke="currentColor" points="1,1 6,6 11,1" stroke-linejoin="round" stroke-linecap="round"/></svg>');background-position: right 50%;background-repeat:no-repeat;padding-right:30px;}

    .acf-button-group{font-size:14px;line-height:29px;}
    .acf-button-group label{border-color:var(--midnight-xlight) !important;transition:0.2s all;cursor:pointer;color:var(--midnight-light) !important;}
    .acf-button-group label:hover{color:var(--text-color) !important;}
    .acf-button-group label.selected{background-color:var(--midnight-light) !important;border-color:var(--midnight-light) !important;color:#fff !important;}
    .acf-input .acf-button{padding:6px 10px !important;float:right;margin:-1px 0;}
    .acf-fields.-border{border-radius: var(--radius-small);}
  
    .acf-field-wysiwyg .acf-label p.description{margin-right:130px !important;}
  
    .acf-input-prepend, .acf-input-append{background-color:var(--midnight-xxxlight) !important;border: none !important;padding:0.58em 4px !important;min-height:28px !important;}
  
    .acf-table{background-color:rgba(0,0,0,0.01);border-radius: var(--radius-small) !important;}
    .acf-th{background-color:rgba(0,0,0,0.01)!important;border:none !important;color: var(--midnight-light) !important;font-size: 12px;font-weight: 700 !important;transition: 0.2s all;padding: 10px 10px 0 !important;}
    td.acf-field{background-color:rgba(0,0,0,0.01)!important;padding:0 10px 10px !important;}
    .acf-th + .acf-th,
    td.acf-field + td.acf-field{padding-left:0 !important;}
  
    .acf-range-wrap{display:flex;}
    .acf-range-wrap input[type="range"]{border:none;flex:auto;}
    .acf-range-wrap input[type=number]{padding-right:0 !important;}
  
    .acf-button.button-primary{background-color:var(--slime);}
    .acf-button.button-primary:hover{background-color:var(--slime-dark);}
    .acf-button.button-primary.disabled{background-color:#ccc;pointer-events:none;}
  
    .acf-form-submit{padding-top:20px;}
  
    .acf-image-uploader{background-color: var(--midnight-xxxlight);border: none;border-radius: var(--radius-small);font-size:14px;padding:10px;min-height:50px;}
    .acf-image-uploader *{vertical-align:middle;}
    .acf-image-uploader p{line-height: 31px;}
  
    .acf-file-uploader{background-color: var(--midnight-xxxlight);border: none;border-radius: 10px;font-size:14px;padding:10px;min-height:50px;}
    .acf-file-uploader *{vertical-align:middle;}
    .acf-file-uploader p{line-height: 31px;}
    .acf-file-uploader .file-wrap{background:transparent !important;border:none !important;min-height:0 !important;}
    .acf-file-uploader .file-icon{display:none;}
    .acf-file-uploader .file-info{margin-left:0 !important;padding:0 !important;}
  
    .acf-field.acf-accordion{margin:0 !important;}

    .acf-accordion{border-bottom:1px solid #eee !important;}
    .acf-accordion-title{padding-left:0!important;padding-right:0!important;}

    .acf-accordion-title *{cursor:pointer!important;}
    .acf-accordion-title:hover{background-color:transparent!important;}
    .acf-accordion-title:hover *{color:var(--midnight)!important;}
    .acf-field.acf-accordion .acf-input.acf-accordion-content>.acf-fields{border-top:none !important;}
    .acf-accordion.-open .acf-accordion-title *{color:var(--midnight)!important;}
  
    .acf-switch{background-color: var(--midnight-xxxlight) !important;border-radius: 15px!important;border:none !important;height: 30px!important;}
    .acf-switch.-on{background-color: var(--slime)!important;text-shadow:1px 1px 0 rgb(0 0 0 / 20%)!important;}
    .acf-switch .acf-switch-slider{border-radius: 15px!important;border:none!important;}
    .acf-switch .acf-switch-on{text-shadow:var(--slime) 0 1px 0!important;color:var(--midnight) !important;}
  
    .acf-notice.-error{background-color:var(--viera);border:none;border-radius:4px;}
    .acf-notice .acf-notice-dismiss{top:18px;}
    
  /* ACF flexible content overrides */
    .acf-flexible-content .layout{display:flex;margin:0 0 -1px 0;align-items:center;}
    .acf-flexible-content .layout .acf-fc-layout-handle{border:none;flex:1;}
    .acf-flexible-content .layout .acf-fc-layout-order{display:none;}
    .acf-flexible-content .layout .acf-fc-layout-controls{z-index:5;top: 14px;right: -11px;}
    .acf-flexible-content .layout .acf-fc-layout-controls .-collapse{display:none;}
    .acf-flexible-content .layout > .acf-table > thead > tr > th{display:none;}
    .acf-flexible-content .layout .acf-table{flex:4;}
    .acf-flexible-content .layout .acf-field{background-color:transparent;padding:10px !important;}
    
  /* TinyMCE overrides */
    .wp-editor-tools{margin-top:-35px;}
    .wp-switch-editor{background-color:transparent !important;border:1px transparent !important;color:var(--midnight-xlight)!important;line-height:20px !important;font-size:12px !important;font-weight:700 !important;padding:5px !important;}
    .wp-switch-editor.switch-html{font-size:0 !important;}
    .wp-switch-editor.switch-html:before{content:'</>';font-size:12px;margin-right:-3px;}
    .html-active .switch-html, .tmce-active .switch-tmce{background-color:#fff !important;border:1px solid #ccd0d4 !important;border-bottom:none !important;color:var(--midnight)!important;}
    
    .mce-toolbar-grp{background-color:#fff !important;}
    .mce-top-part::before{box-shadow:none !important;}
    
    .quicktags-toolbar{background-color:#fff !important;}
    .quicktags-toolbar .button{background-color:transparent !important;border-color:var(--slime) !important;color:var(--midnight) !important;}
    
    .acf-editor-wrap textarea{background-color:#fff !important;width:100%;}
    .acf-editor-wrap iframe{min-height:100px !important;max-height:200px !important;width:calc(100% - 1px) !important;}
    #acf-editor-65_ifr{min-height:100px !important;max-height:100px !important;}
    
    .wp-editor-tools{display:flex;justify-content:flex-end;align-items:flex-end;}
    .wp-editor-tabs,
    .wp-media-buttons{float:none !important;}
    .insert-media{background:transparent !important;border:none !important;margin:0 !important;min-height:auto !important;padding:0!important;font-size:0 !important;text-transform:uppercase !important;font-weight:700 !important;letter-spacing:1px;text-align:center;vertical-align:middle !important;}
    .insert-media .wp-media-buttons-icon{float:right;background-color:var(--slime) !important;border-radius:4px;color:var(--midnight)!important;width:auto !important;height:auto !important;padding:3px 5px;}
    .insert-media .wp-media-buttons-icon:before{content: "\f129" !important;font-size:14px !important;}
    
    #link-selector #wplink-link-existing-content{display:none;}
    #link-selector #search-panel{display:none;}

/* TML Pages */
  .tml-links{list-style-type:none;margin:0;padding:0;font-size:14px;font-style:italic;}
  .tml-links li{display:inline;}
  .tml-links li + li:before{content:' | ';}
  .tml .tml-label{margin-bottom:0;}
    
  .tml .tml-message{border-radius:6px;box-shadow:none;border:2px solid var(--slime);font-size:16px;text-align:center;font-style:italic;}
  .tml .tml-error{border-radius:6px;box-shadow:none;border:2px solid var(--viera);font-size:16px;text-align:center;font-style:italic;margin:1em 0;}
  
  /* Hide nickname */
  .tml-nickname-wrap{display:none;}
  
/* Utility */  
  .utility{background-color:var(--mist);display:flex;padding:20px 20px 40px;min-height:100vh;}
  .utility__inner{margin:auto;width:1000px;max-width:100%;position:relative;z-index:2;}
  
  .utility-box{background-color:#fff;border-radius:10px;display:flex;overflow:hidden;max-height:calc(100vh - 40px);}
  .utility-box__media{color:var(--midnight);flex: 0 1 500px;background-color:var(--slime);background-image:linear-gradient(to bottom right, var(--aqua), var(--slime) );flex:1;padding:30px;display:flex;flex-direction:column;}
  .utility-box__media svg{margin:auto;height:auto;width:120px;}
  .utility-box__content{flex: 0 1 500px;display:grid;grid-template-columns: 1fr;grid-template-rows: auto 1fr auto;padding:30px;overflow:scroll;}
  .utility-box__content > div{min-width:0;} /* ensures grid items that are too wide will overflow properly */
  .utility__buttons{display:flex;justify-content:space-between;}
  
  .utility-box__bar{font-size:24px;border-bottom:1px solid var(--midnight-xxlight);grid-column:1 / 3;display:flex;justify-content:space-between;padding:20px 30px;}
  .utility-box__bar__title{font-weight:600;line-height:120%;align-self:center;}
  .utility-box__bar__title *{line-height:inherit;}
  .utility-box__bar + .utility-box__content{flex: 0 1 auto;}
  
  /* Utility Modal */
    .utility--modal{background-color:var(--midnight-light);max-width:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;}
    .utility--modal .utility__inner{width:760px;}
    .utility--modal.utility--wide .utility__inner{width:1200px;}
    .utility--modal__close{color:var(--viera);font-size:24px;}
    .utility--modal .utility-box{flex-direction:column;}
  
  
  @media(max-width:480px) {
    .utility-box{flex-direction:column;}
    .utility-box__desc{padding:10px 30px;}
    .utility-box__desc h1{display:none;}
    .utility__logomark{display:none;}
  }
  
  .accordion{}
  .accordion__item{border-radius:6px;margin:12px 0;overflow:hidden;}
  .accordion__title{cursor: pointer;background-color:var(--midnight-xxxlight);display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:0 20px;position: relative;}
  .accordion__title svg{transition:0.2s all;}
  .accordion__content{border-bottom-right-radius:6px;border-bottom-left-radius:6px;box-shadow:inset 0 0 0 1px var(--midnight-xxxlight);overflow:hidden;max-height:0;padding:0 20px;transition:all 0.5s;}

  .accordion__item--open .accordion__content{max-height:80vh;opacity:1;overflow:scroll;}
  .accordion__item--open .accordion__title svg{transform:rotate(180deg);}

/* Modal */
  .modal{display:none;}
  .modal.active{display:flex;}
  .modal__close > *{pointer-events:none;}
  
/* Pagination */
  .btn-grp{display:inline-flex;}
  .btn-grp--center{margin:0 auto;}
  
  .btn-grp__item{border:1px solid var(--midnight-xxlight);color:var(--midnight-xlight);font-size:14px;padding:4px;flex:1;width:2rem;height:2rem;text-align:center;}
  .btn-grp__item:first-child{border-bottom-left-radius:0.25em;border-top-left-radius:0.25em;}
  .btn-grp__item:last-child{border-bottom-right-radius:0.25em;border-top-right-radius:0.25em;}
  .btn-grp__item + .btn-grp__item{margin-left:-1px;}
  
  .btn-grp__item--number{font-weight:700;}
  .btn-grp__item--current{color:var(--midnight);}
  
  .pagination, .nav-links{display:flex;flex:1 0 100%;justify-content:center;margin:10px auto;width:50%;}
  .pagination__item, .nav-links span{color:black;border-radius:3px;display:block;margin:0 4px;padding:4px 12px;text-decoration:none;}
  a.pagination__item:hover{background-color:var(--midnight);color:#fff;}
  .pagination__item--current,.nav-links .current{background-color:var(--slime);pointer-events:none;}
  
  .pagination__item--ellpisis{padding-left:0;padding-right:0;}
  
/* 404 */
  .four04{background-color:var(--midnight);background-image:url('../images/404.png'); background-size:200px 200px;display:flex;padding:20px 20px 40px;min-height:100vh;}
  .four04__inner{margin:auto;text-align:center;}
  .four04__inner *:not(.btn){color:var(--slime);}

/* SHORTCUTS */
  .break-words {word-break: break-word;}