/* ------------------- */
/*      General        */
/* ------------------- */
body {
  font-family: 'Montserrat', sans-serif;
  background-color: #ffffff;
  color: #333333;
  line-height: 1.618;
}

.video-responsive {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.video-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.initHidden {
  display: none;
}

.invisible {
  visibility: hidden;
}

.visible {
  visibility: visible;
}

.textCenter {
  text-align: center;
}

.mainSite {
  margin-top: 157px;
}

.pointer {
  cursor: pointer;
}

.bgMain {
  background-color: #efefef;
}

.homeSectionHeader {
  font-family: 'Montserrat', sans-serif;
  font-size: 36px;
  font-weight: 300;
  line-height: 1.28;
  text-align: center;
  padding: 60px 0 40px 0;
}

.wp-caption {
  margin: 0 40px 40px 40px;
}

.wp-caption img {
  margin-bottom: 20px;
}

.scroll {
  overflow: auto;
}

.clearBoth {
  clear: both;
}

.font-bold {
  font-weight: 600;
}

.font-white {
  color: #ffffff;
}

.bg-white {
  background-color: #ffffff;
}

.bg-gray {
  background-color: #efefef;
}

.graphic,
.figure {
  width: 800px;
  height: 600px;
  margin: 10px 0 50px 0;
}

.mTop7 {
  margin-top: 7px;
}

.mTop50 {
  margin-top: 50px;
}

.mBottom20 {
  margin-bottom: 20px;
}

.mBottom50 {
  margin-bottom: 50px;
}

.mBottom75 {
  margin-bottom: 75px;
}

.m100 {
  margin: 100px 0;
}

.pTop50 {
  padding-top: 50px;
}

.pBottom75 {
  padding-bottom: 75px;
}

.mauto10 { margin: 10px auto; }
.mauto20 { margin: 20px auto; }
.mauto30 { margin: 30px auto; }
.mauto40 { margin: 40px auto; }
.mauto50 { margin: 50px auto; }
.mauto60 { margin: 60px auto; }
.mauto70 { margin: 70px auto; }
.mauto80 { margin: 80px auto; }
.mauto90 { margin: 90px auto; }
.mauto100 { margin: 100px auto; }

.bt-5-white { border-top: 5px solid #FFFFFF; }
.bt-10-white { border-top: 10px solid #FFFFFF; }
.bt-20-white { border-top: 20px solid #FFFFFF; }

.bb-5-white { border-bottom: 5px solid #FFFFFF; }
.bb-10-white { border-bottom: 10px solid #FFFFFF; }
.bb-20-white { border-bottom: 20px solid #FFFFFF; }

.indent10 { margin-left: 10px; }
.indent20 { margin-left: 20px; }
.indent30 { margin-left: 30px; }
.indent40 { margin-left: 40px; }
.indent50 { margin-left: 50px; }

img.alignright {
  float: right;
  margin: 0 0 1em 1em;
}

img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width:100%;
  height:auto;
}

.alignright {
  float: right;
}

.alignleft {
  float: left;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

ul, ol {
  margin-top: 15px;
  margin-bottom: 15px;
}

.width10 { width: 10%; }
.width20 { width: 20%; }
.width30 { width: 30%; }
.width40 { width: 40%; }
.width50 { width: 50%; }
.width60 { width: 60%; }
.width70 { width: 70%; }
.width80 { width: 80%; }
.width90 { width: 90%; }
.width100 { width: 100%; }

.height10 { height: 10px; }
.height20 { height: 20px; }
.height30 { height: 30px; }
.height40 { height: 40px; }
.height50 { height: 50px; }
.height60 { height: 60px; }
.height70 { height: 70px; }
.height80 { height: 80px; }
.height90 { height: 90px; }
.height100 { height: 100px; }

.customUL {
  list-style-type: none;
}

.admin-bar .nav-is-fixed .dx-main-header {
  top: 33px;
}

/* ------------------- */
/*   Site Translate    */
/* ------------------- */
.translateI18N {
  width: 140px;
  position: absolute;
  bottom: 3px;
  right: 3px;
  background-color: #ffffff;
  padding: 8px;
  text-align: center;
  border-radius: 4px;
}

@media screen
and (max-width: 480px) {

  .googleTranslate {
    background-color: #ffffff;
    width: 180px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    right: 10px;
    bottom: unset;
    top: 5px;
    display: block !important;
    opacity: 0.5;
  }

  .pageHeaderBreadcrumbs {
    visibility: hidden;
  }
}

@media screen
and (min-width: 481px)
and (max-width: 768px) {

  .googleTranslate {
    background-color: #ffffff;
    width: 180px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    right: 10px;
    bottom: unset;
    top: 5px;
    display: block !important;
    opacity: 0.5;
  }

  .pageHeaderBreadcrumbs {
    visibility: hidden;
  }
}

@media screen
and (min-width: 769px)
and (max-width: 992px) {

  .googleTranslate {
    background-color: #ffffff;
    width: 180px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    right: 10px;
    bottom: unset;
    top: -30px;
    display: block !important;
  }
}

@media screen
and (min-width: 993px)
and (max-width: 1200px) {

  .googleTranslate {
    background-color: #ffffff;
    width: 180px;
    text-align: center;
    border-radius: 4px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    display: block !important;
  }
}

/* ------------------- */
/*   Google Captcha    */
/* ------------------- */
.googleCaptcha {
  margin: 0 auto;
  width: 304px;
}

/* ------------------- */
/*       Anchors       */
/* ------------------- */
a {
  color: #0066c9;
  text-decoration: none;
}

a:visited {
  color: #336699;
  text-decoration: none;
}

a:hover {
  color: #0066c9;
}

a:active {
  color: #0066c9;
}

.generalHeaderSummary a,
.landingHeaderSummary a,
.profileHeaderSummary a,
.generalHeaderTitle a,
.landingHeaderTitle a,
.profileHeaderTitle a {
  color: #75e3ff;
  text-decoration: none;
}

.generalHeaderSummary a:visited,
.landingHeaderSummary a:visited,
.profileHeaderSummary a:visited,
.generalHeaderTitle a:visited,
.landingHeaderTitle a:visited,
.profileHeaderTitle a:visited {
  color: #75e3ff;
  text-decoration: none;
}

.generalHeaderSummary a:hover,
.landingHeaderSummary a:hover,
.profileHeaderSummary a:hover,
.generalHeaderTitle a:hover,
.landingHeaderTitle a:hover,
.profileHeaderTitle a:hover {
  color: #75e3ff;
}

.generalHeaderSummary a:active,
.landingHeaderSummary a:active,
.profileHeaderSummary a:active,
.generalHeaderTitle a:active,
.landingHeaderTitle a:active,
.profileHeaderTitle a:active {
  color: #75e3ff;
}

.aDark {
  color: #75e3ff;
  text-decoration: none;
}

.aDark:visited {
  color: #e3e3e3;
  text-decoration: none;
}

.aDark:hover {
  color: #75e3ff;
}

.aDark:active {
  color: #75e3ff;
}

.aBread {
  color: #cecece;
  text-decoration: none;
}

.aBread:visited {
  color: #cecece;
  text-decoration: none;
}

.aBread:hover {
  color: #cecece;
}

.aBread:active {
  color: #cecece;
}

.aBreadWhite {
  color: #ffffff;
  text-decoration: none;
}

.aBreadWhite:visited {
  color: #ffffff;
  text-decoration: none;
}

.aBreadWhite:hover {
  color: #ffffff;
}

.aBreadWhite:active {
  color: #ffffff;
}

.aBreadDark {
  color: #777777;
  text-decoration: none;
}

.aBreadDark:visited {
  color: #777777;
  text-decoration: none;
}

.aBreadDark:hover {
  color: #777777;
}

.aBreadDark:active {
  color: #777777;
}

.generalHeaderActions,
.landingHeaderActions {
  height: 60px;
  margin-top: 40px;
}

.aHero,
.aButton {
  display:inline-block;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  border-radius: 4px;
  background-color: #e87722;
  color: #ffffff;
  border: 1px solid #e87722;
  padding: 15px;
  margin-bottom: 30px;
  border: 1px solid #e87722;
}
@media screen
and (max-width: 480px) {
  .aHero,
  .aButton {

  }
}

.aHero {
  color: #ffffff;
  text-decoration: none;
  background-color: #e87722;
  border: 1px solid #e87722;
}

.aHero:visited {
  color: #ffffff;
  text-decoration: none;
  background-color: #e87722;
  border: 1px solid #e87722;
}

.aHero:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #ffa300;
  border: 1px solid #ffa300;
}

.aHero:active {
  color: #ffffff;
  text-decoration: none;
  background-color: #ffbc45;
  border: 1px solid #ffbc45;
}

.aButton {
  color: #ffffff;
  text-decoration: none;
  background-color: #e87722;
  border: 1px solid #e87722;
}

.aButton:visited {
  color: #ffffff;
  text-decoration: none;
  background-color: #e87722;
  border: 1px solid #e87722;
}

.aButton:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #ffa300;
  /* border: 1px solid #ffa300;*/
}

.aButton:active {
  color: #ffffff;
  text-decoration: none;
  background-color: #ffbc45;
  border: 1px solid #ffbc45;
}

.aButtonSec {
  display:inline-block;
  color: #00b5e2;
  text-decoration: none;
  background-color: rgba(255, 255, 255);
  border: 1px solid #75787b;
}

.aButtonSec:visited {
  color: #00b5e2;
  text-decoration: none;
  background-color: rgba(255, 255, 255);
  border: 1px solid #75787b;
}

.aButtonSec:hover {
  color: #00b5e2;
  text-decoration: none;
  background-color: rgba(242, 242, 242);
  border: 1px solid #75787b;
}

.aButtonSec:active {
  color: #00b5e2;
  text-decoration: none;
  background-color: rgba(255, 255, 255);
  border: 1px solid #75787b;
}

.aButtonSecDark {
  display:inline-block;
  color: #00b5e2;
  text-decoration: none;
  background-color: rgba(242, 242, 242, 0.08);
  border: 1px solid #75787b;
}

.aButtonSecDark:visited {
  color: #00b5e2;
  text-decoration: none;
  background-color: rgba(242, 242, 242, 0.08);
  border: 1px solid #75787b;
}

.aButtonSecDark:hover {
  color: #00b5e2;
  text-decoration: none;
  background-color: rgba(117, 120, 123, 0.50);
  border: 1px solid #75787b;
}

.aButtonSecDark:active {
  color: #00b5e2;
  text-decoration: none;
  background-color: rgba(242, 242, 242, 0.08);
  border: 1px solid #75787b;
}

/*
    .dx-nav a {
      color: #eeeeee;
      text-decoration: none;
    }

    .dx-nav a:visited {
      color: #eeeeee;
      text-decoration: none;
    }

    .dx-nav a:hover {
      color: #ffffff;
    }

    .dx-nav a:active {
      color: #eeeeee;
    }
    */

a.anchor {
  display: block;
  position: relative;
  top: -100px;
  visibility: hidden;
  text-decoration: none;
}

.rssFeedLinkHeroSection {
  position: absolute;
  top: 5px;
  right: 30px;
  font-size: 30px;
  color: #e87722 !important;
  background-color: #ffffff;
  padding-bottom: 0px;
  margin-top: 0px;
  border: 0;
  height: 24px;
  width: 24px;
  border-radius: 4px;
  line-height: 0.8;
}


/* ------------------- */
/* Bootstrap Overrides */
/* ------------------- */
.h1, .h2, .h3, h1, h2, h3 {
  font-family: 'Montserrat', sans-serif;
  margin-top: 0;
  margin-bottom: 10px;
}


/* ------------------- */
/*   UIKit Overrides   */
/* ------------------- */
em {
  color: #454545;
}


/* ------------------- */
/*    User Profile     */
/* ------------------- */
.userIcon {
  color: #e87722;
  border: 1px solid #e87722;
  border-radius: 30px;
  text-align: center;
  background-color: #ffffff;
  margin: 7px 10px 0 0;
  cursor: pointer;
}

.userIconMobile {
  color: #e87722;
  border: 1px solid #e87722;
  border-radius: 30px;
  text-align: center;
  background-color: #ffffff;
  margin: 14px 10px 0 0;
  cursor: pointer;
  font-size: 20px;
  float: left;
}

.userName {
  color: #ffffff;
  height: 30px;
  float: right;
  margin: 13px 0 0 0;
  cursor: pointer;
}

.userNameMobile {
  float: left;
}

.profileActionButtons {
  background-image: url(../png/menu-caret_base.png);
  background-position: -73px 32px;
  background-repeat: no-repeat;
  outline: 0 none;
  height: 62px;
}

.profileContainer {
  position: absolute;
  top: 157px;
  right: 38px;
  width: 240px;
  background-color: #ffffff;
  border-radius: 4px;
  padding: 5px 20px 20px 20px;
}

.profileNameContainer {
  padding: 5px 5px 15px 20px;
  color: #00629b;
  margin-bottom: 15px;
  border-bottom: 2px solid #cecece;
}

.profileMyAccount,
.profileMySubscriptions,
.profileLogout {
  padding: 5px 5px 7px 30px;
  color: #00629b;
}

.profileIcon {
  color: #e87722;
  border: 1px solid #e87722;
  border-radius: 30px;
  text-align: center;
  background-color: #ffffff;
  margin: 7px 10px 0 0;
  cursor: pointer;
  float: left;
}

.profileName {
  color: #00629b;
  margin: 20px 0 0 5px;
  cursor: pointer;
  float: left;
}

/* ------------------- */
/*  Video (for IFrame) */
/* ------------------- */
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.entry-content img,
.entry-content iframe,
.entry-content object,
.entry-content embed {
  max-width: 100%;
}

/* ------------------- */
/*     eCommerce       */
/* ------------------- */
.eCommerceCartHeader {
  font-family: 'Montserrat', sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 45px;
  margin-bottom: 30px;
  padding-left: 10px;
}

.eCommerceContainer {
  font-family: 'Montserrat', sans-serif;
  background-color: #fff;
  padding: 40px 0 25px 0;
}

.eCommerceContent {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 45px;
  margin-bottom: 25px;
}

.userProfileContentContainer {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
}

.userProfileSideNavLink {
  padding: 2px 10px 2px 10px;
  cursor: pointer;
  overflow: hidden;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  margin-bottom: 15px;
}

.userProfileSideNavLink:hover {
  background-color: #eeeeee;
}

.userProfileSideNavLinkActive {
  font-weight: 600;
}

.userProfileContent {
  width: 100%;
  overflow: hidden;
  padding: 30px 30px 40px 30px;
  border: 1px solid #cccccc;
  border-radius: 4px;
}

.userProfileFullName {
  font-weight: 600;
  padding: 0 0 10px 40px;
}

.userProfileInfoRow {
  padding-bottom: 10px;
  width: 100%;
  overflow: hidden;
}

.userProfileNotThenSignOut,
.userProfileLabel {
  font-weight: 600;
}

.userProfileValue {
  word-break: break-word;
}

.userProfileMemberBenefits,
.userProfileAddressHeader {
  color: #999;
  font-weight: 600;
}

.userProfileMemberBenefits {
  margin: 30px 0 10px 0;
}

.userProfileArticleTally {
  font-weight: 600;
  padding: 0 20px 10px 0;
}

.userProfileAddressHeader {
  margin: 60px 0 15px 0;
  padding-top: 20px;
  border-top: 1px solid #cccccc;
}

.upgradeToCSDL {
  border-radius: 4px;
  border: 1px solid #e87722;
  background-color: #e87722;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  color: #ffffff !important;
  padding: 5px 10px;
  text-decoration: none;
}

.upgradeToCSDL:active,
.upgradeToCSDL:visited {
  text-decoration: none;
}

.userProfileAddressLabel {
  font-weight: 600;
}

.userProfileAddressContainer {
  margin: 5px 0 5px 0;
}

.userProfileAddress {
  margin: 3px 0 3px 0;
}

.userProfileOrderHeader {
  font-weight: 600;
}

.userProfileOrderHeaderRow {
  margin: 15px 0 15px 0;
  overflow: hidden;
}

.userProfileOrderValuesRow {
  padding: 15px 0 15px 0;
  overflow: hidden;
  border-bottom: 1px solid #eeeeee;
}

.userProfileOrderValuesRow:hover {
  background-color: #eeeeee;
}

/* ------------------- */
/*   Forgot Password   */
/* ------------------- */
.forgotPasswordFormContainer {
  margin-top: 80px;
  margin-bottom: 80px;
}

.forgotPasswordContainer {
  background-color: #ffffff;
  padding: 20px 20px 0 20px;
  border: 1px solid #ffffff;
  border-radius: 4px;
}

.forgotPasswordFormHeading {
  text-align: center;
  margin-bottom: 30px;
}

.forgotPasswordEmailContainer {
  margin: 20px 0 30px 0;
  overflow: hidden;
}

.forgotPasswordEmail {
  width: 100%;
}

.forgotPasswordMessageContainer {
  margin: 20px 10px 30px 10px;
  overflow: hidden;
  text-align: center;
  font-size: 20px;
}

.forgotPasswordFormMessage {
  text-align: center;
  padding: 0 0 30px 0;
  width: 100%;
  font-size: 20px;
}

.changePasswordInProfile {
  width: 50%;
  margin: 0 auto;
}

/* ------------------- */
/*    WooCommerce      */
/* ------------------- */
.woocommerce table.shop_table th {
  font-weight: 500;
  padding: 9px 12px;
}

.woocommerce .quantity .qty {
  border: 0px;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  font-size: 100%;
  margin: 0;
  line-height: 1;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  overflow: visible;
  padding: .618em 1em;
  border-radius: 4px;
  left: auto;
  color: #515151;
  background-color: #ffffff;
  border: 1px solid #cecece;
  display: inline-block;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}

#coupon_code {
  width: 60%;
  padding: 0 0 0 10px;
  margin: 5px;
  height: 36px;
}

.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
  width: 60%;
}

.cartMemberBenefitFreeArticleTally {
  margin-top: -15px;
  font-size: 15px;
  color: #555;
}

.cross-sells h2,
.cart_totals h2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 22px;
  margin-bottom: 40px;
}

.woocommerce .cart-collaterals .cross-sells,
.woocommerce-page .cart-collaterals .cross-sells {
  width: 30%;
  float: left;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background-color: #e87722;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background-color: #ffa300;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}

.woocommerce #respond input#submit.alt:active,
.woocommerce a.button.alt:active,
.woocommerce button.button.alt:active,
.woocommerce input.button.alt:active {
  background-color: #ffbc45;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}

.wpmc-steps-wrapper,
#order_review {
  width: 80%;
  margin: 0 auto;
}

.woocommerce form .form-row label {
  line-height: 2;
  text-align: left;
  font-weight: 500;
}

#wpmc-next {
  float: left;
  margin-top: 30px;
  margin-left: 10px;
  width: 120px;
}

#wpmc-prev {
  float: left;
  margin-top: 30px;
  width: 120px;
}

#wpmc-back-to-cart {
  float: right;
  margin-top: 30px;
}

.woocommerce-billing-fields h3,
.woocommerce-additional-fields h3 {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 30px;
}

