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

:root {
  --primary-color: #000;
  --secondary-color: #fff;
  --body-background: #000;
  --light-background: #efefef;
  --button-background: #faa634;
  --dark-background: #595959;
  --link-color: #000000;
  --dark-blue-color: #003046;
  --inverse-text-color: #fff;
  --section-link-default-hover: #000;
  --single-gutter-padding: 0.9375rem;
  --double-gutter-padding: calc(var(--single-gutter-padding)*2);
}

body {
    font-family: var(--base-font-family);
    font-size: var(--base-paragraph-size);  /* 16px */
    line-height: var(--base-paragraph-line-height);
    color: var(--text-color);
  }

/* Reset the text transform on headings */
  h1,h2,h3,h4 {
    text-transform: none;
  }

.section-color-background1 {
    background-color: #EFEFEF;
}

.section-color-background2 {
    background-color: #595959;
}



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

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

.section-color-dark,
.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 .paragraphContainer h1,
.section-color-light .paragraphContainer h2,
.section-color-light .paragraphContainer h3,
.section-color-light .paragraphContainer h4,
.section-color-light .paragraphContainer p,
.section-color-light a.standardLink,
.section-color-background1 .paragraphContainer h1,
.section-color-background1 .paragraphContainer h2,
.section-color-background1 .paragraphContainer h3,
.section-color-background1 .paragraphContainer h4,
.section-color-background1 .paragraphContainer p,
.section-color-background1 a.standardLink,
.section-color-background1 a {
	color: var(--text-color);
}

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

.section-color-background1 a:hover,
.section-color-background1 a:focus,
.section-color-background2 a:hover,
.section-color-background2 a:focus {
  font-weight: 600;
}

.section-text-color-bkgd2 {
  color: #fff;
}

h1 {
    font-family: var(--base-h1-font-family); /* Mobile size. Desktop set in media query */
    font-size: var(--h1-mobile-font-size); /* Mobile size. Desktop set in media query */
    font-weight: var(--h1-mobile-font-weight); /* Mobile size. Desktop set in media query */
    line-height: var(--h1-mobile-line-height); /* Mobile size. Desktop set in media query */
}

h2 {
    font-size: var(--h2-mobile-font-size); /* Mobile size. Desktop set in media query */
    font-weight: var(--h2-mobile-font-weight); /* Mobile size. Desktop set in media query */
    line-height: var(--h2-mobile-line-height); /* Mobile size. Desktop set in media query */
}

h3 {
    font-size: var(--h3-mobile-font-size); /* Mobile size. Desktop set in media query */
    font-weight: var(--h3-mobile-font-weight);
    line-height: var(--h3-mobile-line-height); /* Mobile size. Desktop set in media query */
}

h4 {
    font-size: var(--h4-mobile-font-size); /* Mobile size. Desktop set in media query */
    font-weight: var(--h4-mobile-font-weight);
    line-height: var(--h4-mobile-line-height); /* Mobile size. Desktop set in media query */
}

p {
	  font-family: var(--base-font-family); /* Mobile and desktop size. */
    font-size: var(--base-paragraph-size); /* Mobile and desktop size. */
    font-weight: var(--base-font-weight); /* Mobile and desktop size. */
    line-height: var(--base-paragraph-line-height); /* Mobile and desktop size. */
    color: var(--body-background);
}

/* resetting columnBlock h1/h2/h3 properties to proper site properties */

.columnBlock h1 {
    font-size: var(--h1-mobile-font-size);
    color: var(--text-color);
    line-height: var(--h1-mobile-line-height);
}

.columnBlock h2 {
    font-size: var(--h2-mobile-font-size);
    color: var(--text-color);
    line-height: var(--h2-mobile-line-height);
}

.columnBlock h3 {
    font-size: var(--h3-mobile-font-size);
    color: var(--text-color);
    line-height: var(--h3-mobile-line-height);
}

.columnBlock h4 {
    font-size: var(--h4-mobile-font-size);
    color: var(--text-color);
    line-height: var(--h4-mobile-line-height);
}

