/* comment */

html {
  overflow-x: hidden;
}
body {
  color: #030211;
  font-family: 'Nunito Sans', sans-serif !important; /*overriding base sites font*/
  font-weight: 400;
}
.button {
  border-radius: 0;
}
.fatFooterRow {
  background-color: #003046;
}

a:link, a {
  color: #0069b5;
}

a:visited {
  color: #005897;
}

a:hover {
  color: #0069b5;
  text-decoration: underline;
}

#playbook input[type=submit], #external-form input[type=submit] {
    background-color: #003046;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    padding: .85em 1em;
    border: 1px solid transparent;
    border-radius: 0px;
}

#external-form input[type=submit].hover {
  background-color: #00b6f1;
  color: #003046;
  text-decoration: underline;
}

[type="color"], [type="date"], [type="datetime-local"], [type="datetime"], [type="email"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], textarea
{
    color: var(--text-color);
}

.sidebar-col2 > div:first-child {
  margin-bottom : 2rem;
}

.footerLinkContainer a.footerLink, .footerLinkContainer a:active, .footerLinkContainer a:visited, .footerLinkContainer a:link  {
  color: white;
}

.footerLinkContainer a {
  color: white;
}

.flex-footer-column .linkColumn.horizontalLinkList.alignListLeft a::after {
    content: " | ";
    padding-left: 1.2rem;
    display: inline-block;
}

.flex-footer-column.socialLinks .linkColumn.horizontalLinkList.alignListLeft a::after {
    content: "";
    padding-right: 0;
    display: inline-block;
}

.flex-footer-column .linkColumn.horizontalLinkList.alignListLeft a:last-child:after {
    content: "  ";
}

.flex-footer-column .linkColumn.horizontalLinkList a {
    margin-right: 1rem;
    font-weight: bold;
    color: #fff;
}

footer.section-color-background4 {
    background: var(--vsp-blue-black);
    margin-bottom: 0rem;
}

.standardLink i.icon-scale-3p0, .footerLink i.icon-scale-3p0, .iconImage.icon-scale-3p0 i {
    font-size: 3.0rem;
    padding-right: 1rem;
}

.thumbnail {
  box-shadow: none;
}

.columnGrid .imageBlock .thumbnail {
  box-shadow: none;
  border:1px solid #ccc;
}

ul {
  padding-left: 1.25rem;
}

.accordionComponent ul {
  padding-left: 0;
}

li {
  font-size: 1rem;
  line-height: 2rem
}

.section-color-light p,
.section-color-light small,
.section-color-light ul {
  color: #030211;
}

.dropdown.menu a, .dropdown.menu a:active, .dropdown.menu a:hover, .article, .article-summary {
  color: var(--vsp-blue-black);
}

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

.menu li, .menu.expanded li {
  padding: 0 5.8125rem 0 0;
}

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

.local-container .article-archive a.accordion-title {
  border: none;
  border-bottom: none;
}

.dropdown.menu a.dropdown {
  font-weight: 400;
}

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

#megamenu .row {
  justify-content: space-evenly;
  margin: 0 auto !important;
}

/*** button css ***/
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  /* font-size: 1rem; */
  /* letter-spacing: 0.25px; */
  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;

  padding: 0.9rem 1rem;
  font-size: 1.1875rem;
  border-radius: 24px;
  letter-spacing: 0.0075rem;
}

.button.primary {
  background-color: #3A60FF;
  color: #ffffff;
  font-weight: bold;
}

.button.secondary {
  background-color: var(--section-color-bkgd3);
  color: #fff;
  border: 1px solid #fff;
}

.button.tertiary {
  background-color: #fff;
  border: 1px solid var(--section-color-bkgd3);
  color: var(--section-color-bkgd3);
}

.button.hollow {
  background-color: transparent;
  border: 1px solid #3A50FF;
  color: #3A50FF;
  font-weight: bold;
}

.button.primary:hover,
.button.hollow:hover,
.button.secondary:hover,
.button.tertiary:hover
{
  background-color: #241ED6;
  color: #fff;
  text-decoration: underline;
}

.button.tertiary:hover
{
  border: 1px solid #241ED6;
}

.section-color-dark .button.primary {
  background-color: #fff;
  border: 1px solid #fff;
  color: #3A60FF;
  font-weight: bold;
}

.section-color-dark .button.primary:hover {
  background-color: #B4DBF7;
  border: 1px solid #B4DBF7;
  color: #241ED6;
  font-weight: bold;
  text-decoration: underline;
}

.section-color-dark .button.hollow {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  font-weight: bold;
}

.section-color-dark .button.hollow:hover {
  background-color: #B4DBF7;
  border: 1px solid #B4DBF7;
  color: #241ED6;
  font-weight: bold;
  text-decoration: underline;
}

.section-color-light .button.secondary {
  background-color: var(--section-color-bkgd3);
  color: #fff;
}

.section-color-light .button.secondary:hover {
  background-color: #241ED6;
  color: #fff;
}

.section-color-dark .button.secondary {
  background-color: var(--section-color-bkgd3);
  color: #fff;

}

.section-color-dark .button.secondary:hover {
  background-color: #B4DBF7;
  border: 1px solid #B4DBF7;
  color: #241ED6;
}

.section-color-dark .button.tertiary {
  background-color: #fff;
  border: 1px solid #fff;
  color: var(--section-color-bkgd3);

}

.section-color-dark .button.tertiary:hover {
  background-color: #B4DBF7;
  border: 1px solid #B4DBF7;
  color: #241ED6;
}

.button.primary:focus,
.button.secondary:focus
{
  background-color: var(--vsp-maroon);
  color: #fff;
  text-decoration: underline;
}

.button.clear
{
    color: #3A60FF;
}

.button.clear:hover
{
    text-decoration: underline;
    color: #241ED6;
}

.section-color-dark  .button.clear
{
    color: #fff;
}

.section-color-dark  .button.clear:hover
{
    text-decoration: underline;
    color: #fff;
}

/*** dashboard form css ***/
.text-element-container {
  border: 1px solid var(--vsp-gray);
  padding: 0 35px 0 8px;
  position: relative;
}

.text-element-container:hover,
.select-element-container:hover {
    border: 2px solid #241ED6;
}

.refresh::before
{
    content: '\f057';
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-size: 16px;
    line-height: 16px;
    color: var(--vsp-gray);
    height: 15px;
    width: 15px;
}

.element-outline-container.focus
{
    padding: 3px;
    border: 2px dotted var(--vsp-dark-blue);
}

.element-outline-container.focus .text-element-container,
.element-outline-container.focus .select-element-container
{
    border: 2px solid var(--vsp-dark-blue);
    height: auto;
}

.error-message-wrapper {
    border: 1px solid var(--prh-danger-default);
}

.error
{
    color: var(--prh-danger-default);
}

.select-element-container
{
  border: 2px solid var(--vsp-gray);
}

form .ui-selectmenu-text::after,
.ui-selectmenu-text::after
{
  font-family: "Font Awesome 6 Pro";
  content: '\f107';
  font-size: 14px;
  color: var(--vsp-dark-blue);
}

.ui-state-active, .ui-widget-content .ui-state-active
{
  border: 2px solid transparent;
  background-color: var(--vsp-dark-blue);
  font-weight: normal;
  color: #ffffff;
}

.ui-state-active:hover
{
  border: 2px solid transparent;
  background-color: var(--vsp-dark-blue);
  font-weight: normal;
  color: #ffffff;
}

.select-element-container
{
  padding: 0 0 0 8px;
}

.ui-selectmenu-text
{
  padding: 16px 0 16px 0;
}

.text-element-container.disabled,
.text-element-container.disabled:hover
{
  background-color: #F6F6F6;
}

.ui-widget.ui-widget-content
{
  border: 1px solid var(--vsp-gray);
}

.ui-selectmenu-menu .ui-menu .ui-menu-item
{
  border-bottom: 1px solid var(--vsp-gray);
}

/*** END form styling ***/


h1, h2, h3, h4, h5, h6 {
  font-family: 'Nunito Sans', sans-serif !important;
  font-weight: 300;
  color: #030211;
}

/* Style guide H1 */
h1, .article-title h1 {
  font-size: 2.125rem;
  margin-bottom: 8px;
}

h2, .columnBlock h2 {
  font-weight: 400;
  font-size: 26px;
  line-height: 2.00rem;
  color: #030211;
}

/*.columnBlock .linkContainer {*/
/*  text-align: center;*/
/*}*/

.columnBlock .linkContainer .standardLink {
  text-align: left;
}

/* Style guide H3 */
h3 {
  font-size: 1.375rem;
  line-height: 2.1875rem;
  text-transform: none;
}

/* Style guide H4 */
h4 {
  font-size: 1.125rem;
  line-height: 1.375rem;
}

.imageBlock h4 {
  padding-top: 1.25rem;
}



/* Style guide H5 */
h5 {
  font-size: 0.875rem;
  line-height: 1.4375rem;
}

/* Style guide H6 */
h6 {
  font-size: 0.75rem;
  line-height: 1.1875rem;
}

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

/* JJH 012224 This rule makes us use line breaks for spacing on every paragraph
inside the accordions. If still needed then scope this for offers page accordions
.accordion-content p {
     margin-bottom: 0;
}
*/

/* JJH 012224 need margin for accordion h4s - again scope to offers if needed */
.accordion-content h4 {
  margin-bottom: 1rem;
}

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

p {
  position: relative;
  display: block;
  font-size: 1rem;
  line-height: 30px;
  letter-spacing: .5px;
  font-family: 'Nunito Sans', sans-serif !important;
  font-weight: 400;
  font-style: normal;
  color: #030211;
}

/* .breadcrumbContainer {
  padding-left: 2rem;
} */

.row {
/*  max-width: 90rem;*/
}

.title-bar {
  padding: 1.5rem 1.5rem 0 1.5rem;
}

.navbar-fixed {
  position: fixed;
  z-index: 800;
  left: unset;
  top: 0;
}

.top-bar {
  justify-content: center;
  font-family: 'Nunito Sans', sans-serif !important;
}

.top-bar a {
  color: #030211;
}

#main-menu .dropdown.menu a.dropdown {
  font-weight: 800;
  font-size: 1rem;
  text-transform: uppercase;
}

#megamenu .top-bar .dropdown-pane {
  top: 60px !important;
  background-color: #fff;
  /* border-bottom: 1px solid rgba(10,10,10,.2); */
  box-shadow: 0px 2px 5px 0px rgba(159, 161, 164, .43);
  width: 122% !important;
  max-width: 122%;
  left: -11% !important;
}

.top-bar .dropdown-pane ul.vertical {
  width: auto;
  justify-content: flex-start;
  max-width: 25%;
  margin-left: auto;
  margin-right: auto;
}

/* article css */

.article-overviewImage {
  margin: 1.875rem auto;
}

.article-subBlock {
  margin-bottom: 0;
  margin-top: 0;
}

a.zoomedImage, a.zoomedVideo
{
    position: relative;
    display: inline-block;
}

.columnBlock h2 {
  margin-top: 1.5rem;
}

#mega-menu li:first-child {
  text-align: left;
}

#mega-menu #mm-a360 li:first-child {
    text-align: center;
}
.dropdown.menu a {
  padding: 0;
  margin: 0;
}

header {
  background-color: #fff;
}

.topNavContainer {
  background-color: #fff;
}

.title-bar {
  /* margin-top: 50px; */
  background: #fff;
  padding-left: 1.9375rem;
}

.headerRow {
  padding: 0;
  margin: 0 auto;
  /* max-width: 90rem; */
  max-width: 78rem;
}

.menu-icon {
  width: 27px;
  height: 16px;
}

.menu-icon::after {
  background: #000;
  box-shadow: 0 7px 0 #000, 0 14px 0 #000;
  height: 3px;
}

.title-bar-title img {
  max-width: 60%;
}

.title-bar-right {
  padding-right: 1rem;
}

/* Scroll hide-show for global navigation bar at top of all pages  */
/* Adapted from https://foundation.zurb.com/building-blocks/blocks/scrollhide-nav.html  */

.scrollhide-nav {
  position: fixed;
  right: 0;
  top: 0;
  left: 0;
  transition: -webkit-transform .2s cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform .25s cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform .25s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform .25s cubic-bezier(0.86, 0, 0.07, 1);
}

.scrollhide-nav.hidden {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}


.mediaComponent-copy {
  padding-left: 1.25rem;
}

.mediaComponent-copy .button{
  margin: 0;
}

/* accordion styles */
.accordionComponent h2
{
    margin-bottom: 1.2rem;
}
.accordion-item
{
  margin-bottom: 1rem;
  cursor: pointer;
}