#order_review_heading {
  font-family: 'Montserrat', sans-serif;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 30px;
}

.woocommerce-checkout-review-order-table tfoot td,
.product-total {
  text-align: right;
}

.woocommerce-MyAccount-content {
  font-size: 18px;
}

.woocommerce-MyAccount-navigation ul {
  list-style-type: none;
}

.woocommerce-MyAccount-navigation-link {
  border: 1px solid #cecece;
  border-radius: 4px;
  margin-bottom: 10px;
}

.woocommerce-MyAccount-navigation-link a {
  padding: 12px 25% 12px 25%;
}

.woocommerce-account .addresses .title h3,
.woocommerce-account .addresses .title .edit {
  float: none;
}

.woocommerce-thankyou-order-received {
  margin-bottom: 25px;
}

.woocommerce-order-overview__order,
.woocommerce-order-overview__date,
.woocommerce-order-overview__email,
.woocommerce-order-overview__total,
.woocommerce-order-overview__payment-method {
  text-align: left;
}

.woocommerce-order-overview__order strong,
.woocommerce-order-overview__date strong,
.woocommerce-order-overview__email strong,
.woocommerce-order-overview__total strong,
.woocommerce-order-overview__payment-method strong {
  margin-top: 10px;
  text-align: left;
}

.woocommerce .woocommerce-customer-details address {
  text-align: center;
}

.wc-product-tabs-ieeecs {
  padding-top: 50px;
}

.wc-ieeecs-product-description {
  height: 364px;
  overflow: hidden;
}

.wc-ieeecs-product-description-more {
  width: 100%;
  text-align: center;
  padding-top: 5px;
  cursor: pointer;
}

.wc-ieeecs-product-additional {
  padding-bottom: 40px;
}

.wc-ieeecs-product-no-additional {
  padding: 10px 0 40px 5px;
}

.my-account-order-product-title {
  font-weight: 400;
}

.my-account-order-product-instructions {
  padding: 10px 30px 20px 60px;
  line-height: 1.5em;
  font-size: 16px;
}

.woocommerce form .form-row {
  padding: 3px;
  margin: 0 0 24px 0;
}

@media screen
and (max-width: 480px) {

  .cross-sells {
    display: none;
  }

  .wpmc-steps-wrapper,
  #order_review {
    width: 100%;
    margin: 0 auto;
  }

  .woocommerce ul.order_details li {
    border-right: 0;
  }

  .woocommerce-order-overview__order,
  .woocommerce-order-overview__date,
  .woocommerce-order-overview__email,
  .woocommerce-order-overview__total,
  .woocommerce-order-overview__payment-method {
    margin-bottom: 20px;
    border-right: 0;
    text-align: left;
  }

  .woocommerce-order-overview__order strong,
  .woocommerce-order-overview__date strong,
  .woocommerce-order-overview__email strong,
  .woocommerce-order-overview__total strong,
  .woocommerce-order-overview__payment-method strong {
    margin-top: 5px;
    text-align: left;
  }
}

@media screen
and (min-width: 481px)
and (max-width: 768px) {

  .cross-sells {
    display: none;
  }

  .wpmc-steps-wrapper,
  #order_review {
    width: 100%;
    margin: 0 auto;
  }

  .woocommerce ul.order_details li {
    border-right: 0;
  }

  .woocommerce-order-overview__order,
  .woocommerce-order-overview__date,
  .woocommerce-order-overview__email,
  .woocommerce-order-overview__total,
  .woocommerce-order-overview__payment-method {
    margin-bottom: 20px;
    border-right: 0;
    text-align: left;
  }

  .woocommerce-order-overview__order strong,
  .woocommerce-order-overview__date strong,
  .woocommerce-order-overview__email strong,
  .woocommerce-order-overview__total strong,
  .woocommerce-order-overview__payment-method strong {
    margin-top: 5px;
    text-align: left;
  }
}

@media screen
and (min-width: 769px)
and (max-width: 992px) {

  .wpmc-steps-wrapper,
  #order_review {
    width: 80%;
    margin: 0 auto;
  }

  .woocommerce ul.order_details li {
    border-right: 0;
  }

  .woocommerce-order-overview__order,
  .woocommerce-order-overview__date,
  .woocommerce-order-overview__email,
  .woocommerce-order-overview__total,
  .woocommerce-order-overview__payment-method {
    margin-bottom: 20px;
    border-right: 0;
    text-align: left;
  }

  .woocommerce-order-overview__order strong,
  .woocommerce-order-overview__date strong,
  .woocommerce-order-overview__email strong,
  .woocommerce-order-overview__total strong,
  .woocommerce-order-overview__payment-method strong {
    margin-top: 5px;
    text-align: left;
  }
}

@media screen
and (min-width: 993px)
and (max-width: 1200px) {

  .wpmc-steps-wrapper,
  #order_review {
    width: 70%;
    margin: 0 auto;
  }

  .woocommerce ul.order_details li {
    border-right: 0;
  }

  .woocommerce-order-overview__order,
  .woocommerce-order-overview__date,
  .woocommerce-order-overview__email,
  .woocommerce-order-overview__total,
  .woocommerce-order-overview__payment-method {
    margin-bottom: 20px;
    border-right: 0;
    text-align: left;
  }

  .woocommerce-order-overview__order strong,
  .woocommerce-order-overview__date strong,
  .woocommerce-order-overview__email strong,
  .woocommerce-order-overview__total strong,
  .woocommerce-order-overview__payment-method strong {
    margin-top: 5px;
    text-align: left;
  }
}

/* ------------------- */
/* WooCommerce - Cart  */
/* ------------------- */
.wcspc-area {
  max-width: 60%;
  border-radius: 4px;
  font-family: 'Montserrat', sans-serif;
}

.wcspc-cart-title {
  padding: 0 0 20px 20px;
  font-size: 20px;
}

.wcspc-area-top.wcspc-items .wcspc-item .wcspc-item-inner {
  width: 95%;
}

.wcspc-area-bot .wcspc-action .wcspc-action-inner > div a {
  color: #ffffff;
}

.wcspc-area .wcspc-close {
  position: absolute;
  top: 0px;
  width: 32px;
  height: 32px;
  display: block;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  font-size: 20px;
  color: #000000;
  text-align: center;
  line-height: 32px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  background-color: #ffffff;
  border-radius: 4px;
}

.wcspc-item-price-strikethrough {
  text-decoration: line-through;
}

@media screen
and (max-width: 480px) {

  .wcspc-area {
    max-width: 90%;
    border-radius: 4px;
  }
}

@media screen
and (min-width: 481px)
and (max-width: 768px) {

  .wcspc-area {
    max-width: 90%;
    border-radius: 4px;
  }
}

@media screen
and (min-width: 769px)
and (max-width: 992px) {

  .wcspc-area {
    max-width: 80%;
    border-radius: 4px;
  }
}

@media screen
and (min-width: 993px)
and (max-width: 1200px) {

  .wcspc-area {
    max-width: 70%;
    border-radius: 4px;
  }
}

/* ------------------- */
/* Carousels - Heights */
/* ------------------- */
.slick-track {
  display: flex !important;
}

.slick-slide {
  height: inherit !important;
}

/* ------------------- */
/*     Carousels       */
/* ------------------- */
.latestNewsCarouselContainer {
  position: relative;
  margin-bottom: 80px;
}

.latestNewsCarouselButtonsContainer {
  position: absolute;
  top: 0;
  left: 0;
}

.latestNewsCarouselNext,
.latestNewsCarouselPrevious {
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.07);
  color: white;
  cursor: pointer;
  padding: 30px 15px;
}

.latestNewsCarouselPreviousContainer,
.latestNewsCarouselNextContainer {
  z-index: 10000;
}

.latestNewsCarouselNext {
  margin: 40px 0 0 0;
}

.latestNewsCarouselPrevious {
  margin: 40px 0 0 0;
}

.latestNewsCarouselDots {
  position: absolute;
  bottom: -40px;

  display: block;

  width: 100%;
  padding: 0;
  margin: 0;

  list-style: none;

  text-align: center;
}

.latestNewsCarouselDots li {
  position: relative;

  display: inline-block;

  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;

  cursor: pointer;
}

.latestNewsCarouselDots li button {
  font-size: 0;
  line-height: 0;

  display: block;

  width: 20px;
  height: 20px;
  padding: 5px;

  cursor: pointer;

  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.latestNewsCarouselDots li button:hover,
.latestNewsCarouselDots li button:focus {
  outline: none;
}

.latestNewsCarouselDots li button:hover:before,
.latestNewsCarouselDots li button:focus:before {
  opacity: 1;
}

.latestNewsCarouselDots li button:before {
  font-family: 'slick';
  font-size: 16px;
  line-height: 20px;

  position: absolute;
  top: 0;
  left: 0;

  width: 20px;
  height: 20px;

  content: '•';
  text-align: center;

  opacity: .25;
  color: #0e456b;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.latestNewsCarouselDots li.slick-active button:before {
  opacity: .75;
  color: #0e456b;
}

.viewpointsCarouselContainer {
  position: relative;
  margin-top: 60px;
  padding: 0 40px;
}

.viewpointsCarouselButtonsContainer {
  position: absolute;
  top: 0;
  left: 0;
}

.viewpointsCarouselNext,
.viewpointsCarouselPrevious {
  background-color: #f8f8f9;
  border-radius: 4px;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09);
  color: #00629b;
  cursor: pointer;
  padding: 30px 15px;
}

.viewpointsCarouselPreviousContainer,
.viewpointsCarouselNextContainer {
  z-index: 10000;
}

.viewpointsCarouselNext {
  margin: 40px 0 0 0;
}

.viewpointsCarouselPrevious {
  margin: 40px 0 0 0;
}

.viewpointsCarouselDots {
  position: absolute;
  bottom: -40px;

  display: block;

  width: 100%;
  padding: 0;
  margin: 0;

  list-style: none;

  text-align: center;
}

.viewpointsCarouselDots li {
  position: relative;

  display: inline-block;

  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;

  cursor: pointer;
}

.viewpointsCarouselDots li button {
  font-size: 0;
  line-height: 0;

  display: block;

  width: 20px;
  height: 20px;
  padding: 5px;

  cursor: pointer;

  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.viewpointsCarouselDots li button:hover,
.viewpointsCarouselDots li button:focus {
  outline: none;
}

.viewpointsCarouselDots li button:hover:before,
.viewpointsCarouselDots li button:focus:before {
  opacity: 1;
}

.viewpointsCarouselDots li button:before {
  font-family: 'slick';
  font-size: 16px;
  line-height: 20px;

  position: absolute;
  top: 0;
  left: 0;

  width: 20px;
  height: 20px;

  content: '•';
  text-align: center;

  opacity: .25;
  color: #0e456b;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.viewpointsCarouselDots li.slick-active button:before {
  opacity: .75;
  color: #0e456b;
}

.viewpointsFeaturedCarouselContainer {
  float: left;
  margin: 10px;
  border-radius: 4px;
  box-shadow: 2px 2px 6px 0 #cccccc;
  overflow: hidden;
  position: relative;
}

.viewpointsFeaturedCarouselLeft {
  background-color: #FFFFFF;
  height: 160px;
}

.viewpointsFeaturedCarouselRight {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.31;
  color: #000000;
  background-color: #FFFFFF;
  padding: 40px 20px 0 20px;
}

.viewpointsFeaturedCarouselRightTitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.31;
  color: #000000;
  background-color: #FFFFFF;
}

.viewpointsFeaturedCarouselRightSummary {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.31;
  color: #000000;
  background-color: #FFFFFF;
  padding: 40px 20px 40px 0px;
}

.viewpointsFeaturedCarouselImage {
  height: 160px;
  margin: 0 auto;
}

.awardsCarouselContainer {
  position: relative;
  padding: 40px 20px 30px 20px;
  background-color: #dddddd;
}

.awardsCarouselButtonsContainer {
  position: absolute;
  top: 0;
  left: 0;
}

.awardsCarouselNext,
.awardsCarouselPrevious {
  background-color: #f8f8f9;
  border-radius: 4px;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09);
  color: #00629b;
  cursor: pointer;
  padding: 30px 15px;
}

.awardsCarouselPreviousContainer,
.awardsCarouselNextContainer {
  z-index: 10000;
}

.awardsCarouselNext {
  margin: 100px 10px 0px 0px;
  background-color: rgba(0, 0, 0, 0.15);
  color: white;
}

.awardsCarouselPrevious {
  margin: 100px 0px 0px 10px;
  background-color: rgba(0, 0, 0, 0.15);
  color: white;
}

.awardsCarouselDots {
  position: absolute;
  bottom: -40px;

  display: block;

  width: 100%;
  padding: 0;
  margin: 0;

  list-style: none;

  text-align: center;
}

.awardsCarouselDots li {
  position: relative;

  display: inline-block;

  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;

  cursor: pointer;
}

.awardsCarouselDots li button {
  font-size: 0;
  line-height: 0;

  display: block;

  width: 20px;
  height: 20px;
  padding: 5px;

  cursor: pointer;

  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.awardsCarouselDots li button:hover,
.awardsCarouselDots li button:focus {
  outline: none;
}

.awardsCarouselDots li button:hover:before,
.awardsCarouselDots li button:focus:before {
  opacity: 1;
}

.awardsCarouselDots li button:before {
  font-family: 'slick';
  font-size: 16px;
  line-height: 20px;

  position: absolute;
  top: 0;
  left: 0;

  width: 20px;
  height: 20px;

  content: '•';
  text-align: center;

  opacity: .25;
  color: #0e456b;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.awardsCarouselDots li.slick-active button:before {
  opacity: .75;
  color: #0e456b;
}

.awardsFeaturedCarouselRight {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.31;
  color: #000000;
  background-color: #FFFFFF;
  padding: 40px 20px 0 20px;
}

.awardsFeaturedCarouselRightTitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.31;
  color: #000000;
  background-color: #FFFFFF;
}

.awardsFeaturedCarouselRightSummary {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.31;
  color: #000000;
  background-color: #FFFFFF;
  padding: 20px 20px 30px 0px;
}

.awardsFeaturedCarouselImage {
  height: 160px;
  margin: 0 auto;
}

.awardsFilter {
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.callForPapersCarouselContainer {
  position: relative;
  padding: 40px 150px 30px 150px;
  background-color: #dddddd;
}

.callForPapersCarouselButtonsContainer {
  position: absolute;
  top: 0;
  left: 0;
}

.callForPapersCarouselNext,
.callForPapersCarouselPrevious {
  background-color: #f8f8f9;
  border-radius: 4px;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09);
  color: #00629b;
  cursor: pointer;
  padding: 30px 15px;
}

.callForPapersCarouselPreviousContainer,
.callForPapersCarouselNextContainer {
  z-index: 10000;
}

.callForPapersCarouselNext {
  margin: 40px 0 0 0;
}

.callForPapersCarouselPrevious {
  margin: 40px 0 0 0;
}

.callForPapersCarouselDots {
  position: absolute;
  bottom: -40px;

  display: block;

  width: 100%;
  padding: 0;
  margin: 0;

  list-style: none;

  text-align: center;
}

.callForPapersCarouselDots li {
  position: relative;

  display: inline-block;

  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;

  cursor: pointer;
}

.callForPapersCarouselDots li button {
  font-size: 0;
  line-height: 0;

  display: block;

  width: 20px;
  height: 20px;
  padding: 5px;

  cursor: pointer;

  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.callForPapersCarouselDots li button:hover,
.callForPapersCarouselDots li button:focus {
  outline: none;
}

.callForPapersCarouselDots li button:hover:before,
.callForPapersCarouselDots li button:focus:before {
  opacity: 1;
}

.callForPapersCarouselDots li button:before {
  font-family: 'slick';
  font-size: 16px;
  line-height: 20px;

  position: absolute;
  top: 0;
  left: 0;

  width: 20px;
  height: 20px;

  content: '•';
  text-align: center;

  opacity: .25;
  color: #0e456b;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.callForPapersCarouselDots li.slick-active button:before {
  opacity: .75;
  color: #0e456b;
}

.callForPapersFeaturedCarouselRight {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.31;
  color: #000000;
  background-color: #FFFFFF;
  padding: 40px 20px 0 20px;
}

.callForPapersFeaturedCarouselRightTitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.31;
  color: #000000;
  background-color: #FFFFFF;
}

.callForPapersFeaturedCarouselRightSummary {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.31;
  color: #000000;
  background-color: #FFFFFF;
  padding: 20px 20px 30px 0px;
}

.callForPapersFeaturedCarouselImage {
  height: 160px;
  margin: 0 auto;
}

.productLandingsCarouselContainer {
  position: relative;
  margin-top: 60px;
  padding: 0 40px;
}

.productLandingsCarouselButtonsContainer {
  position: absolute;
  top: 0;
  left: 0;
}

.productLandingsCarouselNext,
.productLandingsCarouselPrevious {
  background-color: #f8f8f9;
  border-radius: 4px;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09);
  color: #00629b;
  cursor: pointer;
  padding: 30px 15px;
}

.productLandingsCarouselPreviousContainer,
.productLandingsCarouselNextContainer {
  z-index: 10000;
}

.productLandingsCarouselNext {
  margin: 40px 0 0 0;
}

.productLandingsCarouselPrevious {
  margin: 40px 0 0 0;
}

.productLandingsCarouselDots {
  position: absolute;
  bottom: -40px;

  display: block;

  width: 100%;
  padding: 0;
  margin: 0;

  list-style: none;

  text-align: center;
}

.productLandingsCarouselDots li {
  position: relative;

  display: inline-block;

  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;

  cursor: pointer;
}

.productLandingsCarouselDots li button {
  font-size: 0;
  line-height: 0;

  display: block;

  width: 20px;
  height: 20px;
  padding: 5px;

  cursor: pointer;

  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.productLandingsCarouselDots li button:hover,
.productLandingsCarouselDots li button:focus {
  outline: none;
}

.productLandingsCarouselDots li button:hover:before,
.productLandingsCarouselDots li button:focus:before {
  opacity: 1;
}

.productLandingsCarouselDots li button:before {
  font-family: 'slick';
  font-size: 16px;
  line-height: 20px;

  position: absolute;
  top: 0;
  left: 0;

  width: 20px;
  height: 20px;

  content: '•';
  text-align: center;

  opacity: .25;
  color: #0e456b;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.productLandingsCarouselDots li.slick-active button:before {
  opacity: .75;
  color: #0e456b;
}

.productLandingsFeaturedCarouselContainer {
  float: left;
  margin: 10px;
  border-radius: 4px;
  box-shadow: 2px 2px 6px 0 #cccccc;
  overflow: hidden;
}

.productLandingsFeaturedCarouselLeft {
  background-color: #FFFFFF;
  height: 160px;
}

.productLandingsFeaturedCarouselRight {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.31;
  color: #000000;
  background-color: #FFFFFF;
  padding: 40px 20px 0 20px;
}

.productLandingsFeaturedCarouselRightTitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.31;
  color: #000000;
  background-color: #FFFFFF;
}

