/*
.accessibility-font-small
.accessibility-font-medium
.accessibility-font-large

.accessibility-background-main
.accessibility-background-second

.inclusivity-popup

.accessibility-font

.accessibility-color-second
.accessibility-border
.accessibility-button
*/

.inclusivity-popup {
    width: 100%;
    padding: 20px 0;
    background: #F0F5F5;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 111;
}

.inclusivity-popup .container {
    position: relative;
}

#inclusivity-button {
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    margin: 0 10px;
    position: relative;
    top: 2px;
}

.inclusivity-button {
    fill: #aa62be;
}

.inclusivity-popup button {
    border: none;
}

.inclusivity-open .inclusivity-popup {
    display: flex;
    left: 0;
    top: 110px;
}

.inclusivity-colors {
    display: flex;
    flex-direction: column;
    width: calc(65% - 25px)
}

.inclusivity-fonts {
    display: flex;
    flex-direction: column;
    padding: 30px 0;
}

.inclusivity-popup {
    border-top: solid 1px #93A6A6;
}

.inclusivity-fonts-container button.active {
    border: solid 1px #000;
}

.inclusivity-controls {
    display: flex;
    flex-direction: column;
    width: 50px;
    align-items: flex-end;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.inclusivity-controls button {
    background: transparent;
    margin: 5px 0;
    cursor: pointer;
    padding-top: 0;
}

.inclusivity-controls button:before {
    content: '';
    display: flex;
    width: 20px;
    height: 20px;
    background-size: cover;
}

#inclusivity-button-reload {
    padding: 16px 15px;
    font-weight: 700;
    cursor: pointer;
}

.inclusivity-title {
    font-size: 20px;
    margin-bottom: 10px;
}

.inclusivity-fonts-container {
    display: flex;
    flex-wrap: wrap;
}

#inclusivity-button-reload:before {
    position: absolute;
    right: 10px;
    top: 7px;
}

.inclusivity-fonts fieldset {
    height: 100%;
    position: relative;
}

.inclusivity-color-container button,
.inclusivity-fonts-container button {
    margin: 12px 12px 12px 0;
    align-items: center;
    padding: 12px 24px 6px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    line-height: 1 !important;
    min-width: auto;
    display: inline-flex;
    justify-content: center;
    text-align: center;
    color: #000;
    background-color: transparent;
    line-height: 1.1;
    transition: .3s all;
}

.inclusivity-color-container button:hover {
    outline: solid 1px #000;
}

.inclusivity-fonts-container button:hover {
    outline: solid 1px #000;
}

#inclusivity-button-reload {
    border: 2px solid;
    color: #fff;
    font-weight: 700;
    border-radius: 8px;
    transition: all .3s;
    position: absolute;
    right: 0;
    bottom: 0;
}

.card.accessibility-border {
    padding: 15px;
    box-sizing: border-box;
}

.inclusivity-fonts-container button {
    width: 65px;
    height: 65px;
}

.inclusivity-fonts-container button.mod1 {
    font-size: 18px;
}

.inclusivity-fonts-container button.mod2 {
    font-size: 24px;
}

.inclusivity-fonts-container button.mod3 {
    font-size: 28px;
}

.inclusivity-fonts-container button.mod4 {
    font-size: 36px;
}

#color_1 {
    color: #773D08;
    background: #F0D3A8;
}

#color_2 {
    color: #34404F;
    background: #FFFFFF;
}

#color_3 {
    color: #333;
    background: #FFC400;
}

#color_4 {
    color: rgba(28, 38, 87, 0.84);
    background: #FFC400;
}

#color_5 {
    color: #138B0F;
    background: #FFFFFF;
}

#color_6 {
    color: #0f2c57;
    background: #88c2f7;
}

#color_7 {
    color: #FFFCFC;
    background: #000000;
}

#color_8 {
    color: #FFC400;
    background: #000000;
}

#color_9 {
    color: #FFC400;
    background: rgba(28, 38, 87, 0.84);
}

#color_10 {
    color: #fff;
    background: #138B0F;
}

#color_11 {
    background: #fff;
}

