/* This file will hold styles for the mobile version of your website (mobile first). */


/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i&display=swap");

/* Body and site-wide links-------------------------------------- */

body {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #333333;
    text-rendering: geometricPrecision;
    font-style: normal;
    font-weight: normal;
}

body a:link {
    color: #881c1c;
}

body a:visited {
    color: #881c1c;
}

body a:hover {
    color: #666666;
}

img {
  border: 0;
  max-width: 100% !important;
  height: auto !important;
  width: auto !important;
}

img.image-centered {
  margin: 2em auto 2em auto;
  display: block;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
}

img.image-float-left {
  float: left;
  width: auto !important;
  max-width: 33.3333% !important;
  height: auto !important;
  margin: 0.5em 1.5em 0.5em 0;
}

img.image-float-right {
  float: right;
  width: auto !important;
  max-width: 33.33333% !important;
  height: auto !important;
  margin: 0.5em 0 0.5em 1em;
}

@media all and (max-width: 480px) {
  .field-name-body img, img.image-float-left, img.image-float-right {
    float: none !important;
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 1em;
  }
}

/* Headings------------------------------------------------------ */

h1 {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    color: #881c1c;
    border-bottom: 1px #aaa solid;
    font-weight: bold;
    font-size: 1.4em;
    font-style: normal;
    text-rendering: geometricPrecision;
    /*text-shadow: 2px 2px 2px #eeeeee;*/
}

h2 {
    color: #333333;
    font-size: 1.2em;
    font-weight: bold;
}

h2.node-title {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    color: #5d2a2c;
    border-bottom: 1px #aaa solid;
    font-size: 1.8em;
    font-style: normal;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: geometricPrecision;
}

h2.node-title a {
    text-decoration: none;
}

h2 a:hover {
    color: #999999;
}

h3 {
    color: #666666;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 2px;
}


/* Zones--------------------------------------------------------- */

.zone-user-wrapper {
    background-color: #000000;
}

.zone-user p {
    margin: 0px;
}

#section-header {
  border-bottom: 1px #dedede solid;
}
@media screen and (min-width: 980px) {
  #region-branding {
    margin: 0 10px;
  }

  #region-menu {
    margin: 0;
  }

  #region-menu .region-menu-inner {
    line-height: 0;
  }
}

/* Commented the following out as they displayed an old contour line image that was no longer visually pleasing - JPK 4/1/2020 */

.zone-branding-wrapper {
    /* background-image: url(images/contours.jpg);
    background-repeat: repeat-x; */
}

.zone-branding {
    /*-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .5);*/
    background-color: #FFFFFF;
    padding-top: 20px;
}

.zone-preface {}

/* Commented the following out as they displayed an old contour line image that was no longer visually pleasing - JPK 4/1/2020 */


.zone-content-wrapper {
    /* background-color: #dbd3ba;
    background-image: url(images/border.jpg);
    background-repeat: repeat-x; */
}

.zone-content {
    /*-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .5);*/
    background-color: #FFFFFF;
    padding-top: 20px;
    padding-bottom: 50px;
    font-size: 16px;
}

.zone-postscript-wrapper {
    /* background-color: #dbd3ba; */
}

.zone-postscript {
    /*-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .5);*/
    background-color: #333333;
    padding-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    color: #FFFFFF;
}

.zone-postscript h2 {
    color: #FFFFFF;
    border-bottom: 1px #FFFFFF dotted;
    margin-bottom: 4px;
}

.zone-postscript ul {
    list-style-type: none;
}

.zone-postscript a:visited {
    color: #999999;
    font-weight: bold;
    text-decoration: none;
}

.zone-postscript a:link {
    color: #999999;
    font-weight: bold;
    text-decoration: none;
}

.zone-postscript a:hover {
    color: #ffffff;
}

.zone-footer-wrapper {
    background-color: #dbd3ba;
    font-size: 16px;
}

.zone-footer a {
    font-weight: bold;
    text-decoration: none;
}

.zone-footer a:hover {
    color: #666666;
}


/* Breadcrumbs--------------------------------------------------------- */

.breadcrumb a {
    text-decoration: none;
    color: #999;
}

.breadcrumb a:hover {
    color: #333333;
}


/* Header Blocks (Geo logo and Program links)----------------------------- */

.block-block-1 {
    width: 400px;
    float: left;
    margin-left: 60px;
}

.block-block-2 {
    width: 300px;
    float: right;
    background-image: url(images/programs.png);
    background-repeat: no-repeat;
}

ul.program-list {
    margin-top: 10px;
}

.program-list li {
    background-color: #881c1c;
    border: 3px #333 solid;
    padding: 1px 3px 1px 10px;
    margin-bottom: 4px;
    width: 246px;
    list-style-type: none;
    margin-left: 30px;
}

.program-list li:hover {
    background-color: #999999;
}

.program-list li a {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 17px;
    color: #FFFFFF;
    text-decoration: none;
}


/* Header Slideshow ---------------------------------------------- */

.view-header-slideshow {
    position: relative;
    top: 0;
    left: 0;
    clear: both;
}

.view-header-slideshow .views-slideshow-controls-bottom img {
    width: 20px;
    height: 20px;
    float: right;
    padding: 5px 5px 5px 5px;
}

.view-header-slideshow .views-slideshow-controls-bottom img:hover {
    background-color: #666;
}

.view-header-slideshow .views-slideshow-controls-bottom .active img {
    background-color: #999;
}

.view-header-slideshow .views-slideshow-controls-bottom {
    background-color: #eee;
    position: absolute;
    right: 0px;
    z-index: 3;
    top: 0px;
    height: 250px;
    opacity: 0.75;
    filter: alpha(opacity=75);
}

.view-header-slideshow .views-slideshow-cycle-main-frame {
    background-color: #eee;
    width: 940px;
    min-height: 250px;
    z-index: 1;
}

.not-front .view-header-slideshow .views-slideshow-cycle-main-frame {
    background-color: #eee;
    width: 940px;
    min-height: 150px;
}

.view-header-slideshow .views-field-title {
    /*font-family: Tahoma;*/
    font-size: 2em;
}

.view-header-slideshow .views-field-title a {
    color: #FFFFFF;
    text-decoration: none;
}

.view-header-slideshow .views-field-title a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

.views-slideshow-cycle-main-frame-row-item .views-field-body {
    color: #333;
    font-size: 1em;
    background-color: #eee;
    float: left;
    position: absolute;
    left: 0px;
    z-index: 4;
    bottom: 0px;
    width: 900px;
    opacity: 0.75;
    filter: alpha(opacity=75);
    padding: 5px;
    display: none;
}

.views-slideshow-cycle-main-frame-row-item:hover>.views-field-body {
    display: block;
}

.view-header-slideshow .views-field-body p {
    margin-bottom: 0px;
}


/* Sidebar - First ---------------------------------------------- */

.region-sidebar-first .block-menu ul {
    border-top: 2px #666666 solid;
    border-left: 2px #666666 solid;
    font-size: 1.2em;
}

.region-sidebar-first h2 {
    color: #666666;
    font-family: Tahoma, sans-serif;
    margin-top: 20px;
}

.region-sidebar-first a {
    text-decoration: none;
}

.region-sidebar-first li:hover {
    background-color: #eeeeee;
}

.region-sidebar-first .block-menu ul li {
    list-style-type: none;
    list-style-image: none;
    min-height: 25px;
    border-bottom: 1px #999999 dotted;
    padding: 5px;
}

.region-sidebar-first ul.menu li {
    margin: 0px;
}

.region-sidebar-first li.expanded ul {
    font-size: .8em;
    border: none;
}

.region-sidebar-first li.expanded ul li {
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: 2px #FFF solid;
    min-height: 0px;
    padding: 2px 0px 2px 10px;
    margin-right: 5px;
}

.region-sidebar-first li.expanded ul li:hover {
    border-left: 2px #ccc solid;
}


/* Research Themes block--------------------------- */

ul.geo-themes {
    list-style-type: none;
    background-image: url(images/research.png);
    background-repeat: no-repeat;
}

ul.geo-themes li {
    margin: 5px 5px 5px 25px;
    border: 2px #FFFFFF solid;
}

ul.geo-themes a {
    font-family: Tahoma, sans-serif;
    font-size: 30px;
    color: #999999;
    line-height: 60px;
}

ul.geo-themes a:hover {
    color: #FFFFFF;
}

ul.geo-themes li:hover {
    background-color: #beb395;
    border: 2px #666 solid;
    color: #FFFFFF;
}

ul.geo-themes img {
    padding-right: 5px;
}


/* Remembrances block--------------------------- */

.region-sidebar-first .remember {
    color: #FFFFFF;
    font-family: Tahoma, sans-serif;
    font-size: 1.6em;
    background-color: #881C1C;
    padding: 4px;
    border: 3px #333 solid;
    text-align: center;
    margin-top: 10px;
}

.region-sidebar-first .remember:hover {
    background-color: #999999;
}

.region-sidebar-first .remember a {
    text-decoration: none;
    color: #FFFFFF;
}


/* Sidebar - Second ---------------------------------------------- */

.region-sidebar-second ul {
    border-top: 2px #666666 solid;
    border-right: 2px #666666 solid;
}

.region-sidebar-second h2 {
    color: #666666;
    font-family: Tahoma, sans-serif;
    margin-top: 20px;
}

.region-sidebar-second a {
    text-decoration: none;
}

.region-sidebar-second li:hover {
    background-color: #eeeeee;
}

.region-sidebar-second ul li {
    list-style-type: none;
    list-style-image: none;
    min-height: 25px;
    border-bottom: 1px #999999 dotted;
    padding: 5px;
}

.region-sidebar-second ul.menu li {
    margin: 0px;
}

.region-sidebar-second .view-news li {
    margin: 0px;
}


/* Career Opportunities block--------------------------- */

.region-sidebar-second .careers {
    color: #FFFFFF;
    font-family: Tahoma, sans-serif;
    font-size: 1.4em;
    background-color: #881C1C;
    padding: 4px;
    border: 3px #333 solid;
    text-align: center;
    margin-top: 4px;
    margin-bottom: 4px;
}

.region-sidebar-second .careers:hover {
    background-color: #999999;
}

.region-sidebar-second .careers a {
    text-decoration: none;
    color: #FFFFFF;
}


/* Content views ---------------------------------------------- */

.region-content-inner h2 {
    color: #666666;
    margin-top: 20px;
    border-bottom: 1px #999999 dotted;
    margin-bottom: 10px;
}

.region-content-inner .view-events .views-field-title {
    font-size: 1.1em;
    font-weight: bold;
}

.region-content-inner .view-events .views-field-title a {
    text-decoration: none;
}

.view-events .views-row {
    margin-bottom: 10px;
}

.page-node .field-name-body {
    margin-top: 5px;
}

.page-node .field-item {
    margin-left: 5px;
}

.page-node .region-content-inner img {
    padding: 3px;
    border: 1px #999999 solid;
    margin: 5px;
}

.page-node .node-article img {
    float: right;
}

.field-name-body table {
    border: none;
}


/* People views ---------------------------------------------- */

table.views-view-grid {
    border: none;
}

.views-view-grid td {
    vertical-align: top;
    border-bottom: 2px #CCCCCC solid;
    border-right: 2px #cccccc solid;
    max-width: 300px;
}

.views-field-field-research-area {
    color: #666666;
    font-style: italic;
    margin-left: 90px;
}

.views-view-grid .views-field-field-photo {
    float: left;
    width: 90px;
}

.views-view-grid .views-field-title a {
    font-size: 1.2em;
    text-decoration: none;
    font-family: Tahoma, sans-serif;
}

.views-view-grid .views-field-title a:hover {
    color: #666;
}


/* Faculty nodes ---------------------------------------------- */

.views-view-grid .node-faculty .views-field-field-position {
    font-size: 1em;
    font-style: italic;
    line-height: 1em;
    margin-bottom: 5px;
}

.field-name-field-research-area {
    color: #999;
    font-style: italic;
}

.views-view-grid .field-name-field-photo {
    float: left;
    width: 90px;
}

.views-view-grid .node-faculty .field-name-field-position {
    font-size: 1em;
    font-style: italic;
    line-height: 1em;
    margin-bottom: 5px;
}

.page-node .node-faculty .field-name-field-photo img {
    float: right;
    margin-right: 50px;
    border: 1px #cccccc solid;
    padding: 3px;
}

.node-faculty .field-name-field-position {
    color: #333333;
    font-size: 1.2em;
    line-height: 1.5em;
}

.page-node .node-faculty .field {
    margin-bottom: 5px;
}

.node-faculty .clearfix:after {
    clear: left;
}


/* Student, Post-Doc, Staff nodes ---------------------------------------------- */

.page-node .node-graduate-student .field-name-field-photo img {
    float: right;
    margin-right: 50px;
    border: 1px #cccccc solid;
    padding: 3px;
}

.node-graduate-student .field-name-field-position {
    color: #333333;
    font-size: 1.2em;
    line-height: 1.5em;
}

.page-node .node-graduate-student .field {
    margin-bottom: 5px;
}

.node-graduate-student .clearfix:after {
    clear: left;
}


/* News view ---------------------------------------------- */

.view-news .field-type-image {
    float: left;
    padding: 5px;
}


/* Read more link ---------------------------------------------- */

.read-more a {
    font-size: .8em;
    padding-left: 3px;
    clear: left;
    text-decoration: none;
}


/* Facilities block ---------------------------------------------- */

.facilities li {
    padding: 4px;
    font-size: .9em;
}

/* START: home-2021 components - compiled from sass files */

.bean-horizontal-callout {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  background-color: #E6E4E1;
}

