@charset "UTF-8";

h1, h2, h3, h4, h5, h6 {
color: #C24828;
}

.highlight {
color: #005D63;
}
.warn {
color: #8a0303;
}

/*! ---------- =common =components ---------- */
a {
text-decoration: none;
color: #C24828;
}
a:hover, a:focus {
color: #00263E;
}

.content-box {
padding: 24px;
border: 2px solid #00263E;
background: #fff;
}

.content-box h1, .content-box h2, .content-box h3, .content-box h4, .content-box h5, .content-box h6 {
color: #C24828;
}
.content-box--highlight {
border-color: #9f4f18;
}
.content-box--highlight h1, .content-box--highlight h2, .content-box--highlight h3, .content-box--highlight h4, .content-box--highlight h5, .content-box--highlight h6 {
color: #005D63;
}
.content-box--action {
border-color: #00567a;
}
.content-box--action h1, .content-box--action h2, .content-box--action h3, .content-box--action h4, .content-box--action h5, .content-box--action h6 {
color: #0081b7;
}


/*! ---------- =header common ---------- */

@media (max-width: 767px) {

.page-header__toggle {
position: absolute;
right: 0px;
top: 0;
padding: 24px 0px;
color: #00263E;
}
.page-header__toggle.mobile-menu-is-open {
color: #00263E;
}

}

/*! ---------- =header components ---------- */



.toggle-indicator__piece::before {
content: '';
display: block;
width: 24px;
height: 4px;
background: #00263E;
transition: background 0.2s ease-out;
}
.page-header .toggle-indicator__piece::before {
background: #00263E;
}
.is-active .toggle-indicator__piece::before, .mobile-menu-is-open .page-header .toggle-indicator__piece::before {
background: #00263E;
}
.mobile-menu-is-open .page-header .toggle-indicator__piece::before {
background: #00263E;
}

.header-nav > ul > li > a, .header-nav div > ul > li > a {
color: #fff;
}
.header-nav li li a {
color: #000;
}
.header-nav li li li a {
color: #1a1a1a;
}
.header-nav li li li li a {
color: #292929;
}

@media (max-width: 767px) {
.header-nav {
background: #fff;
}
.header-nav a {
border-bottom: 1px solid #f1f1f1;
}
.header-nav li li a {
border-bottom-color: rgba(241, 241, 241, 0.5);
}
.header-nav > ul > li > a, .header-nav div > ul > li > a {
color: #00263E;
}
.header-nav > ul > li > ul a, .header-nav div > ul > li > ul a {
color: #000;
}
.header-nav__toggle {
background: #fff;
}

.header-nav__toggle::before {
content: '';
border: 10px solid transparent;
border-bottom-width: 0;
border-top-color: #d4d4d4;
}
.header-nav__toggle.is-active::before {
border-top-color: #005D63;
}
}
@media (min-width: 768px) {

.header-nav > ul > li > a:hover, .header-nav > ul > li > a:focus, .header-nav div > ul > li > a:hover, .header-nav div > ul > li > a:focus {
color: #fff;
}
.header-nav .is-current > a {
color:  #C24828;
font-weight: bold;
}
}


/*! megamenu-style dropdowns */

@media (min-width: 768px) {
.header-nav > ul > li > ul > li > a, .header-nav div > ul > li > ul > li > a {
font-size: 18px;
color: #00263E;
padding-bottom: 6px;
}

.header-nav > ul > li > ul > li > ul a, .header-nav div > ul > li > ul > li > ul a {
color: #000;
}
.header-nav > ul > li > ul a:hover, .header-nav > ul > li > ul a:focus, .header-nav div > ul > li > ul a:hover, .header-nav div > ul > li > ul a:focus {
color: #9FCFCA;
}
.header-nav > ul > li:hover > a, .header-nav div > ul > li:hover > a {
color: #C24828;
}

}
/*! ---------- =header layout ---------- */
.header-logo {
float: left;
}
@media (min-width: 768px) {
.header-nav {
position: absolute;
left: 0;
right: 0;
top: 100%;
background: #00263E;
box-shadow: 50vw 0 0 #00263E, -50vw 0 0 #00263E;
}

}


/*! ---------- =footer common ---------- */

@media (max-width: 959px) {
.page-footer {
background: #C24828;
}
.footer-header-title {
background: #00263E;
}
}
@media (min-width: 960px) {
.page-footer {
padding: 0 72px;
background: url(/images/default-source/mass-spec/microsite/footer-bkgd_massspec_2.png);
}
}


