/* Our video background container */
.vidbg-container {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #444;
  /* The actual video */ }
  .vidbg-container video {
    margin: auto;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: none;
    opacity: 0; }

/* The overlay shield */
.vidbg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  transition: opacity 0.5s ease; }

.vidbg-tap-to-unmute {
  cursor: pointer;
  position: absolute;
  top: 20px;
  left: 20px;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 5px 10px;
  border-radius: 5px;
  transition: background-color 0.2s ease-in-out;
  display: flex;
  align-items: center; }
  .vidbg-tap-to-unmute img {
    width: 20px;
    height: 20px;
    margin-right: 7px; }
  .vidbg-tap-to-unmute:hover {
    background-color: rgba(230, 229, 229, 0.9); }html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, center, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button, #top-nav ul, #top-nav li, #global-links ul, #global-links li, #mobile-nav ul, #mobile-nav li, #left-nav ul, #left-nav li, ul#breadcrumbs, ul#breadcrumbs li, footer ul, footer li {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, main, section {
    display: block
}

body {
    line-height: 1
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

#ie {
    background: #fcf3c5;
    font: 1.5em/1em Arial, sans-serif;
    text-align: center;
    padding: .5em;
    border-bottom: 1px solid #000
}

#ie a {
    font-weight: bold
}

#ie p {
    margin: 0
}

#top-bar:after, .bottom-bar:after, #search:after, .standard-page #page:after, .standard-page .photo-feature-2-across:after, .standard-page .feature-two-col:after, .standard-page .alternate-photo-float:after, .standard-page .people-big .people-wrap:after, .standard-page .people-medium .people-wrap:after, .standard-page .people-small .people-wrap:after, .standard-page .news:after, .standard-page .plus-section:after, .narrow-page #news-story .wrap:after, .standard-page .photo-grid:after, .landing-page #page:after, .landing-page .photo-feature-2-across:after, .landing-page .photo-feature-3-across:after, .landing-page .feature-two-col:after, .landing-page .feature-three-col:after, .landing-page .three-column-links:after, .landing-page .large-feature-inner:after, .landing-page .stats-callout:after, .landing-page .alternate-photo-float:after, .landing-page .news-event:after, .landing-page .news-box:after, .landing-page .news-full:after, .landing-page .news-full .news-box:after, .landing-page .photo-grid:after {
    content: "";
    display: table;
    clear: both
}

* {
    box-sizing: border-box
}

html {
    overflow-y: scroll
}

body {
    font: 62.5%/1.7em "Akkurat Pro Regular", Arial, sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    color: #342f2e;
    background: #fff;
    min-width: 98%;
    height: 100%;
    overflow-x: hidden
}

a.screen-reader-shortcut {
    left: .5em;
    position: absolute;
    top: -99px
}

a.screen-reader-shortcut:focus {
    background-color: #fff;
    box-shadow: 0 0 0.3rem 0.3rem rgba(0, 0, 0, 0.6);
    color: #401f68;
    font: bold 1.5em sans-serif;
    padding: 1rem;
    top: .5rem;
    z-index: 5
}

#main-content {
    font-size: 16px;
    line-height: 1.7em;
    outline: none !important
}

.contain-780 {
    margin: 0 auto;
    max-width: 780px;
    box-sizing: content-box
}

.contain-850 {
    margin: 0 auto;
    max-width: 850px;
    box-sizing: content-box
}

.contain-970 {
    margin: 0 auto;
    max-width: 970px;
    box-sizing: content-box
}

.contain-1120 {
    margin: 0 auto;
    max-width: 1120px;
    box-sizing: content-box
}

.contain-1440 {
    margin: 0 auto;
    max-width: 1440px
}

#back-to-top {
    display: none
}

ul#breadcrumbs {
    list-style: none;
    font: 12px/1.5rem "Akkurat Pro Bold", "Arial Black", sans-serif;
    text-transform: uppercase;
    padding: 0 0 .5rem 0;
    margin-bottom: 2rem;
    border-bottom: 4px solid #f0f0f0;
    min-height: 30px
}

ul#breadcrumbs li {
    display: inline;
    background: url(https://common.northwestern.edu/v8/css/images/icons/arrow-right-ltpurple.svg) no-repeat 0.5rem 0.1rem/5px 8px;
    padding-left: 2em
}

ul#breadcrumbs li:first-child {
    background: none;
    padding-left: 0
}

ul#breadcrumbs li.active {
    color: #401f68
}

ul#breadcrumbs a {
    color: #716c6b
}

#instagram ul {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none
}

#instagram ul li {
    background: none;
    margin: 0;
    padding: 0;
    float: left;
    width: 16.66667%
}

#instagram ul img {
    display: block
}

#instagram p {
    font: 16px "Akkurat Pro Bold", "Arial Black", sans-serif;
    padding: 1rem .5rem;
    margin: 0;
    text-transform: uppercase;
    color: #fff;
    background: #4e2a84;
    text-align: center
}

#instagram p a {
    color: #b6acd1
}

img {
    display: inline-block;
    max-width: 100%;
    height: auto
}

img .outline {
    border: 1px solid #ccc
}

.responsive-table {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    margin: 1em 0 2em 0
}

.responsive-container {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%
}

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

.responsive-container .overlay {
    position: absolute;
    bottom: 20%;
    width: 100%;
    text-align: center;
    z-index: 5000;
    cursor: default
}

.responsive-container .overlay h2 {
    color: white;
    font: 60px/1.2em "Poppins Bold", Impact, sans-serif;
    margin-bottom: 1rem;
    position: relative;
    text-shadow: 2px 2px 0 black
}

a.photo-hover:hover {
    opacity: .8
}

.hide-label {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.group:after {
    content: "";
    display: table;
    clear: both
}

a[href$=".pdf"], a[href$=".PDF"], a.pdf {
    padding-right: 1rem;
    background: url(https://common.northwestern.edu/v8/css/images/icons/pdf.png) no-repeat right center
}

a[href$=".docx"], a[href$=".DOCX"], a.docx, a[href$=".doc"], a[href$=".DOC"], a.doc {
    padding-right: 1rem;
    background: url(https://common.northwestern.edu/v8/css/images/icons/word.png) no-repeat right center
}

a[href$=".xlsx"], a[href$=".XLSX"], a.xlsx, a[href$=".xls"], a[href$=".XLS"], a.xls {
    padding-right: 1rem;
    background: url(https://common.northwestern.edu/v8/css/images/icons/excel.png) no-repeat right center
}

@media screen and (max-width: 1140px) {
    #main-content .contain-1120 {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .responsive-container .overlay {
        bottom: 20%
    }

    .responsive-container .overlay h2 {
        font-size: 48px
    }
}

@media screen and (max-width: 768px) {
    .hide-mobile, a.screen-reader-shortcut {
        display: none
    }

    #page {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

    .responsive-container .overlay {
        bottom: 15%
    }

    .responsive-container .overlay h2 {
        font-size: 36px;
        margin-bottom: .5rem
    }

    #back-to-top {
        display: block;
        font: 18px "Akkurat Pro Bold", "Arial Black", sans-serif;
        color: #401f68;
        text-align: center;
        text-transform: uppercase;
        margin: 2rem 0
    }

    #back-to-top:before {
        background: url(https://common.northwestern.edu/v8/css/images/icons/arrow-down-ltpurple.svg) no-repeat 50%/15px 19px;
        padding: 0 25px;
        content: " "
    }

    #back-to-top:after {
        background: url(https://common.northwestern.edu/v8/css/images/icons/arrow-down-ltpurple.svg) no-repeat 50%/15px 19px;
        background-size: 15px 19px;
        padding: 0 25px;
        content: " "
    }

    #back-to-top {
        margin: 2rem 0 2rem 0
    }

    #back-to-top:before {
        background: url(https://common.northwestern.edu/v8/css/images/icons/arrow-up-ltpurple.svg) no-repeat 50%/15px 19px
    }

    #back-to-top:after {
        background: url(https://common.northwestern.edu/v8/css/images/icons/arrow-up-ltpurple.svg) no-repeat 50%/15px 19px
    }

    #instagram ul li {
        width: 33.33333%
    }

    #instagram ul li img {
        width: 256px
    }
}

@media screen and (max-width: 480px) {
    .responsive-container .overlay {
        bottom: 10%
    }

    .responsive-container .overlay h2 {
        font-size: 24px;
        margin-bottom: .5rem
    }

    #instagram ul li {
        width: 50%
    }

    #instagram ul li img {
        width: 240px
    }
}

h2 {
    font: 46px/1.2em "Poppins", Tahoma, sans-serif;
    color: #4e2a84;
    margin-bottom: 1rem
}

h3 {
    font: 34px "Poppins Bold", Impact, sans-serif;
    color: #4e2a84;
    margin-bottom: .5rem
}

h4 {
    font: 26px/1.2em "Akkurat Pro Regular", Arial, sans-serif;
    color: #716c6b;
    margin-bottom: 1rem
}

h5 {
    font: 21px "Akkurat Pro Regular", Arial, sans-serif;
    color: #4e2a84;
    margin-bottom: 1rem
}

h6 {
    font: 18px "Poppins Bold", Impact, sans-serif;
    color: #716c6b;
    margin-bottom: 1rem
}

.content a, .content-full a {
    font-family: "Akkurat Pro Bold", "Arial Black", sans-serif;
    color: #4e2a84;
    text-decoration: none
}

.content a:hover, .content-full a:hover {
    text-decoration: underline
}

.content strong, .content b, .content-full strong, .content-full b {
    font-family: "Akkurat Pro Bold", "Arial Black", sans-serif;
    font-weight: normal
}

.content em, .content i, .content-full em, .content-full i {
    font-family: "Akkurat Pro Italic", Arial, sans-serif;
    font-style: normal
}

.content strong em, .content em strong, .content strong i, .content i strong, .content b i, .content i b, .content-full strong em, .content-full em strong, .content-full strong i, .content-full i strong, .content-full b i, .content-full i b {
    font-family: "Akkurat Pro Bold Italic", "Arial Black", sans-serif;
    font-style: normal;
    font-weight: normal
}

.content a em, .content-full a em {
    font-family: "Akkurat Pro Bold Italic", "Arial Black", sans-serif
}

.content p:last-of-type, .content-full p:last-of-type {
    margin-bottom: 1.5rem
}

.content ul, .content-full ul {
    padding-left: 1em
}

.content ul > li, .content-full ul > li {
    list-style: none;
    background: url(https://common.northwestern.edu/v8/css/images/icons/bullet.png) 0 0.5em no-repeat;
    padding: 0 0 .5em 1em
}

.content ul > li > ul, .content-full ul > li > ul {
    margin-top: .5em
}

.content ul > li > ul li, .content-full ul > li > ul li {
    background: none;
    list-style: circle;
    padding-left: .5em
}

.content ul > li > ul li:last-child, .content-full ul > li > ul li:last-child {
    padding-bottom: 0
}

.content ul > li > ol, .content-full ul > li > ol {
    padding-left: 2em;
    margin-top: .5em
}

.content ul > li > ol > li, .content-full ul > li > ol > li {
    background: none;
    list-style-type: decimal;
    overflow: inherit;
    padding-left: 0
}

.content ul > li > ol > li:last-child, .content-full ul > li > ol > li:last-child {
    padding-bottom: 0
}

.content ol, .content-full ol {
    padding-left: 2.2em
}

.content ol > li, .content-full ol > li {
    list-style-type: decimal;
    padding: 0 0 .5em .5em
}

.content ol > li > ol, .content-full ol > li > ol {
    margin-top: .5em;
    padding-left: 1.2em
}

.content ol > li > ol li, .content-full ol > li > ol li {
    list-style: lower-alpha
}

.content ol > li > ol li:last-child, .content-full ol > li > ol li:last-child {
    padding-bottom: 0
}

.content ol > li > ul, .content-full ol > li > ul {
    margin-top: .5em;
    padding-left: 0
}

.content ol > li > ul > li:last-child, .content-full ol > li > ul > li:last-child {
    padding-bottom: 0
}

.content table, .content-full table {
    width: 100%;
    margin: 1em 0 0 0;
    font-family: "Akkurat Pro Regular", Arial, sans-serif;
    line-height: 1.5em
}

.content table th, .content-full table th {
    background: #4e2a84;
    font: 21px "Akkurat Pro Bold", "Arial Black", sans-serif;
    color: #fff;
    padding: .7rem 1rem .7rem 1rem;
    text-align: left;
    border: 2px solid #fff
}

.content table td, .content-full table td {
    padding: .7rem 1rem .7rem 1rem;
    border: 2px solid #fff;
    vertical-align: top
}

.content table tr.stripe td, .content-full table tr.stripe td {
    background: #f0f0f0
}

.content table tr.hover td, .content-full table tr.hover td {
    background: #836eaa;
    color: #fff
}

.content table ul, .content-full table ul {
    margin-left: 0;
    padding-top: .5rem
}

.align-text-center {
    text-align: center
}

.align-image-left {
    float: left;
    margin: .5rem 1.5rem .5rem 0
}

.align-image-right {
    float: right;
    margin: .5rem 0 .5rem 1.5rem
}

.align-image-center {
    margin: 0 auto;
    display: block
}

.web-form fieldset {
    border: 1px solid #f0f0f0;
    padding: .35em .625em .75em;
    margin: 0;
    border: 0
}

.web-form legend {
    white-space: normal;
    margin-left: -7px;
    display: block;
    width: 100%;
    padding: .3em 0;
    margin-bottom: .3em;
    color: #342f2e;
    border-bottom: 1px solid #ccc
}

.web-form .field {
    margin-bottom: 1em
}

.web-form .field p {
    margin: 0
}

.web-form label, .web-form .label {
    margin: .5em 0 .2em;
    display: block
}

.web-form label.inline, .web-form .label.inline {
    display: inline-block;
    margin: .5em 1em .2em 0
}

.web-form label.right, .web-form .label.right {
    font-style: italic;
    font-weight: normal;
    font-size: .9em
}

.web-form label .required, .web-form .label .required {
    display: inline
}

.web-form input + label, .web-form select + label, .web-form .label-secondary + label, .web-form .required + label {
    margin: 1.5rem 0 0
}

.web-form input, .web-form input[type="text"] {
    border: 1px solid #ccc;
    font: 17px/33px "Akkurat Pro Bold", "Arial Black", sans-serif;
    color: #342f2e;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0;
    padding: .25rem .5rem;
    margin: 0 .65rem 0 0
}

.web-form input[type=checkbox], .web-form input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    height: 13px;
    width: 13px
}

.web-form input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.web-form input[type=search]::-webkit-search-cancel-button, .web-form input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

.web-form input[type=text], .web-form input[type=password], .web-form input[type=email], .web-form input[type=url], .web-form input[type=date], .web-form input[type=month], .web-form input[type=time], .web-form input[type=datetime], .web-form input[type=datetime-local], .web-form input[type=week], .web-form input[type=number], .web-form input[type=search], .web-form input[type=tel], .web-form input[type=color], .web-form select, .web-form textarea {
    display: inline-block;
    border: 1px solid #ccc;
    font-size: 17px;
    line-height: 33px;
    color: #716c6b;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    height: 2.688rem;
    min-width: 30rem;
    background: #fff;
    -webkit-transition: 0.3s linear border;
    -moz-transition: 0.3s linear border;
    -ms-transition: 0.3s linear border;
    -o-transition: 0.3s linear border;
    transition: 0.3s linear border
}

.web-form input[type=text].required, .web-form input[type=password].required, .web-form input[type=email].required, .web-form input[type=url].required, .web-form input[type=date].required, .web-form input[type=month].required, .web-form input[type=time].required, .web-form input[type=datetime].required, .web-form input[type=datetime-local].required, .web-form input[type=week].required, .web-form input[type=number].required, .web-form input[type=search].required, .web-form input[type=tel].required, .web-form input[type=color].required, .web-form select.required, .web-form textarea.required {
    border: 1px solid #b2292e
}

.web-form input[type=text]:focus, .web-form input[type=password]:focus, .web-form input[type=email]:focus, .web-form input[type=url]:focus, .web-form input[type=date]:focus, .web-form input[type=month]:focus, .web-form input[type=time]:focus, .web-form input[type=datetime]:focus, .web-form input[type=datetime-local]:focus, .web-form input[type=week]:focus, .web-form input[type=number]:focus, .web-form input[type=search]:focus, .web-form input[type=tel]:focus, .web-form input[type=color]:focus, .web-form select:focus, .web-form textarea:focus {
    outline: 0 none;
    border-color: #4e2a84
}

.web-form input[type=text].required:focus, .web-form input[type=password].required:focus, .web-form input[type=email].required:focus, .web-form input[type=url].required:focus, .web-form input[type=date].required:focus, .web-form input[type=month].required:focus, .web-form input[type=time].required:focus, .web-form input[type=datetime].required:focus, .web-form input[type=datetime-local].required:focus, .web-form input[type=week].required:focus, .web-form input[type=number].required:focus, .web-form input[type=search].required:focus, .web-form input[type=tel].required:focus, .web-form input[type=color].required:focus, .web-form select.required:focus, .web-form textarea.required:focus {
    border-color: #b2292e
}

.web-form input[type=file]:focus, .web-form input[type=radio]:focus, .web-form input[type=checkbox]:focus {
    outline: thin dotted #342f2e;
    outline: 1px auto #4e2a84
}

.web-form input[type=text][disabled], .web-form input[type=password][disabled], .web-form input[type=email][disabled], .web-form input[type=url][disabled], .web-form input[type=date][disabled], .web-form input[type=month][disabled], .web-form input[type=time][disabled], .web-form input[type=datetime][disabled], .web-form input[type=datetime-local][disabled], .web-form input[type=week][disabled], .web-form input[type=number][disabled], .web-form input[type=search][disabled], .web-form input[type=tel][disabled], .web-form input[type=color][disabled], .web-form select[disabled], .web-form textarea[disabled] {
    cursor: not-allowed;
    background-color: #f0f0f0;
    color: #ccc
}

.web-form input[readonly], .web-form select[readonly], .web-form textarea[readonly], .web-form input[readonly]:focus, .web-form select[readonly]:focus, .web-form textarea[readonly]:focus {
    background: #f0f0f0;
    color: #716c6b;
    border-color: #ccc
}

.web-form input[type=file] {
    background-image: none;
    font: normal 17px "Akkurat Pro Regular", Arial, sans-serif
}

.web-form input[type=file]:hover {
    background-image: none
}

.web-form select {
    background: #fff url(https://common.northwestern.edu/v8/css/images/icons/arrow-down-dkgrey.svg) no-repeat top 50% right 0.5rem/17px 10px;
    color: #716c6b;
    font: 17px/33px "Akkurat Pro Bold", "Arial Black", sans-serif;
    border: 1px solid #ccc;
    display: inline-block;
    height: 2.688rem;
    margin: 0 .65rem 0 0;
    padding: .25rem 1.5rem .25rem .5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0;
    -webkit-transition: 0.3s linear border;
    -moz-transition: 0.3s linear border;
    -ms-transition: 0.3s linear border;
    -o-transition: 0.3s linear border;
    transition: 0.3s linear border
}

.web-form select::-ms-expand {
    display: none
}

.web-form select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

.web-form select option {
    font-family: "Akkurat Pro Regular", Arial, sans-serif
}

.web-form select[multiple] {
    height: auto
}

.web-form textarea {
    border: 1px solid #ccc;
    font: 17px/33px "Akkurat Pro Bold", "Arial Black", sans-serif;
    padding: 0.3em 1.5em 0.3em .5em;
    width: 100%;
    height: 8em;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0;
    overflow: auto;
    vertical-align: top
}

.web-form .checkbox {
    margin-right: .3em
}

.web-form .checkbox .right {
    font-weight: bold;
    font-style: normal;
    font-size: 1em
}

.web-form .checkbox.required {
    display: inline
}

.web-form .radio {
    margin-right: .3em
}

.web-form .radio.required {
    display: inline
}

.web-form .required {
    color: #b2292e;
    font-weight: normal;
    display: block
}

.web-form label span.required, .web-form .label span.required {
    display: inline;
    margin-left: 0.5rem
}

.web-form span.required {
    display: inline
}

.web-form .form-help-inline, .web-form .form-message-inline {
    display: inline-block;
    padding-left: .3em;
    color: #716c6b;
    vertical-align: middle
}

.web-form .form-message {
    display: block
}

.web-form button::-moz-focus-inner, .web-form input::-moz-focus-inner {
    border: 0;
    padding: 0
}

.web-form button, .web-form input, .web-form select, .web-form textarea {
    font-size: 100%;
    vertical-align: baseline;
    vertical-align: middle
}

.web-form button, .web-form input {
    line-height: normal
}

.web-form button, .web-form input[type=button], .web-form input[type=reset], .web-form input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    overflow: visible
}

.web-form button[disabled], .web-form input[disabled] {
    cursor: default
}

@media only screen and (max-width: 640px) {
    .web-form button[type=submit] {
        margin: 0.7em 0 0
    }

    .web-form input[type=text], .web-form input[type=password], .web-form input[type=email], .web-form input[type=url], .web-form input[type=date], .web-form input[type=month], .web-form input[type=time], .web-form input[type=datetime], .web-form input[type=datetime-local], .web-form input[type=week], .web-form input[type=number], .web-form input[type=search], .web-form input[type=tel], .web-form input[type=color], .web-form label {
        margin-bottom: .3em;
        display: block
    }

    .web-form input[type=text], .web-form input[type=password], .web-form input[type=email], .web-form input[type=url], .web-form input[type=date], .web-form input[type=month], .web-form input[type=time], .web-form input[type=datetime], .web-form input[type=datetime-local], .web-form input[type=week], .web-form input[type=number], .web-form input[type=search], .web-form input[type=tel], .web-form input[type=color], .web-form select, .web-form textarea {
        width: 100%;
        min-width: inherit
    }

    .web-form .form-help-inline, .web-form -message-inline, .web-form -message {
        display: block;
        font-size: 80%;
        padding: 0.2em 0 0.8em
    }
}

header {
    background: #4e2a84
}

#top-bar {
    background: #401f68;
    font: 12px/1.4em "Akkurat Pro Bold", "Arial Black", sans-serif;
    min-height: 60px
}

#top-bar #left {
    display: block;
    float: left;
    padding-left: 0
}

#top-bar #left img {
    width: 170px;
    margin: 1.1rem 0 1rem 0
}

#top-bar #right {
    display: inline;
    position: relative;
    float: right;
    padding-right: 1rem;
    margin-top: 1.4rem;
    color: #fff;
    text-transform: uppercase
}

#top-bar #right ul {
    margin: 0
}

#top-bar #right ul li {
    display: inline-block;
    position: relative;
    margin-left: 1rem
}

#top-bar #right ul li:hover, #top-bar #right ul li.hover {
    z-index: 100
}

#top-bar #right ul li:hover ul, #top-bar #right ul li.hover ul {
    right: -1rem
}

#top-bar #right ul li:last-child {
    cursor: pointer
}

#top-bar #right ul li .dropdown-arrow {
    background: url(https://common.northwestern.edu/v8/css/images/icons/arrow-down-white.svg) no-repeat 0 0.1rem;
    width: 10px;
    height: 10px;
    position: absolute;
    right: -1rem;
    top: 2px;
    margin-left: .3em
}

#top-bar #right ul a {
    color: #fff;
    text-decoration: none;
    display: block;
    position: relative
}

#top-bar #right ul a:hover, #top-bar #right ul a:focus, #top-bar #right ul a:active {
    text-decoration: underline
}

#top-bar #right ul ul {
    position: absolute;
    top: 100%;
    right: -9999em;
    width: 150px;
    background: #401f68;
    padding: .5rem;
    text-align: right
}

#top-bar #right ul ul li {
    float: none;
    padding: 0 0 .5rem 0;
    width: 100%;
    margin: 0
}

#top-bar #right ul ul li:hover ul, #top-bar #right ul ul li.hover ul {
    left: 0
}

.bottom-bar {
    display: table;
    width: 100%
}

#department {
    display: table-cell;
    vertical-align: middle;
    width: 76.33929%;
    height: 112px;
    padding: 1rem 0
}

#department h1 {
    font: 32px "Akkurat Pro Regular", Arial, sans-serif;
    line-height: 1em
}

#department h1.small {
    font-size: 16px
}

#department h1 span {
    font-size: 14px;
    line-height: 1em;
    display: block
}

#department h2 {
    font: 24px "Akkurat Pro Regular", Arial, sans-serif;
    line-height: 1em;
    color: #fff;
    margin: 1rem 0 0 0
}

#department a {
    color: #fff;
    text-decoration: none
}

#department a:hover {
    text-decoration: none
}

@media screen and (max-width: 1445px) {
    #top-bar {
        padding: 0 .5rem
    }
}

@media screen and (max-width: 1145px) {
    #department {
        padding-left: .5rem
    }
}

@media screen and (max-width: 768px) {
    #top-bar {
        display: block;
        padding: 0
    }

    #top-bar #left {
        display: inline-block;
        float: none;
        margin-left: .5rem
    }

    #top-bar #right {
        display: none
    }

    #department {
        width: 100%;
        padding: .5rem;
        height: auto
    }

    #department h1 {
        margin: .5rem 0;
        font-size: 24px
    }

    #department h2 {
        margin: .2rem .2rem .2rem 0
    }
}

@media screen and (max-width: 480px) {
    #department h1, #department h2 {
        font-size: 22px
    }
}

#mobile-search {
    display: none
}

#search {
    width: 23.66071%;
    display: table-cell;
    vertical-align: middle
}

#search .search-form {
    width: 265px;
    float: right
}

#search .search-form input {
    width: 230px;
    height: 35px;
    padding: 0 .3em 0 0;
    float: left;
    font: 18px "Akkurat Pro Bold", "Arial Black", sans-serif;
    background: none;
    color: #fff;
    border: none;
    border-bottom: 1px solid #b6acd1;
    -webkit-appearance: none
}

#search .search-form input::-webkit-input-placeholder {
    color: #b6acd1
}

#search .search-form input::-moz-placeholder {
    color: #b6acd1
}

#search .search-form input:-moz-placeholder {
    color: #b6acd1
}

#search .search-form input:-ms-input-placeholder {
    color: #b6acd1
}

#search .search-form button {
    float: left;
    cursor: pointer;
    height: 35px;
    width: 35px;
    background: url(https://common.northwestern.edu/v8/css/images/icons/search.svg) no-repeat 1em 0.4em;
    background-size: 20px 20px;
    border: none;
    border-bottom: 1px solid #b6acd1;
    -webkit-appearance: none
}

#search .search-form input:focus {
    outline: 0
}

@media screen and (max-width: 1145px) {
    #search {
        padding-right: 1rem
    }
}

@media screen and (max-width: 768px) {
    header {
        position: relative
    }

    #search {
        display: none
    }

    #mobile-search {
        position: absolute;
        margin-top: -6px;
        left: 0;
        right: 0;
        z-index: 9998
    }

    .search-form {
        width: 100%;
        height: auto;
        background: #4e2a84;
        float: none;
        position: relative
    }

    .search-form form {
        margin: 0 20px;
        height: 63px;
        position: relative;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA/CAYAAAAhZaJUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OThCRkYyRUZFQUM5MTFFNDg4MkNDNUM0RUJBRUJDM0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OThCRkYyRjBFQUM5MTFFNDg4MkNDNUM0RUJBRUJDM0YiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5OEJGRjJFREVBQzkxMUU0ODgyQ0M1QzRFQkFFQkMzRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5OEJGRjJFRUVBQzkxMUU0ODgyQ0M1QzRFQkFFQkMzRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pr4qas0AAAAeSURBVHjaYvj//z8DEwMQDHuCmf+n3n8G6vkXIMAAeQ0Iq8diMWYAAAAASUVORK5CYII=)
    }

    .search-form input {
        width: 80%;
        height: 32px;
        margin: 15px 0;
        float: left;
        font: 18px "Akkurat Pro Bold", "Arial Black", sans-serif;
        color: #fff;
        background: none;
        border: none
    }

    .search-form button {
        float: left;
        cursor: pointer;
        height: 32px;
        width: 32px;
        padding: 10px 0 15px;
        background: url(https://common.northwestern.edu/v8/css/images/icons/search.svg) no-repeat 1em 0.4em/20px 20px;
        background-position: right center;
        border-bottom: none;
        position: absolute;
        right: 0;
        bottom: 18px
    }

    .search-form .hide-label, .search-form input[type="hidden"] {
        visibility: hidden;
        display: none
    }
}

#mobile-links {
    display: none
}

#top-nav {
    min-height: 50px;
    background: #4e2a84;
    color: #fff;
    z-index: 9999;
    border-bottom: 5px solid #fff
}

#top-nav ul {
    display: table;
    width: 100%;
    background: #fff;
    position: relative
}

#top-nav ul li {
    display: table-cell;
    text-align: center;
    font: 18px "Akkurat Pro Bold", "Arial Black", sans-serif;
    width: 16.07143%
}

#top-nav ul li:hover a {
    background: #f0f0f0
}

#top-nav ul li:hover .dropdown, #top-nav ul li:hover .dropdown-one-column, #top-nav ul li:hover .dropdown-two-column, #top-nav ul li .dropdown:focus-within, #top-nav ul li .dropdown-one-column:focus-within, #top-nav ul li .dropdown-two-column:focus-within {
    position: absolute;
    left: 0
}

#top-nav ul li a {
    color: #4e2a84;
    text-decoration: none;
    display: block;
    padding: 1rem .3rem
}

#top-nav ul li a:hover {
    background: #f0f0f0
}

#top-nav ul li a li:hover {
    background: #f0f0f0
}

#top-nav ul li.active a {
    background: #836eaa;
    color: #fff
}

#top-nav ul li .dropdown-arrow {
    background: url(https://common.northwestern.edu/v8/css/images/icons/arrow-down-ltpurple.svg) no-repeat 50%;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-left: .5em
}

#top-nav ul .dropdown, #top-nav ul .dropdown-one-column, #top-nav ul .dropdown-two-column {
    position: absolute;
    background: #f0f0f0;
    left: -9999em;
    z-index: 9998;
    width: 100%;
    display: inherit;
    padding: 2em;
    text-align: left
}

#top-nav ul .dropdown .nav-intro, #top-nav ul .dropdown .nav-links, #top-nav ul .dropdown-one-column .nav-intro, #top-nav ul .dropdown-one-column .nav-links, #top-nav ul .dropdown-two-column .nav-intro, #top-nav ul .dropdown-two-column .nav-links {
    width: 50%;
    float: left;
    text-align: left
}

#top-nav ul .dropdown p.intro, #top-nav ul .dropdown-one-column p.intro, #top-nav ul .dropdown-two-column p.intro {
    font: 30px "Poppins Bold", Impact, sans-serif;
    color: #4e2a84;
    margin: 0 0 1rem 0;
    padding-right: 2rem
}

#top-nav ul .dropdown .nav-links, #top-nav ul .dropdown-one-column .nav-links, #top-nav ul .dropdown-two-column .nav-links {
    border-left: 2px solid #ccc;
    padding-left: 1rem
}

#top-nav ul .dropdown ul, #top-nav ul .dropdown-one-column ul, #top-nav ul .dropdown-two-column ul {
    display: block;
    background: inherit
}

#top-nav ul .dropdown ul li, #top-nav ul .dropdown-one-column ul li, #top-nav ul .dropdown-two-column ul li {
    display: block;
    text-align: left;
    width: inherit;
    line-height: 1.4em
}

#top-nav ul .dropdown ul li a, #top-nav ul .dropdown-one-column ul li a, #top-nav ul .dropdown-two-column ul li a {
    padding: .3em 0;
    display: inline-block;
    background: inherit;
    color: #4e2a84
}

#top-nav ul .dropdown ul li a:hover, #top-nav ul .dropdown-one-column ul li a:hover, #top-nav ul .dropdown-two-column ul li a:hover {
    text-decoration: underline
}

#top-nav ul .dropdown-one-column .nav-links {
    border-left: none;
    padding-left: 0;
    width: 100%
}

#top-nav ul .dropdown-two-column ul {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    -webkit-column-rule: 2px solid #ccc;
    -moz-column-rule: 2px solid #ccc;
    column-rule: 2px solid #ccc
}

#top-nav ul .dropdown-two-column ul li {
    background: none;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    display: inline-block
}

#top-nav.narrow-dropdown ul li {
    position: relative
}

#top-nav.narrow-dropdown ul li:hover ul.nav-align-right {
    right: 0;
    left: inherit
}

#top-nav.narrow-dropdown ul li:hover ul.nav-align-right li {
    text-align: right
}

#top-nav.narrow-dropdown .dropdown {
    width: 320px;
    padding: 1em
}

@media screen and (max-width: 768px) {
    #top-nav {
        display: none
    }
}

#left-nav {
    width: 23.66071%;
    float: left;
    font-family: "Akkurat Pro Bold", "Arial Black", sans-serif;
    margin-bottom: 3rem;
    outline: none !important
}

#left-nav .mobile-back-to-top {
    display: none
}

#left-nav h2 {
    border-bottom: 4px solid #f0f0f0;
    min-height: 30px;
    padding-bottom: .5rem;
    margin-bottom: 2rem;
    font: 18px/1.5rem "Akkurat Pro Bold", "Arial Black", sans-serif;
    text-transform: none
}

#left-nav h2 a {
    color: #4e2a84
}

#left-nav ul {
    list-style: none
}

#left-nav ul ul {
    margin-top: 1.5rem;
    padding-left: .3rem;
    border-left: 4px solid #e4e0ee
}

#left-nav ul ul ul {
    margin-top: 1rem;
    padding-left: 0
}

#left-nav li {
    padding-bottom: 1rem;
    font-size: 18px;
    line-height: 1.4em
}

#left-nav li li {
    margin-left: .5rem;
    padding-bottom: 1rem;
    font-size: 14px
}

#left-nav li li li {
    margin-left: 1rem;
    font-family: "Akkurat Pro Bold Italic", "Arial Black", sans-serif;
    color: #636262
}

#left-nav li:last-child {
    padding-bottom: .3rem
}

#left-nav a {
    color: #716c6b;
    text-decoration: none;
    display: block
}

#left-nav a:hover {
    text-decoration: underline
}

#left-nav a.active {
    color: #4e2a84
}

@media screen and (max-width: 768px) {
    #left-nav {
        display: none
    }
}

#mobile-links, #mobile-nav {
    display: none
}

