@charset "utf-8";
/* CSS Document */

html {
    scroll-behavior: smooth;
}

body
{
    font-family: var(--base-font-family);
    font-size: var(--base-paragraph-size);
}

#get_in_touch, #get_in_touch_2 {
  scroll-margin-top: 135px;
}

#embeddedIframe {
    min-height: 40rem;
}

/*** template css for sidebar layouts ***/
.row,
section.pageBodyRow
{
    max-width: var(--row-class-width);
    padding: 0;
}

section.pageBodyRow
{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
}

/*** sizing various component widths ***/
.hero-section2,
.jump-links
{
  margin-left: auto;
  margin-right: auto;
  max-width: var(--row-class-width);
}

.jump-links .linkContainer
{
  margin-left: auto;
  margin-right: auto;
  max-width: var(--row-class-width);
  background: var(--header-text-color);
  color: var(--inverse-text-color);
}

.jump-links .linkContainer a
{
  color: var(--inverse-text-color) !important;
}

.referral h4 {
  color: var(--text-color);
}

/*** sidebar css for tablet and mobile ***/
section.pageBodyRow section.mainDisplay,
section.pageBodyRow aside.mainSidebar
{
    padding-right: 0;
    padding-left: 0;
}

section.pageBodyRow aside.mainSidebar
{
    display: flex;
    flex-direction: column;
}

section.pageBodyRow aside.mainSidebar > div,
section.pageBodyRow aside.mainSidebar > section,
section.pageBodyRow aside.mainSidebar > section .paragraphBlock,
section.pageBodyRow aside.mainSidebar > div .paragraphBlock,
section.pageBodyRow aside.mainSidebar > div .manual-list,
section.pageBodyRow aside.mainSidebar > section .category-links-block,
section.pageBodyRow aside.mainSidebar > div .category-links-block,
section.pageBodyRow aside.mainSidebar > section.pinnedlist .container
{
    padding-left: 0;
    padding-right: 0;
}

section:first-child {
  padding-top: unset;
}

/*** header css ***/
h1
{
    font-size: var(--h1-font-size);
    line-height: var(--h1-line-height);
    font-family: var(--base-header-font-family);
    text-transform: uppercase;
}

h2,
.headerBlock.hasBackgroundImage .paragraphBlock h2,
.columnBlock h2
{
    font-size: var(--h2-font-size);
    line-height: var(--h2-line-height);
    text-transform: none;
}

h3
{
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height);
    padding-top: 0;
}

h4
{
    font-size: var(--h4-font-size);
    line-height: var(--h4-line-height);
    font-weight: var(--base-small-headers-font-bold);
}

h1, h2, .columnBlock h2
{
    font-weight: var(--base-header-bolder);
    color: var(--header-text-color);
    font-family: var(--base-header-font-family);
    text-transform: unset;
    margin-bottom: 0;
}

h4
{
    font-weight: var(--base-small-headers-font-bold);
    color: var(--text-color);
    font-family: var(--base-header-font-family);
    text-transform: unset;
    margin-bottom: 0;
}

h3
{
    font-weight: var(--base-small-headers-font-bold);
    color: var(--text-color);
    font-family: var(--base-header-font-family);
    text-transform: unset;
    margin-bottom: 0;
}

.marker {
     font-weight: var(--base-header-weight-normal);
}

p, ul, ol, .testimonial-section blockquote p, .testimonials blockquote p
{
    font-family: var(--base-font-family);
    font-size: var(--base-paragraph-size);
    line-height: var(--base-paragraph-line-height);
    color: var(--text-color);
    font-weight: var(--base-paragraph-weight);
}

/*** text link CSS ***/
a,
a.standardLink,
.article-category.pretty,
.section-color-background1 a 
{
    color: var(--link-color);
    text-decoration: var(--link-text-decoration);
    font-weight: bold;
}

a:visited,
a.standardLink:visited,
.article-category.pretty:visited
{
    /*color: var(--link-color);*/
    text-decoration: var(--link-text-decoration);
}

a:hover,
a.standardLink:hover,
.article-category.pretty:hover,
.button.primary:hover
{
    color: var(--link-hover-color);
    text-decoration: var(--link-text-decoration);
    cursor: pointer;
}

a:focus,
a.standardLink:focus,
.article-category.pretty:focus
{
    color: var(--link-hover-color);
    text-decoration: var(--link-text-decoration);
}

a:active,
a.standardLink:active,
.article-category.pretty:active
{
    color: var(--link-hover-color);
    text-decoration: var(--link-text-decoration);
}

a.standardLink.iconBefore:hover, 
a.standardLink.iconBefore:visited, 
a.standardLink.iconBefore:active {
    display: inline-flex;
}

.purple-buttons a.button.primary {
    background-color: #701B7C;
    color: #fff;
    border: 1px solid #fff;
}


article-tag.pretty, .article-category.pretty
{
  background-color: transparent;
  font-weight: normal;
  padding: 0;
}

article-tag.pretty
{
  background-color: transparent;
  color: unset;
  padding: 0.2rem 0;
}


/*** css on components with backgrounds ***/
.section-color-dark {
    background-color: var(--dark-background);
}

.section-color-dark h1,
.section-color-dark h2,
.section-color-dark h3,
.section-color-dark h4,
.section-color-dark p
{
    color: var(--inverse-text-color);
}

.section-color-light {
  background-color: var(--light-background);
}

.section-color-light,
.section-color-light h1,
.section-color-light h2,
.section-color-light h3,
.section-color-light h4,
.section-color-light p
{
    /*color: var(--text-color);*/
}

/*** spread css ***/
.spread .container,
.spread .container div.spreadCol,
.spread.container,
.spread.container div.spreadCol
{
    padding: 0;
}

.spread .container .spreadCol1,
.spread .container.stack-spread .spreadCol1,
.spread .container.small-col-reverse .spreadCol2,
.spread .container.stack-spread.small-col-reverse .spreadCol2
{
  margin-bottom: 0;
}

.section-color-light .spread .container div .image,
.section-color-light .spread.container div .image,
.spread .container.section-color-light div .image,
.spread .container.section-color-light div .image,
.spread.container.section-color-light div .image,
.spread.section-color-light .container div .image
{
    padding: 0;
}

.section-color-light h2 {
    color: var(--text-color);
}

/*** universal header css ***/
.topNavContainer,
.top-bar,
.top-bar ul
{
  background-color: #FFF;
  flex-basis: 100%;
  z-index: 10;
}

:not(.mobile-menu) .dropdown-pane .menu li.subnav-item.mobileOnly,
:not(.mobile-menu) .dropdown-pane .menu.expanded li.subnav-item.mobileOnly,
:not(.mobile-menu) .dropdown-pane .menu li.subnav-item.mmHeader.menuBack,
:not(.mobile-menu) .dropdown-pane .menu.expanded li.subnav-item.mmHeader.menuBack
{
  /* display: none; */
}

header #mega-menu li.mm-membership,
header #mega-menu li.mm-community,
header #mega-menu li.mm-training,
header #mega-menu li.mm-events
{
  position: relative;
}

#megamenu .top-bar .dropdown-pane {
  position: absolute;
  /* display: flex; */
  justify-content: center;
  align-items: center;
  align-content: center;
  left: 0 !important;
  right: 0 !important;
  border: 0;
  border-radius: 0;
  z-index: 550;
  background: #fff;
  padding: 1.6rem 0;
  box-shadow: 0 4px 16px 0 rgba(159,161,164,0.43);
  /*box-shadow: none;*/
}

.dropdown.menu a,
.dropdown.menu a:active,
.dropdown.menu a:hover
{
  text-transform: none;
  align-self: center;
  text-decoration: none;
  border-bottom: none;
  color: var(--text-color);
  font-family: var(--base-nav-font-family);
  font-weight: 400;
  line-height: 2.2;
}

.dropdown.menu a.dropdown,
.dropdown.menu a.dropdown:active,
.dropdown.menu a.dropdown:hover
{
  font-weight: bold;
  letter-spacing: normal;
}

.menu li .dropdown-pane a.standardLink,
.menu.expanded li .dropdown-pane a.standardLink
{
  text-transform: none;
  font-weight: var(--base-header-weight-normal);
  letter-spacing: 1px;
}

.menu.expanded li .dropdown-pane a.standardLink.mmHeader {
    font-weight: var(--base-link-font-bold);
}

#megamenu, .top-bar .dropdown-pane {
  box-shadow: none;
}

/*** subnav ***/
header #megamenu .top-bar #mm-community.dropdown-pane,
header #megamenu .top-bar #mm-events.dropdown-pane,
header #megamenu .top-bar #mm-training.dropdown-pane,
header #megamenu .top-bar #mm-membership.dropdown-pane
{
  max-width: 340px;
  width: 340px !important;
}

a.dropdown.noLink:hover {
    text-decoration: none;
    border-bottom: 3px solid var(--header-text-color);
}

/*** quicklinks css */
.quickLinks
{
    padding: 0;
    background-color: var(--light-background);
    border-bottom: 1px solid var(--quickLinks-text-color);
}

.quickLinks .row { 
    justify-content: flex-start; 
    /* margin-top: 0.5rem;
    margin-bottom: 0.5rem; */
}

.quickLinks a, .quickLinks a:visited {
    margin: 0.5rem 1.375rem 0.5rem 0rem;
    font-family: var(--base-nav-font-family);
    font-size: var(--base-paragraph-small);
    color: var(--quickLinks-text-color);
    text-decoration: none;
    font-weight: var(--base-quicklink-weight);
}

.quickLinks a:hover, a.quickLinks:focus {
    margin: 0.5rem 1.375rem 0.5rem 0rem;
    font-family: var(--base-nav-font-family);
    font-size: var(--base-paragraph-small);
    color: var(--quickLinks-text-color) !important;
    text-decoration: underline;
}

#getStarted {
    background: var(--header-text-color);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

a#getStarted,
a#getStarted:hover,
a#getStarted:focus {
    color: var(--inverse-text-color) !important;
}

#memberLogin-dropdown {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

a#memberLogin-dropdown::after, #memberLogin-title::before {
    font-family: "Font Awesome 6 Pro";
    content: "\f007";
    font-size: var(--base-paragraph-small);
    font-weight: var(--base-quicklink-weight);
    color: var(--text-color);
    padding-right: 0.6rem;
    margin-top: 0.5rem;
}

.quickLinks i {
    color: var(--text-color) !important;
}

#memberLogin-title .linkListTitle {
    font-size: var(--base-paragraph-small);
    font-weight: var(--base-quicklink-weight);
    color: var(--quickLinks-text-color);
    font-family: var(--base-nav-font-family);
    margin: 0.5rem 0 0.5rem 0;
}

.linkListTitle:hover {
    cursor: pointer;
}

div#memberLogin {
    width: 180px;
}

.menuStyling {
    border: none;
}

.menu.expanded li.topnav-item {
    flex: 0 0 auto;
    padding: 0 1rem;
}

.linkNest,
.linkNest:focus {
    background-color: #003046;
    border:none;
    color:#fff;
    font-weight: bold;
    box-shadow: none;
    margin: 0.4rem 0 !important;
}

.mobileQuickLinksDYN {
  display: none;
    /*background: #003046;
    float: none !important;*/
}

.menu-icon
{
    display: flex;
    /*align-items: flex-start;*/
    width: 35px;
    height: 16px;
    /*align-self: flex-start;*/
    /*margin-top: 0.2rem;*/
}

/* footer */
footer.flex-footer
{
    float: left;
    margin-top: 1rem;
}

footer a.standardLink,
footer a.standardLink:hover,
footer a.standardLink:focus,
footer a,
footer a:hover,
footer a:focus,
footer.section-color-background2 a,
footer.section-color-background2 a:hover,
footer.section-color-background2 a:focus
{
    color: var(--inverse-text-color);
    text-decoration: none;
    letter-spacing: 0.12px;
    font-size: var(--base-paragraph-size-small);
    font-weight: var(--base-header-weight-normal);
    font-family: var(--base-nav-font-family);
    cursor: pointer;
    
}

footer a.standardLink:hover,
footer a:hover,
footer.section-color-background2 a:hover
{
    text-decoration: underline;
}

.footerLegal a:hover {
    color: var(--inverse-text-color) !important
}