a.accordion-title {
    position: relative;
    display: block;
    padding: 1.8rem 1rem;
    border: none;
    /* border-bottom: none; */
    border-bottom: 1px solid #000;
    font-size: 1.375rem;
    line-height: 1;
    text-decoration: none;
    /* color: var(--secondary-color); */
    color: var(--primary-color);
    /* background-color: var(--dark-background); */
    background-color: transparent;
  }

  .accordion-content {
    border: 1px solid #e6e6e6;
}

:last-child:not(.is-active)>.accordion-title {
    border-bottom: 1px solid #000;
}

/* Per UX, all buttons are set to primary button colors  */
.button.primary,
.button.secondary,
.button.hollow,
.button.clear {
    background-color: var(--button-background);
    color: #000;
	  border: 0.0625rem solid var(--button-background);
    font-weight: 700;
    /* width: 100%; */
    /* max-width: 10rem; */
}

.button.primary:focus,
.button.primary:hover,
.button.secondary:focus,
.button.secondary:hover,
.button.hollow:focus,
.button.hollow:hover,
.button.clear:focus,
.button.clear:hover,
header #megamenu .dropdown.menu .topnav-item:last-child a:hover,
header #megamenu .dropdown.menu .topnav-item:last-child a:focus {
	  border: 0.0625rem solid var(--button-background);;
	  color: #000;
    background-color: #fff;
    /* width: 100%; */
    /* max-width: 10rem; */
}

.blockGrid3 .linkContainer .button {
  width: 100%;
  max-width: 85%;
}

/*
.button.hollow {
    background-color: transparent;
    color: #FAA634;
    border: 0.0625rem solid #FAA634;
}

.button.clear {
    background-color: transparent;
    color: #FAA634;
    border: none;
}
*/

/*
.centerComponentContent .button:first-child,
.cardGrid .button:first-child {
margin-left: 0;
}
*/

a,
a.standardLink,
.pinned-link {
    color: var(--link-color);
    text-decoration: underline;
}

.pinnedlist .container {
  padding-left: 0;
  padding-right: 0;
}

.pinned-link {
    font-size: 1rem;
}

.quickLinks a {
  color: inherit;
  text-decoration: none;
}

a:focus, a:hover {
    color: var(--link-color);
    /* opacity: 0.7; */
    font-weight: 700;
    text-decoration: underline;
}

.off-canvas-wrapper {
    overflow: hidden;
}

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

.footer-container .linkColumn,
.footer-container .headerBlock {
  font-size: 1rem;
}

.XXfooter-container .footerLegal,
.XXfooter-container .headerBlock .paragraphContainer,
.XXfooter-container .headerBlock .paragraphContainer p {
  color: #fff;
}

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

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

.footer-container .linkColumn.horizontalLinkList a {
  padding-left: 0.7rem;
  padding-right: 0.7rem;
  margin-right: 0;
  text-align: center;
}

.section-color-light .footer-container .linkColumn.horizontalLinkList a {
  border-right: 1px solid #000;
}

.section-color-dark .footer-container .linkColumn.horizontalLinkList a {
  border-right: 1px solid #fff;
}

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

.section-color-dark .footerLegal {
  color: var(--inverse-text-color);
}




.footer-container .linkColumn.horizontalLinkList a:last-child {
  border-right: none;
  padding-right: 0;
}

.footer-container a.standardLink{
    text-decoration: underline;
}

/* Save the next two rules just in case */

.XXfooter-container .linkColumn.horizontalLinkList a:after {
  content: "|";
  padding-left: 0.7rem;
  padding-right: 0.7rem;
}

.XXfooter-container .linkColumn.horizontalLinkList a:last-child:after {
  content: "";
}



.flex-footer-column > .headerBlock h3{
    color: #fff;
}



.columnBlock p {
    /* font-size: 0.875rem; */
    font-size: inherit;
}

/* buttons */
.button {
    font-family: 'Nunito Sans', sans-serif;
    font-size: initial;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.03rem;
    padding: 0.875rem 1.875rem;
    border-radius: 0;
}

/*** Mega menu styling ***/

#megamenu, .dropdown.menu {
    width: 100%;
}

.menu.medium-horizontal {
    /* align-items: center; */
    justify-content: flex-end;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 3rem;
    gap: 2rem;
}

#megamenu .centered-menu {
    /* max-width: 90%; */
    display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
    align-content: center;
    width: 100%;
    margin: 0;
    padding: 0 1.375rem;
}