@media screen and (max-width: 768px) {
    #mobile-links {
        display: block;
        float: right;
        height: 55px
    }

    .mobile-link {
        display: inline-block;
        padding: 1em;
        height: 55px;
        width: 55px;
        cursor: pointer;
        position: relative
    }

    .mobile-link.mobile-search-link {
        background: url(https://common.northwestern.edu/v8/css/images/icons/search.svg) no-repeat center/20px 20px
    }

    .mobile-link.mobile-search-link.open {
        background: #4e2a84 url(https://common.northwestern.edu/v8/css/images/icons/alert-x-white-home.svg) no-repeat center/20px 20px
    }

    .mobile-link.mobile-nav-link {
        background: url(https://common.northwestern.edu/v8/css/images/icons/hamburger.svg) no-repeat center/20px 20px
    }

    .mobile-link.mobile-nav-link.open {
        background: #fff url(https://common.northwestern.edu/v8/css/images/icons/close-button-dkpurple.svg) no-repeat center/20px 20px
    }

    #mobile-nav {
        display: none;
        background: #fff;
        position: absolute;
        top: 55px;
        left: 0;
        right: 0;
        z-index: 9998
    }

    #mobile-nav ul {
        background: #fff
    }

    #mobile-nav ul ul {
        display: none;
        background: #f0f0f0
    }

    #mobile-nav ul ul ul {
        background-color: #e6e6e6
    }

    #mobile-nav ul ul ul ul {
        background-color: #dcdcdc
    }

    #mobile-nav ul ul ul ul ul {
        background-color: #d1d1d1
    }

    #mobile-nav ul ul ul ul ul ul {
        background-color: #c7c7c7
    }

    #mobile-nav li {
        position: relative;
        font: 18px "Akkurat Pro Bold", "Arial Black", sans-serif
    }

    #mobile-nav li a {
        text-decoration: none;
        color: #4e2a84;
        display: block;
        border-bottom: 1px solid #f0f0f0;
        position: relative;
        padding: .9em 3em .9em .8em
    }

    #mobile-nav li a.active {
        color: #000;
        font-family: "Akkurat Pro Bold", "Arial Black", sans-serif
    }

    #mobile-nav li .arrow.open a {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        border: none
    }

    #mobile-nav li .arrow a {
        width: 50px;
        height: 48px;
        background: url(https://common.northwestern.edu/v8/css/images/icons/mobile-down-arrow-ltpurple.svg) no-repeat center/20px 20px;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        text-indent: -9999px;
        overflow: hidden;
        border: none;
        padding: 0
    }

    #mobile-nav li li {
        font: 16px/1.2em "Akkurat Pro Regular", Arial, sans-serif
    }

    #mobile-nav li li a {
        padding-left: 1.5em
    }

    #mobile-nav li li li a {
        padding-left: 2em
    }

    #mobile-nav li li li li a {
        padding-left: 2.5em
    }

    #mobile-nav li li li li li a {
        padding-left: 3em
    }

    #mobile-nav li li li li li li a {
        padding-left: 3.5em
    }

    #mobile-nav-bottom {
        background: #401f68
    }

    #mobile-nav-bottom ul {
        margin: 0;
        padding: 1rem;
        background: none
    }

    #mobile-nav-bottom li {
        background: transparent;
        padding: 0;
        font-size: 12px;
        line-height: 24px;
        margin: 0
    }

    #mobile-nav-bottom li:last-child {
        border: none
    }

    #mobile-nav-bottom li a {
        text-transform: uppercase;
        color: #fff;
        font: 12px/2em "Akkurat Pro Bold", "Arial Black", sans-serif;
        border: none;
        padding: inherit
    }

    #mobile-nav-bottom li a.white-link {
        color: #fff
    }

    #mobile-nav-bottom #mobile-nav-bottom-left {
        width: 50%;
        display: inline-block;
        float: left
    }

    #mobile-nav-bottom #mobile-nav-bottom-left li {
        margin-left: 20px
    }

    #mobile-nav-bottom #mobile-nav-bottom-right {
        width: 50%;
        display: inline-block;
        float: left
    }

    #mobile-nav-bottom #mobile-nav-bottom-right li {
        margin-left: 10px
    }

    #mobile-nav-bottom:after {
        content: "";
        display: table;
        clear: both
    }
}

footer {
    background: #4e2a84;
    color: #fff;
    font: 12px/2.1em "Akkurat Pro Regular", Arial, sans-serif;
    padding: 3rem 0;
    width: 100%
}

footer ul {
    list-style: none
}

footer a {
    font-family: "Akkurat Pro Regular", Arial, sans-serif;
    color: #fff;
    text-decoration: underline
}

footer a:hover {
    text-decoration: none
}

.footer-content {
    width: 21.64948%;
    display: inline-block;
    margin-right: 5.46392%;
    position: relative;
    vertical-align: top
}

.footer-content:nth-of-type(1) img:not(.png) {
    width: 100%
}

.footer-content:nth-of-type(2) {
    width: 25.7732%
}

.footer-content:nth-of-type(3) p {
    line-height: 1.6em
}

.footer-content:nth-of-type(4) {
    width: 10.30928%;
    margin-right: 0
}

.footer-content p {
    margin-top: 0
}

.footer-content strong {
    font-family: "Akkurat Pro Bold", "Arial Black", sans-serif;
    font-weight: normal
}

.footer-content .footer-icon {
    height: 29px;
    width: 18px;
    left: -25px;
    margin-top: .5em
}

.footer-content img {
    margin-bottom: 1rem;
    max-width: 170px
}

.footer-content.contact ul {
    margin: 1rem 0 1rem 2rem;
    position: relative
}

.footer-content.contact ul li {
    line-height: 1.5em;
    padding-bottom: .4rem
}

.footer-content.contact ul li.footer-pin-icon {
    background: url(https://common.northwestern.edu/v8/css/images/icons/pin-drop.svg) no-repeat;
    position: absolute;
    top: 2px;
    left: -2rem;
    height: 24px;
    width: 18px
}

.footer-content.contact ul li.footer-phone-icon {
    background: url(https://common.northwestern.edu/v8/css/images/icons/mobile-phone.svg) no-repeat;
    position: absolute;
    top: 2px;
    left: -2rem;
    height: 24px;
    width: 18px
}

.footer-content.contact ul li.footer-email-icon {
    background: url(https://common.northwestern.edu/v8/css/images/icons/email.svg) no-repeat;
    position: absolute;
    top: 2px;
    left: -2.2rem;
    height: 24px;
    width: 18px
}

.social {
    display: inline-block;
    vertical-align: bottom;
    overflow: hidden;
    margin: 4px;
    width: 39px;
    height: 39px;
    font-size: 0;
    text-indent: -9999px;
    background: url(https://common.northwestern.edu/v8/css/images/icons/social-media-icons.svg);
    background-color: #fff;
    transition: background 0.3s;
    border: 1px solid #fff
}

.social:hover {
    background-color: #b6acd1
}

.facebook {
    background-position: 0 0
}

.facebook:hover {
    background-position: 0 -39px
}

.twitter {
    background-position: -39px 0
}

.twitter:hover {
    background-position: -39px -39px
}

.instagram {
    background-position: -78px 0
}

.instagram:hover {
    background-position: -78px -39px
}

.rss {
    background-position: -117px 0
}

.rss:hover {
    background-position: -117px -39px
}

.youtube {
    background-position: -156px 0
}

.youtube:hover {
    background-position: -156px -39px
}

.tumblr {
    background-position: -195px 0
}

.tumblr:hover {
    background-position: -195px -39px
}

.wordpress {
    background-position: -234px 0
}

.wordpress:hover {
    background-position: -234px -39px
}

.futurity {
    background-position: -273px 0
}

.futurity:hover {
    background-position: -273px -39px
}

.vimeo {
    background-position: -312px 0
}

.vimeo:hover {
    background-position: -312px -39px
}

.linkedin {
    background-position: -351px 0
}

.linkedin:hover {
    background-position: -351px -39px
}

.google-plus {
    background-position: -390px 0
}

.google-plus:hover {
    background-position: -390px -39px
}

.google-groups {
    background-position: -429px 0
}

.google-groups:hover {
    background-position: -429px -39px
}

.blog {
    background-position: -468px 0
}

.blog:hover {
    background-position: -468px -39px
}

.github {
    background-position: -507px 0
}

.github:hover {
    background-position: -507px -39px
}

.flickr {
    background-position: -546px 0
}

.flickr:hover {
    background-position: -546px -39px
}

.storify {
    background-position: -585px 0
}

.storify:hover {
    background-position: -585px -39px
}

.pinterest {
    background-position: -624px 0
}

.pinterest:hover {
    background-position: -624px -39px
}

@media screen and (max-width: 1140px) {
    footer {
        padding: 3rem 1rem
    }
}

@media screen and (max-width: 820px) {
    .footer-content {
        width: 40%;
        margin-bottom: 1rem;
        margin-right: 1rem
    }

    .footer-content:nth-of-type(2), .footer-content:nth-of-type(4) {
        margin-left: 2rem;
        width: 40%
    }
}

@media screen and (max-width: 550px) {
    footer {
        font-size: 14px;
        line-height: 1.8em
    }

    .footer-content {
        width: 100%;
        display: block;
        margin-bottom: 2rem
    }

    .footer-content:nth-of-type(2), .footer-content:nth-of-type(4) {
        margin-left: 0;
        width: 100%
    }

    .footer-pin-icon {
        top: .5em
    }
}

#tabs {
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center
}

#tabs li {
    background: none;
    margin: 0 .3rem 0 0;
    padding: 0;
    display: inline;
    vertical-align: middle
}

#tabs li:last-child {
    margin: 0
}

#tabs li a {
    font: 21px "Akkurat Pro Regular", Arial, sans-serif;
    color: #4e2a84;
    background: #e4e0ee;
    padding: .5rem .7rem;
    display: inline-block;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

#tabs li a:hover {
    text-decoration: none;
    background: #4e2a84;
    color: #fff
}

#tabs li a.active {
    background: #4e2a84;
    color: #fff
}

.standard-page #tabs {
    text-align: left
}

#tab-content {
    border-top: 3px solid #4e2a84;
    margin: 0 0 3rem 0
}

#tab-content .row {
    border-bottom: 3px solid #f0f0f0;
    padding: 2rem 0
}

#tab-content .headings {
    display: table-cell;
    width: 32.14286%;
    padding-right: 1rem
}

#tab-content .headings h4 {
    font: 30px "Poppins Bold", Impact, sans-serif;
    color: #4e2a84
}

#tab-content .headings h4 span {
    display: block;
    color: #b6acd1
}

#tab-content .contents {
    display: table-cell;
    width: 66.07143%
}

#tab-content .contents .callout {
    background: #836eaa;
    padding: .1rem 1rem;
    margin: 0 0 1rem 2rem;
    width: 266px;
    font: 24px "Poppins", Tahoma, sans-serif;
    color: #fff;
    float: right
}

#tab-content .contents .callout a {
    text-decoration: underline;
    font-family: "Poppins", Tahoma, sans-serif;
    color: #fff
}

#tab-content .contents .callout h4 {
    font: 16px "Akkurat Pro Bold", "Arial Black", sans-serif;
    padding-top: 1rem;
    margin-bottom: 0;
    color: #fff
}

#tab-content .contents .callout h4 + p {
    margin: .5rem 0
}

@media screen and (max-width: 1150px) {
    .tabs li a {
        font-size: 18px
    }
}

@media screen and (max-width: 1000px) {
    .tab-left-side .img {
        float: none
    }
}

@media screen and (max-width: 850px) {
    #tab-content .contents .callout {
        float: none;
        margin: 1em 0 1em 0;
        width: 100%
    }
}

@media screen and (max-width: 550px) {
    #tab-content .headings, #tab-content .contents {
        width: 100%;
        display: block
    }

    #tab-content .headings .callout, #tab-content .contents .callout {
        font-size: 18px
    }

    #tab-content .headings h3, #tab-content .contents h3 {
        font-size: 26px
    }
}

.hero {
    width: 100%;
    display: table
}

.hero.mobile-hero .mobile-hero-text {
    display: none
}

.hero .hero-image {
    text-align: center;
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    position: relative;
    padding: 0 1rem
}

.hero .hero-image:before {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.45)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%)
}

.hero h2 {
    font: 24px "Poppins Extra Bold", Impact, sans-serif;
    color: #fff;
    text-shadow: 2px 2px 0px #000;
    margin-bottom: 1.5em;
    position: relative
}

.hero h2:before {
    background: url(https://common.northwestern.edu/v8/css/images/icons/ltpurple-slash.svg) no-repeat 50%/17px 21px;
    padding: 0 1.5rem;
    content: " "
}

.hero h2:after {
    background: url(https://common.northwestern.edu/v8/css/images/icons/ltpurple-slash.svg) no-repeat 50%/17px 21px;
    padding: 0 1.5rem;
    content: " "
}

.hero p {
    font: 60px/1.2em "Poppins Bold", Impact, sans-serif;
    color: #fff;
    text-shadow: 2px 2px 0px #000;
    margin: 0 0 1rem 0;
    position: relative
}

.landing-page .hero .hero-image {
    height: 600px
}

.landing-page .hero .hero-image.in-page {
    height: 540px
}

.landing-page .hero .hero-image.in-page h3 {
    font: 24px "Poppins Extra Bold", Impact, sans-serif;
    color: #fff;
    text-shadow: 2px 2px 0px #000;
    margin-bottom: 1.5em;
    position: relative
}

.landing-page .hero .hero-image.in-page h3:before {
    background: url(https://common.northwestern.edu/v8/css/images/icons/ltpurple-slash.svg) no-repeat 50%/17px 21px;
    padding: 0 1.5rem;
    content: " "
}

.landing-page .hero .hero-image.in-page h3:after {
    background: url(https://common.northwestern.edu/v8/css/images/icons/ltpurple-slash.svg) no-repeat 50%/17px 21px;
    padding: 0 1.5rem;
    content: " "
}

.landing-page .hero .hero-image h2 {
    color: #fff
}

.landing-page .hero .hero-image h2:before {
    background: url(https://common.northwestern.edu/v8/css/images/icons/ltpurple-slash.svg) no-repeat 50%/17px 21px
}

.landing-page .hero .hero-image h2:after {
    background: url(https://common.northwestern.edu/v8/css/images/icons/ltpurple-slash.svg) no-repeat 50%/17px 21px
}

.landing-page .hero.news-hero .hero-image {
    vertical-align: bottom !important;
    padding-bottom: 2.5rem
}

.landing-page .small-hero .hero-image {
    height: 420px
}

.standard-page .hero .hero-image {
    height: 420px
}

.standard-page .hero .hero-image.tiny-hero-image {
    height: 190px
}

.standard-page .hero .hero-image.tiny-hero-image h2 {
    margin-bottom: 0
}

@media screen and (max-width: 1000px) {
    .hero p {
        font-size: 48px
    }
}

@media screen and (max-width: 768px) {
    .standard-page .hero.mobile-hero .hero-image, .landing-page .hero.mobile-hero .hero-image {
        display: block;
        height: 300px
    }

    .standard-page .hero.mobile-hero .hero-image div, .landing-page .hero.mobile-hero .hero-image div {
        display: none
    }

    .standard-page .hero.mobile-hero .mobile-hero-text, .landing-page .hero.mobile-hero .mobile-hero-text {
        display: block;
        text-align: center;
        background: #342f2e;
        padding: 2rem 1em
    }

    .standard-page .hero.mobile-hero .mobile-hero-text h2, .landing-page .hero.mobile-hero .mobile-hero-text h2 {
        font-size: 24px;
        text-shadow: none;
        margin-bottom: 0
    }

    .standard-page .hero.mobile-hero .mobile-hero-text h2 + p, .standard-page .hero.mobile-hero .mobile-hero-text h2 + .button, .landing-page .hero.mobile-hero .mobile-hero-text h2 + p, .landing-page .hero.mobile-hero .mobile-hero-text h2 + .button {
        margin-top: 1rem
    }

    .standard-page .hero.mobile-hero .mobile-hero-text p, .landing-page .hero.mobile-hero .mobile-hero-text p {
        text-shadow: none
    }

    .standard-page .standard-page .hero-image.big-hero-image, .landing-page .standard-page .hero-image.big-hero-image {
        height: 350px
    }

    .standard-page .standard-page.m-hide-hero, .landing-page .standard-page.m-hide-hero {
        display: none
    }
}

@media screen and (max-width: 480px) {
    .landing-page .hero .hero-image, .standard-page .hero .hero-image {
        height: 400px
    }

    .landing-page .hero .hero-image.big-hero-image, .standard-page .hero .hero-image.big-hero-image {
        display: none
    }

    .landing-page .hero .hero-image.in-page, .standard-page .hero .hero-image.in-page {
        height: 400px
    }

    .landing-page .hero .hero-image.in-page h3, .standard-page .hero .hero-image.in-page h3 {
        font-size: 20px;
        margin-bottom: 1rem
    }

    .landing-page .hero .hero-image.in-page h3:before, .standard-page .hero .hero-image.in-page h3:before {
        background: none;
        padding: 0
    }

    .landing-page .hero .hero-image.in-page h3:after, .standard-page .hero .hero-image.in-page h3:after {
        background: none;
        padding: 0
    }

    .landing-page .hero h2, .standard-page .hero h2 {
        font-size: 20px;
        margin-bottom: 1rem
    }

    .landing-page .hero h2:before, .standard-page .hero h2:before {
        background: none;
        padding: 0
    }

    .landing-page .hero h2:after, .standard-page .hero h2:after {
        background: none;
        padding: 0
    }

    .landing-page .hero p, .standard-page .hero p {
        font-size: 28px
    }

    .landing-page .hero.mobile-hero .hero-image, .standard-page .hero.mobile-hero .hero-image {
        height: 200px
    }

    .landing-page .hero.mobile-hero .mobile-hero-text, .standard-page .hero.mobile-hero .mobile-hero-text {
        padding: 1em 0
    }

    .landing-page .hero.mobile-hero .mobile-hero-text h2, .standard-page .hero.mobile-hero .mobile-hero-text h2 {
        font-size: 20px
    }

    .standard-page .hero.smaller-hero .hero-image {
        height: 190px
    }
}

.standard-page .content {
    width: 74.64286%;
    float: right;
    margin-bottom: 3rem
}

.standard-page .content-full {
    width: 100%
}

.standard-page p + h3 {
    margin-top: 2rem
}

.standard-page #page {
    margin: 2rem auto 0 auto;
    max-width: 1120px
}

.standard-page #page section {
    margin-bottom: 5rem
}

.standard-page #sidebar {
    width: 31.10048%;
    float: right;
    margin: 0 0 2rem 2rem
}

.standard-page #sidebar .box {
    background: #e4e0ee;
    padding: 1rem;
    margin-bottom: 2rem;
    font-size: 14px;
    line-height: 1.2em
}

.standard-page #sidebar .box h3 {
    font: 18px/1.2em "Poppins Bold", Impact, sans-serif;
    color: #342f2e
}

.standard-page #sidebar .box h4 {
    font: 16px/1.2em "Akkurat Pro Bold", "Arial Black", sans-serif;
    color: #342f2e
}

.standard-page #sidebar .box p {
    margin: .5em 0
}

.standard-page #sidebar .box ul {
    margin: 1em 0 .5em 0
}

.standard-page #sidebar .box ul li {
    background-position: 0 0.3em
}

.standard-page .pagination {
    margin: 2.5em 0 2em;
    padding-left: 0
}

.standard-page .pagination li {
    display: inline;
    padding: 0
}

.standard-page .pagination a {
    background: #fff;
    border: 1px solid #ccc;
    color: #716c6b;
    font: 16px "Akkurat Pro Bold", "Arial Black", sans-serif;
    display: inline-block;
    margin: 0 .4em .3em 0;
    padding: .5rem .8rem;
    text-decoration: none
}

.standard-page .pagination a:hover {
    background: #4e2a84;
    color: #fff
}

.standard-page .pagination .current-page a {
    background: #616161 none repeat scroll 0 0;
    color: #fff
}

.standard-page ol.steps {
    counter-reset: li;
    list-style: none;
    padding: 0;
    margin-bottom: 1em
}

.standard-page ol.steps li {
    position: relative;
    display: block;
    padding: 0;
    margin-bottom: 1em;
    padding: 1em .5em 0 5em;
    min-height: 90px
}

.standard-page ol.steps li:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    font: 72px "Poppins Bold", Impact, sans-serif;
    color: #4e2a84;
    margin: 0;
    padding: 0 .15em 0 .15em;
    text-align: center
}

@media screen and (max-width: 1145px) {
    .standard-page #page {
        margin-left: 1rem;
        margin-right: 1rem
    }
}

@media screen and (max-width: 970px) {
    .standard-page #page-narrow {
        margin-left: 1rem;
        margin-right: 1rem
    }
}

@media screen and (max-width: 768px) {
    .standard-page .content, .standard-page .content-full {
        float: none;
        width: 100%
    }

    .standard-page #sidebar {
        width: 39.0625%
    }

    .standard-page h2 {
        font-size: 36px
    }
}

@media screen and (max-width: 480px) {
    .standard-page h2 {
        font-size: 32px
    }

    .standard-page h3 {
        font-size: 24px
    }

    .standard-page #sidebar {
        margin-left: 0;
        width: 100%;
        float: none
    }

    .standard-page #sidebar .box {
        margin-bottom: 1rem
    }
}

.standard-page .photo-feature-2-across {
    margin-bottom: 2rem
}

.standard-page .photo-feature-2-across .photo-feature {
    width: 50%;
    float: left;
    position: relative;
    max-height: 235px
}

.standard-page .photo-feature-2-across .photo-feature img {
    display: block
}

.standard-page .photo-feature-2-across .photo-feature .back {
    display: none;
    background-color: #75619e;
    width: 100%
}

.standard-page .photo-feature-2-across .photo-feature .text-over-image {
    color: #fff;
    padding: 0 2em;
    position: absolute;
    bottom: 1rem;
    z-index: 31
}

.standard-page .photo-feature-2-across .photo-feature h4 {
    font: 30px "Akkurat Pro Bold", "Arial Black", sans-serif;
    color: #fff;
    margin-bottom: -0.5rem;
    text-shadow: 2px 2px 0px #000
}

.standard-page .photo-feature-2-across .photo-feature p {
    font: 16px "Akkurat Pro Regular", Arial, sans-serif;
    text-shadow: 2px 2px 0px #000
}

.standard-page .photo-feature-2-across .photo-feature p.link {
    font-family: "Akkurat Pro Bold", "Arial Black", sans-serif;
    text-transform: uppercase
}

.standard-page .photo-feature-2-across .photo-feature p.link:after {
    background: url(https://common.northwestern.edu/v8/css/images/icons/arrow-right-white.svg) no-repeat 50%/6px 10px;
    padding-right: 2rem;
    content: " "
}

.standard-page .photo-feature-2-across .photo-feature .back-text {
    color: #fff;
    padding: 0 2em;
    position: absolute;
    z-index: 31;
    width: 100%;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center
}

.standard-page .photo-feature-2-across .photo-feature .back-text h4 {
    font: 18px "Akkurat Pro Bold", "Arial Black", sans-serif;
    color: #fff;
    margin-bottom: 1.5em;
    text-shadow: none
}

.standard-page .photo-feature-2-across .photo-feature .back-text p {
    text-shadow: none
}

.standard-page .photo-feature-2-across .photo-feature .back-text p.link {
    margin-top: 1em
}

.standard-page .photo-feature-2-across .photo-feature .text-over-image {
    color: #fff;
    padding: 0 2em;
    position: absolute;
    bottom: 1rem;
    z-index: 31
}

@media screen and (max-width: 1000px) {
    .standard-page .photo-feature-2-across .photo-feature {
        width: inherit;
        max-width: 418px;
        float: none;
        margin: 0 auto
    }

    .standard-page .showcase .left-content {
        float: none;
        width: 100%
    }

    .standard-page .showcase .quote {
        display: none
    }

    .standard-page .showcase .right-content {
        float: none;
        width: 100%;
        margin: 1rem 0 2rem 0
    }

    .standard-page .showcase ul.three-columns {
        display: none
    }
}

@media screen and (max-width: 480px) {
    .standard-page .photo-feature-2-across .photo-feature .back-text {
        padding: 0 .5rem
    }

    .standard-page .photo-feature-2-across .photo-feature .back-text h4 {
        margin-bottom: .5rem
    }

    .standard-page .photo-feature-2-across .photo-feature .back-text p {
        font-size: 14px
    }
}

@media screen and (max-width: 420px) {
    .standard-page .photo-feature-2-across .photo-feature .text-over-image {
        padding: 0 1em;
        bottom: 0
    }

    .standard-page .photo-feature-2-across .photo-feature h4 {
        font-size: 20px
    }
}

.standard-page .feature-two-col {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2.39234%
}

.standard-page .feature-two-col .feature-box {
    width: 48.68421%;
    float: left;
    background: #f0f0f0;
    margin-left: 2.39234%;
    position: relative
}

.standard-page .feature-two-col .feature-box:first-child {
    margin-left: 0
}

.standard-page .feature-two-col .feature-box.no-button .feature-copy {
    padding-bottom: 1rem
}

.standard-page .feature-two-col .feature-box .feature-copy {
    padding: 1rem 1.5rem 4rem 1.5rem
}

.standard-page .feature-two-col .feature-box .feature-copy h4 {
    font: 21px "Akkurat Pro Regular", Arial, sans-serif;
    text-transform: uppercase;
    color: #342f2e
}

.standard-page .feature-two-col .feature-box .feature-copy ul {
    margin-left: 0;
    padding-left: 0
}

@media screen and (max-width: 480px) {
    .standard-page .feature-two-col {
        display: inherit;
        margin-bottom: 0
    }

    .standard-page .feature-two-col .feature-box {
        width: inherit;
        max-width: 407px;
        float: none;
        background: #f0f0f0;
        margin-left: 0;
        margin-bottom: 2rem
    }
}

.standard-page .stats-callout {
    border-top: 4px solid #f0f0f0;
    border-bottom: 4px solid #f0f0f0;
    text-align: center;
    color: #4e2a84;
    padding: 2rem 0
}

.standard-page .stats-callout p {
    margin: 0 auto;
    display: table
}

.standard-page .stats-callout span {
    display: table-cell;
    vertical-align: middle
}

.standard-page .stats-callout span.big {
    font: 72px "Poppins Bold", Impact, sans-serif
}

.standard-page .stats-callout span.small {
    font: 24px "Poppins Extra Light", "Courier New", sans-serif;
    padding-left: 1rem
}

@media screen and (max-width: 480px) {
    .standard-page .stats-callout span {
        display: block
    }

    .standard-page .stats-callout span.big {
        font: 48px "Poppins Bold", Impact, sans-serif
    }
}

.standard-page .alternate-photo-float {
    margin-bottom: 5rem
}

.standard-page .alternate-photo-float h4 {
    font: 30px "Akkurat Pro Regular", Arial, sans-serif;
    color: #716c6b;
    border-bottom: 4px solid #ccc;
    text-transform: none;
    padding-bottom: .5rem
}

.standard-page .alternate-photo-float .image-left, .standard-page .alternate-photo-float .image-right, .standard-page .alternate-photo-float .text {
    width: 43.0622%;
    max-width: 360px;
    margin-right: 2.39234%;
    float: left;
    position: relative;
    max-height: 360px
}

.standard-page .alternate-photo-float .image-left:last-child, .standard-page .alternate-photo-float .image-right:last-child, .standard-page .alternate-photo-float .text:last-child {
    margin-right: 0
}

.standard-page .alternate-photo-float .text {
    width: 54.42584%;
    max-width: 455px;
    margin-right: 2.39234%;
    max-height: none
}

.standard-page .alternate-photo-float .text:last-child {
    margin-right: 0
}

.standard-page .alternate-photo-float .text img {
    z-index: 30
}

@media screen and (max-width: 875px) {
    .standard-page .alternate-photo-float {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        margin-bottom: 2rem
    }

    .standard-page .alternate-photo-float h4 {
        margin-top: 1rem
    }

    .standard-page .alternate-photo-float .image-left, .standard-page .alternate-photo-float .image-right, .standard-page .alternate-photo-float .text {
        width: 100%;
        float: none;
        position: relative
    }

    .standard-page .alternate-photo-float .image-left:last-child, .standard-page .alternate-photo-float .image-right:last-child, .standard-page .alternate-photo-float .text:last-child {
        margin-right: auto
    }

    .standard-page .alternate-photo-float .image-left .quote p, .standard-page .alternate-photo-float .image-right .quote p, .standard-page .alternate-photo-float .text .quote p {
        margin-top: 1em
    }

    .standard-page .alternate-photo-float .text {
        max-width: 360px
    }

    .standard-page .alternate-photo-float .image-right {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
}

@media screen and (max-width: 480px) {
    .standard-page .alternate-photo-float .text .column {
        width: 100%
    }
}

@media screen and (max-width: 420px) {
    .standard-page .alternate-photo-float .text ul.two-columns {
        -moz-column-count: inherit;
        -moz-column-gap: inherit;
        -webkit-column-count: inherit;
        -webkit-column-gap: inherit;
        column-count: inherit;
        column-gap: inherit
    }
}

.standard-page .background-select {
    width: 100%;
    display: table;
    min-height: 300px;
    margin-bottom: 3rem;
    color: #fff
}

.standard-page .background-select .background-select-image {
    text-align: center;
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    position: relative;
    padding: 2rem 1em
}

.standard-page .background-select h3 {
    font: 42px "Poppins", Tahoma, sans-serif;
    color: #fff;
    margin-bottom: 1rem
}

.standard-page .background-select p {
    font-size: 18px;
    margin-bottom: 3rem
}

.standard-page .background-select .select-date {
    font: 18px "Poppins Bold", Impact, sans-serif;
    text-transform: uppercase;
    margin-bottom: 0
}

@media screen and (max-width: 480px) {
    .standard-page .background-select h3 {
        font-size: 28px
    }
}

.standard-page .showcase .left-content .swiper-container {
    max-width: 550px;
    margin: 0
}

.standard-page .showcase .caption {
    font: 14px "Akkurat Pro Italic", Arial, sans-serif;
    margin-bottom: .5rem;
    position: absolute;
    bottom: 0;
    padding: .5rem;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    width: 100%
}

.standard-page .showcase .caption strong {
    font-family: "Akkurat Pro Bold Italic", "Arial Black", sans-serif
}

.standard-page .showcase .swiper-button-next, .standard-page .showcase .swiper-button-prev {
    width: 30px;
    height: 30px;
    -moz-background-size: 30px 30px;
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px;
    margin-top: 0;
    top: 45%
}

.standard-page .showcase .swiper-button-prev {
    background: url(https://common.northwestern.edu/v8/css/images/icons/arrow-right-purple-white.svg) no-repeat;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    left: 10px;
    right: auto
}

.standard-page .showcase .swiper-button-next {
    background: url(https://common.northwestern.edu/v8/css/images/icons/arrow-right-purple-white.svg) no-repeat;
    right: 10px;
    left: auto
}

.standard-page .showcase p + h4 {
    margin: 1.5rem 0 .5rem 0
}

.standard-page .showcase .left-content {
    width: 65.78947%;
    float: left
}

.standard-page .showcase .right-content {
    width: 29.90431%;
    float: left;
    margin-left: 4.1866%
}

.standard-page .showcase .quote {
    float: left;
    width: 265px;
    margin: 0 2rem 1rem 0;
    line-height: 1.4em
}

.standard-page .showcase .stat-list {
    font: 24px "Poppins Extra Light", "Courier New", sans-serif;
    color: #4e2a84
}

.standard-page .showcase .stat-list strong {
    font: 72px/1em "Poppins Bold", Impact, sans-serif;
    color: #4e2a84;
    display: block
}

.standard-page .showcase .stat-list ul {
    margin: 0 0 2rem 0;
    padding: 1.5rem 0 0 0;
    border-top: 4px solid #f0f0f0;
    color: #716c6b
}

.standard-page .showcase .stat-list ul.no-border {
    border-top: none;
    padding-top: 0
}

.standard-page .showcase .stat-list ul li {
    background: none;
    padding: 0
}

.standard-page .showcase .stat-list ul li:first-child {
    font: 30px/1.2em "Poppins Bold", Impact, sans-serif;
    color: #4e2a84;
    margin-bottom: .5rem
}

.standard-page .showcase .stat-list ul.bullet {
    margin: 0 0 -2rem 0;
    padding: inherit
}

.standard-page .showcase .stat-list ul.bullet li {
    background: url(https://common.northwestern.edu/v8/css/images/icons/bullet.png) top left no-repeat;
    background-position: 0 .5rem;
    padding: 0 0 .5rem 1em;
    font-size: 20px
}

.standard-page .showcase .stat-list ul.bullet li:first-child {
    font: 26px/1.2em "Poppins Bold", Impact, sans-serif;
    color: #4e2a84;
    margin-bottom: .5rem;
    background: none;
    padding: 1rem 0 1rem 0
}

.standard-page .showcase .links p {
    font: 18px "Akkurat Pro Bold", "Arial Black", sans-serif;
    color: #716c6b;
    border-bottom: 4px solid #f0f0f0;
    padding-bottom: .5rem
}

.standard-page .showcase .links ul {
    padding: 0;
    margin: 0
}

.standard-page .showcase .links ul li {
    font: 16px "Akkurat Pro Bold", "Arial Black", sans-serif;
    background: none;
    padding: 0;
    margin-bottom: 1rem
}

.standard-page .showcase .links ul li:after {
    background: url(https://common.northwestern.edu/v8/css/images/icons/arrow-right-dkpurple.svg) no-repeat 50%/6px 10px;
    padding-right: 2rem;
    content: " "
}

@media screen and (max-width: 1145px) {
    .standard-page .showcase .stat-list strong {
        font-size: 54px
    }
}

@media screen and (max-width: 1000px) {
    .standard-page .showcase .left-content {
        float: none;
        width: 100%
    }

    .standard-page .showcase .quote {
        display: none
    }

    .standard-page .showcase .right-content {
        float: none;
        width: 100%;
        margin: 1rem 0 2rem 0
    }

    .standard-page .showcase ul.three-columns {
        display: none
    }
}

@media screen and (max-width: 520px) {
    .standard-page .showcase .caption {
        position: relative;
        color: #716c6b;
        background: none
    }

    .standard-page .showcase .swiper-button-next {
        top: 0;
        right: 0
    }

    .standard-page .showcase .swiper-button-prev {
        top: 0;
        left: 0
    }
}

.standard-page .quote {
    font: 24px/1.2em "Poppins", Tahoma, sans-serif;
    color: #4e2a84;
    margin-bottom: .5em
}

.standard-page .quote span {
    background: url(https://common.northwestern.edu/v8/css/images/icons/quote.png) no-repeat;
    width: 35px;
    height: 24px;
    display: inline-block;
    margin-right: .5rem
}

.standard-page .quote p {
    margin-top: 0
}

.standard-page .quote figcaption {
    font: 16px/1.4em "Akkurat Pro Regular", Arial, sans-serif;
    color: #716c6b
}

@media screen and (max-width: 1145px) {
    .standard-page .quote {
        font-size: 20px
    }
}

@media screen and (max-width: 900px) {
    .standard-page .quote {
        font-size: 18px
    }
}

.standard-page .people-big, .standard-page .people-medium, .standard-page .people-small {
    margin: 1rem 0 2rem 0
}

.standard-page .people-big > p:first-of-type, .standard-page .people-medium > p:first-of-type, .standard-page .people-small > p:first-of-type {
    margin-top: 0
}

.standard-page .people-big .people-wrap.no-image .people-image, .standard-page .people-medium .people-wrap.no-image .people-image, .standard-page .people-small .people-wrap.no-image .people-image {
    display: none
}

.standard-page .people-big .people-wrap.no-image .people-content, .standard-page .people-medium .people-wrap.no-image .people-content, .standard-page .people-small .people-wrap.no-image .people-content {
    width: 100%
}

.standard-page .people-big .people-image, .standard-page .people-medium .people-image, .standard-page .people-small .people-image {
    float: left;
    margin-right: 2.39234%;
    margin-bottom: .5rem
}

.standard-page .people-big .people-content, .standard-page .people-medium .people-content, .standard-page .people-small .people-content {
    float: right
}

.standard-page .people-big .people-content h3, .standard-page .people-big .people-content h4, .standard-page .people-medium .people-content h3, .standard-page .people-medium .people-content h4, .standard-page .people-small .people-content h3, .standard-page .people-small .people-content h4 {
    font: 24px/1.2em "Poppins Bold", Impact, sans-serif;
    color: #716c6b;
    margin-bottom: 0
}

.standard-page .people-big .people-content .title, .standard-page .people-medium .people-content .title, .standard-page .people-small .people-content .title {
    font: 18px/1.2em "Akkurat Pro Bold", "Arial Black", sans-serif;
    margin-top: 0
}

.standard-page .people-big .people-image {
    width: 43.0622%
}

.standard-page .people-big .people-content {
    width: 54.54545%
}

.standard-page .people-medium .people-image {
    width: 31.69856%
}

.standard-page .people-medium .people-content {
    width: 65.90909%
}

.standard-page .people-small .people-image {
    width: 20.33493%
}

.standard-page .people-small .people-content {
    width: 77.27273%
}

@media screen and (max-width: 600px) {
    .standard-page .people-big .people-image, .standard-page .people-big .people-content {
        float: none;
        width: 100%
    }
}

@media screen and (max-width: 540px) {
    .standard-page .people-medium .people-image, .standard-page .people-medium .people-content {
        float: none;
        width: 100%
    }

    .standard-page .people-small .people-image, .standard-page .people-small .people-content {
        float: none;
        width: 100%
    }
}

.standard-page .news {
    margin: 2rem 0
}

.standard-page .news img {
    float: left;
    margin: 0 1rem 1rem 0
}

.standard-page .news h4.news-title {
    font: 18px/1.2em "Akkurat Pro Bold", "Arial Black", sans-serif;
    margin-bottom: .5rem
}

.standard-page .news .news-date {
    font: 14px/1.4em "Akkurat Pro Bold", "Arial Black", sans-serif;
    color: #342f2e
}

.standard-page .news .news-description {
    margin-top: .5rem
}

.standard-page .event {
    position: relative;
    min-height: 100px
}

.standard-page .event .event-date {
    position: absolute;
    text-align: center;
    top: 0;
    width: 90px;
    padding: .25rem;
    background: #4e2a84 url(https://common.northwestern.edu/v8/css/images/grey-triangle-bg.png) bottom left no-repeat;
    font-family: "Poppins Bold", Impact, sans-serif;
    color: #fff;
    float: left
}

.standard-page .event .event-date .month, .standard-page .event .event-date year {
    font-size: 14px
}

.standard-page .event .event-date .day {
    font-size: 36px
}

.standard-page .event .event-time-location {
    font: 14px/1.4em "Akkurat Pro Bold", "Arial Black", sans-serif;
    color: #342f2e;
    margin-bottom: .5rem
}

.standard-page .event .event-description {
    margin-left: 105px
}

.standard-page .event .event-description h4 {
    font: 18px/1.2em "Akkurat Pro Bold", "Arial Black", sans-serif;
    margin-bottom: 0
}

.standard-page .event .event-description > p {
    margin-top: .5rem
}

@media screen and (max-width: 420px) {
    .standard-page .news img {
        float: none;
        margin: 0 0 1rem 0
    }
}

.standard-page .plus-section {
    margin: 2rem 0;
    padding-bottom: 1rem;
    border-bottom: 4px solid #f0f0f0
}

.standard-page .plus-section:last-of-type {
    border-bottom: none
}

.standard-page .plus-section .left-side {
    float: left;
    width: 50%
}

.standard-page .plus-section .right-side {
    float: right;
    width: 43.66029%
}

@media screen and (max-width: 600px) {
    .standard-page .plus-section .left-side, .standard-page .plus-section .right-side {
        width: 100%;
        float: none
    }
}

.standard-page .two-column-links {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 2rem 0
}

.standard-page .two-column-links article {
    width: 47.84689%;
    margin-bottom: 2rem
}

.standard-page .two-column-links article:nth-child(even) {
    margin-left: 4.30622%
}

.standard-page .two-column-links article img {
    margin-bottom: .5rem
}

.standard-page .two-column-links article h4 {
    font: 26px "Akkurat Pro Regular", Arial, sans-serif;
    color: #716c6b;
    margin-bottom: 1rem;
    padding-bottom: .5rem;
    border-bottom: 4px solid #ccc
}

.standard-page .two-column-links article ul {
    margin: 0;
    padding: 0
}

.standard-page .two-column-links article li {
    background: none;
    padding-left: 0
}

@media screen and (max-width: 600px) {
    .standard-page .two-column-links article {
        float: none;
        width: 100%
    }

    .standard-page .two-column-links article:nth-child(even) {
        margin-left: 0
    }
}

ul.expander {
    margin-bottom: 2em;
    padding: 0;
    list-style: none;
    margin: 0 0 3rem 0
}

ul.expander > li {
    margin: 0;
    padding: .5em 0;
    border-top: 1px solid #f0f0f0;
    background: none
}

ul.expander > li:last-child {
    border-bottom: 1px solid #f0f0f0
}

ul.expander > li span.plus, ul.expander > li span.minus {
    padding-left: 2.5rem;
    color: #4e2a84;
    font-weight: normal;
    cursor: pointer;
    display: inline-block;
    font-family: "Akkurat Pro Bold", "Arial Black", sans-serif
}

ul.expander > li span.plus:hover, ul.expander > li span.minus:hover {
    text-decoration: underline
}

ul.expander > li span.plus {
    background: url(https://common.northwestern.edu/v8/css/images/icons/arrow-right-dkpurple.svg) no-repeat 8px 4px/8px 16px
}

ul.expander > li span.minus {
    background: url(https://common.northwestern.edu/v8/css/images/icons/arrow-down-dkpurple.svg) no-repeat 4px 6px/16px 8px
}

ul.expander > li div {
    margin: 0 2.5rem
}

ul.expander > li div.showme {
    max-height: 2000px;
    overflow: hidden
}

ul.expander > li div.hideme {
    max-height: 0;
    overflow: hidden;
    border: none;
    margin: 0
}

.narrow-page #page {
    margin: 2rem auto 0 auto;
    max-width: 930px
}

.narrow-page #news-story h2 {
    margin-bottom: 1.5rem
}

.narrow-page #news-story .wrap {
    margin-bottom: 1.5rem
}

.narrow-page #news-story .wrap #credit {
    font: 16px/1.4em "Poppins Bold", Impact, sans-serif;
    color: #342f2e;
    width: 69.35484%
}

.narrow-page #news-story .wrap #share {
    float: right;
    width: 28.49462%
}

.narrow-page #news-story #story-floater {
    float: right;
    width: 28.49462%;
    margin-left: 2.15054%;
    margin-bottom: 2.15054%
}

.narrow-page #news-story #story-floater figure + .news-tidbit {
    margin-top: 2rem
}

.narrow-page #news-story #story-floater #story-callout {
    border-top: 4px solid #f0f0f0;
    border-bottom: 4px solid #f0f0f0;
    padding: 1.5rem 0;
    font: 20px "Poppins", Tahoma, sans-serif;
    color: #4e2a84
}

@media screen and (max-width: 970px) {
    .narrow-page #page {
        margin-left: 1rem;
        margin-right: 1rem
    }
}

