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

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

/* These skip links rules will eventually all ONLY live in buttons-links.css */
.skipLink:focus {
    position: absolute;
    left: 1px;
    height: auto;
    border: 1px solid white;
    color: #000 !important; /* might need !important */
    background: gold;
    width: 11rem;
    margin-left: 1.125rem;
    padding: 1rem;
}

.quickLinks a.skipLink:hover {
    padding: 1rem;
}

.fab, a.dropdown.noLink::after {
    font-family: "Font Awesome 6 Pro";
}
.fa-brands, .fab {
   font-family: "Font Awesome 6 Brands";
}
.footer-container i {
    font-size: 1.8rem;
}
.MsoTableGrid {
    width:100%;
}
.MsoTableGrid tbody th p,
.MsoTableGrid  tbody th {
    color:#fff;
    text-align: center;
    background-color:#0066ff;
  
}
.MsoTableGrid  tbody th, 
.MsoTableGrid  tbody td  {
   border:1px solid #000;
}
/*** 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);
}

/*** 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;
}

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

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

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

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);
}

h1, h2, h3, h4, h5, h6
{
    font-weight: var(--base-header-weight);
    color: var(--text-color);
    font-family: var(--base-header-font-family);
    letter-spacing: var(--header-letter-spacing);
    text-transform: unset;
    margin-bottom: 0;
}

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

p
{
    font-family: var(--base-font-family);
    font-size: var(--base-paragraph-size);
    line-height: var(--base-paragraph-line-height);
    color: var(--text-color);
}

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

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

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

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

.quickLinks a.standardLink:focus {
    color: var(--secondary-color);
}

.quickLinks a.standardLink.selected:focus {
    color: var(--text-color);
}

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


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%;
}

: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-purpose,
header #mega-menu li.mm-newsroom,
header #mega-menu li.mm-diversity,
header #mega-menu li.mm-eyesofhope,
header #mega-menu li.mm-innovation,
header #mega-menu li.mm-careers
{
  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;
  top: 40px !important;
  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: uppercase;
  align-self: center;
  text-decoration: none;
  border-bottom: none;
  color: var(--text-color);
  font-family: var(--base-font-family);
  font-size: var(--base-paragraph-size);
  font-weight: 400;
  line-height: 2.2;
}

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

.menu li .dropdown-pane a.standardLink,
.menu.expanded li .dropdown-pane a.standardLink
{
  text-transform: none;
}


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

/*** subnav ***/
header #megamenu .top-bar #mm-purpose.dropdown-pane,
header #megamenu .top-bar #mm-newsroom.dropdown-pane,
header #megamenu .top-bar #mm-eyesofhope.dropdown-pane
{
  max-width: 290px;
  width: 290px !important;
}

header #megamenu .top-bar #mm-diversity.dropdown-pane,
header #megamenu .top-bar #mm-careers.dropdown-pane
{
  max-width: 325px;
  width: 325px !important;
}

header #megamenu .top-bar #mm-innovation.dropdown-pane
{
  max-width: 325px;
  width: 325px !important;
}

/*** quicklinks css */
.quickLinks
{
    padding: 0;
    background-color: #0B2335;
}

.quickLinks .row { justify-content: flex-start; }

.quickLinks a {
    padding: 1.4375rem 1.375rem;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1;
    font-family: var(--base-font-family);
    color: #fff;
    text-decoration: none;
}

.quickLinks a:visited
{
    color: #fff;
    text-decoration: none;
}

.quickLinks a:hover,
.quickLinks a.selected
{
    background-color: #fff;
    color: #003046;
    padding: 1.4375rem 1.375rem;
    text-decoration: none;
    opacity: 1;
}

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

.mobileQuickLinksDYN {
    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;
    font-family: var(--base-font-family);
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.12px;
    line-height: 32px;
}

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

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

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

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

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

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

.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: uppercase;
}

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

.fpiLink,
.button.primary,
.filterMenu a.button.primary,
.button.hollow
{
    background-color: var(--primary-color);
    color: #FFF;
}

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

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

input[type=text], select {
    border-color: #8C8C8C;
}

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

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

.button.secondary,
.secondary button
{
    color: var(--primary-color);
    background-color: transparent;
    border: 1px solid var(--primary-color);
}

.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;
}

.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: #FFF;
    border: 1px solid var(--primary-color);
}

.viewMoreButton {
  text-align: center;
  background-color: var(--primary-color);
  color: #FFF;
  cursor: pointer;
  margin: 1rem auto 3rem auto;
  float: none !important;

  font-family: var(--base-font-family);
  font-weight: var(--base-font-bold);
  font-size: 1rem;
  letter-spacing: .0075rem;
  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-size: 1rem;
  font-weight: var(--base-link-font-bold);
  display: table-cell;
  text-transform: none;
  text-decoration: none;
  letter-spacing: 0.05em;
}


