@charset "UTF-8"; @import url("https://use.typekit.net/nen2hya.css"); body {
  color: #797a84;
  font-family: "sofia-pro", sans-serif;
}

#page,
#main-wrapper {
  background: #f2f4f8;
}

a {
  color: #004e91;
}
a:hover {
  color: #0096d6;
  text-decoration: under-line;
}
a:focus {
  color: #0096d6;
}

.link {
  color: #004e91;
}
.link:hover {
  color: #0096d6;
  text-decoration: under-line;
}
.link:focus {
  color: #0096d6;
}
.link:active {
  color: #0096d6;
}

h1 {
  color: #003663;
  font-size: 2.7rem;
  padding: 15px 0;
  font-weight: bold;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  h1 {
    font-size: 3rem;
    padding: 20px 0;
  }
}
@media (min-width: 1023px) {
  h1 {
    font-size: 3.5rem;
  }
}

h2 {
  color: #003663;
  font-size: 2.5rem;
  padding: 15px 0;
  text-transform: uppercase;
  font-weight: 900;
  line-height: 45px;
}
@media (min-width: 768px) {
  h2 {
    font-size: 2.7rem;
    line-height: 45px;
  }
}
@media (min-width: 1023px) {
  h2 {
    font-size: 3rem;
    line-height: 64px;
  }
}

h3 {
  color: #003663;
  font-size: 1.75rem;
  padding: 10px 0;
  font-weight: bold;
}
@media (min-width: 768px) {
  h3 {
    font-size: 2rem;
  }
}
@media (min-width: 1023px) {
  h3 {
    font-size: 2.7rem;
  }
}

h4 {
  color: #003663;
  font-size: 1.75rem;
  text-transform: uppercase;
  padding: 10px 0;
  font-weight: bold;
}
@media (min-width: 768px) {
  h4 {
    font-size: 1.125rem;
  }
}
@media (min-width: 1023px) {
  h4 {
    font-size: 2.25rem;
  }
}

h5 {
  color: #003663;
  font-size: 1.125rem;
  padding: 10px 0;
  font-weight: 400;
  text-transform: uppercase;
}
h5.cmp-identifier {
  font-size: 0.87rem;
}
@media (min-width: 768px) {
  h5 {
    font-size: 1rem;
  }
}
@media (min-width: 1023px) {
  h5 {
    font-size: 1.125rem;
  }
}

h6 {
  color: #003663;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: bold;
}

p {
  color: #797a84;
  font-size: 1rem;
}
@media (min-width: 1023px) {
  p {
    font-size: 1.125rem;
  }
}

.fa {
  color: #28458e;
}

.cmp-button {
  padding: 0;
}
.cmp-button a {
  color: #fffffe;
  background-color: #0096d5;
  padding: 10px 25px;
  border-radius: 30px;
  line-height: 28px;
  display: inline-block;
  margin: 5px 15px 5px 0;
  font-size: 0.87rem;
}
.cmp-button a:hover {
  text-decoration: none;
  background-color: #003665;
}
.cmp-button a:focus {
  text-decoration: none;
  background-color: #003665;
}
@media (min-width: 1023px) {
  .cmp-button a {
    padding: 15px 30px 18px 30px;
    font-size: 1.125rem;
  }
}
.cmp-button .field--name-field-secondary-cta-button a {
  color: #0096d4;
  border: 2px solid #0096d4;
  background-color: rgba(255, 255, 241, 0);
  padding: 10px 25px;
  border-radius: 30px;
  line-height: 28px;
  display: inline-block;
  margin: 10px 15px 10px 0;
  font-size: 0.87rem;
}
.cmp-button .field--name-field-secondary-cta-button a:hover {
  text-decoration: none;
  color: #003666;
  border: 2px solid #003666;
}
.cmp-button .field--name-field-secondary-cta-button a:focus {
  text-decoration: none;
  color: #003666;
  border: 2px solid #003666;
}
@media (min-width: 1023px) {
  .cmp-button .field--name-field-secondary-cta-button a {
    padding: 12px 30px 15px 30px;
    font-size: 1.125rem;
  }
}

.cmp-secondary--button {
  padding: 0;
  color: #fffffe;
  background-color: #0096d5;
  padding: 10px 25px;
  border-radius: 30px;
  line-height: 28px;
  display: inline-block;
  margin: 5px 15px 5px 0;
  font-size: 0.875rem;
}
.cmp-secondary--button:hover {
  text-decoration: none;
  background-color: #003665;
}
.cmp-secondary--button:focus {
  text-decoration: none;
  background-color: #003665;
}

.field--name-field-cta-button-second a {
  color: #0096d4;
  border: 2px solid #0096d4;
  background-color: rgba(255, 255, 241, 0);
  padding: 10px 25px;
  border-radius: 30px;
  line-height: 28px;
  display: inline-block;
  margin: 10px 15px 10px 0;
  font-size: 0.87rem;
}
.field--name-field-cta-button-second a:hover {
  text-decoration: none;
  color: #003666;
  border: 2px solid #003666;
}
.field--name-field-cta-button-second a:focus {
  text-decoration: none;
  color: #003666;
  border: 2px solid #003666;
}
@media (min-width: 1023px) {
  .field--name-field-cta-button-second a {
    padding: 12px 30px 15px 30px;
    font-size: 1.125rem;
  }
}

.field--name-field-cta-button a {
  color: #fffffe;
  background-color: #0096d5;
  border: 2px solid #0096d5;
  padding: 10px 25px;
  border-radius: 30px;
  line-height: 28px;
  display: inline-block;
  margin: 10px 15px 10px 0;
  font-size: 0.87rem;
}
.field--name-field-cta-button a:hover {
  text-decoration: none;
  background-color: #003665;
  border: 2px solid #003665;
}
.field--name-field-cta-button a:focus {
  text-decoration: none;
  background-color: #003665;
  border: 2px solid #003665;
}
@media (min-width: 1023px) {
  .field--name-field-cta-button a {
    padding: 12px 30px 15px 30px;
    font-size: 1.125rem;
  }
}

.navbar.navbar-expand-lg {
  display: none;
}

.path-frontpage .main-content.col {
  padding-left: 0;
  padding-right: 0;
}

article.node.node--type-landing-page .node__content.clearfix {
  margin-top: 0;
}

.path-frontpage .block-webform .webform-submission-join-our-newsletter-form {
  margin-top: 70px;
}

.path-frontpage .view-content.row {
  margin-left: 0;
  margin-right: 0;
}

.main-content.col {
  padding-left: 0;
  padding-right: 0;
}
.main-content .row {
  margin-left: 0;
  margin-right: 0;
}

.user-login-form {
  width: 98%;
  margin: 0 auto;
}

.tabs {
  width: 98%;
  margin: 0 auto;
}

.user-pass {
  width: 98%;
  margin: 0 auto;
}

.page-view-search #main-wrapper {
  width: 97%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .page-view-search #main-wrapper {
    width: 80%;
  }
}
.page-view-search #main-wrapper h4 a {
  text-decoration: underline;
}