footer.section-color-background2 a.standardLink:visited,
footer.section-color-background2 a:visited
{
    color: var(--inverse-text-color);
}

footer.flex-footer img {
    /* margin: 0.35rem; */
}

footer .row
{
    max-width: 85rem;
}

.flex-footer .footerLegal {
    font-size: var(--base-paragraph-size-small);
    color: var(--inverse-text-color);
    font-family: var(--base-hero-font-family);
}

.footerLegalContainer .paragraphCopy a,
.footerLegalContainer .paragraphCopy a:hover, 
.footerLegalContainer .paragraphCopy a:focus, 
.footerLegalContainer span {
    font-size: var(--base-paragraph-small);
}

.flex-footer .footerLegal a, .flex-footer .footerLegal a:hover {
    font-size: var(--base-paragraph-size-small);
    color: var(--link-color) !important;
    font-family: var(--base-hero-font-family);
}

.flex-footer-column .linkColumn.horizontalLinkList a {
    margin-right: 0;
    padding: 0 1rem 0 0rem;
}

.flex-footer-column .linkColumn.verticalLinkList {
    text-align: center;
}

.flex-footer .flex-footer-column .image {
  text-align: left;
}

.flex-footer-column .linkColumn.horizontalLinkList {
  justify-content: center;
  flex-wrap: wrap;
}

.flex-footer-column .linkColumn.alignListLeft {
  justify-content: flex-start;
  flex-wrap: wrap;
}

.flex-footer-column .linkColumn.alignListRight {
  justify-content: flex-end;
  flex-wrap: wrap;
}

.flex-footer-column .linkColumn.alignListCenter {
  justify-content: center;
  flex-wrap: wrap;
}

.flex-footer-column .linkColumn.alignListLeft a:first-child {
  padding-left: 0;
}

.flex-footer-column .linkColumn.alignListRight a:last-child {
  padding-right: 0;
}

.flex-footer-column .fa-facebook-f,
.flex-footer-column .fa-facebook-square,
.flex-footer-column .fa-linkedin,
.flex-footer-column .fa-twitter-square,
.flex-footer-column .fa-instagram,
.flex-footer-column .fa-pinterest-square,
.flex-footer-column .fa-youtube {
    font-size: 1.8rem;
}

.section-color-background2 label
{
    color: var(--inverse-text-color);
    font-weight: bold;
}

.flex-footer-column .form-element-container
{
    padding-left: 0;
    padding-right: 0;
}
.flex-footer-column .submit-button
{
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    margin-bottom: 0;
}

.flex-footer-column .submit-button input
{
    margin-bottom: 0;
    margin-top: 1rem;
}

.flex-footer-column .list-title
{
    margin-bottom: 0.4rem;
    font-weight: bold;
    text-transform: none;
    color: var(--inverse-text-color);
    font-family: var(--base-nav-font-family);
}

.flex-footer-column .list-title .standardLink
{
    margin-bottom: 1rem;
    font-weight: var(--base-header-weight);
    font-size: var(--base-paragraph-size-small);
    text-transform: none;
    color: var(--inverse-text-color);
    font-family: var(--base-nav-font-family);
}

/* buttons */
.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--base-nav-font-family);
    font-size: var(--hero-paragraph-font-size);
    font-weight: var(--base-paragraph-hero-weight);
    letter-spacing: .0075rem;
    text-align: center;
    padding: 0.3rem 1.5rem;
    height: 3rem;
    width: auto;
    min-width: 3rem;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 0;
}

.fpiLink,
.filterMenu a.button.primary,
.menu.vertical.filterMenu.submenu a:hover, a.navMenuTitle:hover
{
    background-color: var(--dark-background);
    color: var(--inverse-text-color);
    font-family: var(--base-nav-font-family);
    font-size: var(--hero-paragraph-font-size);
    font-weight: var(--base-paragraph-hero-weight);
    letter-spacing: -0.35px;
}

.button.hollow, .button.hollow:focus, .button.hollow:hover {
    background-color: var(--inverse-text-color);
    color: var(--header-text-color);
    font-family: var(--base-nav-font-family);
    font-size: var(--hero-paragraph-font-size);
    font-weight: var(--base-paragraph-hero-weight);
    border: 1px solid var(--header-text-color);
    letter-spacing: -0.35px;
}

.button.clear, .button.clear:focus, .button.clear:hover {
    background-color: var(--inverse-text-color);
    color: var(--text-color);
    font-family: var(--base-nav-font-family);
    font-size: var(--hero-paragraph-font-size);
    font-weight: var(--base-paragraph-hero-weight);
    letter-spacing: -0.35px;
}

.button.clear:focus, .button.clear:hover {
    background-color: var(--inverse-text-color);
    color: var(--link-hover-color);
    font-family: var(--base-nav-font-family);
    font-size: var(--hero-paragraph-font-size);
    font-weight: var(--base-paragraph-hero-weight);
    letter-spacing: -0.35px;
}

.notificationButtons .button.hollow,
.notificationButtons .button.primary,
.notificationButtons .button.primary:hover {
    color: var(--header-text-color);
    text-decoration: none;
}

.notificationButtons .button.hollow {
    background-color: #F6F6F6;
}

.notificationButtons .button.primary,
.notificationButtons .button.primary:hover {
    background-color: var(--inverse-text-color);
    border: 1px solid var(--header-text-color);
}

.notificationButtons .button.secondary, 
.notificationButtons .button.secondary:hover {
    border: 1px solid var(--inverse-text-color);
    text-decoration: none;
}

.blog .button.primary {
    background-color: var(--primary-color);
    color: var(--inverse-text-color);
    font-family: var(--base-nav-font-family);
    font-size: var(--hero-paragraph-font-size);
    font-weight: var(--base-paragraph-hero-weight);
    min-width: 50%;
}

.blog .section-color-dark .button.primary {
    background-color: var(--dark-background);
    color: var(--inverse-text-color);
    border: 1px solid var(--inverse-text-color);
    font-family: var(--base-nav-font-family);
    font-size: var(--hero-paragraph-font-size);
    font-weight: var(--base-paragraph-hero-weight);
    min-width: 50%;
    text-decoration: none;
}

.section-color-dark .button.primary:focus, 
.section-color-dark .button.primary:hover {
    text-decoration: underline !important;
}

.blog .paragraphBlock.centerComponentContent {
    margin-top:2rem;
    margin-bottom:-1.5rem;
}

.news.cardGrid .imageBlock img {
    width: auto;
    box-shadow: none;
    border: 1px solid var(--light-background);
}

.scrollToTop span {
    font-size: 0.8rem;
    line-height: 1.4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 30px;
}

#toTop.border-section-color-light {
    border-color: var(--dark-background);
    border-radius: 30px;
}

.filterMenu a.button.primary
{
    height: auto;
    line-height: 1.0;
}

input[type="submit"],
#bsubmit
{
    background-color: var(--primary-color);
    color: var(--inverse-text-color);
}

.button.primary,
.button.primary:focus,
.button.primary:hover,
#bsubmit:focus,
#bsubmit:hover
{
    background-color: var(--primary-color);
    color: var(--inverse-text-color);
    /*text-decoration: underline;*/
    border: 1px solid var(--primary-color);
    letter-spacing: -0.35px;
}

.button.secondary,
.secondary button
{
    color: var(--base-body-background);
    background-color: var(--section-color-bkgd4);
    font-family: var(--base-nav-font-family);
    font-size: var(--hero-paragraph-font-size);
    font-weight: var(--base-paragraph-hero-weight);
    letter-spacing: -0.35px;
}

.button.secondary:focus,
.button.secondary:hover,
.secondary button:hover,
.secondary button:focus {
    background-color: var(--section-color-bkgd4);
    color: var(--inverse-text-color);
    text-decoration: underline;
    border: 1px solid transparent;
    letter-spacing: -0.35px;
}

/* .button.hollow
{
    color: var(--inverse-text-color);
    border: 1px solid var(--inverse-text-color);
} */

.hero-section3 .button.hollow,
.hero-section-text-mobile .button.hollow
{
    background-color: var(--primary-color);
    color: var(--inverse-text-color);
    border: 1px solid var(--primary-color);
}

.viewMoreButton {
  text-align: center;
  background-color: var(--dark-background);
  color: #FFF;
  cursor: pointer;
  margin: 1rem auto 3rem auto;
  float: none !important;
  font-family: var(--base-nav-font-family);
  font-size: var(--hero-paragraph-font-size);
  font-weight: var(--base-paragraph-hero-weight);
  letter-spacing: -0.35px;
  text-align: center;
  padding: 0.5rem 1.5rem;
  /* border-radius: 24px;
  height: unset; */
  width: auto;
  min-width: 3rem;
  text-decoration: none;
  cursor: pointer;
}

.viewMore {
  width: auto;
  color: #fff !important;
  height: unset;
  line-height: unset;
  font-family: var(--base-nav-font-family);
  font-size: var(--hero-paragraph-font-size);
  font-weight: var(--base-paragraph-hero-weight);
  display: table-cell;
  text-transform: none;
  text-decoration: none;
  letter-spacing: -0.35px;
}


/*** hero section with text overlay on mobile ***/
.hero-section3 .maintainHeroTextOverImage .hero-section-text h1,
.hero-section3 .maintainHeroTextOverImage .hero-section-text h2,
.hero-section3 .maintainHeroTextOverImage .hero-section-text h3,
.hero-section3 .maintainHeroTextOverImage .hero-section-text h4
{
    color: var(--inverse-text-color);
    line-height: 1.5;
    font-family: var(--base-font-family);
    font-weight: 400;
    margin-bottom: 0;
}

.hero-section3 .hero-container.maintainHeroTextOverImage .hero-section-text
{
    width: 100%;
    justify-content: center;
    text-align: center;
    padding-left: var(--single-gutter-padding);
    padding-right: var(--single-gutter-padding);
}

.hero-section3 .maintainHeroTextOverImage .hero-section-text p
{
    /* margin-bottom: 0; */
    color: var(--inverse-text-color);
}

.hero-section3 .maintainHeroTextOverImage a:link,
.hero-section3 .maintainHeroTextOverImage a:visited,
.hero-section3 .maintainHeroTextOverImage a:hover
{
    color : var(--inverse-text-color);
    text-decoration: underline;
}

.hero-section3 .maintainHeroTextOverImage a.button.hollow,
.hero-section3 .maintainHeroTextOverImage a.button.hollow:visited
{
    color : var(--inverse-text-color);
    text-decoration: none;
}

.hero-section3 .maintainHeroTextOverImage a.button.hollow:hover
{
    color: var(--primary-color);
    border: 1px solid transparent;
    text-decoration: underline;
}

.hero-section3.miniHeroHeight .maintainHeroTextOverImage
{
    min-height: 160px !important;
}

/*** buttons on heros ***/
.hero-section3 .button.primary,
.hero-section2 .button.primary
{
    border: 1px solid #FFF;
    color: #FFF;
}

.hero-section3 .button.secondary,
.hero-section2 .button.secondary
{
    border: 1px solid var(--dark-background);
    background: transparent;
    color: var(--dark-background);
}

.button.viewMoreButton {
  margin: 0;
  float: none !important;
}

.button:disabled
{
    opacity: 0.6;
    cursor: none;
}

/*** fix for hero ***/
.hero-section3 .hero-container {
    height: auto;
    min-height: unset;
}

/*** blog css ***/
.catPinContainer
{
  max-width: var(--row-class-width) !important;
}

.articleContainer.section-color-light .columnWrapper
{
    background-color: #FFF;
    padding-bottom: 1rem;
    float: left;
    width: 100%;
}

.articleContainer.section-color-light .columnWrapper div:not(.article-summary-thumbnail)
{
    padding-left: 1rem;
    padding-right: 1rem;
}

.articleContainer.section-color-light .columnWrapper .article-summary-thumbnail {
    margin-bottom: 1rem;
}

.viewMoreContainer
{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0 1rem 0;
}

.viewMoreCustom
{
    display: flex !important;
}

.article-summary-thumbnail-img
{
    width: 100%;
}

.article-subtitle > h3 {
    font-size: 1.5rem;
}

.pecaa-author-info .image img {
    float: left;
    padding-right: 1.5rem;
}