.font_size_mod2,
.font_size_mod2 .inclusivity-title,
.font_size_mod2 .nice-select,
.font_size_mod2 .inclusivity-color-container button,
.font_size_mod2 .inclusivity-fonts-container button {
    font-size: 20px !important;
    line-height: 1.3 !important;
}

.font_size_mod2 .accessibility-font-small {
    font-size: 20px !important;
    line-height: 1.3 !important;
}

.font_size_mod2 .accessibility-font-medium {
    font-size: 30px !important;
    line-height: 1.3 !important;
}

.font_size_mod2 .accessibility-font-large {
    font-size: 40px !important;
    line-height: 1.3 !important;
}

.font_size_mod3,
.font_size_mod3 .inclusivity-title,
.font_size_mod3 .nice-select,
.font_size_mod3 .inclusivity-color-container button,
.font_size_mod3 .inclusivity-fonts-container button {
    font-size: 25px !important;
    line-height: 1.3 !important;
}

.font_size_mod3 .accessibility-font-small {
    font-size: 25px !important;
    line-height: 1.3 !important;
}

.font_size_mod3 .accessibility-font-medium {
    font-size: 35px !important;
    line-height: 1.3 !important;
}

.font_size_mod3 .accessibility-font-large {
    font-size: 45px !important;
    line-height: 1.3 !important;
}

.font_size_mod4,
.font_size_mod4 .inclusivity-title,
.font_size_mod4 .nice-select,
.font_size_mod4 .inclusivity-color-container button,
.font_size_mod4 .inclusivity-fonts-container button {
    font-size: 30px !important;
    line-height: 1.3 !important;
}

.font_size_mod4 .accessibility-font-small {
    font-size: 30px !important;
    line-height: 1.3 !important;
}

.font_size_mod4 .accessibility-font-medium {
    font-size: 40px !important;
    line-height: 1.3 !important;
}

.font_size_mod4 .accessibility-font-large {
    font-size: 50px !important;
    line-height: 1.3 !important;
}

.font_size_mod3 .header-main,
.font_size_mod4 .header-main {
    max-width: 50vw;
    overflow-x: auto;
}

.font_size_mod2 .nice-select,
.font_size_mod3 .nice-select,
.font_size_mod4 .nice-select {
    line-height: 2 !important;
}

.font_size_mod3 .msf-list__name,
.font_size_mod4 .msf-list__name {
    padding-right: 60px;
}

.font_size_mod3 .heroSec__ctn .col-md-10.col-lg-8,
.font_size_mod4 .heroSec__ctn .col-md-10.col-lg-8 {
    width: 100%;
    max-width: 100%;
}

.black_on_yellow .filter-black,
.blue_on_yellow .filter-black,
.green_on_white .filter-black {
    filter: brightness(0) invert(0);
}

.white_black {
    filter: grayscale(100%);
}

/* yellow_on_blue */
.yellow_on_blue #inclusivity-button {
    rect {
        fill: #e3b10b !important;
    }

    path {
        fill: #1c2657 !important;
    }
}

.yellow_on_blue .header__search {
    background: #e3b10b !important;

    svg {
        filter: none !important;

        path {
            fill: #1c2657 !important;
        }
    }
}

.yellow_on_blue .accessibility-background-main {
    background-color: #1c2657 !important;
}

.yellow_on_blue .accessibility-background-second {
    background-color: #e3b10b !important;
}

.yellow_on_blue .inclusivity-popup {
    border-top: solid 1px #e3b10b;
}

.yellow_on_blue .accessibility-color-main,
.yellow_on_blue .cms-editor a,
.yellow_on_blue .content-block a,
.yellow_on_blue .accessibility-font,
.yellow_on_blue .accessibility-font p,
.yellow_on_blue .accessibility-font p span,
.yellow_on_blue .accessibility-font:before,
.yellow_on_blue em,
.yellow_on_blue,
.yellow_on_blue .accessibility-font li a,
.yellow_on_blue .accessibility-font a:before {
    color: #e3b10b !important;
}

.yellow_on_blue .accessibility-border-top {
    border-top: solid 1px #1c2657;
}

.yellow_on_blue .accessibility-color-second {
    color: #1c2657 !important;
}

.yellow_on_blue .accessibility-border-top {
    border-top: solid 1px #e3b10b;
}