@media screen and (max-width: 768px) {
    .narrow-page #news-story #story-floater {
        float: none;
        width: 100%;
        padding-top: 1.5rem;
        margin-left: 0;
        margin-bottom: 1.5rem;
        border-top: 4px solid #f0f0f0
    }

    .narrow-page #news-story #story-floater .quote {
        float: none;
        width: 100%;
        font-size: 18px;
        border-bottom: 4px solid #f0f0f0
    }

    .narrow-page #news-story #story-floater #story-callout {
        display: none
    }
}

@media screen and (max-width: 700px) {
    .narrow-page #news-story .wrap #share {
        float: none;
        width: 100%;
        margin-bottom: 1rem
    }

    .narrow-page #news-story .wrap #credit {
        float: none;
        width: 100%
    }
}

@media screen and (max-width: 500px) {
    .narrow-page .hero {
        display: none
    }
}

.standard-page .photo-grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 1.5rem
}

.standard-page .photo-grid h4, .standard-page .photo-grid h3 {
    font: 16px "Akkurat Pro Bold", "Arial Black", sans-serif;
    color: #342f2e;
    margin: 1rem 0 0 0
}

.standard-page .photo-grid h4 + p, .standard-page .photo-grid h3 + p {
    margin-top: .5rem
}

.standard-page .photo-grid p.link {
    font-family: "Akkurat Pro Bold", "Arial Black", sans-serif;
    text-transform: uppercase
}

.standard-page .photo-grid p.link:after {
    background: url(https://common.northwestern.edu/v8/css/images/icons/arrow-right-dkpurple.svg) no-repeat 0.8em 3px/5px 8px;
    padding-right: 3rem;
    content: " "
}

.standard-page .photo-grid.two-grid article, .standard-page .photo-grid.two-grid div {
    width: 48.80383%;
    margin-right: 2.39234%;
    margin-bottom: 20px;
    float: left;
    line-height: 1.5rem
}

.standard-page .photo-grid.two-grid article:nth-of-type(2n+2), .standard-page .photo-grid.two-grid div:nth-of-type(2n+2) {
    margin-right: 0
}

.standard-page .photo-grid.three-grid article, .standard-page .photo-grid.three-grid div {
    width: 31.69856%;
    margin-right: 2.39234%;
    margin-bottom: 20px;
    float: left;
    line-height: 1.5rem
}

.standard-page .photo-grid.three-grid article:nth-of-type(3n+3), .standard-page .photo-grid.three-grid div:nth-of-type(3n+3) {
    margin-right: 0
}

.standard-page .photo-grid.four-grid article {
    width: 23.66071%;
    margin-right: 1.78571%;
    margin-bottom: 20px;
    float: left;
    line-height: 1.5rem
}

.standard-page .photo-grid.four-grid article:nth-of-type(4n+4) {
    margin-right: 0
}

@media screen and (max-width: 900px) {
    .standard-page .photo-grid.three-grid article, .standard-page .photo-grid.three-grid div {
        width: 48.5%;
        margin-right: 3%
    }

    .standard-page .photo-grid.three-grid article:nth-of-type(3n+3), .standard-page .photo-grid.three-grid div:nth-of-type(3n+3) {
        margin-right: 3%
    }

    .standard-page .photo-grid.three-grid article:nth-of-type(2n+2), .standard-page .photo-grid.three-grid div:nth-of-type(2n+2) {
        margin-right: 0
    }
}

@media screen and (max-width: 768px) {
    .standard-page .photo-grid.four-grid article, .standard-page .photo-grid.four-grid div, .standard-page .photo-grid .two-grid article, .standard-page .photo-grid .two-grid div {
        width: 48.5%;
        margin-right: 3%
    }

    .standard-page .photo-grid.four-grid article:nth-of-type(2n+2), .standard-page .photo-grid.four-grid div:nth-of-type(2n+2), .standard-page .photo-grid .two-grid article:nth-of-type(2n+2), .standard-page .photo-grid .two-grid div:nth-of-type(2n+2) {
        margin-right: 0
    }
}

@media screen and (max-width: 475px) {
    .standard-page .photo-grid.two-grid article, .standard-page .photo-grid.two-grid div, .standard-page .photo-grid.three-grid article, .standard-page .photo-grid.three-grid div, .standard-page .photo-grid.four-grid article, .standard-page .photo-grid.four-grid div {
        width: 100%
    }
}

.landing-page section {
    margin-bottom: 5rem
}

.landing-page section.no-bottom-margin {
    margin-bottom: 0
}

.landing-page #back-to-top {
    margin-bottom: 2rem
}

.landing-page #page {
    margin: 0 auto;
    max-width: 1440px
}

.landing-page .content {
    font-size: 16px;
    line-height: 1.7em;
    width: 100%
}

.landing-page .content h3 {
    font: 24px "Poppins Extra Bold", Impact, sans-serif;
    color: #4e2a84;
    text-align: center
}