.accordion-title,
.accordion-title:hover,
.accordion-title:focus,
.dropdown.menu a.accordion-title,
.dropdown.menu a.accordion-title:hover,
.dropdown.menu a.accordion-title:focus
{
  color: var(--inverse-text-color);
  border: 1px solid #F6F6F6;
  border-right: none;
  border-left: none;
  border-bottom: none;
  padding: 1rem;
  background-color: #F6F6F6;
  cursor: pointer;
}

.accordion-title:hover,
.accordion-title:focus {
  background-color: #F6F6F6;
  text-decoration: none;
}

.accordion-title h3
{
  color: var(--primary-color) !important;
  font-size: 1.125rem;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 600;
  line-height: 1.0;
  letter-spacing: 0;
  text-transform: unset;
  cursor: pointer;
}

.accordion-title:hover, .accordion-title:focus {
  background: #c0ddec;
}

.accordion-item:first-child > :first-child {
  border-radius: 0;
}

.category-archive .accordion-title {
  font-weight: normal;
}

.category-archive .accordion-title:hover {
  padding:  1.2rem;
}

.category-archive:last-child > .accordion-content:last-child {
  border-bottom: none;
}

.filterMenu .accordion-item:first-child > :first-child {
  border-radius: 0;
  border-top: none;
}

.filterMenu .accordion-item:first-child:hover > :first-child {
  border-top: none;
}

.filterMenu .ui-accordion .ui-accordion-header {
    padding: 1rem 0 .5rem 0;
    color: #030211;
}

.filterMenu .ui-accordion .ui-accordion-content {
    padding: 0 1rem 0 0.2rem;
    margin-bottom: 0.8rem;
}

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

.filterMenu .ui-icon-plus {
    background-position: -16px -128px;
    float: right;
    margin-top: 0.5px !important;
}

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

.filterMenu #accordion .accordionTitle,
.ui-state-active
{
    border-top: 2px solid #c7c7c7;
}

.filterMenu #accordion .accordionTitle:first-child
{
    border-top: none;
}

/* #accordion .element-outline-container:last-child
{
    border-bottom: none;
} */

.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active
{
    border: 2px solid transparent !important;
    background: transparent !important;
    font-weight: normal !important;
    /* color: unset !important; */
}

.ui-button.ui-state-active:hover
{
    border: 2px dotted #979797 !important;
    background: transparent !important;
    font-weight: normal !important;
    /* color: unset !important; */
}

.accordion-title {
  font-size: 1.125rem;
}

.accordion-content {
  font-size: 1.0rem;
}

.accordion-item h2 {
  font-size: 2em;
  line-height: 1.7em;
}

.cardGrid .imageBlock {
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.2);
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/*** play button standard css */
.playButton,
.videoIcon {
    position: absolute;
    z-index: 100;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    background-color: #fff;
    width: 60px;
    height: 60px;
    right: 0;
    left: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}

.playButton i,
.videoIcon i.fa-play-circle
 {
    font-size: 30px;
    color: #003046;
    margin-left: 5px;

}

.videoIcon i.fa-play-circle::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f0da";
}

.fa-brands, .fab {
  font-family: "Font Awesome 6 Brands";
}

/* media component overrides */
.mediaComponent p, .mediaComponent h2 {
  color: #666;
}

.iframeClass {
  width: 100%;
  height: 20rem;
}

/* JJH 020724 This is what was were - gonna pull what's on dev AND add the .is-active one from dev too
.accordion-title::before {
  font-size: 1.75rem;
  line-height: 1rem;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -0.5rem;
  font-family: "Font Awesome 5 Pro";
  font-weight: 800;
  content: '\f107';
  color: var(--primary-color);
}

.is-active > .accordion-title::before {
  content: '\f106';
}
*/

/* JJH 020724 - need to be careful here - the changes like color, content, right etc. can't go out until NDT and new nav is ready to go */
.accordion-title::before {
  font-size: 1.75rem;
  line-height: 1rem;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -0.5rem;
  font-family: "Font Awesome 6 Pro"; /* JJH 020724 */
  font-weight: 800;
  content: '\f107';
  color: var(--primary-color);
}

/* JJH 020724 - this one also can't go until NDT */
.is-active > .accordion-title::before {
  content: '\f106';
}

.accordionComponent h1 {
  padding-bottom: 2rem;
  text-align: center;
}

/* .accordionComponent h2 {
  padding-left: 1.25rem;
} */

/*** slider CSS ***/
.slick-item p, .slick-item h3, .slick-item .linkContainer {
  text-align: left;
}

.slick-item .linkContainer .button {
  padding: 1rem 2rem;
  font-size: 1rem;
}

.slick-item.slick-slide img {
  display: block;
  margin: 0 auto;
}

.slick-slider {
    height: 407px;
}

.margin-auto {
  margin: 0 auto;
}

.frameColors {
  margin-top: 3.2rem;
  text-align: center;
}

.productColors {
  display: table;
  border-spacing: 8px 4px;
}

.styleColor {
  cursor: pointer;
  display: inline-block;
  color: white;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  border-radius: 100%;
  width: 100px !important;
  height: 100px !important;
  margin-left: 1rem;
  margin-bottom: 1rem;
  -moz-background-size: cover !important;
  background-size: cover !important;
  -webkit-background-size: cover !important;
  -o-background-size: cover !important;
  background-color: transparent;
  border: 5px solid #0e3144;
}

.colorDescription {
  text-align: center;
  color: #000;
  font-size: 1rem;
  font-weight: bold;
  text-transform: capitalize;
}

.productSizes {
  margin-top: 0.6rem;
  text-align: center;
}

.ca-nav-controldots {
  text-align: center;
}

.dotControl {
  display: inline-block;
  border-radius: 100%;
  border: 1px solid #ccc;
  margin-right: 5px;
  width: 15px;
  height: 15px;
  cursor: pointer;
}

.dotControl.selected, .dotControl:hover {
  background-color: #ccc;
}

/* Event */
.eventThumb > h3, .summary {
  text-align: center;
  color: #030211;
  font-weight: 500;
}

.staticLink {
  color: #0069b5;
  text-align: center;
}

.eventThumb, .directions {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.eventThumbnail
{
  border: 1px solid #ccc;
  margin-bottom: 0.8rem;
}

.directions {
  font-weight: normal;
}

.eventDetails > h2 {
  font-weight: 500;
}

.eventDetails > p {
  margin-top: 1.3rem;
  color: #030211;
  font-size: 1.2em;
}

.schedule {
  margin-top: 2.5rem;
}

.locationContainer {
  margin-top: 2rem;
  font-weight: normal;
}

address, .dateContainer {
  font-style: normal;
  font-weight: normal;
  line-height: 2em;
}

.addeventatc, .addeventatc .addeventatc_icon {
  background: unset !important;
  padding: 13px 12px 12px 13px !important;
  text-align: center;
  color: #9fa1a4 !important;
  margin-top: 2.5rem;
}

.addeventatc .addeventatc_icon {
  display: none !important;
}

.eventScheduleSection {
  margin-top: 3rem;
  border-top: 1px solid #d2d3d4;
  padding-top: 3rem;
}

.eventScheduleSection > h3 {
  font-weight: normal;
  color: #030211;
}

.ctaSection {
  background: #00b9f2;
  height: auto;
  padding: 2rem;
  display: flex;
  flex-direction: column;
}

/*** Styles for Build Your Ad Page ***/
.ad-images .captionBlock {
  margin-top: 14px;
}

.ad-images .captionBlock p{
  display: inline-block;
}
.ad-images .captionBlock::before {
    font-family: "Font Awesome 6 Pro";
    content: '\f111';
    display: inline-block;
}
.ad-images .columnBlock.selected .captionBlock::before {
    font-family: "Font Awesome 6 Pro";
    content: '\f192';
    color: #00B9F2;
}
.ad-images .columnBlock.selected {
    border: 1px solid #00B9F2;
}
.ad-images .imageBlock{
    border: 1px solid #CCCCCC;
    height: auto !important;
}
.ad-images.image-row {
    padding: 0;
}
.ad-images .columnBlock {
    padding: 1rem;
}
.ad-images .columnBlock:hover {
    cursor: pointer;
}
.ad-images .columnBlock::before {
    content: '' !important;
}
.ad-error {
  color:red;
}

/*** End of Style for Build Your Ad Page ***/

/*** Temp Styles for Jump links component ***/
.jump-links .linkContainer a.standardLink::after, a.standardLink.textLink::after {

  display: inline-block;
  content: "\f0da";
  font-size: 1.1rem;
  font-weight: 800;
  font-family: "Font Awesome 6 Pro";
  padding-left: 0.4rem;
  text-decoration: none;
  line-height: 0.8;

}
/*** END Temp Styles for Jump links component ***/

/***  HERO Marquee Styling ***/

.hero-section2 {
  margin-left: auto;
  margin-right: auto;
  max-width: 90rem;

}

.hero-section2.hero-left .row {
  margin-left: 0;
  max-width: none;
  padding-left: 0;
}

.globalNavigation .quickLinks .menuTitle.menuStyling {
  border: none;
}

.globalNavigation .quickLinks .menuStyling.iconAfter i {
  padding-left: 0.5rem;
}

@media screen\0 {
    .hero-section2.hero-left .row
    {
        max-width: none !important;
    }
}

.hero-section2.hero-left .hero-section-text {
  margin-left: 0rem;
  background-color: white;
  opacity: 0.8;
  width: 48.44rem;
  padding: 1rem 0;
}

.hero-section2.standardHeight.hero-left .hero-section-text
{
  max-height:34vh;
}

.hero-section2 .hero-section-text h1 {
  font-weight: 300;
  line-height: 2.75rem;
  margin-bottom: 0.8rem;
  font-size: 2.125rem;
}

.hero-section2 .hero-section-text p {
  font-size: 1.125rem;
  line-height: 1.675rem;
  font-weight: 400;
  color: #030211;
}

.hero-section2 .hero-section-text .paragraphContainer h1,
.hero-section2 .hero-section-text .paragraphContainer p {
  opacity: 1;
}

.linkContainer, .linkContainer2 {
  margin: 1.125rem 0 0.75rem 0;
}

.inheritable-sidebar .speakerContainer + .headerBlock .linkContainer {
    position: initial;
}

.hero-section2 .linkContainer, .linkContainer2 {
  line-height: 2rem;
}

.hero-section2 .hero-section-text .paragraphContainer {
  padding-bottom: 0;
}

.hero-section2 .hero-section-text .paragraphBlock {
  margin: 1.0rem 1.0rem 1.0rem 6.75rem;
  width: auto;
}

.hero-section2 .hero-section-text.show-for-medium {
  max-width: 52rem;
  /* padding: 1rem;  */
}

.mmt-hero .linkContainer {
  display: none;
}

section .row {
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

.mmt-row .default-style-left {
  width: auto;
  max-width: none;
}

.mmt-row .default-style-left img {
  max-width: none;
}

.testimonials > .row {
  margin: 0;
}

.testimonials h1,
.testimonials h2,
.testimonials h3,
.testimonials h4 {
  font-size: 1.5625rem;
  line-height: 1.9375rem;
}

.testimonials .paragraphBlock {
  /* display: block;  */
}

.no-testimonial .paragraphContainer,
.no-testimonial .linkContainer {
  /* margin-left: 1rem; */
}

.testimonials > div > .paragraphContainer > p {
  color: #030211;
  margin-bottom: .12rem;
}

.testimonials > div > .paragraphContainer > p:first-child {
  margin-bottom: 1rem;
}

.testimonials > div > .linkContainer {
  display: none;
}

.no-testimonial > .paragraphContainer > p {
  color: #030211;
}

.no-testimonial > .paragraphContainer > .linkContainer > a.primary,
#fsSubmitButton3479188 {
  float: left;
  border-radius: 0;
  color: #fff;
  background: #003046 !important;
}

.no-testimonial > .paragraphContainer > .linkContainer > a.primary:hover {
  background: #00b6f1 !important;
  color: #003046;
}

/* Contact */
.reqRed {
  font-size: 0.813em;
}

.red {
  color: #f2280a;
}

.contactTiming {
  font-size: 0.938em;
}

#field78528175 {
  height: 10rem;
}

.error {
  color: red;
  font-size: 13px;
  display: block;
  float: right;
}

/* .paragraphContainer > p {
  color: #030211 !important;
} */


/* View More Button Styling */
.viewMoreButton {
  text-align: center;
  background: #003046;
  cursor: pointer;
  margin: 1rem auto 3rem auto;
  float: none !important;
}

.orderByAsc.selected,
.orderByDesc.selected {
  border-bottom: 1px solid #ccc;
}

.editor-msgs {
  font-size: 0.8rem;
  color: red;
  margin: 0;
  padding: 0;
}

.homepage-highlights .article-header {
  border-top: none;
}