/*** 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(--primary-color);
    background: transparent;
    color: var(--primary-color);
}

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

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

.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-header {
  border: none;
  margin-bottom: 0;
}

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

.article-copy ul li {
  color: var(--text-color);
}

.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;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after
{
    position: absolute;
    right: 0;
    top: 3px;
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
    color: var(--inverse-text-color);
    padding: 0;
    height: 48px;
    width: 45px;
    content: '\f107';
    font-family: "Font Awesome 6 Pro" !important;
    /* font-weight: 900; */
    font-size: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;

}

/*** filter menu - should be moved to article css? ***/
.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.375rem;
    padding: 0.6rem 0;
    font-weight: 700;
} */

.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: 2rem;
}

.accordion {
    background: transparent;
}

.accordion-item
{
    background-color: var(--section-color-bkgd2);
    margin-bottom: 1.4rem;
    color: var(--section-text-color-bkgd2);
}

.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: 1.8rem 2.75rem 1.8rem 1rem;
    border: none;
    border-bottom: none;
    font-size: 1.375rem;
    line-height: 1;
    color: var(--section-text-color-bkgd2);
    text-decoration: none;
}

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

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

.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-bottom: 0;
}

/*** 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: #241ED6;
    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
{
    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;
}

.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: #BCBCBC;
    height: 15px;
    width: 15px;
}


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

/*--- SMALL only --------------------------------------------- */
@media screen and (max-width: 39.9375em)
{
  .backgroundImage + .paragraphBlock.textOverlay
  {
      position: absolute;
      width: unset;
  }
  
  .linkContainer a {
      margin-bottom: 0.5rem;
  }

  .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;
  }

/*** Daron ***/
  .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;
  }

}

/* iPad Portrait */
@media screen and (min-width: 40em) and (orientation: portrait) {
    .hero-section3 .hero-section-text h1,
    .hero-section3 .hero-section-text p {
        /*color: #fff;*/
    }
    
    .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: left;
  }

  .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;
        align-items: flex-start;
        width: 20px;
        height: 16px;
        align-self: flex-start;
        margin-top: 0.2rem;
    }

    /*** 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;
  }
  
    .spread .videoContainer iframe {
        height: 360px;
    }

}

/*--- SMALL and MEDIUM only ----------------------------------- */
@media screen and (max-width: 63.9375em)
{
    .categoryList.column, .pinnedlist .column {
        padding-left: 0;
        padding-right: 0;
    }
    
    

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

    .quickLinks
    {
        display: none;
    }

    .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(--primary-color);
      border-bottom: none;
      text-align: left;
      padding-top: 0.4rem;
      padding-bottom: 0.4rem;
      padding-left: 0.4rem;
    }

    .top-bar .dropdown.menu a.mmLink
    {
      color: var(--primary-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: 2px solid #c5c5c5;
      text-align: left;
      width: 100%;
      padding: 0.4rem 0;
    }

    header #megamenu .top-bar .dropdown-pane
    {
      position: relative;
      top: 0 !important;
      right: 0 !important;
      border: 0;
      border-radius: 0;
      z-index: 550;
      padding: 0 1rem 0 0;
      background: transparent;
      box-shadow: none;
      max-height: 300px;
      overflow-y: auto;
      margin: 0.2rem 0 1rem 0;
      padding: 0;
    }

    header #megamenu .top-bar #mm-purpose.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: "\f107";
      float: right;
    }

    .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;
    }

    .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;
    }

}