.landing-page .content h3:before {
    background: url(https://common.northwestern.edu/v8/css/images/icons/grey-slash.svg) no-repeat 50%/17px 21px;
    padding: 0 20px;
    content: " "
}

.landing-page .content h3:after {
    background: url(https://common.northwestern.edu/v8/css/images/icons/grey-slash.svg) no-repeat 50%/17px 21px;
    padding: 0 25px;
    content: " "
}

.landing-page .content p.subhead {
    color: #4e2a84;
    font: 46px/1.2em "Poppins", Tahoma, sans-serif;
    margin-bottom: 1rem
}

.landing-page .content .section-top {
    margin-bottom: 3rem;
    text-align: center
}

.landing-page .content .section-top h3 {
    margin-bottom: 4rem
}

.landing-page .content .section-top h3 + p {
    margin-top: -2rem
}

.landing-page .center-list {
    list-style: none;
    margin: 2rem 0 0 0;
    padding: 0;
    text-align: center
}

.landing-page .center-list li {
    background: none;
    display: inline;
    margin: 0;
    padding: 0
}

@media screen and (max-width: 480px) {
    .landing-page section {
        margin-bottom: 2.5rem
    }

    .landing-page .content .section-top h3, .landing-page .content .background-select h3, .landing-page .content .large-feature-wrap h3, .landing-page .content .in-page h3 {
        font: 20px "Poppins Extra Bold", Impact, sans-serif;
        margin-bottom: 1rem
    }

    .landing-page .content .section-top h3 + p, .landing-page .content .background-select h3 + p, .landing-page .content .large-feature-wrap h3 + p, .landing-page .content .in-page h3 + p {
        margin-top: 0
    }

    .landing-page .content .section-top h3:before, .landing-page .content .background-select h3:before, .landing-page .content .large-feature-wrap h3:before, .landing-page .content .in-page h3:before {
        background: none;
        padding: 0
    }

    .landing-page .content .section-top h3:after, .landing-page .content .background-select h3:after, .landing-page .content .large-feature-wrap h3:after, .landing-page .content .in-page h3:after {
        background: none;
        padding: 0
    }

    .landing-page .content .section-top p.subhead, .landing-page .content .background-select p.subhead, .landing-page .content .large-feature-wrap p.subhead, .landing-page .content .in-page p.subhead {
        font-size: 28px
    }
}

.landing-page .photo-feature-2-across .photo-feature {
    width: 50%;
    float: left;
    position: relative;
    max-height: 350px
}

.landing-page .photo-feature-2-across .photo-feature img {
    display: block
}

.landing-page .photo-feature-2-across .photo-feature .text-over-image {
    color: #fff;
    padding: 0 2em;
    position: absolute;
    bottom: 1rem;
    z-index: 31;
    width: 80%
}

.landing-page .photo-feature-2-across .photo-feature .text-over-image h4 {
    font: 30px "Akkurat Pro Bold", "Arial Black", sans-serif;
    color: #fff;
    margin-bottom: -0.5rem;
    text-shadow: 2px 2px 0px #000
}

.landing-page .photo-feature-2-across .photo-feature .text-over-image p {
    font: 16px "Akkurat Pro Bold", "Arial Black", sans-serif;
    text-shadow: 2px 2px 0px #000
}

.landing-page .photo-feature-2-across .photo-feature .text-over-image p.link {
    text-transform: uppercase
}

.landing-page .photo-feature-2-across .photo-feature .text-over-image p.link:after {
    background: url(https://common.northwestern.edu/v8/css/images/icons/arrow-right-white.svg) no-repeat 50%/6px 10px;
    padding-right: 2rem;
    content: " "
}

@media screen and (max-width: 1150px) {
    .landing-page .photo-feature-2-across .photo-feature {
        width: 50%;
        max-height: 350px
    }

    .landing-page .photo-feature-2-across .photo-feature .text-over-image {
        width: 100%
    }

    .landing-page .photo-feature-2-across .photo-feature .text-over-image h4 {
        font-size: 26px
    }

    .landing-page .photo-feature-2-across .photo-feature .text-over-image h4.campton {
        font-size: 30px
    }
}

@media screen and (max-width: 875px) {
    .landing-page .photo-feature-2-across .photo-feature {
        width: inherit;
        max-width: 720px;
        float: none;
        margin: 0 auto 0 auto
    }
}

@media screen and (max-width: 768px) {
    .landing-page .photo-feature-2-across .photo-feature .text-over-image {
        width: 100%
    }

    .landing-page .photo-feature-2-across .photo-feature .text-over-image h4 {
        font-size: 24px
    }

    .landing-page .photo-feature-2-across .photo-feature .text-over-image h4.campton {
        font-size: 30px
    }

    .landing-page .photo-feature-2-across .photo-feature .text-over-image p {
        display: none
    }

    .landing-page .photo-feature-2-across .photo-feature .text-over-image p.link {
        display: block
    }
}

@media screen and (max-width: 480px) {
    .landing-page .photo-feature-2-across h4.campton {
        font-size: 30px
    }
}

@media screen and (max-width: 420px) {
    .landing-page .photo-feature-2-across .photo-feature .text-over-image {
        padding: 0 1em;
        bottom: 0
    }

    .landing-page .photo-feature-2-across .photo-feature .text-over-image h4 {
        font-size: 20px
    }

    .landing-page .photo-feature-2-across .photo-feature .text-over-image h4.campton {
        font-size: 24px
    }
}

.landing-page .photo-feature-3-across {
    margin-top: 3rem
}

.landing-page .photo-feature-3-across .photo-feature {
    width: 33.333333%;
    float: left;
    position: relative;
    max-height: 350px
}

.landing-page .photo-feature-3-across .photo-feature img {
    display: block
}

.landing-page .photo-feature-3-across .photo-feature .back {
    display: none;
    background-color: #836eaa;
    width: 100%
}

.landing-page .photo-feature-3-across .photo-feature .text-over-image {
    color: #fff;
    padding: 0 2em;
    position: absolute;
    bottom: 1rem;
    z-index: 31;
    width: 90%
}

.landing-page .photo-feature-3-across .photo-feature h4 {
    font: 30px "Akkurat Pro Bold", "Arial Black", sans-serif;
    color: #fff;
    margin-bottom: -0.5rem;
    text-shadow: 2px 2px 0px #000
}

.landing-page .photo-feature-3-across .photo-feature p {
    font: 16px "Akkurat Pro Regular", Arial, sans-serif;
    text-shadow: 2px 2px 0px #000
}

.landing-page .photo-feature-3-across .photo-feature p.link {
    font-family: "Akkurat Pro Bold", "Arial Black", sans-serif;
    text-transform: uppercase
}

.landing-page .photo-feature-3-across .photo-feature p.link:after {
    background: url(https://common.northwestern.edu/v8/css/images/icons/arrow-right-white.svg) no-repeat 50%/6px 10px;
    padding-right: 2rem;
    content: " "
}

.landing-page .photo-feature-3-across .photo-feature .back-text {
    color: #fff;
    padding: 0 2em;
    position: absolute;
    z-index: 31;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    text-align: center
}

.landing-page .photo-feature-3-across .photo-feature .back-text h4 {
    font: 18px "Akkurat Pro Bold", "Arial Black", sans-serif;
    color: #fff;
    margin-bottom: 1.5em;
    text-shadow: none
}

.landing-page .photo-feature-3-across .photo-feature .back-text p {
    text-shadow: none
}

.landing-page .photo-feature-3-across .photo-feature .back-text p.link {
    margin-top: 1em
}

@media screen and (max-width: 1150px) {
    .landing-page .photo-feature-3-across .photo-feature .text-over-image {
        padding: 0 1em
    }

    .landing-page .photo-feature-3-across .photo-feature .text-over-image h4 {
        font-size: 26px
    }

    .landing-page .photo-feature-3-across .photo-feature .back-text {
        padding: 0 1em
    }
}

@media screen and (max-width: 960px) {
    .landing-page .photo-feature-3-across .photo-feature {
        width: 50%
    }
}

@media screen and (max-width: 800px) {
    .landing-page .photo-feature-3-across .photo-feature {
        width: inherit;
        max-width: 480px;
        float: none;
        margin: 0 auto 0 auto
    }
}

@media screen and (max-width: 768px) {
    .landing-page .photo-feature-3-across .photo-feature {
        width: inherit;
        max-width: 480px;
        margin: 0 auto;
        float: none
    }

    .landing-page .photo-feature-3-across .photo-feature .text-over-image {
        width: 100%
    }

    .landing-page .photo-feature-3-across .photo-feature .text-over-image h4 {
        font-size: 24px
    }

    .landing-page .photo-feature-3-across .photo-feature .text-over-image h4.campton {
        font-size: 30px
    }

    .landing-page .photo-feature-3-across .photo-feature .text-over-image p {
        display: none
    }

    .landing-page .photo-feature-3-across .photo-feature .text-over-image p.link {
        display: block
    }
}

@media screen and (max-width: 420px) {
    .landing-page .photo-feature-3-across .photo-feature .back-text {
        padding: 0 .5rem
    }

    .landing-page .photo-feature-3-across .photo-feature .back-text h3 {
        font-size: 16px;
        margin-bottom: .5rem
    }

    .landing-page .photo-feature-3-across .photo-feature .back-text p {
        font-size: 14px
    }
}

.landing-page .feature-two-col {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.landing-page .feature-two-col .feature-box {
    width: 49.10714%;
    float: left;
    background: #f0f0f0;
    margin-left: 1.78571%;
    position: relative
}

.landing-page .feature-two-col .feature-box:first-child {
    margin-left: 0
}

.landing-page .feature-two-col .feature-box .feature-copy {
    padding: 1rem 1.5rem 4rem 1.5rem
}

.landing-page .feature-two-col .feature-box .feature-copy h4 {
    font: 21px "Akkurat Pro Regular", Arial, sans-serif;
    text-transform: uppercase;
    color: #342f2e
}

.landing-page .feature-two-col .feature-box .feature-copy ul {
    margin-left: 0;
    padding-left: .5em
}

.landing-page .feature-two-col .feature-box.no-button .feature-copy {
    padding-bottom: 1rem
}

@media screen and (max-width: 768px) {
    .landing-page .feature-two-col {
        display: inherit
    }

    .landing-page .feature-two-col .feature-box {
        width: inherit;
        max-width: 550px;
        float: none;
        background: #f0f0f0;
        margin: 0 auto 1rem auto;
        margin-bottom: 1rem
    }

    .landing-page .feature-two-col .feature-box:first-child {
        margin-left: auto
    }
}

.landing-page .feature-three-col {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.landing-page .feature-three-col .feature-box {
    width: 32.14286%;
    float: left;
    background: #f0f0f0;
    margin-left: 1.78571%;
    position: relative
}

.landing-page .feature-three-col .feature-box:first-child {
    margin-left: 0
}

.landing-page .feature-three-col .feature-box .feature-copy {
    padding: 1rem 1.5rem 4rem 1.5rem
}

.landing-page .feature-three-col .feature-box .feature-copy h4 {
    font: 21px "Akkurat Pro Regular", Arial, sans-serif;
    text-transform: uppercase;
    color: #342f2e
}

.landing-page .feature-three-col .feature-box .feature-copy ul {
    margin-left: 0;
    padding-left: .5em
}

@media screen and (max-width: 875px) {
    .landing-page .feature-three-col {
        display: inherit
    }

    .landing-page .feature-three-col .feature-box {
        width: inherit;
        max-width: 360px;
        float: none;
        background: #f0f0f0;
        margin: 0 auto 2rem auto
    }

    .landing-page .feature-three-col .feature-box:first-child {
        margin-left: auto
    }
}

.landing-page .three-column-links h4 {
    font: 30px "Akkurat Pro Regular", Arial, sans-serif;
    color: #716c6b;
    border-bottom: 4px solid #ccc;
    text-transform: none;
    padding-bottom: .5rem
}

.landing-page .three-column-links article {
    float: left;
    width: 32.14286%;
    margin-right: 1.78571%
}

.landing-page .three-column-links article:last-child {
    margin-right: 0
}

.landing-page .three-column-links article img {
    margin-bottom: 1rem
}

.landing-page .three-column-links article p {
    margin-top: 0
}

.landing-page .three-column-links ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.landing-page .three-column-links ul li {
    background: none;
    padding: 0 0 .8em 0;
    line-height: 1.5rem
}

@media screen and (max-width: 875px) {
    .landing-page .three-column-links article {
        float: none;
        width: inherit;
        max-width: 360px;
        margin: 0 auto 2rem auto
    }

    .landing-page .three-column-links article:last-child {
        margin-right: auto
    }
}

@media screen and (max-width: 480px) {
    .landing-page .three-column-links h4 {
        font-size: 24px
    }
}

.landing-page .three-column-list h1 {
    margin-bottom: 2rem
}

.landing-page .three-column-list h2 {
    font: 30px "Akkurat Pro Regular", Arial, sans-serif;
    color: #716c6b;
    border-bottom: 4px solid #ccc;
    text-transform: none;
    padding-bottom: .5rem
}

.landing-page .three-column-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 3em;
    -moz-column-gap: 3em;
    column-gap: 2em;
    margin: 0;
    padding: 0
}

.landing-page .three-column-list ul li {
    background: none;
    padding: 0 0 .8em 0;
    line-height: 1.5em;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid
}

@media screen and (max-width: 480px) {
    .landing-page .three-column-list h2 {
        font-size: 24px
    }

    .landing-page .three-column-list ul {
        -moz-column-count: inherit;
        -moz-column-gap: inherit;
        -webkit-column-count: inherit;
        -webkit-column-gap: inherit;
        column-count: inherit
    }
}

.landing-page .large-feature {
    padding: 4rem;
    background: url(https://common.northwestern.edu/v8/css/images/slashes-grey-bg.gif) repeat
}

.landing-page .large-feature-inner {
    max-width: 1120px;
    margin: 3rem auto 0 auto;
    box-sizing: content-box
}

.landing-page .large-feature-inner .content-side {
    width: 78.57143%;
    float: left;
    border-right: 1px solid #ccc;
    padding-right: 3.57143%
}

.landing-page .large-feature-inner .content-side img {
    float: left;
    margin: 0 2rem 2rem 0
}

.landing-page .large-feature-inner .content-side h4 {
    font: 48px/1.1em "Poppins Bold", Impact, sans-serif;
    margin-bottom: 3rem;
    color: #4e2a84
}

.landing-page .large-feature-inner ul {
    width: 21.42857%;
    float: left;
    padding-left: 0;
    margin-left: 0
}

.landing-page .large-feature-inner ul li {
    background: none;
    line-height: 1.2rem;
    margin-bottom: 1rem
}

.landing-page .large-feature-inner ul li:after {
    background: url(https://common.northwestern.edu/v8/css/images/icons/arrow-right-dkpurple.svg) no-repeat 50%/6px;
    padding-right: 2rem;
    content: " "
}

.landing-page .large-feature-inner ul li a {
    font-family: "Akkurat Pro Bold", "Arial Black", sans-serif
}

@media screen and (max-width: 850px) {
    .landing-page .large-feature-wrap {
        padding: 2rem
    }

    .landing-page .large-feature {
        padding: 2rem
    }

    .landing-page .large-feature .content-side img {
        float: none;
        margin-bottom: 1rem
    }

    .landing-page .large-feature .content-side h4 {
        font-size: 36px
    }
}

@media screen and (max-width: 768px) {
    .landing-page .large-feature .content-side, .landing-page .large-feature ul {
        float: none;
        width: 100%;
        border: none
    }

    .landing-page .large-feature .content-side li, .landing-page .large-feature ul li {
        padding-left: 0
    }
}

@media screen and (max-width: 480px) {
    .landing-page .large-feature-wrap {
        padding: 1rem
    }

    .landing-page .large-feature {
        padding: 2rem 1rem
    }

    .landing-page .large-feature h3 {
        font-size: 20px
    }

    .landing-page .large-feature h3:before, .landing-page .large-feature h3:after {
        background: none
    }

    .landing-page .large-feature .content-side h4 {
        font-size: 28px
    }
}

.landing-page .stats-callout {
    border-top: 4px solid #f0f0f0;
    border-bottom: 4px solid #f0f0f0;
    text-align: center;
    padding: 2rem 0
}

.landing-page .stats-callout div {
    width: 33%;
    float: left;
    padding: 1rem
}

.landing-page .stats-callout ul {
    list-style: none
}

.landing-page .stats-callout ul li {
    text-align: left;
    padding-bottom: 0
}

.landing-page .stats-callout p {
    margin: 0 auto;
    display: table
}

.landing-page .stats-callout span {
    display: table-cell;
    vertical-align: middle
}

.landing-page .stats-callout span.big {
    font: 72px/1.1em "Poppins Bold", Impact, sans-serif;
    color: #4e2a84;
    display: block
}

.landing-page .stats-callout span.small {
    font: 24px "Poppins Extra Light", "Courier New", sans-serif;
    color: #4e2a84;
    display: block
}

@media screen and (max-width: 800px) {
    .landing-page .stats-callout span.big {
        font: 48px "Poppins Bold", Impact, sans-serif
    }

    .landing-page .stats-callout span.small {
        font: 20px "Poppins Extra Light", "Courier New", sans-serif
    }
}

@media screen and (max-width: 550px) {
    .landing-page .stats-callout span.big {
        font: 24px "Poppins Bold", Impact, sans-serif
    }

    .landing-page .stats-callout span.small {
        font: 15px "Poppins Extra Light", "Courier New", sans-serif
    }
}

.landing-page .alternate-photo-float {
    margin-bottom: 5rem
}

.landing-page .alternate-photo-float h4 {
    font: 30px "Akkurat Pro Regular", Arial, sans-serif;
    color: #716c6b;
    border-bottom: 4px solid #ccc;
    text-transform: none;
    padding-bottom: .5rem
}

.landing-page .alternate-photo-float .image-left, .landing-page .alternate-photo-float .image-right, .landing-page .alternate-photo-float .text {
    width: 49.10714%;
    max-width: 550px;
    margin-right: 3.57143%;
    float: left;
    position: relative;
    max-height: 310px
}

.landing-page .alternate-photo-float .image-left:last-child, .landing-page .alternate-photo-float .image-right:last-child, .landing-page .alternate-photo-float .text:last-child {
    margin-right: 0
}

.landing-page .alternate-photo-float .text {
    width: 47.32143%;
    max-width: 530px;
    margin-right: 3.57143%;
    max-height: none
}

.landing-page .alternate-photo-float .text:last-child {
    margin-right: 0
}

.landing-page .alternate-photo-float .text.tl-text {
    color: #4e2a84;
    font: 24px/1.2em "Poppins", Tahoma, sans-serif;
    margin-bottom: 1em
}

.landing-page .alternate-photo-float .text ul {
    list-style: none;
    margin: 0;
    padding: 0;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 2em;
    -moz-column-gap: 3em;
    column-gap: 2em;
    margin: 0;
    padding: 0
}

.landing-page .alternate-photo-float .text ul li {
    background: none;
    padding: 0 0 .5em 0;
    line-height: 1.5em;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid
}

.landing-page .alternate-photo-float .text .column {
    width: 45%;
    margin-right: 5%;
    float: left
}

.landing-page .alternate-photo-float .text .column:last-child {
    margin-right: 0
}

.landing-page .alternate-photo-float .text .column ul {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
    -webkit-column-gap: normal;
    -moz-column-gap: normal;
    column-gap: normal
}

.landing-page .alternate-photo-float .text img {
    z-index: 30
}

.landing-page .alternate-photo-float .text-over-image {
    position: absolute;
    top: 20%;
    width: 100%;
    color: #fff;
    text-align: center;
    z-index: 31;
    padding: 0 1em;
    font: 24px "Poppins Extra Bold", Impact, sans-serif
}

.landing-page .alternate-photo-float .text-over-image p {
    margin: 0
}

.landing-page .alternate-photo-float .text-over-image .big {
    font: 72px/1em "Poppins Bold", Impact, sans-serif
}

@media screen and (max-width: 1150px) {
    .landing-page .alternate-photo-float .quote {
        font-size: 20px
    }
}

@media screen and (max-width: 900px) {
    .landing-page .alternate-photo-float .quote {
        font-size: 18px
    }

    .landing-page .alternate-photo-float .text-over-image {
        top: 5%;
        font-size: 24px
    }

    .landing-page .alternate-photo-float .text-over-image .big {
        font-size: 60px;
        line-height: 1em
    }
}

@media screen and (max-width: 875px) {
    .landing-page .alternate-photo-float {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        margin-bottom: 2rem
    }

    .landing-page .alternate-photo-float h4 {
        font-size: 24px;
        margin-top: 1rem
    }

    .landing-page .alternate-photo-float .image-left, .landing-page .alternate-photo-float .image-right, .landing-page .alternate-photo-float .text {
        width: 100%;
        float: none;
        position: relative
    }

    .landing-page .alternate-photo-float .image-left:last-child, .landing-page .alternate-photo-float .image-right:last-child, .landing-page .alternate-photo-float .text:last-child {
        margin-right: auto
    }

    .landing-page .alternate-photo-float .image-right {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }

    .landing-page .alternate-photo-float .text-over-image {
        top: 20%
    }
}

@media screen and (max-width: 768px) {
    .landing-page .alternate-photo-float .text.tl-text {
        font-size: 22px
    }
}

@media screen and (max-width: 480px) {
    .landing-page .alternate-photo-float .text.tl-text {
        font-size: 18px
    }

    .landing-page .alternate-photo-float .text-over-image {
        top: 1em;
        font-size: 20px
    }

    .landing-page .alternate-photo-float .text-over-image .big {
        font-size: 42px
    }

    .landing-page .alternate-photo-float .text .column {
        width: 100%
    }
}

@media screen and (max-width: 420px) {
    .landing-page .alternate-photo-float .text ul {
        -moz-column-count: inherit;
        -moz-column-gap: inherit;
        -webkit-column-count: inherit;
        -webkit-column-gap: inherit;
        column-count: inherit;
        column-gap: inherit
    }
}

@media screen and (max-width: 380px) {
    .landing-page .alternate-photo-float .text-over-image {
        font-size: 18px;
        line-height: 1em
    }

    .landing-page .alternate-photo-float .text-over-image .big {
        font-size: 36px
    }
}

.landing-page .background-select {
    width: 100%;
    display: table;
    min-height: 400px
}

.landing-page .background-select .background-select-image {
    text-align: center;
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    position: relative;
    padding: 5rem 1em 3rem 1em
}

.landing-page .background-select h3 {
    margin-bottom: 2rem
}

.landing-page .background-select p {
    margin-bottom: 3rem
}

.landing-page .background-select a.button {
    margin-bottom: 2rem
}

.landing-page .background-select.purple-slashes p {
    color: #fff
}

.landing-page .background-select.purple-slashes h3 {
    color: #fff
}

@media screen and (max-width: 960px) {
    .landing-page .purple-slashes .purple-half {
        padding: 2rem
    }
}

@media screen and (max-width: 875px) {
    .landing-page .background-select p.subhead {
        font-size: 36px
    }
}

.landing-page .quote {
    font: 24px/1.2em "Poppins", Tahoma, sans-serif;
    color: #4e2a84;
    margin-bottom: 1em
}

.landing-page .quote span {
    background: url(https://common.northwestern.edu/v8/css/images/icons/quote.png) no-repeat;
    width: 35px;
    height: 24px;
    display: inline-block;
    margin-right: .5rem
}

.landing-page .quote figcaption {
    font: 16px/1.4em "Akkurat Pro Regular", Arial, sans-serif;
    color: #716c6b
}

.landing-page .quote figcaption span {
    font: 18px "Akkurat Pro Bold", "Arial Black", sans-serif;
    background: none;
    height: inherit;
    width: inherit;
    display: inherit;
    margin-right: inherit
}

.landing-page .number-boxes {
    background: #4e2a84 url(https://common.northwestern.edu/v8/css/images/purple-slashes-bg.gif) repeat;
    padding: 2em 1em;
    text-align: center
}

.landing-page .number-boxes .half {
    width: 50%;
    float: left;
    border-right: 1px solid #836eaa;
    padding: 2rem 7rem
}

.landing-page .number-boxes .half:last-child {
    border-right: none
}

.landing-page .number-boxes .half p {
    font: 24px "Poppins Extra Bold", Impact, sans-serif;
    color: #b6acd1
}

.landing-page .number-boxes .half p span {
    font: 96px "Poppins Bold", Impact, sans-serif;
    color: #fff
}

@media screen and (max-width: 768px) {
    .landing-page .number-boxes .half {
        padding: 2rem
    }

    .landing-page .number-boxes .half p {
        font-size: 18px
    }

    .landing-page .number-boxes .half p span {
        font-size: 60px
    }
}

@media screen and (max-width: 480px) {
    .landing-page .number-boxes .half {
        width: 100%;
        float: none;
        padding: 2rem;
        border-right: none;
        border-bottom: 1px solid #836eaa
    }

    .landing-page .number-boxes .half:last-child {
        border-bottom: none
    }
}

.landing-page .news-event {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.landing-page .news-event section {
    margin-bottom: 2rem
}

.landing-page .news, .landing-page .events {
    border-bottom: 4px solid #ccc;
    position: relative
}

.landing-page .news h4, .landing-page .events h4 {
    font: 30px "Akkurat Pro Regular", Arial, sans-serif;
    color: #716c6b;
    border-bottom: 4px solid #ccc;
    padding-bottom: .5rem;
    margin-bottom: 1.5rem
}

.landing-page .news h5, .landing-page .events h5 {
    font: 18px "Akkurat Pro Bold", "Arial Black", sans-serif;
    color: #342f2e;
    margin-bottom: 1rem
}

.landing-page .news p.link, .landing-page .events p.link {
    font: 16px "Akkurat Pro Bold", "Arial Black", sans-serif;
    position: absolute;
    bottom: -2.5rem;
    text-transform: uppercase;
    margin-bottom: 0
}

.landing-page .news p.link:after, .landing-page .events p.link:after {
    background: url(https://common.northwestern.edu/v8/css/images/icons/arrow-right-dkpurple.svg) no-repeat top 35% right 50%/6px 10px;
    padding-right: 1.5em;
    content: " "
}

.landing-page .news {
    float: left;
    width: 66.07143%
}

.landing-page .news-box {
    float: left;
    width: 48.64865%;
    margin-right: 2.7027%;
    margin-bottom: 1rem
}

.landing-page .news-box:nth-of-type(2n) {
    margin-right: 0
}

.landing-page .news-box .news-image {
    width: 47.22222%;
    float: left;
    margin-right: 2.77778%
}

.landing-page .news-box .news-text {
    float: left;
    width: 50%
}

.landing-page .news-box h5 {
    font: 18px "Akkurat Pro Bold", "Arial Black", sans-serif;
    color: #4e2a84;
    margin-bottom: 1rem
}

.landing-page .news-box h5 + p {
    margin-top: -0.5rem
}

.landing-page .news-full {
    position: relative;
    border-bottom: 4px solid #ccc;
    margin-bottom: 6rem
}

.landing-page .news-full .news-box h4 {
    font: 18px "Akkurat Pro Bold", "Arial Black", sans-serif;
    color: #4e2a84;
    margin-bottom: 1rem
}

.landing-page .news-full .news-box {
    float: left;
    width: 32.14286%;
    margin-right: 1.78571%;
    margin-bottom: 1rem
}

.landing-page .news-full .news-box:nth-of-type(3n) {
    margin-right: 0
}

.landing-page .news-full .news-box .news-image {
    width: 47.22222%;
    float: left;
    margin-right: 2.77778%
}

.landing-page .news-full .news-box .news-text {
    float: left;
    width: 50%
}

.landing-page .news-full p.link {
    font: 16px "Akkurat Pro Bold", "Arial Black", sans-serif;
    position: absolute;
    bottom: -2.5rem;
    text-transform: uppercase;
    margin-bottom: 0
}

.landing-page .showcase .news {
    width: 32.14286%;
    padding-bottom: 1rem
}

.landing-page .showcase .news img {
    margin-bottom: .5rem
}

.landing-page .showcase .news h5 {
    color: #716c6b
}

.landing-page .events {
    float: left;
    width: 32.14286%;
    margin-left: 1.78571%
}

.landing-page .events h5 {
    margin-bottom: .2rem;
    color: #716c6b
}

.landing-page .events p {
    margin-top: 0
}

@media screen and (max-width: 900px) {
    .landing-page .news {
        width: 60%
    }

    .landing-page .news .news-box {
        width: 100%;
        float: none
    }

    .landing-page .news .news-box .news-image {
        width: 30.14184%;
        margin-right: 1.77305%
    }

    .landing-page .news .news-box .news-text {
        width: 68.08511%
    }

    .landing-page .events {
        width: 40%;
        margin-left: 2.22222%
    }
}

@media screen and (max-width: 900px) {
    .landing-page .news-full .news-box {
        width: 47.77778%;
        margin-right: 2.22222%
    }

    .landing-page .news-full .news-box:nth-of-type(3n) {
        margin-right: 2.22222%
    }

    .landing-page .news-full .news-box .news-image {
        width: 39.53488%;
        margin-right: 2.32558%
    }

    .landing-page .news-full .news-box .news-text {
        width: 58.13953%
    }
}

@media screen and (max-width: 768px) {
    .landing-page .news-event.showcase {
        display: inherit;
        margin-bottom: 3rem
    }

    .landing-page .news-event.showcase p.link {
        position: relative;
        bottom: 0;
        margin-top: 2rem
    }

    .landing-page .news-event.showcase .news, .landing-page .news-event.showcase .events, .landing-page .news-event.showcase .tl-events {
        width: 100%;
        float: none;
        margin-bottom: 3rem;
        margin-left: 0;
        border-bottom: none
    }

    .landing-page .news-event.showcase .news:nth-child(3), .landing-page .news-event.showcase .events:nth-child(3), .landing-page .news-event.showcase .tl-events:nth-child(3) {
        margin-bottom: 0
    }
}

@media screen and (max-width: 550px) {
    .landing-page .news-event {
        display: inherit;
        margin-bottom: 3rem
    }

    .landing-page .news, .landing-page .events {
        width: 100%;
        float: none;
        margin-bottom: 3rem;
        margin-left: 0;
        border-bottom: none
    }

    .landing-page .news p.link, .landing-page .events p.link {
        position: relative;
        bottom: 0;
        margin-top: 2rem
    }

    .landing-page .news-full .news-box {
        width: 100%;
        margin-right: 0
    }

    .landing-page .news-full .news-box .news-image {
        width: 30.90909%;
        margin-right: 1.81818%
    }

    .landing-page .news-full .news-box .news-text {
        width: 67.27273%
    }
}

@media screen and (max-width: 550px) {
    .landing-page .news h5, .landing-page .events h5 {
        font-size: 18px
    }
}

@media screen and (max-width: 480px) {
    .landing-page .news h4, .landing-page .events h4 {
        font-size: 24px
    }
}

.landing-page .swiper-button-next, .landing-page .swiper-button-prev {
    width: 50px;
    height: 50px;
    -moz-background-size: 50px 50px;
    -webkit-background-size: 50px 50px;
    background-size: 50x 50px;
    margin-top: 0;
    top: 45%
}

.landing-page .swiper-button-prev {
    background: url(https://common.northwestern.edu/v8/css/images/icons/arrow-right-purple-white.svg) no-repeat;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    left: 10px;
    right: auto
}

.landing-page .swiper-button-next {
    background: url(https://common.northwestern.edu/v8/css/images/icons/arrow-right-purple-white.svg) no-repeat;
    right: 10px;
    left: auto
}

.landing-page .caption {
    font: 20px/1.3em "Akkurat Pro Regular", Arial, sans-serif;
    position: absolute;
    bottom: .4rem;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    width: 100%;
    margin: 0
}

.landing-page .caption strong {
    font-family: "Akkurat Pro Bold", "Arial Black", sans-serif
}

.landing-page .caption a {
    font-family: "Akkurat Pro Bold", "Arial Black", sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff
}

.landing-page .caption a:after {
    background: url(https://common.northwestern.edu/v8/css/images/icons/arrow-right-white.svg) no-repeat 50%/8px 12px;
    padding-right: 1.5rem;
    content: " "
}

@media screen and (max-width: 768px) {
    .landing-page .caption {
        font-size: 16px
    }
}

@media screen and (max-width: 600px) {
    .landing-page .caption {
        position: relative;
        background: #342f2e;
        font-size: 14px
    }

    .landing-page .swiper-button-next, .landing-page .swiper-button-prev {
        width: 30px;
        height: 30px;
        -moz-background-size: 30px 30px;
        -webkit-background-size: 30px 30px;
        background-size: 30px 30px
    }

    .landing-page .swiper-button-next {
        top: 0;
        right: 0
    }

    .landing-page .swiper-button-prev {
        top: 0;
        left: 0
    }
}

.landing-page .photo-grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 1.5rem
}

.landing-page .photo-grid article {
    width: 23.66071%;
    margin-right: 1.78571%;
    margin-bottom: 20px;
    float: left;
    line-height: 1.5rem
}

.landing-page .photo-grid article:nth-of-type(4n+4) {
    margin-right: 0
}

.landing-page .photo-grid article h4 {
    font: 16px "Akkurat Pro Bold", "Arial Black", sans-serif;
    color: #342f2e;
    margin: 1rem 0 0 0
}

.landing-page .photo-grid article h4 + p {
    margin-top: .5rem
}

.landing-page .photo-grid article p.link {
    font-family: "Akkurat Pro Bold", "Arial Black", sans-serif;
    text-transform: uppercase
}

.landing-page .photo-grid article p.link:after {
    background: url(https://common.northwestern.edu/v8/css/images/icons/arrow-right-dkpurple.svg) no-repeat 0.8em 3px/5px 8px;
    padding-right: 3rem;
    content: " "
}

@media screen and (max-width: 768px) {
    .landing-page .photo-grid article {
        width: 48.5%;
        margin-right: 3%
    }

    .landing-page .photo-grid article:nth-of-type(2n+2) {
        margin-right: 0
    }
}

@media screen and (max-width: 475px) {
    .landing-page .photo-grid article {
        width: 100%
    }
}

.content a.button, .content-full a.button, .hero a.button, #top-nav ul li a.button, .tl-slideshow a.button, input[type="submit"] {
    font: 16px "Akkurat Pro Bold", "Arial Black", sans-serif;
    color: #fff;
    background: #4e2a84;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: normal;
    margin: 0 .5em .5em 0;
    padding: .8em 1em .7em 1em;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    min-width: 165px;
    border: none
}

.content a.button:before, .content-full a.button:before, .hero a.button:before, #top-nav ul li a.button:before, .tl-slideshow a.button:before, input[type="submit"]:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #b6acd1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.content a.button:hover, .content a.button:focus, .content a.button:active, .content-full a.button:hover, .content-full a.button:focus, .content-full a.button:active, .hero a.button:hover, .hero a.button:focus, .hero a.button:active, #top-nav ul li a.button:hover, #top-nav ul li a.button:focus, #top-nav ul li a.button:active, .tl-slideshow a.button:hover, .tl-slideshow a.button:focus, .tl-slideshow a.button:active, input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active {
    color: #fff;
    text-decoration: none
}

.content a.button:hover:before, .content a.button:focus:before, .content a.button:active:before, .content-full a.button:hover:before, .content-full a.button:focus:before, .content-full a.button:active:before, .hero a.button:hover:before, .hero a.button:focus:before, .hero a.button:active:before, #top-nav ul li a.button:hover:before, #top-nav ul li a.button:focus:before, #top-nav ul li a.button:active:before, .tl-slideshow a.button:hover:before, .tl-slideshow a.button:focus:before, .tl-slideshow a.button:active:before, input[type="submit"]:hover:before, input[type="submit"]:focus:before, input[type="submit"]:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.feature-box a.button {
    width: 100%;
    text-align: center;
    margin-bottom: 0;
    position: absolute;
    bottom: 0
}

.purple-slashes a.button, #map-feature a.button, .standard-page .background-select a.button {
    background: #836eaa
}

.standard-plus a.button {
    margin: 1.5rem 0
}

@media screen and (max-width: 768px) {
    .caption a.button {
        background: #b6acd1;
        margin: 0
    }
}

/* Compiled CSS of expander code from version 1.5 - not yet on UR GitHub */
.expander1 {
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    margin: 2rem 0
}

.expander1 h3 > a, .expander1 h4 > a {
    background: url(https://common.northwestern.edu/v8/css/images/icons/arrow-right-dkpurple.svg) no-repeat 0.5rem center/8px 16px;
    padding: .5em 0 .5rem 2rem
}

.expander1 h3.open a, .expander1 h4.open a {
    background: url(https://common.northwestern.edu/v8/css/images/icons/arrow-down-dkpurple.svg) no-repeat 0.3rem center/16px 8px
}

.expander2 {
    border: 1px solid #f0f0f0;
    margin: 2rem 0
}

.expander2 h3 > a, .expander2 h4 > a {
    background: url(https://common.northwestern.edu/v8/css/images/icons/arrow-right-dkpurple.svg) no-repeat 0.5rem center/8px 16px;
    padding: .5em 0 .5rem 2rem
}

.expander2 h3.open a, .expander2 h4.open a {
    background: url(https://common.northwestern.edu/v8/css/images/icons/arrow-down-dkpurple.svg) no-repeat 0.3rem center/16px 8px
}

.expander2 h3 span, .expander2 h4 span {
    float: right;
    border-right: 1px solid #f0f0f0;
    padding-right: .5rem
}

.expander3 {
    margin: 2rem 0
}

.expander3 h3, .expander3 h4 {
    background: #4e2a84
}

.expander3 h3 > a, .expander3 h4 > a {
    background: url(https://common.northwestern.edu/v8/css/images/icons/arrow-right-white.svg) no-repeat right 1rem center/12px 18px;
    padding: .5em 3rem .5rem 1rem;
    color: #fff
}

.expander3 h3.open a, .expander3 h4.open a {
    background: url(https://common.northwestern.edu/v8/css/images/icons/arrow-down-white.svg) no-repeat right 1rem center/18px 12px
}

.expander h3, .expander h4 {
    margin: 0;
    font-size: 18px;
    line-height: inherit;
    border-top: 1px solid #f0f0f0
}

.expander h3:first-of-type, .expander h4:first-of-type {
    border-top: none
}

.expander h3 > a, .expander h4 > a {
    display: block;
    margin: 0
}

.expander > div {
    margin: 1rem 2rem
}

.expander > div h4 {
    color: #716c6b;
    font: unquote("26px/1.2em") "Akkurat Pro Regular", Arial, sans-serif;
    margin-bottom: 1rem;
    background: none
}/******************************************************************
Theme Name: Northwestern (Global)
Theme URI: http://www.northwestern.edu/brand
Author: Northwestern IT S&S Media and Design
Author URI: https://mediadesign.it.northwestern.edu/
Description: The Northwestern University Global Marketing WordPress theme.
Version: 1.3.06
License: MIT License
License URI: https://opensource.org/licenses/MIT
Tags: accessibility-ready, microformats, one-column, two-columns, left-sidebar, custom-menu, post-formats, featured-image-header, featured-images, custom-logo, editor-style, full-width-template, threaded-comments, theme-options, education
Text Domain: nu_gm

******************************************************************/

/*
WordPress Probz
So Theme Check (http://wordpress.org/plugins/theme-check/)
is constantly telling me that it needs these classes in the CSS even
though they are in the REAL stylesheet in library/css/style.css.
So we're gonna drop these here to keep it happy.
Great work, Theme Check (eye roll)
*/

/* DO NOT EDIT THIS */
/* THESE ARE USELESS */
/* THEY ARE ONLY TO KEEP THEME CHECK HAPPY */
.sticky {}
.gallery-caption {}
.bypostauthor {}
.wp-caption-text {}
.wp-caption {}
.screen-reader-text{}/*
 Theme Name:   Second NU Branding SoC IT / NU Global Branding
 Theme URI:    http://www.northwestern.edu/brand
 Description:  Second Design. Closer to NUGM. Less extensions. Extends NU Global Branding theme first created by Alex Miner in Academic Research and Technology.
 Author:       Richard for SoCIT
 Author URI:   http://communication.northwestern.edu
 Template:     northwestern-global-marketing-wordpress-theme
*/



/* 
Fix font awesome on the client side
*/
body .content i.fa {
    font-family: FontAwesome;
}

/* Class to sticky the top. THis class is added via other mechanisms */
.fixed_to_top_admin {
    position: fixed;
    width:100%;
    top: 32px;
    z-index: 999999;
}

.fixed_to_top {
    position: fixed;
    width:100%;
    top: 0px;
    z-index: 999999;
}



/* Make bg white */
body #nu,
body nav#top-nav  {
    background-color: white;
}


/* PUrple bar size*/
body #nu #top-bar {
    height: 40px;
    min-height: 40px;
}

/* WHite space size*/
body #nu .bottom-bar {
    clear: both;
    float: none;
}
body #nu .bottom-bar #department {
    height: 70px;
}

/* Hide Main NU Logo */
body #nu #top-bar #left img {
    visibility: hidden;
    left: -999px;
    position: absolute;
}


/* Footer Color */
body footer {
    background-color: #444444;
}


/*
/* colorized search icon */
body #mobile-nav-link {
    background-image: url(//msc.northwestern.edu/wp-content/themes/second-child-nugm-theme/img/hamburger_purple.png);
}

/* purple search icon */
#mobile-links .mobile-search-link {
    background-image: url(//msc.northwestern.edu/wp-content/themes/second-child-nugm-theme/img/search_purple.png);
}

/* white X on mobile menu */
.mobile-link.mobile-search-link.open {
    background: #4e2a84 url(//common.northwestern.edu/v8/css/images/icons/alert-x-white-home.svg) no-repeat center !important;
    background-size: 20px 20px !important;
}

.mobile-link.mobile-nav-link.open {
    background: #fff url(//common.northwestern.edu/v8/css/images/icons/close-button-dkpurple.svg) no-repeat center !important;
    background-size: 20px 20px !important;
}


/* Purple Menu */
body #top-bar #right {
    margin-top: 13px;
}
body #purple_school_menu li a
{
    font-family: 'Akkurat Pro Regular',Arial,sans-serif !important;
    font-size: 10pt;
}


/* Space around main content. Really seen with responsive or narrow views */
@media (max-width: 401px) {
    #main-content {
        border: 10px solid transparent;
    }
}

/* Search form text color  */
body form input#q {
    color: grey !important;
}


/* Fix Photo features */
.contain-1120 .feature-two-col article {
    margin: 3px !important;
}
.photo-feature-3-across {
    clear: both;

}
.photo-feature-3-across article {
    float: left;
    width: 31%;
}



/*
STATS CALL OUT
*/
.stats-callout {
    display: table;
    width: 100%;
}
.stats-callout div {
    display: table-cell;
}
.center-list {
    text-align: center;
}


/*
SEARCH BUTTON CORRECTION
*/
body #search .search-form button {
    background-image: url(//msc.northwestern.edu/wp-content/themes/second-child-nugm-theme/img/search.svg);
}#tab-content > div:after, .tab-content > div:after {
  content: "";
  display: table;
  clear: both; }

#tabs, .tabs {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center; }
  #tabs li, .tabs li {
    background: none;
    margin: 0 .3rem 0 0;
    padding: 0;
    display: inline;
    vertical-align: middle; }
    #tabs li:last-child, .tabs li:last-child {
      margin: 0; }
    #tabs li a, .tabs li a {
      font: 18px "Akkurat Pro Bold", "Arial Black", sans-serif;
      color: #836eaa;
      background: #e4e0ee;
      padding: .75rem 1.2rem .5rem 1.2rem;
      display: inline-block;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
      #tabs li a:hover, .tabs li a:hover {
        text-decoration: none;
        background: #4e2a84;
        color: #fff; }
      #tabs li a.active, .tabs li a.active {
        background: #4e2a84;
        color: #fff; }

.content ul.tabs, .content-full ul.tabs {
  padding-left: 0; }

.content ul.tabs > li, .content-full ul.tabs > li {
  background: none;
  padding: 0; }

.standard-page #tabs, #standard-page .tabs {
  text-align: left; }

#tab-content, .tab-content {
  border-top: 3px solid #4e2a84;
  margin: 0 0 3rem 0;
  padding: 1rem 0 0 0; }
  #tab-content > div h3, .tab-content > div h3 {
    margin-top: 1rem; }
  #tab-content .row, .tab-content .row {
    border-bottom: 3px solid #f0f0f0;
    padding: 0 0 2rem 0; }
  #tab-content .responsive-table, .tab-content .responsive-table {
    margin-top: 0; }
  #tab-content .headings, .tab-content .headings {
    display: table-cell;
    width: 32.14286%;
    padding-right: 1rem; }
    #tab-content .headings h4, .tab-content .headings h4 {
      font: 30px "Campton Bold", Impact, sans-serif;
      color: #4e2a84; }
      #tab-content .headings h4 span, .tab-content .headings h4 span {
        display: block;
        color: #b6acd1; }
  #tab-content .contents, .tab-content .contents {
    display: table-cell;
    width: 66.07143%; }
    #tab-content .contents .callout, .tab-content .contents .callout {
      background: #836eaa;
      padding: .1rem 1rem;
      margin: 0 0 1rem 2rem;
      width: 266px;
      font: 24px "Campton Book", Tahoma, sans-serif;
      color: #fff;
      float: right; }
      #tab-content .contents .callout a, .tab-content .contents .callout a {
        text-decoration: underline;
        font-family: "Campton Book", Tahoma, sans-serif;
        color: #fff; }
      #tab-content .contents .callout h4, .tab-content .contents .callout h4 {
        font: 16px "Akkurat Pro Bold", "Arial Black", sans-serif;
        padding-top: 1rem;
        margin-bottom: 0;
        color: #fff; }
        #tab-content .contents .callout h4 + p, .tab-content .contents .callout h4 + p {
          margin: .5rem 0; }

@media screen and (max-width: 1150px) {
  #tabs li a, .tabs li a {
    font-size: 16px;
    margin-top: 5px; } }
@media screen and (max-width: 1000px) {
  .tab-left-side .img {
    float: none; } }
@media screen and (max-width: 850px) {
  #tab-content .contents .callout, .tab-content .contents .callout {
    float: none;
    margin: 1em 0 1em 0;
    width: 100%; } }
@media screen and (max-width: 550px) {
  #tabs li a {
    width: 100%;
    font-size: 18px; }

  #tab-content .headings, #tab-content .contents, .tab-content .headings, .tab-content .contents {
    width: 100%;
    display: block; }
    #tab-content .headings .callout, #tab-content .contents .callout, .tab-content .headings .callout, .tab-content .contents .callout {
      font-size: 18px; }
    #tab-content .headings h3, #tab-content .contents h3, .tab-content .headings h3, .tab-content .contents h3 {
      font-size: 26px; } }