.hide-subtitle .article-subtitle > h3 {
    display: none;
}

.article-header {
  border: none;
  margin-bottom: 0;
}

.article-category-header {
  margin: 0 auto;
  padding: 0 1rem;
  text-transform: unset;
}

.catContainer.featuredNewsComponent .article-summary
{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

a.orderByDesc,
a.orderByAsc
{
    text-decoration: none;
}

a.orderByDesc,
a.orderByAsc
{
  text-decoration: none;
  color: var(--link-color);
}

a.orderByDesc:hover,
a.orderByAsc:hover,
a.orderByDesc.selected,
a.orderByAsc.selected
{
  border-bottom: 1px solid var(--link-color);
  text-decoration: none;
  color: var(--link-color);
}

.dropdown.menu > li.is-dropdown-submenu-parent > a
{
  display: flex;
  align-items: center;
  border: 1px solid #C2C2C2;
  color: var(--text-color);
}

.dropdown.menu > li.is-dropdown-submenu-parent > a.single-menu:active,
.dropdown.menu > li.is-dropdown-submenu-parent > a.single-menu:link,
.dropdown.menu > li.is-dropdown-submenu-parent > a.single-menu:hover
{

    padding: 0.4rem 1rem;
    border: 1px solid #C2C2C2;
    color: var(--text-color);
    text-decoration: none;
    font-size: var(--base-paragraph-size);
    font-weight: normal;
    text-transform: none;
}

.filterMenu .ui-accordion .ui-accordion-header {
  margin: 0 0 0.5rem 0 !important;
  padding: 0 !important;
}
.filterMenu .ui-icon-plus {
  background-position: -16px -128px;
  float: right;
  margin-top: 0.8rem !important;
}
.filterMenu .ui-state-active .ui-icon {
  background-image: none;
}
.filterMenu .ui-icon-minus {
  background-position: -48px -128px;
  float: right;
  margin-top: 0.9rem !important;
}
.filterMenu .ui-state-active .ui-icon.ui-icon-minus {
  background-image: url("https://code.jquery.com/ui/1.12.1/themes/base/images/ui-icons_444444_256x240.png");
}
.filterMenu .ui-accordion .ui-accordion-content {
  padding: 0 0 0 0.5rem !important;
  overflow: hidden;
  margin-bottom: 0.6rem;
}
.ui-state-default, .ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active
{
  color: var(--text-color) !important;
}

.article-summary-postDate,
.category-block,
.author-block,
/*.article-summary-title,*/
.article-summary-subtitle
{
    color: var(--text-color);
}

.article-summary-title {
    font-family: var(--base-header-font-family);
    font-size: 1.25rem;
    padding: 0.6rem 0;
    color: var(--header-text-color);
} 

.featuredNewsComponent .article-summary-title
{
    font-size: var(--base-paragraph-size);
    padding-top: 0;
    padding-bottom: 0;
}

.sort-container .sorter-options
{
  padding: 0.5rem 0;
}

.article-component
{
    margin-bottom: 3rem;
}

.article-title h1
{
  font-size: var(--h1-font-size);
  line-height: 1.2;
  margin-bottom: 1rem;
}

.article-subBlock
{
  color: var(--text-color);
}

/*** speaker css ***/
.thumbnailImageContainer {
  flex-grow: unset;
}

.sidebarFormat .thumbnailImage {
  width: auto;
}

.speakerDetails .speakerTitleBlock:nth-child(2)
{
    margin-bottom: 0;
}

.pageBodyRow .mainSidebar {
    padding-top: 0.375rem;
}

.inheritable-sidebar h2 {
  font-weight: 400;
  font-size: 26px;
  line-height: 2rem;
}

.categoryList .category-archive:first-of-type {
    padding-top: .5rem;
}

.speakerContainer {
    margin-bottom: 1rem;
}

.sidebarFormat p {
    margin-bottom: 0;
}

.catPinContainer.section-margin {
    margin-bottom: 0;
}

/*** form css ***/
.XXformstack-form form
{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.formSectionLabel p
{
    margin-bottom: 0.5rem;
}

.checkboxGroup {
  margin-bottom: 0 !important;
}

.groupLabel,
.groupHeader
{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/*** accordion css ***/
/* fixes foundation rule that adds unwanted bg color between closed accordions. */
.accordionComponent .accordionContainer {
    padding: 1rem;
}

.accordion {
    background: transparent;
}

.accordion-item
{
    /*background-color: var(--section-color-bkgd1);*/
    margin-bottom: 1.4rem;
    border-bottom: 1px solid #e6e6e6;
    font-family: var(--base-font-family);
    font-size: var(--base-paragraph-size);
    line-height: var(--base-paragraph-line-height);
    color: var(--text-color);
    font-weight: var(--base-paragraph-weight);
}

.accordion-item .paragraphBlock
{
    float: none;
}

div.category-links-block .accordion-item
{
    margin-bottom: 0.4rem;
    background: none;
}

a.accordion-title
{
    position: relative;
    display: block;
    padding: 1rem;
    border: none;
    border-bottom: none;
    font-size: 1.375rem;
    line-height: 1;
    color: var(--text-color);
    text-decoration: none;
}

.is-active > a.accordion-title {
    color: var(--inverse-text-color);
}

.accordion-content
{
    padding: 2.2rem 2rem 1rem 2rem;
    border-top: 1px solid #e6e6e6;
}

:last-child>.accordion-content:last-child {
    border-bottom: 1px solid transparent;
}

a.accordion-title:hover,
a.accordion-title:focus,
.accordion-item.is-active,
.accordion-item.is-active:hover
{
    background-color: var(--dark-background);
    color: var(--inverse-text-color);
}

.category-links-block .category-archive a.accordion-title:hover,
.category-links-block .category-archive a.accordion-title:focus {
    background-color: transparent;
}

.accordion-title::before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -0.5rem;
    margin-right: 0;
    content: "\f107";
    font-size: 1.5rem;
    font-weight: 800;
    font-family: "Font Awesome 6 Pro";
}

.is-active > .accordion-title::before {
    content: "\f106";
}

.accordion-content .spread.container
{
    padding: 0;
}

.accordion-content .spread.container .spreadCol1 .headerBlock .paragraphBlock,
.accordion-content .spread.container .spreadCol2 .headerBlock .paragraphBlock
{
    padding-left: 0;
}

.accordion-content .stack-spread .spreadCol1
{
  margin-bottom: 0;
}

a.expandAll,
a.collapseAll
{
    text-decoration: underline;
}

a.expandAll.activeAccordionFunction,
a.collapseAll.activeAccordionFunction
{
    text-decoration: none;
}

/*** sidebar accordions ***/
.category-links-block .accordion-item.is-active,
.category-links-block .accordion-item:hover {
    background-color: transparent;
}

.category-links-block a.accordion-title,
a.pinned-link,
.manual-articles-list a
{
    text-decoration: underline;
    font-weight: normal;
    padding: 0.5rem 1rem 0.5rem 0;
    color: var(--link-color);
    font-size: var(--base-paragraph-size);
}

.leadershipBanner .section-color-dark {
    background-color: #A1AEB7;
}
.leadershipBanner .section-color-dark h1, .leadershipBanner h2 {
    font-weight: bold;
    color: #505D68;
}

.image_caption p {
    margin-top: 0.75rem;
}

/*** paragraph css with background images ***/
.headerBlock.hasBackgroundImage .paragraphBlock p,
.headerBlock.hasBackgroundImage .paragraphBlock h1,
.headerBlock.hasBackgroundImage .paragraphBlock h2,
.headerBlock.hasBackgroundImage .paragraphBlock h3,
.headerBlock.hasBackgroundImage .paragraphBlock h4
{
    color: var(--inverse-text-color);
    margin-bottom: 0;
}

.headerBlock.hasBackgroundImage .paragraphBlock h1
{
    line-height: 1.0;
}

.headerBlock.hasBackgroundImage .paragraphBlock h2
{
    font-size: 32px;
    line-height: var(--h2-line-height);
    margin-bottom: 1rem;
}

.headerBlock.hasBackgroundImage .imageBlockContainer
{
    margin-bottom: 0;
}

.headerBlock.hasBackgroundImage a:link,
.headerBlock.hasBackgroundImage a:visited,
.headerBlock.hasBackgroundImage a:hover
{
    color : var(--inverse-text-color);
    text-decoration: underline;
}

/*** testimonials in LR spreads ***/
.blockquote-border {
  border-bottom: none;
  border-top: none;
  position: relative;
}

.testimonialLRPadding .container
{
    padding-top: 1rem;
}

.testimonials {
  margin-top: 0;
}

/*** hero testimonials ***/
.heroTestimonial .hero-container
{
    align-items: flex-start;
    min-height: 390px !important;
}

.heroTestimonial.heroTestimonialCentered .hero-container
{
    align-items: center;
}

/* .heroTestimonial .hero-container.maintainHeroTextOverImage .hero-section-text
{
    padding-top: 2.2rem;
} */

.heroTestimonial .maintainHeroTextOverImage .hero-section-text h2,
.heroTestimonial .maintainHeroTextOverImage .hero-section-text p
{
    color: var(--text-color);
    font-weight: 300;
}

.heroTestimonial .maintainHeroTextOverImage .hero-section-text p
{
    font-weight: 400;
}

.heroTestimonial .maintainHeroTextOverImage .hero-section-text h2
{
    margin-bottom: 1rem;
}


/*** military page css LR spread ***/
.spread.militaryLRspread .container .headerBlock div.paragraphBlock.largePadding
{
    padding-left: 0;
    padding-bottom: 1rem;
    border-bottom: 1px solid #ccc;
    margin-bottom: 1rem;
}

.spread.militaryLRspread .container .spreadCol1
{
    padding-right: 1.8rem;
}

.spread.militaryLRspread .container .headerBlock div.paragraphBlock.standardPadding
{
    padding-left: 0;
    padding-bottom: 1rem;
}

.spread.militaryLRspread .container .headerBlock div.paragraphBlock.noPadding
{
    padding-left: 0;
    padding-bottom: 0;
    padding-top: 0;
}

.spread.militaryLRspread .container
{
    padding-left: var(--single-gutter-padding);
}

.spread.militaryLRspread .backgroundImage + .paragraphBlock.textOverlay h4,
.spread.militaryLRspread .paragraphBlock .paragraphContainer h4
{
    font-weight: 600;
}

.spread.militaryLRspread .row
{
    /* border-bottom: 1px solid #ccc; */
    padding-bottom: 1rem;
}

.spread.militaryLRspread.section-no-border,
.spread.militaryLRspread.section-no-border .row
{
    border-bottom: none;
    padding-bottom: 0;
}

/*table*/
table tr th {
    background-color: var(--primary-color);
    color: #FFF;
    text-align: left;
    border-bottom: 1px solid #757575;
    padding-left: 0.625rem;
}
table {
    width: auto;
    margin-bottom: 1rem;
    border-radius: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

/*** slider css ***/
.presentation-slider
{
    /* max-width:80rem; */
    max-width:90%;
}

.overlap-slider-header
{
    /* background: var(--section-color-bkgd4); */
    color: white;
}

.overlap-slider-header h2,
.overlap-slider-header h3,
.overlap-slider-header h4
{
    color: white;
}

.dotsArea {
  background-color: transparent;
  padding: 0.8rem;
}

.careers-slider .presentation-slider .slick-image .paragraphBlock
{
    /* background-color: var(--section-color-bkgd4); */
    color: var(--section-text-color-bkgd4);
    padding: 4rem 2rem 1.5rem 2rem;
}

/* .presentation-slider .paragraphBlock h2,
.presentation-slider .paragraphBlock p
{
    color: white;
} */

.careers-slider .presentation-slider .paragraphBlock h2
{
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.careers-slider .presentation-slider .paragraphBlock .paragraphContainer
{
    margin-bottom: 1rem;
}

.presentation-slider .slick-next, .presentation-slider .slick-prev {
  top: 55%;
}

.slick-item
{
    width: 500px;
}

.presentation-slider .slick-image .slideCopy {
  padding: 0 1rem;
  color: #003046;
}

.presentation-slider .slick-prev {
  left: -17px;
}

.presentation-slider .slick-next {
  right: -35px;
}

.slick-next::before {
  content: '\f105';
}

.slick-prev::before {
  content: '\f104';
}

.presentation-slider .linkContainer a.standardLink,
.presentation-slider .linkContainer a.standardLink:hover,
.presentation-slider .linkContainer a.standardLink:focus,
.presentation-slider .linkContainer a.standardLink:active
{
   color: white;
   text-decoration: underline;
}

.slick-prev:focus-visible,
.slick-prev:focus,
.slick-next:focus-visible,
.slick-next:focus {
  outline: 1px solid #000;
}

/*** Daron ***/
.contactHeadings .headerBlock .paragraphBlock {
    padding-left: 0;
}

/*** horizontalLinkList ***/
.horizontalLinkList .linkContainer
{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.horizontalLinkList .linkContainer a,
.horizontalLinkList .linkContainer a:hover,
.horizontalLinkList .linkContainer a:focus,
.horizontalLinkList .linkContainer a:active
{
    padding: 1.1rem;
    text-decoration: none;
    color: #0B2335;
}

.horizontalLinkList .linkContainer a i.fa-brands
{
    padding-right: 0;
}

/*** LR spread ***/
.careersSectionDivider
{
    border-bottom: 1px solid #ccc;
    padding-top: 2rem;
}

/* mobile clinic form specifc button styling */
/* fsForm1473954 is production form at formstack */
/* fsForm4782168 is test form at formstack */

#fsForm1473954 input[name^="next-button"],
#fsForm4782168 input[name^="next-button"] {
  width: 100%;
  font-weight: bold;
}

#fsForm1473954 .inner-section.button-section,
#fsForm4782168 .inner-section.button-section {
  float: none !important;
}

#fsForm1473954 .inner-section.button-section .formSectionFields,
#fsForm4782168 .inner-section.button-section .formSectionFields {
  float: none !important;
  display: flex;
  justify-content: center;
}

#fsForm1473954 .inner-section.button-section .button-container,
#fsForm4782168 .inner-section.button-section .button-container {
  display: flex;
  width: auto;
  padding-right: 2rem;
}

#fsForm1473954 .inner-section.button-section .submit-button,
#fsForm4782168 .inner-section.button-section .submit-button {
  display: flex;
  width: auto;
  padding-left: 0;
}

