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

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-size: 1rem;
  letter-spacing: 0.3px;
  line-height: 1.5625rem;
  color: var(--text-color);
}

header {
  background: var(--body-background);
}

.fa,
.fas,
.fal {
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
}

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

.top-bar {
  font-family: inherit;
  font-weight: inherit;
}

table tr th {
  background: var(--dark-teal-background) !important;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #d6d6d6;
}

table tbody tr:nth-child(even),
table tbody tr:nth-child(odd) {
  background-color: #ffffff;
  border-bottom: 1px solid #d6d6d6;
}

table tbody tr:nth-child(even) {
  background-color: #f6f6f6 !important;
}

table thead,
table tbody,
table tfoot {
  border: 1px solid #d6d6d6;
}

table tbody td p{
  margin: 0.5rem 0;
}

table tbody td,
table thead th {
  border-right: 1px solid #d6d6d6;
}

table .t-header td,
table .t-header th {
  background-color: var(--dark-teal-background) !important;
  border-color: var(--gray-3-background) !important;
}

table .t-sub-header td,
table .t-sub-header th,
table thead tr:nth-child(2) th {
  background-color: var(--gray-4-background) !important;
  border-color: var(--gray-3-background) !important;
  color: var(--section-text-color-white) !important;

}

table .t-header th span {
  color: var(--inverse-text-color) !important;
  font-size: var(--base-text-font-size) !important;
}

table .t-sub-header th span {
  font-size: var(--base-text-font-size) !important;
  color: var(--section-text-color-white) !important;
}

table .fa-solid.fa-circle-check {
  color: var(--medium-green-background);
}

table tr td:first-of-type span {
  font-weight: 500;
  color: var(--section-text-color-white) !important;
}

table td.t-summary {
  background-color: var(--gray-5-background);
}

.hidden {
  display: none;
}

#megamenu {
  padding-top: 2.125rem;
  /* border: 1px solid #000; */
}

#megamenu .top-bar .dropdown-pane {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  left: 0 !important;
  right: 0 !important;
  border: 0;
  border-radius: 0;
  z-index: 550;
  background: #fff;
}

/**  Use these next three for DEV testing  **/
#XXmegamenu .top-bar #mm-products.dropdown-pane {
  visibility: visible;
  display: block;
}

#XXmegamenu .top-bar #mm-why-eyefinity.dropdown-pane {
  visibility: visible;
  display: block;
}

#XXmegamenu .top-bar #mm-ed-on.dropdown-pane {
  visibility: visible;
  display: block;
}

header #megamenu .top-bar #mm-why-eyefinity.dropdown-pane,
header #megamenu .top-bar #mm-ed-on.dropdown-pane {
  max-width: 300px;
  width: 300px !important;
}

.row {
  max-width: 90rem;
  margin: 0 auto;
}

section.blockGrid3 .row,
section.formstack-form .row,
section.code-field .row {
  max-width: 84rem;
}

/* temporary fix for Perale Vision Form*/
.formstack-form.pearle-vision-form form:not(.column) .form-element-container.hidden {
  display: none;
}

.jumpTarget h2 {
  display: flex;
  align-items: center;
}

.topLink {
  font-size: 0.8rem;
  padding-left: 1rem;
  text-decoration: underline;
}

.hero-section3 .hero-section-text {
  padding: unset;
  width: 50%;
}

.notification-bar {
  background: var(--vsp-teal-background);
  text-align: center;
}

.notification-bar .notification-txt p {
  color: var(--text-color);
}

.footerLegal {
  margin-top: 1rem;
}

.button-wrapper input[type="submit"] {
  border: 0;
}

.section-color-background4 a:link,
.section-color-background4 a,
.section-color-background4 a.button:link,
.section-color-background4 a.button,

.section-color-background4 a:link:focus,
.section-color-background4 a:focus,
.section-color-background4 a.button:link:focus,
.section-color-background4 a.button:focus {
  background-color: var(--section-link-inverse);
  color: var(--link-hover-color) !important;
  border-radius: 1.5rem;
  padding: 0.7rem 1.5rem 0.8rem;
    font-weight: bold;
    line-height: 1;
  text-decoration: none;
  width: fit-content !important;
  max-width: fit-content !important;
}

.section-color-background4 a:link:hover,
.section-color-background4 a:hover {
  background-color: var(--secondary-color) !important;
  color: var(--section-link-default-hover) !important;
  text-decoration: underline;
}

.button.primary,
.dropdown.menu a.button.primary,
.button-wrapper input[type="submit"],
input[type="submit"].button,
form.fs-form button,
.button.primary:focus,
.dropdown.menu a.button.primary:focus,
.button-wrapper input[type="submit"]:focus,
form.fs-form button:focus,
input[type="submit"].button:focus{
  display: inline-block;
  background: var(--link-color);
  color: #fff;
  border-radius: 1.5rem;
  padding: 0.7rem 1.5rem 0.8rem !important;
    font-weight: bold;
  text-decoration: none;
  width: fit-content !important;
  max-width: fit-content !important;
  text-transform: capitalize;
}

.mobile-menu .button.primary,
.mobile-menu .dropdown.menu a.button.primary {
  text-align: center;
}

.button.primary:hover,
.dropdown.menu a.button.primary:hover,
.button-wrapper input[type="submit"]:hover,
input[type="submit"].button:hover,
form.fs-form button:hover{
  background-color: var(--link-hover-color);
  text-decoration: underline;
}

.button.primary:hover,
.dropdown.menu a.button.primary:hover,
.button-wrapper input[type="submit"]:hover {
  color: #fff;
  padding: .85em 1em;
  line-height: 1;
}

.button.secondary,
.button.hollow,
.button.secondary:focus,
.button.hollow:focus {
  background-color: transparent;
  color: var(--link-color);
  border-radius: 1.5rem;
  text-decoration: none;
  border: 1px solid var(--link-color);
  margin-bottom: 0;
  padding: 0.7rem 1.5rem 0.8rem !important;
}

.button.inverse {
  background-color: var(--section-link-inverse);
  color: var(--link-hover-color);
  border-radius: 1.5rem;
  text-decoration: none;
  margin-bottom: 0;
}

.button.secondary.inverse {
  background-color: transparent;
  color: var(--section-link-inverse);
  border-radius: 1.5rem;
  text-decoration: none;
  border: 1px solid var(--section-link-inverse);
  margin-bottom: 0;
}


.button.secondary:hover,
.button.hollow:hover {
  background: var(--link-hover-color);
  color: #ffffff;
  border: 1px solid var(--link-hover-color);
}

.button.inverse:hover,
.button.secondary.inverse:hover {
  background-color: #ffffff;
  color: var(--link-hover-color);
}

.button.inverse:hover,
.button.secondary.inverse:hover,
.button.secondary:hover,
.button.hollow:hover {
  text-decoration: underline;
}

.button:first-child {
  margin: 0;
}

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

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

a.button .fa.fa-file-pdf-o{
  font-size: 14px;
}

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

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


.topicSection div.section-color-background1,
.topicSection div.section-color-background2,
.topicSection div.section-color-background3,
.topicSection div.section-color-background4,
.topicSection div.section-color-dark,
.topicSection div.section-color-light {
  overflow: auto;
}

.paragraphContainer.customParagraphPadding {
  padding: 1rem .5rem;
}

.customParagraphPadding+.linkContainer {
  padding: 0 .5rem 1rem;
}

.ameliaChat img {
  position: fixed;
  left: 95%;
  bottom: 5%;
  max-width: 50px;
  max-height: 50px;
}

/*** header css ***/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--base-header-font-family);
  font-style: normal;
  color: var(--text-color);
}

h1 {
  font-size: var(--base-h1-font-size);
  line-height: var(--base-h1-font-line-height);
  font-weight: var(--base-h1-font-bold);
  margin-bottom: 2.5rem;
}

.noMarginH1 h1 {
  margin-bottom: 0px;
}

.article-title h1 {
  font-size: 2.375rem;
  font-weight: 400;
}

h2 {
  font-size: var(--base-h2-font-size);
  line-height: var(--base-h2-font-line-height);
  font-weight: var(--base-h2-font-bold);
  margin-bottom: 1rem !important;
}

.columnBlock h2 {
  font-size: 2.25rem;
  text-transform: none;
  line-height: 1.5;
  letter-spacing: 0.12px;
  font-weight: 700;
  margin-bottom: 1rem;
}

.article-sidebar h2,
.trendingContainer h2 {
  font-size: 1.625rem;
  line-height: 1.375;
  font-weight: 400;
}

h3 {
  font-size: var(--base-h3-font-size);
  line-height: var(--base-h3-font-line-height);
  font-weight: var(--base-h3-font-bold);
  letter-spacing: 0.12px;
  text-transform: none;
}

.article-sidebar h3, .inheritable-sidebar h3 {
  font-size: 1.5rem;
  line-height: 1.9375;
}

.article-subtitle h3 {
  font-size: 1.375rem;
  font-weight: 400;
}

h4 {
  font-size: var(--base-h4-font-size);
  line-height: var(--base-h4-font-line-height);
  font-weight: var(--base-h4-font-bold);
  text-transform: none;
  letter-spacing: 0.12px;
}

/*** paragraph component styles ***/
p,
ul li,
ol li {
  font-family: var(--base-font-family);
  color: var(--text-color);
  font-size: var(--base-text-font-size);
  line-height: var(--base-text-line-height);
  letter-spacing: 0.12px;
}

.XXtopics-list-heading,
.XXtopics-list-heading>h2,
.XXlocal-container h2,
.trendingContainer .accordionComponent>h2 {
  margin-top: 2.5rem;
  margin-bottom: 1rem !important;
}

.local-container .accordion-item.is-active,
.local-container .accordion-item:hover {
  background-color: transparent;
}

.category-only .category-archive .accordion-content {
  display: none !important;
}

.category-only .article-archive {
  background-color: transparent;
  margin-bottom: 0.75rem;
}

.category-and-lists li.category-archive .accordion-content {
  display: none !important;
}

.category-and-lists ul li:first-child {
  margin-bottom: 0.75rem;
}

.trendingContainer .accordionComponent .category-archive {
  background-color: inherit;
  margin-bottom: 0.75rem;
}

.trendingContainer .accordionComponent .category-archive .accordion-content {
  display: none !important;
}

.category-links-block a.accordion-title , .category-links-block a.accordion-title:focus {
    background: #fff;
}

.category-links-block .accordion-item.is-active, .category-links-block .accordion-item:hover {
    background-color: #fff !important;
}

.categoryList {
    padding-left: 0;
}

.pinned-topics-list h4,
.pinned-topics-list .pinned-item,
.manual-articles-list a {
  font-weight: 400;
  font-size: 1.125rem;
  border-bottom: none;
  padding-bottom: 0.5625rem;
}

.manual-articles-list a,
.article-archive .accordion-content .lvl2Cat.article-subcat {
  border-bottom: none;
  padding-bottom: 0.5625rem;
  padding-top: 1rem;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 1.125rem;
  line-height: 1.375rem;
  display: block;
}

.article-archive .accordion-content br {
  /* display: none; */
}

.breadcrumbContainer {
  padding-bottom: 2rem;
}

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

/*** anchor css ***/

a {
  color: var(--link-color);
  /*font-size: 1rem;*/
  text-decoration: underline;
}

header #mega-menu li.mm-why-eyefinity,
header #mega-menu li.mm-ed-on {
  position: relative;
}

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

.menu li .dropdown-pane a.mmHeader,
.menu.expanded li .dropdown-pane a.mmHeader {
  text-transform: uppercase;
  pointer-events: none;
  cursor: default !important;
  letter-spacing: 0.046875rem;
}

.menu li .dropdown-pane a.mmHeader.mmMobileLink,
.menu.expanded li .dropdown-pane a.mmHeader.mmMobileLink {
  text-transform: uppercase;
  pointer-events: initial;
  cursor: pointer !important;
  letter-spacing: 0.046875rem;
}

.mmLink {
  font-weight: 500;
}

.article-copy ul, .article-copy ol {
  margin-left: 2.4rem;
}

a:focus,
a:hover {
  text-decoration: underline;
  cursor: pointer;
}

a:hover {
  color: var(--link-hover-color);
}

a:visited,
a:focus {
  color: var(--link-visited-color);
  text-decoration: none;
}

.section-color-dark p a:visited {
  color: var(--link-visited-color);
  text-decoration: none;
}

.section-color-dark p a:hover{
  color: #ffffff !important;
  text-decoration: underline !important;
}

a.standardLink:link,
a.standardLink:hover,
a.standardLink:active,
.dropdown.menu .adsBlockContainer a.standardLink {
  color: var(--link-color);
  /* font-weight: bold; */
  text-decoration: none;
}

a.standardLink:link,
a.standardLink:hover,
a.standardLink:active,
.dropdown.menu .adsBlockContainer a.standardLink {
  display: flex;
  align-items: flex-end;
  line-height: 1.0;
}

a.standardLink:hover,
.dropdown.menu .adsBlockContainer a.standardLink:hover {
  text-decoration: underline;
  color: var(--link-hover-color);
}

a.standardLink:visited,
a.standardLink:focus,
.dropdown.menu .adsBlockContainer a.standardLink:visited,
.dropdown.menu .adsBlockContainer a.standardLink:focus {
  color: var(--link-visited-color);
}

.linkContainer,
.linkContainer2 {
  margin: 0.5rem 0 0.75rem 0;
  line-height: 2rem;
}

.linkContainer a.standardLink::after,
a.standardLink.textLink::after,
.jump-links .linkContainer a.standardLink::after,
.jump-links .linkContainer a.standardLink.textLink::after {
  display: inline-block;
  content: "\f054";
  font-size: 0.8rem;
  font-weight: 800;
  font-family: "Font Awesome 6 Pro";
  padding-left: 0.4rem;
  text-decoration: none;
  line-height: 0.8;
}

.linkContainer a.standardLink:hover::after,
a.standardLink.textLink:hover::after,
.jump-links .linkContainer a.standardLink:hover::after,
.jump-links .linkContainer a.standardLink.textLink:hover::after {
  text-decoration: none !important;
  display: inline-block;
}

