/*
Theme Name: Magical Threads Theme
Theme URI: https://themoderndirectory.com
Author: The Magical Threads Company
Author URI: https://www.magicalthreads.co
Description: Magical Threads theme.
Version: 1.0
Tags: responsive, clean, minimal, modern
*/


:root {
  /* Colors */
  --color-white: #FFFFFF;
  --color-black: #151515;
  
  --color-gray-f2f2f2: #F2F2F2;
  --color-gray-cccccc: #CCCCCC;
  --color-gray-999999: #999999;
  --color-gray-656565: #656565;
  --color-gray-444444: #444444;

  --color-green: #2A453D;
  --color-brown: #AD8965;

  /* Typography */
  --fs-h1: calc(1.425rem + 2.1vw);
  --fs-h2: calc(1.365rem + 1.38vw);
  --fs-h3: calc(1.275rem + 0.3vw);
  --fs-h4: var(--fs-large);
  --fs-h5: var(--fs-normal);
  --fs-h6: var(--fs-small);

  --fs-large: 1.125rem;
  --fs-normal: 0.95rem;
  --fs-small: 0.78rem;
  --fs-smallest: 0.75rem;
}


@media (min-width: 1200px) {


  :root {
  --fs-h1: 3rem;
  --fs-h2: 2.4rem;
  --fs-h3: 1.5rem;
  }
}


body,
html {
  color: #151515;
  color: var(--color-black);
  font-family: 'Montserrat', sans-serif;
  background-color: #F2F2F2;
  background-color: var( --color-gray-f2f2f2);
}


html {
  font-size: 100%;
}


body {
  margin: 0;
}


header,
footer,
main,
div,
section,
article,
aside,
nav {
  position: relative;
  box-sizing: border-box;
}


/*
 * Font size
 */


h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  line-height: 1.3;
  text-transform: uppercase;
  margin: 0 0 calc(1.275rem + 0.3vw);
}


@media (min-width: 1200px) {


  h1, h2, h3, h4, h5, h6 {
  margin: 0 0 1.5rem;
  }
}


h1 {
  font-size: calc(1.425rem + 2.1vw);
  font-size: var(--fs-h1);
  margin: 0 0 1rem
}


@media (min-width: 1200px) {


  h1 {
  font-size: 3rem;
  }
}


@media (max-width: 768px) {


h1 {
    font-size: calc(1.375rem + 1.5vw)
}


@media (min-width: 1200px) {


    h1 {
    font-size: 2.5rem;
    }
  }
  }


h2 {
  font-size: calc(1.365rem + 1.38vw);
  font-size: var(--fs-h2)
}


@media (min-width: 1200px) {


  h2 {
  font-size: 2.4rem;
  }
}


@media (max-width: 480px) {


h2 {
    font-size: calc(1.3rem + 0.6vw)
}


@media (min-width: 1200px) {


    h2 {
    font-size: 1.75rem;
    }
  }
  }


h3 {
  font-size: calc(1.275rem + 0.3vw);
  font-size: var(--fs-h3)
}


@media (min-width: 1200px) {


  h3 {
  font-size: 1.5rem;
  }
}


@media (max-width: 480px) {


h3 {
    font-size: 1rem
}
  }


h4 {
  font-size: 1.125rem;
  font-size: var(--fs-h4);
}


h5 {
  font-size: 0.95rem;
  font-size: var(--fs-h5);
}


h6 {
  font-size: 0.78rem;
  font-size: var(--fs-h6);
  margin: 0 0 1rem;
}


.fs-large {
  font-size: 1.125rem;
  font-size: var(--fs-large)
}


@media (max-width: 480px) {


.fs-large {
    font-size: 1rem
}
  }


.fs-small {
  font-size: 0.78rem;
  font-size: var(--fs-small);
}


.fs-smallest {
  font-size: 0.75rem;
  font-size: var(--fs-smallest);
}


p,
.fs-normal {
  font-size: 0.95rem;
  font-size: var(--fs-normal);
  line-height: 1.6;
  margin: 0 0 calc(1.275rem + 0.3vw)
}


@media (min-width: 1200px) {


  p,
.fs-normal {
  margin: 0 0 1.5rem;
  }
}


@media (max-width: 480px) {


p,
.fs-normal {
    font-size: 0.925rem
}
  }


/*
 * Colors
 */


.color-black {
  color: #151515;
  color: var(--color-black);
}


/*
 * Button
 */


.button {
  color: #FFFFFF;
  color: var(--color-white);
  font-size: 0.75rem;
  font-size: var(--fs-smallest);
  font-weight: 600;
  letter-spacing: 0.04em;
  margin: 0 0 calc(1.275rem + 0.3vw);
  padding: 0.75rem 1rem;
  display: inline-block;
  background-color: #2A453D;
  background-color: var(--color-green);
  border-radius: 0.25rem;
  text-decoration: none;
  text-transform: uppercase;
  box-sizing: border-box
}


@media (min-width: 1200px) {


  .button {
  margin: 0 0 1.5rem;
  }
}


@media (max-width: 480px) {


.button {
    padding: 0.6rem 1rem
}
  }


.button.ghost {
  color: #2A453D;
  color: var(--color-green);
  font-size: 0.65rem;
  padding: 0.65rem 0.75rem;
  background-color: transparent;
  border: 1px solid #2A453D;
  border: 1px solid var(--color-green)
}


.button.ghost:hover {
    color: #FFFFFF;
    color: var(--color-white);
    background-color: #2A453D;
    background-color: var(--color-green);
  }


.button.white {
  color: #2A453D;
  color: var(--color-green);
  background-color: #FFFFFF;
  background-color: var(--color-white);
}


/*
 * Text Link
 */


.text-link {
  color: #2A453D;
  color: var(--color-green);
  font-size: 0.78rem;
  font-size: var(--fs-small);
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
}


/*
 * Text align
 */


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


a.edit-button {
  color: #FFFFFF;
  color: var(--color-white);
  font-size: 0.75rem;
  font-size: var(--fs-smallest);
  text-decoration: none;
  width: 56px;
  height: 56px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 16px; bottom: 16px;
  position: fixed;
  background-color: #2A453D;
  background-color: var(--color-green);
  border-radius: 50px;
  z-index: 9999;
}


a.edit-button a {
  }


/* body.login {
  background-color: #131313;
} */


.login form {
  background-color: transparent;
  background-color: initial;
  border: medium none currentColor;
  border: initial;
  box-shadow: none;
  box-shadow: initial;
}


/*
body.login:before {
  content: '';
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  width: 100%;
  height: 100%;
  background: url(.assets/img/logo_animated-the-modern-directory.gif) no-repeat 50% 50%/cover;
  filter: grayscale(0.5);
}

body.login:after {
  content: '';
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
body.login #login {
  position: relative;
  z-index: 1337;
}
body.login form {
  background: transparent;
  border: 0;
}
body.login h1 a {
  width: 240px;
  background-image: url(./../assets/img/logo_animated-the-modern-directory.gif);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  padding-bottom: 10px;
}
body.login a {
  color: #FF004B;	
}
body.login label,
body.login #nav a,
body.login #backtoblog a {
  color: #ffffff;
}
.wp-core-ui .button.button-large {
  background-color: #FF004B;
  border-color: #FF004B;
}
.wp-core-ui .button.button-large:hover {
  background-color: #FF004B;
  border-color: #FF004B;
} */


/*
 * Announcement Bar
 */


.announcement-bar {
  width: 100%;
  height: calc(1.325rem + 0.9vw);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #2A453D;
  background-color: var(--color-green);
}


.announcement-bar a {
    color: #FFFFFF;
    color: var(--color-white);
    font-size: 0.75rem;
    font-size: var(--fs-smallest);
    text-align: center;
  }


@media (min-width: 1200px) {


  .announcement-bar {
  height: 2rem;
  }
}


/*
 * Header
 */


header {
  width: 100%;
}


.header-main {
  height: calc(1.475rem + 2.7vw);
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  background-color: #151515;
  background-color: var(--color-black)
}


@media (min-width: 1200px) {


  .header-main {
  height: 3.5rem;
  }
}


@media (max-width: 768px) {


.header-main {
    height: auto;
    height: initial;
    padding: 1rem 0
}
  }


.logo {
  color: #FFFFFF;
  color: var(--color-white);
  font-size: 1.125rem;
  font-size: var(--fs-large);
  font-weight: 700;
  margin: 0 0 0 calc(1.425rem + 2.1vw);
  text-decoration: none;
  text-transform: uppercase;
}


.logo svg {
    width: auto;
    height: calc(1.275rem + 0.3vw);
    filter: invert(1)
  }


@media (max-width: 1200px) {

  .logo svg {
      height: 1.25rem
  }
    }


@media (max-width: 1024px) {

  .logo svg {
      height: 1rem
  }
    }


@media (max-width: 768px) {

  .logo svg {
      /* height: rfs(1.125rem); */
  }
    }


@media (min-width: 1200px) {


  .logo {
  margin: 0 0 0 3rem;
    height: 1.5rem;
  }
}


header .links-header {
  height: 100%;
  display: flex;
  flex-flow: row nowrap;
  align-items: center
}


header .links-header > *:not(:first-child) {
    margin-left: calc(1.325rem + 0.9vw)
  }


@media (min-width: 1200px) {


  header .links-header > *:not(:first-child) {
    margin-left: 2rem;
  }
}


@media (max-width: 1024px) {


header .links-header > *:not(:first-child) {
      margin-left: 1rem
  }
    }


header .links-header a,
  header .links-header span {
    color: #FFFFFF;
    color: var(--color-white);
    text-decoration: none;
  }


a.button-header {
  color: #FFFFFF;
  color: var(--color-white);
  height: 100%;
  line-height: 1;
  font-weight: 600;
  padding: 0 calc(1.275rem + 0.3vw);
  display: flex;
  align-items: center;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #AD8965;
  background-color: var(--color-brown)
}


