@import 'scss/variables';
@import 'scss/fonts';
@import 'scss/mixins';
@import 'scss/layout';
@import 'scss/ui';
@import 'scss/event-list';
@import 'scss/event-detail';
@import 'scss/submit';
@import "../../../../livewhale/theme/core/styles/calendar-mobile.less";
/*      Request ID: 63befca9499dad63a0ed09205fd25f9e_1780082114 (05/29/2026 3:31pm) (failed compilation: /home/soka/soka-dev.lwcal.com/public_html/_ingredients/themes/global/styles/main.scss, /home/soka/soka-dev.lwcal.com/public_html/_ingredients/themes/global/styles/mobile.less, /home/soka/soka-dev.lwcal.com/public_html/_ingredients/themes/global/styles/soka-header-and-footer.scss) (rc/RDcMgDATQVTpAwCNFBtxg1cYVdlp1+0bMkJ/T3c+TDropgdsLV6RGnyzfipKrKbzPIlz3Hiqw8zgmNaYRDtFJyeEQKyjg8ZNrKfLIXt23B9zJWmGhfNWb4QV0wkYz4WjpaRY014M/)      */

// Master stylesheet











/* -------------------------------------------------------------------------- */
/*                                 mobile.less                                */
/* -------------------------------------------------------------------------- */



// update based on calendar.less @highlight1
// OVERRIDE CORE CALENDAR VARIABLES AS NEEDED
// Override core theme colors @highlight1 and @highlight2 for this LWC instance

@highlight1:  #004b87;
@highlight2:  #2aa1ba;


// use standard bootstrap breakpoints
@screen-xs-max: 479px;
@screen-sm-max: 767px;
@screen-md-max: 991px;
@screen-lg-max: 1199px;

@media screen and (max-width: @screen-md-max) {
   #lw_cal_date_selector {
        display: none;
    }
    #lw_cal_subscribe {
        padding: 0;
    }
    #lw_cal_search_form input {
        // width: 300px;
    }
}

@media screen and (max-width: @screen-lg-max) {
  #lw_cal_view_selector .all a .m  {
    display: none;
  }

  #lw_cal_header h5 {
    font-size: 2.15em;
    margin: 5px 10px 0px 10px;
  }
}

@media screen and (max-width: @screen-md-max) {
    .mobileViewSelector();
    .mobilePaymentsTable();
    .mobileMonthViewGrid();

    #lw_cal_events {
        padding: 0;
    }

    #lw_cal_header {
        padding-left: 0;
        border-bottom: none;
        margin-bottom: 0;
        h5 {
            font-size: 1.5em;
        }
    }

    .lw_cal_search_wrapper {
        padding: 12px;
        margin-top: 10px;
        background-color: #eee;
        .border-radius(2px);

    }

    #lw_cal_search_form {
        margin: 0;
        display: flex;
    }

    // LWC toolbar
    li#lw_calendar_manage_images {
        display: none;
    }
    #lw_toolbar.lw_element .lw_block > a {
        padding: 5px !important;
        #lw_toolbar.lw_element .lw_block > a span {
            margin: 0 !important;
        }
    }

    // individual item styles
    .text-right {
        float: left;
    }

    #lw_cal_scroll_links {
        top: 18px;
    }

    .lw_cal_tz_abbrv,
    .lw_user_time {
        display: none;
    }

    #lw_cal_location_map {
        width: 200px;
        z-index: 200;
    }

    #lw_page {
        margin-top: 60px;
    }

    #lw_cal_day_leftcol {
        display: none;
    }

    #lw_cal_day_rightcol,
    #lw_cal_event_leftcol {
        padding: 0;
        border: none;
        min-height: 0;
    }

    #lw_cal_event_rightcol {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .lw_cal_month_view #lw_cal_events td {
        height: 60px;
    }

    #lw_cal_events .lw_cal_show_day {
        font-size: 10px;
        display: block;
        width: 100%;
        clear: both;
    }

    .lw_cal_month_view #lw_cal_events .lw_cal_event_list .lw_cal_event {
        width: 3px;
        height: 3px;
        padding: 1px;
        margin: 6px 6px 2px 0;
        background-color: @highlight1;
    }

    #lw_mini_cal {
        th, 
        td>a {
            font-size: 0.75rem;
        }

        td {
            padding: 0.25rem;
        }
    }

    form.lw_payments_charge td {
        width: 100% !important;

        label {
            text-align: left;
        }
    }
}

@media screen and (max-width: @screen-xs-max) {
    body.calendar {
        .m,
        span.fa-search,
        header.title {
            display: none;
        }
    }

    #lw_cal_search_form {
        display: block;
        input {
            width: 100%;
        }
    }

    #lw_cal_view_selector li a {
        font-size: .75em;
    }

    #lw_cal_header {
        padding: 0;
        padding-bottom: 20px;
    }

    #lw_cal_scroll_links {
        top:5px;
    }

    #lw_cal_this_day {
        clear: left;
        width: 100%;
        padding-top: 10px;
    }
}

@media screen and (min-width: @screen-md-max) {
    #lw_cal_view_selector {
        border-bottom: 1px solid @highlight1;
        margin-bottom: 1em;
    }

    #main-content {
        &>.group-calendar-header {
            margin-top: 1em;
        }
        
        &>#lw_cal_view_selector {
            margin-top: 0.75em;
        }
    }
}

@media screen and (max-width: @screen-md-max) {
    #main-sidebar {
        #main-sidebar-collapse {
            button {
                width: 100%;
                border: none;
                position: relative;
            }
        }

        .sidebar-content {
            display: none;
            margin-top: 1rem;
            padding: 0 1rem 1rem 1rem;
        }
    }
}$asset-path: 'https://soka.edu';

.visually-hidden {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    word-wrap: normal;
}

* {
    box-sizing: border-box
}

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;

    body {
        margin: 0
    }

    article,
    aside,
    footer,
    header,
    nav,
    section {
        display: block
    }

    h1 {
        font-size: 2em;
        margin: .67em 0
    }

    figcaption,
    figure,
    main {
        display: block
    }

    figure {
        margin: 0
    }

    hr {
        box-sizing: content-box;
        height: 0;
        overflow: visible
    }

    pre {
        font-family: monospace, monospace;
        font-size: 1em
    }

    a {
        background-color: transparent;
        -webkit-text-decoration-skip: objects
    }

    abbr[title] {
        border-bottom: none;
        text-decoration: underline;
        text-decoration: underline dotted
    }

    b,
    strong {
        font-weight: inherit
    }

    b,
    strong {
        font-weight: bolder
    }

    code,
    kbd,
    samp {
        font-family: monospace, monospace;
        font-size: 1em
    }

    dfn {
        font-style: italic
    }

    mark {
        background-color: #ff0;
        color: #000
    }

    small {
        font-size: 80%
    }

    sub,
    sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

    audio,
    video {
        display: inline-block
    }

    audio:not([controls]) {
        display: none;
        height: 0
    }

    img {
        border-style: none
    }

    svg:not(:root) {
        overflow: hidden
    }

    button,
    input,
    optgroup,
    select,
    textarea {
        font-family: sans-serif;
        font-size: 100%;
        line-height: 1.15;
        margin: 0;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border-radius: 0
    }

    select::-ms-expand {
        display: none
    }

    button,
    input {
        overflow: visible;
        border-radius: 0
    }

    button,
    select {
        text-transform: none
    }

    button,
    html [type=button],
    [type=reset],
    [type=submit] {
        -webkit-appearance: none
    }

    button::-moz-focus-inner,
    [type=button]::-moz-focus-inner,
    [type=reset]::-moz-focus-inner,
    [type=submit]::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    button:-moz-focusring,
    [type=button]:-moz-focusring,
    [type=reset]:-moz-focusring,
    [type=submit]:-moz-focusring {
        outline: 1px dotted ButtonText
    }

    fieldset {
        padding: .35em .75em .625em
    }

    legend {
        box-sizing: border-box;
        color: inherit;
        display: table;
        max-width: 100%;
        padding: 0;
        white-space: normal
    }

    progress {
        display: inline-block;
        vertical-align: baseline
    }

    textarea {
        overflow: auto
    }

    [type=checkbox],
    [type=radio] {
        box-sizing: border-box;
        padding: 0
    }

    [type=number]::-webkit-inner-spin-button,
    [type=number]::-webkit-outer-spin-button {
        height: auto
    }

    [type=search] {
        -webkit-appearance: textfield;
        outline-offset: -2px
    }

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

    ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit
    }

    details,
    menu {
        display: block
    }

    summary {
        display: list-item
    }

    canvas {
        display: inline-block
    }

    template {
        display: none
    }

    [hidden] {
        display: none
    }

    body h1,
    body .h1 {
        font-family: Elza, sans-serif;
        font-style: normal;
        padding: 0;
        margin: 0;
        font-size: 32px;
        font-weight: 700;
        line-height: 140%;
        letter-spacing: .32px
    }

    @media screen and (min-width: 1025px) {

        body h1,
        body .h1 {
            font-size: 68px;
            line-height: 104%;
            letter-spacing: .68px
        }
    }

    body h2,
    body .page-node-type-faculty-staff h1,
    .page-node-type-faculty-staff body h1,
    body .h2 {
        font-family: Elza, sans-serif;
        font-style: normal;
        padding: 0;
        margin: 0;
        font-size: 28px;
        font-weight: 400;
        line-height: 140%;
        letter-spacing: .28px
    }

    @media screen and (min-width: 1025px) {

        body h2,
        body .page-node-type-faculty-staff h1,
        .page-node-type-faculty-staff body h1,
        body .h2 {
            font-size: 52px;
            line-height: 107%;
            letter-spacing: .52px
        }
    }

    body h3,
    body .h3 {
        font-family: Elza, sans-serif;
        font-style: normal;
        padding: 0;
        margin: 0;
        font-size: 24px;
        font-weight: 700;
        line-height: 1.3
    }

    @media screen and (min-width: 1025px) {

        body h3,
        body .h3 {
            font-size: 42px;
            line-height: 1.2
        }
    }

    body h4,
    body .h4 {
        font-family: Elza, sans-serif;
        padding: 0;
        margin: 0;
        font-size: 20px;
        font-weight: 400;
        font-style: normal;
        line-height: 130%;
        letter-spacing: .2px
    }

    @media screen and (min-width: 1025px) {

        body h4,
        body .h4 {
            font-size: 40px;
            line-height: 120%
        }
    }

    body h5,
    body .h5 {
        font-family: Elza, sans-serif;
        padding: 0;
        margin: 0;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: .2px
    }

    body h5 a,
    body .h5 a {
        font-weight: inherit
    }

    @media screen and (min-width: 1025px) {

        body h5,
        body .h5 {
            font-size: 24px;
            line-height: 140%
        }
    }

    body h6,
    body .h6 {
        font-family: Elza, sans-serif;
        padding: 0;
        margin: 0;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%;
        letter-spacing: .18px
    }

    body p {
        font-family: Elza, sans-serif;
        font-size: 16px;
        line-height: 1.5
    }

    body p.small,
    body p.caption {
        font-size: 14px
    }

    body p.large {
        font-family: Elza, sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 300;
        line-height: 150%
    }

    @media screen and (min-width: 1025px) {
        body p.large {
            font-size: 20px;
            line-height: 150%
        }
    }

    @media screen and (min-width: 1025px) {
        body p.large {
            font-size: 20px
        }
    }

    body .large {
        font-family: Elza, sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 300;
        line-height: 150%
    }

    @media screen and (min-width: 1025px) {
        body .large {
            font-size: 20px;
            line-height: 150%
        }
    }

    body span.blue {
        color: #000;
        font-weight: 400
    }

    body strong {
        font-weight: 700
    }

    body a {
        cursor: pointer;
        font-weight: 700;
        text-decoration: underline;
        transition: .2s ease;
        color: #004b87
    }

    body a:hover {
        text-decoration: underline
    }

    body {
        font-family: Elza, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.63;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        overflow-x: clip;
        background: #fefdeb;
        color: #004b87
    }

    @media screen and (min-width: 700px) {
        body {
            font-size: 16px;
            line-height: 1.63
        }
    }

}