.homepage-highlights .article-category-header {
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 3rem;
  margin: 0 auto;
}

.homepage-highlights .article-category-header h1 {
  font-size: 2.125rem;
  line-height: 2.75rem;
  font-weight: 300;
}

.homepage-highlights .article-category-header h2 {
  font-size: 1.625rem;
  line-height: 2.0rem;
  font-weight: 300;
}

.hero-section-text-mobile .linkContainer {
  text-align: center;
}

.no-testimonial .linkContainer {
  margin: 0;
  /* padding: 0 1rem 1rem 1rem; */
}

.no-testimonial .paragraphContainer,
.no-testimonial .linkContainer {
  /* margin-left: 1rem; */
}


.testimonials .linkContainer,
.testimonials .paragraphContainer {
  text-align: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.testimonials .paragraphContainer p {
  margin-bottom: 0;
  margin-top: 2rem;
}

.no-testimonial .paragraphContainer {
  text-align: left;

}

.orange-tb-b {
  border-bottom: 0.375rem solid #f47b20;
  border-top: 0.375rem solid #f47b20;
}

.fa-quote-right::before {
  font-size: 1.5rem;
}

.sorter-options .sorter-prefix {
  padding-right: 1.5rem;
}

.sorter-options .orderByAsc {
  margin-right: 1.5rem;
}

.sorter-options .orderByDesc {
  margin-left: 1.5rem;
}

.row .mmt-cta-grid .column.row.row {
  margin-right: 5.9375rem;
  margin-left: 5.9375rem;
}

/* .testimonial-section {
  margin-top: 2rem;
} */

.testimonial-section .row {
  flex-direction: column;
}

.primaryArticleSummaryContainer .row .columns {
  padding-left: 0;
  padding-right: 0;
}

.trendingContainer {
  padding-left: 3.125rem;
}

.sort-container {
  padding-right: 3.75rem;
}

/* .spread .container,
.testimonial-section .container {
  padding-right: 2rem;
  padding-left: 2rem;
  align-items: unset;
} */

/* .spread .spreadCol1 .paragraphBlock {
    padding-left: 0;
    padding-right: 0;
}

.spread .spreadCol2 .paragraphBlock {
    padding-left: 0;
    padding-right: 0;
} */

/* .spread .spreadCol2 {
    padding-left: 0.9375rem;
    padding-right: 0;
} */

.container .testimonials {
    position: relative;
    padding: 0;
}

.category-landing-component .container {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}

.catPinContainer  {
  max-width: 78rem !important;
  margin-left: auto;
  margin-right: auto;
}

.catContainer .row {
  margin-left: auto;
  margin-right: auto;
}

.articleContainer
{
    float: left;
}

.spread .container.stack-spread {
  width: 100%;
}

.container .no-testimonial {
  padding-left: 0;
  padding-right: 0;
}

.vsp-doctor-column-grid .footnote {
  text-align: left;
  font-style: normal;
}

.top-bar .dropdown-pane ul a:hover {
  transition: all 0.1s ease-in;
  color: #0069b5;
  text-decoration: none;
  border-bottom: 1px solid #0069b5;
}

.top-bar .dropdown-pane ul a.mmHeader:hover {
  transition: none;
  color: #000;
  border-bottom: 0;
  cursor: default;
}

.mmt-sub-banner .spreadCol1 img {
  width: auto;
}

/* .columnGrid .row {
  padding-left: 1.9375rem;
  padding-right: 1.9375rem;
} */

/*------------------------------------------*/
/* .catPinContainer {
  margin-top: 4rem;
} */

.pinned-item, .topics-list-item {
  border-bottom: 2px solid #D2D3D4;
  padding-bottom: 1.5625rem;
  padding-top: 1.5625rem;
  margin-bottom: 0;
}

.manual-articles-list a {
  border-bottom: 1px solid #ccc;
  padding-bottom: 1.5625rem;
  padding-top: 1.5625rem;
  margin-bottom: 0;
  font-size: 1.125rem;
}

.manual-articles-list a.external::after {
  font-family: "Font Awesome 6 Pro";
  content: "\f35d";
  margin: 0 0 0 0.5rem;
  font-weight: 200;
  font-size: 14px;
  color: gray;
  text-decoration: none !important;
}

.pinned-item:last-child {
  margin-bottom: 2rem;
}

.topics-list-item:last-child,
.pinned-topics-list h4:last-child,
.manual-articles-list a:last-child {
  border-bottom: none;
}

.pinned-item:first-of-type {
  padding-top: 1rem;
}

.topics-list-item i {
  font-weight: 200;
  font-size: 14px;
  color: gray;
}

.noArticlesContainer
{
    margin-bottom: 1rem;
    padding: 0 0.9375rem;
}

.viewMoreButton {
  text-align: center;
  background: #003046;
  color: #ffffff;
  cursor: pointer;
  margin: 1rem auto 3rem auto;
  float: none !important;
}

.viewMoreButton:hover {
  background: #00b9f2;
  text-decoration: none;
}

.viewMoreContainer {
  display: none;
  padding: 0 0.9375rem;
}

.waitMessage {
  font-size: 1.5rem;
  padding: 2rem 0;
  text-decoration: none;
  border-bottom: none;
}

.waitMessage span {
  padding: 0;
  text-decoration: none;
  border-bottom: none;
}

a.viewMore {
  width: 100vw;
  color: #fff !important;
  height: 3.5rem;
  line-height: 3.5rem;
  font-size: 1.125rem;
  font-weight: 800;
  display: table-cell;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-decoration: none;
  border-bottom: none;
}

a.viewMore:hover {
  color: #003046;
  text-decoration: none;
  border-bottom: none;
}

.fa-thumbtack:before {
  display: none;
}

.article-summary-title,
.article-summary-subtitle {
  color: #030211 !important;
}

/* .article-summary-thumbnail
{
  min-height: 200px;
} */

.article-summary-title {
  min-height: unset;
}

.article-summary-subtitle {
  margin: 0;
  line-height: 1.5rem;

}

.article-summary-readmore {
  margin: 1rem 0;
}

.article-summary-postDate {
  color: #030211 !important;
}

.hideBlock
{
    display: none;
}

.utmDefault
{
    display: flex;
}

.article-tag.pretty, .article-category.pretty {
  background-color: transparent;
  color: #000;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.5625rem;
  cursor: pointer;
  white-space: nowrap;
}

.premierLogin {
  display: none;
}

.premierLogin .quickLinks  a:hover span {
  text-decoration: underline;
}

.premierLogin .quickLinks a:link,
.premierLogin .quickLinks a:visited,
.premierLogin .quickLinks a:hover {
  color: #0069b5;
  text-decoration: none;
}

.premierLogin .quickLinks {
  background-color: transparent;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 2.375rem;
  font-size: 0.875rem;
}

.premierLogin .quickLinks i {
  font-size: 150%;
}

.premierLogin .quickLinks span {
  padding-top: 0.3rem;
}

.premierLogin .standardLink i.icon-scale-3p0
{
  padding-right: 0;
}

/*** LOB premier login button css ***/
/* JJH 122823 premier-lgn is now premierLoginLink. moving some of these to that */
/* SO THESE CAN BE REMOVED AS NO LONGER USED
#premier-lgn {
  background: #F47B20;
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.5rem;
  align-items: center;
  font-weight: 600;
  height: 43px;
  font-family: open-sans, sans-serif;
  color: #003046;
}

#premier-lgn.standardLink i.far.fa-user-circle.icon-scale-1p5
{
  padding: 0.1rem 0.7rem 0 0;
  font-size: 1.2rem;
  line-height: 1.5rem;
}
*/

/***   Matt's quicklinks styling  ***/
/* quickLinks */

.globalNavigation .quickLinks {
  background-color: #0B2335;
  padding-top: 0;
  padding-bottom: 0;
  justify-content: flex-start;
  opacity: 1;
  padding-left: 0;
}

.quickLinks .row {
  flex-grow: initial;
}

.globalNavigation .quickLinks .row {
  align-items: center;
  justify-content: flex-start;
  /* JJH 012424 this is 75.5 on dev so changing to that max-width: 90rem; */
  /*max-width: 90rem;*/
  flex-grow: 1;
}

.globalNavigation .quickLinks a, .globalNavigation .quickLinks a:active, .globalNavigation .quickLinks a:hover {
  outline: inherit;
  color: white;
  cursor: pointer;
  display: inline-flex;
  text-decoration: none;
  font-family: "Open Sans", sans-serif;
  font-size: .875rem;
  font-style: normal;
  font-variant: normal;
  font-weight: 600;
  line-height: 1.1em;
  margin-bottom: 0;
}

.globalNavigation .quickLinks .menuContent a,
.globalNavigation .quickLinks .menuContent a:active,
.globalNavigation .quickLinks .menuContent a:hover
{
    color: var(--text-color);
}

.globalNavigation .quickLinks a.selected, .globalNavigation .quickLinks a.selected:active, .globalNavigation .quickLinks a.selected:hover {
  background-color: #ffffff;
  color: #003046;
}

.globalNavigation .quickLinks a:hover,
.quickLinksContainer .menuTitle.dropDownMenu-header:hover
{
  background-color: #ffffff;
  color: #003046;
  cursor: pointer;
}

.subnav-NextDashBoard,
.subnav-PrevDashBoard
{
    border-left: none;
    border-right: none;
}

.subnav-NextDashBoard::before,
.subnav-PrevDashBoard::before
{
    content: '';
}

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

.title-bar .menu-icon {
  margin-left: .25rem;
  margin-right: 0;
}


/* footer */
footer {
  background: #003046;
  color: #fff;
}

.footerBlock {
  margin-bottom: unset;
  width: auto;
}

.fatFooterRow {
  /* background: transparent; */
  background: #003046;
}

.fatFooterRow > .row {
  /* background: #003046; */
  background: transparent;
  padding-top:3.5rem;
  /*padding-left: 6.5rem;*/
  padding-right: 5.5rem;
  padding-bottom: 3.5rem;
}

.footerLegal {
  display: block;
  width: 70%;
  margin-top: 1.1rem;
  text-align: left;
}

.fatFooterRow .footerLinkContainer
{
  display: flex;
  flex-direction: row;
  width: 70%;
  text-align: left;
  padding-left: 0.9375rem;
}

.fatFooterRow .footerLinkContainer a.standardLink {
  width: unset;
  font-weight: bold;
}

.footerLinkContainer a.standardLink:after {
  content: "|";
  padding: 0 1rem;
}

.footerLinkContainer a.standardLink:last-child:after {
  content: "";
}

.footLinkLast {
  /*padding-left: 0.9375rem;*/
  line-height: 1.75rem;
  font-weight: bold;
  width: unset !important;
}

.rights {
  margin-top: 1rem;
  font-size: 14px;
  font-weight: bold;
  padding-left: 0;
}

/* button.menu-icon {
  position: absolute;
  margin-right: 1rem;
  right: 1rem;
  top: 4rem;
} */

.navLinksResources {
  padding-bottom: 2rem;
  padding-left: 1rem;
}
.srLink {
   line-height:2.28;
   font-size: 1.125rem;
}
.article-sidebar  {
  padding-top: 0;
  padding-left: 4rem;
}

.SocialMediaForm .column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
  float: left;
}
.SocialMediaForm .formLabel:last-of-type {
  width: auto;
  float: left;
}
.SocialMediaForm {
  color: #030211 !important;
  font-family: 'Nunito Sans', sans-serif !important;
}
.pinned-topics-list > a {
  line-height: 3;
}
.mmtOnly {
  display: none;
}
.topics-list-heading, .topics-list-heading > h2 {
  margin-bottom: 0 !important;
}
.article-postDate {
  font-size: 16px;
  line-height: 40px;
  padding-left: 8px;
}
.article {
  padding-right: 20px;
}

.article-category {
  padding: 0;
  margin: 6px 8px;
  font-size: 1rem;
}

.category-block
{
    margin: 6px 0;
}

.column-a {
  padding-left: 0;
}

.headerBg {
  text-align: center;
  background-color: lightgray;
  padding: 12px;
}

.blueText{
  color: #0069B5;
  font-size: 16px;
  text-transform: capitalize;
  padding-left: 5px;
}

#addLocationButton{
  margin-top: 80px;
}

/* .category-block span:first-child
{
    margin-left: 0;
} */

/* tag pills */

/* a.article-category,
.article-category
{
  display: inline-block;
  padding:4px 12px;
  background-color: #ccc;
  border-radius: 50px;
  margin: 6px 3px;
  color: #0069b5;
  text-decoration: none;
}

.article-category {
  color: #000;
}

a.article-category:hover
{
  text-decoration: none;
  background-color: #003046;
  color: white;
}
*/
.zoom
{
  display: inline-block;
}