/*# sourceMappingURL=_rt.css.map *//*****************
EDGE/IE menu fix
******************/
@supports (-ms-ime-align:auto) {
	#top-nav ul li:hover .dropdown {
        position: absolute !important;
        left: 0 !important;
	}
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { 
#top-nav ul li:hover .dropdown {
        position: absolute !important;
        left: 0 !important;
	}
}/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */@font-face{font-family:dearflip;src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SB/AAAAC8AAAAYGNtYXDV1NUQAAABHAAAAGxnYXNwAAAAEAAAAYgAAAAIZ2x5ZvV0Ah0AAAGQAAASdGhlYWQnoblUAAAUBAAAADZoaGVhB8ID8QAAFDwAAAAkaG10eLYAAAAAABRgAAAAwGxvY2FSqk12AAAVIAAAAGJtYXhwADoAmgAAFYQAAAAgbmFtZWTWXU4AABWkAAABknBvc3QAAwAAAAAXOAAAACAAAwP1AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADq0QPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAUAAAABAAEAADAAAAAQAg6Sjqk+rK6tH//f//AAAAAAAg6QDqk+rK6tH//f//AAH/4xcEFZoVZBVeAAMAAQAAAAAAAAAAAAAAAAAAAAAAAQAB//8ADwABAAD/wAAAA8AAAgAANzkBAAAAAAEAAP/AAAADwAACAAA3OQEAAAAAAQAA/8AAAAPAAAIAADc5AQAAAAABAAD/wAKSA8AABQAAJQcJARcHApI8/wABADzE5zwBAAEAPMQAAAAAAQAA/8ACqgPAAAUAACU3JzcJAQFuxMQ8AQD/AOfExDz/AP8AAAAAAAEAAP/AAwADwAAFAAABFzcXCQEBPMTEPP8A/wACPcTEPP8AAQAAAAABAAD/wAMAA8AABQAAAScJAQcnATw8AQABADzEARk8AQD/ADzEAAAAAQAA/8AB8gPAAAUAAAkCBwkBAfL+pgFaTP5aAaYDBf6m/qZMAaYBpgAAAAABAAD/wAQAA8AABQAAJQkBNwkBAg4BWv6mTAGm/lpRAVoBWkz+Wv5aAAAAAAIAAP/AAxIDwAADAAkAAAEzESMlBwkBFwcBAFZWAhI8/wABADzEAqv+ADw8AQABADzEAAACAAD/wAMAA8AAAwAJAAABMxEjATcJASc3AqpWVv5EPAEA/wA8xAKr/gABxDz/AP8APMQAAQAA/8ADKgPAAAIAAAkCAVYB1P4sAtX+1v7WAAIAAP/AAwADwAADAAcAAAEzESMhETMRAlaqqv6qqgLV/awCVP2sAAACAAD/wANWA8AAAgAFAAAJAREhCQEB6gFs/oD+lAFsAasBAP4AAQABAAAAAAIAAP/AA5YDwAACAAUAAAkCIREBAioBbP6U/oABbAKr/wD/AAIA/wAAAAAAAQAA/8ADKgPAAAsAAAEHFwcnByc3JzcXNwMq7u487u487u487u4Cme7uPO7uPO7uPO7uAAMAAP/AA6oDwAAPAB8AKwAAJTI3NjU0JyYjIgcGFRQXFhMyFxYVFAcGIyInJjU0NzYXFTMVIxUjNSM1MzUCAIxlZWVljIxlZWVljLB9fX19sLB9fX192qysVKysVWVljIxlZWVljIxlZQMAfX2wsH19fX2wsH191KxUrKxUrAAAAwAA/8ADqgPAAA8AHwAjAAAlMjc2NTQnJiMiBwYVFBcWEzIXFhUUBwYjIicmNTQ3NgMhFSECAIxlZWVljIxlZWVljLB9fX19sLB9fX19JgGs/lRVZWWMjGVlZWWMjGVlAwB9fbCwfX19fbCwfX3+gFQAAAABAAD/wAMqA8AACwAAASERIxEhNSERMxEhAyr/AFT/AAEAVAEAAYH/AAEAVAEA/wAAAAAAAQAA/8ADKgPAAAMAAAEhNSEDKv2sAlQBgVQAAAYAAP/AA4ADwAADAAcACwAbACsAOwAAASEVIRE1IRUBNSEVJTIXFhUUBwYjIicmNTQ3NhMyFxYVFAcGIyInJjU0NzYTMhcWFRQHBiMiJyY1NDc2ASoCVv2qAlb9qgJW/SoaExMTExoaExMTExoaExMTExoaExMTExoaExMTExoaExMTEwLVVP8AVFT/AFRUahMTGhoTExMTGhoTEwIAEhIcHBISEhIcHBIS/wASEhwcEhISEhwcEhIAAAAABAAA/8ADAAPAAAMABwALAA8AAAEzNSMhFTM1AzM1IwUzNSMBAODgASDg4ODg/uDg4AHL4ODg/gDg4OAACAAA/8ADgAPAAAMABwALAA8AEwAXABsAHwAAJTUjFQMhESEBNSMVAyERIQM1IxUDIREhATUjFQMhESEDKqpWAVb+qgEAqlYBVv6qqqpWAVb+qgEAqlYBVv6qgaqqAQD+qgIAqqoBAP6q/qyqqgEA/qoCAKqqAQD+qgAAAAkAAP/AA1YDwAADAAcACwAPABMAFwAbAB8AIwAAJTUzFQM1MxUBNTMVNzMVIwE1MxUhNTMVAzUzFTM1MxUBNTMVAqqsrKz+VKxUrKz/AKz+VKysrFSs/lSsVaysAQCsrAEArKysrP8ArKysrP8ArKysrAIArKwAAAIAAP/AA9YDwAAJACkAACURJiMiBxE2MzIDMhcRFAcGIyInJiMiByYjIgciBwYjIicmNRE2MzIXNgOAQlSCaGiCTk6YVAcHCAYEUnqCaFaUbGACAwMCCAcHVpaUVlaVAewUQP4WQAJAQP2SCAcHAixAQC4BAQYGCAJyQEBAAAAABQAA/8AD1gPAAAkAEwAdACcARwAAATIXFSYjIgc1Nic2MzIXFSYjIgc3Igc1NjMyFxUmExEmIyIHETYzMgMyFxEUBwYjIicmIyIHJiMiByIHBiMiJyY1ETYzMhc2Auo0OChEeEhMTFRsNDgoRHhIwHhIUHA0ODBaQlSCaGiCTk6YVAcHCAYEUnqCaFaUbGACAwMCCAcHVpaUVlYBRwpACipIIlAiCkAKKpwqRiQKQgz+qgHsFED+FkACQED9kggHBwIsQEAuAQEGBggCckBAQAAAAAACAAD/wANWA8AAAgATAAABMyclIQERFAcGIyEiJyY1EzQ3NgIq7Oz+1gFWAQAaGiL+ACIaGgIZGQIr6kD/AP4AIhkZGRkiAqwiGRkAAwAA/8ADagPAAAMAEwAsAAABMxUjFzI3NjU0JyYjIgcGFRQXFiEXByc1JwYjIicmNTQ3NjMyFxYVFAcGBxcBKtbWbFA4ODg4UFA4ODg4AVDUQNQMTGh0UVFRUXR0UFAUFBoMAisqrDg4UFA4ODg4UFA4ONRA1CIMQlBQdHRRUVFRdCo1NSAMAAMAAP/AA2oDwAALABsANAAAASMVIzUjNTM1MxUzBzI3NjU0JyYjIgcGFRQXFiEXByc1JwYjIicmNTQ3NjMyFxYVFAcGBxcCAFYqVlYqVmpQODg4OFBQODg4OAFQ1EDUDExodFFRUVF0dFBQFBQaDAIBVlYqVlbWODhQUDg4ODhQUDg41EDUIgxCUFB0dFFRUVF0KjU1IAwAAwAA/8ADVgPAAA8AHwAvAAABMhcWFRQHBiMiJyY1NDc2ITIXFhUUBwYjIicmNTQ3NiEyFxYVFAcGIyInJjU0NzYCACIaGhoaIiIaGhoaASIiGhoaGiIiGhoaGv4iIhoaGhoiIhoaGhoCARoaIiIaGhoaIiIaGhoaIiIaGhoaIiIaGhoaIiIaGhoaIiIaGgAAAgAA/8ADVgPAAAMACgAANyEVIQEHJzMRMxGqAqz9VAIAqqqAVIFWAVasrAGq/lYAAwAA/8ADgAPAABEAGAAeAAABFhcWFRQHBgc1Njc2NTQnJicTFAcRFhcWJTM3EScjAlaCVFRUVIJeOzs7O15qaiwfH/3AqtbWqgMhHGlpiIhpaRxYHE5OZmZOThz+4ng0AVgWMjJO1v1U1gAAAQAA/8ADgAPAADMAACUyFxYVFAcGIyInJjU0NyUGIyInJjU0NzYzMhclJjU0NzYzMhcWFRQHBiMiJwUWFRQHBTYDADQkJCUlMjIlJQL+0iYyNCYmJiY0MiYBLAQmJjQ0JiYmJjQwKP7UBAQBMCT9JSUyNCUlJSU0FAiwIiYmNDQmJiKuFAo0JiYmJjQ0JiYksBQKChSwIAAFAAD/wAOqA8AAAwANABcAIQArAAABESERExUjIicmPQEzFSUzFRQHBisBNTMBIzU0NzY7ARUjJTMyFxYdASM1IwMA/gAqgCIZGVQCrFQZGSKAgP1UVBkZIoCAAiyAIhkZVIACVf6sAVT+VlYaGiJWVlZWIhoaVgGqViIaGlZWGhoiVlYAAAAABAAA/8ADgAPAAAYADQAUABsAAAERITcnNxcFIREXNxcHAxEhBxcHJyUhEScHJzcDgP8AYnw+ev5i/wBiej58ngEAYnw+egGeAQBiej58ASv/AGJ6PnyeAQBifD56AZ4BAGJ6Pnye/wBifD56AAAAAAEAAP/AAqsDwAAXAAABMxUjESMRIzUzNTQ2Nz4BOwEVIyIGHQECK4CAgICAGBcYPCNaWhAWAgCA/tUBK4A2JlUaGxqAFhBaAAIAAP/AA84DwAALAA8AAAEzCQEhCwEjCQEhExMzASMDCo7+ywFr/uTf/o0BSf6lASPJt07+B1QDS/6f/iEBI/7dAXkBx/72/h4CnAAEAAD/wAOqA8AAHQAtAD0AQQAAATIXFhUUBwYVIzQ3Njc2NzY1NCcmIyIHBhUjNDc2EzI3NjU0JyYjIgcGFRQXFhMyFxYVFAcGIyInJjU0NzYTNTMVAgBGMjJAQFQUFBgYFBQaGiIiGhpUMjJGjGVlZWWMjGVlZWWMsH19fX2wsH19fX2GVAKrMjJGNjk5Li4hIQ8PFhYcIhkZGRkiRjIy/aplZYyMZWVlZYyMZWUDAH19sLB9fX19sLB9ff1WVlYAAAAAAwAA/8ADqgPAABwAIAAwAAABNjU0JyYjIgcGFTM0NzYzMhcWFRQPAQYdATM0NwM1IxUTMhcWFRQHBiMiJyY1NDc2AoIoMjJGRjIyVBoaIiIaGho0MlQyMlQqsH19fX2wsH19fX0Byyg4RjIyMjJGIhoaGhoiIho2NkIWQjb+3lRUAtR9fbCwfX19fbCwfX0AAgAA/8ADagPAAA8AKAAAATI3NjU0JyYjIgcGFRQXFiEXByc1JwYjIicmNTQ3NjMyFxYVFAcGBxcBllA4ODg4UFA4ODg4AVDUQNQMTGh0UVFRUXR0UFAUFBoMAVU4OFBQODg4OFBQODjUQNQiDEJQUHR0UVFRUXQqNTUgDAAAAAAEAAD/wAOqA8AAAwATABcAJwAAARUhNQEyNzY1NCcmIyIHBhUUFxYDNSEVATIXFhURIxUhNSMRNDc2MwMA/gACKhINDQ0NEhIMDAwMbv6sAdQ0Jiaq/gCqJiY0Ayuqqv6ADAwSEg0NDQ0SEgwM/tbU1AHUJiY0/wCqqgEANCYmAAMAAP/AA6oDwAACAAcAGwAAASUhAREFJREBMhcWFREUBwYjISInJjURNDc2MwIAAVb9VAKs/qr+qgKsIhkZGRki/VQiGRkZGSIB1db+AAGq1NT+VgJWGhoi/gAiGhoaGiICACIaGgAAAgAA/8ADqgPAAAUAGQAAATUFJRUFATIXFhURFAcGIyEiJyY1ETQ3NjMDVv6q/qoBVgFWIhkZGRki/VQiGRkZGSICVVbW1lbUAYAaGiL+ACIaGhoaIgIAIhoaAAADAAD/wAOAA8AAAwAHAAsAABMhFSEVNSEVBTUhFYADAP0AAwD9AAMAAqtW1FRU1lZWAAAAAwAA/6sD/gPAACgAUACXAAABJicuAScmIyIHDgEHBhUUFhcDJR4BMzE4ATEyNz4BNzY1NCcuAScmJwExIiYvAQc3Jy4BNTQ3PgE3NjMyFx4BFxYXFhceARcWFRQHDgEHBiMTLgEnJiIHDgEHDgEnLgEnLgEnJjY3PgE3PgE3NiYnLgEnLgEjKgEjIgYHDgEVFBYXFhceARcWFx4BFxYyNz4BNz4BJy4BJwNpJCkqWzExM2lcXYkoKCIiSAENN3tAaVxdiigoCgomGxwk/pk5bTEPoCsKICEiIXJNTVcrKClMIiMeHRcXIAgIISJyTU1X5wlECQkNBwYcBgYMCQo4JB0kBgYHBQQKBQQFAwMBAwIdCAcQBQYMBwYTCAkkLwUCERA4JycwFiQOFygREjsICAICAwwKAxYkHBsmCgooKIpcXWlDgTn++UYeICgoil1caTMxMVspKiT88x4dCSqcEDJyPFdNTXMhIQgIIBcXHh0jIkwpKSpXTU1zISEBPAUhAwMJCiEHBgIFBRkhGTUKCQwEBQwGBQkHBgsFBUYTEwMGCQoxLy9OBgMXFzwfHxUJDQUHAgMjFxYiBAQGBQAAAAMAAP/AA8ADwAAZAB0AKQAAATMVMz4BMzIXHgEXFhURIxE0JiMiBhURIxEhMxEjExQGIyImNTQ2MzIWAYCxAxJZQ0crKzAJCLkZR0gmuf7AwMDAOCgoODgoKDgCK1shOhUUSDExOf7MARExZFk3/uoCQP3AAuAoODgoJzk5AAAAAQAA/8ADvAPAAG4AAAEiBw4BBwYVFBceARcWFy4BNzY3PgE3NjEwJjU0NjMyFhUUBgcGFjMyNjU0JiMiBhUUFhceAQcOAQcOAScuATU0Nz4BNzYzMhceARcWFRQHDgEHBiMiJicwBgcOAQceATMyNz4BNzY1NCcuAScmIwIAXFFQeSMjFRVLNDQ9AgMHAwgJEgcHDS8hHBwbCggpITtQZ1JeahMOAwEBAwgBAgcGKjATE0o2N0g5MjJKFRURET0rKjIiOQsXBAgiDR9CIlxRUHkjIyMjeVBRXANmIyJ5UVBcR0BAbCkpGBpIHQ0kJEweHSUdLj4lGhxQJyEvcVpQZHdJHTgRAwYDCyMFBgMDFGcxNTAxShYWExNFLy83OTIzShYWHxRaDx1BFgoKIyN4UVFbXFFReSIjAAAAAAEAAAABAABPPPplXw889QALBAAAAAAA4kE6dgAAAADiQTp2AAD/qwQAA8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAADAEAAAAAAAAAAAAAAACAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAAAAAAAAoAFAAeADIARgBaAG4AhACaALQAzgDcAPABBgEcATYBdgGwAcoB2AI2AlQCkgLOAw4DeAOeA+IELgR2BI4ExAUQBVQFjAWwBdYGOAaABsAHAAc0B2IHfAhcCJwJOgAAAAEAAAAwAJgACQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBkZWFyZmxpcABkAGUAYQByAGYAbABpAHBWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBkZWFyZmxpcABkAGUAYQByAGYAbABpAHBkZWFyZmxpcABkAGUAYQByAGYAbABpAHBSZWd1bGFyAFIAZQBnAHUAbABhAHJkZWFyZmxpcABkAGUAYQByAGYAbABpAHBGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype");font-weight:400;font-style:normal;font-display:block}.df-ui-btn[class*=" ti-"]:before,.df-ui-btn[class^=ti-]:before,[class*=" df-icon-"]:before,[class^=df-icon-]:before{font-family:dearflip!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.df-icon-arrow-left:before{content:"\e900"}.df-icon-arrow-right:before{content:"\e901"}.df-icon-arrow-down:before{content:"\e902"}.df-icon-arrow-up:before{content:"\e903"}.df-icon-arrow-left1:before{content:"\e904"}.df-icon-arrow-right1:before{content:"\e905"}.df-icon-first-page:before{content:"\e906"}.df-icon-last-page:before{content:"\e907"}.df-icon-play-popup:before,.df-icon-play:before{content:"\e908"}.df-icon-pause:before{content:"\e909"}.df-icon-fast-rewind:before{content:"\e90a"}.df-icon-fast-forward:before{content:"\e90b"}.df-icon-close:before{content:"\e90c"}.df-icon-add-circle:before{content:"\e90d"}.df-icon-minus-circle:before{content:"\e90e"}.df-icon-add:before{content:"\e90f"}.df-icon-minus:before{content:"\e910"}.df-icon-list:before{content:"\e911"}.df-icon-grid:before{content:"\e912"}.df-icon-grid-view:before{content:"\e913"}.df-icon-apps:before{content:"\e914"}.df-icon-double-page:before{content:"\e915"}.df-icon-book:before{content:"\e916"}.df-icon-file:before{content:"\e917"}.df-icon-zoom-out:before{content:"\e918"}.df-icon-zoom-in:before{content:"\e919"}.df-icon-more:before{content:"\e91a"}.df-icon-download:before,.df-ui-btn.ti-download:before{content:"\e91b"}.df-icon-volume:before{content:"\e91c"}.df-icon-share:before{content:"\e91d"}.df-icon-fit-screen:before{content:"\e91e"}.df-icon-fullscreen:before{content:"\e91f"}.df-icon-facebook:before{content:"\e920"}.df-icon-twitter:before{content:"\e921"}.df-icon-help-outline:before{content:"\e922"}.df-icon-help:before{content:"\e923"}.df-icon-search:before,.df-ui-btn.ti-search:before{content:"\e924"}.df-icon-print:before,.df-ui-btn.ti-printer:before{content:"\e925"}.df-icon-mail-outline:before{content:"\e926"}.df-icon-mail:before{content:"\e927"}.df-icon-menu:before{content:"\e928"}.df-icon-linkedin:before{content:"\eaca"}.df-icon-pinterest:before{content:"\ead1"}.df-icon-whatsapp:before{content:"\ea93"}/*! DEARVIEWER*/.df-container .df-loading-icon,.df-fetch-pdf .df-loading-info,.df-flipbook-3d.df-loading:after,.df-hybrid-viewer:not(.df-zoom-active) .df-loading+.df-zoomview::after,.df-page.df-loading:after,.df-searching .df-search-info,.df-thumb.df-thumb-requested:before{background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin: auto; background: none; display: block; shape-rendering: auto;' width='48px' height='48px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Ccircle cx='50' cy='50' fill='none' stroke='%2307abcc' stroke-width='9' r='30' stroke-dasharray='141.37166941154067 49.12388980384689'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='1s' values='0 50 50;360 50 50' keyTimes='0;1'%3E%3C/animateTransform%3E%3C/circle%3E%3C!-- %5Bldio%5D generated by https://loading.io/ --%3E%3C/svg%3E")}.df-hidden{display:none!important}.df-text-align-center,.has-text-align-center{text-align:center}.df-app{min-height:220px;position:relative;overflow:hidden;width:100%;image-rendering:auto;direction:ltr;line-height:1.5}.df-container{height:100%}.df-container *{box-sizing:border-box!important}.df-container i{font-style:normal}.df-container a{outline:0;text-decoration:none;box-shadow:none}.df-container .df-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:no-repeat 50%;background-size:cover}.df-container .df-loading-info{position:absolute;top:-300px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-moz-transition:.3s ease;-o-transition:.3s ease;-webkit-transition:.3s ease;transition:.3s ease;-moz-transition-property:opacity;-o-transition-property:opacity;-webkit-transition-property:opacity;transition-property:opacity;max-width:200px;margin-top:20px;padding:10px 15px;box-shadow:0 1px 4px rgba(0,0,0,.3);background-color:#f7f7f7;border-radius:5px;font-size:12px;color:#222;word-break:break-word;letter-spacing:.5px;opacity:0}.df-container.df-init .df-loading-info{top:50%;opacity:1;max-width:300px}.df-container.df-init .df-viewer{display:none}.df-container.df-error .df-loading-info{-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);margin:0;color:#b00}.df-container .df-loading-icon{-moz-transition:.3s .1s opacity;-o-transition:.3s .1s opacity;-webkit-transition:.3s .1s opacity;transition:.3s .1s opacity;opacity:0;height:50px;width:50px;left:50%;top:50%;margin:-45px -25px -25px;box-sizing:border-box;position:absolute;pointer-events:none;background-repeat:no-repeat;background-size:32px;background-position:50%;background-color:#fff;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;box-shadow:0 1px 4px rgba(0,0,0,.3)}.df-container.df-loading .df-loading-icon{opacity:1;z-index:100}.df-fetch-pdf .df-loading-info{opacity:1;top:0;z-index:4;background-repeat:no-repeat;padding-left:36px;background-size:24px;background-position:6px 6px}.df-viewer .df-3dcanvas{right:0;position:absolute}.df-ui{color:#666;bottom:0;width:100%;height:42px;box-shadow:0 1px 4px rgba(0,0,0,.3);background-color:#fff;position:absolute;vertical-align:top;box-sizing:border-box;text-align:center;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:4;display:block}.df-ui .df-logo{height:100%}.df-ui .df-logo.df-logo-img{display:inline-flex;align-items:center;justify-content:center;padding:2px 5px}.df-ui .df-logo.df-logo-img img{max-height:100%;max-width:120px}.df-ui .df-ui-page{padding:0;font-size:12px;width:50px;min-width:50px;line-height:42px;margin:0 0;border-radius:0;background-color:rgba(0,0,0,.03)}.df-ui .df-ui-page label{position:absolute;right:0;top:0;min-width:50px;height:100%;text-align:center;display:block;line-height:inherit!important;color:#999;font-weight:400;cursor:pointer;background-color:transparent;z-index:1;box-sizing:border-box;word-break:normal}.df-ui .df-ui-page input{width:100%;background-color:transparent;height:100%;margin:0;padding:0!important;border:1px solid #8f8f8f;text-align:center;vertical-align:top;line-height:inherit!important;color:transparent;font-size:14px;top:0;box-sizing:border-box;z-index:-1;display:block;opacity:0}.df-ui .df-ui-page input:focus{z-index:2;opacity:1;color:inherit}.df-ui .df-ui-page input:focus+label{opacity:0;display:none}.df-ui-btn{color:#777;vertical-align:top;background-color:#fff;box-sizing:border-box;text-align:center;position:relative;width:40px;height:100%;font-size:20px;cursor:pointer;z-index:2;display:inline-block;padding:10px 5px;line-height:1.2;transition:.3s;transition-property:opacity,color,background-color}.df-ui-btn:before{box-sizing:border-box}.df-ui-btn.df-active,.df-ui-btn:hover{color:#00acce;background-color:#eee}.df-ui-btn.df-active{background-color:#e7e7e7}.df-ui-btn.disabled,.df-ui-btn.disabled:hover{color:#bbb}.df-ui-btn span{display:none}.df-more-container{display:none;position:absolute;bottom:100%;margin-bottom:8px!important;right:10px;background-color:#f7f7f7;z-index:20;border-radius:5px;box-shadow:0 -1px 3px rgba(0,0,0,.2)}.df-more-container:before{content:" ";position:absolute;border:7px solid transparent;border-top-color:#eee;height:0;width:0;bottom:-14px;right:13px;margin-right:-8px;pointer-events:none}.df-more-container>.df-ui-btn{width:170px;text-align:left;padding:6px 8px;height:36px;border-top:1px solid #e4e4e4;border-radius:0;line-height:16px}.df-more-container>.df-ui-btn span{font-size:12px;padding-left:24px;vertical-align:middle;display:inline-block}.df-more-container>.df-ui-btn:before{position:absolute;top:7px;font-size:20px;width:1em;text-align:center}.df-more-container>.df-ui-btn:first-child{border-radius:5px 5px 0 0;border-top:none}.df-more-container>.df-ui-btn:last-child{border-radius:0 0 5px 5px}.df-ui-more.df-active .df-more-container{display:block}.df-ui-search.df-active .df-search-container{display:block;padding:5px}.df-ui-nav{top:50%;margin-top:-50px;position:absolute;opacity:.8;height:100px;font-size:36px;width:50px;z-index:2;cursor:pointer}.df-ui-nav:hover{opacity:1}.df-ui-nav .df-ui-btn{height:auto;height:initial;position:absolute;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;padding:15px 5px;width:auto;font-size:inherit;background-color:transparent!important}.df-ui-nav .df-ui-btn:before{color:#fff;filter:drop-shadow(0 0 3px rgb(0, 0, 0))}.df-ui-nav.df-ui-prev{left:0;right:auto;border-radius:0}.df-ui-nav.df-ui-prev .df-ui-btn{left:10px}.df-ui-nav.df-ui-prev .df-ui-btn:before{text-align:left}.df-ui-nav.df-ui-next{right:0}.df-ui-nav.df-ui-next .df-ui-btn{right:10px}.df-ui-nav.df-ui-next .df-ui-btn:before{text-align:right}.df-flipbook-2d,.df-flipbook-3d,.df-slider,.df-viewer-container,.df-zoomview{position:absolute;overflow:hidden;top:0;left:0;right:0;bottom:0;z-index:1}.df-flipbook-2d{-webkit-filter:blur(0);-moz-filter:blur(0);-ms-filter:blur(0);-o-filter:blur(0);filter:blur(0)}.df-flipbook-2d .df-viewer-wrapper{position:relative;margin:0 auto;height:100%;-moz-transition:.3s left;-o-transition:.3s left;-webkit-transition:.3s left;transition:.3s left}.df-flipbook-2d .df-book-shadow{position:absolute;z-index:-1;height:100%;display:none;-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);-moz-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3)}.df-page-content{overflow:hidden;opacity:.3}.df-page.df-loading:after{content:"";background-size:22px;height:22px;width:22px;display:block;top:50%;left:50%;margin:-11px;position:absolute;z-index:0}.df-page.df-loading .df-page-content{display:none}.df-page>canvas{width:100%;height:100%;position:relative;z-index:0}.df-page .df-page-content{position:absolute;height:100%;display:block;top:0;width:100%;z-index:2}.df-sheet{position:absolute;-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;transform-origin:0 0 0}.df-sheet .df-page,.df-sheet .df-page-back,.df-sheet .df-page-front,.df-sheet .df-sheet-fold-inner-shadow,.df-sheet .df-sheet-fold-outer-shadow,.df-sheet .df-sheet-wrapper{position:absolute;-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;transform-origin:0 0 0}.df-sheet .df-sheet-wrapper{overflow:hidden}.df-sheet .df-page{width:100%;height:100%;background-color:#fff;box-sizing:border-box;z-index:0;background-size:100% 100%}.df-sheet .df-page:before{content:"";position:absolute;display:block;top:0;width:15%;height:100%;z-index:5;opacity:.5;pointer-events:none}.df-sheet .df-page>canvas{z-index:-1}.df-sheet .df-page-front:before{left:0;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.25),rgba(0,0,0,.15) 15%,rgba(255,255,255,.07),rgba(255,255,255,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.25),rgba(0,0,0,.15) 15%,rgba(255,255,255,.07),rgba(255,255,255,0));background-image:-ms-linear-gradient(left,rgba(0,0,0,.25),rgba(0,0,0,.15) 15%,rgba(255,255,255,.07),rgba(255,255,255,0))}.df-sheet .df-page-back:before{right:0;background-image:-webkit-linear-gradient(right,rgba(0,0,0,.25),rgba(0,0,0,.2) 10%,rgba(0,0,0,.15) 25%,rgba(0,0,0,0) 70%);background-image:-moz-linear-gradient(right,rgba(0,0,0,.25),rgba(0,0,0,.2) 10%,rgba(0,0,0,.15) 25%,rgba(0,0,0,0) 70%);background-image:-ms-linear-gradient(right,rgba(0,0,0,.25),rgba(0,0,0,.2) 10%,rgba(0,0,0,.15) 25%,rgba(0,0,0,0) 70%)}.df-sheet.df-left-side{right:50%;-webkit-transform-origin:right;-moz-transform-origin:right;transform-origin:right}.df-sheet.df-left-side .df-page-front{z-index:1}.df-sheet.df-left-side .df-page-back{z-index:2}.df-sheet.df-right-side{left:50%;-webkit-transform-origin:left;-moz-transform-origin:left;transform-origin:left}.df-sheet.df-right-side .df-page-front{z-index:2}.df-sheet.df-right-side .df-page-back{z-index:1}.df-sheet .df-sheet-fold-inner-shadow{position:absolute;z-index:5;display:none}.df-sheet .df-sheet-fold-outer-shadow{z-index:-1;width:100%;height:100%}.df-sheet.df-flipping,.df-sheet.df-folding{z-index:200!important}.df-sheet.df-folding.df-left-side .df-page-front,.df-sheet.df-folding.df-right-side .df-page-back{z-index:3}.df-sheet.df-folding .df-sheet-fold-inner-shadow{display:block}.df-sheet.df-folding .df-page-content{display:none}.df-pending .df-page-content,.df-pendingresize .df-page-content{display:none!important}.df-sheet.df-left-side.df-folding:not(.df-hard-sheet) .df-page-front{z-index:3}.df-hard-sheet .df-sheet-wrapper{width:100%!important;height:100%!important;overflow:visible;transform-style:preserve-3d;-webkit-transform-origin:0 50% 0;-moz-transform-origin:0 50% 0;transform-origin:0 50% 0}.df-hard-sheet .df-sheet-fold-inner-shadow,.df-hard-sheet .df-sheet-fold-outer-shadow{display:none!important}.df-hard-sheet .df-page-back,.df-hard-sheet .df-page-front{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.df-hard-sheet.df-right-side .df-page-back{-webkit-transform-origin:right 50%;-moz-transform-origin:right 50%;transform-origin:right 50%;z-index:3!important}.df-hard-sheet.df-right-side .df-page-front{-webkit-transform-origin:left 50%;-moz-transform-origin:left 50%;transform-origin:left 50%;z-index:4}.df-hard-sheet.df-left-side .df-page-back{-webkit-transform-origin:right 50%;-moz-transform-origin:right 50%;transform-origin:right 50%}.df-hard-sheet.df-left-side .df-page-front{-webkit-transform-origin:left 50%;-moz-transform-origin:left 50%;transform-origin:left 50%}.df-flipbook-3d.df-loading:after{content:"";background-size:22px;height:22px;width:22px;display:block;top:50%;left:50%;margin:-11px;position:absolute;z-index:0}.df-link-content,.df-text-content{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;pointer-events:none;overflow:clip;transform-origin:0 0}.df-page-content.df-double-internal:not(.df-double-internal-fix)>div{right:-100%}.df-page-content.df-double-internal-fix>div{left:-100%}.annotationLayer section,.customHtmlAnnotation,.customLinkAnnotation,.customVideoAnnotation,.df-link-content section,.highlightAnnotation,.linkAnnotation,.popupAnnotation{position:absolute;z-index:5;cursor:pointer;pointer-events:all;border:none!important;padding:0!important;margin:0!important}section.popupAnnotation{display:none}.buttonWidgetAnnotation a,.customHtmlAnnotation,.customVideoAnnotation,a.customLinkAnnotation,a.df-autolink,a.linkAnnotation,section.linkAnnotation a{background-color:#ff0;display:block;height:100%;-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none}.buttonWidgetAnnotation a:hover,.customHtmlAnnotation:hover,.customVideoAnnotation:hover,a.customLinkAnnotation:hover,a.df-autolink:hover,a.linkAnnotation:hover,section.linkAnnotation a:hover{border-color:transparent;background-color:#2196f3}a.df-autolink{display:inline;pointer-events:all;color:transparent!important}.df-sidemenu-wrapper{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);left:0;top:0;bottom:0;width:220px;position:absolute;z-index:3}.df-sidemenu-wrapper .df-sidemenu-buttons{z-index:6;position:relative;top:0;left:0;box-shadow:0 2px 5px rgba(0,0,0,.3)}.df-sidemenu-wrapper .df-sidemenu-buttons .df-ui-close{float:right;display:none;background-color:transparent;padding:6px 5px}.df-sidemenu-wrapper:before{content:" ";position:absolute;height:100%;width:100%;background-color:rgba(238,238,238,.9);z-index:3;left:0}.df-sidemenu-open .df-ui-nav.df-ui-prev{left:220px}.df-sidemenu-open .df-sidemenu-wrapper{display:block;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);left:0}.df-sidemenu-open .df-sidemenu-wrapper:before{box-shadow:1px 0 4px rgba(102,102,102,.38)}.df-sidemenu-open .df-sidemenu-buttons .df-ui-close{display:block}.df-sidemenu-open .df-flipbook-3d.df-loading:after{margin-left:99px}.df-sidemenu{width:100%;height:auto!important;position:absolute!important;top:0;bottom:0;z-index:3;opacity:0;color:#666;font-size:12px}.df-sidemenu>.df-wrapper{overflow:auto;position:absolute!important;top:40px;bottom:0;left:0;right:0;height:auto!important}.df-sidemenu.df-sidemenu-visible{opacity:1;z-index:5}.df-outline-container .df-wrapper{padding:10px}.df-outline-items>.df-outline-item{margin-left:18px}.df-outline-item a{color:inherit!important;text-decoration:none!important;display:block;padding:5px 0 5px 5px;overflow:hidden;text-overflow:ellipsis;border:none!important;box-shadow:none!important;margin-bottom:1px}.df-outline-item a:hover{text-decoration:underline!important;color:#2196f3!important}.df-outline-toggle{cursor:pointer;float:left;width:28px;padding:0 5px 0 10px;margin-left:-28px;text-align:center}.df-outline-toggle:before{content:"\e902";font-size:18px;font-family:dearflip}.df-outline-toggle.df-outlines-hidden:before{content:"\e901"}.df-outline-toggle.df-outlines-hidden~.df-outline-items{display:none}.df-outline-item a:hover,.df-outline-toggle:hover,.df-outline-toggle:hover+a,.df-outline-toggle:hover~.df-outline-items{background-color:rgba(100,100,100,.05)}.df-thumb{margin:0;cursor:pointer;width:100%;position:relative;text-align:center}.df-thumb .df-wrapper{box-sizing:content-box!important;margin:6px;border-radius:3px;transition:.2s background;display:inline-block;vertical-align:middle;border:2px dashed rgba(0,0,0,.3);position:relative}.df-thumb .df-wrapper .df-thumb-number{position:absolute;bottom:8px;background-color:rgba(238,238,238,.85);color:#444;font-size:14px;left:50%;transform:translateX(-50%);padding:5px;opacity:0}.df-thumb .df-bg-image{height:100%;background-size:100%;box-shadow:0 1px 4px rgba(0,0,0,.3)}.df-thumb.df-thumb-requested:before{content:"";background-size:22px;height:22px;width:22px;display:block;top:50%;left:50%;margin:-11px;position:absolute;z-index:0}.df-thumb.df-thumb-loaded{height:auto!important}.df-thumb.df-thumb-loaded .df-wrapper{border:none;margin:0;padding:8px}.df-thumb.df-thumb-loaded:hover .df-wrapper .df-thumb-number{opacity:1}.df-thumb.df-selected .df-wrapper,.df-thumb.df-thumb-loaded:hover .df-wrapper{background-color:#ccc;background-color:rgba(0,0,0,.1);opacity:1}.df-lightbox-wrapper{position:fixed!important;top:0;bottom:0;right:0;height:auto!important;left:0;z-index:99999}.df-lightbox-wrapper.df-lightbox-padded{top:20px;left:20px;bottom:20px;right:20px}.df-lightbox-wrapper .df-lightbox-bg{background:#eee;position:fixed!important;top:0;bottom:0;right:0;height:auto!important;left:0}.df-lightbox-wrapper .df-lightbox-controls{float:right;padding:5px;z-index:1000;position:relative}.df-lightbox-wrapper .df-app{position:absolute!important;width:100%;top:0;bottom:0;height:auto!important}.df-lightbox-wrapper .df-container.df-transparent{height:100%}.df-lightbox-wrapper .df-lightbox-close{float:right;text-align:center;font-size:32px;padding:8px 0;height:48px;width:46px;cursor:pointer;color:#444;border-color:transparent;background-color:transparent;-moz-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;transition:.3s;opacity:.8}.df-lightbox-wrapper .df-lightbox-close:hover{color:#fff;background-color:rgba(0,0,0,.21);border-color:#000;opacity:1}.df-lightbox-wrapper .df-lightbox-close:before{color:#fff;filter:drop-shadow(0 0 3px black)}.df-share-wrapper{z-index:2;position:absolute;top:0;bottom:0;right:0;left:0;background-color:rgba(0,0,0,.35);display:none}.df-share-box{position:absolute;top:50%;width:280px;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);left:50%;background-color:#fff;border-radius:10px;padding:10px 15px 5px;text-align:center}span.df-share-title{color:#777;margin-bottom:10px;display:block}.df-share-url{background-color:#fff;height:60px;color:#666;padding:2px 5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;width:100%;font-size:12px;box-sizing:border-box;margin-bottom:0}.df-share-button{display:inline-block;text-align:center;cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;padding:5px 10px;font-size:20px;color:#aaa}.df-share-button:hover{color:#444}.df-reader{overflow:auto;position:absolute;-webkit-overflow-scrolling:touch}.df-reader .df-viewer-wrapper{cursor:grab}.df-reader .df-page{position:relative;transform-origin:initial;margin:-10px auto -10px;border:10px solid transparent;left:auto;left:initial;box-sizing:content-box!important}.df-reader .df-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);-moz-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2)}.df-reader~.df-ui-nav{display:none}.df-reader:not(.df-noscroll){margin-right:-12px}.df-reader-scrollbar{position:absolute;top:0;height:auto;right:0;width:auto;background:rgba(255,255,255,.9);box-shadow:0 1px 4px rgba(0,0,0,.3);border-radius:20px 0 0 20px;padding:6px 8px 6px 12px;z-index:100;cursor:ns-resize}.df-reader-scrollbar.df-active,.df-reader-scrollbar:hover{background-color:#fff}.df-reader-scroll-page-number{display:none;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background-color:#ddd;border-radius:10px;padding:20px;font-size:24px;z-index:100;text-align:center;color:#333}.df-reader-scroll-page-number.df-active{display:block}.df-reader-scroll-page-number .df-reader-scroll-page-number-total{margin-top:6px;padding-top:6px;border-top:1px solid #aaa;font-size:16px;font-style:italic}.df-ios .df-viewer.df-reader{margin-right:0}.df-no-transition{-moz-transition:none!important;-o-transition:none!important;-webkit-transition:none!important;transition:none!important}.df-float .df-ui{bottom:10px;width:auto;width:intial;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);left:50%;margin:0 auto;display:table;display:flex;border-radius:5px}.df-float .df-ui>.df-ui-btn:first-child{border-radius:5px 0 0 5px}.df-float .df-ui>.df-ui-btn:last-child{border-radius:0 5px 5px 0}.df-controls-top .df-ui{bottom:auto;bottom:intial;top:0}.df-controls-top.df-float .df-ui{top:10px}.df-controls-top .df-more-container{bottom:auto;top:100%;margin:8px 0 0!important}.df-controls-top .df-more-container:before{border-bottom-color:#eee;border-top:0;bottom:auto;top:-7px}.df-float-off.df-controls-top .df-sidemenu-wrapper{top:42px;bottom:0}.df-float-off.df-controls-bottom .df-sidemenu-wrapper{top:0;bottom:42px}.df-float-off .df-ui-left{justify-content:flex-start;display:flex;flex:1}.df-float-off .df-ui-right{justify-content:flex-end;display:flex;flex:1}.df-float-off .df-ui-center{display:flex;justify-content:center;align-items:center}.df-float-off .df-ui{display:flex}.df-controls-hidden .df-ui{display:none}.df-link-content .annotationTextContent{color:transparent}.df-link-content .popupWrapper{position:absolute;width:20em}.df-link-content .popup{position:absolute;z-index:200;max-width:20em;background-color:#ff9;box-shadow:0 2px 5px #333;border-radius:2px;padding:.6em;margin-left:5px;cursor:pointer;word-wrap:break-word}.df-link-content .popup h1{font-size:1em;border-bottom:1px solid #000;padding-bottom:.2em}.df-link-content .popup p{padding-top:.2em}body.df-lightbox-open,html.df-lightbox-open{overflow:hidden!important}.df-zoomview{display:none;cursor:move}.df-zoomview .df-viewer-wrapper{position:relative;margin:0 auto}.df-zoomview .df-viewer-wrapper .df-book-shadow{position:absolute;z-index:-1;height:100%;display:none;-webkit-box-shadow:0 1px 15px 1px rgba(0,0,0,.5);-moz-box-shadow:0 1px 15px 1px rgba(0,0,0,.5);box-shadow:0 1px 15px 1px rgba(0,0,0,.5)}.df-zoomview .df-page{position:absolute;top:0;right:50%;background-color:#fff}.df-zoomview .df-page:before{width:10%;opacity:.5}.df-zoomview .df-page.df-page-front{left:50%}.df-zoom-active .df-viewer{cursor:move;cursor:-webkit-grab}.df-zoom-active .df-flipbook{display:none}.df-zoom-active .df-zoomview{display:block}.df-hybrid-viewer .df-zoomview .df-page:before{display:none}.df-hybrid-viewer:not(.df-zoom-active) .df-flipbook.df-loading+.df-zoomview{display:none}.df-hybrid-viewer:not(.df-zoom-active) .df-zoomview{display:block;pointer-events:none}.df-hybrid-viewer:not(.df-zoom-active) .df-zoomview .df-page:before{display:none}.df-hybrid-viewer:not(.df-zoom-active) .df-loading+.df-zoomview::after{content:"";background-size:22px;height:22px;width:22px;display:block;top:50%;left:50%;margin:-11px;position:absolute;z-index:0}.df-hybrid-viewer:not(.df-zoom-active).df-hide-zoomview .df-zoomview,.df-hybrid-viewer:not(.df-zoom-active).df-pending .df-zoomview,.df-hybrid-viewer:not(.df-zoom-active).df-pendingresize .df-zoomview{display:none}.df-container ::-webkit-scrollbar{width:12px;height:12px;cursor:pointer}.df-container ::-webkit-scrollbar-button{height:0;width:0;cursor:pointer}.df-container ::-webkit-scrollbar-thumb{background:rgba(0,0,0,.5);border-radius:50px}.df-container ::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.8)}.df-container ::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,.8)}.df-container ::-webkit-scrollbar-thumb,.df-container ::-webkit-scrollbar-thumb:active,.df-container ::-webkit-scrollbar-thumb:hover{border-right:1px;border-left:1px;border-style:solid;border-color:transparent}.df-container ::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:50px}.df-container ::-webkit-scrollbar-track:hover{background:rgba(0,0,0,.1)}.df-container ::-webkit-scrollbar-track:active{background:rgba(0,0,0,.15)}.df-container ::-webkit-scrollbar-corner{background:0 0}.df-sidemenu-wrapper ::-webkit-scrollbar{width:10px}.df-container.df-transparent.df-fullscreen{background:#aaa}.df-container.df-fullscreen{position:fixed!important;left:0!important;top:0!important;width:100%!important;height:100%!important;z-index:2147483647}.df-container.df-rtl .df-sidemenu-wrapper{left:auto;left:initial;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);right:-50px;direction:rtl}.df-container.df-rtl input.df-search-text{padding:0 15px 0 45px}.df-container.df-rtl .df-sidemenu-title{text-align:right}.df-container.df-rtl .df-search-clear{right:auto;left:60px}.df-container.df-rtl.df-sidemenu-open .df-sidemenu-wrapper{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);right:0}.df-container.df-rtl.df-sidemenu-open .df-sidemenu-wrapper .df-sidemenu-buttons .df-ui-close{float:left}.df-container.df-rtl.df-sidemenu-open .df-ui-nav.df-ui-prev{left:0}.df-container.df-rtl.df-sidemenu-open .df-ui-nav.df-ui-next{right:220px}.df-container.df-rtl.df-sidemenu-open .df-flipbook-3d.df-loading:after{margin-left:-122px}.df-container.df-rtl .df-outline-item{margin:0 18px 0 0;text-align:right;direction:rtl}.df-container.df-rtl .df-outline-item .df-outline-toggle{float:right;margin:0 -18px 0 0}.df-container.df-rtl .df-outline-item .df-outline-toggle.df-outlines-hidden:before{content:"\e900"}.df-container.df-rtl .df-viewer .df-3dcanvas{left:0;right:auto;right:initial}.df-container.df-rtl .df-more-container .df-ui-btn{text-align:right;direction:rtl}.df-container.df-rtl .df-more-container .df-ui-btn:before{right:10px}.df-container.df-rtl .df-more-container .df-ui-btn span{padding:0 24px 0 0}.df-lightbox-wrapper.df-rtl .df-lightbox-controls{float:left}.df-element[data-df-lightbox],.df-element[data-lightbox]{cursor:pointer}.df-popup-thumb{display:inline-block;box-sizing:border-box;margin:30px 15px 15px!important;text-align:center;border:0;width:140px;height:auto;word-break:break-word;vertical-align:bottom;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-moz-perspective:800px;perspective:800px}.df-popup-thumb .df-book-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:.2s;box-shadow:2px 0 4px rgba(0,0,0,.2);transform-origin:30%;background-color:#fff;width:100%;display:inline-block}.df-popup-thumb .df-book-page1,.df-popup-thumb .df-book-page2{position:absolute;top:0;left:0;width:100%;height:100%;background-size:100% 100%;-webkit-transform-origin:left;-moz-transform-origin:left;transform-origin:left;background-color:#fff;-moz-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;transition:.3s;z-index:1}.df-popup-thumb .df-book-cover{background-size:100% 100%;-webkit-transform-origin:left;-moz-transform-origin:left;transform-origin:left;top:0;position:relative;overflow:hidden;-moz-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;transition:.3s;box-shadow:0 10px 10px rgba(0,0,0,.24);z-index:1}.df-popup-thumb .df-book-cover.df-thumb-not-found{height:200px;position:relative}.df-popup-thumb.df-has-ridge .df-book-cover:after{display:block;content:" ";height:100%;width:100%;background:linear-gradient(90deg,rgba(255,255,255,.15) 1%,rgba(0,0,0,.15) 3%,rgba(255,255,255,.15) 5%,rgba(255,255,255,0) 7%);box-shadow:inset 0 -1px 3px 0 rgba(80,80,80,.5490196078);z-index:3;position:absolute;top:0;left:0}.df-popup-thumb .df-book-title{bottom:-100%;position:absolute;width:100%;left:0;padding:5px;font-size:.75em;background:rgba(255,255,255,.9);box-sizing:border-box;display:block;-moz-transition:.4s;-o-transition:.4s;-webkit-transition:.4s;transition:.4s;opacity:0}.df-popup-thumb img{display:block;width:100%;height:auto;margin:0!important;padding:0!important;border:0!important}.df-popup-thumb.df-thumb-not-found .df-book-title,.df-popup-thumb.df-tl-book-title-fixed .df-book-title,.df-popup-thumb:hover .df-book-title{opacity:1;bottom:0}.df-popup-thumb.df-tl-book-title-fixed .df-book-title,.df-popup-thumb.df-tl-book-title-top .df-book-title{opacity:1;position:relative}.df-popup-thumb.df-thumb-not-found .df-book-wrapper{width:100%}.df-popup-thumb.df-tl-book-title-bottom .df-thumb-not-found,.df-popup-thumb.df-tl-cover-title .df-thumb-not-found{height:170px}.df-popup-thumb.df-tl-book-title-bottom .df-book-wrapper,.df-popup-thumb.df-tl-cover-title .df-book-wrapper{position:relative;z-index:1}.df-popup-thumb.df-tl-book-title-bottom .df-book-title,.df-popup-thumb.df-tl-cover-title .df-book-title{position:relative;bottom:0;opacity:1;height:3em;background:0 0}.df-popup-thumb:hover .df-book-page1{transform:rotateY(-8deg) rotateZ(0);box-shadow:2px 0 4px rgba(0,0,0,.2)}.df-popup-thumb:hover .df-book-page2{transform:rotateY(-14deg) rotateZ(0);box-shadow:2px 0 4px rgba(0,0,0,.2)}.df-popup-thumb:hover .df-book-wrapper{transform:rotateY(-15deg) rotateZ(0)}.df-popup-thumb:hover .df-book-cover{-webkit-transform:rotateY(-18deg) rotateZ(0);-moz-transform:rotateY(-18deg) rotateZ(0);-ms-transform:rotateY(-18deg) rotateZ(0);transform:rotateY(-18deg) rotateZ(0)}.df-popup-thumb.df-tl-cover-title .df-book-wrapper{box-shadow:0 2px 8px rgba(0,0,0,.3)}.df-popup-thumb.df-tl-cover-title .df-book-cover{box-shadow:none}.df-popup-thumb.df-tl-cover-title .df-book-cover:after{display:none}.df-popup-thumb.df-tl-cover-title:hover .df-book-wrapper{box-shadow:0 5px 20px rgba(0,0,0,.5);transform:none}.df-popup-thumb.df-tl-cover-title:hover .df-book-cover{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;box-shadow:none}.df-popup-thumb.df-tl-cover-title:hover .df-book-page1,.df-popup-thumb.df-tl-cover-title:hover .df-book-page2{display:none}.df-popup-button{width:auto;display:inline-block;background:#ddd;border-radius:5px;padding:5px 15px;margin:5px;-moz-transition:.3s ease;-o-transition:.3s ease;-webkit-transition:.3s ease;transition:.3s ease;-moz-transition-property:background;-o-transition-property:background;-webkit-transition-property:background;transition-property:background}.df-popup-button:hover{background:#aaa}.df-popup-hidden{display:none}.df-icon-play-popup{position:relative}.df-icon-play-popup:before{top:50%;position:absolute;left:50%;font-size:40px;background:#777;border-radius:50%;padding:10px;box-shadow:0 1px 5px #777;margin-top:-30px;margin-left:-30px;display:block;color:#fff;z-index:1;-moz-transition:.3s ease;-o-transition:.3s ease;-webkit-transition:.3s ease;transition:.3s ease;-moz-transition-property:opacity;-o-transition-property:opacity;-webkit-transition-property:opacity;transition-property:opacity;pointer-events:none}.df-icon-play-popup:hover:before{opacity:0}.df-posts{max-width:1140px;margin:0 auto}.df-posts>.df-popup-thumb{width:calc(20% - 30px);min-width:100px;position:relative;z-index:1}df-post-shelf{display:none;height:160px;background-color:transparent;z-index:0;margin:-105px -40px -40px -40px;position:relative;background-repeat:no-repeat}df-post-shelf:nth-of-type(5n){display:block}df-post-shelf:after{content:" ";height:160px;display:block;position:absolute;bottom:0;right:0;width:240px;z-index:1;background-position:0 -160px;background-repeat:no-repeat;background-image:inherit;background-size:inherit}df-post-shelf:before{content:" ";display:block;position:absolute;left:240px;bottom:0;right:240px;height:160px;z-index:1;background-image:inherit;background-size:inherit;background-repeat:repeat-x;background-position:0 -320px}.df-posts.df-has-shelf{padding:0 40px 50px 40px}@media screen and (max-width:1100px){.df-posts>.df-popup-thumb{width:calc(25% - 30px)}df-post-shelf:nth-of-type(n){display:none}df-post-shelf:nth-of-type(4n){display:block}}@media screen and (max-width:900px){.df-posts>.df-popup-thumb{width:calc(33% - 30px)}df-post-shelf:nth-of-type(n){display:none}df-post-shelf:nth-of-type(3n){display:block}}@media screen and (max-width:600px){.df-posts>.df-popup-thumb{width:calc(50% - 30px)}df-post-shelf:nth-of-type(n){display:none}df-post-shelf:nth-of-type(2n){display:block}df-post-shelf{background-size:120px 480px}df-post-shelf:before{left:120px;right:120px}df-post-shelf:after{width:120px}}@media screen and (max-width:420px){.df-popup-thumb,.df-posts>.df-popup-thumb{width:calc(100% - 30px)}df-post-shelf:nth-of-type(n){display:block}}df-post-shelf:last-of-type{display:block}.df-posts{container-type:inline-size;container-name:dfposts;width:100%;box-sizing:border-box!important}@container dfposts (max-width:1020px){.df-posts>.df-popup-thumb{width:calc(25% - 30px)}df-post-shelf:nth-of-type(n){display:none}df-post-shelf:nth-of-type(4n){display:block}}@container dfposts (max-width:820px){.df-posts>.df-popup-thumb{width:calc(33% - 30px)}df-post-shelf:nth-of-type(n){display:none}df-post-shelf:nth-of-type(3n){display:block}}@container dfposts (max-width:520px){.df-posts>.df-popup-thumb{width:calc(50% - 30px)}df-post-shelf:nth-of-type(n){display:none}df-post-shelf:nth-of-type(2n){display:block}df-post-shelf{background-size:120px 480px}df-post-shelf:before{left:120px;right:120px}df-post-shelf:after{width:120px}}@container dfposts (max-width:320px){.df-posts>.df-popup-thumb{width:calc(100% - 30px)}df-post-shelf:nth-of-type(n){display:block}}@container dfposts (max-width:150px){.df-posts.df-has-shelf>.df-popup-thumb{width:100%;margin:30px -35px 15px!important}}df-post-shelf:last-of-type{display:block}.df-page-content{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.df-auto-link-content,.df-text-content{line-height:1;transform-origin:top left}.df-auto-link-content{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;pointer-events:none}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translateX(-100%)}.df-auto-link-content span,.df-text-content br,.df-text-content span{color:transparent!important;position:absolute;white-space:pre;cursor:text;transform-origin:0% 0%}.df-auto-link-content>span{overflow:hidden}.df-text-content .highlight{margin:-1px;padding:1px;background-color:#b400aa;border-radius:4px}.df-text-content .highlight.appended{position:initial}.df-text-content .highlight.begin{border-radius:4px 0 0 4px}.df-text-content .highlight.end{border-radius:0 4px 4px 0}.df-text-content .highlight.middle{border-radius:0}.df-text-content .highlight.selected{background-color:#006400}.df-text-content .endOfContent{display:block;position:absolute;left:0;top:100%;right:0;bottom:0;z-index:-1;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.df-text-content .endOfContent.active{top:0}body.admin-bar .df-lightbox-bg,body.admin-bar .df-lightbox-wrapper{top:32px}@media screen and (max-width:782px){body.admin-bar .df-lightbox-bg,body.admin-bar .df-lightbox-wrapper{top:46px}}@media screen and (max-width:600px){body.admin-bar .df-lightbox-bg,body.admin-bar .df-lightbox-wrapper{top:0}}.df-single-content{width:100%}.df-link-content section.textWidgetAnnotation{display:none}.df-link-content :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.df-viewer::-webkit-scrollbar-button{height:50px}.df-viewer::-webkit-scrollbar-thumb{min-height:50px}.df-container .df-reader ::-webkit-scrollbar-thumb,.df-container .df-reader ::-webkit-scrollbar-track{background:0 0}.df-container.df-pinch-zoom ::-webkit-scrollbar-thumb,.df-container.df-pinch-zoom ::-webkit-scrollbar-track{background:0 0}.df-container.df-pinch-zoom .df-page-content{display:none}section.squareAnnotation .popupWrapper,section.textAnnotation .popupWrapper{display:none}section.squareAnnotation svg,section.textAnnotation svg{display:block}.df-comment-popup{display:none;position:absolute;width:360px;background-color:#ff9;box-shadow:0 2px 5px #333;border-radius:2px;z-index:9;padding:10px;word-break:break-word}.df-comment-popup.df-active{display:block}.df-comment-popup .popup{background-color:transparent!important}.df-comment-popup p{margin:0}.df-comment-popup h1{padding-bottom:5px;border-bottom:1px solid;margin-top:0;font-size:1em}.df-sidemenu-wrapper.df-sidemenu-center{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);left:50%;display:none;top:auto;height:360px;bottom:52px}.df-sidemenu-center .df-sidemenu-buttons{box-shadow:none;text-align:center}.df-sidemenu-center .df-sidemenu-buttons .df-icon-close{display:block;margin:-55px auto 0 auto;float:none;border-radius:50px;width:44px}.df-sidemenu-wrapper.df-sidemenu-center:before{background-color:rgba(255,255,255,.9)}.df-sidemenu-open .df-sidemenu-wrapper.df-sidemenu-center{display:block}.df-sidemenu-center .sidemenu,.df-sidemenu-center:before{border-radius:10px 10px 0 0}.df-slider{-webkit-filter:blur(0);-moz-filter:blur(0);-ms-filter:blur(0);-o-filter:blur(0);filter:blur(0)}.df-slider .df-viewer-wrapper{position:relative;margin:0 auto;height:100%;-moz-transition:.3s left;-o-transition:.3s left;-webkit-transition:.3s left;transition:.3s left}.df-slider .df-sheet{-moz-transition:transform .5s;-o-transition:transform .5s;-webkit-transition:transform .5s;transition:transform .5s}.df-slider .df-sheet.df-left-side,.df-slider .df-sheet.df-right-side{left:50%!important}.df-slider .df-sheet:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);-moz-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2)}.df-slider .df-page:before{display:none}.df-slider .df-page.df-page-front{z-index:3}.df-slider+.df-zoomview .df-page:before{display:none}.df-has-shelf df-post-shelf{background:0 0;perspective:400px;margin:5px 0 30px 0;height:0;box-shadow:0 5px 40px 15px rgba(0,0,0,.3137254902)}.df-has-shelf df-post-shelf:after,.df-has-shelf df-post-shelf:before{background-size:auto;left:-40px;right:-40px;width:auto;background-repeat:repeat-x;transform-style:preserve-3d;background-position:0 0}.df-has-shelf df-post-shelf:before{transform:translateY(-15px) rotateX(50deg);height:50px;transform-origin:bottom;box-shadow:inset 0 3px 15px 0 rgba(0,0,0,.6117647059)}.df-has-shelf df-post-shelf:after{transform:translateZ(0);height:15px;box-shadow:inset 0 3px 3px rgba(243,243,243,.3215686275);background-position:0 -50px}.df-search-highlight{position:relative!important;background-color:#00f}.df-search-results{top:125px!important;padding:0 10px 10px}.df-search-result{color:inherit!important;text-decoration:none!important;overflow:hidden;border:none!important;box-shadow:none!important;margin-bottom:1px;padding:5px 10px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.df-search-result.df-active,.df-search-result:hover{background-color:rgba(100,100,100,.2)}.df-sidemenu-title{padding:8px 20px;text-transform:uppercase;text-align:left}.df-search-hits{z-index:10;display:none}.df-search-open .df-search-hits{display:inline-block}.df-search-form{display:flex;padding:10px;position:relative}.df-search-clear{position:absolute;right:55px;top:22px;cursor:pointer;display:none}input.df-search-text{flex-grow:1;margin:0;border-radius:4px 0 0 4px;outline:0;border:0;height:40px;padding:0 45px 0 15px;width:100%}input.df-search-text:not(:placeholder-shown)~a.df-search-clear{display:block}.df-ui-btn.df-search-btn{height:40px;padding:10px;background-color:#f7f7f7}.df-search-info{padding:5px 20px}.df-searching .df-search-info{background-repeat:no-repeat;background-size:24px;background-position:176px}.df-popup-thumb img.df-lazy{transform:scale(1.2);opacity:.5}@media (prefers-reduced-motion:no-preference){.df-popup-thumb img{transition:opacity 1.5s ease,transform 1.5s ease}}.df-trigger{cursor:pointer}.df-element[data-df-lightbox],.df-element[data-lightbox]{position:relative}.rtl .df-popup-thumb .df-book-cover,.rtl .df-popup-thumb .df-book-page1,.rtl .df-popup-thumb .df-book-page2{transform-origin:right}.rtl .df-popup-thumb:hover .df-book-cover{transform:rotateY(18deg) rotateZ(0)}.rtl .df-popup-thumb:hover .df-book-page2{transform:rotateY(14deg) rotateZ(0);box-shadow:-2px 0 4px rgba(0,0,0,.2)}.rtl .df-popup-thumb:hover .df-book-page1{transform:rotateY(8deg) rotateZ(0);box-shadow:-2px 0 4px rgba(0,0,0,.2)}.rtl .df-popup-thumb:hover .df-book-wrapper{transform:rotateY(15deg) rotateZ(0);transform-origin:70%!important;box-shadow:-2px 0 4px rgba(0,0,0,.2)}.rtl .df-popup-thumb .df-book-cover:after{transform:scaleX(-1)}.zoom-element{display:none;position:absolute;top:0;left:0;z-index:1}.zoom-element>canvas{width:100%;height:100%}.df-zoom-region-active .zoom-element{display:block}.df-vertical .df-page:before{width:100%;height:10%;top:auto}.df-vertical .df-page-front:before{top:0;background-image:-webkit-linear-gradient(top,rgba(0,0,0,.25),rgba(0,0,0,.15) 15%,rgba(255,255,255,.07),rgba(255,255,255,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.25),rgba(0,0,0,.15) 15%,rgba(255,255,255,.07),rgba(255,255,255,0));background-image:-ms-linear-gradient(top,rgba(0,0,0,.25),rgba(0,0,0,.15) 15%,rgba(255,255,255,.07),rgba(255,255,255,0))}.df-vertical .df-page-back:before{bottom:0;background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.25),rgba(0,0,0,.2) 10%,rgba(0,0,0,.15) 25%,rgba(0,0,0,0) 70%);background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.25),rgba(0,0,0,.2) 10%,rgba(0,0,0,.15) 25%,rgba(0,0,0,0) 70%);background-image:-ms-linear-gradient(bottom,rgba(0,0,0,.25),rgba(0,0,0,.2) 10%,rgba(0,0,0,.15) 25%,rgba(0,0,0,0) 70%)}.df-flipbook-2d.df-vertical .df-viewer-wrapper{-moz-transition:.3s top;-o-transition:.3s top;-webkit-transition:.3s top;transition:.3s top}.df-flipbook-2d.df-vertical .df-sheet.df-left-side{bottom:50%;top:auto;left:0}.df-flipbook-2d.df-vertical .df-sheet.df-right-side{top:50%;left:0}.df-flipbook-2d.df-vertical .df-hard-sheet.df-right-side .df-page-back{-webkit-transform-origin:50% bottom;-moz-transform-origin:50% bottom;transform-origin:50% bottom;z-index:3!important}.df-flipbook-2d.df-vertical .df-hard-sheet.df-right-side .df-page-front{-webkit-transform-origin:50% top;-moz-transform-origin:50% top;transform-origin:50% top;z-index:4}.df-flipbook-2d.df-vertical .df-hard-sheet.df-left-side .df-page-back{-webkit-transform-origin:50% bottom;-moz-transform-origin:50% bottom;transform-origin:50% bottom}.df-flipbook-2d.df-vertical .df-hard-sheet.df-left-side .df-page-front{-webkit-transform-origin:50% top;-moz-transform-origin:50% top;transform-origin:50% top}.df-zoomview.df-vertical .df-page-front{top:50%;left:0}.df-zoomview.df-vertical .df-page-back{bottom:50%;top:auto;left:0}.df-posts [skip-parse]{display:none}.df-posts{text-align:center;position:relative}.df-load-more-button-wrapper{text-align:center;display:none;margin-top:20px}.df-posts [skip-parse]~.df-load-more-button-wrapper{display:block}.df-load-more-button{padding:10px 15px;display:inline-block;margin:0 auto;cursor:pointer;background:#0085ba;color:#fff}._df_book{min-height:400px}/* ============================================================
   ECS Color Scheme Module
   ============================================================
   CSS custom properties define both the default and the
   alternative (alt) scheme.  Switching is done by setting
   data-ecs-scheme="alt" on <html>.
   ============================================================ */

/* ── Default scheme variables ─────────────────────────────── */
:root {
	--ecs-color-primary:    #2271b1;
	--ecs-color-secondary:  #135e96;
	--ecs-color-text:       #1e1e1e;
	--ecs-color-accent:     #d63638;
	--ecs-color-bg:         #ffffff;
	--ecs-color-bg-alt:     #f6f6f6;
}

/* ── Alternative scheme overrides ────────────────────────────
   These only apply when <html data-ecs-scheme="alt">
   ──────────────────────────────────────────────────────────── */
[data-ecs-scheme="alt"] {
	--ecs-color-primary:    #3a9ad4;
	--ecs-color-secondary:  #1e6fa0;
	--ecs-color-text:       #f0f0f0;
	--ecs-color-accent:     #ff6b6b;
	--ecs-color-bg:         #1a1a2e;
	--ecs-color-bg-alt:     #16213e;
}

/* ── Dark Mode Switcher Widget ────────────────────────────── */

/* Wrapper is a flex row; justify-content is set by Elementor controls */
.ecs-dms-wrap {
	display: flex;
	align-items: center;
}

/* ── Icon container ───────────────────────────────────────── */

.ecs-dms-icon {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
}

.ecs-dms-icon i,
.ecs-dms-icon svg {
	display: block;
}

/* ── Button base ──────────────────────────────────────────── */

.ecs-dms-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 8px 16px;
	background: transparent;
	color: inherit;
	border: 1px solid currentColor;
	border-radius: 4px;
	cursor: pointer;
	font: inherit;
	line-height: 1;
	transition: background 0.2s, color 0.2s, border-color 0.2s;
}