.manual-articles-list a.standardLink {
  line-height: inherit;
  text-decoration: underline;
}

.adsBlockContainer {
  border-left: 1px solid #E6E6E6;
}

/*** quickLinks css ***/
.quickLinks {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
}

.ctaDash, .navItem {
  background: #0b2335;
  background-color: #0b2335;
}

.navItem:hover {
  background-color: #fff;
}

.navbar-fixed {
  top: 48px;
}

#megamenu {
  padding-top: 5.125rem;
}

.quickLinks {
  background-color: var(--section-color-bkgd4);
  padding: 0;
  opacity: 1;
  justify-content: flex-start;
  line-height: 1.6rem;
  height: 48px;
}

.adminLinks {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  flex-grow: 2;
  margin: 0;
  border: none;
}

.quickLinks a.standardLink,
.quickLinks a.standardLink:link,
.quickLinks a.standardLink:hover,
.quickLinks a.standardLink:active {
  font-size: 0.875rem;
  color: var(--button-text-color);
  font-weight: 600;
  align-items: center;
}

.quickLinks a.standardLink.selected,
.quickLinks a.standardLink.selected:link,
.quickLinks a.standardLink.selected:hover,
.quickLinks a.standardLink.selected:active {
  background-color: #fff;
  color: #0B2335;
  height: 48px;
  align-items: center;
  text-decoration: none;
}

.quickLinks a.standardLink:hover {
  background: #fff;
  color: #0B2335;
  height: 48px;
  align-items: center;
  text-decoration: none;
}

#rdbtn {
  font-weight: bold;
  margin: 0 1.0rem;
  color: #fff;
  border: none;
  font-size: 1rem;
}

#rdbtn:hover {
  background: transparent;
  color: #9CDAF3;
  margin: 0 1rem;
  padding: 1.25rem 0.9375rem;
  text-decoration: underline;
}

#eyefinity-lgn {
  background: var(--primary-color);
  margin: 0;
  font-size: 1rem;
  line-height: 1.5rem;
  align-items: center;
  font-weight: bold;
  height: 48px;
}

#eyefinity-lgn.standardLink i.fas.fa-sign-in-alt.icon-scale-1p5 {
  padding: 0.1rem 1rem 0 0;
  font-size: 1.6rem;
  line-height: 1.5rem;
}

#eyefinity-lgn:hover {
  color: #241ED6 !important;
  text-decoration: underline;
  background: var(--highliteColor6);
}

#eyefinity-lgn span {
  line-height: 1.4rem;
  font-weight: bold;
  font-size: 1rem;
}

.adminLinks:empty {
  display: none;
}

.navLogoContainer {
  flex: 1 0 auto;
  margin-left: 3.9rem;
  margin-right: 1rem;
}

.navLogoContainer a img {
  width: 9.375rem;
  text-align: left;
  padding-bottom: 1.0rem;
}

.top-bar {
  padding: 0;
}

.top-bar,
.top-bar ul {
  background: #fff;
  width: unset;
}

.menu.medium-horizontal {
  align-items: center;
  /* justify-content: stretch; */
  flex-direction: row;
  flex-wrap: nowrap;
}

/*** fix nav bar on desktop only ***/

.row.headerRow {
  padding: 0;
}

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

.navbar-fixed .navLogoContainer a img {
  height: auto;
  width: 5rem;
  padding: 0 0 0.75rem 0;
  /* margin-top: 0; */
}

.eyefinity-footer-logo a img {
  max-width: 10rem;
}

.navbar-fixed .navLogoContainer {
  text-align: center;
  width: 25%;
}

.navbar-fixed #main-menu {
  padding: 0.4rem;
}

.navbar-fixed .menu.expanded li.topnav-item {
  padding: 0 1.0rem 0 1.0rem;
}

.menu.expanded li.topnav-item {
  flex: 0 0 auto;
  flex: 1 1 auto;
  /*  padding: 1rem 1.5rem 0 1.5rem; */
  padding: 0.25rem 0.75rem 0 0.75rem;
}

.menu.expanded li.topnav-item>a:hover {
  border-bottom: 2px solid var(--primary-color);
  text-decoration: none;
  color: var(--gray-2-background);
}

.menu {
  align-items: center;
}

/*** jump links css ***/
.jump-links .linkContainer a,
.linkContainer a.standardLink,
.jump-links .linkContainer a:active,
.jump-links .linkContainer a:hover,
.jump-links .linkContainer a:focus,
.jump-links .linkContainer a:link {
  font-weight: bold;
  text-decoration: underline !important;
}

/*** centered highlite component CSS ***/
.centeredHighlightTextComponent,
.centered-highlight-text-component {
  padding: 3.5rem;
}

/*** remove padding on testimonial section so that the quote mark overlaps the top ***/
.testimonial-section.centeredHighlightTextComponent,
.testimonial-section.centered-highlight-text-component {
  padding: 0 3.5rem;
}

.testimonial-section blockquote p {
  margin: 0;
}

div.section-color-background1,
div.section-color-background2,
div.section-color-background3,
div.section-color-background4,
div.section-color-dark,
div.section-color-light {
  padding-top: 0;
  padding-bottom: 0;
}

.spread .row,
.accordionComponent .row {
  max-width: 84rem;
}

.hideInnerCard .captionBlockContainer,
.hideInnerCard .imageBlockContainer {
  display: none;
}

.hideInnerCard .cardGrid .columnBlock,
.hideInnerCard.columnGrid .columnBlock {
  padding-top: 0;
  padding-bottom: 0;
}

.showTestimonial {
  padding-left: 2rem;
  padding-right: 2rem;
}

.alignLeft {
  text-align: left !important;
}

.noBottomPadding {
  padding-bottom: 0 !important;
}

.customPortraitGrid .imageComponent,
.customProductGrid .imageComponent {
  padding-top: 1.5rem;
  padding-bottom: 0;
}

.customPortraitGrid .captionBlockContainer,
.customProductGrid .captionBlockContainer {
  margin-top: 0;
}

.customPortraitGrid .paragraphBlock,
.customProductGrid .paragraphBlock {
  padding-top: 0;
}

.customPortraitGrid .paragraphContainer span {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.25;
}

.customPortraitGrid .paragraphContainer p {
  margin-top: 1rem;
}

.customPortraitGrid.blockGrid3.cardGrid .paragraphBlock .linkContainer {
  margin-top: 1.5rem;
}

.hero-container .headerBlock .lensOverlay h1,
.hero-container .headerBlock .lensOverlay p {
  color: var(--section-text-color-white)
}

.sideCTA.centeredHighlightTextComponent .headerBlock {
  padding: 2rem 1rem;
}

.centerHeader.centeredHighlightTextComponent .headerBlock {
  padding-top: 1rem;
  padding-bottom: 2.5rem;
}

.centeredHighlightTextComponent>.row>div {
  padding-top: 2.5rem;
  padding-bottom: 1.5rem;
}

.centeredHighlightTextComponent>.row>div.testimonials {
  padding-top: 0;
  padding-bottom: 0;
}

.topicSection .spreadCol h4 {
  margin-bottom: 2rem;
}

.centerButtons.blockGrid3.cardGrid .linkList1.linkContainer {
  text-align: center;
}

.centerButtons a.button.primary {
  margin-left: 0;
}

.dollarAmount h3:first-of-type {
  margin-bottom: 0;
}

.dollarAmount h3:last-of-type {
  padding-top: 0;
  margin-bottom: 0;
}

.dollarAmount h3>strong {
  font-size: 3.75rem;
  font-weight: 800;
}

.cardGrid .imageBlock,
.blockGrid3.cardGrid.customProductGrid .columnBlockContainer {
  background-color: transparent;
}

.gridWidth100 .columnBlockContainer {
  width: 100%;
}

.blockGridHeader {
  display: block;
}

.centeredHighlightTextComponent.noPadding {
  padding: 0;
}

.blockWithCaption .image_caption {
  margin-top: .5rem;
}

.blockWithCaption .captionBlockContainer {
  margin-top: 0;
}

.XXcenteredHighlightTextComponent h2,
.XXcentered-highlight-text-component h2 {
  font-size: 2.25rem;
  line-height: 1.5;
  font-weight: 700;
}

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

.courseHeadingSection {
  padding-top: 0;
}

.printIcon .row.headerRow {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.printButton {
  display: block;
  width: 9rem;
  height: 2rem;
  cursor: pointer;
  text-align: right;
  float: right;
  margin-top: 1rem;
  color: var(--link-color);
  font-weight: bold;
  font-size: 1rem;
}

.printButton i {
  color: var(--text-color);
}

.printHeader {
  display: none;
}

.section-border-no-paddding {
  padding-bottom: 0 !important;
}

/*** print button css ***/

.printIcon .row.headerRow {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.printButton {
  display: block;
  width: 9rem;
  height: 2rem;
  cursor: pointer;
  text-align: right;
  float: right;
  margin-top: 1rem;
  color: var(--link-color);
  font-weight: bold;
  font-size: 1rem;
}

.printButton i {
  color: var(--text-color);
}

/*** header css ***/
.topNavContainer {
  background-color: #fff;
}

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

.navLinkContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-size: 0.8rem;
  font-weight: bold;
}

/*** footer css */
footer .row {
  padding: 0;
}

.basic-footer-eyefinity {
  width: 35%;
}

.footerLinkParagraph {
  color: #fff;
}

.footerLinkParagraph a:hover,
.footerLinkParagraph a:visited,
.footerLinkParagraph a:active,
.footerLinkParagraph a:focus,
.footerLinkParagraph a:link {
  color: #fff;
  text-decoration: none;
  padding-left: 0;
  font-size: 0.875rem;
  line-height: 1rem;
}

.footerLegal {
  color: #fff;
  font-size: 0.875rem;
  margin-top: 0;
}

footer .row.footerLegalContainer {
  text-align: left;
}

.footerLegalContainer .large-centered {
  text-align: left;
  margin-right: 0;
  margin-left: 0;
}

.footerLegalContainer a {
  border-right: 1px solid #fff;
  padding-right: 0.6rem;
  margin-right: 0.5rem;
  color: #fff;
  text-decoration: none;
}

.footerLegalContainer a:last-child {
  border-right: none;
  padding-right: 0.6rem;
  margin-right: 0.5rem;
}

footer .footerLinkParagraph p {
  display: block;
  line-height: 1.2rem;
}

.footerLinkContainer .socialLinkContainer {
  text-align: left;
}

.footerLinkContainer a.standardLink:first-child,
.footerLinkContainer a.standardLink:first-child:hover,
.footerLinkContainer a.standardLink:first-child:visited,
.footerLinkContainer a.standardLink:first-child:active,
.footerLinkContainer a.standardLink:first-child:focus,
.footerLinkContainer a.standardLink:first-child:link {
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 0.9rem;
  text-decoration: none;
  padding-left: 0;
  color: #fff;
}

#mainFooter .standardLink {
  padding-bottom: 1rem;
  padding-left: 0;
  /*padding-right: 2rem;*/
  font-weight: 600;
}

#mainFooter,
#mainFooter p,
#mainFooter a {
  color: #fff;
  font-weight: 600;
}

#mainFooter p,
#mainFooter .list-title {
  margin-bottom: 1rem;
  font-weight: bold;
}

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

.flex-footer .list-title {
  text-transform: uppercase;
}

.socialLinkContainer {
  display: block;
  padding-left: 0.9375rem !important;
  /* padding-top: 2.56rem !important; */
  padding-top: 0;
  padding-bottom: 0 !important;
}

.socialLinkContainer a,
.socialLinkContainer a.standardLink:link,
.socialLinkContainer a.standardLink:active {
  font-size: unset;
  display: flex;
  color: #fff;
}

.socialLinkContainer span {
  font-family: "Open Sans", sans-serif;
  color: #fff;
  font-size: 1rem;
  line-height: 1rem;
}

.socialLinkContainer i {
  font-size: 1rem;
  color: unset;
}

.socialLinkContainer i::before {
  padding-right: 3px;
}

.socialLinkContainer a.standardLink:hover,
.socialLinkContainer span:hover {
  color: #9cdaf3;
  text-decoration: underline;
  cursor: pointer;
}

.footerLegal .paragraphContainer,
.footerLegal .paragraphBlock {
  padding-left: 0;
}

.socialLinkContainer {
  padding: 2rem 0 0.5rem 0;
  color: #fff;
}

.socialLinkContainer p,
.copyright p {
  color: #fff;
}

#linkedin-icon-text span,
#twitter-icon-text span,
#facebook-icon-text span {
  visibility: hidden;
  width: 0;
  height: 0;
  margin: 0;
}

.cardGrid p.paragraphEyebrow {
  margin-bottom: 1rem;
  margin-top: 0.95rem;
}

.narrowPara .row {
  max-width: 56rem;
}

.narrowPara .row p {
  font-size: 1.25rem;
}

.columnBlock h2 a {
  font-size: 1.124rem;
  color: var(--link-color);
}

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

.dropdown.menu .subnav-item a,
.dropdown.menu .subnav-item a:active,
.dropdown.menu .subnav-item a:hover {
  letter-spacing: 0.0075rem;
}

.dropdown.menu a:hover {
  padding: 0.7rem 1rem;
}

.error {
  color: var(--red-text-highlite);
  font-size: 0.9rem !important;
  float: right;
}

.errorLink p, .errorLink a, .errorLink a:visited, .errorLink a:hover, .errorLink a:active {
  color: #d2280a;
  font-size: 14px;
  font-weight: normal;
}

.navLinkContainer a.standardLink {
  color: var(--text-color);
}

.navLinkContainer a:nth-child(5) {
  padding: 0.8rem 1rem;
  color: white;
}

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

.navbar-fixed .dropdown.menu .navLogoContainer {
  width: 20%;
}

.dropdown.menu .navLogoContainer a,
.dropdown.menu .navLogoContainer a:active,
.dropdown.menu .navLogoContainer a:hover {
  display: block;
  padding: 0;
  margin: 0;
}