@media (min-width: 1200px) {


  a.button-header {
  padding: 0 1.5rem;
  }
}


@media (max-width: 1024px) {


a.button-header {
    padding: 0 1rem
}
  }


@media (max-width: 768px) {


a.button-header {
    display: none
}
  }


.links-header .search-form {
  display: flex;
  flex-flow: row nowrap;
  align-items: center
}


@media (max-width: 768px) {


.links-header .search-form {
    margin-right: calc(1.725rem + 5.7vw)
}


@media (min-width: 1200px) {


    .links-header .search-form {
    margin-right: 6rem;
    }
  }
  }


.links-header .material-icons {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  cursor: pointer;
}


.links-header form.is-search-form {
}


.links-header form.is-search-form input[type="search"] {
  color: #FFFFFF;
  color: var(--color-white);
  width: 100%;
  min-width: 320px;
  max-width: 320px;
  background-color: transparent;
  border: medium none currentColor !important;
  border: initial !important
}


@media (max-width: 1024px) {


.links-header form.is-search-form input[type="search"] {
    min-width: 240px;
    max-width: 240px
}
  }


@media (max-width: 768px) {


.links-header form.is-search-form input[type="search"] {
    /* min-width: 320px;
    max-width: 320px; */
}
  }


.links-header form.is-search-form input[type="submit"] {
  color: #FFFFFF;
  color: var(--color-white);
  background-color: #2A453D;
  background-color: var(--color-green);
  border: medium none currentColor;
  border: initial;
  cursor: pointer;
}


/*
 * Navigation Menu: Account
 * Logged in user
 */


.links-header .user-login-signup {
  display: flex;
  flex-flow: row nowrap;
  align-items: center
}


@media (max-width: 768px) {


.links-header .user-login-signup {
    display: none
}
  }


.links-header .user-login-signup .avatar {
  margin: 0 1rem 0 0;
  border-radius: 50px
}


@media (max-width: 1024px) {


.links-header .user-login-signup .avatar {
    width: calc(1.275rem + 0.3vw);
    height: calc(1.275rem + 0.3vw);
    margin-right: 0.5rem
}


@media (min-width: 1200px) {


    .links-header .user-login-signup .avatar {
    width: 1.5rem;
    height: 1.5rem;
    }
  }
  }


/*
 * Navigation Menu: Account
 */


ul.nav-menu--account {
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none;
}


@media (max-width: 768px) {


ul.nav-menu--account.link-pricing {
    display: none
}
  }


ul.nav-menu--account li {
  margin: 0;
  padding: 0;
  position: relative;
}


ul.nav-menu--account li a {
  font-size: 0.78rem;
  font-size: var(--fs-small);
}


ul.nav-menu--account-dropdown {
  visibility: hidden;
  opacity: 0;
  margin: 0 0 0 calc(-1.3125rem - 0.75vw);
  padding: 1rem 0 0.5rem;
  list-style: none;
  left: 0;
  position: absolute;
  background-color: #FFFFFF;
  background-color: var(--color-white);
  border-radius: 4px;
  box-shadow: 0 30px 30px 0 rgba(29, 10, 81, 0.1);
  z-index: 9999;
  display: none;
}


@media (min-width: 1200px) {


  ul.nav-menu--account-dropdown {
  margin: 0 0 0 -1.875rem;
  }
}


ul.nav-menu--account-dropdown li:before {
  content: '';
  width: 22px;
  height: 22px;
  top: 0.4375rem; left: calc(1.275rem + 0.3vw);
  position: absolute;
}


@media (min-width: 1200px) {


  ul.nav-menu--account-dropdown li:before { left: 1.5rem;
  }
}


ul.nav-menu--account-dropdown li.nav-menu--icon-account:before {
  background: url('img/icon-menu--account.svg');
}


ul.nav-menu--account-dropdown li.nav-menu--icon-logout:before {
  background: url('img/icon-menu--logout.svg');
}


ul.nav-menu--account-dropdown li:hover {
  opacity: 0.8;
}


ul.nav-menu--account-dropdown li a {
  color: #2A453D;
  color: var(--color-green);
  padding: 0.625rem calc(1.325rem + 0.9vw) 0.625rem calc(1.475rem + 2.7vw);
  display: flex;
}


@media (min-width: 1200px) {


  ul.nav-menu--account-dropdown li a {
  padding: 0.625rem 2rem 0.625rem 3.5rem;
  }
}


ul.nav-menu--account li:hover > ul.nav-menu--account-dropdown,
ul.nav-menu--account li[focus-within] > ul.nav-menu--account-dropdown,
ul.nav-menu--account li ul.nav-menu--account-dropdown:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}


ul.nav-menu--account li:hover > ul.nav-menu--account-dropdown,
ul.nav-menu--account li:focus-within > ul.nav-menu--account-dropdown,
ul.nav-menu--account li ul.nav-menu--account-dropdown:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}


ul.nav-menu--account li ul.nav-menu--account-dropdown li {
  clear: both;
  width: 100%;
}


.nav-menu--icon-account {
  display: none;
}


/*
 * Navigation: Primary
 */


nav.navigation-primary {
  width: 100%;
  height: calc(1.375rem + 1.5vw);
  padding: 0 calc(1.285rem + 0.42vw);
  background-color: #FFFFFF;
  background-color: var(--color-white);
  border-bottom: 1px solid #F2F2F2;
  border-bottom: 1px solid var( --color-gray-f2f2f2)
}


@media (min-width: 1200px) {


  nav.navigation-primary {
  height: 2.5rem;
  padding: 0 1.6rem;
  }
}


@media (max-width: 768px) {


nav.navigation-primary {
    display: none
}
  }


nav.navigation-primary .menu-primary-navigation-container,
  nav.navigation-primary .menu-primary-navigation-logged-out-container {
    width: inherit;
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
  }


nav.navigation-primary ul {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    list-style: none;
  }


nav.navigation-primary li {
    font-size: 0.78rem;
    font-size: var(--fs-small);
    line-height: 1;
    font-weight: 400;
    display: inline-block
  }


nav.navigation-primary li:not(:last-child) {
      margin-right: calc(1.365rem + 1.38vw);
    }


nav.navigation-primary li a {
      color: #151515;
      color: var(--color-black);
      font-size: inherit;
      line-height: inherit;
      font-weight: inherit;
      text-decoration: none;
    }


@media (min-width: 1200px) {


  nav.navigation-primary {
      margin-right: 2.4rem;
  }
}


.desktop-hide {
  display: none !important
}


@media (max-width: 768px) {


.desktop-hide {
    margin-left: 1rem;
    border-radius: 4px;
    display: inline-block !important
}
  }


/*
 * Mobile Menu
 *
 */


.material-icons.icon-menu {
  color: #FFFFFF;
  color: var(--color-white);
  margin: 0 calc(1.285rem + 0.42vw) 0 0;
  top: 1rem; right: 0;
  position: absolute;
  cursor: pointer;
  display: none
}


@media (min-width: 1200px) {


  .material-icons.icon-menu {
  margin: 0 1.6rem 0 0;
  }
}


@media (max-width: 768px) {


.material-icons.icon-menu {
    display: inline-block
}
  }


.header.active {
  height: auto;
  padding: 0 calc(1.285rem + 0.42vw);
  display: flex;
  flex-direction: column;
  background-color: #151515;
  background-color: var(--color-black);
  position: absolute;
  z-index: 9999;
}


.header.active .header-main {
    width: 100%;
    height: auto;
    height: initial;
    padding-bottom: 0;
    flex-flow: column wrap;
    align-items: flex-start;
    justify-content: flex-start;
    background-color: transparent;
  }


.header.active .logo {
    margin-left: 0;
    margin-left: initial;
  }


.header.active .links-header {
    width: 100%;
    height: auto;
    height: initial;
    padding: 0.5rem 0 0;
    flex-flow: column wrap;
    align-items: flex-start
  }


.header.active .links-header > *:not(:first-child) {
      margin-left: 0;
      margin-left: initial;
    }


.header.active .search-form {
    display: none;
  }


.header.active .user-login-signup {
    display: flex;
  }


.header.active a.button-header {
    display: none;
  }


.header.active nav.navigation-primary {
    height: auto;
    height: initial;
    padding: 0 0 1rem;
    display: inline-block;
    background-color: transparent;
    border-bottom: 0;
    border-bottom: initial;
  }


.header.active nav.navigation-primary ul {
      flex-direction: column;
      justify-content: flex-start;
    }


.header.active nav.navigation-primary li:not(:last-child) {
        margin-right: 0;
      }


.header.active .user-login-signup,
  .header.active a.button-header,
  .header.active li {
    padding: 1rem 1rem;
  }


.header.active .fs-small,
  .header.active li a {
    color: #FFFFFF;
    color: var(--color-white);
    font-size: 0.95rem;
    font-size: var(--fs-normal);
  }


@media (min-width: 1200px) {


  .header.active {
  padding: 0 1.6rem;
  }
}


footer {
  width: 100%;
  background-color: #151515;
  background-color: var(--color-black);
}


footer .logo {
    margin-left: 0;
  }


footer p,
  footer a {
    color: #FFFFFF;
    color: var(--color-white);
  }


footer a {
    text-decoration: none;
  }


.footer .container {
  padding: calc(1.375rem + 1.5vw) calc(1.425rem + 2.1vw) calc(1.275rem + 0.3vw);
}


@media (min-width: 1200px) {


  .footer .container {
  padding: 2.5rem 3rem 1.5rem;
  }
}


.footer-links {
  margin: calc(1.275rem + 0.3vw) 0 calc(1.425rem + 2.1vw);
  display: grid;
  grid-template-columns: repeat(2, 1fr)
}