.header {
  background-color: #fefefe;
}
.header .navbar {
  padding: 15px 0 0;
}
@media (min-width: 1023px) {
  .header .navbar {
    padding: 10px 30px 15px;
  }
}
.header .navbar .region-secondary-menu {
  width: 100%;
  display: block;
  margin: 0;
}
.header .navbar .region-secondary-menu .navbar-brand {
  margin-right: 0;
  width: 100%;
}
.header .navbar .region-secondary-menu .navbar-brand img {
  display: block !important;
  margin: 0 auto;
  padding-bottom: 15px;
}
@media (min-width: 1023px) {
  .header .navbar .region-secondary-menu .navbar-brand img {
    padding-bottom: 0;
    margin: 0;
  }
}
@media (min-width: 1023px) {
  .header .navbar .region-secondary-menu .navbar-brand {
    width: 15%;
    float: left;
  }
}
.header .navbar .region-secondary-menu .sf-accordion-toggle {
  color: #28458e;
  position: relative;
}
.header .navbar .region-secondary-menu .sf-accordion-toggle #superfish-main-toggle {
  position: absolute;
  top: -52px;
  left: 0;
  width: auto;
}
.header .navbar .region-secondary-menu .sf-accordion-toggle.sf-style-default > a.sf-expanded:after {
  content: "×";
  font-family: 'Font Awesome 5 Free';
  font-size: 1.875rem;
}
@supports (-ms-ime-align: auto) {
  .header .navbar .region-secondary-menu .sf-accordion-toggle #superfish-main-toggle {
    top: 30px;
  }
}
.header .navbar .region-secondary-menu .sf-accordion-toggle.sf-style-default > a:after {
  content: "\f0c9";
  font-family: 'Font Awesome 5 Free';
  font-size: 1.125rem;
  right: initial;
  color: #004e91;
}
.header .navbar .region-secondary-menu #superfish-main-accordion {
  padding: 70px 20px 0;
}
.header .navbar .region-secondary-menu #superfish-main-accordion li {
  background: transparent;
  text-align: left;
  border-bottom: 1px solid #e6e6e6;
}
.header .navbar .region-secondary-menu #superfish-main-accordion li.sf-expanded span {
  color: #df002c;
}
.header .navbar .region-secondary-menu #superfish-main-accordion li a {
  text-decoration: none;
  color: #004e92;
  font-weight: 600;
}
.header .navbar .region-secondary-menu #superfish-main-accordion li a:hover {
  background: transparent;
  color: #df002c;
}
.header .navbar .region-secondary-menu #superfish-main-accordion li .sf-depth-1 {
  background: transparent;
  font-weight: 600;
  padding: 20px 36px 20px 0;
}
.header .navbar .region-secondary-menu #superfish-main-accordion li .sf-depth-1:hover {
  background: transparent;
}
.header .navbar .region-secondary-menu #superfish-main-accordion li .sf-depth-1 a {
  font-weight: 600;
}
.header .navbar .region-secondary-menu #superfish-main-accordion li .sf-depth-2 {
  font-weight: 400;
}
.header .navbar .region-secondary-menu #superfish-main-accordion .sf-clone-parent {
  display: none;
}
.header .navbar .region-secondary-menu #superfish-main-accordion #menu-fontsize-accordion {
  display: none;
}
.header .navbar .region-secondary-menu #superfish-main-toggle {
  background: transparent;
  width: 100%;
}
.header .navbar .region-secondary-menu #superfish-main-toggle span {
  display: none;
}
.header .navbar .region-secondary-menu .block-superfish {
  width: 100%;
  z-index: 1;
}
@media (min-width: 1023px) {
  .header .navbar .region-secondary-menu .block-superfish {
    width: 75%;
    float: left;
    margin-top: 8px;
    position: relative;
  }
}
@media (min-width: 1200px) {
  .header .navbar .region-secondary-menu .block-superfish {
    margin-top: 12px;
  }
}
.header .navbar .region-secondary-menu .block-superfish .content {
  width: auto;
  text-align: center;
}
.header .navbar .region-secondary-menu .block-superfish #superfish-main {
  width: auto;
  background-color: transparent;
  text-align: center;
  display: inline-block;
  float: none;
  margin-bottom: 0;
}
@media (min-width: 1023px) {
  .header .navbar .region-secondary-menu .block-superfish #superfish-main {
    position: initial;
  }
}
.header .navbar .region-secondary-menu .block-superfish #superfish-main .sf-depth-1 {
  background-color: transparent;
  color: #004e92;
  font-weight: 600;
  font-size: 0.875rem;
}
.header .navbar .region-secondary-menu .block-superfish #superfish-main .sf-depth-1:hover {
  color: #df002c;
}
.header .navbar .region-secondary-menu .block-superfish #superfish-main .sf-depth-1.menuparent {
  padding-right: 16px;
}
.header .navbar .region-secondary-menu .block-superfish #superfish-main .sf-depth-2 {
  font-weight: 400;
  font-size: 0.875rem;
}
.header .navbar .region-secondary-menu .block-superfish #superfish-main .is-active {
  color: #df002c;
}
.header .navbar .region-secondary-menu .block-superfish #superfish-main li {
  background-color: transparent;
  cursor: pointer;
}
@media (min-width: 1023px) {
  .header .navbar .region-secondary-menu .block-superfish #superfish-main li {
    position: initial;
  }
}
.header .navbar .region-secondary-menu .block-superfish #superfish-main li a {
  text-decoration: none;
  color: #004e92;
  font-weight: 600;
  font-size: 0.875rem;
}
.header .navbar .region-secondary-menu .block-superfish #superfish-main li a:focus {
  outline: 1px solid #0096d6;
}
@media (min-width: 1023px) {
  .header .navbar .region-secondary-menu .block-superfish #superfish-main li a {
    padding: 10px 25px;
  }
}
.header .navbar .region-secondary-menu .block-superfish #superfish-main li a:hover {
  color: #df002c;
}
.header .navbar .region-secondary-menu .block-superfish #superfish-main li ul {
  background-color: transparent;
}
@media (min-width: 1023px) {
  .header .navbar .region-secondary-menu .block-superfish #superfish-main li ul {
    position: absolute;
    left: 0;
    right: 0;
  }
}
.header .navbar .region-secondary-menu .block-superfish #superfish-main li ul li a {
  background-color: transparent;
  text-decoration: none;
  color: #004e92;
}
.header .navbar .region-secondary-menu .block-superfish #superfish-main li ul li a:hover {
  background-color: transparent;
}
.header .navbar .region-secondary-menu .block-superfish #superfish-main li ul li:hover {
  background-color: transparent;
}
.header .navbar .region-secondary-menu .sf-clone-parent {
  display: none;
}
.header .navbar .region-secondary-menu .sf-sub-indicator:after {
  content: "\f107";
  font-family: 'Font Awesome 5 Free';
  font-size: 1.125rem;
  color: #e6e6e6;
}
@media (min-width: 1023px) {
  .header .navbar .region-secondary-menu .sf-sub-indicator {
    display: none;
  }
}
.header .navbar .region-secondary-menu .block-views-exposed-filter-blocksearch-page {
  display: none;
  padding: 0 15px;
  clear: both;
  position: absolute;
  left: 0;
  right: 0;
  background: #004e91;
  z-index: 2;
}
@media (min-width: 1023px) {
  .header .navbar .region-secondary-menu .block-views-exposed-filter-blocksearch-page {
    width: 9.5%;
    position: absolute;
    right: 0.5%;
    background: initial;
    display: block !important;
    left: initial;
  }
}
@media (min-width: 1200px) {
  .header .navbar .region-secondary-menu .block-views-exposed-filter-blocksearch-page {
    width: 9%;
    right: 1%;
  }
}
@media (min-width: 1400px) {
  .header .navbar .region-secondary-menu .block-views-exposed-filter-blocksearch-page {
    width: 7%;
    right: 3%;
  }
}
.header .navbar .region-secondary-menu .block-views-exposed-filter-blocksearch-page .js-form-item-keywords {
  width: 100%;
  cursor: pointer;
  margin: 10px 0;
}
@media (min-width: 1023px) {
  .header .navbar .region-secondary-menu .block-views-exposed-filter-blocksearch-page .js-form-item-keywords {
    margin-top: 10px;
    width: auto;
  }
}
.header .navbar .region-secondary-menu .block-views-exposed-filter-blocksearch-page .js-form-item-keywords label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.header .navbar .region-secondary-menu .block-views-exposed-filter-blocksearch-page .js-form-item-keywords input {
  background: transparent;
  color: #fffffa;
  z-index: 1;
}
@media (min-width: 1023px) {
  .header .navbar .region-secondary-menu .block-views-exposed-filter-blocksearch-page .js-form-item-keywords input {
    transition: all 1s;
    transition: all 1s;
    right: 0.5%;
    position: absolute;
    border-radius: 27px;
    background: #fefefe;
    color: #004e92;
  }
}
@media (min-width: 1200px) {
  .header .navbar .region-secondary-menu .block-views-exposed-filter-blocksearch-page .js-form-item-keywords input {
    right: 1%;
  }
}
@media (min-width: 1400px) {
  .header .navbar .region-secondary-menu .block-views-exposed-filter-blocksearch-page .js-form-item-keywords input {
    right: 3%;
  }
}
@media (min-width: 1023px) {
  .header .navbar .region-secondary-menu .block-views-exposed-filter-blocksearch-page .js-form-item-keywords input:focus {
    width: 75vw;
    right: 0.5%;
    position: absolute;
    transition: all 1s;
    border-radius: 0;
    color: #004e92;
    border-bottom: 2px solid #004e92;
  }
}
@media (min-width: 1200px) {
  .header .navbar .region-secondary-menu .block-views-exposed-filter-blocksearch-page .js-form-item-keywords input:focus {
    right: 1%;
  }
}
@media (min-width: 1400px) {
  .header .navbar .region-secondary-menu .block-views-exposed-filter-blocksearch-page .js-form-item-keywords input:focus {
    right: 3%;
  }
}
.header .navbar .region-secondary-menu .block-views-exposed-filter-blocksearch-page .js-form-item-keywords input::placeholder {
  color: #fffffa;
  opacity: 1;
}
@media (min-width: 1023px) {
  .header .navbar .region-secondary-menu .block-views-exposed-filter-blocksearch-page .js-form-item-keywords input::placeholder {
    color: #004e92;
  }
}
.header .navbar .region-secondary-menu .block-views-exposed-filter-blocksearch-page .js-form-item-keywords input::-ms-input-placeholder {
  color: #fffffa;
}
@media (min-width: 1023px) {
  .header .navbar .region-secondary-menu .block-views-exposed-filter-blocksearch-page .js-form-item-keywords input::-ms-input-placeholder {
    color: #004e92;
  }
}
.header .navbar .region-secondary-menu .block-views-exposed-filter-blocksearch-page .js-form-item-keywords:after {
  content: "\f002";
  font-size: 1.25rem;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: #fffffa;
  position: absolute;
  top: 15px;
  right: 25px;
  z-index: 2;
}
@media (min-width: 1023px) {
  .header .navbar .region-secondary-menu .block-views-exposed-filter-blocksearch-page .js-form-item-keywords:after {
    color: #004e92;
    top: 15px;
    right: 1px;
    width: 30px;
  }
}
.header .navbar .region-secondary-menu .block-views-exposed-filter-blocksearch-page .btn-primary {
  display: none;
}
.header .navbar .region-secondary-menu .block-views-exposed-filter-blocksearch-page #edit-actions {
  display: none;
}
.header .navbar .region-secondary-menu .block-language-dropdown-blocklanguage-interface {
  width: 5%;
  float: right;
  margin-top: 12px;
  position: absolute;
  right: 17%;
  top: 18px;
}
@media (min-width: 768px) {
  .header .navbar .region-secondary-menu .block-language-dropdown-blocklanguage-interface {
    right: 8%;
  }
}
@media (min-width: 1023px) {
  .header .navbar .region-secondary-menu .block-language-dropdown-blocklanguage-interface {
    position: relative;
    right: initial;
    top: initial;
  }
}
.header .navbar .region-secondary-menu .block-language-dropdown-blocklanguage-interface img {
  position: absolute;
  position: absolute;
  width: 28px;
  height: 15px;
  top: 10px;
}
.header .navbar .region-secondary-menu .block-language-dropdown-blocklanguage-interface .custom-select {
  border: none;
  text-transform: uppercase;
  font-size: 0.875rem;
  padding-left: 30px;
  color: #004e91;
}
.header .navbar .region-secondary-menu .block-language-dropdown-blocklanguage-interface .form-item-lang-dropdown-select:after {
  content: "\f107";
  font-family: 'Font Awesome 5 Free';
  background: #fefefe;
  color: #28458e;
  position: absolute;
  top: 4px;
  left: 55px;
  font-size: 20px;
  font-weight: 900;
}
.header #navbar-main {
  display: none;
}
.header #navbar-top {
  background-color: #fefefe;
}

.toolbar-tray-open .navbar.affix {
  position: relative !important;
}

.toolbar-fixed .navbar.affix {
  position: relative !important;
}

.cmp-callout h6 {
  color: #ffffff;
}
.cmp-callout h6 p {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: bold;
  margin-bottom: 0;
}
.cmp-callout h4 {
  color: #ffffff;
}
.cmp-callout h4 p {
  color: #ffffff;
  font-size: 1.75rem;
  text-transform: uppercase;
  margin-bottom: 0;
  font-weight: bold;
}
@media (min-width: 768px) {
  .cmp-callout h4 p {
    font-size: 1.125rem;
  }
}
@media (min-width: 1023px) {
  .cmp-callout h4 p {
    font-size: 2.25rem;
  }
}
.cmp-callout p {
  color: #ffffff;
  font-size: 0.87rem;
}
@media (min-width: 1023px) {
  .cmp-callout p {
    font-size: 1rem;
  }
}
.cmp-callout .cmp-button a {
  font-size: 0.87rem;
}
@media (min-width: 1023px) {
  .cmp-callout .cmp-button a {
    font-size: 1rem;
  }
}
.cmp-callout .field--name-field-component-subtitle p {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: bold;
  margin-bottom: 0;
}
.cmp-callout .field--name-field-component-title p {
  color: #ffffff;
  font-size: 1.75rem;
  padding: 10px 0;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-weight: bold;
}
@media (min-width: 768px) {
  .cmp-callout .field--name-field-component-title p {
    font-size: 1.125rem;
  }
}
@media (min-width: 1023px) {
  .cmp-callout .field--name-field-component-title p {
    font-size: 2.25rem;
  }
}
.cmp-callout .field--name-field-component-title h1 {
  color: #ffffff;
}
.cmp-callout .field--name-field-component-title h2 {
  color: #ffffff;
}
.cmp-callout .field--name-field-component-title h3 {
  color: #ffffff;
  text-transform: uppercase;
}
.cmp-callout .field--name-field-component-title h4 {
  color: #ffffff;
}
.cmp-callout .field--name-field-component-title h5 {
  color: #ffffff;
}
.cmp-callout .field--name-field-component-title h6 {
  color: #ffffff;
}
.cmp-callout .field--name-field-component-subtitle p {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: bold;
  margin-bottom: 0;
}
.cmp-callout .field--name-field-component-subtitle h1 {
  color: #ffffff;
}
.cmp-callout .field--name-field-component-subtitle h2 {
  color: #ffffff;
}
.cmp-callout .field--name-field-component-subtitle h3 {
  color: #ffffff;
}
.cmp-callout .field--name-field-component-subtitle h4 {
  color: #ffffff;
}
.cmp-callout .field--name-field-component-subtitle h5 {
  color: #ffffff;
}
.cmp-callout .field--name-field-component-subtitle h6 {
  color: #ffffff;
}

.featured-two-sections {
  display: flex;
}
@media (max-width: 767px) {
  .featured-two-sections {
    flex-direction: column;
  }
}

.region-featured-left div {
  width: 100%;
}

.featured-left {
  width: 50%;
}
@media (max-width: 767px) {
  .featured-left {
    width: 100%;
  }
}

.featured-right {
  width: 50%;
}
@media (max-width: 767px) {
  .featured-right {
    width: 100%;
  }
}

.region-featured-right div {
  width: 100%;
}

.site-footer {
  padding: 35px 15px;
  background: #f7f9fa;
}
@media (min-width: 1023px) {
  .site-footer {
    padding: 20px 30px;
  }
}
.site-footer .container {
  max-width: initial;
}
.site-footer .site-footer__bottom {
  width: 100%;
  margin-top: 0;
  border-top: none;
  border-color: none;
  position: relative;
}
.site-footer .site-footer__bottom .block {
  width: 100%;
  margin: 0 auto;
}
.site-footer .site-footer__bottom .region {
  margin-top: 0;
}
.site-footer .site-footer__bottom .navbar-brand {
  width: 100%;
}
@media (min-width: 1023px) {
  .site-footer .site-footer__bottom .navbar-brand {
    width: 15%;
    margin-right: 0;
  }
}
.site-footer .site-footer__bottom .navbar-brand img {
  display: block !important;
  margin: 0 auto;
}
@media (min-width: 1023px) {
  .site-footer .site-footer__bottom .navbar-brand img {
    margin: 0;
  }
}
.site-footer .site-footer__bottom .menu--footer {
  width: 100%;
  padding: 20px 0;
}
@media (min-width: 768px) {
  .site-footer .site-footer__bottom .menu--footer {
    width: auto;
    text-align: center;
  }
}
@media (min-width: 1023px) {
  .site-footer .site-footer__bottom .menu--footer {
    width: 70%;
    position: relative;
    padding: 25px 0;
  }
}
.site-footer .site-footer__bottom .menu--footer .navbar-nav {
  text-align: center;
  display: block;
}
@media (min-width: 1023px) {
  .site-footer .site-footer__bottom .menu--footer .navbar-nav {
    margin-left: auto;
  }
}
@media (min-width: 1023px) {
  .site-footer .site-footer__bottom .menu--footer .navbar-nav {
    display: inline-block;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .site-footer .site-footer__bottom .menu--footer .navbar-nav li {
    padding: 0 25px;
    float: left;
  }
}
@media (min-width: 1023px) {
  .site-footer .site-footer__bottom .menu--footer .navbar-nav li {
    width: auto;
    line-height: 1;
    padding: 0 15px;
  }
}
.site-footer .site-footer__bottom .menu--footer .navbar-nav li:last-child {
  border-right: none;
}
.site-footer .site-footer__bottom .menu--footer .navbar-nav li a {
  padding: 5px 0;
  font-size: 0.875rem;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  color: #004e93;
}
@media (min-width: 1023px) {
  .site-footer .site-footer__bottom .menu--footer .navbar-nav li a {
    padding: 0;
  }
}
.site-footer .site-footer__bottom .menu--footer .navbar-nav li a:hover {
  color: #df002c;
  text-decoration: none;
}
.site-footer .site-footer__bottom .block-social-media-links {
  margin-bottom: 0;
}
@media (min-width: 1023px) {
  .site-footer .site-footer__bottom .block-social-media-links {
    width: 15%;
  }
}
.site-footer .site-footer__bottom .block-social-media-links .social-media-links--platforms {
  text-align: center;
  padding-left: 0;
}
.site-footer .site-footer__bottom .block-social-media-links .social-media-links--platforms .fa-2x {
  font-size: 0.875rem;
}
@media (min-width: 1023px) {
  .site-footer .site-footer__bottom .block-social-media-links .social-media-links--platforms {
    padding-left: 45px;
    padding-top: 15px;
  }
}
.site-footer p {
  font-size: 0.6875rem;
  text-align: center;
}

nav.tabs {
  padding: 20px 0px;
}

input.btn {
  width: auto;
  margin: 5px;
}

.breadcrumb {
  margin-top: 20px;
}

.ui-dialog-off-canvas #blb_tabContent .custom-switch .custom-control-label:after {
  display: none;
}
.ui-dialog-off-canvas #blb_tabContent .custom-switch .custom-control-label:before {
  display: none;
}