.menuColumnContainer {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
}

header #mega-menu li {
    flex: unset;
}

/*
header #mega-menu li.mm-products {
    position: relative;
}
*/

header #mega-menu li.topnav-item {
    position: relative;
    /* padding: 0 1.5rem; */
}

/*
header #megamenu .top-bar #mm-products.dropdown-pane {
    max-width: 215px;
    width: 215px !important;
}
*/

header #megamenu .top-bar .topnav-item .dropdown-pane {
    max-width: 18.125rem;
    width: 18.125rem !important;
}

header #megamenu .dropdown.menu .topnav-item:last-child a{
  background-color: #FAA634;
  color: #000;
  padding: 0.5rem 1.5rem;
  font-weight: 700;
  transition: background-color .25s ease-out,color .25s ease-out;
  border: 0.0625rem solid var(--button-background);
}

.top-bar, .top-bar ul {
    background-color: #fff;
    padding-right: 3rem;
    padding-left: 3rem;
}

.top-bar, .dropdown.menu a, .dropdown.menu a:active, .dropdown.menu a:hover, .navLinkContainer a, .navLinkContainer a:active, .navLinkContainer a:hover {
    /* display: inline-block; */
    font-size: 1rem;
    padding: 0.5rem 0;
    /* margin: 0 1.2rem; */
    margin: 0;
    outline: inherit;
    color: var(--text-color);
    letter-spacing: 1.2px;
    opacity: 1;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    text-align: left;
    font-family: "Open Sans", sans-serif;
    line-height: 1.2rem;
    text-transform: uppercase;
}

    .filterContainer .menu li a,
    .filterContainer .menu li a:hover {
        text-transform: none;
    }

#megamenu .top-bar .dropdown-pane {
    position: absolute;
    /* position: relative; */
    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: 75px !important;
    background: #fff;
    padding: 0.5rem 0;
    box-shadow: 0 4px 16px 0 rgba(159,161,164,0.43);
}

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

.flex-footer .footerLegal {
    font-size: 1rem;
}

.flex-footer .flex-footer-column:last-child {
    margin-left: auto;
    margin-right: auto;
}

.blockGrid3 .columnBlockContainer {
    padding: 0;
}

.blockGrid3.add-dropshadow .columnBlockContainer {
  box-shadow: 0 2px 8px 0 rgb(0 0 0 / 20%);
}

.blockGrid3.cardGrid .imageBlock {
    box-shadow: initial;
    margin: 0;
}

.blockGrid3 .columns3 .captionBlock .headerBlock {
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
}


.blockGrid3 .captionBlockContainer .paragraphBlock {
    padding: 1rem 1rem 2rem 1rem;
}

.blockGrid3.event-blockgrid .captionBlockContainer .paragraphBlock {
    padding-top: 0.25rem;
}

.blockGrid3.event-blockgrid .captionBlockContainer .paragraphBlock:not(.centerComponentContent) {
    padding: 0.25rem 1rem 1rem 0;
}

.blockGrid3.event-blockgrid .captionBlockContainer .paragraphContainer > *:first-child {
    padding-top: 0.25rem ;
}

.blockGrid3.event-blockgrid .linkContainer .standardLink {
    text-align: left;
}


.blockquote-border {
    border-bottom: none;
    border-top: none;
}

.hero-section3 .hero-section-text {
    justify-content: flex-start;
    /* padding-left: 3rem; */
}

.sorter-options a {
  text-decoration: none;
}

.filterMenu .ui-accordion .element-outline-container {
  padding: 0;
  overflow: hidden;
}

.filterMenu .ui-state-active .ui-icon, .ui-button:active .ui-icon {
	background-image: url("https://code.jquery.com/ui/1.12.1/themes/base/images/ui-icons_444444_256x240.png");
}

.ui-icon-minus {
	background-position: -48px -128px;
	float: right;
	margin-top: 0.5px !important;
}

.filterMenu a.button.primary {
	text-align: center;
	background-color: var(--button-background);
    border: 0.0625rem solid var(--button-background);
    color: #000;
}

.dropdown.menu > li.opens-right > .filterMenu {
  width: 100%;
}

.dropdown.menu .is-active > a {
    color: var(--text-color);
}