@media (min-width: 1200px) {


  .footer-links {
  margin: 1.5rem 0 3rem;
  }
}


@media (max-width: 768px) {


.footer-links {
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: calc(1.325rem + 0.9vw)
}


@media (min-width: 1200px) {


    .footer-links {
    grid-row-gap: 2rem;
    }
  }
  }


.footer-links ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }


.footer-links--left ul {
    -moz-columns: 2;
         columns: 2;
    grid-column-gap: calc(1.425rem + 2.1vw);
    -moz-column-gap: calc(1.425rem + 2.1vw);
         column-gap: calc(1.425rem + 2.1vw);
  }


.footer-links--left li {
    margin: 0 0 1rem;
  }


.footer-links--left li a {
      font-size: 0.78rem;
      font-size: var(--fs-small);
      font-weight: 400;
    }


@media (min-width: 1200px) {


  .footer-links--left {
    grid-column-gap: 3rem;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }
}


.footer-links--right h6 {
    color: #FFFFFF;
    color: var(--color-white);
    text-align: right
  }


@media (max-width: 768px) {
  .footer-links--right h6 {
      text-align: left
  }
    }


.footer-links--right .klaviyo-form form {
  margin: 0 0 calc(1.275rem + 0.3vw);
  padding: 0 !important;
  justify-content: flex-end
}


@media (min-width: 1200px) {


  .footer-links--right .klaviyo-form form {
  margin: 0 0 1.5rem;
  }
}


@media (max-width: 768px) {


.footer-links--right .klaviyo-form form {
    justify-content: flex-start
}
  }


.footer-links--right .klaviyo-form .kl-private-reset-css-Xuajs1 div {
  padding: 0 !important;
}


.footer-links--right .klaviyo-form .kl-private-reset-css-Xuajs1 div:first-child {
  width: calc(3.125rem + 22.5vw) !important
}


@media (min-width: 1200px) {


  .footer-links--right .klaviyo-form .kl-private-reset-css-Xuajs1 div:first-child {
  width: 20rem !important;
  }
}


@media (max-width: 768px) {


.footer-links--right .klaviyo-form .kl-private-reset-css-Xuajs1 div:first-child {
    width: 80% !important
}
  }


.footer-links--right .social-icons {
  justify-content: flex-end
}


@media (max-width: 768px) {


.footer-links--right .social-icons {
    justify-content: flex-start
}
  }


.footer-bottom {
  padding: calc(1.275rem + 0.3vw) 0 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px dashed #444444;
  border-top: 1px dashed var(--color-gray-444444)
}


@media (min-width: 1200px) {


  .footer-bottom {
  padding: 1.5rem 0 0;
  }
}


@media (max-width: 768px) {


.footer-bottom {
    grid-template-columns: repeat(1, 1fr)
}
  }


.footer-bottom p {
    color: #CCCCCC;
    color: var(--color-gray-cccccc);
    margin: 0;
  }


.footer-bottom ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    list-style: none
  }


@media (max-width: 768px) {

  .footer-bottom ul {
      margin: 0.5rem 0 0;
      justify-content: flex-start
  }
    }


.footer-bottom ul li {
      text-align: right
    }


.footer-bottom ul li:not(:last-child) {
        margin-right: 1rem;
      }


.footer-bottom ul li a {
        color: #CCCCCC;
        color: var(--color-gray-cccccc);
      }


/*
 * Container
 */


.container {
  width: 100%;
  padding: calc(1.325rem + 0.9vw) calc(1.425rem + 2.1vw) calc(1.375rem + 1.5vw);
}


@media (min-width: 1200px) {


  .container {
  padding: 2rem 3rem 2.5rem;
  }
}


/*
 * Grid
 */


.grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 0 1rem;
  grid-row-gap: 1rem;
  row-gap: 1rem;
}


.alm-grid-3 > div,
.grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 0 0.5rem;
  grid-row-gap: 0.5rem;
  row-gap: 0.5rem
}


@media (max-width: 1200px) {


.alm-grid-3 > div,
.grid-3 {
    grid-template-columns: repeat(3, 1fr)
}
  }


@media (max-width: 1024px) {


.alm-grid-3 > div,
.grid-3 {
    grid-template-columns: repeat(3, 1fr)
}
  }


@media (max-width: 768px) {


.alm-grid-3 > div,
.grid-3 {
    grid-template-columns: repeat(2, 1fr)
}
  }


@media (max-width: 480px) {


.alm-grid-3 > div,
.grid-3 {
    grid-template-columns: repeat(1, 1fr)
}
  }


.grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0 0.5rem;
  grid-row-gap: 0.5rem;
  row-gap: 0.5rem
}


@media (max-width: 768px) {


.grid-2 {
    grid-template-columns: repeat(1, 1fr)
}
  }


/*
 * Flexbox
 */


.flexbox {
  display: flex;
  flex-flow: row wrap;
}


.flex-row {
  max-width: 1600px;
  margin: 0 auto;
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start
}


@media (max-width: 768px) {


.flex-row {
    flex-flow: column wrap
}
  }


.flexbox-3 {
  display: flex;
  flex-flow: row nowrap;
}


.flexbox-3 .post-thumbnail {
  width: calc(100% / 3);
}


.flexbox-2 {
  display: flex;
  flex-flow: row nowrap;
}


.flexbox-2 .post-thumbnail {
  width: calc(100% / 2);
}


/*
 * Page with Sidebar
 */


.page-sidebar {
  width: calc(25% - 56px);
  margin-right: 56px
}


@media (max-width: 1200px) {


.page-sidebar {
    width: calc(30% - 56px)
}
  }


@media (max-width: 1024px) {


.page-sidebar {
    width: calc(35% - 40px);
    margin-right: 40px
}
  }


@media (max-width: 768px) {


.page-sidebar {
    width: 100%;
    margin-right: 0;
    margin-right: initial;
    margin-bottom: calc(1.375rem + 1.5vw)
}


@media (min-width: 1200px) {


    .page-sidebar {
    margin-bottom: 2.5rem;
    }
  }
  }


.page-content {
  width: 75%
}


@media (max-width: 1200px) {


.page-content {
    width: 70%
}
  }


@media (max-width: 1024px) {


.page-content {
    width: 65%
}
  }


@media (max-width: 768px) {


.page-content {
    width: 100%
}
  }


/* 
 * Company Pages
 */


.company-page .hero {
  width: 100%;
  height: 560px;
  display: flex;
  flex-flow: row nowrap;
}


.company-page .hero .col {
  width: 50%;
  background-color: #FFFFFF;
  background-color: var(--color-white);
}


.company-page .hero .content {
  padding: calc(1.625rem + 4.5vw) calc(1.525rem + 3.3vw) calc(1.525rem + 3.3vw);
  text-align: left;
}


@media (min-width: 1200px) {


  .company-page .hero .content {
  padding: 5rem 4rem 4rem;
  }
}


.company-page .content h1 {
  font-size: 1.125rem;
  font-size: var(--fs-h4);
}


.company-page .content h2 {
  font-size: calc(1.365rem + 1.38vw);
  font-size: var(--fs-h2);
  text-transform: none;
  text-transform: initial;
}


@media (min-width: 1200px) {


  .company-page .content h2 {
  font-size: 2.4rem;
  }
}


.company-page .content h1,
  .company-page .content h2,
  .company-page .content p {
    color: #151515;
    color: var(--color-black);
  }


/*
 * Search form: Hero
 */


.search-form--container {
  max-width: 640px;
  margin: 0 auto;
}


.search-form--container form.is-search-form {
  display: flex;
  flex-flow: row nowrap;
}


.search-sidebar form.is-search-form input[type="search"] {

}


.search-form--container form.is-search-form input[type="search"] {
  color: #151515;
  color: var(--color-black);
  font-size: 0.95rem;
  font-size: var(--fs-normal);
  width: 100%;
  height: calc(1.425rem + 2.1vw);
  padding: 0 1rem;
  border: 0;
  border-radius: 4px;
}


@media (min-width: 1200px) {


  .search-form--container form.is-search-form input[type="search"] {
  height: 3rem;
  }
}


.search-form--container form.is-search-form input[type="search"].focus-visible {
  outline: medium none invert;
  outline: initial;
}


.search-form--container form.is-search-form input[type="search"]:focus-visible {
  outline: medium none invert;
  outline: initial;
}


.search-form--container form.is-search-form input[type="submit"] {
  color: #FFFFFF;
  color: var(--color-white);
  font-size: 0.75rem;
  font-size: var(--fs-smallest);
  font-weight: 600;
  letter-spacing: 0.04em;
  height: calc(1.425rem + 2.1vw);
  margin: 0;
  padding: 0 calc(1.325rem + 0.9vw) !important;
  display: inline-block;
  background-color: #2A453D;
  background-color: var(--color-green);
  border-radius: 0.25rem;
  text-decoration: none;
  text-transform: uppercase;
  border: 0;
  border-radius: 0 4px 4px 0;
}


@media (min-width: 1200px) {


  .search-form--container form.is-search-form input[type="submit"] {
  height: 3rem;
  padding: 0 2rem !important;
  }
}


/*
 * Search form: Sidebar
 */


.search-sidebar form.is-search-form input[type="search"] {
  border-radius: 4px;
}


.search-sidebar form.is-search-form input[type="submit"] {
  color: #2A453D;
  color: var(--color-green);
  font-size: 0.78rem !important;
  font-size: var(--fs-small) !important;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  background-color: #FFFFFF;
  background-color: var(--color-white);
  border-radius: 0 4px 4px 0;
}


/*
 * AJAX Search Results
 */


.is-ajax-search-result {
  background-color: #FFFFFF !important;
  background-color: var(--color-white) !important;
}


/*
 * Hero
 */


.hero {
  width: 100%;
  overflow: hidden;
}