#blb_tabContent .custom-radio .custom-control-label:before {
  display: none;
}
#blb_tabContent .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  display: none;
}

#drupal-off-canvas label {
  margin-top: 10px;
}

#drupal-off-canvas {
  background-color: #444444;
}
#drupal-off-canvas .ui-autocomplete li a {
  color: #fffff3 !important;
  padding: 0 5px;
}
#drupal-off-canvas .layout-selection li a {
  border: 2px solid #fffff3;
  text-align: center;
  margin: 0 5px;
  min-height: 126px;
}
#drupal-off-canvas .js-layout-builder-category .details-wrapper a {
  display: block;
}
#drupal-off-canvas .js-layout-builder-category .details-wrapper a img {
  width: 100px;
  height: 100px;
}

/* layout builder styles for LBK*/
#image-component-overlay-text p {
  color: #fffff3;
}

#drupal-off-canvas .text-muted {
  color: #fffff3 !important;
}
#drupal-off-canvas .field--name-field-social-posts .paragraphs-dropbutton-wrapper {
  margin-top: 20px;
}
#drupal-off-canvas .paragraphs-dropbutton-wrapper .confirm-remove > button.button {
  padding: 2px 10px !important;
  margin-right: 10px !important;
}
#drupal-off-canvas .paragraphs-dropbutton-wrapper .restore > button.button {
  padding: 2px 10px !important;
  margin-right: 10px !important;
}
#drupal-off-canvas .paragraphs-dropbutton-wrapper ul.dropbutton--multiple {
  padding: 5px 10px !important;
}
#drupal-off-canvas #settings-decision-decision-settings th:first-child {
  width: 100%;
}
#drupal-off-canvas #settings-decision-decision-settings td:first-child {
  width: 100%;
}

.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar-close {
  position: absolute !important;
}

#drupal-off-canvas input {
  color: #495057 !important;
  background-color: white !important;
}

.ui-dialog .ui-resizable-w {
  z-index: 9999 !important;
}
.ui-dialog button.ui-dialog-titlebar-close:before {
  content: "\f00d";
  font-family: "fontAwesome";
  top: -3px;
  position: absolute;
  right: 2px;
}
.ui-dialog .btn-primary:hover {
  color: #000000;
}

.ui-dialog-off-canvas #drupal-off-canvas {
  box-sizing: initial;
}
.ui-dialog-off-canvas.ui-dialog button.ui-dialog-titlebar-close:before {
  content: "";
}

#layout-builder-modal table.field-multiple-table tr th {
  background: transparent;
}
#layout-builder-modal table.field-multiple-table tr th h4 {
  font-size: 18px;
  text-transform: none;
  color: #444444;
  font-weight: normal;
}