.addsearch-form .adds-components {
    padding-top: 0;
    padding-bottom: 0
}

.addsearch-form .addsearch-searchfield-container button {
    display: none
}

.addsearch-form .search-field-wrapper {
    display: inherit;
    max-width: 100%;
    width: 100%
}

.addsearch-form #searchfield-container .addsearch-searchfield input[type=search] {
    padding: 11px 15px !important;
    border: 1px solid #000000;
    height: auto;
    max-width: 100%;
    width: 100%;
    border-radius: 0
}

.addsearch-form .addsearch-searchfield {
    margin: 0
}

.adds-components #searchresults-container a {
    box-shadow: none !important
}

.adds-components .adds-hit-wrapper {
    border: none !important
}

.adds-components .adds-hit-title {
    text-transform: capitalize !important;
    font-size: 24px !important;
    font-family: instrument-serif, Georgia, serif;
    color: #004a88 !important;
    line-height: 1.21
}

.adds-components .adds-filters-tabs .adds-tab-button.adds-active,
.adds-components .adds-filters-tabs .adds-tab-button:hover {
    border-color: transparent !important
}

.adds-components .adds-filters-tabs .adds-tab-button.adds-active {
    box-shadow: 0 -2px #edda26 inset
}

// HEADER STYLES 


.container-wide,
.region-header {
    width: 100%;
    max-width: 1440px !important;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px
}

.field--name-field-wrapper-support-nav,
.field--name-field-org-name,
.field--name-field-wrapper-ctas {
    display: none
}

.search-box {
    position: relative;
    margin: 40px 0
}

.search-box input[type=text] {
    width: 100%;
    padding: 10px 40px 10px 0;
    border-width: 0 0 1px 0;
    border-bottom: 1px solid #004B87;
    border-radius: 0;
    background-color: #fefdeb;
    font-family: Elza, sans-serif;
    font-size: 16px
}

.search-box input[type=text]::placeholder {
    color: #004b87;
    font-style: italic
}

.search-box:after {
    content: "";
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3e%3cpath%20d='M17.4995%2017.5L13.8828%2013.8833'%20stroke='url(/_ingredients/themes/global/styles/%23pattern0_970_2852)'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M17.4995%2017.5L13.8828%2013.8833'%20stroke='%23004B87'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M9.16667%2015.8333C12.8486%2015.8333%2015.8333%2012.8486%2015.8333%209.16667C15.8333%205.48477%2012.8486%202.5%209.16667%202.5C5.48477%202.5%202.5%205.48477%202.5%209.16667C2.5%2012.8486%205.48477%2015.8333%209.16667%2015.8333Z'%20stroke='url(/_ingredients/themes/global/styles/%23pattern1_970_2852)'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M9.16667%2015.8333C12.8486%2015.8333%2015.8333%2012.8486%2015.8333%209.16667C15.8333%205.48477%2012.8486%202.5%209.16667%202.5C5.48477%202.5%202.5%205.48477%202.5%209.16667C2.5%2012.8486%205.48477%2015.8333%209.16667%2015.8333Z'%20stroke='%23004B87'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cdefs%3e%3cpattern%20id='pattern0_970_2852'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_970_2852'%20transform='matrix(0.0031406%200%200%200.00998711%20-3.70504%20-15.6201)'/%3e%3c/pattern%3e%3cpattern%20id='pattern1_970_2852'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_970_2852'%20transform='matrix(0.0031406%200%200%200.00998711%20-3.70504%20-15.6201)'/%3e%3c/pattern%3e%3c/defs%3e%3c/svg%3e") no-repeat center;
    background-size: contain;
    pointer-events: none
}

.search-box .addsearch-form .adds-components {
    padding: 0 !important
}

.search-box .addsearch-form #searchfield-container .addsearch-searchfield input[type=search] {
    background: none;
    border: none;
    border-bottom: 1px solid #004B87;
    padding: 15px 10px !important
}

.search-box .addsearch-form #searchfield-container .addsearch-searchfield input[type=search]::placeholder {
    color: #004b87;
    font-style: italic
}

.search-box .addsearch-form #searchfield-container .addsearch-searchfield input[type=search].icon {
    background: none
}

header {
    background-color: #004b87
}

body:not(.path-frontpage) header {
    background-color: #fefdeb
}

.open-menu {
    overflow: hidden
}

.open-menu .menu-wrapper {
    z-index: 1000;
    opacity: 1;
    visibility: visible;
    overflow: visible;
    transition: all .3s
}

.open-menu .menu-wrapper:before {
    position: absolute;
    content: "";
    display: block;
    width: 100vw;
    height: 100vh;
    left: -100vw;
    top: 139px;
    background-color: #628fb3;
    background-image: url(/_ingredients/themes/global/styles/$asset-path + '/themes/custom/soka_theme/dist/img/nav_flowers_1.DdjRMXzc.svg');
    background-repeat: no-repeat;
    background-size: 360px 754px;
    background-position: 100% 10%
}

.open-menu .menu-wrapper.budged:before {
    background-position: calc(100% - 360px) 10%
}

.open-menu #block-soka-theme-siteheader {
    opacity: .5
}


.header-wrapper {
    padding: 19px 20px;
    position: relative;
    width: 100%;
    background: #004b87;
    transition: all .3s;
    top: -100%;
    z-index: 1000;
    max-width: 100%;
    margin: 0 auto
}

.header-wrapper #block-mainnavsoka {
    display: flex
}

.header-wrapper #block-mainnavsoka .information__button {
    display: none;
    padding: 20px 30px 20px 20px
}

.header-wrapper #block-mainnavsoka .information__button.active {
    background-color: #fefdeb;
    color: #004b87
}

.header-wrapper #block-mainnavsoka .information__button.active:after {
    transform: rotate(0);
    filter: none
}

.header-wrapper #block-mainnavsoka .information__dropdown {
    display: none;
    left: 0
}

.header-wrapper #block-mainnavsoka .information__dropdown ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0;
    gap: 20px;
    padding: 20px;
    text-align: left
}

.header-wrapper #block-mainnavsoka .information__dropdown ul li {
    width: 100%;
    list-style: none
}

.header-wrapper #block-mainnavsoka .information__dropdown ul li a {
    color: #004b87;
    font-weight: 400;
    text-decoration: none;
    text-transform: capitalize
}

.header-wrapper #block-mainnavsoka .information__dropdown ul li a:hover {
    text-decoration: underline
}

.header-wrapper #block-mainnavsoka .information__dropdown.active {
    display: block;
    position: absolute;
    z-index: 2;
    background-color: #fefdeb
}

@media screen and (min-width: 700px) {
    .header-wrapper #block-mainnavsoka .information__button {
        position: relative;
        display: block;
        background-color: transparent;
        color: #fefdeb;
        border: none;
        box-shadow: none;
        outline: none;
        font-family: Elza, sans-serif;
        font-size: 14px;
        letter-spacing: .28;
        font-weight: 700
    }

    .header-wrapper #block-mainnavsoka .information__button:after {
        position: relative;
        content: "";
        display: inline-block;
        width: 8px;
        height: 4px;
        background-image: url(/_ingredients/themes/global/styles/$asset-path + '/themes/custom/soka_theme/dist/img/chevron.B-oDOydP.svg');
        filter: brightness(0) invert(1);
        transform: rotate(180deg);
        margin-left: 10px;
        top: -2px
    }
}

.header-wrapper .menu--main {
    font-size: 18px;
    padding: 0 20px;
    margin-top: 50px
}

.header-wrapper .menu--main:after {
    display: block;
    content: "";
    width: 57px;
    height: 6px;
    background-color: #fcd43b
}

@media screen and (min-width: 700px) {
    .header-wrapper .menu--main {
        font-size: 25px;
        margin: 0;
        padding: 0 10px 0 0;
        border-bottom: 0;
        width: 50%;
        float: left
    }
}

@media screen and (min-width: 1025px) {
    .header-wrapper .menu--main {
        float: none;
        width: auto;
        grid-column: 1;
        grid-row: 1/6
    }
}

@media screen and (min-width: 1025px) {
    .header-wrapper .menu--main>ul {
        padding-bottom: 20px !important
    }
}