.ecs-dms-btn:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

/* ── Toggle: state spans ──────────────────────────────────── */

/* Hidden by default; made layout-transparent when visible */
.ecs-dms-state {
	display: none;
}

/* Default scheme: show light state */
.ecs-dms-type-toggle .ecs-dms-state-light {
	display: contents;
}

/* Alt scheme: swap to dark state */
.ecs-dms-type-toggle.is-alt .ecs-dms-state-light {
	display: none;
}

.ecs-dms-type-toggle.is-alt .ecs-dms-state-dark {
	display: contents;
}

/* ── Dropdown ─────────────────────────────────────────────── */

.ecs-dms-select {
	padding: 8px 12px;
	border: 1px solid currentColor;
	border-radius: 4px;
	background: transparent;
	color: inherit;
	font: inherit;
	cursor: pointer;
}/* ============================================================
   ECS Container Layout Module
   ============================================================ */

/* ── Fix --display for ECS modes ─────────────────────────── */
/*
 * ecs_container_type responsive control uses prefix_class 'e-ecs%s-'.
 * Desktop: e-ecs-slider, e-ecs-custom, e-ecs-flex, e-ecs-grid
 * Tablet:  e-ecs-tablet-flex, e-ecs-tablet-grid, etc.
 * Mobile:  e-ecs-mobile-flex, e-ecs-mobile-grid, etc.
 *
 * Elementor's --display CSS var must be overridden for ECS modes.
 * Two-class specificity (0-0-2-0) beats Elementor's single-class rule.
 */
.e-con.e-ecs-slider,
.e-con.e-ecs-custom {
	--display: flex;
}

/* Desktop flex/grid classes from our responsive control */
/* :not() prevents overriding Elementor's elementor-hidden-* display:none rules */
.e-con.e-ecs-flex:not([class*="elementor-hidden-"]) {
	--display: flex;
	display: flex;
}
.e-con.e-ecs-grid:not([class*="elementor-hidden-"]) {
	--display: grid;
	display: grid;
}

/* ── Slider mode (Swiper) ─────────────────────────────────── */

/*
 * Prevents the outer container from wrapping slides horizontally.
 * On editor (before JS runs), overflow-x:auto gives a scrollable preview.
 * On live, .ecs-swiper clips slides with overflow:hidden — the container
 * itself stays visible so absolutely-positioned arrows/dots are not clipped.
 */
.e-con.e-ecs-slider {
	overflow: visible;
	flex-wrap: nowrap !important;
}

/* Editor: children still inside .e-con-inner before JS moves them */
.e-con.e-ecs-slider > .e-con-inner {
	overflow-x: auto;
	flex-wrap: nowrap !important;
}

/*
 * Editor: real children are moved into swiper slides. Hide the now-empty
 * .e-con-inner (Boxed containers) so it doesn't occupy space or show
 * Elementor's "drag widget here" placeholder.
 * Full Width containers have no .e-con-inner — no rule needed.
 */
.ecs-editor-slider-active > .e-con-inner {
	display: none !important;
}

.ecs-swiper {
	width: 100%;
	overflow: hidden;
	position: relative;
}

/* ── Custom Layout mode ───────────────────────────────────── */

.e-con.e-ecs-custom > .e-con-inner {
	display: contents;
}

/*
 * Live mode: wrapper emitted by after_container_render() around all cycling
 * template instances. flex-direction is set inline from the ecs_direction
 * control; width:100% + flex-wrap:wrap ensure correct block behaviour.
 */
.ecs-custom-layout-wrap {
	width: 100%;
	flex-wrap: wrap;
}

/* ── Dual-render show/hide ────────────────────────────────────
 * When responsive overrides exist, PHP emits two versions:
 *   .ecs-custom-version    — desktop: template with children in slots
 *   .ecs-responsive-version — tablet/mobile: children as grid or slider
 * CSS shows one at a time based on active breakpoint.
 * ──────────────────────────────────────────────────────────── */

.ecs-custom-version,
.ecs-responsive-version {
	width: 100%;
}

/* Desktop: show template version, hide responsive */
.ecs-responsive-version {
	display: none;
}

/* Tablet: swap when any tablet override is active (768px–1024px only) */
@media (min-width: 768px) and (max-width: 1024px) {
	.e-con.e-ecs-custom.e-ecs-tablet-flex > .ecs-custom-version,
	.e-con.e-ecs-custom.e-ecs-tablet-grid > .ecs-custom-version,
	.e-con.e-ecs-custom.e-ecs-tablet-slider > .ecs-custom-version {
		display: none;
	}
	.e-con.e-ecs-custom.e-ecs-tablet-flex > .ecs-responsive-version,
	.e-con.e-ecs-custom.e-ecs-tablet-grid > .ecs-responsive-version,
	.e-con.e-ecs-custom.e-ecs-tablet-slider > .ecs-responsive-version {
		display: block;
	}

	/* tablet=grid: CSS grid on the swiper-wrapper */
	.e-con.e-ecs-custom.e-ecs-tablet-grid > .ecs-responsive-version > .ecs-swiper > .swiper-wrapper {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		transform: none !important;
		transition: none !important;
		width: 100%;
	}
	.e-con.e-ecs-custom.e-ecs-tablet-grid > .ecs-responsive-version > .ecs-swiper > .swiper-slide {
		width: auto !important;
		height: auto !important;
		margin-right: 0 !important;
	}
	.e-con.e-ecs-custom.e-ecs-tablet-grid > .ecs-responsive-version > .ecs-swiper > .elementor-swiper-button,
	.e-con.e-ecs-custom.e-ecs-tablet-grid > .ecs-responsive-version > .ecs-swiper > .swiper-pagination {
		display: none !important;
	}

	/* tablet=flex with .ecs-resp-children (tablet=flex, no mobile slider) */
	.e-con.e-ecs-custom.e-ecs-tablet-flex > .ecs-responsive-version > .ecs-resp-children {
		display: flex;
		flex-direction: column;
	}
	.e-con.e-ecs-custom.e-ecs-tablet-flex > .ecs-responsive-version > .ecs-resp-children > * {
		width: 100% !important;
	}

	/* tablet=flex when responsive-version contains a swiper (mobile=slider) — reset slides to flex column */
	.e-con.e-ecs-custom.e-ecs-tablet-flex > .ecs-responsive-version > .ecs-swiper {
		overflow: visible;
	}
	.e-con.e-ecs-custom.e-ecs-tablet-flex > .ecs-responsive-version > .ecs-swiper > .swiper-wrapper {
		flex-wrap: wrap;
		transform: none !important;
		transition: none !important;
		width: 100%;
	}
	.e-con.e-ecs-custom.e-ecs-tablet-flex > .ecs-responsive-version > .ecs-swiper > .swiper-wrapper > .swiper-slide {
		width: 100% !important;
		height: auto !important;
		margin-right: 0 !important;
	}
	.e-con.e-ecs-custom.e-ecs-tablet-flex > .ecs-responsive-version > .ecs-swiper > .elementor-swiper-button,
	.e-con.e-ecs-custom.e-ecs-tablet-flex > .ecs-responsive-version > .ecs-swiper > .swiper-pagination {
		display: none !important;
	}
}

/* Tablet show/hide also at mobile when no mobile override (fallback) */
@media (max-width: 767px) {
	.e-con.e-ecs-custom.e-ecs-tablet-flex:not(.e-ecs-mobile-flex):not(.e-ecs-mobile-grid):not(.e-ecs-mobile-slider) > .ecs-custom-version,
	.e-con.e-ecs-custom.e-ecs-tablet-grid:not(.e-ecs-mobile-flex):not(.e-ecs-mobile-grid):not(.e-ecs-mobile-slider) > .ecs-custom-version,
	.e-con.e-ecs-custom.e-ecs-tablet-slider:not(.e-ecs-mobile-flex):not(.e-ecs-mobile-grid):not(.e-ecs-mobile-slider) > .ecs-custom-version {
		display: none;
	}
	.e-con.e-ecs-custom.e-ecs-tablet-flex:not(.e-ecs-mobile-flex):not(.e-ecs-mobile-grid):not(.e-ecs-mobile-slider) > .ecs-responsive-version,
	.e-con.e-ecs-custom.e-ecs-tablet-grid:not(.e-ecs-mobile-flex):not(.e-ecs-mobile-grid):not(.e-ecs-mobile-slider) > .ecs-responsive-version,
	.e-con.e-ecs-custom.e-ecs-tablet-slider:not(.e-ecs-mobile-flex):not(.e-ecs-mobile-grid):not(.e-ecs-mobile-slider) > .ecs-responsive-version {
		display: block;
	}
}

/* Mobile: swap when any mobile override is active */
@media (max-width: 767px) {
	.e-con.e-ecs-custom.e-ecs-mobile-flex > .ecs-custom-version,
	.e-con.e-ecs-custom.e-ecs-mobile-grid > .ecs-custom-version,
	.e-con.e-ecs-custom.e-ecs-mobile-slider > .ecs-custom-version {
		display: none;
	}
	.e-con.e-ecs-custom.e-ecs-mobile-flex > .ecs-responsive-version,
	.e-con.e-ecs-custom.e-ecs-mobile-grid > .ecs-responsive-version,
	.e-con.e-ecs-custom.e-ecs-mobile-slider > .ecs-responsive-version {
		display: block;
	}

	/* mobile=grid */
	.e-con.e-ecs-custom.e-ecs-mobile-grid > .ecs-responsive-version > .ecs-swiper > .swiper-wrapper {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		transform: none !important;
		transition: none !important;
		width: 100%;
	}
	.e-con.e-ecs-custom.e-ecs-mobile-grid > .ecs-responsive-version > .ecs-swiper > .elementor-swiper-button,
	.e-con.e-ecs-custom.e-ecs-mobile-grid > .ecs-responsive-version > .ecs-swiper > .swiper-pagination {
		display: none !important;
	}

	/* mobile=flex with .ecs-resp-children */
	.e-con.e-ecs-custom.e-ecs-mobile-flex > .ecs-responsive-version > .ecs-resp-children {
		display: flex;
		flex-direction: column;
	}
	.e-con.e-ecs-custom.e-ecs-mobile-flex > .ecs-responsive-version > .ecs-resp-children > * {
		width: 100% !important;
	}

	/* mobile=flex when responsive-version contains a swiper (tablet=slider) — reset slides to flex column */
	.e-con.e-ecs-custom.e-ecs-mobile-flex > .ecs-responsive-version > .ecs-swiper {
		overflow: visible;
	}
	.e-con.e-ecs-custom.e-ecs-mobile-flex > .ecs-responsive-version > .ecs-swiper > .swiper-wrapper {
		flex-wrap: wrap;
		transform: none !important;
		transition: none !important;
		width: 100%;
	}
	.e-con.e-ecs-custom.e-ecs-mobile-flex > .ecs-responsive-version > .ecs-swiper > .swiper-wrapper > .swiper-slide {
		width: 100% !important;
		height: auto !important;
		margin-right: 0 !important;
	}
	.e-con.e-ecs-custom.e-ecs-mobile-flex > .ecs-responsive-version > .ecs-swiper > .elementor-swiper-button,
	.e-con.e-ecs-custom.e-ecs-mobile-flex > .ecs-responsive-version > .ecs-swiper > .swiper-pagination {
		display: none !important;
	}
}

/* ── Desktop=flex/grid with tablet/mobile responsive overrides ───────────────
 * PHP emits .ecs-responsive-version (tablet+mobile share same type),
 * .ecs-tablet-version (tablet-only), or .ecs-mobile-version (mobile-only).
 * .ecs-desktop-inner wraps Full Width container children (no .e-con-inner).
 * ──────────────────────────────────────────────────────────────────────────── */

.ecs-tablet-version,
.ecs-mobile-version,
.ecs-desktop-inner { width: 100%; }

.ecs-tablet-version,
.ecs-mobile-version { display: none; }

/* Tablet (768–1024px): hide desktop content, show tablet/shared responsive version */
@media (min-width: 768px) and (max-width: 1024px) {
	.e-con.e-ecs-flex.e-ecs-tablet-custom > .e-con-inner,
	.e-con.e-ecs-flex.e-ecs-tablet-custom > .ecs-desktop-inner,
	.e-con.e-ecs-flex.e-ecs-tablet-slider > .e-con-inner,
	.e-con.e-ecs-flex.e-ecs-tablet-slider > .ecs-desktop-inner,
	.e-con.e-ecs-grid.e-ecs-tablet-custom > .e-con-inner,
	.e-con.e-ecs-grid.e-ecs-tablet-custom > .ecs-desktop-inner,
	.e-con.e-ecs-grid.e-ecs-tablet-slider > .e-con-inner,
	.e-con.e-ecs-grid.e-ecs-tablet-slider > .ecs-desktop-inner { display: none !important; }

	.e-con.e-ecs-flex.e-ecs-tablet-custom > .ecs-responsive-version,
	.e-con.e-ecs-flex.e-ecs-tablet-slider > .ecs-responsive-version,
	.e-con.e-ecs-grid.e-ecs-tablet-custom > .ecs-responsive-version,
	.e-con.e-ecs-grid.e-ecs-tablet-slider > .ecs-responsive-version,
	.e-con.e-ecs-flex.e-ecs-tablet-custom > .ecs-tablet-version,
	.e-con.e-ecs-flex.e-ecs-tablet-slider > .ecs-tablet-version,
	.e-con.e-ecs-grid.e-ecs-tablet-custom > .ecs-tablet-version,
	.e-con.e-ecs-grid.e-ecs-tablet-slider > .ecs-tablet-version { display: block; }
}