.blb_breakpoint_cols {
  min-width: 100% !important;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front {
  top: 100px !important;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons {
  top: 100px !important;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons .ui-front.ui-dialog-content.ui-widget-content {
  max-height: 500px !important;
  overflow: scroll;
}

.card-cmp h6 {
  color: #ffffff;
}
.card-cmp h6 p {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: bold;
  margin-bottom: 0;
}
.card-cmp h3 {
  color: #ffffff;
}
.card-cmp h3 p {
  color: #ffffff;
  font-size: 1.75rem;
  margin-bottom: 0;
  font-weight: bold;
}
@media (min-width: 768px) {
  .card-cmp h3 p {
    font-size: 2rem;
  }
}
@media (min-width: 1023px) {
  .card-cmp h3 p {
    font-size: 2.7rem;
  }
}
.card-cmp h2 {
  color: #ffffff;
}
.card-cmp h2 p {
  color: #ffffff;
  font-size: 2.5rem;
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 900;
  line-height: 45px;
}
@media (min-width: 768px) {
  .card-cmp h2 p {
    font-size: 2.7rem;
    line-height: 45px;
  }
}
@media (min-width: 1023px) {
  .card-cmp h2 p {
    font-size: 3rem;
    line-height: 64px;
  }
}
.card-cmp p {
  color: #ffffff;
  font-size: 0.87rem;
}
@media (min-width: 1023px) {
  .card-cmp p {
    font-size: 1rem;
  }
}
.card-cmp .cmp-button a {
  font-size: 0.87rem;
}
@media (min-width: 1023px) {
  .card-cmp .cmp-button a {
    font-size: 1rem;
  }
}
.card-cmp .card-cmp--content .field--name-field-component-subtitle p {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: bold;
  margin-bottom: 0;
}
.card-cmp .field--name-field-component-subtitle p {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: bold;
  margin-bottom: 0;
}
.card-cmp .field--name-field-component-subtitle h1 {
  color: #ffffff;
}
.card-cmp .field--name-field-component-subtitle h2 {
  color: #ffffff;
}
.card-cmp .field--name-field-component-subtitle h3 {
  color: #ffffff;
}
.card-cmp .field--name-field-component-subtitle h4 {
  color: #ffffff;
}
.card-cmp .field--name-field-component-subtitle h5 {
  color: #ffffff;
}
.card-cmp .field--name-field-component-subtitle h6 {
  color: #ffffff;
}
.card-cmp .field--name-field-component-title p {
  color: #ffffff;
  font-size: 2.5rem;
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 900;
  line-height: 45px;
  padding: 15px 0;
}
@media (min-width: 768px) {
  .card-cmp .field--name-field-component-title p {
    font-size: 2.7rem;
    line-height: 45px;
  }
}
@media (min-width: 1023px) {
  .card-cmp .field--name-field-component-title p {
    font-size: 3rem;
    line-height: 64px;
  }
}
.card-cmp .field--name-field-component-title h1 {
  color: #ffffff;
}
.card-cmp .field--name-field-component-title h2 {
  color: #ffffff;
}
.card-cmp .field--name-field-component-title h3 {
  color: #ffffff;
}
.card-cmp .field--name-field-component-title h4 {
  color: #ffffff;
}
.card-cmp .field--name-field-component-title h5 {
  color: #ffffff;
}
.card-cmp .field--name-field-component-title h6 {
  color: #ffffff;
}

.feature-cmp .feature-cmp--content h2 p {
  color: #003663;
  font-size: 2.5rem;
  text-transform: uppercase;
  font-weight: 900;
  line-height: 45px;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .feature-cmp .feature-cmp--content h2 p {
    font-size: 2.7rem;
    line-height: 45px;
  }
}
@media (min-width: 1023px) {
  .feature-cmp .feature-cmp--content h2 p {
    font-size: 3rem;
    line-height: 64px;
  }
}
.feature-cmp .feature-cmp--content h6 p {
  color: #003663;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: bold;
  margin-bottom: 0;
}
.feature-cmp .feature-cmp--content .field--name-field-richtext-sub-title p {
  color: #003663;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: bold;
  margin-bottom: 0;
}
.feature-cmp .feature-cmp--content .field--name-field-component-subtitle p {
  color: #003663;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: bold;
  margin-bottom: 0;
}
.feature-cmp .feature-cmp--content .field--name-field-component-subtitle h1 {
  color: #003663;
}
.feature-cmp .feature-cmp--content .field--name-field-component-subtitle h2 {
  color: #003663;
}
.feature-cmp .feature-cmp--content .field--name-field-component-subtitle h3 {
  color: #003663;
}
.feature-cmp .feature-cmp--content .field--name-field-component-subtitle h4 {
  color: #003663;
}
.feature-cmp .feature-cmp--content .field--name-field-component-subtitle h5 {
  color: #003663;
}
.feature-cmp .feature-cmp--content .field--name-field-component-subtitle h6 {
  color: #003663;
}
.feature-cmp .feature-cmp--content .field--name-field-component-title p {
  color: #003663;
  font-size: 2.5rem;
  text-transform: uppercase;
  font-weight: 900;
  line-height: 45px;
  padding: 15px 0;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .feature-cmp .feature-cmp--content .field--name-field-component-title p {
    font-size: 2.7rem;
    line-height: 45px;
  }
}
@media (min-width: 1023px) {
  .feature-cmp .feature-cmp--content .field--name-field-component-title p {
    font-size: 3rem;
    line-height: 64px;
  }
}
.feature-cmp .feature-cmp--content .field--name-field-component-title h1 {
  color: #003663;
}
.feature-cmp .feature-cmp--content .field--name-field-component-title h2 {
  color: #003663;
}
.feature-cmp .feature-cmp--content .field--name-field-component-title h3 {
  color: #003663;
}
.feature-cmp .feature-cmp--content .field--name-field-component-title h4 {
  color: #003663;
}
.feature-cmp .feature-cmp--content .field--name-field-component-title h5 {
  color: #003663;
}
.feature-cmp .feature-cmp--content .field--name-field-component-title h6 {
  color: #003663;
}

.view-product-selector-component .product-teaser .product-teaser--content h3 {
  color: #ffffff;
}
.view-product-selector-component .product-teaser .product-teaser--content p {
  color: #ffffff;
  font-size: 0.875rem;
}
.view-product-selector-component .product-teaser.blue {
  background-color: #003b74;
}
.view-product-selector-component .product-teaser.blue .product-teaser--content {
  background: transparent linear-gradient(180deg, rgba(0, 59, 116, 0) 0%, #003b74 13%, #003b74 100%);
}
.view-product-selector-component .product-teaser.blue:hover {
  background: radial-gradient(circle, #3c75af 0%, #003b74 42%, #003b74 100%);
}
.view-product-selector-component .product-teaser.darkblue {
  background-color: #00376e;
}
.view-product-selector-component .product-teaser.darkblue .product-teaser--content {
  background: transparent linear-gradient(180deg, rgba(0, 59, 116, 0) 0%, #00376e 13%, #00376e 100%);
}
.view-product-selector-component .product-teaser.darkblue:hover {
  background: radial-gradient(circle, #3c75af 0%, #00376e 42%, #00376e 100%);
}
.view-product-selector-component .product-teaser.lightgreen {
  background-color: #00c040;
}
.view-product-selector-component .product-teaser.lightgreen .product-teaser--content {
  background: transparent linear-gradient(180deg, rgba(0, 59, 116, 0) 0%, #00c040 13%, #00c040 100%);
}
.view-product-selector-component .product-teaser.lightgreen:hover {
  background: radial-gradient(circle at 50%, #00c040, #f5f123 0%, #00c040 42%);
}
.view-product-selector-component .product-teaser.ligthgrey {
  background-color: #d5d9e7;
}
.view-product-selector-component .product-teaser.ligthgrey .product-teaser--content {
  background: transparent linear-gradient(180deg, rgba(0, 59, 116, 0) 0%, #d5d9e7 13%, #d5d9e7 100%);
}
.view-product-selector-component .product-teaser.ligthgrey:hover {
  background: radial-gradient(circle at 50%, #d5d9e7, #fffff9 0%, #d5d9e7 42%);
}
.view-product-selector-component .product-teaser.darkgrey {
  background-color: #9c9ea0;
}
.view-product-selector-component .product-teaser.darkgrey .product-teaser--content {
  background: transparent linear-gradient(180deg, rgba(0, 59, 116, 0) 0%, #9c9ea0 13%, #9c9ea0 100%);
}
.view-product-selector-component .product-teaser.darkgrey:hover {
  background: radial-gradient(circle at 50%, #9c9ea0, #fffff9 0%, #9c9ea0 42%);
}
.view-product-selector-component .product-teaser:hover .cmp-button a {
  background-color: #003665;
}
.view-product-selector-component .slick-dots li.slick-active button {
  border-bottom: 2px solid #fffff8;
}
.view-product-selector-component .slick-dots li button {
  border-bottom: 2px solid #4d769e;
}
.view-product-selector-component .cmp-button a {
  font-size: 1rem;
}

.view-featured-selector-component .product-teaser .product-teaser--content h3 {
  color: #ffffff;
}
.view-featured-selector-component .product-teaser .product-teaser--content p {
  color: #ffffff;
  font-size: 0.875rem;
}
.view-featured-selector-component .product-teaser.blue {
  background-color: #003b74;
}
.view-featured-selector-component .product-teaser.blue .product-teaser--content {
  background: transparent linear-gradient(180deg, rgba(0, 59, 116, 0) 0%, #003b74 13%, #003b74 100%);
}
.view-featured-selector-component .product-teaser.blue:hover {
  background: radial-gradient(circle, #3c75af 0%, #003b74 42%, #003b74 100%);
}
.view-featured-selector-component .product-teaser.darkblue {
  background-color: #00376e;
}
.view-featured-selector-component .product-teaser.darkblue .product-teaser--content {
  background: transparent linear-gradient(180deg, rgba(0, 59, 116, 0) 0%, #00376e 13%, #00376e 100%);
}
.view-featured-selector-component .product-teaser.darkblue:hover {
  background: radial-gradient(circle, #3c75af 0%, #00376e 42%, #00376e 100%);
}
.view-featured-selector-component .product-teaser.lightgreen {
  background-color: #00c040;
}
.view-featured-selector-component .product-teaser.lightgreen .product-teaser--content {
  background: transparent linear-gradient(180deg, rgba(0, 59, 116, 0) 0%, #00c040 13%, #00c040 100%);
}
.view-featured-selector-component .product-teaser.lightgreen:hover {
  background: radial-gradient(circle at 50%, #00c040, #f5f123 0%, #00c040 42%);
}
.view-featured-selector-component .product-teaser.ligthgrey {
  background-color: #d5d9e7;
}
.view-featured-selector-component .product-teaser.ligthgrey .product-teaser--content {
  background: transparent linear-gradient(180deg, rgba(0, 59, 116, 0) 0%, #d5d9e7 13%, #d5d9e7 100%);
}
.view-featured-selector-component .product-teaser.ligthgrey:hover {
  background: radial-gradient(circle at 50%, #d5d9e7, #fffff9 0%, #d5d9e7 42%);
}
.view-featured-selector-component .product-teaser.darkgrey {
  background-color: #9c9ea0;
}
.view-featured-selector-component .product-teaser.darkgrey .product-teaser--content {
  background: transparent linear-gradient(180deg, rgba(0, 59, 116, 0) 0%, #9c9ea0 13%, #9c9ea0 100%);
}
.view-featured-selector-component .product-teaser.darkgrey:hover {
  background: radial-gradient(circle at 50%, #9c9ea0, #fffff9 0%, #9c9ea0 42%);
}
.view-featured-selector-component .product-teaser:hover .cmp-button a {
  background-color: #003665;
}
.view-featured-selector-component .slick-dots li.slick-active button {
  border-bottom: 2px solid #fffff8;
}
.view-featured-selector-component .slick-dots li button {
  border-bottom: 2px solid #4d769e;
}
.view-featured-selector-component .cmp-button a {
  font-size: 1rem;
}

.breadcrumb {
  background-color: transparent;
}
.breadcrumb .breadcrumb-item {
  color: #004e91;
  text-transform: uppercase;
  font-size: 0.875rem;
  opacity: 0.6;
}
.breadcrumb .breadcrumb-item a {
  color: #004e91;
}
.breadcrumb .breadcrumb-item a:after {
  content: "";
  width: 0;
  height: 1px;
  background-color: #003664;
  display: block;
  transition: 0.3s all;
  margin: 0 auto;
}
.breadcrumb .breadcrumb-item a:hover {
  text-decoration: none;
}
.breadcrumb .breadcrumb-item a:hover:after {
  width: 100%;
}
.breadcrumb .breadcrumb-item:hover {
  opacity: 1;
}
.breadcrumb .breadcrumb-item.active {
  color: #df002c;
  opacity: 1;
}

.block-webform .webform-submission-join-our-newsletter-form {
  background-color: #003664;
}
.block-webform .webform-submission-join-our-newsletter-form.webform-details-toggle {
  background-color: #004e91;
}
.block-webform .webform-submission-join-our-newsletter-form h3 {
  color: #ffffff;
}
.block-webform .webform-submission-join-our-newsletter-form p {
  color: #ffffff;
  font-size: 1rem;
}
.block-webform .webform-submission-join-our-newsletter-form input {
  border-bottom: 2px solid #0096d6;
  color: #ffffff;
}
.block-webform .webform-submission-join-our-newsletter-form input.cmp-error {
  border-bottom: 2px solid #df002c;
}
.block-webform .webform-submission-join-our-newsletter-form input[type=email]::placeholder {
  color: #ffffff;
}
.block-webform .webform-submission-join-our-newsletter-form input[type=email]::-ms-input-placeholder {
  color: #ffffff;
}
.block-webform .webform-submission-join-our-newsletter-form input:-internal-autofill-selected {
  background-color: transparent !important;
  color: #ffffff !important;
}
.block-webform .webform-submission-join-our-newsletter-form button:disabled {
  background-color: #d6d6d6;
}

.views-field-title.banner-img .cmp-banner--content h2 {
  color: #ffffff;
  padding: 15px;
}

.content-title-banner .views-field-title.banner-img {
  left: 0;
}
@media (min-width: 768px) {
  .content-title-banner .views-field-title.banner-img {
    left: 5%;
  }
}
@media (min-width: 1200px) {
  .content-title-banner .views-field-title.banner-img {
    left: 9%;
  }
}

.product-listing-block .item-list ul li {
  background-color: #ebeef5;
}
.product-listing-block .item-list ul li .product-list--content {
  background: transparent linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ebeef5 15%, #ebeef5 100%);
}
.product-listing-block .item-list ul li .product-list--content p {
  font-size: 0.875rem;
}
.product-listing-block .item-list ul li .product-list--content a {
  color: #797a84;
  font-size: 0.875rem;
}
.product-listing-block .item-list ul li .product-list--content a:hover {
  color: #003664;
}
.product-listing-block .item-list ul li .product-list--content a:focus {
  color: #003664;
}
.product-listing-block .item-list ul li:nth-child(even) {
  background-color: #e6e9f2;
}
.product-listing-block .item-list ul li:nth-child(even) .product-list--content {
  background: transparent linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #e6e9f2 15%, #e6e9f2 100%);
}
.product-listing-block .item-list:nth-child(even) ul li {
  background-color: #e6e9f2;
}
.product-listing-block .item-list:nth-child(even) ul li .product-list--content {
  background: transparent linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #e6e9f2 15%, #e6e9f2 100%);
}
.product-listing-block .item-list:nth-child(even) ul li:nth-child(even) {
  background-color: #ebeef5;
}
.product-listing-block .item-list:nth-child(even) ul li:nth-child(even) .product-list--content {
  background: transparent linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ebeef5 15%, #ebeef5 100%);
}

.product-listing-block ul.js-pager__items li a {
  color: #0096d6;
  border: 2px solid #0096d6;
  background-color: transparent;
  padding: 10px 25px;
  border-radius: 30px;
  line-height: 28px;
  display: inline-block;
  margin: 10px 15px 10px 0;
  font-size: 0.87rem;
}
.product-listing-block ul.js-pager__items li a:hover {
  text-decoration: none;
  color: #003664;
  border: 2px solid #003664;
}
.product-listing-block ul.js-pager__items li a:focus {
  text-decoration: none;
  color: #003664;
  border: 2px solid #003664;
}
@media (min-width: 1023px) {
  .product-listing-block ul.js-pager__items li a {
    padding: 12px 30px 15px 30px;
    font-size: 1.125rem;
  }
}

.product-detail--container {
  background-color: #f2f4f8;
}
.product-detail--container .paragraph--type--nutrition .field--name-field-key {
  font-size: 1.75rem;
}
@media (min-width: 768px) {
  .product-detail--container .paragraph--type--nutrition .field--name-field-key {
    font-size: 2rem;
  }
}
@media (min-width: 1023px) {
  .product-detail--container .paragraph--type--nutrition .field--name-field-key {
    font-size: 2.7rem;
  }
}
.product-detail--container .paragraph--type--nutrition .field--name-field-value {
  font-size: 1.125rem;
}
@media (min-width: 768px) {
  .product-detail--container .paragraph--type--nutrition .field--name-field-value {
    font-size: 1rem;
  }
}
@media (min-width: 1023px) {
  .product-detail--container .paragraph--type--nutrition .field--name-field-value {
    font-size: 1.125rem;
  }
}
.product-detail--container .block-field-blocknodeproductfield-nutrition-table .field--type-string {
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .product-detail--container .block-field-blocknodeproductfield-nutrition-table .field--type-string {
    font-size: 1rem;
  }
}
@media (min-width: 1023px) {
  .product-detail--container .block-field-blocknodeproductfield-nutrition-table .field--type-string {
    font-size: 1.125rem;
  }
}
.product-detail--container .product-detail--tabs ul li h3 {
  color: #d5d5d5;
  border-color: #d5d5d5;
}
.product-detail--container .product-detail--tabs ul li:hover h3 {
  color: #004e91;
  border-color: #004e91;
}
.product-detail--container .product-detail--tabs ul li.active h3 {
  color: #004e91;
  border-color: #004e91;
}
.product-detail--container .field--name-field-key-ingredients .field__label {
  color: #003664;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .product-detail--container .field--name-field-key-ingredients .field__label {
    font-size: 1rem;
  }
}
@media (min-width: 1023px) {
  .product-detail--container .field--name-field-key-ingredients .field__label {
    font-size: 1.125rem;
  }
}
.product-detail--container .field--name-field-additional-ingredients .field__label {
  color: #003664;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .product-detail--container .field--name-field-additional-ingredients .field__label {
    font-size: 1rem;
  }
}
@media (min-width: 1023px) {
  .product-detail--container .field--name-field-additional-ingredients .field__label {
    font-size: 1.125rem;
  }
}
.product-detail--container .paragraph--type--ingredients .field--name-field-key-ingredients {
  border-bottom: 1px solid #d5d5d5;
}
.product-detail--container .paragraph--type--ingredients .field--name-field-key-ingredients .field__item {
  font-size: 1.75rem;
}
@media (min-width: 768px) {
  .product-detail--container .paragraph--type--ingredients .field--name-field-key-ingredients .field__item {
    font-size: 2rem;
  }
}
@media (min-width: 1023px) {
  .product-detail--container .paragraph--type--ingredients .field--name-field-key-ingredients .field__item {
    font-size: 2.7rem;
  }
}
.product-detail--container .paragraph--type--ingredients .field--name-field-key-ingredients .field__item h5#subtext {
  color: #797a84;
  text-transform: none;
}
.product-detail--container .block-field-blocknodeproductfield-ingredient .field--name-field-additional-ingredients .field__item {
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .product-detail--container .block-field-blocknodeproductfield-ingredient .field--name-field-additional-ingredients .field__item {
    font-size: 1rem;
  }
}
@media (min-width: 1023px) {
  .product-detail--container .block-field-blocknodeproductfield-ingredient .field--name-field-additional-ingredients .field__item {
    font-size: 1.125rem;
  }
}
.product-detail--container .block-field-blocknodeproductfield-sub-title .field--name-field-sub-title {
  color: #003663;
  font-size: 2.5rem;
  padding: 15px 0;
  text-transform: uppercase;
  font-weight: 900;
  line-height: 45px;
}
@media (min-width: 768px) {
  .product-detail--container .block-field-blocknodeproductfield-sub-title .field--name-field-sub-title {
    font-size: 2.7rem;
    line-height: 45px;
  }
}
@media (min-width: 1023px) {
  .product-detail--container .block-field-blocknodeproductfield-sub-title .field--name-field-sub-title {
    font-size: 3rem;
    line-height: 64px;
  }
}
.product-detail--container .field--name-field-key-ingredients .field__item:after {
  background-color: #797a84;
}
.product-detail--container .rrssb .rrssb-prefix {
  color: #003664;
}

.product-listing-block .slick__slide {
  background-color: #ebeef5;
}
.product-listing-block .slick__slide .product-list--content {
  background: transparent linear-gradient(180deg, rgba(0, 59, 116, 0) 0%, #ebeef5 15%, #ebeef5 100%);
}
.product-listing-block .slick__slide .product-list--content p {
  font-size: 0.875rem;
}
.product-listing-block .slick__slide .product-list--content a {
  color: #797a84;
  font-size: 0.875rem;
}
.product-listing-block .slick__slide .product-list--content a:hover {
  color: #003664;
}
.product-listing-block .slick__slide .product-list--content a:focus {
  color: #003664;
}
.product-listing-block .slick__slide:nth-child(even) {
  background-color: #e6e9f2;
}
.product-listing-block .slick__slide:nth-child(even) .product-list--content {
  background: transparent linear-gradient(180deg, rgba(0, 59, 116, 0) 0%, #e6e9f2 15%, #e6e9f2 100%);
}
.product-listing-block .slick-arrow {
  color: #797a84;
}

.carousal-slider-video-type .carousal-slide-container-one h1 {
  color: #ffffff;
}
.carousal-slider-video-type .carousal-slide-container-one p {
  color: #ffffff;
}
.carousal-slider-video-type .slick-arrow {
  color: #fffffc;
  background: rgba(255, 255, 252, 0.2);
}
.carousal-slider-video-type .carousal-slide-container-one .field--name-field-cta-button:after {
  color: #fffffc;
  background: #0096d6;
}
.carousal-slider-video-type .slick-dots li button {
  color: rgba(255, 255, 252, 0.2);
  background: rgba(255, 255, 252, 0.2);
}
.carousal-slider-video-type .slick-dots li.slick-active button {
  color: #fffffc;
  background: #fffffc;
}

/*social share on slider */
.paragraph-social-links .share-text {
  font-size: 0.875rem;
  color: #ffffff;
  text-transform: uppercase;
}
.paragraph-social-links .social-media-links--platforms > li > a {
  background: rgba(255, 255, 252, 0.2);
}
.paragraph-social-links .fa {
  color: #fffffc;
  font-size: 1rem;
}

.cmp-carousal-video-slider .carousal-slide-container-one .hero-video-slider-sub-header {
  color: #ffffff;
  font-size: 1.125rem;
  padding-top: 15px;
  font-weight: 400;
}
@media (min-width: 768px) {
  .cmp-carousal-video-slider .carousal-slide-container-one .hero-video-slider-sub-header {
    font-size: 1rem;
  }
}
@media (min-width: 1023px) {
  .cmp-carousal-video-slider .carousal-slide-container-one .hero-video-slider-sub-header {
    font-size: 1.125rem;
  }
}
.cmp-carousal-video-slider .carousal-slide-container-one .hero-video-slider-header {
  color: #ffffff;
  font-size: 2.7rem;
  padding: 15px 0;
  font-weight: bold;
  line-height: 1;
}
@media (min-width: 768px) {
  .cmp-carousal-video-slider .carousal-slide-container-one .hero-video-slider-header {
    font-size: 3rem;
    padding: 20px 0;
  }
}
@media (min-width: 1023px) {
  .cmp-carousal-video-slider .carousal-slide-container-one .hero-video-slider-header {
    font-size: 3.5rem;
  }
}
.cmp-carousal-video-slider .carousal-slide-container-one .field--name-field-description {
  color: #ffffff;
  padding-bottom: 15px;
}
.cmp-carousal-video-slider .slick-arrow {
  color: #28458e;
  background: rgba(255, 255, 252, 0.7);
}
.cmp-carousal-video-slider .slick-arrow:focus {
  outline: 1px solid #fffffc;
}
.cmp-carousal-video-slider .carousal-slide-container-one .field--name-field-link a {
  color: #fffffe;
  background-color: #0096d5;
  border: 2px solid #0096d5;
  padding: 10px 25px;
  border-radius: 30px;
  line-height: 28px;
  display: inline-block;
  margin: 10px 15px 10px 0;
  font-size: 0.87rem;
}
.cmp-carousal-video-slider .carousal-slide-container-one .field--name-field-link a:hover {
  text-decoration: none;
  background-color: #003665;
  border: 2px solid #003665;
}
.cmp-carousal-video-slider .carousal-slide-container-one .field--name-field-link a:focus {
  text-decoration: none;
  background-color: #003665;
  border: 2px solid #003665;
}
@media (min-width: 1023px) {
  .cmp-carousal-video-slider .carousal-slide-container-one .field--name-field-link a {
    padding: 12px 30px 15px 30px;
    font-size: 1.125rem;
  }
}
.cmp-carousal-video-slider .slick-dots li button .slick-dot-icon {
  color: #28458e;
  opacity: 0.7;
}
.cmp-carousal-video-slider .slick-dots li.slick-active button .slick-dot-icon {
  color: #28458e;
  background: #28458e;
  opacity: 1;
}
@media (max-width: 767px) {
  .cmp-carousal-video-slider .slick img {
    height: 300px;
  }
}
.cmp-carousal-video-slider .carousal-container-one .video-slider-two-right {
  background-color: #004e91;
}
@media (min-width: 992px) {
  .cmp-carousal-video-slider .carousal-container-one .video-slider-two-right {
    background-color: rgba(0, 0, 0, 0.7);
  }
}
.cmp-carousal-video-slider .carousal-container-one .video-slider-two-left {
  background-color: #004e91;
}
@media (min-width: 992px) {
  .cmp-carousal-video-slider .carousal-container-one .video-slider-two-left {
    background-color: rgba(0, 0, 0, 0.7);
  }
}
.cmp-carousal-video-slider .paragraph-social-links {
  background-color: #004e91;
}
@media (min-width: 992px) {
  .cmp-carousal-video-slider .paragraph-social-links {
    background-color: transparent;
  }
}
.cmp-carousal-video-slider .paragraph-social-links .social-media-links--platforms > li > a {
  background: rgba(255, 255, 252, 0.2);
}
@media (min-width: 992px) {
  .cmp-carousal-video-slider .paragraph-social-links .social-media-links--platforms > li > a {
    background: rgba(0, 54, 99, 0.6);
  }
}

.cmp-carousal-video-slider .slick-dots li button:focus .slick-dot-icon:before {
  color: #28458e;
  opacity: 1;
}

.field--name-field-media-gallery .video-embed-field-launch-modal::after {
  background-color: rgba(255, 255, 252, 0.5);
  color: #fffffc;
}

#cboxTitle {
  color: #ffffff;
}

#cboxOverlay {
  background-color: #000000;
}

#cboxClose::after {
  color: #fffffc;
}

.block-inline-blockgallery.vertical-right .field__items {
  grid-template-columns: 1fr 1fr;
}
@media (min-width: 1023px) {
  .block-inline-blockgallery.vertical-right .field__items {
    grid-template-columns: 1fr 1fr 2fr;
  }
}
.block-inline-blockgallery.vertical-right .field__items .field__item:nth-of-type(3) {
  grid-column: 1/3;
  grid-row: 2/3;
}
@media (min-width: 1023px) {
  .block-inline-blockgallery.vertical-right .field__items .field__item:nth-of-type(3) {
    grid-column: 3/4;
    grid-row: 1/3;
  }
}
.block-inline-blockgallery.vertical-center .field__items {
  grid-template-columns: 1fr 1fr;
}
@media (min-width: 1023px) {
  .block-inline-blockgallery.vertical-center .field__items {
    grid-template-columns: 1fr 2fr 1fr;
  }
}
.block-inline-blockgallery.vertical-center .field__items .field__item:nth-of-type(2) {
  grid-column: 2/3;
  grid-row: 1/2;
}
@media (min-width: 1023px) {
  .block-inline-blockgallery.vertical-center .field__items .field__item:nth-of-type(2) {
    grid-column: 2/3;
    grid-row: 1/3;
  }
}
.block-inline-blockgallery.vertical-left .field__items {
  grid-template-columns: 1fr 1fr;
}
@media (min-width: 1023px) {
  .block-inline-blockgallery.vertical-left .field__items {
    grid-template-columns: 2fr 1fr 1fr;
  }
}
.block-inline-blockgallery.vertical-left .field__items .field__item:nth-of-type(1) {
  grid-column: 1/3;
  grid-row: 1/2;
}
@media (min-width: 1023px) {
  .block-inline-blockgallery.vertical-left .field__items .field__item:nth-of-type(1) {
    grid-column: 1/2;
    grid-row: 1/3;
  }
}

@media only screen and (max-width: 992px) {
  .block-inline-blockgallery.vertical-center .field__items .field__item:nth-of-type(3) {
    grid-column: 1/3;
    grid-row: 2/3;
  }
}
.title-subtitle-section {
  padding: 60px 15px 30px;
  clear: both;
}
@media (min-width: 1023px) {
  .title-subtitle-section {
    padding: 90px 15px 45px;
  }
}
.title-subtitle-section .field--name-field-component-subtitle {
  color: #003663;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 900;
  text-align: center;
}
.title-subtitle-section .field--name-field-component-subtitle p {
  color: #003663;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 900;
  text-align: center;
  padding-bottom: 0;
}
.title-subtitle-section .field--name-field-component-title {
  color: #003663;
  font-size: 2.5rem;
  padding: 15px 0;
  text-transform: uppercase;
  text-align: center;
  font-weight: 900;
  line-height: 56px;
}
@media (min-width: 768px) {
  .title-subtitle-section .field--name-field-component-title {
    font-size: 2.7rem;
  }
}
@media (min-width: 1023px) {
  .title-subtitle-section .field--name-field-component-title {
    font-size: 3rem;
  }
}
.title-subtitle-section .field--name-field-component-title p {
  color: #003663;
  font-size: 2.5rem;
  padding-bottom: 0;
  text-transform: uppercase;
  text-align: center;
  font-weight: 900;
  line-height: 56px;
}
@media (min-width: 768px) {
  .title-subtitle-section .field--name-field-component-title p {
    font-size: 2.7rem;
  }
}
@media (min-width: 1023px) {
  .title-subtitle-section .field--name-field-component-title p {
    font-size: 3rem;
  }
}

.curated-socialfeed.vertical-right .field__items {
  grid-template-columns: 1fr 1fr;
}
@media (min-width: 1023px) {
  .curated-socialfeed.vertical-right .field__items {
    grid-template-columns: 1fr 1fr 2fr;
  }
}
.curated-socialfeed.vertical-right .field__items .field__item:nth-of-type(3) {
  grid-column: 1/3;
  grid-row: 2/3;
}
@media (min-width: 1023px) {
  .curated-socialfeed.vertical-right .field__items .field__item:nth-of-type(3) {
    grid-column: 3/4;
    grid-row: 1/3;
  }
}
.curated-socialfeed.vertical-center .field__items {
  grid-template-columns: 1fr 1fr;
}
@media (min-width: 1023px) {
  .curated-socialfeed.vertical-center .field__items {
    grid-template-columns: 1fr 2fr 1fr;
  }
}
.curated-socialfeed.vertical-center .field__items .field__item:nth-of-type(2) {
  grid-column: 2/3;
  grid-row: 1/2;
}
@media (min-width: 1023px) {
  .curated-socialfeed.vertical-center .field__items .field__item:nth-of-type(2) {
    grid-column: 2/3;
    grid-row: 1/3;
  }
}
.curated-socialfeed.vertical-left .field__items {
  grid-template-columns: 1fr 1fr;
}
@media (min-width: 1023px) {
  .curated-socialfeed.vertical-left .field__items {
    grid-template-columns: 2fr 1fr 1fr;
  }
}
.curated-socialfeed.vertical-left .field__items .field__item:nth-of-type(1) {
  grid-column: 1/3;
  grid-row: 1/2;
}
@media (min-width: 1023px) {
  .curated-socialfeed.vertical-left .field__items .field__item:nth-of-type(1) {
    grid-column: 1/2;
    grid-row: 1/3;
  }
}
.curated-socialfeed .field__items .field__item .video .cmp-curated:after {
  background-color: rgba(255, 255, 252, 0.5);
  color: #fffffc;
}
.curated-socialfeed .cmp-curated .cmp-curated--content p {
  color: #ffffff;
}

.curated-socialfeed .field__items .field__item .cmp-curated:before {
  color: #fffffc;
  font-family: "Font Awesome 5 Brands";
  font-weight: 900;
}

@media only screen and (max-width: 992px) {
  .curated-socialfeed.vertical-center .field__items .field__item:nth-of-type(3) {
    grid-column: 1/3;
    grid-row: 2/3;
  }
}
.recipe-detail-cmp .block-field-blocknoderecipefield-recipe-subtitle {
  color: #003663;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: bold;
}
.recipe-detail-cmp .block-field-blocknoderecipefield-sub-title .field__item {
  color: #003663;
  font-size: 2.5rem;
  padding: 15px 0;
  text-transform: uppercase;
  font-weight: 900;
  line-height: 45px;
}
@media (min-width: 768px) {
  .recipe-detail-cmp .block-field-blocknoderecipefield-sub-title .field__item {
    font-size: 2.7rem;
    line-height: 45px;
  }
}
@media (min-width: 1023px) {
  .recipe-detail-cmp .block-field-blocknoderecipefield-sub-title .field__item {
    font-size: 3rem;
    line-height: 64px;
  }
}
.recipe-detail-cmp .field--name-field-recipe-ingredients .field__label {
  color: #003663;
  font-size: 1.75rem;
  text-transform: uppercase;
  padding: 10px 0;
  font-weight: bold;
}
@media (min-width: 768px) {
  .recipe-detail-cmp .field--name-field-recipe-ingredients .field__label {
    font-size: 1.125rem;
  }
}
@media (min-width: 1023px) {
  .recipe-detail-cmp .field--name-field-recipe-ingredients .field__label {
    font-size: 2.25rem;
  }
}
.recipe-detail-cmp .field--name-field-recipe-directions .field__label {
  color: #003663;
  font-size: 1.75rem;
  text-transform: uppercase;
  padding: 10px 0;
  font-weight: bold;
}
@media (min-width: 768px) {
  .recipe-detail-cmp .field--name-field-recipe-directions .field__label {
    font-size: 1.125rem;
  }
}
@media (min-width: 1023px) {
  .recipe-detail-cmp .field--name-field-recipe-directions .field__label {
    font-size: 2.25rem;
  }
}
.recipe-detail-cmp .paragraph--type--recipe-preparing-time .field--name-field-heading {
  color: #003664;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: bold;
}
.recipe-detail-cmp .paragraph--type--recipe-preparing-time .field--name-field-text {
  color: #797a84;
  font-size: 1.75rem;
  padding: 5px 0;
  line-height: 35px;
  font-weight: bold;
}
@media (min-width: 768px) {
  .recipe-detail-cmp .paragraph--type--recipe-preparing-time .field--name-field-text {
    font-size: 2rem;
  }
}
@media (min-width: 1023px) {
  .recipe-detail-cmp .paragraph--type--recipe-preparing-time .field--name-field-text {
    font-size: 2.7rem;
  }
}
.recipe-detail-cmp .ingredients .field__items > .field__item:before {
  background-color: #797a84;
}

.field__item.serving-size > div {
  background-image: url("../icons/serving.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  padding-bottom: 10px;
  padding-left: 90px;
}
@media (min-width: 768px) {
  .field__item.serving-size > div {
    padding-left: 75px;
  }
}

.field__item.prep-time > div {
  background-image: url("../icons/prep-time.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  padding-bottom: 10px;
  padding-left: 90px;
}
@media (min-width: 768px) {
  .field__item.prep-time > div {
    padding-left: 75px;
  }
}

.field__item.total-time > div {
  background-image: url("../icons/total-time.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  padding-bottom: 10px;
  padding-left: 90px;
}
@media (min-width: 768px) {
  .field__item.total-time > div {
    padding-left: 75px;
  }
}

.view-filters .js-form-type-select label {
  color: #003664;
  font-size: 1.75rem;
  font-weight: bold;
}
@media (min-width: 768px) {
  .view-filters .js-form-type-select label {
    font-size: 2rem;
  }
}
@media (min-width: 1023px) {
  .view-filters .js-form-type-select label {
    font-size: 2.7rem;
  }
}
.view-filters .custom-select {
  color: #0096d6;
  font-size: 1.75rem;
  font-weight: bold;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .view-filters .custom-select {
    font-size: 2rem;
  }
}
@media (min-width: 1023px) {
  .view-filters .custom-select {
    font-size: 2.7rem;
  }
}
.view-filters .custom-select option {
  color: #797a84;
  font-size: 1.125rem;
  text-transform: none;
}
.view-filters .form-actions .js-form-submit {
  padding: 0;
  color: #fffffe;
  background-color: #0096d5;
  padding: 10px 25px;
  border-radius: 30px;
  line-height: 28px;
  display: inline-block;
  margin: 5px 15px 5px 0;
  font-size: 0.875rem;
}
.view-filters .form-actions .js-form-submit:hover {
  text-decoration: none;
  background-color: #003665;
}
.view-filters .form-actions .js-form-submit:focus {
  text-decoration: none;
  background-color: #003665;
}
.view-filters .form-row {
  margin-left: 0;
  margin-right: 0;
}

.recipe-listing-block .item-list ul li {
  background-color: #ebeef5;
}
.recipe-listing-block .item-list ul li .product-list--content {
  background: transparent linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ebeef5 15%, #ebeef5 100%);
}
.recipe-listing-block .item-list ul li .product-list--content p {
  font-size: 0.875rem;
}
.recipe-listing-block .item-list ul li .product-list--content a {
  color: #797a84;
  font-size: 0.875rem;
}
.recipe-listing-block .item-list ul li .product-list--content a:hover {
  color: #003664;
}
.recipe-listing-block .item-list ul li .product-list--content a:focus {
  color: #003664;
}
.recipe-listing-block .item-list ul li:nth-child(even) {
  background-color: #e6e9f2;
}
.recipe-listing-block .item-list ul li:nth-child(even) .product-list--content {
  background: transparent linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #e6e9f2 15%, #e6e9f2 100%);
}
.recipe-listing-block .item-list:nth-child(even) ul li {
  background-color: #e6e9f2;
}
.recipe-listing-block .item-list:nth-child(even) ul li .product-list--content {
  background: transparent linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #e6e9f2 15%, #e6e9f2 100%);
}
.recipe-listing-block .item-list:nth-child(even) ul li:nth-child(even) {
  background-color: #ebeef5;
}
.recipe-listing-block .item-list:nth-child(even) ul li:nth-child(even) .product-list--content {
  background: transparent linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ebeef5 15%, #ebeef5 100%);
}

.recipe-listing-block ul.js-pager__items li a {
  color: #0096d6;
  border: 2px solid #0096d6;
  background-color: transparent;
  padding: 10px 25px;
  border-radius: 30px;
  line-height: 28px;
  display: inline-block;
  margin: 10px 15px 10px 0;
  font-size: 0.87rem;
}
.recipe-listing-block ul.js-pager__items li a:hover {
  text-decoration: none;
  color: #003664;
  border: 2px solid #003664;
}
.recipe-listing-block ul.js-pager__items li a:focus {
  text-decoration: none;
  color: #003664;
  border: 2px solid #003664;
}
@media (min-width: 1023px) {
  .recipe-listing-block ul.js-pager__items li a {
    padding: 12px 30px 15px 30px;
    font-size: 1.125rem;
  }
}

.node--type-pepsico-article .field--type-datetime {
  color: #003663;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: bold;
}
.node--type-pepsico-article .field--name-field-article-author {
  color: #003663;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: bold;
  margin-top: 20px;
}
.node--type-pepsico-article .field--name-field-article-author:before {
  border: 2px solid #df002c;
}
.node--type-pepsico-article .banner-with-entity-title-field-title {
  display: none;
}
.node--type-pepsico-article .field--name-title {
  color: #003663;
  font-size: 1.75rem;
  padding: 10px 0;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 20px;
  line-height: 35px;
}
@media (min-width: 768px) {
  .node--type-pepsico-article .field--name-title {
    font-size: 2rem;
  }
}
@media (min-width: 1023px) {
  .node--type-pepsico-article .field--name-title {
    font-size: 2.7rem;
  }
}
.node--type-pepsico-article .field--name-field-sub-title {
  color: #004e90;
  font-size: 1.5rem;
  font-weight: bold;
  text-transform: uppercase;
}
.node--type-pepsico-article .rrssb-prefix {
  color: #003663;
}
.node--type-pepsico-article .paragraph--type--article-summary ul li {
  color: #004e91;
  font-size: 1.125rem;
  font-weight: bold;
}
.node--type-pepsico-article .paragraph--type--article-summary ul li:before {
  color: #df002c;
  font-weight: bold;
}
.node--type-pepsico-article .paragraph--type--quote .field--name-field-quote {
  border-left: 4px solid #df002c;
}
.node--type-pepsico-article .paragraph--type--quote .field--name-field-quote p {
  color: #003663;
  font-size: 1.75rem;
  font-weight: bold;
}
@media (min-width: 768px) {
  .node--type-pepsico-article .paragraph--type--quote .field--name-field-quote p {
    font-size: 1.125rem;
  }
}
@media (min-width: 1023px) {
  .node--type-pepsico-article .paragraph--type--quote .field--name-field-quote p {
    font-size: 2.25rem;
  }
}
.node--type-pepsico-article .paragraph--type--quote .field--name-field-quoted-by-person {
  color: #003663;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: bold;
  border-left: 4px solid #df002c;
}

.blog-card .blog-card-item .blog-card-item-title {
  color: #003663;
  padding: 15px 0;
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 20px;
}
@media (min-width: 1023px) {
  .blog-card .blog-card-item .blog-card-item-title {
    font-size: 1.5rem;
    line-height: 25px;
  }
}
.blog-card .blog-card-item .blog-card-item-subtitle p {
  font-size: 0.875rem;
}
.blog-card .blog-card-item .blog-card-item-link a {
  color: #004e91;
  text-decoration: underline;
}
.blog-card .blog-card-item .blog-card-item-link a:hover {
  color: #004e91;
  text-decoration: none;
}
.blog-card .blog-card-item .blog-card-item-link a:focus {
  color: #004e91;
}
.blog-card .js-pager__items {
  padding-left: 0;
  text-align: center;
}
.blog-card .pager__item {
  list-style-type: none;
  padding-top: 30px;
}
.blog-card .pager__item a {
  color: #fffffe;
  background-color: #0096d5;
  padding: 10px 25px;
  border-radius: 30px;
  line-height: 28px;
  display: inline-block;
  margin: 5px 15px 5px 0;
  font-size: 0.87rem;
}
.blog-card .pager__item a:hover {
  text-decoration: none;
  background-color: #003665;
}
.blog-card .pager__item a:focus {
  text-decoration: none;
  background-color: #003665;
}
@media (min-width: 1023px) {
  .blog-card .pager__item a {
    padding: 15px 30px 18px 30px;
    font-size: 1.125rem;
  }
}

.news-and-events-cmp .item-list > ul > li .news-and-event-item-title {
  font-size: 1.125rem;
  color: #003663;
  padding: 15px 0;
  font-weight: bold;
  line-height: 22px;
}
@media (min-width: 1023px) {
  .news-and-events-cmp .item-list > ul > li .news-and-event-item-title {
    font-size: 1.5rem;
    line-height: 30px;
  }
}
.news-and-events-cmp .item-list > ul > li .news-and-event-item-subtitle {
  font-size: 0.875rem;
}
.news-and-events-cmp .item-list > ul > li .news-and-event-item-date {
  color: #003663;
  font-size: 0.875rem;
  font-weight: bold;
}
.news-and-events-cmp .item-list > ul > li .news-and-event-item-summary p {
  font-size: 0.875rem;
  padding: 10px 0;
}
.news-and-events-cmp .item-list > ul > li .news-and-event-item-link a {
  color: #004e91;
  text-decoration: underline;
}
.news-and-events-cmp .item-list > ul > li .news-and-event-item-link a:hover {
  color: #004e91;
  text-decoration: none;
}
.news-and-events-cmp .item-list > ul > li .news-and-event-item-link a:focus {
  color: #004e91;
}
.news-and-events-cmp .view-filters .custom-select {
  font-size: 1rem;
  color: #004e91;
  text-decoration: none;
}
.news-and-events-cmp .view-filters .custom-select option {
  color: #797a84;
  font-size: 1rem;
}
.news-and-events-cmp .view-filters .custom-select option:first-child {
  color: #004e91;
}
.news-and-events-cmp .view-filters fieldset.js-form-type-select:before {
  color: #004e91;
}

.news-and-events-cmp ul.js-pager__items li a {
  color: #0096d6;
  border: 2px solid #0096d6;
  background-color: transparent;
  padding: 10px 25px;
  border-radius: 30px;
  line-height: 28px;
  display: inline-block;
  margin: 10px 15px 10px 0;
  font-size: 0.87rem;
}
.news-and-events-cmp ul.js-pager__items li a:hover {
  text-decoration: none;
  color: #003664;
  border: 2px solid #003664;
}
.news-and-events-cmp ul.js-pager__items li a:focus {
  text-decoration: none;
  color: #003664;
  border: 2px solid #003664;
}
@media (min-width: 1023px) {
  .news-and-events-cmp ul.js-pager__items li a {
    padding: 12px 30px 15px 30px;
    font-size: 1.125rem;
  }
}

.block-nutrition-slider-block h2 {
  font-size: 1.75rem;
  padding: 10px 0;
  font-weight: bold;
}
@media (min-width: 768px) {
  .block-nutrition-slider-block h2 {
    font-size: 2rem;
  }
}
@media (min-width: 1023px) {
  .block-nutrition-slider-block h2 {
    font-size: 2.7rem;
  }
}
.block-nutrition-slider-block .nutrition-cmp .nutrition-cmp-descrption {
  background-color: #fffff4;
}
.block-nutrition-slider-block .nutrition-cmp .slick-dots li {
  background-color: #fffff5;
}
.block-nutrition-slider-block .nutrition-cmp .slick-dots li.slick-active {
  background-color: #004e91;
}
.block-nutrition-slider-block .nutrition-cmp .slick-dots li.slick-active .Nutrition-cmp-slider-item h3 {
  color: #ffffff;
}
.block-nutrition-slider-block .nutrition-cmp .slick-dots li.slick-active .Nutrition-cmp-slider-item span {
  color: #ffffff;
}
.block-nutrition-slider-block .nutrition-cmp .slick-dots li .Nutrition-cmp-slider-item h3 {
  color: #004e91;
}
.block-nutrition-slider-block .nutrition-cmp .slick-dots li .Nutrition-cmp-slider-item span {
  color: #004e91;
  font-size: 0.875rem;
}
.block-nutrition-slider-block .nutrition-cmp .slick-arrow {
  color: #004e91;
}

.podcast .item-list > ul > li .pod-cast-item-title {
  font-size: 1.125rem;
  color: #003663;
  padding: 15px 0;
  font-weight: bold;
  line-height: 22px;
}
@media (min-width: 1023px) {
  .podcast .item-list > ul > li .pod-cast-item-title {
    font-size: 1.5rem;
    line-height: 30px;
  }
}
.podcast .item-list > ul > li .pod-cast-item-subtitle {
  font-size: 0.875rem;
}
.podcast .item-list > ul > li .pod-cast-item-date {
  color: #003663;
  font-size: 0.875rem;
  font-weight: bold;
}
.podcast .item-list > ul > li .pod-cast-item-summary p {
  font-size: 0.875rem;
  padding: 10px 0;
}
.podcast .item-list > ul > li .pod-cast-item-link a {
  color: #004e91;
  text-decoration: underline;
}
.podcast .item-list > ul > li .pod-cast-item-link a:hover {
  color: #004e91;
  text-decoration: none;
}
.podcast .item-list > ul > li .pod-cast-item-link a:focus {
  color: #004e91;
}
.podcast .item-list > ul > li .pod-cast-item-ssb {
  color: #004e91;
}
.podcast ul.js-pager__items li a {
  color: #0096d6;
  border: 2px solid #0096d6;
  background-color: transparent;
  padding: 10px 25px;
  border-radius: 30px;
  line-height: 28px;
  display: inline-block;
  margin: 10px 15px 10px 0;
  font-size: 0.87rem;
}
.podcast ul.js-pager__items li a:hover {
  text-decoration: none;
  color: #003664;
  border: 2px solid #003664;
}
.podcast ul.js-pager__items li a:focus {
  text-decoration: none;
  color: #003664;
  border: 2px solid #003664;
}
@media (min-width: 1023px) {
  .podcast ul.js-pager__items li a {
    padding: 12px 30px 15px 30px;
    font-size: 1.125rem;
  }
}

.view-product-carousel .slick-dots li {
  border-bottom: 3px solid #4d769e;
  opacity: 0.5;
}
.view-product-carousel .slick-dots li.slick-active {
  border-bottom: 3px solid #4d769e;
  opacity: 1;
}
.view-product-carousel .slick-arrow:before {
  color: #28458e;
}
.view-product-carousel .cmp-button a {
  margin-right: 0;
}

.block-timeline-slider-block {
  background-color: #003664;
}
.block-timeline-slider-block .timeline-cmp .slick-dots li.slick-active P {
  color: #ffffff;
  opacity: 1;
}
.block-timeline-slider-block .timeline-cmp .slick-dots li.slick-active P:after {
  background-color: #ffffff;
}
.block-timeline-slider-block .timeline-cmp .slick-dots li P {
  color: #ffffff;
  opacity: 0.6;
}
.block-timeline-slider-block .timeline-cmp .timeline-cmp-details h3 {
  color: #ffffff;
}
.block-timeline-slider-block .timeline-cmp .timeline-cmp-details p {
  color: #ffffff;
}
.block-timeline-slider-block .timeline-cmp .slick-arrow {
  background-color: #004e91;
}
.block-timeline-slider-block .timeline-cmp .slick-arrow:after {
  color: #ffffff;
}

.view-news-events-tabbed-view .news-events-tab-container .item-list > ul > li {
  border-bottom: 4px solid #797a84;
  font-size: 1rem;
  font-weight: 900;
}
@media (min-width: 1023px) {
  .view-news-events-tabbed-view .news-events-tab-container .item-list > ul > li {
    padding: 12px 30px 15px 30px;
    font-size: 1.125rem;
  }
}
.view-news-events-tabbed-view .news-events-tab-container .item-list > ul > li.active {
  color: #004e91;
  border-color: #004e91;
}
.view-news-events-tabbed-view .news-events-tabs-detail-item-title {
  font-size: 1.125rem;
  color: #003663;
  padding: 15px 0;
  font-weight: bold;
  line-height: 22px;
}
@media (min-width: 1023px) {
  .view-news-events-tabbed-view .news-events-tabs-detail-item-title {
    font-size: 1.5rem;
    line-height: 30px;
  }
}
.view-news-events-tabbed-view .news-events-tabs-detail-item-subtitle {
  font-size: 0.875rem;
}
.view-news-events-tabbed-view .news-events-tabs-detail-item-date {
  color: #003663;
  font-size: 0.875rem;
  font-weight: bold;
}
.view-news-events-tabbed-view .news-events-tabs-detail-item-summary p {
  font-size: 0.875rem;
  padding: 10px 0;
}
.view-news-events-tabbed-view .news-events-tabs-detail-item-link a {
  color: #004e91;
  text-decoration: underline;
}
.view-news-events-tabbed-view .news-events-tabs-detail-item-link a:hover {
  color: #004e91;
  text-decoration: none;
}
.view-news-events-tabbed-view .news-events-tabs-detail-item-link a:focus {
  color: #004e91;
}
.view-news-events-tabbed-view h3 {
  text-transform: uppercase;
}

/*bootstrap layout builder css */
#drupal-off-canvas #blb_ui .form-composite > legend {
  font-weight: normal;
}
#drupal-off-canvas #blb_ui .label {
  font-weight: normal;
}
#drupal-off-canvas #blb_ui .form-type-checkbox {
  padding: 0;
}
#drupal-off-canvas #blb_ui .form-radios > div {
  padding: 0;
}
#drupal-off-canvas #blb_ui .custom-control-input {
  opacity: 1;
  margin-top: 10px;
  margin-bottom: 10px;
}
#drupal-off-canvas #blb_ui .blb_tooltip {
  background: #f8f9fa;
  bottom: 100%;
  color: #333333;
  font-weight: bold;
  display: block;
  left: 50%;
  margin-left: -37.5px;
  margin-bottom: 15px;
  opacity: 0;
  padding: 5px 10px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  width: 75px;
  transform: translateY(-10px);
  transition: all 0.25s ease-out;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  border-radius: 2px;
  white-space: normal;
  z-index: 1;
}
#drupal-off-canvas #blb_ui .blb_tooltip:after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-top: solid #f8f9fa 10px;
  bottom: -10px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -13px;
  position: absolute;
  width: 0;
}
#drupal-off-canvas #blb_ui .blb_tooltip.blb_tooltip-lg {
  width: 150px;
  margin-left: -75px;
}
#drupal-off-canvas #blb_ui .blb_tooltip[data-placement=bottom] {
  bottom: auto;
  top: 100%;
  margin-top: 15px;
  transform: translateY(10px);
}
#drupal-off-canvas #blb_ui .blb_tooltip[data-placement=bottom]:after {
  border-top: 0;
  border-bottom: solid #f8f9fa 10px;
  top: -10px;
  bottom: auto;
}
#drupal-off-canvas #blb_ui .blb_container_type .form-radios {
  display: flex;
}
#drupal-off-canvas #blb_ui .blb_container_type .fieldset-wrapper > div {
  display: flex;
}
#drupal-off-canvas #blb_ui .form-item-layout-settings-ui-tab-content-layout-container-type {
  position: relative;
  flex: 1;
  margin: 0;
  padding: 0;
}
#drupal-off-canvas #blb_ui .form-item-layout-settings-ui-tab-content-layout-container-type:first-child input + label {
  border-right: 0;
  border-radius: 8px 0 0 8px;
}
#drupal-off-canvas #blb_ui .form-item-layout-settings-ui-tab-content-layout-container-type:last-child input + label {
  border-left: 0;
  border-radius: 0 8px 8px 0;
}
#drupal-off-canvas #blb_ui .form-item-layout-settings-ui-tab-content-layout-container-type input {
  opacity: 0;
  position: absolute;
}
#drupal-off-canvas #blb_ui .form-item-layout-settings-ui-tab-content-layout-container-type input + label {
  border: 2px solid white;
  padding: 10px;
  height: 50px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
}
#drupal-off-canvas #blb_ui .form-item-layout-settings-ui-tab-content-layout-container-type input:checked + label {
  color: #444444;
  background-color: #ffffff;
}
#drupal-off-canvas #blb_ui .form-item-layout-settings-ui-tab-content-layout-container-type label {
  border: 2px solid white;
  height: 50px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
}
#drupal-off-canvas #blb_ui .form-item-layout-settings-ui-tab-content-layout-container-type label + input {
  opacity: 0;
  position: absolute;
}
#drupal-off-canvas #blb_ui .form-item-layout-settings-ui-tab-content-layout-container-type label.active {
  color: #444444;
  background-color: #ffffff;
}
#drupal-off-canvas #blb_ui .blb_breakpoint_cols label {
  position: relative;
  display: flex;
  margin: 0 -5px;
  cursor: pointer;
}
#drupal-off-canvas #blb_ui .blb_breakpoint_cols label:hover .blb_tooltip {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0px);
}
#drupal-off-canvas #blb_ui .blb_breakpoint_cols label:hover .blb_breakpoint_col {
  background-color: #ffffff;
  color: #444444;
}
#drupal-off-canvas #blb_ui .blb_breakpoint_cols input {
  opacity: 0;
  height: 0;
  display: block;
}
#drupal-off-canvas #blb_ui .blb_breakpoint_cols input:checked + label .blb_breakpoint_col {
  color: #ffffff;
  background-color: #277abd;
}
#drupal-off-canvas #blb_ui .blb_breakpoint_col {
  padding: 6px 10px;
  margin: 0 5px;
  text-align: center;
  color: #444444;
  background-color: rgba(255, 255, 255, 0.7);
  transition: all 0.25s ease-out;
  border-radius: 3px;
}
#drupal-off-canvas #blb_ui .blb_breakpoint_col.bp-selected {
  color: #ffffff;
  background-color: #277abd;
}
#drupal-off-canvas #blb_ui .blb_breakpoint_col.bp-selected:hover {
  color: #444444;
}
#drupal-off-canvas #blb_ui .bootstrap_layout_builder_bg_color .form-radios > div.radio {
  display: flex;
}
#drupal-off-canvas #blb_ui .bootstrap_layout_builder_bg_color .form-radios .form-item-layout-settings-ui-tab-content-appearance-container-wrapper-bg-color-class {
  padding: 0;
}
#drupal-off-canvas #blb_ui .bootstrap_layout_builder_bg_color .form-radios input {
  visibility: hidden;
  position: absolute;
}
#drupal-off-canvas #blb_ui .bootstrap_layout_builder_bg_color .form-radios input:checked + label.option {
  border: 2px solid #000000;
}
#drupal-off-canvas #blb_ui .bootstrap_layout_builder_bg_color .form-radios label {
  cursor: pointer !important;
  border: 1px solid #000000;
  border-radius: 2px;
  font-size: 0.00001px;
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  float: left;
  margin: 5px 5px 5px 0;
  padding: 0;
  white-space: nowrap;
}
#drupal-off-canvas #blb_ui .bootstrap_layout_builder_bg_color .form-radios label:hover {
  opacity: 0.8;
}
#drupal-off-canvas #blb_ui .bootstrap_layout_builder_bg_color .form-radios label:after {
  display: table;
  position: absolute;
  top: 3px;
  left: 0;
  right: 0px;
  bottom: 0;
  z-index: 1;
  font-size: 20px;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