#fsForm1473954 .inner-section.button-section .button,
#fsForm4782168 .inner-section.button-section .button {
  min-width: 6rem;
  font-weight: bold;
}

#fsForm1473954 .mobile-clinic-requirements,
#fsForm4782168 .mobile-clinic-requirements {
  background-color: #F4F6F8;
  padding: 1rem;
  margin-bottom: 1rem;
}

.presentation-slider {
  /* max-width: 58rem; */
  max-width: 90%;
}

.spread,
.heroTestimonial,
.sliderContainer {
  /* display: none; */
}

/* refresh */

.text-element-container {
    position: relative;
}

.refresh {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 0;
    position: absolute;
    right:8px;
    display: block;
    top: 37px;
    text-decoration: none !important;
}

.refresh.textarea {
    top: 12px;
}

.refresh::before {
    content: '\f057';
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 16px;
    line-height: 16px;
    color: #ccc;
    height: 15px;
    width: 15px;
}

a.dropdown.noLink::after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    content: " \f107" !important;
}

.key li::before {
    content: "";
    border-color: transparent #8c2890;
    border-style: solid;
    border-width: 0.55em 0 0.55em 0.75em;
    display: block;
    height: 0;
    width: 0;
    left: -1.15em;
    top: 1.35em;
    position: relative;
}

/*.key ul {
    list-style-type: none;
}*/

.key li::marker {
    color: transparent;
}

.key li > li::before {
    display: none;
}

.key li {
  font-weight: var(--base-paragraph-weight);
}

.curriculum p {
    margin-bottom: 0rem !important;
}

.ctaDash {
  display: none;
}

.slideDetails {
    position: relative;
    z-index: 100000000;
    bottom: 0;
    background: rgba(255,255,255,0.1);
}

.slideDetails .paragraphBlock {
    display: block;
    align-items: center;
    padding: 0rem;
    margin-top: -10rem;
    background-color: hsla(0,0%,100%,.6352941176);
}

.notification-bar {
    background: var(--header-text-color);
    height: auto;
    padding: 1rem;
    overflow: hidden;
}

.paddingBottom .section-color-light {
  padding-bottom: 2.5rem !important;
}

form input, form label, form textarea, form select, form span {
    font-family: var(--base-font-family) !important;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: #74767B;
}

:last-child:not(.is-active)>.accordion-title {
    border-bottom: 1px solid transparent;
    border-radius: 0 0 3px 3px;
}

.dropdown.menu a.activeTopNav {
    padding-bottom: 2px;
    border-bottom: 1px solid transparent;
}

/* a.dropdown.membership, a.dropdown.membership:hover  {
    background: #8c2890 !important;
    padding: 0.15rem 0.5rem;
    color: #fff !important;
} */

.topnav-item.mm-login a.dropdown.noLink {
    background: var(--primary-color) !important;
    padding: 0.15rem 0.5rem;
    color: #fff !important;
}

.article-summary-thumbnail {
    min-height: unset;
    border: 1px solid var(--light-background);
}

#job h4:before, .job h4:before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f0f0";
    display: inline-block;
    margin-right: 0.4rem;
    vertical-align: middle;
}

#practices h4:before, .practices h4:before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f1ad";
    display: inline-block;
    margin-right: 0.4rem;
    vertical-align: middle;
}

#equipment h4:before, .equipment h4:before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f0ad";
    display: inline-block;
    margin-right: 0.4rem;
    vertical-align: middle;
}

#job p, .job p, #practices p, #equipment p, .equipment p {
    margin-left: 1.5rem;
}

.video_caption p {
    font-size: 32px;
    font-weight: var(--base-header-bolder);
    color: var(--header-text-color);
    font-family: var(--base-header-font-family);
    letter-spacing: var(--header-letter-spacing);
    line-height: 2.5rem;
}

.video_caption sub, .video_caption sup {
    font-size: 14.5px;
    font-weight: var(--base-header-bolder);
    color: var(--text-color);
    font-family: var(--base-header-font-family);
    letter-spacing: var(--header-letter-spacing);
    /*line-height: 2.5rem;*/
}

.leftAlign .paragraphCopy {
    text-align: left;
}

.leftAlign.columns3 .columnSection3 .headerBlock {
    margin-bottom: 0;
    display: flex;
    justify-content: left;
    align-items: center;
    flex-direction: row;
    width: 100%;
}

/*.close-button {*/
/*    display: none;*/
/*}*/

.blogLinks .paragraphBlock a {
    color: var(--inverse-text-color);
    font-weight: var(--base-link-font-bold);
    font-size: var(--base-paragraph-size-small);
}

.blogLinks .paragraphBlock .linkContainer {
    margin: 0rem auto;
}

.partnerships img {
    background: var(--primary-color);
}

.annualmeeting h4 {
    margin-bottom: var(--small-margin-bottom);
}

.new-tag {
    background-color: var(--primary-color) !important;
    color: var(--inverse-text-color);
    padding: 0.05rem 0.3rem;
    margin: 0;
    box-shadow: none;
    display: inline-block;
}

.legalLinks .linkContainer a, .legalLinks .linkContainer a:hover {
    font-size: var(--base-paragraph-size);
    color: var(--link-color) !important;
    font-weight: var(--base-link-font-bold);
    font-family: var(--base-hero-font-family);
}

.legalLinks .linkContainer {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.legalLinks a::after {
    content: " | ";
    color: var(--inverse-text-color);
    margin: 0 1rem;
}

.legalLinks a:last-child::after {
    display: none;
}

.code-container.column {
    margin-left: 0.9375rem;
}

#PECAAHomePage:focus-visible {
    outline-color: transparent !important;
}

.standardLink i.icon-scale-2p0, .footerLink i.icon-scale-2p0, .iconImage.icon-scale-2p0 i {
    font-size: 2.0rem;
    padding-right: 0rem;
}

.specialGreen.section-divider, .specialGreen.constrainSectionDivider, .specialGreen .constrainSectionDivider, .specialGreen .section-color-light.constrainSectionDivider {
    border-bottom: 1px solid #76bc21 !important;
}

table .fa-solid.fa-circle-check {
    color: var(--quickLinks-text-color);
}

.checked .fa-check-circle:before, .fa-circle-check:before {
    content: "\f058";
}

.checked {
    text-align: center;
}

#mobile-login-dropdown a#peccaMax, #mobile-login-dropdown a#heaAdvantage {
    color: var(--quickLinks-text-color);
    font-family: var(--base-nav-font-family);
    font-size: var(--base-paragraph-small) !important;
    font-weight: var(--base-paragraph-weight);
    padding-bottom: 0;
    text-decoration: none;
    cursor: pointer;
}

.paragraphContainer.horizontalLine.highliteColor1 p::before, 
.paragraphBlock.verticalLine.highliteColor1::before {
    border-color: #76BC21 !important;
}

.paragraphContainer.horizontalLine.highliteColor2 p::before,
.paragraphBlock.verticalLine.highliteColor2::before {
    border-color: #8C2890 !important;
}

.paragraphContainer.horizontalLine.highliteColor3 p::before,
.paragraphBlock.verticalLine.highliteColor3::before {
    border-color: #00B3DC !important;
}

.paragraphContainer.horizontalLine.highliteColor4 p::before,
.paragraphBlock.verticalLine.highliteColor4::before {
    border-color: #f58220;
}

.paragraphContainer.horizontalLine.whiteHighlite p::before,
.paragraphBlock.verticalLine.whiteHighlite::before {
    border: 2px solid #fff;
}

.spread .highliteColor1, .spread .highliteColor2, .spread .highliteColor3, .spread .highliteColor4 {
    background-color: transparent;
}

.section-color-dark a, .section-color-background2 a, .section-color-background3 a, .section-color-background4 a {
    color: var(--inverse-text-color) !important;
}

/***** MEDIA QUIRIES START HERE ******/

/*--- SMALL only --------------------------------------------- */
@media screen and (max-width: 39.9375em) {
    
  .standardLink.mmHeader.noLink.mobileOnly {
    display: block !important;
  }
  
  .subnav-item .mmHeader.mobileOnly::after {
    display: none;
    content: '';
  }
  
  .top-bar .mobileOnly {
    display: block;
  }
    
  .backgroundImage + .paragraphBlock.textOverlay
  {
      position: absolute;
      width: unset;
  }

  .spread.militaryLRspread .backgroundImage + .paragraphBlock.textOverlay
  {
      left: 55px;
      right: 0;
      margin: auto;
      top: 46px;
      font-weight: 400;
  }

  .militaryLRspread .imageBlock .thumbnail.intrinsic
  {
      width: auto;
      margin: unset;
      height: auto;
  }

  .mainSidebar .linkContainer a
  {
      text-align: left;
  }

  .contactHeadings .headerBlock .paragraphBlock
  {
      padding-left: 1rem;
  }
  .contactBlockGrid .paragraphBlock .linkContainer
  {
      text-align:left;
  }

  #fsForm1473954 .inner-section.button-section .button-container,
  #fsForm4782168 .inner-section.button-section .button-container {
    padding-right: 1rem;
  }

  #fsForm1473954 .inner-section.button-section .button,
  #fsForm4782168 .inner-section.button-section .button {
    min-width: 7rem;
    font-weight: bold;
  }

  .flex-footer-column .site-tagline
  {
      text-align: center;
  }

  .presentation-slider {
    max-width: 100% !important;
  }
  
  .video_caption p {
    font-size: 28px;
    font-weight: var(--base-header-bolder);
    color: var(--header-text-color);
    font-family: var(--base-header-font-family);
    letter-spacing: var(--header-letter-spacing);
    line-height: 2.5rem;
    }
    
    .backLink .paragraphBlock .linkContainer {
        text-align: left;
    }
    
    .mobileTall .slideDetails {
        position: relative;
        z-index: 100000000;
        bottom: 4.5rem;
        background: rgba(255,255,255,0.1);
    }

    .slideDetails .paragraphContainer p {
        padding-left: var(--double-gutter-padding);
        padding-right: var(--single-gutter-padding);
    }
    
    .image_caption p {
        margin-left: var(--single-gutter-padding);
    }
    
    .dismissCheckbox label {
        font-size: var(--base-paragraph-size-small);
    }
    
    .dismissClose button {
        height: 2rem !important;
        margin-left: -2.5rem !important;
    }
    
   .flex-footer .footerLegal span {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
    }
    
    .legalLinks .linkContainer {
        display: flex;
        flex-direction: column;
        justify-content: center;  
    }
    
    .legalLinks .linkContainer a {
        display: block;
        clear: both; 
    }
    
    .legalLinks a::after {
        display: none;
    }

    .blockGrid3 .paragraphBlock .linkContainer {
        margin: 0 auto !important;
    }

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

    .flex-footer-column .linkColumn.alignListRight {
        justify-content: flex-start !important;
        flex-wrap: wrap;
    }

    .flex-footer.alignRight, .flex-footer .footerLegal.alignRight {
        text-align: left;
    }

    .scrollToTop {
        right: 25px;
    }
}

