@charset "UTF-8";
@font-face {
  font-family: "Campton Bold";
  src: url("../fonts/campton-bold.woff2") format("woff2"), url("../fonts/campton-bold.eot") format("eot"), url("../fonts/campton-bold.ttf") format("ttf"), url("../fonts/campton-bold.woff") format("woff");
}
@font-face {
  font-family: "Campton Light";
  src: url("../fonts/campton-light.woff2") format("woff2"), url("../fonts/campton-light.eot") format("eot"), url("../fonts/campton-light.ttf") format("ttf"), url("../fonts/campton-light.woff") format("woff");
}
.whirlocal-logo,
.whirlocal-logo-2 {
  color: #000;
  text-decoration: none;
  white-space: nowrap;
}

.whirlocal-font {
  font-family: "Campton Bold", sans-serif;
  font-weight: 100;
  letter-spacing: 0.15em;
}

.whirlocal-dot {
  font-family: arial;
  font-size: 125%;
  position: relative;
  top: 0.0625em;
}

.whirlocal-logo svg {
  height: 1.625em;
  position: relative;
  top: 0.425em;
  margin-top: -0.425em;
  margin-right: 0.3em;
}

.whirlocal-pin {
  max-width: 100%;
}

.whirlocal-logo-2 svg {
  height: 2.15em;
  width: 1.15em;
  position: relative;
  top: 0.95em;
  margin: -0.95em 0.2em 0 0.1em;
  filter: drop-shadow(0.125em 0.05em rgba(0, 0, 0, 0.125));
}

.whirlocal-pin-2 {
  max-width: 100%;
  filter: drop-shadow(0.125em 0.05em rgba(0, 0, 0, 0.125));
}

.whirlocal-logo.white-text {
  color: #fff;
}

.whirlocal-logo-2.pin-white svg *,
.whirlocal-logo-2.white-pin svg * {
  fill: #fff !important;
}

.flex,
.flex-children > *,
[class^=flex-],
[class*=" flex-"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}

.inline-flex,
.inline-flex-childen > *,
[class^=inline-flex-] [class*=" inline-flex-"] {
  display: inline-flex;
}

.flex-row {
  flex-direction: row;
}

.flex-col {
  flex-direction: column;
}

.flex-row-reverse, .flex.row-reverse {
  flex-direction: row-reverse;
}

.flex-col-reverse, .flex.col-reverse {
  flex-direction: column-reverse;
}

.flex-top {
  margin-bottom: auto;
}

.flex-left {
  margin-right: auto;
}

.flex-right {
  margin-left: auto;
}

.flex-bottom {
  margin-top: auto;
}

.flex-end {
  justify-content: flex-end;
}

.flex-start {
  justify-content: flex-start;
}

.flex-grow,
.flex-grow-children > * {
  flex-grow: 1;
  display: flex;
}

.flex-shrink,
.flex-shrink-children > * {
  flex-shrink: 1;
  display: flex;
}

.nowrap,
.flex-nowrap {
  flex-wrap: nowrap;
}

.wrap,
.flex-wrap {
  flex-wrap: wrap;
}

.wrap-reverse,
.flex-wrap-reverse {
  flex-wrap: reverse;
}

.justify-center,
.justify-center-children > * {
  justify-content: center;
  display: flex;
}

.align-center,
.align-center-children > * {
  align-items: center;
  display: flex;
}

.space-between {
  display: flex;
  justify-content: space-between;
}

.space-around {
  display: flex;
  justify-content: space-around;
}

.grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr [12];
  grid-template-columns: repeat(12, 1fr);
}
.grid[columns], .grid[data-columns] {
  -ms-grid-columns: 1fr [12];
  grid-template-columns: repeat(12, 1fr);
}
.grid.gap, .grid[gap], .grid[data-gap] {
  grid-gap: 2em;
}
.grid.small-gap, .grid[small-gap], .grid[data-small-gap] {
  grid-gap: 1em;
}
.grid.tiny-gap, .grid[tiny-gap], .grid[data-tiny-gap] {
  grid-gap: 0.5em;
}
.grid.no-gap, .grid[no-gap], .grid[data-no-gap] {
  grid-gap: 0;
}

.grid.columns-24, .grid[columns="24"], .grid[data-columns="24"] {
  -ms-grid-columns: 1fr [12];
  grid-template-columns: repeat(24, 1fr);
}
.grid.columns-24 > *, .grid[columns="24"] > *, .grid[data-columns="24"] > * {
  -ms-grid-column-span: 1;
  grid-column: auto/span 1;
}

.grid.columns-23, .grid[columns="23"], .grid[data-columns="23"] {
  -ms-grid-columns: 1fr [12];
  grid-template-columns: repeat(23, 1fr);
}
.grid.columns-23 > *, .grid[columns="23"] > *, .grid[data-columns="23"] > * {
  -ms-grid-column-span: 1;
  grid-column: auto/span 1;
}

.grid.columns-22, .grid[columns="22"], .grid[data-columns="22"] {
  -ms-grid-columns: 1fr [12];
  grid-template-columns: repeat(22, 1fr);
}
.grid.columns-22 > *, .grid[columns="22"] > *, .grid[data-columns="22"] > * {
  -ms-grid-column-span: 1;
  grid-column: auto/span 1;
}

.grid.columns-21, .grid[columns="21"], .grid[data-columns="21"] {
  -ms-grid-columns: 1fr [12];
  grid-template-columns: repeat(21, 1fr);
}
.grid.columns-21 > *, .grid[columns="21"] > *, .grid[data-columns="21"] > * {
  -ms-grid-column-span: 1;
  grid-column: auto/span 1;
}

.grid.columns-20, .grid[columns="20"], .grid[data-columns="20"] {
  -ms-grid-columns: 1fr [12];
  grid-template-columns: repeat(20, 1fr);
}
.grid.columns-20 > *, .grid[columns="20"] > *, .grid[data-columns="20"] > * {
  -ms-grid-column-span: 1;
  grid-column: auto/span 1;
}

.grid.columns-19, .grid[columns="19"], .grid[data-columns="19"] {
  -ms-grid-columns: 1fr [12];
  grid-template-columns: repeat(19, 1fr);
}
.grid.columns-19 > *, .grid[columns="19"] > *, .grid[data-columns="19"] > * {
  -ms-grid-column-span: 1;
  grid-column: auto/span 1;
}

.grid.columns-18, .grid[columns="18"], .grid[data-columns="18"] {
  -ms-grid-columns: 1fr [12];
  grid-template-columns: repeat(18, 1fr);
}
.grid.columns-18 > *, .grid[columns="18"] > *, .grid[data-columns="18"] > * {
  -ms-grid-column-span: 1;
  grid-column: auto/span 1;
}

.grid.columns-17, .grid[columns="17"], .grid[data-columns="17"] {
  -ms-grid-columns: 1fr [12];
  grid-template-columns: repeat(17, 1fr);
}
.grid.columns-17 > *, .grid[columns="17"] > *, .grid[data-columns="17"] > * {
  -ms-grid-column-span: 1;
  grid-column: auto/span 1;
}

.grid.columns-16, .grid[columns="16"], .grid[data-columns="16"] {
  -ms-grid-columns: 1fr [12];
  grid-template-columns: repeat(16, 1fr);
}
.grid.columns-16 > *, .grid[columns="16"] > *, .grid[data-columns="16"] > * {
  -ms-grid-column-span: 1;
  grid-column: auto/span 1;
}

.grid.columns-15, .grid[columns="15"], .grid[data-columns="15"] {
  -ms-grid-columns: 1fr [12];
  grid-template-columns: repeat(15, 1fr);
}
.grid.columns-15 > *, .grid[columns="15"] > *, .grid[data-columns="15"] > * {
  -ms-grid-column-span: 1;
  grid-column: auto/span 1;
}

.grid.columns-14, .grid[columns="14"], .grid[data-columns="14"] {
  -ms-grid-columns: 1fr [12];
  grid-template-columns: repeat(14, 1fr);
}
.grid.columns-14 > *, .grid[columns="14"] > *, .grid[data-columns="14"] > * {
  -ms-grid-column-span: 1;
  grid-column: auto/span 1;
}

.grid.columns-13, .grid[columns="13"], .grid[data-columns="13"] {
  -ms-grid-columns: 1fr [12];
  grid-template-columns: repeat(13, 1fr);
}
.grid.columns-13 > *, .grid[columns="13"] > *, .grid[data-columns="13"] > * {
  -ms-grid-column-span: 1;
  grid-column: auto/span 1;
}

.grid.columns-12, .grid[columns="12"], .grid[data-columns="12"] {
  -ms-grid-columns: 1fr [12];
  grid-template-columns: repeat(12, 1fr);
}
.grid.columns-12 > *, .grid[columns="12"] > *, .grid[data-columns="12"] > * {
  -ms-grid-column-span: 1;
  grid-column: auto/span 1;
}

.grid.columns-11, .grid[columns="11"], .grid[data-columns="11"] {
  -ms-grid-columns: 1fr [12];
  grid-template-columns: repeat(11, 1fr);
}
.grid.columns-11 > *, .grid[columns="11"] > *, .grid[data-columns="11"] > * {
  -ms-grid-column-span: 1;
  grid-column: auto/span 1;
}

.grid.columns-10, .grid[columns="10"], .grid[data-columns="10"] {
  -ms-grid-columns: 1fr [12];
  grid-template-columns: repeat(10, 1fr);
}
.grid.columns-10 > *, .grid[columns="10"] > *, .grid[data-columns="10"] > * {
  -ms-grid-column-span: 1;
  grid-column: auto/span 1;
}

.grid.columns-9, .grid[columns="9"], .grid[data-columns="9"] {
  -ms-grid-columns: 1fr [12];
  grid-template-columns: repeat(9, 1fr);
}
.grid.columns-9 > *, .grid[columns="9"] > *, .grid[data-columns="9"] > * {
  -ms-grid-column-span: 1;
  grid-column: auto/span 1;
}

.grid.columns-8, .grid[columns="8"], .grid[data-columns="8"] {
  -ms-grid-columns: 1fr [12];
  grid-template-columns: repeat(8, 1fr);
}
.grid.columns-8 > *, .grid[columns="8"] > *, .grid[data-columns="8"] > * {
  -ms-grid-column-span: 1;
  grid-column: auto/span 1;
}

.grid.columns-7, .grid[columns="7"], .grid[data-columns="7"] {
  -ms-grid-columns: 1fr [12];
  grid-template-columns: repeat(7, 1fr);
}
.grid.columns-7 > *, .grid[columns="7"] > *, .grid[data-columns="7"] > * {
  -ms-grid-column-span: 1;
  grid-column: auto/span 1;
}

.grid.columns-6, .grid[columns="6"], .grid[data-columns="6"] {
  -ms-grid-columns: 1fr [12];
  grid-template-columns: repeat(6, 1fr);
}
.grid.columns-6 > *, .grid[columns="6"] > *, .grid[data-columns="6"] > * {
  -ms-grid-column-span: 1;
  grid-column: auto/span 1;
}

.grid.columns-5, .grid[columns="5"], .grid[data-columns="5"] {
  -ms-grid-columns: 1fr [12];
  grid-template-columns: repeat(5, 1fr);
}
.grid.columns-5 > *, .grid[columns="5"] > *, .grid[data-columns="5"] > * {
  -ms-grid-column-span: 1;
  grid-column: auto/span 1;
}

.grid.columns-4, .grid[columns="4"], .grid[data-columns="4"] {
  -ms-grid-columns: 1fr [12];
  grid-template-columns: repeat(4, 1fr);
}
.grid.columns-4 > *, .grid[columns="4"] > *, .grid[data-columns="4"] > * {
  -ms-grid-column-span: 1;
  grid-column: auto/span 1;
}

.grid.columns-3, .grid[columns="3"], .grid[data-columns="3"] {
  -ms-grid-columns: 1fr [12];
  grid-template-columns: repeat(3, 1fr);
}
.grid.columns-3 > *, .grid[columns="3"] > *, .grid[data-columns="3"] > * {
  -ms-grid-column-span: 1;
  grid-column: auto/span 1;
}

.grid.columns-2, .grid[columns="2"], .grid[data-columns="2"] {
  -ms-grid-columns: 1fr [12];
  grid-template-columns: repeat(2, 1fr);
}
.grid.columns-2 > *, .grid[columns="2"] > *, .grid[data-columns="2"] > * {
  -ms-grid-column-span: 1;
  grid-column: auto/span 1;
}

.grid.columns-1, .grid[columns="1"], .grid[data-columns="1"] {
  -ms-grid-columns: 1fr [12];
  grid-template-columns: repeat(1, 1fr);
}
.grid.columns-1 > *, .grid[columns="1"] > *, .grid[data-columns="1"] > * {
  -ms-grid-column-span: 1;
  grid-column: auto/span 1;
}

.grid > *.span-1 {
  -ms-grid-column-span: 1;
  grid-column: auto/span 1;
}
.grid > *.offset-1 {
  grid-column-start: 2 !important;
}

.grid > *.span-2 {
  -ms-grid-column-span: 2;
  grid-column: auto/span 2;
}
.grid > *.offset-2 {
  grid-column-start: 3 !important;
}

.grid > *.span-3 {
  -ms-grid-column-span: 3;
  grid-column: auto/span 3;
}
.grid > *.offset-3 {
  grid-column-start: 4 !important;
}

.grid > *.span-4 {
  -ms-grid-column-span: 4;
  grid-column: auto/span 4;
}
.grid > *.offset-4 {
  grid-column-start: 5 !important;
}

.grid > *.span-5 {
  -ms-grid-column-span: 5;
  grid-column: auto/span 5;
}
.grid > *.offset-5 {
  grid-column-start: 6 !important;
}

.grid > *.span-6 {
  -ms-grid-column-span: 6;
  grid-column: auto/span 6;
}
.grid > *.offset-6 {
  grid-column-start: 7 !important;
}

.grid > *.span-7 {
  -ms-grid-column-span: 7;
  grid-column: auto/span 7;
}
.grid > *.offset-7 {
  grid-column-start: 8 !important;
}

.grid > *.span-8 {
  -ms-grid-column-span: 8;
  grid-column: auto/span 8;
}
.grid > *.offset-8 {
  grid-column-start: 9 !important;
}

.grid > *.span-9 {
  -ms-grid-column-span: 9;
  grid-column: auto/span 9;
}
.grid > *.offset-9 {
  grid-column-start: 10 !important;
}

.grid > *.span-10 {
  -ms-grid-column-span: 10;
  grid-column: auto/span 10;
}
.grid > *.offset-10 {
  grid-column-start: 11 !important;
}

.grid > *.span-11 {
  -ms-grid-column-span: 11;
  grid-column: auto/span 11;
}
.grid > *.offset-11 {
  grid-column-start: 12 !important;
}

.grid > *.span-12 {
  -ms-grid-column-span: 12;
  grid-column: auto/span 12;
}
.grid > *.offset-12 {
  grid-column-start: 13 !important;
}

.grid > *.span-13 {
  -ms-grid-column-span: 13;
  grid-column: auto/span 13;
}
.grid > *.offset-13 {
  grid-column-start: 14 !important;
}

.grid > *.span-14 {
  -ms-grid-column-span: 14;
  grid-column: auto/span 14;
}
.grid > *.offset-14 {
  grid-column-start: 15 !important;
}

.grid > *.span-15 {
  -ms-grid-column-span: 15;
  grid-column: auto/span 15;
}
.grid > *.offset-15 {
  grid-column-start: 16 !important;
}

.grid > *.span-16 {
  -ms-grid-column-span: 16;
  grid-column: auto/span 16;
}
.grid > *.offset-16 {
  grid-column-start: 17 !important;
}

.grid > *.span-17 {
  -ms-grid-column-span: 17;
  grid-column: auto/span 17;
}
.grid > *.offset-17 {
  grid-column-start: 18 !important;
}

.grid > *.span-18 {
  -ms-grid-column-span: 18;
  grid-column: auto/span 18;
}
.grid > *.offset-18 {
  grid-column-start: 19 !important;
}

.grid > *.span-19 {
  -ms-grid-column-span: 19;
  grid-column: auto/span 19;
}
.grid > *.offset-19 {
  grid-column-start: 20 !important;
}

.grid > *.span-20 {
  -ms-grid-column-span: 20;
  grid-column: auto/span 20;
}
.grid > *.offset-20 {
  grid-column-start: 21 !important;
}

.grid > *.span-21 {
  -ms-grid-column-span: 21;
  grid-column: auto/span 21;
}
.grid > *.offset-21 {
  grid-column-start: 22 !important;
}

.grid > *.span-22 {
  -ms-grid-column-span: 22;
  grid-column: auto/span 22;
}
.grid > *.offset-22 {
  grid-column-start: 23 !important;
}

.grid > *.span-23 {
  -ms-grid-column-span: 23;
  grid-column: auto/span 23;
}
.grid > *.offset-23 {
  grid-column-start: 24 !important;
}

.grid > *.span-24 {
  -ms-grid-column-span: 24;
  grid-column: auto/span 24;
}
.grid > *.offset-24 {
  grid-column-start: 25 !important;
}

.grid > .span-all {
  grid-column-start: 1;
  grid-column-end: -1;
}