.filterContainer .menu li a, .filterContainer .menu.expanded li a {
  text-align: left;
}

.filterMenuBlock .ui-icon {
  width: 16px;
  height: 16px;
}

.filterMenuBlock .ui-icon-plus {
  background-position: -32px -129px;
}

.filterMenuBlock .ui-icon-minus {
  background-position: -48px -129px;
}

.filterMenuBlock h4 {
  display: inline;
}

a.navMenuTitle:hover {
  text-align: center;
  background-color: #003046;
  color: #fff;
}

.menu.vertical.filterMenu.submenu a:hover {
  text-align: center;
  border: 0.0625rem solid var(--button-background);
  color: #000;
  background-color: #fff;
}

.pinned-item, .topics-list-item {
	border-bottom: none;
	padding-top: 0.5375rem;
	padding-bottom: 0.5375rem;
}

.footer-container .paragraphContainer p {
  /* color: #fff; */
}

.blockGrid3.no-box-shadow .columnBlockContainer {
    box-shadow: none;
}

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

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

.careers-slider .presentation-slider .slick-image .paragraphBlock
{
    /* color: var(--section-text-color-bkgd1); */
    padding: 2rem 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;
}

.slider-header-label h2 {
  margin-bottom: 0;
}

.columns-with-stars.blockGrid3 .columns3 .captionBlock .headerBlock {
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1rem 1.57rem 0.5rem 0;
}

.columns-with-stars.blockGrid3 .columns3 .captionBlock .headerBlock .paragraphBlock {
  padding-left: 0;
  padding-top: 0;
}

/* Fixes issue with overlapping media and LR spread components within the .accordionComponent elements */
.accordionComponent li.accordion-item {
  display: flex;
  flex-direction: column;
}

.accordionComponent li.accordion-item .mediaComponentContainer {
  margin-bottom: 2rem;
}

.accordionComponent li.accordion-item .mediaComponentContainer:first-child {
  margin-top: 2rem;
}

.accordionComponent li.accordion-item .mediaComponentContainer .mediaCol1 {
  width: auto;
}

li.accordion-item .spread {
  margin-bottom: 2rem;
}

li.accordion-item .spread:first-child {
  margin-top: 2rem;
}

.logoOnly .navLogoContainer {
  justify-content: center;
}

.XXhamburger-close::after {
  content: "\f067";
  background: unset;
  box-shadow: unset;
  transform: rotate(45deg);
  color: #0069b5;
}

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

.topNavContainer.navbar-fixed .headerRow {
  /* padding: 1.3rem 0; */
  padding: 0;
  margin-left: auto;
  margin-right: auto;
}

.row.headerRow {
  padding: 0.5rem 0 0.5rem 0;
}


header + section {
  padding-top: 0;
}

.spread .container {
  padding: 0;
}

.spread .container .spreadCol1 {
  padding-left: 0;
  padding-right: 1.5rem;
}


.spread .container .spreadCol2 {
  padding-right: 0;
  padding-left: 1.5rem;
}

.spread .container .spreadCol1 .headerBlock {
  padding-left: 3.5rem;
}

.hero-section3 .hero-container {
    min-height: unset;
}

/* Styles tagline block below hero on product-selector page */
.hero-tagline-para p {
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}

.hero-tagline-para .headerBlock {
  padding-top: 3vh;
  padding-bottom: 3vh;
}

.skeletonSpecAccordion .colorSpecSection .spreadCol2 {
  padding-top: 1rem;
}

/* changed to percentage as this seems to scale the slider better */
.presentation-slider {
  /* max-width: 58rem; */
  max-width: 90%;
}

.blockGrid3 .image_caption {
  padding-top: 1rem;
}

.blockGrid3 .image_caption p {
  margin-bottom: 0;
}

.quoteIcon {
  background-color: transparent;
}

.spread.widen-video iframe {
	height: 404px;
}

.accordionComponent .spread.container {
  padding-left: 0;
  padding-right: 0;
}

.accordionComponent .spread.container .paragraphBlock {
  padding-left: 0;
  padding-right: 0;
}

.iframeClass {
	background-color: transparent;
}

.videoComponent .video_caption {
 padding-left: 1rem;
 padding-right: 1rem;
}