.productLandingsFeaturedCarouselRightSummary {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.31;
  color: #000000;
  background-color: #FFFFFF;
  padding: 40px 20px 40px 0px;
}

.productLandingsFeaturedCarouselImage {
  height: 160px !important;
  margin: 0 auto;
}

/* ------------------- */
/*  Responsive Design  */
/*      Helpers        */
/* ------------------- */
.membershipContainerHeightHelperSmallDevices {
  display: none;
  height: 500px;
}

/* ------------------- */
/*   Menu - Desktops   */
/* ------------------- */
.topHeaderMenu {
  width: 100%;
  height: 77px;
  background-color: #00629b;
  border-color: #00629b;
  overflow: hidden;
}

.topHeaderDivider {
  font-size: 14px;
  color: #ffffff;
  font-family: 'OpenSans', sans-serif;
  margin: 19px 0 0 0;
}

.topHeaderAboutUs {
  font-size: 12px;
  color: #ffffff;
  font-family: 'OpenSans', sans-serif;
  margin: 20px 10px 0 10px;
}

.topHeaderJobsBoard {
  font-size: 12px;
  color: #ffffff;
  font-family: 'OpenSans', sans-serif;
  margin: 20px 10px 0 10px;
}

.topHeaderCart {
  font-size: 12px;
  color: #ffffff;
  font-family: 'OpenSans', sans-serif;
  margin: 20px 10px 0 10px;
  cursor: pointer;
}

.topHeaderSocial1 {
  font-size: 17px;
  color: #ffffff;
  font-family: 'OpenSans', sans-serif;
  margin: 48px 6px 0 30px;
  width: 10px;
}

.topHeaderSocial2 {
  font-size: 17px;
  color: #ffffff;
  font-family: 'OpenSans', sans-serif;
  margin: 49px 6px 0 6px;
  width: 15px;
}

.topHeaderSocial3 {
  font-size: 17px;
  color: #ffffff;
  font-family: 'OpenSans', sans-serif;
  margin: 48px 30px 0 6px;
  width: 10px;
}

.topHeaderIEEELogo {
  margin: 45px 15px 0 10px;
  width: 100px;
}

.topHeaderIEEELogoMobile {
  margin: 30px 15px 0 10px;
}

.topHeaderCSLogo {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}

.navbarMain {
  background-color: #00629b;
  border-color: #00629b;
  border-radius: 0;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}

.navbarLogo {
  position: absolute;
  top: 45px;
  left: 50px;
  z-index: 1000;
}

.navbarLogosMobile {
  margin-top: 10px;
  text-align: center;
  z-index: 1000;
}

.navbarLogosMobileCSLogo {
  margin: 0 0 0 40px;
}

.navbarLogosMobileIEEELogo {
  margin: 0 0 0 25px;
}

.navbarAccount {
  float: right !important;
  margin-right: 15px;
  margin-top: 10px;
}

.navbarAccount > li > a {
  padding-top: 0px;
  padding-bottom: 0px;
}

.navbarAccount > li > a:visited {
  text-decoration: none;
  color: #ffffff;
}

.navbarAccount > li > .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 25px;
  width: 280px;
  padding-bottom: 20px;
}

.navbarAccountLink {
  color: #ffffff;
}

.navbarAccountDivider {
  margin-bottom: 20px;
}

.navbarAccountIcon {
  padding: 0 10px 0 0;
  color: #e87722;
}

.navbarAccountIconChange {
  font-size: 8px;
  color: #00629b;
  font-family: 'OpenSans', sans-serif;
  line-height: 3.38;
  width: 40px;
  margin-top: -5px;
  text-align: center;
}

.navbarAccountInfo {
  margin-top: 0;
}

.navbarAccountInfo > li > a:visited {
  text-decoration: none;
  color: #00629b;
}

.navbarAccountInfo .divider {
  background-color: #e5e5e5;
  height: 1px;
  margin: 9.5px 0 20px 0;
  overflow: hidden;
}

.navbarAccountProfile {
  overflow: hidden;
  padding: 15px 0 15px 0;
}

.navbarAccountLink {
  font-size: 14px;
  color: #ffffff;
  font-family: 'OpenSans', sans-serif;
  line-height: 1.93;
  padding: 0 0 5px 0;
}

.navbarAccountInnerLink {
  font-size: 14px;
  color: #00629b;
  font-family: 'OpenSans', sans-serif;
  line-height: 1.93;
  padding: 0 0 5px 0;
  margin-left: 20px;
}

.navbarMainNav {
  padding: 5px 130px 0 0;
}

.navbarMainNav > li > a {
  padding-top: 12px;
  padding-bottom: 5px;
}

.navbarMainNav > li > a:visited {
  text-decoration: none;
  color: #ffffff;
}

.mega-dropdown {
  position: static !important;
}

.mega-dropdown-menu {
  width: 100%;
  background-color: transparent;
  list-style: outside none none;
  min-width: 100%;
  padding: 2px 0 20px 0;
  border: 0 none;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  background-clip: inherit;
}

.mega-dropdown-menu > ul > li > ul {
  padding: 0;
  margin: 0;
}

.mega-dropdown-menu > ul > li > ul > li {
  list-style: none;
}

.mega-dropdown-menu > ul > li > ul > li > a {
  display: block;
  color: #00629b;
}

.mega-dropdown-menu > ul > li ul > li > a:focus {
  text-decoration: none;
}

.menuSub {
  margin: 0 auto;
  padding: 20px 40px 20px 40px;
  width: 60%;
  background-color: #ffffff;
  overflow: hidden;
  list-style: outside none none;
  border-radius: 4px;
}

.menuCategory {
  font-size: 14px;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
}

.menuCategoryActive,
.menuCategoryActiveSticky {
  width: 80%;
  height: 3px;
  background-color: #ffffff;
  border: 0;
  margin: 0 auto 10px auto;
}

.menuCategoryInActive {
  width: 80%;
  height: 3px;
  background-color: #00629b;
  border: 0;
  margin: 0 auto 10px auto;
}

.menuCategoryArrowActive {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
  margin: 0 auto -2px auto;
}

.menuCategoryArrowInActive {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #00629b;
  margin: 0 auto;
}

.menuDropdownHeader {
  font-size: 14px;
  color: #00629b;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  padding: 0 0 6px 0;
  border-bottom: 2px solid #cecece;
  margin-bottom: 15px;
}

.menuDropdownLink {
  font-size: 14px;
  color: #00629b;
  font-family: 'OpenSans', sans-serif;
  line-height: 1.93;
  padding: 0 0 5px 0;
}

.menuDropdownSearch {
  font-size: 18px;
}

/* ------------------- */
/*    Menu - Mobile    */
/* ------------------- */
.navbarMainNavMobile {
  padding: 0;
}

.navbarMainNavMobile > li > a {
  padding-top: 12px;
  padding-bottom: 5px;
}

.navbarMainNavMobile > li > a:visited {
  text-decoration: none;
  color: #ffffff;
}

.menuSubMobile {
  margin: 0 auto;
  padding: 20px 40px 20px 40px;
  width: 100%;
  overflow: hidden;
  list-style: outside none none;
}

.menuDropdownHeaderMobile {
  font-size: 14px;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  padding: 0 0 6px 0;
  margin-top: 20px;
  margin-bottom: 5px;
}

.menuDropdownLinkMobile {
  font-size: 14px;
  color: #00629b;
  font-family: 'OpenSans', sans-serif;
  line-height: 1.93;
  padding: 5px 0 5px 15px;
}

.mega-dropdown-menu-mobile {
  width: 100%;
  background-color: transparent;
  list-style: outside none none;
  min-width: 100%;
  padding: 2px 0 20px 0;
  border: 0 none;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  background-clip: inherit;
}

.mega-dropdown-menu-mobile > ul > li > ul {
  padding: 0;
  margin: 0;
}

.mega-dropdown-menu-mobile > ul > li > ul > li {
  list-style: none;
}

.mega-dropdown-menu-mobile > ul > li > ul > li > a {
  display: block;
  color: #ffffff;
}

.mega-dropdown-menu-mobile > ul > li ul > li > a:focus {
  text-decoration: none;
}

/* ------------------- */
/*        Hero         */
/* ------------------- */
.leadHeadingContainer {
  background-color: #FFFFFF;
  padding: 40px 0 40px 0;
  opacity: 0.90;
  overflow: hidden;
}

.leadHeading {
  font-size: 40px;
  line-height: 1.13;
  color: #000000;
  font-family: 'Montserrat', sans-serif;
  text-align: center;
  padding: 0 30px;
}

/*
    .heroImage {
      background: url("https://s3-us-west-2.amazonaws.com/wp.www.computer.org/wp-media/2017/11/17194749/hero.jpg") 50% no-repeat;
      background-size: cover;
      height: 80vh;
      position: relative;
    }
*/

.heroCaption {
  border-radius: 4px;
  background-color: #444444;
  opacity: 0.8;
  color: #FFFFFF;
  font-family: 'OpenSans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  bottom: 40px;
  left: 40px;
  padding: 10px;
}

/* ------------------- */
/*     Membership      */
/* ------------------- */
.membershipContainer {
  background-color: #00629b;
  border-top: 10px solid rgba(104, 130, 158, 0.38);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  width: 340px;
  margin: -80px auto 0 auto;
}

.membershipTitle {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  color: #FFFFFF;
  font-size: 30px;
  padding: 50px;
}

.membershipBlurb {
  font-family: 'Open Sans', sans-serif;
  color: #FFFFFF;
  font-size: 16px;
  padding: 0 50px 30px 50px;
}

.membershipActions {
  padding: 10px 40px 40px 40px;
}

.membershipActionJoin {
  /*
      width: 122px;
      height: 60px;
      border-radius: 4px;
      background-color: #e87722;
      padding: 15px 30px;
      margin-right: 20px;
     */
}

.membershipActionLearn {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  margin-left: 15px;
}

.membershipLoginRenew {
  background-color: #0e456b;
  padding: 10px 50px 10px 50px;
}

.membershipLogin,
.membershipRenew {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  font-weight: 300;
  padding: 0 30px;
}

/* ------------------- */
/*    Latest News      */
/* ------------------- */
.featuredFull {
  background-color: #FFFFFF;
  margin: 0 10px 0 10px;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09);
}

.featuredFullImage {
  padding: 0;
}

.featuredFullImageControl {
  width: 100%;
}

.featuredFullAuthor {
  padding: 10px 0 0 0;
  margin-bottom: 80px;
}

.featuredFullAuthorName {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  color: #75787b;
  padding: 15px 0 0 0;
}

.featuredFullAuthorAffilation {
  font-family: 'OpenSans', sans-serif;
  font-size: 13px;
  font-weight: 300;
  font-style: italic;
  color: #75787b;
  padding: 0 0 0 0;
}

.featuredFullAuthorImageCircle {
  margin: -30px auto 0 auto;
  width: 112px;
}

.featuredFullAuthorImage {
  width: 112px;
  height: 112px;
  border-radius: 56px;
  border: 4px solid #FFFFFF;
}

/* Scheduled to be removed as it's not used. */
.featuredFullHeader {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 300;
  padding: 30px 0 5px 20px;
}

.featuredFullTitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 1.25;
  color: #000000;
  padding: 20px;
}

.featuredFullSummary {
  font-family: 'OpenSans', sans-serif;
  font-size: 16px;
  padding: 10px 20px 20px 20px;
  color: #000000;
}

.featuredFullSummarySmall {
  padding-bottom:40px;
}

.featuredBasic {
  background-color: #FFFFFF;
  margin: 0 10px 20px 10px;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09);
}

.featuredBasicImage {
  padding: 0;
}

.featuredBasicImage img {
  margin: 0 auto;
}

.featuredBasicTitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.31;
  color: #000000;
  padding: 20px;
}

.featuredFocus,
.featuredInterface {
  background-color: #FFFFFF;
  margin: 25px 0px 0px 0px;
  padding-bottom: 30px;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09);
}

.featuredInterface {
  margin-top: 15px;
}

.featuredFocusTitle,
.featuredInterfaceTitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 28px;
  font-weight: 300;
  opacity: 0.9;
  color: #000000;
  text-align: center;
  padding: 30px 0 0 0;
}

.featuredFocusSubTitle,
.featuredInterfaceSubTitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #75787b;
  text-align: center;
}

.featuredFocusSectionBar,
.featuredInterfaceSectionBar {
  padding: 0 20px 0 20px;
}

.featuredFocusSectionBar hr,
.featuredInterfaceSectionBar hr {
  border: 0;
  border-top: 2px solid #00629b;
  opacity: 0.5;
  margin: 21px 30px 21px 30px;
}

.featuredFocusArticleTitleContainer,
.featuredInterfaceArticleTitleContainer {
  margin-top: 10px;
}

.featuredFocusArticleTitleRight,
.featuredInterfaceArticleTitleRight {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.31;
  color: #000000;
}

.featuredFocusArticleTitleLeftSmall,
.featuredInterfaceArticleTitleLeftSmall {
  margin-top: 6px;
}

.featuredFocusArticleNumber,
.featuredInterfaceArticleNumber {
  border: 1px solid #68829e;
  border-radius: 12px;
  height: 24px;
  width: 24px;
  padding: 2px;
  text-align: center;
  color: #68829e;
}

.featuredFocusArticleNumberSmall,
.featuredInterfaceArticleNumberSmall {
  border: 1px solid #ffffff;
  border-radius: 12px;
  height: 4px;
  width: 4px;
  padding: 2px;
  text-align: center;
  color: #ffffff;
}

.featuredFocusArticleBullet {
  color: #999999;
  padding: 0 20px 0 0;
}

.featuredFocusAuthorsContainer,
.featuredInterfaceAuthorsContainer {
  margin-top: 5px;
  margin-bottom: 25px;
  overflow: hidden;
}

.featuredFocusAuthorsRight,
.featuredInterfaceAuthorsRight {
  font-family: 'OpenSans', sans-serif;
  font-size: 14px;
  color: #75787b;
}

.featuredCarouselContainer {
  float: left;
  margin: 0 10px 0 10px;
  border-radius: 4px;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09);

}

.featuredCarousel{
  color: #000000;
  background-color: #FFFFFF;
}

.featuredCarouselLeft {
  float: left;
  margin-right: 20px;
}

.featuredCarouselLeft img {
  height: 160px;
  width: 160px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.featuredCarouselRight {
  background-color: #FFFFFF;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.31;
  height: 160px;
  padding: 20px 20px 0 0px;
}

@media screen
and (min-width: 0px)
and (max-width: 540px) {
  .featuredCarouselRight {
    padding: 20px 10px 20px 20px;
    text-align: justified;
  }
  .featuredCarouselLeft img{
    width:65px;
    height: 65px;
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }
  .featuredFullTitle a {
    font-size: 22px;
  }
}

.featuredCarouselLink{
  top: 20px;
}

ul.featureBullet li {
  padding: 0 30px 10px 0;
}

/* ------------------- */
/*  Conference SCase   */
/* ------------------- */
.conferenceShowcase {
  background: #00629b url("../jpg/conference_bg.jpg") repeat scroll left top;
  overflow: hidden;
  padding-bottom: 50px;
}

.conferenceShowcaseTitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 36px;
  font-weight: 300;
  line-height: 1.28;
  color: #FFFFFF;
  text-align: center;
  padding: 80px 0 80px 0;
}

.conferenceShowcaseActionLeft {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  border-radius: 4px;
  background-color: #e87722;
  border: 0px;
  padding: 20px;
}

.conferenceShowcaseActionRight {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  border-radius: 4px;
  padding: 20px;
}

.conferenceCard {
  padding: 0 15px 0 15px;
  margin-bottom: 50px;
  z-index: 1000;
}

.conferenceCardImage {
  padding: 0;
}

.conferenceCardImageControl {
  width: 100%;
}

.conferenceCardTitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.25;
  color: #000000;
  padding: 20px;
  background-color: #FFFFFF;
  height: 160px;
}

.conferenceCardSummary {
  font-family: 'OpenSans', sans-serif;
  font-size: 16px;
  padding: 10px 20px 50px 20px;
  color: #000000;
  background-color: #FFFFFF;
  height: 235px;
}

.conferenceCardActions {
  background-color: #FFFFFF;
  overflow: hidden;
  padding-bottom:0px;
}

.conferenceCardLocation {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #75787b;
  padding: 5px 10px 20px 20px;
}

.conferenceCardLocationIcon {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #75787b;
  padding: 0 0 30px 20px;
}

.conferenceCardRegister {
  padding: 7px 0 0 20px;
}

.conferenceCardRegisterButton {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #75787b;
  color: #222222;
  padding: 8px 15px;
  text-decoration: none;
}

.conferenceCardRegisterButton:visited {
  color: #222222;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #75787b;
}

.conferenceCardRegisterButton:hover {
  color: #333333;
  text-decoration: none;
  background-color: #eeeeee;
  border: 1px solid #75787b;
}

.conferenceCardRegisterButton:active {
  color: #333333;
  text-decoration: none;
  background-color: #eeeeee;
  border: 1px solid #75787b;
}

.conferenceCardDate {
  position: absolute;
  top: -20px;
  left: 40px;
  height: 110px;
  width: 110px;
  text-align: center;
  background-color: #002855;
  font-family: 'Montserrat', sans-serif;
  font-size: 29px;
  line-height: 1.21;
  color: #FFFFFF;
  padding: 20px 0 0 0;
}

.conferenceShowcaseActions {
  clear:both;
}

/* ------------------- */
/*    CSDL Trending    */
/* ------------------- */

.csdlTrending {
  background-color: #FFFFFF;
  overflow: hidden;
  margin: 0 0px 20px 0px;
  min-height: 470px;
  border-radius: 4px;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09);
}

.csdlTrendingHeader {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 300;
  padding: 30px 0 5px 20px;
  color: #75787b;
  min-height: 80px;
}

.csdlTrendingTitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 24px;
  font-weight: 300;
  color: #000000;
  padding: 20px;
  min-height: 150px;
  overflow: hidden;
}

.csdlTrendingAuthorName {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  color: #75787b;
  padding: 10px 0 0 20px;
}

.csdlTrendingAuthorAffilation {
  font-family: 'OpenSans', sans-serif;
  font-size: 13px;
  font-weight: 300;
  font-style: italic;
  color: #75787b;
  padding: 0 0 20px 20px;
}

.csdlTrendingSummary {
  font-family: 'OpenSans', sans-serif;
  font-size: 16px;
  padding: 10px 20px 20px 20px;
  color: #000000;
  min-height: 200px;
  box-sizing: border-box;
  overflow: hidden;
}

.csdlTrendingUsage {
  font-family: 'OpenSans', sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #75787b;
  padding: 0;
  position: absolute;
  bottom: 50px;
}

.csdlTrendingUsageValue {
  font-weight: 600;
  margin-left: 20px;
}

.csdlTrendingActions {
  margin-top: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 5px 0 5px 0;
}

.csdlActionButtonLeft {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  border-radius: 4px;
  background-color: #e87722;
  border: 0px;
  padding: 20px;
}

.csdlActionButtonRight {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  border-radius: 4px;
  background-color: rgba(242, 242, 242, 0.08);
  border: 1px solid #75787b;
  color: #222222;
  padding: 20px;
  text-decoration: none;
}

