/*
less-watch-compiler wp-content/themes/understrap-child/css wp-content/themes/understrap-child/css main.less
*/
/*==========GLOBAL STYLES===============*/
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  color: #000000;
  font-family: "Benton Sans Wide Bold", sans-serif;
}
body h1 {
  font-size: calc(45.5px - 6px);
  letter-spacing: 0.75px !important;
}
@media (min-width: 1100px) {
  body h1 {
    font-size: 45.5px !important;
  }
}
body h2 {
  font-size: calc(28px - 5px);
}
@media (min-width: 1100px) {
  body h2 {
    font-size: 28px;
  }
}
body h3 {
  font-size: calc(21px - 2px);
}
@media (min-width: 1100px) {
  body h3 {
    font-size: 21px;
  }
}
body h4 {
  font-size: calc(17.5px - 2px);
}
@media (min-width: 1100px) {
  body h4 {
    font-size: 17.5px;
  }
}
body h5 {
  font-size: 16.1px;
}
body h6 {
  font-size: 14px;
}
body p {
  font-family: "libre-franklin", sans-serif;
  font-size: 14px;
}
/*==========NAV STYLES===============*/
.home #wrapper-navbar nav#main-nav {
  background-color: transparent;
  transition: all 0.5s ease;
}
.home #wrapper-navbar nav#main-nav:hover:not(.solid-bg) {
  background-color: #160032;
}
.home #wrapper-navbar nav#main-nav.solid-bg {
  background-color: #160032 !important;
}
.home #wrapper-navbar nav#main-nav.solid-bg .dropdown-menu,
.home #wrapper-navbar nav#main-nav:not(.solid-bg) .dropdown-menu {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
#wrapper-navbar nav#main-nav {
  transition: all 0.2s linear;
  background-color: #160032;
}
#wrapper-navbar nav#main-nav .collapse {
  justify-content: space-between;
}
#wrapper-navbar nav#main-nav .nav-container {
  max-width: 1600px;
  display: flex;
}
#wrapper-navbar nav#main-nav .navbar-toggler {
  position: absolute;
  top: 2.2rem;
  right: 1.5rem;
  border: 3px solid #9182a4;
}
#wrapper-navbar nav#main-nav .navbar-toggler i {
  color: #ffffff;
  font-size: 2rem;
}
#wrapper-navbar nav#main-nav .dropdown-toggle::after {
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  display: flex;
  width: 2px;
  margin: 0 auto;
  margin-top: 5px;
  vertical-align: bottom;
  align-content: baseline;
  transition: all 0.2s linear;
}
#wrapper-navbar nav#main-nav .navbar-brand {
  display: inline-flex;
  align-items: center;
  margin-bottom: 16px;
}
#wrapper-navbar nav#main-nav .navbar-brand img,
#wrapper-navbar nav#main-nav .navbar-brand svg {
  width: 170px;
  height: auto;
}
@media (max-width: 1100px) {
  #wrapper-navbar nav#main-nav .navbar-brand img,
  #wrapper-navbar nav#main-nav .navbar-brand svg {
    width: 150px;
  }
}
#wrapper-navbar nav#main-nav .navbar-nav > li {
  padding: 1rem;
}
#wrapper-navbar nav#main-nav ul.navbar-nav {
  width: 100%;
  justify-content: center;
}
#wrapper-navbar nav#main-nav ul.navbar-nav li {
  margin-bottom: 0px;
}
#wrapper-navbar nav#main-nav ul.navbar-nav li a {
  color: #ffffff;
  font-family: "Benton Sans Wide Medium", sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  text-decoration: none;
}
@media (min-width: 1024px) {
  #wrapper-navbar nav#main-nav ul.navbar-nav li a {
    font-size: calc(12px - 3px);
  }
}
@media (min-width: 1100px) {
  #wrapper-navbar nav#main-nav ul.navbar-nav li a {
    font-size: 12px;
  }
}
#wrapper-navbar nav#main-nav .current-menu-item .dropdown-toggle::after,
#wrapper-navbar nav#main-nav .current_page_ancestor .dropdown-toggle::after {
  color: #e91c24;
}
#wrapper-navbar nav#main-nav .dropdown-toggle:hover::after,
#wrapper-navbar nav#main-nav .dropdown.show .dropdown-toggle::after {
  color: #e91c24;
}
#wrapper-navbar nav#main-nav .dropdown-menu {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  padding: 0;
  min-width: max-content;
  top: 60px;
  background-color: #160032;
  border: none;
  text-align: center;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