.header-wrapper .menu--main>ul>li {
    position: relative;
    padding-bottom: 10px
}

@media screen and (min-width: 700px) {
    .header-wrapper .menu--main>ul>li {
        padding-bottom: 7px
    }
}

.header-wrapper .menu--main>ul>li>a {
    font-family: Elza, sans-serif;
    line-height: 1.4;
    font-size: 36px;
    letter-spacing: .36px;
    font-weight: 400;
    text-decoration: none
}

@media screen and (min-width: 1200px) {
    .header-wrapper .menu--main>ul>li>a {
        font-size: 40px;
        letter-spacing: .4px
    }
}

.header-wrapper .menu--main>ul>li:last-child {
    padding-bottom: 15px
}

.header-wrapper .menu--main>ul>li:last-child:after {
    bottom: 45px;
    height: auto
}

.header-wrapper .menu--main>ul>li .menu__toggle {
    display: none;
    position: relative;
    right: 0;
    width: 26px;
    height: 26px;
    border: 1px solid #818d94;
    margin-top: -3px;
    margin-left: auto;
    background: #fff;
    padding: 0
}

@media screen and (min-width: 700px) {
    .header-wrapper .menu--main>ul>li .menu__toggle {
        width: 35px;
        height: 35px
    }
}

.header-wrapper .menu--main>ul>li .menu__toggle.expanded:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAGCAYAAADUtS5UAAAAAXNSR0IArs4c6QAAAB5JREFUKBVjZGBg+A/EdAdMdLcRauGoxXQL+QELagDjJgELNtYW9AAAAABJRU5ErkJggg==) no-repeat center;
    background-size: 11px 3px
}

@media screen and (min-width: 700px) {
    .header-wrapper .menu--main>ul>li .menu__toggle.expanded:after {
        background-size: 15px 3px
    }
}

.header-wrapper .menu--main>ul>li .menu__toggle.expanded:before {
    height: 100%
}

.header-wrapper .menu--main>ul>li .menu__toggle:hover:before {
    height: 100%
}

.header-wrapper .menu--main>ul>li .menu__toggle:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    background: #fcd43b;
    bottom: 0;
    left: 0;
    transition: all .3s;
    z-index: 0
}

@media screen and (min-width: 700px) {
    .header-wrapper .menu--main>ul>li .menu__toggle:before {
        height: 6px
    }
}

.header-wrapper .menu--main>ul>li .menu__toggle:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAAXNSR0IArs4c6QAAADVJREFUKBVjZMAN/iNJMSKx4UwmOIsMxkjUDApF5FAlKdgGLsCwRj7U7cjewapu4Jw9RG0GAB3NAxvpC75mAAAAAElFTkSuQmCC) no-repeat center;
    background-size: 11px 11px;
    transition: all .2s
}

@media screen and (min-width: 700px) {
    .header-wrapper .menu--main>ul>li .menu__toggle:after {
        background-size: 15px 15px
    }
}

.header-wrapper .menu--main ul {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none
}

.header-wrapper .menu--main a {
    color: #004b87;
    font-weight: 400
}

.header-wrapper .menu--main .submenu-back {
    position: absolute;
    top: 20px;
    left: 40px;
    font-family: Elza, sans-serif;
    font-size: 14px;
    border: none;
    box-shadow: none;
    outline: none;
    padding: 0;
    margin-bottom: 40px
}

.header-wrapper .menu--main .submenu-back:before {
    position: relative;
    display: inline-block;
    content: "";
    margin: 0 10px 0 0;
    width: 24px;
    height: 12px;
    background-image: url(/_ingredients/themes/global/styles/$asset-path + '/themes/custom/soka_theme/dist/img/nav-arrow.CQaqTEiL.svg');
    background-size: cover
}

@media only screen and (min-width: 1025px) {
    .header-wrapper .menu--main .submenu-back {
        visibility: hidden
    }
}

.header-wrapper .menu__drop {
    position: absolute;
    display: none;
    top: 0;
    font-size: 14px;
    text-transform: none;
    width: 100vw;
    left: 0;
    padding: 60px 40px 40px;
    background-color: #fcd43b;
    overflow: auto;
    height: 100vh;
    z-index: 3;
    opacity: 0;
    transition: all .3s
}

.header-wrapper .menu__drop.visible {
    opacity: 1;
    display: block
}

@media only screen and (min-width: 1025px) {
    .header-wrapper .menu__drop {
        display: block;
        text-align: right;
        padding: 200px 80px 40px;
        left: -485px;
        width: 400px;
        height: 100vh
    }
}

.header-wrapper .menu__drop ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.header-wrapper .menu__drop li {
    margin-bottom: 12px;
    padding: 0;
    text-align: left
}

.header-wrapper .menu__drop a {
    font-family: Elza, sans-serif;
    color: #004b87;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none
}

.header-wrapper .menu__drop a:hover {
    text-decoration: underline
}

body:not(.path-frontpage) .header-wrapper {
    background-color: #fefdeb
}

@media screen and (min-width: 700px) {
    body:not(.path-frontpage) .header-wrapper #block-mainnavsoka .information__button {
        color: #004b87
    }

    body:not(.path-frontpage) .header-wrapper #block-mainnavsoka .information__button:after {
        filter: brightness(0) invert(0)
    }
}

.region-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    transition: all .3s
}

.region-hero {
    max-width: 1900px;
    margin: 0 auto
}

.region-hero:after {
    display: table;
    content: "";
    clear: both
}

.region-hero h1 {
    color: #fff
}

.region-hero .page__title-wrapper {
    background: url(/_ingredients/themes/global/styles/$asset-path + '/themes/custom/soka_theme/dist/img/hero-bg-2.i5Ra2tml.png') top center;
    background-size: cover;
    padding: 32px 35px 37px;
    margin-bottom: -1px
}

@media screen and (min-width: 700px) {
    .region-hero .page__title-wrapper {
        padding: 65px 40px 60px;
        background: none
    }
}

@media screen and (min-width: 1025px) {
    .region-hero .page__title-wrapper {
        padding: 0 65px 50px;
        float: left
    }
}

.region-hero .ifde-standard__content {
    background: url(/_ingredients/themes/global/styles/$asset-path + '/themes/custom/soka_theme/dist/img/global-hero-bg-tall.DLCMcABh.png') top center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    position: relative
}

@media screen and (min-width: 700px) {
    .region-hero .ifde-standard__content:after {
        display: table;
        content: "";
        clear: both
    }
}

@media screen and (min-width: 1025px) {
    .region-hero .ifde-standard__content {
        padding-top: 55px;
        display: block
    }
}

.hero-image {
    order: 2;
    position: relative;
    z-index: 5
}

@media screen and (min-width: 700px) {
    .hero-image {
        float: right;
        margin-bottom: -50px;
        margin-top: -35px;
        margin-left: auto;
        max-width: 424px
    }
}

@media screen and (min-width: 1025px) {
    .hero-image {
        max-width: 616px;
        margin-top: 10px;
        width: 53%
    }

    .hero-image+.page__title-wrapper {
        padding-top: 30px;
        width: 47%
    }
}

.hero-image img {
    width: 100%
}

.search__button {
    display: none;
    width: 40px;
    height: 40px;
    margin-left: auto;
    border: 1px solid #818d94;
    position: relative;
    z-index: 10
}

@media screen and (min-width: 700px) {
    .search__button {
        width: 50px;
        height: 50px
    }
}

.search__button:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 6px;
    background: #fcd43b;
    display: block;
    bottom: 0;
    left: 0;
    transition: all .3s;
    z-index: -1
}

.search__button:hover:after,
.search__button.expanded:after {
    height: 100%
}

.search__button.expanded .x-mag-glass {
    margin-left: 3px;
    background-position: -20px -20px
}

.search__button.expanded .x-mag-glass:before {
    opacity: 1;
    transition: all .3s .2s;
    transform: rotate(45deg) translateY(14px) translate(-3px)
}

.search__button.expanded .x-mag-glass:after {
    opacity: 1;
    transition: all .3s .4s
}

.menu-wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    overflow: scroll;
    width: 100%;
    background: #fefdeb;
    right: 0;
    z-index: 100;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    z-index: -100;
    transition: opacity .3s
}

@media screen and (min-width: 700px) {
    .menu-wrapper {
        padding: 45px 30px
    }
}

@media screen and (min-width: 1025px) {
    .menu-wrapper {
        padding: 85px;
        top: 0;
        width: 60%
    }

    .menu-wrapper a.expanded {
        position: relative
    }

    .menu-wrapper a.expanded:before {
        content: "";
        width: 24px;
        height: 14px;
        flex-shrink: 0;
        background-image: url(/_ingredients/themes/global/styles/$asset-path + '/themes/custom/soka_theme/dist/img/arrow-left-sokablue.BOleCh5J.svg');
        background-size: 100% 100%;
        position: absolute;
        left: -40px;
        top: 50%;
        transform: translateY(-50%)
    }
}

@media screen and (min-width: 1200px) {
    .menu-wrapper {
        width: 40%
    }
}

.menu-wrapper .menu-wrapper__inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 100px
}

@media screen and (min-width: 1025px) {
    .menu-wrapper .menu-wrapper__inner {
        padding-top: 60px;
        max-width: 455px
    }
}

@media screen and (min-width: 1025px) {
    .menu-wrapper #block-soka-theme-sociallinkssoka {
        grid-column: 3;
        grid-row: 3
    }
}

.menu-wrapper .field--name-field-social-profiles {
    padding: 35px 20px 25px;
    margin: 0 -20px 27px
}

@media screen and (min-width: 700px) {
    .menu-wrapper .field--name-field-social-profiles {
        border: 0;
        margin: 25px 0 0;
        padding: 0 0 0 55px;
        float: right;
        width: 50%
    }
}

@media screen and (min-width: 1025px) {
    .menu-wrapper .field--name-field-social-profiles {
        float: none;
        width: auto;
        margin: 30px 0 0;
        padding: 0 0 0 85px
    }
}

.menu-wrapper .field--name-field-wrapper-support-nav {
    display: none
}

@media screen and (min-width: 700px) {
    .menu-wrapper .field--name-field-wrapper-support-nav {
        display: none
    }
}