.csdlActionButtonRight:visited {
  color: #222222;
  text-decoration: none;
  background-color: rgba(242, 242, 242, 0.08);
  border: 1px solid #75787b;
}

.csdlActionButtonRight:hover {
  color: #333333;
  text-decoration: none;
  background-color: rgba(200, 200, 200, 0.18);
  border: 1px solid #75787b;
}

.csdlActionButtonRight:active {
  color: #333333;
  text-decoration: none;
  background-color: rgba(200, 200, 200, 0.18);
  border: 1px solid #75787b;
}

/* ------------------- */
/*       Awards        */
/* ------------------- */
.awardRecipientContainer {
  margin-bottom: 80px;
}

.awardRecipientHeader {
  z-index: 1000;
  position: relative;
}

.awardRecipientTitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 1.28;
  color: #555555;
  text-align: center;
  padding: 0 0 40px 0;
}

.awardRecipientContent {
  font-family: 'Montserrat', sans-serif;
  padding: 10px 0 10px 0;
  border: 1px solid #cccccc;
  border-radius: 4px;
  margin-top: 20px;
  box-shadow: 2px 2px 5px #cccccc;
  display: table;
}

.awardRecipientYear {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  width: 20%;
}

.awardRecipientNameAndLink {
  text-align: left;
  display: table-cell;
  vertical-align: middle;
  padding: 5px 20px 5px 0;
  width: 80%;
}

.awardDeadlineHeader {
  z-index: 1000;
  position: relative;
}

.awardDeadlineTitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 26px;
  font-weight: 300;
  line-height: 1.28;
  color: #555555;
  text-align: center;
  padding: 70px 0 40px 0;
}

.awardNomination {
  color: #00b5e2;
  font-family: "OpenSans",sans-serif;
  font-size: 16px;
  padding: 0 20px 0 20px;
}

.awardNominationButton {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  width: 350px;
  height: 60px;
  border-radius: 4px;
  background-color: #e87722;
  border: 0px;
  padding: 10px 20px;
  text-decoration: none;
  color: #ffffff !important;
}

.awardNominationButton:hover {
  text-decoration: none;
}

/* ------------------- */
/*   Call for Papers   */
/* ------------------- */
.callForPaperRecipientHeader {
  z-index: 1000;
  position: relative;
}

.callForPaperRecipientTitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 1.28;
  color: #555555;
  text-align: center;
  padding: 70px 0 40px 0;
}

.callForPaperDeadlineHeader {
  z-index: 1000;
  position: relative;
}

.callForPaperDeadlineTitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 1.28;
  color: #555555;
  text-align: center;
  padding: 70px 0 40px 0;
}

.callForPaperNomination {
  color: #00b5e2;
  font-family: "OpenSans",sans-serif;
  font-size: 16px;
  padding: 0 20px 0 20px;
}

.callForPaperNominationButton {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  width: 350px;
  height: 60px;
  border-radius: 4px;
  background-color: #e87722;
  border: 0px;
  padding: 10px 20px;
}

/* ------------------- */
/*    Card Stacks      */
/* ------------------- */
.cardStack {
  background: #00629b url("../jpg/confcalendarbg.jpg") repeat scroll left top;
  overflow: hidden;
  padding-bottom: 50px;
  position: relative;
}

.cardStackHeader {
  z-index: 1000;
  position: relative;
}

.cardStackTitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 36px;
  font-weight: 300;
  line-height: 1.28;
  color: #FFFFFF;
  text-align: center;
  padding: 70px 0 70px 0;
}

.cardStackActionTop {
  font-family: 'OpenSans', sans-serif;
  font-size: 16px;
  margin-bottom: 30px;
}

.cardStackActionTopLink {
  color: #00b5e2;
  font-family: "OpenSans",sans-serif;
  font-size: 16px;
  padding: 0 20px 0 20px;
}

.cardStackView {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  width: 350px;
  height: 60px;
  border-radius: 4px;
  background-color: #e87722;
  border: 0px;
  padding: 15px 20px 15px 20px;
}

.cardStackCard {
  padding: 0 15px 0 15px;
  margin-bottom: 50px;
  z-index: 1000;
}

.cardStackCardImage {
  padding: 0;
  height: 300px;
}

.cardStackCardImageControl {
  width: 100%;
}

.cardStackCardTitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.25;
  color: #000000;
  padding: 20px;
  background-color: #FFFFFF;
  min-height: 110px;
}

.cardStackCardSummary {
  font-family: 'OpenSans', sans-serif;
  font-size: 16px;
  padding: 10px 20px 50px 20px;
  color: #000000;
  background-color: #FFFFFF;
  min-height: 175px;
}

/* ------------------- */
/*    Image Stacks     */
/* ------------------- */
.imageStackContainer {
  margin-bottom: 75px;
}

.imageStackTitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 28px;
  font-weight: 300;
  font-style: normal;
  line-height: 35px;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}

.imageStackTitle {
  margin-bottom: 50px;
}

.imageStackTitleShort {
  margin-bottom: 20px;
}

.imageStackSubTitle {
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  font-weight: 300;
  font-style: normal;
  line-height: 35px;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  margin-bottom: 40px;
}

.imageStackSubHeading {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  font-weight: 300;
  font-style: normal;
  line-height: 30px;
  letter-spacing: normal;
  margin: 20px 0;
  text-align: center;
  color: #000;
  padding: 0 15px;
}

.imageStackImage {
  margin-bottom: 35px;
}

.imageStackDesc {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  line-height: 22px;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  padding: 0 35px;
}

.imageStackDescNarrow {
  width: 50%;
  margin: 0 auto;
}

/* ------------------- */
/*   Related Stacks    */
/* ------------------- */
.relatedStack {
  margin-bottom: 10px;
}

.relatedStackContainer {
  margin-bottom: 75px;
}

.relatedStackHeading {
  font-family: 'Montserrat', sans-serif;
  font-size: 28px;
  font-weight: 300;
  font-style: normal;
  line-height: 35px;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  margin-top: 40px;
  margin-bottom: 60px;
}

.relatedStackSubHeading {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 300;
  font-style: normal;
  line-height: 30px;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  padding: 0 15px;
}

.relatedStackImage {
  margin-bottom: 15px;
}

.relatedStackImage img {
  width: 60px;
}

/* ------------------- */
/*     Bio  Stacks     */
/* ------------------- */
.bioStackContainer {
  margin-bottom: 80px;
}

.bioStackHeading {
  font-family: 'Montserrat', sans-serif;
  font-size: 28px;
  font-weight: 300;
  font-style: normal;
  line-height: 35px;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  margin-bottom: 40px;
}

.bioStackSubHeading {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  font-weight: 300;
  font-style: normal;
  line-height: 30px;
  letter-spacing: normal;
  margin: 20px 0;
  text-align: center;
  color: #000;
  padding: 0 15px;
  min-height: 50px;
  max-height: 50px;
}

.bioStackImage {
  margin-bottom: 35px;
}

.bioStackDesc {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  line-height: 22px;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  padding: 0 15px;
  min-height: 50px;
  max-height: 50px;
}

.bioImageCircle {
  margin: 30px auto 0 auto;
}

.bioImage {
  border-radius: 40px;
  border: 1px solid #FFFFFF;
  width: 100%;
}

.bioStackIcon {
  color: #bbbbbb;
  margin: 20px 5px 0 5px;
}

.bioFeaturedTitle {
  padding: 20px;
}

.bioFeaturedSummary {
  padding: 0 20px 20px 20px;
}

/* ------------------- */
/*     Accordion       */
/* ------------------- */
.accordionTitle {
  background-color: #fff;
  padding: 40px 0 25px 0;
}

.accordionHeading {
  font-family: 'Montserrat', sans-serif;
  font-size: 36px;
  font-weight: 300;
  line-height: 45px;
  margin-bottom: 25px;
  text-align: center;
}

.accordionPanelBorder {
  border-bottom: 1px solid #cecece;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

.accordionPanelTitle {
  color: #000;
  font-family: 'Montserrat', sans-serif;
  font-size: 24px;
  font-weight: 300;
  margin-left: 20px;
  cursor: pointer;
}

.accordionPanelHeading {
  padding: 20px 15px;
  position: relative;
}

.accordionPanelHeading[data-toggle="collapse"]:after {
  color: #000;
  content: "\f0da"; /* right caret icon */
  font-family: 'FontAwesome';
  font-size: 24px;
  position: absolute;
  line-height: 22px;
  left: 5;
  top: calc(50% - 10px);

  -webkit-transform: rotate(90deg);
  -moz-transform:    rotate(90deg);
  -ms-transform:     rotate(90deg);
  -o-transform:      rotate(90deg);
  transform:         rotate(90deg);
}

.accordionPanelHeading[data-toggle="collapse"].collapsed:after {
  /* rotate icon from > (right arrow) to ^ (up arrow) */
  -webkit-transform: rotate(0deg);
  -moz-transform:    rotate(0deg);
  -ms-transform:     rotate(0deg);
  -o-transform:      rotate(0deg);
  transform:         rotate(0deg);
}

.accordionPanel {
  border-top: 0;
  border-right: 0;
  border-left: 0;
}

.accordionPanelBody: {
  border-top: 0;
  border-bottom: 0;
}

.accordionPanelGroup .accordionPanel {
  border-radius: 0;
}

.accordionPanelGroup .accordionPanelHeading + .accordionPanelCollapse > .accordionPanelBody, .accordionPanelGroup .accordionPanelHeading + .accordionPanelCollapse > .list-group {
  border-top: 0;
  padding-left: 35px;
}

/* ------------------- */
/*      2-Column       */
/* ------------------- */
.column2LandingPage {
  background-color: #f5f5f5;
  padding: 40px 0;
}

.column2LandingPageHeading {
  font-family: 'Montserrat', sans-serif;
  font-size: 28px;
  font-weight: 300;
  text-align: center;
  margin-bottom: 25px;
}

.column2LandingPageSummary {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 25px;
}

.column2LandingPageItem {
  background-color: #fff;
  box-shadow: 1px 1px 6px 0 rgba(0,0,0,0.09);
  border-radius: 2px;
  margin: 5px 5px 10px 5px;
  padding: 20px 20px 0 20px;
  overflow: hidden;
  min-height: 200px;
  max-height: 200px;
}

.column2LandingPageItemIcon {
  float: left;
  padding: 5px 20px 0 20px;
  min-height: 160px;
  max-height: 160px;
}

.column2LandingPageItemTitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 24px;
  line-height: 30px;
  overflow: hidden;
  margin: 0 0 15px 0;
}

.column2LandingPageItemTitle > a {
  color: #515253;
}

/* ------------------- */
/*   Community Buzz    */
/* ------------------- */
.communityBuzz {
  background-color: #00629b;
  overflow: hidden;
  padding-bottom: 50px;
  margin-top: 0px;
}

.communityBuzzTitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 36px;
  font-weight: 300;
  line-height: 1.28;
  color: #FFFFFF;
  text-align: center;
  padding: 80px 0 80px 0;
}

.communityBuzzCard {
  padding: 0 15px 0 15px;
  margin-bottom: 50px;
}

.communityBuzzCardImage {
  padding: 0;
}

.communityBuzzCardImageControl {
  width: 100%;
}

.communityBuzzCardTitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  color: #75787b;
  padding: 20px;
  background-color: #FFFFFF;
}

.communityBuzzCardSummary {
  font-family: 'OpenSans', sans-serif;
  font-size: 16px;
  padding: 10px 20px 30px 20px;
  color: #000000;
  background-color: #FFFFFF;
}

/* ------------------- */
/*    Testimonials     */
/* ------------------- */
.testimonialBackgroundWrapper {
  margin-top: 50px;
}

.testimonialCards {
  margin-top: -120px;
}

.testimonialHeader {
  z-index: 1000;
  position: relative;
}

.testimonialTitle {
  fontfamily: 'Montserrat', sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 45px;
  color: #fff;
  text-align: center;
  padding: 80px 0 15px 0;
}

.testimonialCard {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 1px 1px 6px 0 rgba(0,0,0,0.09);
  margin-bottom: 50px;
  z-index: 1000;
}

.testimonialCardImage {
  padding: 0;
}

.testimonialCardImageControl {
  border-radius: 4px 4px 0 0;
  width: 100%;
}

.testimonialCardContent {
  padding: 7% 7%;
}

.testimonialCardContentBorder {
  background-color: #fff;
  border-left: 3px solid #00629B;
  padding-left: 3%;
}

.testimonialCardQuote {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  color: #000000;
  background-color: #FFFFFF;
  padding: 5px 0 20px 0;
  min-height: 140px;
}

.testimonialBio1 {
  color: #000000;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  min-height: 50px;
}

.testimonialBio2 {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
}

/* ------------------- */
/*     Committees      */
/* ------------------- */
.committeeContainer {
  margin-top: 100px;
  margin-bottom: 100px;
}

.committeeCards {
  margin-top: -120px;
}

.committeeHeader {
  z-index: 1000;
  position: relative;
}

.committeeTitle {
  fontfamily: 'Montserrat', sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 45px;
  color: #fff;
  text-align: center;
  padding: 80px 0 15px 0;
}

.committeeCardContainer {
  border: 1px solid #757575;
  border-radius: 4px;
  position: relative;
  height: 100%;
  width: 100%;
}

.committeeCardTopContent {
  background-color: #002855;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding: 15px 0;
}

.committeeCardBottomContent {
  background-color: #fff;
  border-radius: 4px;
  padding: 15px 20px 15px 25px;
}

.committeeCardTag {
  color: #4a4a4a;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 200;
  line-height: 24px;
  margin-bottom: 5px;
}

.committeeCardTitle {
  color: #000;
  font-family: 'Montserrat', sans-serif;
  font-size: 24px;
  line-height: 29px;
  margin-bottom: 5px;
  min-height: 70px;
}

.committeeCardAuthorContainer {
  margin: 5px 0 20px 0;
}

.committeeCardAuthor {
  color: #000;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  line-height: 27px;
}

.committeeCardSummary {
  color: #000;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  min-height: 100px;
  margin-bottom: 20px;
}

.committeeCardActionLabel {
  color: #75787b;
  background-color: #fff;
  border: 1px solid #cecece;
  border-radius: 4px;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  line-height: 19px;
  padding: 8px 15px;
}

.committeeCardActionLabel:visited {
  background-color: #fff;
}

.committeeCardActionLabel:active {
  background-color: #e9e9e9;
}

.committeeCardRowSpacing {
  margin-top: 30px;
}

/* ------------------- */
/*   General Header    */
/* ------------------- */
.generalHeader {
  background-color: #00629b;
  padding: 30px 0 40px 0;
  overflow: hidden;
  position: relative;
}

.generalHeaderBreadcrumbs {
  font-family: 'OpenSans', sans-serif;
  font-size: 14px;
  color: #cecece;
  padding: 20px 0 20px 0;
}

.generalHeaderTitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 40px;
  color: #ffffff;
  line-height: 1.3;
  padding: 0 0 20px 0;
}

.generalHeaderSummary {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  font-weight: 300;
  color: #ffffff;
  line-height: 1.5;
  padding: 0 0 40px 0;
}

.generalHeaderSummary a {
  color: #ffffff;
  text-decoration: none;
}

.generalHeaderSummary a:visited {
  color: #ffffff;
  text-decoration: none;
}

.generalHeaderSummary a:hover {
  color: #eeeeee;
}

.generalHeaderSummary a:active {
  color: #eeeeee;
}

.generalHeaderActions {
  margin-bottom: 40px;
}

.pageHeaderBreadcrumbs {
  font-family: 'OpenSans', sans-serif;
  font-size: 14px;
  color: #cecece;
  padding: 0 0 20px 0;
}

.breadCrumbTextLast {
  font-family: 'OpenSans', sans-serif;
  font-size: 14px;
  color: #cecece;

}

.breadCrumbTextLast {
  padding: 20px 0 20px 10px;
}

/* ------------------- */
/*   General Content   */
/* ------------------- */
.generalContent {
  font-family: 'Montserrat', sans-serif;
  padding: 60px 0 60px 0;
  overflow: hidden;
}

.generalAdContent {
  margin-top: 100px;
}

.generalContent p {
  font-family: 'OpenSans', sans-serif;
  font-size: 16px;
}

.generalContent div {
  font-family: 'OpenSans', sans-serif;
  font-size: 16px;
}

.generalContent h1 {
  font-family: 'Montserrat', sans-serif;
  font-size: 36px;
  font-weight: 300;
  line-height: 1.25;
  color: #000000;
}

.generalContent h2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 1.25;
  color: #000000;
}

.generalContentTitle {
  margin-top: 20px;
  margin-bottom: 40px;
}

.generalContentForm {

}

/* ------------------- */
/*   Profile Header    */
/* ------------------- */
.profileHeader {
  background-color: #00629b;
  padding: 30px 0 60px 0;
  overflow: hidden;
  position: relative;
}

.profileHeaderBreadcrumbs {
  font-family: 'OpenSans', sans-serif;
  font-size: 14px;
  color: #cecece;
  padding: 20px 0 30px 0;
}

.profileHeaderTitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 40px;
  color: #ffffff;
  line-height: 1.3;
  padding: 15px 0 20px 0;
  margin-left: -10%;
}

.profileHeaderSummary {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  font-weight: 300;
  color: #ffffff;
  line-height: 1.5;
  padding: 0 0 40px 0;
  margin-left: -10%;
}

.profileImageCaption {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 300;
  color: #ffffff;
  padding: 0 40px 0 40px;
}

.profileHeaderActions {
  padding: 40px 0 40px 0;
  margin-left: -10%;
}

.profileContent {
  font-family: 'Open Sans', sans-serif;
  padding: 60px 0 60px 0;
  overflow: hidden;
}

.profileContentTitle {
  font-family: 'Montserrat', sans-serif;
  margin-top: 20px;
  margin-bottom: 40px;
}

.profileContentLeft {
  padding: 0;
}

.profileContentRight {
  padding: 0;
}

.profileImageCircle {
  margin: 30px auto;
  overflow: hidden;
}

.profileImage {
  width: 200px;
  height: 200px;
  border-radius: 100px;
  border: 0px;
}

/* ------------------- */
/*   Landing Header    */
/* ------------------- */
.landingHeader {
  background-size: cover;
  position: relative;
  padding: 20px 0 20px 0;
  overflow: hidden;
}

.landingHeaderHeading {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  font-weight: 300;
  color: #cecece;
  padding: 20px 0 20px 0;
}

.landingHeaderHeadingBar {
  width: 70px;
  height: 4px;
  background-color: #cecece;
  margin: -10px 0 30px 0;
}

.landingHeaderTitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 40px;
  color: #ffffff;
  line-height: 1.3;
  padding: 0 0 20px 0;
}

.landingHeaderSummary {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  font-weight: 300;
  color: #ffffff;
  line-height: 1.5;
  padding: 0 0 20px 0;
}

.landingHeaderBase {
  background-size: cover;
  background-color: #00629b;
  position: relative;
  padding: 20px 0 60px 0;
  overflow: hidden;
}