.article-categoryBlock {
  margin-top:0;
  margin-bottom: 15px;
}
/* .disqus-section {
  padding-right: 70px !important;
} */
.article-category.pretty {
  color:#0069b5;
}
.article-subtitle {
  margin-top: 15px;
}
.article-subtitle > h3 {
  margin-bottom: 0 !important;
  padding-top:0 !important;
}
.article-copy {
  margin-top: 40px;
}
.socialLinkContainer > a,
.socialLinkContainer > a:active,
.socialLinkContainer > a:hover,
.socialLinkContainer > a:visited {
    text-align: center;
    margin-left: 0.3125rem;
    margin-right: 0.3125rem;
    padding: 1rem;
}
.socialLinkContainer a {
  background-color: #fff;
}
.socialLinkContainer a:hover {
  background-color: #00b6f1;
}
.socialLinkContainer a:hover i{
  /*background-color: #003046;*/
  color: #fff;
}
.linkContainer i, .socialLinkContainer i {
  color: #003046;
}
i.vsp-blog {
  height:1.8rem;
  float: none;
  padding:0;
}

/*TODO: simplify this*/
.footerLinkContainer a.footerLink,
.footerLinkContainer a:visited,
.fatFooterRow .footerLinkContainer a.footerLink,
.fatFooterRow .footerLinkContainer a:active,
.fatFooterRow .footerLinkContainer a:hover {
  padding:0;
}

.footerLinkContainer a.footerLink,
.footerLinkContainer a:active,
.footerLinkContainer a:visited {
  padding:0;
}
.footerLinkContainer a.footerLink,
.footerLinkContainer a:visited,
.fatFooterRow .footerLinkContainer a.footerLink,
.footerLinkContainer a:active,
.fatFooterRow .footerLinkContainer a:hover {
  padding:0;
  line-height: unset;
}


/* sidebar template css */

.sidebar-block {
  max-width: 78rem !important;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  padding-top: 0;
}

.sidebar-block2
{
  max-width: 78rem !important;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3.5rem;
  /* padding-right: 6rem; */
  padding-bottom: 0;
  padding-top: 0;
}

.sidebar-col1
{
  padding-right: 6rem;
}

.sidebar-col2 section
{
  padding: 1rem 0 1rem 0;
}

.sidebar-col1 section:first-child, .sidebar-col2 section:first-child {
    padding-top: 0;
}

.sidebar-col2 section.sidebarHeader
{
  padding: 0 !important;
}

.sidebar-col2 .section-divider {
  border-bottom: 1px solid #ccc;
  padding-bottom: 1rem !important;
}


.sidebar-col2 .mediaComponentContainer.section-divider {
  border-bottom: none;
}

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

.sidebar-col2 h3 {
  margin: 0;
  padding: 0;
  line-height: 1.875rem;
}
.mobileQuickLinksDYN {
  background: #003046;
  /* float:none !important; */
  display: none;
}
.linkNest, .linkNest:focus {
  background-color: #003046;
  border:none;
  color:#fff;
  font-weight: bold;
  box-shadow: none;
  margin: 1rem 0 1rem 0 !important;
}
.aboutVSPHEAD {
  padding-bottom: 2rem !important;
  padding-top:2rem !important;
}
.working-with-statics > .row > .columnContainer > .columnBlock {
  margin-bottom: 0;
}
.hero-section2 .hero-section-text .paragraphContainer {
  padding-left: 0 !important;
}


/**** highlite features section ****/

.highliteFeatures .spreadCol1 .columnBlock
{
    width: 50%;
    padding: 0 0.9375rem;
}
.sidebar-col2 section.section-noPadding-bottom {
  padding-bottom: 0px;
}
/* .sidebar-col2 div.row{
  padding-top: 0.95rem !important;
} */

.sidebar-col2 p{
  margin-bottom:0px !important;
}

/* .highliteFeatures .spreadCol1, .highliteFeatures .spreadCol2
{
    padding: 0 0.9375rem;
} */

/* .highliteFeatures .spreadCol2
{
    padding: 0 0.9375rem 0 1.875rem;
} */

.highliteFeatures .spreadCol1
{
    border-right: 1px solid #c5c5c5;
    padding: 0;
}

.highliteFeatures .spreadCol2 .columnBlock
{
    border-bottom: 1px solid #c5c5c5;
    padding: 0;
}

.highliteFeatures .columnBlock strong
{
    color: #030211 !important;
}

.highliteFeatures .columnBlock img
{
    margin-bottom: 1.2rem;
    border: 1px solid #c5c5c5;
}

.highliteFeatures .spreadCol2 .columnBlock:last-child
{
    border-bottom: none;
    padding: 0.9375rem 0;
}

.highliteFeatures .linkContainer
{
    text-align: left;
}

.highlightsHeader
{
    padding: 0;
}

.highlightsHeader .paragraphBlock
{
    border-bottom: 1px solid #c5c5c5;
}

.highlightsHeader .paragraphBlock h1 {
    font-size: 2.125rem;
    line-height: 2.75rem;
    font-weight: 300;
}

.highliteFeatures .container.column
{
    padding: 0;
}

/* .spread.highliteFeatures .container {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
} */

span.marker {
    background-color: #F47B20;
    color:black;
    padding: .05rem .3rem;
    margin: 0;
    box-shadow: none;
    display: inline-block;
}

/**** PRH table css ****/
table
{
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    border: 1px solid #9fa1a4;
}

table tr th {
    background: #003046;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}

table tr td, table tr td p {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  color: #58595b;
  /* line-height: 1.8rem; */
}

table tr td p {
  margin: 0;
}

table tr td {
    padding: 0.625rem;
    border: 1px solid #9fa1a4;
}

table tbody tr:nth-child(2n) {
    border-bottom: 0;
    background-color: #f6faff;
}

/* ventures css */

footer.vspventuresFooter
{
    background: #003046;
}

footer.vspventuresFooter .footerLinkContainer
{
    display: none;
}

footer.vspventuresFooter .footerLegal
{
    display: block;
    width: 100%;
    text-align: center;
}

.jumplinks {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
}

.jumplinks .para-section {
    display:none;
}

.jumplinks .columnContainer {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.jumplinks .columnContainer .columnBlock {
    text-align: center;
    margin-bottom: 0;
}

/*** hero slider css ***/

.sliderContainer .row {
    max-width: 90rem !important;
    margin-left: auto;
    margin-right: auto;
}

.ctaDash
{
    background: #003046;
}

.navItem
{
    background: #003046;
    text-transform: uppercase;
}

.navItem:first-child
{
    border-left: 1px solid #fff;
}

.navItem:last-child
{
    border-left: none;
}

.navItem.is-active
{
  background: #fff;
  color: #030211;
}

.navItem:hover
{
    background: #ededed;
    color: #030211;
}

/* .slideDetails .button
{
    padding: 0.65rem 4rem;
} */

.slideDetails .paragraphContainer p {
    margin: 0;
    line-height: 25px;
}

.ctaDash .slideNav {
    width: 79%;
    background: #fff;
}

.leftRightComp .container {
  /* border: 1px dotted #ff0000; */
  align-items: stretch;
}

.leftRightComp .paragraphContainer {
   display: flex;
   flex-direction: row;
   align-items: center;
}

.leftRightComp .spreadCol1 {
   display: flex;
   flex-wrap: wrap;
   background-color: #0a3046;
   color: #fff;
   flex: 1;
   align-items: center;
}

.leftRightComp .spreadCol2 {
   flex: 1;
}

.leftRightComp .spreadCol1 p,
.leftRightComp .spreadCol1 h1,
.leftRightComp .spreadCol1 h2,
.leftRightComp .spreadCol1 h3,
.leftRightComp .spreadCol1 h4 {
   color: #fff !important;
   margin: 0;
}

.leftRightComp .spreadCol1 h1,
.leftRightComp .spreadCol1 h2,
.leftRightComp .spreadCol1 h3,
.leftRightComp .spreadCol1 h4 {
   /* flex-basis: 40%; */
   text-align: right;
   padding-right: 1.5rem;
   min-width: 30%;
}

.leftRightComp .spreadCol1 p {
  line-height: 1.5;
}

.leftRightComp .spreadCol2 p {
  padding-top: 1rem;
}

.leftRightPara1 .spreadCol1 {
    flex-direction: column;
}

.leftRightPara1 .spreadCol2 {
    flex-direction: column;
}

.leftRightComp .spreadCol > .paragraphBlock,
.leftRightComp .spreadCol .headerBlock .paragraphBlock {
    width: 100%;
}

.leftRightPara1 .spreadCol .paragraphBlock,
.leftRightPara1 .spreadCol .headerBlock .paragraphBlock,
.leftRightPara1 .spreadCol div:not(.headerBlock) .paragraphBlock   {
    /* width: 100%; */
    padding-left: 3rem;
    padding-right: 2rem;
    flex: 1;
    display: flex;
    border-bottom: 1px solid #fff;
}

.leftRightComp .spreadCol1 .paragraphBlock,
.leftRightComp .spreadCol1 .headerBlock .paragraphBlock  {
    min-height: 100%;
    border-bottom: 1px solid #fff;
}

.leftRightComp .spreadCol1 .paragraphBlock:last-child,
.leftRightComp .spreadCol1 .headerBlock .paragraphBlock:last-child  {
    border-bottom: none;
}

.leftRightComp .spreadCol2 .paragraphBlock,
.leftRightComp .spreadCol2 .headerBlock .paragraphBlock,
.leftRightComp .spreadCol2 div:not(.headerBlock) .paragraphBlock  {
    padding-left: 0;
}

.leftRightPara1 .spreadCol2 .paragraphBlock,
.leftRightPara2 .spreadCol2 .paragraphBlock,
.leftRightComp .spreadCol2 .headerBlock .paragraphBlock {
    border-bottom: 1px solid #000;
    padding-left: 2rem;
    bottom-padding: 0;
}

.leftRightPara2 .spreadCol2 .headerBlock .paragraphBlock,
.leftRightPara2 .spreadCol2 .paragraphBlock  {
    border-bottom: none;
}

.leftRightComp .spreadCol1 > .paragraphBlock:first-child,
.leftRightComp .spreadCol1 .headerBlock:first-child .paragraphBlock:first-child  {
    /* padding-top: 1.5rem; */
}

.leftRightComp .spreadCol1 > .paragraphBlock:last-child,
.leftRightComp .spreadCol1 .headerBlock:last-child {
    /* padding-bottom: 1.5rem; */
}

.overview-media-comp .mediaCol1 {
  width: 11%;
}

.overview-media-comp .mediaCol1 .image {
  text-align: right;
}

.leftRightPara1 .spreadCol .headerBlock,
.leftRightComp .spreadCol .headerBlock {
  flex: 1;
  min-width: 100%;
}

.XXleftRightComp .spreadCol1 .paragraphBlock,
.leftRightComp .spreadCol1 div:not(.headerBlock) .paragraphBlock {
  padding-left: .9375rem;
  padding-right: .9375rem;
}

.leftRightComp .spreadCol1 .headerBlock {
  padding-left: 0;
  padding-right: 0;
}

/* Premier Offers page accordion styling */

/* Set all list items with a background color first */

.offers-accordion .accordion-content p {
    margin-bottom: 0.75rem;
}

.offers-accordion a.accordion-title {
    border: none;
    /* border-bottom: 1px solid #000; */
}

.offers-accordion li[id^="offers"]
 {
  background-color: #c9dceb;
}

.offers-accordion li.accordion-item:not([aria-expanded="true"]) {
    background: none !important;
    clear: both;
    overflow: hidden;
    border-bottom: 1px solid #000;
}

.offers-accordion li.accordion-item[aria-expanded="true"] + .accordion-item {
  /* border-bottom: none; */
  border-top: 1px solid #000;
}

.offers-accordion .accordion-content {
  border: none !important;
  /* min-height: 100%;  */
  /* height: 100%; */
  /* display: flex; */
  /* flex-direction: column; */
}

.offers-accordion li.accordion-item {
  border-top: 1px solid #000;
}

.offers-accordion li.accordion-item:last-child {
  border-bottom: none;
}

.offers-accordion .accordion-title::before {
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.0rem;
    position: absolute;
    /* top: 50%; */
    top: initial;
    bottom: 1.25rem;
    right: 1.5rem;
    margin-top: -0.5rem;
}

.offers-accordion h2 {
    margin-bottom: 0;
    font-size: 1.25rem;
}

.offers-accordion ul li:not(:first-child) {
    border-top: none;
}

/* END of styling for Premier Offers page  */

/* paragraphFootnote Styling */

.paragraphFootnoteContainer {
  margin-left: 0.8rem;
}

.paragraphFootnote ul,
.paragraphFootnote ol {
    margin-left: 0;
}

.paragraphFootnote li {
    font-size: 0.85rem;
    line-height: 1.25rem;
    padding-bottom: 0.5rem;
    font-style: normal;
}

.accordion section.para-section:first-child {
    padding-top: 0.5rem;
}

/* benefits table */
.benefitExplanation {
    display: none;
}

.speakerDetails h2 {
  font-weight: 600;
  font-size: 1rem;
}

.speakerSidebar section.para-section:first-child {
  padding-top: 0;
}

#fsForm4812312.fs-form #section-1:not(.editMode),
#fsForm4812312.fs-form #section-2:not(.editMode),
#fsForm1849843.fs-form #section-1:not(.editMode),
#fsForm1849843.fs-form #section-2:not(.editMode) {
  display: none;
}

.doctor-optician-form.fs-form #section-1:not(.editMode),
.doctor-optician-form.fs-form #section-2:not(.editMode) {
  display: none;
}