@-webkit-keyframes saved {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  to {
    -webkit-transform: translate(0, -20px);
    -moz-transform: translate(0, -20px);
    -ms-transform: translate(0, -20px);
    -o-transform: translate(0, -20px);
    transform: translate(0, -20px);
    opacity: 0;
  }
}
@-moz-keyframes saved {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  to {
    -webkit-transform: translate(0, -20px);
    -moz-transform: translate(0, -20px);
    -ms-transform: translate(0, -20px);
    -o-transform: translate(0, -20px);
    transform: translate(0, -20px);
    opacity: 0;
  }
}
@-ms-keyframes saved {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  to {
    -webkit-transform: translate(0, -20px);
    -moz-transform: translate(0, -20px);
    -ms-transform: translate(0, -20px);
    -o-transform: translate(0, -20px);
    transform: translate(0, -20px);
    opacity: 0;
  }
}
@-o-keyframes saved {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  to {
    -webkit-transform: translate(0, -20px);
    -moz-transform: translate(0, -20px);
    -ms-transform: translate(0, -20px);
    -o-transform: translate(0, -20px);
    transform: translate(0, -20px);
    opacity: 0;
  }
}
@keyframes saved {
  from {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  to {
    -webkit-transform: translate(0, -20px);
    -moz-transform: translate(0, -20px);
    -ms-transform: translate(0, -20px);
    -o-transform: translate(0, -20px);
    transform: translate(0, -20px);
    opacity: 0;
  }
}
@-webkit-keyframes rotate-clockwise {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes rotate-clockwise {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes rotate-clockwise {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes rotate-clockwise {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate-clockwise {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin-vertical-center {
  from {
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
  }
  to {
    -webkit-transform: translateY(-50%) rotate(360deg);
    -moz-transform: translateY(-50%) rotate(360deg);
    -ms-transform: translateY(-50%) rotate(360deg);
    -o-transform: translateY(-50%) rotate(360deg);
    transform: translateY(-50%) rotate(360deg);
  }
}
@-moz-keyframes spin-vertical-center {
  from {
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
  }
  to {
    -webkit-transform: translateY(-50%) rotate(360deg);
    -moz-transform: translateY(-50%) rotate(360deg);
    -ms-transform: translateY(-50%) rotate(360deg);
    -o-transform: translateY(-50%) rotate(360deg);
    transform: translateY(-50%) rotate(360deg);
  }
}
@-ms-keyframes spin-vertical-center {
  from {
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
  }
  to {
    -webkit-transform: translateY(-50%) rotate(360deg);
    -moz-transform: translateY(-50%) rotate(360deg);
    -ms-transform: translateY(-50%) rotate(360deg);
    -o-transform: translateY(-50%) rotate(360deg);
    transform: translateY(-50%) rotate(360deg);
  }
}
@-o-keyframes spin-vertical-center {
  from {
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
  }
  to {
    -webkit-transform: translateY(-50%) rotate(360deg);
    -moz-transform: translateY(-50%) rotate(360deg);
    -ms-transform: translateY(-50%) rotate(360deg);
    -o-transform: translateY(-50%) rotate(360deg);
    transform: translateY(-50%) rotate(360deg);
  }
}
@keyframes spin-vertical-center {
  from {
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
  }
  to {
    -webkit-transform: translateY(-50%) rotate(360deg);
    -moz-transform: translateY(-50%) rotate(360deg);
    -ms-transform: translateY(-50%) rotate(360deg);
    -o-transform: translateY(-50%) rotate(360deg);
    transform: translateY(-50%) rotate(360deg);
  }
}
@-webkit-keyframes spin-absolute-center {
  from {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    -moz-transform: translate(-50%, -50%) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg);
    -o-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    -moz-transform: translate(-50%, -50%) rotate(360deg);
    -ms-transform: translate(-50%, -50%) rotate(360deg);
    -o-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-moz-keyframes spin-absolute-center {
  from {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    -moz-transform: translate(-50%, -50%) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg);
    -o-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    -moz-transform: translate(-50%, -50%) rotate(360deg);
    -ms-transform: translate(-50%, -50%) rotate(360deg);
    -o-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-ms-keyframes spin-absolute-center {
  from {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    -moz-transform: translate(-50%, -50%) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg);
    -o-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    -moz-transform: translate(-50%, -50%) rotate(360deg);
    -ms-transform: translate(-50%, -50%) rotate(360deg);
    -o-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-o-keyframes spin-absolute-center {
  from {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    -moz-transform: translate(-50%, -50%) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg);
    -o-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    -moz-transform: translate(-50%, -50%) rotate(360deg);
    -ms-transform: translate(-50%, -50%) rotate(360deg);
    -o-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes spin-absolute-center {
  from {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    -moz-transform: translate(-50%, -50%) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg);
    -o-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    -moz-transform: translate(-50%, -50%) rotate(360deg);
    -ms-transform: translate(-50%, -50%) rotate(360deg);
    -o-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-webkit-keyframes waiting {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.75;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes waiting {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.75;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes waiting {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.75;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes waiting {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.75;
  }
  100% {
    opacity: 1;
  }
}
@keyframes waiting {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.75;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes submitting {
  from {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(0deg) translate(-50%, -50%) scale(1);
    -moz-transform: rotate(0deg) translate(-50%, -50%) scale(1);
    -ms-transform: rotate(0deg) translate(-50%, -50%) scale(1);
    -o-transform: rotate(0deg) translate(-50%, -50%) scale(1);
    transform: rotate(0deg) translate(-50%, -50%) scale(1);
  }
  to {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(360deg) translate(-50%, -50%) scale(1);
    -moz-transform: rotate(360deg) translate(-50%, -50%) scale(1);
    -ms-transform: rotate(360deg) translate(-50%, -50%) scale(1);
    -o-transform: rotate(360deg) translate(-50%, -50%) scale(1);
    transform: rotate(360deg) translate(-50%, -50%) scale(1);
  }
}
@-moz-keyframes submitting {
  from {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(0deg) translate(-50%, -50%) scale(1);
    -moz-transform: rotate(0deg) translate(-50%, -50%) scale(1);
    -ms-transform: rotate(0deg) translate(-50%, -50%) scale(1);
    -o-transform: rotate(0deg) translate(-50%, -50%) scale(1);
    transform: rotate(0deg) translate(-50%, -50%) scale(1);
  }
  to {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(360deg) translate(-50%, -50%) scale(1);
    -moz-transform: rotate(360deg) translate(-50%, -50%) scale(1);
    -ms-transform: rotate(360deg) translate(-50%, -50%) scale(1);
    -o-transform: rotate(360deg) translate(-50%, -50%) scale(1);
    transform: rotate(360deg) translate(-50%, -50%) scale(1);
  }
}
@-ms-keyframes submitting {
  from {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(0deg) translate(-50%, -50%) scale(1);
    -moz-transform: rotate(0deg) translate(-50%, -50%) scale(1);
    -ms-transform: rotate(0deg) translate(-50%, -50%) scale(1);
    -o-transform: rotate(0deg) translate(-50%, -50%) scale(1);
    transform: rotate(0deg) translate(-50%, -50%) scale(1);
  }
  to {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(360deg) translate(-50%, -50%) scale(1);
    -moz-transform: rotate(360deg) translate(-50%, -50%) scale(1);
    -ms-transform: rotate(360deg) translate(-50%, -50%) scale(1);
    -o-transform: rotate(360deg) translate(-50%, -50%) scale(1);
    transform: rotate(360deg) translate(-50%, -50%) scale(1);
  }
}
@-o-keyframes submitting {
  from {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(0deg) translate(-50%, -50%) scale(1);
    -moz-transform: rotate(0deg) translate(-50%, -50%) scale(1);
    -ms-transform: rotate(0deg) translate(-50%, -50%) scale(1);
    -o-transform: rotate(0deg) translate(-50%, -50%) scale(1);
    transform: rotate(0deg) translate(-50%, -50%) scale(1);
  }
  to {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(360deg) translate(-50%, -50%) scale(1);
    -moz-transform: rotate(360deg) translate(-50%, -50%) scale(1);
    -ms-transform: rotate(360deg) translate(-50%, -50%) scale(1);
    -o-transform: rotate(360deg) translate(-50%, -50%) scale(1);
    transform: rotate(360deg) translate(-50%, -50%) scale(1);
  }
}
@keyframes submitting {
  from {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(0deg) translate(-50%, -50%) scale(1);
    -moz-transform: rotate(0deg) translate(-50%, -50%) scale(1);
    -ms-transform: rotate(0deg) translate(-50%, -50%) scale(1);
    -o-transform: rotate(0deg) translate(-50%, -50%) scale(1);
    transform: rotate(0deg) translate(-50%, -50%) scale(1);
  }
  to {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(360deg) translate(-50%, -50%) scale(1);
    -moz-transform: rotate(360deg) translate(-50%, -50%) scale(1);
    -ms-transform: rotate(360deg) translate(-50%, -50%) scale(1);
    -o-transform: rotate(360deg) translate(-50%, -50%) scale(1);
    transform: rotate(360deg) translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes star-pop {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
  }
  20% {
    -webkit-transform: scale(1.25) rotate(-28.5deg);
    -moz-transform: scale(1.25) rotate(-28.5deg);
    -ms-transform: scale(1.25) rotate(-28.5deg);
    -o-transform: scale(1.25) rotate(-28.5deg);
    transform: scale(1.25) rotate(-28.5deg);
  }
  40% {
    -webkit-transform: scale(1.35) rotate(-32.5deg);
    -moz-transform: scale(1.35) rotate(-32.5deg);
    -ms-transform: scale(1.35) rotate(-32.5deg);
    -o-transform: scale(1.35) rotate(-32.5deg);
    transform: scale(1.35) rotate(-32.5deg);
  }
  50% {
    -webkit-transform: scale(1.35) rotate(-32.5deg);
    -moz-transform: scale(1.35) rotate(-32.5deg);
    -ms-transform: scale(1.35) rotate(-32.5deg);
    -o-transform: scale(1.35) rotate(-32.5deg);
    transform: scale(1.35) rotate(-32.5deg);
  }
  60% {
    -webkit-transform: scale(0.75) rotate(5deg);
    -moz-transform: scale(0.75) rotate(5deg);
    -ms-transform: scale(0.75) rotate(5deg);
    -o-transform: scale(0.75) rotate(5deg);
    transform: scale(0.75) rotate(5deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
  }
}
@-moz-keyframes star-pop {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
  }
  20% {
    -webkit-transform: scale(1.25) rotate(-28.5deg);
    -moz-transform: scale(1.25) rotate(-28.5deg);
    -ms-transform: scale(1.25) rotate(-28.5deg);
    -o-transform: scale(1.25) rotate(-28.5deg);
    transform: scale(1.25) rotate(-28.5deg);
  }
  40% {
    -webkit-transform: scale(1.35) rotate(-32.5deg);
    -moz-transform: scale(1.35) rotate(-32.5deg);
    -ms-transform: scale(1.35) rotate(-32.5deg);
    -o-transform: scale(1.35) rotate(-32.5deg);
    transform: scale(1.35) rotate(-32.5deg);
  }
  50% {
    -webkit-transform: scale(1.35) rotate(-32.5deg);
    -moz-transform: scale(1.35) rotate(-32.5deg);
    -ms-transform: scale(1.35) rotate(-32.5deg);
    -o-transform: scale(1.35) rotate(-32.5deg);
    transform: scale(1.35) rotate(-32.5deg);
  }
  60% {
    -webkit-transform: scale(0.75) rotate(5deg);
    -moz-transform: scale(0.75) rotate(5deg);
    -ms-transform: scale(0.75) rotate(5deg);
    -o-transform: scale(0.75) rotate(5deg);
    transform: scale(0.75) rotate(5deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
  }
}
@-ms-keyframes star-pop {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
  }
  20% {
    -webkit-transform: scale(1.25) rotate(-28.5deg);
    -moz-transform: scale(1.25) rotate(-28.5deg);
    -ms-transform: scale(1.25) rotate(-28.5deg);
    -o-transform: scale(1.25) rotate(-28.5deg);
    transform: scale(1.25) rotate(-28.5deg);
  }
  40% {
    -webkit-transform: scale(1.35) rotate(-32.5deg);
    -moz-transform: scale(1.35) rotate(-32.5deg);
    -ms-transform: scale(1.35) rotate(-32.5deg);
    -o-transform: scale(1.35) rotate(-32.5deg);
    transform: scale(1.35) rotate(-32.5deg);
  }
  50% {
    -webkit-transform: scale(1.35) rotate(-32.5deg);
    -moz-transform: scale(1.35) rotate(-32.5deg);
    -ms-transform: scale(1.35) rotate(-32.5deg);
    -o-transform: scale(1.35) rotate(-32.5deg);
    transform: scale(1.35) rotate(-32.5deg);
  }
  60% {
    -webkit-transform: scale(0.75) rotate(5deg);
    -moz-transform: scale(0.75) rotate(5deg);
    -ms-transform: scale(0.75) rotate(5deg);
    -o-transform: scale(0.75) rotate(5deg);
    transform: scale(0.75) rotate(5deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
  }
}
@-o-keyframes star-pop {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
  }
  20% {
    -webkit-transform: scale(1.25) rotate(-28.5deg);
    -moz-transform: scale(1.25) rotate(-28.5deg);
    -ms-transform: scale(1.25) rotate(-28.5deg);
    -o-transform: scale(1.25) rotate(-28.5deg);
    transform: scale(1.25) rotate(-28.5deg);
  }
  40% {
    -webkit-transform: scale(1.35) rotate(-32.5deg);
    -moz-transform: scale(1.35) rotate(-32.5deg);
    -ms-transform: scale(1.35) rotate(-32.5deg);
    -o-transform: scale(1.35) rotate(-32.5deg);
    transform: scale(1.35) rotate(-32.5deg);
  }
  50% {
    -webkit-transform: scale(1.35) rotate(-32.5deg);
    -moz-transform: scale(1.35) rotate(-32.5deg);
    -ms-transform: scale(1.35) rotate(-32.5deg);
    -o-transform: scale(1.35) rotate(-32.5deg);
    transform: scale(1.35) rotate(-32.5deg);
  }
  60% {
    -webkit-transform: scale(0.75) rotate(5deg);
    -moz-transform: scale(0.75) rotate(5deg);
    -ms-transform: scale(0.75) rotate(5deg);
    -o-transform: scale(0.75) rotate(5deg);
    transform: scale(0.75) rotate(5deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
  }
}
@keyframes star-pop {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
  }
  20% {
    -webkit-transform: scale(1.25) rotate(-28.5deg);
    -moz-transform: scale(1.25) rotate(-28.5deg);
    -ms-transform: scale(1.25) rotate(-28.5deg);
    -o-transform: scale(1.25) rotate(-28.5deg);
    transform: scale(1.25) rotate(-28.5deg);
  }
  40% {
    -webkit-transform: scale(1.35) rotate(-32.5deg);
    -moz-transform: scale(1.35) rotate(-32.5deg);
    -ms-transform: scale(1.35) rotate(-32.5deg);
    -o-transform: scale(1.35) rotate(-32.5deg);
    transform: scale(1.35) rotate(-32.5deg);
  }
  50% {
    -webkit-transform: scale(1.35) rotate(-32.5deg);
    -moz-transform: scale(1.35) rotate(-32.5deg);
    -ms-transform: scale(1.35) rotate(-32.5deg);
    -o-transform: scale(1.35) rotate(-32.5deg);
    transform: scale(1.35) rotate(-32.5deg);
  }
  60% {
    -webkit-transform: scale(0.75) rotate(5deg);
    -moz-transform: scale(0.75) rotate(5deg);
    -ms-transform: scale(0.75) rotate(5deg);
    -o-transform: scale(0.75) rotate(5deg);
    transform: scale(0.75) rotate(5deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
  }
}
@-webkit-keyframes removing-row {
  from {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    -moz-transform: translate(-50%, -50%) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg);
    -o-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    -moz-transform: translate(-50%, -50%) rotate(360deg);
    -ms-transform: translate(-50%, -50%) rotate(360deg);
    -o-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-moz-keyframes removing-row {
  from {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    -moz-transform: translate(-50%, -50%) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg);
    -o-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    -moz-transform: translate(-50%, -50%) rotate(360deg);
    -ms-transform: translate(-50%, -50%) rotate(360deg);
    -o-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-ms-keyframes removing-row {
  from {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    -moz-transform: translate(-50%, -50%) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg);
    -o-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    -moz-transform: translate(-50%, -50%) rotate(360deg);
    -ms-transform: translate(-50%, -50%) rotate(360deg);
    -o-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-o-keyframes removing-row {
  from {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    -moz-transform: translate(-50%, -50%) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg);
    -o-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    -moz-transform: translate(-50%, -50%) rotate(360deg);
    -ms-transform: translate(-50%, -50%) rotate(360deg);
    -o-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes removing-row {
  from {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    -moz-transform: translate(-50%, -50%) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg);
    -o-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    -moz-transform: translate(-50%, -50%) rotate(360deg);
    -ms-transform: translate(-50%, -50%) rotate(360deg);
    -o-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-webkit-keyframes row-loading {
  from {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 1;
  }
  to {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 0;
  }
}
@-moz-keyframes row-loading {
  from {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 1;
  }
  to {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 0;
  }
}
@-ms-keyframes row-loading {
  from {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 1;
  }
  to {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 0;
  }
}
@-o-keyframes row-loading {
  from {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 1;
  }
  to {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 0;
  }
}
@keyframes row-loading {
  from {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 1;
  }
  to {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 0;
  }
}
@-webkit-keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-moz-keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-ms-keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-o-keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-webkit-keyframes button-highlight {
  0% {
    box-shadow: 0 0 0 0 #0095ee;
    background: #0095ee;
    transform: scale(1);
  }
  10% {
    box-shadow: 0 0 0 0 #0095ee;
    background: #0095ee;
    transform: scale(1);
  }
  12.5% {
    box-shadow: 0 0 0 0 #0095ee;
    background: #09a3ff;
    transform: scale(1.15);
  }
  15% {
    box-shadow: 0 0 0 0.25em #0095ee;
    background: #0095ee;
    transform: scale(1);
  }
  30% {
    box-shadow: 0 0 0 1.5em rgba(0, 149, 238, 0);
    background: #0095ee;
    transform: scale(1);
  }
  60% {
    box-shadow: 0 0 0 2em rgba(0, 149, 238, 0);
  }
  100% {
    box-shadow: 0 0 0 2em rgba(0, 149, 238, 0);
    background: #0095ee;
    transform: scale(1);
  }
}
@-moz-keyframes button-highlight {
  0% {
    box-shadow: 0 0 0 0 #0095ee;
    background: #0095ee;
    transform: scale(1);
  }
  10% {
    box-shadow: 0 0 0 0 #0095ee;
    background: #0095ee;
    transform: scale(1);
  }
  12.5% {
    box-shadow: 0 0 0 0 #0095ee;
    background: #09a3ff;
    transform: scale(1.15);
  }
  15% {
    box-shadow: 0 0 0 0.25em #0095ee;
    background: #0095ee;
    transform: scale(1);
  }
  30% {
    box-shadow: 0 0 0 1.5em rgba(0, 149, 238, 0);
    background: #0095ee;
    transform: scale(1);
  }
  60% {
    box-shadow: 0 0 0 2em rgba(0, 149, 238, 0);
  }
  100% {
    box-shadow: 0 0 0 2em rgba(0, 149, 238, 0);
    background: #0095ee;
    transform: scale(1);
  }
}
@-ms-keyframes button-highlight {
  0% {
    box-shadow: 0 0 0 0 #0095ee;
    background: #0095ee;
    transform: scale(1);
  }
  10% {
    box-shadow: 0 0 0 0 #0095ee;
    background: #0095ee;
    transform: scale(1);
  }
  12.5% {
    box-shadow: 0 0 0 0 #0095ee;
    background: #09a3ff;
    transform: scale(1.15);
  }
  15% {
    box-shadow: 0 0 0 0.25em #0095ee;
    background: #0095ee;
    transform: scale(1);
  }
  30% {
    box-shadow: 0 0 0 1.5em rgba(0, 149, 238, 0);
    background: #0095ee;
    transform: scale(1);
  }
  60% {
    box-shadow: 0 0 0 2em rgba(0, 149, 238, 0);
  }
  100% {
    box-shadow: 0 0 0 2em rgba(0, 149, 238, 0);
    background: #0095ee;
    transform: scale(1);
  }
}
@-o-keyframes button-highlight {
  0% {
    box-shadow: 0 0 0 0 #0095ee;
    background: #0095ee;
    transform: scale(1);
  }
  10% {
    box-shadow: 0 0 0 0 #0095ee;
    background: #0095ee;
    transform: scale(1);
  }
  12.5% {
    box-shadow: 0 0 0 0 #0095ee;
    background: #09a3ff;
    transform: scale(1.15);
  }
  15% {
    box-shadow: 0 0 0 0.25em #0095ee;
    background: #0095ee;
    transform: scale(1);
  }
  30% {
    box-shadow: 0 0 0 1.5em rgba(0, 149, 238, 0);
    background: #0095ee;
    transform: scale(1);
  }
  60% {
    box-shadow: 0 0 0 2em rgba(0, 149, 238, 0);
  }
  100% {
    box-shadow: 0 0 0 2em rgba(0, 149, 238, 0);
    background: #0095ee;
    transform: scale(1);
  }
}
@keyframes button-highlight {
  0% {
    box-shadow: 0 0 0 0 #0095ee;
    background: #0095ee;
    transform: scale(1);
  }
  10% {
    box-shadow: 0 0 0 0 #0095ee;
    background: #0095ee;
    transform: scale(1);
  }
  12.5% {
    box-shadow: 0 0 0 0 #0095ee;
    background: #09a3ff;
    transform: scale(1.15);
  }
  15% {
    box-shadow: 0 0 0 0.25em #0095ee;
    background: #0095ee;
    transform: scale(1);
  }
  30% {
    box-shadow: 0 0 0 1.5em rgba(0, 149, 238, 0);
    background: #0095ee;
    transform: scale(1);
  }
  60% {
    box-shadow: 0 0 0 2em rgba(0, 149, 238, 0);
  }
  100% {
    box-shadow: 0 0 0 2em rgba(0, 149, 238, 0);
    background: #0095ee;
    transform: scale(1);
  }
}
@-webkit-keyframes button-highlight-green {
  0% {
    box-shadow: 0 0 0 0 #47cb6e;
    background: #47cb6e;
    transform: scale(1);
  }
  10% {
    box-shadow: 0 0 0 0 #47cb6e;
    background: #47cb6e;
    transform: scale(1);
  }
  12.5% {
    box-shadow: 0 0 0 0 #47cb6e;
    background: #5bd17e;
    transform: scale(1.15);
  }
  15% {
    box-shadow: 0 0 0 0.25em #47cb6e;
    background: #47cb6e;
    transform: scale(1);
  }
  30% {
    box-shadow: 0 0 0 1.5em rgba(71, 203, 110, 0);
    background: #47cb6e;
    transform: scale(1);
  }
  60% {
    box-shadow: 0 0 0 2em rgba(71, 203, 110, 0);
  }
  100% {
    box-shadow: 0 0 0 2em rgba(71, 203, 110, 0);
    background: #47cb6e;
    transform: scale(1);
  }
}
@-moz-keyframes button-highlight-green {
  0% {
    box-shadow: 0 0 0 0 #47cb6e;
    background: #47cb6e;
    transform: scale(1);
  }
  10% {
    box-shadow: 0 0 0 0 #47cb6e;
    background: #47cb6e;
    transform: scale(1);
  }
  12.5% {
    box-shadow: 0 0 0 0 #47cb6e;
    background: #5bd17e;
    transform: scale(1.15);
  }
  15% {
    box-shadow: 0 0 0 0.25em #47cb6e;
    background: #47cb6e;
    transform: scale(1);
  }
  30% {
    box-shadow: 0 0 0 1.5em rgba(71, 203, 110, 0);
    background: #47cb6e;
    transform: scale(1);
  }
  60% {
    box-shadow: 0 0 0 2em rgba(71, 203, 110, 0);
  }
  100% {
    box-shadow: 0 0 0 2em rgba(71, 203, 110, 0);
    background: #47cb6e;
    transform: scale(1);
  }
}
@-ms-keyframes button-highlight-green {
  0% {
    box-shadow: 0 0 0 0 #47cb6e;
    background: #47cb6e;
    transform: scale(1);
  }
  10% {
    box-shadow: 0 0 0 0 #47cb6e;
    background: #47cb6e;
    transform: scale(1);
  }
  12.5% {
    box-shadow: 0 0 0 0 #47cb6e;
    background: #5bd17e;
    transform: scale(1.15);
  }
  15% {
    box-shadow: 0 0 0 0.25em #47cb6e;
    background: #47cb6e;
    transform: scale(1);
  }
  30% {
    box-shadow: 0 0 0 1.5em rgba(71, 203, 110, 0);
    background: #47cb6e;
    transform: scale(1);
  }
  60% {
    box-shadow: 0 0 0 2em rgba(71, 203, 110, 0);
  }
  100% {
    box-shadow: 0 0 0 2em rgba(71, 203, 110, 0);
    background: #47cb6e;
    transform: scale(1);
  }
}
@-o-keyframes button-highlight-green {
  0% {
    box-shadow: 0 0 0 0 #47cb6e;
    background: #47cb6e;
    transform: scale(1);
  }
  10% {
    box-shadow: 0 0 0 0 #47cb6e;
    background: #47cb6e;
    transform: scale(1);
  }
  12.5% {
    box-shadow: 0 0 0 0 #47cb6e;
    background: #5bd17e;
    transform: scale(1.15);
  }
  15% {
    box-shadow: 0 0 0 0.25em #47cb6e;
    background: #47cb6e;
    transform: scale(1);
  }
  30% {
    box-shadow: 0 0 0 1.5em rgba(71, 203, 110, 0);
    background: #47cb6e;
    transform: scale(1);
  }
  60% {
    box-shadow: 0 0 0 2em rgba(71, 203, 110, 0);
  }
  100% {
    box-shadow: 0 0 0 2em rgba(71, 203, 110, 0);
    background: #47cb6e;
    transform: scale(1);
  }
}
@keyframes button-highlight-green {
  0% {
    box-shadow: 0 0 0 0 #47cb6e;
    background: #47cb6e;
    transform: scale(1);
  }
  10% {
    box-shadow: 0 0 0 0 #47cb6e;
    background: #47cb6e;
    transform: scale(1);
  }
  12.5% {
    box-shadow: 0 0 0 0 #47cb6e;
    background: #5bd17e;
    transform: scale(1.15);
  }
  15% {
    box-shadow: 0 0 0 0.25em #47cb6e;
    background: #47cb6e;
    transform: scale(1);
  }
  30% {
    box-shadow: 0 0 0 1.5em rgba(71, 203, 110, 0);
    background: #47cb6e;
    transform: scale(1);
  }
  60% {
    box-shadow: 0 0 0 2em rgba(71, 203, 110, 0);
  }
  100% {
    box-shadow: 0 0 0 2em rgba(71, 203, 110, 0);
    background: #47cb6e;
    transform: scale(1);
  }
}
@-webkit-keyframes rainbow {
  0% {
    background-position: 0% 82%;
  }
  50% {
    background-position: 100% 19%;
  }
  100% {
    background-position: 0% 82%;
  }
}
@-moz-keyframes rainbow {
  0% {
    background-position: 0% 82%;
  }
  50% {
    background-position: 100% 19%;
  }
  100% {
    background-position: 0% 82%;
  }
}
@-ms-keyframes rainbow {
  0% {
    background-position: 0% 82%;
  }
  50% {
    background-position: 100% 19%;
  }
  100% {
    background-position: 0% 82%;
  }
}
@-o-keyframes rainbow {
  0% {
    background-position: 0% 82%;
  }
  50% {
    background-position: 100% 19%;
  }
  100% {
    background-position: 0% 82%;
  }
}
@keyframes rainbow {
  0% {
    background-position: 0% 82%;
  }
  50% {
    background-position: 100% 19%;
  }
  100% {
    background-position: 0% 82%;
  }
}
body.from-side #whirlocal-admin-modal,
.show-wam.from-side #whirlocal-admin-modal,
.show-wam.show-learn #whirlocal-admin-modal,
.show-wam.edit-contact #whirlocal-admin-modal {
  align-items: start;
  justify-content: flex-end;
}
body.from-side #whirlocal-admin-modal .wam-content,
.show-wam.from-side #whirlocal-admin-modal .wam-content,
.show-wam.show-learn #whirlocal-admin-modal .wam-content,
.show-wam.edit-contact #whirlocal-admin-modal .wam-content {
  opacity: 0;
  transform: translateX(800px);
  max-height: none;
  height: 100vh;
  height: calc(100vh - 20px);
  box-shadow: none;
}

.show-wam.show-learn .wam-content .close-wam {
  top: 5px;
  right: 25px;
  border: 2px solid #fff;
  background: #ff7471;
  color: #fff;
}
.show-wam.show-learn .wam-content iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.show-wam.unfrom-side #whirlocal-admin-modal,
.show-wam.unshow-learn #whirlocal-admin-modal,
.show-wam.unedit-contact #whirlocal-admin-modal {
  align-items: start;
  justify-content: flex-end;
}
.show-wam.unfrom-side #whirlocal-admin-modal .wam-content,
.show-wam.unshow-learn #whirlocal-admin-modal .wam-content,
.show-wam.unedit-contact #whirlocal-admin-modal .wam-content {
  opacity: 0 !important;
  transform: translateX(800px) !important;
  max-height: none;
  height: 100vh;
  box-shadow: none;
  overflow-x: hidden;
}

body.show-wam #whirlocal-admin-modal {
  width: 100%;
  height: 100%;
  overflow: auto;
  background: rgba(0, 0, 0, 0.15);
}
body.show-wam #whirlocal-admin-modal .wam-content {
  opacity: 1;
  transform: scale(1);
}

body.hide-wam #whirlocal-admin-modal {
  width: 100%;
  height: 100%;
  overflow: auto;
  background: rgba(255, 255, 255, 0);
}
body.hide-wam #whirlocal-admin-modal .wam-content {
  opacity: 0;
  transform: scale(0.8);
}

.wam-content #edit-contact {
  padding-bottom: 20px;
}
.wam-content #edit-contact input, .wam-content #edit-contact select {
  background: #f4f7f9;
  border: none;
  font-size: 18px;
  padding: 18px 10px 8px 16px;
  display: block;
  width: 100%;
  box-shadow: none;
  border-radius: 4px;
}
.wam-content #edit-contact h1 input {
  display: inline-block;
}
.wam-content #edit-contact select {
  padding: 13px 10px;
  height: auto;
}
.wam-content #edit-contact label {
  position: relative;
}
.wam-content #edit-contact label > a {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  padding: 6px;
  background: #0095ee;
  border-radius: 20px;
  color: #fff;
}
.wam-content #edit-contact label > a svg {
  width: 18px;
  height: 18px;
}
.wam-content #edit-contact label strong {
  color: #89a;
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
  transition: 0.25s all;
  cursor: text;
  user-select: none;
}
.wam-content #edit-contact select:focus,
.wam-content #edit-contact input:not([type=checkbox]):focus {
  box-shadow: none;
  color: #0095ee;
  border-bottom: 3px solid #0095ee;
  outline: none;
  margin-bottom: -2px;
}
.wam-content #edit-contact label input:not([type=checkbox]):focus + strong,
.wam-content #edit-contact label .not-empty + strong {
  top: 0;
  font-size: 11px;
  transform: translateY(0);
  opacity: 1;
}
.wam-content #edit-contact h1 label input:not([type=checkbox]):focus + strong,
.wam-content #edit-contact h1 label .not-empty + strong {
  top: -8px;
}
.wam-content #edit-contact input[required] + strong:after {
  content: " *";
  color: #d33;
}
.wam-content #edit-contact .birthdate {
  display: flex;
  flex-wrap: wrap;
}
.wam-content #edit-contact .birthdate strong {
  display: flex;
  flex-basis: 100%;
  align-items: center;
  color: #89a;
}
.wam-content #edit-contact .birthdate .month {
  flex-basis: 55%;
}
.wam-content #edit-contact .birthdate .day {
  flex-basis: calc(20% - 20px);
  margin: 0 10px;
}
.wam-content #edit-contact .birthdate .year {
  flex-basis: 25%;
}
.wam-content #edit-contact #email-campaigns,
.wam-content #edit-contact #available-email-campaigns {
  flex-direction: column;
}
.wam-content #edit-contact #email-campaigns > *,
.wam-content #edit-contact #available-email-campaigns > * {
  display: flex;
  width: 100%;
}
.wam-content #edit-contact #email-campaigns .campaign.header,
.wam-content #edit-contact #available-email-campaigns .campaign.header {
  font-weight: 600;
  color: #0095ee;
  font-size: 18px;
  border-bottom: 1px solid #eaedee;
}
.wam-content #edit-contact #email-campaigns .scrollable,
.wam-content #edit-contact #available-email-campaigns .scrollable {
  min-height: 20px;
  max-height: 180px;
  overflow: auto;
  flex-direction: column;
}
.wam-content #edit-contact #email-campaigns .scrollable:empty:after,
.wam-content #edit-contact #available-email-campaigns .scrollable:empty:after {
  content: "No Active or Completed Campaigns";
  padding: 20px 0;
  font-size: 16px;
  font-style: italic;
  margin: 0 auto;
}
.wam-content #edit-contact #email-campaigns .campaign,
.wam-content #edit-contact #available-email-campaigns .campaign {
  display: flex;
  width: 100%;
  font-size: 14px;
  align-items: center;
  border-bottom: 1px solid #EFF2F4;
}
.wam-content #edit-contact #email-campaigns .campaign > *,
.wam-content #edit-contact #available-email-campaigns .campaign > * {
  padding: 10px;
}
.wam-content #edit-contact #email-campaigns .campaign .campaign-name,
.wam-content #edit-contact #available-email-campaigns .campaign .campaign-name {
  flex-basis: 50%;
}
.wam-content #edit-contact #email-campaigns .campaign .campaign-remove,
.wam-content #edit-contact #available-email-campaigns .campaign .campaign-remove {
  margin-left: auto;
}
.wam-content #edit-contact #email-campaigns .campaign .campaign-remove span,
.wam-content #edit-contact #available-email-campaigns .campaign .campaign-remove span {
  display: inline-block;
  color: #AFBEC4;
}
.wam-content #edit-contact #email-campaigns .campaign .campaign-remove span svg,
.wam-content #edit-contact #available-email-campaigns .campaign .campaign-remove span svg {
  width: 18px;
  height: 18px;
}
.wam-content #edit-contact #email-campaigns .campaign .campaign-remove span:hover,
.wam-content #edit-contact #available-email-campaigns .campaign .campaign-remove span:hover {
  cursor: pointer;
  color: #F04747;
}

.close-wam {
  display: inline-block;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 18px;
  right: 10px;
  padding: 6px;
  margin: 3px;
  z-index: 99999;
  background: rgba(255, 255, 255, 0.25);
  border-radius: 20px;
  color: rgba(255, 255, 255, 0.8);
}
.close-wam:hover {
  cursor: pointer;
  background: rgba(255, 255, 255, 0.45);
  color: #fff;
}

.close-wam svg {
  width: 18px;
  height: 18px;
}

#whirlocal-admin-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: hidden !important;
  background: rgba(255, 255, 255, 0);
  z-index: 8675400;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.25s background ease-out;
  user-select: none;
}

.wp-admin #whirlocal-admin-modal {
  z-index: 8675309;
}

.wam-content {
  background: #fff;
  padding: 10px 24px;
  flex-grow: 1;
  max-width: 700px;
  box-shadow: 0 10px 20px -18px;
  opacity: 0;
  transform: scale(1.25);
  transition: 0.25s all ease-out;
  max-height: calc(100vh - 80px);
  overflow: auto;
  overflow-x: hidden;
}
.wam-content p {
  font-size: 14px;
}
.wam-content h1 {
  line-height: 1.25;
}
.wam-content h1:first-of-type, .wam-content h1.fancy:first-of-type {
  background: #0095ee;
  background: linear-gradient(125deg, #0095ee 25%, #17dabf 100%) !important;
  animation: 5s ease 0s infinite normal none running Gradient;
  margin: -10px -25px 16px -24px;
  padding: 25px 30px;
  color: #fff;
  z-index: 0;
  font-size: 1.6em;
  font-weight: 300;
}
.wam-content h1 input {
  font-size: 1em;
  max-width: 30%;
  display: inline-block;
}
.wam-content [type=radio] {
  width: 0;
  height: 0;
  margin: 0;
}
.wam-content [type=radio] + .indicator {
  content: "";
  width: 24px;
  height: 24px;
  border: 3px solid #c5c5cc;
  display: block;
  border-radius: 20px;
  margin-right: 8px;
  position: relative;
}
.wam-content [type=radio] + .indicator:before {
  content: "";
  background: transparent;
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.35s all cubic-bezier(1, -0.64, 0.39, 1.65);
}
.wam-content [type=radio]:checked + .indicator:before {
  width: 7px;
  height: 7px;
  background: #0095ee;
  opacity: 1;
  border-radius: 10px;
}
.wam-content [type=radio]:checked + .indicator {
  border-color: #0095ee;
}
.wam-content [type=radio]:checked ~ strong {
  color: #0095ee;
}
.wam-content .big-option {
  background: #fff !important;
  position: relative;
  padding: 10px;
  min-height: 200px;
  border-radius: 12px;
  border: 15px solid #fff;
  box-shadow: 0 10px 25px -15px;
  transition: 0.15s all;
  outline: none !important;
}
.wam-content .big-option.purple, .wam-content .big-option.green, .wam-content .big-option .green, .wam-content .big-option .purple {
  background: #fff !important;
}
.wam-content .big-option:hover, .wam-content .big-option:focus {
  cursor: pointer;
  z-index: 100;
}
.wam-content .big-option:hover img, .wam-content .big-option:focus img {
  transform: scale(1.2);
  opacity: 1;
}
.wam-content .big-option.green:hover, .wam-content .big-option.green:focus {
  box-shadow: 0 10px 25px -15px #47cb6e;
}
.wam-content .big-option input:checked + div img {
  transform: scale(1.2);
  opacity: 1;
}
.wam-content .big-option.green input:checked + div {
  border: 2px solid rgba(71, 203, 110, 0.5);
  margin: -2px;
}
.wam-content .big-option.purple input:checked + div {
  border: 2px solid rgba(151, 111, 251, 0.5);
  margin: -2px;
}
.wam-content .big-option.purple:hover, .wam-content .big-option.purple:focus {
  box-shadow: 0 10px 25px -15px #976ffb;
}
.wam-content .big-option > input {
  display: none;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.wam-content .big-option > input:before, .wam-content .big-option > input:after {
  display: none !important;
}
.wam-content .big-option > div {
  padding: 10px;
  background: #fff;
  width: 100%;
  width: calc(100% - 20px);
  border-radius: 8px;
}
.wam-content .big-option > div img {
  width: 90%;
  margin: 40px 0 5px;
  transition: 0.15s all;
  opacity: 0.7;
}
.wam-content .big-option > div h4 {
  font-size: 1.25em;
  text-transform: uppercase;
}
.wam-content .big-option > div p {
  font-size: 14px;
  font-weight: 600;
  color: #a4a8b3;
}
.wam-content .big-option > div.green h4 {
  color: #47cb6e;
}
.wam-content .big-option > div.green img {
  filter: hue-rotate(280deg);
}
.wam-content .big-option > div.purple h4 {
  color: #976ffb;
}
.wam-content .big-option > div.purple img {
  filter: hue-rotate(60deg);
}
.wam-content .wam-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.wam-content .wam-footer a,
.wam-content .wam-footer button,
.wam-content .wam-footer .button {
  padding: 12px;
  text-decoration: none;
  text-align: center;
  min-width: 110px;
  border: none;
  font-size: 12px;
  border-radius: 3px;
  text-transform: uppercase;
}
.wam-content .wam-footer a:hover,
.wam-content .wam-footer button:hover,
.wam-content .wam-footer .button:hover {
  cursor: pointer;
}
.wam-content .wam-footer a.wam-true,
.wam-content .wam-footer button.wam-true,
.wam-content .wam-footer .button.wam-true {
  background: #0095ee;
  color: #fff;
}
.wam-content .wam-footer a.wam-true:hover,
.wam-content .wam-footer button.wam-true:hover,
.wam-content .wam-footer .button.wam-true:hover {
  background: #22b7ff;
}
.wam-content .wam-footer a.wam-true.loading,
.wam-content .wam-footer button.wam-true.loading,
.wam-content .wam-footer .button.wam-true.loading {
  display: flex;
  align-items: center;
  pointer-events: none;
  min-width: fit-content;
}
.wam-content .wam-footer a.wam-true.loading:after,
.wam-content .wam-footer button.wam-true.loading:after,
.wam-content .wam-footer .button.wam-true.loading:after {
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  border: 3px solid rgba(255, 255, 255, 0.35) !important;
  border-top-color: #fff !important;
  border-radius: 10px;
  margin-left: 10px;
  animation: 0.5s simple-rotate forwards linear infinite;
  right: 11px;
  margin-top: -8px;
}
.wam-content .wam-footer a.wam-true[disabled],
.wam-content .wam-footer button.wam-true[disabled],
.wam-content .wam-footer .button.wam-true[disabled] {
  background: #a4a8b3;
}
.wam-content .wam-footer a.wam-false,
.wam-content .wam-footer button.wam-false,
.wam-content .wam-footer .button.wam-false {
  margin-left: 12px;
  background: #f4f6f8;
  color: #999;
}
.wam-content .wam-footer a.wam-false:hover,
.wam-content .wam-footer button.wam-false:hover,
.wam-content .wam-footer .button.wam-false:hover {
  background: #e3e5e7;
  color: #888;
}

#whirlocal-admin-modal .file-upload {
  position: relative;
  display: block;
}
#whirlocal-admin-modal .drop-zone:before {
  content: "Drag File Here";
}
#whirlocal-admin-modal #add-new-contact-form .drop-zone:before {
  content: "Drag .CSV File Here";
}
#whirlocal-admin-modal #edit-staff_member .drop-zone:before,
#whirlocal-admin-modal #add-new-staff-member-form .drop-zone:before {
  content: "Drag Photo Here";
}
#whirlocal-admin-modal .mce-tinymce {
  outline: 1px solid #edeef2;
}

#whirlocal-admin-modal .file-upload {
  position: relative;
  display: block;
}
#whirlocal-admin-modal .file-upload .drop-zone:before {
  content: "Drag File Here";
}

#whirlocal-admin-modal [type=checkbox].toggle {
  width: 30px;
  height: 14px;
}
#whirlocal-admin-modal .wam-content {
  /*&.fade-out > * {
  	transform: scale(.8);
  	opacity: 0;
  }*/
}
#whirlocal-admin-modal .wam-content::-webkit-scrollbar {
  width: 24px;
}
#whirlocal-admin-modal .wam-content::-webkit-scrollbar-track {
  background: #fff;
  border: 8px solid #fff;
}
#whirlocal-admin-modal .wam-content::-webkit-scrollbar-thumb {
  background: #c5c5cc;
  border-radius: 10px;
  border: 8px solid #fff;
}
#whirlocal-admin-modal .wam-content::-webkit-scrollbar-thumb:hover {
  background: #0095ee;
}
#whirlocal-admin-modal .wam-content > * {
  transition: 0.35s all ease-out;
  transform: scale(1);
  opacity: 1;
}
#whirlocal-admin-modal .wam-content.fade-out {
  transform: scale(0.8) !important;
  opacity: 0 !important;
}
#whirlocal-admin-modal .wam-content .toggle-container label {
  display: block;
  width: 100%;
  margin: 6px auto 0;
  float: none;
}
#whirlocal-admin-modal .wam-content .toggle-container label input {
  margin: 0 auto;
}
#whirlocal-admin-modal .wam-content .toggle-container label input + strong {
  position: relative;
  top: 0;
  transform: none;
}
#whirlocal-admin-modal p.description {
  font-size: 13px;
  padding: 10px 15px;
  line-height: 1.625;
  margin: 0;
  background: #fff;
  font-style: italic;
  color: #fff;
  background: #425b76;
  border: none;
}
#whirlocal-admin-modal p.description a {
  color: rgba(255, 255, 255, 0.8);
  font-weight: 600;
}

.wam-content form input, .wam-content form select, .wam-content form textarea {
  background: #f4f7f9;
  border: none;
  font-size: 18px;
  padding: 18px 10px 8px 16px;
  display: block;
  width: 100%;
  box-shadow: none;
  border-radius: 4px;
}
.wam-content form h1 input {
  display: inline-block;
}
.wam-content form select {
  padding: 13px 10px;
  height: auto;
}
.wam-content form select.not-empty {
  padding: 17px 10px 7px;
}
.wam-content form label {
  position: relative;
}
.wam-content form label > a {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  padding: 6px;
  background: #0095ee;
  border-radius: 20px;
  color: #fff;
}
.wam-content form label > a svg {
  width: 18px;
  height: 18px;
}
.wam-content form label strong {
  color: #89a;
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
  transition: 0.25s all;
  cursor: text;
  user-select: none;
}
.wam-content form select:focus,
.wam-content form input:not([type=checkbox]):focus {
  box-shadow: none;
  color: #0095ee;
  border-bottom: 3px solid #0095ee;
  outline: none;
  margin-bottom: -2px;
}
.wam-content form label textarea:focus + strong,
.wam-content form label input:not([type=checkbox]):focus + strong,
.wam-content form label .not-empty + strong {
  top: 0;
  font-size: 11px;
  transform: translateY(0);
  opacity: 1;
}
.wam-content form h1 label input:not([type=checkbox]):focus + strong,
.wam-content form h1 label .not-empty + strong {
  top: -8px;
}
.wam-content form input[required] + strong:after {
  content: " *";
  color: #d33;
}
.wam-content form .birthdate {
  display: flex;
  flex-wrap: wrap;
}
.wam-content form .birthdate strong {
  display: flex;
  flex-basis: 100%;
  align-items: center;
  color: #89a;
}
.wam-content form .birthdate .month {
  flex-basis: 55%;
}
.wam-content form .birthdate .day {
  flex-basis: calc(20% - 20px);
  margin: 0 10px;
}
.wam-content form .birthdate .year {
  flex-basis: 25%;
}
.wam-content form #email-campaigns,
.wam-content form #available-email-campaigns {
  flex-direction: column;
}
.wam-content form #email-campaigns > *,
.wam-content form #available-email-campaigns > * {
  display: flex;
  width: 100%;
}
.wam-content form #email-campaigns .campaign.header,
.wam-content form #available-email-campaigns .campaign.header {
  font-weight: 600;
  color: #0095ee;
  font-size: 18px;
  border-bottom: 1px solid #eaedee;
}
.wam-content form #email-campaigns .scrollable,
.wam-content form #available-email-campaigns .scrollable {
  min-height: 20px;
  max-height: 180px;
  overflow: auto;
  flex-direction: column;
}
.wam-content form #email-campaigns .scrollable:empty:after,
.wam-content form #available-email-campaigns .scrollable:empty:after {
  content: "No Active or Completed Campaigns";
  padding: 20px 0;
  font-size: 16px;
  font-style: italic;
  margin: 0 auto;
}
.wam-content form #email-campaigns .campaign,
.wam-content form #available-email-campaigns .campaign {
  display: flex;
  width: 100%;
  font-size: 14px;
  align-items: center;
  border-bottom: 1px solid #EFF2F4;
}
.wam-content form #email-campaigns .campaign > *,
.wam-content form #available-email-campaigns .campaign > * {
  padding: 10px;
}
.wam-content form #email-campaigns .campaign .campaign-name,
.wam-content form #available-email-campaigns .campaign .campaign-name {
  flex-basis: 50%;
}
.wam-content form #email-campaigns .campaign .campaign-remove,
.wam-content form #available-email-campaigns .campaign .campaign-remove {
  margin-left: auto;
}
.wam-content form #email-campaigns .campaign .campaign-remove span,
.wam-content form #available-email-campaigns .campaign .campaign-remove span {
  display: inline-block;
  color: #AFBEC4;
}
.wam-content form #email-campaigns .campaign .campaign-remove span svg,
.wam-content form #available-email-campaigns .campaign .campaign-remove span svg {
  width: 18px;
  height: 18px;
}
.wam-content form #email-campaigns .campaign .campaign-remove span:hover,
.wam-content form #available-email-campaigns .campaign .campaign-remove span:hover {
  cursor: pointer;
  color: #F04747;
}