/* ------------------- */
/*   Action Item Bar   */
/* ------------------- */
.actionItemBar {
  padding: 20px 0 40px 0;
  margin: 20px 0 0 0;
  border-bottom: 1px solid #cecece;
  text-align: center;
}

.actionItemBarButton {
  border: 1px solid #75787b;
  border-radius: 4px;
  cursor: pointer;
  margin: 0 10px;
}

.actionItemBarButtonContainer {
  display: inline-block;
}

.actionItemBarMoreButton {
  cursor: pointer;
  color: #000000;
  text-align: center;
  margin-left: 20px;
}

.actionItemBarMoreButtonGroup {
  border: 1px solid #75787b;
  border-radius: 4px;
}

.btn-actionItem {
  background-color: #ffffff;
  border-color: #eaeaea;
  color: #000;
  font-size: 16px;
  padding: 14px 15px;
  font-family: "Montserrat",sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.25;
}

.actionItemBarButtonText {
  color: #000000;
  font-family: "Montserrat",sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.25;
  padding: 15px 20px;
  text-align: center;
}

/* ------------------- */
/*   Nav Action Bar    */
/* ------------------- */
.navActionItemBar {
  border-bottom: 1px solid #cecece;
  background-color: #dddddd;
}

.navActionItemBarButton {
  cursor: pointer;
  margin: 5px 10px 0 10px;
}

.navActionItemBarButtonContainer {
  display: inline-block;
  margin-left: 40px;
}

.navActionItemBarMoreButton {
  cursor: pointer;
  color: #000000;
  text-align: center;
  margin-left: 20px;
}

.navActionItemBarMoreButtonGroup {

}

.btn-navActionItem {
  color: #000;
  padding: 10px 20px;
  font-family: "Montserrat",sans-serif;
  font-size: 16px;
  font-weight: 300;
  margin-top: 8px;
}

.navActionItemDropdown {
  margin-top: 5px;
}

.navActionItemBarButtonText {
  color: #000000;
  font-family: "Montserrat",sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.25;
  padding: 15px 10px 5px 10px;
  text-align: center;
  border-bottom: 4px solid #dddddd;
  margin: 0 5px;
}

.navActionItemBarButtonText:hover {
  border-bottom: 4px solid #00629b;
}

.navActionItemBarButtonText a {
  color: #000000;
  text-decoration: none;
}

.navActionItemBarButtonText a:visited {
  color: #000000;
  text-decoration: none;
}

.navActionItemBarButtonText a:hover {
  color: #000000;
  text-decoration: none;
}

.navActionItemBarButtonText a:active {
  color: #000000;
  text-decoration: none;
}

/* ------------------- */
/*     Viewpoints      */
/* ------------------- */
.viewpoints {
  background-color: #f5f5f5;
}

.viewpointTopicsBar {
  border-bottom: 1px solid #cecece;
  background-color: #002855;
}

.viewpointTopicsBarButton {
  cursor: pointer;
  margin: 5px 10px 0 10px;
}

.viewpointTopicsBarButtonContainer {
  display: inline-block;
  margin-left: 40px;
}

.viewpointTopicsBarMoreButton {
  cursor: pointer;
  color: #000000;
  text-align: center;
  margin-left: 20px;
}

.viewpointTopicsBarMoreButtonGroup {

}

.btn-viewpointTopics {
  color: #ffffff;
  padding: 10px 20px;
  font-family: "Montserrat",sans-serif;
  font-size: 16px;
  font-weight: 300;
  margin-top: 8px;
  background-color: #002855;
}

.viewpointTopicsDropdown {
  margin-top: 5px;
}

.viewpointTopicsBarButtonText {
  color: #000000;
  font-family: "Montserrat",sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.25;
  padding: 15px 10px 5px 10px;
  text-align: center;
  border-bottom: 4px solid #002855;
  margin: 0 5px;
}

.viewpointTopicsBarButtonText:hover {
  border-bottom: 4px solid #dddddd;
}

.viewpointsPostListingHeader {
  padding: 10px 15px 5px 15px;
  border: 1px solid #ddd;
  margin-top: 20px;
  overflow: hidden;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 2px 2px 6px #ccc;
}

.viewpointsPostListing {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  box-shadow: 2px 2px 6px #cccccc;
  padding: 15px 20px 20px 20px;
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: 20px;
}

.viewpointsPostFilterControls {
  padding-right: 0;
}

.viewpointsPostFilterResults {
  font-size: 18px;
}

.viewpointPageNoResults {
  text-align: center;
  padding: 10px 0 20px 0;
  font-size: 22px;
}

.viewpointsLoadMorePosts {
  float: left;
  width: 100%;
  padding: 5px 0 5px 0;
  text-align: center;
}

.viewpointsLoadMorePostsButton {
  padding: 10px 0 10px 0;
  width: 60%;
  margin-bottom: 40px;
  border-radius: 4px;
}

.viewpointPostContainer {
  float: left;
  margin: 0 10px 0 10px;
  border-radius: 4px;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09);
  border-bottom: 1px solid #cccccc;
  padding: 20px 0 30px 0;
  width: 100%;
  position: relative;
}

.viewpointPostLeft {
  background-color: #FFFFFF;
  height: 160px;
  margin-bottom: 30px;
  text-align: center;
}

.viewpointPostRight {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.31;
  color: #000000;
  background-color: #FFFFFF;
  padding: 0 20px 0 20px;
}

.viewpointPostImage {
  height: 160px;
}

.viewpointPostSource {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  color: #333333;
  padding: 0 0 10px 0;
}

.viewpointPostTitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  color: #000000;
  padding: 0 0 5px 0;
}

.viewpointPostAuthors {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  color: #555555;
  padding: 0 0 18px 0;
}

.viewpointPostSummary {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  color: #333333;
}

.viewpointsBlogListHeader {
  font-family: 'Montserrat', sans-serif;
  font-size: 22px;
  color: #333333;
  padding: 50px 0 15px 20px;
}

.viewpointsBlogList {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  color: #333333;
  padding: 0 0 0 20px;
}

.viewpointsBlogListLink {
  padding: 10px 0 10px 15px;
  overflow: hidden;
}

.viewpointsMultimediaListHeader {
  font-family: 'Montserrat', sans-serif;
  font-size: 22px;
  color: #333333;
  padding: 50px 0 15px 20px;
}

.viewpointsMultimediaList {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  color: #333333;
  padding: 0 0 100px 20px;
}

.viewpointsMultimediaListLink {
  padding: 10px 0 10px 0;
  overflow: hidden;
}

.viewpointsMultimediaListLinkText {
  padding: 20px 0 0 15px;
}

.viewpointsMultimediaListLinkImage {
  margin-left: -15px;
}

.viewpointsRelatedListHeader {
  font-family: 'Montserrat', sans-serif;
  font-size: 22px;
  color: #333333;
  padding: 50px 0 15px 20px;
}

.viewpointsRelatedList {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  color: #333333;
  padding: 0 0 0 20px;
}

.viewpointsRelatedListLink {
  padding: 10px 0 10px 0;
  overflow: hidden;
}

.viewpointsRelatedListLinkText {
  padding: 20px 0 0 15px;
}

.viewpointsRelatedListLinkImage {
  margin-left: -15px;
}

.viewpointsBiosHeader {
  font-family: 'Montserrat', sans-serif;
  font-size: 22px;
  color: #333333;
  padding: 50px 0 15px 20px;
}

.viewpointsBiosList {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  color: #333333;
  padding: 0 0 0 20px;
}

.viewpointsBioStackContainer {
  margin-bottom: 50px;
}

.viewpointsBioStackSubHeading {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  font-weight: 300;
  font-style: normal;
  line-height: 30px;
  letter-spacing: normal;
  margin: 20px 0;
  text-align: center;
  color: #000;
  padding: 0 15px;
}

.viewpointsBioStackDesc {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  line-height: 22px;
  letter-spacing: normal;
  color: #000;
  padding: 0;
  overflow: hidden;
}

.viewpointsBioImageCircle {
  margin: 30px auto 0 auto;
}

.viewpointsBioImage {
  width: 180px;
  height: 180px;
  border-radius: 90px;
  border: 1px solid #FFFFFF;
}

.viewpointsBioStackIcon {
  color: #bbbbbb;
  margin: 20px 5px 0 5px;
}

/* ------------------- */
/*       Awards        */
/* ------------------- */
.awards {
  background-color: #f5f5f5;
}

.awardTopicsBar {
  border-bottom: 1px solid #cecece;
  background-color: #002855;
}

.awardTopicsBarButton {
  cursor: pointer;
  margin: 5px 10px 0 10px;
}

.awardTopicsBarButtonContainer {
  display: inline-block;
  margin-left: 40px;
}

.awardTopicsBarMoreButton {
  cursor: pointer;
  color: #000000;
  text-align: center;
  margin-left: 20px;
}

.awardTopicsBarMoreButtonGroup {

}

.btn-awardTopics {
  color: #ffffff;
  padding: 10px 20px;
  font-family: "Montserrat",sans-serif;
  font-size: 16px;
  font-weight: 300;
  margin-top: 8px;
  background-color: #002855;
}

.awardTopicsDropdown {
  margin-top: 5px;
}

.awardTopicsBarButtonText {
  color: #000000;
  font-family: "Montserrat",sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.25;
  padding: 15px 10px 5px 10px;
  text-align: center;
  border-bottom: 4px solid #002855;
  margin: 0 5px;
}

.awardTopicsBarButtonText:hover {
  border-bottom: 4px solid #dddddd;
}

.awardsPostListingHeader {
  padding: 0 20px 0 20px;
  margin-bottom: 40px;
  text-align: center;
}

.awardsPostListingFilterActions {
  padding: 0 0 40px 0;
  text-align: center;
  font-size: 14px;
}

.awardsPostListing {
  background-color: #ffffff;
  padding: 15px 20px 100px 20px;
  overflow: hidden;
  margin-top: 50px;
  margin-bottom: 50px;
}

.awardPostContainer {
  float: left;
  margin: 0 10px 0 10px;
  border-radius: 4px;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09);
  border-top: 1px solid #cccccc;
  padding: 20px 0 20px 0;
  width: 100%;
}

.awardPostLeft {
  background-color: #FFFFFF;
  height: 160px;
  margin-bottom: 30px;
  text-align: center;
}

.awardPostRight {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.31;
  color: #000000;
  background-color: #FFFFFF;
  padding: 0 20px 0 20px;
  border-right: 1px solid #cccccc;
}

.awardPostImage {
  height: 100px;
}

.awardPostSource {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  color: #333333;
  padding: 40px 0 10px 0;
}

.awardPostTitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  color: #000000;
  padding: 10px 0 20px 0;
}

.awardPostActions {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  color: #555555;
  padding: 20px 0 40px 0;
}

.awardPostNominate {
  padding: 10px 20px 10px 20px;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  margin-right: 30px;
}

.awardPostNominationDeadline {
  font-weight: 600;
  font-size: 16px;
  margin-right: 40px;
}

.awardPostSummary {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  color: #333333;
  padding: 0 0 20px 0;
}

.awardsBiosHeader {
  font-family: 'Montserrat', sans-serif;
  font-size: 22px;
  color: #333333;
  padding: 50px 0 15px 20px;
}

.awardsBiosList {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  color: #333333;
  padding: 0 0 0 20px;
}

.awardsBioStackContainer {
  margin-bottom: 50px;
}

.awardsBioStackSubHeading {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  font-weight: 300;
  font-style: normal;
  line-height: 30px;
  letter-spacing: normal;
  margin: 20px 0;
  text-align: center;
  color: #000;
  padding: 0 15px;
}

.awardsBioStackDesc {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  line-height: 22px;
  letter-spacing: normal;
  color: #000;
  padding: 0 15px;
  overflow: hidden;
}

.awardsBioImageCircle {
  margin: 30px auto 0 auto;
}

.awardsBioImage {
  width: 180px;
  height: 180px;
  border-radius: 90px;
  border: 1px solid #FFFFFF;
}

.awardsBioStackIcon {
  color: #bbbbbb;
  margin: 20px 5px 0 5px;
}

.awardLastRecipientText {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  color: #333333;
  padding: 30px 0 0 0;
}

.awardLastRecipientImage {
  padding: 10px 0 10px 0;
}

.awardLastRecipientName {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  color: #333333;
  padding: 10px 0 0 0;
}

/* ------------------- */
/*   Call for Papers   */
/* ------------------- */
.callForPapers {
  background-color: #f5f5f5;
}

.callForPaperTopicsBar {
  border-bottom: 1px solid #cecece;
  background-color: #002855;
}

.callForPaperTopicsBarButton {
  cursor: pointer;
  margin: 5px 10px 0 10px;
}

.callForPaperTopicsBarButtonContainer {
  display: inline-block;
  margin-left: 40px;
}

.callForPaperTopicsBarMoreButton {
  cursor: pointer;
  color: #000000;
  text-align: center;
  margin-left: 20px;
}

.callForPaperTopicsBarMoreButtonGroup {

}

.btn-callForPaperTopics {
  color: #ffffff;
  padding: 10px 20px;
  font-family: "Montserrat",sans-serif;
  font-size: 16px;
  font-weight: 300;
  margin-top: 8px;
  background-color: #002855;
}

.callForPaperTopicsDropdown {
  margin-top: 5px;
}

.callForPaperTopicsBarButtonText {
  color: #000000;
  font-family: "Montserrat",sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.25;
  padding: 15px 10px 5px 10px;
  text-align: center;
  border-bottom: 4px solid #002855;
  margin: 0 5px;
}

.callForPaperTopicsBarButtonText:hover {
  border-bottom: 4px solid #dddddd;
}

.callForPapersPostListingHeader {
  padding: 0 20px 0 20px;
  margin-bottom: 40px;
  text-align: center;
}

.callForPapersPostListingFilterActionBar {
  padding: 0 0 40px 0;
  text-align: center;
  font-size: 14px;
  overflow: hidden;
}

.cfpFilterActionButton {
  padding: 15px 10px 15px 10px;
  border: 1px solid #555555;
  background-color: #eeeeee;
  text-align: center;
  cursor: pointer;
}

.cfpFilterActionButtonActive {
  background-color: #cccccc;
}

.cfpFilterActionButtonLeftMost {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.cfpFilterActionButtonRightMost {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.searchFragment {
  width: 65%;
}

.searchDateRange,
.searchMagazines,
.searchTransactions {
  width: 50%;
}

.callForPapersPostListingFilterActions {
  padding: 0 0 60px 0;
  text-align: center;
  font-size: 14px;
}

.callForPapersPostListingFilterActionLabel {
  padding: 6px 20px 0 0;
  font-size: 14px;
}

.callForPapersPostListing {
  background-color: #ffffff;
  padding: 15px 20px 100px 20px;
  overflow: hidden;
  margin-top: 50px;
  margin-bottom: 50px;
}

.callForPaperPostContainer {
  float: left;
  margin: 0 10px 0 10px;
  border-radius: 4px;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09);
  border-top: 1px solid #cccccc;
  padding: 20px 0 20px 0;
  width: 100%;
}

.callForPaperRow {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.31;
  color: #000000;
  background-color: #FFFFFF;
  padding: 0 20px 0 20px;
}

.callForPaperNoPostsRow {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.31;
  color: #000000;
  background-color: #FFFFFF;
  padding: 80px 20px 0 20px;
  border-top: 1px solid #cccccc;
}

.callForPaperPostSource {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  color: #333333;
  padding: 40px 0 10px 0;
}

.callForPaperPostTitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  color: #000000;
  padding: 10px 0 20px 0;
}

.callForPaperPostActions {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  color: #555555;
  padding: 20px 0 40px 0;
}

.callForPaperPostNominationDeadline {
  font-weight: 600;
  font-size: 16px;
  margin-right: 40px;
}

.callForPaperPostSummary {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  color: #333333;
  padding: 0 0 20px 0;
}

.callForPaperNoPosts {
  float: left;
  margin: 0 10px 0 10px;
  padding: 20px 0 20px 0;
  width: 100%;
  text-align: center;
}

/* ------------------- */
/*    Focal Points     */
/* ------------------- */
.focalPoints {
  margin: 20px 0 40px 0;
  overflow: hidden;
}

.focalPointTitle {
  color: #000000;
  font-family: "Montserrat",sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 1.25;
  margin-bottom: 50px;
  padding: 0 30px 0 30px
}

.focalPointAction {
  margin-bottom: 80px;
}

.focalPointActionTitle {
  color: #000000;
  font-family: "Montserrat",sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.25;
  padding: 20px;
}

.focalPointActionSummary {
  color: #000000;
  font-family: "Montserrat",sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.25;
  padding: 10px 15% 25px 15%;
}

.focalPointActionLink {
  color: #00b5e2;
  font-family: "OpenSans",sans-serif;
  font-size: 16px;
}

/* ------------------- */
/*  Full Page Launch   */
/* ------------------- */
.fullPageLaunchPoint {
  background-size: cover;
  padding: 60px 0 60px 0;
  overflow: auto;
}

.fullPageLaunchPointTitle {
  color: #000000;
  font-family: "Montserrat",sans-serif;
  font-size: 36px;
  font-weight: 300;
  line-height: 0.97;
  margin-bottom: 30px;
}

.fullPageLaunchPointSummary {
  font-family: "OpenSans",sans-serif;
  font-size: 16px;
  margin: 0 auto 60px auto;
  width: 50%;
}

.fullPageLaunchPointAction {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  border-radius: 4px;
  padding: 15px 20px 15px 20px;
  color: #ffffff;
  text-decoration: none;
  background-color: #e87722;
  border: 1px solid #e87722;
  display:inline-block;
}

.fullPageLaunchPointAction:visited {
  color: #ffffff;
  text-decoration: none;
  background-color: #e87722;
  border: 1px solid #e87722;
  display: inline-block;
}

.fullPageLaunchPointAction:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #ffa300;
  border: 1px solid #ffa300;
  display:inline-block;
}

.fullPageLaunchPointAction:active {
  color: #ffffff;
  text-decoration: none;
  background-color: #ffa300;
  border: 1px solid #ffa300;
  display:inline-block;
}

/* ------------------- */
/*   Related Content   */
/* ------------------- */
.relatedContentImage {
  margin: 50px auto;
  border-radius: 4px;
}

.relatedContentTitle {
  color: #000000;
  font-family: "Montserrat",sans-serif;
  font-size: 36px;
  font-weight: 300;
  line-height: 0.97;
  margin-top: 70px;
  margin-bottom: 30px;
  padding: 0 5%;
}

.relatedContentSummary {
  font-family: "OpenSans",sans-serif;
  font-size: 16px;
  margin: 0 auto 20px auto;
  padding: 0 5%;
}

.relatedContentAction {
  color: #000000;
  font-family: "OpenSans",sans-serif;
  font-size: 16px;
  padding: 0 5%;
}

/* ------------------- */
/*    Related Lists    */
/* ------------------- */
.relatedListHeader,
div.relatedListHeader {
  font-family: 'Montserrat', sans-serif;
  font-size: 22px;
  color: #333333;
  padding: 0 0 15px 20px;
}

