@charset "UTF-8";
@import '//fast.fonts.net/cssapi/5a31a9a2-975c-4d4d-a1c7-4660d7157723.css';
@font-face {
    font-family: 'icomoon';
    src: url("/Institutions/Adrian-College/styles/fonts/icomoon.eot?cvvgxn");
    src: url("/Institutions/Adrian-College/styles/fonts/icomoon.eot?cvvgxn#iefix") format("embedded-opentype"), url("/Institutions/Adrian-College/styles/fonts/icomoon.ttf?cvvgxn") format("truetype"), url("/Institutions/Adrian-College/styles/fonts/icomoon.woff?cvvgxn") format("woff"), url("/Institutions/Adrian-College/styles/fonts/icomoon.svg?cvvgxn#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

.icon-prefixes,
footer #callouts a:after,
footer #callouts a:active:after,
footer #callouts a:visited:after,
#search-overlay form button:after,
#social-grid .instagram a:hover:after,
#social-grid .instagram a:active:hover:after,
#social-grid .instagram a:visited:hover:after,
#faqs .question p.title:after,
#page-search .field-wrap:before,
.action-link.back:before,
.action-link-group a.back:before,
.action-link.back:active:before,
.action-link.back:visited:before,
.action-link:not(.back):after,
.action-link-group a:not(.back):after,
.action-link:active:not(.back):after,
.action-link:visited:not(.back):after,
#filter-bar .span.search:before,
body.front .box-link:after,
body.front a.box-link:active:after,
body.front a.box-link:visited:after,
#lucy-page-template-inner .box-link:after,
body.front a.button-link:after,
#lucy-page-template-inner a.button-link:after,
[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-search:before,
#page-search .field-wrap:before,
#filter-bar .span.search:before {
    content: "\e900" !important
}

.icon-email:before {
    content: "\e901" !important
}

.icon-share:before {
    content: "\e902" !important
}

.icon-heart:before {
    content: "\e903" !important
}

.icon-alert:before {
    content: "\e904" !important
}

.icon-calendar:before {
    content: "\e905" !important
}

.icon-pin:before {
    content: "\e906" !important
}

.icon-cart-full:before {
    content: "\e907" !important
}

.icon-cart-empty:before {
    content: "\e908" !important
}

.icon-phone:before {
    content: "\e909" !important
}

.icon-music:before {
    content: "\e90a" !important
}

.icon-print:before {
    content: "\e90b" !important
}

.icon-gear:before {
    content: "\e90c" !important
}

.icon-video:before {
    content: "\e90d" !important
}

.icon-camera:before {
    content: "\e90e" !important
}

.icon-photo:before {
    content: "\e90f" !important
}

.icon-man:before {
    content: "\e910" !important
}

.icon-woman:before {
    content: "\e911" !important
}

.icon-link:before {
    content: "\e912" !important
}

.icon-attachment:before {
    content: "\e913" !important
}

.icon-check:before {
    content: "\e914" !important
}

.icon-menu:before {
    content: "\e915" !important
}

.icon-list:before {
    content: "\e916" !important
}

.icon-grid-small:before {
    content: "\e917" !important
}

.icon-grid-large:before {
    content: "\e918" !important
}

.icon-close:before {
    content: "\e919" !important
}

.icon-plus:before {
    content: "\e91a" !important
}

.icon-move:before {
    content: "\e91b" !important
}

.icon-expand:before {
    content: "\e91c" !important
}

.icon-expand-corner:before {
    content: "\e91d" !important
}

.icon-play:before {
    content: "\e91e" !important
}

.icon-minus:before {
    content: "\e91f" !important
}

.icon-arrow-right:before {
    content: "\e920" !important
}

.icon-arrow-up:before {
    content: "\e921" !important
}

.icon-arrow-left:before {
    content: "\e922" !important
}

.icon-arrow-down:before {
    content: "\e923" !important
}

.icon-left:before {
    content: "\e924" !important
}

.icon-up:before {
    content: "\e925" !important
}

.icon-right:before {
    content: "\e926" !important
}

.icon-down:before {
    content: "\e927" !important
}

.icon-up-down:before {
    content: "\e928" !important
}

.icon-right-left:before {
    content: "\e929" !important
}

.icon-big-arrow-right:before {
    content: "\e92a" !important
}

.icon-share-this:before {
    content: "\e92b" !important
}

.icon-twitter:before {
    content: "\e92c" !important
}

.icon-facebook:before {
    content: "\e92d" !important
}

.icon-instagram:before {
    content: "\e92e" !important
}

.icon-pinterest:before {
    content: "\e92f" !important
}

.icon-vimeo:before {
    content: "\e930" !important
}

.icon-linkedin:before {
    content: "\e931" !important
}

.icon-dribbble:before {
    content: "\e932" !important
}

.icon-youtube:before {
    content: "\e933" !important
}

.icon-previous:before {
    content: "\e934" !important
}

.icon-next:before {
    content: "\e935" !important
}

.icon-star:before {
    content: "\e936" !important
}

.icon-staggered-menu:before {
    content: "\e937" !important
}

.icon-arrow-left-stroke:before {
    content: "\e938"
}

.icon-arrow-right-stroke:before {
    content: "\e939" !important
}

.icon-design-by-form:before {
    content: "\e93a" !important
}

.icon-news:before {
    content: "\e93b" !important
}

.icon-medium:before {
    content: "\e93c" !important
}

.icon-arrow-up-stroke:before {
    content: "\e93d" !important
}

.icon-arrow-down-stroke:before {
    content: "\e93e" !important
}

.icon-design-by-form-short:before {
    content: "\e93f" !important
}

.icon-download-arrow:before {
    content: "\e940" !important
}

.icon-pencil:before {
    content: "\e941" !important
}

.icon-big-arrow-left:before {
    content: "\e942" !important
}

.icon-pdf:before {
    content: "\e943" !important
}

.icon-arrow-left-stem:before {
    content: "\e944" !important
}

.icon-arrow-right-stem:before {
    content: "\e945" !important
}

.icon-paper-plane:before {
    content: "\e946" !important
}

.icon-globe:before {
    content: "\e947" !important
}

.icon-flag:before {
    content: "\e948" !important
}

.icon-clock:before {
    content: "\e949" !important
}

.icon-cross:before {
    content: "\e94a" !important
}

.icon-home:before {
    content: "\e94b" !important
}

.icon-link-arrow:before {
    content: "\e94c" !important
}

.icon-snapchat:before {
    content: "\e94d" !important
}

.icon-marker:before {
    content: "\e94e" !important
}

.icon-phone-2:before {
    content: "\e94f" !important
}

.icon-small-arrow:before {
    content: "\e950" !important
}

.icon-menu-bold:before {
    content: "\e951" !important
}

.icon-download-page:before {
    content: "\e952" !important
}

.icon-calendar-2:before {
    content: "\e953" !important
}

.icon-flickr:before {
    content: "\e954" !important
}

.icon-customer-service:before {
    content: "\e955" !important
}

.icon-accounting-finance:before {
    content: "\e956"
}

.icon-information-technology:before {
    content: "\e957" !important
}

.icon-human-resources:before {
    content: "\e958" !important
}

.icon-marketing:before {
    content: "\e959" !important
}

.icon-legal:before {
    content: "\e95a" !important
}

.icon-sales:before {
    content: "\e95b" !important
}

.icon-office:before {
    content: "\e95c" !important
}

.icon-office-management:before {
    content: "\e95d" !important
}

.icon-education:before {
    content: "\e960" !important
}

.icon-community-relations:before {
    content: "\e961" !important
}

.icon-medical:before {
    content: "\e95e" !important
}

.icon-materialsparts:before {
    content: "\e95f" !important
}

.icon-hamburger-menu:before {
    content: "\e962" !important
}

.icon-share-arrow-up:before {
    content: "\e963" !important
}

.icon-twitter-square:before {
    content: "\e964" !important
}

.icon-arrow-right-stroke-long:before {
    content: "\e965" !important
}

.icon-trending:before {
    content: "\e966" !important
}

.icon-search-2:before {
    content: "\e967" !important
}

.icon-profile:before {
    content: "\e968" !important
}

.icon-youtube-square:before {
    content: "\e969" !important
}

.icon-star-unfilled:before {
    content: "\e96a" !important
}

.icon-amex:before {
    content: "\e96b" !important
}

.icon-discover:before {
    content: "\e96c" !important
}

.icon-mastercard:before {
    content: "\e96d" !important
}

.icon-visa:before {
    content: "\e96e" !important
}

.icon-shopping-bag:before {
    content: "\e96f" !important
}

.icon-instagram-round:before {
    content: "\e970" !important
}

.icon-facebook-round:before {
    content: "\e971" !important
}

.icon-tumblr-logo:before {
    content: "\e972" !important
}

.icon-media-audio:before {
    content: "\e973" !important
}

.icon-media-document:before {
    content: "\e974" !important
}

.icon-media-image:before {
    content: "\e975" !important
}

.icon-media-spreadsheet:before {
    content: "\e978" !important
}

.icon-media-pdf:before {
    content: "\e979" !important
}

.icon-media-presentation:before {
    content: "\e976" !important
}

.icon-media-video:before {
    content: "\e977" !important
}

.icon-media-link:before {
    content: "\e97a" !important
}

.icon-media-webpage:before {
    content: "\e97b" !important
}

.icon-phone-outline:before {
    content: "\e97c" !important
}

.icon-pin-outline:before {
    content: "\e97d" !important
}

.icon-ticket:before {
    content: "\e97e" !important
}

.icon-calendar-outline:before {
    content: "\e97f" !important
}

.icon-clock-outline:before {
    content: "\e980" !important
}

.icon-cloud-download:before {
    content: "\e981" !important
}

.icon-photo-lense:before {
    content: "\e982" !important
}

.icon-arrow-top-right-stem:before {
    content: "\e983" !important
}

.icon-arrow-top-left-stem:before {
    content: "\e984" !important
}

.icon-media-phone:before {
    content: "\e985" !important
}

.icon-media-request:before {
    content: "\e986" !important
}

.icon-info:before {
    content: "\e987" !important
}

.icon-computer:before {
    content: "\e988" !important
}

.icon-tik-tok:before {
    content: "\e989" !important
}

.clearfix {
    *zoom: 1
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0
}

.clearfix:after {
    clear: both
}

.row {
    margin-left: -20px;
    *zoom: 1
}

.row:before,
.row:after {
    display: table;
    content: "";
    line-height: 0
}

.row:after {
    clear: both
}

[class*="span"] {
    position: relative;
    float: left;
    min-height: 1px
}

[class*="span"].border-left {
    margin-left: 19px;
    border-left: 1px solid #DDD
}

[class*="span"].border-right {
    margin-left: 19px;
    border-right: 1px solid #DDD
}

[class*="span"].right {
    text-align: right
}

[class*='span'] input[type=text],
[class*='span'] input[type=email],
[class*='span'] input[type=phone],
[class*='span'] input[type=tel],
[class*='span'] input[type=password],
[class*='span'] textarea,
[class*='span'] select,
.input-wrap input[type=text],
.input-wrap input[type=email],
.input-wrap input[type=phone],
.input-wrap input[type=tel],
.input-wrap input[type=password],
.input-wrap textarea,
.input-wrap select {
    width: 100% !important;
    margin: 0 0 10px 0 !important
}

.span1 {
    width: calc(4.1666666667% - 20px);
    margin-left: 20px
}

.offset1 {
    margin-left: calc(4.1666666667% + 20px) !important
}

.inset-l1 {
    padding-left: 4.1666666667% !important
}

.inset-r1 {
    padding-right: 4.1666666667% !important
}

.span2 {
    width: calc(8.3333333333% - 20px);
    margin-left: 20px
}

.offset2 {
    margin-left: calc(8.3333333333% + 20px) !important
}

.inset-l2 {
    padding-left: 8.3333333333% !important
}

.inset-r2 {
    padding-right: 8.3333333333% !important
}

.span3 {
    width: calc(12.5% - 20px);
    margin-left: 20px
}

.offset3 {
    margin-left: calc(12.5% + 20px) !important
}

.inset-l3 {
    padding-left: 12.5% !important
}

.inset-r3 {
    padding-right: 12.5% !important
}

.span4 {
    width: calc(16.6666666667% - 20px);
    margin-left: 20px
}

.offset4 {
    margin-left: calc(16.6666666667% + 20px) !important
}

.inset-l4 {
    padding-left: 16.6666666667% !important
}

.inset-r4 {
    padding-right: 16.6666666667% !important
}

.span5 {
    width: calc(20.8333333333% - 20px);
    margin-left: 20px
}

.offset5 {
    margin-left: calc(20.8333333333% + 20px) !important
}

.inset-l5 {
    padding-left: 20.8333333333% !important
}

.inset-r5 {
    padding-right: 20.8333333333% !important
}

.span6 {
    width: calc(25% - 20px);
    margin-left: 20px
}

.offset6 {
    margin-left: calc(25% + 20px) !important
}

.inset-l6 {
    padding-left: 25% !important
}

.inset-r6 {
    padding-right: 25% !important
}

.span7 {
    width: calc(29.1666666667% - 20px);
    margin-left: 20px
}

.offset7 {
    margin-left: calc(29.1666666667% + 20px) !important
}

.inset-l7 {
    padding-left: 29.1666666667% !important
}

.inset-r7 {
    padding-right: 29.1666666667% !important
}

.span8 {
    width: calc(33.3333333333% - 20px);
    margin-left: 20px
}

.offset8 {
    margin-left: calc(33.3333333333% + 20px) !important
}

.inset-l8 {
    padding-left: 33.3333333333% !important
}

.inset-r8 {
    padding-right: 33.3333333333% !important
}

.span9 {
    width: calc(37.5% - 20px);
    margin-left: 20px
}

.offset9 {
    margin-left: calc(37.5% + 20px) !important
}

.inset-l9 {
    padding-left: 37.5% !important
}

.inset-r9 {
    padding-right: 37.5% !important
}

.span10 {
    width: calc(41.6666666667% - 20px);
    margin-left: 20px
}

.offset10 {
    margin-left: calc(41.6666666667% + 20px) !important
}

.inset-l10 {
    padding-left: 41.6666666667% !important
}

.inset-r10 {
    padding-right: 41.6666666667% !important
}

.span11 {
    width: calc(45.8333333333% - 20px);
    margin-left: 20px
}

.offset11 {
    margin-left: calc(45.8333333333% + 20px) !important
}

.inset-l11 {
    padding-left: 45.8333333333% !important
}

.inset-r11 {
    padding-right: 45.8333333333% !important
}

.span12 {
    width: calc(50% - 20px);
    margin-left: 20px
}

.offset12 {
    margin-left: calc(50% + 20px) !important
}

.inset-l12 {
    padding-left: 50% !important
}

.inset-r12 {
    padding-right: 50% !important
}

.span13 {
    width: calc(54.1666666667% - 20px);
    margin-left: 20px
}

.offset13 {
    margin-left: calc(54.1666666667% + 20px) !important
}

.inset-l13 {
    padding-left: 54.1666666667% !important
}

.inset-r13 {
    padding-right: 54.1666666667% !important
}

.span14 {
    width: calc(58.3333333333% - 20px);
    margin-left: 20px
}

.offset14 {
    margin-left: calc(58.3333333333% + 20px) !important
}

.inset-l14 {
    padding-left: 58.3333333333% !important
}

.inset-r14 {
    padding-right: 58.3333333333% !important
}

.span15 {
    width: calc(62.5% - 20px);
    margin-left: 20px
}

.offset15 {
    margin-left: calc(62.5% + 20px) !important
}

.inset-l15 {
    padding-left: 62.5% !important
}

.inset-r15 {
    padding-right: 62.5% !important
}

.span16 {
    width: calc(66.6666666667% - 20px);
    margin-left: 20px
}

.offset16 {
    margin-left: calc(66.6666666667% + 20px) !important
}

.inset-l16 {
    padding-left: 66.6666666667% !important
}

.inset-r16 {
    padding-right: 66.6666666667% !important
}

.span17 {
    width: calc(70.8333333333% - 20px);
    margin-left: 20px
}

.offset17 {
    margin-left: calc(70.8333333333% + 20px) !important
}

.inset-l17 {
    padding-left: 70.8333333333% !important
}

.inset-r17 {
    padding-right: 70.8333333333% !important
}

.span18 {
    width: calc(75% - 20px);
    margin-left: 20px
}

.offset18 {
    margin-left: calc(75% + 20px) !important
}

.inset-l18 {
    padding-left: 75% !important
}

.inset-r18 {
    padding-right: 75% !important
}

.span19 {
    width: calc(79.1666666667% - 20px);
    margin-left: 20px
}

.offset19 {
    margin-left: calc(79.1666666667% + 20px) !important
}

.inset-l19 {
    padding-left: 79.1666666667% !important
}

.inset-r19 {
    padding-right: 79.1666666667% !important
}

.span20 {
    width: calc(83.3333333333% - 20px);
    margin-left: 20px
}

.offset20 {
    margin-left: calc(83.3333333333% + 20px) !important
}

.inset-l20 {
    padding-left: 83.3333333333% !important
}

.inset-r20 {
    padding-right: 83.3333333333% !important
}

.span21 {
    width: calc(87.5% - 20px);
    margin-left: 20px
}

.offset21 {
    margin-left: calc(87.5% + 20px) !important
}

.inset-l21 {
    padding-left: 87.5% !important
}

.inset-r21 {
    padding-right: 87.5% !important
}

.span22 {
    width: calc(91.6666666667% - 20px);
    margin-left: 20px
}

.offset22 {
    margin-left: calc(91.6666666667% + 20px) !important
}

.inset-l22 {
    padding-left: 91.6666666667% !important
}

.inset-r22 {
    padding-right: 91.6666666667% !important
}

.span23 {
    width: calc(95.8333333333% - 20px);
    margin-left: 20px
}

.offset23 {
    margin-left: calc(95.8333333333% + 20px) !important
}

.inset-l23 {
    padding-left: 95.8333333333% !important
}

.inset-r23 {
    padding-right: 95.8333333333% !important
}

.span24 {
    width: calc(100% - 20px);
    margin-left: 20px
}

.offset24 {
    margin-left: calc(100% + 20px) !important
}

.inset-l24 {
    padding-left: 100% !important
}

.inset-r24 {
    padding-right: 100% !important
}

@media only screen and (max-width:600px) {
    .row {
        margin-left: 0 !important
    }
    [class*='span'] {
        width: 100% !important;
        margin-left: 0 !important
    }
    [class*='span'].inset-l1 {
        padding-left: calc((100% / 24) * 2) !important
    }
    [class*='span'].inset-r1 {
        padding-right: calc((100% / 24) * 2) !important
    }
}

#breakpoints {
    position: fixed;
    z-index: 99999;
    bottom: 0;
    right: 0;
    padding: 5px 10px;
    font-family: Courier, serif;
    font-size: 16px;
    color: #FFF;
    background: #000
}

#breakpoints .breakpoint {
    display: none
}

@media only screen and (max-width:1920px) {
    #breakpoints .breakpoint.desktop-large {
        display: inline-block
    }
    #breakpoints .breakpoint.desktop-medium {
        display: none
    }
    #breakpoints .breakpoint.desktop {
        display: none
    }
    #breakpoints .breakpoint.tablet {
        display: none
    }
    #breakpoints .breakpoint.mobile {
        display: none
    }
}

@media only screen and (max-width:1440px) {
    #breakpoints .breakpoint.desktop-large {
        display: none
    }
    #breakpoints .breakpoint.desktop-medium {
        display: inline-block
    }
    #breakpoints .breakpoint.desktop {
        display: none
    }
    #breakpoints .breakpoint.tablet {
        display: none
    }
    #breakpoints .breakpoint.mobile {
        display: none
    }
}

@media only screen and (max-width:1125px) {
    #breakpoints .breakpoint.desktop-large {
        display: none
    }
    #breakpoints .breakpoint.desktop-medium {
        display: none
    }
    #breakpoints .breakpoint.desktop {
        display: inline-block
    }
    #breakpoints .breakpoint.tablet {
        display: none
    }
    #breakpoints .breakpoint.mobile {
        display: none
    }
}

@media only screen and (max-width:800px) {
    #breakpoints .breakpoint.desktop-large {
        display: none
    }
    #breakpoints .breakpoint.desktop-medium {
        display: none
    }
    #breakpoints .breakpoint.desktop {
        display: none
    }
    #breakpoints .breakpoint.tablet {
        display: inline-block
    }
    #breakpoints .breakpoint.mobile {
        display: none
    }
}

@media only screen and (max-width:600px) {
    #breakpoints .breakpoint.desktop-large {
        display: none
    }
    #breakpoints .breakpoint.desktop-medium {
        display: none
    }
    #breakpoints .breakpoint.desktop {
        display: none
    }
    #breakpoints .breakpoint.tablet {
        display: none
    }
    #breakpoints .breakpoint.mobile {
        display: inline-block
    }
}

body.front,
#lucy-page-template-inner {}

body.front a,
body.front a:active,
body.front a:visited,
#lucy-page-template-inner a,
#lucy-page-template-inner a:active,
#lucy-page-template-inner a:visited {
    color: #000;
    text-decoration: underline
}

body.front a:hover,
body.front a:active:hover,
body.front a:visited:hover,
#lucy-page-template-inner a:hover,
#lucy-page-template-inner a:active:hover,
#lucy-page-template-inner a:visited:hover {
    text-decoration: none
}

body.front *:not(input):focus-visible,
#lucy-page-template-inner *:not(input):focus-visible {
    outline: 2px dashed #FFC10B;
    outline-offset: .5rem
}

body.front h1,
#lucy-page-template-inner h1 {
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #000;
    margin-bottom: 0.4em;
    font-size: 56px;
    letter-spacing: -0.02em;
    line-height: 1.1
}

body.front h2,
#lucy-page-template-inner h2 {
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #000;
    margin-bottom: 0.4em;
    font-size: 42px;
    letter-spacing: -0.0015625em;
    line-height: 1em
}

body.front h3,
#lucy-page-template-inner h3 {
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #000;
    margin-bottom: 0.5em;
    font-size: 36px;
    letter-spacing: -0.00138em;
    line-height: 1.1em
}

body.front h4,
body.front #lucy-checkout-fields h2,
#lucy-checkout-fields body.front h2,
#lucy-page-template-inner h4,
#lucy-page-template-inner #lucy-checkout-fields h2,
#lucy-checkout-fields #lucy-page-template-inner h2 {
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #000;
    font-size: 30px;
    letter-spacing: -0.01em;
    line-height: 1.04em
}

body.front h5,
body.front .filter-bar h2,
.filter-bar body.front h2,
#lucy-page-template-inner h5,
#lucy-page-template-inner .filter-bar h2,
.filter-bar #lucy-page-template-inner h2 {
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #000;
    font-size: 1.3rem;
    letter-spacing: -0.0085em;
    line-height: 1.1em
}

body.front h6,
#lucy-page-template-inner h6 {
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #000;
    font-size: 1.1rem;
    letter-spacing: -0.0085em;
    line-height: 1.1em
}

body.front .body-small,
#lucy-page-template-inner .body-small {
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-size: 0.85em;
    font-weight: 500;
    color: #000;
    line-height: 1.6em
}

body.front blockquote,
#lucy-page-template-inner blockquote {
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    color: #000;
    letter-spacing: 0;
    line-height: 1.6
}

body.front .intro,
#lucy-page-template-inner .intro {
    margin-bottom: 1.25em;
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    font-weight: 400;
    color: #000;
    letter-spacing: 0;
    line-height: 1.6
}

body.front .caption,
#lucy-page-template-inner .caption {
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-size: 0.8125em;
    color: #000;
    letter-spacing: 0;
    line-height: 2
}

body.front button,
body.front a.button,
body.front a.button:active,
body.front a.button:visited,
#lucy-page-template-inner button,
#lucy-page-template-inner a.button,
#lucy-page-template-inner a.button:active,
#lucy-page-template-inner a.button:visited {
    display: inline-block;
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    color: #000;
    line-height: 3.75rem
}

body.front .sub-header,
body.front #search-overlay form button,
#search-overlay form body.front button,
body.front #program-list[max-width~="700px"] .program .degree:before,
#program-list[max-width~="700px"] .program body.front .degree:before,
body.front #program-list[max-width~="700px"] .program .field:before,
#program-list[max-width~="700px"] .program body.front .field:before,
body.front #program-list .program:first-child .field:before,
#program-list .program:first-child body.front .field:before,
body.front #program-list .program:first-child .degree:before,
#program-list .program:first-child body.front .degree:before,
body.front #program-list .program:first-child:before,
#program-list body.front .program:first-child:before,
body.front #filter-bar .span label,
#filter-bar .span body.front label,
body.front .box-link,
body.front a.box-link,
body.front a.box-link:active,
body.front a.box-link:visited,
body.front button,
body.front a.button,
body.front a.button:active,
body.front a.button:visited,
body.front span.button,
#lucy-page-template-inner .sub-header,
#lucy-page-template-inner #search-overlay form button,
#search-overlay form #lucy-page-template-inner button,
#lucy-page-template-inner #program-list[max-width~="700px"] .program .degree:before,
#program-list[max-width~="700px"] .program #lucy-page-template-inner .degree:before,
#lucy-page-template-inner #program-list[max-width~="700px"] .program .field:before,
#program-list[max-width~="700px"] .program #lucy-page-template-inner .field:before,
#lucy-page-template-inner #program-list .program:first-child .field:before,
#program-list .program:first-child #lucy-page-template-inner .field:before,
#lucy-page-template-inner #program-list .program:first-child .degree:before,
#program-list .program:first-child #lucy-page-template-inner .degree:before,
#lucy-page-template-inner #program-list .program:first-child:before,
#program-list #lucy-page-template-inner .program:first-child:before,
#lucy-page-template-inner #filter-bar .span label,
#filter-bar .span #lucy-page-template-inner label,
#lucy-page-template-inner .box-link,
#lucy-page-template-inner button,
#lucy-page-template-inner a.button,
#lucy-page-template-inner span.button {
    margin-bottom: 0.5em;
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-size: 0.8rem;
    font-weight: bold;
    color: #000;
    letter-spacing: 0.1em;
    line-height: 2.2em;
    text-transform: uppercase
}

body.front .heading,
#lucy-page-template-inner .heading {
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #000
}

body.front .h1,
#lucy-page-template-inner .h1 {
    margin-bottom: 0.4em;
    font-size: clamp(4vw, 4rem, 10vw);
    letter-spacing: -0.02em;
    line-height: 1.1
}

body.front .h2,
#lucy-page-template-inner .h2 {
    margin-bottom: 0.4em;
    font-size: clamp(3vw, 2.95rem, 8vw);
    letter-spacing: -0.0015625em;
    line-height: 1em
}

body.front .h3,
#lucy-page-template-inner .h3 {
    margin-bottom: 0.5em;
    font-size: clamp(2vw, 1.65rem, 6vw);
    letter-spacing: -0.00138em;
    line-height: 1.1em
}

body.front .h4,
#lucy-page-template-inner .h4 {
    font-size: 2rem;
    letter-spacing: -0.01em;
    line-height: 1.04em
}

body.front .h5,
#lucy-page-template-inner .h5 {
    font-size: 1.3rem;
    letter-spacing: -0.0085em;
    line-height: 1.1em
}

body.front .h6,
#lucy-page-template-inner .h6 {
    font-size: 1.1rem;
    letter-spacing: -0.0085em;
    line-height: 1.1em
}

body.front .center,
#lucy-page-template-inner .center {
    text-align: center
}

body.front .pre-heading,
#lucy-page-template-inner .pre-heading {
    font-size: 1.3rem;
    letter-spacing: -0.0085em;
    line-height: 1.1em;
    margin-bottom: 1em
}

body.front p,
body.front blockquote,
body.front ul,
body.front ol,
#lucy-page-template-inner p,
#lucy-page-template-inner blockquote,
#lucy-page-template-inner ul,
#lucy-page-template-inner ol {
    color: #000
}

body.front p:not(:has(img)),
#lucy-page-template-inner p:not(:has(img)) {
    max-width: 60em
}

body.front ul,
body.front ol,
#lucy-page-template-inner ul,
#lucy-page-template-inner ol {
    padding-left: 2em
}

body.front hr,
#lucy-page-template-inner hr {
    position: relative;
    width: 100%;
    height: 5px;
    border-bottom: 1px solid #DDD;
    margin: 3rem 0
}

body.front .caption.attached,
#lucy-page-template-inner .caption.attached {
    padding: .75em 0 1.25em 0;
    line-height: 1;
    border-bottom: 1px solid #DDD
}

body.front .text-primary,
#lucy-page-template-inner .text-primary {
    color: #FFC10B
}

body.front .bg-primary,
#lucy-page-template-inner .bg-primary {
    background-color: #FFC10B
}

body.front .text-secondary,
#lucy-page-template-inner .text-secondary {
    color: #D1C7BE
}

body.front .bg-secondary,
#lucy-page-template-inner .bg-secondary {
    background-color: #D1C7BE
}

body.front .text-dark,
#lucy-page-template-inner .text-dark {
    color: #161616
}

body.front .bg-dark,
#lucy-page-template-inner .bg-dark {
    background-color: #161616
}

body.front .text-light,
#lucy-page-template-inner .text-light {
    color: #F8F7F6
}

body.front .bg-light,
#lucy-page-template-inner .bg-light {
    background-color: #F8F7F6
}

body.front .text-error,
#lucy-page-template-inner .text-error {
    color: #ED6A5A
}

body.front .bg-error,
#lucy-page-template-inner .bg-error {
    background-color: #ED6A5A
}

body.front .text-success,
#lucy-page-template-inner .text-success {
    color: #1A936F
}

body.front .bg-success,
#lucy-page-template-inner .bg-success {
    background-color: #1A936F
}

body.front .text-warning,
#lucy-page-template-inner .text-warning {
    color: #FFC425
}

body.front .bg-warning,
#lucy-page-template-inner .bg-warning {
    background-color: #FFC425
}

body.front .text-border,
#lucy-page-template-inner .text-border {
    color: #DDD
}

body.front .bg-border,
#lucy-page-template-inner .bg-border {
    background-color: #DDD
}

body.front .text-white,
#lucy-page-template-inner .text-white {
    color: #FFFFFF
}

body.front .bg-white,
#lucy-page-template-inner .bg-white {
    background-color: #FFFFFF
}

body.front .text-text,
#lucy-page-template-inner .text-text {
    color: #000
}

body.front .bg-text,
#lucy-page-template-inner .bg-text {
    background-color: #000
}

body.front button,
body.front a.button,
body.front a.button:active,
body.front a.button:visited,
body.front span.button,
#lucy-page-template-inner button,
#lucy-page-template-inner a.button,
#lucy-page-template-inner a.button:active,
#lucy-page-template-inner a.button:visited,
#lucy-page-template-inner span.button {
    position: relative;
    display: inline-block;
    margin-right: 1em;
	padding: 6px 10px;
    line-height: 1;
    text-decoration: none;
    border: 3px solid #FFC10B;
    background: #FFF;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

body.front button.small,
body.front a.button.small,
body.front a.button:active.small,
body.front a.button:visited.small,
body.front span.button.small,
#lucy-page-template-inner button.small,
#lucy-page-template-inner a.button.small,
#lucy-page-template-inner a.button:active.small,
#lucy-page-template-inner a.button:visited.small,
#lucy-page-template-inner span.button.small {
    height: calc(2.75 * var(--base_font_size));
    padding: 0 calc(1.5 * var(--base_font_size));
    line-height: calc(2.75 * var(--base_font_size));
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

body.front button.alt,
body.front a.button.alt,
body.front a.button:active.alt,
body.front a.button:visited.alt,
body.front span.button.alt,
#lucy-page-template-inner button.alt,
#lucy-page-template-inner a.button.alt,
#lucy-page-template-inner a.button:active.alt,
#lucy-page-template-inner a.button:visited.alt,
#lucy-page-template-inner span.button.alt {
    color: #161616;
    background-color: #F8F7F6
}

body.front button.alt:hover,
body.front button.alt.selected,
body.front button.alt.active,
body.front a.button.alt:hover,
body.front a.button.alt.selected,
body.front a.button.alt.active,
body.front a.button:active.alt:hover,
body.front a.button:active.alt.selected,
body.front a.button:active.alt.active,
body.front a.button:visited.alt:hover,
body.front a.button:visited.alt.selected,
body.front a.button:visited.alt.active,
body.front span.button.alt:hover,
body.front span.button.alt.selected,
body.front span.button.alt.active,
#lucy-page-template-inner button.alt:hover,
#lucy-page-template-inner button.alt.selected,
#lucy-page-template-inner button.alt.active,
#lucy-page-template-inner a.button.alt:hover,
#lucy-page-template-inner a.button.alt.selected,
#lucy-page-template-inner a.button.alt.active,
#lucy-page-template-inner a.button:active.alt:hover,
#lucy-page-template-inner a.button:active.alt.selected,
#lucy-page-template-inner a.button:active.alt.active,
#lucy-page-template-inner a.button:visited.alt:hover,
#lucy-page-template-inner a.button:visited.alt.selected,
#lucy-page-template-inner a.button:visited.alt.active,
#lucy-page-template-inner span.button.alt:hover,
#lucy-page-template-inner span.button.alt.selected,
#lucy-page-template-inner span.button.alt.active {
    color: #F8F7F6
}