.menu-wrapper .field--name-field-wrapper-support-nav .field__item {
    margin-bottom: 10px
}

.menu-wrapper .field--name-field-wrapper-support-nav a {
    color: #000;
    font-weight: 400
}

.menu-wrapper .field--name-field-wrapper-ctas {
    display: none;
    padding: 0 20px 20px;
    margin: 0 -20px
}

.menu-wrapper .field--name-field-wrapper-ctas .field__item:not(:last-child) {
    border-right: 1px #FEFDEB solid
}

@media screen and (min-width: 700px) {
    .menu-wrapper .field--name-field-wrapper-ctas {
        display: none
    }
}

.menu-wrapper .field--name-field-wrapper-ctas a {
    color: #000;
    margin-right: 20px
}

body:not(.path-frontpage) .menu-wrapper .field--name-field-wrapper-ctas a {
    color: #004b87
}

body:not(.path-frontpage) .menu-wrapper .field--name-field-wrapper-ctas a .field__item:after {
    color: #004b87
}

.x-mag-glass {
    background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='19px'%20height='19px'%20viewBox='0%200%2019%2019'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2051.3%20(57544)%20-%20http://www.bohemiancoding.com/sketch%20--%3e%3ctitle%3eicons/icon-search%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3c/defs%3e%3cg%20id='Symbols'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='header/sm•'%20transform='translate(-176.000000,%20-25.000000)'%20fill='%23000000'%3e%3cg%20id='header'%20transform='translate(20.000000,%2015.000000)'%3e%3cg%20id='search'%20transform='translate(146.000000,%200.000000)'%3e%3cg%20id='icons/icon-search'%20transform='translate(12.000000,%2012.000000)'%3e%3cg%20id='icon'%20transform='translate(-1.764706,%20-1.764706)'%3e%3cpath%20d='M13.3391923,11.4674391%20L18.3753297,16.5035765%20L16.5035765,18.3753297%20L11.4674391,13.3391923%20C10.3367805,14.1089106%208.97093164,14.5588235%207.5,14.5588235%20C3.60151941,14.5588235%200.441176471,11.3984806%200.441176471,7.5%20C0.441176471,3.60151941%203.60151941,0.441176471%207.5,0.441176471%20C11.3984806,0.441176471%2014.5588235,3.60151941%2014.5588235,7.5%20C14.5588235,8.97093164%2014.1089106,10.3367805%2013.3391923,11.4674391%20Z%20M7.5,11.9117647%20C9.93655037,11.9117647%2011.9117647,9.93655037%2011.9117647,7.5%20C11.9117647,5.06344963%209.93655037,3.08823529%207.5,3.08823529%20C5.06344963,3.08823529%203.08823529,5.06344963%203.08823529,7.5%20C3.08823529,9.93655037%205.06344963,11.9117647%207.5,11.9117647%20Z'%20id='Oval'%20fill-rule='nonzero'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    position: absolute;
    width: 19px;
    height: 19px;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    transition: background-position .3s;
    overflow: hidden
}

.x-mag-glass:before,
.x-mag-glass:after {
    content: "";
    position: absolute;
    opacity: 0;
    left: 50%;
    width: 19px;
    height: 3px;
    background: #000;
    transition: all .3s;
    transform: rotate(45deg) translateY(14px) translate(-29.5px)
}

.x-mag-glass:after {
    transition: all .3s;
    transform: rotate(-45deg) translateY(-3px) translate(-14px)
}

.field--name-field-org-logo {
    max-width: 123px
}

.field--name-field-org-logo img {
    display: none
}

.field--name-field-org-logo a:after {
    content: "";
    display: flex;
    background-image: url(/_ingredients/themes/global/styles/$asset-path + '/themes/custom/soka_theme/dist/img/soka-logo-white.CcYHfpyj.svg');
    background-size: 100% 100%;
    width: 168px;
    height: 62px;
    flex-shrink: 0
}

@media screen and (min-width: 700px) {
    .field--name-field-org-logo {
        max-width: 164px
    }
}

body:not(.path-frontpage) .field--name-field-org-logo a:after {
    background-image: url(/_ingredients/themes/global/styles/$asset-path + '/themes/custom/soka_theme/dist/img/soka-logo-sokablue.C5hZ1Uvq.svg')
}

.block-ifde-header-block {
    margin-right: auto
}

@media screen and (min-width: 700px) {
    .block-ifde-header-block {
        display: flex;
        align-items: center;
        position: static
    }

    .block-ifde-header-block .field--name-field-wrapper-support-nav {
        display: none;
        font-size: 14px;
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        justify-content: flex-end;
        padding: 7px 30px
    }

    .block-ifde-header-block .field--name-field-wrapper-support-nav a {
        color: #000;
        font-weight: 400;
        margin-left: 30px
    }
}

@media screen and (min-width: 1025px) {
    .block-ifde-header-block .field--name-field-wrapper-support-nav {
        padding: 7px 50px
    }
}

@media screen and (min-width: 700px) {
    .field--name-field-wrapper-ctas {
        display: flex;
        gap: 10px;
        margin-left: 33px
    }

    .field--name-field-wrapper-ctas .field__item {
        position: relative
    }

    .field--name-field-wrapper-ctas .field__item:after {
        content: "|";
        position: relative;
        font-weight: 400;
        color: #fefdeb;
        margin-left: 10px
    }

    .field--name-field-wrapper-ctas .field__item:last-child:after {
        display: none
    }

    .field--name-field-wrapper-ctas a {
        font-family: Elza, sans-serif;
        font-size: 14px;
        letter-spacing: .28px;
        color: #fefdeb;
        text-decoration: none
    }
}

@media screen and (min-width: 1025px) {
    .field--name-field-wrapper-ctas {
        margin-left: 55px
    }
}

.block-ifde-search-block {
    height: 40px;
    position: static
}

@media screen and (min-width: 700px) {
    .block-ifde-search-block {
        height: 50px
    }
}

.menu__button {
    z-index: 10;
    position: relative;
    background: #fefdeb;
    border-radius: 30px;
    color: #004b87;
    border: 1px solid transparent;
    text-decoration: none !important;
    -webkit-appearance: none;
    display: inline-flex;
    height: 50px;
    min-width: 150px;
    padding: 16px 45px 16px 28px;
    justify-content: center;
    gap: 10px;
    flex-shrink: 0;
    text-align: center;
    font-family: Elza, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 104%;
    letter-spacing: .84px;
    text-transform: uppercase;
    transition: all .3s;
    display: flex;
    gap: 7px;
    align-items: center;
    transition: all .2s
}

.menu__button:before,
.menu__button:after {
    display: none
}

.menu__button:hover {
    background-color: #fcd43b;
    border-color: transparent;
    color: #004b87;
    transition: all .3s
}

.menu__button i {
    width: 31px;
    height: 15px;
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='33'%20height='16'%20viewBox='0%200%2033%2016'%20fill='none'%3e%3cpath%20d='M1.22754%201H16.5003M1.22754%208H13.9548M1.22754%2015H16.5003'%20stroke='url(/_ingredients/themes/global/styles/%23pattern0_1317_1355)'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M1.22754%201H16.5003M1.22754%208H13.9548M1.22754%2015H16.5003'%20stroke='%23004B87'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M28.9449%2012.1717L31.7732%2015M19.0459%207.92927C19.0459%209.42949%2019.6419%2010.8683%2020.7027%2011.9291C21.7635%2012.9899%2023.2023%2013.5858%2024.7025%2013.5858C26.2027%2013.5858%2027.6415%2012.9899%2028.7023%2011.9291C29.7631%2010.8683%2030.359%209.42949%2030.359%207.92927C30.359%206.42906%2029.7631%204.99029%2028.7023%203.92948C27.6415%202.86866%2026.2027%202.27271%2024.7025%202.27271C23.2023%202.27271%2021.7635%202.86866%2020.7027%203.92948C19.6419%204.99029%2019.0459%206.42906%2019.0459%207.92927Z'%20stroke='url(/_ingredients/themes/global/styles/%23pattern1_1317_1355)'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M28.9449%2012.1717L31.7732%2015M19.0459%207.92927C19.0459%209.42949%2019.6419%2010.8683%2020.7027%2011.9291C21.7635%2012.9899%2023.2023%2013.5858%2024.7025%2013.5858C26.2027%2013.5858%2027.6415%2012.9899%2028.7023%2011.9291C29.7631%2010.8683%2030.359%209.42949%2030.359%207.92927C30.359%206.42906%2029.7631%204.99029%2028.7023%203.92948C27.6415%202.86866%2026.2027%202.27271%2024.7025%202.27271C23.2023%202.27271%2021.7635%202.86866%2020.7027%203.92948C19.6419%204.99029%2019.0459%206.42906%2019.0459%207.92927Z'%20stroke='%23004B87'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cdefs%3e%3cpattern%20id='pattern0_1317_1355'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_1317_1355'%20transform='matrix(0.0031406%200%200%200.00998711%20-3.70504%20-15.6201)'/%3e%3c/pattern%3e%3cpattern%20id='pattern1_1317_1355'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_1317_1355'%20transform='matrix(0.0031406%200%200%200.00998711%20-3.70504%20-15.6201)'/%3e%3c/pattern%3e%3c/defs%3e%3c/svg%3e");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.menu__button:hover i {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='33'%20height='16'%20viewBox='0%200%2033%2016'%20fill='none'%3e%3cpath%20d='M1.22754%201H16.5003M1.22754%208H13.9548M1.22754%2015H16.5003'%20stroke='url(/_ingredients/themes/global/styles/%23pattern0_1317_1355)'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M1.22754%201H16.5003M1.22754%208H13.9548M1.22754%2015H16.5003'%20stroke='%23004B87'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M28.9449%2012.1717L31.7732%2015M19.0459%207.92927C19.0459%209.42949%2019.6419%2010.8683%2020.7027%2011.9291C21.7635%2012.9899%2023.2023%2013.5858%2024.7025%2013.5858C26.2027%2013.5858%2027.6415%2012.9899%2028.7023%2011.9291C29.7631%2010.8683%2030.359%209.42949%2030.359%207.92927C30.359%206.42906%2029.7631%204.99029%2028.7023%203.92948C27.6415%202.86866%2026.2027%202.27271%2024.7025%202.27271C23.2023%202.27271%2021.7635%202.86866%2020.7027%203.92948C19.6419%204.99029%2019.0459%206.42906%2019.0459%207.92927Z'%20stroke='url(/_ingredients/themes/global/styles/%23pattern1_1317_1355)'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M28.9449%2012.1717L31.7732%2015M19.0459%207.92927C19.0459%209.42949%2019.6419%2010.8683%2020.7027%2011.9291C21.7635%2012.9899%2023.2023%2013.5858%2024.7025%2013.5858C26.2027%2013.5858%2027.6415%2012.9899%2028.7023%2011.9291C29.7631%2010.8683%2030.359%209.42949%2030.359%207.92927C30.359%206.42906%2029.7631%204.99029%2028.7023%203.92948C27.6415%202.86866%2026.2027%202.27271%2024.7025%202.27271C23.2023%202.27271%2021.7635%202.86866%2020.7027%203.92948C19.6419%204.99029%2019.0459%206.42906%2019.0459%207.92927Z'%20stroke='%23004B87'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cdefs%3e%3cpattern%20id='pattern0_1317_1355'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_1317_1355'%20transform='matrix(0.0031406%200%200%200.00998711%20-3.70504%20-15.6201)'/%3e%3c/pattern%3e%3cpattern%20id='pattern1_1317_1355'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_1317_1355'%20transform='matrix(0.0031406%200%200%200.00998711%20-3.70504%20-15.6201)'/%3e%3c/pattern%3e%3c/defs%3e%3c/svg%3e")
}