@-webkit-keyframes simple-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-moz-keyframes simple-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-ms-keyframes simple-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-o-keyframes simple-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes simple-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.wp-core-ui .quicktags-toolbar input.button.button-small {
  width: auto;
}

body.from-side .close-wam,
body.unfrom-side .close-wam {
  outline: none;
  color: #fff;
  top: 10px;
  right: 10px;
  border-radius: 24px;
}
body.from-side .close-wam:hover,
body.unfrom-side .close-wam:hover {
  color: #Fff;
  background: rgba(0, 0, 0, 0.15);
}

.billing-form-plans .product h2 {
  color: #0095ee;
}
.billing-form-plans .product.current:before {
  position: absolute;
  top: 2px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 11px;
}
.billing-form-plans .product.current .current {
  pointer-events: none;
  cursor: default;
}
.billing-form-plans .product.current .current:after {
  position: absolute;
  bottom: -23px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 11px;
  font-weight: 300;
  color: #fff;
}
.billing-form-plans .product.current h2 {
  color: #fff;
}
.billing-form-plans .product.current .whirlocal-logo-2 {
  color: #fff;
}
.billing-form-plans .product.current .whirlocal-logo-2 svg * {
  fill: #fff;
}
.billing-form-plans .product a.loading:after {
  top: 7px;
  right: 4px;
  display: block;
  border-color: rgba(255, 255, 255, 0.4);
  border-top-color: #fff;
  width: 7px;
  height: 7px;
}

#billing-modal-pricing-table {
  margin-top: 18px;
}
#billing-modal-pricing-table .cp3-ptp-price {
  font-size: 18px !important;
}
#billing-modal-pricing-table .cp3-ptp-price > * {
  font-size: 12px !important;
  top: -4px;
}
#billing-modal-pricing-table .ptp-cp3-pay-duration {
  font-size: 12px !important;
}
#billing-modal-pricing-table .row-fluid-cp3 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  text-align: center;
}
#billing-modal-pricing-table .row-fluid-cp3 .ptp-cp3-data-holder > span {
  display: none !important;
}
#billing-modal-pricing-table #ptp-449262 .ptp-cp3-tabled-data .ptp-cp3-data-holder,
#billing-modal-pricing-table #ptp-449262 .cp3-desc-table .ptp-cp3-data-holder {
  font-size: 11px;
  font-weight: 500;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px;
}
#billing-modal-pricing-table #ptp-449262 .ptp-cp3-tabled-data .ptp-cp3-data-holder {
  font-weight: 14px;
  font-weight: 700;
}
#billing-modal-pricing-table #ptp-449262 .ptp-cp3-tabled-data .ptp-cp3-data-holder .fa-times {
  color: #ff7471;
}
#billing-modal-pricing-table #ptp-449262 .ptp-cp3-tabled-data .ptp-cp3-data-holder .fa-check {
  color: #0095ee;
}
#billing-modal-pricing-table #ptp-449262 .ptp-comparison3-unfeatured.ptp-cp3-price-table {
  box-shadow: none;
  -webkit-box-shadow: none;
  border: none;
}
#billing-modal-pricing-table .ptp-cp3-plan-title {
  padding: 10px 0;
}
#billing-modal-pricing-table .ptp-cp3-data-holder-cp3-btn {
  display: none !important;
}
#billing-modal-pricing-table .plan.current {
  pointer-events: none;
}
#billing-modal-pricing-table .product {
  background: transparent !important;
}

form:not(.wl-modal):not(.group-filter):not(.list-result),
.form:not(.wl-modal):not(.group-filter):not(.list-result) {
  display: grid;
  grid-gap: 2em;
}
form:not(.group-filter).flex,
.form:not(.group-filter).flex {
  display: flex;
}
form:not(.group-filter) label,
.form:not(.group-filter) label {
  position: relative;
  display: block;
}
form:not(.group-filter) label span,
.form:not(.group-filter) label span {
  position: absolute;
  top: 1.325em;
  left: 1em;
  transform: translateY(-50%);
  font-weight: 600;
  transition: 0.15s all;
  pointer-events: none;
  text-transform: capitalize;
  color: #797c88;
}
form:not(.group-filter) label em,
.form:not(.group-filter) label em {
  font-size: 0.8em;
}
form:not(.group-filter) label.toggle,
.form:not(.group-filter) label.toggle {
  display: flex;
  align-items: center;
}
form:not(.group-filter) label.toggle input[type=checkbox]:hover ~ span, form:not(.group-filter) label.toggle input[type=checkbox]:focus ~ span,
.form:not(.group-filter) label.toggle input[type=checkbox]:hover ~ span,
.form:not(.group-filter) label.toggle input[type=checkbox]:focus ~ span {
  color: #0095ee;
}
form:not(.group-filter) label.toggle input[type=checkbox]:hover ~ span:before, form:not(.group-filter) label.toggle input[type=checkbox]:focus ~ span:before,
.form:not(.group-filter) label.toggle input[type=checkbox]:hover ~ span:before,
.form:not(.group-filter) label.toggle input[type=checkbox]:focus ~ span:before {
  background: rgba(0, 149, 238, 0.15);
}
form:not(.group-filter) label.toggle input[type=checkbox] ~ span,
.form:not(.group-filter) label.toggle input[type=checkbox] ~ span {
  top: 0;
  left: 0;
  pointer-events: all;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: left;
  font-size: inherit;
  position: relative;
}
form:not(.group-filter) label.toggle input[type=checkbox] ~ span:before,
.form:not(.group-filter) label.toggle input[type=checkbox] ~ span:before {
  margin-right: 0.5em;
  width: 2.25em;
  height: 1em;
  border-radius: 256px;
  border: 2px solid #b7b9be;
  background: transparent;
}
form:not(.group-filter) label.toggle input[type=checkbox] ~ span:after,
.form:not(.group-filter) label.toggle input[type=checkbox] ~ span:after {
  content: "";
  position: absolute;
  top: 50%;
  width: calc(1em - 4px);
  height: calc(1em - 4px);
  border-radius: 256px;
  background: #b7b9be;
  transition: 0.15s all cubic-bezier(0.49, -0.17, 0.71, 1.3);
  transform: translate(4px, -50%);
}
form:not(.group-filter) label.toggle input[type=checkbox]:checked ~ span:before,
.form:not(.group-filter) label.toggle input[type=checkbox]:checked ~ span:before {
  background: #0095ee;
  border-color: #007dc8;
}
form:not(.group-filter) label.toggle input[type=checkbox]:checked ~ span:after,
.form:not(.group-filter) label.toggle input[type=checkbox]:checked ~ span:after {
  transform: translate(calc(1.5em + 1px), -50%);
  background: #fff;
}
form:not(.group-filter) label.toggle input[type=checkbox].inverted ~ span:before,
.form:not(.group-filter) label.toggle input[type=checkbox].inverted ~ span:before {
  background: #0095ee;
  border-color: #007dc8;
}
form:not(.group-filter) label.toggle input[type=checkbox].inverted ~ span:after,
.form:not(.group-filter) label.toggle input[type=checkbox].inverted ~ span:after {
  transform: translate(calc(1.5em + 1px), -50%);
  background: #fff;
}
form:not(.group-filter) label.toggle input[type=checkbox].inverted:checked ~ span:before,
.form:not(.group-filter) label.toggle input[type=checkbox].inverted:checked ~ span:before {
  background: transparent;
  border-color: #b7b9be;
}
form:not(.group-filter) label.toggle input[type=checkbox].inverted:checked ~ span:after,
.form:not(.group-filter) label.toggle input[type=checkbox].inverted:checked ~ span:after {
  transform: translate(4px, -50%);
  background: #b7b9be;
}
form:not(.group-filter) input,
form:not(.group-filter) select,
form:not(.group-filter) textarea,
.form:not(.group-filter) input,
.form:not(.group-filter) select,
.form:not(.group-filter) textarea {
  display: block;
  width: 100%;
  border: none;
  border: 1px solid #d8e1f1;
  border-radius: 6px;
  padding: 0.75em 1em;
  font-weight: 600;
  box-sizing: border-box;
}
form:not(.group-filter) input:focus,
form:not(.group-filter) select:focus,
form:not(.group-filter) textarea:focus,
.form:not(.group-filter) input:focus,
.form:not(.group-filter) select:focus,
.form:not(.group-filter) textarea:focus {
  outline: none;
  box-shadow: none;
  border-color: #0095ee;
  color: #0095ee;
}
form:not(.group-filter) input:focus ~ span, form:not(.group-filter) input.fauxcus ~ span, form:not(.group-filter) input:not(:placeholder-shown) ~ span,
form:not(.group-filter) select:focus ~ span,
form:not(.group-filter) select.fauxcus ~ span,
form:not(.group-filter) select:not(:placeholder-shown) ~ span,
form:not(.group-filter) textarea:focus ~ span,
form:not(.group-filter) textarea.fauxcus ~ span,
form:not(.group-filter) textarea:not(:placeholder-shown) ~ span,
.form:not(.group-filter) input:focus ~ span,
.form:not(.group-filter) input.fauxcus ~ span,
.form:not(.group-filter) input:not(:placeholder-shown) ~ span,
.form:not(.group-filter) select:focus ~ span,
.form:not(.group-filter) select.fauxcus ~ span,
.form:not(.group-filter) select:not(:placeholder-shown) ~ span,
.form:not(.group-filter) textarea:focus ~ span,
.form:not(.group-filter) textarea.fauxcus ~ span,
.form:not(.group-filter) textarea:not(:placeholder-shown) ~ span {
  top: -1.75em;
  font-size: 10px;
  transform: translateY(0);
}
form:not(.group-filter) input:required ~ span:not(.check-status):after,
form:not(.group-filter) select:required ~ span:not(.check-status):after,
form:not(.group-filter) textarea:required ~ span:not(.check-status):after,
.form:not(.group-filter) input:required ~ span:not(.check-status):after,
.form:not(.group-filter) select:required ~ span:not(.check-status):after,
.form:not(.group-filter) textarea:required ~ span:not(.check-status):after {
  content: " *";
  color: #ff7471;
}
form:not(.group-filter) pre.fauxcus,
.form:not(.group-filter) pre.fauxcus {
  margin: 0;
  display: flex;
  height: 100%;
  align-items: center;
  font-size: 135%;
}
form:not(.group-filter) pre.fauxcus ~ span,
.form:not(.group-filter) pre.fauxcus ~ span {
  top: -1.75em;
  font-size: 10px;
  transform: translateY(0);
}
form:not(.group-filter) input[type=checkbox],
.form:not(.group-filter) input[type=checkbox] {
  width: 1px;
  height: 1px;
  opacity: 0;
  position: absolute;
}
form:not(.group-filter) input[type=checkbox] ~ span,
.form:not(.group-filter) input[type=checkbox] ~ span {
  white-space: nowrap;
}
form:not(.group-filter) input[type=checkbox] ~ span:before,
.form:not(.group-filter) input[type=checkbox] ~ span:before {
  content: "";
  display: block;
  width: 1.5em;
  height: 1.5em;
  background: #000;
  border-radius: 3px;
}
form:not(.group-filter) select,
.form:not(.group-filter) select {
  padding: calc(0.75em - 2px) calc(1em - 2px);
}
form:not(.group-filter) select > *:first-child,
.form:not(.group-filter) select > *:first-child {
  color: #a4a8b3;
}
form:not(.group-filter) .gform_body input[type=checkbox],
.form:not(.group-filter) .gform_body input[type=checkbox] {
  width: auto !important;
  height: auto !important;
  opacity: 1 !important;
  position: relative !important;
}

.simpay-container > * {
  margin: 1em;
}
.simpay-container > *:first-child {
  margin-left: 0;
}
.simpay-container > *:last-child {
  margin-right: 0;
}

input[type=radio].has-indicator,
input[type=checkbox].has-indicator {
  opacity: 0;
  width: 1px;
  height: 1px;
}
input[type=radio].has-indicator + .indicator,
input[type=checkbox].has-indicator + .indicator {
  width: 20px;
  height: 20px;
  display: inline-flex;
  border: 1px solid #ccc;
  border-radius: 20px;
  box-shadow: 0 6px 20px -7px #000;
  background: rgba(0, 0, 0, 0.15);
  position: relative;
  top: 0;
  right: 0;
  left: 0;
  align-items: center;
  justify-content: center;
}
input[type=radio].has-indicator + .indicator:before,
input[type=checkbox].has-indicator + .indicator:before {
  display: none !important;
}
input[type=radio].has-indicator + .indicator:after,
input[type=checkbox].has-indicator + .indicator:after {
  background-color: transparent;
  content: "" !important;
}
input[type=radio].has-indicator:checked + .indicator,
input[type=checkbox].has-indicator:checked + .indicator {
  background: #0095ee;
  border-color: #22b7ff;
  filter: drop-shadow(0px 0px 3px #0095ee);
}
input[type=radio].has-indicator:checked + .indicator:after,
input[type=checkbox].has-indicator:checked + .indicator:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 16px;
}
input[type=radio].has-indicator:hover + .indicator,
input[type=checkbox].has-indicator:hover + .indicator {
  background-color: #22b7ff;
  border-color: #44d9ff !important;
  filter: drop-shadow(0px 0px 3px #22b7ff);
}
input[type=radio].has-indicator[required] + .indicator:before,
input[type=checkbox].has-indicator[required] + .indicator:before {
  content: "*";
  color: #ff7471;
  background: transparent !important;
  display: block !important;
  position: absolute;
  top: 0;
  transform: translate(0);
  left: calc(100% + 4px);
  font-size: 18px;
  line-height: 0;
  filter: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

input[type=checkbox].has-indicator + .indicator {
  border-radius: 3px;
}
input[type=checkbox].has-indicator + .indicator:after {
  background: transparent !important;
}
input[type=checkbox].has-indicator:checked + .indicator:after {
  content: "";
  width: 5px;
  height: 10px;
  background: transparent;
  transform: rotate(45deg) translate3d(-1px, -2px, 0);
  border: 3px solid #fff;
  border-top: transparent;
  border-left: transparent;
  border-radius: 0;
}

.wl-button {
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1em 3em;
  font-weight: 0;
  letter-spacing: 0.02em;
  text-decoration: none;
  color: #fff;
  background: #0095ee;
  box-shadow: 0 10px 10px -13px #000 !important;
  border: 2px solid #0095ee;
  overflow: hidden;
  flex-shrink: 0;
}
.wl-button, .wl-button:focus {
  outline: none;
}
.wl-button:hover {
  background: #09a3ff;
  box-shadow: 0 0 0 0.325em rgba(0, 149, 238, 0.2);
}
.wl-button:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 1em;
  width: 1em;
  height: 1em;
  border-radius: 256px;
  border: 0.25em solid rgba(255, 255, 255, 0.25);
  border-top-color: #fff;
  transform: translateY(-50%) scale(0) rotate(0);
  transition: inherit;
  pointer-events: none;
  opacity: 1;
}
.wl-button.disabled {
  filter: grayscale(1) !important;
  opacity: 0.75 !important;
  pointer-events: none;
}
.wl-button.icon, .wl-button.icon-right {
  padding: 1em 0 1em 2em;
}
.wl-button.icon svg,
.wl-button.icon .svg-like, .wl-button.icon-right svg,
.wl-button.icon-right .svg-like {
  position: relative;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  padding: calc(1em + 2px);
  margin: calc(-1em - 2px) -2px calc(-1em - 2px) 1.5em;
  width: 1.5em;
  height: 1.5em;
  background: rgba(0, 0, 0, 0.15);
  transition: inherit;
}
.wl-button.icon svg *,
.wl-button.icon .svg-like *, .wl-button.icon-right svg *,
.wl-button.icon-right .svg-like * {
  transition: inherit;
  transform-origin: center center;
  transform: translateZ(0) scale(1);
}
.wl-button.icon.unified svg,
.wl-button.icon.unified .svg-like, .wl-button.icon-right.unified svg,
.wl-button.icon-right.unified .svg-like {
  background: transparent !important;
  margin: calc(-1em - 2px) 0.5em calc(-1em - 2px) -0.25em;
}
.wl-button.icon.icon-left, .wl-button.icon-right.icon-left {
  flex-direction: row-reverse;
  padding: 1em 2em 1em 0;
}
.wl-button.icon.icon-left:after, .wl-button.icon-right.icon-left:after {
  right: 0;
  left: 1em;
}
.wl-button.icon.icon-left svg,
.wl-button.icon.icon-left .svg-like, .wl-button.icon-right.icon-left svg,
.wl-button.icon-right.icon-left .svg-like {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
  margin: calc(-1em - 2px) 1.5em calc(-1em - 2px) -2px;
}
.wl-button.icon.icon-left.unified svg,
.wl-button.icon.icon-left.unified .svg-like, .wl-button.icon-right.icon-left.unified svg,
.wl-button.icon-right.icon-left.unified .svg-like {
  background: transparent;
  margin: calc(-1em - 2px) -0.25em calc(-1em - 2px) 0.5em;
}
.wl-button.primary {
  color: #fff !important;
}
.wl-button.primary.blue {
  background-color: #0095ee;
  border-color: #0095ee;
}
.wl-button.primary.blue:hover {
  background: #09a3ff;
  box-shadow: 0 0 0 0.325em rgba(0, 149, 238, 0.2);
}
.wl-button.primary.purple {
  background-color: #976ffb;
  border-color: #976ffb;
}
.wl-button.primary.purple:hover {
  background: #a988fc;
  box-shadow: 0 0 0 0.325em rgba(151, 111, 251, 0.2);
}
.wl-button.primary.green {
  background-color: #47cb6e;
  border-color: #47cb6e;
}
.wl-button.primary.green:hover {
  background: #5bd17e;
  box-shadow: 0 0 0 0.325em rgba(71, 203, 110, 0.2);
}
.wl-button.primary.pink {
  background-color: #f16292;
  border-color: #f16292;
}
.wl-button.primary.pink:hover {
  background: #f379a2;
  box-shadow: 0 0 0 0.325em rgba(241, 98, 146, 0.2);
}
.wl-button.primary.yellow {
  background-color: #febb44;
  border-color: #febb44;
}
.wl-button.primary.yellow:hover {
  background: #fec45d;
  box-shadow: 0 0 0 0.325em rgba(254, 187, 68, 0.2);
}
.wl-button.primary.cyan {
  background-color: #01cad8;
  border-color: #01cad8;
}
.wl-button.primary.cyan:hover {
  background: #01e2f1;
  box-shadow: 0 0 0 0.325em rgba(1, 202, 216, 0.2);
}
.wl-button.primary.peach {
  background-color: #ff7471;
  border-color: #ff7471;
}
.wl-button.primary.peach:hover {
  background: #ff8d8b;
  box-shadow: 0 0 0 0.325em rgba(255, 116, 113, 0.2);
}
.wl-button.primary.gray {
  background-color: #c5c5cc;
  border-color: #c5c5cc;
}
.wl-button.primary.gray:hover {
  background: #d3d3d8;
  box-shadow: 0 0 0 0.325em rgba(197, 197, 204, 0.2);
}
.wl-button.primary.medium-gray {
  background-color: #b7b9be;
  border-color: #b7b9be;
}
.wl-button.primary.medium-gray:hover {
  background: #c4c6ca;
  box-shadow: 0 0 0 0.325em rgba(183, 185, 190, 0.2);
}
.wl-button.primary.dark-gray {
  background-color: #a4a8b3;
  border-color: #a4a8b3;
}
.wl-button.primary.dark-gray:hover {
  background: #b2b5bf;
  box-shadow: 0 0 0 0.325em rgba(164, 168, 179, 0.2);
}
.wl-button.secondary {
  background-color: #d8e1f1;
  color: #53536d;
  box-shadow: 0 0 0 2em rgba(197, 197, 204, 0);
  border: 2px solid #d8e1f1;
}
.wl-button.secondary:hover {
  background: #ebeff8;
  box-shadow: 0 0 0 0.325em rgba(197, 197, 204, 0.2);
}
.wl-button.secondary:after {
  border-color: rgba(0, 0, 0, 0.125);
  border-top-color: #0095ee;
}
.wl-button.secondary.icon svg {
  background: rgba(0, 0, 0, 0.05);
}
.wl-button.tertiary, .wl-button.outline {
  background: transparent;
  color: #0095ee;
  border: 2px solid #0095ee;
}
.wl-button.tertiary:hover, .wl-button.outline:hover {
  background: #fff;
}
.wl-button.tertiary:after, .wl-button.tertiary.loading:after, .wl-button.outline:after, .wl-button.outline.loading:after {
  border-color: rgba(0, 0, 0, 0.125);
  border-top-color: #0095ee;
}
.wl-button.tertiary.icon svg, .wl-button.outline.icon svg {
  padding: calc(1em + 2px);
  background: rgba(0, 149, 238, 0.325);
}
.wl-button.quaternary {
  background: transparent;
  color: #53536d;
  border: 2px solid #c5c5cc;
  box-shadow: 0 0 0 2em rgba(197, 197, 204, 0);
}
.wl-button.quaternary:hover {
  background: #fff;
  box-shadow: 0 0 0 0.325em rgba(197, 197, 204, 0.2);
}
.wl-button.quaternary:after, .wl-button.quaternary.loading:after {
  border-color: rgba(0, 0, 0, 0.125);
  border-top-color: #0095ee;
}
.wl-button.quaternary.icon svg {
  padding: calc(1em + 2px);
  background: rgba(83, 83, 109, 0.325);
}
.wl-button.loading {
  box-shadow: none !important;
  pointer-events: none;
  filter: grayscale(0.3) brightness(1.2);
}
.wl-button.loading:after {
  transform: translateY(-50%) scale(1) rotate(0);
  animation: 0.5s rotate-vertical-center linear forwards infinite;
  opacity: 1;
}
.wl-button.loading:not([class*=icon]) {
  padding-right: 3.75em;
}
.wl-button.loading svg {
  background: rgba(0, 0, 0, 0.05);
}
.wl-button.loading svg * {
  transform: translateZ(0) scale(0);
}
.wl-button.loading.secondary {
  filter: none;
  box-shadow: 0 0 0 0.175em rgba(164, 168, 179, 0.35);
}
.wl-button.small, .wl-button.tiny {
  padding: 0.5em 2em;
}
.wl-button.small:after, .wl-button.tiny:after {
  width: 0.75em;
  height: 0.75em;
  right: 0.75em;
  border-width: 0.125em;
}
.wl-button.small.icon, .wl-button.small.icon-right, .wl-button.tiny.icon, .wl-button.tiny.icon-right {
  padding: 0.5em 0 0.5em 1.25em;
}
.wl-button.small.icon svg, .wl-button.small.icon-right svg, .wl-button.tiny.icon svg, .wl-button.tiny.icon-right svg {
  padding: calc(0.7em + 2px) 0.75em;
  margin: -1em -2px -1em 1.25em;
  height: 1.15em;
  width: 1.15em;
}
.wl-button.small.icon.unified svg, .wl-button.small.icon-right.unified svg, .wl-button.tiny.icon.unified svg, .wl-button.tiny.icon-right.unified svg {
  padding-right: 1.25em;
  margin-left: -0.125em;
}
.wl-button.small.icon-left, .wl-button.tiny.icon-left {
  padding: 0.5em 1.25em 0.5em 0;
}
.wl-button.small.icon-left svg, .wl-button.tiny.icon-left svg {
  margin: -1em 1.25em -1em -2px;
}
.wl-button.small.icon-left.unified svg, .wl-button.tiny.icon-left.unified svg {
  padding-left: 1.25em;
  margin-right: -0.125em;
}
.wl-button.small.icon-left:after, .wl-button.tiny.icon-left:after {
  right: 0;
  left: 0.75em;
}
.wl-button.small.loading:not([class*=icon]), .wl-button.tiny.loading:not([class*=icon]) {
  padding-right: 2.75em;
}
.wl-button.tiny {
  font-size: 10px;
}
.wl-button.outline, .wl-button.secondary, .wl-button.tertiary, .wl-button.quaternary {
  box-shadow: 0 10px 10px -15px #000 !important;
}
.wl-button.outline.loading, .wl-button.secondary.loading, .wl-button.tertiary.loading, .wl-button.quaternary.loading {
  box-shadow: none !important;
}
.wl-button.blank {
  box-shadow: none !important;
  background: transparent;
  border-color: transparent;
  color: #0095ee;
}
.wl-button.blank:hover {
  background: rgba(0, 149, 238, 0.15);
}
.wl-button.blank.loading {
  background: rgba(0, 149, 238, 0.3);
}
.wl-button.blank.loading:after {
  border-top-color: #0095ee;
}
.wl-button:hover {
  box-shadow: none !important;
}
.wl-button.special {
  background: linear-gradient(-135deg, #0095EE 30%, #00D0DF 100%) !important;
  padding: calc(1em + 2px) calc(3em + 2px);
  border: none;
  color: #fff !important;
}
.wl-button.special.icon, .wl-button.special.icon-right {
  padding: calc(1em + 2px) 0 calc(1em + 2px) calc(2em + 2px);
}
.wl-button.special.icon.icon-left, .wl-button.special.icon-right.icon-left {
  padding: calc(1em + 2px) calc(2em + 2px) calc(1em + 2px) 0;
}
.wl-button.special.icon svg, .wl-button.special.icon-right svg {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.15);
}
.wl-button.special:hover {
  filter: brightness(110%);
}
.wl-button.icon-only {
  padding-left: 0 !important;
}
.wl-button.icon-only svg {
  margin-left: 0 !important;
}

button:focus,
.wl-button:focus {
  outline: 2px solid #000;
  outline-offset: -2px;
}

@-webkit-keyframes rotate-vertical-center {
  0% {
    transform: translateY(-50%) scale(1) rotate(0);
  }
  100% {
    transform: translateY(-50%) scale(1) rotate(360deg);
  }
}
@-moz-keyframes rotate-vertical-center {
  0% {
    transform: translateY(-50%) scale(1) rotate(0);
  }
  100% {
    transform: translateY(-50%) scale(1) rotate(360deg);
  }
}
@-ms-keyframes rotate-vertical-center {
  0% {
    transform: translateY(-50%) scale(1) rotate(0);
  }
  100% {
    transform: translateY(-50%) scale(1) rotate(360deg);
  }
}
@-o-keyframes rotate-vertical-center {
  0% {
    transform: translateY(-50%) scale(1) rotate(0);
  }
  100% {
    transform: translateY(-50%) scale(1) rotate(360deg);
  }
}
@keyframes rotate-vertical-center {
  0% {
    transform: translateY(-50%) scale(1) rotate(0);
  }
  100% {
    transform: translateY(-50%) scale(1) rotate(360deg);
  }
}
@-webkit-keyframes rotate-absolute-center {
  0% {
    transform: translate(-50%, -50%) scale(1) rotate(0);
  }
  100% {
    transform: translate(-50%, -50%) scale(1) rotate(360deg);
  }
}
@-moz-keyframes rotate-absolute-center {
  0% {
    transform: translate(-50%, -50%) scale(1) rotate(0);
  }
  100% {
    transform: translate(-50%, -50%) scale(1) rotate(360deg);
  }
}
@-ms-keyframes rotate-absolute-center {
  0% {
    transform: translate(-50%, -50%) scale(1) rotate(0);
  }
  100% {
    transform: translate(-50%, -50%) scale(1) rotate(360deg);
  }
}
@-o-keyframes rotate-absolute-center {
  0% {
    transform: translate(-50%, -50%) scale(1) rotate(0);
  }
  100% {
    transform: translate(-50%, -50%) scale(1) rotate(360deg);
  }
}
@keyframes rotate-absolute-center {
  0% {
    transform: translate(-50%, -50%) scale(1) rotate(0);
  }
  100% {
    transform: translate(-50%, -50%) scale(1) rotate(360deg);
  }
}
@-webkit-keyframes vibrate {
  0% {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
    -moz-transform: translate(-2px, 2px);
    -ms-transform: translate(-2px, 2px);
    -o-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
    -moz-transform: translate(-2px, -2px);
    -ms-transform: translate(-2px, -2px);
    -o-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
    -moz-transform: translate(2px, 2px);
    -ms-transform: translate(2px, 2px);
    -o-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
    -moz-transform: translate(2px, -2px);
    -ms-transform: translate(2px, -2px);
    -o-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
  }
}
@-moz-keyframes vibrate {
  0% {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
    -moz-transform: translate(-2px, 2px);
    -ms-transform: translate(-2px, 2px);
    -o-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
    -moz-transform: translate(-2px, -2px);
    -ms-transform: translate(-2px, -2px);
    -o-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
    -moz-transform: translate(2px, 2px);
    -ms-transform: translate(2px, 2px);
    -o-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
    -moz-transform: translate(2px, -2px);
    -ms-transform: translate(2px, -2px);
    -o-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
  }
}
@-ms-keyframes vibrate {
  0% {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
    -moz-transform: translate(-2px, 2px);
    -ms-transform: translate(-2px, 2px);
    -o-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
    -moz-transform: translate(-2px, -2px);
    -ms-transform: translate(-2px, -2px);
    -o-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
    -moz-transform: translate(2px, 2px);
    -ms-transform: translate(2px, 2px);
    -o-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
    -moz-transform: translate(2px, -2px);
    -ms-transform: translate(2px, -2px);
    -o-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
  }
}
@-o-keyframes vibrate {
  0% {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
    -moz-transform: translate(-2px, 2px);
    -ms-transform: translate(-2px, 2px);
    -o-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
    -moz-transform: translate(-2px, -2px);
    -ms-transform: translate(-2px, -2px);
    -o-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
    -moz-transform: translate(2px, 2px);
    -ms-transform: translate(2px, 2px);
    -o-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
    -moz-transform: translate(2px, -2px);
    -ms-transform: translate(2px, -2px);
    -o-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
  }
}
@keyframes vibrate {
  0% {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
    -moz-transform: translate(-2px, 2px);
    -ms-transform: translate(-2px, 2px);
    -o-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
    -moz-transform: translate(-2px, -2px);
    -ms-transform: translate(-2px, -2px);
    -o-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
    -moz-transform: translate(2px, 2px);
    -ms-transform: translate(2px, 2px);
    -o-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
    -moz-transform: translate(2px, -2px);
    -ms-transform: translate(2px, -2px);
    -o-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
  }
}
.wl-modal,
.invisible {
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
  transform: scale(0);
  overflow: hidden;
}

.visible,
.wl-modal.visible {
  width: auto;
  height: auto;
  pointer-events: all;
  opacity: 1;
  transform: scale(1);
  z-index: 100;
}

#wl-modal-shield {
  transition: 0.25s opacity ease-out;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  z-index: 16777000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.25);
}
#wl-modal-shield.right-bar {
  align-items: flex-start;
  justify-content: flex-end;
}
#wl-modal-shield.right-bar .wl-modal {
  height: 100vh;
  border-radius: 0;
  max-height: 100vh;
}
#wl-modal-shield .wl-modal {
  box-sizing: border-box;
  opacity: 0;
  transform: translateY(-50px) scale(1);
  transition: 0.25s opacity ease-out, 0.25s transform ease-out;
  width: calc(100vw - 40px);
  max-width: 600px;
}
#wl-modal-shield .wl-modal.error {
  -webkit-animation: vibrate 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  -moz-animation: vibrate 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  -ms-animation: vibrate 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  -o-animation: vibrate 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: vibrate 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