/* iPad Portrait */
@media screen and (min-width: 40em) and (orientation: portrait) {
    .hero-section3 .hero-section-text h1 {
      color: var(--header-text-color);
    }

    .hero-section3 .hero-section-text p {
      font-family: var(--base-hero-font-family);
      font-size: var(--hero-paragraph-font-size);
      line-height: var(--base-paragraph-line-height);
      color: var(--text-color);
      font-weight: var(--base-paragraph-weight);
    }
    
    .hero-section3 .button.secondary, .hero-section2 .button.secondary {
        border: 1px solid #fff;
        color: #fff;
    }
}

/*--- MEDIUM and UP only ------------------------------- */
@media screen and (min-width: 40em) {
  /*** footer css ***/
  .flex-footer-column .linkColumn.verticalLinkList {
      text-align: center;
      line-height: 32px;
  }

  .flex-footer .flex-footer-column .image {
    text-align: left;
  }

  /*** template css for sidebar layouts ***/
  section.pageBodyRow section.mainDisplay
  {
      padding-right: var(--double-gutter-padding);
      padding-left: 0;
  }

  section.pageBodyRow aside.mainSidebar
  {
      padding-left: var(--double-gutter-padding);
      padding-right: var(--single-gutter-padding);
  }

  section.article-component
  {
      padding-top: 0;
  }
}

/*--- MEDIUM only ------------------------- */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    /*** hero2 buttons ***/
    .hero-section2 .hero-section-text h1
    {
        color: var(--inverse-text-color);
    }

    /*** buttons on heros ***/
    .hero-section2 .button.primary
    {
        border: 1px solid #FFF;
        color: #FFF;
    }

    /* .hero-section2 .button.secondary,
    .hero-section3 .button.secondary
    {
        border: 1px solid #FFF;
        background: #FFF;
        color: var(--primary-color);
    } */

    .menu-icon
    {
        display: flex;
        width: 20px;
        height: 16px;
    }

    /*** LR spread ***/
    .spread .container div.paragraphBlock
    {
        padding-left: var(--single-gutter-padding);
        padding-right: var(--single-gutter-padding);
    }

    .spread .container.small-col-reverse, .spread .container.stack-spread.small-col-reverse, .spread.container.small-col-reverse, .spread.container.stack-spread.small-col-reverse {
        flex-direction: column-reverse;
    }

    /*** careers slider css ***/
    .careers-slider .presentation-slider .paragraphBlock h2
    {
        font-size: 1.5rem;
    }

    /*** hero buttons ***/
    .hero-section3 .button.hollow
    {
        background-color: var(--primary-color);
        color: #FFF;
        border: 1px solid var(--primary-color);
    }

    .hero-section2 .button.hollow
    {
        color: var(--inverse-text-color);
        border: 1px solid var(--inverse-text-color);
    }

    .hero-section3 .button.hollow:focus,
    .hero-section3 .button.hollow:hover
    {
        background-color: var(--section-color-bkgd4);
        color: #FFF;
        text-decoration: underline;
        border: 1px solid var(--section-color-bkgd4);
    }

    .hero-section2 .button.hollow:focus,
    .hero-section2 .button.hollow:hover
    {
        background-color: var(--section-color-bkgd3);
        color: var(--section-color-bkgd4);
        text-decoration: underline;
        border: 1px solid transparent;
    }

    .hero-section3 .button.secondary:focus,
    .hero-section3 .button.secondary:hover
    {
        background-color: var(--section-color-bkgd4);
        color: var(--inverse-text-color);
        text-decoration: underline;
        border: 1px solid transparent;
    }

    #fsForm1473954 .inner-section.button-section .button,
    #fsForm4782168 .inner-section.button-section .button {
        min-width: 6rem;
        font-weight: bold;
    }

    #fsForm1473954 .inner-section.button-section .button-container,
    #fsForm4782168 .inner-section.button-section .button-container,
    #fsForm1473954 .inner-section.button-section .submit-button,
    #fsForm4782168 .inner-section.button-section .submit-button {
      margin-left: 0;
      margin-right: 0;
  }

  .dropdown.menu {
      width: 100%;
      justify-content: flex-end;
      align-items: center;
      padding: 1rem 0rem;
  }
  
  .hero-section3 .hero-section-text.maintainHeroTextOverImageTablet h1, .hero-section3 .hero-section-text.maintainHeroTextOverImageTablet p {
        color: var(--header-text-color);
  }
    
  .hero-section3 .hero-section-text.maintainHeroTextOverImageTablet p {
        color: var(--text-color);
  }
  
  .spread .videoContainer iframe {
         height: 360px !important; 
  }  
  
  /*.reveal.small {*/
  /*      width: 75%;*/
  /*      max-width: 62.5rem;*/
  /*}*/
  
  .dismissClose .button {
        min-width: 8rem;
  }

  .flex-footer-column .linkColumn.verticalLinkList {
    text-align: center;
  }

  .flex-footer .flex-footer-column .image {
    text-align: left;
  }

  .flex-footer .flex-footer-column .image img {
    margin: 0 auto;
  }

  .flex-footer-column .linkColumn.alignListRight {
    justify-content: flex-start !important;
    flex-wrap: wrap;
  }

  .flex-footer-column .linkColumn.horizontalLinkList a {
    margin-right: 0;
    padding: 0 1rem 0 0rem;
  }

  .flex-footer.alignRight, .flex-footer .footerLegal.alignRight {
    text-align: left;
  }

  .scrollToTop {
    right: 20px;
  }

  #backtomainmenu_mobile {
    text-transform: capitalize;
  } 

}

/*--- SMALL and MEDIUM only ----------------------------------- */
@media screen and (max-width: 63.9375em) {

    /* this is needed to hide EPN since template wasn't built to handle this */
    div#offCanvasLeft > .mobile-nav-logo, .mobileCls, .mobileNavControl  {
        display: none;
    }

    .quickLinks .row
    {
        padding-left: 0.9375rem;
    }

    .topNavContainer.navbar-fixed .headerRow,
    .topNavContainer.navWithSearch .headerRow {
        padding-bottom: 0;
    }

    /* mobile nav css ***/
    header .topNavContainer
    {
        display: block;
        /* padding-right: .9375rem;
        padding-left: .9375rem; */
    }

    .mm-title-bar {
        color: #000;
        background-color: #fff;
        padding: 1rem 0.9375rem;
        flex-direction: row-reverse;
        align-items: center;
    }

    #megamenu .centered-menu {
      flex-direction: column;
      margin: 0;
      padding: 0;
    }

    .menu-icon::after {

        background: #000;
        box-shadow: 0 7px 0 #000, 0 14px 0 #000;
        height: 3px;

    }

    .navLinkContainer .navLogoContainer-mobile {
        display: inline-block;
        text-align: left;
        /* flex-grow: 1; */
    }

    .navLinkContainer .navLogoContainer-mobile img
    {
      /*width: 30%;*/
    }

    .top-bar .dropdown.menu a,
    .top-bar .dropdown.menu a:active,
    .top-bar .dropdown.menu a:hover
    {
      color: var(--quickLinks-text-color);
      border-bottom: none;
      text-align: left;
      padding-top: 0.4rem;
      padding-bottom: 0.4rem;
      padding-left: 0.4rem;
      /* border-bottom: 1px solid #8C8C8C; */
    }

    .top-bar .dropdown.menu a.mmLink
    {
      color: var(--text-color);
      border-bottom: none;
      text-align: left;
      padding-top: 0.2rem;
      padding-bottom: 0.2rem;
      padding-left: 0;
      font-weight: 400;
      text-transform: unset;
    }

    .top-bar .dropdown.menu li:not(.mmLink):not(.mmHeader)
    {
      border-bottom: 1px solid #000;
      text-align: left;
      width: 100%;
      padding: 0rem;
    }
    
    #megamenu .top-bar .dropdown-pane {
        top: 0 !important;
        background-color: #fff;
        border-bottom: none;
        box-shadow: none;
        width: 108% !important;
        /* max-width: 122%; */
        left: 0 !important;
        /* bottom: 0; */
        position: absolute;
        /* hmmm   min-height: 18rem;*/
        padding: 0;
        padding-bottom: 1.5rem;
        min-width: unset;
    }
    
    #megamenu .top-bar .dropdown-pane#mm-training {
        top: -138px !important;
    }
    
    #megamenu .top-bar .dropdown-pane#mm-events {
        top: -193px !important;
    }
    
    #megamenu .top-bar .dropdown-pane#mm-community {
        top: -238px !important;
    }
    
    #mm-vendors .menuColumnContainer {
        min-height: 16rem;
    }
    
    #mm-support .menuColumnContainer {
        min-height: 16rem;
    }
    
    #mm-training .menuColumnContainer {
        min-height: 16rem;
    }
    
    #mm-community .menuColumnContainer {
        min-height: 16rem;
    }
    
    li.mobileOnly.is-open {
        border-bottom: none !important;
    }
    
    header #megamenu .top-bar #mm-community.dropdown-pane, 
    header #megamenu .top-bar #mm-events.dropdown-pane, 
    header #megamenu .top-bar #mm-training.dropdown-pane, 
    header #megamenu .top-bar #mm-membership.dropdown-pane {
        max-width: unset !important;
        width: 100% !important;
    }
    
    ul.dropdown li ul.menu.vertical li, ul.dropdown li ul.menu.horizontal li {
         /*margin-left: 2.2rem; */
        display: none;
    }
    
    ul.dropdown li ul.menu.vertical li.is-open,
    ul.dropdown li ul.menu.vertical li.is-open .group-open {
        display: block;
    }