.menu__button.expanded {
    z-index: 9999;
    background-color: #004b87;
    color: #fefdeb;
    padding-right: 45px;
    transition: all .2s
}

.menu__button.expanded i {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%3e%3cpath%20d='M7.0013%207.00008L12.8346%2012.8334M7.0013%207.00008L1.16797%201.16675M7.0013%207.00008L1.16797%2012.8334M7.0013%207.00008L12.8346%201.16675'%20stroke='%23FEFDEB'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    width: 11.667px;
    height: 11.667px
}

.menu__button:hover.expanded {
    background-color: #fcd43b;
    color: #004b87;
    transition: all .2s
}

.menu__button:hover.expanded i {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%3e%3cpath%20d='M7.0013%207.00008L12.8346%2012.8334M7.0013%207.00008L1.16797%201.16675M7.0013%207.00008L1.16797%2012.8334M7.0013%207.00008L12.8346%201.16675'%20stroke='%23004B87'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")
}

#block-supportingmenu {
    display: none !important;
    margin-top: 20px
}

#block-supportingmenu ul {
    margin: 0
}

#block-supportingmenu .menu-item--collapsed {
    list-style: none;
    list-style-image: none
}

@media screen and (min-width: 700px) {
    #block-supportingmenu {
        float: right;
        margin-top: 0;
        clear: right;
        width: 50%;
        overflow: hidden;
        padding-left: 55px
    }
}

@media screen and (min-width: 1025px) {
    #block-supportingmenu {
        float: none;
        width: auto;
        padding-left: 95px;
        grid-column: 2
    }
}

#block-supportingmenu .menu-item {
    margin-bottom: 10px;
    padding-top: 0
}

#block-supportingmenu a {
    color: #000;
    font-weight: 400
}

.field--name-field-b-nav-label,
.field--name-field-b-sec-nav-title {
    color: #000;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1.63;
    margin-top: 0;
    margin-bottom: .5em
}

@media screen and (min-width: 700px) {

    .field--name-field-b-nav-label,
    .field--name-field-b-sec-nav-title {
        font-size: 24px;
        margin-top: -.12em
    }
}

@media screen and (min-width: 1025px) {

    .field--name-field-b-nav-label,
    .field--name-field-b-sec-nav-title {
        margin-top: -.08em
    }
}

#block-shortcutsblock {
    display: none !important;
    margin-top: 40px
}

@media screen and (min-width: 700px) {
    #block-shortcutsblock {
        float: right;
        clear: right;
        width: 50%;
        overflow: hidden;
        padding-left: 55px
    }
}

@media screen and (min-width: 1025px) {
    #block-shortcutsblock {
        float: none;
        width: auto;
        grid-column: 2;
        grid-row: 2/4;
        padding-left: 95px
    }
}

#block-shortcutsblock .field--name-field-b-sec-nav-link .field__item {
    margin-bottom: 10px
}

#block-shortcutsblock a {
    color: #000;
    font-weight: 400
}

#block-soka-theme-informationfor {
    margin-top: 20px;
    padding: 0 20px
}

@media screen and (min-width: 700px) {
    #block-soka-theme-informationfor {
        padding: 0;
        float: right;
        clear: right;
        width: 100%;
        overflow: hidden;
        margin-top: 40px
    }
}

@media screen and (min-width: 1025px) {
    #block-soka-theme-informationfor {
        float: none;
        width: auto
    }
}

#block-soka-theme-informationfor h2,
#block-soka-theme-informationfor .page-node-type-faculty-staff h1,
.page-node-type-faculty-staff #block-soka-theme-informationfor h1 {
    font-family: Elza, sans-serif;
    padding: 0;
    margin: 0 0 .5em;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: .18px;
    text-align: left
}

#block-soka-theme-informationfor ul {
    margin: 0
}

#block-soka-theme-informationfor li {
    margin-bottom: 10px;
    padding: 0;
    list-style: none
}

#block-soka-theme-informationfor a {
    color: #004b87;
    font-weight: 400;
    font-size: 14px;
    font-family: Elza, sans-serif;
    text-decoration: none
}

#ifde-search-form .form-item,
#ifde-search-form .form-actions {
    margin: 0
}

#ifde-search-form .js-form-submit {
    color: transparent;
    position: absolute;
    width: 17px;
    height: 17px;
    background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='19px'%20height='19px'%20viewBox='0%200%2019%2019'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2051.3%20(57544)%20-%20http://www.bohemiancoding.com/sketch%20--%3e%3ctitle%3eicons/icon-search%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3c/defs%3e%3cg%20id='Symbols'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='header/sm•'%20transform='translate(-176.000000,%20-25.000000)'%20fill='%23000000'%3e%3cg%20id='header'%20transform='translate(20.000000,%2015.000000)'%3e%3cg%20id='search'%20transform='translate(146.000000,%200.000000)'%3e%3cg%20id='icons/icon-search'%20transform='translate(12.000000,%2012.000000)'%3e%3cg%20id='icon'%20transform='translate(-1.764706,%20-1.764706)'%3e%3cpath%20d='M13.3391923,11.4674391%20L18.3753297,16.5035765%20L16.5035765,18.3753297%20L11.4674391,13.3391923%20C10.3367805,14.1089106%208.97093164,14.5588235%207.5,14.5588235%20C3.60151941,14.5588235%200.441176471,11.3984806%200.441176471,7.5%20C0.441176471,3.60151941%203.60151941,0.441176471%207.5,0.441176471%20C11.3984806,0.441176471%2014.5588235,3.60151941%2014.5588235,7.5%20C14.5588235,8.97093164%2014.1089106,10.3367805%2013.3391923,11.4674391%20Z%20M7.5,11.9117647%20C9.93655037,11.9117647%2011.9117647,9.93655037%2011.9117647,7.5%20C11.9117647,5.06344963%209.93655037,3.08823529%207.5,3.08823529%20C5.06344963,3.08823529%203.08823529,5.06344963%203.08823529,7.5%20C3.08823529,9.93655037%205.06344963,11.9117647%207.5,11.9117647%20Z'%20id='Oval'%20fill-rule='nonzero'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
    background-size: 100% 100%;
    right: 35px;
    top: 27px;
    border: 0;
    box-shadow: none;
    padding: 0
}

@media screen and (min-width: 700px) {
    #ifde-search-form .js-form-submit {
        top: 26px;
        right: 166px;
        width: 20px;
        height: 20px
    }
}

@media screen and (min-width: 1025px) {
    #ifde-search-form .js-form-submit {
        right: 187px
    }
}

.ifde-search-form__search-box {
    border: 1px solid #818d94;
    padding: 12px 15px;
    max-width: 100% !important;
    width: 100%
}

@media screen and (min-width: 700px) {
    .ifde-search-form__search-box {
        padding: 15px
    }
}

.ifde-search-form__search-box::-webkit-input-placeholder {
    color: #000
}

.ifde-search-form__search-box:-moz-placeholder {
    color: #000
}

.ifde-search-form__search-box::-moz-placeholder {
    color: #000
}

.ifde-search-form__search-box:-ms-input-placeholder {
    color: #000
}

@media screen and (min-width: 700px) {
    body:not(.path-frontpage) .field--name-field-wrapper-ctas .field__item a {
        color: #004b87
    }

    body:not(.path-frontpage) .field--name-field-wrapper-ctas .field__item:after {
        color: #004b87
    }
}

body:not(.path-frontpage) .menu__button {
    background: #004b87;
    border-radius: 30px;
    color: #004b87;
    border: 1px solid transparent;
    text-decoration: none !important;
    -webkit-appearance: none;
    display: inline-flex;
    height: 50px;
    min-width: 150px;
    padding: 16px 28px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    text-align: center;
    font-family: Elza, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 104%;
    letter-spacing: .84px;
    text-transform: uppercase;
    transition: all .3s;
    color: #fefdeb;
    gap: 7px
}

body:not(.path-frontpage) .menu__button:before,
body:not(.path-frontpage) .menu__button:after {
    display: none
}

body:not(.path-frontpage) .menu__button:hover {
    background-color: #fcd43b;
    border-color: transparent;
    color: #004b87;
    transition: all .3s
}