#wl-modal-shield.right-bar .wl-modal {
  transform: translateX(200px) scale(1);
}
#wl-modal-shield .wl-modal.visible {
  opacity: 1;
  transform: translate(0, 0);
  position: absolute;
}
#wl-modal-shield.removing {
  opacity: 0;
}
#wl-modal-shield.removing .wl-modal {
  transform: translateY(50px) scale(1);
}
#wl-modal-shield.showing-another {
  opacity: 1;
}
#wl-modal-shield.showing-another .wl-modal.hiding {
  opacity: 0;
  transform: translateY(50px) scale(1);
}
#wl-modal-shield.right-bar.removing .wl-modal {
  transform: translateX(50px) scale(1);
}
#wl-modal-shield.right-bar.showing-another .wl-modal.hiding {
  opacity: 0;
  transform: translateX(50px) scale(1);
}
#wl-modal-shield.help-doc .wl-close-only {
  position: absolute;
  top: 10px;
  right: 40px;
}
#wl-modal-shield.help-doc .wl-modal {
  max-width: 768px;
  width: 100%;
  padding: 0;
  margin: 0;
  height: 100vh;
}
#wl-modal-shield.help-doc .wl-modal .content,
#wl-modal-shield.help-doc .wl-modal iframe {
  margin: 0;
  padding: 0;
  border: none;
  width: 100%;
  height: 100vh;
  max-height: none;
}

.wl-modal {
  min-width: 400px;
  max-height: calc(100% - 80px);
  max-width: calc(100% - 80px);
  padding: 1.5em;
  overflow: hidden;
}
.wl-modal header {
  display: flex;
  align-items: center;
}
.wl-modal header.wl-close-only {
  float: right;
}
.wl-modal header.wl-close-only + * {
  margin-top: 0;
}
.wl-modal header,
.wl-modal header h4 {
  margin: 0;
  font-weight: 600;
}
.wl-modal header img,
.wl-modal header .icon:not(.wl-button) {
  margin-right: 0.75em;
  border-radius: 256px;
  overflow: hidden;
  line-height: 0;
}
.wl-modal header img {
  width: 42px;
  height: 42px;
}
.wl-modal header .icon:not(.wl-button) {
  color: #0095ee;
  background: rgba(0, 149, 238, 0.2);
}
.wl-modal header .icon:not(.wl-button) svg {
  padding: 9px;
  box-sizing: content-box;
}
.wl-modal header .icon:not(.wl-button).wl-pin {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}
.wl-modal header .icon:not(.wl-button).wl-pin > svg, .wl-modal header .icon:not(.wl-button).wl-pin > svg.whirlocal-pin {
  padding: 0;
  width: 50px;
  height: 50px;
}
.wl-modal .close {
  color: #b7b9be;
  margin-left: auto;
  line-height: 0;
}
.wl-modal .close:hover {
  color: #ff7471;
  cursor: pointer;
}
.wl-modal .close svg {
  width: 24px;
  height: 24px;
}
.wl-modal header > .icon:not(.wl-button) ~ .close {
  margin-bottom: auto;
  margin-top: 0;
}
.wl-modal .content {
  color: #8692a7;
  font-weight: 500;
  margin: 0;
  padding-top: 1.5em;
  max-height: calc(100vh - 80px - 4em - 42px);
  min-height: 30px;
  overflow-x: hidden;
  overflow-y: auto;
  margin-right: -1em;
  padding-right: 1em;
}
.wl-modal .content a:not(.wl-button) {
  color: #0095ee;
}
.wl-modal .content a.tag {
  color: #fff;
  text-decoration: none;
  font-weight: 400;
}
.wl-modal .content a.tag strong {
  font-weight: 400;
}
.wl-modal .content > *:first-child {
  margin-top: 0;
}
.wl-modal .content > *:last-child {
  margin-bottom: 0;
}
.wl-modal .content img {
  max-width: 100%;
}
.wl-modal.has-actions .content {
  max-height: calc(100vh - 80px - 4em - 42px - 50px - 4em);
}
.wl-modal > *:first-child {
  margin-top: 0;
}
.wl-modal > *:last-child {
  margin-bottom: 0;
}
.wl-modal.warning .icon:not(.wl-button) {
  color: #ff7471;
  background: rgba(255, 116, 113, 0.2);
}
.wl-modal.warning .wl-button.primary {
  background: #ff7471;
  border-color: #ff7471;
}
.wl-modal.warning .wl-button.primary:hover {
  background: #ff8885;
}
.wl-modal.warning .actions.separate {
  background: rgba(255, 116, 113, 0.1);
}
.wl-modal.success .icon:not(.wl-button) {
  color: #47cb6e;
  background: rgba(71, 203, 110, 0.1);
}
.wl-modal.success .wl-button.primary {
  background: #47cb6e;
  border-color: #47cb6e;
}
.wl-modal.success .wl-button.primary:hover {
  background: #57cf7b;
}
.wl-modal.success .actions.separate {
  background: rgba(71, 203, 110, 0.2);
}
.wl-modal .actions {
  padding-top: 1em;
  display: flex;
  flex-direction: row-reverse;
}
.wl-modal .actions .wl-button {
  margin-left: 1em;
}
.wl-modal .actions.space-between .wl-button {
  margin: 0;
}
.wl-modal .actions.separate {
  margin: 0 -1.5em -1.5em;
  padding: 1em;
  background: rgba(0, 149, 238, 0.1);
}

#wl-modal-shield .wl-modal.huge {
  max-width: 1200px;
  width: calc(100vw - 80px);
}
#wl-modal-shield .wl-modal .ck.ck-content {
  max-height: 400px;
}

@media all and (max-width: 680px) {
  #wl-modal-shield .wl-modal {
    max-width: calc(100vw - 40px);
  }
}
#wl-toast-container {
  position: fixed;
  left: 0;
  right: 10px;
  z-index: 16777001;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#wl-toast-container .wl-toast {
  position: relative;
  padding: 0.5em 0.75em;
  background: #fff;
  border-radius: 4px;
  border-left: 4px solid #0095ee;
  margin-bottom: 0.5em;
  box-shadow: 0 12 24px -14px #334bc7;
  background: #2f363d;
  transition: 0.35s all cubic-bezier(0.49, -0.17, 0.71, 1.2);
  opacity: 0;
  transform: translateY(5em);
}
#wl-toast-container .wl-toast *,
#wl-toast-container .wl-toast h4 {
  color: #fff;
}
#wl-toast-container .wl-toast * {
  margin: 0;
}
#wl-toast-container .wl-toast > div {
  display: flex;
  align-items: center;
}
#wl-toast-container .wl-toast .icon {
  font-size: 0;
  padding: 10px;
  background: #0095ee;
  color: #fff;
  border-radius: 256px;
  margin: 0 1em;
}
#wl-toast-container .wl-toast .icon svg {
  width: 20px;
  height: 20px;
}
#wl-toast-container .wl-toast .message,
#wl-toast-container .wl-toast .close {
  opacity: 0;
  width: 0;
  margin: 0;
  transition: 0.35s all cubic-bezier(0.49, -0.17, 0.71, 1.2);
  transition-delay: 1s;
}
#wl-toast-container .wl-toast .message {
  transform-origin: top right;
  transform: scaleX(1);
  overflow: hidden;
  white-space: nowrap;
}
#wl-toast-container .wl-toast .close {
  position: absolute;
  top: 4px;
  right: 4px;
  color: #b7b9be;
}
#wl-toast-container .wl-toast .close:hover {
  color: #ff7471;
}
#wl-toast-container .wl-toast .close svg {
  width: 18px;
  height: 18px;
}
#wl-toast-container .wl-toast.visible {
  opacity: 1;
  transform: translateY(0);
}
#wl-toast-container .wl-toast.visible .message {
  opacity: 1;
  width: 320px;
  max-width: 320px;
  transform: scaleX(1);
  margin: 0 1em;
}
#wl-toast-container .wl-toast.visible .close {
  opacity: 1;
  width: auto;
}
#wl-toast-container .wl-toast.removing {
  transition-delay: 0.5s;
}
#wl-toast-container .wl-toast.removing .message {
  opacity: 0;
  width: 0;
  margin: 0;
  transition-delay: 0s !important;
}
#wl-toast-container .wl-toast.removing .close {
  display: none;
}
#wl-toast-container .wl-toast:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #314b59;
  z-index: -1;
  transform-origin: top left;
  transition: 5s all linear;
  transform: scaleX(0);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
#wl-toast-container .wl-toast.temp .icon {
  outline: 10px solid #314b59;
  box-shadow: 0 0 0 10px #314b59;
}
#wl-toast-container .wl-toast.temp:before {
  transform: scaleX(1);
}
#wl-toast-container .wl-toast.success {
  border-left-color: #47cb6e;
}
#wl-toast-container .wl-toast.success .icon {
  background-color: #47cb6e;
}
#wl-toast-container .wl-toast.error {
  border-left-color: #ff7471;
}
#wl-toast-container .wl-toast.error .icon {
  background-color: #ff7471;
}
#wl-toast-container .wl-toast.info {
  border-left-color: #0095ee;
}
#wl-toast-container .wl-toast.info .icon {
  background-color: #0095ee;
}

/**
 * General Styles for WLIO Unified Presentation. 
 */
html, body {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}

html {
  overflow: initial;
}

body {
  height: auto;
  min-height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  background: #f4f7fa;
}

body[class*=hubs-] h3 > svg {
  width: 18px;
  margin-right: 8px;
}

body:not(.internet-explorer) {
  cursor: url("data:image/x-icon;base64,AAACAAEAICAAAAAAAACoEAAAFgAAACgAAAAgAAAAQAAAAAEAIAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABHQD0GR0A9EEY7NohHOTOZRzs1m0dAPB4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEhBPjJIQT4wR0A9HUdBPj9HOTLJS1JY00Rfb9VJV2DYSUI+r0dAPB4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABIQT5uQzw5yTs0MsRAOTemRzw3gURned1Nu+X/RND//0a37/9ISEjURj05fgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEA5NrVvZ2HYvrar742FfOo/MCrBTI2u7Evf//9R4f//P8z//0t/oPFHPTi4R0A9NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAODEvqJyWjuL/////8u7i/3xybOQ/OTe+S8Dn/Ezc//8/uO77SYew9Ug+Or5HQD01AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4MS+onZiR4P///v////b/39jQ/2ZZVOJBZXjeQ4Wl40JJTsg6LCa9OjQxj0M8OkFIQT4BAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgxLqidmJPg//////368////vj/2NPN/4Z4ceNzYVjegndx4paPiOSZkYjpXlZR5UM8OW8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAODEuqJ2ZlOD//////fv1//379/////3/+fbx//Hu5//28uv///rv////+f+QioLfOTIwrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4MS6onZmW4P/////9/Pn//fz5//38+P////v////6///99v///vb///70/4V9dt07NDKtAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgxLqidmZfg//////39/P/9/fr//fz5//38+P/9/Pf//vz2///99P+mmpPySkA+00U+PG4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAODAtqJ6ameD//////v79//79/P/9/fr//fz5//7++P///vn/qp6Y9Ec+O9JEPTtxAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4MC2onpqZ4P/////+/v3//v38//39+v////3////8/62jnvVIPjvUQjw5dktDQAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgwLaiempng//////7+/f/+/fz///79//////+xp6L1S0E81UI8OXoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAODAtqJ6ameD//////v79///+/P//////tKum9k1CPtVEPTp/S0NAAgAAAAAAAAAAAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4MC2onpqZ4P///////////////7mvrPdMQj7XQzw6hEpDQAcAAAAAAAAAAAAAAAIAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgwLaifm5rg//////////+8s7D3T0RA2EM8OYhHPzwEAAAAAAAAAAAAAAACAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOC8sqKKeneP/////wbi1+VFHQtlDPTqMTEVBBgAAAAAAAAAAAAAAAgAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABCOjezZ2Fez5GMitxUSkbYQzw5kUlCPw0AAAAAAAAAAgAAAAIAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEhBPkFBOjezOTIvrUM8OpRHQD0NAAAAAAAAAAAAAAABAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//////////////////////////////////////////////////////////////////////x////4P///gD///wAf//8AH///AB///wAP//8AB///AAf//wAP//8AH///AD///wB///8A////AP///wH///8D////B////4////8="), auto;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
}

hr {
  border: none;
  border-bottom: 1px solid;
}

.hidden {
  display: none !important;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.invisible {
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
  transform: scale(0);
  overflow: hidden;
}

.circle {
  border-radius: 512px;
  overflow: hidden;
}
.circle > img {
  border-radius: 512px;
}

img.circle,
.img.circle {
  font-size: 0;
}

.ellipses {
  text-overflow: ellipsis;
  overflow: hidden;
}

.locked {
  opacity: 0.5 !important;
  pointer-events: none;
}

.removing:not(#wl-modal-shield) {
  transform: scale(0);
  opacity: 0;
}

.loading:not(.section-search):not(.ajax-search):not(.wl-button) {
  position: relative;
  padding-right: 3em;
}
.loading:not(.section-search):not(.ajax-search):not(.wl-button):after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 1em;
  height: 1em;
  border-radius: 256px;
  border: 0.25em solid rgba(0, 149, 238, 0.25) !important;
  border-top-color: #0095ee !important;
  transition: inherit;
  pointer-events: none;
  opacity: 1;
  transform: translateY(-50%) scale(2) rotate(0);
  animation: 0.5s rotate-absolute-center linear forwards infinite;
  opacity: 1;
}

body.loading {
  padding-right: 0 !important;
}

label.loading:not(.section-search):not(.ajax-search):not(.wl-button):after {
  right: 0;
  top: 33%;
}

body.dashboard .loading:not(.section-search):not(.ajax-search):not(.wl-button):after {
  right: 0;
}
body.dashboard form.loading:not(.section-search):not(.ajax-search):not(.wl-button) {
  padding-right: 0 !important;
}
body.dashboard form.loading:not(.section-search):not(.ajax-search):not(.wl-button):after {
  content: "";
  display: none !important;
}
body.dashboard form.loading:not(.section-search):not(.ajax-search):not(.wl-button) button:not([class*=icon]) {
  padding-right: 2.75em;
}
body.dashboard form.loading:not(.section-search):not(.ajax-search):not(.wl-button) button:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 1em;
  width: 1em;
  height: 1em;
  border-radius: 256px;
  border: 0.25em solid rgba(255, 255, 255, 0.25);
  border-top-color: #fff;
  transform: translateY(-50%) scale(0) rotate(0);
  transition: inherit;
  pointer-events: none;
  opacity: 1;
  transform: translateY(-50%) scale(1) rotate(0);
  animation: 0.5s rotate-vertical-center linear forwards infinite;
  opacity: 1;
  width: 0.75em;
  height: 0.75em;
  right: 0.75em;
  border-width: 0.125em;
}

.card,
.wl-modal,
.wl-button,
.menu-item,
#page-tabs,
.format-toggle,
.toggle,
[data-display-format=list],
[data-display-format=grid] {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
 supported by Chrome, Opera and Firefox */
}

.object {
  transition: 0.35s transform cubic-bezier(0.49, -0.17, 0.71, 1.3), 0.15s opacity cubic-bezier(0.49, -0.17, 0.71, 1.3);
}
.object:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 1em;
  width: 1em;
  height: 1em;
  border-radius: 256px;
  border: 0.25em solid rgba(255, 255, 255, 0.25);
  border-top-color: #0095ee;
  transform: translateY(-50%) scale(0) rotate(0);
  transition: inherit;
  pointer-events: none;
  opacity: 1;
}
.object.loading {
  box-shadow: none !important;
  pointer-events: none;
  filter: grayscale(0.3) brightness(1.2);
}
.object.loading:after {
  transform: translateY(-50%) scale(1) rotate(0);
  animation: 0.5s rotate-vertical-center linear forwards infinite;
  opacity: 1;
}

.card,
.wl-modal,
.wl-button {
  background: #fff;
  transition: 0.125s all ease-out;
  transform: translateZ(0);
  position: relative;
  border-radius: 6px;
}

.wl-button {
  background: #0095ee;
}

.wl-button ~ .wl-button {
  margin: 0 0 0 1em;
}

.flex-row-reverse .wl-button ~ .wl-button {
  margin: 0 1em 0 0;
}

.flex-col .wl-button ~ .wl-button {
  margin: 1em 0 0 0;
}

.flex-col-reverse .wl-button ~ .wl-button {
  margin: 0 0 1em 0;
}

.aggregate-stars {
  position: relative;
}

.aggregate-stars,
.aggregate-score {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.aggregate-stars .stars,
.aggregate-score .stars {
  position: relative;
  width: 120px;
  font-size: 0;
  line-height: 0;
}
.aggregate-stars svg,
.aggregate-score svg {
  width: 24px;
  height: 24px;
  stroke: none;
}
.aggregate-stars .missed svg,
.aggregate-score .missed svg {
  fill: #e5e9f1;
}
.aggregate-stars .earned,
.aggregate-score .earned {
  position: absolute;
  white-space: nowrap;
  top: 0;
  left: 0;
  overflow: hidden;
}
.aggregate-stars .earned svg,
.aggregate-score .earned svg {
  fill: #feb800;
}
.aggregate-stars .review-count,
.aggregate-score .review-count {
  margin-left: 0.5em;
  color: #0095ee;
  font-weight: 600;
  opacity: 0.8;
  font-size: 0.75em;
}
.aggregate-stars .review-count:after,
.aggregate-score .review-count:after {
  content: " Reviews";
}

.blue {
  color: #0095ee;
}

.bg-blue {
  background-color: #0095ee !important;
}
.bg-blue.wl-button {
  border-color: #0095ee !important;
}
.bg-blue.wl-button:hover {
  border-color: #0095ee !important;
  background-color: #03a1ff !important;
}

.purple {
  color: #976ffb;
}

.bg-purple {
  background-color: #976ffb !important;
}
.bg-purple.wl-button {
  border-color: #976ffb !important;
}
.bg-purple.wl-button:hover {
  border-color: #976ffb !important;
  background-color: #a583fc !important;
}

.green {
  color: #47cb6e;
}

.bg-green {
  background-color: #47cb6e !important;
}
.bg-green.wl-button {
  border-color: #47cb6e !important;
}
.bg-green.wl-button:hover {
  border-color: #47cb6e !important;
  background-color: #57cf7b !important;
}

.pink {
  color: #f16292;
}

.bg-pink {
  background-color: #f16292 !important;
}
.bg-pink.wl-button {
  border-color: #f16292 !important;
}
.bg-pink.wl-button:hover {
  border-color: #f16292 !important;
  background-color: #f3759f !important;
}

.yellow {
  color: #febb44;
}

.bg-yellow {
  background-color: #febb44 !important;
}
.bg-yellow.wl-button {
  border-color: #febb44 !important;
}
.bg-yellow.wl-button:hover {
  border-color: #febb44 !important;
  background-color: #fec258 !important;
}

.cyan {
  color: #01cad8;
}

.bg-cyan {
  background-color: #01cad8 !important;
}
.bg-cyan.wl-button {
  border-color: #01cad8 !important;
}
.bg-cyan.wl-button:hover {
  border-color: #01cad8 !important;
  background-color: #01ddec !important;
}

.peach {
  color: #ff7471;
}

.bg-peach {
  background-color: #ff7471 !important;
}
.bg-peach.wl-button {
  border-color: #ff7471 !important;
}
.bg-peach.wl-button:hover {
  border-color: #ff7471 !important;
  background-color: #ff8885 !important;
}

.gray {
  color: #c5c5cc;
}

.bg-gray {
  background-color: #c5c5cc !important;
}
.bg-gray.wl-button {
  border-color: #c5c5cc !important;
}
.bg-gray.wl-button:hover {
  border-color: #c5c5cc !important;
  background-color: #d0d0d6 !important;
}

.medium-gray {
  color: #b7b9be;
}

.bg-medium-gray {
  background-color: #b7b9be !important;
}
.bg-medium-gray.wl-button {
  border-color: #b7b9be !important;
}
.bg-medium-gray.wl-button:hover {
  border-color: #b7b9be !important;
  background-color: #c2c3c8 !important;
}

.dark-gray {
  color: #a4a8b3;
}

.bg-dark-gray {
  background-color: #a4a8b3 !important;
}
.bg-dark-gray.wl-button {
  border-color: #a4a8b3 !important;
}
.bg-dark-gray.wl-button:hover {
  border-color: #a4a8b3 !important;
  background-color: #afb3bc !important;
}

.wl-button,
.menu-item,
.sub-menu > a {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.display-search-text {
  font-weight: 700;
  background: rgba(0, 149, 238, 0.15);
  padding: 0 0.5em;
}

#indicator-tag {
  position: absolute;
  pointer-events: none;
  margin-left: 1em;
  z-index: 100;
  padding: 2px 6px;
  color: #fff;
  border-radius: 2px;
  opacity: 1;
  transform: scale(1);
  transition: 0.15s transform cubic-bezier(0.49, -0.17, 0.71, 1.3), 0.15s opacity cubic-bezier(0.49, -0.17, 0.71, 1.3);
}
#indicator-tag.invisible {
  opacity: 0;
  transform: translateX(-18px);
  transition: 0s all;
}

.ajax-sign-in {
  overflow: visible;
}
.ajax-sign-in .whirlocal-logo,
.ajax-sign-in .whirlocal-logo-2 {
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 32px;
  width: 100%;
  text-align: center;
}

.company-selector {
  grid-gap: 0;
}
.company-selector .target {
  margin-top: 1em;
}
.company-selector .flex-col {
  width: 100%;
}
.company-selector svg {
  color: rgba(0, 149, 238, 0.4);
}
.company-selector svg:hover {
  fill: rgba(0, 149, 238, 0.6);
  transform: scale(1.5);
}
.company-selector.pinned svg {
  fill: #0095ee;
}

.wlio-sponsor-only,
.wlio-hover-text,
[data-wlio-hover-text],
.wlio-re-pro {
  overflow: visible;
}

.wlio-sponsor-only:before,
[data-wlio-hover-text]:before,
.wlio-re-pro:before {
  content: "Requires Sponsor Account";
  background: #ff7471;
  position: absolute;
  white-space: nowrap;
  transform: rotate(-6deg);
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
  padding: 3px 8px;
  font-size: 12px;
}

[data-wlio-hover-text].alt:before {
  left: 0 !important;
  transform: none !important;
  color: #fff !important;
  width: fit-content !important;
  height: fit-content !important;
  z-index: 1000 !important;
  top: 60% !important;
}

.wlio-re-pro:before {
  content: "Requires Review Engine Plus";
}

.wlio-hover-text:before,
[data-wlio-hover-text]:before {
  content: attr(data-wlio-hover-text) !important;
}

[data-wlio-hover-text] {
  pointer-events: auto;
}
[data-wlio-hover-text]:before {
  display: none;
}
[data-wlio-hover-text]:hover:before {
  display: block;
}

.wlio-hover-text,
a[data-wlio-hover-text],
.wlio-sponsor-only.hover-only,
.wlio-re-pro.hover-only {
  pointer-events: auto;
  background: #ff7471;
  border-color: #ff7471;
}
.wlio-hover-text:before,
a[data-wlio-hover-text]:before,
.wlio-sponsor-only.hover-only:before,
.wlio-re-pro.hover-only:before {
  display: none;
}
.wlio-hover-text:hover:before,
a[data-wlio-hover-text]:hover:before,
.wlio-sponsor-only.hover-only:hover:before,
.wlio-re-pro.hover-only:hover:before {
  display: block;
}

#wl-modal-shield .wl-modal.preview {
  background: #f4f7fa !important;
}
#wl-modal-shield .wl-modal.preview h4 {
  color: #314b59 !important;
}
#wl-modal-shield .wl-modal.preview .close {
  display: none;
}
#wl-modal-shield .wl-modal img {
  max-width: 100%;
}
#wl-modal-shield .wl-modal .search-container > .target,
#wl-modal-shield .wl-modal .ajax-container > .target {
  max-height: calc(100vh - 3.5em - 50px - 80px - 4em);
  overflow-x: hidden;
  overflow-y: auto;
}
#wl-modal-shield .wl-modal.has-wlio-branding {
  padding-bottom: 3em;
}
#wl-modal-shield .wl-modal.has-wlio-branding .wlio-branding {
  font-size: 10px;
  color: #314b59;
  align-items: flex-start;
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  text-align: center;
  justify-content: center;
}
#wl-modal-shield .wl-modal.has-wlio-branding .wlio-branding.wlio {
  align-items: flex-start;
}
#wl-modal-shield .wl-modal.has-wlio-branding .wlio-branding span {
  margin-right: 3px;
}
#wl-modal-shield .wl-modal.has-wlio-branding .wlio-branding img {
  max-height: 21px;
}
#wl-modal-shield .wl-modal.csv-mapper-modal {
  max-width: 1000px;
}
#wl-modal-shield .wl-modal.csv-mapper-modal .content {
  padding-top: 0;
}
#wl-modal-shield .wl-modal.csv-mapper-modal[max-width~="660px"] .allowed-container .grid {
  grid-template-columns: repeat(3, 1fr);
}
#wl-modal-shield .wl-modal.csv-mapper-modal[max-width~="480px"] .allowed-container .grid {
  grid-template-columns: repeat(2, 1fr);
}

.wl-button:disabled {
  filter: grayscale(1);
  opacity: 0.5;
  pointer-events: none;
}
.wl-button:disabled.force-color {
  filter: grayscale(0);
  opacity: 1;
}

.url-sharer {
  font-size: 12px;
}

.no-font {
  font-size: 0;
}

.full {
  width: 100%;
}

.no-padding {
  padding: 0 !important;
}

.no-margin {
  margin: 0 !important;
}

.help-doc[onclick] {
  margin-left: 6px;
}
.help-doc[onclick] svg {
  fill: #0095ee;
  stroke: #0095ee;
}
.help-doc[onclick] svg path, .help-doc[onclick] svg line {
  stroke: #fff;
}
.help-doc[onclick]:hover {
  filter: brightness(110%);
}
.help-doc[onclick]:hover svg {
  fill: #fff;
}
.help-doc[onclick]:hover svg path, .help-doc[onclick]:hover svg line {
  stroke: #0095ee;
}

.search-container [data-searchable]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 rgba(0, 149, 238, 0);
  transition: 1s box-shadow;
  z-index: 0;
  pointer-events: none !important;
}
.search-container [data-searchable].highlighted:before {
  box-shadow: inset 0 0 20px #0095ee;
}

#ckf-modal {
  z-index: 16777002 !important;
}

.ck.ck-balloon-panel {
  z-index: 16777003 !important;
}

.format-toggle {
  padding: 4px;
  background: #f4f7fa;
  color: #8692a7;
  border-radius: 6px;
  margin: 0 1em;
}
.format-toggle > * {
  padding: 0.5em 1em;
  opacity: 0.75;
  font-weight: 600;
}
.format-toggle > *:hover {
  color: #0095ee;
}
.format-toggle svg {
  width: 21px;
  height: 21px;
  margin-right: 0.5em;
}
.format-toggle .active {
  border-radius: 6px;
  background: #fff;
  opacity: 1;
  box-shadow: 0 2px 6px -4px;
  color: #314b59;
}

svg.filled {
  stroke: none;
  fill: #0095ee;
}
svg.star.earned {
  fill: #feb800;
}
svg.star.missed {
  fill: #e5e9f1;
}
svg.star.featured {
  fill: #0095ee;
}

[data-display-format=list] .content .object {
  position: relative;
  padding: 1em;
  margin: 0 -1em;
  display: flex;
  align-items: center;
}
[data-display-format=list] .content .object:before {
  display: none;
}
[data-display-format=list] .content .object[href]:hover, [data-display-format=list] .content .object[onclick]:hover {
  background: rgba(0, 149, 238, 0.1);
}
[data-display-format=list] .content .object > * {
  margin: 0 6px;
}
[data-display-format=list] .content .object > *:first-child {
  margin-left: 0;
}
[data-display-format=list] .content .object > *:last-child {
  margin-right: 0;
}
[data-display-format=list] .content .object.review .reviewer {
  display: inline-block;
  white-space: nowrap;
  font-size: 18px;
  line-height: 1.2;
}
[data-display-format=list] .content .object.review .excerpt {
  font-weight: 500;
}
[data-display-format=list] .content .object.review .rating svg {
  width: 16px;
  height: 16px;
}
[data-display-format=list] .content .object.review .excerpt {
  white-space: nowrap;
  overflow: hidden;
}
[data-display-format=list] .content .object.referral .name {
  margin: -0.25em 0 0.25em;
}
[data-display-format=list] .content .object.contact .name {
  width: 240px;
}
[data-display-format=list] .content .object.contact .phone {
  font-size: 12px;
  width: 160px;
}
[data-display-format=list] .content .object.contact .campaigns {
  font-size: 12px;
  flex-grow: 1;
  width: auto;
  overflow-x: auto;
  white-space: nowrap;
  flex-wrap: nowrap;
}

.content .object .name {
  color: #53536d;
  height: auto;
  line-height: 1.2;
  flex-shrink: 0;
  width: 180px;
}
.content .object .excerpt, .content .object .date {
  color: #8692a7;
}
.content .object .avatar {
  width: 48px;
  margin-right: 12px;
  height: 48px;
  float: left;
  flex-shrink: 0;
}
.content .object .avatar.avatar-64 {
  width: 64px;
  height: 64px;
}
.content .object .avatar img {
  margin: 0;
  width: 100%;
}
.content .object.popup .avatar {
  width: 24px;
  height: 24px;
}
.content .object.popup .avatar:empty {
  display: none !important;
}
.content .object .date {
  margin-left: auto;
  margin-right: 0;
  font-weight: 600;
  font-size: 11px;
  width: 100px;
  text-align: right;
  flex-shrink: 0;
  flex-grow: 0;
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.content .object .sub-text {
  font-size: 0.75em;
  margin-top: 0.25em;
}
.content .object .views {
  display: inline-flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 11px;
  line-height: 0;
  font-family: monospace;
  background: rgba(0, 149, 238, 0.2);
  color: #0095ee;
  border-top-right-radius: 6px;
  padding: 0.2em 0.5em;
}
.content .object .views svg {
  width: 12px;
  height: 12px;
  margin-right: 4px;
}
.content .object.form .name {
  width: 320px;
}
.content .object.form .name h5 {
  margin: 0 0 0.35em;
}
.content .object.form .name .stats {
  padding: 0.35em 1em;
  font-size: 12px;
  background: rgba(0, 149, 238, 0.2);
}
.content .object.form .actions {
  flex-direction: row;
}
.content .object.form .actions a,
.content .object.form .actions span[onclick] {
  border-radius: 256px;
  width: 40px;
  height: 40px;
  color: #314b59;
}
.content .object.form .actions a svg,
.content .object.form .actions span[onclick] svg {
  padding: 8px;
}
.content .object.form .actions a:hover,
.content .object.form .actions span[onclick]:hover {
  color: #fff;
  cursor: pointer;
  background: #0095ee;
}
.content .object.form .date-modified {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.content .object.form .date-modified svg {
  width: 14px;
  height: 14px;
}

[data-display-format=grid] .content .object.form .name {
  margin-right: 0;
  width: 100%;
}
[data-display-format=grid] .content .object.form .stats {
  margin: 4px 0 7px;
}
[data-display-format=grid] .content .object.form .actions {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}

.review-source:before {
  position: absolute;
  bottom: -8px;
  right: -4px;
  border-radius: 256px;
  border: 2px solid #fff;
}

#content-syndicator h3,
#content-syndicator h4 {
  margin: 0;
}
#content-syndicator h3 {
  font-size: 16px;
}
#content-syndicator .hub-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1em;
  border-radius: 6px;
  background: #f4f7fa;
}
#content-syndicator .featured-content {
  transition: 0.25s all cubic-bezier(1, 0, 0.65, 1.2);
}
#content-syndicator .featured-content.featured svg.star.filled {
  fill: #0095ee !important;
}
#content-syndicator .bg-peach + .featured-content {
  transform: translateY(12px);
  opacity: 0;
  pointer-events: none;
}
#content-syndicator .bg-green + .featured-content {
  transform: translateY(0);
  opacity: 1;
  pointer-events: all;
}

.full-company-select .ajax-container > .target {
  max-height: none;
  overflow-y: visible;
}

.overview {
  margin-bottom: 1em;
}
.overview > .wl-modal {
  min-width: 0;
  max-width: 100%;
  min-height: 0;
  max-height: 100%;
}
.overview > .wl-modal header .icon {
  color: #fff;
  background: rgba(0, 0, 0, 0.25);
}
.overview > .wl-modal header h4 {
  color: #fff;
}
.overview > .wl-modal .content {
  padding: 0;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  font-size: 28px;
  color: #fff;
}
.overview > .wl-modal .content .number {
  font-weight: 800;
}
.overview > .wl-modal .content .sep {
  opacity: 0.5;
}
.overview > .wl-modal .content .value {
  font-weight: 600;
}