.hero.medium .content {
  padding: calc(2.125rem + 10.5vw) calc(1.325rem + 0.9vw);
}


@media (min-width: 1200px) {


  .hero.medium .content {
  padding: 10rem 2rem;
  }
}


.hero.short .content {
  padding: calc(1.625rem + 4.5vw) calc(1.325rem + 0.9vw);
}


@media (min-width: 1200px) {


  .hero.short .content {
  padding: 5rem 2rem;
  }
}


.hero .content {
  color: #FFFFFF;
  color: var(--color-white);
  text-align: center;
  z-index: 2;
}


/*
 * Hero background image
 */


.bg-media {
  top: 0; right: 0; bottom: 0; left: 0;
  position: absolute;
  background-color: #444444;
  background-color: var(--color-gray-444444);
  z-index: 1;
}


.bg-media:before {
  content: '';
  width: 100%;
  height: 100%;
  top: 0; right: 0; bottom: 0; left: 0;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.56);
}


.bg-media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}


.bg-media.overlay-none:before {
  content: normal;
  content: initial;
}


/*
 * Social icons
 */


.social-icons {
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: row nowrap;
  list-style: none;   
}


.social-icons li {
    width: 24px;
    height: 24px
  }


.social-icons li:not(:last-child) {
      margin-right: 0.5rem;
    }


.social-icons li img {
      width: 100%;
      height: 100%;
      vertical-align: bottom;
    }


/*
 * Permission denied
 */


.permission-denied {
  padding: calc(1.325rem + 0.9vw) 0 calc(1.725rem + 5.7vw);
  text-align: center;
}


@media (min-width: 1200px) {


  .permission-denied {
  padding: 2rem 0 6rem;
  }
}


.permission-denied h1 {
  font-size: calc(1.725rem + 5.7vw);
  margin: 0 0 calc(1.275rem + 0.3vw);
}


@media (min-width: 1200px) {


  .permission-denied h1 {
  font-size: 6rem;
  margin: 0 0 1.5rem;
  }
}


.permission-denied h1 span {
  font-size: calc(1.275rem + 0.3vw);
  font-size: var(--fs-h3);
  display: block;
}


@media (min-width: 1200px) {


  .permission-denied h1 span {
  font-size: 1.5rem;
  }
}


.permission-denied p {
  margin: 0 0 0.5rem;
}


.permission-denied a.button {
  margin: 1rem 0 0;
}


.page-article {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}


.page-article h1 {
  font-size: calc(1.365rem + 1.38vw);
  font-size: var( --fs-h2);
}


@media (min-width: 1200px) {


  .page-article h1 {
  font-size: 2.4rem;
  }
}


.page-article h2 {
  font-size: calc(1.275rem + 0.3vw);
  font-size: var( --fs-h3);
  margin: 0 0 1rem;
}


@media (min-width: 1200px) {


  .page-article h2 {
  font-size: 1.5rem;
  }
}


.page-article h3 {
  font-size: 1.125rem;
  font-size: var( --fs-h4);
  margin: 0 0 1rem;
}


.page-article h4,
.page-article h5,
.page-article h6 {
  font-size: 0.95rem;
  font-size: var( --fs-h5);
  margin: 0 0 1rem;
}


section.post-info .post-title {
  font-size: calc(1.365rem + 1.38vw);
  font-size: var(--fs-h2);
  font-weight: 600;
  text-align: center;
  text-transform: capitalize;
}


@media (min-width: 1200px) {


  section.post-info .post-title {
  font-size: 2.4rem;
  }
}


section.post-info .post-author {
  color: #656565;
  color: var(--color-gray-656565);
  text-align: center;
}


section.post-info .post-author a {
    color: inherit;
    text-decoration: none;
  }


section.post-info .post-tags {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}


section.post-info .post-tag {
  color: #151515;
  color: var(--color-black);
  font-size: 0.78rem;
  font-size: var(--fs-small);
  text-decoration: none;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  background-color: #FFFFFF;
  background-color: var(--color-white);
  border: 1px solid #CCCCCC;
  border: 1px solid var(--color-gray-cccccc);
  border-radius: 4px
}


section.post-info .post-tag:not(:first-child) {
    margin-right: 0.5rem;
  }


section.post-info .post-image {
  margin: calc(1.325rem + 0.9vw) 0 calc(1.425rem + 2.1vw);
}


@media (min-width: 1200px) {


  section.post-info .post-image {
  margin: 2rem 0 3rem;
  }
}


section.post-info .post-image img {
  width: 100%;
  height: calc(4.125rem + 34.5vw);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}


@media (min-width: 1200px) {


  section.post-info .post-image img {
  height: 30rem;
  }
}


article.post-inner-content {
  max-width: 960px;
  margin: 0 auto;
}


@media (max-width: 768px) {


.related-content .grid-3 {
    grid-template-columns: repeat(1, 1fr)
}
  }


.related-content .post-thumbnail--image {
  height: calc(3.625rem + 28.5vw);
}


@media (min-width: 1200px) {


  .related-content .post-thumbnail--image {
  height: 25rem;
  }
}


.page-contact-us .bg-media:before {
  content: normal;
  content: initial;
}


.page-contact-us .flexbox {
  align-items: stretch
}


@media (max-width: 768px) {


.page-contact-us .flexbox {
    flex-flow: column wrap
}
  }


.page-contact-us .hero {
  width: 50%;
  border-radius: 0 0 4px 0
}


@media (max-width: 768px) {


.page-contact-us .hero {
    width: 100%;
    height: calc(3.125rem + 22.5vw)
}


@media (min-width: 1200px) {


    .page-contact-us .hero {
    height: 20rem;
    }
  }
  }


.page-contact-us .hero .bg-media {
  height: 100%;
}


.page-contact-us .page-article {
  width: 50%
}


@media (max-width: 768px) {


.page-contact-us .page-article {
    width: 100%
}
  }


.page-contact-us .content p {
  color: #656565;
  color: var(--color-gray-656565);
}


.page-contact-us .frm_style_formidable-style.with_frm_style .form-field {
  margin: 0 0 1rem;
}


.pricing-hero {
  padding: 1rem 0 1rem;
  text-align: center;
}


.pricing-hero h1 {
  font-size: calc(1.365rem + 1.38vw);
  font-size: var(--fs-h2);
}


@media (min-width: 1200px) {


  .pricing-hero h1 {
  font-size: 2.4rem;
  }
}


.pricing-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}


.pricing-plan {
  width: calc(100% / 4 - 8px);
  padding: calc(1.275rem + 0.3vw);
  display: flex;
  flex-flow: column wrap;
  position: relative;
  background-color: #FFFFFF;
  background-color: var(--color-white);
  border-radius: 4px;
  box-sizing: border-box
}


@media (min-width: 1200px) {


  .pricing-plan {
  padding: 1.5rem;
  }
}


@media (max-width: 1024px) {


.pricing-plan {
    width: calc(100% / 2 - 8px)
}
  }


@media (max-width: 768px) {


.pricing-plan {
    width: 100%
}
  }


.pricing-plan:not(:last-child) {
    margin-right: 8px
  }


@media (max-width: 1024px) {


.pricing-plan:not(:last-child) {
      margin-bottom: 8px
  }
    }


@media (max-width: 480px) {


.pricing-plan:not(:last-child) {
      margin-right: 0
  }
    }


.pricing-plan--header {
}


.pricing-plan h2 {
  font-size: 0.95rem;
  font-size: var(--fs-h5);
  margin: 0 0 calc(1.275rem + 0.3vw);
}


.pricing-plan h2 span {
    font-size: 0.78rem;
    font-size: var(--fs-h6);
    display: block;
  }


@media (min-width: 1200px) {


  .pricing-plan h2 {
  margin: 0 0 1.5rem;
  }
}


.pricing-plan p {
  font-size: 0.78rem;
  font-size: var(--fs-small);
  margin: 0 0 calc(1.275rem + 0.3vw) 
}


@media (min-width: 1200px) {


  .pricing-plan p {
  margin: 0 0 1.5rem;
  }
}


.pricing-plan p.pricing-price {
    font-size: calc(1.425rem + 2.1vw);
    font-size: var(--fs-h1);
    font-weight: 400;
    line-height: 1;
    margin: 0 0 calc(1.275rem + 0.3vw);
  }


.pricing-plan p.pricing-price span {
      color: #999999;
      color: var(--color-gray-999999);
      font-size: 0.95rem;
      font-size: var(--fs-normal);
      display: inline-block;
    }


@media (min-width: 1200px) {


  .pricing-plan p.pricing-price {
    font-size: 3rem;
    margin: 0 0 1.5rem;
  }
}


.pricing-plan ul {
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none;
}


.pricing-plan li {
  font-size: 0.78rem;
  font-size: var(--fs-small);
  line-height: 1.6;
  margin: 0 0 0.2rem;
  padding: 0 0 0 calc(1.275rem + 0.3vw);
  position: relative
}


@media (min-width: 1200px) {


  .pricing-plan li {
  padding: 0 0 0 1.5rem;
  }
}


.pricing-plan li:before {
    content: '\2713';
    top: 0; left: 0;
    position: absolute;
  }


.pricing-plan a.button {
  width: 100%;
  margin: 0 auto calc(1.275rem + 0.3vw);
  text-align: center;
}


@media (min-width: 1200px) {


  .pricing-plan a.button {
  margin: 0 auto 1.5rem;
  }
}


.search-results .results-query {
  display: flex;
  flex-flow: row nowrap;
}


@media (max-width: 1024px) {


.search-results .grid-3 {
    grid-template-columns: repeat(2, 1fr)
}
  }


@media (max-width: 768px) {


.search-results .page-sidebar {
    width: calc(42% - 40px);
    margin-right: 40px
}
  }


@media (max-width: 768px) {


.search-results .page-content {
    width: 58%
}
  }