.footerLinkContainer a,
.footerLinkParagraph a {
  font-weight: normal;
}

.footerLinkContainer a.standardLink:hover,
.footerLinkContainer a.standardLink:active,
.footerLinkContainer a.standardLink:focus,
.footerLinkContainer a.standardLink:link {
  color: white;
  text-decoration: none;
  display: block;
  padding-left: 0;
  font-size: 1rem;
  font-weight: normal;
}

.footerLinkContainer a.standardLink:hover,
.footerLegalContainer a:hover {
  color: #9cdaf3;
  text-decoration: underline;
  cursor: pointer;
}

.footerLinkContainer .socialLinkContainer a.standardLink {
  display: inline;
}

.footerLinkContainer a.standardLink:first-of-type {
  cursor: default;
}

small a {
  font-size: inherit;
}

/*** horizontal paragraph component css ***/

.horizontalParagraph .paragraphBlock {
  display: flex;
  align-items: center;
  flex-direction: row;
}

.horizontalParagraph .paragraphContainer {
  flex-basis: 70%;
}

.horizontalParagraph .linkContainer {
  text-align: right;
  flex-basis: 30%;
}

/*** hero css ***/

.hero-section3 .hero-section-text {
  flex-direction: column;
}

.hero-section3 .lensOverlay {
  background: rgba(255, 255, 255, 0.75);
}

.hero-section3 .hero-section-text h1 {
  margin-bottom: 1.5rem;
}

.hero-section3 .hero-section-text h2 {
  margin-bottom: 0.5rem;
}

.hero-section3 .hero-section-text p {
  margin-bottom: 1.5rem;
}

/*** testimonial style ***/

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

.testimonials .paragraphBlock {
  margin: 2rem 0 1.25rem 0;
}

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

.testimonial-section blockquote,
.testimonial-section blockquote p,
blockquote,
blockquote p {
  font-size: 1.375rem;
  line-height: 1.5;
  color: var(--text-color);
}

.blockquote-border {
  border-bottom: none;
  border-top: none;
  background-color: initial;
  position: relative;
}

.quoteIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.8rem;
  height: 2.8rem;
  padding: 0;
  position: absolute;
  top: 0.8%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: none;
  border-radius: 100%;
  background-color: var(--gray-2-background);
  color: var(--button-text-color);
}

.quoteIcon::before {
  content: "\f10e";
  font-size: 1rem;
  font-weight: 800;
  font-family: "Font Awesome 6 Pro";
}

/*** card grid block grid css ***/
#Overview.cardGrid .imageBlock .image img {
  max-width: 100px;
}

.courseCatGrid .imageBlock {
  box-shadow: none;
  border: 1px solid var(--gray-2-background);
  background: #ffffff;
}

.courseCatGrid .imageBlockContent {
  margin-top: 0;
}

.courseCatGrid .imageBlockContent h2 {
  background-color: var(--gray-2-background);
  color: white;
  padding: 1.2rem;
  margin-bottom: 0.5rem;
  font-size: 1.3rem;
  font-weight: normal;
  letter-spacing: 0.38px;
  line-height: 1.6rem;
}

.courseCatGrid .imageBlockContent p {
  padding: 0.6rem 1rem;
  text-align: left;
}

.blockGrid3.cardGrid .imageBlock {
  margin-top: 0;
}

.blockGrid3.columnGrid .imageBlock {
  margin-bottom: 0;
}

.blockGrid3.cardGrid.section-color-dark .imageBlock,
.blockGrid3.cardGrid.section-color-dark .columnBlockContainer {
  background-color: #005A96;
}

.rightSide a.standardLink {
  margin-bottom: 1.25rem;
}

/*** blockgrid css ***/
.partnerBlockGrid .imageBlock {
  display: flex;
  min-height: 80px;
  align-items: center;
  justify-content: center;
}

.partnerBlockGrid .thumbnail {
  border: none;
  box-shadow: none;
  width: 80%;
  margin-bottom: 0;
}

.imageBlockContent p {
  display: block;
  font-size: 16px;
}

/*** register block ***/
.register-block {
  margin-bottom: 3rem;
}

.register-block .row {
  background-color: #f2f7fa;
  padding: 2rem;
}

.register-block .paragraphBlock {
  margin-bottom: 0;
}

.payPara {
  background-color: #f3f7fa;
  max-width: 55rem;
  margin-left: auto;
  margin-right: auto;
}

/*** slider css ***/
.presentation-slider {
  max-width: 60rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.slick-slide {
  height: auto;
}

.presentation-slider .slick-item {
  width: 25%;
}

.presentation-slider .slick-image .paragraphBlock {
  padding: 1rem !important;
  color: var(--text-color) !important;
  background-color: #fff !important;
}

.paragraphBlock.centerComponentContent .paragraphContainer {
  margin: 0;
  width: 100%;
}

.slick-item h2 {
  font-size: 1.125rem;
  letter-spacing: normal;
}

.slideImage .image {
  text-align: center;
}

.dotsArea {
  display: none;
  background-color: #fff !important;
  padding: 0.8rem !important;
}

.slick-prev:before,
.slick-next:before {
  color: #fff;
  opacity: 1;
}

.slick-dots li button::before {
  color: #fff;
  opacity: 0.7;
}

.slick-dots li.slick-active button::before {
  color: #fff;
  opacity: 1;
}

/*** accordion css ***/
div::not(.local-container) .accordion-item {
  margin-bottom: 1rem;
}

:last-child:not(.is-active)>.accordion-title {
  border-bottom: none;
  border-radius: 0;
}

a.accordion-title {
  text-decoration: none;
}

.accordion-title,
.accordion-title:focus {
  position: relative;
  display: block;
  padding: 1.8rem 2rem;
  border: none;
  border-bottom: none;
  font-size: 18px;
  line-height: 1;
  color: #3A60FF;
  font-weight: 700;
  background: var(--light-background);
}

.accordion-title:hover {
  background-color: #f6f6f6;
  color: var(--link-hover-color);
}

.accordion-title:hover {
  text-decoration: underline;
}

.local-container .article-archive a.accordion-title {
  text-decoration: underline;
  position: relative;
  display: block;
  /* padding: 1.8rem 2rem; */
  border: none;
  border-bottom: none;
  font-size: 1.125rem;
  line-height: 1;
  color: var(--link-color);
}

.local-container .article-archive a.no-link {
  color: var(--text-color);
  background-color: #f6f6f6;
}

.article-archive .accordion-title.category-archive {
  color: var(--link-color);
  font-size: 1.125rem;
  font-weight: 400;
}

.accordion-title h2 {
  margin-bottom: 0;
  font-weight: 400;
}

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

.article-archive .archive-title {
  padding: 0.75rem 1rem 0.5rem 0;
}

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

.accordion-title.category-archive.archive-title::before {
  content: none;
}


div::not(.local-container) .accordion-title:focus {
  background-color: transparent;
}

.accordion-item {
  background-color: #F6F6F6;
  margin-bottom: 1rem;
}

div::not(.local-container) .accordion-item {
  background-color: #F6F6F6;
}


div::not(.local-container) .accordion-item.is-active,
div::not(.local-container) .accordion-item:hover {
  background-color: #f6f6f6 !important;
  margin-bottom: 1rem;
}

.accordion-item.is-active,
.accordion-item:hover {
  background-color: #f6f6f6 !important;
}

.lvl1Cat.accordion-item.is-active,
div::not(.local-container) .accordion-item:hover {
  background-color: transparent;
  margin-bottom: 0;
}

.lvl1Cat.accordion-item.article-archive,
.lvl1Cat.accordion-item.category-archive {
  margin-bottom: 0.75rem;
}

.accordion-item.article-archive a {
  padding-left: 0;
  font-weight: inherit;
  font-size: 1.125rem;
}

.accordion-item.all-archive-link a {
  text-decoration: underline;
}

.lvl1Cat .accordion-content:last-child {
  border-bottom: none;
}

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

.is-active>.accordion-title.archive-title::before {
  content: "\f068";
  font-weight: 400;
}

.is-active>.lvl1Cat.accordion-title.archive-title::before {
  content: none;
}

.article-archive .accordion-content {
  padding: 0.5rem 0rem 1rem;
  /* border: 1px solid #e6e6e6; */
}

.accordion-content {
  padding: 2rem 2rem 1rem;
  border: 1px solid var(--gray-5-background);
  border-bottom: 1px solid var(--gray-5-background);
}

.category-archive .accordion-content {
  border: none;
}

.accordion-content p {
  font-size: 1rem;
}

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

.accordion-content p:nth-child(2n) {
  margin-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.3125rem;
}

.accordion-content ul,
.accordion-content ul li {
  color: var(--text-color);
}

/*** mediaComponent css ***/

.mediaComponentGrid .row {
  max-width: 73rem;
}

.mediaComponentContainer .image {
  text-align: right;
}

.mediaComponentContainer.smallIcon .image img {
  width: 32px;
  height: 32px;
  filter: invert(36%) sepia(0%) saturate(278%) hue-rotate(268deg) brightness(94%) contrast(93%);
}

ul,
ol {
  line-height: 1.4rem;
}

/* buttons */
.button {
  border-radius: 0;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1;
}

.blockGrid3 .paragraphBlock .paragraphContainer {
  padding: unset;
}

.blockquote-border .cms {
  text-align: center;
}

.card {
  border: 0;
}

.card .image img {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.card .columnBlockContainer {
  -webkit-box-shadow: 1px 4px 5px 2px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 1px 4px 5px 2px rgba(0, 0, 0, 0.11);
  box-shadow: 1px 4px 5px 2px rgba(0, 0, 0, 0.11);
}

.card .noCurtain {
  padding: 1rem;
}

.card .standardLink {
  font-weight: bold;
}

.videoCaptionBlock {
  align-items: center;
}

.video_caption {
  padding-top: 1rem;
}

.video_caption p {
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 0.4rem;
  color: var(--text-color);
}

#mainFooter {
  background: var(--section-color-bkgd4);
  padding: 2rem 5.1875rem 2rem 5.1875rem;
}

#mainFooter .row {
  display: flex;
  flex-wrap: wrap;
}

#mainFooter>.row:first-child {
  flex: 1 0 100%;
}

.footerLogo {
  width: 100%;
}

.footerLogo .image {
  width: 8.4375rem;
  padding-bottom: 1.5rem;
}

/* forms */
/* Turn off asterisk on required fields */
dfn {
  color: #DC1613 !important;
}

.error,
.error p {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: #dc1613 !important;
  padding: 6px 0 0 0px;
  float: none;
}

.error-message-wrapper {
  border: 1px solid #dc1613 !important;
}

.timeZoneNotice .row,
.registerFormCST .row,
.registerFormEST .row,
.registerFormMT .row,
.registerFormPST .row,
.mainRegistrationForm .row {
  max-width: 43rem;
  margin: 0 auto;
}

.redText .row {
  max-width: 43rem;
  margin: 0 auto;
}

.form-wrapper {
  max-width: 90rem;
  margin: 0 auto;
}

.form-row {
  margin-bottom: 0.5rem;
}

.form-row input {
  display: inline-block;
}

.form-row label {
  color: #000;
  display: inline-block;
  margin: 0;
  font-weight: bold;
}

.form-row label[for="PromoCode"]::after,
.form-row label[for="Other-PleaseSpecify"]::after {
  content: " (optional)";
  font-weight: normal;
}

.form-row fieldset .form-item:first-child {
  padding-top: 0.5rem;
}

.form-row fieldset .form-item:last-child {
  padding-bottom: 0.5rem;
}

.form-row .form-item {
  padding-left: 1rem;
  display: table;
}

.form-row [type="checkbox"],
.form-row [type="radio"] {
  margin: 0 0.5rem 0 0;
  display: table-cell;
  margin-right: 0.5rem;
}

.form-row [type="checkbox"]+label,
.form-row [type="radio"]+label {
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
  display: table-cell;
  line-height: 1.5;
  font-weight: normal;
}

.button-wrapper {
  text-align: center;
  padding-bottom: 2rem;
  position: relative;
}

.form-row [type="text"],
.form-row select,
.form-row textarea {
  margin-bottom: 0;
}

[type="checkbox"]+span+label,
[type="radio"]+span+label {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
}

.form-row label[for="rateyourconfidencelevel"] {
  margin-top: 0.75rem;
}

.button-wrapper input:hover {
  background-color: #2285a2;
  color: #fefefe;
}

label {
  color: var(--primary-color);
}

.redText p {
  color: var(--red-text-highlite);
  margin-bottom: 0;
}

.redText.form-row {
  color: var(--red-text-highlite);
  margin-bottom: 0;
}

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

.text p {
  color: var(--red-text-highlite);
}

/* checkbox - radio */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 2px solid transparent;
  background: transparent;
  font-weight: normal;
  /*color: #9FA1A4;*/
  text-align: left;
}

.hint p {
  font-size: .8rem;
  margin-bottom: 0px;
  padding: 0 4px;
}

.hint ol,
.hint ul {
  font-size: .8rem;
  margin-left: 3rem;
}

.fauxLabel p {
  color: #0a0a0a;
  margin-bottom: 0px;
}

.groupLabel {
  margin-top: 0px !important;
  padding: 0px !important;
}

.form-section {
  float: none !important;
}

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

.floatingCheckBox label {
  margin-top: -40px;
}

.checkbox-element-container .ui-checkboxradio-label .ui-icon-background {
  border: 2px solid #74767B !important;
}

/*FIX FOR Inner section followed by Input PRH field*/
.text-element-container {
  display: flex;
}

.element-outline-container.focus {
  border: none !important;
}

/*** speaker CSS ***/
.speakerSummaryContainer {
  margin-top: 3rem;
  margin-bottom: 2rem;
}

.speakerSummaryContainer .row {
  max-width: 65rem;
}

.speakerDetailPane {
  border-right: 1px solid #979797;
  padding-right: 3rem;
}

.speakerDetailPane h3 {
  margin-bottom: 0.5rem;
}