body.front button.fluid,
body.front a.button.fluid,
body.front a.button:active.fluid,
body.front a.button:visited.fluid,
body.front span.button.fluid,
#lucy-page-template-inner button.fluid,
#lucy-page-template-inner a.button.fluid,
#lucy-page-template-inner a.button:active.fluid,
#lucy-page-template-inner a.button:visited.fluid,
#lucy-page-template-inner span.button.fluid {
    display: block;
    width: 100%;
    padding: 0;
    text-align: center
}

body.front button.disabled,
body.front button.disabled:hover,
body.front a.button.disabled,
body.front a.button.disabled:hover,
body.front a.button:active.disabled,
body.front a.button:active.disabled:hover,
body.front a.button:visited.disabled,
body.front a.button:visited.disabled:hover,
body.front span.button.disabled,
body.front span.button.disabled:hover,
#lucy-page-template-inner button.disabled,
#lucy-page-template-inner button.disabled:hover,
#lucy-page-template-inner a.button.disabled,
#lucy-page-template-inner a.button.disabled:hover,
#lucy-page-template-inner a.button:active.disabled,
#lucy-page-template-inner a.button:active.disabled:hover,
#lucy-page-template-inner a.button:visited.disabled,
#lucy-page-template-inner a.button:visited.disabled:hover,
#lucy-page-template-inner span.button.disabled,
#lucy-page-template-inner span.button.disabled:hover {
    color: #000;
    background-color: #FFFFFF !important;
    border: 1px solid #DDD;
    cursor: not-allowed;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

body.front button:hover,
body.front button.selected,
body.front button.active,
body.front a.button:hover,
body.front a.button.selected,
body.front a.button.active,
body.front a.button:active:hover,
body.front a.button:active.selected,
body.front a.button:active.active,
body.front a.button:visited:hover,
body.front a.button:visited.selected,
body.front a.button:visited.active,
body.front span.button:hover,
body.front span.button.selected,
body.front span.button.active,
#lucy-page-template-inner button:hover,
#lucy-page-template-inner button.selected,
#lucy-page-template-inner button.active,
#lucy-page-template-inner a.button:hover,
#lucy-page-template-inner a.button.selected,
#lucy-page-template-inner a.button.active,
#lucy-page-template-inner a.button:active:hover,
#lucy-page-template-inner a.button:active.selected,
#lucy-page-template-inner a.button:active.active,
#lucy-page-template-inner a.button:visited:hover,
#lucy-page-template-inner a.button:visited.selected,
#lucy-page-template-inner a.button:visited.active,
#lucy-page-template-inner span.button:hover,
#lucy-page-template-inner span.button.selected,
#lucy-page-template-inner span.button.active {
    color: #000;
    background-color: #FFC10B
}

@media only screen and (max-width:1125px) {
    body.front button span,
    body.front a.button span,
    body.front a.button:active span,
    body.front a.button:visited span,
    body.front span.button span,
    #lucy-page-template-inner button span,
    #lucy-page-template-inner a.button span,
    #lucy-page-template-inner a.button:active span,
    #lucy-page-template-inner a.button:visited span,
    #lucy-page-template-inner span.button span {
        display: none
    }
}

body.front a.button-link,
#lucy-page-template-inner a.button-link {
    position: relative;
    display: inline-block;
    margin-bottom: .5em;
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-size: .6875em;
    font-weight: bold;
    color: #000;
    letter-spacing: .1em;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none
}

body.front a.button-link:before,
#lucy-page-template-inner a.button-link:before {
    position: absolute;
    top: 50%;
    right: -2.5em;
    display: block;
    width: 1.9em;
    height: 1.9em;
    background: #F8F7F6;
    content: '';
    transform: translate(0, -50%);
    perspective: 1000px;
    -moz-transform: translate(0, -50%);
    -moz-perspective: 1000;
    -webkit-transform: translate(0, -50%);
    -webkit-perspective: 1000;
    -o-transform: translate(0, -50%);
    -o-perspective: 1000;
    -ms-transform: translate(0, -50%);
    -ms-perspective: 1000;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box
}

body.front a.button-link:after,
#lucy-page-template-inner a.button-link:after {
    position: absolute;
    top: 50%;
    right: -2.85em;
    display: block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    font-size: .9em;
    text-align: center;
    color: #FFC10B;
    content: "\e939" !important;
    transform: translate(0, -45%);
    perspective: 1000px;
    -moz-transform: translate(0, -45%);
    -moz-perspective: 1000;
    -webkit-transform: translate(0, -45%);
    -webkit-perspective: 1000;
    -o-transform: translate(0, -45%);
    -o-perspective: 1000;
    -ms-transform: translate(0, -45%);
    -ms-perspective: 1000
}

body.front a.button-link:hover,
#lucy-page-template-inner a.button-link:hover {
    text-decoration: underline
}

body.front a.button-link:hover:before,
#lucy-page-template-inner a.button-link:hover:before {
    background: #FFC10B
}

body.front a.button-link:hover:after,
#lucy-page-template-inner a.button-link:hover:after {
    color: #FFFFFF
}

body.front .box-link,
body.front a.box-link,
body.front a.box-link:active,
body.front a.box-link:visited,
#lucy-page-template-inner .box-link,
#lucy-page-template-inner a.box-link,
#lucy-page-template-inner a.box-link:active,
#lucy-page-template-inner a.box-link:visited {
    position: relative;
    display: inline-block;
    margin-right: 1em;
    padding: 1.25em 6em 1.25em 1.25em;
    line-height: 1;
    text-decoration: none;
    border: 3px solid #FFC10B;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

body.front .box-link:after,
body.front a.box-link:after,
body.front a.box-link:active:after,
body.front a.box-link:visited:after,
#lucy-page-template-inner .box-link:after,
#lucy-page-template-inner a.box-link:after,
#lucy-page-template-inner a.box-link:active:after,
#lucy-page-template-inner a.box-link:visited:after {
    position: absolute;
    top: 50%;
    right: 0;
    content: "" !important;
    color: #000;
    font-size: .8em;
    transform: translate(-50%, -50%);
    perspective: 1000px;
    -moz-transform: translate(-50%, -50%);
    -moz-perspective: 1000;
    -webkit-transform: translate(-50%, -50%);
    -webkit-perspective: 1000;
    -o-transform: translate(-50%, -50%);
    -o-perspective: 1000;
    -ms-transform: translate(-50%, -50%);
    -ms-perspective: 1000
}

body.front .box-link:hover,
body.front a.box-link:hover,
body.front a.box-link:active:hover,
body.front a.box-link:visited:hover,
#lucy-page-template-inner .box-link:hover,
#lucy-page-template-inner a.box-link:hover,
#lucy-page-template-inner a.box-link:active:hover,
#lucy-page-template-inner a.box-link:visited:hover {
    color: #161616 !important;
    background: #FFC10B
}

body.front .box-link:hover:after,
body.front a.box-link:hover:after,
body.front a.box-link:active:hover:after,
body.front a.box-link:visited:hover:after,
#lucy-page-template-inner .box-link:hover:after,
#lucy-page-template-inner a.box-link:hover:after,
#lucy-page-template-inner a.box-link:active:hover:after,
#lucy-page-template-inner a.box-link:visited:hover:after {
    color: #161616
}

body.front table:not(#calendar-grid):not(.ui-datepicker-calendar),
#lucy-page-template-inner table:not(#calendar-grid):not(.ui-datepicker-calendar) {
    width: 100%;
    border-collapse: collapse
}

body.front table:not(#calendar-grid):not(.ui-datepicker-calendar) th,
body.front table:not(#calendar-grid):not(.ui-datepicker-calendar) td,
#lucy-page-template-inner table:not(#calendar-grid):not(.ui-datepicker-calendar) th,
#lucy-page-template-inner table:not(#calendar-grid):not(.ui-datepicker-calendar) td {
    padding: 10px;
    vertical-align: top
}

body.front table:not(#calendar-grid):not(.ui-datepicker-calendar) th,
#lucy-page-template-inner table:not(#calendar-grid):not(.ui-datepicker-calendar) th {
    margin-bottom: 0.5em;
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-size: 0.8rem;
    font-weight: bold;
    color: #000;
    letter-spacing: 0.1em;
    line-height: 2.2em;
    text-transform: uppercase;
    text-align: left;
    color: #FFFFFF;
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-size: .6875em;
    text-transform: uppercase;
    background: #161616
}

body.front table:not(#calendar-grid):not(.ui-datepicker-calendar) tr:nth-child(even) td,
#lucy-page-template-inner table:not(#calendar-grid):not(.ui-datepicker-calendar) tr:nth-child(even) td {
    background: rgba(255, 193, 11, 0.05)
}

#filter-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--gutter_y)
}

#filter-bar .span {
    position: relative;
    flex: 1 1 0;
    margin-right: 20px
}

#filter-bar .span:last-child {
    margin-right: 0
}

#filter-bar .span label {
    display: block;
    margin-bottom: 1.5em !important;
    line-height: 1 !important
}

#filter-bar .span input,
#filter-bar .span select {
    margin-bottom: 0 !important
}

#filter-bar .span.search:before {
    position: absolute;
    z-index: 2;
    bottom: 1em;
    right: 1em;
    font-size: 1em
}

#filter-bar button {
    margin-bottom: 0
}

@media only screen and (max-width:800px) {
    #filter-bar {
        flex-direction: column
    }
    #filter-bar .span {
        width: 100%;
        flex: 0 0 100%;
        margin: 0 0 20px 0
    }
    #filter-bar .span label {
        margin-bottom: .5em !important
    }
    #filter-bar .span:last-child {
        margin-bottom: 0
    }
}

.action-link-group {
    display: flex;
    align-items: center;
    line-height: 1
}

.action-link-group a,
.action-link-group a:active,
.action-link-group a:visited {
    position: relative;
    display: inline-block;
    margin-right: 1em;
    padding-right: 1em;
    flex: 0 0 auto
}

.action-link-group a:before,
.action-link-group a:active:before,
.action-link-group a:visited:before {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    content: ''
}

.action-link-group a:last-child,
.action-link-group a:active:last-child,
.action-link-group a:visited:last-child {
    margin-right: 0;
    padding-right: 0
}

.action-link-group a:last-child:before,
.action-link-group a:active:last-child:before,
.action-link-group a:visited:last-child:before {
    display: none
}

@media only screen and (max-width:800px) {
    .action-link-group {
        display: block;
        line-height: 1.75
    }
    .action-link-group a,
    .action-link-group a:active,
    .action-link-group a:visited {
        display: block;
        font-size: calc(1rem + 1.5vw);
        font-size: 1.38rem
    }
    .action-link-group a:before,
    .action-link-group a:active:before,
    .action-link-group a:visited:before {
        display: none
    }
}

.action-link,
.action-link-group a,
.action-link-group a:active,
.action-link-group a:visited,
.action-link:active,
.action-link:visited {
    font-size: calc(1rem + 1.5vw);
    font-size: 1.38rem;
    font-weight: bold;
    text-decoration: none !important
}

.action-link span,
.action-link-group a span,
.action-link-group a:active span,
.action-link-group a:visited span,
.action-link:active span,
.action-link:visited span {
    margin-right: .5em;
    text-decoration: underline !important
}

.action-link:not(.back):after,
.action-link-group a:not(.back):after,
.action-link:active:not(.back):after,
.action-link:visited:not(.back):after {
    position: relative;
    content: "" !important;
    color: #FFC10B;
    font-size: .8em
}

.action-link.back span,
.action-link-group a.back span,
.action-link:active.back span,
.action-link:visited.back span {
    margin-left: .5em;
    margin-right: 0;
    font-size: 1.2rem
}

.action-link.back:before,
.action-link-group a.back:before,
.action-link:active.back:before,
.action-link:visited.back:before {
    position: relative;
    display: inline-block;
    content: "" !important;
    color: #FFC10B;
    font-size: .8em;
    transform: rotate(-180deg);
    perspective: 1000px;
    -moz-transform: rotate(-180deg);
    -moz-perspective: 1000;
    -webkit-transform: rotate(-180deg);
    -webkit-perspective: 1000;
    -o-transform: rotate(-180deg);
    -o-perspective: 1000;
    -ms-transform: rotate(-180deg);
    -ms-perspective: 1000
}

.action-link.back:after,
.action-link-group a.back:after,
.action-link:active.back:after,
.action-link:visited.back:after {
    display: none
}

.action-link:hover span,
.action-link-group a:hover span,
.action-link:active:hover span,
.action-link:visited:hover span {
    text-decoration: none !important
}

form.custom h3 {
    margin-top: 2rem;
    font-size: 2rem
}

body.front select,
#lucy-page-template-inner select {
    color: #000;
    background: #FFF url(https://adrian.imgix.net/images/dropdown-arrow.png) no-repeat calc(100% - 10px) 50%;
    background-size: 10px 6px;
}

body.front select.error,
#lucy-page-template-inner select.error {
    background: #FFF url(https://adrian.imgix.net/images/field-error.png) no-repeat calc(100% - 10px) 50%;
    background-size: 20px 20px
}

[class*='span']:has([data-required]) label::after {
    content: '*'
}

[class*='span'] .g-recaptcha {
    margin-bottom: 20px !important
}

[class*='span'] input[type=text],
[class*='span'] input[type=email],
[class*='span'] input[type=tel],
[class*='span'] input[type=password],
[class*='span'] textarea,
[class*='span'] select {
    margin-bottom: 20px !important;
    padding: .75em;
    font-size: var(--base_font_size);
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    border: 1px solid #DDD;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

[class*='span'] input[type=text]:focus,
[class*='span'] input[type=email]:focus,
[class*='span'] input[type=tel]:focus,
[class*='span'] input[type=password]:focus,
[class*='span'] textarea:focus,
[class*='span'] select:focus {
    outline: none;
    -moz-outline: none;
    -webkit-outline: none
}

[class*='span'] input[type=text].error,
[class*='span'] input[type=email].error,
[class*='span'] input[type=tel].error,
[class*='span'] input[type=password].error,
[class*='span'] textarea.error,
[class*='span'] select.error {
    border-color: #ED6A5A
}

[class*='span'] input[type=text].error::-webkit-input-placeholder,
[class*='span'] input[type=email].error::-webkit-input-placeholder,
[class*='span'] input[type=tel].error::-webkit-input-placeholder,
[class*='span'] input[type=password].error::-webkit-input-placeholder,
[class*='span'] textarea.error::-webkit-input-placeholder,
[class*='span'] select.error::-webkit-input-placeholder {
    color: #ED6A5A
}

[class*='span'] input[type=text].error:-moz-placeholder,
[class*='span'] input[type=email].error:-moz-placeholder,
[class*='span'] input[type=tel].error:-moz-placeholder,
[class*='span'] input[type=password].error:-moz-placeholder,
[class*='span'] textarea.error:-moz-placeholder,
[class*='span'] select.error:-moz-placeholder {
    color: #ED6A5A
}

[class*='span'] input[type=text].error::-moz-placeholder,
[class*='span'] input[type=email].error::-moz-placeholder,
[class*='span'] input[type=tel].error::-moz-placeholder,
[class*='span'] input[type=password].error::-moz-placeholder,
[class*='span'] textarea.error::-moz-placeholder,
[class*='span'] select.error::-moz-placeholder {
    color: #ED6A5A
}

[class*='span'] input[type=text].error:-ms-input-placeholder,
[class*='span'] input[type=email].error:-ms-input-placeholder,
[class*='span'] input[type=tel].error:-ms-input-placeholder,
[class*='span'] input[type=password].error:-ms-input-placeholder,
[class*='span'] textarea.error:-ms-input-placeholder,
[class*='span'] select.error:-ms-input-placeholder {
    color: #ED6A5A
}

[class*='span'] input[type=text].error:not(#card-number),
[class*='span'] input[type=email].error:not(#card-number),
[class*='span'] input[type=tel].error:not(#card-number),
[class*='span'] input[type=password].error:not(#card-number),
[class*='span'] textarea.error:not(#card-number),
[class*='span'] select.error:not(#card-number) {
    background: #FFF url(https://adrian.imgix.net/images/field-error.png) no-repeat 0 0;
    background-position: calc(100% - 10px) 50%;
    background-size: 20px 20px
}

[class*='span'] input::placeholder,
[class*='span'] textarea::placeholder {
    color: #161616;
    transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out
}

[class*='span'] input:focus::placeholder,
[class*='span'] textarea:focus::placeholder {
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.check-group {
    line-height: 1.5;
    font-size: .875rem
}

.check-group input {
    display: inline-block;
    margin-right: .5rem
}

[class*='span'].select,
.input-wrap.select {
    margin-bottom: 20px !important
}

[class*='span'].select select,
.input-wrap.select select {
    position: relative;
    z-index: 1;
    height: 3.1em;
    padding: .75em;
    color: #161616;
    font-size: calc(var(--base_font_size) * .9);
    vertical-align: middle;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

[class*='span'].select label,
.input-wrap.select label {
    z-index: 0
}

[class*='span'].select label.show,
.input-wrap.select label.show {
    z-index: 2
}

[class*='span'].select span.error,
.input-wrap.select span.error {
    top: 100% !important
}

[class*='span'].select select,
.input-wrap.select select {
    margin-bottom: 0 !important
}

[class*='span'].upload {
    margin-bottom: 20px !important
}

[class*='span'].upload input {
    margin-top: 1.5em
}

[class*='span'].upload label {
    top: .25em !important;
    left: -.25em !important;
    font-size: 1em !important;
    transform: translate(0, -50%);
    perspective: 1000px;
    -moz-transform: translate(0, -50%);
    -moz-perspective: 1000;
    -webkit-transform: translate(0, -50%);
    -webkit-perspective: 1000;
    -o-transform: translate(0, -50%);
    -o-perspective: 1000;
    -ms-transform: translate(0, -50%);
    -ms-perspective: 1000;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

[class*='span'].upload span.error {
    top: 100% !important
}

[class*='span'].upload select {
    margin-bottom: 0 !important
}

[class*='span'] label:not(.fixed) {
    position: absolute;
    z-index: 1;
    top: .6em;
    left: .45em;
    display: block;
    margin-bottom: 0;
    padding: 0 .3em;
    cursor: text;
    background: #FFFFFF;
    transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

[class*='span'] label:not(.fixed).show {
    top: 0;
    font-size: .6em;
    transform: translate(0, -50%);
    perspective: 1000px;
    -moz-transform: translate(0, -50%);
    -moz-perspective: 1000;
    -webkit-transform: translate(0, -50%);
    -webkit-perspective: 1000;
    -o-transform: translate(0, -50%);
    -o-perspective: 1000;
    -ms-transform: translate(0, -50%);
    -ms-perspective: 1000;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

[class*='span'] label:not(.fixed).error {
    color: #ED6A5A !important
}

[class*='span'] label:not(.fixed).fixed {
    position: relative;
    top: auto;
    left: auto;
    padding: 0;
    font-size: calc(var(--base_font_size) * .9);
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

label.fixed {
    margin-bottom: .5rem;
    font-size: 1.125rem
}

span.error {
    position: absolute !important;
    top: calc(100% - 20px) !important;
    left: 0;
    width: 100%;
    font-size: .6em;
    color: #ED6A5A !important
}

.callout {
    display: block;
    margin-bottom: 3em;
    border: 1px solid #DDD;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box
}

.callout .image {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    border-top-left-radius: 8px;
    -moz-border-top-left-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -o-border-top-left-radius: 8px;
    -ms-border-top-left-radius: 8px;
    -moz-background-clip: "padding-box";
    -webkit-background-clip: "padding-box";
    -o-background-clip: "padding-box";
    -ms-background-clip: "padding-box";
    border-bottom-left-radius: 8px;
    -moz-border-bottom-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -o-border-bottom-left-radius: 8px;
    -ms-border-bottom-left-radius: 8px;
    -moz-background-clip: "padding-box";
    -webkit-background-clip: "padding-box";
    -o-background-clip: "padding-box";
    -ms-background-clip: "padding-box"
}

.callout .title {
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #000;
    font-size: 1.3rem;
    letter-spacing: -0.0085em;
    line-height: 1.1em
}

.callout .details,
.callout .action,
.callout .image {
    padding-top: calc(var(--base_font_size) * 2);
    padding-bottom: calc(var(--base_font_size) * 2)
}

.callout .details p {
    position: relative;
    left: var(--base_font_size)
}

@media only screen and (max-width:600px) {
    .callout .details p {
        left: 0
    }
}

.callout.no-image .outer,
.callout.no-image .inner,
.callout.no-image .wrap {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    display: block !important
}

.callout:last-child {
    margin-bottom: 0
}

@media only screen and (max-width:600px) {
    .callout .image {
        height: 0;
        margin-bottom: 2em;
        padding-bottom: 50%;
        border-bottom-left-radius: 0;
        -moz-border-bottom-left-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        -o-border-bottom-left-radius: 0;
        -ms-border-bottom-left-radius: 0;
        -moz-background-clip: "padding-box";
        -webkit-background-clip: "padding-box";
        -o-background-clip: "padding-box";
        -ms-background-clip: "padding-box";
        border-top-right-radius: 8px;
        -moz-border-top-right-radius: 8px;
        -webkit-border-top-right-radius: 8px;
        -o-border-top-right-radius: 8px;
        -ms-border-top-right-radius: 8px;
        -moz-background-clip: "padding-box";
        -webkit-background-clip: "padding-box";
        -o-background-clip: "padding-box";
        -ms-background-clip: "padding-box"
    }
    .callout .outer,
    .callout .inner,
    .callout .wrap {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        display: block !important
    }
    .callout .outer {
        padding: 0 2em 2em 2em;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box
    }
    .callout .details,
    .callout .action {
        padding: 0
    }
}

.card-icons {
    position: absolute;
    top: 50%;
    right: 10px;
    font-size: 0;
    transform: translate(0, calc(-50% - 10px));
    perspective: 1000px;
    -moz-transform: translate(0, calc(-50% - 10px));
    -moz-perspective: 1000;
    -webkit-transform: translate(0, calc(-50% - 10px));
    -webkit-perspective: 1000;
    -o-transform: translate(0, calc(-50% - 10px));
    -o-perspective: 1000;
    -ms-transform: translate(0, calc(-50% - 10px));
    -ms-perspective: 1000
}

.card-icons span {
    display: inline-block;
    margin-left: .25em;
    font-size: calc(var(--base_font_size) * 1.5);
    color: #161616;
    filter: alpha(opacity=20);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out
}

.card-icons span.selected {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

@media only screen and (max-width:600px) {
    .card-icons span {
        display: none
    }
    .card-icons span.selected {
        display: inline-block
    }
}

#page-search {
    position: relative;
    margin-bottom: 3em
}

#page-search.isolated {
    margin: 3em 0
}

#page-search h1,
#page-search h2,
#page-search h3,
#page-search h4,
#page-search #lucy-checkout-fields h2,
#lucy-checkout-fields #page-search h2,
#page-search h5,
#page-search .filter-bar h2,
.filter-bar #page-search h2,
#page-search h6 {
    margin-bottom: 0;
    line-height: 60px
}

#page-search .field-wrap {
    position: relative
}

#page-search .field-wrap:before {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 1em;
    font-size: 1em;
    transform: translate(0, -50%);
    perspective: 1000px;
    -moz-transform: translate(0, -50%);
    -moz-perspective: 1000;
    -webkit-transform: translate(0, -50%);
    -webkit-perspective: 1000;
    -o-transform: translate(0, -50%);
    -o-perspective: 1000;
    -ms-transform: translate(0, -50%);
    -ms-perspective: 1000
}

#page-search input[type=text] {
    height: calc(3.75 * var(--base_font_size));
    margin-bottom: 0 !important;
    padding-left: 3em
}

#page-search select {
    height: calc(3.75 * var(--base_font_size));
    margin-bottom: 0 !important;
    background: #FFF url(https://adrian.imgix.net/images/dropdown-arrow.png) no-repeat calc(100% - 10px) 50%;
    background-size: 10px 6px;
    -webkit-appearance: none
}

#page-search .select {
    margin-bottom: 0 !important
}

@media only screen and (max-width:600px) {
    #page-search input[type=text],
    #page-search select {
        margin-bottom: 20px !important
    }
}

#page-search-clear {
    position: absolute;
    z-index: 2;
    bottom: .5rem;
    right: .5rem;
    width: 3em;
    height: 3em;
    line-height: 3em;
    text-decoration: none;
    color: #161616;
    text-align: center;
    font-size: .6em;
    background: #F8F7F6;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box
}

#page-search-clear span {
    position: relative;
    top: 2px;
    margin-right: 0;
    color: #000
}

#page-search-clear:hover {
    color: #FFFFFF;
    background-color: #161616
}

#page-search-clear:hover span {
    color: #FFFFFF
}

.filter-bar {
    z-index: 5;
    width: 100%;
    background: #FFFFFF
}

.filter-bar .inner {
    padding: 2em 0;
    border-bottom: 1px solid #DDD
}

.filter-bar h3 {
    margin-bottom: .5em !important;
    font-size: var(--base_font_size) !important
}

.filter-bar .field-wrap {
    display: inline-block;
    vertical-align: top
}

.filter-bar .field {
    position: relative;
    display: inline-block;
    height: 3.5em;
    margin-right: .75em;
    margin-bottom: 20px;
    padding: 0 1em;
    border: 1px solid #DDD;
    vertical-align: top;
    overflow: hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box
}

.filter-bar .field [class*='icon'] {
    position: relative;
    margin-right: .5em;
    color: #FFC10B
}

.filter-bar .field select,
.filter-bar .field input,
.filter-bar .field .text {
    height: 3.5em;
    margin-bottom: 0;
    padding-right: 2em;
    line-height: 3.5em;
    font-size: var(--base_font_size);
    border: none;
    background-color: transparent;
    -webkit-appearance: none
}

.filter-bar .field select::-webkit-input-placeholder,
.filter-bar .field input::-webkit-input-placeholder,
.filter-bar .field .text::-webkit-input-placeholder {
    color: #000
}

.filter-bar .field select:-moz-placeholder,
.filter-bar .field input:-moz-placeholder,
.filter-bar .field .text:-moz-placeholder {
    color: #000
}

.filter-bar .field select::-moz-placeholder,
.filter-bar .field input::-moz-placeholder,
.filter-bar .field .text::-moz-placeholder {
    color: #000
}

.filter-bar .field select:-ms-input-placeholder,
.filter-bar .field input:-ms-input-placeholder,
.filter-bar .field .text:-ms-input-placeholder {
    color: #000
}

.filter-bar .field select:focus,
.filter-bar .field input:focus,
.filter-bar .field .text:focus {
    -webkit-appearance: none;
    outline: none
}

.filter-bar .field.date-field {
    padding-right: 0
}

.filter-bar .field.date-field input {
    min-width: 0;
    padding-right: 0
}

.filter-bar .field #ticket-option {
    width: 250px
}

.filter-bar .field #ticket-time {
    width: 175px
}

.filter-bar .field.text {
    border: none
}

.filter-bar .field.text .text {
    padding-right: 0
}

.filter-bar .field:hover {
    border-color: #c4c4c4
}

.filter-bar .field.disabled {
    filter: alpha(opacity=75);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75
}

@media only screen and (max-width:800px) {
    .filter-bar .field {
        width: 100%
    }
    .filter-bar .field select,
    .filter-bar .field input,
    .filter-bar .field .text {
        width: calc(100% - 35px) !important
    }
}

.filter-bar .buttons {
    display: inline-block;
    height: 3.5em;
    margin-right: .75em
}

.filter-bar .buttons ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none
}

.filter-bar .buttons ul li {
    display: inline-block;
    margin-right: .25em
}

.filter-bar .buttons ul li a,
.filter-bar .buttons ul li a:active,
.filter-bar .buttons ul li a:visited {
    display: block;
    width: 3.5em;
    height: 3.5em;
    line-height: 3.5em;
    text-align: center;
    color: #161616;
    text-decoration: none;
    border: 1px solid #DDD;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

.filter-bar .buttons ul li a:hover,
.filter-bar .buttons ul li a:active:hover,
.filter-bar .buttons ul li a:visited:hover {
    border-color: #161616
}

.filter-bar .buttons ul li a.selected,
.filter-bar .buttons ul li a:active.selected,
.filter-bar .buttons ul li a:visited.selected {
    color: #FFF;
    background: #161616;
    border-color: #161616
}

.filter-bar .buttons ul li:last-child {
    margin-right: 0
}

.filter-bar .field-separator {
    display: inline-block;
    height: 3.5em;
    margin-right: .75em;
    border-left: 1px solid #DDD;
    vertical-align: top
}

.filter-bar.tall .field {
    margin-top: 1.5em
}

.filter-bar.tall .field-wrap .field {
    margin-top: 0
}

.filter-bar.tall .field-separator {
    height: 5.5em
}

.page-filter-links {
    margin: 3em 0 6em 0 !important;
    padding: 0 0 .5em 0 !important;
    margin-bottom: 0.5em;
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-size: 0.8rem;
    font-weight: bold;
    color: #000;
    letter-spacing: 0.1em;
    line-height: 2.2em;
    text-transform: uppercase;
    list-style-type: none;
    border-bottom: 1px solid #DDD
}

.page-filter-links li {
    display: inline-block;
    margin-right: 2em;
    text-transform: uppercase
}

.page-filter-links li a,
.page-filter-links li a:active,
.page-filter-links li a:visited {
    text-decoration: none;
    filter: alpha(opacity=40);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4
}

.page-filter-links li a:hover,
.page-filter-links li a.active,
.page-filter-links li a:active:hover,
.page-filter-links li a:active.active,
.page-filter-links li a:visited:hover,
.page-filter-links li a:visited.active {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.outer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.outer .inner {
    display: table;
    width: 100%;
    height: 100%
}

.outer .inner .wrap {
    display: table-cell;
    vertical-align: middle
}

.slideshow {
    margin-bottom: var(--gutter_y)
}

.slideshow .images {
    position: relative;
    width: 100%;
    aspect-ratio: 998 / 561;
    font-size: 0;
    background-color: #161616;
    overflow: hidden
}

.slideshow .images .slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out
}

.slideshow .images .slider .image {
    position: relative;
    float: left;
    display: inline;
    height: 100%;
    line-height: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.slideshow .images .slider[data-count="1"] {
    width: 100%
}

.slideshow .images .slider[data-count="1"] .image {
    width: 100%
}

.slideshow .images .slider[data-count="2"] {
    width: 200%
}

.slideshow .images .slider[data-count="2"] .image {
    width: 50%
}

.slideshow .images .slider[data-count="3"] {
    width: 300%
}

.slideshow .images .slider[data-count="3"] .image {
    width: 33.3333333333%
}

.slideshow .images .slider[data-count="4"] {
    width: 400%
}

.slideshow .images .slider[data-count="4"] .image {
    width: 25%
}

.slideshow .images .slider[data-count="5"] {
    width: 500%
}

.slideshow .images .slider[data-count="5"] .image {
    width: 20%
}

.slideshow .images .slider[data-count="6"] {
    width: 600%
}

.slideshow .images .slider[data-count="6"] .image {
    width: 16.6666666667%
}

.slideshow .images .slider[data-count="7"] {
    width: 700%
}

.slideshow .images .slider[data-count="7"] .image {
    width: 14.2857142857%
}

.slideshow .images .slider[data-count="8"] {
    width: 800%
}

.slideshow .images .slider[data-count="8"] .image {
    width: 12.5%
}

.slideshow .images .slider[data-count="9"] {
    width: 900%
}

.slideshow .images .slider[data-count="9"] .image {
    width: 11.1111111111%
}

.slideshow .images .slider[data-count="10"] {
    width: 1000%
}

.slideshow .images .slider[data-count="10"] .image {
    width: 10%
}

.slideshow .images .slider[data-count="11"] {
    width: 1100%
}

.slideshow .images .slider[data-count="11"] .image {
    width: 9.0909090909%
}

.slideshow .images .slider[data-count="12"] {
    width: 1200%
}

.slideshow .images .slider[data-count="12"] .image {
    width: 8.3333333333%
}

.slideshow .images .slider[data-count="13"] {
    width: 1300%
}

.slideshow .images .slider[data-count="13"] .image {
    width: 7.6923076923%
}

.slideshow .images .slider[data-count="14"] {
    width: 1400%
}

.slideshow .images .slider[data-count="14"] .image {
    width: 7.1428571429%
}

.slideshow .images .slider[data-count="15"] {
    width: 1500%
}

.slideshow .images .slider[data-count="15"] .image {
    width: 6.6666666667%
}

.slideshow.position1 .slider {
    left: 0%
}

.slideshow.position2 .slider {
    left: -100%
}

.slideshow.position3 .slider {
    left: -200%
}

.slideshow.position4 .slider {
    left: -300%
}

.slideshow.position5 .slider {
    left: -400%
}

.slideshow.position6 .slider {
    left: -500%
}

.slideshow.position7 .slider {
    left: -600%
}

.slideshow.position8 .slider {
    left: -700%
}

.slideshow.position9 .slider {
    left: -800%
}

.slideshow.position10 .slider {
    left: -900%
}

.slideshow.position11 .slider {
    left: -1000%
}

.slideshow.position12 .slider {
    left: -1100%
}

.slideshow.position13 .slider {
    left: -1200%
}

.slideshow.position14 .slider {
    left: -1300%
}

.slideshow.position15 .slider {
    left: -1400%
}

.slideshow nav {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: .75em 0;
    border-bottom: 1px solid #DDD
}

.slideshow nav a,
.slideshow nav a:active,
.slideshow nav a:visited {
    line-height: 0;
    border-radius: 50%;
    overflow: hidden
}

.slideshow nav a:hover svg {
    background: #FFC10B
}

.slideshow nav .previous {
    margin-left: auto
}

.slideshow nav span {
    display: inline-block;
    margin: 0 1.5em;
    font-size: .75em;
    font-weight: bold;
    letter-spacing: .09em
}

.slideshow nav p {
    margin-bottom: 0;
    font-size: .85em
}

@media only screen and (max-width:800px) {
    .slideshow nav p {
        display: none
    }
    .slideshow nav .previous {
        margin-left: 0
    }
}

body.front .in-this-section,
#lucy-page-template-inner .in-this-section {
    margin-top: var(--gutter_y);
    margin-bottom: var(--gutter_y)
}

body.front .in-this-section h2,
#lucy-page-template-inner .in-this-section h2 {
    font-size: 2.65rem
}