.relatedList {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  color: #333333;
  padding: 0 0 0 20px;
}

.relatedListLink {
  padding: 10px 0 10px 0;
  overflow: hidden;
}

.relatedListLinkText {
  padding: 34px 0 0 15px;
}

.relatedListLinkImage {
  margin-left: -15px;
}

/* ------------------- */
/*    Product Pages    */
/* ------------------- */
.productGeneralContent {
  font-family: 'Montserrat', sans-serif;
  padding: 60px 0 60px 0;
}

.productPricingContainer {
  border-radius: 4px;
  background-color: #dddddd;
  padding: 30px;
  margin-top: -250px;
}

@media screen
and (min-width: 0px)
and (max-width: 768px) {
  .productPricingContainer {
    margin-top: -40px;
    margin-bottom: 20px;
  }
}

.productPricingContent {
  margin-bottom: 40px;
}

.productPricingOptionsHeader {
  font-family: "OpenSans",sans-serif;
  font-size: 22px;
  margin-bottom: 15px;
  text-align: center;
}

.productPricingOptionsSubHeader {
  font-family: "OpenSans",sans-serif;
  font-size: 16px;
  margin-bottom: 25px;
}

.productPricingOptionsSubHeader2 {
  font-family: "OpenSans",sans-serif;
  font-size: 16px;
  margin-bottom: 40px;
}

.productPricingHeader {
  font-family: "OpenSans",sans-serif;
  font-size: 16px;
  font-weight: 600;
  margin-top: 20px;
}

.productPricingBottomHeader {
  font-family: "OpenSans",sans-serif;
  font-size: 16px;
  font-weight: 600;
  margin-top: 25px;
}

.productPricingList {

}

.productPricingItem:hover {
  background-color: #dddddd;
  border: 1px solid blue;
  cursor: pointer;
}

.productPricingItem {
  border-radius: 4px;
  overflow: hidden;
  padding: 10px;
  margin: 10px 0 10px 0;
  border: 1px solid #aaaaaa;
  background-color: #ffffff;
  color: #000000;
}

.productPricingButtonContainer {
  margin: 40px 0 50px 0;
}

.productPricingMessageContainer {
  font-family: "OpenSans",sans-serif;
  font-size: 16px;
}

.productPricingMessageContent {
  border: 1px solid #ffffff;
  border-radius: 4px;
  background-color: #ffffff;
  padding: 20px 15px;
}

.productPricingMessageContentBody {
  font-family: "OpenSans",sans-serif;
  font-size: 16px;
  padding: 0 20px 0 20px;
}

.productPricingItemLabel {

}

.productPricingItemValue {

}

.productPricingSaved {
  color: red;
  padding: 0 20px 0 0;
}

.productPricingButtonAction {
  color: #ffffff;
  background-color: #e87722;
  border: 1px solid #e87722;
  border-radius: 4px;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  line-height: 23px;
  padding: 6px 15px;
  width: 100%;
}

.productPricingButtonAction a {
  color: #ffffff;
}

.productPricingButtonAction:visited {
  background-color: #fff;
}

.productPricingButtonAction:active {
  background-color: #e9e9e9;
}

.productPricingCarouselControlsContainer {
  position: relative;
  margin-bottom: 80px;
}

.productPricingCarouselButtonsContainer {
  position: absolute;
  top: 0;
  left: 0;
}

.productPricingCarouselNext,
.productPricingCarouselPrevious {
  background-color: #f8f8f9;
  border-radius: 4px;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09);
  color: #00629b;
  cursor: pointer;
  padding: 30px 15px;
}

.productPricingCarouselPreviousContainer,
.productPricingCarouselNextContainer {
  z-index: 10000;
}

.productPricingCarouselNext {
  margin: 40px 0 0 0;
}

.productPricingCarouselPrevious {
  margin: 40px 0 0 0;
}

.productPricingCarouselDots {
  position: absolute;
  bottom: -40px;

  display: block;

  width: 100%;
  padding: 0;
  margin: 0;

  list-style: none;

  text-align: center;
}

.productPricingCarouselDots li {
  position: relative;

  display: inline-block;

  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;

  cursor: pointer;
}

.productPricingCarouselDots li button {
  font-size: 0;
  line-height: 0;

  display: block;

  width: 20px;
  height: 20px;
  padding: 5px;

  cursor: pointer;

  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.productPricingCarouselDots li button:hover,
.productPricingCarouselDots li button:focus {
  outline: none;
}

.productPricingCarouselDots li button:hover:before,
.productPricingCarouselDots li button:focus:before {
  opacity: 1;
}

.productPricingCarouselDots li button:before {
  font-family: 'slick';
  font-size: 16px;
  line-height: 20px;

  position: absolute;
  top: 0;
  left: 0;

  width: 20px;
  height: 20px;

  content: '•';
  text-align: center;

  opacity: .25;
  color: #0e456b;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.productPricingCarouselDots li.slick-active button:before {
  opacity: .75;
  color: #0e456b;
}

.productPricingCarouselContainer {
  float: left;
  margin: 0 10px 0 10px;
  border-radius: 4px;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09);
}

.productPricingCarouselLeft {
  background-color: #FFFFFF;
  height: 160px;
}

.productPricingCarouselRight {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.31;
  color: #000000;
  background-color: #FFFFFF;
  height: 160px;
  padding: 20px;
}

.productPricingCarouselRightTitleLink {
  color: #000000;
  font-weight: 600;
}

.productPricingCarouselRightDescLink {
  color: #000000;
}

.productPricingCarouselImage {
  height: 160px;
}

.productPricingCarouselHeader {
  font-family: "OpenSans",sans-serif;
  font-size: 22px;
  padding: 10px 0 30px 0;
}

/* ------------------- */
/*   Product Landing   */
/* ------------------- */
.productLandings {
  background-color: #f5f5f5;
}

.productLandingTopicsBar {
  border-bottom: 1px solid #cecece;
  background-color: #002855;
}

.productLandingTopicsBarButton {
  cursor: pointer;
  margin: 5px 10px 0 10px;
}

.productLandingTopicsBarButtonContainer {
  display: inline-block;
  margin-left: 40px;
}

.productLandingTopicsBarMoreButton {
  cursor: pointer;
  color: #000000;
  text-align: center;
  margin-left: 20px;
}

.productLandingTopicsBarMoreButtonGroup {

}

.btn-productLandingTopics {
  color: #ffffff;
  padding: 10px 20px;
  font-family: "Montserrat",sans-serif;
  font-size: 16px;
  font-weight: 300;
  margin-top: 8px;
  background-color: #002855;
}

.productLandingTopicsDropdown {
  margin-top: 5px;
}

.productLandingTopicsBarButtonText {
  color: #000000;
  font-family: "Montserrat",sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.25;
  padding: 15px 10px 5px 10px;
  text-align: center;
  border-bottom: 4px solid #002855;
  margin: 0 5px;
}

.productLandingTopicsBarButtonText:hover {
  border-bottom: 4px solid #dddddd;
}

.productLandingsPostListingHeader {
  font-family: 'Montserrat', sans-serif;
  padding: 0 20px 0 20px;
  border-bottom: 1px solid #000000;
  margin-bottom: 20px;
  overflow: hidden;
}

.productLandingsPostListingHeaderText {
  font-size: 24px;
  margin-top: 0px;
  margin-bottom: 10px;
}

.productLandingsPostListing {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  box-shadow: 2px 2px 6px #cccccc;
  padding: 15px 20px 100px 20px;
  overflow: hidden;
  margin-top: 50px;
  margin-bottom: 50px;
}

.productLandingPostContainer {
  float: left;
  margin: 0 10px 0 10px;
  border-radius: 4px;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09);
  border-bottom: 1px solid #cccccc;
  padding: 20px 0 30px 0;
}

.productLandingPostLeft {
  background-color: #FFFFFF;
  height: 160px;
  margin-bottom: 30px;
  text-align: center;
}

.productLandingPostRight {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.31;
  color: #000000;
  background-color: #FFFFFF;
  padding: 0 20px 0 20px;
}

.productLandingNoPosts {
  margin: 0 10px 0 10px;
  border-radius: 4px;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09);
  border-bottom: 1px solid #cccccc;
  padding: 20px 0 30px 0;
  clear: both;
  text-align: center;
  display: none;
}

.productLandingPostImage {
  width: 100%;
}

.productLandingPostFilter {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  color: #333333;
  padding: 0 0 10px 0;
}

.productLandingPostFilter span {
  font-size: 16px;
}

.filterTypeSpan,
.filterTopicSpan {
  cursor: pointer;
}

.productLandingPostTitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  color: #000000;
  padding: 0 0 5px 0;
}

.productLandingPostAuthors {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  color: #555555;
  padding: 0 0 18px 0;
}

.productLandingPostSummary {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  color: #333333;
}

.productLandingsBlogListHeader {
  font-family: 'Montserrat', sans-serif;
  font-size: 22px;
  color: #333333;
  padding: 50px 0 15px 20px;
}

.productLandingsBlogList {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  color: #333333;
  padding: 0 0 0 20px;
}

.productLandingsBlogListLink {
  padding: 10px 0 10px 0;
  overflow: hidden;
}

.productLandingsMultimediaListHeader {
  font-family: 'Montserrat', sans-serif;
  font-size: 22px;
  color: #333333;
  padding: 50px 0 15px 20px;
}

.productLandingsMultimediaList {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  color: #333333;
  padding: 0 0 0 20px;
}

.productLandingsMultimediaListLink {
  padding: 10px 0 10px 0;
  overflow: hidden;
}

.productLandingsMultimediaListLinkText {
  padding: 20px 0 0 15px;
}

.productLandingsMultimediaListLinkImage {
  margin-left: -15px;
}

.productLandingsRelatedListHeader {
  font-family: 'Montserrat', sans-serif;
  font-size: 22px;
  color: #333333;
  padding: 50px 0 15px 20px;
}

.productLandingsRelatedList {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  color: #333333;
  padding: 0 0 40px 20px;
}

.productLandingsRelatedListLink {
  padding: 10px 0 10px 0;
  overflow: hidden;
}

.productLandingsRelatedListLinkText {
  padding: 20px 0 0 15px;
}

.productLandingsRelatedListLinkImage {
  margin-left: -15px;
}

