body {
  background-color: #f7f7f7;
}

.color-black,
.color-black > a {
  color: black !important;
}

.color-white,
.color-white > a {
  color: white !important;
}

.bg-white {
  background-color: white !important;
}

.color-branda {
  color: var(--wp--preset--color--brand-a);
}

.lineclamp-3 > *,
.lineclamp-2 > * {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.lineclamp-2 > * {
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

.lineclamp-3 > * {
  -webkit-line-clamp: 3;
  line-clamp: 3;
}

body.logged-in .show-logged-out {
  display: none !important;
}

body:not(.logged-in):not(.editor-styles-wrapper) .show-logged-in {
  display: none !important;
}

.height-100 {
  height: 100%;
}

.width-100 {
  width: 100%;
}

.align-right {
  text-align: right;
}

.margin-left-auto {
  margin-left: auto !important;
}

.align-left > DIV {
  text-align: left;
}

.align-right > DIV {
  text-align: right;
}

.align-center > DIV {
  text-align: center;
}

.shrink-none {
  flex-shrink: 0;
}

.justify-center {
  justify-content: center;
}

.overflow-hidden {
  overflow: hidden;
}

@media (min-width: 1201px) {
  .hide-desktop {
    display: none !important;
  }
}

@media (max-width: 1200px) {
  .only-desktop {
    display: none !important;
  }
}

@media (min-width: 782px) AND (max-width: 1200px) {
  .hide-tablet {
    display: none !important;
  }
}

@media (max-width: 781px) OR (min-width: 1201px) {
  .only-tablet {
    display: none !important;
  }
}

@media (min-width: 782px) {
  .only-mobile {
    display: none !important;
  }
}

@media (max-width: 781px) {
  .hide-mobile {
    display: none !important;
  }
}

.display-contents {
  display: contents;
}

.bg-white-center IFRAME {
  background-color: white;
  padding: 2px;
  text-align: center;
  border-radius: 8px;
}

div[id^="google_ads_iframe"] {
  text-align: center;
}

.page-numbers {
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
  min-width: 20px;
  text-align: center;
  padding: 4px;
  white-space: nowrap;
}
a.page-numbers {
  color: white;
  background-color: var(--wp--preset--color--brand-a);
  border-radius: 16px;
  text-decoration: none;
}

.flex-grow {
  flex-grow: 1;
}

.icon-person-black > a,
.icon-person > a,
.icon-envelope > a > span,
.icon-envelope-black > a > span
{
  display: flex;
  align-items: center;  
}

.icon-person-black > a::before,
.icon-person > a::before,
.icon-envelope-black > a ::before,
.icon-envelope > a ::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  background-repeat:no-repeat;
  background-size:cover;
}

.icon-person > a::before {
  background-image: var(--svg-person);
}

.icon-person-black > a::before {
  background-image: var(--svg-person-black);
}

.icon-envelope > a ::before {
  background-image: var(--svg-envelope);
}

.icon-envelope-black > a ::before {
  background-image: var(--svg-envelope-black);
}


.pill {
  background-color: var(--wp--preset--color--brand-a);
  border-radius: 100px;
  color: white !important;
  font-family: var(--wp--preset--font-family--roboto);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  text-decoration: none !important;
  max-width: 100% !important;
  text-align: center !important;
  padding-top: var(--wp--preset--spacing--20);
  padding-bottom: var(--wp--preset--spacing--20);
}

.pill p {
  margin: 0px;
}