body.front .in-this-section:last-child,
#lucy-page-template-inner .in-this-section:last-child {
    margin-bottom: 0
}

body.front .in-this-section a,
body.front .in-this-section a:active,
body.front .in-this-section a:visited,
#lucy-page-template-inner .in-this-section a,
#lucy-page-template-inner .in-this-section a:active,
#lucy-page-template-inner .in-this-section a:visited {
    display: flex;
    align-items: flex-start;
    padding: 2em 0;
    text-decoration: none !important;
    border-top: 1px solid #DDD
}

body.front .in-this-section a .content p,
body.front .in-this-section a:active .content p,
body.front .in-this-section a:visited .content p,
#lucy-page-template-inner .in-this-section a .content p,
#lucy-page-template-inner .in-this-section a:active .content p,
#lucy-page-template-inner .in-this-section a:visited .content p {
    margin-bottom: 0;
    line-height: 1.6
}

body.front .in-this-section a .content p.title,
body.front .in-this-section a:active .content p.title,
body.front .in-this-section a:visited .content p.title,
#lucy-page-template-inner .in-this-section a .content p.title,
#lucy-page-template-inner .in-this-section a:active .content p.title,
#lucy-page-template-inner .in-this-section a:visited .content p.title {
    margin-bottom: 1em;
    line-height: 1;
    font-size: 1.4em;
    font-weight: bold;
    text-decoration: underline !important
}

body.front .in-this-section a .content p:last-child,
body.front .in-this-section a:active .content p:last-child,
body.front .in-this-section a:visited .content p:last-child,
#lucy-page-template-inner .in-this-section a .content p:last-child,
#lucy-page-template-inner .in-this-section a:active .content p:last-child,
#lucy-page-template-inner .in-this-section a:visited .content p:last-child {
    margin-bottom: 0 !important
}

body.front .in-this-section a img,
body.front .in-this-section a:active img,
body.front .in-this-section a:visited img,
#lucy-page-template-inner .in-this-section a img,
#lucy-page-template-inner .in-this-section a:active img,
#lucy-page-template-inner .in-this-section a:visited img {
    width: 23%;
    margin: 0 2em 0 0
}

body.front .in-this-section a:hover .content p.title,
body.front .in-this-section a:active:hover .content p.title,
body.front .in-this-section a:visited:hover .content p.title,
#lucy-page-template-inner .in-this-section a:hover .content p.title,
#lucy-page-template-inner .in-this-section a:active:hover .content p.title,
#lucy-page-template-inner .in-this-section a:visited:hover .content p.title {
    text-decoration: none !important
}

body.front .in-this-section a:first-of-type,
body.front .in-this-section a:active:first-of-type,
body.front .in-this-section a:visited:first-of-type,
#lucy-page-template-inner .in-this-section a:first-of-type,
#lucy-page-template-inner .in-this-section a:active:first-of-type,
#lucy-page-template-inner .in-this-section a:visited:first-of-type {
    margin-top: 1em
}

body.front .in-this-section a:last-child,
body.front .in-this-section a:active:last-child,
body.front .in-this-section a:visited:last-child,
#lucy-page-template-inner .in-this-section a:last-child,
#lucy-page-template-inner .in-this-section a:active:last-child,
#lucy-page-template-inner .in-this-section a:visited:last-child {
    border-bottom: 1px solid #DDD
}

body.front .in-this-section.secondary,
#lucy-page-template-inner .in-this-section.secondary {
    padding: 2.5em 3em 3em 3em;
    background-color: #F8F7F6
}

body.front .in-this-section.secondary a:last-child,
body.front .in-this-section.secondary a:active:last-child,
body.front .in-this-section.secondary a:visited:last-child,
#lucy-page-template-inner .in-this-section.secondary a:last-child,
#lucy-page-template-inner .in-this-section.secondary a:active:last-child,
#lucy-page-template-inner .in-this-section.secondary a:visited:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.tag {
    display: inline-block;
    margin-bottom: .5em;
    padding: .6em 2em .6em 1.5em;
    font-size: .7em;
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    letter-spacing: .01em;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    border: 1px solid #DDD;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box
}

.tag span {
    display: inline-block;
    margin-right: .7em;
    font-size: 1.1em
}

.skip {
    position: fixed;
    top: calc(var(--border_wrap) * 2);
    left: 50%;
    z-index: 25;
    padding: .75rem 1rem;
    text-decoration: none !important;
    line-height: 1;
    font-size: .875rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #000 !important;
    background: #FFC10B;
    border-radius: var(--border_radius);
    translate: -50% calc(-100% - (var(--border_wrap) * 2));
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out
}

.skip:hover {
    color: #333 !important;
    background: #FFF
}

.skip:focus {
    translate: -50% 0;
    outline: none;
    -moz-outline: none
}

.video-wrapper {
    position: relative;
    margin-bottom: 2em;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#overlay {
    display: none;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FFF;
    background: rgba(255, 255, 255, 0.87)
}

#overlay-close {
    display: none;
    position: fixed;
    z-index: 102;
    top: 20px;
    right: 20px;
    font-size: 1.4em;
    color: #000;
    cursor: pointer
}

#overlay-image {
    position: fixed;
    z-index: 101
}

#overlay-content {
    position: fixed;
    z-index: 101;
    top: 200%;
    left: 50%
}

.error {
    color: #ED6A5A
}

body.front .pagination {
    display: flex;
    padding-top: 3em;
    justify-content: center;
    align-items: center;
    gap: 1rem
}

body.front .pagination a,
body.front .pagination a:active,
body.front .pagination a:visited {
    display: flex;
    width: 3rem;
    height: 3rem;
    color: #000;
    font-weight: 500;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    border: 2px solid #FFC10B;
    border-radius: 50%
}

body.front .pagination a:hover,
body.front .pagination a.selected,
body.front .pagination a:active:hover,
body.front .pagination a:active.selected,
body.front .pagination a:visited:hover,
body.front .pagination a:visited.selected {
    color: #FFF;
    background: #000;
    border-color: #000
}

.video-gallery .title {
    font-size: 1.3rem;
    letter-spacing: -0.0085em;
    line-height: 1.1em
}

.video-gallery .title:last-child {
    margin-bottom: 0
}

.video-gallery .full {
    margin-bottom: 4em;
    padding-bottom: 4em;
    border-bottom: 1px solid #DDD
}

.video-gallery .full .title {
    font-size: 2rem;
    letter-spacing: -0.01em;
    line-height: 1.04em;
    margin-bottom: .5em
}

.video-gallery .full:last-child {
    margin-bottom: 0
}

.video-gallery .span8 {
    margin-bottom: 1em
}

.video-gallery .span8 .video-wrapper {
    margin-bottom: 0
}

.gallery .span6 {
    position: relative;
    margin-bottom: 20px;
    background-color: #D1C7BE;
    cursor: pointer
}

.gallery .span6 img {
    float: left;
    width: 100%
}

.gallery .span6:hover img {
    filter: alpha(opacity=75);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75
}

.gallery .span6.view-more {
    height: 0;
    padding-bottom: calc(25% - 20px);
    background: #FFC10B
}

.gallery .span6.view-more p {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-bottom: 0.5em;
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-size: 0.8rem;
    font-weight: bold;
    color: #000;
    letter-spacing: 0.1em;
    line-height: 2.2em;
    text-transform: uppercase;
    text-align: center;
    color: #FFFFFF;
    transform: translate(0, -50%);
    perspective: 1000px;
    -moz-transform: translate(0, -50%);
    -moz-perspective: 1000;
    -webkit-transform: translate(0, -50%);
    -webkit-perspective: 1000;
    -o-transform: translate(0, -50%);
    -o-perspective: 1000;
    -ms-transform: translate(0, -50%);
    -ms-perspective: 1000
}

.gallery .span6.view-more:hover {
    background: #D1C7BE
}

.gallery .span6.view-more:hover:after {
    display: none
}

#viewer {
    position: fixed;
    z-index: 25;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #F5F5F5;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out
}

#viewer #viewer-header {
    position: relative;
    z-index: 1;
    height: 60px;
    background: #FFF;
    border-bottom: 1px solid #DDD
}

#viewer #viewer-header h2 {
    float: left;
    display: inline;
    margin: 0 1.5em 0 0;
    padding-left: 1em;
    line-height: 60px;
    font-size: 1.5em
}

#viewer #viewer-header #viewer-close {
    float: right;
    display: inline;
    padding: 20px;
    cursor: pointer
}

#viewer #viewer-header #viewer-close:before {
    font-family: 'icomoon';
    content: '\e919'
}

#viewer #viewer-header p {
    float: right;
    display: inline;
    padding: 0 2em;
    line-height: 60px;
    font-weight: 800;
    font-size: .85em;
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD
}

#viewer #viewer-header em {
    font-weight: 300;
    color: #777
}

#viewer #viewer-previous,
#viewer #viewer-next {
    position: absolute;
    z-index: 1;
    top: 50%;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#viewer #viewer-previous:before,
#viewer #viewer-next:before {
    position: absolute;
    width: 70px;
    height: 70px;
    background: #FFF;
    content: '';
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box
}

#viewer #viewer-previous:after,
#viewer #viewer-next:after {
    position: absolute;
    font-family: 'icomoon';
    font-size: 70px;
    color: #000;
    line-height: 1
}

#viewer #viewer-previous {
    left: 0
}

#viewer #viewer-previous:before {
    left: -50px
}

#viewer #viewer-previous:after {
    content: '\e934'
}

#viewer #viewer-next {
    right: 0
}

#viewer #viewer-next:before {
    right: -50px
}

#viewer #viewer-next:after {
    right: 0;
    content: '\e935'
}

#viewer #viewer-image {
    position: absolute;
    z-index: 0;
    top: 60px;
    left: 0;
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

.lucy-slideshow {
    position: relative;
    width: 100%;
    height: 0;
    margin-bottom: 2em;
    padding-bottom: 58%;
    background: #F8F7F6;
    overflow: hidden
}

.lucy-slideshow .slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out
}

.lucy-slideshow .slider .slide {
    position: relative;
    float: left;
    display: inline;
    height: 100%;
    line-height: 0
}

.lucy-slideshow .slider .slide img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    transform: translate(-50%, -50%);
    perspective: 1000px;
    -moz-transform: translate(-50%, -50%);
    -moz-perspective: 1000;
    -webkit-transform: translate(-50%, -50%);
    -webkit-perspective: 1000;
    -o-transform: translate(-50%, -50%);
    -o-perspective: 1000;
    -ms-transform: translate(-50%, -50%);
    -ms-perspective: 1000
}

.lucy-slideshow .slider .slide p {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    margin-bottom: 0;
    padding: 1.5em;
    line-height: 1.2;
    color: #FFF;
    font-size: .9em;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

.lucy-slideshow .slider .slide.caption:before {
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent url(https://adrian.imgix.net/images/slideshow-gradient.png) repeat-x bottom left;
    content: ''
}

.lucy-slideshow .slider.count1 {
    width: 100%
}

.lucy-slideshow .slider.count1 .slide {
    width: 100%
}

.lucy-slideshow .slider.count2 {
    width: 200%
}

.lucy-slideshow .slider.count2 .slide {
    width: 50%
}

.lucy-slideshow .slider.count3 {
    width: 300%
}

.lucy-slideshow .slider.count3 .slide {
    width: 33.3333333333%
}

.lucy-slideshow .slider.count4 {
    width: 400%
}

.lucy-slideshow .slider.count4 .slide {
    width: 25%
}

.lucy-slideshow .slider.count5 {
    width: 500%
}

.lucy-slideshow .slider.count5 .slide {
    width: 20%
}

.lucy-slideshow .slider.count6 {
    width: 600%
}

.lucy-slideshow .slider.count6 .slide {
    width: 16.6666666667%
}

.lucy-slideshow .slider.count7 {
    width: 700%
}

.lucy-slideshow .slider.count7 .slide {
    width: 14.2857142857%
}

.lucy-slideshow .slider.count8 {
    width: 800%
}

.lucy-slideshow .slider.count8 .slide {
    width: 12.5%
}

.lucy-slideshow .slider.count9 {
    width: 900%
}

.lucy-slideshow .slider.count9 .slide {
    width: 11.1111111111%
}

.lucy-slideshow .slider.count10 {
    width: 1000%
}

.lucy-slideshow .slider.count10 .slide {
    width: 10%
}

.lucy-slideshow .slider.count11 {
    width: 1100%
}

.lucy-slideshow .slider.count11 .slide {
    width: 9.0909090909%
}

.lucy-slideshow .slider.count12 {
    width: 1200%
}

.lucy-slideshow .slider.count12 .slide {
    width: 8.3333333333%
}

.lucy-slideshow .slider.count13 {
    width: 1300%
}

.lucy-slideshow .slider.count13 .slide {
    width: 7.6923076923%
}

.lucy-slideshow .slider.count14 {
    width: 1400%
}

.lucy-slideshow .slider.count14 .slide {
    width: 7.1428571429%
}

.lucy-slideshow .slider.count15 {
    width: 1500%
}

.lucy-slideshow .slider.count15 .slide {
    width: 6.6666666667%
}

.lucy-slideshow.position1 .slider {
    left: 0%
}

.lucy-slideshow.position2 .slider {
    left: -100%
}

.lucy-slideshow.position3 .slider {
    left: -200%
}

.lucy-slideshow.position4 .slider {
    left: -300%
}

.lucy-slideshow.position5 .slider {
    left: -400%
}

.lucy-slideshow.position6 .slider {
    left: -500%
}

.lucy-slideshow.position7 .slider {
    left: -600%
}

.lucy-slideshow.position8 .slider {
    left: -700%
}

.lucy-slideshow.position9 .slider {
    left: -800%
}

.lucy-slideshow.position10 .slider {
    left: -900%
}

.lucy-slideshow.position11 .slider {
    left: -1000%
}

.lucy-slideshow.position12 .slider {
    left: -1100%
}

.lucy-slideshow.position13 .slider {
    left: -1200%
}

.lucy-slideshow.position14 .slider {
    left: -1300%
}

.lucy-slideshow.position15 .slider {
    left: -1400%
}

.lucy-slideshow .previous,
.lucy-slideshow .next {
    position: absolute;
    top: 50%;
    left: 0;
    width: 2em;
    height: 4em;
    margin-top: -2em;
    text-indent: -9999px;
    background: #000;
    cursor: pointer
}

.lucy-slideshow .previous:after,
.lucy-slideshow .next:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    margin: -4px 0 0 -3px;
    border-style: solid;
    border-width: 4px 5px 4px 0;
    border-color: transparent #FFF transparent transparent
}

.lucy-slideshow .previous:hover,
.lucy-slideshow .next:hover {
    background: black
}

.lucy-slideshow .next {
    left: auto;
    right: 0
}

.lucy-slideshow .next:after {
    border-width: 4px 0 4px 5px;
    border-color: transparent transparent transparent #FFF
}

.lucy-slideshow:hover .thumbs {
    bottom: 0
}

#apply-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem
}

#apply-buttons a,
#apply-buttons a:active,
#apply-buttons a:visited {
    display: flex;
    padding: var(--gutter_y) 0;
    flex-direction: column;
    align-items: center;
    color: #FFF;
    text-decoration: none;
    justify-content: center;
    background: #161616 url(https://adrian.imgix.net/images/mark-dark.png) no-repeat;
    background-size: 200% auto;
    background-position: 32% 13%;
    gap: 1.5rem
}

#apply-buttons a h2,
#apply-buttons a h3,
#apply-buttons a:active h2,
#apply-buttons a:active h3,
#apply-buttons a:visited h2,
#apply-buttons a:visited h3 {
    margin-bottom: 0;
    line-height: 1;
    color: #FFF;
    font-size: 2.5rem
}

#apply-buttons a .box-link,
#apply-buttons a:active .box-link,
#apply-buttons a:visited .box-link {
    margin: 0;
    padding-right: 3rem;
    color: #FFF
}

#apply-buttons a .box-link:after,
#apply-buttons a:active .box-link:after,
#apply-buttons a:visited .box-link:after {
    color: #FFF
}

#apply-buttons a:hover .box-link {
    color: #161616 !important;
    background: #FFC10B
}

#apply-buttons a:hover .box-link:after {
    color: #161616
}

@media only screen and (max-width:800px) {
    #apply-buttons {
        grid-template-columns: 1fr
    }
}

#share-container-overlay {
    position: fixed;
    z-index: 15;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(248, 247, 246, 0.8)
}

#share-container {
    display: none;
    overflow: hidden;
    position: fixed;
    z-index: 201;
    top: 50%;
    left: 50%;
    padding: 1.5em 2em 2em 2em;
    background: #FFF;
    box-sizing: border-box;
    transform: translate(-50%, -40%);
    opacity: 0;
    transition: all .2s ease-in-out;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border-radius: .5rem
}

#share-container.open {
    transform: translate(-50%, -50%);
    opacity: 1
}

#share-container .title {
    margin: 0;
    padding: .5rem 0;
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    text-align: center
}

#share-container #share-close {
    position: absolute;
    top: .5rem;
    right: .5rem;
    padding: .5rem;
    font-size: .75rem;
    color: #D1C7BE;
    text-decoration: none
}

#share-container .networks ul.social {
    margin: .25rem 0 0 0;
    padding: 0;
    list-style-type: none;
    text-align: center
}

#share-container .networks ul.social li {
    display: inline-block;
    margin-right: .35rem
}

#share-container .networks ul.social li a,
#share-container .networks ul.social li a:active,
#share-container .networks ul.social li a:visited {
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-decoration: none;
    text-align: center;
    border: 1px solid #DDD;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box;
    transition: all .2s ease-in-out
}

#share-container .networks ul.social li a span,
#share-container .networks ul.social li a:active span,
#share-container .networks ul.social li a:visited span {
    position: relative;
    top: .1rem
}

#share-container .networks ul.social li a .icon-email,
#share-container .networks ul.social li a:active .icon-email,
#share-container .networks ul.social li a:visited .icon-email {
    font-size: .7rem
}

#share-container .networks ul.social li a:hover,
#share-container .networks ul.social li a:active:hover,
#share-container .networks ul.social li a:visited:hover {
    background: #D1C7BE;
    border-color: #D1C7BE;
    color: #FFFFFF
}

#share-container .networks ul.social li:last-child {
    margin-right: 0
}

#share-container .networks #copy-wrap {
    position: relative;
    margin-top: 1em
}

#share-container .networks #copy-wrap a {
    display: inline-block;
    width: 50px;
    height: 34px;
    margin: 0 !important;
    font-size: .6em;
    text-decoration: none;
    text-align: center;
    line-height: 35px;
    color: #000;
    background: #FFC10B;
    transition: all .2s ease-in-out
}

#share-container .networks #copy-wrap a:hover {
    background: #D1C7BE;
    color: #FFFFFF
}

#share-container .networks #copy-to-clipboard {
    display: inline-block;
    width: 250px;
    height: 35px;
    padding: 5px;
    font-size: .8em;
    outline: none;
    border: 1px solid #DDD;
    box-sizing: border-box
}

@media only screen and (max-width:600px) {
    #share-container .networks #copy-to-clipboard {
        width: 175px
    }
}

@media only screen and (max-width:600px) {
    #share-container {
        padding: 1em 1.5em 1.5em 1.5em
    }
}

#recaptcha_widget_div {
    margin-bottom: 10px
}

a img {
    border: none
}

.separator {
    margin: 2em 0;
    border-bottom: 1px solid #DDD
}

/* Interaction Cues
----------------------------------*/

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none
}

.ui-datepicker {
    width: 17em;
    display: none;
    border: none !important
}

.ui-datepicker .ui-icon {
    width: 25px
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .5em 0
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 35%;
    width: 3em;
    height: 2em;
    font-size: 1.35em;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    margin-top: 1px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    text-indent: 0 !important;
    font-size: .8em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-image: none
}

.ui-datepicker .ui-datepicker-prev span {
    content: "\e922"
}

.ui-datepicker .ui-datepicker-next span {
    content: "\e920";
    text-align: right
}

.ui-datepicker-next span {
    float: right
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    font-size: 1.5em;
    line-height: 1.5em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    font-size: .85em;
    border: 0
}

.ui-datepicker td {
    border: none !important;
    padding: 1px
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .5em;
    font-size: .85em;
    text-align: center;
    text-decoration: none;
    border: none !important
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

/* Interaction states
----------------------------------*/

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    font-weight: bold;
    color: #000
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #454545;
    text-decoration: none
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    color: #FFFFFF !important;
    background: #FFC10B !important
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #FFFFFF;
    text-decoration: none;
    background: #FFC10B
}

.ui-widget {
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif
}

.ui-datepicker a,
.ui-datepicker a:active,
.ui-datepicker a:visited {
    border: none !important
}

.ui-datepicker .ui-datepicker-header {
    margin: 1em 0 2em 0
}

@media only screen and (max-width:1125px) {
    .ui-datepicker .ui-datepicker-header {
        margin: 1em 0
    }
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-size: 1.1em;
    font-weight: 500;
    letter-spacing: .5px
}

@media only screen and (max-width:1125px) {
    .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
        margin: 0;
        font-size: 1em
    }
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    text-decoration: none
}

.ui-datepicker .ui-datepicker-calendar {
    font-size: .75em
}

.ui-datepicker .ui-datepicker-calendar thead {
    font-size: 1em;
    font-weight: 500
}

.ui-datepicker .ui-datepicker-calendar td {
    text-align: center !important;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.ui-datepicker .ui-datepicker-calendar td.active span,
.ui-datepicker .ui-datepicker-calendar td a {
    background-color: rgba(255, 193, 11, 0.4)
}

.ui-datepicker .ui-datepicker-calendar td span,
.ui-datepicker .ui-datepicker-calendar td a {
    display: inline-block;
    width: 32px;
    height: 32px;
    padding: 0;
    line-height: 32px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box
}

@media only screen and (max-width:1440px) {
    .ui-datepicker .ui-datepicker-calendar td span,
    .ui-datepicker .ui-datepicker-calendar td a {
        width: 25px;
        height: 25px;
        line-height: 25px
    }
}

@media only screen and (max-width:1125px) {
    .ui-datepicker .ui-datepicker-calendar td span,
    .ui-datepicker .ui-datepicker-calendar td a {
        width: 15px;
        height: 15px;
        line-height: 15px
    }
}

body.front .lucy-callout,
#lucy-page-template-inner .lucy-callout {
    display: flex;
    margin-bottom: 2rem;
    align-items: center;
    color: #FFFFFF;
    text-decoration: none !important;
    background: #161616;
    overflow: hidden;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box
}

body.front .lucy-callout img,
#lucy-page-template-inner .lucy-callout img {
    width: 28%;
    margin-right: 3rem
}

body.front .lucy-callout .wrap,
#lucy-page-template-inner .lucy-callout .wrap {
    display: flex;
    align-items: center;
    flex: 1 0 0
}

body.front .lucy-callout .content,
#lucy-page-template-inner .lucy-callout .content {
    margin-right: 3rem
}

body.front .lucy-callout .content h3,
body.front .lucy-callout .content p,
#lucy-page-template-inner .lucy-callout .content h3,
#lucy-page-template-inner .lucy-callout .content p {
    color: #FFFFFF !important
}

body.front .lucy-callout .content h3,
#lucy-page-template-inner .lucy-callout .content h3 {
    margin-bottom: .35em !important
}

body.front .lucy-callout .content p,
#lucy-page-template-inner .lucy-callout .content p {
    margin-bottom: 0 !important;
    line-height: 1.5
}

body.front .lucy-callout .button,
#lucy-page-template-inner .lucy-callout .button {
    margin-left: auto;
    margin-right: 3rem;
    white-space: nowrap
}

body.front .lucy-callout[max-width~="900px"] h3,
#lucy-page-template-inner .lucy-callout[max-width~="900px"] h3 {
    font-size: 1.5em
}

body.front .lucy-callout[max-width~="810px"] img,
#lucy-page-template-inner .lucy-callout[max-width~="810px"] img {
    width: 50%
}

body.front .lucy-callout[max-width~="810px"] .wrap,
#lucy-page-template-inner .lucy-callout[max-width~="810px"] .wrap {
    flex-direction: column;
    align-items: flex-start
}

body.front .lucy-callout[max-width~="810px"] .wrap .content,
#lucy-page-template-inner .lucy-callout[max-width~="810px"] .wrap .content {
    margin-right: 1rem
}

body.front .lucy-callout[max-width~="810px"] .wrap .button,
#lucy-page-template-inner .lucy-callout[max-width~="810px"] .wrap .button {
    margin: 1rem 0 0 0 !important
}

body.front .lucy-callout[max-width~="700px"],
#lucy-page-template-inner .lucy-callout[max-width~="700px"] {
    flex-wrap: wrap
}

body.front .lucy-callout[max-width~="700px"] img,
#lucy-page-template-inner .lucy-callout[max-width~="700px"] img {
    width: 100%;
    margin: 0 0 2rem 0
}

body.front .lucy-callout[max-width~="700px"] .wrap .content,
#lucy-page-template-inner .lucy-callout[max-width~="700px"] .wrap .content {
    width: 100%;
    margin-bottom: 1rem;
    padding: 0 2rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

body.front .lucy-callout[max-width~="700px"] .wrap .button,
#lucy-page-template-inner .lucy-callout[max-width~="700px"] .wrap .button {
    margin: 0 2rem 2rem !important
}

body.front .lucy-callout:hover .button,
#lucy-page-template-inner .lucy-callout:hover .button {
    color: #FFC10B;
    background: #FFFFFF
}

body.front .program-callout,
#lucy-page-template-inner .program-callout {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2.5em 3em;
    background: #161616
}

body.front .program-callout .content,
#lucy-page-template-inner .program-callout .content {
    margin: 0 2em
}

body.front .program-callout .content p,
#lucy-page-template-inner .program-callout .content p {
    margin-bottom: 0;
    color: #FFFFFF
}

body.front .program-callout .content p.title,
#lucy-page-template-inner .program-callout .content p.title {
    margin-bottom: .25em;
    font-size: 1.4em;
    font-weight: bold
}

body.front .program-callout .content p.body,
#lucy-page-template-inner .program-callout .content p.body {
    font-size: .8em
}

body.front .program-callout svg,
#lucy-page-template-inner .program-callout svg {
    width: 15%
}

body.front .program-callout a.box-link,
body.front .program-callout a:active.box-link,
body.front .program-callout a:visited.box-link,
#lucy-page-template-inner .program-callout a.box-link,
#lucy-page-template-inner .program-callout a:active.box-link,
#lucy-page-template-inner .program-callout a:visited.box-link {
    width: 20%;
    color: #FFFFFF
}

body.front .program-callout a.box-link:after,
body.front .program-callout a:active.box-link:after,
body.front .program-callout a:visited.box-link:after,
#lucy-page-template-inner .program-callout a.box-link:after,
#lucy-page-template-inner .program-callout a:active.box-link:after,
#lucy-page-template-inner .program-callout a:visited.box-link:after {
    color: #FFFFFF
}

body.front .program-callout a.box-link:hover:after,
body.front .program-callout a:active.box-link:hover:after,
body.front .program-callout a:visited.box-link:hover:after,
#lucy-page-template-inner .program-callout a.box-link:hover:after,
#lucy-page-template-inner .program-callout a:active.box-link:hover:after,
#lucy-page-template-inner .program-callout a:visited.box-link:hover:after {
    color: #161616
}

@media only screen and (max-width:1250px) {
    body.front .program-callout,
    #lucy-page-template-inner .program-callout {
        position: relative;
        display: block;
        padding-left: calc(3em + 7% + 20px)
    }
    body.front .program-callout .content,
    #lucy-page-template-inner .program-callout .content {
        margin: 0
    }
    body.front .program-callout a.box-link,
    body.front .program-callout a:active.box-link,
    body.front .program-callout a:visited.box-link,
    #lucy-page-template-inner .program-callout a.box-link,
    #lucy-page-template-inner .program-callout a:active.box-link,
    #lucy-page-template-inner .program-callout a:visited.box-link {
        display: inline-block;
        margin-top: 2em;
        padding-right: 8em;
        width: 50%
    }
    body.front .program-callout svg,
    #lucy-page-template-inner .program-callout svg {
        position: absolute;
        top: 2.5em;
        left: 2em;
        width: 7%
    }
}

@media only screen and (max-width:800px) {
    body.front .program-callout,
    #lucy-page-template-inner .program-callout {
        padding-left: 2em;
        padding-right: 2em
    }
    body.front .program-callout .content .title,
    #lucy-page-template-inner .program-callout .content .title {
        padding-left: 12%
    }
    body.front .program-callout a.box-link,
    body.front .program-callout a:active.box-link,
    body.front .program-callout a:visited.box-link,
    #lucy-page-template-inner .program-callout a.box-link,
    #lucy-page-template-inner .program-callout a:active.box-link,
    #lucy-page-template-inner .program-callout a:visited.box-link {
        width: 100%
    }
}

#home-wrap .lucy-bucket .lucy-wrapper,
#home-wrap .lucy-bucket #layout-full,
#home-wrap .lucy-bucket #layout-7030 {
    padding: 0
}

#home-wrap h2 {
    display: flex;
    justify-content: space-between
}

#home-wrap h2 nav {
    margin-left: auto;
    font-size: 1rem
}

#home-wrap h2 nav a,
#home-wrap h2 nav a:active,
#home-wrap h2 nav a:visited {
    display: inline-block;
    width: 3.125vw;
    height: 3.125vw;
    line-height: 3.25vw;
    font-size: 1.25rem;
    text-align: center;
    text-decoration: none;
    border: 3px solid #FFC10B;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out
}

#home-wrap h2 nav a.previous,
#home-wrap h2 nav a:active.previous,
#home-wrap h2 nav a:visited.previous {
    margin-right: .75em;
    transform: scaleX(-1);
    perspective: 1000px;
    -moz-transform: scaleX(-1);
    -moz-perspective: 1000;
    -webkit-transform: scaleX(-1);
    -webkit-perspective: 1000;
    -o-transform: scaleX(-1);
    -o-perspective: 1000;
    -ms-transform: scaleX(-1);
    -ms-perspective: 1000
}

#home-wrap h2 nav a.disabled,
#home-wrap h2 nav a:active.disabled,
#home-wrap h2 nav a:visited.disabled {
    cursor: not-allowed;
    filter: alpha(opacity=25);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
    -moz-opacity: 0.25;
    -khtml-opacity: 0.25;
    opacity: 0.25
}

@media only screen and (max-width:800px) {
    #home-wrap .action-link-group {
        position: relative;
        z-index: 1;
        padding-bottom: 6em
    }
    #home-wrap .action-link-group a,
    #home-wrap .action-link-group a:active,
    #home-wrap .action-link-group a:visited {
        position: relative;
        z-index: 1
    }
    #home-wrap .action-link-group:before {
        position: absolute;
        bottom: 85%;
        left: calc(-1 * var(--gutter_x));
        width: calc(100% + (var(--gutter_x) * 2));
        height: 112px;
        background-image: linear-gradient(0deg, #161616 0%, rgba(22, 22, 22, 0) 80%);
        content: ''
    }
    #home-wrap .action-link-group:after {
        position: absolute;
        top: 15%;
        left: calc(-1 * var(--gutter_x));
        width: calc(100% + (var(--gutter_x) * 2));
        height: 85%;
        background: #161616;
        content: ''
    }
    #home-wrap:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 112px;
        transform: scaleX(-1) scaleY(-1);
        background-image: linear-gradient(0deg, #161616 0%, rgba(22, 22, 22, 0) 80%);
        content: ''
    }
}

#home-hero {
    position: relative;
    width: 100%;
    padding: calc(var(--header_height) + 12em) 0 16em 0
}

#home-hero video {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    object-fit: cover;
    object-position: top center
}

#home-hero:after {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    content: ''
}

#home-hero .lucy-wrapper,
#home-hero #layout-full,
#home-hero #layout-7030 {
    position: relative;
    z-index: 2
}

#home-hero h1 {
    margin-bottom: .45em;
    font-size: 6.875vw;
    line-height: 1;
    color: #FFFFFF;
    letter-spacing: .015em
}

#home-hero .action-link,
#home-hero .action-link-group a,
.action-link-group #home-hero a {
    position: relative;
    z-index: 1;
    font-size: calc(12px + .75vw);
    color: #FFFFFF
}