#drupal-off-canvas #blb_ui .bootstrap_layout_builder_bg_color .form-radios label._none {
  background: #ffffff !important;
}
#drupal-off-canvas #blb_ui .bootstrap_layout_builder_bg_color .form-radios label._none:after {
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -10px;
  content: "";
  position: absolute;
  background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZjM1NjU2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZGlzcGxheTpub25lO30KPC9zdHlsZT48Zz48Zz48Zz48cGF0aCBkPSJNMiwyMi41Yy0wLjEyOCwwLTAuMjU2LTAuMDQ5LTAuMzU0LTAuMTQ2Yy0wLjE5NS0wLjE5NS0wLjE5NS0wLjUxMiwwLTAuNzA3bDIwLTIwYzAuMTk1LTAuMTk1LDAuNTEyLTAuMTk1LDAuNzA3LDAgICAgIHMwLjE5NSwwLjUxMiwwLDAuNzA3bC0yMCwyMEMyLjI1NiwyMi40NTEsMi4xMjgsMjIuNSwyLDIyLjV6Ij48L3BhdGg+PC9nPjxnPjxwYXRoIGQ9Ik0yMiwyMi41Yy0wLjEyOCwwLTAuMjU2LTAuMDQ5LTAuMzU0LTAuMTQ2bC0yMC0yMGMtMC4xOTUtMC4xOTUtMC4xOTUtMC41MTIsMC0wLjcwN3MwLjUxMi0wLjE5NSwwLjcwNywwbDIwLDIwICAgICBjMC4xOTUsMC4xOTUsMC4xOTUsMC41MTIsMCwwLjcwN0MyMi4yNTYsMjIuNDUxLDIyLjEyOCwyMi41LDIyLDIyLjV6Ij48L3BhdGg+PC9nPjwvZz48L2c+PC9zdmc+") center center no-repeat;
  background-size: contain;
}
#drupal-off-canvas #blb_ui .bootstrap_layout_builder_bg_color .form-radios label.active {
  border: 2px solid #000000;
}
#drupal-off-canvas #blb_ui .bootstrap_layout_builder_bg_color .fieldset-wrapper > div.radio {
  display: flex;
}
#drupal-off-canvas #blb_ui .bootstrap_layout_builder_bg_color .fieldset-wrapper .form-item-layout-settings-ui-tab-content-appearance-container-wrapper-bg-color-class {
  padding: 0;
}
#drupal-off-canvas #blb_ui .bootstrap_layout_builder_bg_color .fieldset-wrapper input {
  visibility: hidden;
  position: absolute;
}
#drupal-off-canvas #blb_ui .bootstrap_layout_builder_bg_color .fieldset-wrapper input:checked + label.option {
  border: 2px solid #000000;
}
#drupal-off-canvas #blb_ui .bootstrap_layout_builder_bg_color .fieldset-wrapper label {
  cursor: pointer !important;
  border: 1px solid #000000;
  border-radius: 2px;
  font-size: 0.00001px;
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  float: left;
  margin: 5px 5px 5px 0;
  padding: 0;
  white-space: nowrap;
}
#drupal-off-canvas #blb_ui .bootstrap_layout_builder_bg_color .fieldset-wrapper label:hover {
  opacity: 0.8;
}
#drupal-off-canvas #blb_ui .bootstrap_layout_builder_bg_color .fieldset-wrapper label:after {
  display: table;
  position: absolute;
  top: 3px;
  left: 0;
  right: 0px;
  bottom: 0;
  z-index: 1;
  font-size: 20px;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