body:not(.path-frontpage) .menu__button i {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='33'%20height='16'%20viewBox='0%200%2033%2016'%20fill='none'%3e%3cpath%20d='M1.22754%201H16.5003M1.22754%208H13.9548M1.22754%2015H16.5003'%20stroke='url(/_ingredients/themes/global/styles/%23pattern0_1317_1355)'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M1.22754%201H16.5003M1.22754%208H13.9548M1.22754%2015H16.5003'%20stroke='%23FEFDEB'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M28.9449%2012.1717L31.7732%2015M19.0459%207.92927C19.0459%209.42949%2019.6419%2010.8683%2020.7027%2011.9291C21.7635%2012.9899%2023.2023%2013.5858%2024.7025%2013.5858C26.2027%2013.5858%2027.6415%2012.9899%2028.7023%2011.9291C29.7631%2010.8683%2030.359%209.42949%2030.359%207.92927C30.359%206.42906%2029.7631%204.99029%2028.7023%203.92948C27.6415%202.86866%2026.2027%202.27271%2024.7025%202.27271C23.2023%202.27271%2021.7635%202.86866%2020.7027%203.92948C19.6419%204.99029%2019.0459%206.42906%2019.0459%207.92927Z'%20stroke='url(/_ingredients/themes/global/styles/%23pattern1_1317_1355)'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M28.9449%2012.1717L31.7732%2015M19.0459%207.92927C19.0459%209.42949%2019.6419%2010.8683%2020.7027%2011.9291C21.7635%2012.9899%2023.2023%2013.5858%2024.7025%2013.5858C26.2027%2013.5858%2027.6415%2012.9899%2028.7023%2011.9291C29.7631%2010.8683%2030.359%209.42949%2030.359%207.92927C30.359%206.42906%2029.7631%204.99029%2028.7023%203.92948C27.6415%202.86866%2026.2027%202.27271%2024.7025%202.27271C23.2023%202.27271%2021.7635%202.86866%2020.7027%203.92948C19.6419%204.99029%2019.0459%206.42906%2019.0459%207.92927Z'%20stroke='%23FEFDEB'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cdefs%3e%3cpattern%20id='pattern0_1317_1355'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_1317_1355'%20transform='matrix(0.0031406%200%200%200.00998711%20-3.70504%20-15.6201)'/%3e%3c/pattern%3e%3cpattern%20id='pattern1_1317_1355'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_1317_1355'%20transform='matrix(0.0031406%200%200%200.00998711%20-3.70504%20-15.6201)'/%3e%3c/pattern%3e%3c/defs%3e%3c/svg%3e")
}

body:not(.path-frontpage) .menu__button:hover i {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='33'%20height='16'%20viewBox='0%200%2033%2016'%20fill='none'%3e%3cpath%20d='M1.22754%201H16.5003M1.22754%208H13.9548M1.22754%2015H16.5003'%20stroke='url(/_ingredients/themes/global/styles/%23pattern0_1317_1355)'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M1.22754%201H16.5003M1.22754%208H13.9548M1.22754%2015H16.5003'%20stroke='%23004B87'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M28.9449%2012.1717L31.7732%2015M19.0459%207.92927C19.0459%209.42949%2019.6419%2010.8683%2020.7027%2011.9291C21.7635%2012.9899%2023.2023%2013.5858%2024.7025%2013.5858C26.2027%2013.5858%2027.6415%2012.9899%2028.7023%2011.9291C29.7631%2010.8683%2030.359%209.42949%2030.359%207.92927C30.359%206.42906%2029.7631%204.99029%2028.7023%203.92948C27.6415%202.86866%2026.2027%202.27271%2024.7025%202.27271C23.2023%202.27271%2021.7635%202.86866%2020.7027%203.92948C19.6419%204.99029%2019.0459%206.42906%2019.0459%207.92927Z'%20stroke='url(/_ingredients/themes/global/styles/%23pattern1_1317_1355)'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M28.9449%2012.1717L31.7732%2015M19.0459%207.92927C19.0459%209.42949%2019.6419%2010.8683%2020.7027%2011.9291C21.7635%2012.9899%2023.2023%2013.5858%2024.7025%2013.5858C26.2027%2013.5858%2027.6415%2012.9899%2028.7023%2011.9291C29.7631%2010.8683%2030.359%209.42949%2030.359%207.92927C30.359%206.42906%2029.7631%204.99029%2028.7023%203.92948C27.6415%202.86866%2026.2027%202.27271%2024.7025%202.27271C23.2023%202.27271%2021.7635%202.86866%2020.7027%203.92948C19.6419%204.99029%2019.0459%206.42906%2019.0459%207.92927Z'%20stroke='%23004B87'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cdefs%3e%3cpattern%20id='pattern0_1317_1355'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_1317_1355'%20transform='matrix(0.0031406%200%200%200.00998711%20-3.70504%20-15.6201)'/%3e%3c/pattern%3e%3cpattern%20id='pattern1_1317_1355'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_1317_1355'%20transform='matrix(0.0031406%200%200%200.00998711%20-3.70504%20-15.6201)'/%3e%3c/pattern%3e%3c/defs%3e%3c/svg%3e")
}

body:not(.path-frontpage) .menu__button.expanded i {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%3e%3cpath%20d='M7.0013%207.00008L12.8346%2012.8334M7.0013%207.00008L1.16797%201.16675M7.0013%207.00008L1.16797%2012.8334M7.0013%207.00008L12.8346%201.16675'%20stroke='%23FEFDEB'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")
}

body:not(.path-frontpage) .menu__button.expanded:hover i {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%3e%3cpath%20d='M7.0013%207.00008L12.8346%2012.8334M7.0013%207.00008L1.16797%201.16675M7.0013%207.00008L1.16797%2012.8334M7.0013%207.00008L12.8346%201.16675'%20stroke='%23004B87'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")
}

html {
    transition: padding .3s
}

html.open-search .header-wrapper {
    margin-top: 72px
}

html.open-search .header-wrapper #ifde-search-form {
    visibility: visible
}

.stickyHeader.toolbar-horizontal .header-wrapper {
    top: 39px
}

.stickyHeader.toolbar-tray-open .header-wrapper {
    top: 79px
}

.stickyHeader .header-wrapper {
    position: fixed;
    z-index: 1000;
    top: 0
}

.stickyHeader.scrollDown .header-wrapper {
    top: -100%
}

// FOOTER STYLES 