.video_caption p {
	font-size: 1rem;
}

.testimonial-section .testimonials {
  padding-left: 0;
  padding-right: 0;
}

.collapseAll {
  padding-right: 0;
}

.accordionControl {
  padding-right: 0;
  padding-left: 0;
}

.article, .article-summary {
	color: inherit;
}

.article-tag, .article-category,
.article-category.pretty {
  background-color: inherit;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  border-radius: 0;
  cursor: pointer;
  white-space: nowrap;
  margin: inherit;
  padding: 0;
}

.catPinContainer {
	max-width: 85.875rem !important;
}

.viewMoreButton {
    background: var(--button-background);
}

.viewMoreButton a {
    color: var(--primary-color) !important;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1rem;
}

#disqus_thread {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
}

.paragraph-as-header .headerBlock {
    padding: 0;
}

.paragraph-as-header .headerBlock .paragraphBlock {
    padding-left: 1rem;
}

.mediaComponentContainer .button {
    padding: 0.875rem 4rem;
}

a.dropdown.noLink::after {
    font-family: "Font Awesome 6 Pro";
}

#external-form input[type=submit] {
    background-color: var(--button-background);
    color: #000;
    border: 0.0625rem solid var(--button-background);
    font-weight: 700;
    width: auto;
    /* max-width: 10rem; */
    padding: 1rem;
    text-transform: uppercase;
}


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

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

  .mediaCol1 .paragraphContainer,
  .mediaCol2 .paragraphContainer {
    padding-top: 1.56rem;
  }

  .marqueePadding {
  	padding: 0;
  }

    .viewMoreButton {
  	width: 90%;
    margin-bottom: 0.5rem;
    }

    .viewMoreButton a {
      color: var(--secondary-color) !important;
    }

    .category-container {
  	max-width: 100%;
    }

    .filterContainer {
	   margin-bottom: 2.5rem;
    }

    .footer-container .linkColumn.horizontalLinkList a {
      border-right: 1px solid #fff;
      padding-left: 0.7rem;
      padding-right: 0.7rem;
      margin-right: 0;
    }

    .flex-footer .footer-container {
    	text-align: center;
    }

    .footer-container .horizontalLinkList a:after {
      content: none;
      padding-left: 0;
    }

    .blockGrid3 .captionBlockContainer .paragraphBlock.centerComponentContent {
      padding: 1rem;
    }

    .blockGrid3 .captionBlockContainer .paragraphBlock:not(.centerComponentContent) {
      padding: 1rem 0 1rem 0;
    }

    #toTop {
	     display: none !important;
     }

     .presentation-slider {
       max-width: 100% !important;
     }

     .spread.widen-video iframe {
     	height: 200px;
     }

     .videoContainer {
       padding: 0;
     }

     .accordionComponent li.accordion-item .mediaComponentContainer {
     	 padding-left: 0;
     	 padding-right: 0;
      }

    .accordionComponent li.accordion-item .mediaComponentContainer .mediaCol1,
    .accordionComponent li.accordion-item .mediaComponentContainer .mediaCol2,
    .accordionComponent li.accordion-item .mediaComponentContainer .mediaCol1 .paragraphBlock,
    .accordionComponent li.accordion-item .mediaComponentContainer .mediaCol2 .paragraphBlock {
     	padding: 0;
    }

    .accordionComponent li.accordion-item .spreadCol {
      	padding: 0;
    }

    .accordionComponent li.accordion-item h4 {
      	margin-bottom: 0;
    }

    .accordion-title::before {
    	margin-top: -.7rem;
    }

    .accordionComponent li.accordion-item .spreadCol .paragraphBlock {
       	padding-left: 0 !important;
      }

    .accordion-content .button {
	      margin: 0 0.9375rem 1rem 0.9375rem;
    }

    .accordionComponent .accordion-item .linkContainer,
     .accordionComponent .accordion-item .linkContainer2 {
     	margin-top: 0.75rem;
    }

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

   .flex-footer a.footerLink,
   .flex-footer a,
   .flex-footer a:active,
   .flex-footer a:hover {
	padding-left: 0.9375rem;
    }

}