.menuColumnContainer {
  width: 100%;
}

    .subnav-item .standardLink.noLink.mobileOnly {
        font-size: 1rem;
        font-weight: bold !important;
    }
    
    .subnav-item .standardLink.noLink.menuBack.mobileOnly {
        font-weight: 300 !important;
        font-size: 14px;
    }

    .subnav-item.mmHeader.menuBack.mobileOnly {
        border-bottom: 1px solid black !important;
        font-weight: 300 !important;
        font-size: 14px;
        margin-left: 0;
    }

    .top-bar .dropdown.menu a.dropdown.mobileGetStarted {
        padding-left: 1rem;
    }
    
    .menu li .dropdown-pane a, .menu.expanded li .dropdown-pane a {
        font-size: 0.95rem;
    }
    
    .dropdown.menu a, .dropdown.menu a:active, .dropdown.menu a:hover {
        font-size: 1rem;
    }
    
    a.standardLink.mmHeader.group-open {
        margin-left: 0.5rem;
    }
    
    a.standardLink.mmHeader.group-open::after {
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        content: "\f105" !important;
        float: right;
        font-size: 19px;
    }
    
    a.standardLink.mmHeader::after {
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        content: "\f107" !important;
        float: right;
        font-size: 19px;
    }
    
    .subnav-item.mmLink.is-open {
        /*padding-left: 3rem;*/
    }
    
    ul.outer.menu.vertical.three-columns,
    ul.inner.menu.vertical.three-columns {
        padding-right: 19px;
    }
    
    .standardLink.mmHeader {
        margin-left: 6px !important;
    }
    
    .subnav-item.mmLink.is-open {
        margin-left: 16px;
    }
    
    .topnav-item a.dropdown.noLink {
        letter-spacing: 1px !important;
    }
    
    .subnav-item.mmLink.is-open {
        margin-top: -0.5rem;
    }
    
    .standardLink.noLink.mobileOnly.is-open.group-open:hover,
    .standardLink.noLink.mobileOnly.is-open.group-open:active {
        padding-left: 0 !important;
    }
    
    .top-bar .dropdown.menu a, 
    .top-bar .dropdown.menu a:active, 
    .top-bar .dropdown.menu a:hover {
        padding-left: 0;
    }
    
    .menu.expanded li.topnav-item {
        border-bottom: none;
    }
    
    :nth-child(7 of .topnav-item) {
        border-bottom: none;
    }
    
    .topnav-item.mm-community {
        margin-bottom: .75rem;
    }

    header #megamenu .top-bar #mm-home.dropdown-pane,
    header #megamenu .top-bar #mm-ed-on.dropdown-pane
    {
      max-width: 100%;
      width: 100% !important;
    }

    .navLinkContainer a.dropdown::before
    {
      content: "";
      width: 0;
      margin: 0;
    }

    .navLinkContainer a[data-toggle]::after
    {
      font-family: "Font Awesome 6 Pro";
      font-weight: 900;
      content: "\f105" !important;
      float: right;
      font-size: 19px;
    }

    .navLinkContainer a[data-toggle].hover::after
    {
      content: "\f106";
    }

    .hamburger-close::after {
      font-family: "Font Awesome 6 Pro";
      content: "\f067";
      background: unset;
      box-shadow: unset;
      transform: rotate(45deg);
      color: #0069b5;
    }

    .hamburger-close.menu-icon:hover::after, .hamburger-close.menu-icon::after {
      background: unset;
      box-shadow: unset;
    }

    /*** sidebar css for tablet and mobile ***/
    section.pageBodyRow
    {
        flex-direction: column;
    }

    section.pageBodyRow section.mainDisplay
    {
        padding-right: 0;
        padding-left: 0;
    }

    section.pageBodyRow aside.mainSidebar
    {
        padding-left: var(--single-gutter-padding);
        padding-right: var(--single-gutter-padding);
    }

    /*** button css ***/
    .button {
        min-width: 12rem;
    }
    
    .dismissClose .button {
        min-width: 7.5rem;
    }

    .heroTestimonial .hero-container.maintainHeroTextOverImage .hero-section-text
    {
        background-image: none !important;
    }

    .presentation-slider {
      /* max-width: 43rem; */
      max-width: 90%;
    }

    .viewMoreButton {
        margin-bottom: 0;
    }

    .dropdown.menu {
        padding: 0 1.375rem 0 .75rem;
        box-shadow: 0px 1px 16px -10px var(--quickLinks-text-color);
    }
    
    .jump-links .linkContainer {
        margin-left: auto;
        margin-right: auto;
        max-width: var(--row-class-width);
        background: var(--header-text-color);
        color: var(--inverse-text-color);
        padding-top: 1.5rem;
    }

    .quickLinks {
        display:none;
    }

    a.dropdown.mobileGetStarted {
        background: var(--header-text-color);
        font-family: var(--base-nav-font-family);
        font-size: var(--base-paragraph-small) !important;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        color: var(--inverse-text-color) !important;
    }
    
    a.dropdown.mobileWhyPECAA, a.dropdown.mobileRebate {
        font-family: var(--base-nav-font-family);
        font-size: var(--base-paragraph-small) !important;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .top-bar .dropdown.menu .menu.vertical li.subnav-item.mmHeader.mobileOnly {
        padding-left: 0;
    }

    .subnav-item .menuBack::before {
        content: "\f053";
        padding-right: 1rem;
        font-family: "Font Awesome 6 Pro";
        font-weight: 700;
        font-size: 14px;
        float: left;
    }
}

@media screen and (min-width: 63.98em) {
    .heroTestimonial .hero-container.maintainHeroTextOverImage img
    {
        display: block;
    }

    .heroTestimonial .hero-container.maintainHeroTextOverImage .hero-section-text
    {
        background-image: none !important;
    }
}


/*--- Large and up ------------------------- */
@media screen and (min-width: 64em) {
    h1
    {
        color: var(--header-text-color);
        font-family: var(--base-header-font-family);
        font-size: var(--h1-font-size);
        line-height: var(--h1-line-height);
        font-weight: var(--base-header-bolder);
        letter-spacing: normal;
    }

    .hero-section3 .hero-section-text h1, 
    .hero-section2 .hero-section-text h1, 
    .hero-section3 .hero-section-text h2, 
    .hero-section2 .hero-section-text h2, 
    .hero-section3 .hero-section-text h3, 
    .hero-section2 .hero-section-text h3, 
    .hero-section3 .hero-section-text h4, 
    .hero-section2 .hero-section-text h4 {
        color: var(--inverse-text-color);
    }
    
    .hero-section3 .hero-section-text {
        position: absolute;
        display: flex;
        /*justify-content: center;*/
        /* margin: 2rem 0; */
        /*padding: 2rem 3rem 2rem 0;*/
        z-index: 1;
        width: 60%;
    }

    /*** buttons on heros ***/
    .hero-section3 .button.primary,
    .hero-section3 .button.primary:hover,
    .hero-section2 .button.primary
    {
        border: 1px solid var(--dark-background);
        background: var(--dark-background);
        color: var(--inverse-text-color);
    }

    .hero-section3 .button.secondary,
    .hero-section3 .button.secondary:hover,
    .hero-section2 .button.secondary
    {
        border: 1px solid var(--dark-background);
        background: var(--inverse-text-color);
        color: var(--dark-background);
    }

/*  .hero-section3 .button.secondary:focus,
    .hero-section3 .button.secondary:hover,
    .hero-section2 .button.secondary:focus,
    .hero-section2 .button.secondary:hover
    {
        background-color: var(--section-color-bkgd3);
        color: var(--inverse-text-color);
        text-decoration: underline;
        border: 1px solid transparent;
    } */

    .hero-section3 .button.hollow,
    .hero-section2 .button.hollow
    {
        color: var(--inverse-text-color);
        border: 1px solid var(--inverse-text-color);
    }

    .hero-section3 .button.hollow:focus,
    .hero-section3 .button.hollow:hover,
    .hero-section2 .button.hollow:focus,
    .hero-section2 .button.hollow:hover
    {
        background-color: var(--section-color-bkgd3);
        color: var(--section-color-bkgd4);
        text-decoration: underline;
        border: 1px solid transparent;
    }
    
    /*** special padding rules on desktop ***/

    main.specialGutterPadding section .headerBlock .paragraphBlock.column,
    main.specialGutterPadding div .headerBlock .paragraphBlock.column
    {
        /*padding-left: var(--single-gutter-padding);
        padding-right: var(--single-gutter-padding);*/
        justify-content: unset;
    }

    main.specialGutterPadding section.hero-section2 .headerBlock .paragraphBlock.column,
    main.specialGutterPadding section.hero-section3 .headerBlock .paragraphBlock.column
    {
        padding-left: var(--single-gutter-padding);
        padding-right: 0;
        justify-content: unset;
    }

    main.specialGutterPadding aside.mainSidebar .headerBlock .paragraphBlock.column
    {
        padding-left: 0;
        padding-right: 0;
    }

    main.specialGutterPadding section.column-flex-container .row > .container
    {
        padding-left: calc(var(--double-gutter-padding)*2);
        padding-right: calc(var(--double-gutter-padding)*2);
    }

    main.specialGutterPadding section.blockGrid3 .columnContainer
    {
        padding-left: calc((var(--double-gutter-padding)*2) - var(--single-gutter-padding));
        padding-right: calc((var(--double-gutter-padding)*2) - var(--single-gutter-padding));
    }

    main.specialGutterPadding section .featuredNewsComponent
    {
        padding: calc(var(--double-gutter-padding) + var(--single-gutter-padding)) calc((var(--double-gutter-padding)*2) - var(--single-gutter-padding)) var(--double-gutter-padding) calc((var(--double-gutter-padding)*2) - var(--single-gutter-padding));
    }

    /*** sidebar rules for special padding ***/
    main.specialGutterPadding .spread .container.column
    {
        padding-left: calc(var(--double-gutter-padding)*2);
        padding-right: calc(var(--double-gutter-padding)*2);
        justify-content: unset;
    }

    main.specialGutterPadding .column-flex-container .videoContainer,
    main.specialGutterPadding .column-flex-container .image
    {
        padding-left: calc(var(--double-gutter-padding)*2);
        padding-right: calc(var(--double-gutter-padding)*2);
    }

    main.specialGutterPadding .mainDisplay .videoContainer,
    main.specialGutterPadding .mainDisplay .image,
    main.specialGutterPadding .videoComponent .videoContainer,
    main.specialGutterPadding .imageComponent .image
    {
        padding-left: calc(var(--double-gutter-padding)*2);
        padding-right: calc(var(--double-gutter-padding)*2);
    }

    section .columnBlockContainer .headerBlock .paragraphBlock
    {
        padding-left: 0;
        padding-right: 0;
    }

    section .columnBlockContainer .image
    {
        margin-bottom: 0.8rem;
    }

    /*** video component padding ***/
    .column-flex-container .videoComponent,
    .mainDisplay .videoComponent
    {
        padding-left: 0;
        padding-right: 0;
    }

    .column-flex-container .videoContainer,
    .mainDisplay .videoContainer
    {
        padding-left: calc(var(--double-gutter-padding)*2);
        padding-right: calc(var(--double-gutter-padding)*2);
    }

    .category-links-block .headerBlock .paragraphBlock,
    .headerBlock.marqueePadding .paragraphBlock
    {
        padding-left: 0;
        padding-right: 0;
    }

    .article-sidebar
    {
      padding-top: 0;
      padding-left: 4rem;
    }


    /*** hero css ***/
    .hero-section3 .hero-section-text,
    .hero-section2 .hero-section-text,
    .hero-section3 .hero-section-text .paragraphBlock,
    .hero-section2 .hero-section-text .paragraphBlock
    {
        padding: 0;
        justify-content: unset;
    }

    .hero-section3 .hero-section-text h1,
    .hero-section2 .hero-section-text h1
    {
        color: var(--header-text-color);
        line-height: 1.2;
        /*font-weight: var(--base-header-weight);*/
    }
  
    .hero-section3 .hero-section-text h2,
    .hero-section2 .hero-section-text h2,
    .hero-section3 .hero-section-text h3,
    .hero-section2 .hero-section-text h3,
    .hero-section3 .hero-section-text h4,
    .hero-section2 .hero-section-text h4
    {
        color: var(--inverse-text-color);
        line-height: 1.5;
        /* font-family: var(--base-font-family); */
        font-weight: 300;
    }

    .hero-section3 .hero-section-text p,
    .hero-section2 .hero-section-text p
    {
        font-family: var(--base-hero-font-family);
        font-size: var(--hero-paragraph-font-size);
        line-height: 1.4;
        color: var(--text-color);
        font-weight: var(--base-paragraph-hero-weight);

    }

    .hero-section3 .maintainHeroTextOverImage .hero-section-text
    {
        width: 60%;
        justify-content: center;
        text-align: center;
    }

    /*** header css ***/
    .dropdown.menu {
      width: 100%;
      justify-content: space-between;
      align-items: center;
    }

    .top-bar .dropdown.menu a.mmLink:hover
    {
      text-decoration: underline;
    }

    header .menu.expanded li.navLogoContainer
    {
      flex: 0.85 0 250px !important;
      padding-left: var(--double-gutter-padding)*3.5;
    }

    .menu.expanded li.topnav-item {
        flex: 0 0 auto;
        padding: 0 1.5rem;
        margin-right: 1.5rem;
    }
    
    .adminLinks {
        margin-right: 2rem;
    }

    .menuStyling.iconAfter i {
        padding-left: 0.5rem;
        line-height: unset;
        margin-top: 0.5rem;
    }

    header .navLinkContainer .navLogoContainer a:hover,
    header .navLinkContainer .navLogoContainer a:active,
    header .navLinkContainer a:hover,
    header .navLinkContainer a:active
    {
      text-decoration: none;
      border: none;
      padding: 0;
      border-bottom: none;
    }

    #megamenu .top-bar .dropdown-pane {
      display: flex;
    }

    .mobileQuickLinksDYN
    {
      display: none;
    }

    .top-bar, .navbar-fixed .top-bar {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        padding: 1rem 0 1rem 0;
      }

    /*** fixed header css ***/
    .navbar-fixed .top-bar
    {
        /* padding: 0.6rem 0 0.6rem 0; */
    }

    header .topNavContainer.navbar-fixed .headerRow
    {
      padding: 0;
      margin: 0 auto;
    }

    header .navbar-fixed .menu.expanded li.navLogoContainer
    {
      flex: 0.335 0 160px;
    }

    header .navbar-fixed .dropdown.menu a,
    header .navbar-fixed .menu.expanded li a.dropdown
    {
      font-size: 1rem;
    }

    .menu-icon
    {
      width: 20px;
    }

    /*** blog css ***/
    .catPinContainer.section-color-light
    {
        padding: 2.5rem 1.5rem 1.5rem 1.5rem;
    }
    .catPinContainer.section-color-light .column-block
    {

        padding-left: 2rem;
        padding-right: 2rem;
        padding-bottom: 2rem;
        margin-bottom: 0rem;
    }

    /*** sidebar css ***/
    section.pageBodyRow aside.mainSidebar.sidebarBorder
    {
        border-left: 1px solid var(--sideBarBorderColor);
        margin-left: 0.6rem;
        padding-left: calc( var(--double-gutter-padding) + 0.4rem );
    }

    /*** speaker css ***/
    .speakerContainer
    {
        padding-left: var(--double-gutter-padding);
        padding-right: 0;

    }
    .sidebarFormat .thumbnailImageContainer
    {
      flex-grow: 1;
      margin-right: unset;
      text-align: left;
    }
    .thumbnailImageContainer {
      flex-grow: unset;
    }

    .dropdown.menu > li.opens-right > .is-dropdown-submenu, .dropdown.menu > li.opens-left > .is-dropdown-submenu, .dropdown.menu > li.opens-inner > .is-dropdown-submenu {
      width: 150%;
    }

    /*** accordion css ***/
    a.accordion-title
    {
        padding: 1rem;
    }

    .accordion-title::before
    {
        margin-right: 1rem;
    }

    .accordion-content .spread.container .spreadCol2 .headerBlock .paragraphBlock {
        padding-left: calc(var(--double-gutter-padding)*2);
    }

    /*** Daron ***/
    .contactBlockGrid .columnBlock
    {
        padding-left: 0;
    }

    /*** videoComponent css*/
    .column-flex-container .videoContainer,
    .mainDisplay .videoContainer
    {
        padding-left: calc(var(--double-gutter-padding)*2);
        padding-right: 0;
    }

    #fsForm1473954 .inner-section.button-section .button,
    #fsForm4782168 .inner-section.button-section .button {
      min-width: 12rem;
      font-weight: bold;
    }

    .presentation-slider {
      /* max-width: 70rem; */
      max-width: 90%;
    }

    .sidebarFormat .thumbnailImageContainer {
        flex-grow: unset;
        margin-right: 1rem;
    }

    section.pageBodyRow {
        padding-top: 2rem;
    }

    .row.headerRow {
      padding-left: 0;
      padding-right: 0;
      /*max-width: 95%;*/
      margin: 0 auto;
  }

    .video_caption p {
      font-size: 36px;
      font-weight: var(--base-header-bolder);
      color: var(--header-text-color);
      font-family: var(--base-header-font-family);
      letter-spacing: var(--header-letter-spacing);
      line-height: 2.5rem;
   }
  
  .video_caption p.videoLength {
      font-family: var(--base-font-family);
      font-size: var(--base-paragraph-size);
      line-height: var(--base-paragraph-line-height);
      color: var(--text-color);
      font-weight: var(--base-paragraph-weight);
   }
  
  .jump-links .linkContainer a.standardLink {
        display: block;
        font-size: var(--base-paragraph-size-small);
    }
    
    .key .section-color-background3 {
        min-height: 485px;
        padding-left: 3rem;
    }
    
    .key .section-color-background4 {
        min-height: 542px;
        padding-left: 3rem;
    }
    
    .homepage h2, .homepage h3 {
        margin-bottom: 1.25rem;
    }
        
    li .mobileWhyPECAA, li .mobileRebate, li .mobileGetStarted, li .mobileMax, li .mobileAdvantage {
        display: none;
    }
    
    .menu.expanded li .dropdown-pane a.standardLink.mmHeader {
        font-weight: var(--base-link-font-bold);
        font-size: var(--base-paragraph-size);
        letter-spacing: 1px;
    }

    .dropdown.menu a,
    .dropdown.menu a:active,
    .dropdown.menu a:hover
    {
        text-transform: none;
        align-self: center;
        text-decoration: none;
        border-bottom: none;
        color: var(--text-color);
        font-family: var(--base-nav-font-family);
        font-size: var(--base-nav-font-size);
        font-weight: 400;
        line-height: 2.2;
    }

    .menu li .dropdown-pane a.standardLink,
    .menu.expanded li .dropdown-pane a.standardLink
    {
        text-transform: none;
        font-size: var(--base-paragraph-size-small);
        font-weight: var(--base-header-weight-normal);
        letter-spacing: 1px;
    }

    #megamenu .top-bar #mm-vendors.dropdown-pane, #megamenu .top-bar #mm-support.dropdown-pane  {
        top: 55px !important;
    }

    #megamenu .top-bar #mm-membership.dropdown-pane, #megamenu .top-bar #mm-training.dropdown-pane, #megamenu .top-bar #mm-events.dropdown-pane, #megamenu .top-bar #mm-community.dropdown-pane {
        top: 55px !important;
    }
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) 
{ 

}