#wrapper-navbar nav#main-nav .dropdown-menu .menu-item:last-of-type:hover {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
#wrapper-navbar nav#main-nav .dropdown-menu .dropdown-item,
#wrapper-navbar nav#main-nav .dropdown-menu .menu-item {
  padding: 0.5rem 1rem;
}
#wrapper-navbar nav#main-nav .dropdown-menu .dropdown-item a,
#wrapper-navbar nav#main-nav .dropdown-menu .menu-item a {
  font-family: "libre-franklin", sans-serif !important;
  font-weight: 300 !important;
  display: block;
  text-align: center;
  text-transform: none;
}
#wrapper-navbar nav#main-nav .dropdown-menu .dropdown-item:hover,
#wrapper-navbar nav#main-nav .dropdown-menu .menu-item:hover {
  color: #dee2e6;
  background: #e91c24;
}
#wrapper-navbar nav#main-nav .menu-right {
  position: relative;
}
#wrapper-navbar nav#main-nav .menu-right ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#wrapper-navbar nav#main-nav .menu-right ul li a {
  padding: 0.35rem 1rem;
  transition: all 0.2s linear;
  border-radius: 5px;
  white-space: nowrap;
  display: block;
  color: #ffffff;
  font-family: "Benton Sans Wide Medium", sans-serif;
  text-transform: uppercase;
  font-size: 0.625rem;
  text-decoration: none;
}
#wrapper-navbar nav#main-nav .menu-right ul li a.nav-careers-button {
  border: 1px solid #ffffff;
  text-align: center;
  margin-bottom: 0.5rem;
}
#wrapper-navbar nav#main-nav .menu-right ul li a.nav-careers-button:hover {
  background-color: #ffffff;
  color: #160032;
}
#wrapper-navbar nav#main-nav .menu-right ul li a.nav-contact-us-button {
  border: 1px solid #e91c24;
  text-align: center;
  margin-bottom: 0;
}
#wrapper-navbar nav#main-nav .menu-right ul li a.nav-contact-us-button:hover {
  background-color: #e91c24;
}
@media (max-width: 991.98px) {
  #wrapper-navbar nav#main-nav .dropdown-toggle::after {
    position: absolute;
    right: 1.5rem;
    top: 50%;
    margin: 0;
    vertical-align: middle;
  }
  #wrapper-navbar nav#main-nav {
    position: relative;
    background-color: #160032 !important;
  }
  #wrapper-navbar nav#main-nav .navbar-brand {
    padding-left: 1.5rem;
  }
  #wrapper-navbar nav#main-nav .navbar-brand img,
  #wrapper-navbar nav#main-nav .navbar-brand svg {
    width: 170px;
    height: auto;
  }
  #wrapper-navbar nav#main-nav .nav-outer-container {
    padding: 0;
  }
  #wrapper-navbar nav#main-nav .nav-container {
    display: block;
    padding: 0.5rem 0;
  }
  #wrapper-navbar nav#main-nav .nav-container ul.navbar-nav > li {
    padding: 1rem 0;
    border-top: 1px solid #9182a4;
  }
  #wrapper-navbar nav#main-nav .nav-container ul.navbar-nav > li:first-child {
    border-top: none;
  }
  #wrapper-navbar nav#main-nav .nav-container ul.navbar-nav > li:last-child {
    border-bottom: 1px solid #9182a4;
  }
  #wrapper-navbar nav#main-nav .nav-container ul.navbar-nav > li a {
    font-size: 0.75rem;
    padding: 0.5rem 1.5rem;
  }
  #wrapper-navbar nav#main-nav .nav-container .dropdown-menu {
    position: relative;
    top: 0;
    padding: 0;
  }
  #wrapper-navbar nav#main-nav .nav-container .dropdown-menu li.menu-item {
    padding: 0;
  }
  #wrapper-navbar nav#main-nav .nav-container .dropdown-menu li.menu-item a {
    width: 100%;
    text-align: left;
    font-size: 0.75rem;
  }
  #wrapper-navbar nav#main-nav .menu-right {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  #wrapper-navbar nav#main-nav .menu-right ul li a {
    width: 100%;
    max-width: 300px;
    margin: auto;
  }
}
.transition {
  transition: all 0.2s linear;
}
.gray-background {
  background-color: #f4f4f4;
}
.block-padding-v {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.red-small-divider {
  max-width: 5rem;
  border-top: 1px solid #e91c24;
  opacity: 1;
}
/*=========GRAVITY FORMS============*/
.form-wrapper {
  border-radius: 10px;
  position: relative;
  border: 1px solid #000000;
  background-color: #f4f4f4;
  padding: 3rem 1.5rem 0 1.5rem;
  max-width: 585px;
  width: 100%;
  margin: 5rem auto 0 auto;
}
.form-wrapper::before {
  content: "";
  position: absolute;
  left: 20%;
  top: 0px;
  height: 1px;
  width: 60%;
  border-top: 6px solid #ed1c24;
  margin: 0 auto;
  text-align: center;
  border-radius: 0 0 5px 5px;
}
.form-wrapper .gfield_label {
  font-family: "libre-franklin", sans-serif !important;
  font-weight: 300 !important;
  font-size: 0.8125rem !important;
}
.form-wrapper input,
.form-wrapper select {
  border-radius: 0 !important;
}
.form-wrapper .gform_required_legend {
  display: none !important;
}
.form-wrapper .gform_button.button {
  background-color: #e91c24 !important;
  font-size: 0.75rem !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  padding: 1rem 1.75rem !important;
  border-radius: 5px !important;
  font-family: "Benton Sans Wide Bold" !important;
  transition: all 0.2s linear;
  margin-top: 30px !important;
  margin-bottom: 30px !important;
  display: inline-block !important;
}
.form-wrapper .gform_button.button:hover {
  background-color: #c2161d;
}
.form-wrapper .gform_footer {
  justify-content: center;
  margin: 0 !important;
}
.form-wrapper .gform_footer input.gform_button {
  margin-top: 0 !important;
}
.form-wrapper .form-instructions {
  text-align: center;
}
@font-face {
  font-family: "Benton Sans Wide Black";
  src: url("/wp-content/themes/understrap-child/fonts/benton_sans_wide_black-webfont.woff2") format("woff2"), url("/wp-content/themes/understrap-child/fonts/benton_sans_wide_black-webfont.woff") format("woff");
}
@font-face {
  font-family: "Benton Sans Wide Bold";
  src: url("/wp-content/themes/understrap-child/fonts/benton_sans_wide_bold-webfont.woff2") format("woff2"), url("/wp-content/themes/understrap-child/fonts/benton_sans_wide_bold-webfont.woff") format("woff");
}
@font-face {
  font-family: "Benton Sans Wide Medium";
  src: url("/wp-content/themes/understrap-child/fonts/benton_sans_wide_medium-webfont.woff2") format("woff2"), url("/wp-content/themes/understrap-child/fonts/benton_sans_wide_medium-webfont.woff") format("woff");
}
@font-face {
  font-family: "Benton Sans Wide Light";
  src: url("/wp-content/themes/understrap-child/fonts/benton_sans_wide_light-webfont.woff2") format("woff2"), url("/wp-content/themes/understrap-child/fonts/benton_sans_wide_light-webfont.woff") format("woff");
}
.copy-font {
  font-family: "libre-franklin", sans-serif !important;
  font-weight: 300 !important;
}
/*==========COMMON STYLES===============*/
body {
  font-size: 14px;
}
body.home #page,
body.single #page {
  padding-top: 0;
}
body .wrapper {
  padding: 0;
}
body .container > .inner-wrapper {
  max-width: 1400px;
  margin: auto;
}
body .page-heading {
  padding-top: 10rem;
  margin-bottom: 3rem;
}
body .page-heading h1 {
  color: #160032;
  font-family: "Benton Sans Wide Bold";
  font-size: 2.75rem;
}
body .page-heading h2 {
  color: #939393;
  font-family: "Benton Sans Wide Medium";
  font-size: 1.25rem;
}
body .uppercase-heading {
  font-family: "Benton Sans Wide Medium", sans-serif;
  text-transform: uppercase;
  text-align: center;
}
body p,
body ul,
body ol,
body li {
  font-family: "libre-franklin", sans-serif !important;
  font-weight: 300 !important;
  font-size: 1rem;
}
body p {
  margin-bottom: 1.5rem;
  font-size: 1rem;
}
body strong {
  font-weight: 600;
}
body .featured-image-wrapper {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
body .featured-image-wrapper .featured-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
body a.button.button-default {
  background-color: #e91c24;
  border-color: #e91c24 !important;
  font-size: 0.75rem;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  padding: 1.125rem 2rem;
  border-radius: 10px;
  font-family: "Benton Sans Wide Bold", sans-serif;
  transition: all 0.2s linear;
  margin-top: 30px;
  margin-bottom: 30px;
  display: inline-block;
  letter-spacing: 0.75px;
  line-height: 1;
}
body a.button.button-default.button-outline {
  background-color: transparent;
  border: 1px solid #e91c24;
  color: #e91c24;
}
body a.button.button-default.button-outline:hover {
  color: #ffffff;
}
body a.button.button-default:hover {
  background-color: #c2161d;
}
body hr.red25 {
  border-top: 1px solid #e91c24;
  max-width: 25%;
  width: 100%;
  opacity: 1;
}
body .row-heading {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
body .pagination-wrapper {
  margin-top: 5rem;
}
body .pagination-wrapper ul.pagination li a,
body .pagination-wrapper ul.pagination li span {
  font-family: "Benton Sans Wide Bold", sans-serif;
  border: none;
  background-color: transparent;
}
body .pagination-wrapper ul.pagination li a {
  font-family: "Benton Sans Wide Bold", sans-serif;
  border: none;
  color: #000000;
}
body .pagination-wrapper ul.pagination li span {
  color: #e91c24;
}
/*==================TEAM PAGE STYLES============================*/
.team-page-wrapper #memberDetail {
  background-color: #ffffff;
  position: relative;
  padding: 3rem 3rem 0 3rem;
  transition: all 0.2s linear;
  margin-bottom: 3rem;
}
.team-page-wrapper #memberDetail .team-member-featured-image {
  padding-bottom: 3rem;
}
.team-page-wrapper #memberDetail .team-member-pointer {
  background-color: #f4f4f4;
  height: 50px;
  width: 100px;
  clip-path: polygon(50% 100%, 0% 0%, 100% 0%);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.team-page-wrapper #memberDetail.show {
  background-color: #f4f4f4 !important;
}
.team-page-wrapper #memberDetail img {
  border: 1px solid #e91c24;
  border-radius: 50%;
}
.team-page-wrapper .team-row a {
  text-decoration: none;
  color: #000000;
}
.team-page-wrapper .team-member {
  margin-top: 3rem;
  margin-bottom: 3rem;
  text-align: center;
}
.team-page-wrapper .team-member span {
  display: block;
}
.team-page-wrapper .team-member span.first-name,
.team-page-wrapper .team-member span.last-name {
  font-family: "Benton Sans Wide Bold", sans-serif;
  font-size: 1.125rem;
}
.team-page-wrapper .team-member span.job-title {
  font-family: "Benton Sans Wide Medium", sans-serif;
  color: #939393;
  font-size: 0.75rem;
}
.team-member-featured-image {
  border-radius: 50%;
  max-width: 260px;
  height: 100%;
  margin-bottom: 1rem;
}
.team-member-featured-image img {
  border: 1px solid #e91c24;
}
span.name {
  font-size: 1.625rem;
  font-family: "Benton Sans Wide Bold", sans-serif;
  color: #000000;
}
span.job-title {
  font-family: "Benton Sans Wide Medium", sans-serif;
  color: #939393;
  font-size: 0.75rem;
  display: block;
}
span.bio {
  font-family: "libre-franklin", sans-serif !important;
  font-weight: 300 !important;
  font-size: 0.8125rem;
}
span.first-name,
span.last-name {
  font-family: "Benton Sans Wide Bold", sans-serif;
  font-size: 1.125rem;
}
.modal {
  text-align: center;
}
.modal .job-title {
  margin-bottom: 1.5rem;
}
.modal .team-member-featured-image {
  width: 66%;
  display: block;
  margin: auto auto 1.5rem;
}
/*==========SINGLE CAMPAIGN===========*/
.single-campaign {
  padding-top: 5rem;
}
.single-campaign .subheading {
  font-family: "Benton Sans Wide Medium", sans-serif;
  color: #939393;
  font-size: 1.25rem;
}
.single-campaign ul.fa-ul {
  margin-left: 1.5rem;
  margin-bottom: 0;
  margin-top: 1rem;
}
.single-campaign ul.fa-ul li {
  margin-left: 1.5rem;
  margin-bottom: 0;
  margin-top: 1rem;
}
.single-campaign ul.fa-ul li i {
  color: #e91c24;
}
.single-campaign .campaign-featured-image img {
  border-radius: 10px;
}
.single-campaign .form-wrapper {
  padding: 0 1.5rem;
}
.single-campaign .top-row {
  margin-bottom: 3rem;
  margin-top: 3rem;
}
.single-campaign .divider {
  margin-bottom: 5rem;
  margin-top: 5rem;
}
.single-campaign .divider hr {
  opacity: 1;
  border-top: 1px solid #585858;
}
.single-campaign .graphic-column img {
  border-radius: 10px;
}
.single-campaign .content-column .content-column-inner {
  padding: 3rem;
}
@media (max-width: 991.98px) {
  .single-campaign {
    padding-top: 0;
  }
  .single-campaign .campaign-featured-image {
    margin-top: 1.5rem;
  }
  .single-campaign .content-column .content-column-inner {
    padding: 1.5rem 0;
  }
  .single-campaign col.divider {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}
/*==========RESOURCES PAGE STYLES===========*/
.page-template-resources .resource-filters .resource-filter-inner {
  margin: 3rem 0.5rem;
}
.page-template-resources .resource-filters .resource-filter-inner label {
  display: block;
  margin-bottom: 0.5rem;
  font-family: "libre-franklin", sans-serif !important;
  font-weight: 300 !important;
}
.page-template-resources .resource-filters .resource-filter-inner .select-wrapper {
  position: relative;
}
.page-template-resources .resource-filters .resource-filter-inner .select-wrapper select {
  border-radius: 0;
  width: 100%;
  height: 2.5rem;
  appearance: none;
}
.page-template-resources .resource-filters .resource-filter-inner .select-wrapper::after {
  font-family: "Font Awesome 6 Sharp";
  content: "\f078";
  color: #e91c24;
  font-size: 1rem;
  top: 8px;
  right: 18px;
  position: absolute;
}
/*==========CONTENT ITEM STYLES===============*/
#featured-article-header {
  color: #e91c24;
}
#featured-article .type {
  color: #e91c24;
  text-transform: uppercase;
  font-family: "Benton Sans Wide Bold", sans-serif !important;
  font-size: 12px;
}
#featured-article .featured-title {
  font-family: "Benton Sans Wide Bold", sans-serif !important;
  font-size: 17.5px;
  margin-bottom: 1.5rem;
}
.content-item {
  margin-bottom: 3rem;
}
.content-item a {
  text-decoration: none;
  transition: all 0.2s linear;
}
.content-item .content-item-inner {
  border-radius: 10px;
  border: 1px solid #e91c24;
  overflow: hidden;
  transition: all 0.25s linear;
  margin: 0.5rem;
}
.content-item .content-item-inner .content {
  padding: 1.5rem;
}
.content-item .content-item-inner .content h3 {
  font-size: 1.625rem;
}
.content-item .content-item-inner .content .content-type {
  color: #e91c24;
  text-transform: uppercase;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-size: 0.75rem;
}
.content-item .content-item-inner:hover {
  box-shadow: 0 0px 10px rgba(22, 0, 50, 0.5);
}
/*==========SINGLE RESOURCES/NEWS STYLES===============*/
.single-resources .post-hero-block,
.single-news .post-hero-block {
  background-size: 50% auto;
  background-position: right top;
  background-repeat: no-repeat;
  min-height: 500px;
  margin-top: 3.5rem;
  position: relative;
  padding: 0;
}
.single-resources .post-hero-block .background,
.single-news .post-hero-block .background {
  position: absolute;
  top: 0;
  right: 0;
  width: 70%;
  height: 100%;
  background-size: cover;
  background-position: center;
  z-index: 1;
}
.single-resources .post-hero-block .overlay,
.single-news .post-hero-block .overlay {
  position: absolute;
  top: 0;
  width: 70%;
  bottom: 0;
  background: linear-gradient(to right, #f4f4f4, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
  z-index: 2;
}
.single-resources .post-hero-block .container,
.single-news .post-hero-block .container {
  z-index: 2;
}
.single-resources .post-content-block .resource-subheading,
.single-news .post-content-block .resource-subheading {
  margin-bottom: 1.5rem;
}
.single-resources .resource-type,
.single-news .resource-type {
  color: #e91c24;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 1.5rem;
}
.single-resources .inner-wrapper,
.single-news .inner-wrapper {
  max-width: 650px;
  margin: 5rem auto;
}
.single-resources .inner-wrapper h3,
.single-news .inner-wrapper h3 {
  text-transform: uppercase;
  color: #e91c24;
  font-size: 0.75rem;
}
.single-resources .inner-wrapper a,
.single-news .inner-wrapper a {
  text-decoration: none;
  font-family: "Benton Sans Wide Bold", "sans-serif";
  color: #e91c24;
}
.single-resources .footer-columns,
.single-news .footer-columns {
  margin-top: 3rem;
}
.single-resources .footer-columns .column-1,
.single-news .footer-columns .column-1 {
  padding-right: 30px;
}
.single-resources .footer-columns .column-2,
.single-news .footer-columns .column-2 {
  padding-left: 30px;
}
.single-resources .footer-columns img,
.single-news .footer-columns img {
  max-width: 65%;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 991.98px) {
  .post-hero-block {
    padding: 0 !important;
    width: 100%;
    max-width: 100%;
  }
  .post-hero-block .container {
    padding: 0 !important;
    width: 100%;
    max-width: 100%;
  }
  .post-hero-block .container .content {
    padding: 1.5rem;
  }
  .footer-columns .column-1 {
    padding-right: 15px;
  }
  .footer-columns .column-2 {
    padding-left: 15px;
  }
}
/*==========BRANDS PAGE STYLES===============*/
.grayscale-img {
  filter: grayscale(100%);
  transition: filter 0.3s ease-in-out;
  min-width: 150px;
  max-width: 300px;
}
.grayscale-img:hover,
.grayscale-img:active {
  filter: grayscale(0%);
}
.brands-page-wrapper #brands-nav ul.nav {
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.brands-page-wrapper #brands-nav .nav-item .grayscale-img {
  filter: grayscale(100%);
  transition: filter 0.3s ease-in-out;
}
.brands-page-wrapper #brands-nav .nav-item .grayscale-img:hover,
.brands-page-wrapper #brands-nav .nav-item .grayscale-img:active {
  filter: grayscale(0%);
}
.brands-page-wrapper #brands-nav .nav-item img,
.brands-page-wrapper #brands-nav .nav-item svg {
  max-width: 120px;
}
.brands-page-wrapper .brand-row {
  margin-top: 1.5rem;
  background-color: #f4f4f4;
  padding-top: 1.5rem;
}
.brands-page-wrapper .brand-row h4.list-heading {
  font-size: 0.8125rem;
  font-family: "libre-franklin", sans-serif;
  font-weight: 500;
}
.brands-page-wrapper .brand-row .brand-image-cta {
  padding: 3rem;
  text-align: center;
}
.brands-page-wrapper .brand-row .brand-content {
  padding: 3rem 1.5rem;
}
.brands-page-wrapper .brand-row .brand-content ul {
  padding-left: 1rem;
}
.brands-page-wrapper .brand-row .brand-content ul li {
  font-size: 14px;
  font-family: "libre-franklin", sans-serif;
}
.brands-page-wrapper .brand-row .brand-content .brand-title {
  margin-bottom: 1.5rem;
  font-size: 1.625rem;
}
@media (max-width: 991.98px) {
  .brands-page-wrapper .brand-row {
    flex-direction: column-reverse;
    padding-top: 50px;
  }
  .brands-page-wrapper .brand-row .brand-image-cta {
    padding: 1.5rem 0;
  }
  .brands-page-wrapper .brand-row .brand-image-cta img {
    display: block;
    margin: auto;
  }
  .brands-page-wrapper .brand-row .brand-content {
    padding: 0 1.5rem;
  }
}
/*==========FOOTER STYLES===============*/
.home #wrapper-footer {
  margin-top: 0;
}
#wrapper-footer {
  background-color: #160032;
  padding-top: 3rem;
  padding-bottom: 0.5rem;
  margin-top: 5rem;
}
#wrapper-footer .navbar-brand img,
#wrapper-footer .navbar-brand svg {
  max-width: 170px;
  width: 100%;
}
#wrapper-footer .footer-social {
  display: flex;
  align-items: baseline;
  margin-top: 2.5rem;
}
#wrapper-footer .footer-social a {
  display: flex;
  margin-left: 2rem;
  text-decoration: none;
  transition: all 0.2s linear;
}
#wrapper-footer .footer-social a:first-child {
  margin-left: 0;
}
#wrapper-footer .footer-social a svg {
  width: 24px;
}
#wrapper-footer .footer-social a i {
  color: #ffffff;
  font-size: 2rem;
  transition: all 0.2s linear;
}
#wrapper-footer .footer-social a:hover i,
#wrapper-footer .footer-social a:focus i {
  color: #e91c24;
}
#wrapper-footer .footer-right ul {
  list-style-type: none;
}
#wrapper-footer .footer-right ul li a {
  color: #ffffff;
  text-decoration: none;
  font-family: "libre-franklin", sans-serif;
  font-weight: 300;
  display: block;
  font-size: 12px;
  margin-bottom: 0.5rem;
  transition: all 0.2s linear;
}
#wrapper-footer .footer-right ul li a:hover,
#wrapper-footer .footer-right ul li a:focus {
  color: #e91c24;
}
#wrapper-footer .footer-right ul li:first-child a {
  margin-left: 0;
  font-family: "Benton Sans Wide Medium", sans-serif;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  font-size: 0.625rem;
}
#wrapper-footer .footer-right ul#menu-footer-column-4 li a {
  text-transform: uppercase;
  font-family: "Benton Sans Wide Medium", sans-serif;
  margin-bottom: 1rem;
  font-size: 0.625rem;
}
#wrapper-footer .footer-right ul#menu-footer-column-4 li:first-child a {
  margin-bottom: 1rem;
}
#wrapper-footer .footer-copyright p {
  color: #797979;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 0.625rem;
  margin-bottom: 0.5rem;
  margin-top: 2.5rem;
  font-family: "libre-franklin", sans-serif;
}
@media (max-width: 767.98px) {
  #wrapper-footer .footer-right ul {
    padding-left: 0;
  }
  #wrapper-footer .footer-social {
    margin-bottom: 2.5rem;
    margin-top: 1.5rem;
  }
}
@media (max-width: 575.98px) {
  .footer-right .link-column-1 ul,
  .footer-right .link-column-2 ul,
  .footer-right .link-column-3 ul {
    border-bottom: 1px solid #707070;
    margin-bottom: 1.5rem;
  }
}