.fixed-side-button
{
  position: fixed;
  right: 46px;
  padding: 1rem;
  top: 30%;
  background-color: var(--premier-color);
  color: #fff;
  transform: rotate(270deg);
  transform-origin: right top 0;
  text-transform: uppercase;
  z-index: 10;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.88px;
  line-height: 1;
  text-align: center;
}

div.fixed-side-button a:visited
{
  color: #fff;
  text-decoration: none;
}

div.fixed-side-button a:link,
div.fixed-side-button a:hover,
div.fixed-side-button a:active,
div.fixed-side-button a:focus
{
  color: #fff;
  text-decoration: none;
}

.dloadshare .columnBlock .linkContainer {
  text-align: left;
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
}

sup {
    top: -0.5em;
    line-height: 1rem;
}

.blockGrid3 ul, .blockGrid3 ol, .cardGrid ul, .cardGrid ol {
    text-align: left;
}

/*** quicklinks css for user management links and profile menu ***/
#profileAdmin-title
{
    display: none;
    margin-left: 1rem;
    border: none;
}

#profileAdmin-title .linkListTitle
{
    text-wrap: nowrap;
}

#premierLoginLink,
#scheduleConsult
{
    display: none;
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.5rem;
    align-items: center;
    font-weight: 600;
    height: 43px;
    font-family: open-sans, sans-serif;
    color: white;
    background-color: var(--primary-color);
}

#scheduleConsult
{
    background-color: var(--premier-color);
}

/*** mobile login button ***/
.top-bar .dropdown.menu .mobileLink .dropdown.premieredgeloginregister
{
    background-color: var(--primary-color);
    color: white;
}

/* JJH 122823 this rule was out there for premier-lgn so adding back if needed */
#premierLoginLink.standardLink i.far.fa-user-circle.icon-scale-1p5
{
  padding: 0.1rem 0.7rem 0 0;
  font-size: 1.2rem;
  line-height: 1.5rem;
}

#premierLoginLink::before,
#profileAdmin-title::before
{
    font-family: "Font Awesome 6 Pro";
    content: "\f2bd";
    font-size: 0.9rem;
    line-height: 1.5rem;
    font-weight: 400;
    padding-right: 0.6rem;
}

.adminLinks div.menuStyling.iconAfter i
{
  padding-left: 1rem;
  line-height: unset;
}

/* JJH 011124 */
.standardLink.iconAfter i::before,
.standardLink.iconAfter i::after {
  padding-top: 0.1875rem;
}

.globalNavigation .quickLinks .standardLink.iconAfter i::before,
.globalNavigation .quickLinks .standardLink.iconAfter i::after
{
  padding-top: 0;
}

a#mydashboard_subnav::before,
a#vsptotalvalue_subnav::before,
a.mmLink#premieredge_subnav::before,
a#purchases_subnav::before,
a#criteriabenefits_subnav::before,
a.mmLink#offers_subnav::before,
a#tipsresources_subnav::before,
a#dashboard_subnav::before {
    font-family: "Font Awesome 6 Pro";
    content: "\f023";
    font-size: 0.9rem;
    line-height: 1.5rem;
    font-weight: 400;
    margin-right: 0.5rem;
}

/*----------------------------------------------------------------------------
  Foundation Media Queries
   https://foundation.zurb.com/sites/docs/media-queries.html
-----------------------------------------------------------------------------*/

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

  .heroSlideContainer {
    z-index: 10 !important;
  }

  .hero-section-text-mobile {
    margin-bottom: 0;
  }

  .overview-media-comp .mediaCol1 {
    width: inherit;
  }

  .overview-media-comp .mediaCol1 .image {
    text-align: center;
  }

  .overview-media-comp .mediaCol2 {
    width: inherit;
    padding-left: 0;
    padding-right: 0;
  }

  .leftRightPara1 .spreadCol1 .paragraphBlock,
  .leftRightPara1 .spreadCol1 .headerBlock .paragraphBlock  {
     border-bottom: none;
  }

  .leftRightPara1 .spreadCol2 .paragraphBlock,
  .leftRightPara1 .spreadCol2 .headerBlock .paragraphBlock  {
     border-bottom: none;
     padding-left: 0;
     padding-right: 0;
  }

  .leftRightComp .spreadCol2 .paragraphBlock,
  .leftRightComp .spreadCol2 .headerBlock .paragraphBlock  {
      padding-left: 0;
      padding-right: 0;
      width: inherit;
  }

  .leftRightPara1 .spreadCol .paragraphBlock,
  .leftRightPara1 .spreadCol .headerBlock .paragraphBlock  {
      padding-left: inherit;
      padding-right: inherit;
  }

  .leftRightComp .spreadCol1 .headerBlock,
  .leftRightComp .spreadCol1 .paragraphBlock {
    padding-left: 0;
    padding-right: 0;
  }

   .leftRightComp .spreadCol1 .headerBlock:last-child {
    padding-bottom: 1.5rem;
}


.sidebar-col1 {
    padding-right: 0.9375rem;
  }
  /* .sidebar-col2 section {
    padding: 0;
  } */
  .mmt-hero-paragraph > p {
    font-size:16px !important;
  }
  /* .paragraphContainer > p,   .paragraphContainer > h1, .paragraphContainer > h2,
  .paragraphContainer > h3, .paragraphContainer > h4  {
    padding-left: 1rem;
    padding-right: 1rem;
  } */

  .para-section,
  .fatFooterRow  {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }


  .fatFooterRow .footerLinkContainer {
    padding-left: 1rem !important;
  }

  .quickLinks {
    display: none;
  }
  .article {
    padding: 0.9375rem;
  }
  .article .column.column-a.columnBlock
  {
    padding-left: 0;
    padding-right: 0;
  }
  .footerBlock {
    margin-top:2.5rem;
  }

  .globalNavigation .quickLinks {
    justify-content: space-evenly;
  }


  ul li ul li a.mmLink {
    /*display:none;*/
  }

  /* JJH 012424 - I commented this out on dev for mobile nav on 010824
  ul.dropdown li ul.menu.vertical li {
    display: none;
  }
  */

  ul.dropdown li ul.menu.vertical li:first-child {
    display: block;
  }

  ul.dropdown li ul.menu.vertical li, ul.dropdown li ul.menu.horizontal li {
    /* margin-left: 2.2rem; */
    display:none;
  }


  .section-color-light > .hero-section-text > .paragraphContainer {
    padding-left: 0;
    padding-right: 0;
  }

  section.mmt-sub-banner .row {
    max-width: 71rem !important;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }

  main.row section > .row:not(.expanded) {
    /* max-width: 76.25rem; */
    margin-left: 1.0rem;
    margin-right: 1.0rem;
  }

  .default-style-right,
  .default-style-right {
    padding: 0;
    width: auto;
  }

  /* Style guide H1 reduced to 75% */
  h1 {
    /*font-size: 1.60rem;*/
    font-size: 22px;
    line-height: 2.00rem;
  }

  h2 {
    font-size: 1.375rem;
  }

  .topics-list-heading h2 {
    text-align: left;
    padding-top: 2rem;
  }

  /* View More Button Styling */
  .viewMoreButton {
    margin: 0.5rem auto 3rem auto;
  }

  .article-summary {
    margin: 1rem auto 1rem auto;
  }


  .article-summary .column-block {
    margin: 1rem auto 1rem auto;
  }

  .paragraphContainer {
    padding: 1rem 0 0 0;
  }

  .paragraphBlock .linkContainer,
  .paragraphBlock .linkContainer2 {
    text-align: center;
    margin: 0 0 1.75rem 0;
  }

  /* .hero-section-text-mobile.show-for-small-only {
    padding-left: 1.9375rem;
    padding-right: 1.9375rem;
  } */

  /* .section-margin {
    margin-bottom: 0;
  } */

  .button.primary {
    width: 100%;
  }

  .testimonials {
    margin: 2rem 0;
  }

  /* .spread .spreadCol2 {
    padding-left: 0;
    padding-right: 0;
  } */

  .pipe {
    display: none;
  }

  .article-sidebar {
    padding-top: 1rem;
  }

  .footerBlock {
    width: 100% !important;
  }

  .footerLink::after {
    content: "" !important;
  }

  .fatFooterRow {
    background-color: #003046 !important;
    overflow: hidden !important;
    padding: 1rem;

  }

  .fatFooterRow > .row {
    padding: .1rem !important;
  }

  .footLinkLast {
    padding: 0 !important;
    margin-top: 1rem !important;
    display: inline-block;
  }

  .footerLinkContainer a.standardLink {
    margin-top: 0.5rem;
    padding-left: 0;
  }
  .footerLinkContainer a.standardLink:first-child {
    margin-top: 0;
  }

  .column.footerLegal:last-child:not(:first-child) {
      float: left;
  }

  .rights {
    width: 100%;
    padding-bottom: 2rem;
  }

  .fatFooterRow .footerLinkContainer {
    flex-direction: column;

  }

  .fatFooterRow .footerLinkContainer a.standardLink::after {
    content: '';
  }

  .fatFooterRow .footerLinkContainer a.standardLink {
    width: 100% !important;
  }

  .rights {
    padding: 0 !important;
  }

  /*** Matt's quicklinks styling  ***/
  .globalNavigation .quickLinks a, .quickLinks a:active, .quickLinks a:hover {
    font-size: 0.7rem;
  }

  /**** highlite features section ****/

  .highliteFeatures .spreadCol1 .columnBlock
  {
      width: 100%;
  }

  .highliteFeatures .spreadCol2 {
      padding: 0 1.875rem 0 1.8375rem;
  }

  .sidebar-col2 section.padding-bottom-mobile
  {
      padding: 0 0 1rem 0;
  }

  .highliteFeatures .container.column
  {
      padding: 0;
  }

  .accordionComponent h1 {
    padding-bottom: 2rem;
    text-align: left;
  }

  .sidebar-col2 .paragraphContainer
  {
    padding-top: 0;
  }

  .slideNav
  {
      display: none;
  }

  /*** filter css ***/
  .appliedFilterContainer {
    padding-left: 0;
    margin-bottom: 1rem;
  }

  .appliedFilterTitle {
    text-align: left;
  }

  .filterHeader, .applyFilterBar {
    display: none;
  }

  .filterContainer .mobileFilterMenu label.formitemLabel.filterLevelOne.ui-checkboxradio-label.ui-button {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 600;
  }

  .event-title h2 {
    font-size: 1.25rem !important;
  }

  .flex-footer-column .linkColumn.horizontalLinkList.alignListLeft {
      flex-direction: column !important;
  }

  .flex-footer-column .linkColumn.horizontalLinkList.alignListLeft a::after {
        content: " ";
  }

.flex-footer-column.socialLinks.largePadding {
      padding-bottom: 0rem !important;
  }

  .flex-footer-column.footerLinks.largePadding {
      margin-top: -0.5rem !important;
  }
  
  /*** hide adminlinks on mobile ***/
  .globalNavigation .quickLinks .adminLinks
  {
    display: none;
  }

}