.yellow_on_blue .accessibility-border-bottom {
    border-bottom: solid 1px #e3b10b;
}

.yellow_on_blue .accessibility-border {
    border: solid 1px #e3b10b;
}

.yellow_on_blue .accessibility-button {
    border: solid 1px #e3b10b !important;
    background: #e3b10b !important;
    color: #1c2657 !important;
}

.yellow_on_blue .selectize,
.yellow_on_blue .option {
    border: solid 1px #e3b10b !important;
    background: #1c2657 !important;
    color: #e3b10b !important;
}

.yellow_on_blue .tab-item.active {
    background: #e3b10b !important;
    color: #1c2657 !important;
    border-color: #e3b10b !important;
}


/* white_on_green */
.white_on_green #inclusivity-button {
    rect {
        fill: #fff !important;
    }

    path {
        fill: #138b0f !important;
    }
}

.white_on_green .header__search {
    background: #fff !important;

    svg {
        filter: none !important;

        path {
            fill: #138b0f !important;
        }
    }
}
.white_on_green .accessibility-background-main {
    background-color: #138b0f !important;
}

.white_on_green .accessibility-background-second {
    background-color: #fff !important;
}

.white_on_green .inclusivity-popup {
    border-top: solid 1px #fff;
}

.white_on_green .accessibility-color-main,
.white_on_green .cms-editor a,
.white_on_green .content-block a,
.white_on_green .accessibility-font,
.white_on_green .accessibility-font p,
.white_on_green .accessibility-font p span,
.white_on_green .accessibility-font:before,
.white_on_green em,
.white_on_green,
.white_on_green .accessibility-font li a,
.white_on_green .accessibility-font a:before {
    color: #fff !important;
}

.white_on_green .accessibility-border-top {
    border-top: solid 1px #138b0f;
}

.white_on_green .accessibility-color-second {
    color: #138b0f !important;
}

.white_on_green .accessibility-border-top {
    border-top: solid 1px #fff;
}

.white_on_green .accessibility-border-bottom {
    border-bottom: solid 1px #fff;
}

.white_on_green .accessibility-border {
    border: solid 1px #fff;
}

.white_on_green .accessibility-button {
    border: solid 1px #fff !important;
    background: #fff !important;
    color: #138b0f !important;
}

.white_on_green .selectize,
.white_on_green .option {
    border: solid 1px #fff !important;
    background: #138b0f !important;
    color: #fff !important;
}

.white_on_green .tab-item.active {
    background: #fff !important;
    color: #138b0f !important;
    border-color: #fff !important;
}

/* green_on_white */
.green_on_white #inclusivity-button {
    rect {
        fill: #138b0f !important;
    }

    path {
        fill: #fff !important;
    }
}

.green_on_white .header__search {
    background: #138b0f !important;

    svg {
        filter: none !important;

        path {
            fill: #fff !important;
        }
    }
}
.green_on_white .accessibility-background-main {
    background-color: #fff !important;
}

.green_on_white .accessibility-background-second {
    background-color: #138b0f !important;
}

.green_on_white .inclusivity-popup {
    border-top: solid 1px #138b0f;
}

.green_on_white .accessibility-color-main,
.green_on_white .cms-editor a,
.green_on_white .content-block a,
.green_on_white .accessibility-font,
.green_on_white .accessibility-font p,
.green_on_white .accessibility-font p span,
.green_on_white .accessibility-font:before,
.green_on_white,
.green_on_white em,
.green_on_white .accessibility-font li a,
.green_on_white .accessibility-font a:before {
    color: #138b0f !important;
}

.green_on_white .accessibility-border-top {
    border-top: solid 1px #fff;
}

.green_on_white .accessibility-color-second {
    color: #fff !important;
}

.green_on_white .accessibility-border-top {
    border-top: solid 1px #138b0f;
}

.green_on_white .accessibility-border-bottom {
    border-bottom: solid 1px #138b0f;
}

.green_on_white .accessibility-border {
    border: solid 1px #138b0f;
}

.green_on_white .accessibility-button {
    border: solid 1px #138b0f !important;
    background: #138b0f !important;
    color: #fff !important;
}

