@font-face {
  font-family: "National Light";
  src: url("/assets/webfonts/National2-Light.otf") format("opentype");
  }
  @font-face {
  font-family: "National";
  src: url("/assets/webfonts/National2-Regular.otf") format("opentype");
  }
  @font-face {
  font-family: "National Italic";
  src: url("/assets/webfonts/National2-RegularItalic.otf") format("opentype");
  }
  @font-face {
  font-family: "National Medium";
  src: url("/assets/webfonts/National2-Medium.otf") format("opentype");
  }
  @font-face {
  font-family: "National Bold";
  src: url("/assets/webfonts/National2-Bold.otf") format("opentype");
  }
  @font-face {
  font-family:'Ruzicka';
  src: url("/assets/webfonts/DartmouthRuzicka-Regular.ttf") format("truetype");
  }
  @font-face {
  font-family:'Ruzicka Italic';
  src: url("/assets/webfonts/DartmouthRuzicka-RegularItalic.ttf") format("truetype");
  }

  html { height: 100%; background-color: black; }
  body { font-family: "National", sans-serif }
  strong { font-family: "National Medium", sans-serif; font-weight: normal; color: #4e4e4e }
  a strong { color: inherit; }
  p, td { color: #4e4e4e; font-size: 1.1em; line-height: 1.8em; font-family: 'National', 'Helvetica', sans-serif }
  td p, td li { font-size: 1em !important; }
  h1, h2, h3, h4 { font-family: 'National Medium', sans-serif }
  .serif { font-family: 'Ruzicka', Times, serif }
  h1, h2 { font-size: 1.8em; color: #00693E; margin: 20px 0; }
  h3 { padding-top: 5px; padding-bottom: .8rem; font-size: 1.3em; line-height: 1.2; color: #143743; }
  h4 { font-size: 1.1em; color: #143743; margin-top: 30px; margin-bottom: 8px; }
  ul { list-style-type: none; margin-left: 0; }
  .row.padded { padding: 40px 0; }
  .row.padded-top { padding-top: 40px; }
  .row.padded-bottom { padding-bottom: 40px; }
  div.blue-bg { background: #37555f}
  div.blue-bg h2 { color: white; }
  .blue-bg a.btn, .testimonial a.btn { border-color: white; color: white }
  .blue-bg a.btn:hover, .testimonial a.btn:hover { color: #37555f; background: white }
  .orange-arrow { color: #FFA00F; font-size: 1.4em; position: relative; top: 4px; left: 10px }
  .absolute { position: absolute; }
  a { color: #003c73; margin-bottom: 1px; }
  a:hover, a:hover h4 span { border-bottom: thin solid #003c73; color: #003c73; text-decoration: none; }
  .position a, .user-content a, .jump-links a, .intro a, .large-text a, .section-intro a, .textWithImageBlock a, .text-grid a, .cta-grid a, .blurb a, .news-block a, .media-blurb a { border-bottom: thin solid #003c73; transition: border-color 0.2s; }
  .position a:hover, .user-content a:hover, .jump-links a:hover, .intro a:hover, .large-text a:hover, .section-intro a:hover, .textWithImageBlock a:hover, .text-grid a:hover, .cta-grid a:hover, .blurb a:hover, .news-block a:hover, .media-blurb a:hover { border-color: transparent; transition: border-color 0.2s; }
  .intro a.btn:hover, .intro p.btn a:hover { border: thin solid #003c73; }
  .small-horz-spacer { height: 20px; }
  p.small, ul.small li { font-size: .8em !important; line-height: 1.4 }
  .aspect-ratio { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; /* The height of the item will now be 56.25% of the width. */ }
  .anchor { position: relative; bottom: 100px; }
  a.social-link { margin-left: 0; font-size: 1em; font-family: 'National', sans-serif; display: inline; border-bottom: 0; }
  a.social-link:hover { border-bottom: 0; text-decoration: underline }
  i.fab { margin-right: 6px; position: relative }
  input[type="submit"]:hover { cursor: pointer; }
  .copy-link:before { left: -75px; opacity: 0; content: 'Copied!'; position: absolute; border-radius: 3px; background: #eff0f2; color: #6c797f; padding: 0 7px; transition: all 0.5s; }
  .copy-link.copied:before { opacity: 1; transition: all 0.2s; }

  .toggler { border-bottom: thin solid #003c73; }
  .toggler:hover { border-bottom: 0; cursor: pointer; }
  .more-box li { display: none }
  .more-box p {display: inline;}
	.more-box p strong { margin-bottom: 5px; cursor: pointer; color: #003c73 }
	.more-box p span:after { content: "More"; margin-left: 5px; }
	.more-box.expanded p span:after { content: "Less" }
	.more-box strong:after { content: "\f107"; font: 18px/1 "Font Awesome\ 5 Pro"; opacity: .7; color: #003c73; margin-left: 10px; top: 1px; position: relative }
	.more-box.expanded strong:after { content: "\f106" }
	.more-box.expanded li { display: block; }
  .truncate { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

  /* slick slider */
  .stories-box { padding: 100px 0; }
  .slick-stories { margin: 20px auto; }
  .starting-over .slick-end + .slick-slide, .starting-over .slick-end { opacity: 1 !important; }
  .story { padding: 0 20px; }
  .story .img-block { padding-bottom: 30px; }
  .story p { padding-top: 20px; }
  .slick-stories a:hover { border: 0; }
  .slick-stories h3 { padding-bottom: 1px; margin-bottom: 20px; display: inline; text-decoration: none !important; }
  .slick-stories .slick-current a:hover h3, .slick-stories .slick-last a:hover h3 { border-bottom: 2px solid #143743; padding-bottom: 0; text-decoration: none; }
  .slick-stories h3:hover {  text-decoration: none; }
  .slick-stories .slick-slide { opacity: .3; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
  .slick-stories .slick-slide.slick-current, .slick-stories .slick-slide.slick-last{ opacity: 1; }
  .transitioning-clone { opacity: 1 !important; }
  .slick-dots { position: relative !important; top: 60px; }
  .slick-dots li { margin: 0 8px !important; }
  .slick-dots li button:before { font-size: 20px !important; width: 30px !important; height: 5px !important; content: '' !important; background-color: #00693e; }
  .slick-dots li.next-dot button:before { opacity: .75; }
  .slick-dots li:hover { cursor: pointer; }


  .slick-quicks .slick-dots li.next-dot button:before { opacity: .25; }
  .slick-quicks .slick-slide { opacity: .5; }
  .slick-quicks .slick-current { opacity: 1; }
  .slick-quicks p { line-height: 1.5em; }

  .progress_box { z-index: 99999 !important; }

  /* Adjust the iframe so it's rendered in the outer-width and outer-height of its parent */
  .aspect-ratio iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0 }
  #main a[target="_blank"]:after {
      font-family: 'Font Awesome 5 Pro';
      content: '\a0\f35d';
      font-size: .6em;
      vertical-align: middle;
      font-weight: bold;
      margin-left: 2px;
  }
  #main a.social-link[target="_blank"]:after { content: none }
  a[href*=".pdf"]::after { font-family: 'Font Awesome 5 Pro'; content: "\00A0\f1c1"; font-size: .9em; opacity: 80%; }

  /* redactor */
  .user-content figure { max-width: 100%; }
  .user-content figure iframe { margin-right: 30px; max-width: 100%; }
  .redactor-image { float: none; justify-content: center; display: flex; width: 100%; flex-direction: column; margin-bottom: 30px; }

  p.align-text-right, .align-text-right { text-align: right; }
  p.align-text-center { text-align: center; }

  /* pagination */
  .page-prev, .page-current, .page-number, .page-next { padding: 0 9px; font-size: 1.5em; font-family: "National Medium", sans-serif; }
  .page-number, .page-current {padding: 0; font-size: 1.2em; line-height: 1.8em; width: 40px; height: 40px; display: inline-block; text-align: center; }
  .page-current { border: 2px solid #003d72; border-radius: 50%; color: #003d72; }

  /* social */
  .social-link { margin-left: 30%; }
  .social-link:hover { border: 0; }
  .social-link svg { width: 20px; margin-right: 20px; position: relative; top: 6px; }
  .social-link svg path { fill: #003c73; }

  /* swiftype */

  .st-default-search-input, .st-ui-search-input { height: auto; }

  /* foundation */
  .reveal-overlay { z-index: 99999; background-color: rgba(10, 10, 10, 0.65); }
  .reveal { height: auto !important; }

  /* embed forms */
  div.form_page input, div.form_page label { vertical-align: unset !important; }

  /* -----------------------------------------
   Nav/Header
  ----------------------------------------- */

  a.strong { font-family: 'National Medium', sans-serif !important }
  header a:hover { border: 0; }
  img.logo.headerLogo { margin: 13px 0 -11px -6px; top: 0; max-width: 240px; z-index: 1000; position: relative; }
  .logoBox { position: relative; }
  .logoBox a:hover { border-bottom: 0 !important }
  .logo-shadow-separator { height: 81px; width: 320px; background: white; position: absolute; z-index: 0; top: 0; left: 0; }
  .shadow-logo { position: absolute !important; left: 15px; z-index: -1 !important; -webkit-filter: drop-shadow(1px 1px 4px #00000021); filter: drop-shadow(1px 1px 4px #00000021); }
  #navMain { background: white; z-index: 99999 }
  header { top: 0; z-index: 9999 }
  #primary { display: none !important; }
  #shade { display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(18,49,43,.5); z-index: 50; opacity: 0; transition: opacity 0.3s ease; }
  #shade.on { opacity: 1 }


  /* --- DRAWER --- */
  @media only screen and (max-width: 64em) {
    body.drawer #drawerNav { opacity: 1; visibility: visible; background: #12312b }
  }
  body.drawer #drawerNav .spacer { height: 90px; background: #F7F7F7 }
  body.drawer { overflow: hidden }
  #drawerNav { position: fixed; top: 0px; left: 0; right: 0; bottom: 0; z-index: 9999; opacity: 0; visibility: hidden; padding: 0 }
  body.drawer #drawerNav .level-1 { position: absolute; top: 90px; left: 0; bottom: 0; right: 0; overflow: auto }

  #closeNav, #slide-backNav { display: none }
  body.drawer #menuNav { display: none }
  body.drawer #closeNav { display: block }
  body.drawer.second #closeNav { display: none }
  body.drawer.second #slide-backNav { display: block }

  i.menu { position: absolute; z-index: 999; display: block; top: 20px; right: 20px; text-align: center; font-size: 1.8em; color: #143743; margin-bottom: 30px }
  i.menu span { font-family: 'National', sans-serif; text-transform: uppercase; font-size: .4em; position: relative; display: block; margin-top: 5px }
  i.menu#slide-backNav { right: 23px }
	#drawerNav .resource-links i, #navMain .resource-links i, .mega-nav .menu-list i { float: left; margin-top: 2px }
	#drawerNav .resource-links a, #navMain .resource-links a { margin-left: 30px; margin-bottom: 5px }

  #drawerNav .mobile-title { color: #00693e; font-size: 1.8em; display: block; margin-bottom: 25px; font-family: 'National Medium', sans-serif; margin: 20px 0; line-height: 1.1; }
  #drawerNav a { color: #143743 }
  body #drawerNav ul.mobile-main li:after { font-family: 'Font Awesome 5 Pro'; content: '\f105'; font-size: 1.6em; position: absolute; right: 10px; bottom: 11px; font-weight: 300; color: rgba(20,55,67,.25) }
  #drawerNav ul.mobile-main { margin: 0; background: #F7F7F7; padding: 0 1.25rem }
  #drawerNav ul.mobile-main li { border-bottom: thin solid rgba(20,55,67,.10); position: relative }
  #drawerNav ul.mobile-main li a { font-size: 1.8em; padding: 10px 0; display: block; font-family: 'National Medium', sans-serif; margin: 0 5px }
  .mobile-utility-wrapper { background: #12312b; display: flex }
  #drawerNav ul.mobile-utility { padding: 20px 0; width: 50%; float: left; margin-bottom: 0; text-align: center }
  #drawerNav ul.mobile-utility li { margin-bottom: 7px }
  #drawerNav ul.mobile-utility li a { color: white; font-family: 'National Medium', sans-serif }
  #drawerNav #search-form-mobile { padding: 30px 20px; background: #F7F7F7 }
  #drawerNav .nav-panel { background: #f7f7f7; padding: 30px; position: absolute; top: 0; bottom: 0; right: 0; transition: all .25s; overflow: auto; box-shadow: 0 0 12px #00000099; }
  #drawerNav .nav-panel h3 { border-bottom: thin solid rgba(25,25,25,.25); padding-bottom: 8px; margin-bottom: 15px; font-family: 'National', sans-serif; color: #4e4e4e; text-transform: uppercase; font-size: .9em }
  #drawerNav .nav-panel .mobile-subtitle { font-size: 1.6em; margin-top: 0; font-family: 'National Medium', sans-serif; line-height: 1.1; font-weight: 300; }
  #drawerNav .nav-panel .mobile-subtitle:after { font-family: 'Font Awesome 5 Pro'; content: '\f061'; margin-left: 12px; color: #a2bcaf; font-size: .75em; position: relative; top: -1px; }
  #drawerNav .nav-panel .column, #drawerNav .nav-panel .columns { padding-left: 0; padding-right: 0 }
  #drawerNav .nav-panel .columns.titled, #drawerNav .nav-panel .titled.header { margin-bottom: 40px }
  #drawerNav .nav-panel .child-pages { display: none }
  #drawerNav .nav-panel .custom-entry > a, #drawerNav .nav-panel .degrees > span { font-size: 1.2em; margin: 0; top: 7px; line-height: 1 }
  #drawerNav .nav-panel ul li { margin-bottom: 10px }
  #drawerNav .nav-panel ul li a, #drawerNav .nav-panel .link-row a { font-family: 'National', sans-serif; font-size: 1.1em; line-height: 1.2; padding: 0; display: block }
  #drawerNav .nav-panel .link-row a { margin-bottom: 10px; }
  #drawerNav .resource-links { border: 0; padding: 0; margin: 0 }
  #drawerNav .resource-links .columns { text-align: left }
	#drawerNav .resource-links i { margin-top: 4px }
  #drawerNav i { color: #a2bcaf }
  #drawerNav .resource-links a:hover { border-bottom: 0 }
  #drawerNav .content-block .columns a { display: block; font-size: 1.1em }
  #drawerNav .social-link { margin-left: 0; margin-bottom: 13px; display: block }
  .researchItem { margin-bottom: 10px }
  #drawerNav .researchItem a { font-family: 'National Medium', sans-serif; margin-left: 5px; font-size: 1.2em; top: 2px; position: relative }
  #drawerNav .researchItem img { float: left }


  /* DESKTOP NAV */
  #navMain #primary>ul>li { padding: 10px 10px 30px; transition: background-color 0.3s ease; height: 70px; }
  #navMain #primary>ul>li.is-open { background-color: #f7f7f7; }
  #navMain #primary>ul>li.is-open .mega-nav { visibility: visible; top: 100px; opacity: 1; transition: all 0.3s ease 0.1s; }
  #navMain #primary>ul>li>span { font-family: 'National Medium','Helvetica', sans-serif; font-size: 0.9em; border-bottom: 2px solid transparent }
  #navMain #primary>ul>li > span a { color: #143743; }
  #navMain #primary>ul>li.active > span a { border-bottom: 2px transparent }
  #navMain #primary>ul>li > span a:hover { color: #00693E; border-bottom: 2px solid; }
  #navMain #primary>ul>li.active > span a { border-bottom: 2px solid }
  /* hardcoded column widths in nav */
  #navMain #primary .undergrad .main-row>.columns:nth-child(1) { flex-grow: 2 }
  #navMain #primary .undergrad .main-row>.columns:nth-child(2) { flex-grow: 2 }
  #navMain #primary .undergrad .main-row>.columns:nth-child(3) { flex-grow: 1 }
  #navMain #primary .graduate .main-row>.columns:nth-child(1) { flex-grow: 3 }
  #navMain #primary .graduate .main-row>.columns:nth-child(2) { flex-grow: 3 }
  #navMain #primary .graduate .main-row>.columns:nth-child(3) { flex-grow: 2 }
  #navMain #primary .graduate .main-row>.columns:nth-child(4) { flex-grow: 2 }
  #navMain #primary .research .main-row>.columns:nth-child(1) { flex-grow: 3 }
  #navMain #primary .research .main-row>.columns:nth-child(2) { flex-grow: 2 }



  .logoBox .logotype { color: #00693e; }
  header {background-color: #12312b;}
  .utility { background: #12312b; padding: 5px 0 8px; display: none }
  .utility ul { width: 100%; font-size: .85em }
  .utility ul li a { color: #DDD; font-family: 'National Medium', 'Helvetica', sans-serif; line-height: 1em }
  .utility ul li a:hover { color: white; text-decoration: underline; border-bottom: none; }
  .utility ul, .util-box {display: flex;}
  .utility {justify-content: space-between;}
  #feature-image { height: 180px; }
  .breadcrumbs { margin: 0; font-size: .75em; font-family: 'National Medium', sans-serif !important }
  .breadcrumbs p { font-family: 'National Light', sans-serif !important; color: #4e4e4e }
  .breadcrumbs a { color: #4e4e4e }
  .breadcrumbs a:hover { text-decoration: none; border-bottom: thin solid #4e4e4e; }

  .notice { padding: 6px 15px; min-height: 43px; position: fixed; bottom: 0; left: 0; right: 0; z-index: 9; -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5) }
  .notice div { background: rgba(0,0,0,.3); position: absolute; left: 0; top: 0; bottom: 0; display: none }
  .notice div i { color: white; font-size: 25px; padding: 10px 12px }
  .notice p { display: block; margin: 6px 15px; line-height: 1; margin-bottom: 12px; opacity: .75 }
  .notice p, .notice a.noticeButton { color: white; font-family: 'National Medium','Helvetica', sans-serif; }
  .notice p a { color: white; text-decoration: underline }
  .notice p a:hover { border-bottom: 0; color: white; text-decoration: none }
  .notice p:hover { opacity: 1 }
  .notice a.noticeButton { background: rgba(255,255,255,.25); padding: 4px 14px; border: 1px solid transparent; margin-bottom: 10px; display: block }
  .notice a.noticeButton:hover { background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.5) }

  .mega-nav { margin-left: 30px; margin-right: 30px; }
  .mega-nav > .row { max-width: 75em !important; margin: 0 auto }
  .mega-nav h2 { font-size: 1.4em; margin: 0px 0 40px; }
  .mega-nav h2 a { display: inline !important }
  .mega-nav h2:after { font-family: 'Font Awesome 5 Pro'; content: '\f061'; margin-left: 12px; color: #a2bcaf; font-size: .9em; position: relative }
  .mega-nav h3, .mega-nav p { color: white; }
  .mega-nav .titled.header { margin-top: 25px }
  .mega-nav .column-title { line-height: 1.2; border-bottom: thin solid rgba(25,25,25,.25); padding-bottom: 8px; width: 100%; margin-bottom: 15px; font-family: 'National', sans-serif !important; color: #4e4e4e; text-transform: uppercase; font-size: .9em }
  #navMain #primary ul li .mega-nav .child-pages a { display: inline; }
  #primary li .mega-nav { visibility: hidden; opacity: 0; position: absolute; z-index: 999; background-color:#f7f7f7; right: 0; left: 0; top: 130px; padding: 40px 50px 20px; box-shadow: 0px 11px 6px #0000002b; transition: all 0.15s; }
  #navMain #primary ul li .mega-nav  a, #navMain #primary ul li .mega-nav a:hover { color: #143743; line-height: 1.2; padding: 0; margin-bottom: 10px; font-family: 'National', sans-serif; border: 0; font-size: 1em; }
  #navMain #primary ul li .mega-nav .custom-entry a, #navMain #primary ul li .mega-nav a.custom-entry:hover, #navMain #primary ul li .mega-nav .degrees span { margin-bottom: 0 }
  #navMain #primary ul li .mega-nav h2 a { border-bottom: 1px solid transparent; font-family: 'National Medium', sans-serif }
  #navMain #primary ul li .mega-nav h2 a:hover { text-decoration: none; border-bottom: thin solid #00693E; font-family: 'National Medium', sans-serif }
  #navMain #primary ul li .mega-nav .main-row { margin-bottom: 15px }
  #navMain #primary ul li .mega-nav .main-row>.columns { width: 800px; }
  #navMain #primary ul li .mega-nav .main-row>.columns:not(.titled) { border-left: thin solid rgba(255,255,255,.25); }
  #navMain #primary ul li .mega-nav .main-row .columns:first-child { border: 0; padding: 0 15px; }
  .mega-one .mega-nav .custom-entry > a, .mega-two .mega-nav .custom-entry > a, .mega-one .mega-nav .degrees > span, .mega-two .mega-nav .degrees > span { top: 8px }
  #navMain #primary ul li .mega-nav .social-row { border-top: thin solid white; padding-top: 30px; }
  #navMain #primary ul li .mega-nav .social-row a { text-align: center; }
  #navMain #primary ul li .mega-nav .social-row i { font-size: 2em; }
  .mega-nav .orange-arrow { font-size: 1em; top: 0; }
  #navMain #primary ul li .mega-nav ul { display: block; background: transparent; position: inherit }
  #navMain #primary ul li .mega-nav ul li a, #navMain #primary ul li .mega-nav ul li a:hover { border-bottom: 0; margin-bottom: 10px }
  #navMain #primary ul li .mega-nav ul li { width: inherit }
  .custom-entry, .degrees { margin-bottom: 0px; min-height: 45px }
  #drawerNav .custom-entry, #drawerNav .degrees { min-height: 36px; margin-bottom: 12px; }
  .custom-entry p, .custom-entry a, .main-row .degrees p, .main-row .degrees span { margin: 0; }
  #navMain #primary ul li .mega-nav .researchItem { margin-bottom: 10px; margin-right: 12px; }
  #navMain #primary ul li .mega-nav .researchItem a { padding-left: 44px; font-family: 'National Medium', sans-serif; margin-top: 9px }
  #navMain #primary ul li .mega-nav .researchItem img { float: left }
  .eship a { position: relative; display: block; margin-bottom: 10px !important }
  .eship a span { font-family: 'National Medium', sans-serif; position: absolute; left: 25px; font-size: 1.2em }
	#drawerNav .eship a span { top: -2px }
  .eship a:hover span { text-decoration: underline }
  .mega-nav .eship i { float: left; color: #a2bcaf }
  #navMain #primary ul li .mega-nav ul.no-bullet li { padding-left: 0 }

  .custom-entry, .degrees { padding-left: 96px; position: relative }
  .custom-entry:before, .degrees:before { position: absolute; left: 0; background: #a2bcaf; width: 85px; text-align: right; color: white; font-family: 'National Bold'; padding: 10px 6px; border-radius: 70px 10px 10px 70px }
  .custom-entry > a, .degrees > span, .degrees a { font-family: 'National Medium', sans-serif !important; position: relative; margin-bottom: 0; }
  .mega-nav .child-pages { position: relative; bottom: 5px; }
  .mega-nav .child-pages p { font-size: .8em; color: #143743 }
  .mega-nav .child-pages p a { font-family: 'National', sans-serif !important }

  div.mega-nav i.fab, #drawerNav i.fab, a.social-link i.fab { margin-right: 10px; opacity: .5; font-size: 2em; top: 6px; position: relative }
  #navMain #primary ul li .mega-nav .resource-links, #navMain #primary ul li .mega-nav .link-grid { border: 0; border: thin solid rgba(255,255,255,.25); color: #143743; }
  #navMain #primary ul li .mega-nav>.row { margin-bottom: 30px; position: relative }
  #navMain #primary ul li .mega-nav .resource-links a { color: #143743; font-family: 'National', sans-serif }
  #navMain #primary ul li .mega-nav .resource-links a:hover { color: #00693E }
  #navMain #primary ul li .mega-nav .resource-links i, .mega-nav .menu-list i { opacity: .5 }
  #navMain .resource-links { margin: 0; padding: 10px 0 0 }
  #navMain .resource-links .columns { text-align: left; }

  #navMain #primary ul li .mega-nav a.close-nav {position: absolute; right: 0; padding: 20px 30px; font-size: 1.6em; opacity: .6 }
  #navMain #primary ul li .mega-nav a.close-nav:hover { text-decoration: none; opacity: 1; border: 0; }

  form#search-form { margin: 50px 0; }
  input.searchBox, input.searchBox2, input.searchBoxMobile { border: 1px dashed transparent }
  input.searchBox:focus, input.searchBox2:focus, input.searchBoxMobile:focus { outline: none; border: 1px dashed #AAA; box-shadow: none !important }
  a.close-search { color: #143743; font-size: 2em; float: right; margin-bottom: 10px; opacity: .5 }
  a.close-search:hover { opacity: 1; color: #143743; border-bottom: 0 }

  .searchContainer { display: inline-flex; flex: 1 1 300px; position: relative; border-radius: 5px; overflow: hidden; width: 100%; border: 1px solid #CCC }
  #search-form2 .searchContainer { border: 0 }
  .searchIcon { padding: 20px 10px 0 10px; background: white; color: #BBB; font-size: 1.4em }
  .searchBox, .searchBox2, .searchBoxMobile { border: 0 !important; padding: 30px 30px 30px 10px !important; flex: 1 !important; margin-bottom: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-size: 1.3em !important; background: white !important; }
  .searchBoxMobile { padding: 25px 30px 25px 10px }
  .searchButton { background: #00693e; border: 0; color: white; padding: 0.5rem 20px; border-radius: 0; font-family: 'National Medium', sans-serif; font-size: 1.2em; text-transform: uppercase }
  .title-button { position:relative; top: 15px; }

  /* -----------------------------------------
   Banner/Slide
  ----------------------------------------- */
  .landing #feature-image { height: 250px }
	.home #feature-image, .home #feature-image .item { height: 350px }
	.home #feature-image { margin: 0; cursor: default }
	.home #feature-image button { display: none !important }
  .green-stripe { background: #00683e; height: 55px; position: absolute; width: 8000px; right: 0 }
  .minisite-stripe { background: rgba(18, 49, 43, .9); height: 55px; position: absolute; width: 100%; right: 0 }
  .page-title span.title.green { background-color: #00683e; position: relative; left: 63px; z-index: 2; font-family: "National Medium", sans-serif; padding: 10px 35px 10px 9px; font-size: 1.8em; letter-spacing: -.02em; color: white; line-height: 1.9 }
	.page-title span.title.minisite-title { padding-left: 17px; position: relative; font-size: 1.8em; color: white; line-height: 1.9; text-transform: uppercase; font-family: "National", sans-serif; }
  .home #feature-image { -ms-touch-action: auto; touch-action: auto }
  .home .panel.events { padding-bottom: 60px; }

  #feature-image.default-feature-image { display: none; }

  body.newsListing #feature-image {display: none;} /*remove this later after figuring out news search box */

  /* -----------------------------------------
   Main Content
  ----------------------------------------- */

  /* GENERAL */
  body { background-color: #f7f7f7; }
  #main>div.expanded { padding-left: 0; padding-right: 0; }
  #main .user-content ol, #main .user-content ul:not(.accordion):not(.todo-list) { margin-left: 20px; list-style-position: outside; padding-left: 30px; display: table; }
  .user-content ul:not(.accordion) { list-style-type: initial; }
  .user-content ul:not(.accordion) ul { list-style-type: circle; }
  .user-content ul.todo-list li { flex-direction: row; display: flex; align-items: start; }
  .user-content ul.todo-list li input[type="checkbox"] { margin-right: 10px; margin-bottom: 0; margin-top: 6px;}
  #main .user-content li:not(.accordion-item) { position: relative; padding-bottom: 10px; padding-left: 5px; color: #4e4e4e; font-size: 1.1em; line-height: 1.4em; font-family: 'National', 'Helvetica', sans-serif; }
  #main .user-content li:not(.accordion-item) li { font-size: 1em; }
  #main .user-content ul:not(.accordion) ul, #main .user-content ol ol, #main .user-content ol ul, #main .user-content ul:not(.accordion) ol { padding-top: 10px; margin-bottom: 0; padding-left: 20px; margin-left: 0; }
  .news #main ul.share-links li:before { content: '' }
  #main .user-content ol>li { list-style-type: numeric; }
  #main .user-content ol ol>li { list-style-type: lower-alpha; }
  #main .user-content ol ol ol>li { list-style-type: lower-roman; }
  #main .user-content ul:not(.accordion) li:last-of-type, #main .user-content ol li:last-of-type { padding-bottom: 0; }
  .main-top { position: relative; }
  .intro ul { display: table }
  .basic .panel, .researchSubpage .panel, .paper { background: white; }
  .basic .panel, .news .panel { min-height: 0px; }
  .basic .main-bottom .panel:last-child, .researchSubpage .main-bottom .panel:last-child { padding-bottom: 80px }
  .panel { padding: 50px 15px 0; position: relative; }
  #main .row.panel:last-child { padding-bottom: 100px; }
  .page-section { padding: 60px 0 }
  .page-section-bottom { padding-bottom: 60px; }
  .page-section-top { padding-top: 60px; }
  #main ul.tabs { border-bottom: 3px solid #133743; margin-top: 30px; white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar }
  .bottom-text a { position: relative; z-index: 1; }

  /* -- TABLES -- */
  .hscroll { overflow-x: auto; }
  .content-block table p { margin: 0; }
  .content-block table { 
    background-color: #F2F3F4; 
    width: 100%;
  }
  .content-block th, .content-block td { padding-top: 25px; padding-bottom: 25px; padding-left: 10px; padding-right: 10px; line-height: 1.4em; border-collapse: collapse; }
  .content-block th { padding-top: 10px; padding-bottom: 10px; vertical-align: middle; font-weight: bold; }
  .dark-view-table, .dark-view-table th, .dark-view-table td { border: 1px solid white; }
  .dark-view-table th, .dark-view-table th p { background-color: #003C73; color: white; }

  .tabs:not(.vertical) li { display: inline-block; padding: 10px 20px; text-transform: uppercase; }
  .tabs li.is-active { background-color: #133743; }
  .tabs li.current-term { position: relative; padding-top: 20px }
  .tabs li.is-active.current-term:before { color: white }
  .tabs li.current-term:before { content: 'Current Term'; color: #133743; position: absolute; top: 8px; font-size: 0.6em; font-family: 'National Medium'; left: 19px }
  .tabs li a { color: #133743; font-family: "National"; font-size: 1.1em; }
  .tabs li.is-active a { color: white; border-bottom: 0 }
  
  /* Schedule Table Styles */
  .schedule-table { 
    width: 100%; 
    table-layout: auto; 
    border-collapse: collapse; 
    margin-bottom: 0;
    background: white;
  }
  .schedule-table thead th { 
    background: #133743; 
    color: white; 
    line-height: 1.1; 
    padding: 6px 12px; 
    text-align: left;
    font-family: "National", sans-serif;
    font-size: 1em;
    border: none;
  }
  .schedule-table thead th.time-col,
  .schedule-table thead th.crn-col,
  .schedule-table thead th.textbook-col {
    text-align: center;
  }
  .schedule-table tbody tr.table-row { 
    border-bottom: thin solid #133743; 
  }
  .schedule-table tbody td { 
    padding: 15px 12px; 
    vertical-align: top;
    font-size: 1.1em;
    line-height: 1.8em;
    color: #4e4e4e;
    font-family: 'National', 'Helvetica', sans-serif;
  }
  .schedule-table tbody td.time-col,
  .schedule-table tbody td.crn-col,
  .schedule-table tbody td.textbook-col {
    text-align: center;
  }
  .schedule-table tbody td .mobile-label {
    font-weight: bold;
  }
  html.is-reveal-open, html.is-reveal-open body { min-width: 100%; }

  /* -- NEWS LISTING -- */
  body.news h1 { font-family: Ruzicka, serif; color: #143743; font-size: 2.2em; }
  body.news h2 { font-size: 1.5em; }
  body.news .news-body { margin-top: 40px; }
  body.news .news-body .photo-with-caption-no-float { width: 100%; margin: 0 0 20px 0; font-size: 16px; border-bottom: thin solid #02683e; padding-bottom: 10px; line-height: 1.3 }
	body.news .news-body .photo-with-caption-no-float img { margin-bottom: 8px }
  body.news .caption, body.event-detail .caption { color: #4e4e4e; font-size: .9em; padding: 18px; margin-bottom: 0; font-family: 'National', sans-serif; border-bottom: thin solid #02683e; background: #f7f7f7; }
  body.news .photo-with-caption-right { float: right; margin: 0 0 20px 20px; max-width: 33% }
  body.news .news-body .photowrap-right { max-width: 50%; float: right; margin: 0 0 20px 40px; }
  body.news .news-body .large-text p { font-size: 1.5em; color: #143743; }
  .news-block.text-block .img-box, .event-detail .img-box { margin: 0 auto 30px auto; float: none; padding-bottom: 20px; }
  .news-block.quote-block, .news-block.large-image { margin: 60px 0; }
  blockquote { border-left: 5px solid #08693a; padding-left: 30px; }
  blockquote p { color: #4e4e4e; }
  .news-block.quote-block p { font-family: Ruzicka, serif; }
  blockquote p.attrib { font-family: "National Medium", sans-serif; color: #143743; }
  .large-image img { object-fit: cover;}
  body.basic blockquote { color: #00693E; font-size: 1.4em; font-family: 'Ruzicka'; margin-bottom: 50px; padding-bottom: 20px }
  body.newsListing h1, body.events h1, body.faculty-detail h1 { font-size: 1.8em; color: #00693E; margin: 20px 0; font-family: "National Medium", serif; }
  body.newsListing h3, body.newsListing h2 { font-family: Ruzicka, serif; }
  body.newsListing .titled-box h2 { font-family: "National Light", sans-serif; }
  body.news .back-link, body.event-detail .back-link { position: relative; top: -20px; color: #003c73; left: 0; }
  body.news .back-link i, body.event-detail .back-link i { color: #003c73; margin-right: 5px; }
  body.news .back-link:hover, body.event-detail .back-link:hover { color: #003c73; }
  ul.dropdown.menu>li>a { font-size: 1.3em; color: #4e4e4e; }
  ul.dropdown.menu i { font-size: .7em; color: gray; padding: 0 5px; }
  ul.dropdown.menu li a:hover { text-decoration: none; border: 0; color: teal; }
  .dropdown.menu > li.is-dropdown-submenu-parent > a::after { border: 0; }
  .article-grid>.columns { margin-bottom: 60px; }
  .article-grid h4 { margin-top: 0; font-size: 1.5em; }
  .article-grid img { width: 100%; }
  .search-block { position: relative; top: 90px; }
  .search-block input { padding: 10px 15px; font-size: .8em; width: 200px; }
  .search-block button { position: absolute; right: 10px; top: 11px; }
  .search-block i { margin: 0; color: lightgray; }
  .search-block button:hover { cursor: pointer; }
  .embed-container { margin-bottom: 30px; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
  .embed-container iframe, .embed-container object, .embed-container embed {  position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

  /* -- HOME -- */

  .home h1 { display: inline }
  .home .highlight { position: relative; left: 0.25em; padding-left: 0; box-shadow: 0.25em 0 0 #00693e, -0.25em 0 0 #00693e; display: inline; background: #00693e; color: white }
  .home #main { padding-top: 0; padding-bottom: 0; }
  .big-grid .row { height: 300px; }
  .big-grid h3 { color: white; font-family: "Ruzicka", serif; }
  .news h4 { color: #003c73; font-size: 1.2em; line-height: 1.2em; margin: 10px 0; letter-spacing: -.02em }
  .tag { clear: both; color: #898989; font-size: .8em; font-family: "National Medium", sans-serif; letter-spacing: -.5px; text-transform: uppercase; line-height: 1.2; margin: 10px 0 50px }
  .tag.category { margin: 20px 0 8px; font-size: .9em }
  .back-link a:hover, .resource-links a:hover, .newsListing a:hover { text-decoration: none; border-bottom: thin solid; color: #003c73; }
  .events p { font-size: 1.2em; line-height: 1.2em; margin-bottom: 5px; letter-spacing: -.02em; font-family: "National Medium", sans-serif; }
  .events p.event-title { color: #003c73; display: inline; }
  .events a:hover p.event-title { border-bottom: thin solid #003c73; }
	p.loc, .events p.desc, p.green-date { font-size: 1em }
  .events p.loc { margin: 0; color: #37555f }
  .events p.speaker { font-family: "National Light", sans-serif !important; font-size: .95em !important; padding-top: 5px; }
  .home .events p.speaker { color: #b7bfc1; }
  .events p.speaker-title { font-family: "National Medium", sans-serif !important; font-size: .95em !important; padding-top: 5px; }
  .events .green-date { color: #37555f; padding: 7px 0 0; }
  .events .desc { font-family: "National", sans-serif; margin-top: 20px }
  body.event-detail .desc { font-size: 1.3em; line-height: 2em; }
  .events .time { color: #898989; width: 100%}
  .events .cal { text-align: center; width: 80px; display: inline-block; margin-right: 10px; border-bottom: 3px solid #00693E; margin-bottom: 10px }
  body.events .cal, body.event-detail .cal { margin-right: 20px; }
  .events .month, .events .day { text-transform: uppercase; margin: 0; display: block; padding: 4px; color: white; background: #00693E; font-size: 1.3em; font-family: "National Medium"; border-right: thin solid #2e5660; border-left: thin solid #2e5660; }
  .events .day { background-color: white; color: #00693E; font-size: 2.7em; font-family: National, sans-serif; border-left: 3px solid #00693E; border-right: 3px solid #00693E; }
  .events .time { display: inline-block; vertical-align: bottom; margin-bottom: 0; font-family: "National", sans-serif; }
  .events .date-time { margin-bottom: 5px; }
  .date-box { padding-bottom: 60px; }
  .event-tag { background: #00693e; color: white; font-size: .8em; border-radius: 2px; padding: 2px 6px; display: inline-block; margin: 5px 0; }

  .grid-square { height: 360px; display: flex; padding: 50px 30px; position: relative; }
  .grid-square h3 { color: white; font-family: "Ruzicka"; font-size: 1.8em; line-height: 1.2em; padding-bottom: 5px }
  .grid-square h3 a { color: white; }
  .grid-square h3 a:hover { text-decoration: none; border-bottom: thin solid rgba(255,255,255,.5)}
  .grid-square .sans-serif { font-family: "National Medium", sans-serif; font-size: 1.4em; line-height: 1.3em }
  .more-alt a { color: #003c73; font-family: 'National Medium', sans-serif; text-transform: uppercase }
  .more-alt a:hover { border-bottom: thin solid rgba(0,60,120,.5); text-decoration: none }

  #main ul.arrow-list { margin: 0; border: 0; border-bottom: 1px solid #ccd4d8 }
  .arrow-list .tabs-title:hover { cursor: pointer; }
  .arrow-list li { display: inline-block }
  .arrow-list li.is-active { background: #ccd4d8 }
  .arrow-list li.is-active a { color: #003c73; z-index: 2; position: relative }
  .arrow-list li a { margin-right: 20px; margin-left: 20px }
  .arrow-list li { padding: 10px 0; position: relative }
  .arrow-list a { color: #777; font-family: "National Medium", sans-serif }
  .arrow-list a:hover { color: #003c73; text-decoration: none; }
  .research-home-info { padding-top: 60px; position: relative; margin-top: 30px }
  .research-home-info img { width: 60px; position: absolute; top: -15px; left: 50%; margin-left: -30px }
  .research-icon-link h4 { margin: 20px 0 30px; }
  .home .research-icon-link h4 { color: white; }
  .research-icon-link>div { -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; -ms-transition: all .15s ease-in-out; transition: all .15s ease-in-out; }
  .research-icon-link:hover>div { transform: scale(1.1); }
  .research-icon { opacity: 1; }
  .home-researchBox .animated-icon { display: none; position: absolute; left: 0; border-radius: 50%; }
  .home-researchBox a { position: relative; }
  .home-researchBox a:hover .animated-icon { display: inline; }
  .research-home-info h4 { margin-bottom: 20px; margin-top: 0; }
  .research-home-info p { margin-bottom: 35px }

  /* -- Hero -- */

  .cursor { display: inline-block; background-color: #ccc; width: 3px; animation: blink 1s infinite; margin-left: 0.1rem; }
  .typing { animation: none; }
  @keyframes blink {
    0% { background-color: #ccc; }
    49% { background-color: #ccc; }
    50% { background-color: transparent; }
    99% { background-color: transparent; }
    100% { background-color: #ccc; }
  }
  .typing-wrapper { position: relative; }
  .typing-block { position: absolute; z-index: 2; left: 0%; top: 0%; right: 0%; bottom: 0%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; }
  .typing-block .text-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; }
  .typing-block .w-button { margin-top: 50px; position: relative; top: 5px; display: inline-block; padding: 15px 30px; background-color: #00693e; color: white; border: 0; line-height: inherit; text-decoration: none; cursor: pointer; border-radius: 0; font-size: 1em; font-family: 'National Medium', sans-serif; text-transform: uppercase; }
  .typing-block .w-button { margin-top: 60px; background-color: #00693e; }
  .typing-block .w-button:hover { outline: thin solid white; color: white; }
  .typing-block .div-block-3 { width: 100%; text-align: center; }
  .typing-block .heading { margin-top: 0px; margin-bottom: 0px; color: #fff; font-size: 35px; line-height: 35px; font-family: 'National Bold', sans-serif; }
  .typing-block .html-embed-2 { color: #fff; font-size: 35px; line-height: 35px; width: 100%; text-align: center; }
  .shade2 { height: 350px; width: 100%; position: absolute; background: rgba(0,0,0, 0.52); z-index: 1; }
  .shade { height: 350px; width: 100%; position: absolute; background: linear-gradient(to bottom, rgba(0,0,0, 0) 50%, rgba(0,0,0, 0.76)) 0% 0% / cover, no-repeat; z-index: 1; }

  a.row.home-spotblock { background: hsla(0, 0%, 97%, 0.45); padding: 0; margin-bottom: 30px; }
  .home-spotblock .text { padding: 20px 30px; }
  .home-researchBox { padding-bottom: 0; background: #00693e; }
  .home-researchBox h2, .home-researchBox h3 { color: white; }

  .insta-logoBox { align-items: center; display: none; }
  .insta-logoBox img { width: 40px; margin: 40px; }

  /* -- ABOUT -- */
  .stat-box { margin: 0 10px 40px; }
  .stat-box .stat-top { background: #ffa113; padding: 20px 40px; }
  .stat-box .stat-bottom { padding: 20px 40px; background-color: #f7eede; }
  .stat-box .stat-bottom p { margin: 0; }
  .stat-box .subtitle { font-family: "National Bold", sans-serif; color: #003c73; line-height: 1em; font-size: 1.3em; height: 30px; }
  .stat-box .big-num { font-size: 6em; font-family: "National Bold", sans-serif; color: #003c73; margin: 0; line-height: 1.1; }
  .stat-box .big-num span { font-size: .8em; font-family: "National Light", sans-serif; }
  .large-up-3 .stat-box .big-num { font-size: 5em; }
  .large-up-4 .stat-box .big-num, .large-up-5 .stat-box .big-num, .large-up-6 .stat-box .big-num { font-size: 4em; }
  .wide-grid { padding:0; max-width:1300px; }
  .wide-grid.higher { margin-top: -40px; }
  .img-block img { object-fit: cover; width: 100%; height: 100%; }
  .textWithImageBlock .img-block { height: 400px; }
  .textWithImageBlock h3 { margin-top: 40px; }
  .wide-grid .img-block { height: 279px; }
  .img-block a:hover { border-bottom: 0; }

  .home .textWithImageBlock { width: 100%; color: #4e4e4e; }
  .home .textWithImageBlock:hover { border-bottom: 0; }
  :hover>.appear { opacity: 1; top: 0; }
  .home .textWithImageBlock .img-block { height: auto; overflow: hidden; }
  .home .textWithImageBlock .img-block img { object-position: top; backface-visibility: hidden; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
  .home .textWithImageBlock:first-child { padding-top: 0; }


  /* COMMUNITY */
  .green-box { background: #00693e; padding: 50px 70px }
  .green-box p { color: white; font-family: "National Light", sans-serif; }
  .green-box p:last-child { margin: 0; }
  .green-box p.quote { font-size: 1.5em; line-height: 1.5em; font-family: 'Ruzicka Italic', sans-serif }
  .green-box hr { margin: 0 0 20px; width: 70px; border: #014337 1.5px solid; background: #014337 }
  .big-social { margin: 60px 0; text-align: center; }

  /* ESHIP */
  .gray-box { background: gray; }

  /* RESEARCH */
  .research-link img { width: 30px; height: 30px; border-radius: 50%; margin-right: 20px; }
  .columns.subtopics { margin-top: 40px }
  .subtopics p { margin-bottom: 15px; line-height: 1.5em }
  p.research-link { margin-bottom: 5px; }
  .research-box { margin-bottom: 50px; }
  .research-listing .reveal { padding: 50px }
  .filter-group { position: relative; top: 15px }

	.content-block.resource-links i, .mega-nav .menu-list i { width: 35px; }

  /* modal */
  body.modal-open {
  overflow-y: hidden;
  padding-right: 15px; /* Avoid width reflow */
  }

  #modal iframe {
  width: 75%;
  height: 50%;
  margin: 100px auto;
  display: block;
  }
  #modal {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 34px;
  background: rgba(0,0,0,.5);
  }

  /* faculty */

  body.faculty-detail h1 { margin-bottom: 10px; }
  h2.category { color: #143743; float: left; margin: 0; margin-bottom: 10px; font-size: 1.6em; padding: 20px 0 10px 0; }

  body.faculty-detail .position p { font-size: 1.2em; line-height: 1.2; margin: 0; color: #37555f; font-family: National, sans-serif; padding-bottom: 4px; }
  body.faculty-listing .position p, .people-block .position p { font-size: 12px; font-style: italic; line-height: 1.3; margin: 0; padding-bottom: 30px }
  body.faculty-listing h3, body.research-listing h3 { padding: 0; }
  .fac-list { font-size: .9em; }
  .faculty-contacts { margin: 20px 0; }
  .faculty-contacts p { margin: 5px 0; line-height: 1.3; }
  .faculty-contacts svg { width: 20px; margin-right: 10px; position: relative; top: 5px; }
  .prof-pic { border-radius: 50%; max-width: 200px; }
  .profile-box { font-size: 13px; }
  .profile-box .img-box { height: 250px; }
  .profile-box .img-box img { object-fit: cover; width: 100%; height: 100%; }
  .profile-box h3 { margin-top: 10px; margin-bottom: 0; padding-bottom: 8px; }
	body.startup-listing p.position { line-height: 1.4em; padding: 10px; background: hsla(0, 0%, 0%, 0.02); }
  .count { font-size: 0.8em; font-family: 'National', sans-serif; position: relative; bottom: 2px; }
  .faculty-content .columns { margin-bottom: 50px; }
  .faculty-content .columns:last-child { margin-bottom: 0px; }
  .related-links { background: #eee; margin-top:30px; }
  .related-links p { margin: 0; }
  body.faculty-detail #main h3.subHead { border-bottom: thin solid #143743; padding-bottom: 0; margin-bottom: 12px; }
  .expertise p { line-height: 1.3em; }
  .gray-vid-block { background-color: #efefef; padding: 20px;}
  .caption-wrapper { background-color: #ccc; }
  .caption-wrapper p { padding: 5px 15px}
	select.sorter { padding: 0px 33px 1px 18px }

  /* accordion */
  #main li.accordion-item { list-style-type: none !important; }
  a.accordion-title { font-size: 1em; border: none; }

  .accordion { border: 1px solid lightgray; border-bottom-width: 1px; border-radius: 10px; overflow: hidden; }
  .accordion-title span { color: #4e4e4e; }
  .accordion-title span:first-child { color: #00693E; font-family: 'National Medium'; font-size: 1.2em; line-height: 1.3em; }
  .accordion-title::before { font-family: "Font Awesome 5 Pro"; content: '\f078'; }
  .is-active > .accordion-title::before { font-family: "Font Awesome 5 Pro"; content: '\f077'; }
  .accordion-title:before {  color: #143743; }
  .accordion-content, .accordion-title:hover, .accordion-title:focus, .accordion-title:active { background-color: transparent; }
  .accordion-item:hover, .accordion-item.is-active { background-color: #EFF0F2; }
  .accordion-title, .accordion-title:hover, .accordion-content { border: 0; }
  .accordion-content { padding-left: 10px; padding-right: 10px }
  .accordion-content p:last-child { margin: 0; }
  :last-child:not(.is-active) > .accordion-title { border: none; }

  .accordion h3 { margin: 50px 0 0; }
  .accordion h4 { margin-top: 20px; }
  .accordion-title { padding: 8px 10px 8px 20px; }
  .accordion-title>div { max-width: 85% }
  .accordion-title p, .accordion-title a, .accordion-title h1 .accordion-title h2, .accordion-title h3, .accordion-title h4 { margin: 0; padding: 0; font-size: 1.2em; color: #4e4e4e; line-height: 1.4em; font-family: 'National Medium'; font-weight: normal; }

  .dark-bottom{ font-family: "National Medium"; background-color: #84949b; position: absolute; width: 100%; right: 15px; bottom: 0; padding: 5px; }
  .dark-bottom a, .dark-bottom i { color: white; margin-right: 5px; }
  .dark-bottom a:hover { border-bottom-color: white; }
  .radio-group label:hover, .radio-group input { cursor: pointer; }
  .course-tags { color: #00693E; font-family: "National Medium"; margin-top: 20px; }
  .course-tags span { margin-left: 5px; margin-right: 15px; }
  .no-course-data { opacity: 25%; }
  .accordion-item { border-bottom: 1px solid lightgray; position: relative; }
  .accordion-item:last-child { border-bottom: 0; }

  .accordion-wrap {
    overflow-y: hidden;
  }
  .accordion.timeline { 
    position: relative; 
    margin-left: .9375rem;
    border: 0;
    border-radius: 0;
    overflow: visible;
    border-left: 2px solid #bfbebc;
  }
  .accordion.timeline .accordion-item {
    border: 0; 
    margin-bottom: 10px;
    border-radius: 10px;
    max-width: 75%;
  }
  .accordion.timeline .accordion-item:hover, .accordion.timeline .accordion-item.is-active {
    background: transparent;
  }
  .timeline-icon {
    width: 16px;
    height: 16px;
    left: -9px;
    top: 27px;
    position: absolute;
    border-color: white;
    border-style: solid;
    border-width: .1875rem;
    border-radius: 50%;
    background-color: #9ca5a4;
  }
  .accordion-item:first-child .timeline-icon::before {
    content: '';
    position: absolute;
    top: -30px;
    left: 0;
    height: 27px;
    width: 12px;
    background-color: white;
  }
  .accordion-item:last-child .timeline-icon::after {
    content: '';
    position: absolute;
    top: 12px;
    left: 0;
    height: 3000px;
    width: 12px;
    background-color: white;
  }
  .accordion.timeline .accordion-title, .accordion.timeline .accordion-content {
    background-color: #EFF0F2;
    margin-left: 40px;
    margin-bottom: 0;
    padding-left: 40px;
  }
  .accordion.timeline .accordion-title {
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 10px;
  }
  .accordion.timeline .accordion-item.is-active .accordion-title {
    border-radius: 10px 10px 0 0;
  }
  .accordion.timeline .accordion-content {
    border-radius: 0 0 10px 10px;
    padding-top: 0;
    padding-bottom: 15px;
    position: relative;
    top: -10px;
  }
  .accordion.timeline .accordion-title::before {
    content: '';
    position: absolute;
    top: 32px;
    right: 100%;
    height: 0;
    width: 0;
    border-top: .75rem solid transparent;
    border-left: .75rem solid transparent;
    border-bottom: .75rem solid transparent;
    border-right: .75rem solid #EFF0F2;
  }
  .accordion.timeline .accordion-item .accordion-title span::before {
    border-left: 7px solid #424242;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    width: 0;
    height: 0;
    content: " ";
    position: absolute;
    left: 18px;
    top: 30px;
  }
  .accordion.timeline .accordion-item.is-active .accordion-title span::before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #424242;
    width: 0;
    height: 0;
    content: " ";
    position: absolute;
    left: 12px;
    top: 35px;
  }

  /* SCHEDULE LISTING */
  .schedule-listing .reveal { background-color: #133743; padding: 20px 50px; color: white; border: 0; }
  .schedule-listing .reveal h3 { color: white; }
  .schedule-listing .reveal .book-modal-core { background-color: #efefef; color: #4e4e4e; padding: 10px 20px; border-radius: 2px; }
  .schedule-listing .reveal h4 { color: white; margin: 0 0 20px; padding: 0; }
  .schedule-listing .reveal h3 { margin-bottom: 10px; }
  .schedule-listing .reveal .close-button { color: white; }
  .schedule-listing .reveal .close-button:hover { color: #eee; }
  h2 a.copy { float: left; position: relative; top: 20px; font-size: 18px }
  p.instructor-in-schedule { font-size: 1em; line-height: 1.4; margin:0 }
  .fade-box { position: relative; }
  .sched-title { background-color: #e5e7e9; margin-bottom: 10px}

  /* Book listing */
  .fac-link { float: right; position: relative; top: 25px; }
  .book_image { padding-bottom: 20px; }

  /* startups, patents, research projects, faculty listing */
  .big-company { font-size: 1.4em; font-family: 'National Medium', sans-serif; display: inline-block; padding-bottom: 5px; }
  .trunc-list li { margin-bottom: 10px; }
  .sort-by-tag { margin: 5px 5px 0 0; }

  /* */
  .blurb p { color: #4e4e4e; line-height: 1.5em; font-size: .8em; font-family: 'National Italic', 'Helvetica', sans-serif }
  .blurb i { font-size: 1.6em; color: #777 }
  .img-block { position: relative; }
  .img-text { position: absolute; z-index: 1; padding: 15% 10%; height: 100%;}

  #main .img-text h2, #main .img-text h3 { color: white; margin: 0; }
  .img-text h3 { font-family: "National Light", sans-serif; font-size: 1.6em; padding-bottom: 0; }
  .img-text h3 i { color: #e29f37;  font-size: 1.3em; position: absolute; margin: -3px 12px; }
  .img-text h2 { display: inline; font-family: "National Bold", sans-serif; font-size: 2em; border-bottom: thin solid transparent; }
  .img-text:hover { text-decoration: none; }
  .img-text:hover h2 { border-bottom: thin solid white; }
  .img-shader { height: 100%; width: 100%; background: linear-gradient(rgba(20, 55, 67, 0.4), rgba(20, 55, 67, 0.4)) 0% 0% / cover; position: absolute; }
  .intro .top-text { color: #143743; }

  .titled-box h2 { margin-bottom: 0; border-bottom: thin solid #acccbf; line-height: 1em; padding-bottom: 10px; font-family: "National Light", sans-serif; width: 100%; }
  .titled-box h3 { width: 100%; }

  .section-intro p:first-child { margin-top: 20px; }

  #main .listing h3, #main .listing p { color: #143743; }
  #main .article-image { max-width: 400px; }
  .youtube-player { position: relative; display: flex; }
  .bottom-text .youtube-player { margin-bottom: 25px; }
  .youtube-player h3 { position: absolute; color: white; bottom: 0; margin: 40px; }
  .youtube-player img { width: 100%; height: 100%; }
  .intro .youtube-player .play { margin-left: 0; margin-top: 23%; left: 40%; }
  .intro iframe { max-width: 100%; width: 100%; float: left; }
  .intro .offset-img, .intro iframe { margin-bottom: 30px; }
  .play { height: 80px; width: 80px; left: 50%; margin-top: 25%; position: absolute; background-size: contain; cursor: pointer; margin-left: -40px; }
  .page-contents-list { margin-top: 30px; }
  .side-nav-title {
    font-family: "National Medium", sans-serif;
    padding-top: 5px;
    padding-bottom: .8rem;
    font-size: 1.3em;
    line-height: 1.2;
    color: #143743;
  }  
  .page-contents-list li { line-height: 1.3em; margin-bottom: 10px; }
  .page-contents-list p { line-height: 1.5em; }
  .page-contents-list .btn a, .page-contents-list .btn { width: 100%; }

  .spotlight .text-box { background-color: #163742; color: white; padding: 30px; position: relative; height: 100%; }
  .spotlight h3, .spotlight p, .spotlight a { color: white; line-height: 1.5em; }
  .spotlight a:hover { border-bottom-color: white; }
  .spotlight .main-text { margin-bottom: 40px; }
  .spotlight .more-alt { position: absolute; right: 45px; bottom: 15px; }
  .spotlight p.btn a { color: white; border-color: white; }
  .spotlight p.btn a:hover { color: #4e4e4e; background-color: white; }
  .spotlight p.btn.solid a { color: #4e4e4e; background-color: white; border-color: white; }
  .spotlight p.btn.solid a:hover { color: white; background-color: transparent; border-color: white; }

  .degree-boxes { margin-top: 80px; }
  .degree-box { margin-bottom: 80px }
  .degree-box .big-type p { white-space: nowrap; font-size: 4em; color: #a2bcaf; font-family: 'National Bold', sans-serif; line-height: .3em; margin-left: -5px }
  body.graduate .degree-box .big-type p { font-size: 3.5em; }
  .degree-boxes .columns:first-of-type .big-type p { margin-left: -1px }
  .degree-box h3 { clear: both; }
  .degree-box hr { border-top: #00693e 4px solid; width: 40px; float: left }
  .degree-box>a:hover h3 { text-decoration: underline; }

  .resource-links { padding: 20px 10px;  margin: 0 0 40px; }
  .resource-links .columns { padding: 0 0 10px 20px; }
  .resource-links .columns:last-of-type { margin-bottom: 0 }
  .explore-links i { margin-right: 10px; }
  .link-grid a, .link-box a, a .link-box { font-family: 'National Medium', sans-serif; font-size: 1.1em; line-height: 1.2em }
  .link-grid a.social-link { font-family: 'National', sans-serif }
  a .link-box { border: thin solid #013c79; padding: 10px 30px; margin: 0 0 15px; min-height: 60px; height: auto; border-radius: 10px; }
  a .link-box:hover { background: #013c79; cursor: pointer; }
  a .link-box:hover, a .link-box:hover i { color: white; }
  .link-box a:hover { text-decoration: none; }
  a .link-box i.fa, .grid-item i.fa { font-size: 1.4em; color: #003c73; position: relative; bottom: -2px; margin-right: 15px; width: 25px }

  .grid-item { margin-bottom: 25px; }
  .grid-item h3 { padding-bottom: .8rem; }

  a.btn, p.btn a, span.btn, a.btn.solid:hover, p.btn.solid a:hover, span.btn:hover, button.default:hover { line-height: 1.2; display: inline-block; min-width: 125px; text-align: center; border: 1px solid #003c73; background: transparent; padding: 5px 20px; color: #003c73; border-radius: 0; text-transform: uppercase; font-size: .9em; font-family: 'National Medium', sans-serif; letter-spacing: -.015em; transition: all 0.3s; }
  a.btn:hover, a.btn.solid, span.btn:hover, p.btn a:hover, p.btn.solid a, button.default { line-height: 1.2; text-decoration: none; background: #003c73; color: white; border-color: #003c73; transition: all 0.3s; }
	a.btn em, p.btn a em, a.btn.solid:hover em, p.btn.solid a:hover em { color: #003c73 }
	a.btn:hover em, a.btn.solid em, p.btn a:hover em, p.btn.solid a em { color: white }

  .admis-button-box { display: none; position: fixed; bottom: 0; left: 10px; right: 0; background-color: white; padding: 20px 0; width: 100%; z-index: 1; text-align: center; }
  .open .admis-button-box { display: block; }
  #navMain #primary ul li .mega-nav a.admis-button, #drawerNav a.admis-button {
    color: white;
    text-transform: capitalize;
    padding: 8px 12px;
    font-family: 'National Medium';
    background-color: #003c73;
    border-radius: 5px;
    max-width: 200px;
    text-align: center;
  }
  #navMain #primary ul li .mega-nav a.admis-button:hover {
    opacity: .7;
  }
  /* embedded forms overrides */
  button.default, button.default:hover { min-width: 125px; border-radius: 0; padding: 11px 26px 12px; text-transform: uppercase; font-size: .9em; font-family: 'National Medium', sans-serif; letter-spacing: -.015em; border: 1px solid #003c73; cursor: pointer }
  /* end embedded forms overrides */

  .listing .intro { margin: 10px 0 30px }
  .article-preview { margin-top: 10px; }
  .article-preview .text-box {  background: white; padding: 30px; margin: 0 15px; position: relative; top: -50px }
  .article-preview .text-box p { line-height: 1.6em; margin: 15px 0 40px; }
  .article-preview h3 { padding: 0; }
  .img-box img { margin: auto; display: block; }

  .testimonial p, .testimonial h2, footer a.btn, footer.main p { color: white; border-color: white }
  #footer-feature.testimonial>.row { min-height: 600px }
  .testimonial>.row { padding: 80px 0; }
  .testimonial .quote p { font-family: 'Ruzicka', sans-serif; font-size: 2em; line-height: 1.3em }
  .testimonial .quote p:before { content: open-quote; }
  .testimonial .quote p:after { content: close-quote; }
  .testimonial .center-style { text-align: center; }
  .testimonial .center-style p { font-family: "National Bold"; font-size: 1.3em; }
  .testimonial hr { width: 50px; border: 1px white solid; margin-top: 10px; }

  .researchSubpage .intro .bottom-text { margin-top: 60px; }
  .side-icon { position: relative; margin-top: 20px; z-index: 9 }
  .side-icon img { position: absolute; left: -115px; min-width: 150px }
	figcaption { color: #4e4e4e; font-size: .9em; padding: 18px; font-family: 'National', sans-serif; border-bottom: thin solid #02683e; background: #f7f7f7; }

  footer.main { background-color: #00693e; color: white; font-family: 'National', sans-serif; padding: 30px 0 10px }
  footer.main .column, footer.main .columns { margin-bottom: 15px }

  footer.main a:hover { color: #FEFEFE }
  footer.main img { margin-bottom: 15px }
  footer.main ul.vertical a { padding: 0; margin-bottom: 15px }
  footer.main p { font-size: 1em; line-height: 1.4em }

  footer.dartmouth { background: black; font-family: 'National', sans-serif; padding: 25px 0 }
  footer.dartmouth.tall { padding-bottom: 85px }
  footer.dartmouth img { max-width: 220px }
  footer.dartmouth p { color: #DDD; font-size: .95em; margin-bottom: 0; display: inline }
  footer i, footer a { color: #c0dcce; display: inline !important; }
  footer ul.vertical a { line-height: 2; }
  footer a:hover { border-bottom: 2px solid #c0dcce; }
  footer a.logo-link:hover { border-bottom: 0; }
  footer i { font-size: 16px; margin-right: 6px }
  .legal { text-align: left; margin-top: 10px; color: #CCC }
	.legal { font-size: .9em }
  .legal a { color: #CCC }
  .legal a:hover { text-decoration: underline; color: white }
  .copyright { display: block }


  ul.social li i { display: none }
  ul.social.icons { margin-left: -10px }
  ul.social.icons li i { display: block }
  ul.social.icons li { margin: 4px }
  ul.social.icons li a { font-size: 1.4em; margin-bottom: 0 !important; opacity: .6 }
  ul.social.icons li a:hover { opacity: 1; text-decoration: none }
  ul.social.icons li a span { text-indent: -9999px; display: inline-block; width: 0 }


  .share-links { color: white; font-size: .8em; position: fixed; bottom: 30px; z-index: 2; background: white; width: 100%; left: 16px; display: none }
  .share-links li { display: inline-block; font-size: 1.5em; margin: 10px 6.5%; }
  .share-links a[target="_blank"]:after, .degree-boxes a[target="_blank"]:after { content: '' !important; }
  .share-links a:hover { text-decoration: none; border: 0; opacity: .7; }
  .landing .share-links i { color: #003c73; }


  /* SEARCH RESULTS */
  .row.searchResults h3 { padding-bottom: 0; margin-bottom: 0; font-size: 1.1rem }
  .row.searchResults p { line-height: 1.4; font-size: 16px }
  .row.searchResults span { color: #999; font-size: .85rem }
  .row.searchResults .column { border-bottom: 1px solid #DDD; padding-top: 15px }
  .topSearch .column { margin-top: 115px }
  .topSearch .searchContainer { width: 95% }


/* -----------------------------------------
 RESPONSIVE ADJUSTMENTS
----------------------------------------- */

@media screen and (max-width: 39.9375em){
.reveal {
  top: 0 !important;
}}
@media only screen and (max-width: 40.063em) {
  .research-listing .reveal { top: 0 !important }

}

@media only screen and (min-width: 40.063em) {
  .slick-quicks .slick-slide { margin: 0 30px; }
  .insta-logoBox { display: flex; }
  p.medium-align-text-right, .medium-align-text-right { text-align: right; }
  .shade, .shade2 { height: 650px; }
  .typing-block .heading { font-size: 40px; line-height: 45px; }
  .typing-block .html-embed-2 { font-size: 40px; line-height: 40px; }
  .typing-block .w-button { font-size: 1.4em; }
  .medium-align-right { justify-content: flex-end; }
  .title-button { top: -45px; }
  body.news .back-link, body.event-detail .back-link { top: -90px; color: white; left: -35px; }
  body.news .back-link i, body.event-detail .back-link i { color: white; }
  body.news .back-link:hover, body.event-detail .back-link:hover { color: white; }
  #feature-image.default-feature-image { display: block; }
  .link-row a { font-family: 'National Medium', sans-serif !important; }
  p.instructor-in-schedule { margin: auto;}
  .share-links { position: absolute; bottom: auto; top: 20px; background: transparent; width: auto; display: block }
	body.event-detail .share-links { top: 300px }
  .share-links li { display: block; margin: 0 }
  .news .share-links, .events .share-links { top: 270px; }
	body.news .news-body .photo-with-caption-no-float { max-width: 50%; float: right; margin: 0 0 20px 40px }
  #main { padding-bottom: 60px }
  #drawerNav .content-block .columns a { font-size: inherit }

  .home #feature-image, .home #feature-image .item { height: 650px; }
  .landing #feature-image { height: 400px }

  .arrow-list li { display: block }
  .tag { margin: 10px 0 10px }
  .panel { padding: 50px; padding-bottom: 10px; }
  .article-preview .text-box { margin: 0 30px }
  .resource-links { padding: 33px 0 30px }
  .resource-links a { font-size: 1.2em }
  #main ul.tabs { overflow-x: inherit; white-space: inherit }
  #main ul.arrow-list { border-bottom: 0 }
  .arrow-list li a { margin-left: 0 }
  .arrow-list li.is-active { background: transparent }
  .arrow-list li.is-active a { margin-left: 0 }
  .arrow-list li.is-active:after { content: ""; width: 0; height: 0; border-top: 22.5px solid transparent; border-bottom: 22.5px solid transparent; border-left: 22.5px solid #ccd4d8; position: absolute; right: -22.5px; top: 0px }
  .arrow-list li.is-active:before { content: ""; width: 8000px; border: 22.5px solid #ccd4d8; position: absolute; right: 0; top: 0px; background-color: #ccd4d8; }
  .notice div { display: block }
  .notice p, .notice a.noticeButton { display: inline-block; margin-bottom: 0 }
  .schedule-listing .table-row, .schedule-listing .table-row p, p.instructor-in-schedule { font-size: .85em; line-height: 1.4em; margin-bottom: 0; }
  .schedule-table tbody td { font-size: .85em; line-height: 1.4em; }
  
  /* Mobile responsive table styles */
  @media only screen and (max-width: 40.0625em) {
    .schedule-table, .schedule-table thead, .schedule-table tbody, .schedule-table th, .schedule-table td, .schedule-table tr {
      display: block;
    }
    .schedule-table thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px;
    }
    .schedule-table tbody tr {
      border: 1px solid #ccc;
      padding: 10px;
      margin-bottom: 15px;
      border-radius: 5px;
      background: white;
    }
    .schedule-table tbody tr.table-row {
      border-bottom: 1px solid #ccc;
    }
    .schedule-table tbody td {
      border: none;
      position: relative;
      padding: 8px 0;
      text-align: left !important;
      width: 100%;
      border-bottom: 1px solid #eee;
    }
    .schedule-table tbody td:last-child {
      border-bottom: none;
    }
    .schedule-table tbody td .mobile-label {
      font-weight: bold;
      color: #143743;
      margin-right: 5px;
    }
  }
  #navMain #primary ul li a.search:hover { border-bottom: 2px solid transparent }
  h2 a.copy { float: right; position: relative; top: 2px; font-size: 18px }
  footer a:hover { color: white; text-decoration: none }
  footer.main { padding: 50px 0 30px  }
  footer.main p { font-size: .9em }
  .legal { text-align: right; margin-top: 0 }
  .copyright { display: inline }
  .side-icon img { min-width: 250px; left: -163px; }
  .profile-box .img-box { height: 200px; }
  footer ul.vertical { border-left: #3e8d6c thin solid; padding-left: 20px !important }
  .columns.subtopics { margin-top: 0 }
  .filter-group>.columns:last-of-type { margin-left: 10px; }
  .accordion-content { padding-left: 20px; padding-right: 20px;  }
  .redactor-image.image-left, .user-content figure.image:not(.image-style-align-center, .image-style-align-right) { float: left; clear: left; max-width: 35%; margin: 10px 30px 30px 0; width: auto; }
  .redactor-image.image-center, .user-content figure.image-style-align-center { clear: both; width: 100%; margin: 20px 0; }
  .redactor-image.image-right, .user-content figure.image-style-align-right { float: right; clear: right; max-width: 35%; margin: 10px 0 30px 30px; width: auto; }
  .redactor-image img, figure img { width: 100%; }

  a .link-box { height: 60px; padding-top: 0; padding-bottom: 0; }
}

@media only screen and (min-width: 50.063em) {
  .news-block.text-block .img-box, .event-detail .img-box { margin: 0 0 0 30px; max-width: 45%; float: right; }
  .news-block.text-block .img-box img, .event-detail .img-box img { max-height: 500px; }
	.intro .youtube-player { float: left; margin-right: 35px;}
	.intro .youtube-player .play { left: 200px; margin-top: 135px; }
	#modal iframe { height: 75%; }
	.intro .youtube-player { width: 500px; }
	.intro .offset-img, .intro iframe { margin-right: 30px; }
	.topSearch .searchContainer { width: 50% }
}

@media only screen and (min-width: 64.063em) {

  .intro .top-text { font-size: 1.4em; }
  .page-contents-list { border-left: thin solid #d5dadc; padding-bottom: 20px; width: 250px; padding-left: 40px; }
  .degree-box { margin-bottom: 35px }
  .home .textWithImageBlock:hover img { transform: scale(1.2); }
  .appear { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; position: relative; top: -10px; opacity: 0; }
  .home .textWithImageBlock .img-block { height: auto; }
  .typing-block .heading { font-size: 80px; line-height: 80px; }
  .typing-block .html-embed-2 { font-size: 80px; line-height: 80px; width: auto; text-align: left;}
  body.newsListing #feature-image {display: block;}
  .resource-links { text-align: center; }
  .landing .share-links i { color: white; }
  .landing .share-links { left: -40px; color: white; }
  #feature-image { height: 400px; }
  .landing #feature-image { height: 650px; }
  .shifted-up { margin-top: -125px; }
  .landing .shifted-up { margin-bottom: 50px; padding-bottom: 60px; margin-top: -250px; }
  .shifted-up-higher { margin-top: -250px; }
  body.event-detail .shifted-up, body.faculty-detail .shifted-up, body.newsListing .shifted-up, body.events .shifted-up { margin-top: -250px; }
  img.logo.headerLogo { max-width: 300px }
  .logo-shadow-separator { height: 100px; }
  .page-title span.title { padding: 10px 35px 10px 27px; }
  .page-title span.title.minisite-title { padding-left: 17px; }
  #main .offset-img, .intro .youtube-player iframe { margin-top: 10px; position: absolute; left: -200px }
  #main .offset-img { position: relative; }
  #main .offset-img-spacer { float: left; width: 271px; margin: 10px 30px; height: 333px }
  .intro .youtube-player { float: left; margin-right: -160px;}
  .mega-nav .eship a span { font-size: 1em }
  i.menu { display: none !important }
  .utility { display: flex; }
  #primary {  display: flex !important; justify-content: flex-end; align-items: flex-end; height: 100px }
  img.logo { height: auto }
  .stat-box { height: 100%; }
  .page-contents-list { margin-left: 50px; }
  .primary-nav-wrapper img.logo { margin-bottom: 7px; position: absolute; }
  .textWithImageBlock h3 { margin-top: 0; }
  .notice { position: relative; -webkit-box-shadow: 0px 0px 0px 0px black; -moz-box-shadow: 0px 0px 0px 0px black; box-shadow: 0px 0px 0px 0px black }
  footer.dartmouth.tall { padding-bottom: 25px }
  .intro .youtube-player .play { left: auto; }
  .filter-group { top: -50px; float: right }
  .degree-box .big-type p { font-size: 4.8em }
}
@media only screen and (min-width: 70em) {
  #navMain #primary>ul>li>span { font-size: 1.1em; }
}
@media only screen and (min-width: 75.9375em) {
  .degree-box .big-type p { font-size: 6em }
  .row.partial-collapse .columns, .row.partial-collapse .column { padding-left: .46875rem; padding-right: .46875rem }
  .row.partial-collapse .columns:first-child, .row.partial-collapse .column:first-child { padding-left: 0; padding-right: .9375rem; }
  .row.partial-collapse .columns:last-child, .row.partial-collapse .column:last-child { padding: 0; padding-left: .9375rem; }
}

@media only screen and (min-width: 85em) {
  .share-links { left: -40px; }
}
@media only screen and (min-width: 90em) {

  #main .info.expanded { padding: 0; margin: 0 30px; }
}
@media only screen and (max-width: 1000px) {
.slick-dots li.next-dot button:before { opacity: .25; }
}
@media (hover: none) {
  #main ul.tabs::-webkit-scrollbar { display: none }
  .fade-box.right-fade:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: -2px;
    height: 100%;
    width: 100px;
    background-image: linear-gradient(to right, rgba(255,255,255,0), white);
    z-index: 2;
    pointer-events: none;
  }
  .fade-box.left-fade:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: -2px;
    height: 100%;
    width: 100px;
    background-image: linear-gradient(to left, rgba(255,255,255,0), white);
    z-index: 2;
    pointer-events: none;
  }
}

.screen-reader-text {
  display: inline-block;
  position: absolute;
  z-index: 999;
  background: white;
  padding: 10px 15px;
  color: #003c73;
  text-decoration: none;
  font-family: 'National Medium', sans-serif;
  transform: translateY(-100%);
  transition: transform 0.3s;
  top: 0;
}

/* Add these specific focus styles */
.screen-reader-text:focus,
.screen-reader-text:focus-visible {
  transform: translateY(0%);
  outline: 2px solid #003c73;
  box-shadow: 0 0 0 2px white;
  text-decoration: underline;
}

/* Force visibility for keyboard users */
.screen-reader-text:focus-visible {
  outline: 3px solid #003c73 !important;
}

/* Ensure the skip link is the first element to receive focus */
body:focus-within .screen-reader-text:not(:focus) {
  transform: translateY(-100%);
}