/* Small and Medium */
@media screen and (max-width: 63.9375em) {

    /* JJH 011124 Need these negative values to match UX  */
    .mobileNDTLink {
      margin-left: -0.875rem !important;
      background: #f6f6f6;
      margin-right: -0.875rem !important;
      padding-left: 0.875rem !important;
      margin-bottom: -1px !important;
  }

  .mobileNDTLink.mobileLast {
      border-top: 1px solid #c2c2c2;
  }

  a.mobileNDTLink.mobileLast:after {
      content: none;
  }

  .mobileNDTLink.mobileFirst {
      padding-top: 1.75rem !important;
  }

  /* JJH 010824 THIS is the missing rule for mobile accordion nav */
  li.subnav-item.mmLink {
      display: none;
  }

  /* JJH 010224 */
  .top-bar .dropdown-pane ul a.mmHeader:hover {
    color: #3A60FF;
  }

  /* JJH 011124 */
  .desktopHide p {
    color: red;
    font-weight: 600;
  }

  .dropdown.menu {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  #backtomainmenu_mobile, #premieredge_mobile,
  #trainingeducation_mobile, #workwithvsp_mobile {
    font-weight: 800;
  }

  #premieredge_mobile {
    text-transform: uppercase;
  }

  #backtomainmenu_mobile {
    text-transform: capitalize;
  }

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

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

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

  .top-bar .dropdown.menu .menu.vertical li.subnav-item.mmLink {
    padding-left: 2rem;
  }

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

  .standardLink.mmHeader.noLink.mobileOnly {
    display: block !important;
  }

  .subnav-item .menuBack::after,
  .subnav-item .noLink::after {
    content: none;
  }

 .menuColumnContainer {
    flex-direction: column;
    min-width: 100%;
  }

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

  .quickLinks {
    /* flex-direction: row; */
    display: none;
  }

  .globalNav .quickLinks a {
    font-size: .7rem;
    text-align: center;
    padding-left: 0.6125rem;
    padding-right: 0.6125rem;
  }

  .premierLogin .quickLinks {
    padding-top: 1.375rem;
  }

  .quickLinks a {
    margin-bottom: 0;
  }

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

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

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

  .top-bar .dropdown.menu .mobileLink a.dropdown {
    width: 100%;
    background: #F47B20;
    color: #003046;
    display: block !important;
  }


  .top-bar .dropdown.menu li {
    border-bottom: 1px solid #c2c2c2;
    text-align: left;
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }

  .top-bar .dropdown-pane {
    width: 100% !important;
    max-width: 100%;
    left: 0% !important;
  }

  .top-bar .dropdown-pane .menu li {
    border-bottom: none;
  }

  .top-bar .dropdown.menu a,
  .top-bar .dropdown.menu a:active,
  .top-bar .dropdown.menu a:hover {
    color: #3a60ff;
    border-bottom: none;
    text-align: left;
    padding-top: 1rem;
    padding-bottom: 1rem;
    /* jjh THIS was the culprit for the 'ghost' bug -  padding-left: 0.5rem; */
    padding-left: 0;
  }

  .top-bar .dropdown.menu .menu.vertical a,
  .top-bar .dropdown.menu .menu.vertical a:active,
  .top-bar .dropdown.menu .menu.vertical a:hover,
  .top-bar .dropdown.menu .menu.horizontal a,
  .top-bar .dropdown.menu .menu.horizontal a:active,
  .top-bar .dropdown.menu .menu.horizontal a:hover {
    padding-top: 0rem;
    padding-bottom: 0rem;
    border-bottom: none;
  }

  .top-bar .dropdown.menu .menu.vertical li.subnav-item,
  .top-bar .dropdown.menu .menu.horizontal li.subnav-item
  {
    border-bottom: none;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }

  .top-bar .dropdown.menu li::before {
    color: #ff0000;
  }

  a.dropdown.activeTopNav {

  }

  #megamenu .top-bar .dropdown-pane {
    top: 0 !important;
    background-color: #fff;
    border-bottom: none;
    box-shadow: none;
    width: 100% !important;
    /* max-width: 122%; */
    left: 0 !important;
    /* bottom: 0; */
    position: absolute;
    min-height: 18rem;
    padding-bottom: 1.5rem;
  }

  .mobileNavUserName
  {
      color: #0B2335;
      margin: 0 0.4rem;
      font-size: 1rem;
      padding-top: 1rem;
      padding-bottom: 1rem;
      line-height: 1.0;
      font-weight: 600;
  }

  .top-bar .dropdown.menu a.mmHeader.menuBack {
    font-weight: 800;
    letter-spacing: 0.1px;
  }

  .top-bar .dropdown.menu .menu.vertical li.subnav-item a.mmHeader {
    font-size: 0.875rem;
    font-weight: 800;
    text-transform: uppercase;
  }

  .menu li .dropdown-pane a.mmLink, .menu.expanded li .dropdown-pane a.mmLink {
    font-size: 0.875rem;
    text-transform: capitalize;
  }

  .menu li .dropdown-pane a.mmHeader, .menu.expanded li .dropdown-pane a.mmHeader {
    font-size: 0.875rem;
    text-transform: uppercase;
  }

  .top-bar .dropdown.menu .menu.vertical li.subnav-item.noLink {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .top-bar .dropdown.menu .menu.vertical li.subnav-item a.mmHeader.noLink {
    font-weight: 800;
    letter-spacing: 0.1px;
    font-size: 1rem;
    text-transform: uppercase;
  }

  .top-bar .dropdown.menu .menu.vertical li.subnav-item a.mmHeader.menuBack.noLink {
    text-transform: none;
  }

  .subnav-item .mmHeader::after {
    content: "\f106";
    position: absolute;
    right: 10px;
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 22px;
    float: right;
  }

  .subnav-item .mmHeader.group-open::after {
    content: "\f107";
    position: absolute;
    right: 10px;
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 22px;
    float: right;
  }

  .subnav-item .mmHeader.mobileOnly::after {
    display: none;
    content: '';
  }

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

  .navLinkContainer a.hover::after {
    content: "\f068";
  }

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

  .menu li, .menu.expanded li {
    padding: 0;
    margin: 0;
    width: auto;
    display: inline-block;
  }

  /* .dropdown.menu.vertical > li > a::after {
    padding-right: 0.5rem;
  } */

  .top-bar .dropdown-pane {
    top: 0px !important;
    background-color: #fff;
    box-shadow: none;
  }

  .navLinkContainer .navLogoContainer-mobile {
    text-align: left;
  }

/*** fixed header css ***/
  header .topNavContainer {
      display: block;
  }

  header .topNavContainer.navbar-fixed {
      position: fixed;
      z-index: 10000000;
  }

  .title-bar {
    flex-direction: row-reverse;
    padding: .75rem 0;
  }

  .title-bar .menu-icon {
    margin-left: .25rem;
    margin-right: 0;
    margin-top: 0.5rem;
  }

  /*** Matt's quicklinks styling  ***/
  .globalNavigation .quickLinks {
    padding: 0;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row;
    width: 100%;
  }

  .globalNavigation .quickLinks .row {
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    margin: 0;
    padding: 0;
    overflow-x: auto;
    /*width: 400px;*/
  }

  .globalNavigation .quickLinks a {
    padding: 0.9rem 0.4rem;
    font-size: 0.875rem;
    text-align: center;
    flex: 0 1 auto;
    flex-wrap: nowrap;
    text-wrap: nowrap;
  }

  .globalNavigation .quickLinks a:first-child {
    padding-left: 0.7rem;
  }

  .globalNavigation .quickLinks a:last-child {
    padding-right: 1rem;
  }
  .navLinksResources {
    display: none;
  }
  
  .globalNavigation .quickLinks .menuContent.dropdown-pane
  {
    width: 85px;
    padding: 1rem;
  }

  .globalNavigation .quickLinks .menuContent.dropdown-pane a {
    padding: 0 0 0.8rem 0;
  }

  /* .spread .spreadCol2 {
    padding-left: 0;
    padding-right: 0;
  } */

  /**** highlite features section ****/

  .highliteFeatures .spreadCol2
  {
      padding: 1.875rem 0.9375rem 0 0.9375rem;
  }

  .highliteFeatures .spreadCol1
  {
      border-bottom: 1px solid #c5c5c5;
      border-right: none;
      padding-left: 0;
  }

  .highlightsHeader
  {
      padding-bottom: 0;
      /* padding-left: 0.9375rem;
      padding-right: 0.9375rem; */
  }

  .highliteFeatures .container.column
  {
      padding: 0;
  }

  /*** fixes to mobile and tablet gutters for cat landing component ***/
  .trendingContainer {
    padding-left: 0;
  }

  .primaryArticleSummaryContainer
  {
    padding-right: 0;
  }

  .navLinkContainer a.standardLink.mobile-login-header,
  .navLinkContainer a.standardLink.mobile-login-header:hover,
  .navLinkContainer a.standardLink.mobile-login-header:active,
  .navLinkContainer a.standardLink.mobile-login-header:link
  {
    display: flex;
    flex-grow: 1;
    width: 45%;
    border-bottom: 0;
    padding: 0.5rem;
    border-bottom: none;
    border-right: 1px solid #003046;
    margin: 0 0.7rem 0 0;
    justify-content: flex-end;
    line-height: 1.0;
    color: #003046;
    font-size: 13px;
  }

  .navLinkContainer a.standardLink.mobile-login-header::before
  {
    width: unset;
    margin: unset;
    content: "";
    display: unset;
  }

  .fixed-side-button
  {
    display: none;
  }

  .ctaSection {
    margin-top: 1rem;
    padding: 1rem 0 0;
  }

  .eventHeadlineSpacingFix {
    padding-bottom: 0;
  }

  .eventHeadlineSpacingFix h3 {
    margin-bottom: 0;
  }

  /* .small-24.hero-section-text .paragraphContainer {
    padding-left: .9375rem;
    padding-right: .9375rem;
  } */

  .top-bar .mobileOnly {
    display: block;
  }
  
/*** mobile nav for LOB bar ***/
  .nav-bar-container
  {
      position: relative;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      border-bottom: 1px solid #D6D6D6;
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 0;
      border: none;
  }

  .nav-container-block
  {
      padding-left: 0;
      padding-bottom: 0;
      padding-right: 0;
      position: relative;
      overflow-x: auto;
      height: 55px;
  }

  .nav-container-block::-webkit-scrollbar
  {
      height:0px;
  }

  .nav-container-block::-webkit-scrollbar-track
  {
      background-color:#fff;
  }

  .nav-container-block::-webkit-scrollbar-thumb
  {
      background-color:#fff;
  }

  .nav-bar-container .linkColumn
  {
      position: relative;
      left: 0;
      right: 0;
      height: 40px;
      min-width: 600px;
      border-bottom: 1px solid #ccc;
      justify-content: flex-start;
  }

  .nav-bar-container .linkColumn a.standardLink
  {
      margin: 0 1rem;
  }

  .nav-bar-container .linkColumn a.standardLink:first-child {
      margin: 0 1rem 0 0.5rem;
  }

  /* .nav-bar-container a.standardLink.selected::before,
  .nav-bar-container a.standardLink.selectedNav::before
  {
      margin-bottom: -16px;
  } */

  .nav-bar-container a.standardLink.selected::before,
  .nav-bar-container a.standardLink.selectedNav::before
  {
      position: absolute;
      height: 7px;
      background-color: blue;
      width: 100%;
      bottom: 0;
      margin-bottom: -16px;
      content: "";
  }

  .subnav-NextDashBoard,
  .subnav-PrevDashBoard
  {
      color: #000;
      cursor: pointer;
      align-items: center;
      display: flex;
      align-items: center;
  }

  .quickLinks .subnav-NextDashBoard,
  .quickLinks .subnav-PrevDashBoard
  {
      color: #fff;
      cursor: pointer;
      align-items: center;
      /* margin-top:  */
  }

  .subnav-PrevDashBoard
  {
      border-right: none;
      border-bottom: 1px solid #ccc;
      height: 40px;
      padding: 0 0.4rem;
  }

  /* .nav-container-block .linkColumn a.standardLink {
      margin-top: -0.675rem;
  } */

  .subnav-NextDashBoard
  {
      border-left: none;
      border-bottom: 1px solid #ccc;
      height: 40px;
      padding: 0 0.4rem;
  }

  .subnav-Prev-arrows::before
  {
      font-family: "Font Awesome 6 Pro";
      font-weight: 900;
      content: "\f104";
      font-size: 1.1rem;
  }

  .subnav-Next-arrows::before
  {
      font-family: "Font Awesome 6 Pro";
      font-weight: 900;
      content: "\f105";
      font-size: 1.1rem;
  }

  .subnav-PrevDashBoard.subnav-Prev-hideDashBoard,
  .subnav-NextDashBoard.subnav-Next-hideDashBoard
  {
      border: none;
      border-bottom: 1px solid #ccc;
      color: #8C8C8C;
      pointer-events: hide;
      cursor: default;
  }

  .quickLinks .subnav-PrevDashBoard,
  .quickLinks .subnav-NextDashBoard
  {
      border: none;
  }
  
}