.bean-horizontal-callout .content {
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.bean-horizontal-callout .content .group-callout-text {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  padding: 20px;
  margin: 0;
}

.bean-horizontal-callout .content .group-callout-text h1.field-name-field-callout-title,
.bean-horizontal-callout .content .group-callout-text h2.field-name-field-callout-subtitle {
  font-size: 1.5rem;
  line-height: 1.2;
  color: #881c1c;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;
}

.bean-horizontal-callout .content .group-callout-text h2.field-name-field-callout-subtitle {
  color: #151515;
}

.bean-horizontal-callout .content .group-callout-text .field-name-field-callout-body {
  margin-top: 1em;
  line-height: 1.75;
}

.bean-horizontal-callout .content .group-callout-text .field-name-field-callout-button {
  display: inline-block;
  padding: 0.5rem 0;
}

.bean-horizontal-callout .content .group-callout-text .field-name-field-callout-button a,
.bean-horizontal-callout .content .group-callout-text .field-name-field-callout-button a:link,
.bean-horizontal-callout .content .group-callout-text .field-name-field-callout-button a:visited {
  color: #881c1c;
  background: transparent;
  line-height: 2.25em;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  font-style: normal;
  padding: 0.5em 1em;
  white-space: normal;
  text-decoration: none;
  display: block;
  border: 1px solid #881c1c;
  transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 768px) {
  .bean-horizontal-callout .content .group-callout-text .field-name-field-callout-button a,
  .bean-horizontal-callout .content .group-callout-text .field-name-field-callout-button a:link,
  .bean-horizontal-callout .content .group-callout-text .field-name-field-callout-button a:visited {
    font-size: 0.9rem;
    padding: 0.35em 0.5em;
  }
}
@media all and (min-width: 961px) and (max-width: 1199px) {
  .bean-horizontal-callout .content .group-callout-text .field-name-field-callout-button a span.md-hide,
  .bean-horizontal-callout .content .group-callout-text .field-name-field-callout-button a:link span.md-hide,
  .bean-horizontal-callout .content .group-callout-text .field-name-field-callout-button a:visited span.md-hide {
    display: none;
  }
}
@media all and (min-width: 768px) and (max-width: 899px) {
  .bean-horizontal-callout .content .group-callout-text .field-name-field-callout-button a span.md-hide,
  .bean-horizontal-callout .content .group-callout-text .field-name-field-callout-button a:link span.md-hide,
  .bean-horizontal-callout .content .group-callout-text .field-name-field-callout-button a:visited span.md-hide {
    display: none;
  }
}

.bean-horizontal-callout .content .group-callout-text .field-name-field-callout-button a:hover,
.bean-horizontal-callout .content .group-callout-text .field-name-field-callout-button a:active {
  color: #ffffff;
  background: #881c1c;
  border: 1px solid #881c1c;
  text-decoration: none;
}

.bean-horizontal-callout .content .group-callout-text .field-name-field-callout-button a:focus {
  color: #881c1c;
  background: transparent;
  border: 1px solid #881c1c;
  text-decoration: underline;
  outline: 3px solid #a89968;
  outline-offset: -3px;
}

.bean-horizontal-callout .content .field-name-field-callout-image {
  width: 100%;
  padding: 0;
  margin: 0;
}

.bean-horizontal-callout .content .field-name-field-callout-image img {
  display: block;
  width: 100%;
}
@media all and (min-width: 1024px) {
  .bean-horizontal-callout .content {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .bean-horizontal-callout .content .group-callout-text {
    width: 50%;
    padding: 40px;
    margin: 0;
  }
  .bean-horizontal-callout .content .field-name-field-callout-image {
    width: 50%;
    padding: 0;
    margin: 0;
  }
  .bean-horizontal-callout .content .field-name-field-callout-image img {
    display: block;
    width: 100%;
    height: 100%;
    o-object-fit: cover;
    object-fit: cover;
    border-style: none;
  }
}

.teaser-cards-panel.panel--light-warm-gray-bkgd {
  background-color: #E6E4E1;
}

.teaser-cards-panel.panel--white-bkgd {
  background-color: #ffffff;
}

.teaser-cards-panel.pane-teaser-cards-alumni-cta {
  background-color: #ffffff;
}

.teaser-cards-panel {
  background-color: #E6E4E1;
  padding-top: 32px;
}
@media screen and (min-width: 769px) {
  .teaser-cards-panel {
    padding-top: 48px;
  }
}

.teaser-cards-panel h2.pane-title,
.teaser-cards-panel .teaser-cards-2col,
.teaser-cards-panel .teaser-cards-3col {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 20px;
}

.teaser-cards-panel h2.pane-title {
  color: #151515;
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-weight: 600;
  text-transform: uppercase;
}
@media screen and (min-width: 769px) {
  .teaser-cards-panel h2.pane-title {
    font-size: 2rem;
    line-height: 2rem;
  }
}

.teaser-cards-panel .field-name-field-teaser-card-category .field-name-field-item {
  color: #151515;
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media screen and (min-width: 769px) {
  .teaser-cards-panel .field-name-field-teaser-card-category .field-name-field-item {
    font-size: 2rem;
    line-height: 2rem;
    margin-bottom: 32px;
  }
}

.teaser-cards-panel .content {
  max-width: 530px;
  position: relative;
}

.teaser-cards-panel .content:focus-within {
  outline: 3px dotted #a89968;
  outline-offset: 3px;
}

.teaser-cards-panel .content a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.teaser-cards-panel figure img {
  display: block;
  width: 100%;
}

.teaser-cards-panel figure {
  position: relative;
}

.teaser-cards-panel figure::after {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: radial-gradient(circle, transparent 50%, rgba(0, 0, 0, 0.3) 100%);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.teaser-cards-panel .content:hover figure::after,
.teaser-cards-panel .content:focus-within figure::after {
  opacity: 1;
}

.teaser-cards-panel .card__animated-border--gold {
  width: 13%;
  height: 3px;
  background-color: #a89968;
  transition: width 0.3s ease-in-out;
}

.teaser-cards-panel .content:hover .card__animated-border--gold,
.teaser-cards-panel .content:focus-within .card__animated-border--gold {
  width: 100%;
}

.teaser-cards-panel .field-name-field-teaser-card-headlink {
  margin-top: 1rem;
  line-height: 2.25rem;
}

.teaser-cards-panel.pane-teaser-cards-alumni-cta .field-name-field-teaser-card-headlink {
  text-transform: uppercase;
  text-align: center;
}

.teaser-cards-panel .field-name-field-teaser-card-headlink a,
.teaser-cards-panel .field-name-field-teaser-card-headlink a:link,
.teaser-cards-panel .field-name-field-teaser-card-headlink a:visited {
  color: #151515;
  border-bottom: 0;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
}

.teaser-cards-panel .field-name-field-teaser-card-headlink a span.ext,
.teaser-cards-panel .field-name-field-teaser-card-headlink a:link span.ext,
.teaser-cards-panel .field-name-field-teaser-card-headlink a:visited span.ext {
  display: none;
}

.teaser-cards-panel .field-name-field-teaser-card-headlink a:hover,
.teaser-cards-panel .field-name-field-teaser-card-headlink a:active,
.teaser-cards-panel .field-name-field-teaser-card-headlink a:focus {
  color: #151515;
  border-bottom: 0;
  text-decoration: underline;
}

.teaser-cards-panel .teaser-cards-3col {
  margin-top: 20px;
  margin-bottom: 0;
}
@media screen and (min-width: 540px) {
  .teaser-cards-panel .teaser-cards-3col {
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}

.teaser-cards-panel .teaser-cards-3col .pane-block {
  margin-bottom: 15vw;
}
@media screen and (min-width: 540px) {
  .teaser-cards-panel .teaser-cards-3col .pane-block {
    width: 30.53%;
    margin-bottom: 10vw;
  }
}
@media screen and (min-width: 768px) {
  .teaser-cards-panel .teaser-cards-3col .pane-block {
    margin-bottom: 5.5vw;
  }
}
@media screen and (min-width: 1200px) {
  .teaser-cards-panel .teaser-cards-3col .pane-block {
    margin-bottom: 66px;
  }
}

.teaser-cards-panel .teaser-cards-3col .card__animated-border--gold,
.teaser-cards-panel .teaser-cards-3col .field-name-field-teaser-card-headlink {
  line-height: 1.2;
  font-size: 1.125rem;
}
@media screen and (max-width: 416px) {
  .teaser-cards-panel .teaser-cards-3col .card__animated-border--gold,
  .teaser-cards-panel .teaser-cards-3col .field-name-field-teaser-card-headlink {
    margin-top: 0.8125rem;
  }
}
@media screen and (min-width: 417px) and (max-width: 499px) {
  .teaser-cards-panel .teaser-cards-3col .card__animated-border--gold,
  .teaser-cards-panel .teaser-cards-3col .field-name-field-teaser-card-headlink {
    margin-top: 3.2vw;
  }
}
@media screen and (min-width: 500px) and (max-width: 767px) {
  .teaser-cards-panel .teaser-cards-3col .card__animated-border--gold,
  .teaser-cards-panel .teaser-cards-3col .field-name-field-teaser-card-headlink {
    margin-top: 2.1vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .teaser-cards-panel .teaser-cards-3col .card__animated-border--gold,
  .teaser-cards-panel .teaser-cards-3col .field-name-field-teaser-card-headlink {
    margin-top: 1.3vw;
  }
}
@media screen and (min-width: 769px) {
  .teaser-cards-panel .teaser-cards-3col .card__animated-border--gold,
  .teaser-cards-panel .teaser-cards-3col .field-name-field-teaser-card-headlink {
    margin-top: 1rem;
    font-size: 1.3125rem;
  }
}

.teaser-cards-panel .teaser-cards-2col {
  margin-top: 20px;
  margin-bottom: 0;
}
@media screen and (min-width: 769px) {
  .teaser-cards-panel .teaser-cards-2col {
    margin-top: 32px;
  }
}
@media screen and (min-width: 500px) {
  .teaser-cards-panel .teaser-cards-2col {
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}

.teaser-cards-panel .teaser-cards-2col .pane-block {
  padding-bottom: 15vw;
}
@media screen and (max-width: 499px) {
  .teaser-cards-panel .teaser-cards-2col .pane-block {
    max-width: 100%;
  }
}
@media screen and (min-width: 500px) {
  .teaser-cards-panel .teaser-cards-2col .pane-block {
    width: 45.37%;
    padding-bottom: 10vw;
  }
}
@media screen and (min-width: 768px) {
  .teaser-cards-panel .teaser-cards-2col .pane-block {
    padding-bottom: 5.5vw;
  }
}
@media screen and (min-width: 1200px) {
  .teaser-cards-panel .teaser-cards-2col .pane-block {
    padding-bottom: 66px;
  }
}

.teaser-cards-panel .teaser-cards-2col .card__animated-border--gold,
.teaser-cards-panel .teaser-cards-2col .field-name-field-teaser-card-headlink {
  line-height: 1.2;
  font-size: 1.125rem;
}
@media screen and (max-width: 416px) {
  .teaser-cards-panel .teaser-cards-2col .card__animated-border--gold,
  .teaser-cards-panel .teaser-cards-2col .field-name-field-teaser-card-headlink {
    margin-top: 0.8125rem;
  }
}
@media screen and (min-width: 417px) and (max-width: 499px) {
  .teaser-cards-panel .teaser-cards-2col .card__animated-border--gold,
  .teaser-cards-panel .teaser-cards-2col .field-name-field-teaser-card-headlink {
    margin-top: 3.2vw;
  }
}
@media screen and (min-width: 500px) and (max-width: 767px) {
  .teaser-cards-panel .teaser-cards-2col .card__animated-border--gold,
  .teaser-cards-panel .teaser-cards-2col .field-name-field-teaser-card-headlink {
    margin-top: 2.1vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .teaser-cards-panel .teaser-cards-2col .card__animated-border--gold,
  .teaser-cards-panel .teaser-cards-2col .field-name-field-teaser-card-headlink {
    margin-top: 1.3vw;
  }
}
@media screen and (min-width: 769px) {
  .teaser-cards-panel .teaser-cards-2col .card__animated-border--gold,
  .teaser-cards-panel .teaser-cards-2col .field-name-field-teaser-card-headlink {
    margin-top: 1rem;
    font-size: 1.3125rem;
  }
}


.card-list .card,
#featured-content-footer-wrapper .card-list .card {
  max-width: 348px;
  position: relative;
}

.card-list .card:focus-within {
  outline: 3px dotted #a89968;
  outline-offset: 3px;
}

.card-list .card a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.card-list .card__image img {
  display: block;
  width: 100%;
}

.card-list .card__image {
  position: relative;
}

.card-list .card__image::after {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: radial-gradient(circle, transparent 50%, rgba(0, 0, 0, 0.3) 100%);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.card-list .card:hover .card__image::after,
.card-list .card:focus-within .card__image::after {
  opacity: 1;
}

.card-list .card__tags {
  margin-top: 1.3125rem;
}

.card-list .card__animated-border--gold {
  width: 13%;
  height: 3px;
  background-color: #a89968;
  transition: width 0.3s ease-in-out;
}

.card-list .card:hover .card__animated-border--gold,
.card-list .card:focus-within .card__animated-border--gold {
  width: 100%;
}

.card-list .card__heading a,
.card-list .card__heading a:link,
.card-list .card__heading a:visited {
  color: #151515;
  border-bottom: 0;
  text-decoration: none;
}

.card-list .card__heading a:hover,
.card-list .card__heading a:active,
.card-list .card__heading a:focus {
  color: #151515;
  border-bottom: 0;
  text-decoration: underline;
}

.card-list .card__summary {
  margin-top: 1.1875rem;
}

.card-list .card-list__items {
  list-style-type: none;
  padding-left: 0;
}
@media screen and (min-width: 500px) {
  .card-list .card-list__items {
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}

.card-list .card-list__items .card-list--item {
  margin: 0;
}

.card-list .card-list__items .card-list--item .card__tags {
  margin-top: 1.3125rem;
  font-size: 1rem;
}

.card-list .card-list__items .card-list--item .card__heading {
  margin-top: 1rem;
  line-height: 2.25rem;
}

.card-list .card-list__items .card-list--item .card__summary {
  margin-top: 1.1875rem;
}


.view-display-id-hmpg_grid_block_2021 .view-header {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  padding-top: 32px;
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}
@media screen and (min-width: 769px) {
  .view-display-id-hmpg_grid_block_2021 .view-header {
    padding-top: 48px;
  }
}

.view-display-id-hmpg_grid_block_2021 .view-header .view-header__heading {
  color: #151515;
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-weight: 600;
  margin: 0;
  margin-right: 2rem;
  text-transform: uppercase;
}
@media screen and (min-width: 769px) {
  .view-display-id-hmpg_grid_block_2021 .view-header .view-header__heading {
    font-size: 2rem;
    line-height: 2rem;
  }
}

.view-display-id-hmpg_grid_block_2021 .view-header .view-header__view-all-link a,
.view-display-id-hmpg_grid_block_2021 .view-header .view-header__view-all-link a:link,
.view-display-id-hmpg_grid_block_2021 .view-header .view-header__view-all-link a:visited {
  color: #151515;
  border-bottom: 0px;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
}

.view-display-id-hmpg_grid_block_2021 .view-header .view-header__view-all-link a:hover,
.view-display-id-hmpg_grid_block_2021 .view-header .view-header__view-all-link a:active {
  color: #151515;
  text-decoration: underline;
  border-bottom: 0px;
}

.view-display-id-hmpg_grid_block_2021 .view-header .view-header__view-all-link a:focus {
  color: #151515;
  text-decoration: underline;
  outline: 3px solid #a89968;
  outline-offset: 3px;
}


.block-views .view-display-id-hmpg_grid_block_2021,
.pane-views .view-display-id-hmpg_grid_block_2021 {
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
}


.card-list.card-list--three-column-max .card-list__items {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 20px;
  margin-bottom: 0;
}
@media screen and (min-width: 769px) {
  .card-list.card-list--three-column-max .card-list__items {
    margin-top: 32px;
  }
}

.card-list.card-list--three-column-max .card-list__items li.card-list--item {
  width: inherit;
  margin-bottom: 15vw;
}
@media screen and (min-width: 500px) and (max-width: 767px) {
  .card-list.card-list--three-column-max .card-list__items li.card-list--item {
    width: 45.37%;
    margin-bottom: 10vw;
  }
}
@media screen and (min-width: 768px) {
  .card-list.card-list--three-column-max .card-list__items li.card-list--item {
    width: 30.53%;
    margin-bottom: 5.5vw;
  }
}
@media screen and (min-width: 1200px) {
  .card-list.card-list--three-column-max .card-list__items li.card-list--item {
    margin-bottom: 66px;
  }
}
@media screen and (max-width: 670px) {
  .card-list.card-list--three-column-max .card-list__items li.card-list--item .card__tags {
    margin-top: 1.125rem;
  }
}
@media screen and (min-width: 671px) and (max-width: 767px) {
  .card-list.card-list--three-column-max .card-list__items li.card-list--item .card__tags {
    margin-top: 1.3125rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1079px) {
  .card-list.card-list--three-column-max .card-list__items li.card-list--item .card__tags {
    margin-top: 1.125rem;
  }
}
@media screen and (min-width: 1080px) {
  .card-list.card-list--three-column-max .card-list__items li.card-list--item .card__tags {
    margin-top: 1.3125rem;
  }
}
@media screen and (max-width: 670px) {
  .card-list.card-list--three-column-max .card-list__items li.card-list--item .card__tags .tag__item {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 671px) and (max-width: 767px) {
  .card-list.card-list--three-column-max .card-list__items li.card-list--item .card__tags .tag__item {
    font-size: 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1079px) {
  .card-list.card-list--three-column-max .card-list__items li.card-list--item .card__tags .tag__item {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 1080px) {
  .card-list.card-list--three-column-max .card-list__items li.card-list--item .card__tags .tag__item {
    font-size: 1rem;
  }
}

.card-list.card-list--three-column-max .card-list__items li.card-list--item .card__animated-border--gold,
.card-list.card-list--three-column-max .card-list__items li.card-list--item .card__heading {
  line-height: 1.2;
  font-size: 1.125rem;
}
@media screen and (max-width: 416px) {
  .card-list.card-list--three-column-max .card-list__items li.card-list--item .card__animated-border--gold,
  .card-list.card-list--three-column-max .card-list__items li.card-list--item .card__heading,
  #featured-content-footer-wrapper .card-list.card-list--three-column-max .card-list__items li.card-list--item .card__animated-border--gold,
  #featured-content-footer-wrapper .card-list.card-list--three-column-max .card-list__items li.card-list--item .card__heading {
    margin-top: 0.8125rem;
  }
}
@media screen and (min-width: 417px) and (max-width: 499px) {
  .card-list.card-list--three-column-max .card-list__items li.card-list--item .card__animated-border--gold,
  .card-list.card-list--three-column-max .card-list__items li.card-list--item .card__heading,
  #featured-content-footer-wrapper .card-list.card-list--three-column-max .card-list__items li.card-list--item .card__animated-border--gold,
  #featured-content-footer-wrapper .card-list.card-list--three-column-max .card-list__items li.card-list--item .card__heading {
    margin-top: 3.2vw;
  }
}
@media screen and (min-width: 500px) and (max-width: 767px) {
  .card-list.card-list--three-column-max .card-list__items li.card-list--item .card__animated-border--gold,
  .card-list.card-list--three-column-max .card-list__items li.card-list--item .card__heading,
  #featured-content-footer-wrapper .card-list.card-list--three-column-max .card-list__items li.card-list--item .card__animated-border--gold,
  #featured-content-footer-wrapper .card-list.card-list--three-column-max .card-list__items li.card-list--item .card__heading {
    margin-top: 2.1vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .card-list.card-list--three-column-max .card-list__items li.card-list--item .card__animated-border--gold,
  .card-list.card-list--three-column-max .card-list__items li.card-list--item .card__heading,
  #featured-content-footer-wrapper .card-list.card-list--three-column-max .card-list__items li.card-list--item .card__animated-border--gold,
  #featured-content-footer-wrapper .card-list.card-list--three-column-max .card-list__items li.card-list--item .card__heading {
    margin-top: 1.3vw;
  }
}
@media screen and (min-width: 769px) {
  .card-list.card-list--three-column-max .card-list__items li.card-list--item .card__animated-border--gold,
  .card-list.card-list--three-column-max .card-list__items li.card-list--item .card__heading,
  #featured-content-footer-wrapper .card-list.card-list--three-column-max .card-list__items li.card-list--item .card__animated-border--gold,
  #featured-content-footer-wrapper .card-list.card-list--three-column-max .card-list__items li.card-list--item .card__heading {
    margin-top: 1rem;
    font-size: 1.3125rem;
  }
}
@media screen and (max-width: 670px) {
  .card-list.card-list--three-column-max .card-list__items li.card-list--item .card__summary,
  #featured-content-footer-wrapper .card-list.card-list--three-column-max .card-list__items li.card-list--item .card__summary {
    margin-top: 1rem;
  }
}
@media screen and (min-width: 671px) and (max-width: 767px) {
  .card-list.card-list--three-column-max .card-list__items li.card-list--item .card__summary,
  #featured-content-footer-wrapper .card-list.card-list--three-column-max .card-list__items li.card-list--item .card__summary {
    margin-top: 1.1875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1079px) {
  .card-list.card-list--three-column-max .card-list__items li.card-list--item .card__summary,
  #featured-content-footer-wrapper .card-list.card-list--three-column-max .card-list__items li.card-list--item .card__summary {
    margin-top: 1rem;
  }
}
@media screen and (min-width: 1080px) {
  .card-list.card-list--three-column-max .card-list__items li.card-list--item .card__summary,
  #featured-content-footer-wrapper .card-list.card-list--three-column-max .card-list__items li.card-list--item .card__summary {
    margin-top: 1.1875rem;
  }
}
@media screen and (max-width: 499px) {
  .card-list.card-list--three-column-max .card-list__items .card,
  #featured-content-footer-wrapper .card-list.card-list--three-column-max .card-list__items .card {
    max-width: 100%;
  }
}


.view-display-id-cns_news_archive_page_2021 .card-list.card-list--two-column-max .card-list__items li.card-list--item {
  width: 100%;
}
@media screen and (min-width: 640px) and (max-width: 767px) {
  .view-display-id-cns_news_archive_page_2021 .card-list.card-list--two-column-max .card-list__items li.card-list--item {
    width: 45.37%;
  }
}
@media screen and (min-width: 981px) {
  .view-display-id-cns_news_archive_page_2021 .card-list.card-list--two-column-max .card-list__items li.card-list--item {
    width: 45.37%;
  }
}


.card-list.card-list--two-column-max,
#featured-content-footer-wrapper .card-list.card-list--two-column-max {
  max-width: 745px;
  margin-left: auto;
  margin-right: auto;
}

.card-list.card-list--two-column-max .card-list__items,
#featured-content-footer-wrapper .card-list.card-list--two-column-max .card-list__items {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 20px;
  margin-bottom: 0;
}
@media screen and (min-width: 769px) {
  .card-list.card-list--two-column-max .card-list__items,
  #featured-content-footer-wrapper .card-list.card-list--two-column-max .card-list__items {
    margin-top: 32px;
  }
}

.card-list.card-list--two-column-max .card-list__items li.card-list--item,
#featured-content-footer-wrapper .card-list.card-list--two-column-max .card-list__items li.card-list--item {
  width: inherit;
  margin-bottom: 15vw;
}
@media screen and (min-width: 500px) {
  .card-list.card-list--two-column-max .card-list__items li.card-list--item,
  #featured-content-footer-wrapper .card-list.card-list--two-column-max .card-list__items li.card-list--item {
    width: 42.44%;
    margin-bottom: 10vw;
  }
}
@media screen and (min-width: 768px) {
  .card-list.card-list--two-column-max .card-list__items li.card-list--item,
  #featured-content-footer-wrapper .card-list.card-list--two-column-max .card-list__items li.card-list--item {
    margin-bottom: 77px;
  }
}
@media screen and (max-width: 670px) {
  .card-list.card-list--two-column-max .card-list__items li.card-list--item .card__tags,
  #featured-content-footer-wrapper .card-list.card-list--two-column-max .card-list__items li.card-list--item .card__tags {
    margin-top: 1.125rem;
  }
}
@media screen and (min-width: 671px) {
  .card-list.card-list--two-column-max .card-list__items li.card-list--item .card__tags,
  #featured-content-footer-wrapper .card-list.card-list--two-column-max .card-list__items li.card-list--item .card__tags {
    margin-top: 1.3125rem;
  }
}
@media screen and (max-width: 670px) {
  .card-list.card-list--two-column-max .card-list__items li.card-list--item .card__tags .tag__item,
  #featured-content-footer-wrapper .card-list.card-list--two-column-max .card-list__items li.card-list--item .card__tags .tag__item {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 671px) {
  .card-list.card-list--two-column-max .card-list__items li.card-list--item .card__tags .tag__item,
  #featured-content-footer-wrapper .card-list.card-list--two-column-max .card-list__items li.card-list--item .card__tags .tag__item {
    font-size: 1rem;
  }
}