.speakerDetailPane .linkContainer {
  margin-top: 0;
  margin-bottom: 1.4rem;
}

.speakerSidebar {
  padding-left: 3rem;
}

.speakerSummary {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 2rem;
}

.speakerEmail {
  font-weight: bold;
  color: var(--link-color);
}

.speakerDetails {
  flex-grow: 2;
}

.speakerDetails h2 {
  margin-bottom: 0.5rem;
}

.speakerDetails p {
  font-size: 1.125rem;
}

.article-sidebar.topics-list .inheritable-sidebar p {
  border-bottom: none;
}


.speakerTitleBlock {
  line-height: 1.3rem;
  margin-bottom: 0.6rem;
}

/* .speakerSummary .speakerTitleBlock {
  margin-bottom: 0;
} */

.speakerSummary h2 {
  margin-bottom: 0 !important;
}


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

.thumbnailImage {
  width: 100%;
  border: none;
  box-shadow: none;
}

.contactBlock {
  display: flex;
  flex-direction: column;
}

.contactBlock span {
  margin-right: 2rem;
}

/*** sidebar speaker CSS ***/

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

.sidebarFormat .thumbnailImage {
  width: 85px;
  height: auto;
}

.sidebarFormat h2 {
  font-size: 1.125rem;
  margin-bottom: 0;
}


.trendingContainer {
  /* padding-left: 3rem; */
}

.sidebarFormat p {
  font-size: 1rem;
  line-height: 1.3rem;
}

.XXsidebarFormat .linkContainer {
  margin-top: 0;
}

.mobileCls {
  display: none;
}

/*** register css */
.registerBlock .row {
  max-width: 43rem;
  margin: 0 auto;
}

.registerBlock .spreadCol1 {
  padding: 0;
  width: 17%;
}

.registerBlock .spreadCol1 .paragraphBlock {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding-right: 0;
}

.registerBlock .spreadCol2 {
  padding: 0;
  width: 83%;
}

.registerStep {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 100%;
  width: 84px !important;
  height: 84px;
  border: 3px solid #fff;
}

.registerStep p {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #d2d3d4;
  border-radius: 100%;
  width: 70px !important;
  height: 70px;
}

.registerStep p strong {
  font-size: 1.5rem;
}

.registerStep.registerStepSelected {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 100%;
  width: 84px !important;
  height: 84px;
  border: 3px solid #9fcc3b;
}

.registerStep.registerStepSelected p {
  background-color: var(--secondary-color);
}

.registerStep p:nth-child(1) {
  font-size: 0.875rem;
  line-height: 1.4rem;
  margin: 0;
}

.registerStep p:nth-child(2) {
  font-size: 1.125rem;
  line-height: 1rem;
  font-weight: bold;
  margin: 0;
}

/*** article component customization ****/

.inheritable-sidebar .headerBlock {
  display: inline-block;
}

.inheritable-sidebar .headerBlock .paragraphBlock {
  padding-left: 0;
}

.article-component .container .article {
  margin-right: 0;
  padding-right: 2.125rem;
}

.article-component .article-sidebar {
  /* padding-left: 2.125rem; */
}

.article-sidebar {
  padding-top: 0;
}

.primaryArticleSummaryContainer {
  border-right: 1px solid #979797;
  padding-right: 4rem;
}

.hideSidebar .primaryArticleSummaryContainer {
  border: none;
  padding-right: 0;
}

/*** course css ***/
.courseContainer {
  display: flex;
  flex-direction: row;
}

.article-summary .printHeader {
  display: none;
}

.courseHeader {
  display: flex;
  width: 100%;
  margin-top: 1rem;
}

.courseColumn {
  padding-bottom: 1rem;
  margin-right: 3.5rem;
  margin-bottom: 1.4rem;
  border-bottom: 1px solid #979797;
}

.courseHeader .courseColumn {
  font-weight: bold;
}

.courseHeader .dropdown.menu>li.is-dropdown-submenu-parent>a {
  padding-right: 0;
  padding: 0;
}

.courseHeader .dropdown.menu>li.is-dropdown-submenu-parent>span {
  padding-right: 0;
  color: var(--link-color);
  line-height: 1rem;
  text-transform: none;
  font-weight: bold;
  display: inline-block;
  cursor: pointer;
}

.timeZoneMenu .ui-state-default,
.timeZoneMenu .ui-widget-content .ui-state-default,
.timeZoneMenu .ui-widget-header .ui-state-default,
.timeZoneMenu .ui-button,
html .timeZoneMenu .ui-button.ui-state-disabled:hover,
html .timeZoneMenu .ui-button.ui-state-disabled:active {
  border: 2px solid transparent;
  background: transparent;
  font-weight: normal;
  color: var(--text-link);
  text-align: left;
  padding: 0.4em 1em 0.4em 0.5rem;
}

.dropdown.menu.timeZoneMenu>li.opens-right>.is-dropdown-submenu,
.dropdown.menu.timeZoneMenu>li.opens-left>.is-dropdown-submenu,
.dropdown.menu.timeZoneMenu>li.opens-inner>.is-dropdown-submenu {
  padding: 1rem 0 1rem 0;
  border-top: 3px solid var(--secondary-color);
  margin-top: 1rem;
  width: 140%;
}

.timeZoneMenu .ui-state-hover,
.timeZoneMenu .ui-widget-content .ui-state-hover,
.timeZoneMenu .ui-widget-header .ui-state-hover,
.timeZoneMenu .ui-state-focus,
.timeZoneMenu .ui-widget-content .ui-state-focus,
.timeZoneMenu .ui-widget-header .ui-state-focus,
.timeZoneMenu .ui-button:hover,
.timeZoneMenu .ui-button:focus {
  border: 2px solid transparent;
  background: transparent;
  font-weight: normal;
  color: var(--text-color);
}

.timeZoneMenu .ui-state-active,
.timeZoneMenu .ui-widget-content .ui-state-active,
.timeZoneMenu .ui-widget-header .ui-state-active,
.timeZoneMenu a.ui-button:active,
.timeZoneMenu .ui-button:active,
.timeZoneMenu .ui-button.ui-state-active:hover {
  border: 2px solid transparent;
  background: transparent;
  font-weight: normal;
  color: var(--text-color);
}

.timeZoneMenu .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.timeZoneMenu .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}

.timeZoneMenu .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon::after,
.timeZoneMenu .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon::after {
  background-image: none;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 3px;
  top: 3px;
  font-family: "Font Awesome 6 Pro";
  content: "\f111";
  font-weight: 800;
  font-size: 10px;
  color: var(--link-color);
  text-indent: 0;
}

.timeZoneMenu .ui-button .ui-icon {
  background-image: none;
}

.courseHeader .dropdown.menu>li.is-dropdown-submenu-parent>span::after {
  color: var(--text-color);
}

.courseGroup:last-child .courseContainer .courseColumn {
  border-bottom: none;
}

.courseGroup:last-child .courseContainer.printHeader .courseColumn {
  border-bottom: 1px solid #979797;
}

.course-title {
  font-size: 1.125rem;
  line-height: 1.4rem;
  font-family: "Open Sans", Helvetica, Arial, "sans-serif";
  font-weight: bold;
  margin-bottom: 1rem;
}

.course-subtitle {
  font-size: 1rem;
  line-height: 1rem;
  font-family: "Open Sans", Helvetica, Arial, "sans-serif";
  margin-bottom: 0.8rem;
}

.course-description {
  color: var(--text-color);
  font-family: "Open Sans", Helvetica, Arial, "sans-serif";
  font-size: 1rem;
  letter-spacing: 0.33px;
  line-height: 1.2rem;
  margin-bottom: 0.8rem;
}

.speakerContainer,
.skillsContainer,
.ceContainer {
  margin-bottom: 0.8rem;
}

form input,
form label,
form textarea,
form select,
form span {
  font-family: "Open Sans", sans-serif !important;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #58595b;
}

.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: "Open Sans", sans-serif !important;
}

.viewMoreButton {
  padding: 0;
  background: transparent;
}

#viewMoreContainer .button {
  padding-left: 3rem;
  padding-right: 3rem;
  display: inline-block;
  width: fit-content;
  margin: 0;
  height: unset;
}

/****  Spinner addClass  ****/

#loader {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 10px;
  z-index: 1;
  width: auto;
  height: auto;
  margin: -75px 0 0 -75px;
  font-size: 1.5rem;
}

.dimButton {
  opacity: 0.1;
  transition: opacity 0.5s;
}

/* End of spinner styling */

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

.categoryHeader {
  display: none;
  /* gbb padding: 0; */
  padding-right: 4rem;
}

.XXprimaryArticleSummaryContainer {
  border-right: 1px solid #979797;
  padding-right: 4rem;
}

.XXhideSidebar .primaryArticleSummaryContainer {
  border: none;
  padding-right: 0;
}

/* max-height based on blog article recommended image height  */
.article-summary-thumbnail-img {
  max-height: 224px;
}

.row.large-up-2 .article-summary-thumbnail-img,
.row.medium-up-2 .article-summary-thumbnail-img {
  max-height: 347px;
}

.row.large-up-3 .article-summary-thumbnail-img,
.row.medium-up-3 .article-summary-thumbnail-img {
  max-height: 224px;
}


.sort-container,
.sort-options {
  padding-right: 0;
}

.viewMoreContainer {
  padding-right: 4rem;
}

.appliedFilterBlock {
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin: 1rem 0;
  /* padding: 0 !important; */
  flex-wrap: wrap;
}

.filterContainer {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 4.25rem;
  /* padding: 1.2rem 1rem; */
  background-color: var(--primary-color);
  color: #fff;
  width: 100%;
}

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

.button.hollow.clearAllFilters {
  border: 1px solid var(--primary-color);
  background-color: #fff;
  color: var(--primary-color);
  padding: 0.8rem 1rem;
  text-align: center;
  width: auto;
  margin: 0;
  margin-left: auto;
}

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

.category-container a:focus {
    outline: 1px solid blue !important;
}

.filterHeader {
  flex-basis: 6%;
  font-weight: bold;
  border-bottom: 3px solid transparent;
}

.filterContainer .dropdown.menu {
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  min-width: 18rem;
}

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

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

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

.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 {
  border: none;
  background: transparent;
  font-weight: normal;
  color: var(--text-color);
}

.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: 38px;
  text-transform: uppercase;
  font-weight: normal;
  display: inline-block;
  cursor: pointer;
}

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

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

.eyefinity-news-container {
  padding-top: 0;
}

.eyefinity-news-container .filterContainer .menu li.is-dropdown-submenu-parent {
  padding: 0;
  text-align: center;
}

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

.eyefinity-news-container .filterContainer {
  background-color: transparent;
  color: unset;
}

.eyefinity-news-container>.row>.catContainer>.categoryHeader>.filterContainer>#filterForm>.category-container>#filterArticleMenu>.is-dropdown-submenu-parent {
  text-align: left !important;
}

.bottom-border-dropdown-onHover {
  background-color: var(--secondary-color);
}

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

ul.catLevel2Label label {
  color: var(--text-color);
  font-size: 1rem;
  line-height: 38px;
}

.verticalBorder {
  content: " ";
  border-right: 2px solid #fff;
  height: 20px;
}

.lodge-course-app .dropdown.menu>li.opens-right>.is-dropdown-submenu,
.lodge-course-app .dropdown.menu>li.opens-left>.is-dropdown-submenu,
.lodge-course-app .dropdown.menu>li.opens-inner>.is-dropdown-submenu {
  border: none;
  background-color: var(--background-light-blue);
  /* display: block; */
  margin-top: 3px;
  text-align: left;
  width: 100%;
}

.dropdown.menu.timeZoneMenu>li.opens-right>.is-dropdown-submenu,
.dropdown.menu.timeZoneMenu>li.opens-left>.is-dropdown-submenu,
.dropdown.menu.timeZoneMenu>li.opens-inner>.is-dropdown-submenu {
  padding: 0;
}

.dropdown.menu.timeZoneMenu>li.opens-inner>.is-dropdown-submenu .ui-checkboxradio-icon-space {
  padding: 0 0 0 2px;
}

.dropdown.menu>li.opens-right>.category.is-dropdown-submenu {
  width: 450px;
}

.dropdown.menu>li.opens-right>.level.is-dropdown-submenu {
  width: 380px;
}

.dropdown.menu>li.opens-right>.role.is-dropdown-submenu {
  width: 250px;
}

.dropdown.menu>li.opens-right>.date.is-dropdown-submenu {
  width: 250px;
}

label.formitemLabel.filterLevelOne.ui-checkboxradio-label.ui-button {
  text-align: center;
  color: #fff;
  padding: 0;
  margin: 0;
}

label.formitemLabel.filterLevelOne.ui-checkboxradio-label.ui-button:hover {
  text-align: center;
  color: #fff;
  padding: 0;
  border: none;
  background-color: transparent;
  margin: 0;
}

/*** blog filter css ***/
.ui-button:active .ui-icon {
  background-image: url("https://code.jquery.com/ui/1.12.1/themes/base/images/ui-icons_444444_256x240.png");
}

.eyefinity-news-container .filterMenu .ui-state-active .ui-icon {
  background-image: none;
}

.eyefinity-news-container .filterMenu .ui-icon-plus {
  background-position: -16px -128px;
  float: right;
  margin-top: 0.8rem !important;
}

.eyefinity-news-container .filterMenu .ui-icon-minus {
  background-position: -48px -128px;
  float: right;
  margin-top: 0.9rem !important;
}

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

.eyefinity-news-container .filterMenu .ui-accordion .ui-accordion-header {
  margin: 0 !important;
  padding: 0 !important;
}

.eyefinity-news-container .filterMenu .ui-accordion .ui-accordion-content {
  padding: 0 !important;
  overflow: hidden;
}

