@charset "UTF-8";
a { color: #00616f }
body { font-size: 4vw }
.bio > .row > .columns { padding-right: 0 }
.bio > .row .small-5.columns, .bio > .row .small-7.columns { padding-left: 0; padding-right: 0 }
h1, h2, h3, h4, h5, h6 { margin-bottom: 0 }
ul > li > ul { margin-bottom: 0 !important; padding-left: 0; padding-right: 0 }
.menu a, .menu .button { white-space: normal; line-height: 1.25 }
p, p.lead { margin: 0 }
p.lead { font-size: 4.2vw }
.global-nav { max-width: none }
a.bg-true-green.button:hover, a.bg-true-green.button:focus { color: white; background-color: #a2d683; filter:brightness(80%) }
a > .callout:hover { filter: brightness(80%) }
a:focus { outline: 2px dotted #333; text-decoration: underline }
a img:hover { filter: brightness(90%) }
a:hover { filter: brightness(99%) }
a > div.bg-white:hover { filter: brightness(90%) }
a:hover .fi-list, a:focus .fi-list { text-decoration: none; color: white }
/*KEEP bg-white css here*/
.bg-white { background-color: #fff }
/*.bg-white a:hover { color: inherit; filter: brightness(80%) !important }*/
a.dark-gray:focus, a.dark-gray:hover { color: #333; filter: brightness(80%); text-decoration: underline }
a.maroon:focus, a.maroon:hover { color: #97252B; filter: brightness(80%); text-decoration: underline }
a.white:focus, a.white:hover { color: white; filter: brightness(80%); text-decoration: underline }
.absolute { position: absolute }
.absolute.align-center { left: 50%; transform: translateX(-50%); }
.acalog-course-link { line-height: 2.5; padding-left: 1rem !important; padding-right: 1rem !important; display: inline-block; }
.acalog-course-container { padding-left: 1rem !important; padding-right: 1rem !important; }
.acalog-program-core-name { margin-top: 2rem; }
.acalog-program-description { display: none; }
.acalog-course-title { font-size: 1.5rem; font-weight: normal; text-transform: none; padding-top: 1rem; }
/* Hide location with display:none until Acalog fixes their bug */
.acalog-course-location { display: none; font-size: 1.125rem; font-weight: normal; text-transform: none; }
.acalog-course-body { padding-bottom: 1rem; }
.acalog-close { padding-left: 10px !important; padding-right: 10px !important; margin-right: -17px !important;}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after { border-color: #333 transparent transparent }
.accordion-menu .bg-light-gray .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after { border-color: #333 transparent transparent }
.arial { font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; }
#articleBody h3 { padding-top: 3rem }
#articleBody p { padding-bottom: 1rem }
#articleBody p:last-child { padding-bottom: 6rem }
.b { font-weight: bold }
.b-bottom-solid { border-bottom-style: solid }
.b-top-solid { border-top-style: solid }
.b-bottom-black { border-bottom-color: #000 }
.b-bottom-gray { border-bottom-color: #CCC }
.b-bottom-white { border-bottom-color: #FFF }
.b-top-white { border-top-color: #FFF }
.b-black-1 { border: 1px solid black }
.b-gray-1 { border: 1px solid #CCC }
.b-light-gray-1 { border: 1px solid #EEE }
.b-gold-1 { border: 1px solid #F3CD00 }
.b-bottom-black-1 { border-bottom: 1px solid black !important}
.b-bottom-gray-1 { border-bottom: 1px solid #CCC !important}
.b-bottom-1 { border-bottom-width: 1px }
.b-left-gray-1-dash { border-left: 1px dashed #CCC }
.b-left-gray-1 { border-left: 1px solid #CCC }
.b-left-none { border-left: none !important }
.b-none { border: none }
.b-radius-none { border-radius: 0 !important}
.b-right-gray-1 { border-right: 1px solid #CCC }
.b-right-gray-1-medium { border-right: none }
.b-top-solid { border-top-style: solid }
.b-top-gray { border-top-color: #CCC }
.b-top-1 { border-top-width: 1px }
.b-renew-blue-1 { border-right: 1px solid #70B1C8 }
.b-right-none { border-right: none !important }
.b-top-black-1 { border-top: 1px solid black !important }
.b-top-gray-1 { border-top: 1px solid #CCC }
.b-top-white-1 { border-top: 1px solid white }
.banner figcaption h2 { font-size: 1.67em }
#bannerWrapper { padding-bottom: 35.694444% }
#bC a:hover { text-decoration: underline }
.bg-black { background-color: rgb(0,0,0) }
.bg-black-05 { background-color: rgb(0,0,0); background-color: rgba(0, 0, 0, .05) }
.bg-black-20 { background-color: rgb(0,0,0); background-color: rgba(0, 0, 0, .2) }
.bg-black-70 { background-color: rgb(0,0,0); background-color: rgba(0, 0, 0, .7) }
.bg-black-80 { background-color: rgb(0,0,0); background-color: rgba(0, 0, 0, .8) }
.bg-black.button:hover { background-color: black !important }
.bg-black-fade { background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.75)) }
.bg-dark-gray { background-color: #333 }
.bg-dark-gray a { color: rgb(243,205,0); color: rgba(243,205,0,1) }
.bg-dark-gray a:hover { color: rgb(243,205,0); color: rgba(243,205,0,1) }
.bg-gold { background-color: #F3CD00 }
.bg-gold-20 { background-color: rgb(232, 204, 22); background-color: rgba(232, 204, 22, .2) }
.bg-gold.button:hover { background-color: #F3CD00; filter: brightness(80%); color: white }
.bg-mid-gray {background-color: #555 }
.bg-light-gray { background-color: #EEE }
.bg-light-gray.is-submenu-item a { color: #000 !important }
.bg-light-gray.is-submenu-item a:hover { color: #000 !important; filter: brightness(80%) !important }
.bg-maroon { background-color: #97252B }
.bg-maroon a { color: white !important }
.bg-maroon a:hover { color: white !important; filter: brightness(80%) !important }
.bg-maroon-10 { background-color: rgb(151, 37, 43); background-color: rgba(151, 37, 43, .1) }
.bg-maroon-20 { background-color: rgb(151, 37, 43); background-color: rgba(151, 37, 43, .2) }
.bg-maroon-30 { background-color: rgb(151, 37, 43); background-color: rgba(151, 37, 43, .3) }
.bg-maroon-60 { background-color: rgb(151, 37, 43); background-color: rgba(151, 37, 43, .6) }
.bg-maroon-80 { background-color: rgb(151, 37, 43); background-color: rgba(151, 37, 43, .8) }
.bg-near-black { background-color: #111 }
.bg-renew-blue { background-color: #71B1C8 }
.bg-renew-blue-20 { background-color: rgb(113, 177, 200); background-color: rgba(113, 177, 200, .2) }
.bg-renew-blue-33 { background-color: rgb(113, 177, 200); background-color: rgba(113, 177, 200, .333) }
.bg-renew-blue-50 { background-color: rgb(113, 177, 200); background-color: rgba(113, 177, 200, .5) }
.bg-renew-blue-80 { background-color: rgb(113, 177, 200); background-color: rgba(113, 177, 200, .8) }
.bg-transparent { background-color: transparent }
.bg-true-green { background-color: #A2D683 }
.bg-true-green.button:hover { background-color: #A2D683; filter: brightness(80%); color: white }
.bg-true-green-80 { background-color: rgb(162, 214, 131); background-color: rgba(162, 214, 131, .8) }
.bio { padding: 20px 0; border-bottom: 1px solid #ddd }
.black { color: #000 }
.black-30 { color: rgb(0, 0, 0); color: rgba(0, 0, 0, .3) }
.black-fade { background-image: linear-gradient(to top, rgba(0,0,0,.6), rgba(0,0,0,0)) }
.border-none { border: none !important }
.bottom { width: 100%; margin: auto; position: absolute; top: 66%; left: 0 }
.bottom h1 { margin-top: -2rem }
.bottom-0 { bottom: 0 }
#buckets > div > p > a:hover { color: white; text-decoration: underline }
.buffer-top-medium { padding-top: 4.9rem }
.button-reset::-moz-focus-inner, .input-reset::-moz-focus-inner, .reveal { padding: 0; border: none }
button.submenu-toggle { height: 100% !important }
.button:hover { text-decoration: none !important }
.button:focus { text-decoration: none !important; filter: brightness(80%); outline: 2px dotted #333; background-color: #E8CC16 }
.br1 { border-radius: .125rem }
.b22 { border-radius: .25rem }
#callOuts > .g-c-2-medium {
  grid-column-gap: 0;
  column-gap: 0;
  padding-left: 0 !important;
  padding-right: 0 !important
}
#callOuts > .g-c-2-medium > .pa6 { padding: 3rem }
.callout { height: auto; margin: 0 }
.callout.secondary { margin-bottom: 1.5em }
.callout-left { padding: 1rem 1rem 1rem 3rem }
.callout-right { padding: 3rem 1rem 1rem 1rem }
.callout-padding{ padding: 3rem }
.clear { clear: both }
.cover { background-size: cover }
#crumb { margin-bottom: 2.25em }
.cursor:hover { cursor: pointer }
.dark-gray { color: #333 }
.db { display: block }
#degreeBoxes > div > p > a:hover { color: black; text-decoration: none }
#degreeBoxes > div > h3 > a:hover { color: maroon }
#degreeBoxes { padding-left: 0; padding-right: 0 }
.dib { display: inline-block }
.dig { display: inline-grid }
.dn { display: none }
div [itemscope]:hover { background-color: transparent }
div [class*="-right-button"] { grid-column: 16 / 17; grid-row: 1; align-self: center; justify-self: center }
div [id*="galleryModal"] { display: grid; grid-template-columns: repeat(16, 1fr) }
div [id*="galeryModal"]:active { outline: none }
div [class*="galleryModal"]:hover { background-color: transparent }
div .wrapper:hover, div .modal-content:hover { background-color: transparent }
.divider { height: .5rem }
.divider-dotted { border-style: dotted; border-width: 2px 0 0 0 }
.divider-left-black, .divider-right-black { border-color: rgba(0, 0, 0, 1) }
.divider-left-dark, .divider-right-dark { border-color: rgb(0, 0, 0); border-color: rgba(0, 0, 0, .3) }
.divider-left-light, .divider-right-light { border-color: rgb(0, 0, 0); border-color: rgba(255, 255, 255, .8) }
.divider-left-true-green, .divider-right-true-green { border-color: #A2D683 }
.divider-left-white, .divider-right-white { border-color: #FFF }
.divider-solid { border-style: solid; border-width: 1px 0 0 0 }
.divider-text { transform: translateY(-30%); width: 1% }
.dotmatrix { background-image: url(/dotAsset/e84754e9-3153-493d-a35c-a44561e1661d.png); background-repeat: repeat; position: absolute; top: 0; height: 100% }
/*.dotmatrix h1 { font-size: 5rem }*/
.dt { display: table }
.dt-row { display: table-row }
.dtc { display: table-cell }
.f-6 { font-size: 6rem }
.f-5 { font-size: 5rem }
.f-headline { font-size: 3.75rem }
.f-subheading { font-size: 6vw }
.f-subheading-wrap { font-size: 5.425vw }
.f1 { font-size: 5.238vw }
.f1-wrap { font-size: 4.538vw }
.f2 { font-size: 2rem }
.f3 { font-size: 1.5rem }
.f4 { font-size: 3.5vw }
.f5 { font-size: 3vw }
.f6 { font-size: .875rem }
.f7 {font-size: .75rem }
.filterType { font-size: small }
.fixed { position: fixed }
.fjalla { font-family: "Fjalla One","FjallaOne-Regular","Helvetica Neue Condensed","HelveticaNeueCondensed","HelveticaNeue-Condensed","Helvetica Neue Condensed","HelveticaNeueRomanCondensed","Helvetica Condensed","Arial Narrow","Helvetica Neue",Helvetica,Arial,sans-serif; }
footer .no-bullet { line-height: 48px }
footer .no-bullet > li > a { height: 48px; min-width: 48px }
.fs-normal { font-style: normal }
.fw2 { font-weight: 200 }
.fw4 { font-weight: 400 }
.fw6 { font-weight: 600 }
.fw9 { font-weight: 900 }
.gallery-wrapper-3, .gallery-wrapper-4 { display: grid; justify-items: center; grid-template-columns: 1fr }
.gallery-wrapper-3:hover, .gallery-wrapper-4:hover { background-color: transparent }
#global-tools > div > ul > li > a { height: 48px; min-width: 48px; position: relative; top: 6px }
#global-tools li[role="menuitem"] a:hover { color: #F3CD00 }
.gold { color: #F3CD00 }
.gray { color: #AAA }
.grid-gap3 { grid-gap: 1rem }
.grid-gap4 { grid-gap: 2rem }
.h-100 { height: 100% }
.h-auto { height: auto }
.hamburger-area:hover .hamburger-page:before { color: white }
.hamburger-page:after { display: none; visibility: hidden }
.hamburger-reset:before { transition: all 300ms; transform: rotate(0deg) }
.hamburger-rotate:before { transition: all 300ms; transform: rotate(90deg) }
h1.acalog-program-name { display: none }
.h3 { height: 4rem }
.h4 { height: 8rem }
.hide { display: none; visibility: hidden }
#home-play-button { font-size: 1.75vw }
.img-center { display: block; margin: 0 auto }
.img-small { filter: blur(50px); transform: scale(1) }
input::-webkit-calendar-picker-indicator { opacity: 100 !important }
.is-accordion-submenu-item { border: none }
.is-accordion-submenu-parent button { background-color: transparent }
.is-accordion-submenu-item button { background-color: transparent }
.is-submenu-item .submenu-toggle::after { border-color: #58595b transparent transparent }
.items-center { align-items: center }
.justify-center { justify-content: center }
.large-up { display: none; visibility: hidden}
.lead { font-family: Arial,"Helvetica Neue",Helvetica,sans-serif }
.left-0 { left: 0 }
.lh-copy { line-height: 1.5rem }
.lh-list { line-height: 2.5rem }
.lh-title { line-height: 1.25 }
#introText p { padding-right: 1rem }
li > a { white-space: normal }
.light-gray { color: #EEE }
.list { list-style-type: none }
.list div.mb4:hover { filter:brightness(96%) }
.list [itemscope]:last-child { border: none }
.lst-news a { width: 100%; padding-bottom: .95rem; border-bottom: 1px solid #ddd }
.lst-news a:hover { background-color: #fff; text-decoration: none }
.lst-news h5 { color: #0093a8 }
.lst-news h5:hover { color: #007686 }
.long-title { margin-top: -3rem; line-height: normal }
.bottom h1.long-title { margin-top: -3rem; line-height: normal }
.ma0 { margin: 0 }
.ma3 { margin: 1rem }
.ma4 { margin: 2rem }
.ma5 { margin: 4rem }
.maroon { color: #97252B !important }
.mb0 { margin-bottom: 0 }
.mb1 { margin-bottom: .25rem }
.mb2 { margin-bottom: .5rem }
.mb3 { margin-bottom: 1rem }
.mb4 { margin-bottom: 2rem }
.mb5 { margin-bottom: 4rem }
.mb6 { margin-bottom: 6rem }
.medium-up { display: none; visibility: hidden }
.medium-only { display: none; visibility: hidden }
.medium-down { display: block; visibility: visible }
.menu { flex-wrap: wrap; flex-direction: row }
.menu.nested li ul li { padding-left: .67em }
.mid-gray { color: #555 }
.ml-auto { margin-left: auto }
.ml0 { margin-left: 0 }
.ml1 { margin-left: .25rem }
.ml2 { margin-left: .5rem }
.ml3 { margin-left: 1rem }
.ml4 { margin-left: 2rem }
.ml5 { margin-left: 4rem }
.ml6 { margin-left: 8rem }
.ml7 { margin-left: 16rem }
.mr-auto { margin-right: auto }
.mr0 { margin-right: 1rem }
.mr2 { margin-right: .5rem }
.mr3 { margin-right: 1rem }
.mr4 { margin-right: 2rem }
.mr5 { margin-right: 4rem }
.mr6 { margin-right: 8rem }
.mr7 { margin-right: 16rem }
.mt0 { margin-top: 0 }
.mt2 { margin-top: .5rem }
.mt3 { margin-top: 1rem }
.mt4 { margin-top: 2rem }
.mt5 { margin-top: 4rem }
.mt6 { margin-top: 6rem }
.mt7 { margin-top: 16rem }
.mw-none { max-width: none }
#nav-desktop .is-accordion-submenu { background-color: #FFF }
.nb1 { margin-bottom: -1rem }
.near-black { color: #111 }
.nested-headline-line-height h1, .nested-headline-line-height h2, .nested-headline-line-height h3, .nested-headline-line-height h4, .nested-headline-line-height h5, .nested-headline-line-height h6 { line-height: 1.25 }
#newsWrapper { padding-left: 3rem; padding-right: 3rem }
.news-title { margin-top: 3.5rem }
.nl2 { margin-left: -.5rem }
.nl3 { margin-left: -1rem }
.nl4 { margin-left: -2rem }
.no-bullets { list-style-type: none }
.no-divider { margin-top: 6em }
.no-underline { text-decoration: none }
.normal { font-weight: normal }
.nowrap { white-space: nowrap }
.nr4 { margin-right: -2rem }
.nt1 { margin-top: -.25rem }
.nt2 { margin-top: -.5rem }
.nt3 { margin-top: -1rem }
.nt4 { margin-top: -2rem }
.nt5 { margin-top: -3.941406rem }
.nt6 { margin-top: -9rem }
.nt7 { margin-top: -16rem }
.o-gray-1 { outline: 1px solid #CCC }
.o-0 { opacity: 0 }
.o-70 { opacity: .7 }
.o-100 { opacity: 1 }
#officeSubhead span:before, #officeSubhead span:after { border-bottom: 1px solid white !important }
.orbit-next { right: .25% }
.orbit-next, .orbit-previous { height: 96px; width: 48px}
.orbit-previous { left: .25% }
.outline { outline: 1px solid }
.outline-dark-gray { outline-color: #333 }
.overflow-hidden { overflow: hidden }
.overflow-scroll { overflow: scroll }
.overflow-x-hidden { overflow-x: hidden }
.overflow-y-hidden { overflow-y: hidden }
.owl-dot span { background: rgb(243,205,0) !important; width: 16px !important; height: 16px !important }
.owl-dot.active span { background: rgb(0,0,0) !important }
.owl-dots { padding-top: 1.9rem }
p { padding-bottom: 1.5rem }
.pa0 { padding: 0 }
.pa1 { padding: .25rem }
.pa2 { padding: .5rem }
.pa3 { padding: 1rem }
.pa4 { padding: 2rem }
.pa5 { padding: 4rem }
.pa6 { padding: 8rem }
.pa7 { padding: 16rem }
.pagination .current { padding: 0; background-color: #EEE }
.pagination a:hover, .pagination a:focus { background-color: #EEE }
#pauseButton { bottom: 58px }
.pb0 { padding-bottom: 0 }
.pb1 { padding-bottom: .25rem }
.pb2 { padding-bottom: .5rem }
.pb3 { padding-bottom: 1.75rem }
.pb4 { padding-bottom: 2rem }
.pb5 { padding-bottom: 4rem }
.pb6 { padding-bottom: 2rem }
.pb7 { padding-bottom: 16rem }
#photoWrapper { padding-bottom: 35.51% }
.pl0 { padding-left: 0 !important }
.pl1 { padding-left: .25rem }
.pl2 { padding-left: 2rem }
.pl3 { padding-left: 1rem }
.pl4 { padding-left: 2rem }
.pl5 { padding-left: 4rem }
.pl6 { padding-left: 2rem }
.pl7 { padding-left: 2rem }
.placeholder { background-repeat: no-repeat }
.placeholder img { -o-transition: opacity 1s linear; -moz-transition: opacity 1s linear; -webkit-transition: opacity 1s linear; transition: opacity 1s linear }
.placeholder .loaded { opacity: 1 }
#playLink:hover .icon, #playLink:focus .icon { text-decoration: none }
.play-video span.icon { font-size: 4.25rem }
.pointer { cursor: pointer }
.pr0 { padding-right: 0 !important }
.pr1 { padding-right: .25rem }
.pr2 { padding-right: 2rem }
.pr3 { padding-right: 1rem }
.pr4 { padding-right: 2rem }
.pr5 { padding-right: 4rem }
.pr6 { padding-right: 2rem }
.pr7 { padding-right: 2rem }
.pt1 { padding-top: .25rem }
.pt2 { padding-top: .5rem }
.pt3 { padding-top: 1.75rem }
.pt4 { padding-top: 2rem }
.pt5 { padding-top: 4rem }
.pt6 { padding-top: 2rem }
.pt7 { padding-top: 16rem }
.p-widescreen { padding-bottom: 56.25% }
#playLink:hover { color: rgb(243, 205, 0); color: rgba(243, 205, 0, 1) }
#playLink:focus { color: rgb(243, 205, 0); color: rgba(243, 205, 0, 1); filter: brightness(80%) }
.relative { position: relative }
.renew-blue { color: #71B1C8 }
.reveal { display: block !important }
.reveal figcaption button:hover { background-color: #555; filter: brightness(80%) }
.shadow-1 { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ) }
.showmore { overflow: hidden }
.showmorefaq [data-readmore] { transition: height 500ms }
.side-nav { border: 1px solid #ddd }
.side-nav-heading::after { display:none !important }
.side-nav-heading:hover, .side-nav-heading:focus {background-color: #97252B; color: white; text-decoration: none }
.small-only { display: block; visibility: visible }
.stacked-list { list-style-type: none; margin-left: 0; margin-top: 2rem }
.stacked-list a { text-decoration: none }
.stacked-list > li { margin-bottom: 1rem; padding-top: 0; padding-bottom: 1rem; padding-left: 0; border-bottom: 1px solid #AAA }
.stacked-list > li:hover { background-color: #eee !important; text-decoration: none !important }
.stacked-list > li:hover img { filter: brightness(80%) }
.stacked-list > li:hover h5 { text-decoration: none !important }
.stacked-list h3 { color: #97252B }
.stacked-list h5 { color: #97252B }
.stacked-list > li > a:hover > p { color: #000 }
#stickyNav { height: 60px }
#stickyNav .shadow-1 { box-shadow: 0 0 0 0 #FFF }
#stickyNav p { padding-bottom: .5rem }
.submenu { font-size: 16px }
svg.icon { width: 36px }
svg.icon.maroon > .a { fill: #97252B }
svg.icon.white > .a { fill: #FFF }
.grayNav { max-height: 75vh; overflow-y: scroll }
.tabs { margin-left: -1px }
.tabs-title { border-left: 1px solid #CCC; border-top: 1px solid #CCC; z-index: 2 }
.tabs-title::after { border-right: 1px solid #CCC }
.tabs-title:hover { filter: brightness(80%) }
.tabs-content { border: 1px solid #CCC; margin-top: -1px}
.tabs .tabs-title:last-child { border-right: 1px solid #CCC }
.tabs-title>a[aria-selected="true"] { background-color: white; color: #111; box-shadow: 0 1px 0 0 white }
.tabs-title>a[aria-selected="false"] { background-color: #EEE; color: #333 }
.tc { text-align: center }
.tl { text-align: left }
.top-0 { top: 0 }
.tr { text-align: right }
.tracked { letter-spacing: .1em }
.true-green { color: #A2D683 }
.ttc { text-transform: capitalize }
.ttn { text-transform: none }
.ttu { text-transform: uppercase }
.ts-10-70 { text-shadow: 0 0 10px rgba(0, 0, 0, .7) }
.ts-10-80 { text-shadow: 0 0 10px rgba(0, 0, 0, .8) }
.underline { text-decoration: underline }
.v-mid { vertical-align: middle; align-self: center }
.v-sub { vertical-align: sub }
video.absolute { margin-top: 5.03rem }
.videoWrapper { padding-bottom: 53.25% }
#videoWrapper { padding-bottom: 50% }
#videoWrapperMobile { padding-bottom: 56.25% }
#videoWrapper video { width: initial }
.w-auto { width: auto }
.w-15 { width: 43%; margin-right: 1rem; float: left }
.w-22 { width: 100% }
.w-25 { width: 100% }
.w-33 { width: 100% }
.w-67 { width: 66.667% }
.w-75 { padding-left: 1rem; padding-right: 1rem }
.w-80 { width: 80% }
.w-90 { width: 90% }
.w-100 { width: 100% }
.w-third { width: calc( 100% / 3) }
.w-two-thirds { width: calc( 100% / 1.5) }
.white { color: #fff }
.white-90 { color: rgb(255, 255, 255); color: rgba(255, 255, 255, .9) }
.white-80 { color: rgb(255, 255, 255); color: rgba(255, 255, 255, .8) }
#wrapper > .f-subheading { font-size: 1.75rem }
.xlong-title { margin-top: -4.25rem; line-height: normal }
.bottom h1.xlong-title { margin-top: -4.25rem; line-height: normal }
.z--1 { z-index: -1 }
.z-0 { z-index: 0 }
.z-1 { z-index: 1 }
.z-5 { z-index: 5 }
.z-11 { z-index: 11 }
.z-12 { z-index: 12 }
.z-15 { z-index: 15 }
.z-995 { z-index: 995 }
.z-996 { z-index: 996 }
.z-997 { z-index: 997 }
.z-998 { z-index: 998 }
.z-999 { z-index: 999 }
.z--999 { z-index: -999 }
/*Small only*/
@media screen and (max-width: 39.9375em) {
.small-first { grid-column: 1; grid-row: 1 }
.medium-first { grid-column: 1; grid-row: 1 }
.switch { grid-row: 2}
}
/*Medium only*/
@media screen and (min-width: 40em) and (max-width: 63.999em) {
.bottom { width: 100%; margin: auto; position: absolute; top: 67%; left: 0 }
#callOuts > .g-c-2-medium > .pa6 { padding: 4rem }
.ctas { font-size: 1.726vw }
.f-headline { font-size: 4.875rem }
.f-subheading { font-size: 4.51vw }
.f-subheading-wrap { font-size: 4.3vw }
.f2 { font-size: 1.5rem }
.f4 { font-size: 2.125vw }
.gallery-wrapper-3 { grid-template-columns: 1fr 1fr }
.gallery-wrapper-4 { grid-template-columns: 1fr 1fr }
.long-title { margin-top: -1rem }
.bottom h1.long-title { margin-top: -1rem }
.medium-first { grid-column: 1; grid-row: 1 }
.news-title { margin-top: 1.75rem }
.nt6 { margin-bottom: -10.5rem }
.nt7 { margin-top: -15rem }
#pauseButton { bottom: 24px }
.pb2 { padding-bottom: 1.25rem }
.pb3 { padding-bottom: 2.5rem }
.pb5 { padding-bottom: 10rem }
.pl0 { padding-left: 0 !important}
.pl1 { padding-left: .5rem }
.pl4 { padding-left: 4rem }
.pl7 { padding-left: 9rem }
.pr0 { padding-right: 0 !important }
.pr4 { padding-right: 4rem }
.pr7 { padding-right: 9rem }
.pt2 { padding-top: 1.25rem }
.pt3 { padding-top: 2.5rem }
.pt4 { padding-top: 5rem }
.pt5 { padding-top: 10rem }
.switch { grid-row: 2}
.xlong-title { margin-top: -1.75rem }
.button h1.xlong-title { margin-top: -1.75rem }
}
/* Medium and up */
@media only screen and (min-width: 40em) {
body { font-size: 2vw }
.b-right-gray-1-medium { border-right: 1px solid #CCC }
.bottom h1 { margin-top: 0 }
.callout-left { padding: 2rem 3rem 3rem 4rem }
.callout-right { padding: 4rem 3rem 3rem 2rem }
.callout-padding{ padding: 4rem }
.f5 { font-size: 2vw }
h1, h2, h3, h4, h5, h6 { line-height: 1.4 }
h1 { font-size: 2.75rem }
h2 { font-size: 2.3125rem }
h3 { font-size: 1.6875rem }
h4 { font-size: 1.4375rem }
#home-play-button { font-size: 1vw }
.mb6 { margin-bottom: 8rem }
.medium-up { display: block; visibility: visible }
.medium-only { display: block; visibility: visible }
.mt3 { margin-top: 2rem }
.mt6 { margin-top: 8rem }
#newsWrapper { padding-left: 0; padding-right: 0 }
#newsWrapper { margin-left: 8rem; margin-right: 8rem }
#newsWrapper > .f-subheading { font-size: 2.75em }
p.lead { font-size: 2.1vw }
.pb6 { padding-bottom: 5rem }
.pl6 { padding-left: 5rem }
.pr6 { padding-right: 5rem }
.pt6 { padding-top: 5rem }
.pt-15 { padding-top: 15% }
.pt-20 { padding-top: 20% }
.pt-25 { padding-top: 25% }
.small-only { display: none; visibility: hidden }
.stacked-list > li { padding-left: 1rem; padding-top: 1rem }
svg.icon { width: 40px }
#top-level #header { display: contents !important }
#top-level #header .columns.medium-2 { z-index: 1 }
video.absolute { margin-top: 0 }
.w-33 { width: 50% }
#wrapper > .f-subheading { font-size: 2.75em }
}
/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.99em) {
a[href*="offcanvas-reveal"] { font-size: 2.125vw }
body { font-size: 1.67vw }
#degrees { padding-left: 0; padding-right: 0 }
#global-tools .tracked { letter-spacing: .47806613147px }
.mt5 { margin-top: 3rem; }
p.lead { font-size: 1.77vw }
.pl7 { padding-left: 8rem }
.pr7 { padding-right: 8rem }
#top-level #header .menu-item { letter-spacing: .34694446px }
#top-level #header .is-dropdown-submenu { min-width: 236px }
}
/* Large and up */
@media screen and (min-width: 64em) {
.bottom { width: 100%; margin: auto; position: absolute; top: 68%; left: 0 }
#callOuts > .g-c-2-medium > .pa6 { padding: 8rem }
.callout-left { padding: 7rem 7rem 3.5rem 7rem }
.callout-right { padding: 7rem 3.5rem 7rem 7rem }
.f-6 { font-size: 5rem }
.f-5 { font-size: 4rem }
.f-headline { font-size: 6rem }
.f-subheading { font-size: 4.25vw }
.f-subheading-wrap { font-size: 4.3vw }
.f1 { font-size: 3rem }
.f1-wrap { font-size: 2.3vw }
.f2 { font-size: 2rem }
.f3 { font-size: 1.5rem }
.f4 { font-size: 1.125rem }
.f5 { font-size: 1rem }
.f6 { font-size: .875rem }
.f7 {font-size: .844rem }
.gallery-wrapper-3 { grid-template-columns: 1fr 1fr 1fr }
.gallery-wrapper-4 { grid-template-columns: 1fr 1fr 1fr 1fr }
#home-play-button { font-size: .84vw }
.large-up { display: block; visibility: visible }
.long-title { margin-top: -1.75rem }
.bottom h1.long-title { margin-top: -1.75rem }
.mb2 { margin-bottom: 2rem }
.mb3 { margin-bottom: 4rem }
.mb4 { margin-bottom: 8rem }
.medium-down { display: none; visibility: hidden }
.medium-only { display: none; visibility: hidden }
.news-title { margin-top: 0 }
.nt1 { margin-top: -2rem }
.nt6 { margin-top: -12rem }
.nt7 { margin-top: -14rem }
.pa3 { padding: 2rem !important }
.pa4 { padding: 4rem !important }
.pb1 { padding-bottom: 1rem }
.pb2 { padding-bottom: 1.7rem }
.pb3 { padding-bottom: 4rem }
.pb4 { padding-bottom: 8rem }
.pb5 { padding-bottom: 16rem }
.pb6 { padding-bottom: 8rem }
.pl0 { padding-left: 0 !important }
.pl1 { padding-left: 1rem }
.pl3 { padding-left: 4rem }
.pl4 { padding-left: 8rem }
.pl6 { padding-left: 8rem }
.pr0 {padding-right: 0 !important}
.pr2 { padding-right: 2rem }
.pr3 { padding-right: 4rem }
.pr4 { padding-right: 8rem }
.pr6 { padding-right: 8rem }
.pt1 { padding-top: 1rem }
.pt2 { padding-top: 1.7rem !important }
.pt3 { padding-top: 4rem }
.pt4 { padding-top: 8rem }
.pt5 { padding-top: 16rem }
.pt6 { padding-top: 8rem }
.w-15 { width: 15% }
.w-22 { width: 22% }
.w-25 { width: 25% }
.w-75 { width: 75% }
.xlarge-text { font-size: 4.25rem }
.xlong-title { margin-top: -1rem }
.button h1.x-long-title { margin-top: -1rem }
}
/*xLarge and up*/
@media screen and (min-width: 75em) {
body { font-size: 1.5vw }
#callOuts > .g-c-2-medium > .pa6 { padding: 9rem }
.callout-left { padding: 9rem 9rem 4.5rem 9rem }
.callout-right { padding: 9rem 4.5rem 9rem 9rem }
.callout-padding{ padding: 6rem }
.long-title { margin-top: 0 }
.button h1.long-title { margin-top: 0 }
p.lead { font-size: 1.6vw }
.pl7 { padding-left: 16rem }
.pr7 { padding-right: 16rem }
#home-play-button { font-size: .69vw }
.w-33 { width: 33.333% }
}
/*xxLarge only*/
@media screen and (min-width: 90em) and (max-width: 119.99em) {
body { font-size: 1.2vw }
p.lead { font-size: 1.3vw }
#home-play-button { font-size: .58vw }
}
/*xxxlarge only*/
@media screen and (min-width: 120em) {
#callOuts > .g-c-2-medium > .pa6 { padding: 12rem }    
.callout-left { padding: 12rem 12rem 6rem 12rem }
.callout-right { padding: 12rem 6rem 12rem 12rem }
#home-play-button { font-size: .47vw }
}
/*Grids*/
#stickyNav { grid-template-columns: 63.585823% 27.658096% 8.825573% }
/*#bannerImage { background-image: url("https://calvin.edu/academics/testnewdev/chem/images/new-chem-banner.jpg"); background-size: cover }*/
.g { display: grid }
.g-align-bottom { align-items: end }
.g-align-center { align-items: center }
.g-align-top { align-items: start }
.g-c-1 { grid-template-columns: auto }
.g-c-1-2 { grid-template-columns: auto auto }
.g-c-1-6 { grid-template-columns: 1fr }
.bio > .g-c-1-2 { grid-template-columns: 1fr 4fr; font-size: 1rem }
.g-c-1-2-medium { grid-template-columns: repeat(auto-fit, minmax(214px, 1fr)) }
.g-c-2 { grid-template-columns: 1fr; padding-right: 1rem; padding-left: 1rem }
#advisor.g-c-2 { grid-template-columns: auto auto; padding-right: 0; padding-left: 0 }
#mobileCTAs.g-c-2 { grid-template-columns: 1fr 1fr; padding-right: 1rem; padding-left: 1rem }
.g-c-2-medium { padding-left: 1rem; padding-right: 1rem }
.g-c-2-medium > .b-right-gray-1 { border: none }
.g-c-2-1 { grid-template-columns: 1fr }
/*.g-c-2-1-medium { grid-template-columns: repeat(auto-fit, minmax(246px, 1fr)) }*/
.g-c-2-1-medium { grid-template-columns: auto }
.g-c-3 { grid-template-columns: 1fr}
.g-c-3-medium { grid-template-columns: repeat(auto-fit, minmax(243px, 1fr)) }
.g-c-3-medium > .item:nth-child(1), .g-c-3-medium > .item:nth-child(2) { margin-bottom: 1rem }
.g-c-3-medium > .g-item:nth-child(1), .g-c-3-medium > .g-item:nth-child(2) { margin-bottom: 1rem }
.g-c-4 { grid-template-columns: auto auto auto auto }
.g-c-4-medium { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) }
.g-c-4-medium > .item:nth-child(1), .g-c-4-medium > .item:nth-child(2) { margin-bottom: 1rem }
.g-c-4-medium > .g-item:nth-child(1), .g-c-4-medium > .g-item:nth-child(2) { margin-bottom: 1rem }
.g-c-5 { grid-template-columns: 1fr 1fr 1fr }
.g-c-6 { grid-template-columns: 1fr 1fr 1fr }
.g-colgap-1 { grid-column-gap: 1px; column-gap: 1px }
.g-colgap-8 { grid-column-gap: 8px; column-gap: 8px }
.g-colgap-16 { grid-column-gap: 16px; column-gap: 16px }
.g-colgap-32 { grid-column-gap: 32px; column-gap: 32px }
.g-colgap-64 { grid-column-gap: 16px; column-gap: 16px }
.g-colgap-128 { grid-column-gap: 16px; column-gap: 16px }
.g-r-1 { grid-template-rows: auto }
.g-r-2 { grid-template-rows: auto auto }
.g-r-2-medium { grid-template-rows: auto 1fr }
.g-r-3 { grid-template-rows: auto auto auto }
.g-r-3 { grid-template-rows: auto auto auto auto auto }
.g-r-6 { grid-template-rows: repeat(6, auto) }
.g-r-7 { grid-template-rows: repeat(7, auto) }
.g-r-10 { grid-template-rows: repeat(10, auto) }
.g-rowgap-1 { grid-row-gap: 1px; row-gap: 1px }
.g-rowgap-8 { grid-row-gap: 8px; row-gap: 8px }
.g-rowgap-16 { grid-row-gap: 16px; row-gap: 16px }
.g-rowgap-32 { grid-row-gap: 32px; row-gap: 32px }
.g-rowgap-64 { grid-row-gap: 64px; row-gap: 64px }
.g-rowgap-128 { grid-row-gap: 16px; row-gap: 16px }
.g-rowgap-256 { grid-row-gap: 256px; row-gap: 256px }
@media screen and (min-width: 40em) and (max-width: 63.99em) {
#stickyNav .g-c-1-2 { grid-template-columns: 10% 90% }
}
@media screen and (min-width: 40em) {
.g-c-1-2-medium { grid-template-columns: 1fr 2fr }
.g-c-1-6 { grid-template-columns: 1fr 6fr }
.bio > .g-c-1-2 { grid-template-columns: 1fr 6fr; font-size: 1rem }
.g-c-2 { grid-template-columns: 1fr 1fr; padding-right: 1rem; padding-left: 1rem }
#advisor.g-c-2 { grid-template-columns: 1fr 1fr; padding-right: 1rem; padding-left: 1rem }
.g-c-2-1 { grid-template-columns: 1fr }
.g-c-2-medium { grid-template-columns: 1fr 1fr; grid-column-gap: 32px; column-gap: 32px; padding-left: 1rem; padding-right: 1rem }
.g-c-2-1-medium { grid-template-columns: 1fr }
.g-c-2-medium > .b-right-gray-1 { border-right: 1px solid #CCC }
.g-c-3 { grid-template-columns: 1fr 1fr }
.g-c-3-medium { grid-template-columns: repeat(auto-fit, minmax(227px, 1fr)) }
.g-c-3-medium > .item:nth-child(1), .g-c-3-medium > .item:nth-child(2) { margin-bottom: 0 }
.g-c-3-medium > .g-item:nth-child(1), .g-c-3-medium > .g-item:nth-child(2) { margin-bottom: 0 }
.g-c-5 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr }
.g-colgap-128 { grid-column-gap: 64px; column-gap: 64px }
.g-rowgap-128 { grid-row-gap: 64px; row-gap: 64px }
.w-75 { padding-left: 1rem; padding-right: 1rem }
}
@media screen and (min-width: 64em) {
.bio > .g-c-1-2 { grid-template-columns: 1fr 5fr }    
.g-c-1-2 { grid-template-columns: auto 2fr }
.g-c-2 { grid-template-columns: 1fr 1fr; padding-right: 0; padding-left: 0 }
#advisor.g-c-2 { grid-template-columns: 1fr 1fr; padding-right: 0; padding-left: 0 }
.g-c-2-1 { grid-template-columns: 2fr 1fr }
.g-c-2-medium { grid-template-columns: repeat(auto-fit, minmax(266px, 1fr)) }
.g-c-2-1-medium { grid-template-columns: 2fr 1fr }
.g-colgap-64 { grid-column-gap: 64px; column-gap: 64px }
.g-colgap-128 { grid-column-gap: 128px; column-gap: 128px }
.g-item.pl3 { padding-left: 2rem !important }
.g-item.pr3 { padding-right: 2rem !important }
.g-rowgap-128 { grid-row-gap: 128px; row-gap: 128px }
#stickyNav .g-c-1-2 { grid-template-columns: 4.75% 95.25% }
#stickyNav { grid-template-columns: 63.57422% 22.46094% 13.96484% }
.w-75 { padding-left: 1rem; padding-right: 1rem }
}
@media screen and (min-width: 75em) {
.bio > .g-c-1-2 { grid-template-columns: 1fr 6fr }    
.g-c-2-medium { grid-template-columns: repeat(auto-fit, minmax(332px, 1fr)) }
.g-c-6 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr }
.g-item.pl3 { padding-left: 1rem !important }
.g-item.pr3 { padding-right: 1rem !important }
#stickyNav { grid-template-columns: 64.08333% 24% 11.91667% }
.w-75 { padding-left: 0; padding-right: 0 }
}
@media screen and (min-width: 90em) {
.bio > .g-c-1-2 { grid-template-columns: 1fr 8fr }
.g-c-3 { grid-template-columns: 1fr 1fr 1fr }
.g-c-2-medium { grid-template-columns: repeat(auto-fit, minmax(422px, 1fr)) }
#stickyNav { grid-template-columns: 64.86111% 25.208333% 9.93056% }
}
@media screen and (min-width: 100em) {
.bio > .g-c-1-2 { grid-template-columns: 1fr 10fr }        
.g-c-2-medium { grid-template-columns: repeat(auto-fit, minmax(482px, 1fr)) }
#stickyNav { grid-template-columns: 64.6875% 26.375% 8.9375% }
}
@media screen and (min-width: 120em) {
.bio > .g-c-1-2 { grid-template-columns: 1fr 12fr }       
body { font-size: 1vw }
p.lead { font-size: 1.25vw }
.g-c-2-medium { grid-template-columns: repeat(auto-fit, minmax(602px, 1fr)) }
#stickyNav { grid-template-columns: 65.05208% 27.5% 7.44792% }
}
@media screen and (min-width: 160em) {
body { font-size: .75vw }
p.lead { font-size: .85vw }
.g-c-2-medium { grid-template-columns: repeat(auto-fit, minmax(842px, 1fr)) }
#stickyNav { grid-template-columns: 65.46875% 28.94531% 5.58594% }
}
/* Firefox */
@-moz-document url-prefix() { 
.g-c-1-2.g-colgap-16 > .item:nth-child(odd) { margin-right: 8px }
.g-c-1-2.g-colgap-16 > .item:nth-child(even) { margin-left: 8px }
.g-c-1-2.g-colgap-64 > .item:nth-child(odd) { margin-right: 32px }
.g-c-1-2.g-colgap-64 > .item:nth-child(even) { margin-left: 32px }
.g-c-2.g-colgap-64 > .item:nth-child(odd) { margin-right: 32px }
.g-c-2.g-colgap-64 > .item:nth-child(even) { margin-left: 32px }
.g-c-2.g-colgap-128 > .item:nth-child(odd) { margin-right: 64px }
.g-c-2.g-colgap-128 > .item:nth-child(even) { margin-left: 64px }
.g-c-2-1.g-colgap-64 > .item:nth-child(1) { margin-right: 32px }
.g-c-2-1.g-colgap-64 > .item:nth-child(2) { margin-left: 32px }
.g-c-3.g-colgap-1 > .item:nth-child(1) { margin-right: .5px }
.g-c-3.g-colgap-1 > .item:nth-child(2) { margin-left: .5px; margin-right: .5px }
.g-c-3.g-colgap-1 > .item:nth-child(3) { margin-left: .5px }
.g-c-3.g-colgap-32 > .item:nth-child(1) { margin-right: 16px }
.g-c-3.g-colgap-32 > .item:nth-child(2) { margin-left: 16px; margin-right: 16px }
.g-c-3.g-colgap-32 > .item:nth-child(3) { margin-left: 16px }
.g-r-3.g-rowgap-32 > .item:nth-child(1), .g-r-3.g-rowgap-32 > .item:nth-child(2), .g-r-3.g-rowgap-32 > .item:nth-child(3), .g-r-3.g-rowgap-32 > .item:nth-child(4) { margin-bottom: 32px }
.g-r-2.g-rowgap-64 > .item:nth-child(1), .g-r-2.g-rowgap-64 > .item:nth-child(2) { margin-bottom: 64px }
.g-c-1-2.g-colgap-16 > .g-item:nth-child(odd) { margin-right: 8px }
.g-c-1-2.g-colgap-16 > .g-item:nth-child(even) { margin-left: 8px }
.g-c-1-2.g-colgap-64 > .g-item:nth-child(odd) { margin-right: 32px }
.g-c-1-2.g-colgap-64 > .g-item:nth-child(even) { margin-left: 32px }
.g-c-2.g-colgap-64 > .g-item:nth-child(odd) { margin-right: 32px }
.g-c-2.g-colgap-64 > .g-item:nth-child(even) { margin-left: 32px }
.g-c-2.g-colgap-128 > .g-item:nth-child(odd) { margin-right: 64px }
.g-c-2.g-colgap-128 > .g-item:nth-child(even) { margin-left: 64px }
.g-c-2-1.g-colgap-64 > .g-item:nth-child(1) { margin-right: 32px }
.g-c-2-1.g-colgap-64 > .g-item:nth-child(2) { margin-left: 32px }
.g-c-3.g-colgap-1 > .g-item:nth-child(1) { margin-right: .5px }
.g-c-3.g-colgap-1 > .g-item:nth-child(2) { margin-left: .5px; margin-right: .5px }
.g-c-3.g-colgap-1 > .g-item:nth-child(3) { margin-left: .5px }
/* Uneccessary for modern Firefox v59+
.g-c-3.g-colgap-32 > .g-item:nth-child(1) { margin-right: 16px }
.g-c-3.g-colgap-32 > .g-item:nth-child(2) { margin-left: 16px; margin-right: 16px }
.g-c-3.g-colgap-32 > .g-item:nth-child(3) { margin-left: 16px }
*/
.g-r-3.g-rowgap-32 > .g-item:nth-child(1), .g-r-3.g-rowgap-32 > .g-item:nth-child(2), .g-r-3.g-rowgap-32 > .g-item:nth-child(3), .g-r-3.g-rowgap-32 > .g-item:nth-child(4) { margin-bottom: 32px }
.g-r-2.g-rowgap-64 > .g-item:nth-child(1), .g-r-2.g-rowgap-64 > .g-item:nth-child(2) { margin-bottom: 64px }
.videoWrapper { padding-bottom: 0%; background-color: white }
#videoWrapper { padding-bottom: 0%; height: 100% }
#video-background { position: initial; min-height: 0 }
#videoWrapper video { width: 100% }
.dotmatrix.lower { top: 0; height: 100% }
#underHeader { top: -.5rem }
}
/* IE 10 & Edge */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.item { width: 100%; float: left }
.g-item { width: 100%; float: left }
/* Rows */
.g-rowgap-16 .item { margin-bottom: 1em }
.g-rowgap-32 .item { margin-bottom: 2em }
.g-rowgap-64 .item { margin-bottom: 4em }
.g-rowgap-16 .g-item { margin-bottom: 1em }
.g-rowgap-32 .g-item { margin-bottom: 2em }
.g-rowgap-64 .g-item { margin-bottom: 4em }
/* Columns */
.g-c-1 .item { width: 100%; float: left; clear: right }
.g-c-1 > .item { margin-bottom: 1% }
.g-c-1-2 > .item:nth-child(odd) { width: 32%; clear: left }
.g-c-1-2 > .item:nth-child(even) { width: 65%; clear: right }
.g-c-1-2-medium > .item:nth-child(odd) { width: 32%; clear: left }
.g-c-1-2-medium > .item:nth-child(even) { width: 65%; clear: right }
.g-c-1-2 > .item:nth-child(odd) {margin-right: 1% }
.g-c-1-2 > .item:nth-child(even) {margin-left: 1% }
.g-c-1-2-medium > .item:nth-child(odd) { margin-right: 1% }
.g-c-1-2-medium > .item:nth-child(even) { margin-left: 1% }
.g-c-2 > .item { width: 49% }
.g-c-2-medium > .item { width: 49% }
.g-c-2 > .item:nth-child(odd), .g-c-2-medium > .item:nth-child(odd) { margin-right: 1%; clear: left }
.g-c-2 > .item:nth-child(even), .g-c-2-medium > .item:nth-child(even) { margin-left: 1%; clear: right }
.g-c-2-1 > .item:nth-child(odd) { width: 66% }
.g-c-2-1 > .item:nth-child(even) { width: 32%; clear: right }
.g-c-2-1-medium > .item:nth-child(odd) { width: 66% }
.g-c-2-1-medium > .item:nth-child(even) { width: 32%; clear: right }
.g-c-2-1 > .item:nth-child(odd) {margin-right: 1% }
.g-c-2-1 > .item:nth-child(even) {margin-left: 1% }
.g-c-2-1-medium > .item:nth-child(odd) { margin-right: 1% }
.g-c-2-1-medium > .item:nth-child(even) { margin-left: 1% }
.g-c-3 > .item { width: 32%; float: left; clear: right; padding: 1% }
.g-c-3-medium > .item { width: 32%; padding: 1% }
.g-c-3-medium > .item:nth-child(2n+1) { margin-right: 0; clear: right }
.g-c-3-medium > .item:first-child { margin-left: 0 }
.g-c-1 .g-item { width: 100%; float: left; clear: right }
.g-c-1 > .g-item { margin-bottom: 1% }
.g-c-1-2 > .g-item:nth-child(odd) { width: 32%; clear: left }
.g-c-1-2 > .g-item:nth-child(even) { width: 65%; clear: right }
.g-c-1-2-medium > .g-item:nth-child(odd) { width: 32%; clear: left }
.g-c-1-2-medium > .g-item:nth-child(even) { width: 65%; clear: right }
.g-c-1-2 > .g-item:nth-child(odd) {margin-right: 1% }
.g-c-1-2 > .g-item:nth-child(even) {margin-left: 1% }
.g-c-1-2-medium > .g-item:nth-child(odd) { margin-right: 1% }
.g-c-1-2-medium > .g-item:nth-child(even) { margin-left: 1% }
.g-c-2 > .g-item { width: 49% }
.g-c-2-medium > .g-item { width: 49% }
.g-c-2 > .g-item:nth-child(odd), .g-c-2-medium > .g-item:nth-child(odd) { margin-right: 1%; clear: left }
.g-c-2 > .g-item:nth-child(even), .g-c-2-medium > .g-item:nth-child(even) { margin-left: 1%; clear: right }
.g-c-2-1 > .g-item:nth-child(odd) { width: 66% }
.g-c-2-1 > .g-item:nth-child(even) { width: 32%; clear: right }
.g-c-2-1-medium > .g-item:nth-child(odd) { width: 66% }
.g-c-2-1-medium > .g-item:nth-child(even) { width: 32%; clear: right }
.g-c-2-1 > .g-item:nth-child(odd) {margin-right: 1% }
.g-c-2-1 > .g-item:nth-child(even) {margin-left: 1% }
.g-c-2-1-medium > .g-item:nth-child(odd) { margin-right: 1% }
.g-c-2-1-medium > .g-item:nth-child(even) { margin-left: 1% }
.g-c-3 > .g-item { width: 32%; float: left; clear: right; padding: 1% }
.g-c-3-medium > .g-item { width: 32%; padding: 1% }
.g-c-3-medium > .g-item:nth-child(2n+1) { margin-right: 0; clear: right }
.g-c-3-medium > .g-item:first-child { margin-left: 0 }
h4::after { content: "\a" }
.pl3 { padding-left:3rem !important }
.pr3 { padding-right: 3rem !important }
#socialMedia { clear: both }
#stickyNav { height: 4.625rem }
#stickyNav > .item:nth-child(1n) { width: 63.6111% }
#stickyNav > .item:nth-child(2n) { width: 27.5% }
#stickyNav > .item:nth-child(3n) { width: 8.8889% }
#stickyNav > .g-item:nth-child(1n) { width: 63.6111% }
#stickyNav > .g-item:nth-child(2n) { width: 27.5% }
#stickyNav > .g-item:nth-child(3n) { width: 8.8889% }
}
/*IE Medium and up*/
@media screen and (-ms-high-contrast: none) or (-ms-high-contrast: active) and (min-width: 40em) {
.g-c-1-2 > .item:nth-child(odd) { width: 33.3333% }
.g-c-1-2 > .item:nth-child(even) { width: 66.6667% }
.g-c-1-2-medium > .item:nth-child(odd) { width: 33.3333% }
.g-c-1-2-medium > .item:nth-child(even) { width: 66.6667% }
.g-c-2 > .item { width: 50% }
.g-c-2-medium > .item { width: 50% }
.g-c-2-1 > .item:nth-child(odd) { width: 66.6667% }
.g-c-2-1 > .item:nth-child(even) { width: 33.3333% }
.g-c-2-1-medium > .item:nth-child(odd) { width: 66.6667% }
.g-c-2-1-medium > .item:nth-child(even) { width: 33.3333% }
.g-c-3 > .item { width: 33.3333% }
.g-c-3-medium > .item { width: 33.3333% }
.g-c-1-2 > .g-item:nth-child(odd) { width: 33.3333% }
.g-c-1-2 > .g-item:nth-child(even) { width: 66.6667% }
.g-c-1-2-medium > .g-item:nth-child(odd) { width: 33.3333% }
.g-c-1-2-medium > .g-item:nth-child(even) { width: 66.6667% }
.g-c-2 > .g-item { width: 50% }
.g-c-2-medium > .g-item { width: 50% }
.g-c-2-1 > .g-item:nth-child(odd) { width: 66.6667% }
.g-c-2-1 > .g-item:nth-child(even) { width: 33.3333% }
.g-c-2-1-medium > .g-item:nth-child(odd) { width: 66.6667% }
.g-c-2-1-medium > .g-item:nth-child(even) { width: 33.3333% }
.g-c-3 > .g-item { width: 33.3333% }
.g-c-3-medium > .g-item { width: 33.3333% }
.pl3 { padding-left: 0 !important; }
.pr3 { padding-right: 0 !important; }
}
/*IE xLarge and up*/
@media screen and (-ms-high-contrast: none) or (-ms-high-contrast: active) and (min-width: 75em) {
.pl3 { padding-left: 1rem !important }
.pr3 { padding-right: 1rem !important }
}
/* (Safari) */
@media not all and (min-resolution:.001dpcm) {
  @supports (-webkit-appearance:none) {
    #video-background { position: initial }
    .f6 { font-size: 1rem }
    .nt6 { margin-top: -13rem }
  ::-webkit-full-page-media, :future, :root #videoWrapper { padding-bottom: 0; margin-bottom: 0 }
  ::-webkit-full-page-media, :future, :root #photoWrapper { padding-bottom: 35.51% }
  ::-webkit-full-page-media, :future, :root #videoWrapper video { width: 100% }
  ::-webkit-full-page-media, :future, :root .videoWrapper { padding-bottom: 0%; background-color: white }
  ::-webkit-full-page-media, :future, :root .dotmatrix { height: 100% }
  ::-webkit-full-page-media, :future, :root .dotmatrix.lower { height: 100% }
  ::-webkit-full-page-media, :future, :root .xlarge-text { font-size: 3.25rem }
  ::-webkit-full-page-media, :future, :root #bodyNavMobile.mt3 { margin-top: 4rem }
  ::-webkit-full-page-media, :future, :root #underHeader { margin-top: -.41rem }
  }
}
/* (Medium up Safari) */
@media only screen and (min-width: 40em) and (-webkit-min-device-pixel-ratio: 0) {
  ::-webkit-full-page-media, :future, :root .dotmatrix.lower { height: 99.25% }
}
/* Edge */
@media screen and (max-width: 39.99em) {
  @supports (-ms-ime-align: auto) and (-webkit-text-stroke:initial) {
    #photoWrapper { padding-bottom: 50%; }
    #videoWrapper { padding-bottom: 50%; }
  }
}
/*RESPONSIVE TABLES*/
.responsive-table {
    padding: 0;
    margin: 0;
    border: 1px solid #EEE;
}
.responsive-table > li {
    display: grid;
    grid-auto-columns: 1fr;
    font-size: 1rem;
    padding: 0.5rem;
    text-align: center;
    justify-content: start
}
.responsive-table > li > div {
    grid-area: 1 / auto
}
.responsive-table > li:nth-child(odd) {
    background-color: #F2F2F2
}
.responsive-table > li:first-child {
    background-color: #F9F9F9;
    color: #111;
    font-weight: bold;
    font-size: 1.125rem
}
.responsive-table > li > div:first-child {
    text-align: left
}
/*Medium*/
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
.responsive-table > li {
  padding: 0.25rem;
}    
}
/*Small only*/
@media screen and (max-width: 39.9375em) {
.responsive-table > li:first-child {
    visibility: hidden;
    display: none
}
.responsive-table > li > div {
    grid-area: auto;
    text-align: left
}
}
/*END RESPONSIVE TABLES*/
/*RESPONSIVE IMAGE GALLERY*/
.gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(5, 1fr);
    grid-gap: 15px
}
.gallery-img {
    width: 100%;
    height: 100%;
    object-fit: cover
}
.gallery-modal {
    display: none;
    position: fixed;
    z-index: 100;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,.9)
}
.gallery-modal-content {
    position: relative;
    background-color: transparent;
    margin: auto;
    padding: 0;
    width: 90%;
    max-width: 1200px
}
.gallery-close {
    color: white;
    position: absolute;
    top: 10px;
    right: 25px;
    font-size: 35px;
    font-weight: bold
}
.gallery-close:hover, .gallery-close:focus {
    color: #999;
    text-decoration: none;
    cursor: pointer
}
.myGallerySlides {
    display: none
}
.gallery-cursor {
    cursor: pointer
}
.gallery-prev, .gallery-next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none
}
.gallery-next {
    right: 0;
    border-radius: 3px 0 0 3px
}
.gallery-prev:hover, .gallery-next:hover {
    background-color: rgba(0, 0, 0, 0.8)
}
.gallery-numbertext {
    color: #f2f2f2;
    font-size: 1rem;
    padding: 8px 12px;
    position: absolute;
    top: 0
}
.gallery-caption-container {
    text-align: center;
    background-color: transparent;
    padding: 2px 16px;
    color: white
}
/*END RESPONSIVE IMAGE GALLERY*/