#home-hero #home-hero-scroll {
    position: absolute;
    z-index: 3;
    left: var(--gutter_x);
    bottom: var(--gutter_y);
    display: flex;
    align-items: center;
    gap: .75rem;
    line-height: 1;
    font-weight: 100;
    color: #FFF;
    text-decoration: none;
    translate: 0 100%
}

@media only screen and (max-width:800px) {
    #home-hero {
        padding: var(--header_height) 0 0 0;
        background-size: auto 75%;
        background-position: top center
    }
    #home-hero #home-hero-scroll {
        display: none
    }
    #home-hero h1 {
        position: relative;
        z-index: 1;
        margin-bottom: 2em;
        padding-top: .25em;
        font-size: calc(2.5em + 3vw);
        border-top: 1px solid rgba(221, 221, 221, 0.3)
    }
    #home-hero h1 br {
        display: none
    }
    #home-hero .action-link,
    #home-hero .action-link-group a,
    .action-link-group #home-hero a {
        font-size: calc(1.25em + 2vw);
        font-size: 1.38rem
    }
}

#home-why-adrian .image {
    top: calc(var(--gutter_y) * -1)
}

#home-why-adrian,
#home-student-life,
#home-affordability {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    /*@include bp(1300){align-items:stretch;.content{padding:var(--gutter_y) var(--gutter_x)}.image{padding-bottom:0;background-size:cover !important;background-position:center}}*/
}

#home-why-adrian img,
#home-student-life img,
#home-affordability img {
    display: none
}

#home-why-adrian .content,
#home-student-life .content,
#home-affordability .content {
    width: 42%;
    padding: calc(var(--gutter_y) * 2) var(--gutter_x)
}

#home-why-adrian .content h2,
#home-student-life .content h2,
#home-affordability .content h2 {
    font-size: calc(1.8em + 2vw)
}

#home-why-adrian .content p:last-child,
#home-student-life .content p:last-child,
#home-affordability .content p:last-child {
    margin-bottom: 0
}

#home-why-adrian .image,
#home-student-life .image,
#home-affordability .image {
    position: relative;
    width: 58%;
    background-size: auto 135%;
    background-repeat: no-repeat;
    background-color: #EEE;
    background-position: center
}

@media screen and (min-width:1700px) {
    #home-why-adrian .image,
    #home-student-life .image,
    #home-affordability .image {
        background-size: cover
    }
}

#home-why-adrian .action,
#home-student-life .action,
#home-affordability .action {
    line-height: 1.25
}

@media only screen and (max-width:800px) {
    #home-why-adrian,
    #home-student-life,
    #home-affordability {
        padding: 0 var(--gutter_x) var(--gutter_y) var(--gutter_x);
        flex-direction: column;
        align-items: center
    }
    #home-why-adrian img,
    #home-student-life img,
    #home-affordability img {
        position: relative;
        z-index: 1;
        margin-top: -2em;
        display: block;
        max-width: 100%;
        margin-bottom: 2em;
        align-self: center
    }
    #home-why-adrian .content,
    #home-student-life .content,
    #home-affordability .content {
        width: 100%;
        padding: 0 var(--gutter_x)
    }
    #home-why-adrian .image,
    #home-student-life .image,
    #home-affordability .image {
        position: relative;
        z-index: 1;
        order: -1;
        display: block;
        width: 100%;
        aspect-ratio: 1
    }
}

/*@include bp(1300){#home-why-adrian{margin-bottom:var(--gutter_y);padding-bottom:0}}*/

#home-affordability {
    position: relative;
    z-index: 2;
    margin-top: calc(-2 * var(--gutter_y));
    padding-top: calc(2 * var(--gutter_y));
    background: #161616
}

#home-affordability .image {
    background-image: url(https://adrian.imgix.net/images/affordable-tuition2.jpg);
    top: var(--gutter_y)
}

#home-affordability .content h2,
#home-affordability .content p,
#home-affordability .content .action-link,
#home-affordability .content .action-link-group a,
.action-link-group #home-affordability .content a {
    color: #FFFFFF
}

#home-why-adrian .image {
    background-image: url(https://adrian.imgix.net/images/define-your-future2.jpg)
}

#home-student-life .image {
    background-image: url(https://adrian.imgix.net/images/student-life.jpg);
    top: var(--gutter_y)
}

@media only screen and (max-width:800px) {
    #home-affordability {
        margin-top: 0;
        padding-top: 0
    }
    #home-affordability .image {
        top: calc(-1 * var(--gutter_y))
    }
    #home-student-life .image {
        top: calc(-1 * var(--gutter_y))
    }
}

#home-academics {
    position: relative;
    z-index: 3;
    margin-top: var(--gutter_y);
    padding-left: var(--gutter_x);
    /*@include bp(1300){margin-bottom:var(--gutter_y)}*/
}

#home-academics .pre-heading,
#home-academics h2 {
    width: 65%
}

#home-academics h2 {
    font-size: calc(1.8em + 2vw)
}

#home-academics .categories {
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

#home-academics .categories a,
#home-academics .categories a:active,
#home-academics .categories a:visited {
    position: relative;
    display: block;
    aspect-ratio: 365 / 665;
    padding: 2.5rem 2rem 0 2rem;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 1.3;
    overflow: hidden;
    background-color: #161616;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

#home-academics .categories a span,
#home-academics .categories a:active span,
#home-academics .categories a:visited span {
    position: relative;
    z-index: 1;
    font-size: 1.5rem
}

#home-academics .categories a .image,
#home-academics .categories a:active .image,
#home-academics .categories a:visited .image {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover
}

#home-academics .categories a .image:after,
#home-academics .categories a:active .image:after,
#home-academics .categories a:visited .image:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 44%);
    background-size: cover;
    content: ''
}

@media screen and (min-width:900px) {
    #home-academics .categories a:hover .image,
    #home-academics .categories a:focus .image,
    #home-academics .categories a:active:hover .image,
    #home-academics .categories a:active:focus .image,
    #home-academics .categories a:visited:hover .image,
    #home-academics .categories a:visited:focus .image {
        opacity: .35
    }
    #home-academics .categories a:hover span,
    #home-academics .categories a:focus span,
    #home-academics .categories a:active:hover span,
    #home-academics .categories a:active:focus span,
    #home-academics .categories a:visited:hover span,
    #home-academics .categories a:visited:focus span {
        position: absolute;
        top: 50%;
        left: 50%;
        display: flex;
        flex-direction: column;
        width: 10rem;
        aspect-ratio: 1;
        white-space: pre-wrap;
        justify-content: center;
        align-content: center;
        align-items: center;
        text-align: center;
        font-weight: 500;
        line-height: 1.5;
        font-size: .9rem;
        color: #000;
        border-radius: 50%;
        background-color: #FFC10B;
        translate: -50% -50%
    }
    #home-academics .categories a:hover span::before,
    #home-academics .categories a:focus span::before,
    #home-academics .categories a:active:hover span::before,
    #home-academics .categories a:active:focus span::before,
    #home-academics .categories a:visited:hover span::before,
    #home-academics .categories a:visited:focus span::before {
        content: 'Explore'
    }
    #home-academics .categories a:hover span::after,
    #home-academics .categories a:focus span::after,
    #home-academics .categories a:active:hover span::after,
    #home-academics .categories a:active:focus span::after,
    #home-academics .categories a:visited:hover span::after,
    #home-academics .categories a:visited:focus span::after {
        width: 1rem;
        margin-top: .3rem;
        aspect-ratio: 20 / 17.45;
        background: transparent url(https://adrian.imgix.net/images/icons/right-arrow-dark.svg) no-repeat 0 0;
        background-size: cover;
        content: ''
    }
}

@media only screen and (max-width:800px) {
    #home-academics {
        margin-top: 0
    }
    #home-academics h2 {
        width: 100%
    }
    #home-academics .categories {
        display: block;
        margin-bottom: var(--gutter_y)
    }
    #home-academics .categories a,
    #home-academics .categories a:active,
    #home-academics .categories a:visited {
        width: 100%;
        padding: 0;
        aspect-ratio: auto;
        color: #000;
        font-size: 1.4em;
        font-size: 1.38rem;
        font-weight: bold;
        text-decoration: none !important;
        background: transparent
    }
    #home-academics .categories a br,
    #home-academics .categories a:active br,
    #home-academics .categories a:visited br {
        display: none
    }
    #home-academics .categories a .image,
    #home-academics .categories a:active .image,
    #home-academics .categories a:visited .image {
        display: none
    }
    #home-academics .categories a span,
    #home-academics .categories a:active span,
    #home-academics .categories a:visited span {
        display: inline-block;
        margin-right: .5em;
        text-decoration: underline !important
    }
    #home-academics .categories a:after,
    #home-academics .categories a:active:after,
    #home-academics .categories a:visited:after {
        position: relative;
        color: #FFC10B;
        font-size: .8em;
        font-family: 'icomoon' !important;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "" !important
    }
}

@media only screen and (max-width:800px) {
    #home-academics {
        margin-bottom: calc(var(--gutter_y) + 2em)
    }
}

#home-campus {
    position: relative;
    z-index: 1;
    height: 0;
    padding-bottom: 60%;
    overflow: hidden
}

#home-campus video {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    object-fit: cover;
    object-position: top center
}

#home-campus .content {
    position: absolute;
    z-index: 2;
    top: calc(2 * var(--gutter_y));
    left: var(--gutter_x);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(100% - (2 * var(--gutter_x)));
    height: calc(100% - (3 * var(--gutter_y)))
}

#home-campus .content p,
#home-campus .content h2,
#home-campus .content .action-link,
#home-campus .content .action-link-group a,
.action-link-group #home-campus .content a {
    color: #FFFFFF
}

#home-campus .content h2 {
    margin-bottom: auto;
    font-size: 5rem
}

#home-campus:after {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    content: ''
}

@media only screen and (max-width:800px) {
    #home-campus {
        height: auto;
        padding-bottom: 0
    }
    #home-campus .content {
        position: relative;
        top: auto;
        left: auto;
        width: auto;
        height: auto;
        padding: var(--gutter_y) var(--gutter_x);
        padding-bottom: 0
    }
    #home-campus .content h2 {
        margin-bottom: 2em;
        font-size: 4rem
    }
    #home-campus .action-link-group {
        padding-bottom: 2em
    }
}

@media only screen and (max-width:800px) {
    #home-campus {
        padding-bottom: var(--gutter_y)
    }
}

@media only screen and (max-width:800px) {
    #home-wrap #home-campus .action-link-group:after {
        height: 200%
    }
}

#home-stories {
    padding: calc(2 * var(--gutter_y)) var(--gutter_x) var(--gutter_y) var(--gutter_x);
    background: #161616
}

@media only screen and (max-width:800px) {
    #home-stories {
        padding: var(--gutter_y) var(--gutter_x);
        position: relative;
        overflow-x: auto
    }
    #home-stories .pre-heading,
    #home-stories h2 {
        position: sticky;
        top: 0;
        left: 0
    }
    #home-stories h2 {
        top: 1em;
        margin-bottom: var(--gutter_y)
    }
    #home-stories h2 nav {
        display: none
    }
}

#home-stories h2,
#home-stories p {
    color: #FFFFFF
}

#home-stories h2 {
    font-size: calc(1.8em + 2vw)
}

#home-stories .stories {
    display: flex
}

@media only screen and (max-width:800px) {
    #home-stories .stories {
        width: 200%
    }
}

@media only screen and (max-width:600px) {
    #home-stories .stories {
        width: 400%
    }
}

#home-stories .stories a,
#home-stories .stories a:active,
#home-stories .stories a:visited {
    position: relative;
    display: block;
    width: calc(25% - (20px * 3 / 4));
    margin-right: 20px;
    color: #FFFFFF;
    line-height: 1.3;
    text-decoration: none
}

@media only screen and (max-width:800px) {
    #home-stories .stories a,
    #home-stories .stories a:active,
    #home-stories .stories a:visited {
        width: calc(50% - (20px * 3 / 4));
        aspect-ratio: 325 / 306
    }
}

@media only screen and (max-width:600px) {
    #home-stories .stories a,
    #home-stories .stories a:active,
    #home-stories .stories a:visited {
        width: calc(100% - (20px * 3 / 4))
    }
}

#home-stories .stories a img,
#home-stories .stories a:active img,
#home-stories .stories a:visited img {
    width: 100%;
    margin-bottom: .5em
}

#home-stories .stories a .date,
#home-stories .stories a:active .date,
#home-stories .stories a:visited .date {
    margin-bottom: .5em;
    font-size: 1.125vw;
    text-decoration: none
}

@media only screen and (max-width:800px) {
    #home-stories .stories a .date,
    #home-stories .stories a:active .date,
    #home-stories .stories a:visited .date {
        font-size: 14px
    }
}

#home-stories .stories a .title,
#home-stories .stories a:active .title,
#home-stories .stories a:visited .title {
    margin-bottom: 0;
    padding-right: 1.5em;
    font-size: 1.5vw;
    font-weight: 500;
    text-decoration: underline
}

@media only screen and (max-width:800px) {
    #home-stories .stories a .title,
    #home-stories .stories a:active .title,
    #home-stories .stories a:visited .title {
        font-size: 25px
    }
}

#home-stories .stories a:nth-child(4),
#home-stories .stories a:active:nth-child(4),
#home-stories .stories a:visited:nth-child(4) {
    margin-right: 0
}

#home-stories .stories a:hover .title,
#home-stories .stories a:focus .title,
#home-stories .stories a:active:hover .title,
#home-stories .stories a:active:focus .title,
#home-stories .stories a:visited:hover .title,
#home-stories .stories a:visited:focus .title {
    text-decoration: none
}

#home-stories .stories:hover a,
#home-stories .stories:hover a:active,
#home-stories .stories:hover a:visited,
#home-stories .stories:focus a,
#home-stories .stories:focus a:active,
#home-stories .stories:focus a:visited {
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5
}

#home-stories .stories:hover a:hover,
#home-stories .stories:hover a:focus,
#home-stories .stories:hover a:active:hover,
#home-stories .stories:hover a:active:focus,
#home-stories .stories:hover a:visited:hover,
#home-stories .stories:hover a:visited:focus,
#home-stories .stories:focus a:hover,
#home-stories .stories:focus a:focus,
#home-stories .stories:focus a:active:hover,
#home-stories .stories:focus a:active:focus,
#home-stories .stories:focus a:visited:hover,
#home-stories .stories:focus a:visited:focus {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

#home-events {
    padding: var(--gutter_y) var(--gutter_x);
    overflow: hidden
}

@media only screen and (max-width:800px) {
    #home-events {
        position: relative;
        overflow-x: auto
    }
    #home-events .pre-heading,
    #home-events h2 {
        position: sticky;
        top: 0;
        left: 0
    }
    #home-events h2 {
        top: 1em;
        margin-bottom: var(--gutter_y)
    }
    #home-events h2 nav {
        display: none
    }
}

#home-events h2 {
    font-size: calc(1.8em + 2vw)
}

#home-events .events {
    position: relative;
    left: 0;
    display: flex;
    margin-top: calc(var(--gutter_y) * .5);
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out
}

@media only screen and (max-width:800px) {
    #home-events .events {
        margin-top: calc(var(--gutter_y) * .5)
    }
}

#home-events .events a,
#home-events .events a:active,
#home-events .events a:visited {
    width: calc(25% - (20px * 3 / 4));
    margin-right: 20px;
    text-decoration: none
}

@media only screen and (max-width:800px) {
    #home-events .events a,
    #home-events .events a:active,
    #home-events .events a:visited {
        width: calc(50% - (20px * 3 / 4));
        aspect-ratio: 325 / 306
    }
}

@media only screen and (max-width:600px) {
    #home-events .events a,
    #home-events .events a:active,
    #home-events .events a:visited {
        width: calc(100% - (20px * 3 / 4))
    }
}

#home-events .events a .content,
#home-events .events a:active .content,
#home-events .events a:visited .content {
    padding: 1.5em;
    font-weight: bold;
    background: #FFC10B
}

@media only screen and (max-width:800px) {
    #home-events .events a .content,
    #home-events .events a:active .content,
    #home-events .events a:visited .content {
        height: 100%
    }
}

#home-events .events a .content .date,
#home-events .events a:active .content .date,
#home-events .events a:visited .content .date {
    line-height: 1;
    font-size: .875vw;
    text-transform: uppercase
}

@media only screen and (max-width:800px) {
    #home-events .events a .content .date,
    #home-events .events a:active .content .date,
    #home-events .events a:visited .content .date {
        font-size: 14px
    }
}

#home-events .events a .content .date span,
#home-events .events a:active .content .date span,
#home-events .events a:visited .content .date span {
    font-size: 4.4vw;
    letter-spacing: -.04em
}

@media only screen and (max-width:800px) {
    #home-events .events a .content .date span,
    #home-events .events a:active .content .date span,
    #home-events .events a:visited .content .date span {
        font-size: 71px
    }
}

#home-events .events a .content .title,
#home-events .events a:active .content .title,
#home-events .events a:visited .content .title {
    position: relative;
    margin: 1em 0 0 0;
    font-size: 1.5vw;
    font-weight: 500;
    line-height: 1.2
}

@media only screen and (max-width:800px) {
    #home-events .events a .content .title,
    #home-events .events a:active .content .title,
    #home-events .events a:visited .content .title {
        font-size: 25px
    }
}

#home-events .events a .content .title span,
#home-events .events a:active .content .title span,
#home-events .events a:visited .content .title span {
    text-decoration: underline
}

#home-events .events a .content .title.loaded span,
#home-events .events a:active .content .title.loaded span,
#home-events .events a:visited .content .title.loaded span {
    position: absolute;
    bottom: 0
}

#home-events .events a img,
#home-events .events a:active img,
#home-events .events a:visited img {
    width: 100%
}

#home-events .events a:hover .content,
#home-events .events a:focus .content,
#home-events .events a:active:hover .content,
#home-events .events a:active:focus .content,
#home-events .events a:visited:hover .content,
#home-events .events a:visited:focus .content {
    background: #161616
}

#home-events .events a:hover .content p,
#home-events .events a:hover .content span,
#home-events .events a:focus .content p,
#home-events .events a:focus .content span,
#home-events .events a:active:hover .content p,
#home-events .events a:active:hover .content span,
#home-events .events a:active:focus .content p,
#home-events .events a:active:focus .content span,
#home-events .events a:visited:hover .content p,
#home-events .events a:visited:hover .content span,
#home-events .events a:visited:focus .content p,
#home-events .events a:visited:focus .content span {
    color: #FFFFFF
}

#home-events .events a:hover .content .title span,
#home-events .events a:focus .content .title span,
#home-events .events a:active:hover .content .title span,
#home-events .events a:active:focus .content .title span,
#home-events .events a:visited:hover .content .title span,
#home-events .events a:visited:focus .content .title span {
    text-decoration: none
}

#home-events .events[data-count='5'] {
    width: 125%
}

@media only screen and (max-width:800px) {
    #home-events .events[data-count='5'] {
        width: 250%
    }
}

@media only screen and (max-width:600px) {
    #home-events .events[data-count='5'] {
        width: 500%
    }
}

#home-events .events[data-count='6'] {
    width: 150%
}

@media only screen and (max-width:800px) {
    #home-events .events[data-count='6'] {
        width: 300%
    }
}

@media only screen and (max-width:600px) {
    #home-events .events[data-count='6'] {
        width: 600%
    }
}

#home-events .events[data-count='7'] {
    width: 175%
}

@media only screen and (max-width:800px) {
    #home-events .events[data-count='7'] {
        width: 350%
    }
}

@media only screen and (max-width:600px) {
    #home-events .events[data-count='7'] {
        width: 700%
    }
}

#home-events .events[data-count='8'] {
    width: 200%
}

@media only screen and (max-width:800px) {
    #home-events .events[data-count='8'] {
        width: 400%
    }
}

@media only screen and (max-width:600px) {
    #home-events .events[data-count='8'] {
        width: 800%
    }
}

#home-events .events[data-count='9'] {
    width: 225%
}

@media only screen and (max-width:800px) {
    #home-events .events[data-count='9'] {
        width: 450%
    }
}

@media only screen and (max-width:600px) {
    #home-events .events[data-count='9'] {
        width: 900%
    }
}

#home-events .events[data-count='10'] {
    width: 250%
}

@media only screen and (max-width:800px) {
    #home-events .events[data-count='10'] {
        width: 500%
    }
}

@media only screen and (max-width:600px) {
    #home-events .events[data-count='10'] {
        width: 1000%
    }
}

#home-instagram {
    padding: 0 var(--gutter_x) var(--gutter_y) var(--gutter_x);
    overflow: hidden
}

#home-instagram h2 {
    font-size: calc(1.8em + 2vw)
}

#home-instagram .photos {
    position: relative;
    left: 0;
    display: flex;
    align-items: center;
    margin-top: calc(var(--gutter_y) * .5);
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out
}

#home-instagram .photos a,
#home-instagram .photos a:active,
#home-instagram .photos a:visited {
    display: inline-block;
    width: calc(16.6666667% - (20px * 5 / 6));
    margin-right: 20px;
    text-decoration: none
}

#home-instagram .photos a img,
#home-instagram .photos a:active img,
#home-instagram .photos a:visited img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover
}

#home-instagram .photos[data-count='7'] {
    width: 116.6666666667%
}

#home-instagram .photos[data-count='8'] {
    width: 133.3333333333%
}

#home-instagram .photos[data-count='9'] {
    width: 150%
}

#home-instagram .photos[data-count='10'] {
    width: 166.6666666667%
}

#home-instagram .photos[data-count='11'] {
    width: 183.3333333333%
}

#home-instagram .photos[data-count='12'] {
    width: 200%
}

#home-instagram .photos[data-count='13'] {
    width: 216.6666666667%
}

#home-instagram .photos[data-count='14'] {
    width: 233.3333333333%
}

#home-instagram .photos[data-count='15'] {
    width: 250%
}

#home-instagram .photos[data-count='16'] {
    width: 266.6666666667%
}

@media only screen and (max-width:800px) {
    #home-instagram {
        display: none
    }
}

.facts-wrap {
    margin-top: var(--gutter_y)
}

.facts-wrap .facts {
    display: flex;
    flex-wrap: wrap
}

.facts-wrap .facts .fact {
    margin-right: 20px;
    padding-top: 1em;
    border-top: 3px solid #FFC10B
}

.facts-wrap .facts .fact p:last-child {
    margin-bottom: 0 !important
}

.facts-wrap .facts .fact .title {
    margin-bottom: .1em !important;
    line-height: 1;
    letter-spacing: -.04em;
    font-size: 5em;
    font-weight: bold
}

.facts-wrap .facts[data-count='2'] .fact,
.facts-wrap .facts[data-count='4'] .fact {
    width: calc(50% - (20px * 1/2))
}

.facts-wrap .facts[data-count='2'] .fact:nth-child(even),
.facts-wrap .facts[data-count='4'] .fact:nth-child(even) {
    margin-right: 0
}

.facts-wrap .facts[data-count='4'] .fact:nth-child(1),
.facts-wrap .facts[data-count='4'] .fact:nth-child(2) {
    margin-bottom: 4em
}

.facts-wrap .facts[data-count='3'] .fact,
.facts-wrap .facts[data-count='5'] .fact,
.facts-wrap .facts[data-count='6'] .fact {
    width: calc(33.33333% - (20px * 2/3))
}

.facts-wrap .facts[data-count='3'] .fact:nth-child(1),
.facts-wrap .facts[data-count='3'] .fact:nth-child(2),
.facts-wrap .facts[data-count='3'] .fact:nth-child(3),
.facts-wrap .facts[data-count='5'] .fact:nth-child(1),
.facts-wrap .facts[data-count='5'] .fact:nth-child(2),
.facts-wrap .facts[data-count='5'] .fact:nth-child(3),
.facts-wrap .facts[data-count='6'] .fact:nth-child(1),
.facts-wrap .facts[data-count='6'] .fact:nth-child(2),
.facts-wrap .facts[data-count='6'] .fact:nth-child(3) {
    margin-bottom: 4em
}

.facts-wrap .facts[data-count='3'] .fact:nth-child(3n),
.facts-wrap .facts[data-count='5'] .fact:nth-child(3n),
.facts-wrap .facts[data-count='6'] .fact:nth-child(3n) {
    margin-right: 0
}

@media only screen and (max-width:1125px) {
    .facts-wrap .facts .fact {
        width: calc(50% - (20px * 1/2)) !important
    }
    .facts-wrap .facts .fact:nth-child(odd) {
        margin-right: 20px !important
    }
    .facts-wrap .facts .fact:nth-child(even) {
        margin-right: 0 !important
    }
}

@media only screen and (max-width:600px) {
    .facts-wrap .facts .fact {
        width: 100% !important;
        margin: 0 0 2em 0 !important
    }
    .facts-wrap .facts .fact:nth-child(3) {
        margin-bottom: 0 !important
    }
    .facts-wrap .facts .fact:nth-child(n+4) {
        display: none
    }
}

#news-listing {
    margin-top: 4em;
    border-top: 1px solid #DDD
}

#news-listing .news {
    padding: 3em 0;
    border-bottom: 1px solid #DDD
}

#news-listing .news .title {
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #000;
    font-size: 2rem;
    letter-spacing: -0.01em;
    line-height: 1.04em
}

#news-listing .news .title a,
#news-listing .news .title a:active,
#news-listing .news .title a:visited {
    color: #000;
    text-decoration: none
}

#news-listing .news .title a:hover,
#news-listing .news .title a:active:hover,
#news-listing .news .title a:visited:hover {
    text-decoration: underline
}

#news-listing .news img {
    width: 100%
}

#news-listing .news .span16 p {
    padding-right: 2em
}

#news-listing .news:last-child {
    margin-bottom: 0
}

.news-detail img {
    display: block;
    max-width: 100%
}

#news-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px
}

@media only screen and (max-width:1350px) {
    #news-grid {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (max-width:1000px) {
    #news-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (max-width:600px) {
    #news-grid {
        grid-template-columns: repeat(1, 1fr)
    }
}

#news-grid .box .inner {
    display: flex;
    flex-direction: column;
    padding: 2em;
    height: 100%;
    border: 1px solid #DDD;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

#news-grid .box .title {
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #000;
    font-size: 1.3rem;
    letter-spacing: -0.0085em;
    line-height: 1.1em
}

#news-grid .box .title a,
#news-grid .box .title a:active,
#news-grid .box .title a:visited {
    color: #000;
    text-decoration: none
}

#news-grid .box .title a:hover,
#news-grid .box .title a:active:hover,
#news-grid .box .title a:visited:hover {
    text-decoration: underline
}

#news-grid .box .video-wrapper,
#news-grid .box .body {
    margin-bottom: 0
}

#news-grid .box img {
    max-width: 100%
}

#news-grid .box .bottom {
    margin-top: auto
}

#news-grid .box .bottom .date {
    height: 1em;
    margin: 2em 0 0 0;
    padding-top: 1.5em;
    line-height: 1em;
    font-size: .8125em;
    border-top: 1px solid #DDD;
    overflow: hidden
}

#news-featured {
    margin-bottom: 3em;
    padding-top: 3em;
    padding-bottom: 3em;
    border: 1px solid #DDD;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box
}

#news-featured .title {
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #000;
    margin-bottom: 0.5em;
    font-size: clamp(2vw, 1.65rem, 6vw);
    letter-spacing: -0.00138em;
    line-height: 1.1em
}

#news-featured .title a,
#news-featured .title a:active,
#news-featured .title a:visited {
    color: #000;
    text-decoration: none
}

#news-featured .title a:hover,
#news-featured .title a:active:hover,
#news-featured .title a:visited:hover {
    text-decoration: underline
}

#news-featured .date {
    margin-bottom: 0;
    padding-top: 1.5em;
    font-size: .8125em;
    border-top: 1px solid #DDD
}

#news-featured img {
    max-width: 100%
}

@media only screen and (max-width:1000px) {
    #news-featured {
        padding: 0
    }
    #news-featured .row {
        display: flex;
        flex-wrap: wrap;
        margin-left: 0 !important
    }
    #news-featured .span10,
    #news-featured .span11 {
        width: 100% !important;
        margin-left: 0 !important
    }
    #news-featured .span10 {
        padding: 2em
    }
    #news-featured .span11 {
        order: -1
    }
    #news-featured .span11 img {
        width: 100%;
        border-top-left-radius: 8px;
        -moz-border-top-left-radius: 8px;
        -webkit-border-top-left-radius: 8px;
        -o-border-top-left-radius: 8px;
        -ms-border-top-left-radius: 8px;
        -moz-background-clip: "padding-box";
        -webkit-background-clip: "padding-box";
        -o-background-clip: "padding-box";
        -ms-background-clip: "padding-box";
        border-top-right-radius: 8px;
        -moz-border-top-right-radius: 8px;
        -webkit-border-top-right-radius: 8px;
        -o-border-top-right-radius: 8px;
        -ms-border-top-right-radius: 8px;
        -moz-background-clip: "padding-box";
        -webkit-background-clip: "padding-box";
        -o-background-clip: "padding-box";
        -ms-background-clip: "padding-box"
    }
}

#content-7030 #news-grid {
    grid-template-columns: repeat(3, 1fr)
}

@media only screen and (max-width:1350px) {
    #content-7030 #news-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (max-width:600px) {
    #content-7030 #news-grid {
        grid-template-columns: repeat(1, 1fr)
    }
}

.story-plugin {
    overflow: hidden
}

.story-plugin:not(:first-child) {
    margin-top: var(--gutter_y)
}

.story-plugin:not(:last-child) {
    margin-bottom: var(--gutter_y)
}

.story-plugin h3 {
    margin-bottom: .5em
}

.story-plugin .stories {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 20px
}

@media only screen and (max-width:800px) {
    .story-plugin .stories {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (max-width:600px) {
    .story-plugin .stories {
        grid-template-columns: 1fr
    }
}

.story-plugin .stories .story {
    display: block;
    text-decoration: none
}

.story-plugin .stories .story:last-child {
    margin-right: 0
}

.story-plugin .stories .story img {
    width: 100%;
    margin-bottom: .25em
}

.story-plugin .stories .story p.title {
    margin-bottom: 0;
    line-height: 1.4;
    font-size: 1.4em;
    font-weight: bold;
    text-decoration: underline
}

.story-plugin .stories .story p.subtitle {
    margin-bottom: .5em;
    font-size: 1.125rem;
    text-decoration: none
}

.story-plugin .stories .story p.body {
    margin-top: auto;
    margin-bottom: 0;
    line-height: 1.6
}

.story-plugin.class-notes .story .inner {
    display: flex;
    flex-direction: column;
    padding: 2em;
    height: 100%;
    border: 1px solid #DDD;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

.story-plugin.class-notes .story .title {
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #000;
    font-size: 1.3rem;
    letter-spacing: -0.0085em;
    line-height: 1.1em
}

.story-plugin.class-notes .story .title a,
.story-plugin.class-notes .story .title a:active,
.story-plugin.class-notes .story .title a:visited {
    color: #000;
    text-decoration: none
}

.story-plugin.class-notes .story .title a:hover,
.story-plugin.class-notes .story .title a:active:hover,
.story-plugin.class-notes .story .title a:visited:hover {
    text-decoration: underline
}

.story-plugin.class-notes .story img {
    max-width: 100%
}

.story-plugin.class-notes .story .bottom {
    margin-top: auto
}

.story-plugin.class-notes .story .bottom .date {
    height: 1em;
    margin: 2em 0 0 0;
    padding-top: 1.5em;
    line-height: 1em;
    font-size: .8125em;
    border-top: 1px solid #DDD;
    overflow: hidden
}

.story-listing {
    margin-top: var(--gutter_y);
    margin-bottom: calc(var(--gutter_y) - 4em);
    overflow: hidden
}

.story-listing h3 {
    margin-bottom: .5em
}

.story-listing .stories {
    display: flex;
    width: 100%
}

.story-listing .stories .story {
    display: inline-block;
    width: calc(33.3333% - (20px * 2 / 3));
    margin: 0 20px 0 0;
    text-decoration: none
}

.story-listing .stories .story:nth-child(3n) {
    margin-right: 0
}

.story-listing .stories .story img {
    width: 100%;
    margin-bottom: .25em
}

.story-listing .stories .story p {
    padding-right: 1em
}

.story-listing .stories .story p.title {
    margin-bottom: 0;
    line-height: 1.4;
    font-size: 1.4em;
    font-weight: bold;
    text-decoration: underline
}

.story-listing .stories .story p.subtitle {
    margin-bottom: 1em;
    font-size: .85em
}

.story-listing .stories .story p.body {
    margin-top: auto;
    margin-bottom: 0;
    line-height: 1.6
}

.story-listing nav {
    display: none;
    width: 100%;
    padding-top: 2em;
    align-items: center;
    justify-content: space-between
}

.story-listing nav a,
.story-listing nav a:active,
.story-listing nav a:visited {
    line-height: 0
}

.story-listing nav span {
    display: inline-block;
    margin: 0 auto;
    font-size: .75em;
    font-weight: bold;
    letter-spacing: .09em
}

@media only screen and (max-width:1200px) {
    .story-listing nav {
        display: flex
    }
    .story-listing .stories {
        position: relative
    }
    .story-listing .stories .story {
        flex: 0 0 100%;
        width: 100%;
        margin-right: 0
    }
    .story-listing nav[data-count='1'] {
        display: none
    }
}

.story-detail .image-wrap img {
    max-width: 100%
}

.story-detail .image-wrap .caption {
    margin-bottom: 3.5em;
    padding-bottom: 1em;
    border-bottom: 1px solid #DDD
}

.story-detail p:last-child {
    margin-bottom: 0
}

#faqs {
    border-top: 1px solid #DDD
}

#faqs .question {
    padding: 3em 0;
    border-bottom: 1px solid #DDD
}

#faqs .question p {
    margin: 1.5em 0 0 0
}