/*! ---------- =footer style ---------- */
/*! solid footer style */
.page-footer {
color: #9f4f18;
}

.page-footer a:hover, .page-footer a:focus {
color: #00263E;
text-decoration: none;
}
.page-footer a.mailto {
color: #fff;
font-weight: 400;
font-family: "Montserrat", Helvetica, Arial, sans-serif;
font-size: 18px;
}
.page-footer a.mailto:hover, .page-footer a.mailto:focus {
color: #00263E;
text-decoration: none;
}
.page-footer .footer-trending__title, .page-footer .footer-actions__title {
color: #9f4f18;
}

@media (min-width: 768px) {
.footer-header p {
font-size: 30px;
padding-top: 24px;
padding-bottom: 0;
color: #fff;
font-family: "Eurostile", "Montserrat", Helvetica, Arial, sans-serif;
}
}



/*! ---------- =footer layouts ---------- */
.page-footer {
color: #fff;
}


.page-footer__content .fab.fa-twitter:hover, .page-footer__content .fab.fa-linkedin:hover, .page-footer__content .fab.fa-facebook:hover, .page-footer__content .fab.fa-youtube:hover {
font-size: 36px;
color: #00263E;
}
/* ---------- =interior common ---------- */
.page-title {
color: #C24828;
}

/* ---------- =interior components ---------- */


.breadcrumbs a {
color: #000;
opacity: 0.9;
}
.breadcrumbs a:hover, .breadcrumbs a:focus {
color: #005D63;
opacity: 1;
}

.in-this-section a {
color: #C24828;
}

.in-this-section .is-current > a {
color: #00263E;
}


/*! ---------- =buttons ---------- */
.button {
border: 2px solid #00263E;
color: #00263E;
background: #9FCFCA;
}
.button:hover, .button:focus {
color: #C24828;
border-color: #C24828;
}

.button--highlight {
color: #000;
border-color: #00263E;
}
.button--highlight:hover, .button--highlight:focus {
color: #C24828;
border-color: #C24828;
}
.button--action {
color: #00567a;
border-color: #00567a;
}
.button--action:hover, .button--action:focus {
color: #0081b7;
border-color: #0081b7;
}
.button--warn {
color: #8a0303;
border-color: #8a0303;
}
.button--warn:hover, .button--warn:focus {
color: #8a0303;
border-color: #8a0303;
}
.button--cancel {
color: #000;
border: 1px solid #d4d4d4;
}
.button--cancel:hover, .button--cancel:focus {
color: #C24828;
border-color: #C24828;
}

/*! ---------- =lists ---------- */


.item-list__title {
color: #005D63;
}
.item-list__title:hover, .item-list__title:focus {
color: #00567a;
}

/*! ---------- =tabs ---------- */

.tabs--standard .tabs__tab.is-active {
background: #fff;
border-bottom-color: #fff;
color: #005D63;
}

.tabs--vertical .tabs__tab.is-active {
color: #005D63;
background: #fff;
}
.tabs--vertical .tabs__tab:focus {
outline: 1px dashed #EE7623;
outline-offset: -6px;
}


/*! ---------- =accordions ---------- */


.accordion__label {
background: #00263E url(/images/default-source/mass-spec/microsite/accordion-hexagon-up_massspec_2.png) left no-repeat;
}
.accordion__label:hover, .accordion__label:focus {
color: #C24828;
}
.accordion__label.is-active {
color: #fff;
background: #00263E url(/images/default-source/mass-spec/microsite/accordion-hexagon-down_massspec_2.png) left no-repeat;
}



/*! ---------- =hero ---------- */

.hero__title, .hero__description {
color: #fff;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}


/*! ---------- =scrollers ---------- */

.horizontal-scroll__control {
color: #EE7623;
}

.horizontal-scroll__control:hover, .horizontal-scroll__control:focus {
color: #0081b7;
}
.horizontal-scroll--is-at-start .horizontal-scroll__control--left, .horizontal-scroll--is-at-end .horizontal-scroll__control--right {
color: #d4d4d4 !important;
}


/* Speakers */

.speaker-title {
color: #00283b;
}
.speaker-role {
color: #00283b;
}
.speaker-description {
color: #00283b;
}
.share-buttons__button {
color: #00263E;
}
.share-buttons__button:hover, .share-buttons__button:focus {
color: #C24828;
}

.horizontal-scroll.past-videos {
background: #00263E;
padding: 42px;
}