.search-results .sidebar-search-form {
  /* width: rfs(20rem); */
  width: 100%;
}


.search-results .sidebar-search-form p {
  font-weight: 500;
  margin: 0 0 0.5rem;
}


.search-results .sidebar-search-form ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: column nowrap;
}


.search-results .sidebar-search-form li {
  margin: 0 0 0.25rem;
  padding: 0;
}


.search-results .results-container h1 {
  color: #2A453D;
  color: var(--color-green);
  font-size: calc(1.275rem + 0.3vw);
  font-size: var(--fs-h3);
  text-transform: uppercase;
}


@media (min-width: 1200px) {


  .search-results .results-container h1 {
  font-size: 1.5rem;
  }
}


.search-results .post-thumbnail {
  background-color: #FFFFFF;
  background-color: var(--color-white);
  border-radius: 4px;
  overflow: hidden
}


.search-results .post-thumbnail:hover .post-thumbnail--content .post-thumbnail--headline,
    .search-results .post-thumbnail:hover .post-thumbnail--content .post-thumbnail--sub-text,
    .search-results .post-thumbnail:hover .post-thumbnail--content span {
      color: #2A453D;
      color: var(--color-green);
    }


.search-results .post-thumbnail .post-thumbnail--image {
  width: 100%;
  height: calc(2.425rem + 14.1vw);
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFFFFF;
  background-color: var(--color-white);
  border-bottom: 1px solid #F2F2F2;
  border-bottom: 1px solid var(--color-gray-f2f2f2);
  border-radius: 0;
  border-radius: initial;
}


@media (min-width: 1200px) {


  .search-results .post-thumbnail .post-thumbnail--image {
  height: 13rem;
  }
}


.search-results .post-thumbnail .post-thumbnail--image img {
  width: 100%;
  height: calc(1.625rem + 4.5vw);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}


@media (min-width: 1200px) {


  .search-results .post-thumbnail .post-thumbnail--image img {
  height: 5rem;
  }
}


.search-results .post-thumbnail .post-thumbnail--content {
  padding: 1rem;
}


.search-results .post-thumbnail .post-thumbnail--content .text-link {
  color: #CCCCCC;
  color: var(--color-gray-cccccc);
  font-size: 0.78rem;
  font-size: var(--fs-small);
  width: 100%;
  padding: 1rem 0 0;
  display: inline-block;
  text-align: center;
}


/* 
 * Search and Filter
 */


.search-results .sidebar-search-form h4 {
  margin: 0 0 1rem;
}


.search-results .sidebar-search-form input[type="text"] {
  width: 100%;
  height: 32px;
  box-sizing: border-box;
}


.search-results .sidebar-search-form .searchandfilter ul li {
  margin: 0 0 0.5rem;
}


.search-results .sidebar-search-form .searchandfilter ul li h4 {
  font-size: 0.78rem;
  font-size: var(--fs-small);
  margin: 1rem 0 0.5rem;
  padding: 0 0 0.5rem;
  position: relative;
  border-bottom: 1px solid #999999;
  border-bottom: 1px solid var(--color-gray-999999);
  cursor: pointer
}


.search-results .sidebar-search-form .searchandfilter ul li h4:before {
    content: '\002B';
    color: #656565;
    color: var(--color-gray-656565);
    width: 24px;
    height: 24px;
    top: 0; right: 0;
    position: absolute;
  }


.search-results .sidebar-search-form input[type="submit"] {
  width: 100%;
  color: #FFFFFF;
  color: var(--color-white);
  font-size: 0.75rem;
  font-size: var(--fs-smallest);
  font-weight: 600;
  letter-spacing: 0.04em;
  margin: 0 0 calc(1.275rem + 0.3vw);
  padding: 0.75rem 1rem;
  display: inline-block;
  background-color: #2A453D;
  background-color: var(--color-green);
  border: medium none currentColor;
  border: initial;
  border-radius: 0.25rem;
}


@media (min-width: 1200px) {


  .search-results .sidebar-search-form input[type="submit"] {
  margin: 0 0 1.5rem;
  }
}


/*
 * Membership Badge - Verified
 */


.membership-badge {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
}


.membership-badge .badge-verified {
  color: #2A453D;
  color: var(--color-green);
  font-size: 0.875rem;
  padding: 0 0 0 0.25rem;
}


.membership-badge.badge-white .badge-verified {
  color: #FFFFFF;
  color: var(--color-white);
}


/*
 * Post thumbnail
 */


.post-thumbnail {
  width: 100%;
  margin: 0 0 1rem;
}


.post-thumbnail a {
  text-decoration: none;
}


.post-thumbnail--image {
  width: 100%;
  height: calc(2.375rem + 13.5vw);
  margin: 0 0 1rem;
  background-color: #999999;
  background-color: var(--color-gray-999999);
  border-radius: 4px;
  overflow: hidden;
}


@media (min-width: 1200px) {


  .post-thumbnail--image {
  height: 12.5rem;
  }
}


.post-thumbnail--image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  vertical-align: bottom;
}


.post-thumbnail--image-empty {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #444444;
  background-color: var(--color-gray-444444);
  border-radius: 4px;
  overflow: hidden;
}


.post-thumbnail--image-empty p {
  color: #999999;
  color: var(--color-gray-999999);
  font-size: 0.95rem;
  font-size: var(--fs-normal);
  font-weight: 600;
  margin: 0;
}


.post-thumbnail .post-tags {
  margin: 0 0 0.75rem;
}


.post-thumbnail .post-tag {
  color: #444444;
  color: var(--color-gray-444444);
  font-size: 0.78rem;
  font-size: var(--fs-small);
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase
}


.post-thumbnail .post-tag:not(:first-child) {
    margin-right: 0.5rem;
  }


.post-thumbnail--headline {
  color: #151515;
  color: var(--color-black);
  font-size: 1.125rem;
  font-size: var(--fs-large);
  font-weight: 600;
  text-transform: none;
  text-transform: initial;
  margin: 0 0 0.75rem;
}


.post-thumbnail--headline a {
    color: inherit;
  }


.post-thumbnail--sub-text {
  color: #151515;
  color: var(--color-black);
  margin: 0;
}


.post-thumbnail--sub-text p {
    font-size: 0.95rem;
    font-size: var(--fs-normal);
    margin: 0 0 1rem;
  }


/*
 * Post thumbnail - Tall
 */


.post-thumbnail-tall {
  width: 100%;
  height: calc(3.925rem + 32.1vw);
  border-radius: 0.25rem;
  overflow: hidden;
  background-color: #151515;
  background-color: var(--color-black)
}


@media (min-width: 1200px) {


  .post-thumbnail-tall {
  height: 28rem;
  }
}


@media (max-width: 1440px) {


.post-thumbnail-tall {
    height: calc(3.525rem + 27.3vw)
}


@media (min-width: 1200px) {


    .post-thumbnail-tall {
    height: 24rem;
    }
  }
  }


@media (max-width: 1200px) {


.post-thumbnail-tall {
    height: calc(3.725rem + 29.7vw)
}


@media (min-width: 1200px) {


    .post-thumbnail-tall {
    height: 26rem;
    }
  }
  }


@media (max-width: 1024px) {


.post-thumbnail-tall {
    height: calc(3.525rem + 27.3vw)
}


@media (min-width: 1200px) {


    .post-thumbnail-tall {
    height: 24rem;
    }
  }
  }


@media (max-width: 768px) {


.post-thumbnail-tall {
    height: calc(4.125rem + 34.5vw)
}


@media (min-width: 1200px) {


    .post-thumbnail-tall {
    height: 30rem;
    }
  }
  }


.post-thumbnail-tall:not(:last-child) {
    margin-right: 1rem;
  }


.post-thumbnail-tall a {
  text-decoration: none
}


.post-thumbnail-tall a:hover p {
      color: #AD8965;
      color: var(--color-brown);
    }


.post-thumbnail-tall .post-thumbnail--image {
  width: 100%;
  height: 100%;
  z-index: 1
}


.post-thumbnail-tall .post-thumbnail--image:before {
    content: '';
    width: 100%;
    height: 100%;
    right: 0; bottom: 0; left: 0;
    position: absolute;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(42,69,61,1) 100%);
  }


.post-thumbnail-tall .post-thumbnail--image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
  }


.post-thumbnail-tall .post-thumbnail--content {
  width: 100%;
  padding: calc(1.275rem + 0.3vw);
  bottom: 0; left: 0;
  position: absolute;
  z-index: 2;
}


@media (min-width: 1200px) {


  .post-thumbnail-tall .post-thumbnail--content {
  padding: 1.5rem;
  }
}


.post-thumbnail-tall .post-thumbnail--headline {
  color: #FFFFFF;
  color: var(--color-white);
  font-size: 1.125rem;
  font-size: var(--fs-large);
  font-weight: 600;
  text-transform: none;
  text-transform: initial;
  margin: 0 0 0.25rem;
  margin: 0 0 0.75rem;
}


.post-thumbnail-tall .post-thumbnail--sub-text {
  color: #FFFFFF;
  color: var(--color-white);
}


.post-thumbnail-tall .button {
  margin: 1rem 0 0.5rem;
}


/*
 * Article Page
 */


.blog-page h1 {
  font-size: calc(1.365rem + 1.38vw);
  font-size: var(--fs-h2);
}


@media (min-width: 1200px) {


  .blog-page h1 {
  font-size: 2.4rem;
  }
}


.archive-articles h2 {
  font-size: calc(1.275rem + 0.3vw);
  font-size: var(--fs-h3);
}


@media (min-width: 1200px) {


  .archive-articles h2 {
  font-size: 1.5rem;
  }
}


.featured-article {
  width: 100%;
  margin: 0 0 calc(1.275rem + 0.3vw);
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
}