.eyefinity-news-container .dropdown.menu>li.opens-right>.is-dropdown-submenu,
.eyefinity-news-container .dropdown.menu>li.opens-left>.is-dropdown-submenu,
.eyefinity-news-container .dropdown.menu>li.opens-inner>.is-dropdown-submenu {
  border: 1px solid var(--text-color);
  background-color: #fff;
  /* display: block; */
  margin-top: 0;
  text-align: left;
  width: 100%;
}

.eyefinity-news-container .dropdown.menu>li.is-dropdown-submenu-parent>a.single-menu:active,
.eyefinity-news-container .dropdown.menu>li.is-dropdown-submenu-parent>a.single-menu:link,
.eyefinity-news-container .dropdown.menu>li.is-dropdown-submenu-parent>a.single-menu:visited,
.eyefinity-news-container .dropdown.menu>li.is-dropdown-submenu-parent>a.single-menu:hover {
  padding: 1rem;
  border: 1px solid #000;
  display: block;
  color: #030211;
  text-decoration: none;
  font-weight: normal;
  text-align: left;
}

/*** course schedule css ***/

.lodge-course-app .bottom-border-dropdown {
  display: block;
  background-color: var(--primary-color);
  height: 3px;
  width: 100%;
}

.lodge-course-app .bottom-border-dropdown-onHover {
  background-color: var(--secondary-color);
}

.lodge-course-app .filterContainer .menu li.is-dropdown-submenu-parent {
  padding: 1.4rem 0;
  padding-top: 1.4rem;
  text-align: center;
}

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

.lodge-course-app .filterContainer .dropdown.menu {
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}

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

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

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

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

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

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

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

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

.filterContainer .mobileFilterMenu .accordionTitle {
  padding: 0.8rem 0 0.8rem 0;
  outline: none;
}

.filterContainer .mobileFilterMenu .accordionTitle:first-child {
  padding: 0.2rem 0 0.8rem 0;
}

.filterContainer .mobileFilterMenu .accordionTitle span {
  color: var(--text-color);
  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 .mobileFilterMenu .ui-button {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  border: none;
  background: transparent;
  font-weight: normal;
  color: var(--text-color);
  text-align: left;
  padding: 0 0 1rem 0;
}

.filterContainer .mobileFilterMenu .ui-button .ui-icon {
  flex-shrink: 0;
  margin-top: 3px;
}

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

.filterContainer .mobileFilterMenu .ui-button.ui-state-active:hover,
.filterContainer .mobileFilterMenu .ui-button.ui-state-active:active,
.filterContainer .mobileFilterMenu .ui-button.ui-state-active:focus,
.filterContainer .mobileFilterMenu .ui-button.ui-state-active:visited {
  border: none;
  background: transparent;
  font-weight: normal;
  color: var(--text-color);
  outline: none;
}

.filterTag {
  padding: 0 2rem 0 0;
  cursor: pointer;
  outline: none;
}

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

.cardGrid .columnBlock {
  padding: 0.9375rem;
  text-align: left;
}

.image.caption-bottom-left.standardCaption {
  text-align: center;
}
.image.caption-bottom-left.standardCaption.largePadding{
  padding: 2rem;
}
.cardGrid .columnBlock h4,
.cardGrid .columnBlock p {
  color: var(--section-text-color-white);
}

.cardGrid .columnBlockContainer {
  -webkit-box-shadow: -1px 1px 5px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: -1px 1px 5px 0 rgba(0, 0, 0, 0.19);
  box-shadow: -1px 1px 5px 0 rgba(0, 0, 0, 0.19);
  /*
  -webkit-box-shadow: 0 4px 16px 0 rgba(0,0,0,0.2) !important;
  -moz-box-shadow: 0 4px 16px 0 rgba(0,0,0,0.2) !important; 
  box-shadow: 0 4px 16px 0 rgba(0,0,0,0.2) !important;
  */
  padding: 0 !important;
}

.cardGrid.customPortraitGrid .innerColumnBlock{
  background: #ffffff;
}

.section-color-background4 .columnBlock .section-white-background p{
  color: var(--text-color);
}

.cardGrid .innerColumnBlock .columnSection3 {
  padding: 1rem 1.5rem 1.5rem;
}

.XXcolumnGrid .columnSection3 .paragraphContainer h4 {
  font-size: 1.75rem;
  padding-top: 2rem;
  margin-bottom: 0;
}

.columnGrid .columnSection3 .paragraphContainer p:first-of-type {
  padding-top: 0.5rem;
}

.blockGrid3 .paragraphBlock .linkContainer {
  margin: 1.6rem auto 0 auto;
}

.cardGrid .linkContainer .standardLink {
  display: block;
  margin-bottom: 0;
  align-items: center;
  text-decoration: underline;
}

.linkContainer .standardLink {
  font-weight: bold;
}

.blockGrid3.cardGrid.no-column-border .columnBlockContainer,
.blockGrid3.cardGrid.no-column-border .imageBlock,
.cardGrid.no-column-border .imageBlock {
  box-shadow: none;
  padding: 0 1rem;
}

.cardGrid .imageBlock,
.blockGrid3.cardGrid .columnBlockContainer {
  box-shadow: 0 4px 16px 0 rgba(214, 214, 214, 0.43);
}

.blockGrid3.cardGrid .columnBlock,
.blockGrid3.cardGrid .columnBlockContainer {
  border-radius: 4px;
}

.section-divider {
  margin: 0 auto;
  padding: 0;
}

.section-divider .row .columnContainer {
  padding-left: 0;
  padding-right: 0;
}

.jump-items-container a {
  letter-spacing: 1.5rem;
}

.jump-lettering {
  margin-top: 1rem;
}

.jump-lettering h2 {
  margin: 0;
}

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

.section-color-light {
  background: #f6f6f6;
  color: #58595b;
}

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

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

.section-color-dark h1,
.section-color-dark h2,
.section-color-dark h3,
.section-color-dark h4,
.section-color-dark h5,
.section-color-dark h6,
.section-color-dark p,
.section-color-dark ul li,
.cardGrid .section-color-dark .columnBlock p,
.section-color-background4 .columnBlock p {
  color: #fff;
}


.section-color-dark a:hover {
  color: var(--section-text-color-white);
}

.section-color-dark a:visited {
  text-decoration: none;
}

.hero-section3 .hero-container {
  justify-content: center !important;
  align-items: center !important;
  align-content: center;
}

.dropdown-pane .centered-menu {
  display: flex;
}

.menu-icon {
  right: 0.125rem;
  width: 20px;
  height: 20px;
}

/***********  Mobile menu styling  ***************/


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

.mobile-menu .dropdown-pane .menu li.subnav-item.mobileOnly,
.mobile-menu .dropdown-pane .menu.expanded li.subnav-item.mobileOnly,
.mobile-menu .dropdown-pane .menu li.subnav-item.mmHeader.menuBack,
.mobile-menu .dropdown-pane .menu.expanded li.subnav-item.mmHeader.menuBack {
  display: block;
}

/* reset the drop-pane relative point */
.mobile-menu #mega-menu {
  position: relative;
}

.mobile-menu #main-menu {
  margin-top: 0;
  padding-top: 0;
}

.mobile-menu #megamenu,
.top-bar .dropdown-pane ul li a {
  color: var(--gray-2-background);
  box-shadow: none;
}

.mmHeader {
  font-weight: bold;
}

.mobile-menu #megamenu {
  padding-top: 0;
}


.mobile-menu .menu li .dropdown-pane a.mmHeader,
.mobile-menu .menu.expanded li .dropdown-pane a.mmHeader {
  pointer-events: none;
  cursor: pointer !important;
  font-weight: 700;
  font-size: 1rem;
}

.mobile-menu .menu li .dropdown-pane li.mmHeader,
.mobile-menu .menu.expanded li .dropdown-pane li.mmHeader {
  pointer-events: auto;
  cursor: pointer !important;
}

.dropdown-pane .menuColumnContainer .subnav-item.is-open {
  display: block;
}

.mobile-menu #mega-menu .dropdown-pane .centered-menu {
  padding: 0 1rem;
}

.mobile-menu #mega-menu .dropdown-pane.is-open {
  top: 30px !important;
  display: block;
  transition: height 1s;
}

.mobile-menu .menu.expanded li.topnav-item {
  background: #f2f5f7;
  padding: 0 0.25rem;
}

.mobile-menu .dropdown-pane .menuColumnContainer .subnav-item {
  /* display: none; */
  background-color: #fff;
}

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

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

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

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

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

.mobile-menu .adsBlockContainer {
  border: none;
  border-top: 1px solid #979797;
  border-bottom: 1px solid #979797;
  margin: 2rem 0 2rem 0;
}

.mobile-menu .adsBlock {
  width: 100%;
  padding: 2rem 0 2rem 0;
}

.mobile-menu #megamenu .top-bar .dropdown-pane {
  max-height: none;
  top: 0 !important;
  border-top: 1px solid #979797;
  box-shadow: none;
  display: block;
  margin-top: 0;
  padding: 1rem 0;
  overflow: visible;
}

.mobile-menu .subnav-item.mmMobileHeader,
.mobile-menu .subnav-item.mmHeader {
  display: block;
}

.mobile-menu .topNavContainer {
  position: relative;
  top: 0;
  z-index: 100;
}

.mobile-menu .navLinkContainer a.standardLink::before {
  /* display: none; */
}

.mobile-menu .row.headerRow {
  border-bottom: none;
  padding: 0;
}

.mobile-menu .navOverlay {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  background-color: #fff;
  opacity: 0.9;
}

.mobileNavControl {
  display: flex;
  flex-direction: row;
  padding: var(--standard-gutter);
  align-items: center;
}

.mobile-menu .mobile-nav-logo {
  display: block;
  flex-basis: 50%;
}

.mobile-menu .mobile-nav-logo img {
  width: 60%;
}

.mobile-menu .mobileCls {
  display: block;
  align-self: flex-end;
  text-align: right;
  padding: 0;
  cursor: pointer;
  font-size: 2.5rem;
  color: var(--text-color);
  flex-basis: 50%;
}

.mobile-menu .standardLink.button.primary {
  background-color: #fff;
  color: var(--text-color);
  padding: 1rem var(--double-gutter);
}

.mobile-menu .standardLink {
  border-bottom: 1px solid #ccc;
  width: 100%;
  margin: 0;
  text-align: left;
  padding: 1rem var(--double-gutter);
  line-height: 1.5rem;
}

.mobile-menu .menu li .dropdown-pane a.mmHeader.noLink,
.mobile-menu .menu.expanded li .dropdown-pane a.mmHeader.noLink,
.mobile-menu .menu li .dropdown-pane li.mmHeader.noLink,
.mobile-menu .menu.expanded li .dropdown-pane li.mmHeader.noLink {
  text-transform: uppercase;
  pointer-events: none;
  cursor: default;
  letter-spacing: 0.046875rem;
}

.mobile-menu .menu li .dropdown-pane a.mmHeader.menuBack,
.mobile-menu .menu.expanded li .dropdown-pane a.mmHeader.menuBack {
  text-transform: none;
  pointer-events: auto;
  cursor: pointer;
}

.mobile-menu .dropdown-pane .menu li.subnav-item.mmHeader.menuBack,
.mobile-menu .dropdown-pane .menu.expanded li.subnav-item.mmHeader.menuBack {
  display: block;
}

.mobile-menu .menu.expanded .dropdown-pane li.subnav-item :not(.noLink) {
  text-transform: none;
}

.mobile-menu .dropdown.menu a {
  text-transform: uppercase;
  padding: 1rem;
}

.mobile-menu .dropdown.menu a.mmLink {
  padding-left: 1.25rem;
}

.mobile-menu .dropdown-pane .menu li.subnav-item.mmLink {
  display: none;
}

.mobile-menu .dropdown-pane .menu li.subnav-item.mmLink.is-open {
  display: block;
}

.mobileTimerDiv,
.desktopTimerDiv {
  display: none;
}

.mobile-menu.is-active-menu .mobileTimerDiv {
  display: block;
}

header.is-active-menu .desktopTimerDiv {
  display: block;
}

header.navbar-fixed .desktopTimerDiv {
  display: none;
}

.mobile-menu.is-active-menu+header .notification-bar {
  display: none;
}

.mobile-menu .navLinkContainer a.dropdown::before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  content: none;
}

.mobile-menu .navLinkContainer a.dropdown.noLink::after {
  content: "\f054";
  position: absolute;
  right: 20px;
  font-size: 1.25rem;
  font-weight: 700;
}


/*******   End of mobile menu styling   *********/

.menu-icon::after {
  /* Save the next three properties should we want to revert to oirginal hambuger rendering */
  /* background: #030211; */
  /* box-shadow: 0 6px 0 #030211, 0 12px 0 #030211; */
  /* height: 2px; */
  content: "\f0c9";
  font-family: "Font Awesome 6 Pro";
  box-shadow: none;
  background: none;
  height: auto;
  font-size: 1.5rem;
  top: auto;
  position: relative;
}

.menu-icon.is-open::after {
  content: "\f00d";
}

.notification-bar .dismiss {
  margin-right: 1rem;
}

.captionBlockContainer {
  margin-top: 1rem;
}

.navbar-fixed #megamenu {
  padding-top: 0.25rem;
}

.XXblockGridHeader {
  padding: 0;
}

/* Experiemental code to remove left padding on blockGrid columnBlock*/

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

[class*="large-up-"] > .column:nth-of-type(n),
[class*="large-up-"] > .columns:nth-of-type(n) {
  padding-left: 2rem;
}

[class*="large-up-"] > .column:nth-of-type(n+1),
[class*="large-up-"] > .columns:nth-of-type(n+1) {
  padding-left: 2rem;
}

[class*="large-up-"] > .column:nth-of-type(2n+1),
[class*="large-up-"] > .columns:nth-of-type(2n+1) {
  padding-right: 2rem;
  padding-left: 0;
}
*/

/* Added this to compensate for the left and right padding */
/* I couldn't remove from the blocks withing the columGrid component */
header.is-active-menu~.blockGrid3 .XXcolumnContainer {
  margin-left: -1rem;
  margin-right: -1rem;
}