#drupal-off-canvas #blb_ui .bootstrap_layout_builder_bg_color .fieldset-wrapper label._none {
  background: #ffffff !important;
}
#drupal-off-canvas #blb_ui .bootstrap_layout_builder_bg_color .fieldset-wrapper label._none:after {
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -10px;
  content: "";
  position: absolute;
  background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZjM1NjU2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZGlzcGxheTpub25lO30KPC9zdHlsZT48Zz48Zz48Zz48cGF0aCBkPSJNMiwyMi41Yy0wLjEyOCwwLTAuMjU2LTAuMDQ5LTAuMzU0LTAuMTQ2Yy0wLjE5NS0wLjE5NS0wLjE5NS0wLjUxMiwwLTAuNzA3bDIwLTIwYzAuMTk1LTAuMTk1LDAuNTEyLTAuMTk1LDAuNzA3LDAgICAgIHMwLjE5NSwwLjUxMiwwLDAuNzA3bC0yMCwyMEMyLjI1NiwyMi40NTEsMi4xMjgsMjIuNSwyLDIyLjV6Ij48L3BhdGg+PC9nPjxnPjxwYXRoIGQ9Ik0yMiwyMi41Yy0wLjEyOCwwLTAuMjU2LTAuMDQ5LTAuMzU0LTAuMTQ2bC0yMC0yMGMtMC4xOTUtMC4xOTUtMC4xOTUtMC41MTIsMC0wLjcwN3MwLjUxMi0wLjE5NSwwLjcwNywwbDIwLDIwICAgICBjMC4xOTUsMC4xOTUsMC4xOTUsMC41MTIsMCwwLjcwN0MyMi4yNTYsMjIuNDUxLDIyLjEyOCwyMi41LDIyLDIyLjV6Ij48L3BhdGg+PC9nPjwvZz48L2c+PC9zdmc+") center center no-repeat;
  background-size: contain;
}
#drupal-off-canvas #blb_ui .bootstrap_layout_builder_bg_color .fieldset-wrapper label.active {
  border: 2px solid #000000;
}
#drupal-off-canvas #blb_ui .media-library-item {
  width: 100%;
  position: relative;
  justify-content: center;
  vertical-align: top;
  border: 1px solid #dbdbdb;
  margin: 0 auto;
  background: #fff;
  transition: border-color 0.2s, color 0.2s, background 0.2s;
}
#drupal-off-canvas #blb_ui .media-library-item * {
  background: transparent;
}
#drupal-off-canvas #blb_ui .media-library-item *:not(div) {
  background: transparent;
}
#drupal-off-canvas #blb_ui .media-library-item .button.media-library-item__remove {
  position: absolute;
  z-index: 1;
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  margin: 5px;
  padding: 0;
  -webkit-transition: 0.2s border-color;
  -o-transition: 0.2s border-color;
  transition: 0.2s border-color;
  color: transparent;
  border: 2px solid #ccc;
  border-radius: 20px;
  background: url(../images/ex.svg) #fff center no-repeat;
  -webkit-background-size: 16px 16px;
  background-size: 16px 16px;
  text-shadow: none;
}
#drupal-off-canvas #blb_ui .media-library-item .button.media-library-item__remove:hover {
  background: url(../images/ex_dark.svg) #fff center no-repeat;
}
#drupal-off-canvas #blb_ui .media-library-item .button.media-library-item__remove:focus {
  background: url(../images/ex_dark.svg) #fff center no-repeat;
}
#drupal-off-canvas #blb_ui .media-library-item .button.media-library-item__remove.button:disabled {
  background: url(../images/ex_dark.svg) #fff center no-repeat;
}
#drupal-off-canvas #blb_ui .media-library-item .button.media-library-item__remove.button:disabled:active {
  background: url(../images/ex_dark.svg) #fff center no-repeat;
}
#drupal-off-canvas #blb_ui .media-library-item .button.media-library-item__remove.button:hover {
  background: url(../images/ex_dark.svg) #fff center no-repeat;
}
#drupal-off-canvas #blb_ui .media-library-item .button.media-library-item__remove.button:focus {
  background: url(../images/ex_dark.svg) #fff center no-repeat;
}
#drupal-off-canvas #blb_ui .media-library-item .js-click-to-select-trigger {
  overflow: hidden;
  cursor: pointer;
}
#drupal-off-canvas #blb_ui .media-library-views-form {
  display: flex;
  flex-wrap: wrap;
}
#drupal-off-canvas #blb_ui .media-library-selection {
  display: flex;
  flex-wrap: wrap;
  margin: 1em 0;
  margin: 0;
}
#drupal-off-canvas #blb_ui .media-library-selection .media-library-item--grid {
  width: 100%;
}
#drupal-off-canvas #blb_ui .media-library-add-form__selected-media .details-wrapper {
  display: flex;
  flex-wrap: wrap;
}
#drupal-off-canvas #blb_ui .media-library-views-form__bulk_form {
  display: flex;
  flex-wrap: wrap;
}
#drupal-off-canvas #blb_ui .media-library-view .form--inline {
  display: flex;
  flex-wrap: wrap;
}
#drupal-off-canvas #blb_ui .media-library-item__preview {
  padding-bottom: 34px;
}
#drupal-off-canvas #blb_ui .media-library-form-element .media-library-open-button {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
#drupal-off-canvas #blb_ui .media-library-form-element .media-library-open-button:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}
#drupal-off-canvas #blb_ui .media-library-form-element .media-library-form-element-empty-text {
  display: none !important;
}
#drupal-off-canvas #blb_ui .media-library-form-element .description {
  display: none !important;
}
#drupal-off-canvas #blb_ui .media-library-form-element .js-hide {
  display: none !important;
}
#drupal-off-canvas #blb_ui .media-library-form-element .media-library-selection:empty {
  display: none !important;
}
#drupal-off-canvas #blb_ui .media-library-item__attributes {
  position: absolute;
  bottom: 0;
  display: block;
  padding: 5px;
  max-height: calc(100% - 50px);
  overflow: hidden;
  background: #ffffff !important;
  position: absolute;
  bottom: 0;
  display: block;
  padding: 5px;
  max-height: calc(100% - 50px);
  overflow: hidden;
  background: #ffffff !important;
}
#drupal-off-canvas #blb_ui #blb_nav-tabs {
  position: relative;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  margin: 0 -20px 20px -20px;
  width: calc(100% + 40px);
}
#drupal-off-canvas #blb_ui #blb_nav-tabs li {
  flex: 1 1 auto;
  margin: 0 1px;
}
#drupal-off-canvas #blb_ui #blb_nav-tabs li a {
  cursor: pointer;
  position: relative;
  padding: 0.5rem 0.75rem;
  min-height: 50px;
  min-width: 16.666%;
  background: #212529;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s background-color ease-in-out;
}
#drupal-off-canvas #blb_ui #blb_nav-tabs li a:hover {
  background: rgba(33, 37, 41, 0.5);
}
#drupal-off-canvas #blb_ui #blb_nav-tabs li a:hover .blb_tooltip {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0px);
}
#drupal-off-canvas #blb_ui #blb_nav-tabs li a.active {
  background-color: #444444;
}
#drupal-off-canvas #blb_ui #blb_nav-tabs li a.active:hover {
  background-color: #444444;
}
#drupal-off-canvas #blb_ui .blb_icon {
  max-width: 24px;
  height: auto;
  background: none;
}
#drupal-off-canvas #blb_ui #blb_tabContent > .blb_tab-pane {
  display: none;
}
#drupal-off-canvas #blb_ui #blb_tabContent > .active {
  display: block;
}
#drupal-off-canvas button.button {
  position: relative;
  display: inline-block;
  width: 100%;
  height: auto;
  padding: 4px 20px;
  cursor: pointer;
  transition: background 0.5s ease;
  text-align: center;
  color: #f5f5f5;
  border: 0;
  border-radius: 20em;
  background: #777;
  font-size: 14px;
  font-weight: 600;
}
#drupal-off-canvas button.button.button--primary {
  margin-top: 15px;
  color: #ffffff;
  border: 0;
  background: #277abd;
}