/*--- SMALL only Portrait--------------------------------------------- */
@media screen and (max-width: 39.9375em) and (orientation: portrait)
{
  .flex-footer-column .linkColumn.horizontalLinkList {
    flex-direction: column;
    padding-left: 0;
    border-right: none;
  }
  .footer-container .linkColumn.horizontalLinkList a {
	border-right: none;
	padding-left: 0;
  }

}

/*--- SMALL only Landscape--------------------------------------------- */
@media screen and (max-width: 39.9375em) and (orientation: landscape)
{

}

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

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

  .videoContainer {
    padding: 0;
  }
    header .quickLinks, header .topNavContainer > .headerRow {
        display: flex;
    }

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

    /* Mega meu mobile styling  */

        header .top-bar ul {
          padding-right: 0;
        }

        header #mega-menu li.topnav-item {
          border-bottom: 1px solid #979797;
          padding-left: 0;
          padding-right: 0;
          /* margin-left: 2rem; */
          /* margin-right: 2rem; */
        }

        header #mega-menu li.topnav-item:last-child {
          border-bottom: none;
          margin-bottom: 1.25rem;
        }

        .menu.medium-horizontal {
          flex-direction: column;
          gap: 0;
          padding: 0 2rem;
        }

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

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

        .navLinkContainer a.dropdown::before {
          width: 1rem;
          margin: 0 0.2rem;
          content: none;
          display: inline-block;
        }

        .top-bar .dropdown-pane ul.vertical {
          padding: 0;
        }

        .menu li, .menu.expanded li:last-child {
          border-bottom: none;
        }

        #megamenu .centered-menu {
          padding: 0 1.375rem 0 0;
        }

        .top-bar .dropdown.menu a, .top-bar .dropdown.menu a:active, .top-bar .dropdown.menu a:hover {
        	padding-top: 1.25rem;
        	padding-bottom: 1.25rem;
          padding-left: 0;
          padding-right: 0;
          font-weight: 700;
          color: #505D68;
          /* border-bottom: 1px solid #979797; */
        }

        .top-bar .dropdown.menu a.hover::after{
        	content: "\f068";
        }

        .XXtop-bar .dropdown.menu a:active,
        .XXtop-bar .dropdown.menu a:hover {
        	padding-bottom: 0;
        }

        .top-bar .dropdown.menu a.standardLink {
        	padding-top: 0.25rem;
        	padding-bottom: 0.25rem;
          text-decoration: underline;
        }

        header #megamenu .dropdown.menu .topnav-item:last-child a {
        	color: #000;
          padding: 0.5rem 0.5rem 0.5rem 0.5rem;
          border-bottom: none;
          margin-top: 2rem;
          text-align: center;
          background-color: #FAA634;
          text-transform: capitalize;
        }


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

        .navLinkContainer .navLogoContainer-mobile a {
          text-align: left;
          /* padding-top: 16px; */
        }

        .section-margin {
        	margin-bottom: 1rem;
        }

        header + section.section-margin {
          padding-top: 0;
          margin-bottom: 0;
        }

        .hero-section3 .hero-container {
        	min-height: auto;
        }

        .testimonials {
        	margin-top: 0;
        }

        .testimonial-section .paragraphBlock {
          padding: 1.0rem 3rem 1.0rem 3rem;
        }

        .mm-title-bar {
          display: flex;
          flex-basis: 100%;
          width: 100%;
          margin: 0;
          flex-direction: row-reverse;
          text-align: left;
          align-items: flex-end;
          padding: 1rem;
        	background-color: transparent;
        	color: #000;
        }

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

        .menu-icon::after {
          position: absolute;
          left: 0;
          display: block;
          width: 100%;
          height: 3px;
          background: #505D68;
          box-shadow: 0 7px 0 #505D68,0 14px 0 #505D68;
          content: '';
        }

        .column.testimonials {
          padding-left: 0;
          padding-right: 0;
        }

        .testimonial-section blockquote, .testimonials blockquote {
          padding-top: 2rem;
          padding-bottom: 2rem;
        }

        a.dropdown.noLink::after {
          font-weight: 700;
          content: " \f067";
          font-size: 1rem;
          float: right;
        }

        .menu-icon {
        	padding-bottom: 25px;
          margin-right: 0.75rem;
        }

        .topNavContainer {
        	box-shadow: none;
        }

        .row.headerRow {
          padding: 0.5rem 0 0.5rem 0;
          padding: 0;
        }

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

        .spread .spreadCol .image {
          padding-top: 1rem;
        }

        .spread .container {
          padding: 0;
        }

        .spread .container .spreadCol {
          padding-left: 0.9375rem;
          padding-right: 0.9375rem;
        }

        .spread .container .spreadCol .paragraphBlock {
          padding-left: 0;
          padding-right: 0;
        }

        .spread .container .spreadCol:nth-of-type(2) .paragraphBlock {
          padding-top: 2rem;
        }
        
        .spread .container .spreadCol2 {
          padding-right: .9375rem;
          margin-bottom: 1rem;
        }

        .spread .container .spreadCol1 .headerBlock {
          padding-left: 0;
        }

        .spread .videoSize360p iframe {
        	width: 640px;
        	height: 360px;
        }

        /* Enables the logo on mobile devices on the min header/footer template */
        .topNavContainer.logoOnly .navLogoContainer {
              display: flex !important;
              margin-top: 1rem;
              margin-bottom: 0;
            }

        .topNavContainer.logoOnly .navLogoContainer img {
              width: auto;
            }

}