@media (min-width: 1200px) {


  .featured-article {
  margin: 0 0 1.5rem;
  }
}


.featured-article .main-featured {
  width: 55%;
  height: calc(4.225rem + 35.7vw);
  margin: 0 0.5rem 0 0;
}


@media (min-width: 1200px) {


  .featured-article .main-featured {
  height: 31rem;
  }
}


.featured-article .main-featured-sidebar {
  width: 45%;
  margin: 0 0 0 0.5rem;
  /* top: 0;
  position: sticky; */
}


.featured-article .main-featured .post-thumbnail {
  height: 100%;
  display: flex;
  align-items: flex-end;
}


.featured-article .main-featured .post-thumbnail .post-tag {
  color: #FFFFFF;
  color: var(--color-white);
}


.featured-article .main-featured .post-thumbnail--image {
  width: 100%;
  height: 100%;
  margin: 0;
  position: absolute;
  filter: brightness(0.75);
}


.featured-article .main-featured .post-thumbnail--content {
  width: 100%;
  padding: calc(1.3rem + 0.6vw) calc(1.275rem + 0.3vw);
}


@media (min-width: 1200px) {


  .featured-article .main-featured .post-thumbnail--content {
  padding: 1.75rem 1.5rem;
  }
}


.featured-article .main-featured .post-thumbnail--content .post-thumbnail--headline {
  color: #FFFFFF;
  color: var(--color-white);
  font-size: calc(1.275rem + 0.3vw);
  font-size: var(--fs-h3);
}


@media (min-width: 1200px) {


  .featured-article .main-featured .post-thumbnail--content .post-thumbnail--headline {
  font-size: 1.5rem;
  }
}


.featured-article .main-featured .post-thumbnail--content .post-thumbnail--sub-text p {
  color: #FFFFFF;
  color: var(--color-white);
  width: 80%;
  margin: 0 0 1rem;
}


.featured-article .main-featured .post-thumbnail--content .button {
  margin: 0;
}


.featured-article .main-featured-sidebar .post-thumbnail {
  margin: 0 0 0.5rem;
  display: flex;
  flex-flow: row nowrap;
}


.featured-article .main-featured-sidebar .post-thumbnail--image {
  width: 40%;
  height: calc(2.125rem + 10.5vw);
  margin: 0 0.5rem 0 0;
}


@media (min-width: 1200px) {


  .featured-article .main-featured-sidebar .post-thumbnail--image {
  height: 10rem;
  }
}


.featured-article .main-featured-sidebar .post-thumbnail--content {
  width: 60%;
  margin: 0 0 0 0.5rem;
}


/* .featured-article .main-featured-sidebar .post-thumbnail--content .post-thumbnail--headline {
  color: var(--color-black);
  font-size: var(--fs-large);
  text-transform: initial;
  margin: rfs(0 0 0.5rem);

  a {
    color: inherit;
  }
} */


/* .featured-article .main-featured-sidebar .post-thumbnail--content .post-thumbnail--sub-text p {
  margin: rfs(0 0 0.5rem);
} */


.manufacturers-new {
  background-color: #FFFFFF;
  background-color: var(--color-white);
}


.manufacturers-new h2 {
  font-size: calc(1.275rem + 0.3vw);
  font-size: var(--fs-h3);
  text-transform: uppercase;
}


@media (min-width: 1200px) {


  .manufacturers-new h2 {
  font-size: 1.5rem;
  }
}


.manufacturers-new .manufacturer-thumbnail a {
  text-decoration: none
}


.manufacturers-new .manufacturer-thumbnail a:hover p {
      color: #AD8965;
      color: var(--color-brown);
    }


.manufacturers-new .manufacturer-logo {
  margin: 0 0 1rem;
  padding: calc(1.425rem + 2.1vw) calc(1.275rem + 0.3vw);
  border: 1px solid #F2F2F2;
  border: 1px solid var(--color-gray-f2f2f2);
}


.manufacturers-new .manufacturer-logo img {
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
  }


@media (min-width: 1200px) {


  .manufacturers-new .manufacturer-logo {
  padding: 3rem 1.5rem;
  }
}


.manufacturers-new .manufacturer-headline {
  color: #151515;
  color: var(--color-black);
  font-size: 1.125rem;
  font-size: var(--fs-large);
  font-weight: 600;
  text-transform: none;
  text-transform: initial;
  margin: 0 0 0.25rem;
}


.manufacturers-new .manufacturer-sub-text {
  color: #656565;
  color: var(--color-gray-656565);
  font-size: 0.75rem;
  font-size: var(--fs-smallest);
  margin: 0;
}


.manufacturers-top-rated {
  border-bottom: 1px dashed #CCCCCC;
  border-bottom: 1px dashed var(--color-gray-cccccc);
}


.manufacturers-top-rated h2 {
  font-size: calc(1.275rem + 0.3vw);
  font-size: var(--fs-h3);
  text-transform: uppercase;
}


@media (min-width: 1200px) {


  .manufacturers-top-rated h2 {
  font-size: 1.5rem;
  }
}


.manufacturers-top-rated h2 span {
  font-size: calc(1.425rem + 2.1vw);
  font-size: var(--fs-h1);
  display: block;
}


@media (min-width: 1200px) {


  .manufacturers-top-rated h2 span {
  font-size: 3rem;
  }
}


.promotional-section {
  border-bottom: 1px dashed #CCCCCC;
  border-bottom: 1px dashed var(--color-gray-cccccc);
}


.promotional-section h2 {
  font-weight: 400;
  margin-bottom: 0.5rem;
  text-align: right;
  text-transform: uppercase;
}


.account .account-headline {
  margin: 0 0 calc(1.425rem + 2.1vw);
}


@media (min-width: 1200px) {


  .account .account-headline {
  margin: 0 0 3rem;
  }
}


.account .account-headline h1 {
  font-size: calc(1.365rem + 1.38vw);
  font-size: var(--fs-h2);
  font-weight: 600;
}


@media (min-width: 1200px) {


  .account .account-headline h1 {
  font-size: 2.4rem;
  }
}


.account .account-headline p {
  font-size: 1.125rem;
  font-size: var(--fs-large);
  marign: 0;
}


.account .account-sidebar ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  list-style: none;
}


.account .account-sidebar li {
  box-sizing: border-box;
  position: relative;
}


.account .account-sidebar li a {
  color: #2A453D;
  color: var(--color-green);
  width: 100%;
  padding: 0.5rem 0.5rem;
  display: inline-block;
  position: relative;
  text-decoration: none
}


.account .account-sidebar li a:hover {
    background-color: #CCCCCC;
    background-color: var(--color-gray-cccccc);
  }


.account .account-content {
  padding: calc(1.325rem + 0.9vw);
  background-color: #FFFFFF;
  background-color: var(--color-white);
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}


@media (min-width: 1200px) {


  .account .account-content {
  padding: 2rem;
  }
}


.account .account-content h2 {
  color: #2A453D;
  color: var(--color-green);
  font-size: 0.95rem;
  font-size: var(--fs-normal);
  margin: 0 0 1rem;
  padding: 0 0 1rem;
  text-transform: uppercase;
  border-bottom: 1px solid #F2F2F2;
  border-bottom: 1px solid var(--color-gray-f2f2f2);
}


/* 
 *
 */


.edit-application-form .text_block_border a {
  color: #FFFFFF;
  color: var(--color-white);
  font-size: 0.78rem;
  font-size: var(--fs-small);
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 0.04em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
  padding: 1rem 0;
  display: inline-block;
  background-color: #2A453D;
  background-color: var(--color-green);
}


.get-started h2 {
  margin: 0 0 1rem;
}


.get-started .post-thumbnail .post-thumbnail--image {
  height: calc(2.875rem + 19.5vw)
}


@media (min-width: 1200px) {


  .get-started .post-thumbnail .post-thumbnail--image {
  height: 17.5rem;
  }
}


@media (max-width: 768px) {


.get-started .post-thumbnail .post-thumbnail--image {
    height: calc(3.625rem + 28.5vw)
}


@media (min-width: 1200px) {


    .get-started .post-thumbnail .post-thumbnail--image {
    height: 25rem;
    }
  }
  }


.get-started .post-thumbnail .post-thumbnail--headline {
  color: #2A453D;
  color: var(--color-green);
  margin: 0;
}


@media (max-width: 768px) {


.get-started .grid-3 {
    grid-template-columns: repeat(1, 1fr)
} 
  }


/*
 * Homepage: Logged out
 */


.the-process {
  background-color: #2A453D;
  background-color: var(--color-green);
}


.the-process .container {
  padding: calc(1.425rem + 2.1vw) calc(1.425rem + 2.1vw);
}


@media (min-width: 1200px) {


  .the-process .container {
  padding: 3rem 3rem;
  }
}


.the-process .flexbox-2 {
  justify-content: center;
}


.the-process .the-process--headline {
  width: 50%;
  margin: 0 calc(1.325rem + 0.9vw) 0 0;
}


@media (min-width: 1200px) {


  .the-process .the-process--headline {
  margin: 0 2rem 0 0;
  }
}


.the-process .the-process--text {
  width: 50%;
  margin: 0.45rem 0 0 calc(1.325rem + 0.9vw);
}


@media (min-width: 1200px) {


  .the-process .the-process--text {
  margin: 0.45rem 0 0 2rem;
  }
}


.the-process .the-process--headline h2 {
  color: #FFFFFF;
  color: var(--color-white);
  font-size: calc(1.425rem + 2.1vw);
  font-size: var(--fs-h1);
}


@media (min-width: 1200px) {


  .the-process .the-process--headline h2 {
  font-size: 3rem;
  }
}


.the-process .the-process--headline p,
.the-process .the-process--text h3,
.the-process .the-process--text p {
  color: #FFFFFF;
  color: var(--color-white);
}