/* Mobile (<768px): hide desktop content, show mobile/shared responsive version */
@media (max-width: 767px) {
	/* Explicit mobile override */
	.e-con.e-ecs-flex.e-ecs-mobile-custom > .e-con-inner,
	.e-con.e-ecs-flex.e-ecs-mobile-custom > .ecs-desktop-inner,
	.e-con.e-ecs-flex.e-ecs-mobile-slider > .e-con-inner,
	.e-con.e-ecs-flex.e-ecs-mobile-slider > .ecs-desktop-inner,
	.e-con.e-ecs-grid.e-ecs-mobile-custom > .e-con-inner,
	.e-con.e-ecs-grid.e-ecs-mobile-custom > .ecs-desktop-inner,
	.e-con.e-ecs-grid.e-ecs-mobile-slider > .e-con-inner,
	.e-con.e-ecs-grid.e-ecs-mobile-slider > .ecs-desktop-inner { display: none !important; }

	.e-con.e-ecs-flex.e-ecs-mobile-custom > .ecs-mobile-version,
	.e-con.e-ecs-flex.e-ecs-mobile-slider > .ecs-mobile-version,
	.e-con.e-ecs-grid.e-ecs-mobile-custom > .ecs-mobile-version,
	.e-con.e-ecs-grid.e-ecs-mobile-slider > .ecs-mobile-version { display: block; }

	/* Tablet has override, mobile inherits → show shared responsive version */
	.e-con.e-ecs-flex.e-ecs-tablet-custom:not(.e-ecs-mobile-flex):not(.e-ecs-mobile-grid):not(.e-ecs-mobile-custom):not(.e-ecs-mobile-slider) > .e-con-inner,
	.e-con.e-ecs-flex.e-ecs-tablet-custom:not(.e-ecs-mobile-flex):not(.e-ecs-mobile-grid):not(.e-ecs-mobile-custom):not(.e-ecs-mobile-slider) > .ecs-desktop-inner,
	.e-con.e-ecs-flex.e-ecs-tablet-slider:not(.e-ecs-mobile-flex):not(.e-ecs-mobile-grid):not(.e-ecs-mobile-custom):not(.e-ecs-mobile-slider) > .e-con-inner,
	.e-con.e-ecs-flex.e-ecs-tablet-slider:not(.e-ecs-mobile-flex):not(.e-ecs-mobile-grid):not(.e-ecs-mobile-custom):not(.e-ecs-mobile-slider) > .ecs-desktop-inner,
	.e-con.e-ecs-grid.e-ecs-tablet-custom:not(.e-ecs-mobile-flex):not(.e-ecs-mobile-grid):not(.e-ecs-mobile-custom):not(.e-ecs-mobile-slider) > .e-con-inner,
	.e-con.e-ecs-grid.e-ecs-tablet-custom:not(.e-ecs-mobile-flex):not(.e-ecs-mobile-grid):not(.e-ecs-mobile-custom):not(.e-ecs-mobile-slider) > .ecs-desktop-inner,
	.e-con.e-ecs-grid.e-ecs-tablet-slider:not(.e-ecs-mobile-flex):not(.e-ecs-mobile-grid):not(.e-ecs-mobile-custom):not(.e-ecs-mobile-slider) > .e-con-inner,
	.e-con.e-ecs-grid.e-ecs-tablet-slider:not(.e-ecs-mobile-flex):not(.e-ecs-mobile-grid):not(.e-ecs-mobile-custom):not(.e-ecs-mobile-slider) > .ecs-desktop-inner { display: none !important; }

	.e-con.e-ecs-flex.e-ecs-tablet-custom:not(.e-ecs-mobile-flex):not(.e-ecs-mobile-grid):not(.e-ecs-mobile-custom):not(.e-ecs-mobile-slider) > .ecs-responsive-version,
	.e-con.e-ecs-flex.e-ecs-tablet-slider:not(.e-ecs-mobile-flex):not(.e-ecs-mobile-grid):not(.e-ecs-mobile-custom):not(.e-ecs-mobile-slider) > .ecs-responsive-version,
	.e-con.e-ecs-grid.e-ecs-tablet-custom:not(.e-ecs-mobile-flex):not(.e-ecs-mobile-grid):not(.e-ecs-mobile-custom):not(.e-ecs-mobile-slider) > .ecs-responsive-version,
	.e-con.e-ecs-grid.e-ecs-tablet-slider:not(.e-ecs-mobile-flex):not(.e-ecs-mobile-grid):not(.e-ecs-mobile-custom):not(.e-ecs-mobile-slider) > .ecs-responsive-version { display: block; }
}

/* ── Missing placeholder fallback ────────────────────────── */

.ecs-missing-placeholder {
	outline: 2px dashed #d63638;
}

.ecs-missing-placeholder::after {
	content: 'ECS: missing placeholder';
	display: block;
	background: #d63638;
	color: #fff;
	font-size: 11px;
	padding: 2px 6px;
	text-align: center;
}

/* ── Editor: Placeholder hint ────────────────────────────── */

.ecs-placeholder-editor-hint {
	min-height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* ── Hide empty slot containers ──────────────────────────── */
/*
 * .e-ecs-hide-empty-slots appears in two contexts:
 *  - Editor: on the .e-con container itself (Elementor applies prefix_class)
 *  - Live:   on a display:contents wrapper div emitted by after_container_render
 * Both cases work with this selector (no .e-con requirement on the ancestor).
 */

/* Boxed mode: slot container wraps e-con-inner > widget */
.e-ecs-hide-empty-slots .e-con:has(
	> .e-con-inner
	> .elementor-widget-ecs_container_placeholder
	> .elementor-widget-container
	> .ecs-slot-empty
) {
	display: none;
}

/* Full Width mode: slot container wraps widget directly */
.e-ecs-hide-empty-slots .e-con:has(
	> .elementor-widget-ecs_container_placeholder
	> .elementor-widget-container
	> .ecs-slot-empty
) {
	display: none;
}

/* ── Editor: override container display when JS slider is active ─────────── */
/*
 * Desktop grid/flex classes (e.g. e-ecs-grid) apply display:grid globally.
 * When the editor JS builds a slider for a non-desktop breakpoint, the container
 * must be flex so the swiper renders correctly rather than as a grid item.
 * ecs-editor-slider-active is only added by ecs-slider.js in edit mode.
 */
.e-con.ecs-editor-slider-active {
	display: flex !important;
}

/* ── Editor: AJAX preview injection ──────────────────────── */

/*
 * The injected template structure sits inside .e-con-inner alongside the
 * live child elements that have been moved into its slots.
 * width: 100% + min-width: 0 ensure it fills a flex parent correctly.
 */
.ecs-injected-structure {
	width: 100%;
	min-width: 0;
}

/* ── Responsive Layout Override ──────────────────────────── */
/*
 * When ecs_layout_tablet / ecs_layout_mobile is set to 'flex' or 'grid',
 * the container gets e-ecs-tablet-{value} / e-ecs-mobile-{value} classes.
 * Swiper has enabled:false at those breakpoints via JS breakpoints config.
 * CSS resets the Swiper wrapper so slides behave as normal block elements.
 */

/* ── Tablet overrides (≤1024px) ──────────────────────────── */

@media (max-width: 1024px) {

	/* Flexbox/Grid → Slider on tablet (desktop is NOT slider) */
	.e-con.e-ecs-tablet-slider {
		overflow-x: auto;
		flex-wrap: nowrap !important;
	}
	.e-con.e-ecs-tablet-slider > .e-con-inner {
		flex-wrap: nowrap !important;
	}

	/* Slider → Flexbox on tablet */
	.e-con.e-ecs-slider.e-ecs-tablet-flex {
		overflow: visible;
	}
	.e-con.e-ecs-slider.e-ecs-tablet-flex > .ecs-swiper {
		overflow: visible;
	}
	.e-con.e-ecs-slider.e-ecs-tablet-flex > .ecs-swiper > .swiper-wrapper {
		flex-wrap: wrap;
		transform: none !important;
		transition: none !important;
		width: 100%;
	}
	.e-con.e-ecs-slider.e-ecs-tablet-flex > .ecs-swiper > .swiper-wrapper > .swiper-slide {
		width: 100% !important;
		height: auto !important;
		margin-right: 0 !important;
	}
	.e-con.e-ecs-tablet-flex:not(.ecs-editor-slider-active) > .ecs-swiper > .elementor-swiper-button,
	.e-con.e-ecs-tablet-flex:not(.ecs-editor-slider-active) > .ecs-swiper > .swiper-pagination {
		display: none !important;
	}

	/* Slider → Grid on tablet */
	.e-con.e-ecs-slider.e-ecs-tablet-grid > .ecs-swiper {
		overflow: visible;
	}
	.e-con.e-ecs-slider.e-ecs-tablet-grid > .ecs-swiper > .swiper-wrapper {
		display: grid !important;
		grid-template-columns: repeat(var(--ecs-slider-columns, 2), 1fr) !important;
		transform: none !important;
		transition: none !important;
		width: 100%;
	}
	.e-con.e-ecs-slider.e-ecs-tablet-grid > .ecs-swiper > .swiper-wrapper > .swiper-slide {
		width: auto !important;
		height: auto !important;
		margin-right: 0 !important;
	}
	.e-con.e-ecs-tablet-grid:not(.ecs-editor-slider-active) > .ecs-swiper > .elementor-swiper-button,
	.e-con.e-ecs-tablet-grid:not(.ecs-editor-slider-active) > .ecs-swiper > .swiper-pagination {
		display: none !important;
	}

	/* Custom Layout → Flexbox on tablet */
	.e-con.e-ecs-custom.e-ecs-tablet-flex .ecs-injected-structure {
		display: flex !important;
		flex-direction: column !important;
		width: 100%;
	}
	.e-con.e-ecs-custom.e-ecs-tablet-flex .ecs-injected-structure > * {
		width: 100% !important;
		position: static !important;
		grid-area: unset !important;
	}

	/* Custom Layout → Grid on tablet */
	.e-con.e-ecs-custom.e-ecs-tablet-grid .ecs-injected-structure {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		width: 100%;
	}
	.e-con.e-ecs-custom.e-ecs-tablet-grid .ecs-injected-structure > * {
		width: 100% !important;
		position: static !important;
		grid-area: unset !important;
	}
}

/* ── Mobile overrides (≤767px) ───────────────────────────── */

@media (max-width: 767px) {

	/* Flexbox/Grid → Slider on mobile (desktop is NOT slider) */
	.e-con.e-ecs-mobile-slider {
		overflow-x: auto;
		flex-wrap: nowrap !important;
	}
	.e-con.e-ecs-mobile-slider > .e-con-inner {
		flex-wrap: nowrap !important;
	}

	/* Slider → Flexbox on mobile */
	.e-con.e-ecs-slider.e-ecs-mobile-flex {
		overflow: visible;
	}
	.e-con.e-ecs-slider.e-ecs-mobile-flex > .ecs-swiper {
		overflow: visible;
	}
	.e-con.e-ecs-slider.e-ecs-mobile-flex > .ecs-swiper > .swiper-wrapper {
		flex-wrap: wrap;
		transform: none !important;
		transition: none !important;
		width: 100%;
	}
	.e-con.e-ecs-slider.e-ecs-mobile-flex > .ecs-swiper > .swiper-wrapper > .swiper-slide {
		width: 100% !important;
		height: auto !important;
		margin-right: 0 !important;
	}
	.e-con.e-ecs-mobile-flex:not(.ecs-editor-slider-active) > .ecs-swiper > .elementor-swiper-button,
	.e-con.e-ecs-mobile-flex:not(.ecs-editor-slider-active) > .ecs-swiper > .swiper-pagination {
		display: none !important;
	}

	/* Slider → Grid on mobile */
	.e-con.e-ecs-slider.e-ecs-mobile-grid > .ecs-swiper {
		overflow: visible;
	}
	.e-con.e-ecs-slider.e-ecs-mobile-grid > .ecs-swiper > .swiper-wrapper {
		display: grid !important;
		grid-template-columns: repeat(var(--ecs-slider-columns, 2), 1fr) !important;
		transform: none !important;
		transition: none !important;
		width: 100%;
	}
	.e-con.e-ecs-slider.e-ecs-mobile-grid > .ecs-swiper > .swiper-wrapper > .swiper-slide {
		width: auto !important;
		height: auto !important;
		margin-right: 0 !important;
	}
	.e-con.e-ecs-mobile-grid:not(.ecs-editor-slider-active) > .ecs-swiper > .elementor-swiper-button,
	.e-con.e-ecs-mobile-grid:not(.ecs-editor-slider-active) > .ecs-swiper > .swiper-pagination {
		display: none !important;
	}

	/* Custom Layout → Flexbox on mobile */
	.e-con.e-ecs-custom.e-ecs-mobile-flex .ecs-injected-structure {
		display: flex !important;
		flex-direction: column !important;
		width: 100%;
	}
	.e-con.e-ecs-custom.e-ecs-mobile-flex .ecs-injected-structure > * {
		width: 100% !important;
		position: static !important;
		grid-area: unset !important;
	}

	/* Custom Layout → Grid on mobile */
	.e-con.e-ecs-custom.e-ecs-mobile-grid .ecs-injected-structure {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		width: 100%;
	}
	.e-con.e-ecs-custom.e-ecs-mobile-grid .ecs-injected-structure > * {
		width: 100% !important;
		position: static !important;
		grid-area: unset !important;
	}
}/**
 * Swiper 8.4.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 21, 2022
 */

 @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.elementor-element,.elementor-lightbox{--swiper-theme-color:#000;--swiper-navigation-size:44px;--swiper-pagination-bullet-size:6px;--swiper-pagination-bullet-horizontal-gap:6px}.elementor-element .swiper .swiper-slide figure,.elementor-lightbox .swiper .swiper-slide figure{line-height:0}.elementor-element .swiper .elementor-lightbox-content-source,.elementor-lightbox .swiper .elementor-lightbox-content-source{display:none}.elementor-element .swiper .elementor-swiper-button,.elementor-element .swiper~.elementor-swiper-button,.elementor-lightbox .swiper .elementor-swiper-button,.elementor-lightbox .swiper~.elementor-swiper-button{color:hsla(0,0%,93%,.9);cursor:pointer;display:inline-flex;font-size:25px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.elementor-element .swiper .elementor-swiper-button svg,.elementor-element .swiper~.elementor-swiper-button svg,.elementor-lightbox .swiper .elementor-swiper-button svg,.elementor-lightbox .swiper~.elementor-swiper-button svg{fill:hsla(0,0%,93%,.9);height:1em;width:1em}.elementor-element .swiper .elementor-swiper-button-prev,.elementor-element .swiper~.elementor-swiper-button-prev,.elementor-lightbox .swiper .elementor-swiper-button-prev,.elementor-lightbox .swiper~.elementor-swiper-button-prev{left:10px}.elementor-element .swiper .elementor-swiper-button-next,.elementor-element .swiper~.elementor-swiper-button-next,.elementor-lightbox .swiper .elementor-swiper-button-next,.elementor-lightbox .swiper~.elementor-swiper-button-next{right:10px}.elementor-element .swiper .elementor-swiper-button.swiper-button-disabled,.elementor-element .swiper~.elementor-swiper-button.swiper-button-disabled,.elementor-lightbox .swiper .elementor-swiper-button.swiper-button-disabled,.elementor-lightbox .swiper~.elementor-swiper-button.swiper-button-disabled{opacity:.3}.elementor-element .swiper .swiper-image-stretch .swiper-slide .swiper-slide-image,.elementor-lightbox .swiper .swiper-image-stretch .swiper-slide .swiper-slide-image{width:100%}.elementor-element .swiper .swiper-horizontal>.swiper-pagination-bullets,.elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-element .swiper .swiper-pagination-custom,.elementor-element .swiper .swiper-pagination-fraction,.elementor-element .swiper~.swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-element .swiper~.swiper-pagination-custom,.elementor-element .swiper~.swiper-pagination-fraction,.elementor-lightbox .swiper .swiper-horizontal>.swiper-pagination-bullets,.elementor-lightbox .swiper .swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-lightbox .swiper .swiper-pagination-custom,.elementor-lightbox .swiper .swiper-pagination-fraction,.elementor-lightbox .swiper~.swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-lightbox .swiper~.swiper-pagination-custom,.elementor-lightbox .swiper~.swiper-pagination-fraction{bottom:5px}.elementor-element .swiper.swiper-cube .elementor-swiper-button,.elementor-element .swiper.swiper-cube~.elementor-swiper-button,.elementor-lightbox .swiper.swiper-cube .elementor-swiper-button,.elementor-lightbox .swiper.swiper-cube~.elementor-swiper-button{transform:translate3d(0,-50%,1px)}.elementor-element :where(.swiper-horizontal)~.swiper-pagination-bullets,.elementor-lightbox :where(.swiper-horizontal)~.swiper-pagination-bullets{bottom:5px;left:0;width:100%}.elementor-element :where(.swiper-horizontal)~.swiper-pagination-bullets .swiper-pagination-bullet,.elementor-lightbox :where(.swiper-horizontal)~.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.elementor-element :where(.swiper-horizontal)~.swiper-pagination-progressbar,.elementor-lightbox :where(.swiper-horizontal)~.swiper-pagination-progressbar{height:4px;left:0;top:0;width:100%}.elementor-element.elementor-pagination-position-outside .swiper,.elementor-lightbox.elementor-pagination-position-outside .swiper{padding-bottom:30px}.elementor-element.elementor-pagination-position-outside .swiper .elementor-swiper-button,.elementor-element.elementor-pagination-position-outside .swiper~.elementor-swiper-button,.elementor-lightbox.elementor-pagination-position-outside .swiper .elementor-swiper-button,.elementor-lightbox.elementor-pagination-position-outside .swiper~.elementor-swiper-button{top:calc(50% - 30px / 2)}.elementor-element .elementor-swiper,.elementor-lightbox .elementor-swiper{position:relative}.elementor-element .elementor-main-swiper,.elementor-lightbox .elementor-main-swiper{position:static}.elementor-element.elementor-arrows-position-outside .swiper,.elementor-lightbox.elementor-arrows-position-outside .swiper{width:calc(100% - 60px)}.elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-prev,.elementor-element.elementor-arrows-position-outside .swiper~.elementor-swiper-button-prev,.elementor-lightbox.elementor-arrows-position-outside .swiper .elementor-swiper-button-prev,.elementor-lightbox.elementor-arrows-position-outside .swiper~.elementor-swiper-button-prev{left:0}.elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-next,.elementor-element.elementor-arrows-position-outside .swiper~.elementor-swiper-button-next,.elementor-lightbox.elementor-arrows-position-outside .swiper .elementor-swiper-button-next,.elementor-lightbox.elementor-arrows-position-outside .swiper~.elementor-swiper-button-next{right:0}/* ============================================================
   ECS Mobile Menu — WordPress Menu Responsive Layout Controls
   ============================================================

   HOW IT WORKS
   ─────────────────────────────────────────────────────────
   Elementor PHP does NOT add breakpoint prefixes (tablet-/mobile-)
   to prefix_class values. All breakpoint values of the `layout`
   responsive control are added as ecs-nav-layout-{value} without
   any device prefix, meaning the same class appears multiple times
   when multiple breakpoints share a value.

   To handle responsive behaviour correctly, we use CSS Custom
   Properties (--ecs-nav-main-display, etc.) that are set by
   Elementor's dynamic CSS engine via the `selectors` configuration
   in upgrade_layout(). Elementor generates:
     • @media max-width rules for frontend
     • body.elementor-device-* rules for editor device preview

   The presence of any ecs-nav-layout-* class on the wrapper
   indicates ECS layout is active for that widget, scoping our
   CSS variable rules so they never affect other nav-menu widgets.
   ============================================================ */

/* Apply CSS variables to nav-menu elements when ECS layout is active.
   Fallbacks = default "horizontal" behaviour.                        */

.ecs-nav-layout-horizontal .elementor-nav-menu--main,
.ecs-nav-layout-vertical   .elementor-nav-menu--main,
.ecs-nav-layout-dropdown   .elementor-nav-menu--main {
	display: var( --ecs-nav-main-display, flex ) !important;
}

/* flex-direction must target the inner <ul>, not the <nav> wrapper */
.ecs-nav-layout-horizontal .elementor-nav-menu--main .elementor-nav-menu,
.ecs-nav-layout-vertical   .elementor-nav-menu--main .elementor-nav-menu,
.ecs-nav-layout-dropdown   .elementor-nav-menu--main .elementor-nav-menu {
	flex-direction: var( --ecs-nav-main-dir, row ) !important;
}

.ecs-nav-layout-horizontal .elementor-menu-toggle,
.ecs-nav-layout-vertical   .elementor-menu-toggle,
.ecs-nav-layout-dropdown   .elementor-menu-toggle {
	display: var( --ecs-nav-toggle-display, none ) !important;
}

/* Alignment — reads --ecs-nav-align; applies justify-content to both the
   <nav> (positions the <ul> within the flex container) and the <ul> itself
   (aligns <li> items when the <ul> is full-width in vertical layout). */
.ecs-nav-layout-horizontal .elementor-nav-menu--main,
.ecs-nav-layout-vertical   .elementor-nav-menu--main,
.ecs-nav-layout-horizontal .elementor-nav-menu--main .elementor-nav-menu,
.ecs-nav-layout-vertical   .elementor-nav-menu--main .elementor-nav-menu {
	justify-content: var( --ecs-nav-align, flex-start ) !important;
}

/* Pointer visibility — reads --ecs-nav-ptr-vis set by the ecs_pointer_hide responsive
   control. visibility:hidden preserves layout space and does not block hover animations. */
.ecs-nav-layout-horizontal .elementor-nav-menu--main .elementor-item::before,
.ecs-nav-layout-horizontal .elementor-nav-menu--main .elementor-item::after,
.ecs-nav-layout-vertical   .elementor-nav-menu--main .elementor-item::before,
.ecs-nav-layout-vertical   .elementor-nav-menu--main .elementor-item::after {
	visibility: var( --ecs-nav-ptr-vis, visible );
}

/* ═══════════════════════════════════════════════════════════
   DROPDOWN ALIGNMENT — follows Toggle Button align
   Uses prefix_class ecs-toggle-align-{left|center|right} set
   by the Toggle Align CHOOSE control.

   NOTE: Elementor only sets position:absolute on the dropdown
   when Full Width (stretch) is ON. For non-stretch dropdowns,
   the panel is position:static, so left/right have no effect.
   We add position:absolute here when any ecs-toggle-align-*
   class is present. The widget wrapper is position:relative,
   so absolute positioning is correct.

   Skipped when Full Width is ON (:not(.elementor-nav-menu--stretch))
   to avoid conflict with the stretch rules below.
   ═══════════════════════════════════════════════════════════ */

/* Base: make dropdown absolutely positioned when ECS align is active.
   top: 100% places it immediately below the widget (same as Full Width). */
.ecs-toggle-align-left:not(.elementor-nav-menu--stretch)
	.elementor-nav-menu--dropdown.elementor-nav-menu__container,
.ecs-toggle-align-center:not(.elementor-nav-menu--stretch)
	.elementor-nav-menu--dropdown.elementor-nav-menu__container,
.ecs-toggle-align-right:not(.elementor-nav-menu--stretch)
	.elementor-nav-menu--dropdown.elementor-nav-menu__container {
	position:  absolute    !important;
	top:       100%        !important;
	width:     auto        !important;
	min-width: max-content;
}

.ecs-toggle-align-left:not(.elementor-nav-menu--stretch)
	.elementor-nav-menu--dropdown.elementor-nav-menu__container {
	left:  0    !important;
	right: auto !important;
}

.ecs-toggle-align-center:not(.elementor-nav-menu--stretch)
	.elementor-nav-menu--dropdown.elementor-nav-menu__container {
	left:      50%                !important;
	right:     auto               !important;
	transform: translateX( -50% ) !important;
}

.ecs-toggle-align-right:not(.elementor-nav-menu--stretch)
	.elementor-nav-menu--dropdown.elementor-nav-menu__container {
	right: 0    !important;
	left:  auto !important;
}

/* ═══════════════════════════════════════════════════════════
   FIX: Dropdown panel width (Fill Width ON)
   ═══════════════════════════════════════════════════════════ */

/* Fill Width ON → full width (reinforce existing behaviour) */
.elementor-nav-menu--stretch
	.elementor-nav-menu--dropdown.elementor-nav-menu__container {
	width: 100% !important;
	left:  0    !important;
}

/* ═══════════════════════════════════════════════════════════
   AUTO-RESPECT ELEMENTOR NATIVE BREAKPOINT
   When no ECS layout is explicitly set for mobile/tablet, the
   Elementor native Breakpoint control should still trigger
   dropdown mode. These selectors have specificity 0,3,0 which
   beats the base variable rules (0,2,0) even at equal !important,
   so they override the inherited --ecs-nav-toggle-display:none.
   Only targets horizontal/vertical — dropdown already works.
   ═══════════════════════════════════════════════════════════ */

@media (max-width: 767px) {
	.ecs-nav-layout-horizontal.elementor-nav-menu--dropdown-mobile .elementor-nav-menu--main,
	.ecs-nav-layout-vertical.elementor-nav-menu--dropdown-mobile   .elementor-nav-menu--main {
		display: none !important;
	}
	.ecs-nav-layout-horizontal.elementor-nav-menu--dropdown-mobile .elementor-menu-toggle,
	.ecs-nav-layout-vertical.elementor-nav-menu--dropdown-mobile   .elementor-menu-toggle {
		display: flex !important;
	}
}

@media (max-width: 1024px) {
	.ecs-nav-layout-horizontal.elementor-nav-menu--dropdown-tablet .elementor-nav-menu--main,
	.ecs-nav-layout-vertical.elementor-nav-menu--dropdown-tablet   .elementor-nav-menu--main {
		display: none !important;
	}
	.ecs-nav-layout-horizontal.elementor-nav-menu--dropdown-tablet .elementor-menu-toggle,
	.ecs-nav-layout-vertical.elementor-nav-menu--dropdown-tablet   .elementor-menu-toggle {
		display: flex !important;
	}
}

/* ═══════════════════════════════════════════════════════════
   FORCE BREAKPOINT
   When "Force Breakpoint" is ON, the menu switches to dropdown
   mode at the Elementor native breakpoint regardless of the ECS
   Layout setting.

   Combines .ecs-force-breakpoint (ECS prefix_class) with
   .elementor-nav-menu--dropdown-{mobile|tablet} (Elementor's own
   prefix_class for the Breakpoint control) to target exactly the
   right viewport without needing JS.

   CSS custom properties use !important to override the inline
   variables set by ecs-mobile-menu-editor.js in the editor.
   ═══════════════════════════════════════════════════════════ */

/* Frontend: Mobile breakpoint (≤ 767px) */
@media (max-width: 767px) {
	.ecs-force-breakpoint.elementor-nav-menu--dropdown-mobile {
		--ecs-nav-main-display:   none !important;
		--ecs-nav-main-dir:       row  !important;
		--ecs-nav-toggle-display: flex !important;
	}
}

/* Frontend: Tablet breakpoint (≤ 1024px, covers mobile too) */
@media (max-width: 1024px) {
	.ecs-force-breakpoint.elementor-nav-menu--dropdown-tablet {
		--ecs-nav-main-display:   none !important;
		--ecs-nav-main-dir:       row  !important;
		--ecs-nav-toggle-display: flex !important;
	}
}

/* Editor device preview */
body.elementor-device-mobile .ecs-force-breakpoint.elementor-nav-menu--dropdown-mobile,
body.elementor-device-mobile .ecs-force-breakpoint.elementor-nav-menu--dropdown-tablet,
body.elementor-device-tablet .ecs-force-breakpoint.elementor-nav-menu--dropdown-tablet {
	--ecs-nav-main-display:   none !important;
	--ecs-nav-main-dir:       row  !important;
	--ecs-nav-toggle-display: flex !important;
}/* ============================================================
   ECS Editorial Text Module
   ============================================================ */

/* ── Figure ───────────────────────────────────────────────── */

.ecs-et-figure {
	margin: 0;      /* Reset browser default <figure> margin */
	line-height: 0; /* Prevents inline-block gap below img */
}

.ecs-et-figure img {
	display: block;
	max-width: 100%;
	height: auto;
}

/* ── Text ─────────────────────────────────────────────────── */

.ecs-et-text > *:first-child { margin-top: 0; }
.ecs-et-text > *:last-child  { margin-bottom: 0; }

/* ============================================================
   Image Position — desktop base rules
   Classes are added to the Elementor widget wrapper via prefix_class.

   Gap margin specificity note
   ───────────────────────────
   Elementor's frontend.min.css contains:
     .elementor .elementor-widget:not(...):not(...) figure { margin: 0 }
   which has specificity (0,4,1) and resets all figure margins.

   Rules that only set float / display / order use short selectors
   (no conflict). Rules that set the gap margin use the longer form
     .elementor-widget.elementor-widget-ecs_editorial_text.e-et-flow-X figure.ecs-et-figure
   which also reaches (0,4,1) and wins by source order (our stylesheet
   is enqueued after Elementor's frontend CSS).
   ============================================================ */

/* none / before — layout */
.e-et-flow-none .ecs-et-figure,
.e-et-flow-before .ecs-et-figure { display: block; }

/* none / before — gap */
.elementor-widget.elementor-widget-ecs_editorial_text.e-et-flow-none figure.ecs-et-figure,
.elementor-widget.elementor-widget-ecs_editorial_text.e-et-flow-before figure.ecs-et-figure {
	margin-bottom: var(--ecs-et-gap, 1em);
}

/* after — layout */
.e-et-flow-after .ecs-editorial-text {
	display: flex;
	flex-direction: column;
}
.e-et-flow-after .ecs-et-figure { order: 2; }
.e-et-flow-after .ecs-et-text   { order: 1; }

/* after — gap */
.elementor-widget.elementor-widget-ecs_editorial_text.e-et-flow-after figure.ecs-et-figure {
	margin-top: var(--ecs-et-gap, 1em);
}

/* float_left — layout */
.e-et-flow-float_left .ecs-et-figure { float: left; }

/* float_left — gap */
.elementor-widget.elementor-widget-ecs_editorial_text.e-et-flow-float_left figure.ecs-et-figure {
	margin-right: var(--ecs-et-gap, 1.5em);
}

/* float_right — layout */
.e-et-flow-float_right .ecs-et-figure { float: right; }

/* float_right — gap */
.elementor-widget.elementor-widget-ecs_editorial_text.e-et-flow-float_right figure.ecs-et-figure {
	margin-left: var(--ecs-et-gap, 1.5em);
}

/* Clearfix — CSS ::after replaces the old <div class="ecs-et-clearfix"> */
.e-et-flow-float_left .ecs-editorial-text::after,
.e-et-flow-float_right .ecs-editorial-text::after {
	content: '';
	display: table;
	clear: both;
}

/* ============================================================
   Content Align — desktop base rules
   ============================================================ */

/*
 * text-align cascades into .ecs-et-text.
 * align-items activates only in 'after' flex mode.
 * display:inline-block on the figure lets it respond to text-align
 * in block layout; float overrides it in float modes.
 */

.e-et-align-left .ecs-editorial-text    { text-align: left;    align-items: flex-start; }

.e-et-align-center .ecs-editorial-text { text-align: center;  align-items: center; }
.e-et-align-center .ecs-et-figure      { display: inline-block; }

.e-et-align-right .ecs-editorial-text  { text-align: right;   align-items: flex-end; }
.e-et-align-right .ecs-et-figure       { display: inline-block; }

.e-et-align-justify .ecs-editorial-text { text-align: justify; align-items: flex-start; }

/* ============================================================
   Tablet overrides  (≤ 1024px)
   ============================================================ */

@media (max-width: 1024px) {

	/* none / before — layout */
	.e-et-tablet-flow-none .ecs-et-figure,
	.e-et-tablet-flow-before .ecs-et-figure {
		float: none;
		order: unset;
	}
	.e-et-tablet-flow-none .ecs-editorial-text,
	.e-et-tablet-flow-before .ecs-editorial-text { display: block; }

	/* none / before — gap */
	.elementor-widget.elementor-widget-ecs_editorial_text.e-et-tablet-flow-none figure.ecs-et-figure,
	.elementor-widget.elementor-widget-ecs_editorial_text.e-et-tablet-flow-before figure.ecs-et-figure {
		margin-top: 0;
		margin-right: 0;
		margin-left: 0;
		margin-bottom: var(--ecs-et-gap, 1em);
	}

	/* after — layout */
	.e-et-tablet-flow-after .ecs-editorial-text {
		display: flex;
		flex-direction: column;
	}
	.e-et-tablet-flow-after .ecs-et-figure { float: none; order: 2; }
	.e-et-tablet-flow-after .ecs-et-text   { order: 1; }

	/* after — gap */
	.elementor-widget.elementor-widget-ecs_editorial_text.e-et-tablet-flow-after figure.ecs-et-figure {
		margin-bottom: 0;
		margin-right: 0;
		margin-left: 0;
		margin-top: var(--ecs-et-gap, 1em);
	}

	/* float_left — layout */
	.e-et-tablet-flow-float_left .ecs-et-figure { float: left; order: unset; }
	.e-et-tablet-flow-float_left .ecs-editorial-text { display: block; }

	/* float_left — gap */
	.elementor-widget.elementor-widget-ecs_editorial_text.e-et-tablet-flow-float_left figure.ecs-et-figure {
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: var(--ecs-et-gap, 1.5em);
	}

	/* float_right — layout */
	.e-et-tablet-flow-float_right .ecs-et-figure { float: right; order: unset; }
	.e-et-tablet-flow-float_right .ecs-editorial-text { display: block; }

	/* float_right — gap */
	.elementor-widget.elementor-widget-ecs_editorial_text.e-et-tablet-flow-float_right figure.ecs-et-figure {
		margin-top: 0;
		margin-bottom: 0;
		margin-right: 0;
		margin-left: var(--ecs-et-gap, 1.5em);
	}

	/* Clearfix for tablet floats */
	.e-et-tablet-flow-float_left .ecs-editorial-text::after,
	.e-et-tablet-flow-float_right .ecs-editorial-text::after {
		content: '';
		display: table;
		clear: both;
	}

	/* Remove clearfix for tablet non-float modes */
	.e-et-tablet-flow-none .ecs-editorial-text::after,
	.e-et-tablet-flow-before .ecs-editorial-text::after,
	.e-et-tablet-flow-after .ecs-editorial-text::after {
		content: none;
	}

	/* Content align — tablet */
	.e-et-tablet-align-left .ecs-editorial-text    { text-align: left;    align-items: flex-start; }

	.e-et-tablet-align-center .ecs-editorial-text  { text-align: center;  align-items: center; }
	.e-et-tablet-align-center .ecs-et-figure       { display: inline-block; }

	.e-et-tablet-align-right .ecs-editorial-text   { text-align: right;   align-items: flex-end; }
	.e-et-tablet-align-right .ecs-et-figure        { display: inline-block; }

	.e-et-tablet-align-justify .ecs-editorial-text { text-align: justify; align-items: flex-start; }
}

/* ============================================================
   Mobile overrides  (≤ 767px)
   ============================================================ */

@media (max-width: 767px) {

	/* none / before — layout */
	.e-et-mobile-flow-none .ecs-et-figure,
	.e-et-mobile-flow-before .ecs-et-figure {
		float: none;
		order: unset;
	}
	.e-et-mobile-flow-none .ecs-editorial-text,
	.e-et-mobile-flow-before .ecs-editorial-text { display: block; }

	/* none / before — gap */
	.elementor-widget.elementor-widget-ecs_editorial_text.e-et-mobile-flow-none figure.ecs-et-figure,
	.elementor-widget.elementor-widget-ecs_editorial_text.e-et-mobile-flow-before figure.ecs-et-figure {
		margin-top: 0;
		margin-right: 0;
		margin-left: 0;
		margin-bottom: var(--ecs-et-gap, 1em);
	}

	/* after — layout */
	.e-et-mobile-flow-after .ecs-editorial-text {
		display: flex;
		flex-direction: column;
	}
	.e-et-mobile-flow-after .ecs-et-figure { float: none; order: 2; }
	.e-et-mobile-flow-after .ecs-et-text   { order: 1; }

	/* after — gap */
	.elementor-widget.elementor-widget-ecs_editorial_text.e-et-mobile-flow-after figure.ecs-et-figure {
		margin-bottom: 0;
		margin-right: 0;
		margin-left: 0;
		margin-top: var(--ecs-et-gap, 1em);
	}

	/* float_left — layout */
	.e-et-mobile-flow-float_left .ecs-et-figure { float: left; order: unset; }
	.e-et-mobile-flow-float_left .ecs-editorial-text { display: block; }

	/* float_left — gap */
	.elementor-widget.elementor-widget-ecs_editorial_text.e-et-mobile-flow-float_left figure.ecs-et-figure {
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: var(--ecs-et-gap, 1.5em);
	}

	/* float_right — layout */
	.e-et-mobile-flow-float_right .ecs-et-figure { float: right; order: unset; }
	.e-et-mobile-flow-float_right .ecs-editorial-text { display: block; }

	/* float_right — gap */
	.elementor-widget.elementor-widget-ecs_editorial_text.e-et-mobile-flow-float_right figure.ecs-et-figure {
		margin-top: 0;
		margin-bottom: 0;
		margin-right: 0;
		margin-left: var(--ecs-et-gap, 1.5em);
	}

	/* Clearfix for mobile floats */
	.e-et-mobile-flow-float_left .ecs-editorial-text::after,
	.e-et-mobile-flow-float_right .ecs-editorial-text::after {
		content: '';
		display: table;
		clear: both;
	}

	/* Remove clearfix for mobile non-float modes */
	.e-et-mobile-flow-none .ecs-editorial-text::after,
	.e-et-mobile-flow-before .ecs-editorial-text::after,
	.e-et-mobile-flow-after .ecs-editorial-text::after {
		content: none;
	}

	/* Content align — mobile */
	.e-et-mobile-align-left .ecs-editorial-text    { text-align: left;    align-items: flex-start; }

	.e-et-mobile-align-center .ecs-editorial-text  { text-align: center;  align-items: center; }
	.e-et-mobile-align-center .ecs-et-figure       { display: inline-block; }

	.e-et-mobile-align-right .ecs-editorial-text   { text-align: right;   align-items: flex-end; }
	.e-et-mobile-align-right .ecs-et-figure        { display: inline-block; }

	.e-et-mobile-align-justify .ecs-editorial-text { text-align: justify; align-items: flex-start; }
}/******************************************************************
Site Name: Northwestern Global Marketing Theme
Author: Northwestern IT Academic & Research Technologies

Stylesheet: Main Stylesheet

******************************************************************/
/*********************
IMPORTING PARTIALS
These files are needed at the beginning so that we establish all
our mixins, functions, and variables that we'll be using across
the whole project.
*********************/
/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */

/* Basic Element Styles */
article.format-standard {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 1.5rem;
}
article.format-standard > .entry-header > p:last-child,
article.format-standard > .entry-content > p:last-child,
article.format-standard > .entry-footer > p:last-child {
  margin-bottom: 0;
}
a {
  color: #4e2a84;
}
.cf:after,
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* Container Styles */
.contain-840 {
  width: 100%;
  max-width: 840px;
  margin: 0 auto;
}
.contain-930 {
  width: 100%;
  max-width: 930px;
  margin: 0 auto;
}
.contain-1120 {
  width: 100%;
}

/* Override container widths to be auto in divi-powered pages */
#wpadminbar #wp-admin-bar-et-use-visual-builder {
  display: none !important;
}
.et_builder_inner_content .contain-1120 {
  width: auto;
}
@media screen and (max-width: 990px) {
  .et_builder_inner_content .contain-970 {
    width: auto;
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
/*
@media screen and (min-width: 1440px) {
  body.et_divi_builder .et_builder_inner_content .feature-three-col,
  body.et_divi_builder .et_builder_inner_content .photo-feature-3-across {
    margin-left: -160px !important;
    margin-right: -160px !important;
  }
  body.et_divi_builder .et_builder_inner_content .feature-three-col > .feature-box {
    max-width: 459.98px !important;
  }
  body.et_divi_builder .et_builder_inner_content .photo-feature-3-across > .photo-feature {
    max-width: 480px !important;
  }
}
*/

/* Update Divi Module Spacing */
.et_builder_inner_content .nu-gm-section-title h3 {
  margin-bottom: 1.5rem;
}
.et_builder_inner_content .et-pb-nu-gm-photo-feature > .photo-feature-2-across,
.et_builder_inner_content .et-pb-nu-gm-photo-feature > .photo-feature-3-across,
.et_builder_inner_content .et-pb-nu-gm-photo-grid > .photo-grid,
.et_builder_inner_content .et-pb-nu-gm-text > .gm-text-module > p:first-of-type,
.et_builder_inner_content .et-pb-nu-gm-accordion > .expander {
  margin-top: 0;
}

/* Lockup Styles */
@media screen and (min-width: 769px) {
  #department h2 {
    font-size: 32px;
  }
}
.bottom-bar #department.gm-lockup-opt_0 img,
.bottom-bar #department.gm-lockup-opt_0 a {
  display: block;
}

/* Hide Microdata */
.nu-gm-microdata {
  display: none !important;
}

/* Menus */
#nu .bottom-bar {
  position: relative;
}