/********************** Medium and up *************************/
@media screen and (min-width: 40em)  {
  section.pageBodyRow aside.mainSidebar {
    padding-left: var(--single-gutter-padding);
  }

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

  section.article-component {
      padding-top: 1rem;
  }

  .overview-media-comp .mediaCol1 {
    width: 20%;
  }

  .overview-media-comp .mediaCol2 {
    width: inherit;
  }

  .mmt-sub-banner {
    padding: 3rem 0 2rem 0;
  }

  .no-testimonial .linkContainer {
    text-align: left;
  }

  .testimonial-section .row {
    flex-direction: row;
  }

  .menu li, .menu.expanded li {
    padding: 0 1.4rem 0 0;
  }
}
@media screen and (min-width: 60em) and (max-width: 63em)   {
  .topNavContainer {
    max-width:77.5rem !important;
    width:77.5rem !important;
  }
  .premierLogin .quickLinks {
    padding-right: 6.2rem !important;
  }
}

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

  .footerLinkContainer {
    float: none;
  }
  ul li ul li a.mmLink {
    /*display:none;*/
  }

  .navLogoContainer a img {
    padding-right: 0rem;
  }

  ul.dropdown li ul.menu.vertical li {
    /*display: none;*/
  }

  ul.dropdown li ul.menu.vertical li:first-child {
    display: block;
  }

  ul.dropdown li ul.menu.vertical li, ul.dropdown li ul.menu.horizontal li {
    margin-left: 2.2rem;
    /*display:none;*/
  }

  section.mmt-sub-banner .row {
    padding: 1rem 0;
  }

  .formColumn {
    margin-top: 3rem;
  }
  .rights {
    padding: 0;
    margin-top:5px !important;
  }
  /* Style guide H1 reduced to 75% */
  h1 {
    font-size: 1.60rem;
    line-height: 2.00rem;
  }

  h2 {
    font-size: 1.375rem;
  }

  .hero-section2 .hero-section-text.show-for-medium {
    max-width: 32rem;
  }

  .fatFooterRow {
    background-color: #003046;
    overflow: hidden !important;
    padding-left: .5rem;
    padding-right: .5rem;
    padding-top: 2rem;
    padding-bottom: 2rem;

  }

  .fatFooterRow > .row {
    padding: .5rem !important;
  }

  .footerBlock {
    width: 100% !important;
    margin-bottom: 15px !important;
  }

  .fatFooterRow .footerLinkContainer {
    width: 90% !important;
  }

  .fatFooterRow .footerLinkContainer {
    text-align: left !important;
  }

  /*** Matt's quicklinks styling   ***/
  .globalNavigation .quickLinks a, .globalNavigation .quickLinks a:active, .globalNavigation .quickLinks a:hover {
    padding: 0.9rem 0.6rem;
    font-size: 0.8rem;
  }

}


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

  .desktopHide {
    display: none;
  }

  .mobileNDTLink {
    display: none !important;
  }

  .subnav-item.mmHeader.menuBack.mobileOnly,
  li.subnav-item.noLink.mobileOnly.is-open {
    display: none !important;
  }

  .mm-title-bar, .menu-icon {
    display: none;
  }

  li.topnav-item.mm-a360,
  li.topnav-item.mm-news,
  li.topnav-item.mm-unity
  {
    position: relative;
  }

  div#mm-a360,
  dev#mm-unity {
    max-width: 300px;
  }

  .top-bar #mm-a360.dropdown-pane ul.vertical, .top-bar #mm-unity.dropdown-pane ul.vertical {
    max-width: unset;
    margin-left: 0;
    margin-right: 0;
  }

  .top-bar {
    padding: 1.5rem 0 0;
  }

  .navbar-fixed .top-bar {
    padding-top: 0;
  }

  #mega-menu > li:last-child {
    display: none;
  }

  .premierLogin {
    display: block;
  }

  .navLogoContainer a img {
    padding-right: 2.5rem;
  }

  /*
  #main-menu .dropdown.menu a.dropdown {
    font-weight: 600;
  }
  */

  .hero-section2 .hero-section-text {
    padding: 1rem 4rem 1rem 7rem;
    opacity: 1;
  }

  .hero-section2.hero-left .hero-section-text:not(.show-for-medium) {
    width: 48.44rem;
  }

  .hero-section2 .hero-section-text.show-for-medium .paragraphBlock {
    margin: 1.0rem 2rem 1.0rem 6rem;
  }

  main.row section > .row:not(.expanded) {
    /* max-width: 76.25rem; */
    margin-left: 5.9375rem;
    margin-right: 5.9375rem;
  }

  /* .testimonial-section {
    margin-top: 3.0rem;
  } */

  .left-right-component {
    margin: 0;
  }

  .hero-section2.standardHeight {
    /* margin-top: 5rem; */
    height: 40vh;
  }

  .navLinkContainer {
    font-weight: normal;
    margin-bottom: 1rem;
  }

  .navLinkContainer .mmHeader {
    font-weight: bold;
  }

  .navLinkContainer a,
  .navLinkContainer a:active,
  .navLinkContainer a:hover {
    /* margin: 0 2.5rem; */
  }

  .testimonial-section {
    text-align: unset !important;
    /* margin-top: 5rem; */
  }

  .fa-quote-right::before {
    font-size: 2rem;
    color: #000;
  }

  /*** Matt's quicklinks styling  ***/
  .premierLogin {
       padding-right: 1.8rem;
  }

  /*.globalNavigation .quickLinks .row {
    padding-left: 0.8125rem;
    padding-right: 0.8125rem;
  } */

  .globalNavigation .quickLinks a, .globalNavigation .quickLinks a:active, .globalNavigation .quickLinks a:hover {
    padding: 0.9rem 0.8125rem;
  }

  .globalNavigation .quickLinks .menuContent a,
  .globalNavigation .quickLinks .menuContent a:active,
  .globalNavigation .quickLinks .menuContent a:hover
  {
    padding: 0.4rem 0;
  }

  .globalNavigation .quickLinks .menuTitle.menuStyling.iconAfter {
    display: flex;
    flex-direction: row;
    align-items: center;
  }

/*  .globalNavigation .quickLinks {
    margin-left: 8rem;
    margin-right: 8rem;
  }*/

  .premierLogin .quickLinks {
    padding-right: 0;
  }

  .premierLogin .quickLinks a {
    padding-right: 0;
  }
  #mm-workvsp > .centered-menu > .menu > li:last-child {
    padding-right: 0 !important;
    text-align: right;
  }

  .column-a
  {
    padding-left: 0;
  }

  .eventComponent
  {
    margin-bottom: 5rem;
  }

  /* JJH 010224
  .topNavContainer.navbar-fixed {
    position: fixed; JJH not sure why this is commented out
    jjh 101423 position: fixed;
    z-index: 800;
  }
  */

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

  .topNavContainer.navbar-fixed .navLinkContainer {
    margin-bottom: 0;
  }

  .navbar-fixed .navLogoContainer a img {
    width: 155px;
    height: auto;
    padding: 0.2rem 0;
  }

  .topNavContainer.navbar-fixed #megamenu .top-bar .dropdown-pane {
      top: 64px !important;
      padding: 1rem;
  }

  section.pageBodyRow aside.mainSidebar.sidebarBorder {
    margin-top: 2.5rem;
  }

  .inheritable-sidebar > .para-section {
    padding-top: 0;
  }

  .hideMobileNavLinks
  {
      display: none;
  }

}

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

  #main-menu ul {
    font-weight: 800;
    padding-left: 1rem;
  }

  ul li ul li a.mmLink {
    /*display:none;*/
  }

  ul.dropdown li ul.menu.vertical li {
    /*display: none;*/
  }

  ul.dropdown li ul.menu.vertical li:first-child {
    display: block;
  }

  ul.dropdown li ul.menu.vertical li, ul.dropdown li ul.menu.horizontal li {
    margin-left: 2.2rem;
    /*display:none;*/
  }

  header .topNavContainer {

    display: block;
    /* padding-right: .9375rem;
    padding-left: .9375rem; */

  }

  .testimonial-section {
    margin-top: 3rem;
  }

  .hero-section2 .hero-section-text.show-for-medium .paragraphBlock {
    margin: 1.0rem;
  }

}

/********************** iPad Both Orientations *************************/
@media only screen and (min-device-width: 768px)
and (max-device-width: 1024px) {

  .hero-section2 .hero-section-text.show-for-medium .paragraphBlock {
    margin: 1.0rem;
  }

  ul.dropdown li ul.menu.vertical li, ul.dropdown li ul.menu.horizontal li {
    padding-left: .6rem;
    padding-right: .6rem;
    margin-left: .6rem;
    /* jjh 061223 */
    /* JJH 012424 These two are NOT on dev so commenting out for now
    display: block;
    padding-bottom: 1rem;
    */
  }

  /* JJH 012424 These next 4 are also commented out on DEV so here goes

  .top-bar .dropdown-pane ul.vertical {
      width: 12.65%;
      max-width: unset;
      padding: 0;
  }

  .menu li .dropdown-pane a, .menu.expanded li .dropdown-pane a {
      line-height: 1.5rem;
  }

  li.noLink.mobileOnly {
      display: none !important;
  }

  .top-bar ul.six-columns {
    width: 10.65%;
  }
  */

  main.row section.hero-section2 .row:not(.expanded) .paragraphBlock {
    margin-left: 1.75rem;
  }

  .hero-section2 .hero-section-text.show-for-medium {
    width: 36rem;
  }

}

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

  /* JJH 123023 here we go */

  #megamenu .top-bar .dropdown-pane {
    width: 100% !important;
    max-width: 100%;
    left: 0 !important;
  }

  .navLogoContainer a img {
    max-width: 150px;
    padding-right: 0;
  }

  #main-menu .dropdown.menu a.dropdown {
    font-size: 12px;
  }

  .dropdown.menu a, .dropdown.menu a:active, .dropdown.menu a:hover {
    font-size: 12px;
  }

  ul.dropdown li ul.menu.vertical li, ul.dropdown li ul.menu.horizontal li {
    padding-bottom: 8px;
  }

  .menu li .dropdown-pane a.mmLink, .menu.expanded li .dropdown-pane a.mmLink {
    line-height: 18px;
  }

  .premierLogin.row {
    padding-right: 3em;
  }

  .hero-section2 .hero-section-text.show-for-medium .paragraphBlock {
    margin: 1.0rem;
  }

  main.row section > .row:not(.expanded) {
    /* max-width: 76.25rem; */
    margin-left: 2.0rem;
    margin-right: 2.0rem;
  }

  .hero-section2.hero-left .hero-section-text {
    width: 36rem;
    padding-left: 0;
  }

  .fa-quote-right::before {
    font-size: 1.5rem;
  }

  .ctaSection {
    margin-right: 1rem;
  }

}

/* iPad Portrait Only */

@media only screen and (min-device-width: 768px)
and (max-device-width: 1024px) and (orientation: portrait) {
  /* JJH 010224 delete when safe/tested
  header .topNavContainer {
      top: 44px;
  }

  main {
      margin-top: 100px;
  }

  .flex-footer-column.socialLinks.largePadding {
      padding-bottom: 0rem !important;
  }

  .flex-footer-column.footerLinks.largePadding {
      margin-top: -0.5rem !important;
  }
  */
}

/********************** iPad Pro *************************/
/* Portrait and Landscape */
@media only screen
and (min-width: 1024px)
and (max-height: 1366px)
and (-webkit-min-device-pixel-ratio: 1.5) {

  .premierLogin.row {
    padding-right: 3em;
  }

  .fatFooterRow .footerLinkContainer {
    width: 70% !important;
  }

  .menuColumnContainer {
    flex-grow: 0;
  }

}

/* Portrait */
@media only screen
and (min-width: 1024px)
and (max-height: 1366px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1.5) {
  /* JJH 123023 here we go again */
  #megamenu .top-bar .dropdown-pane {
    width: 100% !important;
    max-width: 100%;
    left: 0 !important;
  }

  .dropdown.menu a, .dropdown.menu a:active, .dropdown.menu a:hover,
  #main-menu .dropdown.menu a.dropdown {
    font-size: 12px;
  }

  .menu li .dropdown-pane a.mmLink, .menu.expanded li .dropdown-pane a.mmLink {
      line-height: 18px;
  }

  ul.dropdown li ul.menu.vertical li, ul.dropdown li ul.menu.horizontal li {
      padding-bottom: 8px;
  }

}

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

.hide {
  display: none !important;
}
#mm-workvsp {
    text-align:center;
}

/* .para-section {
    padding-left:1.875rem;
    padding-bottom: 0;
    padding-top: 0;
} */
.sidebar-col1 .para-section, .sidebar-block2 .para-section {
    padding-left: 0;
}
hr {
  max-width: 100% !important;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.mmt-article-blocks {
  padding-top: 0 !important;
}
/* form overrrides */
.formitemLabel {
  color: #58595b !important;
}
section.mmt-article-blocks {
    padding-top:0 !important;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color:#005897!important;
}
.disclaimerBox {
  display: block;
  margin-top:1.5rem;
}
.hidden {
    display: none;
}

.qualtrics > .row > #embeddedIframe {
    height: 35rem;
}