footer {
    background: var(--Soka-Blue, linear-gradient(0deg, #004B87 0%, #004B87 100%), lightgray -5335.255px -4482.983px/628.12% 1793.684% no-repeat);
    color: var(--Soka-White, #FFF);
    padding: 30px 20px 40px;
    max-width: 100%
}

footer a:not(.social-icon) {
    position: relative;
    color: var(--Soka-White, #FFF);
    font-weight: 400;
    text-decoration: none
}

footer a:not(.social-icon):after {
    content: "";
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    display: block
}

footer a:not(.social-icon):hover {
    text-decoration: none
}

footer a:not(.social-icon):hover:after {
    animation: underline .3s ease-in-out
}

@keyframes underline {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@media screen and (min-width: 700px) {
    footer {
        padding: 30px 40px 35px;
        overflow: auto
    }
}

@media screen and (min-width: 1025px) {
    footer {
        margin: 0 auto;
        padding: 30px 40px 45px
    }
}

footer .field--name-field-org-logo,
footer .field--name-footer-logo-config-pages {
    margin-bottom: 0;
    width: 131px;
    height: 65px
}

footer .field--name-field-org-logo img,
footer .field--name-footer-logo-config-pages img {
    display: none
}

@media screen and (min-width: 700px) {

    footer .field--name-field-org-logo,
    footer .field--name-footer-logo-config-pages {
        float: left;
        margin-right: 40px;
        margin-bottom: 5px
    }
}

footer .field--name-field-org-logo {
    background: url(/_ingredients/themes/global/styles/$asset-path + '/themes/custom/soka_theme/dist/img/soka-logo-white.jwlbwqmL.png') no-repeat center center;
    background-size: contain;
    background-position: -10px 0;
    max-width: 131px;
    height: 65px
}

@media screen and (min-width: 1025px) {
    footer .field--name-field-org-logo {
        max-width: 158px;
        height: 78px
    }
}

footer .field--name-field-wrapper-phone,
footer .field--name-field-wrapper-email {
    display: inline-block;
    margin-right: 5px
}

@media screen and (min-width: 700px) {
    .footer__address-wrapper {
        overflow: hidden
    }
}

@media screen and (min-width: 1025px) {
    .footer__address-wrapper {
        display: inline-flex;
        margin-top: 9px;
        align-items: center
    }

    .footer__address-wrapper .field--name-field-wrapper-address {
        margin-right: 25px
    }

    .footer__address-wrapper .field--name-field-wrapper-phone {
        margin-right: 10px
    }
}

.field--name-field-social-profiles {
    display: flex;
    gap: 14px;
    padding: 25px 0;
    margin-bottom: 20px;
    align-items: center;
    border-bottom: 1px solid #66B0FF;
    clear: both
}

@media screen and (min-width: 1025px) {
    .field--name-field-social-profiles {
        float: right;
        clear: none;
        margin-bottom: 0;
        border-bottom: 0
    }
}

.social-icon {
    box-shadow: none
}

.social-icon--facebook {
    width: 25px;
    height: 28px;
    display: inline-block;
    background: url("data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M26.127%202.5H3.87695C3.51228%202.5%203.16254%202.64487%202.90468%202.90273C2.64682%203.16059%202.50195%203.51033%202.50195%203.875V26.125C2.50195%2026.4897%202.64682%2026.8394%202.90468%2027.0973C3.16254%2027.3551%203.51228%2027.5%203.87695%2027.5H15.852V17.8125H12.602V14.0625H15.852V11.25C15.7846%2010.5897%2015.8626%209.92266%2016.0803%209.29567C16.2981%208.66868%2016.6504%208.09693%2017.1125%207.62051C17.5747%207.1441%2018.1354%206.77455%2018.7555%206.5378C19.3756%206.30104%2020.0399%206.20281%2020.702%206.25C21.6749%206.24328%2022.6474%206.29337%2023.6145%206.4V9.775H21.627C20.052%209.775%2019.752%2010.525%2019.752%2011.6125V14.025H23.502L23.0145%2017.775H19.752V27.5H26.127C26.3075%2027.5%2026.4863%2027.4644%2026.6531%2027.3953C26.82%2027.3262%2026.9715%2027.225%2027.0992%2027.0973C27.2269%2026.9696%2027.3282%2026.818%2027.3973%2026.6512C27.4664%2026.4844%2027.502%2026.3056%2027.502%2026.125V3.875C27.502%203.69443%2027.4664%203.51563%2027.3973%203.34881C27.3282%203.18199%2027.2269%203.03041%2027.0992%202.90273C26.9715%202.77505%2026.82%202.67377%2026.6531%202.60467C26.4863%202.53557%2026.3075%202.5%2026.127%202.5Z'%20fill='%23FEFDEB'/%3e%3c/svg%3e");
    background-size: cover
}

.social-icon--facebook:hover {
    box-shadow: none;
    background: url("data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M26.127%202.5H3.87695C3.51228%202.5%203.16254%202.64487%202.90468%202.90273C2.64682%203.16059%202.50195%203.51033%202.50195%203.875V26.125C2.50195%2026.4897%202.64682%2026.8394%202.90468%2027.0973C3.16254%2027.3551%203.51228%2027.5%203.87695%2027.5H15.852V17.8125H12.602V14.0625H15.852V11.25C15.7846%2010.5897%2015.8626%209.92266%2016.0803%209.29567C16.2981%208.66868%2016.6504%208.09693%2017.1125%207.62051C17.5747%207.1441%2018.1354%206.77455%2018.7555%206.5378C19.3756%206.30104%2020.0399%206.20281%2020.702%206.25C21.6749%206.24328%2022.6474%206.29337%2023.6145%206.4V9.775H21.627C20.052%209.775%2019.752%2010.525%2019.752%2011.6125V14.025H23.502L23.0145%2017.775H19.752V27.5H26.127C26.3075%2027.5%2026.4863%2027.4644%2026.6531%2027.3953C26.82%2027.3262%2026.9715%2027.225%2027.0992%2027.0973C27.2269%2026.9696%2027.3282%2026.818%2027.3973%2026.6512C27.4664%2026.4844%2027.502%2026.3056%2027.502%2026.125V3.875C27.502%203.69443%2027.4664%203.51563%2027.3973%203.34881C27.3282%203.18199%2027.2269%203.03041%2027.0992%202.90273C26.9715%202.77505%2026.82%202.67377%2026.6531%202.60467C26.4863%202.53557%2026.3075%202.5%2026.127%202.5Z'%20fill='%23FCD43B'/%3e%3c/svg%3e");
    background-size: cover
}

.social-icon--facebook .field__item {
    margin: 0
}

.social-icon--twitter {
    width: 25px;
    height: 28px;
    display: inline-block;
    background: url("data:image/svg+xml,%3csvg%20width='25'%20height='28'%20viewBox='0%200%2025%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(/_ingredients/themes/global/styles/%23clip0_970_1253)'%3e%3cpath%20d='M3.5%201.75C1.56953%201.75%200%203.31953%200%205.25V22.75C0%2024.6805%201.56953%2026.25%203.5%2026.25H21C22.9305%2026.25%2024.5%2024.6805%2024.5%2022.75V5.25C24.5%203.31953%2022.9305%201.75%2021%201.75H3.5ZM19.7477%206.34375L14.0711%2012.8297L20.7484%2021.6562H15.5203L11.4297%2016.3023L6.74297%2021.6562H4.14531L10.2156%2014.7164L3.81172%206.34375H9.17109L12.8734%2011.2383L17.15%206.34375H19.7477ZM17.6805%2020.1031L8.38906%207.81484H6.84141L16.2367%2020.1031H17.675H17.6805Z'%20fill='%23FEFDEB'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_970_1253'%3e%3crect%20width='24.5'%20height='28'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-size: cover
}

.social-icon--twitter:hover {
    box-shadow: none;
    background: url("data:image/svg+xml,%3csvg%20width='25'%20height='28'%20viewBox='0%200%2025%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(/_ingredients/themes/global/styles/%23clip0_970_1253)'%3e%3cpath%20d='M3.5%201.75C1.56953%201.75%200%203.31953%200%205.25V22.75C0%2024.6805%201.56953%2026.25%203.5%2026.25H21C22.9305%2026.25%2024.5%2024.6805%2024.5%2022.75V5.25C24.5%203.31953%2022.9305%201.75%2021%201.75H3.5ZM19.7477%206.34375L14.0711%2012.8297L20.7484%2021.6562H15.5203L11.4297%2016.3023L6.74297%2021.6562H4.14531L10.2156%2014.7164L3.81172%206.34375H9.17109L12.8734%2011.2383L17.15%206.34375H19.7477ZM17.6805%2020.1031L8.38906%207.81484H6.84141L16.2367%2020.1031H17.675H17.6805Z'%20fill='%23004B87'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_970_1253'%3e%3crect%20width='24.5'%20height='28'%20fill='%23004B87'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-size: cover
}

.social-icon--instagram {
    width: 25px;
    height: 28px;
    display: inline-block;
    background: url("data:image/svg+xml,%3csvg%20width='29'%20height='29'%20viewBox='0%200%2029%2029'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.7422%202.4165C17.1016%202.42013%2017.7915%202.42738%2018.3872%202.4443L18.6217%202.45275C18.8923%202.46242%2019.1594%202.4745%2019.482%202.489C20.7677%202.54942%2021.6449%202.75242%2022.4146%203.05088C23.2121%203.3578%2023.884%203.77346%2024.5558%204.44409C25.1705%205.04793%2025.6459%205.77866%2025.949%206.58525C26.2475%207.35496%2026.4505%208.23221%2026.5109%209.51909C26.5254%209.8405%2026.5375%2010.1075%2026.5471%2010.3794L26.5544%2010.6138C26.5725%2011.2083%2026.5797%2011.8983%2026.5822%2013.2577L26.5834%2014.1591V15.742C26.5863%2016.6234%2026.577%2017.5047%2026.5556%2018.3858L26.5483%2018.6203C26.5387%2018.8921%2026.5266%2019.1592%2026.5121%2019.4806C26.4517%2020.7675%2026.2462%2021.6435%2025.949%2022.4144C25.6459%2023.221%2025.1705%2023.9517%2024.5558%2024.5556C23.9519%2025.1703%2023.2212%2025.6457%2022.4146%2025.9488C21.6449%2026.2473%2020.7677%2026.4503%2019.482%2026.5107L18.6217%2026.5469L18.3872%2026.5542C17.7915%2026.5711%2017.1016%2026.5795%2015.7422%2026.582L14.8408%2026.5832H13.2591C12.3773%2026.5863%2011.4955%2026.577%2010.614%2026.5554L10.3796%2026.5481C10.0928%2026.5373%209.80599%2026.5248%209.51929%2026.5107C8.23362%2026.4503%207.35637%2026.2473%206.58545%2025.9488C5.77929%2025.6456%205.04899%2025.1701%204.44549%2024.5556C3.83039%2023.9519%203.3545%2023.2211%203.05108%2022.4144C2.75262%2021.6447%202.54962%2020.7675%202.4892%2019.4806L2.45295%2018.6203L2.44691%2018.3858C2.42464%2017.5047%202.41457%2016.6234%202.4167%2015.742V13.2577C2.41336%2012.3763%202.42222%2011.495%202.44329%2010.6138L2.45174%2010.3794C2.46141%2010.1075%202.47349%209.8405%202.48799%209.51909C2.54841%208.23221%202.75141%207.35617%203.04987%206.58525C3.354%205.77833%203.83072%205.04757%204.4467%204.44409C5.04985%203.82971%205.77972%203.35426%206.58545%203.05088C7.35637%202.75242%208.23241%202.54942%209.51929%202.489C9.8407%202.4745%2010.109%202.46242%2010.3796%202.45275L10.614%202.4455C11.4951%202.42404%2012.3765%202.41477%2013.2579%202.41771L15.7422%202.4165ZM14.5%208.45817C12.8977%208.45817%2011.361%209.0947%2010.2279%2010.2277C9.0949%2011.3608%208.45837%2012.8975%208.45837%2014.4998C8.45837%2016.1022%209.0949%2017.6389%2010.2279%2018.7719C11.361%2019.905%2012.8977%2020.5415%2014.5%2020.5415C16.1024%2020.5415%2017.6391%2019.905%2018.7721%2018.7719C19.9052%2017.6389%2020.5417%2016.1022%2020.5417%2014.4998C20.5417%2012.8975%2019.9052%2011.3608%2018.7721%2010.2277C17.6391%209.0947%2016.1024%208.45817%2014.5%208.45817ZM14.5%2010.8748C14.9761%2010.8748%2015.4475%2010.9684%2015.8873%2011.1505C16.3271%2011.3326%2016.7268%2011.5996%2017.0635%2011.9361C17.4001%2012.2727%2017.6672%2012.6723%2017.8495%2013.1121C18.0317%2013.5518%2018.1256%2014.0232%2018.1256%2014.4992C18.1257%2014.9753%2018.032%2015.4467%2017.8499%2015.8865C17.6678%2016.3263%2017.4009%2016.726%2017.0643%2017.0627C16.7278%2017.3993%2016.3282%2017.6664%2015.8884%2017.8487C15.4487%2018.0309%2014.9773%2018.1248%2014.5012%2018.1248C13.5398%2018.1248%2012.6178%2017.7429%2011.938%2017.0631C11.2582%2016.3833%2010.8762%2015.4612%2010.8762%2014.4998C10.8762%2013.5384%2011.2582%2012.6164%2011.938%2011.9366C12.6178%2011.2568%2013.5398%2010.8748%2014.5012%2010.8748M20.845%206.64567C20.4444%206.64567%2020.0602%206.8048%2019.777%207.08806C19.4937%207.37132%2019.3346%207.7555%2019.3346%208.15609C19.3346%208.55667%2019.4937%208.94085%2019.777%209.22411C20.0602%209.50737%2020.4444%209.6665%2020.845%209.6665C21.2456%209.6665%2021.6298%209.50737%2021.913%209.22411C22.1963%208.94085%2022.3554%208.55667%2022.3554%208.15609C22.3554%207.7555%2022.1963%207.37132%2021.913%207.08806C21.6298%206.8048%2021.2456%206.64567%2020.845%206.64567Z'%20fill='%23FEFDEB'/%3e%3c/svg%3e");
    background-size: cover
}

.social-icon--instagram:hover {
    box-shadow: none;
    background: url("data:image/svg+xml,%3csvg%20width='29'%20height='29'%20viewBox='0%200%2029%2029'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.7422%202.4165C17.1016%202.42013%2017.7915%202.42738%2018.3872%202.4443L18.6217%202.45275C18.8923%202.46242%2019.1594%202.4745%2019.482%202.489C20.7677%202.54942%2021.6449%202.75242%2022.4146%203.05088C23.2121%203.3578%2023.884%203.77346%2024.5558%204.44409C25.1705%205.04793%2025.6459%205.77866%2025.949%206.58525C26.2475%207.35496%2026.4505%208.23221%2026.5109%209.51909C26.5254%209.8405%2026.5375%2010.1075%2026.5471%2010.3794L26.5544%2010.6138C26.5725%2011.2083%2026.5797%2011.8983%2026.5822%2013.2577L26.5834%2014.1591V15.742C26.5863%2016.6234%2026.577%2017.5047%2026.5556%2018.3858L26.5483%2018.6203C26.5387%2018.8921%2026.5266%2019.1592%2026.5121%2019.4806C26.4517%2020.7675%2026.2462%2021.6435%2025.949%2022.4144C25.6459%2023.221%2025.1705%2023.9517%2024.5558%2024.5556C23.9519%2025.1703%2023.2212%2025.6457%2022.4146%2025.9488C21.6449%2026.2473%2020.7677%2026.4503%2019.482%2026.5107L18.6217%2026.5469L18.3872%2026.5542C17.7915%2026.5711%2017.1016%2026.5795%2015.7422%2026.582L14.8408%2026.5832H13.2591C12.3773%2026.5863%2011.4955%2026.577%2010.614%2026.5554L10.3796%2026.5481C10.0928%2026.5373%209.80599%2026.5248%209.51929%2026.5107C8.23362%2026.4503%207.35637%2026.2473%206.58545%2025.9488C5.77929%2025.6456%205.04899%2025.1701%204.44549%2024.5556C3.83039%2023.9519%203.3545%2023.2211%203.05108%2022.4144C2.75262%2021.6447%202.54962%2020.7675%202.4892%2019.4806L2.45295%2018.6203L2.44691%2018.3858C2.42464%2017.5047%202.41457%2016.6234%202.4167%2015.742V13.2577C2.41336%2012.3763%202.42222%2011.495%202.44329%2010.6138L2.45174%2010.3794C2.46141%2010.1075%202.47349%209.8405%202.48799%209.51909C2.54841%208.23221%202.75141%207.35617%203.04987%206.58525C3.354%205.77833%203.83072%205.04757%204.4467%204.44409C5.04985%203.82971%205.77972%203.35426%206.58545%203.05088C7.35637%202.75242%208.23241%202.54942%209.51929%202.489C9.8407%202.4745%2010.109%202.46242%2010.3796%202.45275L10.614%202.4455C11.4951%202.42404%2012.3765%202.41477%2013.2579%202.41771L15.7422%202.4165ZM14.5%208.45817C12.8977%208.45817%2011.361%209.0947%2010.2279%2010.2277C9.0949%2011.3608%208.45837%2012.8975%208.45837%2014.4998C8.45837%2016.1022%209.0949%2017.6389%2010.2279%2018.7719C11.361%2019.905%2012.8977%2020.5415%2014.5%2020.5415C16.1024%2020.5415%2017.6391%2019.905%2018.7721%2018.7719C19.9052%2017.6389%2020.5417%2016.1022%2020.5417%2014.4998C20.5417%2012.8975%2019.9052%2011.3608%2018.7721%2010.2277C17.6391%209.0947%2016.1024%208.45817%2014.5%208.45817ZM14.5%2010.8748C14.9761%2010.8748%2015.4475%2010.9684%2015.8873%2011.1505C16.3271%2011.3326%2016.7268%2011.5996%2017.0635%2011.9361C17.4001%2012.2727%2017.6672%2012.6723%2017.8495%2013.1121C18.0317%2013.5518%2018.1256%2014.0232%2018.1256%2014.4992C18.1257%2014.9753%2018.032%2015.4467%2017.8499%2015.8865C17.6678%2016.3263%2017.4009%2016.726%2017.0643%2017.0627C16.7278%2017.3993%2016.3282%2017.6664%2015.8884%2017.8487C15.4487%2018.0309%2014.9773%2018.1248%2014.5012%2018.1248C13.5398%2018.1248%2012.6178%2017.7429%2011.938%2017.0631C11.2582%2016.3833%2010.8762%2015.4612%2010.8762%2014.4998C10.8762%2013.5384%2011.2582%2012.6164%2011.938%2011.9366C12.6178%2011.2568%2013.5398%2010.8748%2014.5012%2010.8748M20.845%206.64567C20.4444%206.64567%2020.0602%206.8048%2019.777%207.08806C19.4937%207.37132%2019.3346%207.7555%2019.3346%208.15609C19.3346%208.55667%2019.4937%208.94085%2019.777%209.22411C20.0602%209.50737%2020.4444%209.6665%2020.845%209.6665C21.2456%209.6665%2021.6298%209.50737%2021.913%209.22411C22.1963%208.94085%2022.3554%208.55667%2022.3554%208.15609C22.3554%207.7555%2022.1963%207.37132%2021.913%207.08806C21.6298%206.8048%2021.2456%206.64567%2020.845%206.64567Z'%20fill='%23FCD43B'/%3e%3c/svg%3e");
    background-size: cover
}

.social-icon--youtube {
    width: 34px;
    height: 34px;
    display: inline-block;
    background: url("data:image/svg+xml,%3csvg%20width='34'%20height='34'%20viewBox='0%200%2034%2034'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.1673%2021.2502L21.5198%2017.0002L14.1673%2012.7502V21.2502ZM30.544%2010.1577C30.7282%2010.8235%2030.8557%2011.716%2030.9407%2012.8493C31.0398%2013.9827%2031.0823%2014.9602%2031.0823%2015.8102L31.1673%2017.0002C31.1673%2020.1027%2030.9407%2022.3835%2030.544%2023.8427C30.1898%2025.1177%2029.3682%2025.9393%2028.0932%2026.2935C27.4273%2026.4777%2026.209%2026.6052%2024.339%2026.6902C22.4973%2026.7893%2020.8115%2026.8318%2019.2532%2026.8318L17.0007%2026.9168C11.0648%2026.9168%207.36732%2026.6902%205.90815%2026.2935C4.63315%2025.9393%203.81148%2025.1177%203.45732%2023.8427C3.27315%2023.1768%203.14565%2022.2843%203.06065%2021.151C2.96148%2020.0177%202.91898%2019.0402%202.91898%2018.1902L2.83398%2017.0002C2.83398%2013.8977%203.06065%2011.6168%203.45732%2010.1577C3.81148%208.88266%204.63315%208.061%205.90815%207.70683C6.57398%207.52266%207.79232%207.39516%209.66232%207.31016C11.504%207.211%2013.1898%207.1685%2014.7482%207.1685L17.0007%207.0835C22.9365%207.0835%2026.634%207.31016%2028.0932%207.70683C29.3682%208.061%2030.1898%208.88266%2030.544%2010.1577Z'%20fill='%23FEFDEB'/%3e%3c/svg%3e");
    background-size: cover
}

.social-icon--youtube:hover {
    box-shadow: none;
    background: url("data:image/svg+xml,%3csvg%20width='34'%20height='34'%20viewBox='0%200%2034%2034'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.1673%2021.2502L21.5198%2017.0002L14.1673%2012.7502V21.2502ZM30.544%2010.1577C30.7282%2010.8235%2030.8557%2011.716%2030.9407%2012.8493C31.0398%2013.9827%2031.0823%2014.9602%2031.0823%2015.8102L31.1673%2017.0002C31.1673%2020.1027%2030.9407%2022.3835%2030.544%2023.8427C30.1898%2025.1177%2029.3682%2025.9393%2028.0932%2026.2935C27.4273%2026.4777%2026.209%2026.6052%2024.339%2026.6902C22.4973%2026.7893%2020.8115%2026.8318%2019.2532%2026.8318L17.0007%2026.9168C11.0648%2026.9168%207.36732%2026.6902%205.90815%2026.2935C4.63315%2025.9393%203.81148%2025.1177%203.45732%2023.8427C3.27315%2023.1768%203.14565%2022.2843%203.06065%2021.151C2.96148%2020.0177%202.91898%2019.0402%202.91898%2018.1902L2.83398%2017.0002C2.83398%2013.8977%203.06065%2011.6168%203.45732%2010.1577C3.81148%208.88266%204.63315%208.061%205.90815%207.70683C6.57398%207.52266%207.79232%207.39516%209.66232%207.31016C11.504%207.211%2013.1898%207.1685%2014.7482%207.1685L17.0007%207.0835C22.9365%207.0835%2026.634%207.31016%2028.0932%207.70683C29.3682%208.061%2030.1898%208.88266%2030.544%2010.1577Z'%20fill='%23FCD43B'/%3e%3c/svg%3e");
    background-size: cover
}

.field--name-field-utility-links {
    margin-bottom: 20px;
    clear: both
}

@media screen and (min-width: 700px) {
    .field--name-field-utility-links {
        margin-bottom: 15px;
        display: flex;
        flex-wrap: wrap
    }
}

@media screen and (min-width: 1025px) {
    .field--name-field-utility-links {
        padding: 20px 0 0;
        border-top: 1px solid #66B0FF
    }
}

.field--name-field-utility-links .field__item {
    margin-bottom: 7px
}

@media screen and (min-width: 700px) {
    .field--name-field-utility-links .field__item {
        margin-right: 25px
    }
}

@media screen and (min-width: 700px) {

    .field--name-soka-copyright,
    .field--name-ifde-site-design-by-config-pages {
        font-size: 14px
    }
}

@media screen and (min-width: 700px) {
    .field--name-soka-copyright {
        float: left
    }
}

.field--name-ifde-site-design-by-config-pages {
    display: none !important;
    visibility: hidden !important
}