@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(--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-weight);
    }

    .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);
    }

    /*** 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 #FFF;
        background: #FFF;
        color: var(--primary-color);
    }

    .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(--section-color-bkgd4);
        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: calc(var(--double-gutter-padding)*2);
        padding-right: calc(var(--double-gutter-padding)*2);
        justify-content: unset;
    }

    main.specialGutterPadding section.hero-section2 .headerBlock .paragraphBlock.column,
    main.specialGutterPadding section.hero-section3 .headerBlock .paragraphBlock.column
    {
        padding-left: calc(var(--double-gutter-padding)*2);
        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:not(.sliderContainer) .headerBlock .paragraphBlock,
    section .columnBlockContainer .headerBlock .paragraphBlock
    {
        padding-left: calc(var(--double-gutter-padding)*2);
        padding-right: calc(var(--double-gutter-padding)*2);
        justify-content: unset;
    } */

    /*** added MRH ***/

    /* .hero-section3 .hero-section-text div.paragraphBlock,
    .hero-section2 .hero-section-text div.paragraphBlock
    {
        padding: 0 calc(var(--double-gutter-padding)*2);
    } */

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

    /* .spread .container div.paragraphBlock
    {
        padding: 0 calc(var(--double-gutter-padding)*2);
    } */




    /*** END added MRH ***/

    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 div.paragraphBlock,
    .hero-section2 .hero-section-text div.paragraphBlock
    {
        padding: 0 calc(var(--double-gutter-padding)*2);
    } */

    .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);
        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
    {
        color: var(--inverse-text-color);
        font-size: var(--base-paragraph-size);
        font-weight: 400;
    }

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

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

    .top-bar {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: center;
      padding: 2.6rem 0 2rem 0;
      flex-wrap: wrap;
    }

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

    header .menu.expanded li.navLogoContainer
    {
      flex: 0 0 310px;
      padding-left: var(--double-gutter-padding);
    }

    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;
    }


    header #mega-menu li.mm-careers #mm-careers
    {
      left: -166px !important;
    }

    .mobileQuickLinksDYN
    {
      display: none;
    }


    /*** 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 0 160px;
    }

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

    .menu-icon
    {
      width: 20px;
    }

    /*** css on components with backgrounds ***/
    /* section.section-color-light .container div .headerBlock
    {
        padding: 0 4rem;
    } */

    /*** 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%;
    }

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

    /* .spread .container div.paragraphBlock
    {
        padding: 0 calc(var(--double-gutter-padding)*2);
    } */

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

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

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

    /*** featured News component ***/
    /* .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));
    } */

    /*** 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;
    }

}

/* 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 .hero-section-text h1, .hero-section3 .maintainHeroTextOverImage.stackHero .hero-section-text h1 {
    color: var(--inverse-text-color);
  }
  
  .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;
  }

}


/********************** 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-section3 .hero-section-text p
    {
        font-size: 32px;
        line-height: 1.5;
        color: var(--text-color) !important;
    }

    .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-font-family);
        font-size: var(--base-paragraph-small);
        font-weight: 400;
        line-height: 2.2;
    }
    
    .hero-section3 .hero-section-text p {
        font-size: 1.1rem;
        color: #fff !important;
    }
    
    .hero-section3 .hero-section-text h1 {
        color: #fff !important;
    }

 }
 
 /********************** iPad Pro 12.9" *************************/
 /* Landscape only */

@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2)  
  and (orientation: landscape)  {
    .hero-section3 .hero-section-text h1, .hero-section3 .hero-section-text p {
        color: #fff !important;
    }
    
    .hero-section3 .stackHero .hero-section-text h1 {
        color: #000 !important;
    }
        
    main.specialGutterPadding section.hero-section2 .headerBlock .paragraphBlock.column, main.specialGutterPadding section.hero-section3 .headerBlock .paragraphBlock.column {
        padding-left: 1.9375rem;
        padding-right: 1.9375rem;
    }
    
}
    
/* Portrait*/
@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-section-text h1, .hero-section3 .hero-section-text p {
        color: #fff !important;
    }
    
}

  /********************** [end] iPad Pro 12.9" *************************/
 

 @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: 0 0 165px;
          padding: 0 0.9375rem;
      }

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

      .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: 0 0 165px;
         padding: 0 0.9375rem;
      }

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

 }

@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;
    }

}

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

  #fsForm1473954 .inner-section.button-section .button,
  #fsForm4782168 .inner-section.button-section .button {
    width: 7rem;
    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,
  .hero-section3 .hero-section-text p
  {
      color: var(--text-color) !important;
  }

  .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;
    }

}

/*---- iPad 10 landscape Only ----*/
@media only screen
and (min-device-width: 820px)
and (max-device-width: 1106px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) 
{
    .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) !important;
    }
    
    main.specialGutterPadding section.hero-section2 .headerBlock .paragraphBlock.column, main.specialGutterPadding section.hero-section3 .headerBlock .paragraphBlock.column {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
}

/*---- iPad 9 landscape Only ----*/
@media only screen
and (min-device-width: 810px)
and (max-device-width: 1010px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) 
{
    .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) !important;
    }
    
    header .menu.expanded li.navLogoContainer {
        flex: 0 0 135px;
        padding: 0 0.9375rem;
    }
}

/*---- iPad Pro13 landscape Only ----*/
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1247px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) 
{
    .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(--inverse-text-color);
    }
    
    .hero-section3 .hero-section-text h1, .hero-section3 .hero-section-text p {
        color: #fff !important;
    }
}

/*---- Samsung Galaxy Tab S8 v12.0 landscape Only ----*/
@media only screen
and (min-device-width: 753px)
and (max-device-width: 1037px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) 
{
    .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) !important;
    }
}