/********************** iPad 9.7" (768x1024) *************************/
/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2) 
{

}

/*---- Portrait Only ----*/
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) 
{

}

/*---- Landscape Only ----*/
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {

  .presentation-slider {
    /* max-width: 58rem; */
    max-width: 90%;
  }
  
  .hero-section3 .stackHero .hero-section-text h1, 
  .hero-section2 .stackHero .hero-section-text h1, 
  .hero-section3 .stackHero .hero-section-text h2, 
  .hero-section2 .stackHero .hero-section-text h2, 
  .hero-section3 .stackHero .hero-section-text h3, 
  .hero-section2 .stackHero .hero-section-text h3, 
  .hero-section3 .stackHero .hero-section-text h4, 
  .hero-section2 .stackHero .hero-section-text h4,
  .hero-section3 .stackHero .hero-section-text p {
     color: var(--text-color); 
  }
  
  main.specialGutterPadding section.hero-section2 .stackHero .headerBlock .paragraphBlock.column, 
  main.specialGutterPadding section.hero-section3 .stackHero .headerBlock .paragraphBlock.column {
      padding-left: 0;
      padding-top: 1rem;
  }
  
  .hero-section3 .stackHero .hero-section-text h1, 
  .hero-section2 .stackHero .hero-section-text h1 {
      font-size: 2.5rem;
  }

  .dropdown.menu a, .dropdown.menu a:active, .dropdown.menu a:hover {
        align-self: center;
        text-decoration: none;
        border-bottom: none;
        color: var(--text-color);
        font-family: var(--base-font-family);
        font-size: var(--base-paragraph-smaller) !important;
        font-weight: 400;
        line-height: 2.2;
    }

    main.specialGutterPadding section.hero-section2 .headerBlock .paragraphBlock.column, main.specialGutterPadding section.hero-section3 .headerBlock .paragraphBlock.column {
        padding-left: var(--single-gutter-padding);
        padding-right: 0;
        justify-content: unset;
    }

    .row.headerRow {
      padding-left: 0;
      padding-right: 0;
      max-width: 100%;
      margin: 0 auto;
    }
    
    #fsForm1473954 .inner-section.button-section .button,
    #fsForm4782168 .inner-section.button-section .button {
      width: 7rem;
      font-weight: bold;
    }
    
    .jump-links .linkContainer a.standardLink::after, .jump-links .linkContainer a.standardLink.textLink::after {
        display: inline-block;
        content: " | ";
        font-size: 1.1rem;
        font-weight: 800;
        font-family: "Font Awesome 6 Pro";
        padding-left: 0.4rem;
        text-decoration: none;
        line-height: 0.8;
    }
    
    .key .section-color-background3, .key .section-color-background4 {
        min-height: 525px;
        padding-left: 2rem;
    }

    .flex-footer .flex-footer-column .image {
        text-align: left;
        margin-left: 0.9375rem;
    }

    header .menu.expanded li.navLogoContainer {
        flex: 1 0 120px !important;
        padding-left: var(--double-gutter-padding)* 3.5;
    }

}


/********************** iPad Pro 12.9" *************************/

/*---- Portrait and Landscape ----*/
@media only screen
  and (min-device-width: 1024px)
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) 
  {
    .hero-section3 .hero-section-text h1,
    .hero-section2 .hero-section-text h1,
    .hero-section2 .hero-section-text p
    {
        font-size: 32px;
        line-height: 1.5;
    }

    .hero-section3 .hero-section-text p {
        color: var(--text-color);
    }

    .hero-section3 .button.secondary,
    .hero-section3 .button.secondary:focus,
    .hero-section3 .button.secondary:hover {
        background-color: #FFF;
        color: var(--primary-color);
        border-color: 1px solid var(--primary-color);
    }

    .hero-section2 .hero-section-text h1 {
        color: var(--inverse-text-color);
    }

    .presentation-slider {
      /* max-width: 58rem; */
      max-width: 90%;
    }

    .dropdown.menu a, .dropdown.menu a:active, .dropdown.menu a:hover {
        /*text-transform: uppercase;*/
        align-self: center;
        text-decoration: none;
        border-bottom: none;
        color: var(--text-color);
        font-family: var(--base-nav-font-family);
        font-size: var(--base-paragraph-smaller);
        font-weight: 400;
        line-height: 2.2;
    }
 }

 /*---- Landscape only ----*/
@media only screen
  and (min-device-width: 1024px)
  and (max-device-width: 1366px)
  and (orientation: landscape) {
        .dropdown.menu a, .dropdown.menu a:active, .dropdown.menu a:hover {
        align-self: center;
        text-decoration: none;
        border-bottom: none;
        color: var(--text-color);
        font-family: var(--base-nav-font-family);
        font-size: var(--base-paragraph-small);
        font-weight: 400;
        line-height: 2.2;
    }
    
    div#memberLogin {
        width: 180px;
        margin-top: 3.35rem;
        margin-right: 0;
    }

    #megamenu .top-bar #mm-vendors.dropdown-pane, #megamenu .top-bar #mm-support.dropdown-pane {
        top: 60px !important;
    }

    #megamenu .top-bar #mm-membership.dropdown-pane, #megamenu .top-bar #mm-training.dropdown-pane, #megamenu .top-bar #mm-events.dropdown-pane, #megamenu .top-bar #mm-community.dropdown-pane {
        top: 54px !important;
    }
    
}

 /*---- Portrait only ----*/