.filled-bar {
  background: #e5e9f1;
  border-radius: 256px;
  position: relative;
}
.filled-bar .bar {
  height: 14px;
  background: #0095ee;
  border-radius: 256px;
}
.filled-bar .label {
  position: absolute;
  top: 100%;
  font-size: 11px;
  padding-top: 2px;
}

body .gu-mirror,
body > .gu-mirror {
  z-index: 16778001 !important;
}

.major-loading {
  transition: 0.25s all ease-out;
  position: relative;
  pointer-events: none;
}

.major-loading > * {
  opacity: 0.5 !important;
  filter: blur(1px);
  transform: scale(0.99);
}

.major-loading:after {
  content: "";
  width: clamp(48px, 10vw, 96px);
  height: clamp(48px, 10vw, 96px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 10000000000;
  border-radius: 96px;
  border: clamp(6px, 1.5vw, 18px) solid rgba(0, 149, 238, 0.2);
  border-top-color: #0095ee;
  box-shadow: inset 0 0 1px 2px #0095ee;
  animation: 0.625s spin-full-center infinite forwards linear;
}

@-webkit-keyframes spin-full-center {
  from {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(0deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(0deg);
    transform: translateX(-50%) translateY(-50%) rotate(0deg);
  }
  to {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(360deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(360deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(360deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(360deg);
    transform: translateX(-50%) translateY(-50%) rotate(360deg);
  }
}
@-moz-keyframes spin-full-center {
  from {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(0deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(0deg);
    transform: translateX(-50%) translateY(-50%) rotate(0deg);
  }
  to {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(360deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(360deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(360deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(360deg);
    transform: translateX(-50%) translateY(-50%) rotate(360deg);
  }
}
@-ms-keyframes spin-full-center {
  from {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(0deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(0deg);
    transform: translateX(-50%) translateY(-50%) rotate(0deg);
  }
  to {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(360deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(360deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(360deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(360deg);
    transform: translateX(-50%) translateY(-50%) rotate(360deg);
  }
}
@-o-keyframes spin-full-center {
  from {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(0deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(0deg);
    transform: translateX(-50%) translateY(-50%) rotate(0deg);
  }
  to {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(360deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(360deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(360deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(360deg);
    transform: translateX(-50%) translateY(-50%) rotate(360deg);
  }
}
@keyframes spin-full-center {
  from {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(0deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(0deg);
    transform: translateX(-50%) translateY(-50%) rotate(0deg);
  }
  to {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(360deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(360deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(360deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(360deg);
    transform: translateX(-50%) translateY(-50%) rotate(360deg);
  }
}
[onclick*=wl_gform_action].loading {
  padding: 0 !important;
}
[onclick*=wl_gform_action].loading svg {
  opacity: 0.25;
  transform: scale(0.5);
}
[onclick*=wl_gform_action].loading:after {
  right: 0;
}

#neighborhood-content-widget header {
  margin-bottom: 1em;
}
#neighborhood-content-widget .content.masonry {
  width: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  max-height: 1000px !important;
}
#neighborhood-content-widget .content.masonry .company-content {
  width: calc(33% - 20px);
}
#neighborhood-content-widget .content.masonry[max-width~="1160px"] .company-content {
  width: calc(50% - 20px);
}
#neighborhood-content-widget .content.masonry[max-width~="660px"] .company-content {
  width: 100%;
}

.applause {
  overflow: visible;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  user-select: none;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  border-radius: 256px;
  width: 48px;
  height: 48px;
  background: #44d9ff;
  transition: all 0.2s cubic-bezier(0.17, 0.89, 0.58, 1.61);
  font-size: 12px;
}
.applause .total-claps {
  position: absolute;
  left: calc(100% + 6px);
  top: 50%;
  color: #789;
  font-weight: 600;
  transform: translateY(-50%);
  pointer-events: none;
}
.applause:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  border-radius: 256px;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  background: #0095ee;
  background: #fff;
}
.applause:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(90deg, #63B8FF 50%, #ddd 50%, #ddd);
  border-radius: 256px;
  transition: 0.2s all;
}
.applause {
  background: transparent;
}
.applause:after {
  background: #fff;
}
.applause svg {
  stroke: #0095ee;
  fill: #fff;
}
.applause[data-claps]:before, .applause[data-claps=""]:before, .applause[data-claps="0"]:before {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(126deg, #63B8FF 50%, #ddd 50%, #ddd);
}
.applause[data-claps="1"]:before {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(126deg, #63B8FF 50%, #ddd 50%, #ddd);
}
.applause[data-claps="2"]:before {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(162deg, #63B8FF 50%, #ddd 50%, #ddd);
}
.applause[data-claps="3"]:before {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(198deg, #63B8FF 50%, #ddd 50%, #ddd);
}
.applause[data-claps="4"]:before {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(234deg, #63B8FF 50%, #ddd 50%, #ddd);
}
.applause[data-claps="5"]:before {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(270deg, #63B8FF 50%, #ddd 50%, #ddd);
}
.applause[data-claps="6"]:before {
  background-image: linear-gradient(-90deg, #63B8FF 50%, transparent 50%, transparent), linear-gradient(306deg, #63B8FF 50%, #ddd 50%, #ddd);
}
.applause[data-claps="7"]:before {
  background-image: linear-gradient(-90deg, #63B8FF 50%, transparent 50%, transparent), linear-gradient(342deg, #63B8FF 50%, #ddd 50%, #ddd);
}
.applause[data-claps="8"]:before {
  background-image: linear-gradient(-90deg, #63B8FF 50%, transparent 50%, transparent), linear-gradient(378deg, #63B8FF 50%, #ddd 50%, #ddd);
}
.applause[data-claps="9"]:before {
  background-image: linear-gradient(-90deg, #63B8FF 50%, transparent 50%, transparent), linear-gradient(414deg, #63B8FF 50%, #ddd 50%, #ddd);
}
.applause svg {
  box-sizing: content-box;
  padding: 8px;
  border-radius: 256px;
  position: absolute;
  z-index: 100;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  box-shadow: 0px 18px 24px -15px rgba(104, 98, 255, 0.85), 0px 15px 20px -25px rgba(104, 98, 255, 0.85);
  background: url(https://whirlocal.io/assets/img/wlio-heart.png) calc(50% + 2px) calc(50% + 2px) no-repeat;
  background-size: 0px;
  transition: 0.3s background-size cubic-bezier(1, -0.18, 0.57, 1.55);
}
.applause svg path:first-child {
  transform-origin: bottom left;
}
.applause svg path:nth-child(2) {
  transform-origin: top left;
}
.applause:hover svg {
  fill: white;
  stroke: #0073cc;
}
.applause:hover svg path {
  transition: 0.1s transform;
}
.applause:active:after {
  transform: translate(-50%, -50%) scale(1);
}
.applause:active svg path:first-child {
  transform: scale(1) rotate(28deg) translate(-3px, -7px);
}
.applause:active svg path:nth-child(2) {
  transform: scale(0.975) rotate(-12deg);
}
.applause[data-claps="10"] .total-claps {
  color: #0095ee;
  font-size: 14px;
}
.applause[data-claps="10"] svg, .applause[data-claps="10"]:hover svg {
  fill: #0095ee;
  stroke: #fff;
}
.applause[data-claps="10"]:before {
  background-image: none;
  background: #63B8FF;
}
.applause[data-claps="10"] svg {
  color: transparent;
  fill: transparent !important;
  stroke: transparent !important;
  background: url(https://whirlocal.io/assets/img/wlio-heart.png) calc(50% + 2px) calc(50% + 2px) no-repeat;
  background-size: 38px;
}
.applause .particle {
  pointer-events: none;
  border-radius: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  z-index: -1;
  display: block;
}
.applause .particle.heart {
  background-color: transparent !important;
  background: url(https://whirlocal.io/assets/img/wlio-heart.png) !important;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.single-applause-container {
  position: fixed;
  left: 10px;
  bottom: 10px;
  background: #fff;
  padding: 6px;
  min-width: 115px;
  border-radius: 6px;
  box-shadow: 0 10px 20px -14px;
}

.pricing-table-container {
  max-width: 1366px;
  margin: 0 auto;
  text-align: center;
}
.pricing-table-container.show-dwy .diy {
  display: none;
}
.pricing-table-container.show-diy .dwy {
  display: none;
}
.pricing-table-container .plan .header .year, .pricing-table-container.show-yearly .plan .header .year {
  display: inline-block;
}
.pricing-table-container .plan .header .month, .pricing-table-container.show-yearly .plan .header .month {
  display: none;
}
.pricing-table-container.show-monthly .plan .header .year {
  display: none;
}
.pricing-table-container.show-monthly .plan .header .month {
  display: inline-block;
}
.pricing-table-container .plan.whirlocal-basic .header .month {
  display: inline-block;
}
.pricing-table-container .selector-container {
  grid-template-columns: repeat(auto-fill, minmax(300px, calc(50% - 10px)));
  display: grid;
  grid-gap: 20px;
}
.pricing-table-container .selector-container[max-width~="720px"] {
  grid-template-columns: 100% !important;
}
.pricing-table-container .selector {
  background: #f4f7fa;
  border-radius: 256px;
}
.pricing-table-container .selector .show-small {
  display: none;
}
.pricing-table-container .selector [data-type] {
  padding: 6px 12px;
  margin: 6px 0;
  border-radius: 256px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  user-select: none;
  color: #678;
  align-items: center;
  justify-content: center;
}
.pricing-table-container .selector [data-type][data-type=null] {
  pointer-events: none;
  font-size: 16px;
  font-weight: 500;
  color: #141e2a;
}
.pricing-table-container .selector [data-type] svg {
  width: 14px;
  height: 14px;
  margin-right: 6px;
}
.pricing-table-container .selector [data-type].active {
  color: #0095ee;
  background: #fff;
  box-shadow: 0 10px 20px -18px;
}
.pricing-table-container .selector [data-type]:hover {
  cursor: pointer;
}
.pricing-table-container .selector[max-width~="420px"] .hide-small {
  display: none;
}
.pricing-table-container .selector[max-width~="420px"] .show-small {
  display: inline-block;
}
.pricing-table-container .selector[max-width~="290px"] [data-type=null] {
  display: none;
}
.pricing-table-container .plans {
  max-width: 1366px;
  margin: 2em auto;
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
.pricing-table-container .plan {
  position: relative;
  padding: 20px;
  border-radius: 6px;
  background: #f4f7fa;
  display: flex;
  flex-direction: column;
}
.pricing-table-container .plan .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pricing-table-container .plan .price {
  margin-top: 12px;
  font-size: 24px;
  color: #0095ee;
  font-weight: 800;
}
.pricing-table-container .plan .price:before {
  content: "$";
  font-size: 0.5em;
  vertical-align: super;
  font-weight: 500;
}
.pricing-table-container .plan .cycle {
  font-size: 0.75em;
  color: #0095ee;
  font-weight: 500;
  vertical-align: super;
}
.pricing-table-container .plan .features {
  text-align: left;
  padding-left: 0;
}
.pricing-table-container .plan .features li {
  list-style-type: none;
  width: 100%;
  display: flex;
  align-items: center;
  margin: 10px 0;
  font-weight: 300;
  letter-spacing: 0.25px;
  font-size: 16px;
  color: #55595f;
  flex-wrap: no-wrap;
}
.pricing-table-container .plan .features li ul {
  padding-left: 2em;
}
.pricing-table-container .plan .features li span {
  width: calc(100% - 28px);
}
.pricing-table-container .plan .features li:before {
  content: "";
  display: inline-block;
  background-color: #141e2a;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23fff' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
  border-radius: 3px;
  background-position: center center;
  background-size: 12px 12px;
  background-repeat: no-repeat;
  flex-shrink: 0;
  margin-right: 10px;
  width: 18px;
  height: 18px;
}
.pricing-table-container .plan h3 {
  margin: 0;
  font-size: 28px;
  font-weight: 800;
}
.pricing-table-container .plan .footer {
  margin-top: auto;
}
.pricing-table-container .plan .footer .wl-button {
  border-color: #d07507;
}
.pricing-table-container .plan .footer .wl-button:before {
  content: "Downgrade ";
}
.pricing-table-container .plan .footer .wl-button.no-before:before {
  content: "";
  display: none;
}
.pricing-table-container .plan.active, .pricing-table-container .plan.pending {
  padding: 28px;
  margin: -8px;
  box-shadow: 0 5px 14px -9px;
  background: #0095ee;
}
.pricing-table-container .plan.active:before, .pricing-table-container .plan.pending:before {
  content: "Current Plan";
  background: #f4f7fa;
  position: absolute;
  top: 10px;
  left: -12px;
  font-size: 11px;
  padding: 0 16px;
}
.pricing-table-container .plan.active:after, .pricing-table-container .plan.pending:after {
  content: "";
  position: absolute;
  top: 19px;
  z-index: -1;
  left: -8px;
  border: 8px solid transparent;
  transform: rotate(-45deg);
  border-left-color: #d1deea;
}
.pricing-table-container .plan.active h3,
.pricing-table-container .plan.active li,
.pricing-table-container .plan.active .price,
.pricing-table-container .plan.active .cycle, .pricing-table-container .plan.pending h3,
.pricing-table-container .plan.pending li,
.pricing-table-container .plan.pending .price,
.pricing-table-container .plan.pending .cycle {
  color: #fff;
}
.pricing-table-container .plan.active li:before, .pricing-table-container .plan.pending li:before {
  background-color: #f4f7fa;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23141e2a' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
}
.pricing-table-container .plan.active .wl-button, .pricing-table-container .plan.pending .wl-button {
  color: #0095ee !important;
  background: #fff !important;
  border-color: #fff !important;
}
.pricing-table-container .plan.active .footer .wl-button, .pricing-table-container .plan.pending .footer .wl-button {
  display: none;
}
.pricing-table-container .plan.active ~ .plan .footer .wl-button:before, .pricing-table-container .plan.pending ~ .plan .footer .wl-button:before {
  content: "Upgrade ";
}
.pricing-table-container .plan.pending {
  background: #976ffb !important;
}
.pricing-table-container .plan.pending:before {
  content: "Pending Plan";
}
.pricing-table-container .plan.pending .footer .wl-button {
  display: block;
}
.pricing-table-container .plan.pending .footer .wl-button:before {
  content: "";
  display: none;
}

/*.card:hover {
	.applause {
		&:after {
			background: $blue;
		}
		&:hover:after {
			background: darken($blue, 5%);
		}
	}
	.applause[data-claps="10"]:after {
		background: #eee;
	}
}*/
@media all and (max-width: 480px) {
  .wl-modal {
    min-width: 320px;
  }
  .wl-modal .actions.stackable {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .wl-modal .actions.stackable > * {
    margin-bottom: 6px !important;
  }
  .wl-modal .actions.stackable > *:last-child {
    margin-bottom: 0;
  }
}
.card.offer-card .applause .claps {
  color: #fff;
}

.wl-button.f-orange {
  background-color: #F29709 !important;
}

.no-margin-children > * {
  margin: 0;
}

.mask,
[class*=mask-] {
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.mask-squircle {
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAwIDBDMjAgMCAwIDIwIDAgMTAwczIwIDEwMCAxMDAgMTAwIDEwMC0yMCAxMDAtMTAwUzE4MCAwIDEwMCAweiIvPjwvc3ZnPg==);
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAwIDBDMjAgMCAwIDIwIDAgMTAwczIwIDEwMCAxMDAgMTAwIDEwMC0yMCAxMDAtMTAwUzE4MCAwIDEwMCAweiIvPjwvc3ZnPg==);
}

.revoke-user-access {
  opacity: 0;
  transition: 0.15s all cubic-bezier(0.49, -0.17, 0.71, 1.3);
}

.object:hover .revoke-user-access {
  opacity: 1;
}

.object.user {
  padding-bottom: 1em !important;
}
.object.user .actions {
  padding-top: 1.5em;
}

.content-footer:has([data-owner]) .applause {
  order: 10;
  width: 51px;
}

.content-footer [data-owner] {
  font-size: 13px;
  line-height: 15px;
  font-weight: 600;
  position: absolute;
  left: 0;
  margin: 0;
  bottom: 4px;
  width: 100%;
  text-align: center;
}

body {
  /*#main-menu {
  	//background: rgba(0, 0, 0, 0.35);
  	//backdrop-filter: blur(2px);
  }
  #main-menu * {
  	//color: #fff;
  }
  #main-menu svg path {
  	//fill: #fff !important;
  }*/
}
body.large-neighborhood {
  margin-bottom: 160px;
  background: #fff !important;
}
body.large-neighborhood main {
  max-width: none;
  width: 100vw;
}
body.large-neighborhood main:has(#featured-companies) {
  padding-top: 0;
}
body.large-neighborhood main #content-container {
  width: calc(100% - 160px);
  max-width: 1440px;
  margin: 0 auto;
}
body.large-neighborhood main #content-container h2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body.large-neighborhood main #content-container h2 .more {
  color: #fff;
  font-size: 16px;
}
body h2 {
  font-size: 42px;
}
body .card.company-content {
  max-width: 100%;
}
body #content mark {
  color: inherit;
  background-color: transparent;
}
body svg {
  box-sizing: content-box;
}
body .popular-categories {
  color: rgba(255, 255, 255, 0.75);
  font-size: 13px;
  margin-top: 12px;
}
body .popular-categories > span {
  position: relative;
  display: inline-block;
  margin-left: 10px;
}
body .popular-categories .count {
  font-weight: 200;
}
body .popular-categories a {
  font-weight: 600;
  color: #fff;
}
body .popular-categories a:hover {
  color: #fff;
  background: #0095ee;
}
body .search-ish a,
body .search-ish span {
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.3);
  background: linear-gradient(to right, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.35));
  color: #fff;
  padding: 6px 24px 4px;
  font-weight: 600;
  font-size: 14px;
  padding: 2px 16px 1px;
  font-size: 12px;
}
body .search-ish a svg,
body .search-ish span svg {
  width: 14px;
  height: 14px;
  margin-right: 6px;
}
body .search-ish a.active,
body .search-ish span.active {
  background: #fff;
  color: #0095ee;
}
body .search-ish .active svg {
  fill: none;
}
body .search-ish a:not(.active):hover,
body .search-ish span:not(.active):hover {
  background: rgba(255, 255, 255, 0.5);
  background: #0095ee;
  color: #fff;
}
body .search-ish > a.loading {
  background: #0095ee;
}
body .search-ish > a.loading:not(.section-search):not(.ajax-search):not(.wl-button):after {
  right: 0;
  border-color: rgba(255, 255, 255, 0.35) !important;
  border-top-color: #fff !important;
}
body .search-ish > * {
  font-size: 18px !important;
}
body .card-ish {
  background: #fff;
  padding: 18px;
  box-shadow: 20px 10px 40px -35px #037;
}
body .card-ish [name] {
  box-shadow: none !important;
}
body .card-ish .loading:after {
  border-color: rgba(0, 164, 238, 0.2) !important;
  border-top-color: #0095ee !important;
  right: 0;
}
body #user-menu > a {
  color: #fff;
}
body .guide .featured-pro-badge:after {
  content: "Neighborhood Publisher";
  font-size: 14px;
  font-weight: 600;
}
body .guide .featured-pro-badge {
  font-size: 0;
}
body #main-menu {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000;
}
body #main-menu .mega-menu a,
body #main-menu .mega-menu a * {
  color: #6f6f6f;
}
body #main-menu + * {
  /*margin-top: 95px;*/
}
body #main-menu ~ *.large-neighborhood {
  /*margin-top: 48px;*/
  background: #000;
  height: 560px;
  position: relative;
  z-index: 100;
  overflow: hidden;
}
body #main-menu ~ *.large-neighborhood .card {
  background: transparent;
  color: #fff;
  box-shadow: none;
  font-weight: 100;
}
body #main-menu ~ *.large-neighborhood .card .date-tag {
  display: none !important;
}
body #main-menu ~ *.large-neighborhood .card .meta-tag {
  font-size: 14px;
  letter-spacing: 0;
  opacity: 0.7;
  margin: 14px 0px;
  display: block !important;
  font-weight: 400 !important;
}
body #main-menu ~ *.large-neighborhood .card h4 a {
  font-size: 42px;
  color: #fff;
  line-height: 1.15;
}
body #main-menu ~ *.large-neighborhood .card .uc {
  font-size: 21px;
  line-height: 1.5;
  font-weight: 300 !important;
  /*&:before {
  	content: "";
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	display: block;
  	width: 100%;
  	height: 180%;
  	z-index: -1;
  	transform: translate(-50%, -50%);
  	background: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  	width: calc(100vw);
  	pointer-events: none;
  }*/
}
body #main-menu ~ *.large-neighborhood .card .card-cover {
  display: none !important;
}
body #main-menu ~ *.large-neighborhood .card .applause {
  width: 48px;
  flex-shrink: 0;
  flex-grow: 0;
}
body #main-menu ~ *.large-neighborhood .card .applause .total-claps {
  color: #fff;
}
body #main-menu ~ *.large-neighborhood .trending-container {
  min-width: 450px;
  margin-top: 0;
  padding: 0 15px;
  position: relative;
}
body #main-menu ~ *.large-neighborhood .trending-container:after {
  background: #000;
  width: 1000%;
  height: 200%;
  position: absolute;
  left: 0;
  display: block;
  content: "";
  opacity: 0.3;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
  pointer-events: none;
}
body #main-menu ~ *.large-neighborhood .trending-container .trending-container:after {
  transform: translate(-50%);
  left: 50%;
}
body #main-menu ~ *.large-neighborhood .trending-container > h3 {
  overflow: hidden;
  position: relative;
}
body #main-menu ~ *.large-neighborhood .trending-container > h3 span {
  color: #fff;
  margin-left: 54px;
  font-size: 30px;
}
body #main-menu ~ *.large-neighborhood .trending-container > h3:before {
  content: "";
  width: 40px;
  height: 5px;
  background: #fff;
  position: absolute;
  left: 0;
  top: 44%;
  transform: translateY(-50%);
}
body #main-menu ~ *.large-neighborhood .trending-container > h3:after {
  content: "";
  width: calc(100% - 30px);
  height: 5px;
  background: #fff;
  position: absolute;
  left: 215px;
  top: 44%;
  transform: TranslateY(-50%);
}
body #main-menu ~ *.large-neighborhood .trending-container .trending-article {
  display: flex;
  gap: 12px;
  margin: 0px 10px -1px;
  padding: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  flex-direction: row-reverse;
  align-items: flex-start;
  position: relative;
  justify-content: space-between;
}
body #main-menu ~ *.large-neighborhood .trending-container .trending-article:hover {
  background: rgba(0, 149, 238, 0.55);
  box-shadow: 16px 0 rgba(0, 149, 238, 0.55), -4px 0 rgba(0, 149, 238, 0.55);
}
body #main-menu ~ *.large-neighborhood .trending-container .trending-article h4 {
  font-size: 16px;
  width: calc(100% + 6px);
  max-width: none;
}
body #main-menu ~ *.large-neighborhood .trending-container .trending-article h4 a {
  color: #fff;
  text-decoration: none;
}
body #main-menu ~ *.large-neighborhood .trending-container .trending-article h4 a:hover {
  text-decoration: underline !important;
}
body #main-menu ~ *.large-neighborhood .trending-container .trending-article h4 + span {
  font-size: 13px;
  line-height: 1.3;
}
body #main-menu ~ *.large-neighborhood .trending-container .trending-article .applause {
  width: 48px;
  flex-shrink: 0;
  flex-grow: 0;
}
body #main-menu ~ *.large-neighborhood .trending-container .trending-article .read-more-trending {
  position: absolute;
  right: 4px;
  bottom: 4px;
  background: #0095ee;
  padding: 0 6px;
}
body #main-menu ~ *.large-neighborhood .trending-container .trending-article .read-more-trending:hover {
  background: #0073cc;
}
body #main-menu ~ *.large-neighborhood .trending-container .trending-article * {
  color: #fff;
}
body #main-menu ~ *.large-neighborhood .trending-container .content {
  font-weight: 500 !important;
}
body #main-menu ~ *.large-neighborhood .discover {
  z-index: 1;
  width: 1100px;
  width: 1366px;
  max-width: calc(100% - 80px);
  margin: 0 auto;
  position: relative;
  /*&:has(.main-article:hover){
  	//#trending-container {
  	//	opacity: .5;
  	//}
  }*/
}
body #main-menu ~ *.large-neighborhood .discover .main-article, body #main-menu ~ *.large-neighborhood .discover #trending-container {
  transition: 0.5s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body #main-menu ~ *.large-neighborhood .discover:has(#trending-container .trending-article:hover) .main-article {
  opacity: 0.5;
}
body #main-menu ~ *.large-neighborhood h1 {
  color: #fff;
  pointer-events: none;
  font-size: 42px;
  line-height: 1.25;
}
body #main-menu ~ *.large-neighborhood h1 span {
  font-size: 28px;
  font-weight: 100;
  color: rgba(255, 255, 255, 0.8);
}
body #main-menu ~ *.large-neighborhood h1 span mark {
  color: white;
  font-weight: 600;
  background: transparent;
  color: #fff;
  position: relative;
}
body #main-menu ~ *.large-neighborhood h1 span mark:after {
  content: "";
  width: 140%;
  border-width: 3px;
  border-style: solid;
  left: 50%;
  transform: translate(-50%, 7px) rotateX(-2deg) rotateY(40deg);
  border-image: linear-gradient(to left, #0095ee, rgba(0, 0, 0, 0)) 100% 0 0;
  display: block;
  position: absolute;
}
body #main-menu ~ *.large-neighborhood .bg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  position: absolute;
  opacity: 1;
  pointer-events: none;
  background-size: cover;
  background-position: center top;
}
body #main-menu ~ *.large-neighborhood .bg.bg-hover:after, body #main-menu ~ *.large-neighborhood .bg.bg-hover:before {
  display: none !important;
}
body #main-menu ~ *.large-neighborhood .bg.bg-hover > * {
  opacity: 0;
  transition: 0.25s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
}
body #main-menu ~ *.large-neighborhood .bg.bg-hover > *:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.75) 15%, rgba(0, 0, 0, 0));
}
body #main-menu ~ *.large-neighborhood .bg.bg-hover > *.bg-loaded {
  opacity: 1;
}
body a {
  text-decoration: none !important;
}
body #main-menu ~ *.large-neighborhood .bg:before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  /*background: linear-gradient(to bottom right, #125382, #013038);*/
  mix-blend-mode: multiply;
  opacity: 0.5;
  background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.8) 15%, #aaa);
  opacity: 1;
}
body #main-menu .nav-container a.active,
body #main-menu .nav-container a:hover,
body #main-menu .nav-container a:active,
body #main-menu .nav-container a:focus {
  background: linear-gradient(to bottom right, #0095ee, #0073cc);
  color: #fff !important;
  border-radius: 3px;
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.25);
}
body #main-menu .nav-container a.active:active, body #main-menu .nav-container a.active:hover,
body #main-menu .nav-container a:hover:active,
body #main-menu .nav-container a:hover:hover,
body #main-menu .nav-container a:active:active,
body #main-menu .nav-container a:active:hover,
body #main-menu .nav-container a:focus:active,
body #main-menu .nav-container a:focus:hover {
  color: #fff;
}
body #main-menu:has(a:hover) a.active {
  opacity: 0.65;
}
body #places-search-container {
  position: absolute;
  width: 100%;
  background: #fff;
  padding: 10px;
  z-index: 1000;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: 0 10px 20px -12px #000;
  transition: 0.5s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
  pointer-events: none;
  opacity: 0;
  transform-origin: center top;
  transform: scaleY(0.75);
  top: 64px;
}
body #places-search-container .card {
  box-shadow: none;
  border: 1px solid #0095ee;
  margin-top: 10px;
}
body #places-search-container:hover,
body [name=search]:hover ~ #places-search-container,
body [name=search]:focus ~ #places-search-container {
  transform: scale(1);
  opacity: 1;
  pointer-events: all;
}
body #places-search-container.content-search .card h1 {
  color: #000;
}
body form ~ .card-ish .card span,
body form.card-ish .card span {
  position: relative;
  top: initial;
  left: initial;
  transform: none;
  font-weight: initial;
  pointer-events: all;
}
body form ~ card-ish .card .stars > *,
body form.card-ish .card .stars > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 18px;
}
body form ~ card-ish .card .stars > * svg,
body form.card-ish .card .stars > * svg {
  position: relative;
  left: 0;
  top: 0;
  transform: none;
}
body #places-search-container .card .logo {
  width: 48px;
  height: 48px;
}
body #places-search-container .card .title {
  font-size: 14px;
  min-height: 0;
  margin-top: 7px;
}
body #places-search-container .card .title + .flex {
  margin-bottom: 7px;
}
body #places-search-container .card .title ~ p {
  display: flex;
}
body #places-search-container .card .title ~ p br {
  display: none;
}
body #places-search-container .card .title ~ p span {
  margin: 0 4px 0 8px;
}
body #places-search-container .card:hover {
  box-shadow: 0 0 0 4px rgba(0, 164, 238, 0.2) !important;
}
body #places-search-container .search-target {
  max-height: 600px;
  overflow-x: auto;
}
body .card.nbhd-content-search {
  margin-right: 1px;
  display: flex;
  flex-direction: row;
}
body .card.nbhd-content-search .thumb {
  width: 33%;
  max-width: 160px;
  margin-right: 4px;
}
body .card.nbhd-content-search div:last-child {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 10px;
}
body .card.nbhd-content-search .content:after {
  content: "…";
}
body .term[data-count="0"] {
  display: none !important;
}
body #main-menu .neighborhood {
  color: #0095ee !important;
}
body #main-menu ~ *.large-neighborhood {
  margin-top: 0;
}
body main {
  z-index: 100;
}
body.group header.large-neighborhood {
  text-shadow: none;
}
body #main-menu ~ *.large-neighborhood {
  margin-top: -91px;
  padding-top: 50px;
  height: 660px;
}
body #hl_text-widget {
  display: none !important;
}

#main-menu ~ .social-menu {
  margin-top: 0 !important;
  background: #0062cc;
  display: flex;
  align-items: center;
}
#main-menu ~ .social-menu > div {
  max-width: 1400px;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 2px 0;
  margin: 0 auto;
}
#main-menu ~ .social-menu > div .sep.links {
  margin-left: 0;
  margin-right: auto;
}
#main-menu ~ .social-menu > div .sep.links svg {
  width: 16px;
  height: 16px;
  margin-bottom: -14px;
}
#main-menu ~ .social-menu > div .sep a {
  color: #fff;
  max-height: 30.25px;
}
#main-menu ~ .social-menu > div .sep.socials {
  display: flex;
  gap: 6px;
}
#main-menu ~ .social-menu > div .sep.socials a {
  padding: 4px;
}
#main-menu ~ .social-menu > div .sep.socials a svg {
  width: 21px;
  height: 21px;
}

.wl-button.secondary-alt {
  background-color: rgba(71, 203, 110, 0.2);
  border-color: rgba(71, 203, 110, 0.2);
}

@media all and (max-width: 1366px) {
  .marquee-content {
    height: 140px;
  }
}
@media all and (max-width: 1200px) {
  body.tax-neighborhood {
    /*#main-menu + * {
    	margin-top: 95px;
    }
    #main-menu ~ *.large-neighborhood {
    	margin-top: 30px;
    }
    #main-menu ~ *.large-neighborhood .discover {
    	margin-top: 60px;
    }*/
  }
  body.tax-neighborhood #main-menu #neighborhood-menu * {
    color: #3c3f42 !important;
  }
}
@media all and (max-width: 1100px) {
  .trending-container {
    min-width: 0 !important;
    padding-left: 0 !important;
  }
  .trending-container:after {
    transform: translate(-50%, -50%) !important;
    height: 110% !important;
    left: 50% !important;
  }
  .trending-container .trending-article {
    padding: 12px 0 !important;
  }
  body.tax-neighborhood .discover > *,
  body.tax-neighborhood .discover > .grid > * {
    grid-column-start: 1 !important;
    grid-column-end: -1 !important;
  }
  body.tax-neighborhood #main-menu ~ *.large-neighborhood {
    height: auto;
  }
  body.tax-neighborhood #breakdown {
    margin-bottom: 0;
  }
  body.tax-neighborhood #breakdown .term-container {
    flex-wrap: wrap;
  }
  body.tax-neighborhood #breakdown .term-container .term {
    margin-bottom: 12px;
  }
}
@media all and (max-width: 980px) {
  body.tax-neighborhood main {
    width: calc(100% - 40px);
  }
}
@media all and (max-width: 800px) {
  body.tax-neighborhood #main-menu ~ *.large-neighborhood h1 {
    font-size: calc(10px + 5vw);
  }
}
@media all and (max-width: 500px) {
  body.tax-neighborhood #main-menu ~ *.large-neighborhood h1 {
    font-size: 21px;
  }
  body.tax-neighborhood #main-menu ~ *.large-neighborhood h1 span {
    font-size: 16px;
    margin-top: 4px;
    display: block;
  }
  body.tax-neighborhood #main-menu ~ *.large-neighborhood .discover {
    max-width: calc(100% - 30px);
  }
  body.tax-neighborhood .card-ish {
    padding: 18px 9px;
    display: flex;
  }
  body.tax-neighborhood .card-ish .search-target .card {
    max-height: 180px;
    overflow: hidden;
  }
  body.tax-neighborhood .card-ish .search-target .card .tag {
    margin: 0;
  }
  body.tax-neighborhood .discover {
    display: flex !important;
    flex-direction: column !important;
  }
}
body.tax-neighborhood #main-menu {
  background: #fff;
  padding: 8px 8px 4px 12px;
}
body.tax-neighborhood #main-menu #neighborhood-menu *,
body.tax-neighborhood #main-menu .neighborhood-menu-toggle {
  color: #5c5e64;
}
body.tax-neighborhood #main-menu ~ *.large-neighborhood {
  margin-top: 0;
  min-height: 540px;
  padding-top: 0;
}
body.tax-neighborhood #main-menu .whirlocal-font {
  color: #000;
}
body.tax-neighborhood #main-menu .neighborhood {
  color: #0095ee;
}