#faqs .question p.title {
    position: relative;
    font-size: 2rem;
    letter-spacing: -0.01em;
    line-height: 1.04em;
    margin: 0;
    cursor: pointer
}

#faqs .question p.title:after {
    position: absolute;
    top: 0;
    right: 0;
    color: #DDD;
    content: "\e91a" !important
}

#faqs .question .answer {
    display: none
}

#faqs .question.open .answer {
    display: block
}

#faqs .question.open .title:after {
    top: 2em;
    color: #000;
    font-size: .2em;
    content: "\e91f" !important
}

.faqs .question {
    margin-bottom: 3em;
    padding-bottom: 3em;
    border-bottom: 1px solid #DDD
}

.faqs .question p:last-child {
    margin-bottom: 0
}

#jobs {
    margin-top: 3em;
    border-top: 1px solid #DDD
}

#jobs .job {
    padding: 3em 0;
    border-bottom: 1px solid #DDD
}

#jobs .job p.title {
    position: relative;
    margin-bottom: 0.5em;
    font-size: clamp(2vw, 1.65rem, 6vw);
    letter-spacing: -0.00138em;
    line-height: 1.1em;
    margin-bottom: .5em;
    cursor: pointer
}

#jobs .job p.title a,
#jobs .job p.title a:active,
#jobs .job p.title a:visited {
    color: #000;
    text-decoration: none
}

#jobs .job p.title a:hover,
#jobs .job p.title a:active:hover,
#jobs .job p.title a:visited:hover {
    text-decoration: underline
}

#jobs .job p:last-child {
    margin-bottom: 0
}

#content-7030.jobs h2 {
    margin-top: 1em
}

#resource-list h3 {
    margin: 2em 0 0 0;
    padding-bottom: 1em;
    border-bottom: 1px solid #DDD
}

#resource-list .resource {
    position: relative;
    padding: 1.5em 0;
    border-bottom: 1px solid #DDD
}

#resource-list .resource .span2 [class*='icon'] {
    position: relative;
    margin-left: .5vw;
    color: #FFC10B;
    font-size: 3vw
}

#resource-list .resource .details .title {
    margin-bottom: 0;
    font-size: 1.5em
}

#resource-list .resource .details:last-child {
    margin-bottom: 0
}

#resource-list .resource .actions a,
#resource-list .resource .actions a:active,
#resource-list .resource .actions a:visited {
    position: relative;
    top: .75em;
    white-space: nowrap
}

@media only screen and (max-width:600px) {
    #resource-list .resource .right {
        margin-top: 1em;
        text-align: left
    }
}

.lucy-resources {
    margin-bottom: 2rem
}

.lucy-resources .top {
    position: relative;
    margin-top: var(--flow_space);
    padding: 0 3rem 2rem 0;
    border-bottom: 1px solid #DDD;
    cursor: pointer
}

@media only screen and (max-width:800px) {
    .lucy-resources .top {
        margin-top: 2rem
    }
}

.lucy-resources .top p.title {
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #000;
    margin-bottom: 0.5em;
    font-size: clamp(2vw, 1.65rem, 6vw);
    letter-spacing: -0.00138em;
    line-height: 1.1em;
    margin-bottom: 0 !important
}

.lucy-resources .top p.title span {
    position: relative;
    display: inline-block
}

.lucy-resources .top p.title span:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #FFC10B;
    transition: transform .2s ease-out;
    transform: scale3d(1, 0, 1);
    content: ''
}

.lucy-resources .top:before,
.lucy-resources .top:after {
    position: absolute;
    top: 50%;
    background-color: #161616;
    content: ''
}

.lucy-resources .top:before {
    right: 0;
    width: 20px;
    height: 2px;
    transform: translate(0, -50%)
}

.lucy-resources .top:after {
    right: 9px;
    width: 2px;
    height: 20px;
    transform: translate(0, -50%);
    transition: height .2s ease-in-out
}

.lucy-resources .top:hover p.title span:after {
    transform: scale3d(1, 1, 1)
}

.lucy-resources.open .top:after {
    height: 0
}

.lucy-resources .resource-item {
    overflow: hidden;
    position: relative;
    padding: 1.5em 0 1em 0;
    border-bottom: 1px solid #DDD
}

@media only screen and (max-width:600px) {
    .lucy-resources .resource-item {
        padding: 1.5em 0
    }
}

.lucy-resources .resource-item.audio {
    padding: 2em 0 1.5em 0
}

.lucy-resources .resource-item.audio img {
    top: 2em
}

.lucy-resources .resource-item.two-button .file-size,
.lucy-resources .resource-item.two-button .title {
    padding-right: 310px
}

.lucy-resources .resource-item .resource-icon {
    position: absolute;
    top: 1.5em;
    left: 0
}

.lucy-resources .resource-item .resource-icon span {
    font-size: 3.5em;
    color: #D1C7BE
}

.lucy-resources .resource-item .file-size {
    margin-bottom: .5em !important;
    padding-right: 155px;
    padding-left: 60px;
    font-size: .688em;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase
}

@media only screen and (max-width:600px) {
    .lucy-resources .resource-item .file-size {
        padding-right: 0 !important
    }
}

.lucy-resources .resource-item .title {
    margin-bottom: .25em;
    padding-right: 175px;
    padding-left: 60px;
    font-size: 1.3rem;
    letter-spacing: -.0085em;
    line-height: 1.1em
}

@media only screen and (max-width:600px) {
    .lucy-resources .resource-item .title {
        padding-right: 0 !important
    }
}

.lucy-resources .resource-item span[class*='icon'] {
    position: absolute;
    top: 1.5rem;
    left: 1px;
    color: #161616;
    font-size: 50px
}

.lucy-resources .resource-item span[class*='icon'].icon-media-phone {
    top: calc(1.5rem + 10px);
    font-size: 40px
}

.lucy-resources .resource-item .desc {
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-size: 0.85em;
    font-weight: 500;
    color: #000;
    line-height: 1.6em;
    display: none;
    margin-top: 1em;
    margin-bottom: 0;
    padding-left: 60px
}

@media only screen and (max-width:600px) {
    .lucy-resources .resource-item .desc {
        padding-left: 0
    }
}

.lucy-resources .resource-item .desc.open {
    display: block
}

.lucy-resources .resource-item .desc p {
    margin-bottom: .5em
}

.lucy-resources .resource-item .desc .artwork {
    margin-bottom: .5em;
    text-decoration: underline
}

.lucy-resources .resource-item .desc .artwork:hover,
.lucy-resources .resource-item .desc .artwork:focus {
    text-decoration: none
}

.lucy-resources .resource-item .desc .button-link {
    margin-bottom: 2em
}

.lucy-resources .resource-item .desc:last-child {
    margin-bottom: 0 !important
}

.lucy-resources .resource-item .button {
    position: absolute !important;
    top: 1.8em;
    right: 0;
    width: 150px;
    margin-right: 0 !important;
    padding: 1rem 0 !important;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

@media only screen and (max-width:600px) {
    .lucy-resources .resource-item .button {
        float: left;
        position: relative;
        top: auto !important;
        right: auto !important;
        margin-top: 2em
    }
}

.lucy-resources .resource-item .button span {
    display: inline-block;
    margin-right: 5px;
    font-size: 1.1em;
    vertical-align: middle
}

.lucy-resources .resource-item .button.more {
    right: 165px;
    width: 130px;
    margin-right: 0 !important
}

@media only screen and (max-width:600px) {
    .lucy-resources .resource-item .button.more {
        margin-right: 10px !important
    }
}

.lucy-resources .resource-item .button:hover {
    background-color: #FFC10B !important
}

.lucy-resources .resource-item audio {
    width: 100%;
    outline: none;
    padding-top: 1.5em
}

#timeline .event {
    position: relative
}

#timeline .event .row {
    margin-bottom: 0
}

#timeline .event .year {
    position: relative;
    text-align: center;
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #000;
    margin-bottom: 0.4em;
    font-size: clamp(3vw, 2.95rem, 8vw);
    letter-spacing: -0.0015625em;
    line-height: 1em;
    margin-bottom: 0
}

#timeline .event .year p {
    position: relative;
    z-index: 1;
    padding: .25em 0;
    background: #FFFFFF
}

#timeline .event .year:before {
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 100%;
    border-left: 1px solid #DDD;
    content: ''
}

#timeline .event .title {
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #000;
    font-size: 2rem;
    letter-spacing: -0.01em;
    line-height: 1.04em
}

#timeline .event img {
    margin-bottom: 1.5em
}

#timeline .event:first-child .year p {
    padding-top: 0
}

#donate-page {
    position: relative;
    white-space: nowrap
}

#donate-page .lucy-wrapper,
#donate-page #layout-full,
#donate-page #layout-7030 {
    width: 100%;
    padding: 0
}

#donate-left,
#donate-right {
    position: relative;
    display: inline-block;
    width: 50vw;
    font-size: var(--base_font_size);
    vertical-align: top;
    white-space: normal;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out
}

body.alert #donate-left,
body.alert #donate-right {
    height: calc(100vh - $header_height - $alert_height)
}

@media only screen and (max-width:1125px) {
    #donate-left,
    #donate-right {
        width: 100vw !important;
        padding: 0 !important
    }
    #donate-left#donate-right,
    #donate-right#donate-right {
        position: relative;
        top: auto;
        left: auto;
        height: auto;
        background-image: none !important
    }
    #donate-left#donate-right:before,
    #donate-right#donate-right:before {
        display: none
    }
}

#donate-left {
    width: 50vw
}

#donate-left .inner {
    padding: 4vw 10vw 4vw 5vw;
    padding: 4vw 5vw 4vw 10vw;
    background: #FFF;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

@media only screen and (max-width:1125px) {
    #donate-left .inner {
        padding: 7vw
    }
}

#donate-left #donate-intro {
    margin-bottom: 4em
}

#donate-left .note {
    display: none;
    margin-top: calc(var(--base_font_size) * -3);
    margin-bottom: calc(var(--base_font_size) * 3);
    font-size: .8em;
    font-style: italic
}

#donate-left .note #frequency-amount-wrap {
    display: none
}

@media only screen and (max-width:1125px) {
    #donate-left .note {
        margin-top: calc(var(--base_font_size) * -1.5);
        margin-bottom: calc(var(--base_font_size) * 1.5)
    }
}

@media only screen and (max-width:600px) {
    #donate-left .note {
        margin-top: calc(var(--base_font_size) * -2);
        margin-bottom: calc(var(--base_font_size) * 2)
    }
}

#donate-left #donate-amount,
#donate-left #donate-frequency {
    margin-bottom: 3em
}

@media only screen and (max-width:1125px) {
    #donate-left #donate-amount,
    #donate-left #donate-frequency {
        margin-bottom: 1.5em
    }
}

#donate-left #donate-amount .option,
#donate-left #donate-frequency .option {
    display: inline-block;
    width: calc(33.333333% - 13.3333333333px - 3px);
    margin: 0 20px 20px 0;
    padding: 1em 0;
    text-align: center;
    font-size: 1.375em;
    line-height: 1.25;
    color: #FFC10B;
    text-decoration: none;
    border: 1px solid #DDD;
    cursor: pointer;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

#donate-left #donate-amount .option:nth-child(3n),
#donate-left #donate-frequency .option:nth-child(3n) {
    margin-right: 0
}

#donate-left #donate-amount .option:hover,
#donate-left #donate-frequency .option:hover {
    border-color: #FFC10B
}

#donate-left #donate-amount .option.selected,
#donate-left #donate-frequency .option.selected {
    color: #FFF;
    border-color: #FFC10B;
    background: #FFC10B
}

#donate-left #donate-amount .option:focus,
#donate-left #donate-frequency .option:focus {
    outline: #FFC10B
}

#donate-left #other-amount {
    display: none
}

#donate-left #donate-frequency {
    margin-bottom: 3em
}

#donate-left #donate-honor {
    margin-bottom: 3em
}

#donate-left #donate-honor #donate-honor-top {
    padding: 1.5em 0;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD
}

#donate-left #donate-honor #donate-honor-bottom {
    display: none;
    padding: 1.5em 0;
    border-bottom: 1px solid #DDD
}

#donate-left #donate-honor #donate-honor-bottom .row {
    margin-top: 1em
}

#donate-left #donate-honor label {
    display: inline-block;
    margin: 0 0 0 .15em
}

@media only screen and (max-width:600px) {
    #donate-left #donate-honor label {
        width: 90%;
        vertical-align: top
    }
}

#donate-left #donate-honor input[type=radio],
#donate-left #donate-honor input[type=checkbox] {
    position: relative;
    top: 5px;
    vertical-align: top
}

#donate-left #personal-info,
#donate-left #notification-info,
#donate-left #payment-info {
    margin-top: 3em
}

#donate-left #personal-info h3,
#donate-left #notification-info h3,
#donate-left #payment-info h3 {
    margin-bottom: .5em
}

@media only screen and (max-width:1125px) {
    #donate-left #personal-info,
    #donate-left #notification-info,
    #donate-left #payment-info {
        margin-top: 1em
    }
}

#donate-left #notification-info,
#donate-left #honor-fields {
    display: none
}

#donate-left #donate-processing-fees {
    display: none
}

#donate-right {
    position: fixed;
    top: 175px;
    left: 50vw;
    height: calc(100vh - 175px);
    background-position: center;
    background-size: 100% auto;
    background-size: cover
}

#donate-right img {
    display: none;
    width: 100%
}

@media only screen and (max-width:1125px) {
    #donate-right img {
        display: block
    }
}

#donate-right.unlock {
    position: absolute;
    bottom: 0;
    top: auto;
    left: 50vw
}

#donate-right .left-inner {
    position: absolute;
    bottom: 5vw;
    left: 5vw;
    width: 40vw;
    color: #FFF
}

#donate-right .left-inner .title {
    margin-bottom: .25em;
    font-size: 3.5em;
    font-weight: bold;
    line-height: 1
}

#donate-right .left-inner p:last-child {
    margin-bottom: 0;
    font-size: .9em
}

@media only screen and (max-width:1125px) {
    #donate-right .left-inner {
        position: relative;
        bottom: auto;
        left: auto;
        width: 100%;
        padding: 7vw;
        background: transparent;
        background-attachment: fixed;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box
    }
    #donate-right .left-inner .title {
        font-size: 2.25em
    }
    #donate-right .left-inner p:last-child {
        display: none
    }
}

#social-grid {
    display: flex;
    flex-wrap: wrap
}

#social-grid .box {
    width: calc(50% - 20px * 1/2);
    margin-right: 20px;
    margin-bottom: 20px;
    word-break: break-word
}

@media only screen and (max-width:600px) {
    #social-grid .box {
        width: 100%;
        margin-right: 0
    }
}

#social-grid .box.alt {
    margin-right: 0
}

#social-grid .box .inner {
    position: relative;
    padding: 2em 2em 8em 2em;
    height: 100%;
    border: 1px solid #DDD;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

#social-grid .box .title {
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #000;
    font-size: 1.3rem;
    letter-spacing: -0.0085em;
    line-height: 1.1em
}

#social-grid .box .title a,
#social-grid .box .title a:active,
#social-grid .box .title a:visited {
    color: #000;
    text-decoration: none
}

#social-grid .box .title a:hover,
#social-grid .box .title a:active:hover,
#social-grid .box .title a:visited:hover {
    text-decoration: underline
}

#social-grid .box .tweet {
    margin-bottom: 0;
    font-size: 2.25em;
    line-height: 1.25
}

@media only screen and (max-width:1000px) {
    #social-grid .box .tweet {
        font-size: 2em
    }
}

@media only screen and (max-width:800px) {
    #social-grid .box .tweet {
        font-size: 1.85em
    }
}

#social-grid .box .body {
    font-size: 1.375em;
    line-height: 1.45
}

#social-grid .box .video-wrapper,
#social-grid .box .body {
    margin-bottom: 0
}

#social-grid .box img {
    max-width: 100%
}

#social-grid .box .bottom {
    position: absolute;
    bottom: 2em;
    left: 2em;
    width: calc(100% - 4em)
}

#social-grid .box .bottom .date {
    height: 1em;
    padding-top: 1.5em;
    line-height: 1em;
    font-size: .8125em;
    border-top: 1px solid #DDD;
    overflow: hidden
}

#social-grid .box .bottom [class*='icon'] {
    position: absolute;
    top: 1em;
    right: 0;
    color: #FFC10B;
    font-size: 1.5em
}

#social-grid .box .bottom [class*='icon']:hover {
    color: #ffce3e
}

#social-grid .box .sub-header a,
#social-grid .box #search-overlay form button a,
#search-overlay form #social-grid .box button a,
#social-grid .box #program-list[max-width~="700px"] .program .degree:before a,
#program-list[max-width~="700px"] .program #social-grid .box .degree:before a,
#social-grid .box #program-list[max-width~="700px"] .program .field:before a,
#program-list[max-width~="700px"] .program #social-grid .box .field:before a,
#social-grid .box #program-list .program:first-child .field:before a,
#program-list .program:first-child #social-grid .box .field:before a,
#social-grid .box #program-list .program:first-child .degree:before a,
#program-list .program:first-child #social-grid .box .degree:before a,
#social-grid .box #program-list .program:first-child:before a,
#program-list #social-grid .box .program:first-child:before a,
#social-grid .box body.front button a,
body.front #social-grid .box button a,
#social-grid .box body.front a.button a,
body.front #social-grid .box a.button a,
#social-grid .box body.front a.button:active a,
body.front #social-grid .box a.button:active a,
#social-grid .box body.front a.button:visited a,
body.front #social-grid .box a.button:visited a,
#social-grid .box body.front span.button a,
body.front #social-grid .box span.button a,
#social-grid .box #lucy-page-template-inner button a,
#lucy-page-template-inner #social-grid .box button a,
#social-grid .box #lucy-page-template-inner a.button a,
#lucy-page-template-inner #social-grid .box a.button a,
#social-grid .box #lucy-page-template-inner a.button:active a,
#lucy-page-template-inner #social-grid .box a.button:active a,
#social-grid .box #lucy-page-template-inner a.button:visited a,
#lucy-page-template-inner #social-grid .box a.button:visited a,
#social-grid .box #lucy-page-template-inner span.button a,
#lucy-page-template-inner #social-grid .box span.button a,
#social-grid .box body.front .box-link a,
body.front #social-grid .box .box-link a,
#social-grid .box body.front a.box-link a,
body.front #social-grid .box a.box-link a,
#social-grid .box body.front a.box-link:active a,
body.front #social-grid .box a.box-link:active a,
#social-grid .box body.front a.box-link:visited a,
body.front #social-grid .box a.box-link:visited a,
#social-grid .box #lucy-page-template-inner .box-link a,
#lucy-page-template-inner #social-grid .box .box-link a,
#social-grid .box #lucy-page-template-inner a.box-link a,
#lucy-page-template-inner #social-grid .box a.box-link a,
#social-grid .box #lucy-page-template-inner a.box-link:active a,
#lucy-page-template-inner #social-grid .box a.box-link:active a,
#social-grid .box #lucy-page-template-inner a.box-link:visited a,
#lucy-page-template-inner #social-grid .box a.box-link:visited a,
#social-grid .box #filter-bar .span label a,
#filter-bar .span #social-grid .box label a,
#social-grid .box .sub-header a:active,
#social-grid .box #search-overlay form button a:active,
#search-overlay form #social-grid .box button a:active,
#social-grid .box #program-list[max-width~="700px"] .program .degree:before a:active,
#program-list[max-width~="700px"] .program #social-grid .box .degree:before a:active,
#social-grid .box #program-list[max-width~="700px"] .program .field:before a:active,
#program-list[max-width~="700px"] .program #social-grid .box .field:before a:active,
#social-grid .box #program-list .program:first-child .field:before a:active,
#program-list .program:first-child #social-grid .box .field:before a:active,
#social-grid .box #program-list .program:first-child .degree:before a:active,
#program-list .program:first-child #social-grid .box .degree:before a:active,
#social-grid .box #program-list .program:first-child:before a:active,
#program-list #social-grid .box .program:first-child:before a:active,
#social-grid .box body.front button a:active,
body.front #social-grid .box button a:active,
#social-grid .box body.front a.button a:active,
body.front #social-grid .box a.button a:active,
#social-grid .box body.front a.button:active a:active,
body.front #social-grid .box a.button:active a:active,
#social-grid .box body.front a.button:visited a:active,
body.front #social-grid .box a.button:visited a:active,
#social-grid .box body.front span.button a:active,
body.front #social-grid .box span.button a:active,
#social-grid .box #lucy-page-template-inner button a:active,
#lucy-page-template-inner #social-grid .box button a:active,
#social-grid .box #lucy-page-template-inner a.button a:active,
#lucy-page-template-inner #social-grid .box a.button a:active,
#social-grid .box #lucy-page-template-inner a.button:active a:active,
#lucy-page-template-inner #social-grid .box a.button:active a:active,
#social-grid .box #lucy-page-template-inner a.button:visited a:active,
#lucy-page-template-inner #social-grid .box a.button:visited a:active,
#social-grid .box #lucy-page-template-inner span.button a:active,
#lucy-page-template-inner #social-grid .box span.button a:active,
#social-grid .box body.front .box-link a:active,
body.front #social-grid .box .box-link a:active,
#social-grid .box body.front a.box-link a:active,
body.front #social-grid .box a.box-link a:active,
#social-grid .box body.front a.box-link:active a:active,
body.front #social-grid .box a.box-link:active a:active,
#social-grid .box body.front a.box-link:visited a:active,
body.front #social-grid .box a.box-link:visited a:active,
#social-grid .box #lucy-page-template-inner .box-link a:active,
#lucy-page-template-inner #social-grid .box .box-link a:active,
#social-grid .box #lucy-page-template-inner a.box-link a:active,
#lucy-page-template-inner #social-grid .box a.box-link a:active,
#social-grid .box #lucy-page-template-inner a.box-link:active a:active,
#lucy-page-template-inner #social-grid .box a.box-link:active a:active,
#social-grid .box #lucy-page-template-inner a.box-link:visited a:active,
#lucy-page-template-inner #social-grid .box a.box-link:visited a:active,
#social-grid .box #filter-bar .span label a:active,
#filter-bar .span #social-grid .box label a:active,
#social-grid .box .sub-header a:visited,
#social-grid .box #search-overlay form button a:visited,
#search-overlay form #social-grid .box button a:visited,
#social-grid .box #program-list[max-width~="700px"] .program .degree:before a:visited,
#program-list[max-width~="700px"] .program #social-grid .box .degree:before a:visited,
#social-grid .box #program-list[max-width~="700px"] .program .field:before a:visited,
#program-list[max-width~="700px"] .program #social-grid .box .field:before a:visited,
#social-grid .box #program-list .program:first-child .field:before a:visited,
#program-list .program:first-child #social-grid .box .field:before a:visited,
#social-grid .box #program-list .program:first-child .degree:before a:visited,
#program-list .program:first-child #social-grid .box .degree:before a:visited,
#social-grid .box #program-list .program:first-child:before a:visited,
#program-list #social-grid .box .program:first-child:before a:visited,
#social-grid .box body.front button a:visited,
body.front #social-grid .box button a:visited,
#social-grid .box body.front a.button a:visited,
body.front #social-grid .box a.button a:visited,
#social-grid .box body.front a.button:active a:visited,
body.front #social-grid .box a.button:active a:visited,
#social-grid .box body.front a.button:visited a:visited,
body.front #social-grid .box a.button:visited a:visited,
#social-grid .box body.front span.button a:visited,
body.front #social-grid .box span.button a:visited,
#social-grid .box #lucy-page-template-inner button a:visited,
#lucy-page-template-inner #social-grid .box button a:visited,
#social-grid .box #lucy-page-template-inner a.button a:visited,
#lucy-page-template-inner #social-grid .box a.button a:visited,
#social-grid .box #lucy-page-template-inner a.button:active a:visited,
#lucy-page-template-inner #social-grid .box a.button:active a:visited,
#social-grid .box #lucy-page-template-inner a.button:visited a:visited,
#lucy-page-template-inner #social-grid .box a.button:visited a:visited,
#social-grid .box #lucy-page-template-inner span.button a:visited,
#lucy-page-template-inner #social-grid .box span.button a:visited,
#social-grid .box body.front .box-link a:visited,
body.front #social-grid .box .box-link a:visited,
#social-grid .box body.front a.box-link a:visited,
body.front #social-grid .box a.box-link a:visited,
#social-grid .box body.front a.box-link:active a:visited,
body.front #social-grid .box a.box-link:active a:visited,
#social-grid .box body.front a.box-link:visited a:visited,
body.front #social-grid .box a.box-link:visited a:visited,
#social-grid .box #lucy-page-template-inner .box-link a:visited,
#lucy-page-template-inner #social-grid .box .box-link a:visited,
#social-grid .box #lucy-page-template-inner a.box-link a:visited,
#lucy-page-template-inner #social-grid .box a.box-link a:visited,
#social-grid .box #lucy-page-template-inner a.box-link:active a:visited,
#lucy-page-template-inner #social-grid .box a.box-link:active a:visited,
#social-grid .box #lucy-page-template-inner a.box-link:visited a:visited,
#lucy-page-template-inner #social-grid .box a.box-link:visited a:visited,
#social-grid .box #filter-bar .span label a:visited,
#filter-bar .span #social-grid .box label a:visited,
#social-grid .box .date a,
#social-grid .box .date a:active,
#social-grid .box .date a:visited {
    text-decoration: none
}

#social-grid .box .sub-header a:hover,
#social-grid .box #search-overlay form button a:hover,
#search-overlay form #social-grid .box button a:hover,
#social-grid .box #program-list[max-width~="700px"] .program .degree:before a:hover,
#program-list[max-width~="700px"] .program #social-grid .box .degree:before a:hover,
#social-grid .box #program-list[max-width~="700px"] .program .field:before a:hover,
#program-list[max-width~="700px"] .program #social-grid .box .field:before a:hover,
#social-grid .box #program-list .program:first-child .field:before a:hover,
#program-list .program:first-child #social-grid .box .field:before a:hover,
#social-grid .box #program-list .program:first-child .degree:before a:hover,
#program-list .program:first-child #social-grid .box .degree:before a:hover,
#social-grid .box #program-list .program:first-child:before a:hover,
#program-list #social-grid .box .program:first-child:before a:hover,
#social-grid .box body.front button a:hover,
body.front #social-grid .box button a:hover,
#social-grid .box body.front a.button a:hover,
body.front #social-grid .box a.button a:hover,
#social-grid .box body.front a.button:active a:hover,
body.front #social-grid .box a.button:active a:hover,
#social-grid .box body.front a.button:visited a:hover,
body.front #social-grid .box a.button:visited a:hover,
#social-grid .box body.front span.button a:hover,
body.front #social-grid .box span.button a:hover,
#social-grid .box #lucy-page-template-inner button a:hover,
#lucy-page-template-inner #social-grid .box button a:hover,
#social-grid .box #lucy-page-template-inner a.button a:hover,
#lucy-page-template-inner #social-grid .box a.button a:hover,
#social-grid .box #lucy-page-template-inner a.button:active a:hover,
#lucy-page-template-inner #social-grid .box a.button:active a:hover,
#social-grid .box #lucy-page-template-inner a.button:visited a:hover,
#lucy-page-template-inner #social-grid .box a.button:visited a:hover,
#social-grid .box #lucy-page-template-inner span.button a:hover,
#lucy-page-template-inner #social-grid .box span.button a:hover,
#social-grid .box body.front .box-link a:hover,
body.front #social-grid .box .box-link a:hover,
#social-grid .box body.front a.box-link a:hover,
body.front #social-grid .box a.box-link a:hover,
#social-grid .box body.front a.box-link:active a:hover,
body.front #social-grid .box a.box-link:active a:hover,
#social-grid .box body.front a.box-link:visited a:hover,
body.front #social-grid .box a.box-link:visited a:hover,
#social-grid .box #lucy-page-template-inner .box-link a:hover,
#lucy-page-template-inner #social-grid .box .box-link a:hover,
#social-grid .box #lucy-page-template-inner a.box-link a:hover,
#lucy-page-template-inner #social-grid .box a.box-link a:hover,
#social-grid .box #lucy-page-template-inner a.box-link:active a:hover,
#lucy-page-template-inner #social-grid .box a.box-link:active a:hover,
#social-grid .box #lucy-page-template-inner a.box-link:visited a:hover,
#lucy-page-template-inner #social-grid .box a.box-link:visited a:hover,
#social-grid .box #filter-bar .span label a:hover,
#filter-bar .span #social-grid .box label a:hover,
#social-grid .box .sub-header a:active:hover,
#social-grid .box #search-overlay form button a:active:hover,
#search-overlay form #social-grid .box button a:active:hover,
#social-grid .box #program-list[max-width~="700px"] .program .degree:before a:active:hover,
#program-list[max-width~="700px"] .program #social-grid .box .degree:before a:active:hover,
#social-grid .box #program-list[max-width~="700px"] .program .field:before a:active:hover,
#program-list[max-width~="700px"] .program #social-grid .box .field:before a:active:hover,
#social-grid .box #program-list .program:first-child .field:before a:active:hover,
#program-list .program:first-child #social-grid .box .field:before a:active:hover,
#social-grid .box #program-list .program:first-child .degree:before a:active:hover,
#program-list .program:first-child #social-grid .box .degree:before a:active:hover,
#social-grid .box #program-list .program:first-child:before a:active:hover,
#program-list #social-grid .box .program:first-child:before a:active:hover,
#social-grid .box body.front button a:active:hover,
body.front #social-grid .box button a:active:hover,
#social-grid .box body.front a.button a:active:hover,
body.front #social-grid .box a.button a:active:hover,
#social-grid .box body.front a.button:active a:active:hover,
body.front #social-grid .box a.button:active a:active:hover,
#social-grid .box body.front a.button:visited a:active:hover,
body.front #social-grid .box a.button:visited a:active:hover,
#social-grid .box body.front span.button a:active:hover,
body.front #social-grid .box span.button a:active:hover,
#social-grid .box #lucy-page-template-inner button a:active:hover,
#lucy-page-template-inner #social-grid .box button a:active:hover,
#social-grid .box #lucy-page-template-inner a.button a:active:hover,
#lucy-page-template-inner #social-grid .box a.button a:active:hover,
#social-grid .box #lucy-page-template-inner a.button:active a:active:hover,
#lucy-page-template-inner #social-grid .box a.button:active a:active:hover,
#social-grid .box #lucy-page-template-inner a.button:visited a:active:hover,
#lucy-page-template-inner #social-grid .box a.button:visited a:active:hover,
#social-grid .box #lucy-page-template-inner span.button a:active:hover,
#lucy-page-template-inner #social-grid .box span.button a:active:hover,
#social-grid .box body.front .box-link a:active:hover,
body.front #social-grid .box .box-link a:active:hover,
#social-grid .box body.front a.box-link a:active:hover,
body.front #social-grid .box a.box-link a:active:hover,
#social-grid .box body.front a.box-link:active a:active:hover,
body.front #social-grid .box a.box-link:active a:active:hover,
#social-grid .box body.front a.box-link:visited a:active:hover,
body.front #social-grid .box a.box-link:visited a:active:hover,
#social-grid .box #lucy-page-template-inner .box-link a:active:hover,
#lucy-page-template-inner #social-grid .box .box-link a:active:hover,
#social-grid .box #lucy-page-template-inner a.box-link a:active:hover,
#lucy-page-template-inner #social-grid .box a.box-link a:active:hover,
#social-grid .box #lucy-page-template-inner a.box-link:active a:active:hover,
#lucy-page-template-inner #social-grid .box a.box-link:active a:active:hover,
#social-grid .box #lucy-page-template-inner a.box-link:visited a:active:hover,
#lucy-page-template-inner #social-grid .box a.box-link:visited a:active:hover,
#social-grid .box #filter-bar .span label a:active:hover,
#filter-bar .span #social-grid .box label a:active:hover,
#social-grid .box .sub-header a:visited:hover,
#social-grid .box #search-overlay form button a:visited:hover,
#search-overlay form #social-grid .box button a:visited:hover,
#social-grid .box #program-list[max-width~="700px"] .program .degree:before a:visited:hover,
#program-list[max-width~="700px"] .program #social-grid .box .degree:before a:visited:hover,
#social-grid .box #program-list[max-width~="700px"] .program .field:before a:visited:hover,
#program-list[max-width~="700px"] .program #social-grid .box .field:before a:visited:hover,
#social-grid .box #program-list .program:first-child .field:before a:visited:hover,
#program-list .program:first-child #social-grid .box .field:before a:visited:hover,
#social-grid .box #program-list .program:first-child .degree:before a:visited:hover,
#program-list .program:first-child #social-grid .box .degree:before a:visited:hover,
#social-grid .box #program-list .program:first-child:before a:visited:hover,
#program-list #social-grid .box .program:first-child:before a:visited:hover,
#social-grid .box body.front button a:visited:hover,
body.front #social-grid .box button a:visited:hover,
#social-grid .box body.front a.button a:visited:hover,
body.front #social-grid .box a.button a:visited:hover,
#social-grid .box body.front a.button:active a:visited:hover,
body.front #social-grid .box a.button:active a:visited:hover,
#social-grid .box body.front a.button:visited a:visited:hover,
body.front #social-grid .box a.button:visited a:visited:hover,
#social-grid .box body.front span.button a:visited:hover,
body.front #social-grid .box span.button a:visited:hover,
#social-grid .box #lucy-page-template-inner button a:visited:hover,
#lucy-page-template-inner #social-grid .box button a:visited:hover,
#social-grid .box #lucy-page-template-inner a.button a:visited:hover,
#lucy-page-template-inner #social-grid .box a.button a:visited:hover,
#social-grid .box #lucy-page-template-inner a.button:active a:visited:hover,
#lucy-page-template-inner #social-grid .box a.button:active a:visited:hover,
#social-grid .box #lucy-page-template-inner a.button:visited a:visited:hover,
#lucy-page-template-inner #social-grid .box a.button:visited a:visited:hover,
#social-grid .box #lucy-page-template-inner span.button a:visited:hover,
#lucy-page-template-inner #social-grid .box span.button a:visited:hover,
#social-grid .box body.front .box-link a:visited:hover,
body.front #social-grid .box .box-link a:visited:hover,
#social-grid .box body.front a.box-link a:visited:hover,
body.front #social-grid .box a.box-link a:visited:hover,
#social-grid .box body.front a.box-link:active a:visited:hover,
body.front #social-grid .box a.box-link:active a:visited:hover,
#social-grid .box body.front a.box-link:visited a:visited:hover,
body.front #social-grid .box a.box-link:visited a:visited:hover,
#social-grid .box #lucy-page-template-inner .box-link a:visited:hover,
#lucy-page-template-inner #social-grid .box .box-link a:visited:hover,
#social-grid .box #lucy-page-template-inner a.box-link a:visited:hover,
#lucy-page-template-inner #social-grid .box a.box-link a:visited:hover,
#social-grid .box #lucy-page-template-inner a.box-link:active a:visited:hover,
#lucy-page-template-inner #social-grid .box a.box-link:active a:visited:hover,
#social-grid .box #lucy-page-template-inner a.box-link:visited a:visited:hover,
#lucy-page-template-inner #social-grid .box a.box-link:visited a:visited:hover,
#social-grid .box #filter-bar .span label a:visited:hover,
#filter-bar .span #social-grid .box label a:visited:hover,
#social-grid .box .date a:hover,
#social-grid .box .date a:active:hover,
#social-grid .box .date a:visited:hover {
    text-decoration: underline
}