.card-list.card-list--two-column-max .card-list__items li.card-list--item .card__animated-border--gold,
.card-list.card-list--two-column-max .card-list__items li.card-list--item .card__heading,
#featured-content-footer-wrapper .card-list.card-list--two-column-max .card-list__items li.card-list--item .card__animated-border--gold,
#featured-content-footer-wrapper .card-list.card-list--two-column-max .card-list__items li.card-list--item .card__heading {
  line-height: 1.2;
  font-size: 1.125rem;
}
@media screen and (max-width: 416px) {
  .card-list.card-list--two-column-max .card-list__items li.card-list--item .card__animated-border--gold,
  .card-list.card-list--two-column-max .card-list__items li.card-list--item .card__heading,
  #featured-content-footer-wrapper .card-list.card-list--two-column-max .card-list__items li.card-list--item .card__animated-border--gold,
  #featured-content-footer-wrapper .card-list.card-list--two-column-max .card-list__items li.card-list--item .card__heading {
    margin-top: 0.8125rem;
  }
}
@media screen and (min-width: 417px) and (max-width: 499px) {
  .card-list.card-list--two-column-max .card-list__items li.card-list--item .card__animated-border--gold,
  .card-list.card-list--two-column-max .card-list__items li.card-list--item .card__heading,
  #featured-content-footer-wrapper .card-list.card-list--two-column-max .card-list__items li.card-list--item .card__animated-border--gold,
  #featured-content-footer-wrapper .card-list.card-list--two-column-max .card-list__items li.card-list--item .card__heading {
    margin-top: 3.2vw;
  }
}
@media screen and (min-width: 500px) and (max-width: 767px) {
  .card-list.card-list--two-column-max .card-list__items li.card-list--item .card__animated-border--gold,
  .card-list.card-list--two-column-max .card-list__items li.card-list--item .card__heading,
  #featured-content-footer-wrapper .card-list.card-list--two-column-max .card-list__items li.card-list--item .card__animated-border--gold,
  #featured-content-footer-wrapper .card-list.card-list--two-column-max .card-list__items li.card-list--item .card__heading {
    margin-top: 2.1vw;
  }
}
@media screen and (min-width: 768px) {
  .card-list.card-list--two-column-max .card-list__items li.card-list--item .card__animated-border--gold,
  .card-list.card-list--two-column-max .card-list__items li.card-list--item .card__heading,
  #featured-content-footer-wrapper .card-list.card-list--two-column-max .card-list__items li.card-list--item .card__animated-border--gold,
  #featured-content-footer-wrapper .card-list.card-list--two-column-max .card-list__items li.card-list--item .card__heading {
    margin-top: 1rem;
    font-size: 1.3125rem;
  }
}
@media screen and (max-width: 670px) {
  .card-list.card-list--two-column-max .card-list__items li.card-list--item .card__summary,
  #featured-content-footer-wrapper .card-list.card-list--two-column-max .card-list__items li.card-list--item .card__summary {
    margin-top: 1rem;
  }
}
@media screen and (min-width: 671px) {
  .card-list.card-list--two-column-max .card-list__items li.card-list--item .card__summary,
  #featured-content-footer-wrapper .card-list.card-list--two-column-max .card-list__items li.card-list--item .card__summary {
    margin-top: 1.1875rem;
  }
}
@media screen and (max-width: 499px) {
  .card-list.card-list--two-column-max .card-list__items .card,
  #featured-content-footer-wrapper .card-list.card-list--two-column-max .card-list__items .card {
    max-width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .card-list--single-row.card-list--three-column-max li.card-list--item:nth-child(4) {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
  }

  body.dei-page-2021 .card-list li.card-list--item:nth-child(4),
  body.alumni-page-2021 .card-list li.card-list--item:nth-child(4) {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
  }
}