.fashion-database h2 {
  margin: 0 0 1rem;
}


.fashion-database .post-thumbnail--headline {
  font-size: 1.125rem;
  font-size: var(--fs-h4);
}


.banner-cta .container {
  padding: calc(1.525rem + 3.3vw) calc(1.425rem + 2.1vw);
  text-align: center;
  z-index: 2;
}


@media (min-width: 1200px) {


  .banner-cta .container {
  padding: 4rem 3rem;
  }
}


.banner-cta h2 {
  color: #FFFFFF;
  color: var(--color-white);
}


.banner-cta .button {
  margin: 0;
}


.frm_style_formidable-style.with_frm_style .form-field {
  margin: 0 0 calc(1.325rem + 0.9vw);
}


@media (min-width: 1200px) {


  .frm_style_formidable-style.with_frm_style .form-field {
  margin: 0 0 2rem;
  }
}


.frm_forms h2,
#frm_field_131_container label.frm_primary_label,
#frm_field_14_container label.frm_primary_label,
#frm_field_58_container label.frm_primary_label,
#field_3akin_label,
#frm_field_63_container label.frm_primary_label,
#frm_field_39_container label.frm_primary_label,
#frm_field_60_container label.frm_primary_label,
#frm_field_59_container label.frm_primary_label {
  font-size: 1.125rem;
  font-size: var(--fs-large);
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 0.5rem;
}


.frm_forms p {
  font-size: 0.95rem;
  font-size: var(--fs-normal);
  margin: 0;
}


#frm_field_18_container p,
.frm_form_field label.frm_primary_label,
.frm_style_formidable-style.with_frm_style div.frm_description,
#frm_field_70_container p,
#frm_field_50_container p {
  font-size: 0.78rem;
  font-size: var(--fs-small);
}


/* Form */


.frm_forms.frm_style_formidable-style.with_frm_style {
  max-width: 760px;
  margin: 0 auto;
}


/* Form containers */


.frm_style_formidable-style.with_frm_style .form-field {
  /* margin: 0; */
}


/* Checkboxes as button */


.frm_scale input[type=radio],
.frm_radio input[type=radio],
.frm_checkbox input[type=checkbox] {
    position: absolute !important;
    margin-left: -9999px;
    visibility: hidden;
}


.frm_scale input[type=radio] + span,
.frm_radio input[type=radio] + span,
.frm_checkbox input[type=checkbox] + span {
  display: inline-block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  /* position: absolute; */
}


.frm_scale input[type=radio] + span,
.frm_radio input[type=radio] + span,
.frm_checkbox input[type=checkbox] + span {
  width: 24px;
  height: 18px;
  vertical-align: middle;

  /* width: 100%;
  height: 100%;
  top: 0; left: 0; */
}


.frm_scale input[type=radio] + span:before,
.frm_scale input[type=radio] + span:after,
.frm_radio input[type=radio] + span:before,
.frm_radio input[type=radio] + span:after,
.frm_checkbox input[type=checkbox] + span:before,
.frm_checkbox input[type=checkbox] + span:after {
  position: absolute;
  content: '';
  border-radius: 50%;
  transition: all .3s ease;
  transition-property: transform, border-color;

  /* border-radius: initial; */
}


.frm_scale input[type=radio]:checked + span:before,
.frm_radio input[type=radio]:checked + span:before,
.frm_checkbox input[type=checkbox]:checked + span:before {
  border-color: #2A453D;
  border-color: var(--color-green);
}


.frm_scale input[type=radio] + span:before,
.frm_radio input[type=radio] + span:before,
.frm_checkbox input[type=checkbox] + span:before {
  left: 0;
  top: 0;
  width: 14px;
  height: 14px;
  border: 2px solid rgba(0, 0, 0, 0.2);

  /* width: 100%;
  height: 100%;
  background: red; */
}


.frm_scale input[type=radio] + span:after,
.frm_radio input[type=radio] + span:after,
.frm_checkbox input[type=checkbox] + span:after {
  top: 5px;
  left: 5px;
  width: 8px;
  height: 8px;
  transform: scale(0);
  background: #2A453D;
  background: var(--color-green);

  /* width: 100%;
  height: 100%;
  top: 0;
  left: 0; */
}


.frm_scale input[type=radio]:checked + span:after,
.frm_radio input[type=radio]:checked + span:after,
.frm_checkbox input[type=checkbox]:checked + span:after {
  transform: scale(1);
  -webkit-transform: scale(1);

  /* background: blue; */
}


/* Scale radios to have dollar sign */


#frm_field_41_container .frm_opt_container .frm_scale span {
    position: absolute;
  }


#frm_field_41_container .frm_opt_container .frm_scale:nth-of-type(1) span:before {
    content: '$';
    position: absolute;
    background: #F2F2F2;
    background: var(--color-gray-f2f2f2);
  }


#frm_field_41_container .frm_opt_container .frm_scale:nth-of-type(2) span:before {
    content: '$$';
    position: absolute;
    background: #F2F2F2;
    background: var(--color-gray-f2f2f2);
  }


#frm_field_41_container .frm_opt_container .frm_scale:nth-of-type(3) span:before {
    content: '$$$';
    position: absolute;
    background: #F2F2F2;
    background: var(--color-gray-f2f2f2);
  }


#frm_field_41_container .frm_opt_container .frm_scale:nth-of-type(4) span:before {
    content: '$$$$';
    position: absolute;
    background: #F2F2F2;
    background: var(--color-gray-f2f2f2);
  }


/* Checkboxes as buttons */


.frm_form_field.frm_two_col .frm_opt_container {
  grid-template-columns: repeat(4, 1fr);
}


/* Media upload */


.frm_dropzone.frm_single_upload {
  max-width: 100%;
}


/* Media container */


.frm_dropzone.dz-clickable.frm_single_upload .dz-message {
  margin: 0;
}


.frm_style_formidable-style.with_frm_style .frm_submit button {
  margin: 0;
}


/*
 * Hero
 */


.single-manufacturers .hero .container {
   padding: 0 calc(1.425rem + 2.1vw);
   display: flex;
   justify-content: flex-end;
 }


@media (min-width: 1200px) {


  .single-manufacturers .hero .container {
   padding: 0 3rem;
  }
}


.single-manufacturers .hero .content {
  width: 75%;
  padding: calc(1.825rem + 6.9vw) 0 calc(1.275rem + 0.3vw)
}


@media (min-width: 1200px) {


  .single-manufacturers .hero .content {
  padding: 7rem 0 1.5rem;
  }
}


@media (max-width: 1200px) {


.single-manufacturers .hero .content {
    width: 70%
}
  }


@media (max-width: 1024px) {


.single-manufacturers .hero .content {
    width: 65%
}
  }


@media (max-width: 768px) {


.single-manufacturers .hero .content {
    width: 100%
}
  }


.single-manufacturers .hero .content {
}


.single-manufacturers .hero .content h1 {
  font-size: calc(1.365rem + 1.38vw);
  font-size: var(--fs-h2);
  font-weight: 600;
  text-align: left;
}


@media (min-width: 1200px) {


  .single-manufacturers .hero .content h1 {
  font-size: 2.4rem;
  }
}


.single-manufacturers .hero .bg-media:before {
    content: '';
    width: 100%;
    height: 100%;
    top: 0; right: 0; bottom: 0; left: 0;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.64);
  }


/*
 * General
 */


.manufacturer-information h3 {
  color: #2A453D;
  color: var(--color-green);
  font-size: 1.125rem;
  font-size: var(--fs-large);
}


.manufacturer-sidebar h4,
 .manufacturer-information h4,
 .manufacturer-information h5,
 .customer-rating h2 {
   color: #2A453D;
   color: var(--color-green);
   font-size: 0.95rem;
   font-size: var(--fs-normal);
   margin: 0 0 1rem;
   text-transform: uppercase;
 }


/*
 * Sidebar
 */


.manufacturer-sidebar {
  margin-top: calc(-1.925rem - 8.1vw);
  padding: 1rem 1rem calc(1.275rem + 0.3vw);
  top: 1rem;
  position: sticky;
  background-color: #FFFFFF;
  background-color: var(--color-white);
  border-radius: 4px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.24);
  z-index: 1
}


@media (min-width: 1200px) {


  .manufacturer-sidebar {
  margin-top: -8rem;
  padding: 1rem 1rem 1.5rem;
  }
}


@media (max-width: 768px) {


.manufacturer-sidebar {
    margin-top: 0;
    margin-top: initial;
    top: auto;
    top: initial;
    position: relative
}
  }


.manufacturer-logo {
  margin: 0 0 1rem;
}


.manufacturer-logo img {
  width: 100%;
  height: 72px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}


.manufacturer-location p {
  text-align: center;
}


.manufacturer-location p,
.manufacturer-about p {
  color: #656565;
  color: var(--color-gray-656565);  
}


.manufacturer-about p {
  font-size: 0.78rem;
  font-size: var(--fs-small);
  margin: 0 0 1rem;
}


.manufacturer-about .button {
  margin: 0.5rem 0 calc(1.275rem + 0.3vw);
}


@media (min-width: 1200px) {


  .manufacturer-about .button {
  margin: 0.5rem 0 1.5rem;
  }
}


/*
 * Information
 */


.manufacturer-gallery {
  width: 100%;
  height: calc(4.125rem + 34.5vw);
  margin: 0 0 1rem;
  background-color: #CCCCCC;
  background-color: var(--color-gray-cccccc);
  border-radius: 4px;
  overflow: hidden;
}


@media (min-width: 1200px) {


  .manufacturer-gallery {
  height: 30rem;
  }
}


.manufacturer-gallery img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}


.manufacturer-list-item {
  margin: 0 0 1rem;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  list-style: none;
}