#social-grid .instagram {
    display: flex;
    width: 100%;
    flex-wrap: wrap
}

#social-grid .instagram a,
#social-grid .instagram a:active,
#social-grid .instagram a:visited {
    position: relative;
    display: block;
    width: calc(25% - 20px * 3/4);
    margin-right: 20px;
    margin-bottom: 20px;
    height: 0;
    padding-bottom: 23.5%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

#social-grid .instagram a:nth-child(4n),
#social-grid .instagram a:active:nth-child(4n),
#social-grid .instagram a:visited:nth-child(4n) {
    margin-right: 0
}

#social-grid .instagram a:hover:before,
#social-grid .instagram a:active:hover:before,
#social-grid .instagram a:visited:hover:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 100%;
    text-align: center;
    color: red;
    content: '';
    background: rgba(255, 193, 11, 0.5)
}

#social-grid .instagram a:hover:after,
#social-grid .instagram a:active:hover:after,
#social-grid .instagram a:visited:hover:after {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #FFFFFF;
    font-size: 2em;
    content: "\e92e" !important;
    transform: translate(-50%, -50%);
    perspective: 1000px;
    -moz-transform: translate(-50%, -50%);
    -moz-perspective: 1000;
    -webkit-transform: translate(-50%, -50%);
    -webkit-perspective: 1000;
    -o-transform: translate(-50%, -50%);
    -o-perspective: 1000;
    -ms-transform: translate(-50%, -50%);
    -ms-perspective: 1000
}

@media only screen and (max-width:800px) {
    #social-grid .instagram a,
    #social-grid .instagram a:active,
    #social-grid .instagram a:visited {
        width: calc(50% - 20px * 1/2);
        margin-right: 20px;
        padding-bottom: 48%
    }
    #social-grid .instagram a:nth-child(even),
    #social-grid .instagram a:active:nth-child(even),
    #social-grid .instagram a:visited:nth-child(even) {
        margin-right: 0
    }
}

#product-grid {
    display: flex;
    flex-wrap: wrap
}

#product-grid .box {
    width: calc(25% - (3 * 20px) / 4);
    margin: 0 20px 20px 0;
    word-break: break-word;
    text-decoration: none
}

#product-grid .box:nth-child(4n) {
    margin-right: 0
}

@media only screen and (max-width:1350px) {
    #product-grid .box {
        width: calc(33.333% - (20px) * 2/3)
    }
    #product-grid .box:nth-child(3n) {
        margin-right: 0
    }
    #product-grid .box:nth-child(4n) {
        margin-right: 20px
    }
}

@media only screen and (max-width:1000px) {
    #product-grid .box {
        width: calc(50% - (20px) * 1/2)
    }
    #product-grid .box:nth-child(2n) {
        margin-right: 0
    }
    #product-grid .box:nth-child(3n) {
        margin-right: 20px
    }
    #product-grid .box:nth-child(4n) {
        margin-right: 20px
    }
}

@media only screen and (max-width:600px) {
    #product-grid .box {
        width: 100%;
        margin-right: 0
    }
}

#product-grid .box:hover {
    text-decoration: underline
}

#product-grid .box .image {
    position: relative;
    display: block;
    height: 0;
    padding-bottom: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    border-top-left-radius: 8px;
    -moz-border-top-left-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -o-border-top-left-radius: 8px;
    -ms-border-top-left-radius: 8px;
    -moz-background-clip: "padding-box";
    -webkit-background-clip: "padding-box";
    -o-background-clip: "padding-box";
    -ms-background-clip: "padding-box";
    border-top-right-radius: 8px;
    -moz-border-top-right-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -o-border-top-right-radius: 8px;
    -ms-border-top-right-radius: 8px;
    -moz-background-clip: "padding-box";
    -webkit-background-clip: "padding-box";
    -o-background-clip: "padding-box";
    -ms-background-clip: "padding-box"
}

#product-grid .box .bottom {
    padding: 1em;
    text-align: center;
    border: 1px solid #DDD;
    border-top: none;
    border-bottom-left-radius: 8px;
    -moz-border-bottom-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -o-border-bottom-left-radius: 8px;
    -ms-border-bottom-left-radius: 8px;
    -moz-background-clip: "padding-box";
    -webkit-background-clip: "padding-box";
    -o-background-clip: "padding-box";
    -ms-background-clip: "padding-box";
    border-bottom-right-radius: 8px;
    -moz-border-bottom-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -o-border-bottom-right-radius: 8px;
    -ms-border-bottom-right-radius: 8px;
    -moz-background-clip: "padding-box";
    -webkit-background-clip: "padding-box";
    -o-background-clip: "padding-box";
    -ms-background-clip: "padding-box";
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

#product-grid .box .bottom .title {
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #000;
    font-size: 1.3rem;
    letter-spacing: -0.0085em;
    line-height: 1.1em;
    margin-bottom: 0
}

#product-grid .box .bottom .price {
    margin-bottom: 0
}

#product-grid .box:hover .bottom {
    border-color: #c4c4c4
}

body.front .product-detail h1 {
    margin-bottom: 0.4em;
    font-size: clamp(3vw, 2.95rem, 8vw);
    letter-spacing: -0.0015625em;
    line-height: 1em;
    margin-bottom: 0
}

body.front .product-detail .price {
    margin-bottom: 1.25em;
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    font-weight: 400;
    color: #000;
    letter-spacing: 0;
    line-height: 1.6;
    margin-bottom: 1em
}

body.front .product-detail img.main {
    width: 100%
}

body.front .product-detail select,
body.front .product-detail input {
    height: 60px
}

body.front .product-detail .thumbs img {
    display: inline-block;
    width: 18%;
    margin-right: 2%;
    border-bottom: 5px solid transparent;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

body.front .product-detail .thumbs img.active {
    border-color: #FFC10B
}

#products-related {
    margin-top: 4em;
    padding-top: 4em;
    border-top: 1px solid #DDD
}

#cart-donate-pitch {
    display: block;
    overflow: hidden;
    margin-bottom: 1em;
    padding-top: 1em;
    border-top: 1px solid #DDD;
    color: #000
}

#cart-donate-pitch p {
    margin-bottom: .75em;
    line-height: 1.3
}

#cart-donate-pitch #cart-donate-check {
    padding-top: .5em
}

#cart-donate-pitch #cart-donate-amount {
    height: 45px;
    margin-bottom: 0 !important
}

#lucy-checkout {
    margin: 2em 0 4em 0
}

#lucy-cart {
    margin: 2em 0 4em 0
}

#lucy-cart .cart-table {
    margin-bottom: 3em
}

#lucy-cart table tr.pitch td {
    background: #FFC10B
}

#lucy-cart #coupon-error {
    font-size: .75em;
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-weight: bold
}

#lucy-cart #cart-coupon,
#lucy-cart #cart-coupon-mobile {
    margin-top: 1em
}

#lucy-cart #cart-coupon input,
#lucy-cart #cart-coupon-mobile input {
    margin-bottom: 0 !important
}

#lucy-cart #cart-coupon-mobile {
    display: none
}

#lucy-cart #cart-coupon-apply {
    text-align: center
}

@media only screen and (max-width:800px) {
    #lucy-cart #cart-coupon.desktop {
        display: none
    }
    #lucy-cart #cart-coupon-mobile {
        display: block;
        margin-bottom: 1em;
        padding: 1em 0
    }
    #lucy-cart #cart-coupon-mobile #cart-coupon-apply-mobile {
        display: block;
        text-align: center
    }
    #lucy-cart #cart-coupon-mobile .span16 {
        width: 65% !important
    }
    #lucy-cart #cart-coupon-mobile .span8 {
        width: 25% !important;
        margin-left: 5% !important
    }
}

.cart-table {
    margin-bottom: 2em
}

.cart-table .header {
    margin-bottom: 1em;
    margin-bottom: 0.5em;
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-size: 0.8rem;
    font-weight: bold;
    color: #000;
    letter-spacing: 0.1em;
    line-height: 2.2em;
    text-transform: uppercase
}

@media only screen and (max-width:800px) {
    .cart-table .header {
        display: none
    }
}

.cart-table .item {
    position: relative;
    padding: 1.5em 0;
    border-top: 1px solid #DDD
}

.cart-table .item [class*='span'] {
    position: relative
}

.cart-table .item .title {
    margin-bottom: 0;
    font-size: 1.3rem;
    letter-spacing: -0.0085em;
    line-height: 1.1em
}

.cart-table .item .desc {
    margin-bottom: 0;
    font-size: .75em;
    color: #000 !important
}

.cart-table .item .quantity select {
    width: 100% !important;
    padding-left: 10px;
    -webkit-appearance: none;
    background: #FFF url(https://adrian.imgix.net/images/dropdown-arrow.png) no-repeat calc(100% - 20px) 50%;
    background-size: 10px 6px
}

.cart-table .item .price {
    color: #000
}

.cart-table .item input,
.cart-table .item select {
    width: 75% !important;
    margin-bottom: 0 !important
}

.cart-table .item:last-child {
    border-bottom: 1px solid #DDD
}

.cart-table .item.fixed .inner {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translate(0, -50%);
    perspective: 1000px;
    -moz-transform: translate(0, -50%);
    -moz-perspective: 1000;
    -webkit-transform: translate(0, -50%);
    -webkit-perspective: 1000;
    -o-transform: translate(0, -50%);
    -o-perspective: 1000;
    -ms-transform: translate(0, -50%);
    -ms-perspective: 1000
}

.cart-table .item .delete {
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-size: 0.8125em;
    color: #000;
    letter-spacing: 0;
    line-height: 2;
    display: block;
    margin-top: .5em;
    text-decoration: none
}

.cart-table .item .delete:hover {
    text-decoration: underline
}

.cart-table .item .mobile.delete {
    position: absolute;
    top: 1.5em;
    right: 0;
    display: none;
    text-decoration: none;
    color: #C3CBCB
}

@media only screen and (max-width:800px) {
    .cart-table {
        margin-bottom: 1em !important
    }
    .cart-table .item .span14 {
        width: 90% !important
    }
    .cart-table .item .span4 {
        display: none
    }
    .cart-table .item .mobile.delete {
        display: block
    }
    .cart-table .item .quantity {
        display: inline-block
    }
    .cart-table .item input {
        margin-top: .5em !important
    }
    .cart-table .item .price {
        display: inline-block;
        width: 40% !important;
        line-height: 45px
    }
    .cart-table .item:nth-child(2) {
        padding-top: 0;
        border-top: none
    }
    .cart-table .item:nth-child(2) .mobile.delete {
        top: 0
    }
}

@media only screen and (max-width:600px) {
    .cart-table .quantity {
        margin-top: .5em !important
    }
}

.cart-totals {
    padding-top: 20px;
    border-top: 1px solid #DDD
}

.cart-totals .total span {
    float: right;
    font-size: 1.3rem;
    letter-spacing: -0.0085em;
    line-height: 1.1em
}

.cart-totals button {
    display: block;
    width: 100%;
    padding: 1.5em 0;
    text-align: center
}

#lucy-order-total {
    display: none;
    margin-bottom: 2em;
    padding: .75em 0;
    background: #FFC10B
}

#lucy-order-total .span12 {
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase
}

@media only screen and (max-width:1125px) {
    #lucy-order-total {
        display: block
    }
}

@media only screen and (max-width:800px) {
    #lucy-order-total .row {
        width: 100% !important;
        margin: 0 !important
    }
    #lucy-order-total .span12 {
        width: 50% !important;
        margin: 0 !important
    }
}

#lucy-checkout-fields h2 {
    margin-top: 2em;
    margin-bottom: 1em !important
}

#lucy-checkout-fields h2:first-child {
    margin-top: 0
}

#lucy-checkout-fields .cart-billing-block:not(:first-child):not(:last-child) {
    margin-top: calc(var(--gutter_y) - 20px)
}

#lucy-checkout-fields ul#cart-payments {
    display: table;
    width: 100%;
    margin: 0 0 2em 0;
    padding: 0;
    overflow: hidden;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box
}

#lucy-checkout-fields ul#cart-payments li {
    display: table-cell;
    padding: 1.25em 0;
    text-align: center;
    color: #000;
    font-size: .7em;
    text-transform: uppercase;
    font-weight: bold;
    background: rgba(248, 247, 246, 0.2);
    letter-spacing: .8px;
    cursor: pointer;
    border-right: 1px solid #FFF
}

#lucy-checkout-fields ul#cart-payments li.selected {
    color: #FFF;
    background: #161616
}

@media (pointer:fine) {
    #lucy-checkout-fields ul#cart-payments li:hover {
        color: #FFF;
        background: #D1C7BE
    }
}

#lucy-checkout-fields ul#cart-payments li:last-child {
    border-right: none
}

#lucy-checkout-fields #create-account {
    margin-top: -1em;
    margin-bottom: 2em;
    font-size: .9em
}

#lucy-checkout-fields #create-account input[type=checkbox] {
    position: relative;
    top: 1px
}

#lucy-checkout-fields #account-cancel {
    position: absolute;
    top: 12px;
    right: 15px;
    font-size: .8em
}

#lucy-checkout-fields #password-wrapper {
    display: none
}

@media only screen and (max-width:1125px) {
    #lucy-checkout-fields {
        width: calc(100% - 20px) !important
    }
}

@media only screen and (max-width:800px) {
    #lucy-checkout-fields .actions {
        margin-top: 1.5em
    }
    #lucy-checkout-fields .actions .row {
        width: 100% !important;
        margin: 0 !important
    }
    #lucy-checkout-fields .actions .span12 {
        width: 50% !important;
        margin: 0 !important
    }
}

@media only screen and (max-width:600px) {
    #lucy-checkout-fields {
        width: 100% !important
    }
}

#lucy-checkout-details {
    padding: 25px;
    border: 1px solid #DDD;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box
}

#lucy-checkout-details h5,
#lucy-checkout-details .filter-bar h2,
.filter-bar #lucy-checkout-details h2 {
    margin-bottom: 20px
}

#lucy-checkout-details .count {
    margin-bottom: .75em;
    font-size: 1.3em;
    font-weight: bold
}

#lucy-checkout-details .items {
    margin-bottom: 20px;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD
}

#lucy-checkout-details .items .item {
    padding: 15px 0;
    line-height: 1.3;
    font-size: .9em;
    border-bottom: 1px solid #DDD
}

#lucy-checkout-details .items .item .title {
    margin-bottom: 0;
    padding-right: 100px
}

#lucy-checkout-details .items .item .desc {
    margin-bottom: 0;
    padding-right: 100px;
    font-size: .75em
}

#lucy-checkout-details .items .item .price {
    float: right;
    margin-bottom: 0;
    font-weight: bold
}

#lucy-checkout-details .items .item:last-child {
    margin-bottom: 0;
    border-bottom: none
}

#lucy-checkout-details .totals .item {
    padding: 15px 0;
    line-height: 1.3
}

#lucy-checkout-details .totals .item .title {
    margin-bottom: 0;
    padding-right: 100px
}

#lucy-checkout-details .totals .item .title a {
    font-size: .8em
}

#lucy-checkout-details .totals .item .price {
    float: right;
    margin-bottom: 0;
    font-weight: bold
}

#lucy-checkout-details .totals .item:last-child {
    margin-bottom: 0
}

#lucy-checkout-details .totals .item:last-child {
    margin-top: 0;
    padding: 15px 0 0 0;
    border-top: 1px solid #DDD;
    font-size: 1.3rem;
    letter-spacing: -0.0085em;
    line-height: 1.1em
}

#lucy-checkout-details .actions {
    display: block;
    margin-top: 2em;
    text-align: center
}

#lucy-checkout-details #coupon-error {
    font-size: .75em;
    font-weight: bold
}

#lucy-checkout-details #cart-coupon input {
    margin-bottom: 0 !important
}

@media only screen and (max-width:1125px) {
    #lucy-checkout-details {
        display: none
    }
}

#lucy-cart-thanks {
    margin-bottom: 4em
}

#lucy-cart-thanks h2,
#lucy-cart-thanks p.thanks {
    text-align: center
}

#lucy-cart-thanks #lucy-checkout-details .items {
    margin-bottom: 0;
    border-bottom: none
}

body.front .blog-detail h1 {
    margin-bottom: .25em
}

body.front .blog-detail .author {
    margin-bottom: 4em;
    padding: 2em 0;
    font-size: .8125em;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD
}

body.front .blog-detail .author p {
    margin-bottom: 0
}

body.front .blog-detail .author img {
    float: left;
    margin-right: 1.25em;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box
}

#blog-grid {
    display: flex;
    flex-wrap: wrap
}

#blog-grid .box {
    display: flex;
    flex-direction: column;
    width: calc(25% - (3 * 20px) / 4);
    margin: 0 20px 20px 0;
    word-break: break-word;
    text-decoration: none;
    border: 1px solid #DDD;
    border-top: none;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

#blog-grid .box:nth-child(4n) {
    margin-right: 0
}

@media only screen and (max-width:1350px) {
    #blog-grid .box {
        width: calc(33.333% - (20px) * 2/3)
    }
    #blog-grid .box:nth-child(3n) {
        margin-right: 0
    }
    #blog-grid .box:nth-child(4n) {
        margin-right: 20px
    }
}

@media only screen and (max-width:1000px) {
    #blog-grid .box {
        width: calc(50% - (20px) * 1/2)
    }
    #blog-grid .box:nth-child(2n) {
        margin-right: 0
    }
    #blog-grid .box:nth-child(3n) {
        margin-right: 20px
    }
    #blog-grid .box:nth-child(4n) {
        margin-right: 20px
    }
}

@media only screen and (max-width:600px) {
    #blog-grid .box {
        width: 100%;
        margin-right: 0
    }
}

#blog-grid .box .image {
    position: relative;
    left: -1px;
    display: block;
    width: calc(100% + 2px);
    height: 0;
    padding-bottom: 65%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    border-top-left-radius: 8px;
    -moz-border-top-left-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -o-border-top-left-radius: 8px;
    -ms-border-top-left-radius: 8px;
    -moz-background-clip: "padding-box";
    -webkit-background-clip: "padding-box";
    -o-background-clip: "padding-box";
    -ms-background-clip: "padding-box";
    border-top-right-radius: 8px;
    -moz-border-top-right-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -o-border-top-right-radius: 8px;
    -ms-border-top-right-radius: 8px;
    -moz-background-clip: "padding-box";
    -webkit-background-clip: "padding-box";
    -o-background-clip: "padding-box";
    -ms-background-clip: "padding-box"
}

#blog-grid .box p {
    padding: 0 30px
}

#blog-grid .box .title {
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #000;
    font-size: 1.3rem;
    letter-spacing: -0.0085em;
    line-height: 1.1em;
    margin: 1em 0
}

#blog-grid .box p:last-child {
    margin-bottom: 0
}

#blog-grid .box .author {
    margin: auto 0 2em 0;
    padding: 0 30px;
    font-size: .8125em
}

#blog-grid .box .author p {
    padding: 0
}

#blog-grid .box .author img {
    float: left;
    margin-right: 1.25em;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box
}

#blog-grid .box:hover .bottom {
    border-color: #c4c4c4
}

#events-featured {
    display: block;
    margin-bottom: 5em;
    padding-top: 4em;
    padding-bottom: 4em;
    border: 1px solid #DDD;
    overflow: hidden;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box
}

#events-featured .title {
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #000;
    margin-bottom: 0.5em;
    font-size: clamp(2vw, 1.65rem, 6vw);
    letter-spacing: -0.00138em;
    line-height: 1.1em;
    margin-bottom: .3em
}

#events-featured .title a,
#events-featured .title a:active,
#events-featured .title a:visited {
    color: #000;
    text-decoration: none
}

#events-featured .title a:hover,
#events-featured .title a:active:hover,
#events-featured .title a:visited:hover {
    text-decoration: underline
}

#events-featured .sub-title {
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #000;
    font-size: 1.3rem;
    letter-spacing: -0.0085em;
    line-height: 1.1em;
    margin-bottom: .35em
}

#events-featured .date {
    font-size: .8125em
}

#events-featured:hover {
    border-color: #b7b7b7
}

#events-featured:hover .title {
    text-decoration: underline
}

#events-featured:last-child {
    margin-bottom: 0
}

#events-featured .image {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    border-top-right-radius: 8px;
    -moz-border-top-right-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -o-border-top-right-radius: 8px;
    -ms-border-top-right-radius: 8px;
    -moz-background-clip: "padding-box";
    -webkit-background-clip: "padding-box";
    -o-background-clip: "padding-box";
    -ms-background-clip: "padding-box";
    border-bottom-right-radius: 8px;
    -moz-border-bottom-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -o-border-bottom-right-radius: 8px;
    -ms-border-bottom-right-radius: 8px;
    -moz-background-clip: "padding-box";
    -webkit-background-clip: "padding-box";
    -o-background-clip: "padding-box";
    -ms-background-clip: "padding-box"
}

#events-featured .image .date-wrap {
    position: absolute;
    top: 1em;
    right: 1em;
    width: 90px;
    background: #FFFFFF;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box
}

#events-featured .image .date-wrap .date {
    display: block;
    padding: 1em 0;
    text-align: center;
    line-height: 1;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1)
}

#events-featured .image .date-wrap .date .month {
    margin-bottom: 0.5em;
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-size: 0.8rem;
    font-weight: bold;
    color: #000;
    letter-spacing: 0.1em;
    line-height: 2.2em;
    text-transform: uppercase;
    margin-bottom: 0
}

#events-featured .image .date-wrap .date .day {
    margin-bottom: 0.4em;
    font-size: clamp(3vw, 2.95rem, 8vw);
    letter-spacing: -0.0015625em;
    line-height: 1em
}

#event-detail #event-detail-header {
    padding: 3em 0;
    color: #FFFFFF;
    background: #161616
}

#event-detail #event-detail-header h1,
#event-detail #event-detail-header p {
    color: #FFFFFF
}

#event-detail #event-detail-header h1 {
    margin-bottom: .25em
}

#event-detail #event-detail-header .dates,
#event-detail #event-detail-header .address {
    position: relative;
    margin-bottom: .5em;
    padding-left: 25px
}

#event-detail #event-detail-header .dates a,
#event-detail #event-detail-header .dates a:active,
#event-detail #event-detail-header .dates a:visited,
#event-detail #event-detail-header .address a,
#event-detail #event-detail-header .address a:active,
#event-detail #event-detail-header .address a:visited {
    color: #FFFFFF;
    text-decoration: none
}

#event-detail #event-detail-header .dates a:hover,
#event-detail #event-detail-header .dates a:active:hover,
#event-detail #event-detail-header .dates a:visited:hover,
#event-detail #event-detail-header .address a:hover,
#event-detail #event-detail-header .address a:active:hover,
#event-detail #event-detail-header .address a:visited:hover {
    text-decoration: underline
}

#event-detail #event-detail-header .dates [class*='icon'],
#event-detail #event-detail-header .address [class*='icon'] {
    position: absolute;
    top: 2px;
    left: 0
}

#event-detail #event-detail-header .dates:last-child,
#event-detail #event-detail-header .address:last-child {
    margin-bottom: 0
}

#event-detail #event-detail-header .span10 img {
    width: 100%
}

#event-detail #event-detail-info.flow .outer,
#event-detail #event-detail-info.flow .inner,
#event-detail #event-detail-info.flow .wrap {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    height: auto
}

@media only screen and (max-width:600px) {
    #event-detail #event-detail-info.flow {
        padding-bottom: 25px
    }
}

#event-tickets-placeholder {
    background: transparent
}

#event-filters #upcoming-past {
    position: relative;
    display: table;
    width: 100%;
    margin-bottom: 2em;
    border-collapse: separate;
    overflow: hidden
}

#event-filters #upcoming-past .wrap {
    float: left;
    width: 50%;
    text-align: center
}

@media only screen and (max-width:1125px) {
    #event-filters #upcoming-past .wrap {
        float: none;
        width: 100% !important
    }
}

@media only screen and (max-width:800px) {
    #event-filters #upcoming-past .wrap {
        float: left;
        width: 50% !important
    }
}

@media only screen and (max-width:600px) {
    #event-filters #upcoming-past .wrap {
        float: none;
        width: 100% !important
    }
}

#event-filters #upcoming-past .wrap .toggle {
    margin-bottom: 0.5em;
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-size: 0.8rem;
    font-weight: bold;
    color: #000;
    letter-spacing: 0.1em;
    line-height: 2.2em;
    text-transform: uppercase;
    display: block;
    height: 4em;
    margin-bottom: 0;
    line-height: 4em;
    text-decoration: none;
    text-align: center;
    border: 2px solid #161616;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased
}

#event-filters #upcoming-past .wrap .toggle.selected {
    color: #FFFFFF;
    background: #161616;
    border-color: #161616
}

#event-filters #upcoming-past .wrap .toggle:hover,
#event-filters #upcoming-past .wrap .toggle:focus {
    text-decoration: underline
}

#event-filters #upcoming-past .wrap .toggle:hover:after,
#event-filters #upcoming-past .wrap .toggle:focus:after {
    width: calc(100% - 5em)
}

#event-filters #upcoming-past .wrap:last-child .toggle {
    border-left: none
}

@media only screen and (max-width:800px) {
    #event-filters #datepicker {
        display: none
    }
}

#event-filters .ui-datepicker {
    width: 100%;
    margin-bottom: 1.5em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

#event-filters .filter-bar .field {
    width: 100%;
    margin-bottom: 20px
}

#event-filters .filter-bar .field select {
    width: 100%
}

#layout-7030.event-hybrid aside {
    width: 20%
}

#layout-7030.event-hybrid #content-7030 {
    width: 70%
}

#event-listing-hybrid .event-group {
    margin-top: 5em
}

#event-listing-hybrid .event-group h2 {
    position: relative;
    padding-left: 35px
}

#event-listing-hybrid .event-group h2:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 25px;
    height: 25px;
    background-color: #FFC10B;
    border-radius: 100%;
    transform: translate(0, -50%);
    content: ''
}

#event-listing-hybrid .event-group:first-child {
    margin-top: 0
}

#event-listing-hybrid .event {
    position: relative;
    display: block;
    margin-bottom: 20px;
    text-decoration: none;
    background-image: url(https://adrian.imgix.net/images/adrian-crest-bg.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

#event-listing-hybrid .event .content {
    padding: 2rem;
    overflow: hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

#event-listing-hybrid .event .content p,
#event-listing-hybrid .event .content span {
    color: #FFF;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased
}

#event-listing-hybrid .event.has-image {
    background-image: none;
    background-color: #FFF !important;
    border: 1px solid #DDD;
    border-right: none
}

#event-listing-hybrid .event.has-image .content {
    padding: 2rem 35% 2rem 2rem
}

#event-listing-hybrid .event.has-image .content p,
#event-listing-hybrid .event.has-image .content span {
    color: #000
}

#event-listing-hybrid .event .title {
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #000;
    font-size: 2rem;
    letter-spacing: -0.01em;
    line-height: 1.04em;
    margin-bottom: .3em
}

#event-listing-hybrid .event .title a,
#event-listing-hybrid .event .title a:active,
#event-listing-hybrid .event .title a:visited {
    color: #000;
    text-decoration: none
}

#event-listing-hybrid .event .title a:hover,
#event-listing-hybrid .event .title a:active:hover,
#event-listing-hybrid .event .title a:visited:hover {
    text-decoration: underline
}

#event-listing-hybrid .event .sub-title {
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #000;
    font-size: 1.3rem;
    letter-spacing: -0.0085em;
    line-height: 1.1em;
    margin-bottom: .35em
}

#event-listing-hybrid .event .date {
    margin-bottom: 0.5em;
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-size: 0.8rem;
    font-weight: bold;
    color: #000;
    letter-spacing: 0.1em;
    line-height: 2.2em;
    text-transform: uppercase
}

#event-listing-hybrid .event .date-block {
    display: block;
    margin-bottom: 3rem;
    line-height: 1;
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase
}

#event-listing-hybrid .event .date-block span {
    font-size: 4.5rem;
    letter-spacing: -.04em
}

#event-listing-hybrid .event:last-child {
    margin-bottom: 0
}

#event-listing-hybrid .event .image {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 30%;
    height: 100%;
    background-size: cover;
    background-position: center;
    overflow: hidden
}

#event-listing-hybrid .event .image .date-wrap {
    position: absolute;
    top: 1em;
    right: 1em;
    width: 90px;
    background: #FFFFFF;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box
}

#event-listing-hybrid .event .image .date-wrap .date {
    display: block;
    padding: 1em 0;
    text-align: center;
    line-height: 1;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1)
}

#event-listing-hybrid .event .image .date-wrap .date .month {
    margin-bottom: 0.5em;
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-size: 0.8rem;
    font-weight: bold;
    color: #000;
    letter-spacing: 0.1em;
    line-height: 2.2em;
    text-transform: uppercase;
    margin-bottom: 0
}

#event-listing-hybrid .event .image .date-wrap .date .day {
    margin-bottom: 0.4em;
    font-size: clamp(3vw, 2.95rem, 8vw);
    letter-spacing: -0.0015625em;
    line-height: 1em
}

#event-listing-hybrid .event.linked:hover .title {
    text-decoration: underline
}

body.front .event-list {
    margin-bottom: 2rem;
    border-bottom: 1px solid #DDD
}

body.front .event-list a,
body.front .event-list a:active,
body.front .event-list a:visited {
    display: flex;
    padding: 1rem 0;
    text-decoration: none;
    align-items: center;
    line-height: 1.2;
    gap: 2rem;
    border-top: 1px solid #DDD
}

body.front .event-list a .date-block,
body.front .event-list a:active .date-block,
body.front .event-list a:visited .date-block {
    display: block;
    line-height: 1;
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase
}

body.front .event-list a .date-block span,
body.front .event-list a:active .date-block span,
body.front .event-list a:visited .date-block span {
    font-size: 4.5rem;
    letter-spacing: -.04em
}

body.front .event-list a .title,
body.front .event-list a:active .title,
body.front .event-list a:visited .title {
    margin-bottom: 0;
    font-size: 1.4rem;
    font-weight: bold
}

body.front .event-list a:hover .title,
body.front .event-list a:active:hover .title,
body.front .event-list a:visited:hover .title {
    text-decoration: underline
}

#documents-login {
    padding: 6em 0;
    border: 1px solid #DDD;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box
}

#documents-login-body h1,
#documents-login-body h2,
#documents-login-body h3,
#documents-login-body h4,
#documents-login-body h5,
#documents-login-body h6 {
    margin-bottom: 20px
}

#documents-login-body .lucy-wrapper,
#documents-login-body #layout-full,
#documents-login-body #layout-7030 {
    width: 100%;
    margin: 0;
    padding: 0
}

#documents-login-body:last-child {
    margin-bottom: 0
}