.bean-explore-links {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10vw;
}
@media screen and (min-width: 500px) {
  .bean-explore-links {
    margin-bottom: 7vw;
  }
}
@media screen and (min-width: 768px) {
  .bean-explore-links {
    margin-bottom: 40px;
  }
}


.group-explore-container {
  color: #151515;
  padding: 20px 30px 40px 30px;
  background-color: rgba(230, 230, 230, 0.99);
  background-blend-mode: overlay;
  background-repeat: no-repeat;
  background-size: cover;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .group-explore-container {
    background-image: none;
  }
}
@media screen and (min-width: 1024px) {
  .group-explore-container {
    padding: 8% 16%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .group-explore-container {
    padding: 8%;
  }
}
@media screen and (min-width: 1024px) {
  .group-explore-container {
    padding: 8% 16%;
  }
}
@media screen and (min-width: 540px) and (max-width: 767px) {
  .group-explore-container .group-text-links-container .field-name-field-explore-links {
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .group-explore-container .group-text-links-container .field-name-field-explore-links li {
    flex-basis: 47%;
  }
}
@media screen and (min-width: 768px) {
  .group-explore-container .group-text-links-container {
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .group-explore-container .group-text-links-container .group-text-container {
    padding-right: 10%;
    flex-basis: 60%;
  }
  .group-explore-container .group-text-links-container .field-name-field-explore-links {
    flex-basis: 40%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .group-explore-container .group-text-links-container .group-text-container {
    padding-right: 6%;
  }
}

.group-explore-container h2.group-heading {
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.1;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1rem;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
}
@media screen and (min-width: 768px) {
  .group-explore-container h2.group-heading {
    font-size: 2rem;
  }
}

.group-explore-container h2.group-heading span.field-name-field-explore-heading-line-1 {
  color: #881c1c;
  display: block;
}

.group-explore-container h2.group-heading span.field-name-field-explore-heading-line-2 {
  color: #151515;
  display: block;
}

.group-explore-container .field-name-field-explore-summary-text {
  line-height: 1.8;
}

.group-explore-container ul.field-name-field-explore-links {
  padding: 0;
  margin: 0;
}

.group-explore-container ul.field-name-field-explore-links li {
  list-style: none;
  margin-bottom: 0;
  border-bottom: 1px solid #979797;
}

.group-explore-container ul.field-name-field-explore-links li:hover {
  border-bottom: 1px solid #881c1c;
}

.group-explore-container ul.field-name-field-explore-links a {
  display: block;
  padding: 0.6rem 1.6rem 0.6rem 0;
  background-image: url(../images/caret-right.svg);
  background-repeat: no-repeat;
  background-position-x: 98%;
  background-position-y: center;
  background-size: 0.4rem;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
}

.group-explore-container ul.field-name-field-explore-links a,
.group-explore-container ul.field-name-field-explore-links a:link,
.group-explore-container ul.field-name-field-explore-links a:visited {
  color: #151515;
  text-decoration: none;
  border-bottom: none;
  text-transform: uppercase;
  font-weight: bold;
}

.group-explore-container ul.field-name-field-explore-links a:hover,
.group-explore-container ul.field-name-field-explore-links a:active {
  color: #881c1c;
  text-decoration: none;
  border-bottom: none;
}

.group-explore-container ul.field-name-field-explore-links a:focus {
  color: #151515;
  text-decoration: underline;
  border-bottom: none;
  outline: 3px solid #a89968;
  outline-offset: -3px;
}


.panel--light-warm-gray-bkgd {
  background-color: #E6E4E1;
}


.panel--white-bkgd {
  background-color: #ffffff;
}


.event-list .event,
#featured-content-footer-wrapper .event-list .event {
  max-width: 100%;
  position: relative;
}

.event-list .event:focus-within,
#featured-content-footer-wrapper .event-list .event:focus-within {
  outline: 3px dotted #a89968;
  outline-offset: 3px;
}

.event-list .event a:after,
#featured-content-footer-wrapper .event-list .event a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.event-list .event__month,
#featured-content-footer-wrapper .event-list .event__month {
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #4a4a4a;
}
@media screen and (min-width: 769px) {
  .event-list .event__month,
  #featured-content-footer-wrapper .event-list .event__month {
    font-size: 1.125rem;
  }
}

.event-list .event__day,
#featured-content-footer-wrapper .event-list .event__day {
  font-size: 1.5rem;
  font-weight: 600;
  color: #881c1c;
}
@media screen and (min-width: 769px) {
  .event-list .event__day,
  #featured-content-footer-wrapper .event-list .event__day {
    font-size: 2rem;
  }
}

.event-list .event__animated-border--gold,
#featured-content-footer-wrapper .event-list .event__animated-border--gold {
  width: 13%;
  height: 3px;
  background-color: #a89968;
  transition: width 0.3s ease-in-out;
}

.event-list .event:hover .event__animated-border--gold,
.event-list .event:focus-within .event__animated-border--gold,
#featured-content-footer-wrapper .event-list .event:hover .event__animated-border--gold,
#featured-content-footer-wrapper .event-list .event:focus-within .event__animated-border--gold {
  width: 100%;
}

.event-list .event__heading a,
.event-list .event__heading a:link,
.event-list .event__heading a:visited,
#featured-content-footer-wrapper .event-list .event__heading a,
#featured-content-footer-wrapper .event-list .event__heading a:link,
#featured-content-footer-wrapper .event-list .event__heading a:visited {
  color: #151515;
  border-bottom: 0;
  text-decoration: none;
}

.event-list .event__heading a:hover,
.event-list .event__heading a:active,
.event-list .event__heading a:focus,
#featured-content-footer-wrapper .event-list .event__heading a:hover,
#featured-content-footer-wrapper .event-list .event__heading a:active,
#featured-content-footer-wrapper .event-list .event__heading a:focus {
  color: #151515;
  border-bottom: 0;
  text-decoration: underline;
}

.event-list .event__card,
#featured-content-footer-wrapper .event-list .event__card {
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.event-list .event__date,
#featured-content-footer-wrapper .event-list .event__date {
  padding-right: 1.5rem;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 415px) {
  .event-list .event__date,
  #featured-content-footer-wrapper .event-list .event__date {
    padding-right: 1rem;
  }
}

.event-list .event-list__items,
#featured-content-footer-wrapper .event-list .event-list__items {
  list-style-type: none;
  padding-left: 0;
  margin-left: -0.7rem;
  margin-right: -0.7rem;
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.event-list .event-list__items .event-list--item,
#featured-content-footer-wrapper .event-list .event-list__items .event-list--item {
  margin: 0;
  padding-left: 0.7rem;
  padding-right: 0.7rem;
  box-sizing: border-box;
}

.event-list .event-list__items .event-list--item .event__type-host,
#featured-content-footer-wrapper .event-list .event-list__items .event-list--item .event__type-host {
  font-size: 0.875rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #881c1c;
}

.event-list .event-list__items .event-list--item .event__heading,
#featured-content-footer-wrapper .event-list .event-list__items .event-list--item .event__heading {
  margin-top: 1rem;
  line-height: 2.25rem;
}


.view-id-upcoming_events_2021 .view-header,
#featured-content-footer-wrapper .view-id-upcoming_events_2021 .view-header {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  padding-top: 32px;
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}
@media screen and (min-width: 769px) {
  .view-id-upcoming_events_2021 .view-header,
  #featured-content-footer-wrapper .view-id-upcoming_events_2021 .view-header {
    padding-top: 48px;
  }
}

.view-id-upcoming_events_2021 .view-header .view-header__heading,
#featured-content-footer-wrapper .view-id-upcoming_events_2021 .view-header .view-header__heading {
  color: #151515;
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-weight: 600;
  margin: 0;
  margin-right: 2rem;
  text-transform: uppercase;
}
@media screen and (min-width: 769px) {
  .view-id-upcoming_events_2021 .view-header .view-header__heading,
  #featured-content-footer-wrapper .view-id-upcoming_events_2021 .view-header .view-header__heading {
    font-size: 2rem;
    line-height: 2rem;
  }
}

.view-id-upcoming_events_2021 .view-header .view-header__view-all-link a,
.view-id-upcoming_events_2021 .view-header .view-header__view-all-link a:link,
.view-id-upcoming_events_2021 .view-header .view-header__view-all-link a:visited,
#featured-content-footer-wrapper .view-id-upcoming_events_2021 .view-header .view-header__view-all-link a,
#featured-content-footer-wrapper .view-id-upcoming_events_2021 .view-header .view-header__view-all-link a:link,
#featured-content-footer-wrapper .view-id-upcoming_events_2021 .view-header .view-header__view-all-link a:visited {
  color: #151515;
  border-bottom: 0px;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
}

.view-id-upcoming_events_2021 .view-header .view-header__view-all-link a:hover,
.view-id-upcoming_events_2021 .view-header .view-header__view-all-link a:active,
#featured-content-footer-wrapper .view-id-upcoming_events_2021 .view-header .view-header__view-all-link a:hover,
#featured-content-footer-wrapper .view-id-upcoming_events_2021 .view-header .view-header__view-all-link a:active {
  color: #151515;
  text-decoration: underline;
  border-bottom: 0px;
}

.view-id-upcoming_events_2021 .view-header .view-header__view-all-link a:focus,
#featured-content-footer-wrapper .view-id-upcoming_events_2021 .view-header .view-header__view-all-link a:focus {
  color: #151515;
  text-decoration: underline;
  outline: 3px solid #a89968;
  outline-offset: 3px;
}


.view-display-id-upcoming_events_page .view-header {
  display: block;
}


.block-views .view-id-upcoming_events_2021,
.pane-views .view-id-upcoming_events_2021 {
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
}


#featured-content-footer-wrapper .block-views .view-id-upcoming_events_2021 {
  padding: 0;
}

@media screen and (min-width: 1024px) {
  .view-display-id-upcoming_events_block .event-list--single-row li.event-list--item:nth-child(4) {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
  }
}

.view-display-id-upcoming_events_page .event-list.event-list--three-column-max .event-list__items {
  width: 100%;
  padding-left: 0;
  margin-left: -0.7rem;
  margin-right: -0.7rem;
}

.view-display-id-upcoming_events_page .event-list.event-list--three-column-max .event-list__items li.event-list--item {
  width: 100%;
  box-sizing: border-box;
  padding-left: 0.7rem;
  padding-right: 0.7rem;
}
@media screen and (min-width: 640px) and (max-width: 767px) {
  .view-display-id-upcoming_events_page .event-list.event-list--three-column-max .event-list__items li.event-list--item {
    width: 50%;
  }
}
@media screen and (min-width: 981px) {
  .view-display-id-upcoming_events_page .event-list.event-list--three-column-max .event-list__items li.event-list--item {
    width: 50%;
  }
}


.view-display-id-upcoming_events_block .view-empty {
  margin-bottom: 15vw;
  margin-top: 20px;
}
@media screen and (min-width: 769px) {
  .view-display-id-upcoming_events_block .view-empty {
    margin-top: 32px;
  }
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  .view-display-id-upcoming_events_block .view-empty {
    margin-bottom: 10vw;
  }
}
@media screen and (min-width: 1024px) {
  .view-display-id-upcoming_events_block .view-empty {
    margin-bottom: 5.5vw;
  }
}
@media screen and (min-width: 1200px) {
  .view-display-id-upcoming_events_block .view-empty {
    margin-bottom: 66px;
  }
}


.event-list.event-list--three-column-max .event-list__items,
#featured-content-footer-wrapper .event-list.event-list--three-column-max .event-list__items {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-top: 20px;
  margin-bottom: 0;
  margin-left: -0.7rem;
  margin-right: -0.7rem;
}
@media screen and (min-width: 769px) {
  .event-list.event-list--three-column-max .event-list__items,
  #featured-content-footer-wrapper .event-list.event-list--three-column-max .event-list__items {
    margin-top: 32px;
  }
}

.event-list.event-list--three-column-max .event-list__items li.event-list--item,
#featured-content-footer-wrapper .event-list.event-list--three-column-max .event-list__items li.event-list--item {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 15vw;
  padding-left: 0.7rem;
  padding-right: 0.7rem;
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  .event-list.event-list--three-column-max .event-list__items li.event-list--item,
  #featured-content-footer-wrapper .event-list.event-list--three-column-max .event-list__items li.event-list--item {
    width: 50%;
    margin-bottom: 10vw;
  }
}
@media screen and (min-width: 1024px) {
  .event-list.event-list--three-column-max .event-list__items li.event-list--item,
  #featured-content-footer-wrapper .event-list.event-list--three-column-max .event-list__items li.event-list--item {
    width: 33.33333%;
    margin-bottom: 5.5vw;
  }
}
@media screen and (min-width: 1200px) {
  .event-list.event-list--three-column-max .event-list__items li.event-list--item,
  #featured-content-footer-wrapper .event-list.event-list--three-column-max .event-list__items li.event-list--item {
    margin-bottom: 66px;
  }
}

.event-list.event-list--three-column-max .event-list__items li.event-list--item .event__heading,
#featured-content-footer-wrapper .event-list.event-list--three-column-max .event-list__items li.event-list--item .event__heading {
  line-height: 1.2;
  font-size: 1rem;
}
@media screen and (min-width: 769px) {
  .event-list.event-list--three-column-max .event-list__items li.event-list--item .event__heading,
  #featured-content-footer-wrapper .event-list.event-list--three-column-max .event-list__items li.event-list--item .event__heading {
    font-size: 1.3125rem;
  }
}