.fwd-bck.button-container {
  position: absolute;
  z-index: 1;
  top: 50%;
  width: calc(100% + 64px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: -32px;
  max-width: none;
}
.fwd-bck.button-container button {
  color: #fff;
  padding: 10px;
  border-radius: 100px;
}

button[onclick*="forwardFunction("],
button[onclick*="backwardFunction("] {
  color: #fff;
  padding: 10px;
  border-radius: 100px;
}

button[onclick*="forwardFunction("],
button[onclick*="backwardFunction("] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -14px;
  z-index: 100;
}

button[onclick*="forwardFunction("] {
  left: initial;
  right: -14px;
}

#featured-companies {
  margin-top: 32px;
}
#featured-companies button[onclick*="forwardFunction("],
#featured-companies button[onclick*="backwardFunction("] {
  display: none;
}
#featured-companies.overflowing button[onclick*="forwardFunction("],
#featured-companies.overflowing button[onclick*="backwardFunction("] {
  display: flex;
}
#featured-companies[data-count="1"] {
  opacity: 0;
  pointer-events: none;
  height: 0px;
}
#featured-companies .card .total-reviews,
#featured-companies .card .info p {
  font-weight: 400;
}

.new-card-container .card {
  flex-direction: column;
  padding-bottom: 0;
  width: 100%;
}
.new-card-container .card.secondary {
  display: flex;
  flex-direction: row;
}
.new-card-container.card-container-a {
  gap: 32px;
}
.new-card-container.card-container-a .primary-article {
  flex-basis: calc(40% - 16px);
}
.new-card-container.card-container-a .primary-article .card {
  margin-bottom: 0;
}
.new-card-container.card-container-a .secondary-articles {
  flex-basis: calc(60% - 16px);
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}
.new-card-container.card-container-a .secondary-articles .scroll-cover {
  position: absolute;
  margin-right: 20px;
}
.new-card-container.card-container-a .secondary-articles a.image {
  display: flex;
}
.new-card-container.card-container-a .secondary-articles::-webkit-scrollbar-track {
  border: none;
  padding: 2px 0;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}
.new-card-container.card-container-a .secondary-articles::-webkit-scrollbar {
  width: 12px;
}
.new-card-container.card-container-a .secondary-articles::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #0095ee;
}
.new-card-container.card-container-a .secondary-articles .loading-message {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0095ee;
  font-size: 32px;
  font-weight: 800;
  backdrop-filter: blur(4px);
  text-shadow: 0 0 10px #fff;
  pointer-events: none;
  transition: 0.15s all cubic-bezier(0.49, -0.17, 0.71, 1.3);
  transform: scale(3);
  opacity: 0;
  display: none;
}
.new-card-container.card-container-a .secondary-articles.loading-more .loading-message {
  opacity: 1;
  pointer-events: all;
  user-select: none;
  transform: scale(1);
  display: flex;
}
.new-card-container.card-container-a .secondary-articles .load-more-articles {
  float: right;
  display: inline-flex;
}
.new-card-container.card-container-a + * {
  margin-top: 90px;
}
.new-card-container.card-container-b .articles-cover {
  display: flex;
  flex-direction: row;
  gap: 0;
  overflow-y: hidden;
  overflow-x: hidden;
}
.new-card-container.card-container-b .articles-cover::-webkit-scrollbar-track {
  border: none;
  padding: 2px 0;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}
.new-card-container.card-container-b .articles-cover::-webkit-scrollbar {
  height: 12px;
}
.new-card-container.card-container-b .articles-cover::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #0095ee;
}
.new-card-container.card-container-b .articles-cover .card {
  min-width: clamp(310px, 20vw, 380px);
}
.new-card-container.card-container-b .articles-cover .leader {
  min-width: 0 !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  width: 480px;
  box-shadow: none;
  overflow: visible !important;
}
.new-card-container.card-container-b .articles-cover .leader:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 450px;
  height: 100%;
  z-index: -1;
  box-shadow: 0 10px 25px -20px;
}
.new-card-container.card-container-b .articles-cover .leader > * {
  width: 450px !important;
  min-width: 450px !important;
}
.new-card-container.card-container-c {
  display: block;
}
.new-card-container.card-container-c .card {
  width: calc(25% - 20px);
  min-width: calc(25% - 20px);
  margin-bottom: 20px;
}
.new-card-container.card-container-c .secondary {
  flex-wrap: wrap;
}
.new-card-container.card-container-c .secondary .content-header,
.new-card-container.card-container-c .secondary .content-footer {
  width: 100%;
  z-index: 100;
}
.new-card-container.card-container-c .secondary .featured {
  width: 270px;
}
.new-card-container.card-container-search {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
}
.new-card-container.card-container-search > * {
  flex-basis: clamp(33ch, 33.3333333333% - 20px, 100%);
  max-width: 360px;
  flex-grow: 1;
}
.new-card-container.card-container-search > h4 {
  max-width: none;
  width: 100%;
  flex-basis: 100%;
}

.tax-neighborhood:not(.standard-archive) main .section-container:nth-child(2n) {
  position: relative;
  z-index: 0;
  margin-top: 50px;
  box-shadow: 40vw 0px 0 24px #ebedef, -40vw 0px 0 24px #ebedef, 0 0px 0 24px #ebedef;
  background: #ebedef;
  z-index: -1;
  position: relative;
}
.tax-neighborhood.standard-archive .section-container {
  margin-bottom: 50px;
}
.tax-neighborhood.standard-archive:has(header.large-neighborhood) main .section-container:nth-child(2n+1) {
  position: relative;
  z-index: 0;
  box-shadow: 40vw 0px 0 24px #ebedef, -40vw 0px 0 24px #ebedef, 0 0px 0 24px #ebedef;
  background: #ebedef;
  z-index: -1;
  position: relative;
}
.tax-neighborhood.standard-archive:not(:has(header.large-neighborhood)) main .section-container:nth-child(2n) {
  position: relative;
  z-index: 0;
  box-shadow: 40vw 0px 0 24px #ebedef, -40vw 0px 0 24px #ebedef, 0 0px 0 24px #ebedef;
  background: #ebedef;
  z-index: -1;
  position: relative;
}

body.dark-mode #sibling-terms {
  background: #181d22 !important;
}
body.dark-mode #sibling-terms a {
  color: #0095ee !important;
}

.tax-neighborhood .section-container:has(.no-results) h2 a {
  display: none;
}

h4.no-results {
  line-height: 1.45;
  font-weight: 100;
}
h4.no-results strong {
  font-weight: 800;
}

.main-article .trending-target {
  opacity: 0;
  pointer-events: none;
  transition: 0.25s all cubic-bezier(0.49, -0.17, 0.71, 1.3);
  position: absolute;
  top: 0;
  left: 0;
}
.main-article .trending-target.shown {
  opacity: 1;
  pointer-events: all;
}

#trending-container:has(.trending-article:hover) .trending-article:not(.trending-article:hover) {
  opacity: 0.5;
}

#main-menu {
  padding: 0 !important;
}
#main-menu .socials {
  position: absolute;
  bottom: -26px;
  right: 16px;
  background: #fff;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  padding: 0 8px;
}
#main-menu .socials svg {
  width: 18px;
  height: 18px;
  stroke-width: 1.6;
}
#main-menu .socials a:hover {
  color: #0095ee;
}
#main-menu .lower-menu {
  background: #fff;
}
#main-menu .lower-menu nav {
  position: relative;
}
#main-menu .lower-menu .nav-container a svg {
  display: none;
}
#main-menu .lower-menu .nav-container a svg, #main-menu .lower-menu .nav-container a svg * {
  color: #000 !important;
}
#main-menu .lower-menu nav label input {
  display: none;
}
#main-menu .lower-menu nav label svg, #main-menu .lower-menu nav label svg * {
  color: #000 !important;
}
#main-menu > * {
  width: 100%;
}
#main-menu > * > * {
  max-width: 1400px;
  margin: 0 auto;
}
#main-menu .upper-menu {
  position: relative;
  background: #212326;
  background: linear-gradient(350deg, #0095ee, #0062bb);
  color: #f1f3f6;
  z-index: 1002 !important;
}
#main-menu .upper-menu > * {
  padding: 6px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
#main-menu .upper-menu > nav {
  padding: 6px;
}
#main-menu .upper-menu a, #main-menu .upper-menu a > svg {
  color: #fff;
}
#main-menu .upper-menu button,
#main-menu .upper-menu input {
  background: #383a3e;
  padding: 12px;
  border: none;
}
#main-menu .upper-menu a:hover, #main-menu .upper-menu a:focus, #main-menu .upper-menu a:active, #main-menu .upper-menu span[onclick]:hover, #main-menu .upper-menu span[onclick]:focus, #main-menu .upper-menu span[onclick]:active {
  background: #0062cc;
}
#main-menu .upper-menu .directory {
  display: flex;
  align-items: center;
  background: #f2731c;
  padding: 6px 9px 6px 6px;
  margin-left: 5px;
}
#main-menu .upper-menu .directory svg {
  margin-right: 6px;
}
#main-menu .upper-menu .directory:hover {
  background: #d0510a;
}
#main-menu .upper-menu .directory.magazine-link {
  background: #0095ee;
}
#main-menu .upper-menu .directory.magazine-link:hover {
  background: #11a6ff;
}
#main-menu .upper-menu .right-um {
  position: relative;
}
#main-menu .upper-menu .right-um nav {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0;
}
#main-menu .upper-menu .right-um nav > * {
  line-height: 1;
  position: relative;
  font-size: 13px;
  padding: 10px;
}
#main-menu .upper-menu .right-um .dark-mode,
#main-menu .upper-menu .right-um .translate {
  margin-left: -6px;
}
#main-menu .upper-menu .right-um .dark-mode svg,
#main-menu .upper-menu .right-um .translate svg {
  width: 18px;
  height: 18px;
}
#main-menu .upper-menu .menu-search-form {
  position: relative;
  display: block !important;
}
#main-menu .upper-menu .menu-search-form input[type=search] {
  color: #fff;
}
#main-menu .upper-menu .menu-search-form .toggle {
  opacity: 0;
  font-size: 9px;
  position: absolute;
  top: 0;
  right: 67px;
  transform: translateY(-24px);
  transition: 0.25s all cubic-bezier(0.49, -0.17, 0.71, 1.3);
  z-index: 10;
}
#main-menu .upper-menu .menu-search-form .indicator {
  width: 25px;
  margin-left: -25px;
}
#main-menu .upper-menu .menu-search-form:has(input[type=search]:focus) .toggle, #main-menu .upper-menu .menu-search-form:hover .toggle {
  transform: translateY(0);
  opacity: 1;
}
#main-menu .upper-menu .left-um {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}
#main-menu .upper-menu .left-um button {
  display: none;
}
#main-menu .upper-menu .left-um button {
  padding: 8px;
  border-radius: 0;
}
#main-menu .upper-menu .left-um button svg {
  width: 20px;
  height: 20px;
}
#main-menu .upper-menu .left-um button.search-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #545454;
  box-shadow: none;
  color: #fff !important;
  transition: 0.15s all cubic-bezier(0.49, -0.17, 0.71, 1.3);
}
#main-menu .upper-menu .left-um button.search-submit:hover {
  filter: brightness(1.1);
}
#main-menu .upper-menu .left-um input {
  padding: 14px 12px 6px;
  border-radius: 0;
  /*width: 320px;*/
  max-width: 25vw;
}
#main-menu .upper-menu .left-um label {
  position: relative;
  display: flex;
}
#main-menu .upper-menu .left-um label span {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  width: 16px;
  height: 16px;
}
#main-menu .upper-menu .left-um label span svg {
  width: 16px;
  height: 16px;
  padding: 10px;
}
#main-menu .upper-menu .left-um input[type=search] ~ span {
  transition: 0.15s all cubic-bezier(0.49, -0.17, 0.71, 1.3);
}
#main-menu .upper-menu .left-um input[type=search]:focus ~ span, #main-menu .upper-menu .left-um input[type=search]:active ~ span, #main-menu .upper-menu .left-um input[type=search]:not(:placeholder-shown) ~ span {
  transform: scale(0.7) translateY(calc(-100% - 5px)) !important;
  transform-origin: top left;
  opacity: 0.6;
}
#main-menu .upper-menu .left-um input[type=search]:focus ~ button, #main-menu .upper-menu .left-um input[type=search]:active ~ button, #main-menu .upper-menu .left-um input[type=search]:not(:placeholder-shown) ~ button {
  background: #0095ee;
}
#main-menu .lower-menu {
  position: relative;
  z-index: 1001 !important;
}
#main-menu .lower-menu > * {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  font-size: 16px;
  letter-spacing: -0.025em;
}
#main-menu .lower-menu > * a {
  color: #212326;
}
#main-menu .lower-menu > * #whirlocal-logo {
  font-size: 26px;
  margin: 0px 32px;
  letter-spacing: 0;
}
#main-menu .lower-menu > * #whirlocal-logo .return-home {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 230px;
  font-size: 12px;
  background: #0095ee;
  text-align: center;
  transform: translateX(-50%) translateY(24px);
  border: 1px solid #0063bb;
  opacity: 0;
  transition: 0.2s all cubic-bezier(0.49, -0.17, 0.71, 1.3);
}
#main-menu .lower-menu > * #whirlocal-logo .return-home.permanent {
  opacity: 1;
  transform: translateX(-50%) translateY(42px);
}
#main-menu .lower-menu > * #whirlocal-logo:hover .return-home {
  opacity: 1;
  transform: translateX(-50%) translateY(42px);
}
#main-menu nav {
  padding: 0;
}
#main-menu nav .nav-container {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#main-menu nav .nav-container a {
  flex-grow: 1;
  padding: 12px 8px;
  position: relative;
  text-align: center;
}
#main-menu nav .nav-container a:after {
  content: "";
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  background: #0095ee;
  opacity: 0;
  transform: scaleX(0);
  transition: 0.1s all cubic-bezier(0.49, -0.17, 0.71, 1.3);
}
#main-menu nav .nav-container a:hover {
  color: #0095ee;
}
#main-menu nav .nav-container a:hover:after {
  transform: scaleX(1);
  opacity: 1;
}

/* Slider */
:root {
  --marquee-width: 100vw;
  --marquee-height: 20vh;
  /* --marquee-elements: 12; */ /* defined with JavaScript */
  --marquee-elements-displayed: 8;
  --marquee-element-width: calc(var(--marquee-width) / var(--marquee-elements-displayed));
  --marquee-animation-duration: calc(var(--marquee-elements) * 3s);
}

header.large-neighborhood {
  z-index: 0 !important;
}

main {
  z-index: 10;
}
main .marquee {
  z-index: 0;
}
main #content-container {
  z-index: 10;
}
main #content-container h2 span {
  display: flex;
  align-items: center;
  justify-content: center;
}
main #content-container h2 span a.more-content {
  font-size: 20px;
  margin-left: 12px;
  padding-left: 12px;
  color: #0095ee;
  border-left: 1px solid rgba(0, 0, 0, 0.25);
}
main #content-container .card-container-a + h2 + .card-container-a {
  padding-bottom: 70px;
}
main #content-container .card-container-a + h2 + .card-container-a + h2 {
  margin-top: 30px;
}

.marquee {
  width: var(--marquee-width);
  background-color: #fff;
  color: #eee;
  overflow: visible;
  position: relative;
  z-index: 100;
  max-height: 140px;
  margin-bottom: 32px;
}
.marquee.inactive .marquee-content {
  justify-content: flex-start;
}
.marquee .marquee-content.articles-cover {
  gap: 0;
}
.marquee .company-card {
  width: 270px;
  max-width: 270px;
  min-width: 0;
  flex-shrink: 0;
  transform: translateY(-72px);
  height: 190px;
  background: transparent;
  box-shadow: none !important;
}
.marquee .company-card > .info, .marquee .company-card > .featured-image {
  min-width: 250px;
  max-width: 250px;
}
.marquee .company-card > .featured-image {
  padding-bottom: 0 !important;
  height: 96.25px !important;
  background-color: #fff;
}
.marquee .company-card .logo {
  width: 64px;
  height: 64px;
  margin: -35px 11px 6px 0;
  box-shadow: 0 0 0 5px #fff;
}
.marquee .company-card .info {
  padding: 5px 15px 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.marquee .company-card .info > * {
  color: #141e2a;
}
.marquee .company-card .title {
  font-size: 15px;
  width: calc(100% - 65px);
  margin-right: -15px;
  min-height: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.marquee .company-card .title + * {
  width: 100%;
  height: 18px;
}
.marquee .company-card .title + * .aggregate-stars {
  width: 90px;
  height: 18px;
}
.marquee .company-card .title + * .aggregate-stars svg {
  width: 18px !important;
  height: 18px !important;
}
.marquee .company-card .title + * + * {
  display: none;
}
.marquee .company-card .aggregate-stars {
  height: 18px;
}
.marquee .company-card .aggregate-stars > span {
  height: 18px;
}
.marquee:before {
  content: "Featured Neighborhood Sponsors:";
}

.marquee:before {
  left: 0;
  top: -84px;
  position: absolute;
  font-size: 18px;
  background: rgba(0, 0, 0, 0.4);
  padding: 0 8px;
  left: -12px;
}

.marquee:after {
  right: 0;
}

.marquee-content {
  list-style: none;
  height: 20%;
  display: flex;
  animation: scrolling var(--marquee-animation-duration) linear infinite;
  padding: 16px;
  gap: 16px;
  pointer-events: none;
}

.marquee-content > .card {
  pointer-events: all;
}

/* .marquee-content:hover {
  animation-play-state: paused;
} */
@keyframes scrolling {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements)));
  }
}
.marquee-content li {
  display: flex;
  justify-content: center;
  align-items: center;
  /* text-align: center; */
  flex-shrink: 0;
  width: var(--marquee-element-width);
  max-height: 100%;
  font-size: calc(var(--marquee-height) * 3 / 4); /* 5rem; */
  white-space: nowrap;
}

.marquee-content li img {
  width: 100%;
  /* height: 100%; */
  border: 2px solid #eee;
}

@media (max-width: 600px) {
  :root {
    --marquee-width: 100vw;
    --marquee-height: 16vh;
    --marquee-elements-displayed: 3;
  }
  .marquee:before, .marquee:after {
    width: 5rem;
  }
}
body.business-directory #main-menu .upper-menu {
  background: linear-gradient(350deg, #f2721c, #d9af0b);
}
body.business-directory #main-menu .upper-menu .directory, body.business-directory #main-menu .upper-menu .directory.magazine-link {
  background: #0095ee;
}
body.business-directory #main-menu .upper-menu .directory:hover, body.business-directory #main-menu .upper-menu .directory.magazine-link:hover {
  background: #11a6ff;
}
body.business-directory #main-menu .upper-menu .directory.directory-link, body.business-directory #main-menu .upper-menu .directory.magazine-link.directory-link {
  background: #f2731c;
}
body.business-directory #main-menu .upper-menu .directory.directory-link:hover, body.business-directory #main-menu .upper-menu .directory.magazine-link.directory-link:hover {
  background: #11a6ff;
}

@media all and (max-width: 1260px) {
  body.large-neighborhood main #content-container {
    width: calc(100% - 60px) !important;
  }
  .new-card-container.card-container-c .card {
    width: calc(33.3333333333% - 20px);
    min-width: calc(33.3333333333% - 20px);
  }
}
@media all and (max-width: 1111px) {
  #main-menu .lower-menu nav {
    padding: 12px 0;
  }
  #main-menu .lower-menu nav .nav-container a {
    padding: 12px 4px;
    font-size: 15px;
  }
  #search-results-for {
    width: calc(100% - 48px) !important;
    line-height: 1.25 !important;
  }
}
@media all and (max-width: 1028px) {
  #main-menu .upper-menu .left-um input {
    width: 280px !important;
    max-width: calc(100vw - 780px) !important;
  }
  #main-menu .lower-menu nav #whirlocal-logo {
    font-size: 24px;
    margin: 0 12px;
    z-index: 0;
  }
  body.large-neighborhood main #content-container .card-container-a {
    gap: 12px;
  }
  body.large-neighborhood main #content-container .card-container-a .primary-article {
    flex-basis: calc(50% - 6px);
  }
  body.large-neighborhood main #content-container .card-container-a .secondary-articles {
    flex-basis: calc(50% - 6px);
  }
  body.large-neighborhood main #content-container .card-container-a .secondary-articles .card.secondary {
    flex-direction: column;
  }
  body.large-neighborhood main #content-container .card-container-a .secondary-articles .card.secondary .card-cover {
    width: 100%;
  }
  body.large-neighborhood main #content-container .card-container-a .secondary-articles .card.secondary .card-cover img:first-child {
    top: 0;
    transform: none;
  }
}
@media all and (max-width: 960px) {
  #main-menu .upper-menu .left-um #search-wlio {
    width: 160px;
  }
}
@media all and (max-width: 920px) {
  #main-menu .upper-menu .left-um .extra {
    display: none;
  }
  #main-menu .lower-menu nav #whirlocal-logo {
    font-size: 20px;
  }
}
@media all and (max-width: 880px) {
  body.admin-bar #main-menu {
    top: 0 !important;
  }
  body:has(#wpadminbar) #main-menu {
    top: 0 !important;
  }
  body #main-menu {
    top: 0 !important;
  }
  body #main-menu .lower-menu nav {
    flex-wrap: wrap;
  }
  body #main-menu .lower-menu nav #whirlocal-logo {
    order: -1;
    margin-top: 10px;
  }
  body #main-menu .lower-menu nav .nav-container {
    width: 100%;
    flex-direction: column;
    align-items: flex-end;
  }
  body #main-menu .lower-menu nav .nav-container a {
    padding: 12px 24px;
  }
  body #main-menu .upper-menu .left-um input {
    width: 280px !important;
    max-width: calc(100vw - 720px) !important;
  }
  body .discover {
    margin: 6px 12px !important;
    max-width: 100vw !important;
    width: 100vw !important;
  }
  body .discover .card h4 a {
    font-size: 26px !important;
  }
  body .discover .card .meta-tag {
    margin: 0 !important;
  }
  body .discover .card .uc {
    font-size: 17px !important;
    margin-top: 10px !important;
  }
  .new-card-container.card-container-c .card {
    width: calc(50% - 20px);
    min-width: calc(50% - 20px);
  }
  #main-menu .socials {
    top: 50px;
    left: 50%;
    bottom: unset;
    right: unset;
    transform: translateX(-50%);
  }
  #invited-by-container {
    position: fixed;
    bottom: 0;
    padding: 4px !important;
  }
  .card.invited-by {
    padding: 4px !important;
  }
  .card.invited-by .logo,
  .card.invited-by .logo img {
    width: 38px !important;
    height: 38px !important;
  }
  .card.invited-by h3 {
    font-size: 14px !important;
  }
}
.mobile-nav-toggle {
  display: none;
}
.mobile-nav-toggle.upper, .mobile-nav-toggle.upper > svg {
  color: #fff;
}
.mobile-nav-toggle input {
  display: none !important;
}
.mobile-nav-toggle svg {
  padding: 12px;
}
.mobile-nav-toggle .open {
  display: block;
}
.mobile-nav-toggle .close {
  display: none;
}

@media all and (max-width: 880px) {
  .mobile-nav-toggle:not(.upper) {
    display: block;
  }
  html {
    margin-top: 0 !important;
  }
  #wpadminbar {
    display: none !important;
  }
  #main-menu .lower-menu {
    height: 47px;
    overflow: hidden;
  }
  #main-menu .lower-menu nav {
    padding-top: 0;
  }
  #main-menu .lower-menu nav .nav-container a {
    border-radius: 12px;
    height: 100%;
  }
  #main-menu .lower-menu nav .nav-container a:hover {
    background: #0095ee;
  }
  #main-menu .lower-menu nav .nav-container a:hover, #main-menu .lower-menu nav .nav-container a:hover svg, #main-menu .lower-menu nav .nav-container a:hover svg * {
    color: #fff !important;
  }
  #main-menu .lower-menu nav .nav-container a:hover:after {
    display: none;
  }
  #main-menu .lower-menu:has(input[type=checkbox]:checked) {
    position: fixed;
    width: 100vw;
    background: #fff;
    top: 50px;
    box-shadow: 0 -2px 0 #fff;
    height: calc(100vh - 52px);
    left: 0;
  }
  #main-menu .lower-menu:has(input[type=checkbox]:checked) .open {
    display: none;
  }
  #main-menu .lower-menu:has(input[type=checkbox]:checked) .close {
    display: block;
  }
  #main-menu .lower-menu:has(input[type=checkbox]:checked) nav {
    padding: 0;
    height: calc(100vh - 50px);
    align-items: flex-start;
  }
  #main-menu .lower-menu:has(input[type=checkbox]:checked) nav .nav-container {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    height: 50%;
    height: calc(50% - 50px);
    align-items: center;
    gap: 12px;
    padding: 0 20px;
    min-height: 160px;
  }
  #main-menu .lower-menu:has(input[type=checkbox]:checked) nav .nav-container ~ .nav-container {
    padding-top: 0px;
  }
  #main-menu .lower-menu:has(input[type=checkbox]:checked) nav .nav-container a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  #main-menu .lower-menu:has(input[type=checkbox]:checked) nav .nav-container a svg {
    display: block;
  }
}
#content-publisher.mobile-only {
  display: none !important;
}

@media all and (max-width: 820px) {
  #content-publisher.mobile-only {
    display: flex !important;
  }
  body #main-menu .upper-menu .left-um {
    /*.directory {
    	svg {
    		display: none;
    	}
    }*/
    /*&:has(#search-wlio:focus),
    &:has(#search-wlio:active),
    &:has(#search-wlio:not(:placeholder-shown)) {*/
  }
  body #main-menu .upper-menu .left-um .search-submit {
    display: none !important;
  }
  body #main-menu .upper-menu .left-um input {
    max-width: calc(100vw - 550px) !important;
  }
  body #main-menu .upper-menu .left-um #search-wlio {
    width: 56px;
    /*&:focus,
    &:active,
    &:not(:placeholder-shown) {*/
  }
  body #main-menu .upper-menu .left-um #search-wlio:placeholder-shown {
    position: relative;
  }
  body #main-menu .upper-menu .left-um #search-wlio:focus, body #main-menu .upper-menu .left-um #search-wlio:active {
    width: calc(100vw - 30px);
    max-width: none !important;
    position: absolute;
    top: 0;
    z-index: 1;
    box-sizing: border-box;
    height: 38px;
  }
  body #main-menu .upper-menu .left-um #search-wlio:focus ~ span, body #main-menu .upper-menu .left-um #search-wlio:active ~ span {
    z-index: 2;
  }
  body #main-menu .upper-menu .left-um:has(#search-wlio:focus) label:not(.toggle), body #main-menu .upper-menu .left-um:has(#search-wlio:active) label:not(.toggle) {
    position: relative;
    display: flex;
    width: calc(100vw - 30px);
    height: 40px;
  }
  body #main-menu .upper-menu .left-um:has(#search-wlio:focus) label:not(.toggle) .search-submit, body #main-menu .upper-menu .left-um:has(#search-wlio:active) label:not(.toggle) .search-submit {
    display: block !important;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    height: 40px;
  }
  body #main-menu .upper-menu .left-um:has(#search-wlio:focus) input, body #main-menu .upper-menu .left-um:has(#search-wlio:active) input {
    max-width: none !important;
    width: calc(100vw - 100px) !important;
  }
  body #main-menu .upper-menu .left-um:has(#search-wlio:focus) ~ .right-um, body #main-menu .upper-menu .left-um:has(#search-wlio:active) ~ .right-um {
    display: none;
  }
  body #main-menu .upper-menu .right-um nav {
    gap: 4px;
  }
  body #main-menu .upper-menu .right-um nav > * {
    padding: 10px 4px;
    font-size: 12px;
  }
}
@media all and (max-width: 790px) {
  .extra2 {
    display: none;
  }
  body.large-neighborhood main h2 {
    font-size: 32px;
  }
  body.large-neighborhood main #content-container .card-container-a {
    flex-direction: column !important;
  }
  body.large-neighborhood main #content-container .card-container-a .secondary-articles .scroll-cover {
    position: relative;
    margin-right: 0;
  }
  body.large-neighborhood main #content-container .card-container-a .secondary-articles .scroll-cover .load-more-articles {
    display: inline-flex;
  }
  body.large-neighborhood main #content-container .card-container-a .secondary-articles .card.secondary {
    flex-direction: row;
  }
  body.large-neighborhood main #content-container .card-container-a .secondary-articles .card.secondary .card-cover {
    width: 250px;
  }
  body.large-neighborhood main #content-container .card-container-a .secondary-articles .card.secondary .card-cover img:first-child {
    top: 50%;
    transform: translateY(-50%);
  }
  #main-menu .upper-menu .left-um input {
    width: 280px !important;
    max-width: calc(100vw - 520px) !important;
  }
}
@media all and (max-width: 680px) {
  body.large-neighborhood main {
    margin: 0 auto;
    max-width: 100%;
  }
  body.large-neighborhood main #content-container {
    width: calc(100% - 30px) !important;
  }
  #main-menu .upper-menu .left-um input {
    width: 280px !important;
    max-width: calc(100vw - 540px) !important;
  }
}
@media all and (max-width: 600px) {
  body.large-neighborhood main #content-container .card-container-a .secondary-articles .card.secondary {
    flex-direction: column;
  }
  body.large-neighborhood main #content-container .card-container-a .secondary-articles .card.secondary .card-cover {
    width: 100%;
  }
  body.large-neighborhood main #content-container .card-container-a .secondary-articles .card.secondary .card-cover img:first-child {
    top: 0;
    transform: none;
  }
  .new-card-container.card-container-c .card {
    width: 100%;
    min-width: 100%;
  }
  body #main-menu .upper-menu .left-um input {
    max-width: calc(100vw - 510px) !important;
  }
}
@media all and (max-width: 540px) {
  #main-menu .upper-menu .right-um nav {
    display: none;
  }
  #main-menu .upper-menu .mobile-nav-toggle.upper {
    padding: 0 0px;
    margin-right: -6px;
    display: block;
  }
  #main-menu .upper-menu .mobile-nav-toggle.upper svg {
    padding: 7px 12px;
  }
  #main-menu .upper-menu .mobile-nav-toggle.upper .open {
    display: block;
  }
  #main-menu .upper-menu .mobile-nav-toggle.upper .close {
    display: none;
  }
  #main-menu .upper-menu .mobile-nav-toggle.upper:has(input[type=checkbox]:checked) .open {
    display: none;
  }
  #main-menu .upper-menu .mobile-nav-toggle.upper:has(input[type=checkbox]:checked) .close {
    display: block;
  }
  #main-menu .upper-menu:has(input[name*=mobile-nav][type=checkbox]:checked) {
    z-index: 100;
  }
  #main-menu .upper-menu:has(input[name*=mobile-nav][type=checkbox]:checked) ~ .lower-menu {
    z-index: 10;
  }
  #main-menu .upper-menu:has(input[name*=mobile-nav][type=checkbox]:checked) .right-um {
    z-index: 10;
    position: initial;
  }
  #main-menu .upper-menu:has(input[name*=mobile-nav][type=checkbox]:checked) .right-um nav {
    position: absolute;
    z-index: 10;
    width: calc(100vw - 68px);
    top: 0;
    left: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #0095ee;
    height: 98px;
    gap: 0;
  }
  #main-menu .upper-menu:has(input[name*=mobile-nav][type=checkbox]:checked) .right-um nav > *:hover, #main-menu .upper-menu:has(input[name*=mobile-nav][type=checkbox]:checked) .right-um nav > *:focus, #main-menu .upper-menu:has(input[name*=mobile-nav][type=checkbox]:checked) .right-um nav > *:active {
    background: #0073cc;
  }
  body #main-menu .upper-menu .left-um input {
    max-width: calc(100vw - 180px) !important;
  }
  body #main-menu .upper-menu .left-um input:focus, body #main-menu .upper-menu .left-um input:active {
    max-width: none !important;
  }
}
@media all and (max-width: 501px) {
  body.large-neighborhood main #content-container {
    width: calc(100% - 18px) !important;
  }
}
@media all and (max-width: 1365px) {
  .marquee {
    max-height: 190px;
  }
  .marquee:before {
    top: -44px;
  }
  .marquee .company-card {
    transform: translateY(-28px);
  }
}
@media all and (max-width: 1100px) {
  .marquee {
    height: 210px;
  }
  .marquee:before {
    position: relative;
    background: transparent;
    color: #121315;
    top: 0;
    left: 0;
    padding: 0;
  }
  .marquee .company-card {
    transform: translateY(0px);
  }
  #featured-companies {
    overflow-x: hidden;
    overflow-y: hidden;
    max-height: 235px;
    height: 235px;
  }
  body .trending-container {
    max-width: none;
    min-width: none;
  }
  body .trending-container .trending-article {
    flex-direction: row;
    padding-bottom: 28px;
  }
  body .trending-container .trending-article .applause .total-claps {
    left: -26px;
  }
}
@media all and (max-height: 440px) {
  body #main-menu {
    position: relative !important;
  }
  body #main-menu .lower-menu:has(input[type=checkbox]:checked) {
    position: relative !important;
    top: 0 !important;
    min-height: 375px;
  }
}
body.single-company #content {
  font-family: "Nunito", "Montserrat", sans-serif;
}
body.single-company #content .item h2 {
  font-size: 26px;
}