.pinned-article-block.highliteColor1 {
  /* Eyefinity Gray 5 */
  background-color: #F6F6F6;
  padding: 1rem;
}

.pinned-article-block.highliteColor2 {
  /* Eyefinity Gray 10 */
  background-color: #E6E6E6;
  padding: 1rem;
}

.pinned-article-block.highliteColor3 {
  /* Eyefinity Gray 40 */
  background-color: #ABABAB;
  padding: 1rem;
}

.pinned-article-block.highliteColor4 {
  /* Eyefinity Gray 60 */
  background-color: #757575;
  padding: 1rem;
}

.article-tag.pretty,
.article-category.pretty {
  background-color: transparent;
  color: var(--link-color);
  font-weight: normal;
  /*border-radius: 25px;*/
  cursor: pointer;
  white-space: nowrap;
  text-decoration: underline;
}

#epn .headerBlock {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}


/*13/06/2024 BP REQUESTS UPDATES*/
a#rdbtn.standardLink:hover {
  color: #7BE0FC;
  text-decoration: underline;
}

.eyefinity-footer-logo.standardPadding.caption-bottom-left.standardCaption {
  text-align: left;
}

.fixed-side-button 
{
  position: fixed;
  right: 46px;
  padding: 1rem;
  top: 48%;
  background-color: var(--primary-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;
}

/***************** MEDIA QUERIES START HERE *********************/

/*--------------- SMALL only (max-width: 639px)--------------------- */
@media only screen and (max-width: 39.9375em) {
  #truste-consent-track {
    overflow: scroll;
    max-height: 50vh;
  }

  .trendingContainer {
    padding-left: .9375rem;
  }

  .article-component .article-sidebar {
    padding-left: 0.9375rem;
  }
  
  .inheritable-sidebar .pinnedlist .column {
    padding-left: 0;
    padding-right: 0;
  }
  

  .mobile-menu #megamenu {
    padding-top: 0;
  }

  .mobile-menu .topNavContainer {
    position: fixed;
    top: 72px;
    left: 0;
    z-index: 200;
  }

  .mobileQuickLinksDYN {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200;
  }

  .eyefinity-nav-wrap .quickLinks {
    display: none
  }

  .sideBySideButtons .button:first-child {
    margin-bottom: 1rem;
  }

  h1 {
    font-size: var(--h1-mobile-font-size);
    line-height: var(--h1-mobile-line-height);
    margin-bottom: 0.4rem !important;
  }

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

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

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

  .mobileMarginTop3 {
    margin-top: 3rem;
  }

  .eyefinity-nav-wrap .quickLinks {
    display: none;
  }

  #mainFooter .socialLinkContainer {
    flex-direction: column;
  }

  .notification-txt {
    margin-bottom: 0.5rem;
  }

  .notification-bar .row {
    flex-direction: column-reverse;
  }

  .notification-bar .dismiss {
    align-self: flex-end;
    margin-right: 1rem;
    margin-top: 0.5rem;
  }

  .notification-bar .paragraphContainer {
    padding: 0 0 1rem 0;
  }

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

  .dropdown.menu .mobileBack a::after {
    content: "\f104";
    left: 20px;
  }

  .menu.vertical {
    align-items: center;
    justify-content: stretch;
    flex-direction: column;
    flex-wrap: nowrap;
    text-align: left;
  }

  #mainFooter .socialLinkContainer .standardLink {
    padding-top: 1rem;
  }

  .centeredHighlightTextComponent,
  .centered-highlight-text-component {
    padding: unset;
  }

  .hero-section-text a.secondary {
    width: 100%;
  }

  .notification-txt h3,
  .notification-txt p,
  .notification-txt a,
  .notification-txt a:hover,
  .notification-txt a:visited,
  .notification-txt a:active,
  .notification-txt a:link,
  .fa-window-close:before {
    color: #59595b !important;
  }

  .mm-title-bar {
    display: flex !important;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    padding-left: 0;
    width: unset !important;
  }

  .mobile-menu .mm-title-bar,
  .mobile-menu .mm-title-bar:hover {
    padding: 1rem 0.75rem 1rem 0.75rem;
  }

  .XXnavLinkContainer .mobileBack::before {
    left: 20px;
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f104";
    display: inline-block;
  }

  .navLinkContainer {
    padding-bottom: 0;
  }

  .dropdown a[data-toggle="mobileLink"] {
    width: 100%;
    background: #1a3d4b;
    color: #fff;
    padding: unset;
    display: block !important;
  }

  .topnav-item a[data-toggle="mobileLink"] {
    background: none;
  }

  .dropdown.menu a[data-toggle="mobileBack"] {
    width: 100%;
    background: #f3f3f3;
    color: #000;
    display: block !important;
  }

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

  .dropdown {
    /* margin-top: 3rem; */
  }

  .section-divider {
    width: 100%;
  }

  .columnBlock {
    padding: 1rem;
  }

  .notification-bar {
    background: #ebeef3;
  }

  .XXfa-window-close:before {
    content: "\f410";
    right: 0.5rem;
    position: absolute;
    top: 12.5rem;
    margin: 0 auto;
  }

  .navLogoContainer-mobile a {
    padding: 0 !important;
  }

  .basic-footer-eyefinity .image {
    float: left;
  }

  .basic-footer-eyefinity img {
    width: 10rem;
  }

  .row.headerRow {
    padding-right: 0;
    padding-left: 0;
  }

  .headerBlockContainer,
  .imageBlockContainer,
  .captionBlockContainer {
    position: relative;
  }

  .captionBlockContainer {
    margin-top: 1rem;
  }

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

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

  .columnBlock h2 {
    line-height: 2rem;
  }

  .register-block h2 {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .narrowPara .row p {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }

  .topNavContainer {
    border-bottom: none;
  }

  .topNavContainer.navbar-fixed {
    display: none;
  }

  .title-bar {
    background-color: #fff;
    color: #030211;
    border-bottom: 1px solid #d2d3d4;
    padding-bottom: 0.8rem;
    padding-top: 1rem;
  }

  .preventFixedBar {
    position: absolute !important;
  }

  .menu-icon {
    /* Save the next two properties should we want to revert to oirginal hambuger rendering */
    /* width: 16px; */
    /* height: 10px; */
  }

  .navLogo-mobile {
    height: unset;
  }

  /*** footer css ***/
  footer .row {
    max-width: 80rem;
    background-color: #003046;
    padding: 0;
    padding-top: 1rem;
  }

  .footerLinkContainer {
    margin-bottom: 1.2rem;
  }

  .footerLinkContainer:last-child {
    margin-bottom: 0;
  }

  .row.footerLegalContainer {
    padding-top: 0;
  }

  .footerLegalContainer a {
    border-right: none;
    padding-right: 0.6rem;
    margin-right: 0.5rem;
    display: flex;
    text-align: left;
    padding-top: 1rem;
  }

  /*** paragraph component styles ***/

  .horizontalParagraph .paragraphBlock {
    align-items: flex-start;
    flex-direction: column;
  }

  .horizontalParagraph .paragraphContainer {
    flex-basis: 70%;
  }

  .horizontalParagraph .linkContainer {
    text-align: left;
    flex-basis: 30%;
  }

  .register-block .row {
    background-color: #f2f7fa;
    padding: 0.9375rem;
  }

  .button.primary,
  .button.secondary {
    width: 100%;
  }

  .button.primary+.button.secondary {
    margin-top: 1rem;
  }

  .button-wrapper .button:first-child {
    margin: 0;
  }

  .cardGrid .imageBlock {
    padding: 0;
  }

  .speakerDetailPane {
    border-right: none;
    padding-right: 0.9375rem;
  }

  .sidebarFormat h2 {
    margin-bottom: 0.2rem;
  }

  .register-block {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }

  .XXmenuColumnContainer .subnav-item .group-open::after {
    display: block;
  }

  .XXmobileNavControl {
    display: flex;
    flex-direction: row;
    padding: var(--standard-gutter);
    align-items: center;
  }

  .navLinkContainer a.activeTopNav {
    border-bottom: 1px solid #ccc;
    color: var(--primary-color);
  }

  .navLinkContainer a.activeTopNav::after {
    content: "\f054";
    font-size: 1rem;
    font-weight: 800;
    font-family: "Font Awesome 6 Pro";
    padding-left: 0.4rem;
    text-decoration: none;
    color: var(--primary-color);
  }

  .registerBlock .spreadCol1 {
    width: 28%;
  }

  .registerBlock .spreadCol2 {
    width: 72%;
  }

  .registerBlock .container {
    flex-direction: row;
  }

  .noLinkContainer .linkContainer {
    display: none;
  }

  /*** course css ***/
  .courseColumn {
    padding-bottom: 1rem;
    margin-right: 0 !important;
    margin-bottom: 1.6rem;
    border-bottom: 1px solid #979797;
  }

  #viewMoreContainer {
    padding: 0 var(--standard-gutter);
  }

  #viewMoreContainer .button {
    padding-left: 3rem;
    padding-right: 3rem;
    width: 100%;
    display: block;
    margin: 0;
    line-height: 1rem;
    height: unset;
  }

  .viewMoreButton {
    padding: 0;
    margin: 0;
    width: 100%;
  }

  /*** filter css ***/
  .filterContainer {
    padding: 0;
  }

  .filterHeader,
  .applyFilterBar {
    display: none;
  }

  .applyFilterMobile {
    width: 100%;
  }

  .filterContainer {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    flex-direction: column;
  }

  .primaryArticleSummaryContainer {
    border-right: none;
    padding-right: 0;
  }

  .filterContainer .dropdown.menu {
    width: auto;
    margin: 0;
  }

  .appliedFilterBlock {
    justify-content: flex-start;
    align-items: center;
  }

  .appliedFilterTitle {
    order: 1;
    width: 50%;
    flex-grow: 2;
  }

  .clearAllFilters {
    order: 2;
    width: auto;
  }

  .button.hollow.clearAllFilters {
    border: none;
    background-color: #fff;
    color: var(--primary-color);
    padding: 0;
    text-align: center;
    width: auto;
    margin: 0;
  }

  .appliedFilterContainer {
    order: 3;
    width: 100%;
    margin-top: 0.8rem;
  }

  .category-container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    max-width: none;
  }

  .courseHeader .courseColumn:first-child {
    flex-basis: 40%;
  }

  .courseHeader .courseColumn:last-child {
    flex-basis: 60%;
  }

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

  .dropdown.menu.timeZoneMenu {
    justify-content: flex-end;
  }

  .dropdown.menu.timeZoneMenu>li.opens-right>.is-dropdown-submenu,
  .dropdown.menu.timeZoneMenu>li.opens-left>.is-dropdown-submenu,
  .dropdown.menu.timeZoneMenu>li.opens-inner>.is-dropdown-submenu {
    padding: 0;
    margin-left: -66px;
  }

  .categoryHeader {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }

  .index-list .linkContainer {
    width: 90% !important;
  }

  .footerLogo {
    display: block;
    width: 50%;
  }

  #mainFooter {
    padding: 0;
  }

  .socialLinkContainer {
    padding: 0;
  }

  .footerLegal {
    padding-left: 0;
  }

  footer .row.footerLegalContainer {
    padding-top: 0;
  }

  .hero-section-text .paragraphBlock {
    padding: 2rem 1rem 0 !important;
  }

  .XXparagraphBlock h1 {
    font-size: 1.75rem;
    line-height: 1.5;
  }

  .XXparagraphBlock h2 {
    font-size: 1.75rem;
    line-height: 1.5;
  }

  h2 {
    font-weight: 700;
  }

  .blockGrid3 .imageBlock {
    width: auto;
    padding-bottom: 0.5rem;
  }

  .testimonial-section blockquote,
  .testimonial-section blockquote p,
  blockquote,
  blockquote p {
    font-size: 1.125rem;
    line-height: 1.5;
  }

  .testimonial-section blockquote p {
    padding-bottom: 1rem;
  }

  /* Since we don't support H5, the cardGrid headings in the blockGrid */
  /* component are set to H4 with this special H4 case  */
  .cardGrid h4 {
    font-size: 1.125rem;
  }

  .paragraphBlock.centerComponentContent .paragraphContainer {
    margin: 1rem 0;
    width: auto;
  }

  section.code-field .row {
    margin-left: 0.5rem;
  }

  .tabletLinksWidthFix .linkContainer a:nth-of-type(3) {
    margin-top: 1rem;
  }

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

  .navLinkContainer .menu-icon {
    display: block;
    flex-grow: 1;
    text-align: left;
  }

  .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 var(--text-color);
    margin: 0 1rem 0 0;
    justify-content: flex-end;
    line-height: 1.0;
  }

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

}

/* [end] Mobile only */

/*-------------------- SMALL only PORTRAIT (max-width: 639px, portrait) --------------------- */
@media only screen and (max-width: 39.9375em) and (orientation: portrait) {

  .cardGrid .columnBlock,
  .columnGrid .columnBlock {
    padding: 1.25rem 0;
  }

  section.code-field .row {
    margin-left: 0.5rem;
  }

  section.code-field .row {
    margin-left: 0.5rem;
  }

}