.event-list.event-list--three-column-max .event-list__items .event__month,
.event-list.event-list--three-column-max .event-list__items .event__heading,
#featured-content-footer-wrapper .event-list.event-list--three-column-max .event-list__items .event__month,
#featured-content-footer-wrapper .event-list.event-list--three-column-max .event-list__items .event__heading {
  margin-bottom: 0;
  line-height: 1.2;
  margin-top: 0.5rem;
}
@media screen and (min-width: 769px) {
  .event-list.event-list--three-column-max .event-list__items .event__month,
  .event-list.event-list--three-column-max .event-list__items .event__heading,
  #featured-content-footer-wrapper .event-list.event-list--three-column-max .event-list__items .event__month,
  #featured-content-footer-wrapper .event-list.event-list--three-column-max .event-list__items .event__heading {
    margin-top: 1rem;
  }
}

.event-list.event-list--three-column-max .event-list__items .event__day,
.event-list.event-list--three-column-max .event-list__items .event__speaker,
.event-list.event-list--three-column-max .event-list__items .event__affiliation,
.event-list.event-list--three-column-max .event-list__items .event__time,
.event-list.event-list--three-column-max .event-list__items .event__type-host,
#featured-content-footer-wrapper .event-list.event-list--three-column-max .event-list__items .event__day,
#featured-content-footer-wrapper .event-list.event-list--three-column-max .event-list__items .event__speaker,
#featured-content-footer-wrapper .event-list.event-list--three-column-max .event-list__items .event__affiliation,
#featured-content-footer-wrapper .event-list.event-list--three-column-max .event-list__items .event__time,
#featured-content-footer-wrapper .event-list.event-list--three-column-max .event-list__items .event__type-host {
  margin-bottom: 0;
  line-height: 1.2;
  margin-top: 0.5rem;
}
@media screen and (max-width: 499px) {
  .event-list.event-list--three-column-max .event-list__items .event,
  #featured-content-footer-wrapper .event-list.event-list--three-column-max .event-list__items .event {
    max-width: 100%;
  }
}


.event-list.event-list--two-column-max,
#featured-content-footer-wrapper .event-list.event-list--two-column-max {
  max-width: 745px;
  margin-left: auto;
  margin-right: auto;
}

.event-list.event-list--two-column-max .event-list__items,
#featured-content-footer-wrapper .event-list.event-list--two-column-max .event-list__items {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-top: 20px;
  margin-bottom: 0;
  margin-left: -0.7rem;
  margin-right: -0.7rem;
}
@media screen and (min-width: 769px) {
  .event-list.event-list--two-column-max .event-list__items,
  #featured-content-footer-wrapper .event-list.event-list--two-column-max .event-list__items {
    margin-top: 32px;
  }
}

.event-list.event-list--two-column-max .event-list__items li.event-list--item,
#featured-content-footer-wrapper .event-list.event-list--two-column-max .event-list__items li.event-list--item {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 15vw;
  padding-left: 0.7rem;
  padding-right: 0.7rem;
}
@media screen and (min-width: 640px) {
  .event-list.event-list--two-column-max .event-list__items li.event-list--item,
  #featured-content-footer-wrapper .event-list.event-list--two-column-max .event-list__items li.event-list--item {
    width: 50%;
    margin-bottom: 10vw;
  }
}
@media screen and (min-width: 768px) {
  .event-list.event-list--two-column-max .event-list__items li.event-list--item,
  #featured-content-footer-wrapper .event-list.event-list--two-column-max .event-list__items li.event-list--item {
    margin-bottom: 77px;
  }
}

.event-list.event-list--two-column-max .event-list__items li.event-list--item .event__heading,
#featured-content-footer-wrapper .event-list.event-list--two-column-max .event-list__items li.event-list--item .event__heading {
  line-height: 1.2;
  font-size: 1.125rem;
}
@media screen and (min-width: 769px) {
  .event-list.event-list--two-column-max .event-list__items li.event-list--item .event__heading,
  #featured-content-footer-wrapper .event-list.event-list--two-column-max .event-list__items li.event-list--item .event__heading {
    font-size: 1.3125rem;
  }
}

.event-list.event-list--two-column-max .event-list__items .event__month,
.event-list.event-list--two-column-max .event-list__items .event__heading,
#featured-content-footer-wrapper .event-list.event-list--two-column-max .event-list__items .event__month,
#featured-content-footer-wrapper .event-list.event-list--two-column-max .event-list__items .event__heading {
  margin-bottom: 0;
  line-height: 1.2;
  margin-top: 0.5rem;
}
@media screen and (min-width: 769px) {
  .event-list.event-list--two-column-max .event-list__items .event__month,
  .event-list.event-list--two-column-max .event-list__items .event__heading,
  #featured-content-footer-wrapper .event-list.event-list--two-column-max .event-list__items .event__month,
  #featured-content-footer-wrapper .event-list.event-list--two-column-max .event-list__items .event__heading {
    margin-top: 1rem;
  }
}

.event-list.event-list--two-column-max .event-list__items .event__day,
.event-list.event-list--two-column-max .event-list__items .event__speaker,
.event-list.event-list--two-column-max .event-list__items .event__affiliation,
.event-list.event-list--two-column-max .event-list__items .event__time,
.event-list.event-list--two-column-max .event-list__items .event__type-host,
#featured-content-footer-wrapper .event-list.event-list--two-column-max .event-list__items .event__day,
#featured-content-footer-wrapper .event-list.event-list--two-column-max .event-list__items .event__speaker,
#featured-content-footer-wrapper .event-list.event-list--two-column-max .event-list__items .event__affiliation,
#featured-content-footer-wrapper .event-list.event-list--two-column-max .event-list__items .event__time,
#featured-content-footer-wrapper .event-list.event-list--two-column-max .event-list__items .event__type-host {
  margin-bottom: 0;
  line-height: 1.2;
  margin-top: 0.5rem;
}
@media screen and (max-width: 499px) {
  .event-list.event-list--two-column-max .event-list__items .event,
  #featured-content-footer-wrapper .event-list.event-list--two-column-max .event-list__items .event {
    max-width: 100%;
  }
}

.bean-hero {
  position: relative;
  overflow: hidden;
  background-color: #000;
}

.bean-hero .content .field-name-field-hero-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.bean-hero .content .group-hero-text {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.74) 0%, rgba(0, 0, 0, 0.54) 65%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
}
@media (max-width: 640px) {
  .bean-hero .content .group-hero-text {
    position: relative;
  }
}

.bean-hero .content .group-hero-text .group-hero-text-inner {
  max-width: 800px;
  margin: 0 auto;
  padding: 1.5rem 2rem;
}
@media screen and (min-width: 641px) {
  .bean-hero .content .group-hero-text .group-hero-text-inner {
    padding: 7rem 2.5rem 2.5rem 2.5rem;
  }
}

.bean-hero .content .group-hero-text h2.field-name-field-hero-heading {
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  font-size: 2.25rem;
  line-height: 1.2;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 1rem;
}
@media screen and (max-width: 768px) {
  .bean-hero .content .group-hero-text h2.field-name-field-hero-heading {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
  }
}

.bean-hero .content .group-hero-text .field-name-field-hero-summary {
  color: #fff;
  text-align: center;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  font-size: 1.25rem;
  line-height: 2rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 768px) {
  .bean-hero .content .group-hero-text .field-name-field-hero-summary {
    font-size: 1rem;
    margin-bottom: 1rem;
    line-height: 1.5rem;
  }
}

.bean-hero .content .group-hero-text .group-hero-button-wrapper {
  width: 100%;
  text-align: center;
}

.bean-hero .content .group-hero-text .field-name-field-hero-button {
  display: inline-block;
}

.bean-hero .content .group-hero-text .field-name-field-hero-button a,
.bean-hero .content .group-hero-text .field-name-field-hero-button a:link,
.bean-hero .content .group-hero-text .field-name-field-hero-button a:visited {
  color: #fff;
  background: transparent;
  line-height: 2.25em;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  font-style: normal;
  padding: 0.5em 1em;
  white-space: normal;
  text-decoration: none;
  display: block;
  border: 1px solid #fff;
  transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 768px) {
  .bean-hero .content .group-hero-text .field-name-field-hero-button a,
  .bean-hero .content .group-hero-text .field-name-field-hero-button a:link,
  .bean-hero .content .group-hero-text .field-name-field-hero-button a:visited {
    font-size: 0.9rem;
    padding: 0.35em 0.5em;
  }
}
@media all and (min-width: 961px) and (max-width: 1199px) {
  .bean-hero .content .group-hero-text .field-name-field-hero-button a span.md-hide,
  .bean-hero .content .group-hero-text .field-name-field-hero-button a:link span.md-hide,
  .bean-hero .content .group-hero-text .field-name-field-hero-button a:visited span.md-hide {
    display: none;
  }
}
@media all and (min-width: 768px) and (max-width: 899px) {
  .bean-hero .content .group-hero-text .field-name-field-hero-button a span.md-hide,
  .bean-hero .content .group-hero-text .field-name-field-hero-button a:link span.md-hide,
  .bean-hero .content .group-hero-text .field-name-field-hero-button a:visited span.md-hide {
    display: none;
  }
}

.bean-hero .content .group-hero-text .field-name-field-hero-button a:hover,
.bean-hero .content .group-hero-text .field-name-field-hero-button a:active {
  color: #000;
  background: #fff;
  border: 1px solid #fff;
  text-decoration: none;
}

.bean-hero .content .group-hero-text .field-name-field-hero-button a:focus {
  color: #000;
  background: #fff;
  border: 1px solid #fff;
  text-decoration: underline;
  outline: 3px solid #a89968;
  outline-offset: -3px;
}


.bean-spotlight {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 65px;
  padding: 0;
  background-color: #E6E4E1;
}

.bean-spotlight .content {
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.bean-spotlight .content .group-spotlight-text {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  padding: 20px;
  margin: 0;
}

.bean-spotlight .content .group-spotlight-text h3.field-name-field-spotlight-category {
  font-size: 1rem;
  line-height: 1.2;
  color: #881c1c;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;
  margin-bottom: 1em;
}

.bean-spotlight .content .group-spotlight-text h2.field-name-field-spotlight-headline {
  color: #151515;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1.4;
  margin-top: 0;
}

.bean-spotlight .content .group-spotlight-text .field-name-field-spotlight-body {
  margin-top: 1em;
  line-height: 1.75;
}

.bean-spotlight .content .group-spotlight-text .field-name-field-spotlight-button {
  display: inline-block;
  padding: 0.5rem 0;
}

.bean-spotlight .content .group-spotlight-text .field-name-field-spotlight-button a,
.bean-spotlight .content .group-spotlight-text .field-name-field-spotlight-button a:link,
.bean-spotlight .content .group-spotlight-text .field-name-field-spotlight-button a:visited {
  color: #881c1c;
  background: transparent;
  line-height: 2.25em;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  font-style: normal;
  /*SUMMER20 italic*/
  padding: 0.5em 1em;
  white-space: normal;
  /*SUMMER20 nowrap*/
  text-decoration: none;
  display: block;
  border: 1px solid #881c1c;
  transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 768px) {
  .bean-spotlight .content .group-spotlight-text .field-name-field-spotlight-button a,
  .bean-spotlight .content .group-spotlight-text .field-name-field-spotlight-button a:link,
  .bean-spotlight .content .group-spotlight-text .field-name-field-spotlight-button a:visited {
    font-size: 0.9rem;
    padding: 0.35em 0.5em;
  }
}
@media all and (min-width: 961px) and (max-width: 1199px) {
  .bean-spotlight .content .group-spotlight-text .field-name-field-spotlight-button a span.md-hide,
  .bean-spotlight .content .group-spotlight-text .field-name-field-spotlight-button a:link span.md-hide,
  .bean-spotlight .content .group-spotlight-text .field-name-field-spotlight-button a:visited span.md-hide {
    display: none;
  }
}
@media all and (min-width: 768px) and (max-width: 899px) {
  .bean-spotlight .content .group-spotlight-text .field-name-field-spotlight-button a span.md-hide,
  .bean-spotlight .content .group-spotlight-text .field-name-field-spotlight-button a:link span.md-hide,
  .bean-spotlight .content .group-spotlight-text .field-name-field-spotlight-button a:visited span.md-hide {
    display: none;
  }
}

.bean-spotlight .content .group-spotlight-text .field-name-field-spotlight-button a:hover,
.bean-spotlight .content .group-spotlight-text .field-name-field-spotlight-button a:active {
  color: #ffffff;
  background: #881c1c;
  border: 1px solid #881c1c;
  text-decoration: none;
}

.bean-spotlight .content .group-spotlight-text .field-name-field-spotlight-button a:focus {
  color: #881c1c;
  background: transparent;
  border: 1px solid #881c1c;
  text-decoration: underline;
  outline: 3px solid #a89968;
  outline-offset: -3px;
}

.bean-spotlight .content .field-name-field-spotlight-image {
  width: auto;
  max-width: 350px;
  padding: 20px 20px 0;
  margin: 0;
}

.bean-spotlight .content .field-name-field-spotlight-image img {
  display: block;
  width: 100%;
}
@media all and (min-width: 768px) {
  .bean-spotlight .content {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .bean-spotlight .content .group-spotlight-text {
    width: 66.66666%;
    padding: 40px;
    margin: 0;
  }
  .bean-spotlight .content .field-name-field-spotlight-image {
    width: 33.33333%;
    max-width: 33.33333%;
    padding: 0;
    margin: 0;
  }
  .bean-spotlight .content .field-name-field-spotlight-image img {
    display: block;
    width: 100%;
    height: 100%;
    o-object-fit: cover;
    object-fit: cover;
    border-style: none;
  }
}

/* button styles */

#section-content ul.button,
#zone-footer ul.button {
  overflow: visible;
  padding-left: 0;
  margin-bottom: 0.2em;
  max-width: 274px;
}

#section-content ul.button li,
#zone-footer ul.button li {
  line-height: 1.5em;
  border: none;
  padding: 0;
  list-style-type: none;
}