#main-menu .upper-menu *,
#main-menu .lower-menu .nav-container {
  font-family: "Montserrat", sans-serif !important;
}

body.home #main-menu .upper-menu .left-um label span {
  width: 36px;
}

.et_post_meta_wrapper > .company-card {
  max-width: 420px;
}

.container:has(.custom-html-widget:empty):before {
  display: none !important;
}
.container:has(.custom-html-widget:empty) #sidebar {
  display: none;
}
.container:has(.custom-html-widget:empty) #left-area {
  width: 100%;
}

#left-area #contact-form input[type=text],
#left-area #contact-form input[type=email],
#left-area #contact-form input[type=search],
#left-area #contact-form input[type=password],
#left-area #contact-form input[type=tel],
#left-area #contact-form input[type=url],
#left-area #contact-form input[type=number],
#left-area #contact-form select {
  background-color: #fff !important;
}

body:not(:has(header.large-neighborhood)) .marquee {
  margin-top: 120px;
}

#search-wlio:autofill {
  box-shadow: inset 0 0 30px 40px rgba(56, 58, 62, 0.6666666667);
  outline: 3px solid #0095ee;
  outline-offset: -3px;
}

body.dark-mode .new-card-container.card-container-b .card.company-content {
  background: transparent !important;
}
body.dark-mode .new-card-container.card-container-b .card.company-content .featured {
  margin-bottom: 0;
}
body.dark-mode .new-card-container.card-container-b .card.company-content .content {
  padding-top: 12px;
  flex-grow: 1;
}
body.dark-mode .new-card-container.card-container-b .card.company-content .content-header,
body.dark-mode .new-card-container.card-container-b .card.company-content .content,
body.dark-mode .new-card-container.card-container-b .card.company-content .content-footer {
  background: #24292e;
}

body > #wpadminbar + #page-container {
  display: block !important;
}

body.dark-mode .marquee:before {
  color: #fff;
}

.trending-article {
  display: flex !important;
  flex-direction: column-reverse !important;
  gap: 6px !important;
}
.trending-article .applause {
  width: 32px !important;
  height: 32px !important;
}
.trending-article .applause svg {
  width: 18px !important;
  transform: TranslateX(1px) !important;
}

.trending-article-new {
  margin-bottom: 0 !important;
}
.trending-article-new h4 a {
  font-size: 15px !important;
}
.trending-article-new .content > span {
  font-size: 14px;
  line-height: 1.3;
}
.trending-article-new .applause {
  width: 32px !important;
  height: 32px !important;
}
.trending-article-new .applause svg {
  width: 18px !important;
  transform: TranslateX(1px) !important;
}
.trending-article-new .content-header {
  z-index: 100001 !important;
}
.trending-article-new.card.company-content .content-header {
  padding: 0 20px 5px !important;
}
.trending-article-new.card.company-content .content-header a {
  color: #0095ee;
}
.trending-article-new [data-claps="10"]:after,
.trending-article-new [data-claps="10"]:before {
  display: none;
}
.trending-article-new:hover {
  background: rgba(0, 148, 235, 0.5) !important;
}
.trending-article-new:hover.card.company-content .content-header a {
  color: #fff;
}

.card-container-search .card a.image {
  position: relative;
  display: flex;
}

.discover.legacy .card .info {
  background: #fff !important;
  color: #000 !important;
}

.load-more-articles {
  position: sticky;
  bottom: 0;
  right: 0;
  z-index: 20000;
}

.card-container-search .card {
  max-width: 466.66px !important;
}

.card-container-d {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.card-container-d .card.company-content {
  flex: 1 1 320px;
  max-width: 460px;
  margin: 0 !important;
}

.et_fixed_nav.et_show_nav #page-container {
  padding-top: 0 !important;
}

.no-date .company-content .content-meta > span {
  display: none;
}

body:not(.show-translate) #google_translate_element {
  display: none;
}

body.show-translate .menu-item.translate {
  background: #0062cc;
}
body.show-translate #google_translate_element {
  display: block;
  position: absolute !important;
  right: 44px;
  z-index: 100;
  background: #0062cc;
  color: #fff;
  padding: 0 12px !important;
  margin: -1px 0;
}
body.show-translate #google_translate_element .goog-te-gadget {
  color: #fff;
  display: block !important;
}
body.show-translate .skiptranslate {
  display: block !important;
}

#mobile-only-sponsor {
  display: none;
}
#mobile-only-sponsor .card {
  max-width: 420px;
}

h2.sponsored-by {
  font-size: 28px;
  font-size: clamp(24px, 2vw, 32px);
}

h1.entry-title {
  font-size: 32px;
  font-size: clamp(28px, 2.5vw, 38px);
}

.single-universal-content.sponsored-by-company article:has(.entry-content + .et_post_meta_wrapper) .entry-content {
  flex-basis: calc(100% - clamp(290px, 30%, 400px) - 20px) !important;
}
.single-universal-content.sponsored-by-company article:has(.entry-content + .et_post_meta_wrapper) .entry-content ~ .et_post_meta_wrapper {
  flex-basis: clamp(290px, 30%, 400px) !important;
  will-change: min-height;
}
.single-universal-content.sponsored-by-company article:has(.entry-content + .et_post_meta_wrapper) .entry-content ~ .et_post_meta_wrapper > * {
  transform: translate(0, 0); /* For browsers don't support translate3d. */
  transform: translate3d(0, 0, 0);
  will-change: position, transform;
}

.company-card {
  max-width: 420px;
}

.featured-businesses .flex-row {
  gap: 20px;
}

.featured-businesses .flex-row .company-card {
  flex-basis: clamp(280px, 30%, 420px);
}

@media all and (max-width: 700px) {
  .featured-businesses .flex-row .company-card {
    flex-basis: 100%;
  }
}
@media all and (max-width: 820px) {
  .single-universal-content.sponsored-by-company article:has(.entry-content + .et_post_meta_wrapper) .entry-content {
    flex-basis: 100% !important;
  }
  .single-universal-content.sponsored-by-company article:has(.entry-content + .et_post_meta_wrapper) .entry-content ~ .et_post_meta_wrapper {
    flex-basis: 100% !important;
  }
}
.new-item,
.list-result.user-submission:has(.submission-status option[value="0"]:checked) {
  box-shadow: inset 0 0 0 2000px rgba(255, 0, 0, 0.1);
  position: relative;
}
.new-item:before,
.list-result.user-submission:has(.submission-status option[value="0"]:checked):before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 8px;
  height: 8px;
  background-color: red;
  border-radius: 50%;
  animation: newpulse 1.5s infinite;
  box-shadow: 0 0 0 0px red, 0 0 0 0px red;
}

@keyframes newpulse {
  0% {
    transform: scale(1);
    background: rgb(255, 0, 0);
    box-shadow: 0 0 0 0px red, 0 0 0 0px red;
  }
  50% {
    transform: scale(1.4);
    background: rgba(255, 0, 0, 0.85);
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0), 0 0 0 6px rgba(255, 0, 0, 0);
  }
  100% {
    transform: scale(1);
    background: rgb(255, 0, 0);
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0), 0 0 0 6px rgba(255, 0, 0, 0);
  }
}
.screen-reader-text {
  display: none !important;
}

/* Custom Styles for menu with both Business Directory and Magazine */
#main-menu:has(.directory-link + .magazine-link) .upper-menu .left-um .menu-search-form {
  max-width: 250px !important;
}

div#featured-companies:first-of-type {
  margin-top: 100px;
}

.submit-story {
  position: absolute;
  top: 100%;
  text-align: center;
  height: 0;
}
.submit-story a {
  background: #0095ee;
  color: #fff !important;
  padding: 40px 40px 14px;
  outline: 1px dashed;
  outline-offset: -10px;
  border-radius: 0 0 20px 20px;
  transition: 0.35s all cubic-bezier(0.49, -0.17, 0.71, 1.3);
  transform: translateY(-40px);
  display: inline-block;
  box-shadow: inset 0 36px 10px #000;
}
.submit-story a:hover {
  transform: translateY(-24px);
  box-shadow: inset 0 20px 10px #000;
}

@media all and (max-width: 1130px) {
  #main-menu:has(.directory-link + .magazine-link) .extra2, #main-menu:has(.directory-link + .magazine-link) .extra3 {
    display: none;
  }
}
@media all and (max-width: 1065px) {
  #main-menu:has(.directory-link + .magazine-link) .upper-menu .left-um .extra {
    display: none;
  }
  #main-menu:has(.directory-link + .magazine-link) .upper-menu .left-um input {
    max-width: calc(100vw - 750px) !important;
    min-width: 56px !important;
  }
}
@media all and (max-width: 660px) and (min-width: 541px) {
  #main-menu:has(.directory-link + .magazine-link) .extra, #main-menu:has(.directory-link + .magazine-link) .extra2, #main-menu:has(.directory-link + .magazine-link) .extra3 {
    display: inline !important;
  }
  #main-menu:has(.directory-link + .magazine-link) .upper-menu > nav {
    flex-direction: column;
  }
  #main-menu:has(.directory-link + .magazine-link) .upper-menu > nav > * {
    width: 100%;
  }
  #main-menu:has(.directory-link + .magazine-link) .upper-menu > nav .left-um {
    justify-content: space-between;
  }
  #main-menu:has(.directory-link + .magazine-link) .upper-menu > nav .right-um > * {
    justify-content: space-between;
  }
}
@media all and (max-width: 400px) {
  #main-menu:has(.directory-link + .magazine-link) .upper-menu .left-um input {
    min-width: 32px !important;
  }
  #main-menu:has(.directory-link + .magazine-link) .upper-menu .left-um input + span svg {
    margin-left: -12px;
  }
}
#wpadminbar {
  display: none !important;
}

html {
  margin-top: 0 !important;
}

html:has(body.super-admin):has(#wpadminbar) {
  margin-top: 32px !important;
}

body.super-admin #wpadminbar {
  display: block !important;
}

#trm-gdpr-consent-bar {
  z-index: 99999999999 !important;
}

#invited-by-container {
  z-index: 99999999998 !important;
}

.upgrade-btn {
  background-image: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab) !important;
  background-size: 400% 400%;
  animation: gradients 5s ease infinite;
  font-weight: 800;
  font-size: 14px;
  color: #a771fe;
}
.upgrade-btn,
.upgrade-btn svg {
  color: #fff !important;
}
.upgrade-btn:hover {
  background-size: 400% 400% !important;
  background-image: linear-gradient(45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab) !important;
  flex-direction: row-reverse;
}
.upgrade-btn:hover svg {
  margin-left: 6px;
  margin-right: 0 !important;
}

.wl-review-form label:has(input[type=checkbox], input[type=radio]):before, .wl-review-form label:has(input[type=checkbox], input[type=radio]):after {
  display: none !important;
}

#modal:has(#dynamic-content:empty) {
  display: none;
}

.tax-neighborhood.term-explore .custom-select,
.tax-neighborhood.term-explore #sorter {
  display: none;
}

.tax-neighborhood.term-explore #content-wrap + section h3 {
  display: none;
}

.tax-neighborhood.term-explore #content-menu h1 span {
  font-size: 0;
}

.tax-neighborhood.term-explore #content-menu h1 span:after {
  content: "Explore Growing WhirLocal Neighborhoods:";
  font-size: 30px;
}

.menu-item-gtranslate {
  top: -3px;
  transform: scale(0.76);
  list-style-type: none !important;
}

#et-secondary-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#top-header .container {
  padding: 5px !important;
}

.gt_switcher a {
  padding-bottom: 3px !important;
  font-size: 16px !important;
  color: #646464 !important;
}
.gt_switcher a img {
  margin-right: 6px !important;
}

.tax-neighborhood.term-explore main {
  display: block !important;
}

.tax-neighborhood.term-explore main section a:hover {
  color: #0095ee !important;
}

.tax-neighborhood.term-explore main .term-19402 {
  display: none !important;
}

#neighborhood-menu a.button.primary {
  color: #fff !important;
}

.et_pb_column_1_3 {
  z-index: 0;
}

.et_pb_column_2_3 {
  z-index: 100;
}

.page-id-437587 #confetti,
.page-id-449615 #confetti {
  z-index: 9999999;
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100vh;
  opacity: 1;
  max-width: 90vw;
  left: 50%;
  transition: 2.1s all ease-out;
  pointer-events: none;
  transform: translateX(-50%);
}
.page-id-437587 #confetti.fade-out,
.page-id-449615 #confetti.fade-out {
  opacity: 0;
}

.whirlocal-logo-2.text-white {
  color: #fff !important;
}

.whirlocal-logo-2.pin-white path {
  fill: #fff !important;
}

#et_top_search {
  display: none !important;
}

.campton-light {
  font-family: "Campton Light", sans-serif;
  font-weight: 300;
}

.campton-bold {
  font-family: "Campton Bold", sans-serif;
  font-weight: 800;
}

.billing-cycle-select {
  border: 2px solid #fff;
  overflow: hidden;
  border-radius: 64px;
  display: inline-flex;
}
.billing-cycle-select label {
  position: relative;
}
.billing-cycle-select label:nth-child(2) strong:before {
  content: "Save 16%!";
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  font-size: 12px;
  color: #fff;
  z-index: 100;
}
.billing-cycle-select label:nth-child(2) strong {
  position: relative;
  padding-top: 12px;
  padding-bottom: 4px;
}
.billing-cycle-select input {
  display: none;
}
.billing-cycle-select input:checked ~ strong {
  background: #fff;
  color: #0095ee;
  font-weight: 700;
  pointer-events: none;
}
.billing-cycle-select input:checked ~ strong:before {
  color: #0095ee;
}
.billing-cycle-select strong {
  color: rgba(255, 255, 255, 0.5);
  display: block;
  padding: 8px 16px;
  position: relative;
}
.billing-cycle-select strong:hover {
  cursor: pointer;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.billing-cycle-select.alt {
  border-color: #0095ee;
}
.billing-cycle-select.alt label {
  background: rgba(0, 50, 230, 0.15);
  color: #0095ee;
}
.billing-cycle-select.alt input:checked ~ strong {
  background: #0095ee;
  color: #fff;
}
.billing-cycle-select.alt label strong {
  color: #0095ee;
}
.billing-cycle-select.alt label strong:before {
  color: #0095ee;
}
.billing-cycle-select.alt label input:checked ~ strong {
  color: #fff;
}
.billing-cycle-select.alt label input:checked ~ strong:before {
  color: #fff;
}

.cycles {
  font-size: 46px;
  font-family: "Montserrat";
  line-height: 1em !important;
  padding-bottom: 0.6em !important;
}
.cycles sup {
  font-size: 40%;
  bottom: 1.05em;
  font-weight: 200;
}
.cycles .cycle {
  font-size: 35%;
  font-weight: 400;
}

.plan-select {
  background: #fff;
  padding: 8px 24px 10px;
  border-radius: 4px;
  border-radius: 100px;
  color: #0056C9;
  box-shadow: 0 10px 20px -15px #000;
}

#google-autocomplete,
.post-type-search {
  width: 100%;
  border: none;
  padding: 20px;
  border-radius: 40px;
  font-size: 18px;
}

.hidden {
  display: none;
}

#main-header .container {
  max-width: none;
  width: 100%;
  padding: 0 40px;
}

.universal-content #main-header {
  display: none;
}

#location-autocomplete-form #google-autocomplete:not(:placeholder-shown) + .et_pb_button_module_wrapper .not-found {
  opacity: 0.85;
  margin-top: 6px;
  font-size: 14px;
  padding: 0 20px;
  border-radius: 4px;
  color: #fff;
  background: rgba(255, 255, 255, 0.2);
}
#location-autocomplete-form #google-autocomplete:not(:placeholder-shown) + .et_pb_button_module_wrapper .not-found:hover {
  opacity: 1;
  background: rgba(255, 255, 255, 0.3);
}
#location-autocomplete-form #google-autocomplete:not(:placeholder-shown) + .et_pb_button_module_wrapper > button, #location-autocomplete-form #google-autocomplete:not(:placeholder-shown) + .et_pb_button_module_wrapper > .button {
  transition: 0.425s all cubic-bezier(1, -0.27, 0.39, 1.65);
}
#location-autocomplete-form #google-autocomplete:not(:placeholder-shown) + .et_pb_button_module_wrapper > button[disabled], #location-autocomplete-form #google-autocomplete:not(:placeholder-shown) + .et_pb_button_module_wrapper > button:not([disabled]) + a.et_pb_button, #location-autocomplete-form #google-autocomplete:not(:placeholder-shown) + .et_pb_button_module_wrapper > .button[disabled], #location-autocomplete-form #google-autocomplete:not(:placeholder-shown) + .et_pb_button_module_wrapper > .button:not([disabled]) + a.et_pb_button {
  transform: scale(0.85);
  pointer-events: none;
  opacity: 0.5 !important;
  box-shadow: none !important;
  background-image: none !important;
  background-color: #35383f !important;
}
#location-autocomplete-form #google-autocomplete:placeholder-shown + .et_pb_button_module_wrapper > button[disabled], #location-autocomplete-form #google-autocomplete:placeholder-shown + .et_pb_button_module_wrapper > .button[disabled] {
  transform: scale(0.85);
  pointer-events: none;
  opacity: 0.5 !important;
  box-shadow: none !important;
  background-image: none !important;
  background-color: #35383f !important;
}

#whirlocal-admin-modal .wam-content {
  padding: 24px;
}
#whirlocal-admin-modal .close-wam {
  right: 8px;
}

.animated-gradient {
  background: linear-gradient(-45deg, rgb(42, 31, 173) 0%, rgb(169, 27, 120) 100%) 0% 0%/150% 150% !important;
  animation: 5s ease 0s infinite normal none running Gradient;
}

.animated-gradient-2 {
  background: linear-gradient(-45deg, #141e30 0%, #243b55 100%) 0% 0%/150% 150% !important;
  animation: 5s ease 0s infinite normal none running Gradient;
}

.pac-container {
  border-radius: 10px;
}
.pac-container .pac-item {
  padding: 6px 12px;
}
.pac-container.pac-logo:after {
  margin: 0 10px 10px;
}

.check-status {
  display: none;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

[allow-check=true] ~ .check-status {
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  width: 24px;
  height: 24px;
  color: #0095ee;
}

[allow-check=true] ~ .check-status.error {
  color: #ff7471;
}

[allow-check=true] ~ .check-status.success {
  color: #47cb6e;
}

[disabled] {
  opacity: 0.35;
  cursor: default;
  pointer-events: none;
}

.whirlocal-form input, .whirlocal-form textarea, .whirlocal-form select {
  background: #edeef2;
  border: none;
  font-size: 18px;
  padding: 18px 10px 8px 16px;
  display: block;
  width: 100%;
  box-shadow: none;
  border-radius: 4px;
}
.whirlocal-form label {
  position: relative;
  display: inline-block;
}
.whirlocal-form label strong {
  color: #89a;
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
  transition: 0.25s all;
  cursor: text;
  user-select: none;
}
.whirlocal-form label textarea:focus + strong,
.whirlocal-form label input:not([type=checkbox]):focus + strong,
.whirlocal-form label .not-empty + strong {
  top: 0;
  font-size: 11px;
  transform: translateY(-1px);
  opacity: 1;
}
.whirlocal-form.whirlocal-search {
  grid-template-columns: 1fr 140px 140px 140px;
  grid-gap: 1em !important;
  padding: 20px;
}
.whirlocal-form.whirlocal-search [name=industry] ~ .search-target {
  display: none;
}
.whirlocal-form.whirlocal-search [name=industry] ~ .search-target:hover, .whirlocal-form.whirlocal-search [name=industry]:focus ~ .search-target {
  display: block;
}
.whirlocal-form.whirlocal-search label {
  margin: 0;
  font-size: 16px;
}
.whirlocal-form.whirlocal-search label strong {
  background: transparent;
  line-height: 1;
  padding: 4px 12px;
  border-radius: 10px;
}
.whirlocal-form.whirlocal-search label textarea:focus + strong,
.whirlocal-form.whirlocal-search label input:not([type=checkbox]):focus + strong,
.whirlocal-form.whirlocal-search label .not-empty + strong {
  background: #edeef2;
  transform: translateY(-10px);
}
.whirlocal-form.whirlocal-search button[type=submit] {
  font-size: 18px;
  padding: 11px;
  border-radius: 4px;
  background: #f16292;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  border: 2px solid #fff;
  font-weight: 600;
}
.whirlocal-form.whirlocal-search button[type=submit]:hover {
  cursor: pointer;
  background: #f47ea6;
}
.whirlocal-form .search-target {
  position: absolute;
  top: 100%;
  width: 100%;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 10px 25px -20px;
  z-index: 10000111;
  max-height: 217px;
  overflow-y: auto;
}
.whirlocal-form .search-target .industry {
  padding: 6px 12px;
  font-size: 14px;
  color: #0095ee;
  font-weight: 600;
}
.whirlocal-form .search-target .industry:hover {
  cursor: pointer;
  background: #edeef2;
}
.whirlocal-form .search-target .card.nbhd-content-search {
  margin-right: 1px;
}
.whirlocal-form .search-target .card.nbhd-content-search .thumb {
  width: 33%;
  max-width: 160px;
  margin-right: 4px;
}
.whirlocal-form .search-target .card.nbhd-content-search div:last-child {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 10px;
}
.whirlocal-form .search-target .card.nbhd-content-search .content:after {
  content: "…";
}

#industry-container label {
  padding: 10px 20px;
  border: 1px solid #ccc;
  background: #fafafa;
  margin-bottom: 10px;
  display: block;
  position: relative;
}

#industry-container label:hover {
  cursor: pointer;
}

#industry-container label:hover > b {
  color: #0095ee;
}

#industry-container input:checked ~ .hidden {
  display: block;
  margin-top: 8px;
}

#industry-container input:checked ~ b {
  color: #0095ee;
}

#industry-container input:checked ~ b:before {
  background: #0095ee;
}

#industry-container b {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}

#industry-container b:before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 16px;
  background: #bbb;
  margin-right: 8px;
  margin-left: -10px;
}

#industry-container .children-indicator {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 8px;
  height: 8px;
  transform: translateY(-50%) rotate(-45deg);
  border: 1px solid #000;
  border-style: none solid solid none;
}

#industry-container input:checked ~ b .children-indicator {
  transform: translateY(-50%) rotate(45deg);
}

#industry-container input[type=checkbox] {
  width: 1px;
  background: #fff;
  border: none;
  height: 1px;
  position: absolute;
}

#policies {
  color: rgba(255, 255, 255, 0.2);
  padding: 14px 0;
  font-size: 12px;
}
#policies a {
  color: rgba(255, 255, 255, 0.35);
  font-size: 13px !important;
}
#policies span {
  margin: 0 8px;
}

#footer-info > div strong {
  color: #fff;
}

#footer-info + #policies {
  width: 100%;
  padding: 2px 0 5px;
}
#footer-info + #policies:before {
  content: "";
  display: table;
  clear: both;
  width: 100%;
}
#footer-info + #policies a {
  color: rgba(255, 255, 255, 0.35) !important;
  font-size: 13px !important;
}
#footer-info + #policies span {
  margin: 0 8px !important;
}

label [name*="industry[]"] ~ .hidden,
.filter + .hidden {
  max-height: 200px;
  overflow-x: auto;
}

.et_top_search {
  display: none;
}

#affiliate-footer {
  background: #fff;
  font-size: 12px;
  text-align: left;
  padding: 6px 12px;
  position: fixed;
  bottom: 10px;
  left: 10px;
  border-radius: 4px;
  box-shadow: 0 4px 11px -10px;
}
#affiliate-footer div {
  line-height: 1.625;
}
#affiliate-footer img {
  margin-right: 6px;
  border-radius: 32px;
  width: 32px;
  height: 32px;
}
#affiliate-footer a {
  display: block;
}

.wam-content .permanent {
  pointer-events: none !important;
  cursor: default;
}
.wam-content [readonly] {
  background: #cde !important;
  color: #789 !important;
  font-weight: 700;
  pointer-events: none !important;
}

.menu-item-469477 a {
  background: #0095ee;
}

.menu-item-447075 a {
  background: #f29709;
}

.menu-item-447075 a,
.menu-item-469477 a {
  color: #fff !important;
  font-weight: 700;
  padding: 10px 16px !important;
  border-radius: 3px;
  line-height: 1;
}

.wl-modal .icon svg,
.wl-button.icon svg {
  box-sizing: content-box !important;
}

body.page .wl-modal label span {
  top: 50%;
}
body.page .wl-modal label input:focus ~ span,
body.page .wl-modal label input:not(:placeholder-shown) ~ span {
  top: -2.325em;
}

#whirlocal-admin-modal > .wam-content form {
  grid-gap: 0 !important;
}
#whirlocal-admin-modal > .wam-content form #agree_sms,
#whirlocal-admin-modal > .wam-content form #agree_terms {
  position: relative !important;
  opacity: 1 !important;
}
#whirlocal-admin-modal > .wam-content form [type=radio] {
  opacity: 0.01;
}
#whirlocal-admin-modal > .wam-content form [type=radio] ~ .indicator {
  top: 0;
  left: 0;
}
#whirlocal-admin-modal > .wam-content form label strong {
  width: calc(100% - 60px);
  margin-left: 0 !important;
  position: relative;
  top: 0;
  left: 0;
  transform: none;
}
#whirlocal-admin-modal > .wam-content form label strong span {
  margin-left: 3px;
  position: relative;
  top: 0;
  left: 0;
  transform: none;
}
#whirlocal-admin-modal > .wam-content form [allow-check=true] ~ .check-status {
  left: auto;
  top: 36%;
}
#whirlocal-admin-modal > .wam-content [id=industry-container] label span {
  position: absolute;
  top: 50%;
  left: auto;
  right: 0;
}
#whirlocal-admin-modal > .wam-content [id=industry-container] input:checked ~ .hidden {
  display: block !important;
}

#company-verification .search-target,
#add-new-user-form .search-target {
  position: absolute;
  z-index: 10;
  background: #f4f7f9;
  width: 100%;
  max-height: 200px;
  overflow: auto;
  border-radius: 6px;
  box-shadow: inset 0 0 20px -10px;
}
#company-verification .search-target .industry,
#add-new-user-form .search-target .industry {
  padding: 4px 12px;
  font-weight: 600;
  color: #0095ee;
}
#company-verification .search-target .industry:nth-child(2n),
#add-new-user-form .search-target .industry:nth-child(2n) {
  background: rgba(0, 0, 0, 0.03);
}
#company-verification .search-target .industry:hover,
#add-new-user-form .search-target .industry:hover {
  background: #0095ee;
  color: #fff;
  cursor: pointer;
}

@media all and (max-width: 960px) {
  .whirlocal-form.whirlocal-search {
    grid-template-columns: repeat(3, 1fr);
  }
  .whirlocal-form.whirlocal-search label.search {
    grid-column-end: -1 !important;
    grid-column-start: 1 !important;
  }
}
@media all and (max-width: 600px) {
  .whirlocal-form.whirlocal-search {
    grid-template-columns: repeat(6, 1fr);
  }
  .whirlocal-form.whirlocal-search label.zip {
    grid-column-start: 1 !important;
    grid-column-end: 4 !important;
  }
  .whirlocal-form.whirlocal-search label.distance {
    grid-column-start: 4 !important;
    grid-column-end: -1 !important;
  }
  .whirlocal-form.whirlocal-search button {
    grid-column-start: 2 !important;
    grid-column-end: -2 !important;
  }
}
.single-landing-page #search-wlio {
  max-width: 180px !important;
}

#modal:has(#dynamic-content:empty) {
  display: none;
}

#modal:has(#modal-content.loading) {
  display: flex !important;
}

.logged-in.super-admin > #page-container, .logged-in.has-companies > #page-container {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.logged-in.super-admin > #page-container > header#main-header, .logged-in.has-companies > #page-container > header#main-header {
  display: none !important;
}

#main-menu a {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

/**
 * Styles for the Main WhirLocal Overhead Menu
 */
#main-menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 100;
  padding: 25px;
  border-bottom: 1px solid #dedede;
}

.admin-bar #main-menu {
  top: 32px;
}

#main-menu a.active {
  color: #0095ee;
}

#main-menu a.active svg {
  fill: #0095ee;
}

#main-menu + main {
  margin-top: 16px;
}

#main-menu .wrap {
  max-width: none;
  margin: 0 auto;
}

#main-menu .wrap #whirlocal-logo {
  font-size: 24px;
  color: #000;
}

#user-menu a,
#neighborhood-menu a {
  color: #6f6f6f;
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  transition: 0.15s color;
}

#user-menu svg,
#neighborhood-menu svg {
  transition: 0.15s filter;
}

/**
 * Neighborhood Menu
 */
#neighborhood-menu svg {
  margin-right: 8px;
  width: 24px;
  height: 24px;
  filter: grayscale(100%);
}

#neighborhood-menu a {
  margin: 0 24px;
  position: relative;
}

#neighborhood-menu > a.active:after {
  content: "";
  background: #0095ee;
  position: absolute;
  bottom: -32px;
  left: 0;
  width: 100%;
  height: 2px;
}

#neighborhood-menu a:hover svg {
  filter: grayscale(0%);
}

#neighborhood-menu a:hover,
#neighborhood-menu a.active,
#neighborhood-menu a.active h4 {
  color: #0095ee;
}

#neighborhood-menu a:first-of-type, #neighborhood-menu a:last-of-type {
  margin: 0;
}

#neighborhood-menu > a,
#neighborhood-menu > .sep > a {
  padding: 14px 12px;
}
#neighborhood-menu > a > svg,
#neighborhood-menu > .sep > a > svg {
  display: none !important;
}

#neighborhood-menu > .sep.group-social > a > svg {
  display: block !important;
}
#neighborhood-menu > .sep.group-social > a:hover > svg {
  fill: #0095ee;
}

#neighborhood-menu > .sep.group-website > a {
  margin: 0 !important;
  padding: 5px;
}
#neighborhood-menu > .sep.group-website > a > svg {
  display: block !important;
  margin: 0 !important;
}
#neighborhood-menu > .sep.group-website > a:hover > svg {
  stroke: #0095ee;
}