#layout-7030.documents h1,
#layout-7030.documents h2,
#layout-7030.documents h3,
#layout-7030.documents h4,
#layout-7030.documents h5,
#layout-7030.documents h6 {
    margin-bottom: 20px
}

#locations-map {
    position: relative;
    height: calc(100vh - 175px);
    overflow: hidden
}

@media only screen and (max-width:600px) {
    #locations-map {
        height: 45vh;
        min-height: none
    }
}

#locations-map #map {
    position: absolute;
    top: 0;
    left: 0;
    width: 78%;
    height: 100%;
    background-size: cover;
    background-position: center
}

#locations-map #map .marker {
    top: 0;
    background-image: url("/images/custom-marker.png");
    background-size: cover;
    width: 32px;
    height: 42px;
    opacity: 1;
    cursor: pointer;
    transition: opacity .3s, top .3s;
    transition-delay: 0s
}

#locations-map #map .marker.hidden {
    opacity: 0;
    top: -70px
}

#locations-map #map .marker.selected {
    background-image: url("/images/custom-marker-selected.png")
}

#locations-map #map-list {
    position: absolute;
    top: 0;
    right: 0;
    width: 22%;
    height: 100%;
    background: #FFFFFF;
    border-top: 1px solid #DDD;
    overflow-y: scroll;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#locations-map #map-list .location {
    padding: 1.5em 0;
    border-bottom: 1px solid #DDD;
    cursor: pointer
}

#locations-map #map-list .location .num {
    text-align: center
}

#locations-map #map-list .location .num span {
    display: inline-block;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: .6875em;
    font-weight: bold;
    background: #F8F7F6;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box
}

#locations-map #map-list .location p {
    position: relative;
    left: calc(-1 * var(--base_font_size))
}

#locations-map #map-list .location .title {
    margin-bottom: .25em
}

#locations-map #map-list .location .desc {
    margin-bottom: 0;
    font-size: .8125em
}

#locations-map #map-list .location:hover,
#locations-map #map-list .location.active {
    background: #FFC10B
}

#locations-map #map-list .location:hover p,
#locations-map #map-list .location.active p {
    color: #FFFFFF
}

#locations-map #map-list .location:hover .num span,
#locations-map #map-list .location.active .num span {
    color: #FFC10B;
    background: #FFFFFF
}

#locations-map .mapboxgl-popup-tip,
#locations-map .mapboxgl-popup-close-button {
    display: none
}

#locations-map .mapboxgl-popup-content {
    padding: 0;
    box-shadow: none !important
}

#locations-map .mapboxgl-popup,
#locations-map #location-window {
    position: relative;
    top: -50px;
    z-index: 9;
    width: 600px;
    font-size: var(--base_font_size);
    background: #FFF;
    box-shadow: 0 12px 22px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 12px 22px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 12px 22px 0 rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0 12px 22px 0 rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0 12px 22px 0 rgba(0, 0, 0, 0.25)
}

#locations-map .mapboxgl-popup .image,
#locations-map #location-window .image {
    position: absolute;
    margin-right: 2em;
    width: 240px;
    height: 100%;
    background-size: cover;
    background-position: center;
    overflow: hidden
}

@media only screen and (max-width:600px) {
    #locations-map .mapboxgl-popup img,
    #locations-map #location-window img {
        display: none
    }
}

@media (max-height:1000px) {
    #locations-map .mapboxgl-popup img,
    #locations-map #location-window img {
        display: none
    }
}

#locations-map .mapboxgl-popup .content,
#locations-map #location-window .content {
    position: relative;
    padding: 2em
}

#locations-map .mapboxgl-popup .content .title,
#locations-map #location-window .content .title {
    margin-bottom: .5em;
    font-size: 1.75em;
    line-height: 1.25
}

#locations-map .mapboxgl-popup .content .desc,
#locations-map #location-window .content .desc {
    margin-bottom: 1em;
    font-size: .875em;
    line-height: 1.85
}

#locations-map .mapboxgl-popup .content .button,
#locations-map #location-window .content .button {
    height: calc(2.75 * var(--base_font_size));
    padding: 0 2em;
    line-height: calc(2.75 * var(--base_font_size))
}

#locations-map .mapboxgl-popup .content:last-child,
#locations-map #location-window .content:last-child {
    margin-bottom: 0
}

#locations-map .mapboxgl-popup .content.has-image,
#locations-map #location-window .content.has-image {
    padding-left: calc(2em + 240px)
}

#locations-map .mapboxgl-popup:after,
#locations-map #location-window:after {
    position: absolute;
    z-index: 9;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #FFFFFF transparent transparent transparent;
    content: '';
    transform: translate(-50%, 0);
    perspective: 1000px;
    -moz-transform: translate(-50%, 0);
    -moz-perspective: 1000;
    -webkit-transform: translate(-50%, 0);
    -webkit-perspective: 1000;
    -o-transform: translate(-50%, 0);
    -o-perspective: 1000;
    -ms-transform: translate(-50%, 0);
    -ms-perspective: 1000
}

#program-list {
    margin-top: calc(var(--gutter_y) + 1.5em);
    border-top: 1px solid #DDD
}

#program-list .program {
    position: relative;
    display: grid;
    grid-template-columns: 2fr 3fr 1.7fr 2.4fr;
    grid-template-rows: 1fr auto;
    grid-template-areas: "image title degree field" "image desc desc desc";
    align-content: space-between;
    padding: 2em 0;
    border-bottom: 1px solid #DDD;
    gap: 1rem
}

#program-list .program .image {
    grid-area: image
}

#program-list .program .image img {
    width: 100%
}

#program-list .program .title {
    grid-area: title;
    position: relative;
    margin-bottom: 0;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.2;
    text-decoration: underline
}

#program-list .program .degree {
    position: relative;
    grid-area: degree;
    margin-bottom: 0;
    font-size: .825em;
    line-height: 1.2
}

#program-list .program .field {
    position: relative;
    grid-area: field;
    margin-bottom: 0;
    font-size: .825em;
    line-height: 1.2
}

#program-list .program .desc {
    grid-area: desc;
    margin-bottom: 0;
    padding-right: 2em
}

#program-list .program:first-child:before {
    position: absolute;
    top: 0;
    transform: translate(0, calc(-100% - 1em));
    perspective: 1000px;
    -moz-transform: translate(0, calc(-100% - 1em));
    -moz-perspective: 1000;
    -webkit-transform: translate(0, calc(-100% - 1em));
    -webkit-perspective: 1000;
    -o-transform: translate(0, calc(-100% - 1em));
    -o-perspective: 1000;
    -ms-transform: translate(0, calc(-100% - 1em));
    -ms-perspective: 1000;
    content: 'Program'
}

#program-list .program:first-child .degree:before {
    position: absolute;
    top: 0;
    transform: translate(0, calc(-100% - 3rem));
    perspective: 1000px;
    -moz-transform: translate(0, calc(-100% - 3rem));
    -moz-perspective: 1000;
    -webkit-transform: translate(0, calc(-100% - 3rem));
    -webkit-perspective: 1000;
    -o-transform: translate(0, calc(-100% - 3rem));
    -o-perspective: 1000;
    -ms-transform: translate(0, calc(-100% - 3rem));
    -ms-perspective: 1000;
    content: 'Degree'
}

#program-list .program:first-child .field:before {
    position: absolute;
    top: 0;
    transform: translate(0, calc(-100% - 3rem));
    perspective: 1000px;
    -moz-transform: translate(0, calc(-100% - 3rem));
    -moz-perspective: 1000;
    -webkit-transform: translate(0, calc(-100% - 3rem));
    -webkit-perspective: 1000;
    -o-transform: translate(0, calc(-100% - 3rem));
    -o-perspective: 1000;
    -ms-transform: translate(0, calc(-100% - 3rem));
    -ms-perspective: 1000;
    content: 'Field of Study'
}

#program-list[max-width~="1110px"] .program {
    grid-template-areas: "image title degree field" "image desc desc desc"
}

#program-list[max-width~="990px"] .program .desc {
    font-size: .9em
}

#program-list[max-width~="700px"] {
    margin-top: var(--gutter_y)
}

#program-list[max-width~="700px"] .program {
    grid-template-columns: 2fr 1fr;
    grid-template-rows: auto auto auto;
    grid-template-areas: "title image" "degree image" "field image"
}

#program-list[max-width~="700px"] .program .desc {
    display: none;
    padding-right: 0
}

#program-list[max-width~="700px"] .program:before {
    display: none
}

#program-list[max-width~="700px"] .program .degree,
#program-list[max-width~="700px"] .program .field {
    margin-bottom: 0;
    line-height: 1 !important
}

#program-list[max-width~="700px"] .program .degree:before,
#program-list[max-width~="700px"] .program .field:before {
    font-size: .7rem !important;
    position: relative;
    top: auto;
    display: block;
    width: 100%;
    line-height: 1 !important;
    transform: translate(0, 0);
    perspective: 1000px;
    -moz-transform: translate(0, 0);
    -moz-perspective: 1000;
    -webkit-transform: translate(0, 0);
    -webkit-perspective: 1000;
    -o-transform: translate(0, 0);
    -o-perspective: 1000;
    -ms-transform: translate(0, 0);
    -ms-perspective: 1000
}

#program-list[max-width~="700px"] .program .field {
    margin: 1em 0 0 0
}

#program-list[max-width~="700px"] .program .degree:before {
    content: 'Degree'
}

#program-list[max-width~="700px"] .program .field:before {
    content: 'Field'
}

#layout-7030 {}

#layout-7030 #filter-bar[name=program_filters] {
    margin-top: var(--gutter_y);
    margin-bottom: 5em
}

#layout-7030 #program-list {
    margin-top: 0
}

#staff-listing-filters {
    margin-top: 2em;
    padding-bottom: 2em;
    border-bottom: 1px solid #DDD
}

#staff-listing-filters select {
    display: inline-block;
    min-width: 250px;
    margin-right: 1em
}

#staff-listing .staff {
    display: grid;
    grid-template-columns: 1fr 5fr 3fr;
    align-items: center;
    padding: 2rem 0;
    border-top: 1px solid #DDD;
    gap: 2rem
}

#staff-listing .staff img {
    align-self: flex-start;
    width: 100%;
    max-width: 100%
}

#staff-listing .staff .no-photo {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.2;
    aspect-ratio: 5 / 6;
    background: #F8F7F6
}

#staff-listing .staff .no-photo::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent url(https://adrian.imgix.net/images/menu-mark.png) no-repeat center;
    background-size: 80%;
    opacity: .4;
    content: ''
}

#staff-listing .staff .no-photo::after {
    text-align: center;
    font-size: .9rem;
    text-transform: uppercase;
    font-weight: bold;
    content: "Not\APictured";
    white-space: pre
}

#staff-listing .staff .name .title {
    margin-bottom: .25rem;
    font-size: 1.4rem;
    font-weight: bold
}

#staff-listing .staff .name p:not(.title) {
    margin-bottom: 0;
    font-size: .85rem
}

#staff-listing .staff .name .bio {
    display: none
}

#staff-listing .staff .name .bio .text {
    margin-top: 2rem
}

#staff-listing .staff .name .bio .text p,
#staff-listing .staff .name .bio .text ul,
#staff-listing .staff .name .bio .text a:any-link {
    margin-bottom: 2rem;
    font-size: clamp(14px, 0.778rem, 0.778rem)
}

#staff-listing .staff .name .bio .text:last-child {
    margin-bottom: 0
}

#staff-listing .staff .details,
#staff-listing .staff .mobile-details {
    font-size: .85rem;
    line-height: 2;
    transition: align-self .3s ease
}

#staff-listing .staff .details img,
#staff-listing .staff .details span[class*="icon"],
#staff-listing .staff .mobile-details img,
#staff-listing .staff .mobile-details span[class*="icon"] {
    display: inline-block;
    width: 1em;
    margin-right: .35em
}

#staff-listing .staff .details span,
#staff-listing .staff .mobile-details span {
    color: #FFC10B
}

#staff-listing .staff .mobile-details {
    display: none
}

#staff-listing .staff.open .details {
    align-self: flex-start
}

#staff-listing .staff[max-width~="800px"] {
    grid-template-columns: 1fr 3fr 2fr
}

#staff-listing .staff[max-width~="600px"] {
    grid-template-columns: 1fr 2fr 1fr;
    gap: 1rem
}

#staff-listing .staff[max-width~="500px"] {
    grid-template-columns: 1fr 2fr;
    grid-template-areas: "image name"
}

#staff-listing .staff[max-width~="500px"] .photo,
#staff-listing .staff[max-width~="500px"] .no-photo {
    grid-area: image
}

#staff-listing .staff[max-width~="500px"] .name {
    display: inline-block;
    align-self: flex-start
}

#staff-listing .staff[max-width~="500px"] .details {
    display: none
}

#staff-listing .staff[max-width~="500px"] .mobile-details {
    display: block
}

#staff-listing .staff[max-width~="350px"] {
    grid-template-areas: none;
    grid-template-columns: auto;
    grid-template-rows: auto
}

#staff-listing .staff[max-width~="350px"] .photo,
#staff-listing .staff[max-width~="350px"] .no-photo {
    display: none
}

#staff-listing.lucy-user-plugin .staff[max-width~="500px"] {
    display: block
}

#staff-detail {
    display: grid;
    grid-template-columns: 7fr 3fr;
    gap: var(--gutter_x);
    margin-bottom: var(--gutter_y)
}

@media only screen and (max-width:800px) {
    #staff-detail {
        grid-template-columns: 1fr;
        gap: var(--flow_space)
    }
}

#staff-detail .title {
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    transform: translate(0, -1rem)
}

/*#program-page{#staff-listing .staff{.photo{width:20%}.details{width:29%}}}*/

#search-results {
    padding: 0 var(--gutter_x)
}

#search-results .sub-header,
#search-results #search-overlay form button,
#search-overlay form #search-results button,
#search-results body.front button,
body.front #search-results button,
#search-results body.front a.button,
body.front #search-results a.button,
#search-results body.front span.button,
body.front #search-results span.button,
#search-results #lucy-page-template-inner button,
#lucy-page-template-inner #search-results button,
#search-results #lucy-page-template-inner a.button,
#lucy-page-template-inner #search-results a.button,
#search-results #lucy-page-template-inner span.button,
#lucy-page-template-inner #search-results span.button,
#search-results body.front .box-link,
body.front #search-results .box-link,
#search-results #lucy-page-template-inner .box-link,
#lucy-page-template-inner #search-results .box-link,
#search-results #filter-bar .span label,
#filter-bar .span #search-results label,
#search-results #program-list .program:first-child:before,
#program-list #search-results .program:first-child:before,
#search-results #program-list .program:first-child .degree:before,
#program-list .program:first-child #search-results .degree:before,
#search-results #program-list .program:first-child .field:before,
#program-list .program:first-child #search-results .field:before,
#search-results #program-list[max-width~="700px"] .program .degree:before,
#program-list[max-width~="700px"] .program #search-results .degree:before,
#search-results #program-list[max-width~="700px"] .program .field:before,
#program-list[max-width~="700px"] .program #search-results .field:before {
    margin-bottom: 1rem
}

#search-results .result-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 2rem 0;
    border-top: 1px solid #DDD
}

#search-results .result-container>* {
    margin-bottom: 0
}

#search-results .result-container p.result-title a:any-link {
    font-weight: 700
}

#search-results .result-container:last-of-type {
    border-bottom: 1px solid #DDD
}

@layer lucy-utilities {
    #lucy-pagination {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 2rem;
        width: 100%;
        margin: var(--gutter_y) 0 !important
    }
    #lucy-pagination .page-controls {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1rem;
        font-size: .889rem
    }
    #lucy-pagination .page-controls [class*="span"].select {
        margin-bottom: 0 !important
    }
    #lucy-pagination .page-controls span {
        flex: 0 0 auto
    }
    #lucy-pagination .arrow {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 2rem;
        height: 2rem;
        background-color: #FFC10B;
        border-radius: 50%
    }
    #lucy-pagination .arrow.disabled {
        cursor: not-allowed;
        opacity: .5
    }
    #lucy-pagination .pages {
        display: flex;
        gap: .5rem
    }
    #lucy-pagination .pages a:any-link {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 2.5rem;
        height: 2.5rem;
        font-size: .889rem;
        font-weight: 700;
        color: var(--color_text);
        text-decoration: none;
        background-color: var(--color_light);
        border-radius: 50%;
        transition: all .3s ease
    }
    #lucy-pagination .pages a:any-link:hover,
    #lucy-pagination .pages a:any-link.selected {
        color: #FFF;
        background-color: var(--color_primary)
    }
    #lucy-pagination #page-selection {
        min-width: 4rem;
        font-size: .889rem
    }
}

#class-listing {
    border-top: 1px solid #DDD
}

#class-listing .class {
    padding: 3em 0;
    border-bottom: 1px solid #DDD
}

#class-listing .class p {
    margin-bottom: 1em
}

#class-listing .class p.title {
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #000;
    font-size: 2rem;
    letter-spacing: -0.01em;
    line-height: 1.04em
}

#class-listing .class p.title a,
#class-listing .class p.title a:active,
#class-listing .class p.title a:visited {
    color: #000;
    text-decoration: none
}

#class-listing .class p.title a:hover,
#class-listing .class p.title a:active:hover,
#class-listing .class p.title a:visited:hover {
    text-decoration: underline
}

#class-listing .class p:last-child {
    margin-bottom: 0
}

#class-listing .class img {
    width: 100%
}

#class-listing .class .span16 p {
    padding-left: var(--base_font_size)
}

@media only screen and (max-width:600px) {
    #class-listing .class .span16 p {
        padding-left: 0
    }
}

.class-detail .camp-intro {
    margin-bottom: 4em;
    padding-bottom: 4em;
    border-bottom: 1px solid #DDD
}

.class-detail .camp-intro .span10 img {
    width: 100%
}

.class-detail .details {
    font-size: 1.5em;
    line-height: 1.6
}

.class-detail #class-options {
    margin: 3em 0 4em 0
}

.class-detail h2 {
    margin-top: 2em
}

.faculty-list {
    border-top: 1px solid #DDD
}

.faculty-list .member {
    border-bottom: 1px solid #DDD
}

.faculty-list .member .row {
    margin-bottom: 0
}

.faculty-list .member img {
    width: 100%
}

.faculty-list .member .main p {
    padding-left: var(--base_font_size)
}

@media only screen and (max-width:600px) {
    .faculty-list .member .main p {
        padding-left: 0
    }
}

.faculty-list .member .main .title {
    font-size: 2rem;
    letter-spacing: -0.01em;
    line-height: 1.04em;
    margin-bottom: .2em
}

.faculty-list .member .main .subtitle {
    font-size: 1.3rem;
    letter-spacing: -0.0085em;
    line-height: 1.1em;
    margin-bottom: 0
}

.faculty-list .member .main .body {
    margin: .5em 0 0 0
}

.faculty-list .member .details {
    font-size: .875em;
    line-height: 2
}

.faculty-list .member .details p {
    margin-bottom: 1em
}

.faculty-list .member .details a,
.faculty-list .member .details a:active,
.faculty-list .member .details a:visited {
    text-decoration: none
}

.faculty-list .member .details a:hover,
.faculty-list .member .details a:active:hover,
.faculty-list .member .details a:visited:hover {
    text-decoration: underline
}

.faculty-list [class*='span'] {
    padding-top: calc(3 * var(--base_font_size));
    padding-bottom: calc(3 * var(--base_font_size))
}

:root {
    --gutter_x: clamp(15px, calc(.5rem + 5.5vw), 100px);
    --gutter_y: clamp(20px, calc(1.8rem + 4vw), 80px);
    --header_height: calc(50px + 8vw);
    --border_wrap: calc(10px + .4vw);
    --border_radius: 4px;
    --base_font_size: clamp(14px, calc(8px + .5vw), 18px);
    /* @include bp('desktop-medium'){--base_font_size:1.2vw}@include bp('desktop'){--base_font_size:1.4vw}@include bp('tablet'){--base_font_size:calc(10px + 1vw)}@include bp('mobile'){--base_font_size:3vw}*/
}

* {
    margin: 0;
    padding: 0;
    border: 0
}

:root,
html,
body {
    font-size: var(--base_font_size)
}

body.front,
#lucy-page-template-inner {
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    color: #000;
    letter-spacing: 0.001875em;
    line-height: 1.875
}

body.front.no-header1,
#lucy-page-template-inner.no-header1 {
    padding-top: 141px
}

body.front.no-header1 header .bg,
#lucy-page-template-inner.no-header1 header .bg {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

@media only screen and (max-width:1440px) {
    body.front.no-header1,
    #lucy-page-template-inner.no-header1 {
        padding-top: 138px
    }
}

@media only screen and (max-width:1125px) {
    body.front.no-header1,
    #lucy-page-template-inner.no-header1 {
        padding-top: 137px
    }
}

@media only screen and (max-width:1125px) {
    body.front.no-header1,
    #lucy-page-template-inner.no-header1 {
        padding-top: 130px
    }
}

@media only screen and (max-width:600px) {
    body.front.no-header1,
    #lucy-page-template-inner.no-header1 {
        padding-top: 80px
    }
}

body.front.interior1,
#lucy-page-template-inner.interior1 {
    padding-top: var(--header_height)
}

body.front.interior1 header .bg,
#lucy-page-template-inner.interior1 header .bg {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

@media only screen and (max-width:600px) {
    body.front.interior1,
    #lucy-page-template-inner.interior1 {
        padding-top: 80px
    }
}

body.front.alert,
#lucy-page-template-inner.alert {
    padding-top: calc(var(--border_wrap) + 4.5rem);
    /*&.no-header{padding-top:134px + $alert_height;@include bp('desktop-medium'){padding-top:138px + $alert_height}@include bp('desktop'){padding-top:137px + $alert_height}@include bp('tablet'){padding-top:130px + $alert_height}@include bp('mobile'){padding-top:80px + $alert_height}}*/
}

html,
body {
    min-height: 100%;
    height: 100%;
    font-size: var(--base_font_size)
}

body {
    position: relative;
    padding: var(--border_wrap);
    background: #FFC10B;
    transition: background-color .4s ease-in-out
}

body.locked {
    overflow: hidden;
    background: #000
}

body:before {
    position: absolute;
    z-index: 101;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    translate: 0 -100%;
    background: #FFC10B;
    content: ''
}

#site {
    position: relative;
    width: 100%;
    min-height: 100%;
    background: #FFFFFF;
    border-bottom: var(--border_wrap) solid #FFC10B;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

.lucy-wrapper,
#layout-full,
#layout-7030 {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0 var(--gutter_x);
    font-family: Avenir Next W01, Helvetica, Arial, sans-serif;
    font-size: var(--base_font_size);
    color: #161616;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

header {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--header_height);
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

header .lucy-wrapper,
header #layout-full,
header #layout-7030 {
    position: relative;
    z-index: 1;
    display: flex;
    height: 100%;
    align-items: center;
    text-align: right
}

header #logo {
    width: 17vw;
    line-height: 0
}

header #logo img {
    width: 100%
}

header #search-header,
header #menu-header {
    display: flex;
    align-items: center;
    color: #FFFFFF;
    font-size: .85em;
    font-weight: bold;
    letter-spacing: .09em;
    text-transform: uppercase;
    text-decoration: none
}

header #search-header [class*='icon'],
header #menu-header [class*='icon'] {
    margin-left: .75em;
    font-size: 1.5em
}

header #search-header svg,
header #menu-header svg {
    margin-left: 1em
}

header #search-header svg g,
header #menu-header svg g {
    fill: #FFFFFF
}

header #search-header:hover,
header #menu-header:hover {
    color: #FFC10B
}

header #search-header:hover g,
header #menu-header:hover g {
    fill: #FFC10B
}

header #search-header:hover span:first-child,
header #menu-header:hover span:first-child {
    text-decoration: underline
}

header #search-header {
    margin: 0 2.5em 0 auto
}

@media only screen and (max-width:1200px) {
    header #logo {
        width: 25vw
    }
}

@media only screen and (max-width:800px) {
    header #logo {
        width: 30vw;
        text-align: left
    }
    header #search-header span:first-child,
    header #menu-header span:first-child {
        display: none
    }
    header #search-header {
        margin: 0 .5em 0 auto
    }
}

#header-scroll {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 5vw;
    background: #FFC10B;
    transform: translate(0, -100%);
    perspective: 1000px;
    -moz-transform: translate(0, -100%);
    -moz-perspective: 1000;
    -webkit-transform: translate(0, -100%);
    -webkit-perspective: 1000;
    -o-transform: translate(0, -100%);
    -o-perspective: 1000;
    -ms-transform: translate(0, -100%);
    -ms-perspective: 1000;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out
}

#header-scroll.show {
    box-shadow: 0 12px 22px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 12px 22px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 12px 22px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 12px 22px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 12px 22px 0 rgba(0, 0, 0, 0.1);
    transform: translate(0, 0);
    perspective: 1000px;
    -moz-transform: translate(0, 0);
    -moz-perspective: 1000;
    -webkit-transform: translate(0, 0);
    -webkit-perspective: 1000;
    -o-transform: translate(0, 0);
    -o-perspective: 1000;
    -ms-transform: translate(0, 0);
    -ms-perspective: 1000
}

#header-scroll .lucy-wrapper,
#header-scroll #layout-full,
#header-scroll #layout-7030 {
    height: 100%;
    display: flex;
    align-items: center
}

#header-scroll #logo-scroll {
    height: 60%;
    line-height: 0
}

#header-scroll #logo-scroll img {
    height: 100%
}

#header-scroll #search-scroll,
#header-scroll #menu-scroll {
    display: flex;
    align-items: center;
    font-size: .85em;
    font-weight: bold;
    letter-spacing: .09em;
    text-transform: uppercase;
    text-decoration: none
}

#header-scroll #search-scroll span,
#header-scroll #menu-scroll span {
    margin-left: .75em;
    font-size: 1.75em
}

#header-scroll #search-scroll svg,
#header-scroll #menu-scroll svg {
    margin-left: 1em
}

#header-scroll #search-scroll {
    margin: 0 2.5em 0 auto
}

@media only screen and (max-width:800px) {
    #header-scroll {
        display: none
    }
}

#alert {
    position: absolute;
    top: var(--border_wrap);
    left: var(--border_wrap);
    display: flex;
    align-items: center;
    width: calc(100% - (2 * var(--border_wrap)));
    height: 4.5rem;
    padding: 0 var(--gutter_x);
    background: #FFF;
    box-sizing: border-box;
    overflow: hidden
}

#alert a {
    color: #FFF;
    text-decoration: none
}

#alert a:not(.icon-close) {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - var(--gutter_x) - 2rem);
    height: 100%
}

#alert p {
    margin-bottom: 0
}

#alert p:first-child {
    flex-shrink: 0;
    white-space: nowrap
}

#alert p.body-small {
    flex-shrink: 1;
    margin-left: 1.5rem;
    padding: 0 1.5rem;
    border-left: 1px solid rgba(0, 0, 0, 0.25);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#alert img {
    width: .9rem
}

#alert .icon-close {
    margin: 0 0 0 auto;
    padding: 0;
    font-size: .85rem;
    color: #000;
    cursor: pointer;
    border: none
}

#alert .icon-close:hover,
#alert .icon-close:focus {
    background: transparent
}

#alert.hide {
    translate: 0 -100%
}

/*#alert{position:fixed;z-index:5;top:var(--border_wrap);left:var(--border_wrap);width:calc(100% - (2 * var(--border_wrap));height:$alert_height;text-align:center;background:get_color(white);overflow:hidden;@include transition;p{display:inline-block;margin:0 1em 0 0;font-size:.7em;line-height:$alert_height;&.title{margin-right:.5em;font-size:1.25em}}.button{position:relative;top:-4px;padding:1.25em 1.75em}.icon-close{position:absolute;top:50%;right:1em;font-size:.8em;color:get_color(secondary);cursor:pointer;@include translate(0, -50%)}&.hide{top:$alert_height * -1}@include bp('tablet'){a.button{position:absolute;top:0;left:0;width:95%;height:100%;@include box-sizing;@include opacity(0)}}}*/

#cart-add-popup {
    position: fixed;
    z-index: 3;
    width: 300px;
    padding: 2em;
    background: #FFFFFF;
    text-align: left;
    border-bottom: 3px solid #D1C7BE;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

#cart-add-popup label {
    display: block;
    margin-bottom: .25em;
    font-weight: bold;
    font-size: .75em
}

#cart-add-popup p {
    margin-bottom: 0;
    font-size: .8em;
    text-transform: none
}

#cart-add-popup p.title {
    margin-bottom: 0
}

#cart-add-popup p.subtitle {
    margin-bottom: 1em
}

#cart-add-popup p.subtotal {
    margin-bottom: 1.5em;
    font-weight: bold;
    font-size: .9em
}

#cart-add-popup .button {
    display: inline-block;
    margin-right: .5em;
    font-size: .6em
}

#search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
    width: 100vw;
    height: 100vh;
    min-height: 100vh;
    padding-top: var(--header_height);
    overflow: scroll;
    background: #FFFFFF;
    border: var(--border_wrap) solid #FFC10B;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

#search-overlay .header {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--header_height);
    background: transparent url(https://adrian.imgix.net/images/seal-bg-dark.png) no-repeat top center;
    background-size: 100% auto
}

#search-overlay .header .lucy-wrapper,
#search-overlay .header #layout-full,
#search-overlay .header #layout-7030 {
    position: relative;
    z-index: 1;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: space-between
}

#search-overlay .header a,
#search-overlay .header a:active,
#search-overlay .header a:visited {
    display: flex;
    align-items: center;
    color: #FFFFFF;
    font-size: .85em;
    font-weight: bold;
    letter-spacing: .09em;
    text-transform: uppercase;
    text-decoration: none
}

#search-overlay .header a [class*='icon'],
#search-overlay .header a:active [class*='icon'],
#search-overlay .header a:visited [class*='icon'] {
    margin-left: .75em;
    font-size: 1.5em;
    text-decoration: none !important
}

#search-overlay .header a:hover span,
#search-overlay .header a:focus span {
    text-decoration: underline
}

#search-overlay .header #search-logo {
    width: 17vw
}

#search-overlay .header #search-logo img {
    width: 100%
}

@media only screen and (max-width:1200px) {
    #search-overlay .header #search-logo {
        width: 25vw
    }
}

@media only screen and (max-width:800px) {
    #search-overlay .header #search-logo {
        width: 30vw;
        text-align: left
    }
}

#search-overlay form {
    position: relative;
    z-index: 0;
    display: flex;
    padding: calc(var(--gutter_y) * .5) var(--gutter_x) var(--gutter_y) var(--gutter_x);
    justify-content: space-between;
    background: #161616 url(https://adrian.imgix.net/images/seal-bg-dark.png) no-repeat 0 calc(var(--header_height) * -1);
    background-size: 100% auto
}

#search-overlay form input {
    width: 68%;
    padding: .65em;
    font-size: 1.4em;
    font-weight: bold;
    border-bottom: 3px solid transparent
}

#search-overlay form button {
    position: relative;
    width: 25%;
    margin: 0 !important;
    padding: 0 0 0 1.25em !important;
    line-height: 1;
    text-align: left;
    text-decoration: none;
    color: #FFFFFF !important;
    background: transparent;
    border: 3px solid #FFC10B;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

#search-overlay form button:after {
    position: absolute;
    top: 50%;
    right: 0;
    content: "" !important;
    color: #FFFFFF;
    font-size: .8em;
    transform: translate(-50%, -50%);
    perspective: 1000px;
    -moz-transform: translate(-50%, -50%);
    -moz-perspective: 1000;
    -webkit-transform: translate(-50%, -50%);
    -webkit-perspective: 1000;
    -o-transform: translate(-50%, -50%);
    -o-perspective: 1000;
    -ms-transform: translate(-50%, -50%);
    -ms-perspective: 1000
}

@media only screen and (max-width:600px) {
    #search-overlay form {
        display: block
    }
    #search-overlay form input,
    #search-overlay form button {
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box
    }
    #search-overlay form button {
        padding: .5em 1.25em !important
    }
}

#search-overlay .wrapper {
    position: relative;
    z-index: 0;
    display: flex;
    justify-content: space-between;
    padding: var(--gutter_y) var(--gutter_x);
    font-size: 0
}

#search-overlay .wrapper .body {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 68%;
    font-size: var(--base_font_size);
    vertical-align: top;
    color: #000
}

#search-overlay .wrapper .body .in-this-section {
    margin-top: 0
}

#search-overlay .wrapper aside {
    position: relative;
    z-index: 2;
    display: inline-block;
    width: 25%;
    padding-right: 0;
    font-size: var(--base_font_size);
    vertical-align: top;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

#search-overlay .wrapper aside .box-link {
    width: 100%
}

#search-overlay .wrapper aside .box-link:after {
    color: #000
}

@media only screen and (max-width:800px) {
    #search-overlay .wrapper {
        display: block
    }
    #search-overlay .wrapper .body,
    #search-overlay .wrapper aside {
        width: 100%
    }
    #search-overlay .wrapper aside {
        margin: var(--gutter_y) 0 0 0
    }
}

#menu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
    width: 100vw;
    height: 100vh;
    min-height: 100vh;
    overflow: scroll;
    background: #FFC10B url(https://adrian.imgix.net/images/menu-mark.jpg) no-repeat center;
    background-size: cover;
    border: var(--border_wrap) solid #161616;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