#section-content ul.button li a,
#section-content ul.button li a:link,
#section-content ul.button li a:visited,
#zone-footer ul.button li a,
#zone-footer ul.button li a:link,
#zone-footer ul.button li a:visited {
  position: relative;
  color: #000000;
  font-weight: 600;
  padding: 0.45em 1.75em 0.55em 0.8em;
  white-space: nowrap;
  text-decoration: none;
  display: block;
  border-bottom: none;
  transition: all 0.2s ease-in-out;
}
@media all and (min-width: 961px) and (max-width: 1199px) {
  /* line 26, ../sass/custom/_buttons.scss */
  #section-content ul.button li a span.md-hide,
  #section-content ul.button li a:link span.md-hide,
  #section-content ul.button li a:visited span.md-hide,
  #zone-footer ul.button li a span.md-hide,
  #zone-footer ul.button li a:link span.md-hide,
  #zone-footer ul.button li a:visited span.md-hide {
    display: none;
  }
}
@media all and (min-width: 768px) and (max-width: 899px) {
  /* line 31, ../sass/custom/_buttons.scss */
  #section-content ul.button li a span.md-hide,
  #section-content ul.button li a:link span.md-hide,
  #section-content ul.button li a:visited span.md-hide,
  #zone-footer ul.button li a span.md-hide,
  #zone-footer ul.button li a:link span.md-hide,
  #zone-footer ul.button li a:visited span.md-hide {
    display: none;
  }
}

#section-content ul.button li a:hover,
#section-content ul.button li a:active,
#zone-footer ul.button li a:hover,
#zone-footer ul.button li a:active {
  color: #000000;
  text-decoration: none;
}

#section-content ul.button li a:focus,
#zone-footer ul.button li a:focus {
  color: #000000;
  text-decoration: underline;
  outline: 3px solid #a89968;
  outline-offset: -3px;
}

#section-content ul.button li .fa-caret-right,
#zone-footer ul.button li .fa-caret-right {
  position: absolute;
  top: 0.85em;
  right: 0.75em;
}

#section-content ul.button li.giving,
#zone-footer ul.button li.giving {
  background-color: #cf9000;
  transition: background-color 0.5s ease-in-out;
}

#section-content ul.button li.giving a,
#zone-footer ul.button li.giving a {
  font-size: 1.2em;
  letter-spacing: 3px;
  font-style: italic;
  text-transform: uppercase;
  color: #ffffff;
  padding: 0.8em 1.2em;
  text-shadow: -1px 2px 3px rgba(0, 0, 0, 0.75);
}

#section-content ul.button li.giving a:hover,
#section-content ul.button li.giving a:active,
#zone-footer ul.button li.giving a:hover,
#zone-footer ul.button li.giving a:active {
  text-decoration: none;
}

#section-content ul.button li.giving:hover,
#section-content ul.button li.giving:active,
#zone-footer ul.button li.giving:hover,
#zone-footer ul.button li.giving:active {
  background-color: #d99700;
}

#section-content ul.button li.gold,
#zone-footer ul.button li.gold {
  background-color: #eb9921;
  /*previous lighter gold d26c02 that was on white and didn't have enough color contrast to pass accessibility test*/
  transition: all 0.2s ease-in-out;
}

#section-content ul.button li.gold:hover,
#zone-footer ul.button li.gold:hover {
  background-color: #c77e12;
  /*prev b05b02*/
}

#section-content ul.button li.maroon,
#zone-footer ul.button li.maroon {
  background-color: #881c1c;
  transition: all 0.2s ease-in-out;
}

#section-content ul.button li.maroon a,
#section-content ul.button li.maroon a:link,
#section-content ul.button li.maroon a:visited,
#zone-footer ul.button li.maroon a,
#zone-footer ul.button li.maroon a:link,
#zone-footer ul.button li.maroon a:visited {
  color: #ffffff;
}

#section-content ul.button li.maroon a:hover,
#section-content ul.button li.maroon a:active,
#section-content ul.button li.maroon a:focus,
#zone-footer ul.button li.maroon a:hover,
#zone-footer ul.button li.maroon a:active,
#zone-footer ul.button li.maroon a:focus {
  color: #ffffff;
}

#section-content ul.button li.maroon:hover,
#zone-footer ul.button li.maroon:hover {
  background-color: #5e1313;
}

#section-content ul.button li.grey,
#zone-footer ul.button li.grey {
  background-color: #333333;
  transition: all 0.2s ease-in-out;
}

#section-content ul.button li.grey a,
#section-content ul.button li.grey a:link,
#section-content ul.button li.grey a:visited,
#zone-footer ul.button li.grey a,
#zone-footer ul.button li.grey a:link,
#zone-footer ul.button li.grey a:visited {
  color: #ffffff;
}

#section-content ul.button li.grey a:hover,
#section-content ul.button li.grey a:active,
#section-content ul.button li.grey a:focus,
#zone-footer ul.button li.grey a:hover,
#zone-footer ul.button li.grey a:active,
#zone-footer ul.button li.grey a:focus {
  color: #ffffff;
}

#section-content ul.button li.grey:hover,
#zone-footer ul.button li.grey:hover {
  background-color: #0d0d0d;
}

#section-content ul.button li.green,
#zone-footer ul.button li.green {
  background-color: #6e7e1b;
  transition: all 0.2s ease-in-out;
}

#section-content ul.button li.green a,
#section-content ul.button li.green a:link,
#section-content ul.button li.green a:visited,
#zone-footer ul.button li.green a,
#zone-footer ul.button li.green a:link,
#zone-footer ul.button li.green a:visited {
  color: #ffffff;
}

#section-content ul.button li.green a:hover,
#section-content ul.button li.green a:active,
#section-content ul.button li.green a:focus,
#zone-footer ul.button li.green a:hover,
#zone-footer ul.button li.green a:active,
#zone-footer ul.button li.green a:focus {
  color: #ffffff;
}

#section-content ul.button li.green:hover,
#zone-footer ul.button li.green:hover {
  background-color: #373f0e;
}

#section-content ul.button li.blue,
#zone-footer ul.button li.blue {
  background-color: #003755;
  transition: all 0.2s ease-in-out;
}

#section-content ul.button li.blue a,
#section-content ul.button li.blue a:link,
#section-content ul.button li.blue a:visited,
#zone-footer ul.button li.blue a,
#zone-footer ul.button li.blue a:link,
#zone-footer ul.button li.blue a:visited {
  color: #ffffff;
}

#section-content ul.button li.blue a:hover,
#section-content ul.button li.blue a:active,
#section-content ul.button li.blue a:focus,
#zone-footer ul.button li.blue a:hover,
#zone-footer ul.button li.blue a:active,
#zone-footer ul.button li.blue a:focus {
  color: #ffffff;
}

#section-content ul.button li.blue:hover,
#zone-footer ul.button li.blue:hover {
  background-color: #000508;
}

#section-content #content ul.button,
#zone-footer #content ul.button {
  max-width: 100%;
  display: table-cell;
}

#section-content .button-container ul.button.outline,
#zone-footer .button-container ul.button.outline {
  overflow: visible;
  padding: 0;
  margin: 1em;
  max-width: 100%;
}

#section-content .button-container ul.button.outline li,
#zone-footer .button-container ul.button.outline li {
  line-height: 1.5em;
  border: 1px solid #363636;
  padding: 0;
  list-style-type: none;
  transition: all 0.2s ease-in-out;
}

#section-content .button-container ul.button.outline li a,
#section-content .button-container ul.button.outline li a:link,
#section-content .button-container ul.button.outline li a:visited,
#zone-footer .button-container ul.button.outline li a,
#zone-footer .button-container ul.button.outline li a:link,
#zone-footer .button-container ul.button.outline li a:visited {
  position: relative;
  text-transform: uppercase;
  color: #363636;
  background-color: #ffffff;
  font-size: 1em;
  font-weight: bold;
  padding: 0.7em 1em;
  white-space: nowrap;
  text-decoration: none;
  display: block;
  border-bottom: none;
  transition: all 0.2s ease-in-out;
}

#section-content .button-container ul.button.outline li a:hover,
#section-content .button-container ul.button.outline li a:active,
#zone-footer .button-container ul.button.outline li a:hover,
#zone-footer .button-container ul.button.outline li a:active {
  color: #ffffff;
  background-color: #363636;
  text-decoration: none;
}

#section-content .button-container ul.button.outline li a:focus,
#zone-footer .button-container ul.button.outline li a:focus {
  color: #030303;
  text-decoration: underline;
  outline: 3px solid #a89968;
  outline-offset: -3px;
}

#section-content .button-container ul.button.outline li.maroon,
#zone-footer .button-container ul.button.outline li.maroon {
  border: 1px solid #881c1c;
}

#section-content .button-container ul.button.outline li.maroon a,
#section-content .button-container ul.button.outline li.maroon a:link,
#section-content .button-container ul.button.outline li.maroon a:visited,
#zone-footer .button-container ul.button.outline li.maroon a,
#zone-footer .button-container ul.button.outline li.maroon a:link,
#zone-footer .button-container ul.button.outline li.maroon a:visited {
  color: #881c1c;
}

#section-content .button-container ul.button.outline li.maroon a:hover,
#section-content .button-container ul.button.outline li.maroon a:active,
#zone-footer .button-container ul.button.outline li.maroon a:hover,
#zone-footer .button-container ul.button.outline li.maroon a:active {
  color: #ffffff;
  background-color: #881c1c;
  text-decoration: none;
}

#section-content .button-container ul.button.outline li.maroon a:focus,
#zone-footer .button-container ul.button.outline li.maroon a:focus {
  color: #330b0b;
  text-decoration: underline;
  outline: 3px solid #a89968;
  outline-offset: -3px;
}

#section-content .button-container ul.button.outline li.green,
#zone-footer .button-container ul.button.outline li.green {
  border: 1px solid #6e7e1b;
}

#section-content .button-container ul.button.outline li.green a,
#section-content .button-container ul.button.outline li.green a:link,
#section-content .button-container ul.button.outline li.green a:visited,
#zone-footer .button-container ul.button.outline li.green a,
#zone-footer .button-container ul.button.outline li.green a:link,
#zone-footer .button-container ul.button.outline li.green a:visited {
  color: #6e7e1b;
}

#section-content .button-container ul.button.outline li.green a:hover,
#section-content .button-container ul.button.outline li.green a:active,
#zone-footer .button-container ul.button.outline li.green a:hover,
#zone-footer .button-container ul.button.outline li.green a:active {
  color: #ffffff;
  background-color: #6e7e1b;
  text-decoration: none;
}

#section-content .button-container ul.button.outline li.green a:focus,
#zone-footer .button-container ul.button.outline li.green a:focus {
  color: #252a09;
  text-decoration: underline;
  outline: 3px solid #a89968;
  outline-offset: -3px;
}

#section-content .button-container ul.button.outline li.grey,
#zone-footer .button-container ul.button.outline li.grey {
  border: 1px solid #63666a;
}

#section-content .button-container ul.button.outline li.grey a,
#section-content .button-container ul.button.outline li.grey a:link,
#section-content .button-container ul.button.outline li.grey a:visited,
#zone-footer .button-container ul.button.outline li.grey a,
#zone-footer .button-container ul.button.outline li.grey a:link,
#zone-footer .button-container ul.button.outline li.grey a:visited {
  color: #63666a;
}

#section-content .button-container ul.button.outline li.grey a:hover,
#section-content .button-container ul.button.outline li.grey a:active,
#zone-footer .button-container ul.button.outline li.grey a:hover,
#zone-footer .button-container ul.button.outline li.grey a:active {
  color: #ffffff;
  background-color: #63666a;
  text-decoration: none;
}

#section-content .button-container ul.button.outline li.grey a:focus,
#zone-footer .button-container ul.button.outline li.grey a:focus {
  color: #323335;
  text-decoration: underline;
  outline: 3px solid #a89968;
  outline-offset: -3px;
}

#section-content .button-container ul.button.outline li.white,
#zone-footer .button-container ul.button.outline li.white {
  border: 1px solid #ffffff;
}

#section-content .button-container ul.button.outline li.white a,
#section-content .button-container ul.button.outline li.white a:link,
#section-content .button-container ul.button.outline li.white a:visited,
#zone-footer .button-container ul.button.outline li.white a,
#zone-footer .button-container ul.button.outline li.white a:link,
#zone-footer .button-container ul.button.outline li.white a:visited {
  color: #ffffff;
  background-color: transparent;
}

#section-content .button-container ul.button.outline li.white a:hover,
#section-content .button-container ul.button.outline li.white a:active,
#zone-footer .button-container ul.button.outline li.white a:hover,
#zone-footer .button-container ul.button.outline li.white a:active {
  color: #4a4a4a;
  background-color: #ffffff;
  text-decoration: none;
}

#section-content .button-container ul.button.outline li.white a:focus,
#zone-footer .button-container ul.button.outline li.white a:focus {
  color: #4a4a4a;
  background-color: #ffffff;
  text-decoration: underline;
  outline: 3px solid #a89968;
  outline-offset: -3px;
}

#section-content .button-container ul.button.solid,
#zone-footer .button-container ul.button.solid {
  overflow: visible;
  padding: 0;
  margin: 1em;
  max-width: 100%;
}

#section-content .button-container ul.button.solid li,
#zone-footer .button-container ul.button.solid li {
  line-height: 1.5em;
  border: 1px solid #363636;
  padding: 0;
  list-style-type: none;
  transition: all 0.2s ease-in-out;
}

#section-content .button-container ul.button.solid li a,
#section-content .button-container ul.button.solid li a:link,
#section-content .button-container ul.button.solid li a:visited,
#zone-footer .button-container ul.button.solid li a,
#zone-footer .button-container ul.button.solid li a:link,
#zone-footer .button-container ul.button.solid li a:visited {
  position: relative;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #363636;
  font-size: 1em;
  font-weight: bold;
  padding: 0.7em 1em;
  white-space: nowrap;
  text-decoration: none;
  display: block;
  border-bottom: none;
  transition: all 0.2s ease-in-out;
}