.productFilterDropdown {
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

/* ------------------- */
/*     Fulfillment     */
/* ------------------- */
.fulfillmentInstructions {
  padding: 10px;
}

.fulfillmentInstructionsTitle {
  font-family: "OpenSans",sans-serif;
  font-size: 16px;
  margin-bottom: 10px;
}

.fulfillmentInstructionsDescription {
  font-family: "OpenSans",sans-serif;
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.fulfillmentErrorMessage {
  font-family: "OpenSans",sans-serif;
  font-size: 14px;
  margin-top: 30px;
  margin-bottom: 10px;
  text-align: center;
  color: #ff0000;
}

/* --------------------------------------------------------- */
/*  Diagonal Aesthetics                                      */
/* --------------------------------------------------------- */
.diagonalAesthetic_01 {
  background: #00629b; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(-90deg, #cecece, #00629b);
  background: -o-linear-gradient(-90deg, #cecece, #00629b);
  background: -moz-linear-gradient(-90deg, #cecece, #00629b);
  background: linear-gradient(-90deg, #cecece, #00629b);
  position: absolute;
  top: 0;
  right: -60px;
  width: 400px;
  height: 330px;
  z-index: 100;
  transform: rotate(18deg);
  transform: skewX(-18deg);
}

.diagonalAesthetic_02 {
  background: #00629b; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(-90deg, #cecece, #00629b);
  background: -o-linear-gradient(-90deg, #cecece, #00629b);
  background: -moz-linear-gradient(-90deg, #cecece, #00629b);
  background: linear-gradient(-90deg, #cecece, #00629b);
  position: absolute;
  top: 0;
  right: -80px;
  width: 400px;
  height: 405px;
  z-index: 100;
  transform: rotate(18deg);
  transform: skewX(-18deg);
}


/* --------------------------------------------------------- */
/*  The 404 Page                                             */
/* --------------------------------------------------------- */
.page404Container {
  margin-top: 60px;
  margin-bottom: 60px;
}

.page404Title {
  font-family: 'Montserrat', sans-serif;
  font-size: 30px;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 20px;
  overflow: hidden;
}

.page404Content {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 400;
  overflow: hidden;
}

.page404SearchRight {
  margin-left: -15px;
}

.page404Search {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 400;
  margin-top: 30px;
  margin-bottom: 10px;
  overflow: hidden;
}

.search404Input {
  width: 80%;
}

.page404Background {
  position: absolute;
  top: 15%;
  right: 5%;
  color: #000000;
  font-family: 'Montserrat', sans-serif;
  font-size: 8em;
  font-weight: 400;
  opacity: 0.15;
}


/* --------------------------------------------------------- */
/*  The "No Access" Page                                     */
/* --------------------------------------------------------- */
.noAccessContainer {
  margin-top: 60px;
  margin-bottom: 60px;
}

.noAccessTitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 30px;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 20px;
  overflow: hidden;
}

.noAccessContent {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 400;
  overflow: hidden;
}

.noAccessActions {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 60px;
}

.noAccessActionContent {
  border: 1px solid #cccccc;
  border-radius: 4px;
  padding: 30px;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.noAccessLogin {
  width: 50%;
}

.noAccessPurchase {
  width: 50%;
}


/* --------------------------------------------------------- */
/*  Ad Blocks                                                */
/* --------------------------------------------------------- */
.adBlockMargins {
  margin: 80px auto;
}

.adBlockMargins10 {
  margin: 10px auto;
}

.adBlockTopBanner {
  text-align: center;
  height: 90px;
}

.adBlockSkyscaper {
  margin: 0 0 0 50px;
}

.adBlockStack {
  margin: 80px 0 0 50px;
}

.adBlockBottom {
  width: 300px;
  height: 250px;
  background-color: #CCCCCC;
}


/* --------------------------------------------------------- */
/*  Footer                                                   */
/* --------------------------------------------------------- */
.footerContainer {
  background-color: #002855;
  overflow: hidden;
}

.footerIcons {
  margin-top: 40px;
  margin-bottom: 40px;
}

.footerLinks {
  margin-bottom: 60px;
}

a.footerLink {
  font-family: 'OpenSans', sans-serif;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  padding: 0px 15px 0px 15px;
}

a.footerlink:hover,
a.footerlink:visited,
a.footerlink:active {
  color: #ffffff;
}

.footerInfo {
  margin-bottom: 40px;
}

.footerInfoLink {
  font-family: 'OpenSans', sans-serif;
  font-size: 12px;
  color: #cecece;
  text-align: center;
  padding: 0px 15px 0px 15px;
}

.footerInfoLink:hover,
.footerInfoLink:visited,
.footerInfoLink:active {
  color: #cecece;
}

.footerInfoDivider {
  font-family: 'OpenSans', sans-serif;
  font-size: 12px;
  color: #aaaaaa;
  text-align: center;
}

.becomeAMemberFooter {
  background-color: #002855;
  margin-top: 100px;
}

.becomeAMemberFooterLeft {
  width: 70%;
  float: left;
  position: relative;
}

.becomeAMemberFooterRight {
  border-left: 2px solid #ffffff;
  float: left;
  margin-top: 8%;
  padding: 0 3% 3%;
  width: 30%;
}

.becomeAMemberFooterInfo {
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09);
  margin: 50px 0 0 -50px;
  width: 45%;
  position: relative;
}

.becomeAMemberFooterInfoContent {
  font-family: 'Montserrat', sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 1.25;
  color: #000000;
  padding: 50px 25px 0 35px;
}

.becomeAMemberFooterInfoContent h2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 22px;
  padding: 0 10px 10px 10px;
  margin-left: 20px;
}

.becomeAMemberFooterInfoContent li {
  font-family: 'OpenSans', sans-serif;
  font-size: 16px;
  padding: 0 30px 0 10px;
  margin-left: 20px;
}

.becomeAMemberFooterInfoActions {
  margin-top: 30px;
  margin-bottom: 30px;
  overflow: hidden;
  padding-bottom: 20px;
}

.becomeAMemberFooterInfoJoin {
  overflow: hidden;
  padding: 10px;
}

.becomeAMemberFooterInfoJoinUs {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  width: 122px;
  border-radius: 4px;
  background-color: #e87722;
  border: 1px solid #e87722;
  color: #FFFFFF;
  padding: 15px;
  display: block;
  text-align: center;
  text-decoration: none;
}

.becomeAMemberFooterInfoJoinUs:visited {
  color: #ffffff;
  text-decoration: none;
  background-color: #e87722;
  border: 1px solid #e87722;
}

.becomeAMemberFooterInfoJoinUs:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #ffa300;
  border: 1px solid #ffa300;
}

.becomeAMemberFooterInfoJoinUs:active {
  color: #ffffff;
  text-decoration: none;
  background-color: #ffa300;
  border: 1px solid #ffa300;
}

.becomeAMemberFooterInfoLearnMore {
  color: #00b5e2;
  font-family: "OpenSans",sans-serif;
  font-size: 16px;
  padding: 5%;
}

.becomeAMemberFooterInfoLogo {
  left: 0;
  position: absolute;
  text-align: center;
  top: -35px;
  width: 100%;
}

.becomeAMemberFooterInfoLogoImage {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 34px;
  padding: 0 2px 2px 2px;
  box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
}

.becomeAMemberFooterPoints p {
  font-family: 'Montserrat', sans-serif;
  font-size: 22px;
  margin-bottom: 20px;
}

/* ------------------- */
/*  Document Archives  */
/* ------------------- */

.documentArchives {
  overflow: hidden;
  margin-bottom: 80px;
}

.documentArchiveLineItem,
.documentArchiveLineItemHeaders {
  overflow: hidden;
  padding: 10px 0 10px 0;
  border-bottom: 1px solid #cccccc;
  cursor: pointer;
}

.documentArchiveLineItem:hover {
  background-color: #e2e2e2;
}

.documentArchiveIcon {
  margin: 0 10px 0 0;
}

.documentArchiveEditIcon {
  margin: 0 0 0 20px;
}

.documentArchiveDeleteIcon {

}

.documentArchiveFolderTally {
  margin: 0 0 0 20px;
}

.documentArchiveButton {
  margin: 0 0 0 5px;
  height: 34px;
}

.documentArchiveBreadcrumbs {
  padding-top: 10px;
  padding-bottom: 10px;
}

.documentArchiveActions {
  padding-top: 5px;
}

.documentArchiveBreadcrumbLink {
  cursor: pointer;
}

.documentArchivesTitleAndActionsContainer {
  padding: 10px 0 10px 0;
  overflow: hidden;
}

.documentArchivesHeaderContainer {
  margin: 0 0 10px 0;
  overflow: hidden;
  font-weight: 600;
}

.documentArchivesFolderContainer {
  overflow: hidden;
}

.documentArchivesFileContainer {
  overflow: hidden;
}

/* Tabs are from; https://www.w3schools.com/howto/howto_js_tabs.asp */
.documentArchiveTabs {
  margin-top: 40px;
}

.documentArchiveTab {
  overflow: hidden;
  border-bottom: 1px solid #ccc;
}

.documentArchiveTab button {
  background-color: inherit;
  float: left;
  border: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

.documentArchiveTab button:hover {
  background-color: #e2e2e2;
}

.documentArchiveTab button.active {
  background-color: #ddd;
}

.documentArchiveTabContent {
  padding: 6px 12px;
}

.upsertFolderHeader,
.upsertFileHeader,
.deletionTemplateHeader {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 20px;
}

.upsertFolderMetadata,
.upsertFileMetadata,
.deletionTemplateMetadata {
  padding: 10px;
  overflow: hidden;
}

.documentArchiveEntryLineItem {
  padding-top: 10px;
  padding-bottom: 10px;
}

.documentArchiveRDLabels {
  padding: 0 15px 0 10px;
  font-weight: 500;
}

.documentArchiveRDLabelTop {
  margin-top: 10px;
}

.documentArchiveAreYouSureMessage {
  font-size: 20px;
  padding-bottom: 20px;
}

.documentArchiveAreYouSureValue {
  font-size: 18px;
}

.documentArchiveMessage {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  width: 100%;
  position: absolute;
  top: 50px;
  left: 0;
  z-index: 999;
}

.documentArchiveModeSelect {
  margin-left: 10px;
  height: 34px;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0 0 0 5px;
  background-color: #fff;
}

.documentArchiveNoAccessTop {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  padding: 50px 0 10px 0;
}

.documentArchiveNoAccessBottom {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  padding: 10px 0 50px 0;
}

/* --------------------------------------------------------- */
/*  The Media Queries                                        */
/* --------------------------------------------------------- */

@media screen
and (max-width: 480px) {

  /* Ad Blocks */
  .adBlockMargins {
    margin: 10px auto;
  }

  .mainSite {
    margin-top: 90px;
  }

  .generalHeaderTitle {
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    color: #ffffff;
    line-height: 1.3;
    padding: 0 0 20px 0;
  }

  .generalHeaderSummary {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #ffffff;
    line-height: 1.5;
    padding: 0 0 40px 0;
  }

  .leadHeadingContainer {
    background-color: #FFFFFF;
    padding: 20px 0 20px 0;
    opacity: 0.90;
    overflow: hidden;
  }

  .membershipContainer {
    display: none;
  }

  .heroCaption {
    background-color: #444444;
    border-radius: 4px;
    bottom: 20px;
    color: #ffffff;
    display: block;
    font-family: "OpenSans",sans-serif;
    font-size: 10px;
    font-weight: 600;
    left: 20px;
    opacity: 0.8;
    padding: 8px;
    position: absolute;
  }

  .membershipContainerHeightHelperSmallDevices {
    display: block;
  }

  .leadHeading {
    color: #000000;
    font-family: "Montserrat",sans-serif;
    font-size: 24px;
    line-height: 1.13;
    padding: 0 30px;
    text-align: center;
  }

  .featuredFullAuthorName {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    color: #75787b;
    padding: 10px 0 0 40px;
  }

  .featuredFullAuthorAffilation {
    font-family: 'OpenSans', sans-serif;
    font-size: 13px;
    font-weight: 300;
    font-style: italic;
    color: #75787b;
    padding: 0 0 0 40px;
  }

  .featuredFull {
    background-color: #ffffff;
    margin: 0 10px 50px;
    overflow: hidden;
  }

  .latestNewsCarouselButtonsContainer {
    display: none;
  }

  .landingHeaderHeadingBar {
    width: 70px;
    height: 4px;
    background-color: #cecece;
    margin: -10px auto 30px auto;
  }

  .actionItemBarButtonContainer {
    display: inline-block;
  }

  .actionItemBarButton {
    border: 1px solid #75787b;
    border-radius: 4px;
    cursor: pointer;
  }

  .actionItemBarButtonText {
    color: #000000;
    font-family: "Montserrat",sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.25;
    padding: 15px 20px;
    text-align: center;
  }

  .actionItemBarMobileButton {
    width: 100%;
    margin: 10px 0 10px 0;
  }

  .actionItemBarButtonMore {
    border: 1px solid #75787b;
    border-radius: 4px;
    cursor: pointer;
    margin: 0 auto;
  }

  /* another duplicate
      .fullPageLaunchPoint {
        background: url("https://s3-us-west-2.amazonaws.com/wp.www.computer.org/wp-media/2017/11/28224730/Landing_CallForPapers.jpg") 50% no-repeat;
        background-size: cover;
        height: 55vh;
        position: relative;
        padding: 60px 0 20px 0;
      }
      */

  .fullPageLaunchPoint2 {
    background: url("../png/landing_edgeevents.png") 100% no-repeat;
    background-size: cover;
  }


  .fullPageLaunchPointSummary {
    color: #000000;
    font-family: "OpenSans",sans-serif;
    font-size: 16px;
    margin: 0 auto 50px auto;
    width: 90%;
  }

  .relatedContentImage {
    margin: 50px auto;
    border-radius: 4px;
  }

  .relatedContentTitle {
    color: #000000;
    font-family: "Montserrat",sans-serif;
    font-size: 28px;
    font-weight: 300;
    line-height: 0.97;
    margin-top: 0;
    margin-bottom: 30px;
    padding: 0 5%;
    text-align: center;
  }

  .relatedContentSummary {
    font-family: "OpenSans",sans-serif;
    font-size: 16px;
    margin: 0 auto 20px auto;
    padding: 0 5%;
  }

  .relatedContentAction {
    color: #000000;
    font-family: "OpenSans",sans-serif;
    font-size: 16px;
    padding: 0 5%;
    text-align: center;
  }

  .committeeCardContainer {
    margin-top: 20px;
  }

  .committeeCardTag {
    line-height: 20px;
  }

  .committeeCardImageContainer img {
    width: /* To fix FF bug that doesn't scale images in Bootstrap 3 */
  }

  .committeeCardAuthorContainer {
    margin-top: 5px;
  }

  .committeeCardTitle {
    font-size: 20px;
    line-height: 25px;
  }

  .committeeCardSummary {
    font-size: 14px;
    line-height: 20px;
  }

  .accordionTitle {
    padding: 15px 0 0 0;
  }

  .accordionHeading {
    font-size: 24px;
    line-height: 30px;
  }

  .accordionPanelTitle {
    font-size: 16px;
  }

  .column2LandingPageHeading1 {
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 25px;
  }

  .column2LandingPageItemTitle {
    font-family: Montserrat;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 5px 0;
  }

  .column2LandingPageItemTitle > a {
    color: #515253;
  }

  .column2LandingPageItemSummary {
    font-size: 12px;
    line-height: 16px;
  }

  .imageStackTitle {
    font-size: 24px;
    margin-bottom: 15px;
  }

  .imageStackTitleShort {
    font-size: 24px;
    margin-bottom: 10px;
  }

  .imageStackSubTitle {
    font-size: 20px;
    margin-bottom: 25px;
  }

  .imageStackImage {
    margin-bottom: 15px;
  }

  .imageStackDesc {
    margin-bottom: 25px;
  }

  .profileHeaderBreadcrumbs {
    font-family: 'OpenSans', sans-serif;
    font-size: 14px;
    color: #cecece;
    padding: 20px 0 20px 0;
  }

  .profileHeaderTitle {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    color: #ffffff;
    line-height: 1.3;
    padding: 15px 0 20px 0;
    margin-left: 10%;
  }

  .profileHeaderSummary {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 300;
    color: #ffffff;
    line-height: 1.5;
    padding: 0 0 40px 0;
    margin-left: 10%;
  }

  .profileHeaderActions {
    padding: 40px 0 40px 0;
    margin-left: 10%;
  }

  .relatedListHeader,
  div.relatedListHeader {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    color: #333333;
    padding: 50px 0 15px 0;
  }

  .relatedListLinkText {
    padding: 0 0 0 15px;
  }

  .focalPoints {
    margin: 10px 0 30px 0;
    overflow: hidden;
  }

  .focalPointAction {
    margin-bottom: 30px;
  }

  .focalPointAction img {
    width: 150px;
  }

  .focalPointActionTitle {
    color: #000000;
    font-family: "Montserrat",sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.25;
    padding: 0;
  }

  .focalPointActionSummary {
    color: #000000;
    font-family: "Montserrat",sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.25;
    padding: 10px 15% 15px 15%;
  }

  .awardRecipientYear {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 20%;
  }

  .awardRecipientNameAndLink {
    text-align: left;
    display: table-cell;
    vertical-align: middle;
    padding: 5px 20px 5px 0;
    width: 80%;
  }

  .navActionItemBarButtonContainer {
    display: inline-block;
    margin-left: 0;
  }

  .navActionItemBarMobileButton {
    width: 100%;
  }

  .fullPageLaunchPointTitle {
    color: #000000;
    font-family: "Montserrat",sans-serif;
    font-size: 30px;
    font-weight: 300;
    line-height: 0.97;
    margin-bottom: 30px;
  }


  .column2LandingPageItem {
    background-color: #fff;
    box-shadow: 1px 1px 6px 0 rgba(0,0,0,0.09);
    border-radius: 2px;
    margin: 5px 5px 10px 5px;
    padding: 20px;
    overflow: hidden;
    min-height: unset;
    max-height: unset;
  }

}

@media screen
and (min-width: 481px)
and (max-width: 768px) {

  /* Ad Blocks */
  .adBlockMargins {
    margin: 10px auto;
  }

  .mainSite {
    margin-top: 90px;
  }

  /*
      .heroImage {
        background: url("https://s3-us-west-2.amazonaws.com/wp.www.computer.org/wp-media/2017/11/17223713/hero_768.jpg") 50% no-repeat;
        background-size: cover;
        height: 80vh;
        position: relative;
      }
      */

  .membershipContainer {
    display: none;
  }

  .membershipContainerHeightHelperSmallDevices {
    display: block;
  }

  .heroCaption {
    background-color: #444444;
    border-radius: 4px;
    bottom: 20px;
    color: #ffffff;
    display: block;
    font-family: "OpenSans",sans-serif;
    font-size: 12px;
    font-weight: 600;
    left: 20px;
    opacity: 0.8;
    padding: 10px;
    position: absolute;
  }

  .leadHeading {
    font-size: 24px;
    color: #000000;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    padding: 0 30px;
  }

  .featuredFullAuthorName {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    color: #75787b;
    padding: 10px 0 0 20px;
  }

  .featuredFullAuthorAffilation {
    font-family: 'OpenSans', sans-serif;
    font-size: 13px;
    font-weight: 300;
    font-style: italic;
    color: #75787b;
    padding: 0 0 0 20px;
  }

  .featuredFull {
    background-color: #ffffff;
    margin: 0 10px 50px;
    overflow: hidden;
  }

  .latestNewsCarouselButtonsContainer {
    display: none;
  }

  .landingHeaderHeadingBar {
    width: 70px;
    height: 4px;
    background-color: #cecece;
    margin: -10px auto 30px auto;
  }

  .actionItemBarButtonContainer {
    display: inline-block;
  }

  .actionItemBarButton {
    border: 1px solid #75787b;
    border-radius: 4px;
    cursor: pointer;
  }

  .actionItemBarButtonText {
    color: #000000;
    font-family: "Montserrat",sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.25;
    padding: 15px 20px;
    text-align: center;
  }

  .actionItemBarMobileButton {
    width: 100%;
    margin: 10px 0 10px 0;
  }

  .actionItemBarButtonMore {
    border: 1px solid #75787b;
    border-radius: 4px;
    cursor: pointer;
    margin: 0 auto;
  }

  .fullPageLaunchPointSummary {
    color: #000000;
    font-family: "OpenSans",sans-serif;
    font-size: 16px;
    margin: 0 auto 60px auto;
    width: 80%;
  }

  .relatedContentImage {
    margin: 50px auto;
    border-radius: 4px;
  }

  .relatedContentTitle {
    color: #000000;
    font-family: "Montserrat",sans-serif;
    font-size: 28px;
    font-weight: 300;
    line-height: 0.97;
    margin-top: 0;
    margin-bottom: 30px;
    padding: 0 5%;
    text-align: center;
  }

  .relatedContentSummary {
    font-family: "OpenSans",sans-serif;
    font-size: 16px;
    margin: 0 auto 20px auto;
    padding: 0 5%;
  }

  .relatedContentAction {
    color: #000000;
    font-family: "OpenSans",sans-serif;
    font-size: 16px;
    padding: 0 5%;
    text-align: center;
  }

  .committeeCardContainer {
    margin-top: 20px;
  }

  .committeeCardAuthorContainer {
    margin-top: 40px;
  }

  .committeeCardTitle {
    font-size: 20px;
    line-height: 25px;
    min-height: 30px;
  }

  .committeeCardSummary {
    font-size: 14px;
    line-height: 20px;
    min-height: 80px;
  }

  .accordionTitle {
    padding: 15px 0 0 0;
  }

  .accordionHeading {
    font-size: 24px;
  }

  .accordionPanelTitle {
    font-size: 20px;
  }

  .column2LandingPageItemTitle {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 5px 0;
  }

  .column2LandingPageItemTitle > a {
    color: #515253;
  }

  .column2LandingPageItemSummary {
    font-size: 12px;
    line-height: 16px;
  }

  .profileHeaderBreadcrumbs {
    font-family: 'OpenSans', sans-serif;
    font-size: 14px;
    color: #cecece;
    padding: 20px 0 20px 0;
  }

  .profileHeaderTitle {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    color: #ffffff;
    line-height: 1.3;
    padding: 15px 0 20px 0;
    margin-left: 10%;
  }

  .profileHeaderSummary {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 300;
    color: #ffffff;
    line-height: 1.5;
    padding: 0 0 40px 0;
    margin-left: 10%;
  }

  .profileHeaderActions {
    padding: 40px 0 40px 0;
    margin-left: 10%;
  }

  .searchIconForMobile {
    top: 26px;
    right: 30px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    color: #ffffff;
    position: absolute;
    font-size: 26px;
  }

  .relatedListHeader,
  div.relatedListHeader {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    color: #333333;
    padding: 50px 0 15px 0;
  }

  .relatedListLinkText {
    padding: 0 0 0 15px;
  }

  .focalPoints {
    margin: 10px 0 30px 0;
    overflow: hidden;
  }

  .focalPointAction {
    margin-bottom: 30px;
  }

  .focalPointAction img {
    width: 150px;
  }

  .focalPointActionTitle {
    color: #000000;
    font-family: "Montserrat",sans-serif;
    font-size: 22px;
    font-weight: 300;
    line-height: 1.25;
    padding: 0;
  }

  .focalPointActionSummary {
    color: #000000;
    font-family: "Montserrat",sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.25;
    padding: 10px 15% 25px 15%;
  }

  .awardRecipientYear {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 20%;
  }

  .awardRecipientNameAndLink {
    text-align: left;
    display: table-cell;
    vertical-align: middle;
    padding: 5px 20px 5px 0;
    width: 80%;
  }

  .fullPageLaunchPointTitle {
    color: #000000;
    font-family: "Montserrat",sans-serif;
    font-size: 32px;
    font-weight: 300;
    line-height: 0.97;
    margin-bottom: 30px;
  }

  .fullPageLaunchPointAction {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    height: 60px;
    border-radius: 4px;
    padding: 15px;
  }

  .column2LandingPageItem {
    background-color: #fff;
    box-shadow: 1px 1px 6px 0 rgba(0,0,0,0.09);
    border-radius: 2px;
    margin: 5px 5px 10px 5px;
    padding: 20px;
    overflow: hidden;
    min-height: unset;
    max-height: unset;
  }

}

@media screen
and (min-width: 769px)
and (max-width: 992px) {

  /* Ad Blocks */
  .adBlockMargins {
    margin: 30px auto;
  }

  .mainSite {
    margin-top: 90px;
  }

  /*
      .heroImage {
        background: url("https://s3-us-west-2.amazonaws.com/wp.www.computer.org/wp-media/2017/11/17223708/hero_992.jpg") 50% no-repeat;
        background-size: cover;
        height: 80vh;
        position: relative;
      }
      */

  .membershipContainer {
    display: none;
  }

  .membershipContainerHeightHelperSmallDevices {
    display: block;
  }

  .heroCaption {
    background-color: #444444;
    border-radius: 4px;
    bottom: 30px;
    color: #ffffff;
    display: block;
    font-family: "OpenSans",sans-serif;
    font-size: 12px;
    font-weight: 600;
    left: 30px;
    opacity: 0.8;
    padding: 10px;
    position: absolute;
  }

  .leadHeading {
    font-size: 36px;
    color: #000000;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    padding: 0 30px;
  }

  .featuredFullAuthorName {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    color: #75787b;
    padding: 15px 0 0 40px;
  }

  .featuredFullAuthorAffilation {
    font-family: 'OpenSans', sans-serif;
    font-size: 13px;
    font-weight: 300;
    font-style: italic;
    color: #75787b;
    padding: 0 0 0 40px;
  }

  .featuredRightFullImage {
    height: 370px;
  }

  .actionItemBarButton {
    border: 1px solid #75787b;
    border-radius: 4px;
    cursor: pointer;
  }

  .actionItemBarButtonText {
    color: #000000;
    font-family: "Montserrat",sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.25;
    padding: 15px 20px;
  }

  .actionItemBarMobileButton {
    width: 100%;
    margin: 10px 0 10px 0;
  }

  .fullPageLaunchPointSummary {
    color: #000000;
    font-family: "OpenSans",sans-serif;
    font-size: 16px;
    margin: 0 auto 60px auto;
    width: 70%;
  }

  .relatedContentImage {
    margin: 50px auto;
    border-radius: 4px;
  }

  .relatedContentTitle {
    color: #000000;
    font-family: "Montserrat",sans-serif;
    font-size: 22px;
    font-weight: 300;
    line-height: 0.97;
    margin-top: 60px;
    margin-bottom: 30px;
    padding: 0 5%;
  }

  .relatedContentSummary {
    font-family: "OpenSans",sans-serif;
    font-size: 14px;
    margin: 0 auto 20px auto;
    padding: 0 5%;
  }

  .relatedContentAction {
    color: #000000;
    font-family: "OpenSans",sans-serif;
    font-size: 16px;
    padding: 0 5%;
  }

  .committeeCardContainer {
    margin-bottom: 20px;
  }

  .committeeCardSummary {
    font-size: 14px;
    line-height: 20px;
    min-height: 120px;
  }

  .column2LandingPageItemTitle {
    font-size: 20px;
    line-height: 22px;
    margin: 0 0 15px 0;
  }

  .column2LandingPageItemTitle > a {
    color: #515253;
  }

  .column2LandingPageItemSummary {
    font-size: 14px;
    line-height: 20px;
  }

  .profileImageCircle {
    margin: 30px auto;
    overflow: hidden;
  }

  .profileImage {
    width: 200px;
    height: 200px;
    border-radius: 100px;
    border: 0px;
  }

  .profileHeaderBreadcrumbs {
    font-family: 'OpenSans', sans-serif;
    font-size: 14px;
    color: #cecece;
    padding: 20px 0 20px 0;
  }

  .profileHeaderTitle {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    color: #ffffff;
    line-height: 1.3;
    padding: 15px 0 20px 0;
    margin-left: 10%;
  }

  .profileHeaderSummary {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 300;
    color: #ffffff;
    line-height: 1.5;
    padding: 0 0 40px 0;
    margin-left: 10%;
  }

  .profileHeaderActions {
    padding: 40px 0 40px 0;
    margin-left: 10%;
  }

  .searchIconForMobile {
    top: 26px;
    right: 30px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    color: #ffffff;
    position: absolute;
    font-size: 26px;
  }

  .relatedListLinkText {
    padding: 0 0 0 15px;
  }

  .focalPoints {
    margin: 10px 0 40px 0;
    overflow: hidden;
  }

  .focalPointAction {
    margin-bottom: 40px;
  }

  .focalPointActionTitle {
    color: #000000;
    font-family: "Montserrat",sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 1.25;
    padding: 10px;
  }

  .focalPointActionSummary {
    color: #000000;
    font-family: "Montserrat",sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.25;
    padding: 10px 15% 15px 15%;
  }

  .awardRecipientYear {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 20%;
  }

  .awardRecipientNameAndLink {
    text-align: left;
    display: table-cell;
    vertical-align: middle;
    padding: 5px 20px 5px 0;
    width: 80%;
  }

  .column2LandingPageItem {
    background-color: #fff;
    box-shadow: 1px 1px 6px 0 rgba(0,0,0,0.09);
    border-radius: 2px;
    margin: 5px 5px 10px 5px;
    padding: 20px;
    overflow: hidden;
    min-height: 200px;
    max-height: 200px;
  }

}

@media screen
and (min-width: 993px)
and (max-width: 1200px) {

  /*
      .heroImage {
        background: url("https://s3-us-west-2.amazonaws.com/wp.www.computer.org/wp-media/2017/11/17223702/hero_1200.jpg") 50% no-repeat;
        background-size: cover;
        height: 80vh;
        position: relative;
      }
      */

  .featuredFullAuthorName {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    color: #75787b;
    padding: 15px 0 0 40px;
  }

  .featuredFullAuthorAffilation {
    font-family: 'OpenSans', sans-serif;
    font-size: 13px;
    font-weight: 300;
    font-style: italic;
    color: #75787b;
    padding: 0 0 0 40px;
  }

  .featuredRightFullImage {
    height: 230px;
  }

  .actionItemBarButton {
    border: 1px solid #75787b;
    border-radius: 4px;
    cursor: pointer;
  }

  .actionItemBarButtonText {
    color: #000000;
    font-family: "Montserrat",sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.25;
    padding: 15px 20px;
  }

  .fullPageLaunchPointSummary {
    color: #000000;
    font-family: "OpenSans",sans-serif;
    font-size: 16px;
    margin: 0 auto 60px auto;
    width: 60%;
  }

  .navbarMainNav {
    padding: 5px 0 0 0;
  }

  .navbarMainNav > li > a {
    padding-top: 12px;
    padding-bottom: 5px;
  }

  .navbarMainNav > li > a:visited {
    text-decoration: none;
    color: #ffffff;
  }

  .navbarLogo {
    position: absolute;
    top: 15px;
    left: 50px;
    z-index: 1000;
  }

  .navbarLogosMobile {
    margin-top: 10px;
    text-align: center;
    z-index: 1000;
  }

  .navbarLogosMobileCSLogo {
    margin: 0 0 0 40px;
  }

  .navbarLogosMobileIEEELogo {
    margin: 0 0 0 25px;
  }

  .relatedContentImage {
    margin: 50px auto;
    border-radius: 4px;
  }

  .relatedContentTitle {
    color: #000000;
    font-family: "Montserrat",sans-serif;
    font-size: 26px;
    font-weight: 300;
    line-height: 0.97;
    margin-top: 70px;
    margin-bottom: 30px;
    padding: 0 5%;
  }

  .relatedContentSummary {
    font-family: "OpenSans",sans-serif;
    font-size: 16px;
    margin: 0 auto 20px auto;
    padding: 0 5%;
  }

  .relatedContentAction {
    color: #000000;
    font-family: "OpenSans",sans-serif;
    font-size: 16px;
    padding: 0 5%;
  }

  .column2LandingPageItemTitle {
    font-size: 18px;
    line-height: 25px;
    margin: 0 0 15px 0;
  }

  .column2LandingPageItemTitle > a {
    color: #515253;
  }

  .column2LandingPageItemSummary {
    font-size: 14px;
    line-height: 20px;
  }

  .column2LandingPageItemIcon {
    padding-top: 15px;
  }

  .profileImageCircle {
    margin: 30px auto;
    overflow: hidden;
  }

  .profileImage {
    width: 200px;
    height: 200px;
    border-radius: 100px;
    border: 0px;
  }

  .profileHeaderTitle {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    color: #ffffff;
    line-height: 1.3;
    padding: 15px 0 20px 0;
    margin-left: 5%;
  }

  .profileHeaderSummary {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 300;
    color: #ffffff;
    line-height: 1.5;
    padding: 0 0 40px 0;
    margin-left: 5%;
  }

  .profileHeaderActions {
    padding: 40px 0 40px 0;
    margin-left: 5%;
  }

  .searchIconForMobile {
    top: 26px;
    right: 30px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    color: #ffffff;
    position: absolute;
    font-size: 26px;
  }

  .relatedListLinkText {
    padding: 14px 0 0 15px;
  }

  .focalPoints {
    margin: 10px 0 40px 0;
    overflow: hidden;
  }

  .focalPointAction {
    margin-bottom: 80px;
  }

  .focalPointActionTitle {
    color: #000000;
    font-family: "Montserrat",sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 1.25;
    padding: 15px;
  }

  .focalPointActionSummary {
    color: #000000;
    font-family: "Montserrat",sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.25;
    padding: 10px 15% 15px 15%;
  }

  .documentArchiveRDLabelTop {
    margin-top: 0;
  }

}

@media screen
and (min-width: 1201px)
and (max-width: 1440px) {

  .featuredFullAuthorName {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    color: #75787b;
    padding: 15px 0 0 40px;
  }

  .featuredFullAuthorAffilation {
    font-family: 'OpenSans', sans-serif;
    font-size: 13px;
    font-weight: 300;
    font-style: italic;
    color: #75787b;
    padding: 0 0 0 40px;
  }

  .featuredRightFullImage {
    height: 370px;
  }

  .relatedContentImage {
    margin: 50px auto;
    border-radius: 4px;
  }

  .relatedContentTitle {
    color: #000000;
    font-family: "Montserrat",sans-serif;
    font-size: 30px;
    font-weight: 300;
    line-height: 0.97;
    margin-top: 70px;
    margin-bottom: 30px;
    padding: 0 5%;
  }

  .relatedContentSummary {
    font-family: "OpenSans",sans-serif;
    font-size: 16px;
    margin: 0 auto 20px auto;
    padding: 0 5%;
  }

  .relatedContentAction {
    color: #000000;
    font-family: "OpenSans",sans-serif;
    font-size: 16px;
    padding: 0 5%;
  }

  .column2LandingPageItemTitle {
    font-size: 18px;
    margin: 0 0 15px 0;
  }

  .column2LandingPageItemTitle > a {
    color: #515253;
  }

  .column2LandingPageItemSummary {
    font-size: 14px;
    line-height: 20px;
  }

  .column2LandingPageItemIcon {
    padding-top: 10px;
  }

  .relatedListLinkText {
    padding: 24px 0 0 15px;
  }

  .profileHeaderTitle {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    color: #ffffff;
    line-height: 1.3;
    padding: 15px 0 20px 0;
    margin-left: 0;
  }

  .profileHeaderSummary {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 300;
    color: #ffffff;
    line-height: 1.5;
    padding: 0 0 40px 0;
    margin-left: 0;
  }

  .profileHeaderActions {
    padding: 40px 0 40px 0;
    margin-left: 0;
  }

  .documentArchiveRDLabelTop {
    margin-top: 0;
  }

}

@media screen
and (min-width: 1441px)
and (max-width: 1920px) {

  .featuredFullAuthorName {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    color: #75787b;
    padding: 15px 0 0 40px;
  }

  .featuredFullAuthorAffilation {
    font-family: 'OpenSans', sans-serif;
    font-size: 13px;
    font-weight: 300;
    font-style: italic;
    color: #75787b;
    padding: 0 0 0 40px;
  }

  .featuredRightFullImage {
    height: 370px;
  }

  .relatedListLinkText {
    padding: 28px 0 0 15px;
  }

  .documentArchiveRDLabelTop {
    margin-top: 0;
  }

}


/* --------------------------------------------------------- */
/*  The Media Queries - Footers                              */
/* --------------------------------------------------------- */

@media screen
and (max-width: 480px) {

  .becomeAMemberFooterLeft {
    float: left;
    width: 100%;
    position: relative;
  }

  .becomeAMemberFooterRight {
    border-left: 2px solid #002855;
    float: left;
    margin-top: 5%;
    padding: 0 3% 3%;
    width: 0;
  }

  .becomeAMemberFooterInfo {
    background-color: #ffffff;
    border-radius: 4px;
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09);
    margin: 0;
    width: 100%;
    position: relative;
  }

  .becomeAMemberFooterInfoContent {
    color: #000000;
    font-family: "Montserrat",sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.25;
    padding: 50px 15px 0 25px;
  }

  .becomeAMemberFooterInfoContent h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
    padding: 0 10px 10px 10px;
    margin-left: 20px;
  }

  .becomeAMemberFooterInfoContent li {
    font-family: 'OpenSans', sans-serif;
    font-size: 16px;
    padding: 10px 35px 0 5px;
    margin-left: 0;
  }

  .becomeAMemberFooterInfoActions {
    margin-top: 30px;
    margin-bottom: 30px;
    overflow: hidden;
    padding-bottom: 20px;
  }

  .becomeAMemberFooterInfoJoinUs {
    overflow: hidden;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    width: 122px;
    border-radius: 4px;
    background-color: #e87722;
    color: #FFFFFF;
    padding: 15px;
    display: block;
    text-align: center;
  }

  .becomeAMemberFooterInfoLearnMore {
    color: #00b5e2;
    font-family: "OpenSans",sans-serif;
    font-size: 16px;
    padding: 5%;
  }

  .actionItemBarMoreButton {
    color: #000000;
    cursor: pointer;
    margin: 15px 0;
    text-align: center;
    width: 100%;
  }

  .actionItemBarMoreButtonGroup {
    border: 1px solid #75787b;
    border-radius: 4px;
  }

  .btn-actionItem {
    background-color: #ffffff;
    border-color: #eaeaea;
    color: #000;
    font-family: "Montserrat",sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.25;
    padding: 14px 15px;
  }

}

@media screen
and (min-width: 481px)
and (max-width: 768px) {

  .becomeAMemberFooterLeft {
    float: left;
    width: 100%;
    position: relative;
  }

  .becomeAMemberFooterRight {
    border-left: 2px solid #002855;
    float: left;
    margin-top: 5%;
    padding: 0 3% 3%;
    width: 0;
  }

  .becomeAMemberFooterInfo {
    background-color: #ffffff;
    border-radius: 4px;
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09);
    margin: 0;
    width: 100%;
    position: relative;
  }

  .becomeAMemberFooterInfoContent {
    color: #000000;
    font-family: "Montserrat",sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.25;
    padding: 50px 25px 0 25px;
  }

  .becomeAMemberFooterInfoContent h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
    padding: 0 10px 10px 10px;
    margin-left: 20px;
  }

  .becomeAMemberFooterInfoContent li {
    font-family: 'OpenSans', sans-serif;
    font-size: 16px;
    padding: 0 30px 0 10px;
    margin-left: 50px;
  }

  .becomeAMemberFooterInfoActions {
    margin-top: 30px;
    margin-bottom: 30px;
    overflow: hidden;
    padding-bottom: 20px;
  }

  .becomeAMemberFooterInfoJoinUs {
    overflow: hidden;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    width: 122px;
    border-radius: 4px;
    background-color: #e87722;
    color: #FFFFFF;
    padding: 15px;
    display: block;
    text-align: center;
  }

  .becomeAMemberFooterInfoLearnMore {
    color: #00b5e2;
    font-family: "OpenSans",sans-serif;
    font-size: 16px;
    padding: 5%;
  }

  .actionItemBarMoreButton {
    color: #000000;
    cursor: pointer;
    margin: 15px 0;
    text-align: center;
    width: 100%;
  }

  .actionItemBarMoreButtonGroup {
    border: 1px solid #75787b;
    border-radius: 4px;
  }

  .btn-actionItem {
    background-color: #ffffff;
    border-color: #eaeaea;
    color: #000;
    font-family: "Montserrat",sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.25;
    padding: 14px 15px;
  }

}

@media screen
and (min-width: 769px)
and (max-width: 992px) {

  .becomeAMemberFooterLeft {
    width: 100%;
    float: left;
    position: relative;
  }

  .becomeAMemberFooterRight {
    border-left: 2px solid #002855;
    float: left;
    margin-top: 10%;
    padding: 0 3% 3%;
    width: 50%;
  }

  .becomeAMemberFooterInfo {
    background-color: #ffffff;
    border-radius: 4px;
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09);
    margin: 0px;
    width: 100%;
    position: relative;
  }

  .becomeAMemberFooterInfoContent {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.25;
    color: #000000;
    padding: 35px 15px 15px 35px;
  }

  .becomeAMemberFooterInfoContent h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    padding: 0 10px 10px 10px;
    margin-left: 20px;
  }

  .becomeAMemberFooterInfoContent li {
    font-family: 'OpenSans', sans-serif;
    font-size: 14px;
    padding: 0 30px 0 10px;
    margin-left: 20px;
  }

  .becomeAMemberFooterInfoActions {
    margin-top: 10px;
    overflow: hidden;
    padding-bottom: 20px;
  }

  .becomeAMemberFooterInfoJoinUs {
    overflow: hidden;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    width: 122px;
    border-radius: 4px;
    background-color: #e87722;
    color: #FFFFFF;
    padding: 15px;
    display: block;
    text-align: center;
    margin-top: 10px;
  }

  .becomeAMemberFooterInfoLearnMore {
    color: #00b5e2;
    font-family: "OpenSans",sans-serif;
    font-size: 14px;
    padding: 7%;
  }

  .actionItemBarMoreButton {
    color: #000000;
    cursor: pointer;
    margin: 15px 0;
    text-align: center;
    width: 100%;
  }

  .actionItemBarMoreButtonGroup {
    border: 1px solid #75787b;
    border-radius: 4px;
  }

  .btn-actionItem {
    background-color: #ffffff;
    border-color: #eaeaea;
    color: #000;
    font-family: "Montserrat",sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.25;
    padding: 14px 15px;
  }

}