.green_on_white .selectize,
.green_on_white .option {
    border: solid 1px #138b0f !important;
    background: #fff !important;
    color: #138b0f !important;
}

.green_on_white .tab-item.active {
    background: #138b0f !important;
    color: #fff !important;
    border-color: #138b0f !important;
}

/* yellow_on_black */
.yellow_on_black #inclusivity-button {
    rect {
        fill: #ffb500 !important;
    }

    path {
        fill: #000 !important;
    }
}

.yellow_on_black .header__search {
    background: #ffb500 !important;

    svg {
        filter: none !important;

        path {
            fill: #000 !important;
        }
    }
}
.yellow_on_black .accessibility-background-main {
    background-color: #000 !important;
}

.yellow_on_black .accessibility-background-second {
    background-color: #ffb500 !important;
}

.yellow_on_black .inclusivity-popup {
    border-top: solid 1px #ffb500;
}

.yellow_on_black .accessibility-color-main,
.yellow_on_black .cms-editor a,
.yellow_on_black .content-block a,
.yellow_on_black .accessibility-font,
.yellow_on_black .accessibility-font p,
.yellow_on_black .accessibility-font p span,
.yellow_on_black .accessibility-font:before,
.yellow_on_black em,
.yellow_on_black,
.yellow_on_black .accessibility-font li a,
.yellow_on_black .accessibility-font a:before {
    color: #ffb500 !important;
}

.yellow_on_black .accessibility-border-top {
    border-top: solid 1px #000;
}

.yellow_on_black .accessibility-color-second {
    color: #ffb500 !important;
}

.yellow_on_black .accessibility-border-top {
    border-top: solid 1px #000;
}

.yellow_on_black .accessibility-border-bottom {
    border-bottom: solid 1px #000;
}

.yellow_on_black .accessibility-border {
    border: solid 1px #000;
}

.yellow_on_black .accessibility-button {
    border: solid 1px #000 !important;
    background: #ffb500 !important;
    color: #000 !important;
}

.yellow_on_black .selectize,
.yellow_on_black .option {
    border: solid 1px #000 !important;
    background: #ffb500 !important;
    color: #000 !important;
}

.yellow_on_black .tab-item.active {
    background: #ffb500 !important;
    color: #000 !important;
    border-color: #ffb500 !important;
}

/* withe_on_black */
.withe_on_black #inclusivity-button {
    rect {
        fill: #fff !important;
    }

    path {
        fill: #000 !important;
    }
}

.withe_on_black .header__search {
    background: #fff !important;

    svg {
        filter: none !important;

        path {
            fill: #000 !important;
        }
    }
}
.withe_on_black .accessibility-background-main {
    background-color: #000 !important;
}

.withe_on_black .accessibility-background-second {
    background-color: #fff !important;
}

.withe_on_black .inclusivity-popup {
    border-top: solid 1px #fff;
}

.withe_on_black .accessibility-color-main,
.withe_on_black .cms-editor a,
.withe_on_black .content-block a,
.withe_on_black .accessibility-font,
.withe_on_black .accessibility-font p,
.withe_on_black .accessibility-font p span,
.withe_on_black .accessibility-font:before,
.withe_on_black em,
.withe_on_black,
.withe_on_black .accessibility-font li a,
.withe_on_black .accessibility-font a:before {
    color: #fff !important;
}

.withe_on_black .accessibility-border-top {
    border-top: solid 1px #fff;
}

.withe_on_black .accessibility-color-second {
    color: #000 !important;
}

.withe_on_black .accessibility-border-top {
    border-top: solid 1px #fff;
}

.withe_on_black .accessibility-border-bottom {
    border-bottom: solid 1px #fff;
}

.withe_on_black .accessibility-border {
    border: solid 1px #fff;
}

.withe_on_black .accessibility-button {
    border: solid 1px #000 !important;
    background: #fff !important;
    color: #000 !important;
}

.withe_on_black .selectize,
.withe_on_black .option {
    border: solid 1px #fff !important;
    background: #000 !important;
    color: #fff !important;
}

.withe_on_black .tab-item.active {
    background: #fff !important;
    color: #000 !important;
    border-color: #fff !important;
}

.invert {
    filter: invert(100%);
}