#section-content .button-container ul.button.solid li a:hover,
#section-content .button-container ul.button.solid li a:active,
#zone-footer .button-container ul.button.solid li a:hover,
#zone-footer .button-container ul.button.solid li a:active {
  color: #ffffff;
  background-color: #1c1c1c;
  text-decoration: none;
}

#section-content .button-container ul.button.solid li a:focus,
#zone-footer .button-container ul.button.solid li a:focus {
  color: #ffffff;
  background-color: #030303;
  text-decoration: underline;
  outline: 3px solid #a89968;
  outline-offset: -3px;
}

#section-content .button-container ul.button.solid li:hover,
#section-content .button-container ul.button.solid li:active,
#zone-footer .button-container ul.button.solid li:hover,
#zone-footer .button-container ul.button.solid li:active {
  border: 1px solid #1c1c1c;
}

#section-content .button-container ul.button.solid li:focus,
#zone-footer .button-container ul.button.solid li:focus {
  border: 1px solid #030303;
}

#section-content .button-container ul.button.solid li.maroon,
#zone-footer .button-container ul.button.solid li.maroon {
  border: 1px solid #881c1c;
}

#section-content .button-container ul.button.solid li.maroon a,
#section-content .button-container ul.button.solid li.maroon a:link,
#section-content .button-container ul.button.solid li.maroon a:visited,
#zone-footer .button-container ul.button.solid li.maroon a,
#zone-footer .button-container ul.button.solid li.maroon a:link,
#zone-footer .button-container ul.button.solid li.maroon a:visited {
  background-color: #881c1c;
}

#section-content .button-container ul.button.solid li.maroon a:hover,
#section-content .button-container ul.button.solid li.maroon a:active,
#zone-footer .button-container ul.button.solid li.maroon a:hover,
#zone-footer .button-container ul.button.solid li.maroon a:active {
  background-color: #5e1313;
}

#section-content .button-container ul.button.solid li.maroon a:focus,
#zone-footer .button-container ul.button.solid li.maroon a:focus {
  background-color: #330b0b;
}

#section-content .button-container ul.button.solid li.maroon:hover,
#section-content .button-container ul.button.solid li.maroon:active,
#zone-footer .button-container ul.button.solid li.maroon:hover,
#zone-footer .button-container ul.button.solid li.maroon:active {
  border: 1px solid #5e1313;
}

#section-content .button-container ul.button.solid li.maroon:focus,
#zone-footer .button-container ul.button.solid li.maroon:focus {
  border: 1px solid #330b0b;
}

#section-content .button-container ul.button.solid li.green,
#zone-footer .button-container ul.button.solid li.green {
  border: 1px solid #6e7e1b;
}

#section-content .button-container ul.button.solid li.green a,
#section-content .button-container ul.button.solid li.green a:link,
#section-content .button-container ul.button.solid li.green a:visited,
#zone-footer .button-container ul.button.solid li.green a,
#zone-footer .button-container ul.button.solid li.green a:link,
#zone-footer .button-container ul.button.solid li.green a:visited {
  background-color: #6e7e1b;
}

#section-content .button-container ul.button.solid li.green a:hover,
#section-content .button-container ul.button.solid li.green a:active,
#zone-footer .button-container ul.button.solid li.green a:hover,
#zone-footer .button-container ul.button.solid li.green a:active {
  background-color: #495412;
}

#section-content .button-container ul.button.solid li.green a:focus,
#zone-footer .button-container ul.button.solid li.green a:focus {
  background-color: #252a09;
}

#section-content .button-container ul.button.solid li.green:hover,
#section-content .button-container ul.button.solid li.green:active,
#zone-footer .button-container ul.button.solid li.green:hover,
#zone-footer .button-container ul.button.solid li.green:active {
  border: 1px solid #495412;
}

#section-content .button-container ul.button.solid li.green:focus,
#zone-footer .button-container ul.button.solid li.green:focus {
  border: 1px solid #252a09;
}

#section-content .button-container ul.button.solid li.grey,
#zone-footer .button-container ul.button.solid li.grey {
  border: 1px solid #63666a;
}

#section-content .button-container ul.button.solid li.grey a,
#section-content .button-container ul.button.solid li.grey a:link,
#section-content .button-container ul.button.solid li.grey a:visited,
#zone-footer .button-container ul.button.solid li.grey a,
#zone-footer .button-container ul.button.solid li.grey a:link,
#zone-footer .button-container ul.button.solid li.grey a:visited {
  background-color: #63666a;
}

#section-content .button-container ul.button.solid li.grey a:hover,
#section-content .button-container ul.button.solid li.grey a:active,
#zone-footer .button-container ul.button.solid li.grey a:hover,
#zone-footer .button-container ul.button.solid li.grey a:active {
  background-color: #4a4d50;
}

#section-content .button-container ul.button.solid li.grey a:focus,
#zone-footer .button-container ul.button.solid li.grey a:focus {
  background-color: #323335;
}

#section-content .button-container ul.button.solid li.grey:hover,
#section-content .button-container ul.button.solid li.grey:active,
#zone-footer .button-container ul.button.solid li.grey:hover,
#zone-footer .button-container ul.button.solid li.grey:active {
  border: 1px solid #4a4d50;
}

#section-content .button-container ul.button.solid li.grey:focus,
#zone-footer .button-container ul.button.solid li.grey:focus {
  border: 1px solid #323335;
}

#section-content .button-container,
#zone-footer .button-container {
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

#main-wrapper aside .button-container ul.button.outline,
#main-wrapper aside .button-container ul.button.solid {
  width: 100%;
  text-align: center;
  margin: 0.5em 0;
}

@media all and (max-width: 767px) {
  #main-wrapper aside .button-container ul.button.outline,
  #main-wrapper aside .button-container ul.button.solid {
    width: auto;
    margin: 0.5em 1em;
  }
}

#main-wrapper aside .button-container ul.button.outline li a,
#main-wrapper aside .button-container ul.button.outline li a:link,
#main-wrapper aside .button-container ul.button.outline li a:visited,
#main-wrapper aside .button-container ul.button.solid li a,
#main-wrapper aside .button-container ul.button.solid li a:link,
#main-wrapper aside .button-container ul.button.solid li a:visited {
  font-size: 1em;
  padding: 0.5em 0.8em;
}

/* social-footer styles for footer */

#umass--global--footer .container {
  max-width: 1180px !important;
  /*to match social footer width below*/
}

#zone-footer-wrapper {
  background: #4a4a4a;
  background-image: none;
  overflow: hidden;
  min-height: 0;
  padding: 0;
}

#zone-footer-wrapper .block-content {
  background: transparent;
}

#zone-footer-wrapper .block-inner {
  padding: 0;
}

#zone-footer-wrapper #block-block-51,
#zone-footer-wrapper #block-block-52 {
  width: 100%;
}

#zone-footer-wrapper #zone-footer .region-inner {
  padding: 0.8rem 0;
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: center;
  text-align: left;
}

@media all and (max-width: 767px) {
  #zone-footer-wrapper #zone-footer .region-inner {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 0.8em;
    padding-top: 1.5rem;
  }
}

#zone-footer-wrapper .stay-connected {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

#zone-footer-wrapper .social-icons .content {
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-pack: flex-end;
  -ms-flex-pack: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  align-items: center;
}

@media all and (max-width: 500px) {
  #zone-footer-wrapper .social-icons .content {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media all and (max-width: 767px) {
  #zone-footer-wrapper .social-icons .content {
    -webkit-flex-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}

#zone-footer-wrapper .block {
  margin: 0;
  overflow: visible;
}

#zone-footer-wrapper .block h2 {
  color: #ffffff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.85rem;
  line-height: 1.75rem;
  font-weight: 600;
}

@media all and (max-width: 860px) {
  #zone-footer-wrapper .block h2 {
    line-height: 1.2;
    text-align: center;
    margin-bottom: 0.75rem;
  }
}

#zone-footer-wrapper .block a,
#zone-footer-wrapper .block a:link,
#zone-footer-wrapper .block a:visited {
  color: #ffffff;
  text-decoration: none;
  display: block;
  font-weight: normal;
}

#zone-footer-wrapper .block a:hover,
#zone-footer-wrapper .block a:active {
  color: #ffffff;
  text-decoration: underline;
}

#zone-footer-wrapper .block a:focus {
  color: #ffffff;
  text-decoration: underline;
  outline: 3px solid #a89968;
  outline-offset: -3px;
}

@media all and (min-width: 861px) {
  #zone-footer-wrapper .button-container ul.button.outline {
    margin-right: 0;
  }
}

#zone-footer-wrapper ul.button.outline li {
  margin-bottom: 0;
}

#zone-footer-wrapper ul.social-icons__list {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

#zone-footer-wrapper ul.social-icons__list li {
  list-style-type: none;
  float: left;
  margin-bottom: 0;
}

#zone-footer-wrapper ul.social-icons__list li a i {
  background-color: none;
  border-radius: 5px;
  border: none;
  color: #ffffff;
  width: 50px;
  height: 50px;
  font-size: 35px;
  line-height: 50px;
  text-align: center;
  margin-right: 5px;
  transition: all 0.3s ease-in-out;
}

#zone-footer-wrapper ul.social-icons__list li a i.fa-instagram:hover,
#zone-footer-wrapper ul.social-icons__list li a i.fa-instagram:active,
#zone-footer-wrapper ul.social-icons__list li a i.fa-instagram:focus {
  border-radius: 5px;
  background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
}

#zone-footer-wrapper ul.social-icons__list li a i.fa-facebook:hover,
#zone-footer-wrapper ul.social-icons__list li a i.fa-facebook:active,
#zone-footer-wrapper ul.social-icons__list li a i.fa-facebook:focus {
  border-radius: 5px;
  background: #3b5998;
}

#zone-footer-wrapper ul.social-icons__list li a i.fa-linkedin:hover,
#zone-footer-wrapper ul.social-icons__list li a i.fa-linkedin:active,
#zone-footer-wrapper ul.social-icons__list li a i.fa-linkedin:focus {
  border-radius: 5px;
  background: #0077B5;
}

#zone-footer-wrapper ul.social-icons__list li a i.fa-twitter:hover,
#zone-footer-wrapper ul.social-icons__list li a i.fa-twitter:active,
#zone-footer-wrapper ul.social-icons__list li a i.fa-twitter:focus {
  border-radius: 5px;
  background: #55acee;
}

#zone-footer-wrapper ul.social-icons__list li a i.fa-youtube-play:hover,
#zone-footer-wrapper ul.social-icons__list li a i.fa-youtube-play:active,
#zone-footer-wrapper ul.social-icons__list li a i.fa-youtube-play:focus {
  border-radius: 5px;
  background: #cd201f;
}

/* geosciences-specific overrides */

.visually-hidden,
body.hide-page-title-and-margins h1#page-title,
body.hide-page-title-and-margins span.ext,
body.hide-page-title-and-margins #breadcrumb {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.region-content-inner .entity-bean h2,
.panel-pane h2 {
  border-bottom: none;
}

/* superfish styles from physics */

#block-superfish-1 {
  height: 2.5em;
}
@media all and (min-width: 980px) {
  #block-superfish-1 {
    display: table;
  }
}

#block-superfish-1 ul#superfish-1 {
  display: inline-block;
  font-size: 1em;
  width: auto;
  transition: all 0.2s ease-in-out;
}
@media all and (min-width: 979px) {
  #block-superfish-1 {
    /*had been 1024*/
  }
  #block-superfish-1 ul#superfish-1 {
    font-size: 1.15em;
  }
}

#block-superfish-1 #superfish-1 > li {
  padding: 0;
}
@media all and (min-width: 740px) and (max-width: 960px) {
  #block-superfish-1 #superfish-1 > li {
    padding: 0;
  }
}

#block-superfish-1 #superfish-1 ul {
  width: 14em;
}

/*#block-superfish-1 #superfish-1 li#menu-504-1 ul {*/
  /* physics about dropdown */
  /*width: 12em;*/
/*}*/

/*#block-superfish-1 #superfish-1 li#menu-506-1 ul {*/
  /* physics research dropdown */
  /*width: 16em;*/
/*}*/

#block-superfish-1 div.sf-accordion-toggle.sf-style-none a {
  display: inline-block;
  padding-right: 7px;
  position: relative;
  white-space: nowrap;
}

#block-superfish-1 div.sf-accordion-toggle.sf-style-none a:before {
  content: "\f13a";
  font-family: 'FontAwesome';
  margin-right: 5px;
  font-size: 97%;
  font-weight: normal;
}

#block-superfish-1 div.sf-accordion-toggle.sf-style-none a.sf-expanded:before {
  content: "\f139";
}

#block-superfish-1 #superfish-1-accordion a.nolink, #block-superfish-1 #superfish-1-accordion a {
  color: #343537;
}

#block-superfish-1 ul#superfish-1-accordion li.last {
  padding-bottom: 0.2em;
}

#block-superfish-1 ul#superfish-1 li li.last a {
  padding-bottom: 1em;
}

#block-superfish-1 .sf-style-none {
  margin: 0;
  padding: 0;
  /*li.sf-depth-1 a {
    @media all and (min-width: 768px) {
      background-image: url(../images/vertical-pipe.png);
      background-repeat: no-repeat;
      background-position: 0 0.7em;
    }
  }*/
}

#block-superfish-1 .sf-style-none.sf-navbar {
  width: 100%;
  background: white;
}

#block-superfish-1 .sf-style-none ul {
  padding-left: 0;
}

#block-superfish-1 .sf-style-none a {
  color: #343537;
  padding: 0.85em 1em 0.7em 1em;
  text-decoration: none;
}

#block-superfish-1 .sf-style-none a.sf-depth-2 {
  padding-top: 0.4em;
  padding-bottom: 0.5em;
  line-height: 1.25em;
  color: #343537;
}