.leadership-container .leadership-row-container .leadership-content .grid-content h4 {
  color: #ffffff;
}
.leadership-container .leadership-row-container .leadership-content .grid-content p {
  color: #ffffff;
  text-transform: uppercase;
}
.leadership-container .leadership-row-container .node--view-mode-teaser h2 a {
  color: #003663;
}
.leadership-container .leadership-row-container .field--name-field-position {
  color: #003663;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 700;
}
.leadership-container .leadership-row-container .close-unfolded-content:after {
  color: #28458e;
}
.leadership-container .leadership-row-container .cmp-team-right .cmp-download .field--type-file {
  font-weight: bold;
  font-size: 1rem;
  text-transform: uppercase;
}
.leadership-container .leadership-row-container .cmp-team-right:nth-of-type(1) {
  border-bottom: #e6e6e6;
}
.leadership-container .leadership-row-container .field--type-file:after {
  color: #28458e;
  border: 1px solid #28458e;
}

.view-leadership .tab-container .teb-item {
  font-size: 1rem;
  font-weight: 700;
}
.view-leadership .tab-container .teb-item .active-tab {
  border-bottom: 2px solid #004e91;
  color: #003663;
}

.carousal-slider-type-two .carousal-container-two .carousal-slide-container-two h1 {
  color: #ffffff;
}
.carousal-slider-type-two .carousal-container-two .carousal-slide-container-two p {
  color: #ffffff;
}
.carousal-slider-type-two .slick-next.slick-arrow:after {
  content: "\f105";
  font-family: 'Font Awesome 5 Free';
  color: #fffffc;
  font-size: 3rem;
  font-weight: 900;
}
.carousal-slider-type-two .slick-next.slick-arrow:before {
  display: none;
}
.carousal-slider-type-two .slick-prev.slick-arrow:after {
  content: "\f104";
  font-family: 'Font Awesome 5 Free';
  color: #fffffc;
  font-size: 3rem;
  font-weight: 900;
}
.carousal-slider-type-two .slick-prev.slick-arrow:before {
  display: none;
}
.carousal-slider-type-two .slick-dots li button {
  background-color: #28458e;
}