/* blue_on_yellow */
.blue_on_yellow #inclusivity-button {
    rect {
        fill: #22227f !important;
    }

    path {
        fill: #ffc400 !important;
    }
}

.blue_on_yellow .header__search {
    background: #22227f !important;

    svg {
        filter: none !important;

        path {
            fill: #ffc400 !important;
        }
    }
}
.blue_on_yellow .accessibility-background-main {
    background-color: #ffc400 !important;
}

.blue_on_yellow .accessibility-background-second {
    background-color: #22227f !important;
}

.blue_on_yellow .inclusivity-popup {
    border-top: solid 1px #22227f;
}

.blue_on_yellow .accessibility-color-main,
.blue_on_yellow .cms-editor a,
.blue_on_yellow .content-block a,
.blue_on_yellow .accessibility-font,
.blue_on_yellow .accessibility-font p,
.blue_on_yellow .accessibility-font p span,
.blue_on_yellow .accessibility-font:before,
.blue_on_yellow em,
.blue_on_yellow,
.blue_on_yellow .accessibility-font li a,
.blue_on_yellow .accessibility-font a:before {
    color: #22227f !important;
}

.blue_on_yellow .accessibility-border-top {
    border-top: solid 1px #22227f;
}

.blue_on_yellow .accessibility-color-second {
    color: #ffc400 !important;
}

.blue_on_yellow .accessibility-border-top {
    border-top: solid 1px #22227f;
}

.blue_on_yellow .accessibility-border-bottom {
    border-bottom: solid 1px #22227f;
}

.blue_on_yellow .accessibility-border {
    border: solid 1px #22227f;
}

.blue_on_yellow .accessibility-button {
    border: solid 1px #ffc400 !important;
    background: #22227f !important;
    color: #ffc400 !important;
}

.blue_on_yellow .selectize,
.blue_on_yellow .option {
    border: solid 1px #22227f !important;
    background: #ffc400 !important;
    color: #22227f !important;
}

.blue_on_yellow .tab-item.active {
    background: #22227f !important;
    color: #ffc400 !important;
    border-color: #22227f !important;
}

/* black_on_yellow */
.black_on_yellow #inclusivity-button {
    rect {
        fill: #000 !important;
    }

    path {
        fill: #ffc400 !important;
    }
}

.black_on_yellow .header__search {
    background: #000 !important;

    svg {
        filter: none !important;

        path {
            fill: #ffc400 !important;
        }
    }
}
.black_on_yellow .accessibility-background-main {
    background-color: #ffc400 !important;
}

.black_on_yellow .accessibility-background-second {
    background-color: #000 !important;
}

.black_on_yellow .inclusivity-popup {
    border-top: solid 1px #000;
}

.black_on_yellow .accessibility-color-main,
.black_on_yellow .cms-editor a,
.black_on_yellow .content-block a,
.black_on_yellow .accessibility-font,
.black_on_yellow .accessibility-font p,
.black_on_yellow .accessibility-font p span,
.black_on_yellow .accessibility-font:before,
.black_on_yellow em,
.black_on_yellow,
.black_on_yellow .accessibility-font li a,
.black_on_yellow .accessibility-font a:before {
    color: #000 !important;
}

.black_on_yellow .accessibility-color-second {
    color: #ffb500 !important;
}

.black_on_yellow .accessibility-border-top {
    border-top: solid 1px #000;
}

.black_on_yellow .accessibility-border-bottom {
    border-bottom: solid 1px #000;
}

.black_on_yellow .accessibility-border {
    border: solid 1px #000;
}

.black_on_yellow .accessibility-button {
    border: solid 1px #000 !important;
    background: #000 !important;
    color: #ffb500 !important;
}

.black_on_yellow .selectize,
.black_on_yellow .option {
    border: solid 1px #000 !important;
    background: #ffb500 !important;
    color: #000 !important;
}

.black_on_yellow .tab-item.active {
    background: #000 !important;
    color: #ffb500 !important;
    border-color: #000 !important;
}

/* black_on_white */
.black_on_white #inclusivity-button {
    rect {
        fill: #000 !important;
    }

    path {
        fill: #fff !important;
    }
}