#block-superfish-1 .sf-style-none a.sf-with-ul {
  padding-right: 2.25em;
}

#block-superfish-1 .sf-style-none a:focus, #block-superfish-1 .sf-style-none a:hover, #block-superfish-1 .sf-style-none a:active {
  background: #c6c8cc;
  outline: 0;
  text-decoration: underline;
}
@media all and (min-width: 980px) {
  #block-superfish-1 .sf-style-none .sf-depth-2 a:focus {
    text-decoration: underline;
  }
  #block-superfish-1 .sf-style-none a:hover,
  #block-superfish-1 .sf-style-none a:active {
    text-decoration: none;
  }
}

#block-superfish-1 .sf-style-none .sf-depth-1.sf-no-children a:hover,
#block-superfish-1 .sf-style-none .sf-depth-1.sf-no-children a:active,
#block-superfish-1 .sf-style-none .sf-depth-1.sf-no-children a:focus {
  text-decoration: underline;
}

#block-superfish-1 .sf-style-none a.nolink:focus,
#block-superfish-1 .sf-style-none a.nolink:hover,
#block-superfish-1 .sf-style-none a.nolink:active {
  text-decoration: none;
}

#block-superfish-1 .sf-style-none li.sfHover a.nolink {
  color: #343537;
}

#block-superfish-1 .sf-style-none a.nolink {
  color: #343537;
  padding: 0.75em 1.5em;
  cursor: pointer;
}

#block-superfish-1 .sf-style-none a.nolink.sf-with-ul {
  padding-right: 2.25em;
}

#block-superfish-1 .sf-style-none a.nolink:hover {
  background: #c6c8cc;
  outline: 0;
}
@media all and (min-width: 980px) {
  #block-superfish-1 .sf-style-none li.sf-depth-1.sfHover a.menuparent,
  #block-superfish-1 .sf-style-none li.sf-depth-2 a {
    background-image: none;
  }
}

#block-superfish-1 .sf-style-none span.sf-description {
  color: #343537;
  display: block;
  font-size: 0.833em;
  line-height: 1.5;
  margin: 5px 0 0 5px;
  padding: 0;
}

#block-superfish-1 .sf-style-none.rtl span.sf-description {
  margin: 5px 5px 0 0;
}

#block-superfish-1 .sf-style-none.rtl a.nolink.sf-with-ul {
  padding-left: 2.25em;
  padding-right: 1em;
}

#block-superfish-1 .sf-style-none.rtl a.sf-with-ul {
  padding-left: 2.25em;
  padding-right: 1em;
}

#block-superfish-1 .sf-style-none li {
  padding-right: 0;
  font-weight: 600;
  margin-right: -1px;
  background: white;
}

#block-superfish-1 .sf-style-none li li {
  font-weight: normal;
  background: #e1e2e4;
}
@media all and (min-width: 980px) {
  #block-superfish-1 .sf-style-none li li {
    border-top: 0px solid #c0c1c3;
  }
  #block-superfish-1 .sf-style-none li li.first {
    border-top: none;
  }
}

#block-superfish-1 .sf-style-none li li li {
  background: #e1e2e4;
  border-left: 1px solid #c0c1c3;
}

#block-superfish-1 .sf-style-none li:hover {
  background: #e1e2e4;
  outline: 0;
}

#block-superfish-1 .sf-style-none li:hover > ul {
  top: 40px;
}
@media all and (min-width: 980px) {
  #block-superfish-1 .sf-style-none li.sf-depth-1.menuparent.sfHover a, #block-superfish-1 .sf-style-none li.sf-depth-1.menuparent.sfHover a:link, #block-superfish-1 .sf-style-none li.sf-depth-1.menuparent.sfHover a:visited, #block-superfish-1 .sf-style-none li.sf-depth-1.menuparent:hover a, #block-superfish-1 .sf-style-none li.sf-depth-1.menuparent:hover a:link, #block-superfish-1 .sf-style-none li.sf-depth-1.menuparent:hover a:visited {
    color: #343537;
  }
}
@media all and (min-width: 980px) {
  #block-superfish-1 .sf-style-none li.sf-depth-1.menuparent.sfHover a.sf-depth-1:hover, #block-superfish-1 .sf-style-none li.sf-depth-1.menuparent.sfHover a.sf-depth-1:active, #block-superfish-1 .sf-style-none li.sf-depth-1.menuparent.sfHover a.sf-depth-1:focus, #block-superfish-1 .sf-style-none li.sf-depth-1.menuparent:hover a.sf-depth-1:hover, #block-superfish-1 .sf-style-none li.sf-depth-1.menuparent:hover a.sf-depth-1:active, #block-superfish-1 .sf-style-none li.sf-depth-1.menuparent:hover a.sf-depth-1:focus {
    color: #343537;
    text-decoration: none;
    background: #e1e2e4;
  }
}

#block-superfish-1 .sf-style-none li.sfHover {
  background: #e1e2e4;
  outline: 0;
}

#block-superfish-1 .sf-style-none li.sfHover > ul {
  top: 2.5em;
}

#block-superfish-1 div.sf-accordion-toggle {
  height: 2.5em;
  margin-bottom: -2px;
}

#block-superfish-1 div.sf-accordion-toggle.sf-style-none a {
  background: white;
  color: #343537;
  padding: 0.25em 0.5em 0.25em 0.5em;
  font-size: 1.25em;
  font-weight: normal;
  text-decoration: none;
  line-height: 1.4em;
  display: inline-block;
}

#block-superfish-1 div.sf-accordion-toggle.sf-style-none a.sf-expanded {
  color: #343537;
  background-color: #e1e2e4;
  font-weight: normal;
}

#block-superfish-1 .sf-accordion li {
  background: #e1e2e4;
}

#block-superfish-1 .sf-menu.sf-style-none.rtl.sf-accordion li li a {
  padding-left: auto;
  padding-right: 2em;
}

#block-superfish-1 .sf-menu.sf-style-none.rtl.sf-accordion li li li a {
  padding-left: auto;
  padding-right: 3em;
}

#block-superfish-1 .sf-menu.sf-style-none.rtl.sf-accordion li li li li a {
  padding-left: auto;
  padding-right: 4em;
}

#block-superfish-1 .sf-menu.sf-style-none.rtl.sf-accordion li li li li li a {
  padding-left: auto;
  padding-right: 5em;
}

#block-superfish-1 .sf-menu.sf-style-none.rtl.sf-accordion li li li li li a.nolink {
  padding-left: auto;
  padding-right: 5em;
}

#block-superfish-1 .sf-menu.sf-style-none.rtl.sf-accordion li li li li a.nolink {
  padding-left: auto;
  padding-right: 4em;
}

#block-superfish-1 .sf-menu.sf-style-none.rtl.sf-accordion li li li a.nolink {
  padding-left: auto;
  padding-right: 3em;
}

#block-superfish-1 .sf-menu.sf-style-none.rtl.sf-accordion li li a.nolink {
  padding-left: auto;
  padding-right: 2em;
}

#block-superfish-1 .sf-menu.sf-style-none.sf-accordion li.sf-expanded {
  background-color: #e1e2e4;
}

#block-superfish-1 .sf-menu.sf-style-none.sf-accordion li.sf-expanded > a.nolink {
  font-weight: normal;
  color: #343537;
}

#block-superfish-1 .sf-menu.sf-style-none.sf-accordion li li {
  background-color: #c6c8cc;
}

#block-superfish-1 .sf-menu.sf-style-none.sf-accordion li li a {
  padding-left: 2em;
}

#block-superfish-1 .sf-menu.sf-style-none.sf-accordion li li li a {
  padding-left: 3em;
}

#block-superfish-1 .sf-menu.sf-style-none.sf-accordion li li li li a {
  padding-left: 4em;
}

#block-superfish-1 .sf-menu.sf-style-none.sf-accordion li li li li li a {
  padding-left: 5em;
}

#block-superfish-1 .sf-menu.sf-style-none.sf-accordion li li li li li a.nolink {
  padding-left: 5em;
}

#block-superfish-1 .sf-menu.sf-style-none.sf-accordion li li li li a.nolink {
  padding-left: 4em;
}

#block-superfish-1 .sf-menu.sf-style-none.sf-accordion li li li a.nolink {
  padding-left: 3em;
}

#block-superfish-1 .sf-menu.sf-style-none.sf-accordion li li a.nolink {
  padding-left: 2em;
}

#block-superfish-1 .sf-menu.sf-style-none.sf-accordion li a.sf-accordion-button {
  font-weight: normal;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 499;
}

#region-menu-inner ul#superfish-1-accordion {
  padding-bottom: 10px;
}

#region-menu-inner ul#superfish-1-accordion li {
  padding: 0;
}

#region-menu-inner ul#superfish-1-accordion li.first a {
  padding-top: 1em;
}

#region-menu-inner ul#superfish-1-accordion li.last a {
  padding-bottom: 1em;
}

#block-superfish-1 .sf-style-none li.sf-depth-1.sf-no-children:hover,
#block-superfish-1 .sf-style-none li.sf-depth-1.sf-no-children.sfHover,
#block-superfish-1 .sf-style-none li.sf-depth-1.sf-no-children a:focus,
#block-superfish-1 .sf-style-none li.sf-depth-1.sf-no-children a:hover,
#block-superfish-1 .sf-style-none li.sf-depth-1.sf-no-children a:active {
  background-color: transparent;
}

#superfish-1-accordion li.sf-depth-1.menuparent a:active,
#superfish-1-accordion li.sf-depth-1.menuparent a:focus,
#superfish-1-accordion li.sf-depth-2.menuparent a:active,
#superfish-1-accordion li.sf-depth-2.menuparent a:focus {
  text-decoration: none;
}

#superfish-1-accordion li.sf-depth-1.menuparent a.menuparent:after,
#superfish-1-accordion li.sf-depth-2.menuparent a.menuparent:after {
  float: right;
  font-family: "FontAwesome";
  font-size: 1em;
  content: "\f0d7";
  color: #999b9e;
}

#superfish-1-accordion li.sf-depth-1.menuparent a.menuparent:hover:after,
#superfish-1-accordion li.sf-depth-1.menuparent a.menuparent:active:after,
#superfish-1-accordion li.sf-depth-1.menuparent a.menuparent:focus:after,
#superfish-1-accordion li.sf-depth-2.menuparent a.menuparent:hover:after,
#superfish-1-accordion li.sf-depth-2.menuparent a.menuparent:active:after,
#superfish-1-accordion li.sf-depth-2.menuparent a.menuparent:focus:after {
  color: #343537;
}

#superfish-1-accordion li.sf-depth-1.menuparent a.menuparent,
#superfish-1-accordion li.sf-depth-1.menuparent a.menuparent:link,
#superfish-1-accordion li.sf-depth-1.menuparent a.menuparent:visited,
#superfish-1-accordion li.sf-depth-1.menuparent a.menuparent:hover,
#superfish-1-accordion li.sf-depth-1.menuparent a.menuparent:active,
#superfish-1-accordion li.sf-depth-1.menuparent a.menuparent:focus,
#superfish-1-accordion li.sf-depth-2.menuparent a.menuparent,
#superfish-1-accordion li.sf-depth-2.menuparent a.menuparent:link,
#superfish-1-accordion li.sf-depth-2.menuparent a.menuparent:visited,
#superfish-1-accordion li.sf-depth-2.menuparent a.menuparent:hover,
#superfish-1-accordion li.sf-depth-2.menuparent a.menuparent:active,
#superfish-1-accordion li.sf-depth-2.menuparent a.menuparent:focus {
  background-color: #e1e2e4;
}

#superfish-1-accordion li.sf-depth-1.sf-expanded,
#superfish-1-accordion li.sf-depth-2.sf-expanded {
  border-bottom: 1px solid #999b9e;
}

#superfish-1-accordion li.sf-depth-1.sf-expanded li.first,
#superfish-1-accordion li.sf-depth-2.sf-expanded li.first {
  border-top: 1px solid #999b9e;
}

#superfish-1-accordion li.sf-depth-1.sf-expanded li a.sf-depth-2,
#superfish-1-accordion li.sf-depth-1.sf-expanded li a.sf-depth-3,
#superfish-1-accordion li.sf-depth-2.sf-expanded li a.sf-depth-2,
#superfish-1-accordion li.sf-depth-2.sf-expanded li a.sf-depth-3 {
  padding-left: 1em;
}

#superfish-1-accordion li.sf-expanded > a {
  font-weight: bold;
}

#superfish-1-accordion li.sf-depth-2:hover,
#superfish-1-accordion li.sf-depth-2 a:focus,
#superfish-1-accordion li.sf-depth-2 a:hover,
#superfish-1-accordion li.sf-depth-2 a:active {
  background-color: #c6c8cc;
}

#block-superfish-1 #superfish-1-accordion li.sf-depth-1.sf-no-children:hover,
#block-superfish-1 #superfish-1-accordion li.sf-depth-1.sf-no-children.sfHover,
#block-superfish-1 #superfish-1-accordion li.sf-depth-1.sf-no-children a:focus,
#block-superfish-1 #superfish-1-accordion li.sf-depth-1.sf-no-children a:hover,
#block-superfish-1 #superfish-1-accordion li.sf-depth-1.sf-no-children a:active {
  background-color: #e1e2e4;
}

ul.sf-menu.sf-accordion {
  width: 80%;
}

/* accessibly hide home link */
#block-superfish-1 #menu-838-1 {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

/* show underline on mouse over for college and department name */
#block-umass-site-branding-umass-site-branding-block .content a:hover,
#block-umass-site-branding-umass-site-branding-block .content a:active,
#block-umass-site-branding-umass-site-branding-block .content a:focus {
  text-decoration: underline;
}

#block-superfish-1 .sf-menu li li.sfHover > ul {
  left: 14em;
  top: 0;
}

#block-superfish-1 .sfHover .sf-sub-indicator {
  background-image: url('../images/arrows-777777.png');
}