#neighborhood-menu > .sep {
  margin-left: 6px;
  padding-left: 6px;
  border-left: 1px solid #ccc;
}

/**
 * User Menu
 */
#user-menu .notifications svg {
  width: 32px;
  height: 32px;
  margin-right: 24px;
}

#user-menu img {
  width: 40px;
  margin-right: 24px;
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1);
  transition: 0.2s all;
}

#user-menu #account svg {
  width: 18px;
  height: 18px;
  margin-left: 24px;
  transition: 0.25s transform;
}

#user-menu #account.active svg {
  transform: rotate(90deg);
}

#user-menu #account:hover span {
  color: #0095ee;
}

#user-menu #account:hover img {
  box-shadow: 0 0 0 5px #fff, 0 0 0 7px #0095ee;
}

/**
 * Mega Menu Styles
 */
#main-menu .mega-menu {
  position: absolute;
  height: 0;
  overflow: hidden;
  transform-origin: top;
  transform: scaleY(0);
  padding: 0 20px;
  border-bottom: 1px solid #fafafa;
  opacity: 0;
  transition: transform 0.2s;
}

#main-menu .mega-menu .wrap {
  width: 100%;
  width: calc(100% - 40px);
  max-width: 1366px;
}

#main-menu .mega-menu .sub-menu {
  grid-template-columns: 300px 260px 300px;
  grid-gap: 20px;
  max-width: 900px;
  margin: 0 auto;
}

#main-menu .mega-menu h2 {
  margin: 0;
  text-align: center;
}

#main-menu .mega-menu h4 {
  margin: 0;
  display: inline-flex;
  align-items: center;
}

#main-menu .mega-menu a {
  display: flex;
  width: 100%;
  margin: 0 0 12px;
  align-items: center;
}

#main-menu .mega-menu a.separator {
  border-top: 1px solid #dedede;
}

#main-menu .mega-menu a[data-num]:after {
  content: "(" attr(data-num) ")";
  font-size: 12px;
  margin-left: 4px;
  color: #0095ee;
}

#main-menu .mega-menu a.more {
  color: #0095ee;
  font-size: 14px;
}

#main-menu .mega-menu form {
  position: relative;
  grid-column: auto/span 1;
}

#main-menu .mega-menu form:after {
  content: "- or -";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -40px;
  background: #fff;
  padding: 10px 0;
  font-size: 18px;
}

#main-menu .mega-menu form label {
  position: relative;
  margin: 15px;
  display: inline-block;
}

#main-menu .mega-menu form label svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  z-index: 10;
  width: 24px;
  height: 24px;
}

#main-menu .mega-menu form input[type=text] {
  border: 0;
  outline: 0;
  border-radius: 6px;
  vertical-align: middle;
  padding: 12px 24px 12px 42px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.2s;
}

#main-menu .mega-menu form input[type=text]:focus {
  color: #0095ee;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.08), inset 0 0 0 1px #0095ee;
}

#main-menu .mega-menu .top-level {
  grid-column: auto/span 2;
  border-left: 1px solid #cecece;
  /*border-right: 1px solid #cecece;*/
  padding: 0 30px;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 34px repeat(6, 42px);
  grid-gap: 0;
}

#main-menu .mega-menu .top-level > a,
#main-menu .mega-menu .top-level.has-active > a.active {
  opacity: 1;
  transition: 0.2s opacity;
}

#main-menu .mega-menu .top-level.has-active > a {
  opacity: 0.65;
}

#main-menu .mega-menu .top-level h2 {
  text-align: left;
  grid-column: auto/span 2;
}

#main-menu .mega-menu .top-level svg {
  filter: grayscale(100%);
  transition: 0.2s filter;
}

#main-menu .mega-menu .top-level a:hover svg {
  filter: grayscale(60%);
}

#main-menu .mega-menu .top-level a.active svg {
  filter: grayscale(0);
}

#main-menu .mega-menu .sub-level {
  grid-column: 2;
  grid-row: 2/span 6;
  margin-top: 17px;
  background: #fff;
  height: 0;
  width: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.2s opacity;
}

#main-menu .mega-menu a.active + .sub-level {
  height: auto;
  width: auto;
  overflow: visible;
  opacity: 1;
}

#main-menu a.active + .mega-menu,
#main-menu a.active + input + .mega-menu,
#main-menu .parent-item + input:checked + .mega-menu {
  box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.12);
  background: #fff;
  overflow: auto;
  height: auto;
  transform: scaleY(1);
  padding: 20px;
  top: 95px;
  left: 0;
  right: 0;
  opacity: 1;
}

#main-menu #user-menu a.active + input + .mega-menu,
#main-menu #user-menu .parent-item + input:checked + .mega-menu {
  left: auto;
  width: 200px;
  border: 1px solid #dedede;
  border-top: none;
  padding: 0;
}

#main-menu #user-menu a.active + input + .mega-menu hr,
#main-menu #user-menu .parent-item + input:checked + .mega-menu hr {
  border: none;
  border-bottom: 1px solid #dedede;
}

#main-menu #user-menu a.active + input + .mega-menu svg,
#main-menu #user-menu .parent-item + input:checked + .mega-menu svg {
  width: 28px;
  height: 28px;
  margin-right: 12px;
}

#main-menu #user-menu a.active + input + .mega-menu a,
#main-menu #user-menu .parent-item + input:checked + .mega-menu a {
  padding: 10px 20px;
  margin: 0;
}

#main-menu #user-menu a.active + input + .mega-menu a:hover,
#main-menu #user-menu .parent-item + input:checked + .mega-menu a:hover {
  color: #0095ee;
}

#main-menu #user-menu a.active + input + .mega-menu a:first-of-type,
#main-menu #user-menu .parent-item + input:checked + .mega-menu a:first-of-type {
  padding-top: 20px;
}

#main-menu #user-menu a.active + input + .mega-menu a:last-of-type,
#main-menu #user-menu .parent-item + input:checked + .mega-menu a:last-of-type {
  padding-bottom: 20px;
  text-align: right;
}

#main-menu #user-menu input,
#main-menu .parent-item + input {
  display: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* v2 Menu*/
#main-menu #neighborhood-menu {
  justify-content: space-between;
}
#main-menu #neighborhood-menu a {
  margin: 0 6px !important;
}
#main-menu #neighborhood-menu > a.active:after {
  bottom: -24px;
  pointer-events: none;
}
#main-menu .mega-menu.v2 {
  transition: transform 0.2s, opacity 0.2s;
  opacity: 0;
}
#main-menu .mega-menu.v2 .wrap a {
  width: auto;
  padding: 4px 6px;
  margin: 0 8px 0;
}
#main-menu a.active + input + .mega-menu.v2,
#main-menu .parent-item + input:checked + .mega-menu.v2 {
  border-top: 1px solid #dedede;
  margin-top: -1px;
  opacity: 1;
}

.feather-icon-toggle svg line,
.neighborhood-menu-toggle svg line {
  transition: 0.25s all ease-out;
}
.feather-icon-toggle svg line:nth-child(1),
.neighborhood-menu-toggle svg line:nth-child(1) {
  opacity: 1;
}
.feather-icon-toggle svg line:nth-child(2),
.neighborhood-menu-toggle svg line:nth-child(2) {
  transform: rotate(0);
  transform-origin: 4px 10px;
}
.feather-icon-toggle svg line:nth-child(3),
.neighborhood-menu-toggle svg line:nth-child(3) {
  transform: rotate(0);
  transform-origin: 6px 15px;
}
.feather-icon-toggle.active svg line:nth-child(1),
.neighborhood-menu-toggle.active svg line:nth-child(1) {
  opacity: 0;
}
.feather-icon-toggle.active svg line:nth-child(2),
.neighborhood-menu-toggle.active svg line:nth-child(2) {
  transform: rotate(45deg);
}
.feather-icon-toggle.active svg line:nth-child(3),
.neighborhood-menu-toggle.active svg line:nth-child(3) {
  transform: rotate(-45deg);
}

#main-menu #neighborhood-menu.mobile-active {
  box-shadow: 0 10px 25px -15px;
  text-align: right;
  flex-direction: column;
  width: fit-content;
  left: auto;
  right: 10px;
}
#main-menu #neighborhood-menu.mobile-active a,
#main-menu #neighborhood-menu.mobile-active .sep,
#main-menu #neighborhood-menu.mobile-active .sep > a {
  margin: 0 !important;
  width: 100%;
  justify-content: flex-end;
  min-width: 135px;
}
#main-menu #neighborhood-menu.mobile-active .sep {
  display: flex;
  flex-direction: column;
  border-left: 0;
  margin: 0;
  padding: 0;
  border-top: 1px solid #ccc;
}
#main-menu #neighborhood-menu.mobile-active .mega-menu.v2 .flex-row {
  flex-direction: column;
}

/**
 * Mobile Stuff
 */
.neighborhood-menu-toggle {
  display: none;
}

.mobile-show {
  display: none !important;
}

@media (min-width: 651px) {
  .neighborhood-menu-toggle {
    display: none !important;
  }
}
@media (max-width: 1400px) {
  #main-menu #neighborhood-menu > a,
  #main-menu #neighborhood-menu > .sep > a {
    margin: 0 !important;
    font-size: 14px;
  }
}
@media (max-width: 1366px) {
  #user-menu #account span {
    display: none;
  }
  #user-menu #account svg {
    display: none;
  }
}
@media (max-width: 1200px) {
  .menu-extra {
    display: none;
  }
  .mobile-show {
    display: initial !important;
  }
  #main-menu a.active + .mega-menu,
  #main-menu a.active + input + .mega-menu,
  #main-menu .parent-item + input:checked + .mega-menu {
    top: auto;
    left: -240px;
    right: auto;
    opacity: 1;
    background: #fff;
    z-index: 1;
    min-width: 240px;
    box-shadow: inset -3px 0 9px -2px rgba(0, 149, 238, 0.2);
  }
  #main-menu a.active .mega-menu a span {
    margin: 6px 0 !important;
  }
  #main-menu #neighborhood-menu > a.active > span {
    color: #0095ee !important;
  }
  #main-menu #neighborhood-menu > a.active:after {
    left: -10px;
    width: 4px;
    top: 0;
    height: 100%;
  }
}
@media (max-width: 1000px) {
  #user-menu #account > svg, #user-menu #account > span {
    display: none;
  }
}
@media (max-width: 960px) {
  #main-menu .mega-menu .sub-menu {
    grid-template-columns: 260px repeat(2, 1fr);
  }
  #main-menu .mega-menu .sub-menu form {
    grid-column: auto/span 3;
  }
  #main-menu .mega-menu .sub-menu form:after {
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0;
    height: 0;
    right: auto;
    top: auto;
  }
  #main-menu .mega-menu .sub-menu form br,
  #main-menu .mega-menu .sub-menu form span {
    display: none;
  }
  #main-menu .mega-menu .sub-menu form label {
    margin: 0;
    width: 47.5%;
  }
  #main-menu .mega-menu .sub-menu form label input {
    width: 100%;
  }
  #main-menu .mega-menu .sub-menu form button {
    margin-top: 8px;
  }
  #neighborhood-menu .mega-menu .top-level {
    border: none;
  }
  #main-menu .mega-menu .top-level {
    grid-column: auto/span 3;
  }
}
@media (max-width: 840px) {
  #neighborhood-menu > a > span {
    display: none;
  }
}
@media (max-width: 782px) {
  .admin-bar #main-menu {
    top: 46px;
  }
}
/*@media (max-width: 650px) {*/
@media (max-width: 1200px) {
  #main-menu {
    padding: 15px;
  }
  .mobile-hide {
    display: none;
  }
  .mobile-show {
    display: initial;
  }
  #main-menu + main {
    margin-top: 60px;
  }
  #neighborhood-menu {
    height: 0;
    overflow: hidden;
    transform: scaleY(0);
    position: absolute;
    top: 66px;
    background: #fff;
    left: 0;
    right: 0;
    padding: 15px 10px;
    transition: 0.2s transform;
    transform-origin: top center;
  }
  #neighborhood-menu.mobile-active {
    height: auto;
    overflow: visible;
    transform: scaleY(1);
  }
  #neighborhood-menu > a > span {
    display: inline-flex;
  }
  #neighborhood-menu a.active + .mega + input-menu,
  #neighborhood-menu a.active .parent-item + input:checked-menu {
    position: fixed;
    top: 62px;
    border-top: 1px solid #cecece;
    grid-template-columns: 100%;
    padding: 15px 10px;
  }
  #neighborhood-menu .mega-menu .wrap {
    margin: 0;
    width: 100%;
  }
  #neighborhood-menu .mega-menu .grid {
    grid-template-columns: 100%;
    padding: 0 5px;
  }
  #user-menu {
    margin-left: 18px;
  }
  #main-menu #user-menu a.active + input + .mega-menu,
  #main-menu #user-menu .parent-item + input:checked + .mega-menu {
    top: 75px;
    width: 180px;
  }
  .neighborhood-menu-toggle {
    display: flex !important;
  }
  #main-menu .mega-menu .sub-level {
    grid-column: auto/span 1;
    grid-row: auto/span 1;
    margin-left: 40px;
  }
  #main-menu .mega-menu .sub-menu form {
    grid-column: auto/span 1;
    padding: 0 5px;
  }
  #main-menu .mega-menu .top-level {
    grid-column: auto/span 1;
    grid-template-rows: auto;
  }
  #main-menu .mega-menu .top-level h2 {
    grid-column: auto/span 1;
    margin-bottom: 8px;
  }
  #main-menu a.active + .mega + input-menu.v2,
  #main-menu a.active .parent-item + input:checked-menu.v2 {
    position: relative;
    top: 0;
    width: 100%;
  }
}
@media (max-width: 600px) {
  #main-menu,
  .admin-bar #main-menu {
    position: relative;
    top: 0;
  }
  #main-menu + main {
    margin-top: 0;
  }
}
@keyframes menu-path {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes menu-arrow {
  0% {
    transform: translate(0, 0) rotate(0deg) scale(2.5);
  }
  100% {
    transform: translate(50%, 50%) rotate(90deg) scale(2.5);
  }
}
.neighborhood-menu-toggle.active g + path {
  transform-origin: 12.5% 12.5%;
  animation: menu-arrow 0.35s forwards;
}

.neighborhood-menu-toggle.active g path {
  animation: menu-path 0.35s forwards;
}

/* Footer Menu */
#footer-menu {
  background: #e1e1e1;
  padding: 50px 0;
}

#footer-menu .wrap {
  width: 1440px;
  max-width: calc(100% - 50px);
  margin: 0 auto;
}

#footer-menu a {
  color: #2e2e2e;
  font-family: "Campton Bold";
  font-weight: 700;
}

#footer-menu .grid > div:first-child a {
  display: block;
  margin-bottom: 24px;
  font-size: 32px;
}

#footer-menu a:hover {
  color: #0095ee;
}

#footer-menu a:hover sup {
  color: #2e2e2e;
}

#main-menu #whirlocal-logo {
  position: relative;
}
#main-menu #whirlocal-logo .neighborhood {
  display: block;
  text-align: center;
  font-size: 12px;
  font-family: campton bold;
  text-transform: uppercase;
  font-weight: 100;
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 8px;
  z-index: 10;
  width: 100%;
}

@media all and (max-width: 1200px) {
  .logged-in.super-admin > #page-container, .logged-in.has-companies > #page-container {
    /*margin-top: 79px !important;*/
  }
}
@media all and (max-width: 600px) {
  .logged-in.super-admin > #page-container, .logged-in.has-companies > #page-container {
    margin-top: 0 !important;
  }
}
body.single-landing-page.landing-page-template-default.single > div#page-container {
  margin-top: 0 !important;
}
body.single-landing-page.landing-page-template-default.single nav#main-menu {
  display: none !important;
}

body.single-landing-page #top-header {
  display: none !important;
}

body.admin-bar.et_non_fixed_nav.et_transparent_nav.et_secondary_nav_enabled #main-header, body.admin-bar.et_fixed_nav.et_secondary_nav_enabled #main-header {
  top: 63px !important;
}

body.home #main-menu {
  position: relative !important;
  top: 0 !important;
}

#top-header .container {
  padding-top: 0;
}

#et-info, #et-secondary-menu > ul > li a {
  padding-bottom: 0 !important;
}

.menu-item-toggle-dark-mode span {
  font-size: 0;
  line-height: 0;
  display: inline-block;
}
.menu-item-toggle-dark-mode span:hover {
  cursor: pointer;
}
.menu-item-toggle-dark-mode span:hover svg {
  stroke: rgba(255, 255, 255, 0.7);
}
.menu-item-toggle-dark-mode svg {
  width: 20px;
  height: 20px;
}
.menu-item-toggle-dark-mode.new:after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 6px;
  position: absolute;
  top: 0;
  right: 0;
  background: #eb0400;
  animation: pulse-red 2s infinite;
}

@keyframes pulse-red {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
  }
}
body.fe.dark-mode,
body.fe.dark-mode #main-content {
  background-color: #2f363d !important;
}
body.fe.dark-mode #main-menu .lower-menu {
  background-color: #1b1d20 !important;
}
body.fe.dark-mode #main-header .logo_container img {
  opacity: 0;
}
body.fe.dark-mode #main-header .logo_container a {
  height: 43.19px;
  width: 198.23px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("https://whirlocal.io/assets/img/whirlocal-concept-logo-white-blue-pin.png");
  position: relative;
  top: -7px;
}
body.fe.dark-mode #main-content .container {
  background-color: #1b1d20 !important;
}
body.fe.dark-mode .card,
body.fe.dark-mode #main-menu,
body.fe.dark-mode #modal-logo,
body.fe.dark-mode #main-header,
body.fe.dark-mode #content-menu,
body.fe.dark-mode #modal-content,
body.fe.dark-mode .et_pb_section,
body.fe.dark-mode #dynamic-content,
body.fe.dark-mode #neighborhood-menu,
body.fe.dark-mode #easy-share a,
body.fe.dark-mode #breakdown .term,
body.fe.dark-mode .single-applause-container,
body.fe.dark-mode .applause:after,
body.fe.dark-mode #sidebar .widget:not(.breakout), body.fe.dark-mode.single-company #content > *, body.fe.dark-mode.tax-groups #content > * {
  background-color: #24292e !important;
}
body.fe.dark-mode .applause svg {
  fill: #24292e;
}
body.fe.dark-mode #sidebar .widget.breakout {
  background: transparent;
}
body.fe.dark-mode #places-search-container {
  background-color: #2f363d;
}
body.fe.dark-mode #dynamic-content {
  box-shadow: -5px -5px 0 15px #24292e;
}
body.fe.dark-mode #modal-logo {
  border: 10px solid #24292e;
}
body.fe.dark-mode #modal-content {
  box-shadow: 0 10px 25px -10px rgba(0, 0, 0, 0.5);
}
body.fe.dark-mode #modal .hours > div:nth-child(2n+1) {
  background: rgba(0, 0, 0, 0.15);
}
body.fe.dark-mode .card .logo {
  box-shadow: 0 0 0 10px #24292e;
  background-color: #fff;
}
body.fe.dark-mode .card[company-id="505281"] .logo {
  background-color: #24292e;
}
body.fe.dark-mode .card .specialized-terms {
  background-color: #1e2327 !important;
}
body.fe.dark-mode .recommended_by a img {
  border: 3px solid #24292e;
  background: transparent;
}
body.fe.dark-mode #preferred-places h4 {
  border-bottom: 0 !important;
}
body.fe.dark-mode.recommendations-template #content-menu {
  background-color: transparent !important;
}
body.fe.dark-mode.recommendations-template #sorter input[type=text] {
  background: #24292e;
  color: #d8e1f1 !important;
}
body.fe.dark-mode #main-menu a,
body.fe.dark-mode #main-header a,
body.fe.dark-mode #main-menu #neighborhood-menu *, body.fe.dark-mode.single-company #content #content-menu a, body.fe.dark-mode.tax-groups #content #content-menu a,
body.fe.dark-mode #sidebar .widget.featured .card p,
body.fe.dark-mode #sidebar .widget.featured .card p span {
  color: #d8e1f1 !important;
}
body.fe.dark-mode #main-menu, body.fe.dark-mode.single-company .sidebar .widget > h4, body.fe.dark-mode.single-company #sidebar .widget > h4, body.fe.dark-mode.tax-groups .sidebar .widget > h4, body.fe.dark-mode.tax-groups #sidebar .widget > h4 {
  border-bottom: 1px solid #202020;
}
body.fe.dark-mode, body.fe.dark-mode.tax-groups #content > *, body.fe.dark-mode.single-company #content > *, body.fe.dark-mode.single-company .sidebar .widget > div, body.fe.dark-mode.single-company #sidebar .widget > div, body.fe.dark-mode.tax-groups .sidebar .widget > div, body.fe.dark-mode.tax-groups #sidebar .widget > div {
  color: #8596ab !important;
}
body.fe.dark-mode.single-company #content #reviews .review .meta svg, body.fe.dark-mode.tax-groups #content #reviews .review .meta svg,
body.fe.dark-mode #social-media a svg {
  fill: #d8e1f1;
}
body.fe.dark-mode #whirlocal-logo .whirlocal-font {
  color: #fff;
}
body.fe.dark-mode #whirlocal-logo .neighborhood {
  color: #0095ee;
}
body.fe.dark-mode h1, body.fe.dark-mode h1 > span, body.fe.dark-mode h1 > a, body.fe.dark-mode h2, body.fe.dark-mode h2 > span, body.fe.dark-mode h2 > a, body.fe.dark-mode h3, body.fe.dark-mode h3 > span, body.fe.dark-mode h3 > a, body.fe.dark-mode h4, body.fe.dark-mode h4 > span, body.fe.dark-mode h4 > a, body.fe.dark-mode h5, body.fe.dark-mode h5 > span, body.fe.dark-mode h5 > a, body.fe.dark-mode h6, body.fe.dark-mode h6 > span, body.fe.dark-mode h6 > a,
body.fe.dark-mode .card.company-content .content-header a,
body.fe.dark-mode .card.company-content .content-header a > span,
body.fe.dark-mode .card.company-content .content-header a > a {
  color: #86b2ff !important;
}
body.fe.dark-mode .large-neighborhood h1, body.fe.dark-mode .large-neighborhood h1 > * {
  color: #fff !important;
}
body.fe.dark-mode #main-content .container:before {
  background-color: #293036;
}
body.fe.dark-mode.single-company #content #services a, body.fe.dark-mode.tax-groups #content #services a {
  background: #86b2ff;
  font-weight: 600;
}
body.fe.dark-mode #sidebar .card.small-company-card .title a {
  color: #0095ee;
}
body.fe.dark-mode.single-company #content > #featured-in, body.fe.dark-mode.single-company #content > #featured-content, body.fe.dark-mode.single-company #content > #nbhd-content, body.fe.dark-mode.single-company #content > #projects, body.fe.dark-mode.single-company #content > #offers, body.fe.dark-mode.single-company #content > #news, body.fe.dark-mode.single-company #content > #staff, body.fe.dark-mode.single-company #content > #licenses {
  background-color: #2f363d !important;
  box-shadow: none;
}
body.fe.dark-mode .company-content,
body.fe.dark-mode .single-applause-container {
  box-shadow: 0 10px 25px -18px rgba(0, 0, 0, 0.5);
}
body.fe.dark-mode #main-menu .lower-menu .nav-container a svg,
body.fe.dark-mode #main-menu .lower-menu .nav-container a svg *,
body.fe.dark-mode #main-menu .lower-menu nav label svg,
body.fe.dark-mode #main-menu .lower-menu nav label svg * {
  color: #fff !important;
}
body.fe.dark-mode .inline-premium,
body.fe.dark-mode .popup-inline-form {
  background: #20658f;
  box-shadow: -300px 0 0 #20658f, -600px 0 0 #20658f, -900px 0 0 #20658f, -1200px 0 0 #20658f, 300px 0 0 #20658f, 600px 0 0 #20658f, 900px 0 0 #20658f, 1200px 0 0 #20658f;
}
body.fe.dark-mode .applause[data-claps="0"] {
  background: transparent;
}
body.fe.dark-mode .applause[data-claps="0"]:before {
  display: none;
}
body.fe.dark-mode .applause[data-claps="1"]:before {
  background-image: linear-gradient(90deg, #202020 50%, transparent 50%, transparent), linear-gradient(126deg, #63B8FF 50%, #202020 50%, #202020);
}
body.fe.dark-mode .applause[data-claps="2"]:before {
  background-image: linear-gradient(90deg, #202020 50%, transparent 50%, transparent), linear-gradient(162deg, #63B8FF 50%, #202020 50%, #202020);
}
body.fe.dark-mode .applause[data-claps="3"]:before {
  background-image: linear-gradient(90deg, #202020 50%, transparent 50%, transparent), linear-gradient(198deg, #63B8FF 50%, #202020 50%, #202020);
}
body.fe.dark-mode .applause[data-claps="4"]:before {
  background-image: linear-gradient(90deg, #202020 50%, transparent 50%, transparent), linear-gradient(234deg, #63B8FF 50%, #202020 50%, #202020);
}
body.fe.dark-mode .applause[data-claps="5"]:before {
  background-image: linear-gradient(90deg, #202020 50%, transparent 50%, transparent), linear-gradient(270deg, #63B8FF 50%, #202020 50%, #202020);
}
body.fe.dark-mode .applause[data-claps="6"]:before {
  background-image: linear-gradient(-90deg, #63B8FF 50%, transparent 50%, transparent), linear-gradient(306deg, #63B8FF 50%, #202020 50%, #202020);
}
body.fe.dark-mode .applause[data-claps="7"]:before {
  background-image: linear-gradient(-90deg, #63B8FF 50%, transparent 50%, transparent), linear-gradient(342deg, #63B8FF 50%, #202020 50%, #202020);
}
body.fe.dark-mode .applause[data-claps="8"]:before {
  background-image: linear-gradient(-90deg, #63B8FF 50%, transparent 50%, transparent), linear-gradient(378deg, #63B8FF 50%, #202020 50%, #202020);
}
body.fe.dark-mode .applause[data-claps="9"]:before {
  background-image: linear-gradient(-90deg, #63B8FF 50%, transparent 50%, transparent), linear-gradient(414deg, #63B8FF 50%, #202020 50%, #202020);
}
body.fe.dark-mode.single-company .sidebar #public-groups .group-list-item a, body.fe.dark-mode.single-company .sidebar #public-groups .group-list-item a.wl-button, body.fe.dark-mode.single-company #sidebar #public-groups .group-list-item a, body.fe.dark-mode.single-company #sidebar #public-groups .group-list-item a.wl-button, body.fe.dark-mode.tax-groups .sidebar #public-groups .group-list-item a, body.fe.dark-mode.tax-groups .sidebar #public-groups .group-list-item a.wl-button, body.fe.dark-mode.tax-groups #sidebar #public-groups .group-list-item a, body.fe.dark-mode.tax-groups #sidebar #public-groups .group-list-item a.wl-button {
  background-color: #1e2327;
}
body.fe.dark-mode.single-company .sidebar #public-groups .group-list-item:hover a, body.fe.dark-mode.single-company #sidebar #public-groups .group-list-item:hover a, body.fe.dark-mode.tax-groups .sidebar #public-groups .group-list-item:hover a, body.fe.dark-mode.tax-groups #sidebar #public-groups .group-list-item:hover a {
  border-color: #0095ee;
}
body.fe.dark-mode #main-menu #neighborhood-menu.mobile-active {
  box-shadow: 0 10px 25px -15px rgba(0, 0, 0, 0.5);
}
body.fe.dark-mode .stars .missed svg {
  fill: #111 !important;
}
body.fe.dark-mode .search-ish a,
body.fe.dark-mode .search-ish span {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.35));
}
body.fe.dark-mode .search-ish a.active,
body.fe.dark-mode .search-ish span.active {
  background: #24292e;
}
body.fe.dark-mode .card-ish {
  background: #24292e;
}
body.fe.dark-mode form input,
body.fe.dark-mode form textarea,
body.fe.dark-mode form select,
body.fe.dark-mode .form input,
body.fe.dark-mode .form textarea,
body.fe.dark-mode .form select {
  background-color: #2f363d !important;
  color: #d8e1f1 !important;
  border-color: rgba(150, 200, 255, 0.3) !important;
}
body.fe.dark-mode .offer-card h1, body.fe.dark-mode .offer-card h2, body.fe.dark-mode .offer-card h3, body.fe.dark-mode .offer-card h4, body.fe.dark-mode .offer-card h5, body.fe.dark-mode .offer-card h6,
body.fe.dark-mode .add-your-business h1,
body.fe.dark-mode .add-your-business h2,
body.fe.dark-mode .add-your-business h3,
body.fe.dark-mode .add-your-business h4,
body.fe.dark-mode .add-your-business h5,
body.fe.dark-mode .add-your-business h6 {
  color: #fff !important;
}
body.fe.dark-mode .card.company-content .stars .earned svg {
  fill: #0095ee;
}
body.fe.dark-mode .aggregate-stars .earned svg,
body.fe.dark-mode .aggregate-score .earned svg {
  fill: #0095ee;
}
body.fe.dark-mode.join-hub-template,
body.fe.dark-mode.join-hub-template .hero,
body.fe.dark-mode.join-hub-template .features,
body.fe.dark-mode.join-hub-template .wrapper {
  background-color: #2f363d !important;
}
body.fe.dark-mode.join-hub-template #managed-by .card:not(.temp-modal-content) {
  box-shadow: 0 20px 45px -15px rgba(0, 0, 0, 0.35);
}
body.fe.dark-mode.join-hub-template .mockup h4 {
  color: #fff !important;
}
body.fe.dark-mode.join-hub-template .plan {
  background: #24292e;
}
body.fe.dark-mode.join-hub-template #clients {
  background: #293036;
}
body.fe.dark-mode #contact-form h4 {
  color: #fff !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}
body.fe.dark-mode.single-company .sidebar .widget.featured .button:hover, body.fe.dark-mode.single-company #sidebar .widget.featured .button:hover, body.fe.dark-mode.tax-groups .sidebar .widget.featured .button:hover, body.fe.dark-mode.tax-groups #sidebar .widget.featured .button:hover {
  color: #0095ee !important;
}
body.fe.dark-mode .pac-container {
  background-color: #2f363d;
  border-top: none;
}
body.fe.dark-mode .pac-item-query {
  color: #fff;
}
body.fe.dark-mode .pac-item {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
body.fe.dark-mode .pac-item:hover {
  background: #0095ee;
}
body.fe.dark-mode .pac-item > span:last-of-type {
  color: rgba(255, 255, 255, 0.5);
  margin-left: 10px;
}
body.fe.dark-mode #whirlocal-admin-modal h1 {
  color: #fff !important;
}
body.fe.dark-mode #whirlocal-admin-modal .wam-content {
  background-color: #2f363d;
}
body.fe.dark-mode #whirlocal-admin-modal .wam-content input,
body.fe.dark-mode #whirlocal-admin-modal .wam-content textarea,
body.fe.dark-mode #whirlocal-admin-modal .wam-content select {
  background-color: #24292e !important;
  color: #d8e1f1 !important;
  border: 1px solid rgba(150, 200, 255, 0.3) !important;
}
body.fe.dark-mode #whirlocal-admin-modal .wam-content .wam-footer a.wam-false,
body.fe.dark-mode #whirlocal-admin-modal .wam-content .wam-footer button.wam-false,
body.fe.dark-mode #whirlocal-admin-modal .wam-content .wam-footer .button.wam-false {
  background-color: #24292e;
}
body.fe.dark-mode #whirlocal-admin-modal .wam-content::-webkit-scrollbar-thumb,
body.fe.dark-mode #whirlocal-admin-modal .wam-content::-webkit-scrollbar-track {
  border-color: #2f363d;
}
body.fe.dark-mode #whirlocal-admin-modal .wam-content::-webkit-scrollbar-track {
  background-color: #2f363d;
}
body.fe.dark-mode #whirlocal-admin-modal .close-wam {
  box-sizing: content-box;
}
body.fe.dark-mode #whirlocal-admin-modal #industry-container label {
  background: #24292e;
  border: 1px solid rgba(150, 200, 255, 0.3) !important;
}
body.fe.dark-mode #whirlocal-admin-modal #industry-container label label {
  background-color: #2f363d;
}
body.fe.dark-mode #whirlocal-admin-modal #industry-container label label.filter {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

body.fe.dark-mode.single #main-content .container {
  background-color: #2f363d !important;
}

#related .card h2 {
  font-size: 22px;
}

/*# sourceMappingURL=primary-site.css.map */