.testimonial-section {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* JJH - THIS IS probably / maybe something that can be universal for EYE and PH */
.sidebarFormat .thumbnailImage {
  width: 85px;
  height: auto;
}

/* these probably can be gloal too - these 2 are in article.css */
.speakerContainer, .skillsContainer, .ceContainer {
  margin-bottom: 0.8rem;
}

/* JJH this overrides article.css rule that maybe should be deleted */
.sidebarFormat p {
  margin-bottom: 0;
}

.thumbnailImageContainer {
  flex-grow: unset;
}

.menu.vertical.filterMenu.submenu a:hover {
    background-color: #00b6f1;
}

.menu.vertical.filterMenu.submenu a.eventsFilter:hover {
    background-color: #00b6f1;
    font-size: 0.8125rem;
}

/* JJH this is for events stuff */
.event-copy { margin: 2rem 0; }
/*.event-copy p { font-size: 1.25rem; }*/
.event-directions { margin: 1.5rem 0; }
.event-date { margin-top: 1rem; }
.event-cat { padding-right: .5rem; }
.event-link { padding-right: 1rem; }

.event-title h2 {
    font-size: 1.625rem;
    margin-bottom: 1rem;
    line-height: 2.5rem;
}

.ce-category {
    margin-top: -0.5rem;
    margin-bottom: 1.25rem;
    font-size: 0.75rem;
}

.location-headline { margin-bottom: 0.5rem; }
.article-summary-thumbnail { margin-bottom: 1rem; }

/* jjh here goes the filter stuff */
.events-filter, .mobileFilterForm {
    background: #003046;
    color: #fff;
}

.button.applyFilter {
    background-color: #fff;
    color: var(--primary-color);
    margin: 0;
}

.button.applyFilterMobile.applyFilter {
    background-color: #003046;
    color: #fff;
    margin: 0;
    width: 100%;
}

.events-category-container .ui-widget-header .ui-state-active,
.events-category-container a.ui-button:active,
.events-category-container .ui-button:active {
    border: none !important;
}

.events-category-container ui-button.ui-state-active:hover {
    border: none !important;
}

/*** filter css ***/
#filterForm {
    padding: 0;
    margin: 0;
}

.categoryHeader {
    display: none;
    padding: 0;
}

.appliedFilterBlock {
    display: none;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin: 0 0 2rem;
    flex-wrap: wrap;
}

.events-page .filterContainer {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 2.5rem;
}

.events-page .appliedFilterContainer {
    margin-bottom: 0;
    padding-right: 2rem;
}

.academy-page .appliedFilterContainer {
    margin-bottom: 0;
    padding-left: 0;
}

.academy-page .appliedFilterContainer span:first-child {
    padding-left: 0;
}

.appliedFilterTitle {
    padding: 0 !important;
    font-weight: bold;
    text-align: right;
}

.academy-page .appliedFilterTitle {
    text-align: left;
}

.button.clearAllFilters {
    background: #003046;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    padding-top: 0.925rem;
    padding-bottom: 0.925rem;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 0.8125rem;
    margin-bottom: 0;
}

.events-category-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    max-width: unset;
}

.filterHeader {
    /* jjh this does nothing 032723 flex-basis: 6%; */
    font-size: 0.8125rem;
    font-family: Arial,Helvetica,sans-serif;
    padding-left: 3rem;
    padding-right: 1rem;
}

.events-page .filterContainer .dropdown.menu {
    width: auto;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}

.events-page .filterContainer .mobileFilterMenu .dropdown.menu {
    width: auto;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    margin: 1rem;
}

.events-page .filterContainer .menu li,
.events-page .filterContainer .menu.expanded li {
    padding: 0;
    width: 100%;
}

.events-page .filterContainer .menu li .catLevel2Label .ui-button,
.events-page .filterContainer .menu.expanded li .catLevel2Label .ui-button {
    padding: 0;
    border: none;
    background-color: transparent;
    color: var(--text-color);
    text-align: left;
}

.events-page .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.events-page .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    width: 1rem !important;
    height: 1rem !important;
    background: #ccc;
}

/* JJH DO I NEED ALL THIS ? YES I DO - or the stuff jumps around when selected*/
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: none;
    background: transparent;
    font-weight: normal;
    color: var(--text-color);
}

.dropdown.menu > li.is-dropdown-submenu-parent > span {
    padding-right: 0;
    color: #fff;
    line-height: 2.375rem;
    text-transform: uppercase;
    font-weight: normal;
    display: inline-block;
    cursor: pointer;
    font-size: 0.8125rem;
    font-family: Arial,Helvetica,sans-serif;
}

.dropdown.menu > li.is-dropdown-submenu-parent > span::after {
    right: unset;
    border: none;
    content: "\f107";
    color: #fff;
    font-weight: 400;
    font-family: "Font Awesome 6 Pro";
    display: inline-block;
    top: unset;
    padding: 0 0.5rem;
    margin-top: unset;
}

.topicsDrop {
    min-height: 17rem;
}

ul.catLevel1Label {
    flex-basis: 15%;
    /* padding: 1.4rem 0; */
}

.events-filter .menu li.is-dropdown-submenu-parent {
    padding: 1.4rem 0;
    text-align: center;
}

.events-page .filterContainer .mobileFilterMenu li.is-dropdown-submenu-parent {
    padding: 1.4rem 0;
    text-align: center;
}

ul.catLevel1Label label {
    color: #fff;
    font-size: 1rem;
    line-height: 2.375rem;
}

ul.catLevel2Label label {
    color: var(--text-color);
    font-size: 0.8125rem;
    line-height: 2.375rem;
    font-family: Arial,Helvetica,sans-serif;
}

.verticalBorder {
    content:" ";
    border-right: 1px solid #fff;
    height: 0.875rem;
}

ul.catLevel1Label label.ceCredit {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.8125rem;
    color: #fff !important;
    text-transform: uppercase;
}

ul.catLevel1Label label.ceCredit:hover {
    background: transparent;
    border: 2px solid transparent;
}

.events-page .dropdown.menu > li.opens-right > .is-dropdown-submenu,
.events-page .dropdown.menu > li.opens-left > .is-dropdown-submenu,
.events-page .dropdown.menu > li.opens-inner > .is-dropdown-submenu {
    background-color: var(--background-light-blue);
    margin-top: 0;
    text-align: left;
    width: 100%;
    border: 1px solid #000;
    border-top: none;
    overflow: scroll;
    max-height: 12.5rem; /* 200px */
}

/*** mobile filter bar css ***/
.events-page .filterContainer .mobileFilterMenu {
    flex-grow: 2;
    background-color: #fff;
    text-align: left;
    margin: 1.2rem 1rem;
    color: var(--text-color);
}

.events-page .filterContainer button.button.mobileFilterHeader {
    color: var(--text-color);
    border: 1px solid #ccc;
    padding: 0.85rem 0.9375rem;
    font-weight: normal;
    text-align: left;
    background-color: transparent;
    text-transform: capitalize;
    margin-bottom: 0;
}

.events-page .filterContainer button.button.mobileFilterHeader::after {
    font-family: "Font Awesome 6 Pro";
    font-weight: normal;
    content: " \f107";
    border: none;
    right: 25px;
    left: unset;
    position: absolute;
}

.events-page .filterContainer .menu.mobileFilterMenu li.is-dropdown-submenu-parent {
    padding: 0;
    text-align: left;
    margin: 0;
}

.mobileFilterMenuContainer {
    position: relative;
    background-color: #fff;
    margin: 1rem;
}

.events-page .filterContainer .dropdown-pane {
    position: absolute;
    border: 1px solid #ccc;
    background-color: #fff;
    text-align: left;
    padding: 1rem;
    width: 100%;
    margin: -3px 0.9375rem 0 0.9375rem;
    border-radius: 0;
    border-top: none;
}

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

.events-page .filterContainer .mobileFilterMenu .ui-icon-plus {
    background-position: -16px -128px;
    float: right;
    margin-top: 0.5px !important;
}

.events-page .filterContainer .mobileFilterMenu .accordionTitle {
    padding: 0.8rem 0 1rem;
    outline: none;
}

.events-page .filterContainer .mobileFilterMenu .accordionTitle:first-child {
    padding: 0.2rem 0 1rem;
}

.events-page .filterContainer .mobileFilterMenu .accordionTitle span {
    color: var(--text-color);
    text-transform: lowercase;
    font-size: 1rem;
    font-weight: 600;
    text-transform: capitalize;
}

.filterContainer .mobileFilterMenu .accordionTitle span.ui-icon-minus,
.filterContainer .mobileFilterMenu .accordionTitle span.ui-icon-plus {
    background-image: url("http://code.jquery.com/ui/1.12.1/themes/base/images/ui-icons_444444_256x240.png");
    color: var(--primary-color);
}

.filterContainer .mobileFilterMenu .accordionBody.ui-widget-content {
    border: none;
    border-bottom: none;
    background: none;
    color: var(--text-color);
    padding: 0 0 1rem 0;
    overflow: hidden;
}

.filterContainer .ui-checkboxradio-label .ui-icon-background {
    box-shadow: none;
    border-radius: 0;
    border: 1px solid #ccc;
}

.filterContainer .ui-icon-check {
    background-position: -65px -146px;
}

.filterContainer .mobileFilterMenu  label.formitemLabel.filterLevelOne.ui-checkboxradio-label.ui-button {
    text-align: left;
    color: var(--text-color);
    padding: 1rem 0 1rem 0;
    margin: 0;
}

.filterContainer .mobileFilterMenu div.accordionTitle.ui-corner-all {
    border-bottom: 1px solid #ccc;
    outline: none;
}

.filterContainer .mobileFilterMenu div.accordionBody.ui-accordion-content-active,
.filterContainer .mobileFilterMenu div.accordionBody.accordion-content-active {
    border-bottom: 1px solid #ccc;
    outline: none;
}

.filterTag {
    cursor: pointer;
    outline: none;
}

li.opens-right > .is-dropdown-submenu, .dropdown.menu > li.opens-left > .is-dropdown-submenu, .dropdown.menu > li.opens-inner > .is-dropdown-submenu  {
    background: #fff !important;
}

#filterArticleMenu { width: 100%; }
#filterArticleMenu.academy { min-width: 15rem; }



ul.menu.dropdown-container.catLevel2Label.categories.submenu.is-dropdown-submenu.first-sub.vertical {
    width: 160%; /* this is just because there is such a long value in the list */
}

.button.eventsFilter.applyFilter {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    color: #003046;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 0.8125rem;
    margin-right: 4rem;
    margin-left: 1rem;
}

.ctaSection .button.primary:hover {
    color: #003046;
    background: #fff;
}

/* iPad Pro Portrait */
@media only screen
and (min-width: 1024px)
and (max-height: 1366px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1.5) {
  .ctaSection {
    margin-right: 1rem;
  }
}

/* iPhone 8 Landscape */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    .hero-section2.standardHeight.hero-left .hero-section-text {max-height: none;}
    .hero-section2.standardHeight {height: unset;}
    .hero-section2 .hero-section-text .paragraphBlock {margin: 1rem;}
    #premierLoginLink {font-size: 6px;}
}

/* iPhone 11 Landscape */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 896px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    .hero-section2.standardHeight.hero-left .hero-section-text {max-height: none;}
    .hero-section2.standardHeight {height: unset;}
    .hero-section2 .hero-section-text .paragraphBlock {margin: 1rem;}
    #premierLoginLink {font-size: 10px;}
}

/* iPhone 12 Mini Landscape */
@media only screen
  and (min-device-width: 360px)
  and (max-device-width: 780px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {
    .hero-section2.standardHeight.hero-left .hero-section-text {max-height: none;}
    .hero-section2.standardHeight {height: unset;}
    .hero-section2 .hero-section-text .paragraphBlock {margin: 1rem;}
    #premierLoginLink {font-size: 8px;}
}

/* iPhone 12 and 13 landscape */
@media only screen
  and (min-device-width: 390px)
  and (max-device-width: 844px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {
    .hero-section2.standardHeight.hero-left .hero-section-text {max-height: none;}
    .hero-section2.standardHeight {height: unset;}
    .hero-section2 .hero-section-text .paragraphBlock {margin: 1rem;}
    #premierLoginLink {font-size: 0.75rem;}
}

/* iPhone 14 Landscape */
@media only screen
  and (min-width: 428px)
  and (max-width: 926px)
  and (-webkit-device-pixel-ratio: 3)
  and (orientation: landscape) {
  #premierLoginLink {
    font-size: 10px;
  }
}

ul.dropdown li ul.menu.vertical li.is-open,
ul.dropdown li ul.menu.vertical li.is-open .group-open {
  display: block;
}

.menuColumnContainer {
  width: 100%;
}

.dropdown-pane .menuColumnContainer .subnav-item {
  background-color: #fff;
}