.black_on_white .header__search {
    background: #000 !important;

    svg {
        filter: none !important;

        path {
            fill: #fff !important;
        }
    }
}
.black_on_white .accessibility-background-main {
    background-color: #fff !important;
}

.black_on_white .accessibility-background-second {
    background-color: #000 !important;
}

.black_on_white .inclusivity-popup {
    border-top: solid 1px #000;
}

.black_on_white .accessibility-color-main,
.black_on_white .cms-editor a,
.black_on_white .content-block a,
.black_on_white .accessibility-font,
.black_on_white .accessibility-font p,
.black_on_white .accessibility-font p span,
.black_on_white .accessibility-font:before,
.black_on_white,
.black_on_white em,
.black_on_white .accessibility-font li a,
.black_on_white .accessibility-font a:before {
    color: #000 !important;
}

.black_on_white .accessibility-color-second {
    color: #fff !important;
}

.black_on_white .accessibility-border-top {
    border-top: solid 1px #000;
}

.black_on_white .accessibility-border-bottom {
    border-bottom: solid 1px #000;
}

.black_on_white .accessibility-border {
    border: solid 1px #000;
}

.black_on_white .accessibility-button {
    border: solid 1px #000 !important;
    background: #000 !important;
    color: #fff !important;
}

.black_on_white .selectize,
.black_on_white .option {
    border: solid 1px #000 !important;
    background: #fff !important;
    color: #000 !important;
}

.black_on_white .tab-item.active {
    background: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
}

/* sepia */
.sepia #inclusivity-button {
    rect {
        fill: #773d08 !important;
    }

    path {
        fill: #f0d3a8 !important;
    }
}

.sepia .header__search {
    background: #773d08 !important;

    svg {
        filter: none !important;

        path {
            fill: #f0d3a8 !important;
        }
    }
}
.sepia .accessibility-background-main {
    background-color: #f0d3a8 !important;
}

.sepia .accessibility-background-second {
    background-color: #773d08 !important;
}

.sepia .inclusivity-popup {
    border-top: solid 1px #773d08;
}

.sepia .accessibility-color-main,
.sepia .cms-editor a,
.sepia .content-block a,
.sepia .accessibility-font,
.sepia .accessibility-font p,
.sepia .accessibility-font p span,
.sepia .accessibility-font:before,
.sepia,
.sepia em,
.sepia .accessibility-font li a,
.sepia .accessibility-font a:before {
    color: #773d08 !important;
}

.sepia .accessibility-color-second {
    color: #fff !important;
}

.sepia .accessibility-border-top {
    border-top: solid 1px #773d08;
}

.sepia .accessibility-border-bottom {
    border-bottom: solid 1px #773d08;
}

.sepia .accessibility-border {
    border: solid 1px #773d08;
}

.sepia .accessibility-button {
    border: solid 1px #f0d3a8 !important;
    background: #f0d3a8 !important;
    color: #773d08 !important;
}

.sepia .selectize,
.sepia .option {
    border: solid 1px #f0d3a8 !important;
    background: #773d08 !important;
    color: #f0d3a8 !important;
}

.sepia .tab-item.active {
    background: #773d08 !important;
    color: #f0d3a8 !important;
    border-color: #773d08 !important;
}

body.invert {
    background-color: #000;
}

@media screen and (max-width: 991.98px) {
    .inclusivity-open .inclusivity-popup {
        top: 70px;
    }

    .inclusivity-popup {
        padding: 15px 15px 30px 15px;
        height: 100vh;
        overflow-y: auto;
    }

    .inclusivity-controls {
        right: 0;
        top: 0;
    }

    #inclusivity-button-reload {
        position: relative;
        right: auto;
        bottom: auto;
        margin-top: 20px;
    }

    .inclusivity-colors {
        width: 100%;
    }

    .inclusivity-view-fonts.mod4 {
        display: none;
    }
}

@media screen and (max-width: 760px) {
    .inclusivity-open .inclusivity-popup {
        top: 125px;
    }

    .inclusivity-popup .container {
        padding: 0;
    }

    .inclusivity-color-container button,
    .inclusivity-fonts-container button {
        margin: 8px 8px 8px 0;
        padding-left: 12px;
        padding-right: 12px;
    }
}