.manufacturer-list-item li {
  font-size: 0.78rem;
  font-size: var(--fs-small);
  margin: 0 0 0.25rem 0;
  padding: 0.5rem 0.75rem;
  background-color: #FFFFFF;
  background-color: var(--color-white);
  border: 1px solid #CCCCCC;
  border: 1px solid var(--color-gray-cccccc);
  border-radius: 4px
}


.manufacturer-list-item li:not(:last-child) {
    margin-right: 0.25rem;
  }


.manufacturer-fine-print {
  margin: 0 0 1rem;
  padding: 1rem calc(1.275rem + 0.3vw);
  background-color: #FFFFFF;
  background-color: var(--color-white);
  border-radius: 4px;
}


@media (min-width: 1200px) {


  .manufacturer-fine-print {
  padding: 1rem 1.5rem;
  }
}


.retail-store img {
  width: 100%;
  margin: 0 0 0.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}


.retail-store p {
  margin: 0 0 0.5rem;
}


.retail-store p strong {
  font-weight: 600;
}


/* 
 * Star Ratings
 */


.manufacturer-reviews {
  display: none;
}


.customer-rating {
  padding: 1rem 0;

  display: none;
}


.customer-rating p {
  margin: 0 0 1rem;
}


.customer-rating--container {
  padding: 1rem calc(1.275rem + 0.3vw);
  display: flex;
  flex-flow: row nowrap;
  background-color: #FFFFFF;
  background-color: var(--color-white);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.24);
  border-radius: 4px;
}


@media (min-width: 1200px) {


  .customer-rating--container {
  padding: 1rem 1.5rem;
  }
}


.customer-rating--user {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}


.customer-rating--user .avatar {
  width: calc(1.475rem + 2.7vw);
  height: calc(1.475rem + 2.7vw);
  border-radius: 50px;
}


@media (min-width: 1200px) {


  .customer-rating--user .avatar {
  width: 3.5rem;
  height: 3.5rem;
  }
}


.customer-rating--user p {
  font-size: 0.78rem;
  font-size: var(--fs-small);
  font-weight: 500;
  margin: 0.5rem 0 0;
}


.customer-rating--stars {
  align-content: flex-end;
}


#form_starrating .frm_fields_container {
  grid-template-columns: repeat(4, 1fr);
  /* grid-template-rows: 1fr max-content; */
  grid-gap: 0 calc(1.275rem + 0.3vw);
}


@media (min-width: 1200px) {


  #form_starrating .frm_fields_container {
  grid-gap: 0 1.5rem;
  }
}


#form_starrating .frm_fields_container .form-field:nth-of-type(1) {
    grid-column: 1/2;
  }


#form_starrating .frm_fields_container .form-field:nth-of-type(2) {
    grid-column: 2/3;
  }


#form_starrating .frm_fields_container .form-field:nth-of-type(3) {
    grid-column: 3/4;
  }


#form_starrating .frm_fields_container .form-field:nth-of-type(4) {
    grid-column: 4/5;
  }


#form_starrating .frm_fields_container .frm_submit button {
  margin: 0;
}


/*
 * Progress bar
 */


.frm_style_formidable-style.with_frm_style .frm_rootline input {
  display: none;
}


ul.frm_page_bar {
  justify-content: space-evenly;
}


ul.frm_page_bar li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: auto;
}


.frm_style_formidable-style.with_frm_style .frm_rootline.frm_show_lines:before {
  top: 19px;
}


.frm_current_page .frm_rootline_title {
  color: #FFFFFF;
  color: var(--color-white);
  background-color: #2A453D;
  background-color: var(--color-green);
  border-color: #2A453D;
  border-color: var(--color-green);
}


/* 
 * Checkboxes
 */


#frm_field_41_container .frm_opt_container,
 .vertical_radio .frm_opt_container,
 .frm_dynamic_checkbox_container .frm_opt_container {
  display: flex;
  flex-flow: row wrap;
  list-style: none;
}


.frm_scale,
.frm_radio,
.frm_checkbox {
  font-size: 0.78rem;
  font-size: var(--fs-small);
  margin-bottom: 0.25rem !important;
  padding: 0.5rem 0.75rem;
  display: inline-block !important;
  background-color: #FFFFFF;
  background-color: var(--color-white);
  border: 1px solid #CCCCCC;
  border: 1px solid var(--color-gray-cccccc);
  border-radius: 4px
}


.frm_scale:not(:last-child), .frm_radio:not(:last-child), .frm_checkbox:not(:last-child) {
    margin-right: 0.25rem;
  }


/* 
 * Style Form
 */


.frm_rootline_title {
  color: #7A8D87;
  padding: 0.5rem 1rem;
  background-color: #FFFFFF;
  background-color: var(--color-white);
  border: 2px solid #7A8D87;
  border-radius: 50px;
}


.submission-confirmation h1 {
  font-size: calc(1.625rem + 4.5vw);
  margin: 0 0 1rem;
}


@media (min-width: 1200px) {


  .submission-confirmation h1 {
  font-size: 5rem;
  }
}


.submission-confirmation h2 {
  font-size: calc(1.325rem + 0.9vw);
}


@media (min-width: 1200px) {


  .submission-confirmation h2 {
  font-size: 2rem;
  }
}


.submission-confirmation h1,
.submission-confirmation h2 {
  line-height: 1;
  text-transform: uppercase;
}


.submission-confirmation p {
  font-size: 1.125rem;
  max-width: calc(4.625rem + 40.5vw);
  margin-right: auto;
  margin-left: auto;
}


@media (min-width: 1200px) {


  .submission-confirmation p {
  max-width: 35rem;
  }
}


.login-signup {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
}


.login-form {
  width: 40%;
  padding: calc(1.325rem + 0.9vw) calc(1.475rem + 2.7vw);
  background-color: #FFFFFF;
  background-color: var(--color-white);
}


@media (min-width: 1200px) {


  .login-form {
  padding: 2rem 3.5rem;
  }
}


.login-form h1 {
  font-size: calc(1.275rem + 0.3vw);
  font-size: var(--fs-h3);
}


@media (min-width: 1200px) {


  .login-form h1 {
  font-size: 1.5rem;
  }
}


.login-form .frm_style_formidable-style.with_frm_style input[type=submit] {
  width: 100%;
  margin: 1rem 0 1rem;
}


.frm_style_formidable-style.with_frm_style .form-field.login_lost_pw {
  text-align: right;
}


.login-signup .background-image {
  width: 100%;
}


.login-signup .background-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  top: 0; right: 0; bottom: 0; left: 0;
  position: absolute;
}


/*
 * Account Type
 */


.account-type h1 {
  font-size: calc(1.365rem + 1.38vw);
  font-size: var(--fs-h2);
}


@media (min-width: 1200px) {


  .account-type h1 {
  font-size: 2.4rem;
  }
}


.account-type p {
  color: #656565;
  color: var(--color-gray-656565);
}


.account-type--container {
  display: flex;
  flex-flow: row nowrap
}


@media (max-width: 1024px) {


.account-type--container {
    flex-flow: row wrap
}
  }


.account-type--container div:not(:last-child) {
      margin-right: 8px
    }


@media (max-width: 1024px) {
    .account-type--container div:not(:last-child) {
        margin-right: 0;
        margin-right: initial
    }
      }


.account-type--text {
  width: 10%;
  align-self: center
}


@media (max-width: 1024px) {


.account-type--text {
    width: 100%;
    margin-bottom: 1rem
}
  }


.account-type--text span {
    color: #999999;
    color: var(--color-gray-999999);
    font-size: 1.125rem;
    font-size: var(--fs-large);
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    display: inline-block;
  }


.account-type--selection {
  width: calc(90% / 4);
  padding: 1rem;
  position: relative;
  background-color: #FFFFFF;
  background-color: var(--color-white);
  border: 1px solid #F2F2F2;
  border: 1px solid var(--color-gray-f2f2f2);
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
  box-sizing: border-box
}


@media (max-width: 1024px) {


.account-type--selection {
    width: calc(100% / 3 - 8px);
    margin-bottom: 1rem
}
  }


@media (max-width: 768px) {


.account-type--selection {
    width: 100%
}
  }


.account-type--selection-image {
  width: 100%;
  height: calc(2.125rem + 10.5vw);
  margin: 0 0 1rem;
  overflow: hidden;
}


@media (min-width: 1200px) {


  .account-type--selection-image {
  height: 10rem;
  }
}


.account-type--selection-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}


.account-type--selection h2 {
  color: #151515;
  color: var(--color-black);
  font-size: 1.125rem;
  font-size: var(--fs-h4);
  margin: 0 0 0.5rem;
}


.account-type--selection p {
  color: #656565;
  color: var(--color-gray-656565);
  font-size: 0.78rem;
  font-size: var(--fs-small);
  margin: 0 0 1rem;
}


.account-type--selection a.button {
  margin: 0;
}


.swiper-wrapper {
  display: flex;
  flex-flow: row nowrap;
  box-sizing: border-box;
}


.swiper-button.swiper-button-next,
.swiper-button.swiper-button-prev {
  width: calc(1.325rem + 0.9vw);
  height: calc(1.325rem + 0.9vw);
  background-color: #FFFFFF;
  background-color: var(--color-white);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.24);
  border-radius: calc(1.4375rem + 2.25vw)
}


@media (min-width: 1200px) {


  .swiper-button.swiper-button-next,
.swiper-button.swiper-button-prev {
  width: 2rem;
  height: 2rem;
  border-radius: 3.125rem;
  }
}


.swiper-button.swiper-button-next:after, .swiper-button.swiper-button-prev:after {
    color: #151515;
    color: var(--color-black);
    font-size: 1rem;
    font-weight: 800;
  }


.swiper-button.swiper-button-next {
  right: 0;
}


.swiper-button.swiper-button-prev {
  left: 0;
}

/*# sourceMappingURL=style.css.map */