@media screen
and (min-width: 993px)
and (max-width: 1200px) {

  .becomeAMemberFooterInfo {
    background-color: #ffffff;
    border-radius: 4px;
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09);
    margin: 50px 0 0 -50px;
    width: 50%;
    position: relative;
  }

  .becomeAMemberFooterInfoContent {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.25;
    color: #000000;
    padding: 30px 15px 5px 25px;
  }

  .becomeAMemberFooterInfoContent h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    padding: 0 10px 10px 10px;
    margin-left: 20px;
  }

  .becomeAMemberFooterInfoContent li {
    font-family: 'OpenSans', sans-serif;
    font-size: 14px;
    padding: 0 40px 0 10px;
    margin-left: 20px;
  }

  .becomeAMemberFooterInfoActions {
    margin-top: 15px;
    margin-bottom: 30px;
    overflow: hidden;
    padding-bottom: 20px;
  }

  .becomeAMemberFooterInfoJoinUs {
    overflow: hidden;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    width: 122px;
    border-radius: 4px;
    background-color: #e87722;
    color: #FFFFFF;
    padding: 15px;
    display: block;
    text-align: center;
  }

  .becomeAMemberFooterInfoLearnMore {
    color: #00b5e2;
    font-family: "OpenSans",sans-serif;
    font-size: 16px;
    padding: 5%;
  }

  .actionItemBarMoreButtonGroup {
    border: 1px solid #75787b;
    border-radius: 4px;
  }

  .btn-actionItem {
    background-color: #ffffff;
    color: #000;
    font-family: "Montserrat",sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.25;
    padding: 14px 15px 14px 15px;
  }

}

@media screen
and (min-width: 1201px)
and (max-width: 1440px) {

  .becomeAMemberFooterInfo {
    background-color: #ffffff;
    border-radius: 4px;
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09);
    margin: 50px 0 0 -50px;
    width: 45%;
    position: relative;
  }

  .becomeAMemberFooterInfoContent {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 300;
    line-height: 1.25;
    color: #000000;
    padding: 30px 25px 0 25px;
  }

  .becomeAMemberFooterInfoContent h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
    padding: 0 10px 10px 10px;
    margin-left: 20px;
  }

  .becomeAMemberFooterInfoContent li {
    font-family: 'OpenSans', sans-serif;
    font-size: 16px;
    padding: 0 30px 0 10px;
    margin-left: 20px;
  }

  .becomeAMemberFooterInfoActions {
    margin-top: 30px;
    margin-bottom: 30px;
    overflow: hidden;
    padding-bottom: 20px;
  }

  .becomeAMemberFooterInfoJoinUs {
    overflow: hidden;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    width: 122px;
    border-radius: 4px;
    background-color: #e87722;
    color: #FFFFFF;
    padding: 15px;
    display: block;
    text-align: center;
  }

  .becomeAMemberFooterInfoLearnMore {
    color: #00b5e2;
    font-family: "OpenSans",sans-serif;
    font-size: 16px;
    padding: 5%;
  }

}

@media screen
and (min-width: 1441px)
and (max-width: 1920px) {

}

@media screen
and (min-width: 1921px) {

}

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

.gradientContainer{
  position: relative;
}

.gradientMask {
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%);
  /* background: lightgreen; */
  height: 150px;
  position: absolute;
  bottom: 0px;
  width: 100%;
}

.threeColumn {
  height: 550px;
}

.gradientText {
  position: absolute;
  right: 20px;
  bottom: 20px;
}

.homepageCarouselTitle{
  font-family: 'Montserrat', sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 1.25;
  color: #000000;
  padding: 20px 20px 20px 10px;
}

.homepageCarouselButton{
  display:inline-block;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  border-radius: 4px;
  background-color: #e87722;
  color: #ffffff;
  border: 1px solid #e87722;
  padding-bottom: 15px;
  margin-left: 10px;
  margin-bottom: 30px;
  border: 1px solid #e87722;
}

.homepageCarouselDescription {
  font-family: 'OpenSans', sans-serif;
  font-size: 16px;
  padding: 10px 20px 20px 10px;
  color: #000000;
}

/* Spinner styling (same as CSDL for consistency) */
.lds-dual-ring {
  width: 64px;
  height: 64px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin: 1px;
  border-radius: 50%;
  border: 5px solid #969faa;
  border-color: #969faa transparent #969faa transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#thumbnails {
  margin-top: 5px;
  border-top: 3px solid #efefef;
  padding-top: 5px;
  border-radius: 0px;
  padding-bottom: 5px;
}