#menu .header {
    height: var(--header_height)
}

#menu .header .lucy-wrapper,
#menu .header #layout-full,
#menu .header #layout-7030 {
    position: relative;
    z-index: 1;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: space-between
}

#menu .header a,
#menu .header a:active,
#menu .header a:visited {
    display: flex;
    align-items: center;
    color: #161616;
    font-size: .85em;
    font-weight: bold;
    letter-spacing: .09em;
    text-transform: uppercase;
    text-decoration: none
}

#menu .header a [class*='icon'],
#menu .header a:active [class*='icon'],
#menu .header a:visited [class*='icon'] {
    margin-left: .75em;
    font-size: 1.5em;
    text-decoration: none !important
}

#menu .header #menu-close:hover span:first-child,
#menu .header #menu-close:focus span:first-child {
    text-decoration: underline
}

#menu .header #menu-logo {
    width: 17vw
}

#menu .header #menu-logo img {
    width: 100%
}

@media only screen and (max-width:1200px) {
    #menu .header #menu-logo {
        width: 25vw
    }
}

@media only screen and (max-width:800px) {
    #menu .header #menu-logo {
        width: 30vw;
        text-align: left
    }
}

#menu .content .lucy-wrapper,
#menu .content #layout-full,
#menu .content #layout-7030 {
    display: flex;
    justify-content: space-between
}

#menu .content .column {
    line-height: 1.6
}

#menu .content .column ul {
    margin-bottom: 4em;
    padding: 0 !important;
    list-style-type: none
}

#menu .content .column ul:last-child {
    margin-bottom: 0
}

#menu .content .column a,
#menu .content .column a:active,
#menu .content .column a:visited {
    text-decoration: none
}

#menu .content .column a:hover,
#menu .content .column a:focus,
#menu .content .column a:active:hover,
#menu .content .column a:active:focus,
#menu .content .column a:visited:hover,
#menu .content .column a:visited:focus {
    text-decoration: underline
}

#menu .content .column:first-child ul {
    margin-bottom: 1em;
    font-size: calc(1.75em + 3vw);
    font-weight: bold;
    line-height: 1.3
}

#menu .content .column .desktop-links {
    margin-bottom: 3.7em
}

#menu .content .column a.box-link,
#menu .content .column a.box-link:active,
#menu .content .column a.box-link:visited {
    width: 100%;
    margin-right: 0;
    margin-bottom: .75em;
    text-decoration: none;
    background-color: transparent;
    border-color: #161616
}

#menu .content .column a.box-link:after,
#menu .content .column a.box-link:active:after,
#menu .content .column a.box-link:visited:after {
    color: #161616
}

#menu .content .column a.box-link:hover,
#menu .content .column a.box-link:focus,
#menu .content .column a.box-link:active:hover,
#menu .content .column a.box-link:active:focus,
#menu .content .column a.box-link:visited:hover,
#menu .content .column a.box-link:visited:focus {
    text-decoration: underline;
    background: #FFFFFF
}

#menu .content .column:last-child {
    width: 25%
}

#menu .content .title {
    margin-bottom: 1rem;
    font-size: 1.4em;
    font-weight: bold
}

#menu .content .contact {
    margin-bottom: 0
}

#menu .content .contact a,
#menu .content .contact a:active,
#menu .content .contact a:visited {
    text-decoration: underline
}

#menu .content .contact a:hover {
    text-decoration: none
}

#menu .content .mobile-links {
    display: none
}

@media only screen and (max-width:1000px) {
    #menu .header {
        position: relative;
        height: auto;
        margin-bottom: 1.25rem;
        padding: 1.3em 0
    }
    #menu .header img {
        width: 30vw
    }
    #menu .header #menu-close span:first-child {
        display: none
    }
    #menu .header:after {
        position: absolute;
        bottom: 0;
        left: var(--gutter_x);
        width: calc(100% - (var(--gutter_x) * 2));
        height: 1px;
        background: #161616;
        content: ''
    }
    #menu .content {
        padding-bottom: calc(2 * var(--gutter_y))
    }
    #menu .content .lucy-wrapper,
    #menu .content #layout-full,
    #menu .content #layout-7030 {
        flex-direction: column
    }
    #menu .content .lucy-wrapper ul,
    #menu .content #layout-full ul,
    #menu .content #layout-7030 ul {
        margin-bottom: 2em
    }
    #menu .content .lucy-wrapper .title,
    #menu .content #layout-full .title,
    #menu .content #layout-7030 .title {
        margin-bottom: 0
    }
    #menu .content .lucy-wrapper .mobile-links,
    #menu .content #layout-full .mobile-links,
    #menu .content #layout-7030 .mobile-links {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: auto auto;
        gap: .5rem
    }
    #menu .content .lucy-wrapper .mobile-links a.box-link,
    #menu .content #layout-full .mobile-links a.box-link,
    #menu .content #layout-7030 .mobile-links a.box-link,
    #menu .content .lucy-wrapper .mobile-links a.box-link:active,
    #menu .content .lucy-wrapper .mobile-links a.box-link:visited {
        margin-bottom: 0;
        padding: 1.25rem 0;
        text-align: center
    }
    #menu .content .lucy-wrapper .mobile-links a.box-link:after,
    #menu .content #layout-full .mobile-links a.box-link:after,
    #menu .content #layout-7030 .mobile-links a.box-link:after,
    #menu .content .lucy-wrapper .mobile-links a.box-link:active:after,
    #menu .content .lucy-wrapper .mobile-links a.box-link:visited:after {
        display: none
    }
    #menu .content .lucy-wrapper .mobile-links a.box-link:nth-child(1),
    #menu .content #layout-full .mobile-links a.box-link:nth-child(1),
    #menu .content #layout-7030 .mobile-links a.box-link:nth-child(1),
    #menu .content .lucy-wrapper .mobile-links a.box-link:active:nth-child(1),
    #menu .content .lucy-wrapper .mobile-links a.box-link:visited:nth-child(1) {
        grid-column: 1 / 3
    }
    #menu .content .lucy-wrapper .mobile-links a.box-link:nth-child(2),
    #menu .content #layout-full .mobile-links a.box-link:nth-child(2),
    #menu .content #layout-7030 .mobile-links a.box-link:nth-child(2),
    #menu .content .lucy-wrapper .mobile-links a.box-link:active:nth-child(2),
    #menu .content .lucy-wrapper .mobile-links a.box-link:visited:nth-child(2) {
        grid-column: 3 / 5
    }
    #menu .content .lucy-wrapper .mobile-links a.box-link:nth-child(3),
    #menu .content #layout-full .mobile-links a.box-link:nth-child(3),
    #menu .content #layout-7030 .mobile-links a.box-link:nth-child(3),
    #menu .content .lucy-wrapper .mobile-links a.box-link:active:nth-child(3),
    #menu .content .lucy-wrapper .mobile-links a.box-link:visited:nth-child(3) {
        grid-column: 5 / 7
    }
    #menu .content .lucy-wrapper .mobile-links a.box-link:nth-child(4),
    #menu .content #layout-full .mobile-links a.box-link:nth-child(4),
    #menu .content #layout-7030 .mobile-links a.box-link:nth-child(4),
    #menu .content .lucy-wrapper .mobile-links a.box-link:active:nth-child(4),
    #menu .content .lucy-wrapper .mobile-links a.box-link:visited:nth-child(4) {
        grid-column: 1 / 4
    }
    #menu .content .lucy-wrapper .mobile-links a.box-link:nth-child(5),
    #menu .content #layout-full .mobile-links a.box-link:nth-child(5),
    #menu .content #layout-7030 .mobile-links a.box-link:nth-child(5),
    #menu .content .lucy-wrapper .mobile-links a.box-link:active:nth-child(5),
    #menu .content .lucy-wrapper .mobile-links a.box-link:visited:nth-child(5) {
        grid-column: 4 / 7
    }
    #menu .content .lucy-wrapper .column,
    #menu .content #layout-full .column,
    #menu .content #layout-7030 .column {
        margin-bottom: 2rem
    }
    #menu .content .lucy-wrapper .column:first-child ul,
    #menu .content #layout-full .column:first-child ul,
    #menu .content #layout-7030 .column:first-child ul {
        margin-bottom: 0
    }
    #menu .content .lucy-wrapper .column:last-child,
    #menu .content #layout-full .column:last-child,
    #menu .content #layout-7030 .column:last-child {
        width: auto
    }
    #menu .desktop-links {
        display: none
    }
}

#page-header {
    position: relative;
    padding: calc(10vw + var(--header_height)) 0 10vw 0;
    background-color: #161616;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased
}

#page-header .lucy-wrapper,
#page-header #layout-full,
#page-header #layout-7030 {
    position: relative;
    z-index: 2
}

#page-header h1 {
    margin-bottom: .25em;
    letter-spacing: -.015em;
    color: #FFFFFF
}

#page-header p {
    color: #FFFFFF
}

#page-header p:last-child {
    margin-bottom: 0
}

#page-header.has-image:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(22, 22, 22, 0.55);
    content: ''
}

#page-header video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    object-fit: cover;
    object-position: top center
}

#page-header-placeholder {
    height: var(--header_height);
    background-color: #161616
}

#trail {
    padding-top: 1em;
    line-height: 1
}

#trail ul {
    position: relative;
    display: flex;
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
    color: #000;
    text-transform: uppercase;
    letter-spacing: .1em
}

#trail ul li {
    display: inline-block
}

#trail ul li a,
#trail ul li a:active,
#trail ul li a:visited {
    color: #000;
    font-size: .65em;
    text-decoration: none
}

#trail ul li a:hover,
#trail ul li a:focus,
#trail ul li a:active:hover,
#trail ul li a:active:focus,
#trail ul li a:visited:hover,
#trail ul li a:visited:focus {
    text-decoration: underline
}

#trail ul li:after {
    display: inline-block;
    margin: 0 1em;
    font-size: .7em;
    line-height: 1.2;
    content: "\2022"
}

#trail ul li:nth-last-child(2) {
    font-weight: bold
}

#trail ul li:nth-last-child(2):after {
    display: none
}

#trail ul li:last-child {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-left: auto
}

#trail ul li:last-child:after {
    display: none
}

#trail .rss-icon {
    display: flex;
    align-items: center;
    gap: .2rem;
    vertical-align: middle
}

#trail .rss-icon svg {
    position: relative;
    top: -.1rem;
    width: .7rem
}

#trail .rss-icon svg g {
    fill: #000
}

@media only screen and (max-width:800px) {
    #trail ul li:not(:nth-last-child(2),
    : nth-last-child(3)):not(:last-child) {
        display:none
    }
}

#page-nav {
    position: relative;
    z-index: 2;
    border-bottom: 1px solid #DDD;
    overflow: hidden
}

#page-nav ul.main {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    list-style-type: none;
    white-space: nowrap
}

#page-nav ul.main li {
    position: relative;
    display: inline-block;
    margin-right: calc(var(--base_font_size) * 3)
}

#page-nav ul.main li a,
#page-nav ul.main li a:active,
#page-nav ul.main li a:visited {
    position: relative;
    display: inline-block;
    padding: 2em 0;
    font-size: var(--base_font_size);
    font-weight: bold;
    text-decoration: none
}

#page-nav ul.main li a.active,
#page-nav ul.main li a:active.active,
#page-nav ul.main li a:visited.active {
    color: #D1C7BE
}

#page-nav ul.main li a:hover,
#page-nav ul.main li a:focus,
#page-nav ul.main li a:active:hover,
#page-nav ul.main li a:active:focus,
#page-nav ul.main li a:visited:hover,
#page-nav ul.main li a:visited:focus {
    color: #D1C7BE
}

#page-nav ul.main li.sub:after {
    position: absolute;
    top: 50%;
    right: calc(var(--base_font_size) * .8);
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: 8px;
    text-transform: none;
    color: #D1C7BE;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e93e" !important;
    transform: translate(0, -50%);
    perspective: 1000px;
    -moz-transform: translate(0, -50%);
    -moz-perspective: 1000;
    -webkit-transform: translate(0, -50%);
    -webkit-perspective: 1000;
    -o-transform: translate(0, -50%);
    -o-perspective: 1000;
    -ms-transform: translate(0, -50%);
    -ms-perspective: 1000
}

#page-nav ul.main li#nav-more {
    display: none
}

#page-nav ul.main li#nav-more.hidden {
    visibility: hidden
}

#page-nav ul.main li ul {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    width: auto;
    height: auto;
    margin: 0 !important;
    padding: var(--base_font_size) calc(var(--base_font_size) * 2);
    background: #FFFFFF;
    white-space: nowrap;
    box-shadow: 0 10px 10px 0 rgba(51, 51, 51, 0.1);
    -moz-box-shadow: 0 10px 10px 0 rgba(51, 51, 51, 0.1);
    -webkit-box-shadow: 0 10px 10px 0 rgba(51, 51, 51, 0.1);
    -o-box-shadow: 0 10px 10px 0 rgba(51, 51, 51, 0.1);
    -ms-box-shadow: 0 10px 10px 0 rgba(51, 51, 51, 0.1)
}

#page-nav ul.main li ul li {
    display: block;
    margin-bottom: calc(var(--base_font_size) * .5)
}

#page-nav ul.main li ul li a,
#page-nav ul.main li ul li a:active,
#page-nav ul.main li ul li a:visited {
    padding: 0 !important;
    line-height: 1.3;
    font-size: calc(var(--base_font_size) * .9);
    color: #161616 !important
}

#page-nav ul.main li ul li a:hover,
#page-nav ul.main li ul li a:focus,
#page-nav ul.main li ul li a:active:hover,
#page-nav ul.main li ul li a:active:focus,
#page-nav ul.main li ul li a:visited:hover,
#page-nav ul.main li ul li a:visited:focus {
    color: #D1C7BE !important
}

#page-nav ul.main li ul li a:after,
#page-nav ul.main li ul li a:active:after,
#page-nav ul.main li ul li a:visited:after {
    display: none !important
}

#page-nav ul.main li ul li ul,
#page-nav ul.main li ul li:after {
    display: none
}

#page-nav ul.main li:hover,
#page-nav ul.main li:focus {
    color: #D1C7BE !important
}

#page-nav ul.main li:hover a,
#page-nav ul.main li:hover a:active,
#page-nav ul.main li:hover a:visited,
#page-nav ul.main li:focus a,
#page-nav ul.main li:focus a:active,
#page-nav ul.main li:focus a:visited {
    color: #D1C7BE
}

#page-nav ul.main li:hover ul,
#page-nav ul.main li:focus ul {
    display: block
}

#layout-7030 {
    font-size: 0
}

#layout-7030 #content-full {
    position: relative;
    z-index: 1;
    font-size: var(--base_font_size)
}

#layout-7030:has(aside):before {
    position: absolute;
    top: 0;
    left: 29.5%;
    width: 1px;
    height: 100%;
    background: #DDD;
    content: ''
}

@media only screen and (max-width:800px) {
    #layout-7030:has(aside):before {
        display: none
    }
}

#layout-7030 #content-7030 {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: calc(68% - 2px);
    margin-left: 1%;
    padding-left: 6%;
    font-size: var(--base_font_size);
    vertical-align: top
}

#layout-7030 #content-7030 .lucy-wrapper,
#layout-7030 #content-7030 #layout-full,
#layout-7030 #content-7030 #layout-7030 {
    width: 100% !important;
    padding: 0 !important
}

#layout-7030 #content-7030:first-child {
    margin-left: 5%;
    padding-left: 0;
    border-left: none
}

@media only screen and (max-width:800px) {
    #layout-7030 #content-7030 {
        margin-left: 0;
        padding-left: 0;
        border-left: none
    }
}

#layout-7030 aside {
    position: sticky;
    top: var(--gutter_y);
    z-index: 2;
    display: inline-block;
    width: 25%;
    padding-right: 4%;
    font-size: var(--base_font_size);
    vertical-align: top;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

#layout-7030 aside .lucy-wrapper,
#layout-7030 aside #layout-full,
#layout-7030 aside #layout-7030 {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important
}

#layout-7030 aside .box-link {
    width: 100%
}

#layout-7030 aside .box-link:after {
    color: #000
}

@media only screen and (max-width:800px) {
    #layout-7030 aside .box-link {
        display: none
    }
}

#layout-7030 aside #mobile-nav-toggle {
    position: relative;
    display: none;
    padding: .75em 1rem;
    border: 1px solid #DDD;
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

@media only screen and (max-width:800px) {
    #layout-7030 aside #mobile-nav-toggle {
        display: block
    }
}

#layout-7030 aside #mobile-nav-toggle:after {
    position: absolute;
    top: 50%;
    right: 25px;
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: 1em;
    text-transform: none;
    color: #161616;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e91a" !important;
    transform: translate(0, -50%);
    perspective: 1000px;
    -moz-transform: translate(0, -50%);
    -moz-perspective: 1000;
    -webkit-transform: translate(0, -50%);
    -webkit-perspective: 1000;
    -o-transform: translate(0, -50%);
    -o-perspective: 1000;
    -ms-transform: translate(0, -50%);
    -ms-perspective: 1000
}

#layout-7030 aside #mobile-nav-toggle.open:after {
    font-size: .2em;
    content: "\e91f" !important
}

#layout-7030 aside #vertical-nav-content .subtitle {
    margin-bottom: 1em;
    line-height: 1.2;
    font-size: 1.4em;
    font-weight: bold
}

@media only screen and (max-width:800px) {
    #layout-7030 aside #vertical-nav-content {
        position: relative;
        top: 100%;
        display: none;
        width: 100%;
        max-height: 75vh;
        padding: 1rem;
        border: 1px solid #DDD;
        border-top: none;
        background: #FFFFFF;
        overflow: auto;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box
    }
    #layout-7030 aside #vertical-nav-content .subtitle {
        display: none
    }
    #layout-7030 aside #vertical-nav-content ul {
        margin-bottom: 0;
        border-top: none
    }
    #layout-7030 aside #vertical-nav-content ul li {
        margin-bottom: 0;
        border-bottom: none
    }
    #layout-7030 aside #vertical-nav-content ul a,
    #layout-7030 aside #vertical-nav-content ul a:active,
    #layout-7030 aside #vertical-nav-content ul a:visited {
        padding: calc(.5em - 2px) 0
    }
    #layout-7030 aside #vertical-nav-content ul:last-child {
        margin-bottom: 0
    }
}

#layout-7030 aside ul {
    padding: 0;
    list-style-type: none
}

#layout-7030 aside ul li {
    display: block;
    margin-bottom: .75em;
    line-height: 1.2
}

#layout-7030 aside ul li a,
#layout-7030 aside ul li a:active,
#layout-7030 aside ul li a:visited {
    display: block;
    color: #161616;
    text-decoration: none
}

#layout-7030 aside ul li a span,
#layout-7030 aside ul li a:active span,
#layout-7030 aside ul li a:visited span {
    display: inline-block;
    border-bottom: 3px solid transparent
}

#layout-7030 aside ul li a.active span,
#layout-7030 aside ul li a:hover span,
#layout-7030 aside ul li a:focus span,
#layout-7030 aside ul li a:active.active span,
#layout-7030 aside ul li a:active:hover span,
#layout-7030 aside ul li a:active:focus span,
#layout-7030 aside ul li a:visited.active span,
#layout-7030 aside ul li a:visited:hover span,
#layout-7030 aside ul li a:visited:focus span {
    border-color: #FFC10B
}

#layout-7030 aside ul li a.active span,
#layout-7030 aside ul li a:active.active span,
#layout-7030 aside ul li a:visited.active span {
    font-weight: bold
}

@media only screen and (max-width:800px) {
    #layout-7030 aside,
    #layout-7030 #content-7030 {
        width: 100%
    }
    #layout-7030 aside {
        position: relative;
        top: revert;
        margin-right: 0;
        margin-bottom: 2em;
        padding-right: 0;
        border-right: none
    }
    #layout-7030 aside ul li {
        margin-bottom: .75em
    }
    #layout-7030 aside ul:last-child {
        margin-bottom: 0
    }
}

#layout-7030.flipped #content-7030 {
    margin-left: 0 !important;
    margin-right: 7% !important
}

#layout-7030.flipped aside {
    padding-left: 4%;
    padding-right: 0;
    border-left: 1px solid #DDD;
    border-right: none
}

#layout-full {
    margin-top: var(--gutter_y);
    margin-bottom: var(--gutter_y)
}

#layout-full .lucy-wrapper,
#layout-full #layout-7030,
#layout-full #layout-full {
    width: 100% !important;
    padding: 0 !important
}

#get-started {
    position: relative;
    height: 0;
    padding-bottom: 60%
}

#get-started video {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    object-fit: cover;
    object-position: top center
}

#get-started:after {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    content: ''
}

#get-started .content {
    position: absolute;
    z-index: 2;
    top: var(--gutter_y);
    left: var(--gutter_x);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(100% - (2 * var(--gutter_x)));
    height: calc(100% - (2 * var(--gutter_y)))
}

#get-started .content p,
#get-started .content h2,
#get-started .content .action-link,
#get-started .content .action-link-group a,
.action-link-group #get-started .content a {
    color: #FFFFFF
}

#get-started .content h2 {
    margin-bottom: auto;
    font-size: 5rem
}

#get-started .content .pre-heading {
    font-size: calc(.8em + .5vw)
}

#get-started .content .action-link,
#get-started .content .action-link-group a,
.action-link-group #get-started .content a,
#get-started .content .action-link:active,
#get-started .content .action-link:visited {
    font-size: calc(1rem + 1.5vw);
    font-size: 1.38rem
}

@media only screen and (max-width:800px) {
    #get-started {
        height: auto;
        padding-bottom: calc(2 * var(--gutter_y));
        background-size: cover;
        background-position: top right
    }
    #get-started:after {
        position: absolute;
        z-index: 1;
        bottom: 0;
        left: var(--gutter_x);
        width: calc(100% - (var(--gutter_x) * 2));
        height: 1px;
        background: rgba(255, 255, 255, 0.3);
        content: ''
    }
    #get-started .content {
        position: relative;
        top: auto;
        left: auto;
        width: auto;
        height: auto;
        padding: var(--gutter_y) var(--gutter_x);
        padding-bottom: 0
    }
    #get-started .content h2 {
        font-size: 4rem
    }
    #get-started .action-link-group {
        position: relative;
        z-index: 1;
        top: calc(var(--gutter_y) * 2);
        margin-bottom: 0;
        padding-bottom: 0
    }
    #get-started .action-link-group a,
    #get-started .action-link-group a:active,
    #get-started .action-link-group a:visited {
        position: relative;
        z-index: 1
    }
    #get-started .action-link-group:before {
        position: absolute;
        bottom: 85%;
        left: calc(-1 * var(--gutter_x));
        width: calc(100% + (var(--gutter_x) * 2));
        height: 112px;
        background-image: linear-gradient(0deg, #161616 0%, rgba(22, 22, 22, 0) 80%);
        content: ''
    }
    #get-started .action-link-group:after {
        position: absolute;
        top: 15%;
        left: calc(-1 * var(--gutter_x));
        width: calc(100% + (var(--gutter_x) * 2));
        height: 85%;
        background: #161616;
        content: ''
    }
    #get-started:before {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        content: '';
        opacity: .25
    }
}

@media only screen and (max-width:750px) {
    #get-started {
        background-size: auto 80%
    }
}

#footer-support-callout {
    padding: 6em 0;
    background: #D1C7BE;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased
}

@media only screen and (max-width:1125px) {
    #footer-support-callout {
        padding: 5em 0
    }
}

@media only screen and (max-width:800px) {
    #footer-support-callout {
        padding: 4em 0
    }
}

@media only screen and (max-width:600px) {
    #footer-support-callout {
        padding: 3em 0
    }
}

#footer-support-callout h2,
#footer-support-callout p,
#footer-support-callout p.subtitle {
    color: #FFFFFF
}

#footer-support-callout h2 {
    margin-bottom: 0
}

#footer-support-callout .span14 p {
    position: absolute;
    top: 50%;
    left: 1em;
    width: calc(100% - 1em);
    margin: 0;
    padding-right: 1em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    transform: translate(0, -50%);
    perspective: 1000px;
    -moz-transform: translate(0, -50%);
    -moz-perspective: 1000;
    -webkit-transform: translate(0, -50%);
    -webkit-perspective: 1000;
    -o-transform: translate(0, -50%);
    -o-perspective: 1000;
    -ms-transform: translate(0, -50%);
    -ms-perspective: 1000
}

#footer-support-callout .button {
    display: block;
    width: 100%;
    margin-top: .5em;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    color: #D1C7BE;
    background-color: #FFFFFF
}

#footer-support-callout .button:hover,
#footer-support-callout .button:focus {
    color: #FFFFFF;
    background: #D1C7BE
}

#footer-support-callout .border-right {
    border-color: rgba(255, 255, 255, 0.25)
}

@media only screen and (max-width:1125px) {
    #footer-support-callout .border-right {
        border: none
    }
    #footer-support-callout h2 {
        font-size: 2.5em
    }
}

@media only screen and (max-width:800px) {
    #footer-support-callout [class*='span'] {
        width: 100% !important
    }
    #footer-support-callout h2 {
        margin-bottom: .5em
    }
    #footer-support-callout .span14 p {
        position: relative;
        top: auto;
        left: auto;
        margin: 0 0 1em 0;
        transform: translate(0, 0);
        perspective: 1000px;
        -moz-transform: translate(0, 0);
        -moz-perspective: 1000;
        -webkit-transform: translate(0, 0);
        -webkit-perspective: 1000;
        -o-transform: translate(0, 0);
        -o-perspective: 1000;
        -ms-transform: translate(0, 0);
        -ms-perspective: 1000
    }
}

footer {
    padding: var(--gutter_y) var(--gutter_x);
    background: #161616
}

footer #callouts {
    display: flex;
    margin-bottom: var(--gutter_y);
    padding-bottom: var(--gutter_y);
    border-bottom: 1px solid rgba(255, 255, 255, 0.25)
}

footer #callouts a,
footer #callouts a:active,
footer #callouts a:visited {
    display: block;
    width: calc(33.33333% - (20px * 2/3));
    margin-right: 20px;
    padding-right: 1em;
    font-size: calc(.75em + 1.5vw);
    font-weight: bold;
    line-height: 1.25;
    color: #FFFFFF
}

footer #callouts a:after,
footer #callouts a:active:after,
footer #callouts a:visited:after {
    position: relative;
    display: none;
    content: "" !important;
    color: #FFC10B;
    font-size: .75em;
    text-decoration: underline
}

footer #callouts a:hover,
footer #callouts a:focus,
footer #callouts a:active:hover,
footer #callouts a:active:focus,
footer #callouts a:visited:hover,
footer #callouts a:visited:focus {
    text-decoration: none
}

footer #callouts a:nth-child(3n),
footer #callouts a:active:nth-child(3n),
footer #callouts a:visited:nth-child(3n) {
    margin-right: 0
}

@media only screen and (max-width:800px) {
    footer #callouts {
        flex-direction: column
    }
    footer #callouts a,
    footer #callouts a:active,
    footer #callouts a:visited {
        display: inline-block;
        width: 100%;
        margin: 0 0 2em 0
    }
    footer #callouts a span,
    footer #callouts a:active span,
    footer #callouts a:visited span {
        margin-right: .5em
    }
    footer #callouts a:last-child,
    footer #callouts a:active:last-child,
    footer #callouts a:visited:last-child {
        margin-bottom: 0
    }
    footer #callouts a:after,
    footer #callouts a:active:after,
    footer #callouts a:visited:after {
        display: inline-block;
        text-decoration: none
    }
}

footer ul.social {
    display: flex;
    align-items: center;
    gap: 1rem
}

footer ul.social a:any-link {
    display: inline-block;
    scale: 1;
    transition: scale .2s ease-in-out
}

footer ul.social a:any-link:hover,
footer ul.social a:any-link:focus-visible {
    text-decoration: none !important;
    scale: 1.3
}

footer #power {
    padding-bottom: var(--gutter_y);
    color: #FFFFFF
}

footer #power .sub-header,
footer #power body.front button,
body.front footer #power button,
footer #power body.front a.button,
body.front footer #power a.button,
footer #power body.front span.button,
body.front footer #power span.button,
footer #power #lucy-page-template-inner button,
#lucy-page-template-inner footer #power button,
footer #power #lucy-page-template-inner a.button,
#lucy-page-template-inner footer #power a.button,
footer #power #lucy-page-template-inner span.button,
#lucy-page-template-inner footer #power span.button,
footer #power body.front .box-link,
body.front footer #power .box-link,
footer #power #lucy-page-template-inner .box-link,
#lucy-page-template-inner footer #power .box-link,
footer #power #filter-bar .span label,
#filter-bar .span footer #power label,
footer #power #program-list .program:first-child:before,
#program-list footer #power .program:first-child:before,
footer #power #program-list .program:first-child .degree:before,
#program-list .program:first-child footer #power .degree:before,
footer #power #program-list .program:first-child .field:before,
#program-list .program:first-child footer #power .field:before,
footer #power #program-list[max-width~="700px"] .program .degree:before,
#program-list[max-width~="700px"] .program footer #power .degree:before,
footer #power #program-list[max-width~="700px"] .program .field:before,
#program-list[max-width~="700px"] .program footer #power .field:before,
footer #power #search-overlay form button,
#search-overlay form footer #power button {
    color: #FFFFFF
}

footer #power ul {
    margin-bottom: 3em;
    padding: 0 !important;
    list-style-type: none;
    line-height: 1.5
}

footer #power ul:last-child {
    margin-bottom: 0
}

footer #power a,
footer #power a:active,
footer #power a:visited {
    color: #FFFFFF;
    text-decoration: none
}

footer #power a:hover,
footer #power a:focus,
footer #power a:active:hover,
footer #power a:active:focus,
footer #power a:visited:hover,
footer #power a:visited:focus {
    text-decoration: underline
}

footer #power .contact p a {
    display: block
}

@media only screen and (max-width:800px) {
    footer #power .contact br {
        display: inline-block
    }
}

footer #power .span8 p a,
footer #power .span8 p a:active,
footer #power .span8 p a:visited {
    text-decoration: underline
}

footer #power .span8 p a:hover,
footer #power .span8 p a:focus,
footer #power .span8 p a:active:hover,
footer #power .span8 p a:active:focus,
footer #power .span8 p a:visited:hover,
footer #power .span8 p a:visited:focus {
    text-decoration: none
}

footer #power .span8 .title {
    margin-bottom: .5em;
    font-size: 2em;
    font-weight: bold;
    line-height: 1;
    color: #FFFFFF
}

footer #power .span5 a,
footer #power .span5 a:active,
footer #power .span5 a:visited {
    font-size: .875em
}

footer #power .box-link:after {
    color: #FFFFFF
}

footer #power .box-link:hover:after,
footer #power .box-link:focus:after {
    color: #161616
}

@media only screen and (max-width:800px) {
    footer #power .span8 {
        width: calc(100% - 20px)
    }
}

footer #mission {
    padding: var(--gutter_y) 0;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    border-bottom: 1px solid rgba(255, 255, 255, 0.25)
}

footer #mission img {
    width: 90%;
    max-width: 400px
}

footer #mission p {
    margin-bottom: 1rem;
    font-size: .85em;
    line-height: 1.8;
    color: #FFFFFF
}

footer #mission p:last-child {
    margin-bottom: 0
}

@media only screen and (max-width:1150px) {
    footer #mission .span4 {
        display: flex;
        justify-content: center;
        width: calc(100% - 20px);
        margin-top: var(--gutter_y)
    }
    footer #mission .span12 {
        width: calc(66.66667% - 20px)
    }
}

@media only screen and (max-width:750px) {
    footer #mission {
        padding-bottom: 0;
        border-bottom: none
    }
    footer #mission .span8 {
        width: calc(100% - 20px);
        text-align: center
    }
    footer #mission .span12 {
        display: none
    }
}

footer #actions {
    padding-top: 2em
}

footer #actions .icon-design-by-form-short {
    font-size: 1.2rem;
    text-decoration: none;
    color: #FFF
}

footer #actions .span8 {
    line-height: 3
}

footer #actions p {
    margin-bottom: 0;
    color: #FFFFFF;
    font-size: .85em
}

footer #actions a.box-link,
footer #actions a.box-link:active,
footer #actions a.box-link:visited {
    color: #FFFFFF;
    text-decoration: none
}

footer #actions a.box-link:after,
footer #actions a.box-link:active:after,
footer #actions a.box-link:visited:after {
    color: #FFFFFF
}

footer #actions a.box-link:hover:after,
footer #actions a.box-link:focus:after,
footer #actions a.box-link:active:hover:after,
footer #actions a.box-link:active:focus:after,
footer #actions a.box-link:visited:hover:after,
footer #actions a.box-link:visited:focus:after {
    color: #161616
}

@media only screen and (max-width:800px) {
    footer #actions .row {
        display: flex;
        flex-direction: column
    }
    footer #actions .row [class*='span'] {
        width: calc(100% - 20px)
    }
    footer #actions .row .span8 {
        order: 1;
        padding: 2em 0;
        text-align: center
    }
    footer #actions .row .box-link {
        margin: 0 0 1em 0
    }
    footer #actions .row .box-link:last-child {
        margin-bottom: 0
    }
}

@media only screen and (max-width:800px) {
    footer {
        padding-bottom: 0
    }
    footer .box-link {
        width: 100%
    }
    footer .links {
        display: none
    }
}