/*-------------------- SMALL only LANDSCAPE (max-width: 639px, portrait) --------------------- */
@media only screen and (max-width: 39.9375em) and (orientation: landscape) {}



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

  main {
    padding-top: 125px;
  }

  main.no-header {
    padding-top: 0;
  }
  
  .ameliaChat img {
    left: 85%;
  }

  .menu-icon:hover::after {
    background: #fff;
    box-shadow: unset;
  }

  .extraLRMobilePadding,
  .extraLRMobilePadding.sideCTA {
    padding-left: .9375rem;
    padding-right: .9375rem;
  }

  .removeLRMobilePadding,
  .removeLRMobilePadding .paragraphBlock {
    padding-left: 0;
    padding-right: 0;
  }

  .button.primary+.button.secondary {
    margin-top: 1rem;
  }

  .copyright {
    padding-left: 1rem !important;
    text-align: left;
  }

  .socialLinkContainer {
    padding-top: 0 !important;
  }

  .menu.vertical {
    align-items: center;
    justify-content: stretch;
    flex-direction: column;
    flex-wrap: nowrap;
    text-align: left;
  }

  .mobile-menu #megamenu .top-bar .dropdown-pane ul.vertical,
  .mobile-menu #megamenu .top-bar .dropdown-pane ul.horizontal {
    padding: 0;
  }

  .menu.expanded li {
    flex: fit-content;
    padding-top: 0;
  }

  .testimonials {
    margin-top: 1rem;
  }

  .blockGrid3 .paragraphBlock .linkContainer {
    margin: 1.5rem auto 0.5rem auto;
  }

  .button:first-child {
    margin-left: 0;
    margin-right: 0.55rem;
  }

  .columnContainer {
    padding-left: 1rem;
    padding-right: 1rem;
  }

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

  .columnBlockContainer {
    padding: 1rem;
  }

  .centeredHighlightTextComponent,
  .centered-highlight-text-component {
    padding: unset;
  }

  .testimonial-section.centeredHighlightTextComponent,
  .testimonial-section.centered-highlight-text-component {
    padding: 0;
  }

  .footerLogo .image {
    width: 100%;
  }

  /* .columnContainer, */
  .card .noCurtain {
    padding: 0;
  }

  .card .standardLink {
    text-align: left;
  }

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

  .title-bar {
    display: none;
  }

  .section-divider {
    width: 100%;
  }

  .menu.expanded li {
    background: #f2f5f7;
  }

  .mm-title-bar {
    background: #fff;
  }

  header .quickLinks,
  header .topNavContainer {
    display: block;
  }

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

  .mobile-menu {
    display: block !important;
  }

  .cardGrid.speakerGrid .row {
    max-width: 38rem;
  }

  .hero-section3 {
    height: unset;
  }

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

  .navLinkContainer a,
  .navLinkContainer a:active,
  .navLinkContainer a:hover {
    display: inline-block;
    font-size: 0.875rem;
    padding: 1rem var(--double-gutter);
    margin: 0;
    outline: inherit;
    color: var(--text-color);
    letter-spacing: 1.2px;
    opacity: 1;
    cursor: pointer;
    text-decoration: none;
    text-align: left;
  }

  .timeZoneButtons .linkContainer a.button {
    margin-bottom: 1rem;
  }

  /*** filter css ***/
  .courseColumn {
    padding-bottom: 1rem;
    margin-right: 1.5rem;
    margin-bottom: 1.4rem;
    border-bottom: 1px solid #979797;
  }

  .courseColumn:last-child {
    margin-right: 0;
  }

  .appliedFilterContainer {
    margin-right: 0;
  }

  .dropdown {
    width: 100%;
    align-items: flex-start;
  }

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

  .menu.expanded li.topnav-item {
    border-bottom: 1px solid #ccc;
    padding: 0;
  }

  .top-bar .dropdown a[data-toggle="mobileLink"] {
    width: 100%;
    background: #1a3d4b;
    color: #fff;
    /* padding: unset; */
    margin: 0;
    color: #fff;
    padding-left: 1rem;
  }

  .top-bar {
    margin: 0;
    display: none;
  }

  .navLinkContainer .mobileBack a.dropdown.noLink::after {
    content: "";
  }

  .navLinkContainer .mobileBack a.dropdown.noLink::before {
    content: "\f104";
  }

  .notification-bar .row {
    /* display: block; */
  }

  .index-list {
    text-align: center;
  }

  .index-list .linkContainer {
    display: block;
    flex-direction: row;
    width: 65%;
    margin: 0 auto;
  }

  .index-list .linkContainer .pageAnchor {
    width: 50px;
    display: inline-block;
    margin-bottom: 0.8rem;
  }

  .testimonials .paragraphBlock {
    margin: 2rem 0 0.8rem 0;
  }

  .footerLinkContainer {
    margin-bottom: 1.8rem;
  }

  header .topNavContainer {
    display: none;
  }

  #mobileLink,
  a[data-toggle="mobileLink"] {
    display: none;
  }

  .hero-section3 .hero-section-text h1 {
    margin-bottom: 1.4rem !important;
  }

  .hero-section-text>.headerBlock>.paragraphBlock {
    padding: 1.5rem 1rem 0;
    opacity: 1;
  }

  .eyefinity-news-container>.row {
    margin-left: 0;
    margin-right: 0;
  }

  section.code-field .row {
    margin-left: 0.5rem;
  }

  .top-bar .dropdown.menu .mobileLink a.dropdown {
    width: 100%;
    background: #1a3d4b;
    color: #fff;
    display: block !important;
  }
  
  .fixed-side-button {
    display: none;
  }

}

/* [end] SMALL and MEDIUM only  */

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

  .adminLinks {
    display: none;
  }

  .eyefinity-nav-wrap .quickLinks {
    flex-direction: row;
    align-items: center;
  }

  .eyefinity-nav-wrap .quickLinks a:first-child {
    padding-left: .7rem;

  }

  .eyefinity-nav-wrap .quickLinks a.standardLink,
  .eyefinity-nav-wrap .quickLinks a.standardLink:link,
  .eyefinity-nav-wrap .quickLinks a.standardLink:hover,
  .eyefinity-nav-wrap .quickLinks a.standardLink:active {
    padding: 0.9rem 1rem;
  }

  .eyefinity-nav-wrap .quickLinks a,
  .eyefinity-nav-wrap .quickLinks a:active,
  .eyefinity-nav-wrap .quickLinks a:hover {
    margin-bottom: 0;
  }

  .mm-title-bar {
    flex-direction: row-reverse;
  }

  .hero-section3 .hero-section-text h1 {
    margin-bottom: 1.4rem !important;
    font-size: 2.25rem;
    line-height: 2.25rem;
  }

  .columnBlock h2,
  h2 {
    font-size: 2rem;
  }

  .topicSection {
    padding-left: 1rem;
  }
  
  .spread {
      padding-left: 0;
      padding-right: 0;
  }
  
  .spread .container {
      padding-left: 0;
      padding-right: 0;
  }

  h2 {
    font-size: 2rem;
    line-height: 1.5;
    font-weight: 700;
  }

  /* Since we don't support H5, the cardGrid headings in the blockGrid */
  /* component are set to H4 with this special H4 case for font size   */
  .cardGrid h4 {
    font-size: 1.375rem;
  }

  .paragraphBlock.centerComponentContent .paragraphContainer {
    margin: 0;
    width: auto;
  }

  .hero-section-text .paragraphBlock {
    padding: 2rem 2rem 2rem 2rem;
  }

  .blockGrid3 .blockGridHeader .paragraphBlock {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }

  .hide-desk-slc-ipad {
    display: none !important;
  }

  .columnGrid .columnBlock {
    padding: 1rem;
  }

  .hero-section3 {
    padding-bottom: 0;
  }

  .quickLinks .hollow {
    margin-left: 3rem !important;
  }

  .dropdown.menu a {
    text-align: left;
  }

  .centeredHighlightTextComponent,
  .centered-highlight-text-component {
    padding: 0 2rem;
  }

  .col1 .show-for-medium-only {
    display: none !important;
  }

  .hide-for-medium-only {
    display: block !important;
  }

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

  .fourColumnFooterRow .row {
    padding: 2rem;
    padding-bottom: 0.8rem;
  }

  h1 {
    font-size: 3rem;
    line-height: 3rem;
    letter-spacing: 1.17px;
  }

  header .topNavContainer {
    display: none !important;
  }

  .dropdown .noLink {
    /* display: block !important; */
    display: block;
  }

  .dropdown {
    margin-top: 3rem;
    margin-top: 0;
  }

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

  .navLogoContainer-mobile img {
    width: 50%;
  }

  .navLogoContainer-mobile a {
    padding: 0 !important;
    margin: 0 !important;
  }

  .hero-section3 .hero-section-text h1 {
    margin-bottom: 1rem !important;
  }

  .columns3 {
    width: 50% !important;
  }

  .hero-section3 .hero-section-text p {
    font-size: 1rem;
  }

  .hero-section3 .hero-container .row {
    flex-direction: column;
    position: absolute;
    width: 100%;
    justify-content: center !important;
  }

  .hero-section3.homePageHeroText .hero-section-text {
    width: 60%;
  }

  .blockGrid3 .hero-section-text h2 {
    font-size: 1.5rem;
    text-transform: none;
    line-height: 2rem;
    letter-spacing: 0.5px;
  }

  .blockGrid3 .hero-section-text h3 {
    font-size: 2rem;
    letter-spacing: 0.46px;
    line-height: 30px;
  }

  .viewMoreButton {
    padding: 0;
  }

  header .topNavContainer {
    display: flex;
  }

  .navLinkContainer {
    /* padding-bottom: 1rem; */
  }

  .navbar-fixed .navLogoContainer a img {
    width: auto;
    height: auto;
  }

  .title-bar {
    display: none;
  }

  /*** footer css */
  footer .row {
    max-width: 80rem;
    background-color: #58595b;
    padding: 1rem 2rem 1rem 2rem;
  }

  .footerLinkContainer {
    width: 50%;
    padding-top: 1.2rem;
    display: flex;
    flex-direction: column;
  }

  .footerLegal.large-centered {
    width: 100%;
    text-align: center;
    margin-top: 0;
  }

  .footerLegal .paragraphContainer {
    text-align: left;
  }

  footer .row.footerLegalContainer {
    padding-top: 1rem;
  }

  .navLinkContainer a,
  .navLinkContainer a:active,
  .navLinkContainer a:hover {
    margin: 0 0.4rem;
  }

  .navLinkContainer a.standardLink::before {
    /* display: none; */
  }

  .speakerDetailPane {
    border-right: 1px solid #979797;
    padding-right: var(--double-gutter);
  }

  .speakerSidebar {
    padding-top: 2rem;
  }

  .sidebarFormat .speakerDetails {
    flex-grow: unset;
    align-self: flex-start;
  }

  .sidebarFormat .thumbnailImageContainer {
    flex-grow: unset;
    align-self: flex-start;
    text-align: left;
  }

  .register-block .row {
    max-width: 44rem;
  }

  .mediaComponentGrid .mediaCol1 {
    width: auto;
  }

  .registerBlock .spreadCol1 {
    width: 17%;
  }

  .registerBlock .spreadCol2 {
    width: 83%;
  }

  .navLinkContainer a,
  .navLinkContainer a:active,
  .navLinkContainer a:hover {
    padding: 1rem var(--standard-gutter);
  }

  .basic-footer-eyefinity .row {
    padding: 0 !important;
  }

  #mainFooter {
    padding: 1rem;
  }

  #mainFooter .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /* display: block; */
    background: #023046;
  }

  #mainFooter .standardLink {
    display: inline-block;
    padding-right: 1rem;
  }

  #mainFooter .standardLink span {
    display: inline-block;
  }

  .socialLinkContainer {
    text-align: left;
    margin-left: 2rem;
  }

  .footerLogo .image {
    width: 15%;
    padding-bottom: 1.5rem;
  }

  .footerLinkContainer .socialLinkContainer {
    text-align: left;
    padding: 0 !important;
  }

  .navLinkContainer .dropdown.menu a,
  .navLinkContainer .dropdown.menu a:active,
  .navLinkContainer .dropdown.menu a:hover {
    padding: 0.7rem 0.25rem;
    margin: 0;
  }

  .mobile-menu .dropdown.menu a {
    padding-left: 1rem;
  }

  .accordionComponent {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .tabletLinksWidthFix .linkContainer {
    display: flex;
    flex-direction: column;
  }

  .tabletLinksWidthFix .linkContainer a:nth-of-type(3) {
    margin-top: 1rem;
  }

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

  .navLinkContainer .menu-icon {
    display: block;
    flex-grow: 1;
    text-align: left;
  }

  .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: 14%;
    border-bottom: 0;
    padding: 0.5rem;
    border-bottom: none;
    border-right: 1px solid var(--text-color);
    margin: 0 1rem 0 0;
    justify-content: flex-end;
    line-height: 1.0;
  }

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

  .videoSize240p .videoCaptionBlock {
    width: 315px;
  }

  .videoSize240p iframe,
  .videoCaptionBlock a.venobox.videoSize240p img {
    width: 315px;
  }

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

}

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

  /*.centeredHighlightTextComponent, .centered-highlight-text-component {*/
  /*	padding: 1.5rem;*/
  /*}*/

  .sideBySideButtons .button:first-child {
    margin-bottom: 1rem;
    margin-left: 0;
  }

  .centeredHighlightTextComponent h2,
  .centered-highlight-text-component h2 {
    margin-bottom: 0.5rem;
  }

  .topicSection .spreadCol .linkContainer {
    margin-top: 0;
  }

  #mobileLink,
  a[data-toggle="mobileLink"] {
    display: none;
  }

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

  .video_caption.caption-center {
    width: 100%;
  }

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

  section.blockGrid3.customProductGrid>.row>div,
  section.blockGrid3.customPortraitGrid>.row>div {
    padding-top: 2.5rem;
    padding-bottom: 1.5rem;
  }

  h1 {
    font-size: 2.25rem;
  }

  .menu.expanded li.topnav-item,
  .navbar-fixed .menu.expanded li.topnav-item {
    padding: 0.25rem 0.25rem 0 0.25rem;
  }

  .paragraphContainer {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

}