/*--- MEDIUM LANDSCAPE only ----------------------------------- */
@media only screen and (min-device-width: 48rem) and (max-device-width: 64rem) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .mainSidebar {
        padding-top: 3.5rem;
    }
}

/*--- MEDIUM and UP only ------------------------------- */
@media screen and (min-width: 40em) {


  .navLinkContainer .dropdown.menu a {
    white-space: nowrap;
  }

  .menu.expanded li.topnav-item {
    /* padding: 0; */
  }

  section.videoComponent .video_caption {
   padding-left: 1rem;
   padding-right: 1rem;
  }

}

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

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

  h1 {
      font-size: var(--h1-font-size);
      line-height: var(--h1-line-height);
      font-weight: var(--h1-font-weight);
  }

  h2 {
      font-size: var(--h2-font-size);
      line-height: var(--h2-line-height);
      font-weight: var(--h2-font-weight);
  }

  h3 {
      font-size: var(--h3-font-size);
      line-height: var(--h3-line-height);
      font-weight: var(--h3-font-weight);
  }

  h4 {
      font-size: var(h4-font-size);
      line-height: var(--h4-line-height);
      font-weight: var(--h4-font-weight);
  }


  /* resetting columnBlock h1/h2/h3 properties to proper site properties */

    .columnBlock h1 {
        font-size: var(--h1-font-size);
        line-height: var(--h1-line-height);
    }

    .columnBlock h2 {
        font-size: var(--h2-font-size);
        line-height: var(--h2-line-height);
    }

    .columnBlock h3 {
        font-size: var(--h3-font-size);
        line-height: var(--h3-line-height);
    }

    .columnBlock h4 {
        font-size: var(--h4-font-size);
        line-height: var(--h4-line-height);
    }


}

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

  .spread .videoContainer iframe {
  	height: 404px;
  }
  .topNavContainer .headerRow {
    padding: 1rem 0 0.75rem 0;
    margin-left: auto;
    margin-right: auto;
  }

  .topNavContainer.navbar-fixed .headerRow {
    /* padding: 1rem 0 0.75rem 0; */
    padding: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .para-section .paragraphBlock {
    padding-left: 3rem;
    padding-right: 3rem;
  }


  h1 {
      font-size: var(--h1-font-size);
      line-height: var(--h1-line-height);
      font-weight: var(--h1-font-weight);
  }

  .hero-section-text h2,
  h2 {
      font-size: var(--h2-font-size);
      line-height: var(--h2-line-height);
      font-weight: var(--h2-font-weight);
  }

  h3 {
      font-size: var(--h3-font-size);
      line-height: var(--h3-line-height);
      font-weight: var(--h3-font-weight);
  }

  h4 {
      font-size: var(--h4-font-size);
      line-height: var(--h4-line-height);
      font-weight: var(--h4-font-weight);
  }

/* resetting columnBlock h1/h2/h3 properties to proper site properties */

  .columnBlock h1 {
      font-size: var(--h1-font-size);
      line-height: var(--h1-line-height);
  }

  .columnBlock h2 {
      font-size: var(--h2-font-size);
      line-height: var(--h2-line-height);
  }

  .columnBlock h3 {
      font-size: var(--h3-font-size);
      line-height: var(--h3-line-height);
  }

  .columnBlock h4 {
      font-size: var(--h4-font-size);
      line-height: var(--h4-line-height);
  }

  .hero-section3 .hero-section-text .paragraphBlock,
  .spread .paragraphBlock {
      /* margin: 1.0rem 2rem 1.0rem 3rem; */
  }

  .testimonial-section .paragraphBlock {
      padding: 1.0rem 3rem 1.0rem 3rem;
  }

    .menu.expanded li.navLogoContainer {
        flex-grow: 3 !important;
        text-align: left;
        padding-left: 0;
        white-space: nowrap;
    }

    .largePadding {
        padding: 2.5rem 0;
    }

    .fa-facebook-f, .fa-linkedin, .fa-facebook-square {
        font-size: 1.375rem;
        margin-right: 1rem;
    }

    .navLinkContainer .dropdown.menu a, .navLinkContainer .dropdown.menu a:active, .navLinkContainer .dropdown.menu a:hover {
        font-size: 1rem;
        padding: 0.56rem;
        margin: 0;
        line-height: 1.5;
    }

    .dropdown.menu a.activeTopNav {
	     border: 1px solid var(--primary-color);
}

    /* Changed to percentage - seems to work better with the slider */
    .presentation-slider {
      /* max-width: 70rem; */
      max-width: 90%;
    }

    .hero-section3 .headerBlock {
      padding-left: 2.0625rem;
    }

    .hero-section3 .align-center .headerBlock {
      padding-left: 0;
      padding-right: 0;
    }

    .trendingContainer {
      margin-top: 4rem;
    }

    .trendingContainer .manual-list a:first-child {
      margin-top: 0.5rem;
    }
    
    .accordionComponent .accordionContainer {
        padding: 2rem !important;
    }

}