@media only screen
  and (min-device-width: 1024px)
  and (max-device-width: 1366px)
  and (orientation: portrait) {
    .key .section-color-background3 {
        min-height: 525px;
        padding-left: 2rem;
    }
    
    .home.hero-section3 .hero-section-text {
        padding: 1rem 0;
        position: absolute;
        width: 75% !important;
        align-items: flex-start;
        justify-content: flex-start;
        margin: 0;
    }

    header .menu.expanded li.navLogoContainer {
        flex: 0.85 0 150px !important;
        padding-left: var(--double-gutter-padding)* 3.5;
    }
    
    div#memberLogin {
        width: 180px;
        margin-top: 3.35rem;
        margin-right: 0;
    }

    .menu.expanded li.topnav-item {
        padding: 0.5rem 0rem !important;
    }
  }  
  
 @media only screen
   and (min-device-width: 810px)
   and (max-device-width: 1366px)
   and (-webkit-min-device-pixel-ratio: 2)
 {

     .hero-section2 .button.secondary,
     .hero-section2 .button.secondary:focus,
     .hero-section2 .button.secondary:hover
     {
         margin-left: 0;
     }

     .accordion-content .spread.container .spreadCol2 .headerBlock .paragraphBlock
     {
          padding-left: 0.9375rem;
     }

 }

 @media only screen
   and (min-device-width: 810px)
   and (max-device-width: 1366px)
   and (-webkit-min-device-pixel-ratio: 2)
   and (orientation: portrait)
 {
      header .menu.expanded li.navLogoContainer
      {
          flex: 1 0 165px;
          padding: 0 0.9375rem;
      }

      .menu.expanded li.topnav-item {
        padding: 0 1.2rem;
      }

      .hero-section2 .hero-section-text h1
      {
          color: var(--inverse-text-color);
      }

      .catContainer.featuredNewsComponent .article-summary
      {
        width: 80%;
      }

      .hero-section3 .hero-container {
          flex-direction: column;
      }

      .hero-section3 .hero-section-text {
          position: relative;
          /* width: 100%; */
      }
 }

 @media only screen
   and (min-device-width: 810px)
   and (max-device-width: 1023px)
   and (-webkit-min-device-pixel-ratio: 2)
   and (orientation: portrait)
 {
     .hero-section3 .hero-section-text {
         position: relative;
         width: 100%;
     }
 }

 @media only screen
   and (min-device-width: 810px)
   and (max-device-width: 1366px)
   and (-webkit-min-device-pixel-ratio: 2)
   and (orientation: landscape)
 {
      header .menu.expanded li.navLogoContainer
      {
         flex: 1 0 165px;
         padding: 0 0.9375rem;
      }

      .menu.expanded li.topnav-item
      {
        padding: 0 1.25rem;
      }
 }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)
{
    .blockGrid3 .paragraphBlock .paragraphContainer
    {
        padding: 0.125rem 0;
    }

    /*** Daron ***/
    .contactHeadings .headerBlock .paragraphBlock
    {
        padding-left: 1rem;
    }
    .contactBlockGrid .paragraphBlock .linkContainer
    {
        text-align:left;
    }

    #fsForm1473954 .inner-section.button-section .button,
    #fsForm4782168 .inner-section.button-section .button {
      width: 8rem;
      font-weight: bold;
    }
}

@media only screen and (min-device-width: 768px)
and (max-device-width: 1023px) and (orientation: portrait) {

  .hero-section3 .hero-container {
      flex-direction: column;
      position: relative;
      width: 100%;
  }

  .hero-section3 .hero-section-text {
      position: relative;
      width: 100%;
  }

  .heroTestimonial .hero-container.maintainHeroTextOverImage .hero-section-text {
      background-image: unset !important;
      background-color: var(--dark-background)
  }
}

@media only screen and (min-device-width: 660px)
and (max-device-width: 1023px) and (orientation: landscape) {

  .hero-section3 .hero-container {
      flex-direction: column;
      position: relative;
      width: 100%;
  }

  .hero-section3 .hero-section-text {
      position: relative;
      width: 100%;
  }

  .hero-section3 .hero-section-text h1
  {
      color: var(--header-text-color);
  }
  
  .hero-section3 .hero-section-text p
  {
      color: var(--text-color);
  }

  .hero-section2 .button.secondary, .hero-section3 .button.secondary
  {
      border: 1px solid var(--primary-color);
  }
}

@media only screen
  and (min-device-width: 1024px)
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    .hero-section3 .hero-container {
        flex-direction: row;
    }

    .hero-section3 .hero-section-text {
        position: absolute;
    }

    .hero-section3 .hero-container.maintainHeroTextOverImage .hero-section-text {
        position: relative;
    }

    .hero-section3.heroTestimonial .hero-container.maintainHeroTextOverImage .hero-section-text {
        position: absolute;
    }
    
    .key .section-color-background3 {
        min-height: 525px;
        padding-left: 2rem;
    }
}

@media screen and (min-width: 1367px) and (max-device-width: 1792px) { 
    main.specialGutterPadding section.hero-section2 .headerBlock .paragraphBlock.column, main.specialGutterPadding section.hero-section3 .headerBlock .paragraphBlock.column {
      padding-left: calc(var(--double-gutter-padding)*8);
      padding-right: 0;
      justify-content: unset;
  }

    .dropdown.menu {
      width: 100%;
      justify-content: center;
      align-items: center;
  }

  .slideDetails .paragraphBlock {
      display: block;
      align-items: center;
      padding: 1rem;
      margin-top: -15rem;
      background-color: hsla(0,0%,100%,.6352941176);
  }
}

@media screen and (min-width: 1793px) 
{ 
  main.specialGutterPadding section.hero-section2 .headerBlock .paragraphBlock.column, main.specialGutterPadding section.hero-section3 .headerBlock .paragraphBlock.column {
      padding-left: calc(var(--double-gutter-padding)*8.5);
      padding-right: 0;
      justify-content: unset;
  }

  .dropdown.menu {
      width: 100%;
      justify-content: center;
      align-items: center;
  }

  .hero-section3 .hero-section-text h1, .hero-section2 .hero-section-text h1 {
      color: var(--header-text-color);
      line-height: 1.2;
      font-weight: var(--base-header-bolder);
      margin-top: 2rem;
      letter-spacing: normal;
  }
  
  a.dropdown.membership, a.dropdown.membership:hover {
    background: var(--header-text-color) !important;
    padding: 0.15rem 1.5rem;
    color: var(--inverse-text-color) !important;
  }

  .adminLinks .button.secondary {
    background: var(--header-text-color);
    color: var(--inverse-text-color);
    /* margin: 1rem; */
    font-size: var(--base-nav-font-size);
  }

  .button + .standardLink, .standardLink + .button {
    margin-top: 0.25rem;
 }

  .topnav-item.mm-login a.dropdown.noLink {
    background: var(--primary-color) !important;
    padding: 0.15rem 1.5rem;
    color: var(--inverse-text-color) !important;
    font-size: var(--base-paragraph-size);
  }
  
  .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    position: absolute;
    right: 0;
    top: 4px;
    border: 1px solid var(--section-color-bkgd4);
    background-color: var(--section-color-bkgd4);
    color: var(--inverse-text-color);
    padding: 0;
    height: 50px;
    width: 45px;
    content: '\f107';
    font-family: "Font Awesome 6 Pro";
    /* font-weight: 900; */
    font-size: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;

  }
  
  #job p, .job p, #practices p, .practices p, #equipment p, .equipment p {
    margin-left: 1.65rem;
  }
  
  /*.reveal.small {*/
  /*  width: 35%;*/
  /*  max-width: 62.5rem;*/
  /*}*/
  
  .blog .paragraphBlock.centerComponentContent {
    width: 70%;
    margin-top:2rem;
    margin-bottom:-1.5rem;
  }
  
  .code-container h2, .code-container p {
    /*margin-left: 2.05rem;*/
    margin-bottom: 0.5rem;
  }
  
  .section-color-background4 {
        padding-left: 3rem;
  }
}

/*---- iPad 16 Only ----*/
@media only screen
and (min-device-width: 820px)
and (max-device-width: 1106px)
and (orientation: landscape) 
{
    .hero-section3 .hero-section-text h1 {
         color: var(--header-text-color);
         line-height: 1.2;
         font-weight: var(--base-header-bolder);
    }
    
    .key .section-color-background3 {
        min-height: 525px !important;
        padding-left: 2rem;
    }
    
    #megamenu .top-bar #mm-membership.dropdown-pane, #megamenu .top-bar #mm-training.dropdown-pane, #megamenu .top-bar #mm-events.dropdown-pane, #megamenu .top-bar #mm-community.dropdown-pane, #megamenu .top-bar #mm-vendors.dropdown-pane, #megamenu .top-bar #mm-support.dropdown-pane {
        top: 48px !important;
    }
    
    div#memberLogin {
        width: 220px;
        margin-top: 3.35rem;
        margin-right: 0;
    }
    
        header .menu.expanded li.navLogoContainer
      {
          flex: 0.75 0 150px !important;
          padding: 0 0.9375rem;
      }

      .menu.expanded li.topnav-item {
        padding: 0 1.2rem;
      }
}

/*---- iPad 9 Only ----*/
@media only screen
and (min-device-width: 810px)
and (max-device-width: 1010px)
and (orientation: landscape) 
{
    .key .section-color-background3 {
        min-height: 547px;
        padding-left: 2rem;
    }
    
    header .menu.expanded li.navLogoContainer {
        flex: 0.75 0 100px !important;
    }
    
    div#memberLogin {
        width: 220px;
        margin-top: 3.35rem;
        margin-right: 0;
    }
}

/*---- iPad 12 Only ----*/
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1292px)
and (orientation: portrait) {
    .hero-section3 .hero-section-text h1 {
         color: var(--header-text-color);
         line-height: 1.2;
         font-weight: var(--base-header-bolder);
    }
    
    .key .section-color-background3 {
        min-height: 492px;
        padding-left: 2rem;
    }

    div#memberLogin {
        width: 220px;
    }
}

@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1292px)
and (orientation: landscape) {
    
    header .menu.expanded li.navLogoContainer {
        flex: 1 0 400px !important;
        padding: 0 0.9375rem;
    }
}

/* iPad Pro 13 2024 */
@media only screen
and (min-device-width: 1032px)
and (max-device-width: 1302px) 
and (orientation: landscape) {
    header .menu.expanded li.navLogoContainer {
        flex: 1 0 200px !important;
        padding: 0 0.9375rem;
    }
}

/*---- iPad 12 Only ----*/
@media only screen
and (min-device-width: 1200px)
and (max-device-width: 1600px) {
    .hero-section3 .hero-section-text h1 {
         color: var(--header-text-color);
         line-height: 1.2;
         font-weight: var(--base-header-bolder);
    }
}

/*---- iPhone 13 Only ----*/
@media only screen
and (min-device-width: 390px)
and (max-device-width: 664px)
and (orientation: portrait) {
    .button.secondary.external a:last-child, .button.primary.external a:last-child {
        margin-top:1rem;
    }
    
    .home .hero-section3 .hero-section-text {
        padding: 1rem 0;
        position: absolute;
        width: 100%;
        align-items: flex-start;
        justify-content: flex-start;
        margin: 0;
    }
}

/*---- iPhone 13 Only ----*/
@media only screen
and (min-device-width: 390px)
and (max-device-width: 664px)
and (orientation: landscape) {
    .hero-section3 .hero-section-text h1 {
         margin-bottom: 0rem; 
         font-size: 31px;
    }
    
    /* JJJJJJJJ */
    .top-bar .dropdown.menu a, 
    .top-bar .dropdown.menu a:active, 
    .top-bar .dropdown.menu a:hover {
        padding-left: 0;
    }
    
}

/*---- smaller iPhone  ----*/
@media only screen
and (min-device-width: 375px)
and (max-device-width: 548px) 
and (orientation: landscape) {
    .home .hero-section3 .hero-section-text {
        padding: 1rem 0;
        position: absolute;
        width: 100%;
        align-items: flex-start;
        justify-content: flex-start;
        margin: 0;
    }
}

/*---- smaller iPhone  ----*/
@media only screen
and (min-device-width: 375px)
and (max-device-width: 548px) 
and (orientation: portrait) 
{
    a.button.secondary.external:last-child, a.button.primary.external:last-child  {
        margin-top: 1rem !important;
    }
}

/* Macbook pro */
@media only screen
and (min-device-width: 959px)
and (max-device-width: 1920px) {
    .key .section-color-background3, .key .section-color-background4 {
        min-height: 542px;
        padding-left: 3rem;
    }
}

/* iPad pro 11 2020 */
@media only screen
and (min-device-width: 834px)
and (max-device-width: 1120px) 
and (orientation: landscape) {
    .key .section-color-background3, .key .section-color-background4 {
        min-height: 525px;
        padding-left: 2rem;
    }
}

/* iPad pro 11 2022 */
@media only screen
and (min-device-width: 834px)
and (max-device-width: 1075px) 
and (orientation: landscape) {
    header .menu.expanded li.navLogoContainer {
        flex: 1 0 200px !important;
    }
}

/* phones landscape */
@media screen and (min-width: 40em) 
and (max-device-width: 63em) 
and (orientation: landscape) {
    .home.hero-section3 .hero-section-text {
        padding: 1rem 0;
        position: absolute;
        /*width: 100% !important; */
        align-items: flex-start;
        justify-content: flex-start;
        margin: 0;
    }
}