/*------------------------------ LARGE and UP (min-width: 1024px) ------------------------- */
@media only screen and (min-width: 64em) {

  /* for NOW, this is needed for a page of just <p> tags to get left margin line up */
  .marginLeftThree {
    margin-left: 3rem;
  }

  .padLeft30 {
    padding-left: 1.875rem;
    /* 30px */
  }

  .quoteCustomTopMargin {
    margin-top: 3.75rem;
  }

  .topicSection .spreadCol2 {
    margin-left: 4rem;
  }

  .topicSection a.standardLink:link {
    display: block;
  }

  .hero-section3 .hero-section-text {
    position: absolute !important;
    width: 50%;
    left: 0;
  }

  .hero-section3 .hero-section-text .headerBlock {
    padding: 0 2rem;
  }

  .hero-section3 .hero-section-text .paragraphBlock {
    padding: 2rem;
  }

  h1 {
    font-size: 2.5rem;
  }

  .navLinkContainer a.dropdown.noLink::after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    content: none;
  }

  .show-for-large-only {
    padding: 1rem 0 0 1rem !important;
  }

  #mobileLink,
  a[data-toggle="mobileLink"] {
    display: none !important;
  }

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

  .navLinkContainer .dropdown.menu a.mmHeader:hover,
  .navLinkContainer .dropdown.menu a.mmLink:hover {
    text-decoration: underline;
    color: #241ED6;
  }

  .navLinkContainer .dropdown.menu .topnav-item a.dropdown {
    text-transform: uppercase;
  }

  .navLinkContainer .adsBlockContainer .linkContainer a.standardLink,
  .navLinkContainer .adsBlockContainer .linkContainer a.standardLink:active,
  .navLinkContainer .adsBlockContainer .linkContainer a.standardLink:hover,
  .navLinkContainer .adsBlockContainer .linkContainer a.standardLink:link {
    font-size: 1rem;
    padding: 0.5rem 0;
    margin: 0;
    line-height: 1.0;
    display: inline-block;
  }

  .navLinkContainer .adsBlockContainer .linkContainer a.standardLink:hover {
    text-decoration: underline;
  }

  .navLinkContainer .adsBlockContainer .linkContainer a.standardLink:hover::after {
    text-decoration: none;
    display: inline-block;
  }

  .preventFixedBar.navbar-fixed {
    position: fixed !important;
  }

  .mobile-menu,
  .mobileNavControl {
    display: none;
  }

  .mm-title-bar {
    width: 1rem !important;
  }

  .jump-links-container .columns3 {
    width: 400px !important;
  }

  .menu.expanded li {
    flex: content;
  }

  .rightSide a.standardLink,
  .blockGrid3 a.standardLink {
    display: block;
  }

  .columnBlock {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }

  .XXnavLogoContainer {
    margin-left: 3rem;
    margin-right: 1rem;
  }

  section.blockGrid3.customPortraitGrid .row,
  section.blockGrid3.customProductGrid .row,
  section.spread.customProductGrid .row {
    max-width: 90rem;
  }

  section.blockGrid3.customPortraitGrid .row>div,
  section.blockGrid3.customProductGrid .row>div {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .centeredHighlightTextComponent .headerBlock {
    padding-left: 15rem;
    padding-right: 15rem;
  }

  .sideCTA.centeredHighlightTextComponent .headerBlock {
    padding: 1rem 3rem;
  }

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

  .customPadBottom {
    padding-bottom: 2.625rem;
  }

  .externalFormComponent {
    width: 60%;
    margin: 0px auto;
  }

  .customProductGrid.spread img {
    width: 100%;
    padding: 2rem 2rem;
  }

  .practiceCol1 {
    margin-top: 0.7rem;
  }

  .featureCol2 {
    margin-top: 1rem;
  }

  .trendingContainer {
    padding-left: 3rem;
  }

  .navLogoContainer-mobile {
    display: none !important;
  }

  .navLogoContainer-mobile img,
  .mm-title-bar {
    display: none;
  }

  .anchorLink {
    scroll-margin-top: 20rem;
  }

  .adsBlockContainer .adImage {
    margin-bottom: 1rem;
  }

  .adsBlockContainer p {
    margin-top: 1rem;
  }

  .nav-faux-class {
    border-bottom: 2px solid var(--primary-color) !important;
  }

  main {
    margin-top: 0.1875rem;
  }

  header {
    box-shadow: rgba(171, 171, 171, 0.8) 0px 1px 4px;
  }

  .navbar-fixed #megamenu .top-bar .dropdown-pane {
    top: 61px !important;
  }

  #megamenu .centered-menu {
    padding-top: 4rem;
    margin-top: -3.5rem;
  }

  .navbar-fixed #megamenu .centered-menu {
    margin-top: -3.5rem;
    padding-top: 4rem;
  }

  #megamenu .top-bar .dropdown-pane {
    top: 111px !important;
    border-left: 1px solid #ccc;
    /*border-right: 1px solid #ccc;*/
    margin-top: -7px;
    padding-top: 0;
    border-bottom: 1px solid #ccc;
    left: 0 !important;
    right: 0 !important;
    width: 100%;
    max-width: 100%;
    box-shadow: rgba(0, 0, 0, 0.12) 6px 0px 4px -4px, rgba(0, 0, 0, 0.11) -6px 7px 4px -4px;
  }

  #megamenu .top-bar .dropdown-pane#mm-why-eyefinity,
  #megamenu .top-bar .dropdown-pane#mm-ed-on {
    top: 87px !important;
  }

  .navbar-fixed #megamenu .top-bar .dropdown-pane {
    top: 67px !important;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-top: 0;
    padding-top: 0;
    width: 102%;
    max-width: 102%;
    left: -6px !important;
    box-shadow: rgba(0, 0, 0, 0.12) 6px 0px 4px -4px, rgba(0, 0, 0, 0.11) -6px 7px 4px -4px;
  }

  .navbar-fixed #megamenu .top-bar #mm-why-eyefinity.dropdown-pane,
  .navbar-fixed #megamenu .top-bar #mm-ed-on.dropdown-pane {
    top: 60px !important;
  }


}

/* [end] LARGE and UP */

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

  .mobile-menu,
  .mobileNavControl {
    display: none;
  }

}

@media only screen and (min-device-width: 448px) and (max-device-width: 667px) {

  .hero-section3 .hero-section-text h1 {
    font-size: 1.5rem;
    line-height: 1rem;
  }

  .hero-section3 .hero-section-text p {
    margin-bottom: 0.8rem;
  }

  section.code-field .row {
    margin-left: 0.5rem;
  }

  section.code-field .row {
    margin-left: 0.5rem;
  }
}


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

  .col2LR {
    margin-top: -0.85rem !important;
  }
}

/*---- iPhone 6/7/8 plus landscape Only ----*/
@media only screen and (min-device-width: 736px) and (max-device-width: 736px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {

  .col2LR {
    margin-top: -0.8rem !important;
  }
}

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

  .mobile-menu .topNavContainer {
    position: fixed;
    top: 47px;
    left: 0;
    z-index: 200;
  }

  .centeredHighlightTextComponent,
  .centered-highlight-text-component {
    padding: 1.5rem;
  }

  h1 {
    font-size: var(--h1-tablet-font-size);
  }

  h2 {
    font-size: var(--h2-tablet-font-size);
  }

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

  h4 {
    font-size: var(--h4-tablet-font-size);
  }

  /* Since we don't support H5, the cardGrid headings in the blockGrid */
  /* component are set to H4 with this special H4 case for font size   */
  .cardGrid h4 {
    font-size: 1.25rem;
  }

}

/*---- Portrait Only ----*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  section.code-field .row {
    max-width: 45rem;
  }

  .col2LR {
    margin-top: -0.9rem;
  }
}

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

  .hero-section3 .hero-section-text .paragraphBlock {
    padding: 1rem;
  }

  .hero-section3 .hero-section-text .HeaderBlock {
    padding: 2rem;
  }

  .navLogoContainer {
    margin-left: 3rem;
    margin-right: 1rem;
  }

  section.blockGrid3 .row {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  section.code-field .row {
    max-width: 60rem;
  }

  .col2LR {
    margin-top: -0.2rem;
  }

}

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

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

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

  .navLogoContainer {
    margin-left: 3rem;
    margin-right: 1rem;
  }

}

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

  .tileGrid .headerBlock,
  .columnGrid .headerBlock {
    /* padding: 0 1rem; */
  }

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.75rem;
    line-height: 1.75;
  }

  h4 {
    font-size: 1.375rem;
  }

  /* Since we don't support H5, the cardGrid headings in the blockGrid */
  /* component are set to H4 with this special H4 case for font size   */
  .cardGrid h4 {
    font-size: 1.25rem;
  }

}

/*---- Portrait Only ----*/
@media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  #mainFooter>.row .footerLinkContainer {
    flex: 0 0 auto;
  }

  .menu.expanded li {
    flex: min-content;
  }

  #megamenu .top-bar .dropdown-pane {
    top: 90px !important;
  }

}

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

  .navLinkContainer .dropdown.menu a,
  .navLinkContainer .dropdown.menu a:active,
  .navLinkContainer .dropdown.menu a:hover {
    padding: 0.7rem 0.25rem;
    margin: 0 0.5rem;
  }

  .hero-section3 .hero-section-text .paragraphBlock {
    padding: 1rem 6rem 1rem 3rem;
  }

  .dropdown-pane .menu li.subnav-item a,
  .dropdown-pane .menu.expanded li.subnav-item a {
    font-size: 0.8125rem;
    line-height: 1.2rem;
    text-align: left;
  }

  .navLogoContainer {
    margin-left: 2.3rem;
    margin-right: 1rem;
  }

  section.blockGrid3 .row {
    padding-left: 1rem;
    padding-right: 1rem;
  }

}

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

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

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

  .navLogoContainer {
    margin-left: 3rem;
    margin-right: 1rem;
  }


  section.blockGrid3 .row {
    padding-left: 1rem;
    padding-right: 1rem;
  }

}


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

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

  .videoSize240p .videoCaptionBlock {
    width: 315px;
  }

  .videoSize240p iframe,
  .videoCaptionBlock a.venobox.videoSize240p img {
    width: 315px;
  }

  #megamenu {
    padding-top: 4rem !important;
  }

  .navbar-fixed #megamenu {
    padding-top: .5rem !important;
  }

  main {
    padding-top: 0;
  }

  h1 {
    font-size: 2.25rem;
    line-height: 1.5;
    margin-bottom: 2.25rem;
  }

  #megamenu {
    padding-top: 0.5rem;
    /* border: 1px solid #000; */
  }

  .hero-section3 .hero-section-text {
    position: absolute !important;
    width: 100% !important;
  }


  .hero-section3 .hero-section-text .paragraphBlock {
    padding: 2rem 2rem 1rem 3rem;
  }

  #rdbtn {
    margin: 0;
  }

  a[data-toggle="mobileLink"] {
    display: none;
  }

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

  #mainFooter div:first-of-type {
    display: block;
  }

  .hero-section3 .hero-section-text {
    position: absolute !important;
    width: 50% !important;
  }

  .hero-section3 .hero-section-text .paragraphBlock {
    padding: 1rem;
    margin-top: 0;
  }

  .tileGrid .headerBlock,
  .columnGrid .headerBlock {
    /* padding: 0 1rem; */
  }

  section.blockGrid3 .row {
    padding-left: 1rem;
    padding-right: 1rem;
  }

}

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


  #mainFooter>.row .footerLinkContainer {
    flex: 0 0 auto;
  }

  .menu.expanded li.topnav-item {
    /* flex: min-content; */
    flex: content;
    flex: 0 0 auto;
  }

  .mobile-menu,
  .mobileNavControl {
    display: none;
  }

  .blockGridHeader {
    width: 84%;
  }

  header .topNavContainer {
    display: block !important;
  }

  .headerRow {
    padding: 0;
  }

  .hero-section3 .hero-container .row {
    flex-direction: column;
    position: absolute;
    width: 100%;
    justify-content: center;
  }


  .courseCatGrid .imageBlockContent h2 {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 90px;
  }

  .row.headerRow {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }

  .dropdown {
    margin-top: 0;
  }

  .dropdown.menu a {
    width: 100%;
  }

  .navLinkContainer a,
  .navLinkContainer a:active,
  .navLinkContainer a:hover {
    margin: 0;
  }

  .navLinkContainer .dropdown.menu a,
  .navLinkContainer .dropdown.menu a:active,
  .navLinkContainer .dropdown.menu a:hover {
    padding: 0.7rem 0.25rem;
    margin: 0 0.25rem;
    text-align: center;
  }

  #megamenu .top-bar .dropdown-pane {
    top: 90px !important;
  }

  .dropdown-pane .menu li.subnav-item,
  .dropdown-pane .menu.expanded li.subnav-item {
    padding-top: 0;
  }

  .dropdown-pane .menu li.subnav-item a,
  .dropdown-pane .menu.expanded li.subnav-item a {
    font-size: 0.8125rem;
    line-height: 1.2rem;
    text-align: left;
  }

  .XXhero-section3 .hero-section-text {
    position: absolute !important;
    width: 50% !important;
  }

  .hero-section3 .hero-section-text h1 {
    margin-bottom: 1.4rem !important;
    line-height: 4rem;
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .hero-section3 .hero-section-text p {
    font-size: 1.1rem;
  }

  .navLogoContainer {
    margin-left: 1.5rem;
    margin-right: 1rem;
  }

}

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

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

  .navLogoContainer {
    margin-left: 3rem;
    margin-right: 1rem;
  }

  section.blockGrid3 .row {
    padding-left: 0;
    padding-right: 0;
  }

}

.eyefinity-nav-wrap .quickLinks .row {
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  padding: 0;
  max-width: 75.5rem;
}

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

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

/* 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) {
  main {
    padding-top: 39px;
  }

  .mobile-menu .topNavContainer {
    top: 39px;
  }
}

/* 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) {
  main {
    padding-top: 39px;
  }

  .mobile-menu .topNavContainer {
    top: 39px;
  }
}

/* iPhone 14 Landscape */
@media only screen and (min-width: 428px) and (max-width: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  main {
    padding-top: 39px;
  }

  .mobile-menu .topNavContainer {
    top: 39px;
  }
}

/* Galaxy S3 landscape */
@media screen and (min-width: 320px) and (max-width: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {
  main {
    padding-top: 119px;
  }

  #truste-consent-track {
    overflow: scroll;
    max-height: 50vh;
  }
}

/* Galaxy S4 landscape */
@media screen and (min-width: 320px) and (max-width: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  main {
    padding-top: 119px;
  }
}

/* Galaxy S5 landscape */
@media screen and (min-width: 360px) and (max-width: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  main {
    padding-top: 119px;
  }
}