/* Larger and up (won't affect iPad Landscape mode */
@media screen and (min-width: 1025px) { 
    .filterContainer {
      margin-bottom: 4.375rem;
    }
    
    .mainSidebar {
      padding-top: 7rem;
    } 
    
    #request-demo .row {
        margin-left: 4rem;
    }
}

@media screen and (width: 1366px) and (height: 1024px) {
    .filterContainer {
      margin-bottom: 1rem;
    }
} 

/* 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) {

  header + section.section-margin {
  	margin-bottom: 0;
  }

  .blockGrid3 .paragraphBlock .paragraphContainer {
  	padding: 0.125rem 0;
  }

}

/*---- 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: 90%;
  }
  .spread .container .spreadCol1 {
    padding-left: 0.9375rem;
  }

}

/********************** iPad 10.2" (810x1080) *************************/
/* Portrait and Landscape */
@media only screen
and (min-device-width: 810px)
and (max-device-width: 1080px)
and (-webkit-min-device-pixel-ratio: 2) {

}

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

}

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

  .spread .container .spreadCol1 {
    padding-left: 0.9375rem;
  }

}

/********************** iPad Pro 10.5" *************************/
/* Portrait and Landscape */
@media only screen
  and (min-device-width: 834px)
  and (max-device-width: 1112px)
  and (-webkit-min-device-pixel-ratio: 2) {

  .spread .container .spreadCol1 {
    padding-left: 0.9375rem;
  }

}

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

}

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

}

/********************** iPad Pro 11" *************************/
/* Portrait and Landscape */
@media only screen
  and (min-device-width: 834px)
  and (max-device-width: 1194px)
  and (-webkit-min-device-pixel-ratio: 2) {

  .spread .container .spreadCol1 {
    padding-left: 0.9375rem;
  }

  }

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

  }

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

  }


/********************** 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) {

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

   .spread .container .spreadCol1 {
     padding-left: 0.9375rem;
   }
   
   .mainSidebar {
       padding-top: 3.5rem;
   }
    
   .filterContainer {
       margin-bottom: 1rem;
   }


}

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

}

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

}

@media only screen and (min-width: 768px) and (orientation: landscape) {
    .filterContainer {
       margin-bottom: 1rem;
   }
   
   .mainSidebar {
       padding-top: 3.5rem;
   }
}