/* Mobile Menus */
#nu .mobile-search-link {
  float: left;
}
#nu #mobile-nav-link {
  float: right;
}
#nu #mobile-links {
  width: 110px;
  min-width: 110px;
  float: none;
  display: none;
  vertical-align: bottom;
}
input#q-mobile,
#nu #mobile-links a,
#nu #mobile-nav a {
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
@media screen and (max-width: 768px) {
  #nu #mobile-links {
    display: table-cell;
  }
  .bottom-bar #department h1 a,
  .bottom-bar #department h1 a img {
    display: block;
  }
  .bottom-bar #mobile-search,
  .bottom-bar #mobile-nav {
    top: 100%;
    margin-top: 0;
  }
  .bottom-bar #department h1 img {
    max-height: 55px;
  }
}

/* Footer website and email icons */
.footer-content.contact ul li.footer-website-icon {
  background: url(//msc.northwestern.edu/wp-content/themes/northwestern-global-marketing-wordpress-theme/library/images/icon-link.svg) no-repeat;
  background-size: 18px 24px;
  position: absolute;
  top: 2px;
  left: -2rem;
  height: 24px;
  width: 18px;
}

/* Single Title Area */
.section-top.content {
  width: 100%;
}

/* Events Feeds */
#nu_gm_et_builder_outer_content .et-pb-nu-gm-events .event-list,
#nu_gm_et_builder_outer_content .et-pb-nu-gm-events-planitpurple .event-list {
  -webkit-align-items: left;
  align-items: left;
  -webkit-justify-content: left;
  justify-content: left;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: -10px;
  margin-right: -10px;
}
#nu_gm_et_builder_outer_content .et-pb-nu-gm-events .event-list .event,
#nu_gm_et_builder_outer_content .et-pb-nu-gm-events-planitpurple .event-list .event {
  flex-basis: calc(50% - 20px);
  min-width: 414px;
  min-height: 89px;
  margin: 0 10px .5rem;
}
@media screen and (max-width: 895px) {
  #nu_gm_et_builder_outer_content .et-pb-nu-gm-events .event-list .event,
  #nu_gm_et_builder_outer_content .et-pb-nu-gm-events-planitpurple .event-list .event {
    flex-grow: 1;
    flex-basis: 100%;
    width: 100%;
    min-width: 0;
    margin: 0 0 .5rem;
  }
  #nu_gm_et_builder_outer_content .et-pb-nu-gm-events .event-list,
  #nu_gm_et_builder_outer_content .et-pb-nu-gm-events-planitpurple .event-list {
    margin-left: 0;
    margin-right: 0;
  }
}
#nu_gm_et_builder_outer_content .et-pb-nu-gm-events .event-list .event .event-description,
#nu_gm_et_builder_outer_content .et-pb-nu-gm-events-planitpurple .event-list .event .event-description {
  padding-right: 10px;
  padding-top: 8px;
  min-height: 89px;
  position: relative;
}

#nu_gm_et_builder_outer_content .et-pb-nu-gm-events .event-list .event .event-description .event-time-location.event-location,
#nu_gm_et_builder_outer_content .et-pb-nu-gm-events-planitpurple .event-list .event .event-description .event-time-location.event-location {
  font-family: "Akkurat Pro Italic", Arial, sans-serif;
}
#nu_gm_et_builder_outer_content .et-pb-nu-gm-events .event-list .event .event-description:before,
#nu_gm_et_builder_outer_content .et-pb-nu-gm-events-planitpurple .event-list .event .event-description:before {
  content: " ";
  position: absolute;
  left: -15px;
  right: 0;
  top: 0;
  bottom: 0;
  background: #f0f0f0;
  z-index: -1;
}

#homepage-widget-area .event .event-date,
#nu_gm_et_builder_outer_content .event .event-date,
#left-nav .event .event-date {
  line-height: 1.7em;
}
#homepage-widget-area .event h4,
#nu_gm_et_builder_outer_content .event h4,
#left-nav .event h4 {
  font-size: 1em;
  border-bottom-width: 0;
}
#homepage-widget-area .event h4 a,
#nu_gm_et_builder_outer_content .event h4 a,
#left-nav .event h4 a {
  color: #4e2a84;
  text-decoration: none;
}
#homepage-widget-area .event h4 a:hover,
#nu_gm_et_builder_outer_content .event h4 a:hover,
#left-nav .event h4 a:hover {
  text-decoration: underline;
}

/* Homepage Posts Area */
.home .photo-feature-3-across {
  margin-bottom: 1rem;
}

/* Homepage Widget Area */
#homepage-widget-area {
  display: block;
}
#homepage-widget-area > .widget {
  width: 32.14286%;
  display: block;
  margin-right: 1.78571%;
  margin-bottom: 30px;
  float: left;
}
#homepage-widget-area > .widget.widget-fullwidth {
  width: 100%;
  margin-right: 0;
}
#homepage-widget-area > .widget.widget_gm_news {
  margin-bottom: 65px;
}
#homepage-widget-area > .widget.widget_gm_news h4 a {
  text-decoration: none;
}
#homepage-widget-area > .widget.widget_gm_news h5,
#homepage-widget-area > .widget.widget_gm_news h4 {
  border-bottom: none;
  padding-bottom: auto;
  font: 18px "Akkurat Pro Bold","Arial Black",sans-serif;
  color: #4e2a84;
  margin-bottom: 1rem;
}
#homepage-widget-area > .widget.widget_gm_news .news-event .news .news-box,
#homepage-widget-area > .widget.widget_gm_news .news-event .news {
  width: 100%;
  margin-right: 0;
  clear: both;
  border-bottom: none;
}
#homepage-widget-area > .widget.widget_gm_news .news-event .news .news-box .news-image {
  width: 22.22222%;
}
#homepage-widget-area > .widget.widget_gm_news .news-event .news .news-box .news-text {
  width: 75%;
}
#homepage-widget-area > div.widget:nth-of-type(3n+1) {
  clear: left;
}
@media screen and (min-width: 876px) {
  #homepage-widget-area > div.widget:nth-of-type(3n+3) {
    margin-right: 0;
  }
}
@media screen and (max-width: 875px) {
  #homepage-widget-area {
    display: inherit;
  }
  #homepage-widget-area > .widget {
    width: inherit !important;
    max-width: 480px;
    float: none;
    margin: 0 auto 2rem auto !important;
  }
}
.landing-page .three-column-links .widgettitle {
  font: 30px "Akkurat Pro Regular",Arial,sans-serif;
  color: #716c6b;
  border-bottom: 4px solid #ccc;
  text-transform: none;
  padding-bottom: .5rem;
}

/* Undo overrides from three-column-links class on GM card styles */
#homepage-widget-area.three-column-links article.feature-box {
  margin-bottom: 1em;
}
#homepage-widget-area.three-column-links article.feature-box,
#homepage-widget-area.three-column-links article.photo-feature {
  margin-right: 0;
}
#homepage-widget-area.three-column-links article.feature-box h4,
#homepage-widget-area.three-column-links article.photo-feature h4 {
  border-bottom: 0;
  padding-bottom: 0;
}
#homepage-widget-area.three-column-links article.feature-box p,
#homepage-widget-area.three-column-links article.photo-feature p {
  margin-top: 1em;
}
#homepage-widget-area.three-column-links article.feature-box img,
#homepage-widget-area.three-column-links article.photo-feature img {
  margin-bottom: 0;
}
#homepage-widget-area .photo-feature-2-across,
#homepage-widget-area .photo-feature-3-across,
#homepage-widget-area .feature-three-col,
#homepage-widget-area .feature-two-col {
  margin-top: 0;
}
@media screen and (max-width: 875px) {
  .standard-page #homepage-widget-area  .feature-two-col > .feature-box,
  .landing-page #homepage-widget-area  .feature-two-col > .feature-box,
  .standard-page #homepage-widget-area  .feature-three-col > .feature-box,
  .landing-page #homepage-widget-area  .feature-three-col > .feature-box {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  #homepage-widget-area > .widget.widget-fullwidth {
    max-width: 100%;
  }
}

/* GM Posts Widget */
.widget_gm_posts .more-posts-page-link-wrapper {
  float: left;
  clear: both;
  margin-top: 1em;
}

/* Sidebar Widgets */
#left-nav .widget {
  margin-bottom: 1rem;
}
#left-nav .widgettitle {
  margin-bottom: 1rem;
}
#left-nav .widget a {
  display: inline;
  display: inline-block;
}
#left-nav a.button {
  color: #fff;
}

/* Global Widgets */
.widget .content {
  width: 100%;
}
.widget .content a.button:last-child {
  margin-right: 0;
}

/* Add margin-bottom to card grids */
.photo-feature-2-across,
.photo-feature-3-across,
.feature-three-col,
.feature-two-col {
  margin-bottom: 1em;
}

/* Update inline sidebars to respond to class instead of ID */
#nu-gm-body .inline-sidebar {
  width: 31.10048%;
  float: right;
  margin: 0 0 2rem 2rem;
}
#nu-gm-body .inline-sidebar .box {
  background: #e4e0ee;
  padding: 1rem;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.2em;
}
#nu-gm-body .inline-sidebar .box ol,
#nu-gm-body .inline-sidebar .box ul {
  margin: 1em 0 .5em 0;
}
#nu-gm-body .inline-sidebar .box ul li {
  background-position: 0 0.3em;
}
#nu-gm-body .inline-sidebar .box p:first-child {
  margin-top: 0;
}
#nu-gm-body .inline-sidebar .box p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  #nu-gm-body .inline-sidebar {
    width: 39.0625%;
  }
}
@media screen and (max-width: 480px) {
  #nu-gm-body .inline-sidebar {
    margin-left: 0;
    width: 100%;
    float: none;
  }
  #nu-gm-body .inline-sidebar .box {
    margin-bottom: 1rem;
  }
}

/* Update photo-feature cards to show back on 2 across landing page */
#nu_gm_et_builder_outer_content .photo-feature.hide-front .front .text-over-image {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
}
.photo-feature > a {
  display: block;
}
.landing-page .photo-feature-2-across .photo-feature .back {
    display: none;
    background-color: #75619e;
    width: 100%;
}
.landing-page .photo-feature-2-across .photo-feature .back-text {
  color: #fff;
  padding: 0 2em;
  position: absolute;
  z-index: 31;
  width: 100%;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.landing-page .photo-feature-2-across .photo-feature .back-text h4 {
  font: 18px "Akkurat Pro Bold","Arial Black",sans-serif;
  color: #fff;
  margin-bottom: 1.5em;
  text-shadow: none;
}
.landing-page .photo-feature-2-across .photo-feature .back-text p {
  text-shadow: none;
}
@media screen and (max-width: 480px) {
  .standard-page .photo-feature-2-across .photo-feature .back-text p {
    font-size: 14px;
  }
  .landing-page .photo-feature-2-across .photo-feature .back-text h4 {
    margin-bottom: .5rem;
  }
  .landing-page .photo-feature-2-across .photo-feature .back-text {
    padding: 0 .5rem;
  }
}

/* Update landing page to support center-list */
.standard-page .hero-image .center-list,
.landing-page .hero-image .center-list {
  list-style: none;
  margin: 2rem 0 0 0;
  padding: 0;
  text-align: center;
}
.standard-page .hero-image .center-list li,
.landing-page .hero-image .center-list li {
  background: none;
  display: inline;
  margin: 0;
  padding: 0;
}

/* Add top margins to landing pages */
.landing-page #page {
  margin: 2rem auto 0 auto;
}

/* Update feature-box flexbox layout to accomodate multiple rows  */
.standard-page .feature-two-col,
.landing-page .feature-two-col,
.standard-page .feature-three-col,
.landing-page .feature-three-col {
  -webkit-align-items: left;
  align-items: left;
  -webkit-justify-content: left;
  justify-content: left;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: left;
  margin-left: -10px !important;
  margin-right: -10px !important;
}
.feature-box .feature-copy {
  word-break: break-word;
}
.feature-box a.feature-box-image-link img,
.feature-box a.feature-box-image-link {
  display: block;
}
.feature-two-col > .feature-box,
.feature-three-col > .feature-box {
  flex: 1 auto !important;
  align-self: stretch !important;
  margin-left: 10px !important;
  margin-right: 10px !important;
  clear: none !important;
  margin-bottom: 1em;
}
.standard-page .feature-three-col > .feature-box,
.landing-page .feature-three-col > .feature-box {
  max-width: 360px !important;
  /*max-width: calc(33.33333% - 20px) !important;*/
  width: calc(33.33333% - 20px);
  min-width: 240px;
}
.standard-page .feature-two-col > .feature-box,
.landing-page .feature-two-col > .feature-box {
  max-width: 550px !important;
  max-width: calc(50% - 20px) !important;
  width: calc(50% - 20px);
  min-width: 244px;
}
@media screen and (max-width: 875px) {
  .standard-page .feature-three-col,
  .landing-page .feature-three-col {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .standard-page .feature-three-col > .feature-box,
  .landing-page .feature-three-col > .feature-box {
    min-width: 360px !important;
    max-width: 360px !important;
    width: auto;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media screen and (max-width: 767px) {
  .standard-page .feature-three-col,
  .landing-page .feature-three-col {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}

@media screen and (max-width: 700px) {
  .standard-page .feature-three-col,
  .landing-page .feature-three-col {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media screen and (max-width: 554px) {
  .standard-page #main-content .contain-1120 .feature-three-col,
  .landing-page #main-content .contain-1120 .feature-three-col {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }
  .standard-page #main-content .contain-1120 .feature-three-col > .feature-box,
  .landing-page #main-content .contain-1120 .feature-three-col > .feature-box,
  .standard-page .feature-two-col > .feature-box,
  .landing-page .feature-two-col > .feature-box {
    min-width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
    width: calc(100% - 20px);
  }
}
/*.feature-two-col > .feature-box {
  max-width: 48.68421% !important;
  min-width: 360px;
}*/
.feature-box p.post-date {
  margin: .4rem 0;
  font-family: "Akkurat Pro Italic",Arial,sans-serif;
  font-style: normal;
}
.tabpanel > .feature-two-col,
.tabpanel > .feature-three-col {
  margin-top: 3rem;
}
/*@media screen and (min-width: 768px) {
  .standard-page .feature-two-col .feature-box:nth-child(2n+1),
  .landing-page .feature-two-col .feature-box:nth-child(2n+1),
  .standard-page .feature-three-col .feature-box:nth-child(3n+1),
  .landing-page .feature-three-col .feature-box:nth-child(3n+1) {
    margin-left: 0;
    clear: left;
  }
}
@media screen and (max-width: 767px) {
  .standard-page .feature-three-col .feature-box:nth-child(3n+1),
  .landing-page .feature-three-col .feature-box:nth-child(3n+1) {
    margin-left: auto;
    clear: none;
  }
  .standard-page .feature-two-col .feature-box:nth-child(2n+1),
  .landing-page .feature-two-col .feature-box:nth-child(2n+1),
  .standard-page .feature-three-col .feature-box:nth-child(2n+1),
  .landing-page .feature-three-col .feature-box:nth-child(2n+1) {
    margin-left: 0;
    clear: left;
    width: 48.68421%;
  }
}*/
/*@media screen and (max-width: 719px) {
  .standard-page .feature-three-col > .feature-box,
  .landing-page .feature-three-col > .feature-box,
  .standard-page .feature-two-col > .feature-box,
  .landing-page .feature-two-col > .feature-box {
    margin-left: auto !important;
    margin-right: auto !important;
    clear: both !important;
    width: auto !important;
    max-width: 360px !important;
  }
}*/
@media screen and (max-width: 480px) {
/*  .standard-page .feature-two-col .feature-box,
  .landing-page .feature-two-col .feature-box,
  .standard-page .feature-three-col .feature-box,
  .landing-page .feature-three-col .feature-box {
    margin-left: 0;
    margin-right: 0;
    clear: both;
    width: 100%;
    max-width: 100%;
  }*/
}

/* Center Lists */
.landing-page .center-list,
.standard-page .center-list {
  clear: both;
}

/* Pagination */
.pagination-wrapper,
.pagination-wrapper .pagination {
  clear: both;
}
.standard-page .pagination ul > li {
  background-image: none;
}
.standard-page .pagination li > span:not(.current) {
  margin: 0 .4em .3em 0;
  padding: .5rem .8rem;
  font: 16px "Akkurat Pro Bold","Arial Black",sans-serif;
  display: inline-block;
  text-decoration: none;
  color: #616161;
  border: 1px solid #ccc;
}
.standard-page .pagination span.current {
  background: #616161 none repeat scroll 0 0;
  color: #fff;
  border: 1px solid #ccc;
  font: 16px "Akkurat Pro Bold","Arial Black",sans-serif;
  display: inline-block;
  margin: 0 .4em .3em 0;
  padding: .5rem .8rem;
  text-decoration: none;
}
.standard-page .pagination ul.page-numbers {
  padding-left: 0;
  list-style: none;
}

/* Map WP Image Alignment Classes to GM Styles */
.alignnone,
.aligncenter,
.alignleft,
.alignright {
  max-width: 100%;
}
a .aligncenter,
.aligncenter {
  margin: 0 auto;
  display: block;
}
a .alignright,
.alignright {
  float: right;
  margin: .5rem 0 .5rem 1.5rem;
}
a .alignleft,
.alignleft {
  float: left;
  margin: .5rem 1.5rem .5rem 0;
}
.wp-gallery .swiper-slide img {
  width: 100% !important;
  height: auto !important;
  display: block;
}

/* Add photo grid feature */
.photo-grid article {
  width: 23.66071%;
  margin-right: 1.33929%;
  margin-bottom: 20px;
  float: left;
  line-height: 1.5rem;
}
.photo-grid article a.photo-box-img-link {
  display: block;
}
@media screen and (max-width: 768px) {
  .photo-grid article {
    width: 48.5%;
    max-width: 265px;
    margin-right: 3%;
  }
}

/* Better Alternate Photo Float Styles */
.alternate-photo-float .image-right img,
.alternate-photo-float .image-left img,
.alternate-photo-float a.alternate-photo-float-image-link {
  display: block;
}
@media screen and (max-width: 875px) {
  .landing-page .alternate-photo-float .image-left,
  .landing-page .alternate-photo-float .image-right,
  .landing-page .alternate-photo-float .text {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    max-width: 100%;
    max-height: none;
  }
  .landing-page .alternate-photo-float .image-left,
  .landing-page .alternate-photo-float .image-right {
    text-align: center;
    background: url(//common.northwestern.edu/v8/css/images/slashes-white-bg.gif) no-repeat center / cover;
  }
  .landing-page .alternate-photo-float .image-left img,
  .landing-page .alternate-photo-float .image-right img {
    margin: auto;
  }
}

/* Fancybox JS Theming */
a.fancybox:hover {
  cursor: zoom-in;
}
#nu-gm-body .fancybox-skin,
#nu-gm-body .fancybox-opened .fancybox-skin {
  display: flex;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
#nu-gm-body .fancybox-overlay .fancybox-skin{
  padding: 0px !important;
}
#nu-gm-body .fancybox-overlay .fancybox-skin .fancybox-nav span{
  background-image: none;
  background-color: #401f68;
}
#nu-gm-body .fancybox-overlay .fancybox-skin .fancybox-nav span:after{
  content: "";
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
  background-image: url(//msc.northwestern.edu/wp-content/themes/northwestern-global-marketing-wordpress-theme/library/images/white_arrow_right.svg);
  background-size: 80%;
  background-position: center center;
  background-repeat: no-repeat;
}
#nu-gm-body .fancybox-overlay .fancybox-skin .fancybox-prev span{
  transform: rotate(180deg);
}
#nu-gm-body .fancybox-overlay .fancybox-skin .fancybox-close{
  top: 0;
  right: 0;
  background-image: url(//msc.northwestern.edu/wp-content/themes/northwestern-global-marketing-wordpress-theme/library/images/white_close.svg);
  background-size: 80%;
  background-position: center center;
  background-repeat: no-repeat;
}
#nu-gm-body .fancybox-overlay .fancybox-skin .fancybox-title {
  right: 0;
  left: 0;
  bottom: inherit;
  top: 100%;
  margin-bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  text-align: left;
}
#nu-gm-body .fancybox-overlay .fancybox-skin .fancybox-title .child {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: none;
  text-shadow: none;
  margin-right: 0;
  font-weight: normal;
  text-align: left;
  max-width: 100%;
}
#nu-gm-body .fancybox-overlay .fancybox-skin .fancybox-title .child .title-text {
  color: #fff;
  white-space: normal;
}
#nu-gm-body .fancybox-overlay .fancybox-skin .fancybox-title .child .caption-text {
  white-space: normal;
}


/* Directory Entries */
.letter-group {
  position: relative;
}
.letter-group .letter-cell {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: calc(100% - 45px);
  border-right: 4px solid #e4e0ee;;
}
.letter-group .letter-cell h3 {
}
.letter-group .directory-items-starting-with-letter {
  margin-left: 60px;
}
.people-content a.tel-link {
  font-family: 'Akkurat Pro Regular', Arial, sans-serif;
}
.people-content a.tel-link:hover {
  text-decoration: none;
}

/* Project */
.type-nu_gm_project .project-examples-videos ul {
  padding-left: 0;
}
.type-nu_gm_project .project-examples-videos ul li {
  list-style: none;
  padding-left: 0;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 35px;
  height: 0;
  overflow: hidden;
  margin-bottom: .5em;
}
.type-nu_gm_project .project-examples-videos iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}
.type-nu_gm_project .box .project-examples-url a.button {
  margin-right: 0;
  display: block;
}
.type-nu_gm_project .section-title {
  clear: both;
}
.type-nu_gm_project .people-small-project-contributor {
  float: left;
  width: calc(100% / 3);
}
.type-nu_gm_project .people-small-project-contributor .job-title {
  margin-top: .5em;
}
.type-nu_gm_project .people-small-project-contributor:nth-of-type(3n+1) {
  clear: left;
}
.people-card .people-content h4 a{
  font: 24px/1.2em "Poppins Bold",Impact,sans-serif;
}
@media screen and (max-width: 900px) {
  .type-nu_gm_project .people-small-project-contributor,
  .type-nu_gm_project .people-small-project-contributor:nth-of-type(3n+1) {
    width: 100%;
    clear: both;
  }
}

/* Author Archives */
body.author.archive h4.author-title {
  font: 24px/1.2em "Poppins Bold",Impact,sans-serif;
  color: #716c6b;
}

/* Comments */
.comment > .cf > .comment {
  padding-left: 2rem;
  border-left: 2px solid #f0f0f0;
}
.comment.depth-1 {
  padding-left: 0;
  margin-left: 0;
  border-left-width: 0;
}
.comment .comment-author {
  font-size: 1.2em;
  line-height: 1.2em;
  margin-bottom: .8rem;
}
.comments-section {
  padding-top: 2rem;
  margin-top: 2rem;
  border-top: 1px solid #f0f0f0;
}

/* Formidable */
.web-form .frm_primary_label {
  font-family: "Akkurat Pro Bold","Arial Black",sans-serif;
  font-weight: normal;
}
.web-form .field .frm_scale {
  width: auto;
  float: left;
}
.web-form .field .frm_scale label {
  margin-right: 1.5rem;
}
.frm_forms .frm_form_field.frm_full {
  clear: both;
}
.frm_forms .web-form input[type="text"], .frm_forms .web-form input[type="password"], .frm_forms .web-form input[type="email"], .frm_forms .web-form input[type="url"], .frm_forms .web-form input[type="date"], .frm_forms .web-form input[type="month"], .frm_forms .web-form input[type="time"], .frm_forms .web-form input[type="datetime"], .frm_forms .web-form input[type="datetime-local"], .frm_forms .web-form input[type="week"], .frm_forms .web-form input[type="number"], .frm_forms .web-form input[type="search"], .frm_forms .web-form input[type="tel"], .frm_forms .web-form input[type="color"], .frm_forms .web-form select, .frm_forms .web-form textarea {
  min-width: 0;
  margin-right: 0;
  width: 100%;
}
.web-form input[type="radio"] {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.web-form input[type="radio"]:focus {
  outline: none;
}
.web-form input[type="radio"]:checked {
  background-color: #4e2a84;
  background-image: radial-gradient(circle at center, #4e2a84 0%, #4e2a84 30%, #fff 30%, #fff 100%);
}

/* Search Form Focus */
#mobile-search .search-form input:focus,
#search .search-form input:focus {
  text-indent: 3px;
  border: 1px dashed #b6acd1;
}

/* Scroll to Top Link */
a#scrollup {
  display: none;
  opacity: .9;
  width: 50px;
  height: 50px;
  text-indent: -9999px;
  position: fixed;
  z-index: 999;
  right: 2rem;
  bottom: 2rem;
  background: #401f68 url(https://common.northwestern.edu/v8/css/images/icons/arrow-right-white.svg) no-repeat 50%/14px 18px;
  border: 1px solid #fff;
  transform: rotate(270deg);
}
a:focus#scrollup {
  border: 2px dashed #fff;
  outline: none;
}
a:hover#scrollup {
  background-color: #836eaa;
  transition: .3s;
}
@media screen and (max-width: 768px) {
  a#scrollup {
    right: 1rem;
    bottom: 1rem;
  }
}

/* Visible link underlines for accessibility */
/*
SCSS:
@mixin inlineATagVisibility () {
  a:not(.button) {
    border-bottom: 1px dashed #b6acd1;
    &:hover {
      border-bottom: 1px solid #4e2a84;
      text-decoration: none;
    }
    &:focus {
      border-bottom: 1px dashed transparent;
      outline: 1px dashed #4e2a84;
    }
  }
}

.content,
.content-full {
  .archive-description,
  .entry-content {
    p {
      @include inlineATagVisibility;
    }
  }
  .comment-respond,
  .comment-inner,
  .entry-author {
    @include inlineATagVisibility;
  }
  .article-footer {
    .article-taxonomy-list {
      @include inlineATagVisibility;
    }
  }
}
*/
.content .archive-description p a:not(.button),
.content .entry-content p a:not(.button),
.content-full .archive-description p a:not(.button),
.content-full .entry-content p a:not(.button) {
  border-bottom: 1px dashed #b6acd1;
}
.content .archive-description p a:not(.button):hover,
.content .entry-content p a:not(.button):hover,
.content-full .archive-description p a:not(.button):hover,
.content-full .entry-content p a:not(.button):hover {
  border-bottom: 1px solid #4e2a84;
  text-decoration: none;
}
.content .archive-description p a:not(.button):focus,
.content .entry-content p a:not(.button):focus,
.content-full .archive-description p a:not(.button):focus,
.content-full .entry-content p a:not(.button):focus {
  border-bottom: 1px dashed transparent;
  outline: 1px dashed #4e2a84;
}
.content .comment-respond a:not(.button),
.content .comment-inner a:not(.button),
.content .entry-author a:not(.button),
.content-full .comment-respond a:not(.button),
.content-full .comment-inner a:not(.button),
.content-full .entry-author a:not(.button) {
  border-bottom: 1px dashed #b6acd1;
}
.content .comment-respond a:not(.button):hover,
.content .comment-inner a:not(.button):hover,
.content .entry-author a:not(.button):hover,
.content-full .comment-respond a:not(.button):hover,
.content-full .comment-inner a:not(.button):hover,
.content-full .entry-author a:not(.button):hover {
  border-bottom: 1px solid #4e2a84;
  text-decoration: none;
}
.content .comment-respond a:not(.button):focus,
.content .comment-inner a:not(.button):focus,
.content .entry-author a:not(.button):focus,
.content-full .comment-respond a:not(.button):focus,
.content-full .comment-inner a:not(.button):focus,
.content-full .entry-author a:not(.button):focus {
  border-bottom: 1px dashed transparent;
  outline: 1px dashed #4e2a84;
}
.content .article-footer .article-taxonomy-list a:not(.button),
.content-full .article-footer .article-taxonomy-list a:not(.button) {
  border-bottom: 1px dashed #b6acd1;
}
.content .article-footer .article-taxonomy-list a:not(.button):hover,
.content-full .article-footer .article-taxonomy-list a:not(.button):hover {
  border-bottom: 1px solid #4e2a84;
  text-decoration: none;
}
.content .article-footer .article-taxonomy-list a:not(.button):focus,
.content-full .article-footer .article-taxonomy-list a:not(.button):focus {
  border-bottom: 1px dashed transparent;
  outline: 1px dashed #4e2a84;
}