.pepsico-coverflow-carousel .slick-prev.slick-arrow:after {
  color: #28458e;
}
.pepsico-coverflow-carousel .slick-next.slick-arrow:after {
  color: #28458e;
}

.carousal-slider-type-one .carousal-slide-container-one h1 {
  color: #ffffff;
}
.carousal-slider-type-one .carousal-slide-container-one p {
  color: #ffffff;
}
.carousal-slider-type-one .carousal-slide-container-one a {
  color: #ffffff;
  border: 1px solid #ffffff;
}

.spotlight-component .field--name-field-spotlight-title {
  font-family: "sofia-pro", sans-serif;
  font-size: 2.5rem;
  text-transform: initial;
  font-weight: 900;
  line-height: 40px;
  color: #003663;
}
@media (min-width: 768px) {
  .spotlight-component .field--name-field-spotlight-title {
    font-size: 2.7rem;
    line-height: 64px;
  }
}
@media (min-width: 1023px) {
  .spotlight-component .field--name-field-spotlight-title {
    font-size: 3rem;
  }
}
.spotlight-component .field--name-field-spotlight-title p {
  font-family: "sofia-pro", sans-serif;
  font-size: 2.5rem;
  text-transform: initial;
  font-weight: 900;
  line-height: 40px;
  color: #003663;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .spotlight-component .field--name-field-spotlight-title p {
    font-size: 2.7rem;
    line-height: 64px;
  }
}
@media (min-width: 1023px) {
  .spotlight-component .field--name-field-spotlight-title p {
    font-size: 3rem;
  }
}
.spotlight-component .field--name-field-component-title {
  font-family: "sofia-pro", sans-serif;
  font-size: 2.5rem;
  text-transform: initial;
  font-weight: 900;
  line-height: 40px;
  color: #003663;
}
@media (min-width: 768px) {
  .spotlight-component .field--name-field-component-title {
    font-size: 2.7rem;
    line-height: 64px;
  }
}
@media (min-width: 1023px) {
  .spotlight-component .field--name-field-component-title {
    font-size: 3rem;
  }
}
.spotlight-component .field--name-field-component-title p {
  font-family: "sofia-pro", sans-serif;
  font-size: 2.5rem;
  text-transform: initial;
  font-weight: 900;
  line-height: 40px;
  color: #003663;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .spotlight-component .field--name-field-component-title p {
    font-size: 2.7rem;
    line-height: 64px;
  }
}
@media (min-width: 1023px) {
  .spotlight-component .field--name-field-component-title p {
    font-size: 3rem;
  }
}
.spotlight-component .field--name-field-cta-button {
  text-align: center;
}
.spotlight-component .field--name-field-spotlight-identifier-tag {
  color: #003663;
  font-family: "sofia-pro", sans-serif;
  text-transform: uppercase;
  font-size: 1rem;
}
.spotlight-component .field--name-field-component-subtitle p {
  color: #003663;
  font-family: "sofia-pro", sans-serif;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 900;
}
.spotlight-component .spotlight-content .field--name-field-spotlight-identifier-tag:after {
  background: #004e91;
}
.spotlight-component .spotlight-content .field--name-field-component-subtitle:after {
  background: #004e91;
}
.spotlight-component .field--name-field-image-title {
  text-align: center;
}
.spotlight-component .spotlight-title {
  font-size: 1.125rem;
  color: #003663;
  font-family: "sofia-pro", sans-serif;
  text-align: center;
}
.spotlight-component .field--name-field-spotlight-description p {
  color: #797a84;
}
.spotlight-component .spotlight-footer {
  padding-top: 40px;
}