/*** zz_main-css-edits.css ***/

/* Fonts ===================================================================== */
@charset "UTF-8";
/* Responsive NaturalHeritage theme */
/* Not in use by family's themes, may be used by Ultrawave. */
/*progress tracker */
@import url("http://fonts.googleapis.com/css?family=Raleway|Abel");

@font-face {
    font-family: 'advertaSTD-light';
    src: url("../otf/avertastd-light.otf");
    src: url("../otf/avertastd-lightd41d.otf#iefix");
}

@font-face {
    font-family: 'advertaSTD-bold';
    src: url("../otf/avertastd-bold.otf");
    src: url("../otf/avertastd-boldd41d.otf#iefix");
}

@font-face {
    font-family: 'advertaSTD-regular';
    src: url("../otf/avertastd-regular.otf");
    src: url("../otf/avertastd-regulard41d.otf#iefix");
}

@font-face {
    font-family: 'advertaSTD-semibold';
    src: url("../otf/avertastd-semibold.otf");
    src: url("../otf/avertastd-semiboldd41d.otf#iefix");
}

/* 2023 redesign fonts AvertaPE */
@font-face {
    font-family: 'AvertaPE';
    src: url("../otf/avertape-regular.otf");
    src: url("../otf/avertape-regulard41d.otf#iefix");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvertaPE';
    src: url("../otf/avertape-regularitalic.otf");
    src: url("../otf/avertape-regularitalicd41d.otf#iefix");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'AvertaPE';
    src: url("../otf/avertape-semibold.otf");
    src: url("../otf/avertape-semiboldd41d.otf#iefix");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'AvertaPE';
    src: url("../otf/avertape-semibolditalic.otf");
    src: url("../otf/avertape-semibolditalicd41d.otf#iefix");
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'AvertaPE';
    src: url("../otf/avertape-bold.otf");
    src: url("../otf/avertape-boldd41d.otf#iefix");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'AvertaPE';
    src: url("../otf/avertape-bolditalic.otf");
    src: url("../otf/avertape-bolditalicd41d.otf#iefix");
    font-weight: 300;
    font-style: italic;
}

/* global css ===================================================================== */
p {
    font-family: 'advertaSTD-regular';
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -.43px;
    line-height: 1.6;
}

a,
.Link {
    text-decoration: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'advertaSTD-regular', sans-serif;
    font-style: normal;
    color: #222;
    text-rendering: optimizeLegibility;
    margin: 1em 0 .5em;
}

h1:after {
    border-bottom: none !important;
}

li {
    font-family: 'advertaSTD-light', sans-serif;
}

ul.arrow li {
    list-style: none outside none;
    position: relative;
}

.list-angle-double {
    padding-left: 10px;
}

.list-angle-double li:before {
    top: 4px !important;
}

.list-angle-double li:before {
    content: "\f101";
    font-family: FontAwesome;
}

h4.title-line {
    color: #676e89;
    font-size: 2.5rem;
    overflow: hidden;
}

h3.title-line {
    color: #676e89;
    font-size: 3rem;
    overflow: hidden;
}

h4.title-line:after,
h3.title-line:after {
    border-top: 1px solid #e4e4e4;
    content: "";
    display: inline-block;
    left: 2%;
    margin: 0 -200% 0 0;
    position: relative;
    vertical-align: middle;
    width: 90%;
}

.subheader {
    color: #676e89;
    font-family: 'advertaSTD-regular', sans-serif !important;
    line-height: 1.1 !important;
    margin-top: .875rem;
    margin-bottom: .875rem;
    font-size: 150%;
    color: #676e89;
}

.list-angle li,
.list-angle-double li,
.list-plus li {
    font-size: 1rem;
    line-height: 1.3rem;
    list-style: none;
}

.list-angle li,
.list-angle-double li,
.list-plus li {
    font-size: .95em;
    line-height: 18px;
    margin-bottom: 1em;
    padding: 0 0 0 20px;
    position: relative;
}

.list-angle li:before,
.list-angle-double li:before,
.list-plus li:before {
    line-height: 1.6;
}

.list-angle li:before,
.list-angle-double li:before,
.list-plus li:before {
    display: inline-block;
    height: 12px;
    left: 0;
    line-height: 12px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 12px;
}

.list-angle li:before {
    content: "\f105";
    font-family: FontAwesome;
}

.expand {
    width: 100%;
}

.button,
.TextButton {
    line-height: normal !important;
    font-size: 1.5rem !important;
    font-weight: 400 !important;
    padding: 10px 10px;
    color: #fff !important;
    border-radius: 40px;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    font-family: 'advertaSTD-regular', sans-serif;
    position: relative;
    text-align: center;
    display: inline-block;
    background-color: #ff3463 !important;
    transition: all 0.2s ease-in-out !important;
    transform: scale(0.94);
    border: none;
    font-weight: 400 !important;
    letter-spacing: 1px;
    min-width: 150px;
    text-transform: capitalize !important;
}

.button:hover {
    transform: scale(1);
}

.button.dark {
    background-color: #3239cb;
}

.rmLink.rmRootLink.rmSelected {
    border-top: none !important;
    border-bottom: solid 3px #FF3463 !important;
}

.site-hero {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    background-color: #3239cb;
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -55px;
    padding: 50px 25rem 100px;
    margin-bottom: -20px;
    position: relative;
}

.test-class {
    color: red;
}

.site-hero.about {
    margin-top: -78px;
}

.site-hero p,
.why-join-home .site-hero p {
    text-align: center !important;
}

.site-hero .iMIS-WebPart {
    width: 66%;
}

.site-hero:after {
    content: '';
    bottom: -30px;
    height: 80px;
    position: absolute;
    left: 0;
    width: 100%;
    background: #fff;
    border-radius: 0 80px 0 0;
    box-shadow: 3px -8px 7px -5px rgb(94 97 125 / 21%);
}

@media (max-width: 1024px) {
    .site-hero {
        padding: 0px 2rem 60px;
    }

    .site-hero:after {
        bottom: -10px;
    }
}

.site-hero h1 {
    color: #fff !important;
    text-align: center;
}

ul.arrow li:before {
    content: "\f101";
    font-family: FontAwesome;
    display: inline-block;
    height: 12px;
    left: -21px;
    line-height: 12px;
    position: absolute;
    text-align: center;
    top: 8px;
    width: 12px;
    color: #ff3463;
}

.ms-rtestate-field table,
.ms-rtestate-write table {
    border-collapse: collapse;
}

table tr.even,
table tr.alt,
table tr:nth-of-type(even) {
    background: #f9f9f9;
}

.ms-rteTable-default,
.ms-rteTable-default>tbody>tr>td,
.ms-rteTable-default>tbody>tr>th,
td.ms-rteTable-default,
th.ms-rteTable-default,
.ms-rtetablecells {
    border: 1px solid #c6c6c6;
}

.ms-rteTable-default>tbody>tr>td,
.ms-rteTable-default>tbody>tr>th,
.ms-rteTable-0>tbody>tr>td,
.ms-rteTable-0>tbody>tr>th,
.ms-rteTable-1>tbody>tr>td,
.ms-rteTable-1>tbody>tr>th,
.ms-rteTable-2>tbody>tr>td,
.ms-rteTable-2>tbody>tr>th,
.ms-rteTable-3>tbody>tr>td,
.ms-rteTable-3>tbody>tr>th,
.ms-rteTable-4>tbody>tr>td,
.ms-rteTable-4>tbody>tr>th,
.ms-rteTable-5>tbody>tr>td,
.ms-rteTable-5>tbody>tr>th,
.ms-rteTable-6>tbody>tr>td,
.ms-rteTable-6>tbody>tr>th,
.ms-rteTable-7>tbody>tr>td,
.ms-rteTable-7>tbody>tr>th,
.ms-rteTable-8>tbody>tr>td,
.ms-rteTable-8>tbody>tr>th,
.ms-rteTable-9>tbody>tr>td,
.ms-rteTable-9>tbody>tr>th,
.ms-rteTable-10>tbody>tr>td,
.ms-rteTable-10>tbody>tr>th {
    vertical-align: top;
    padding: 7px 5px 6px;
}

.UtilityNavigation {
    position: relative;
}

.UtilityNavigation .UtilitySearch {
    position: absolute;
    bottom: -13px;
    right: 113px;
}

.UtilityNavigation .UtilitySTEToggle {
    position: absolute;
    bottom: 0;
    left: -15px;
}

.text-center div.call-quote {
    position: relative;
    padding: 0;
    border-radius: 5px;
    margin: 0;
    min-height: 50px;
    /* float: right;
     */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#footer-line {
    width: 100vw;
    margin-left: calc(-50vw + 48.9%);
}

.hero-banner.with-image {
    background-image: url(../jpg/hero-home-banner.jpg) !important;
}

/* menu styles ===================================================================== */
/* roger 2022 styles */
/* edit button */
.UtilityNavigation .UtilitySTEToggle {
    left: 18px !important;
    bottom: -2px !important;
}

.Wrapper-FullWidth.scroll-down .header-top-container .nav-auxiliary,
.eo-signin-page.scroll-down .header-top-container .nav-auxiliary {
    left: 0 !important;
}

.nav-auxiliary {
    margin-top: 10px;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .nav-auxiliary {
        margin-top: 20px;
    }
}

a.ste-toggle {
    background-color: transparent;
    background-image: none;
    display: flex;
    align-items: center;
    width: 26px !important;
    height: 30px !important;
}

a.ste-toggle:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    content: "\f044";
    color: #fff;
    font-size: 18px;
}

a.ste-toggle:hover {
    background-color: transparent;
}

/* search */
.header-search {
    padding: 8px !important;
}

.header-search .search-field {
    background-position: 5px 5px !important;
    position: relative;
    top: 1px;
    padding-left: 28px !important;
    height: 30px !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .header-search .search-field {
        position: absolute !important;
        left: 195px !important;
        top: -8px !important;
    }

    a.ste-toggle {
        position: absolute !important;
        left: 215px !important;
        top: -48px !important;
    }

    span.nav-text {
        position: absolute !important;
        left: 221px !important;
        bottom: 70px !important;
        top: -5px !important;
    }

    .header-container {
        padding-top: 7px;
    }
}

/* member button */
.member-dropdown {
    margin-left: 5px;
}

.member-dropdown>a {
    background: transparent !important;
    height: 25px !important;
    width: 25px !important;
    margin-left: 10px !important;
    padding-top: 0px !important;
    margin-top: 15px !important;
}

.member-dropdown>a:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    content: "\f007";
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}

.member-dropdown .member-dropdown-content {
    top: 40px;
    padding-bottom: 30px;
}

@media (max-width: 375px) {
    .member-dropdown>a {
        right: -134px;
    }
}

@media (max-width: 320px) {
    .member-dropdown>a {
        right: -107px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .member-dropdown>a {
        right: -215px !important;
        top: -18px !important;
        left: inherit !important;
    }
}

/* Main Top Navigation */
ul.rmRootGroup.rmToggleHandles.rmHorizontal {
    margin-top: 14px;
}

/* main nav resizing */
@media (min-width: 992px) {
    #hd {
        min-height: 110px !important;
        /*---New Public Site Design---*/
        height: 115px;
        /*---New Public Site Design---*/
    }

    .header-bottom-container>.header-container {
        padding-top: 0px !important;
        margin-top: 12px;
    }

    .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup>.rmItem>.rmLink {
        font-size: 15px !important;
    }

    .RadMenu.RadMenu_NaturalHeritageSites .rmHorizontal .rmText {
        padding: 8px 10px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .header-container {
        margin-bottom: -13px;
    }

    #hd {
        min-height: 6em !important;
    }
}

.RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup>.rmItem>.rmLink {
    font-size: 16px;
    letter-spacing: 0px !important;
    text-transform: uppercase !important;
    /*---New Public Site Design---*/
}

.connectEO>span.rmText:after {
    content: "EO" !important;
    color: #FF3633;
}

/* mega menu */
.mega-menu a {
    background-repeat: no-repeat !important;
    width: 18px !important;
    padding: 13px !important;
    position: relative !important;
    top: 14px !important;
    left: 6px !important;
    cursor: pointer;
}

.greeting {
    position: relative;
    left: -75px;
    bottom: -20px;
}

@media (max-width: 375px) {

    .mega-menu,
    .Wrapper-HomePage .mega-menu,
    .eo-signin-page .mega-menu {
        position: absolute !important;
        top: 7px !important;
        left: 5px !important;
    }
}

@media (max-width: 320px) {

    .mega-menu,
    .Wrapper-HomePage .mega-menu,
    .eo-signin-page .mega-menu {
        position: absolute !important;
        top: 7px !important;
        left: 25px !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .mega-menu>a {
        right: -220px !important;
        left: inherit !important;
        top: -5px !important;
    }

    .scroll-down .greeting span.nav-text {
        top: -10px !important;
        left: 211px !important;
    }

    div.UtilitySection.OnBehalfOf {
        z-index: inherit !important;
    }
}

/* Signin page */
.forgot-link-field a {
    display: block;
    top: 4px;
}

.login {
    position: relative;
    right: -25px;
    top: -8px;
}

.scroll-down .login {
    top: -50px !important;
}

.NavigationUnorderedList {
    position: relative;
}

ul.NavigationUnorderedList li {
    padding-top: 20px !important;
}

.Wrapper-HomePage .eo-auxiliary-menu,
.eo-signin-page .eo-auxiliary-menu {
    display: inherit !important;
}

.Wrapper-HomePage ul.NavigationUnorderedList,
.eo-signin-page ul.NavigationUnorderedList {
    display: flex !important;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    position: inherit;
}

.Wrapper-HomePage.scroll-down ul.NavigationUnorderedList,
.eo-signin-page.scroll-down ul.NavigationUnorderedList {
    margin-top: -35px;
    transition: all 300ms ease-in-out;
}

.Wrapper-HomePage.scroll-down .eo-auxiliary-menu.login a span.nav-text,
.eo-signin-page.scroll-down .eo-auxiliary-menu.login a span.nav-text {
    right: -75px;
    top: 15px;
}

.Wrapper-HomePage .eo-auxiliary-menu.login a span.nav-text,
.eo-signin-page .eo-auxiliary-menu.login a span.nav-text {
    position: inherit;
}

.eo-auxiliary-menu.login a span.nav-text {
    position: absolute;
    right: -78px;
    top: 55px;
    line-height: normal !important;
    font-size: 1.3rem !important;
    font-weight: 400 !important;
    padding: 5px 8px;
    color: #fff !important;
    border-radius: 40px;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    background-color: #ff3463 !important;
    transition: all 0.2s ease-in-out !important;
    transform: scale(0.94);
    border: none;
    font-weight: 400 !important;
    letter-spacing: 1px;
    min-width: 70px;
    text-transform: capitalize !important;
}

.Wrapper-HomePage ul.NavigationUnorderedList li,
.eo-signin-page ul.NavigationUnorderedList li {
    padding: 0 !important;
}

.Wrapper-HomePage .mega-menu a,
.eo-signin-page .mega-menu a {
    position: inherit !important;
    padding: 10px !important;
}

.Wrapper-HomePage .login,
.eo-signin-page .login {
    position: inherit !important;
}

.Wrapper-HomePage .UtilitySection.UtilityNavigationList,
.eo-signin-page .UtilitySection.UtilityNavigationList {
    margin-top: 60px !important;
}



#masterHeaderImage {
    margin-top: 0px !important;
    /*---New Public Site Design---*/
    margin-bottom: 20px !important;
    transition: all 300ms ease-in-out;
}

#hd {
    background-color: transparent !important;
}

.header-top-container {
    transition: all 300ms ease-in-out;
    background-color: #0c0c31;
    z-index: 1000;
}

.header-bottom-container {
    z-index: 1001;
}

.header-top-container .logo,
.header-top-container #masterHeaderImage {
    transition: all 300ms ease-in-out;
}

.scroll-down .header-top-container {
    z-index: 10002;
}

.scroll-down .header-top-container #masterHeaderImage {
    margin-top: 45px !important;
}

.scroll-down .header-top-container .UtilitySection.UtilityNavigationList {
    margin-top: 13px;
    transition: all 300ms ease-in-out;
}

.scroll-down .header-top-container .nav-auxiliary {
    left: -140px;
    top: 53px;
    transition: all 300ms ease-in-out;
}



.scroll-down .header-top-container .eo-auxiliary-menu.greeting {
    position: absolute;
    left: 90px;
    top: 15px;
}

.scroll-down .header-top-container {
    position: fixed !important;
    /*     transform: translate3d(0, -50%, 0); */
    width: 100%;
}

@media (min-width: 768px) {
    .scroll-down .header-top-container {
        transform: translate3d(0, 0%, 0);
    }
}


.scroll-up .header-top-container {
    position: fixed !important;
    transform: translate3d(0, 0%, 0);
    width: 100%;
    z-index: 1002;
}

.scroll-down .header-top-container .logo {
    background-size: 70%;
}



/* end of roger edist */
.menu-button span {
    font-weight: 400 !important;
}

.RadMenu_NaturalHeritageSites .rmSlide .rsmLink {
    font-family: 'advertaSTD-regular', sans-serif;
}

.menu-button span:hover {
    background-color: #fea5bd;
}


.secondary-nav .nav-bar {
    padding-left: 0px !important;
}

.secondary-nav {
    margin-top: 45px !important;
    margin-right: 19px;
    text-align: right;
    /*margin-bottom: -140px;
    */
    min-width: 280px;
    margin-left: -75px;
}

.secondary-nav h4 {
    color: #3239cb !important;
    margin: 20px -100px 20px 10px;
    padding: 0;
    width: 100%;
    position: relative;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    font-family: 'advertaSTD-bold', sans-serif;
}

.secondary-nav .nav-bar li a {
    color: #0c0c31 !important;
}

/* Home page ===================================================================== */
.Wrapper-HomePage #ft {
    margin-top: 0px;
}

.Wrapper-HomePage #hd {
    border: none !important;
    margin-bottom: -25px !important;
}

.Wrapper-HomePage .subscribe {
    z-index: 1;
    position: relative;
    margin-top: -80px;
}

.Wrapper-HomePage .story {
    padding-bottom: 15rem;
}

.member-dropdown-content a img {
    border-radius: 50%;
    display: block;
    height: 80px !important;
    margin: 0 auto;
    object-fit: contain !important;
    border: 2px solid #a0a7d5;
    width: 80px !important;
    background: #0c0c31 !important;
}

/* our history ===================================================================== */
.ContentItemContainer h2 {
    margin-top: 40px;
}

.beginnings:after {
    border-top: 1px solid #e4e4e4;
    content: "";
    display: inline-block;
    left: 2%;
    margin: 0 -200% 0 0;
    position: relative;
    vertical-align: middle;
    width: 60%;
}

@media (max-width: 600px) {
    .beginnings:after {
        width: 35%;
    }
}

.our-history ul li {
    color: #3239cb;
    position: relative;
    list-style: none;
    margin-bottom: 1em;
    font-size: 16px;
    font-family: 'advertaSTD-regular', sans-serif !important;
}

.our-history ul li:before {
    content: "\f101";
    font-family: FontAwesome;
    margin-top: 7px;
    color: #ff3463;
    line-height: 1.6;
    display: inline-block;
    height: 12px;
    left: -22px;
    line-height: 12px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 12px;
}

/* board ===================================================================== */
.board .secondary-nav {
    margin-bottom: -140px;
}

.board .ContentItemContainer p img {
    max-width: 90%;
}

.board .ContentItemContainer h4 {
    color: #222;
    font-size: 150%;
    margin-bottom: 1em;
}

.board .subheader {
    color: #676e89;
    font-family: 'advertaSTD-regular', sans-serif !important;
    line-height: 1.1 !important;
    margin-top: .875rem;
    margin-bottom: .875rem;
    font-size: 150%;
}

/* eo impact ===================================================================== */
.backer {
    border-radius: 5px;
    border: solid 1px #c7c7c7;
    margin-bottom: 25px;
}

.backer:first-child {
    margin-top: 40px;
}

.backer .card-topper {
    padding: 8px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.backer .card-topper h3 {
    color: #ffffff;
    text-transform: uppercase;
}

.backer .card-topper p {
    color: #ffffff;
    font-size: 1.5rem;
    margin-left: 10px;
}

.backer span.spacer-25 {
    display: block;
    height: 25px;
    width: 100%;
}

.backer .card {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #ffffff;
}

.backer .card .content {
    padding: 15px;
}

.backer .card .content h3 {
    font-size: 1.5rem;
}

.card-topper.un-color-01 {
    background-color: #e5243b;
}

.card-topper.un-color-02 {
    background-color: #dda63a;
}

.card-topper.un-color-03 {
    background-color: #4ea14c;
}

.card-topper.un-color-04 {
    background-color: #c62335;
}

.card-topper.un-color-05 {
    background-color: #ed4238;
}

.card-topper.un-color-06 {
    background-color: #2fbfe5;
}

.card-topper.un-color-07 {
    background-color: #fac333;
}

.card-topper.un-color-08 {
    background-color: #a22046;
}

.card-topper.un-color-09 {
    background-color: #f06a3a;
}

.card-topper.un-color-10 {
    background-color: #dd1f69;
}

.card-topper.un-color-11 {
    background-color: #f89b3a;
}

.card-topper.un-color-12 {
    background-color: #bf8d38;
}

.card-topper.un-color-13 {
    background-color: #417e48;
}

.card-topper.un-color-14 {
    background-color: #2698d2;
}

.card-topper.un-color-15 {
    background-color: #5eb74f;
}

.card-topper.un-color-16 {
    background-color: #186c9d;
}

.card-topper.un-color-17 {
    background-color: #15496c;
}

.eo-impact .impact-panel {
    margin-top: 0px;
    border-radius: 5px;
    background-color: #f2f9fe;
    border: 1px solid #d1ecff;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
}

.eo-impact .impact-panel h5 {
    text-align: center;
    text-transform: uppercase;
    color: #676e89;
    font-size: 150%;
    margin-top: 0;
}

.eo-impact .impact-panel p {
    font-size: 1.4rem;
    line-height: 1.5;
    color: #676e89;
}

.eo-impact .impact-panel img {
    margin-bottom: 20px;
}

/* why-join-home ===================================================================== */
.why-join-home .secondary-nav {
    width: 92% !important;
    margin-top: -25px !important;
    margin-right: 10px !important;
}

.why-join .WTZone div .row {
    display: flex;
}

.why-join .TextButton.FullWidth {
    background-color: #3239cb !important;
    padding: 5px 10px !important;
}

.why-join .WTZone div .row h2 span {
    color: #676e89;
}

.why-join-home .subheader {
    color: #676e89;
    font-family: 'advertaSTD-regular', sans-serif !important;
    line-height: 1.1 !important;
    margin-top: .875rem;
    margin-bottom: .875rem;
    font-size: 150%;
}

.why-join-home p {
    text-align: left !important;
}

/* eo footer ===================================================================== */
.global-events h5 {
    font-weight: 300;
    letter-spacing: -.62px;
    color: #0c0c31;
    font-size: 24px;
}

.global-events .blue-txt {
    color: #3239CB;
}

.global-events ul {
    padding-left: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.global-events ul li {
    list-style: none;
}

.global-events .iMIS-WebPart>.ContentItemContainer {
    margin-bottom: 3em;
}

.global-events ul.nav-bar,
.university ul.nav-bar,
.exploration ul.nav-bar {
    text-align: right;
}

.global-events ul.nav-bar:after,
.university ul.nav-bar:after,
.exploration ul.nav-bar:after {
    right: -10px !important;
}

/* eo footer ===================================================================== */
#ft {
    margin-top: 60px;
    display: block;
}

/* eo progfile ===================================================================== */
.RadTabStrip_MetroTouch.RadTabStrip {
    background-color: #efefef;
}

html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected {
    background-color: white !important;
    color: #333 !important;
    border-left: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    border-bottom: 0;
}

html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
    border-color: #e7e7e7;
}

.RadTabStrip_MetroTouch .rtsLink {
    border-width: 1px !important;
}

.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
    background-color: #efefef !important;
}

.RadTabStrip_MetroTouch.RadTabStripTop {
    padding: 0px !important;
}

.RadTabStrip .rtsLevel1 .rtsTxt {
    display: block;
    color: #222222;
    padding-top: 1rem;
    padding-right: 2rem;
    padding-left: 2rem;
    font-size: 1.75rem;
    text-transform: capitalize;
}

.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink:hover {
    color: #000;
    background-color: #e1e1e1 !important;
}

a.rtsLink:hover {
    text-decoration: none !important;
}

.rtsLevel.rtsLevel1 {
    background-color: white;
    border-bottom: 1px solid #e7e7e7 !important;
}

/* eo privacy polocy ===================================================================== */
.privacy-policy .WebPartZone {
    width: 95%;
}

.privacy-policy .ContentItemContainer h1 {
    text-transform: uppercase !important;
    font-size: 32px !important;
}

.privacy-policy .list-angle-double li {
    list-style: none !important;
    position: relative;
    font-family: 'advertaSTD-light', sans-serif;
    padding-right: 20px;
}

.privacy-policy .list-angle-double li:before {
    line-height: 1.6;
    display: inline-block;
    height: 12px;
    left: -20px;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 12px;
    content: "\f101";
    font-family: FontAwesome;
    font-size: 10px;
}

.privacy-policy .eo-table tr td p {
    padding-left: 20px;
    padding-right: 20px;
}

/* eo privacy notice ===================================================================== */
.privacy-notice-panel {
    background: none repeat scroll 0 0 hsl(0, 0%, 95%);
    border-color: hsl(0, 0%, 85%);
    border-style: solid;
    border-width: 1px;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    width: 80%;
    margin: 0 auto;
}

.privacy-notice-panel h1.heading {
    font-style: normal;
    letter-spacing: -1.33px;
    font-weight: 300;
    line-height: 1;
    margin-bottom: .625rem;
}

.privacy-notice-panel h1.heading:after {
    border-bottom: none !important;
}

/* eo membership apply page ===================================================================== */
.add-2nd-nav h1 {
    margin-bottom: 0px !important;
}

.apply-membership .apply-buttons .row {
    display: flex;
    align-items: baseline;
}

.apply-membership .apply-member__content ul {
    margin-left: 1.1rem;
    padding-left: 0px;
}

.apply-membership .apply-member__content ul li {
    list-style: decimal;
    color: #ff3463;
    font-weight: 700;
    margin: 0 0 0 20px;
}

.apply-membership .apply-member__content ul li p {
    margin: 0;
    color: #222;
    font-weight: 400;
}

.apply-membership .apply-member__content ul li p strong {
    font-family: 'advertaSTD-semibold', sans-serif;
}

/* eo news room ===================================================================== */
.news-room .BlockTLItem h4 a {
    text-decoration: none;
}

/* eo news room ===================================================================== */
.board-meetings .ContentItemContainer a {
    text-decoration: none;
}

.board-meetings .ContentItemContainer .TextButton {
    width: 100%;
    font-size: 1.5rem !important;
}

/* our history ===================================================================== */
.my-eo-groups .col-primary .WTZone .row {
    margin-bottom: 40px;
}

.my-eo-groups .ContentItemContainer h2 {
    margin-top: 0px;
}

/* our history ===================================================================== */
.member-directory .directory-details {
    width: 260px !important;
}

.member-directory .directory-wrapper .rgRow,
.member-directory .directory-wrapper .rgAltRow {
    max-width: 550px;
    border: 1px solid #e6e6e6;
    box-shadow: none !important;
}

.member-directory .directory-wrapper .panel.FilterPanel {
    border: 1px solid #e6e6e6 !important;
    box-shadow: none !important;
}

.member-directory .container {
    max-width: 1185px !important;
}

.member-directory .RadTabStrip.RadTabStrip_MetroTouch.RadTabStripTop_MetroTouch.RadTabStripTop.RadTabStripTop_MetroTouch_Baseline .rtsLevel.rtsLevel1 {
    padding-bottom: 15px;
}

.member-directory .RadTabStrip.RadTabStrip_MetroTouch.RadTabStripTop_MetroTouch.RadTabStripTop.RadTabStripTop_MetroTouch_Baseline .rtsLevel.rtsLevel1 .rtsUL {
    border-radius: 35px;
}

.member-directory .RadTabStrip.RadTabStrip_MetroTouch.RadTabStripTop_MetroTouch.RadTabStripTop.RadTabStripTop_MetroTouch_Baseline .rtsSelected {
    background-color: #3239cb !important;
}

.member-directory .RadTabStrip.RadTabStrip_MetroTouch.RadTabStripTop_MetroTouch.RadTabStripTop.RadTabStripTop_MetroTouch_Baseline .rtsSelected .rtsTxt {
    color: #fff;
}

/* chapter officer resource ===================================================================== */
.chapter-officer-resources h1 {
    font-size: 42px;
    display: block;
}

.chapter-officer-resources .chapter-officers-panel .panel {
    background: none repeat scroll 0 0 hsl(0, 0%, 95%);
    border-color: hsl(0, 0%, 85%);
    border-style: solid;
    border-width: 1px;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    margin-top: 1.25rem;
}

.chapter-officer-resources .chapter-officers-panel .panel p {
    color: #676e89;
}

.chapter-officer-resources .chapter-officers-panel .panel span {
    margin-bottom: 10px !important;
}

.chapter-officer-resources .chapter-officers-panel .panel .blue.peel {
    background-color: #3239cb;
    color: #fff;
}

.chapter-officer-resources .chapter-officers-panel .panel .ribbon.peel {
    border-color: rgba(0, 0, 0, .15);
    border-radius: 0 .2857rem .2857rem 0;
    left: calc(-1rem - 1.5em);
    margin: 0;
    padding-left: calc(1rem + 1.2em);
    position: relative;
}

.chapter-officer-resources .chapter-officers-panel .panel .peel {
    background-color: #e8e8e8;
    background-image: none;
    border-radius: .2857rem;
    box-sizing: border-box;
    color: #333;
    display: inline-block;
    font-size: 1.5rem;
    line-height: 1;
    padding: .6em .8em;
    text-transform: none;
    transition: background .2s ease 0s;
    vertical-align: baseline;
}

.chapter-officer-resources .chapter-officers-panel .panel .blue.ribbon.peel::after {
    border-right-color: #3239cb;
}

.chapter-officer-resources .chapter-officers-panel .panel .ribbon.peel::after {
    background-color: transparent !important;
    border-bottom: 1.2em solid transparent;
    border-left: 0 solid transparent;
    border-right-color: inherit;
    border-style: solid;
    border-top: 0 solid transparent;
    border-width: 0 1.2em 1.2em 0;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 100%;
    width: 0;
}

.chapter-officer-resources .chapter-officers-panel .panel .list-angle-double li {
    list-style: none;
    position: relative;
}

.chapter-officer-resources .chapter-officers-panel .panel .list-angle-double.orange li:before {
    margin-top: -4px;
    color: #ff3463;
}

.chapter-officer-resources .chapter-officers-panel .panel .list-angle-double li:before {
    display: inline-block;
    height: 12px;
    left: -20px;
    line-height: 12px;
    position: absolute;
    text-align: center;
    top: 11px;
    width: 12px;
}

.chapter-officer-resources .chapter-officers-panel .panel .list-angle-double li:before {
    content: "\f101";
    font-family: FontAwesome;
}

.chapter-officer-resources p img {
    max-width: 150px;
    height: auto !important;
}

.chapter-officer-resources .card-wrapper {
    margin-bottom: 60px;
    border: 1px solid #eeeeee;
    min-height: 460px;
    padding: 20px 0px;
    border-radius: 10px;
}

/* peak programs ===================================================================== */
.peak-program .orange.peel {
    background-color: #ff3463 !important;
    border-color: rgb(208 40 79);
}

.peak-program .orange.ribbon.peel::after,
.orange.ribbon.peel::after {
    background-color: #fff !important;
    border-right-color: rgb(175 17 53 / 78%) !important;
}

.peak-program .eo-panel {
    margin-left: 60px !important;
}

/* eo about ===================================================================== */
.eo-cards {
    margin-bottom: 40px;
}

/* eo executive education ===================================================================== */
.executive-education .up.subheader {
    text-transform: uppercase;
}

.executive-education .subheader {
    color: #676e89;
    font-family: 'advertaSTD-regular', sans-serif;
    line-height: 1.1 !important;
    margin-top: .875rem;
    margin-bottom: .875rem;
    font-size: 128%;
}

.executive-education p {
    margin: 0 0 10px;
    line-height: 1.6;
}

.executive-education ul {
    list-style-type: none;
    padding-left: 0px;
    margin-left: 10px;
    margin-top: 20px;
}

.executive-education .list-angle-double {
    list-style-type: none;
    padding-left: 0px;
    margin-left: 10px;
}

.executive-education .list-angle-double li {
    font-size: 1.5rem;
    line-height: 1.3rem;
    position: relative;
    margin-bottom: 1em;
    padding: 0 0 0 20px;
    font-family: 'advertaSTD-regular';
}

.executive-education .list-angle-double.orange li:before {
    margin-top: 2px;
    color: #ff3463;
}

.executive-education .list-angle-double li:before {
    content: "\f101";
    font-family: FontAwesome;
    display: inline-block;
    height: 12px;
    left: 0;
    line-height: 12px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 12px;
}

.executive-education a.orange {
    color: #1c1440 !important;
}

.executive-education .ContentItemContainer h1 {
    color: #0c0c31 !important;
    font-style: normal;
    letter-spacing: -1.33px;
    font-weight: 300;
}

.executive-education div.call-quote {
    position: relative;
    padding: 0;
    border-radius: 5px;
    margin: 10rem 0px 0px;
    min-height: 50px;
}

.executive-education .call-quote div.quote-call {
    background: none repeat scroll 0 0 #f2f2f2;
    position: relative;
    color: #363636;
    padding: 15px;
    border-radius: 5px;
    margin: 25px;
    min-height: 50px;
    border: none;
}

.executive-education .call-quote .panel {
    background: none repeat scroll 0 0 hsl(0, 0%, 95%);
    border-color: hsl(0, 0%, 85%);
    border-style: solid;
    border-width: 1px;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    margin-top: 1.25rem;
}

.executive-education .quote-call.bottom-left::before {
    border-top: 50px solid #f2f2f2;
    bottom: -77px;
    left: 7px;
}

.executive-education .quote-call::before {
    content: "";
    width: 0;
    height: 0;
    border: 2.8rem solid transparent;
    position: absolute;
}

.executive-education div.quote-call {
    height: auto;
    width: 360px;
    float: left;
}

.executive-education div.call-quote h5 {
    margin-left: 25px;
    margin-top: 25px;
    margin-bottom: 5px;
    font-weight: 300;
    letter-spacing: -.62px;
    color: #0c0c31;
    font-size: 24px;
}

.executive-education div.call-quote h6 {
    margin-left: 25px;
    margin-top: 0;
}

.executive-education div.call-quote .fa {
    color: #dbdbdb;
    font-size: 1.625rem;
}

/* eo governance ===================================================================== */
.governance .governance-panel .panel {
    background: none repeat scroll 0 0 hsl(0, 0%, 95%);
    border-color: hsl(0, 0%, 85%);
    border-style: solid;
    border-width: 1px;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    margin-top: 1.25rem;
}

.governance p a,
.governance .link-item a {
    color: #0c0c31;
}

/* eo forum retreat facilitatiors ===================================================================== */
.forum-retreat-facilitators h4 {
    font-size: 148%;
}

.forum-retreat-facilitators .list-angle-double li {
    position: relative;
    list-style: none;
    margin-bottom: .8em;
}

.forum-retreat-facilitators .list-angle-double li:before {
    display: inline-block;
    height: 12px;
    left: 0px;
    line-height: 12px;
    position: absolute;
    text-align: center;
    top: 8px;
    width: 12px;
    color: #ff3463;
}

.forum-retreat-facilitators .list-angle-double li:before {
    content: "\f101";
    font-family: FontAwesome;
}

/* eo forum moderator resources ===================================================================== */
.moderator-resources ul.arrow li {
    list-style: none outside none;
    position: relative;
}

.moderator-resources ul.arrow li:before {
    content: "\f101";
    font-family: FontAwesome;
    display: inline-block;
    height: 12px;
    left: -21px;
    line-height: 12px;
    position: absolute;
    text-align: center;
    top: 8px;
    width: 12px;
    color: #ff3463;
}

/* partnerships page ===================================================================== */
.partnerships .subheader {
    color: #676e89;
    font-family: 'advertaSTD-regular', sans-serif;
    line-height: 1.1 !important;
    margin-top: 1.3em;
    margin-bottom: 1em;
    overflow: hidden;
    text-transform: uppercase;
    font-size: 150%;
}

.partnerships .title-line:after {
    border-top: 1px solid #e4e4e4;
    content: "";
    display: inline-block;
    left: 2%;
    margin: 0 -200% 0 0;
    position: relative;
    vertical-align: middle;
    width: 200%;
}

.partnerships p strong {
    font-family: 'advertaSTD-bold', sans-serif;
}

/* university page ===================================================================== */
.university .quote-events {
    text-align: center;
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 0;
}

/* exploration page ===================================================================== */
.exploration .content-blocks {
    margin-bottom: 40px;
}

.exploration .exploration-content-block h2 {
    margin-top: 0px;
}

/* forum page ===================================================================== */
.why-forum .subheader {
    text-transform: uppercase;
}

/* EO Accelerator Leadership ===================================================================== */
.accelerator-leadership .EO-leader-content {
    display: flex;
    justify-content: space-between;
}

/* Participant Testimonials ===================================================================== */
.participant-testimonials .ms-rtestate-field h5 {
    font-size: 24px !important;
    font-weight: normal !important;
    color: #0c0c31 !important;
}

/* graduate spotlight ===================================================================== */
.graduate-spotlight h4 strong {
    color: #676e89;
    font-size: 28px !important;
}

.graduate-spotlight p {
    margin: 20px 0px 30px;
}

.graduate-spotlight p strong {
    font-family: 'advertaSTD-bold', sans-serif !important;
}

/* accelerator faq ===================================================================== */
.accelerator-faq h4 {
    color: #676e89;
    font-size: 28px !important;
}

.accelerator-faq h6 {
    letter-spacing: 1px;
    color: #5e617d;
    font-weight: 400;
    font-size: 16px !important;
}

.accelerator-faq p {
    margin-bottom: 2em;
}

/* archived financial documents ===================================================================== */
.archived-financial-documents .iMIS-WebPart h3 {
    font-size: 36px !important;
}

.archived-financial-documents .iMIS-WebPart h5 {
    font-size: 24px !important;
    color: #0c0c31 !important;
}

/* meeting resources ===================================================================== */
.meeting-resources ul.arrow {
    width: 100% !important;
}

.meeting-resources ul.arrow li {
    list-style: none outside none;
    position: relative;
}

.meeting-resources ul.arrow li:before {
    background: url(../jpg/bullet-arrow.jpg) no-repeat left center;
    content: "";
    display: block;
    height: 10px;
    left: -20px;
    position: absolute;
    top: 8px;
    width: 10px;
}

.meeting-resources ul.arrow li a.orange {
    color: #1c1440 !important;
    font-size: 18px !important;
}

/* training resources ===================================================================== */
.training-resources ul.arrow li {
    position: relative;
    list-style: none outside none;
    margin-bottom: 10px;
}

.training-resources a.orange {
    color: #1c1440 !important;
}

/* mentorship ===================================================================== */
.mentorship .WebPartZone {
    width: 85% !important;
}

.mentorship .mentorship-panel {
    background: none repeat scroll 0 0 hsl(0, 0%, 95%);
    border-color: hsl(0, 0%, 85%);
    border-style: solid;
    border-width: 1px;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    margin-top: 1.25rem;
}

.mentorship .blue.peel {
    background-color: #3239cb;
    color: #fff;
    padding: 10px;
}

.mentorship .ribbon.peel {
    border-color: rgba(0, 0, 0, .15);
    border-radius: 0 .2857rem .2857rem 0;
    left: calc(-1rem - 1.5em);
    margin: 0;
    padding-left: calc(1rem + 1.2em);
    position: relative;
}

.mentorship .blue.ribbon.peel::after {
    border-right-color: #3239cb;
}

.mentorship .ribbon.peel::after {
    background-color: transparent !important;
    border-bottom: 1.2em solid transparent;
    border-left: 0 solid transparent;
    border-right-color: inherit;
    border-style: solid;
    border-top: 0 solid transparent;
    border-width: 0 1.2em 1.2em 0;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 100%;
    width: 0;
}

.mentorship .list-angle li,
.mentorship .list-angle-double li,
.mentorship .list-plus li {
    font-size: 1rem;
    line-height: 1.3rem;
}

.mentorship .list-angle li,
.mentorship .list-angle-double li,
.mentorship .list-plus li {
    font-size: .95em;
    line-height: 14px;
    margin-bottom: 1em;
    padding: 0 0 0 20px;
    position: relative;
}

.mentorship .list-angle.grey li:before,
.mentorship .list-angle-double.grey li:before,
.mentorship .list-plus.grey li:before {
    color: #aaa;
}

.mentorship .list-angle li:before,
.mentorship .list-angle-double li:before,
.mentorship .list-plus li:before {
    display: inline-block;
    height: 12px;
    left: 0;
    line-height: 12px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 12px;
}

.mentorship .list-angle li:before {
    content: "\f105";
    font-family: FontAwesome;
}

.mentorship .list-angle li a {
    color: blue;
}

/* mmarketing intro ===================================================================== */
.marketing h1 {
    display: block;
    font-size: 51px;
}

.marketing h3 {
    font-size: 36px;
}

.marketing-intro .comm-pannel .panel.clean,
.marketing .comm-pannel .panel.clean {
    background: transparent none repeat scroll 0 0;
}

.marketing-intro .comm-pannel .panel,
.marketing .comm-pannel .panel {
    background: none repeat scroll 0 0 hsl(0, 0%, 95%);
    border-color: hsl(0, 0%, 85%);
    border-style: solid;
    border-width: 1px;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    margin-top: 1.25rem;
}

.marketing-intro .comm-pannel .panel.clean h6,
.marketing .comm-pannel .panel.clean h6 {
    font-size: 16px;
    color: #fff;
}

.marketing .comm-pannel .panel .panel>:last-child {
    margin-bottom: 0;
}

.marketing .comm-pannel .orange {
    color: #3239cb;
}

.marketing .comm-pannel .list-angle-double.orange li:before {
    margin-top: 4px;
    color: #ff3463;
}

.marketing .comm-pannel .list-angle-double li:before {
    display: inline-block;
    height: 12px;
    left: 0;
    line-height: 12px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 12px;
}

.marketing .comm-pannel .list-angle-double li:before {
    content: "\f101";
    font-family: FontAwesome;
}

.marketing .comm-pannel .blue.peel {
    background-color: #3239cb !important;
    color: #fff;
    font-size: 16px;
}

.marketing-intro .comm-pannel .ribbon.peel,
.marketing .comm-pannel .ribbon.peel {
    border-color: rgba(0, 0, 0, .15);
    border-radius: 0 .2857rem .2857rem 0;
    left: calc(-1rem - 1.5em);
    margin: 0;
    padding-left: calc(1rem + 1.2em);
    position: relative;
}

.marketing-intro .comm-pannel .peel,
.marketing .comm-pannel .peel {
    background-color: #c50084 !important;
    background-image: none;
    border-radius: .2857rem;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: 1.1rem;
    line-height: 1;
    padding: .6em .8em;
    text-transform: none;
    transition: background .2s ease 0s;
    vertical-align: baseline;
}

.marketing-intro .comm-pannel .ribbon.peel::after,
.marketing .comm-pannel .ribbon.peel::after {
    background-color: transparent !important;
    border-bottom: 1.2em solid transparent;
    border-left: 0 solid transparent;
    border-right-color: inherit;
    border-style: solid;
    border-top: 0 solid transparent;
    border-width: 0 1.2em 1.2em 0;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 100%;
    width: 0;
}

.marketing-intro .officer_guide_nav ul li,
.marketing .officer_guide_nav ul li {
    list-style: none;
}

.marketing .ContentItemContainer p,
.marketing .ContentItemContainer h2 {
    text-align: left !important;
}

.marketing .title-line-double {
    color: rgb(119, 119, 119);
}

.marketing .title-line-double {
    line-height: 1.1;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.marketing .title-line-double:after {
    border-bottom: 1px solid #e4e4e4;
    height: 5px;
    border-top: 1px solid #e4e4e4;
    content: "";
    display: inline-block;
    left: 2%;
    margin: 0 -200% 0 0;
    position: relative;
    vertical-align: middle;
    width: 200%;
}

.marketing .list-angle li:before {
    top: 4px !important;
}

.marketing strong,
b {
    font-family: 'advertaSTD-bold', sans-serif !important;
    font-weight: 500;
}

/* forum workshops ===================================================================== */
.forum-workshops h5 {
    font-weight: 300;
    letter-spacing: -.62px;
    color: #0c0c31;
    font-size: 24px;
}

/* Code of conduct ======================================================================== */
.code-of-conduct-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.code-of-conduct-card {
    margin-bottom: 20px;
}

/* Bridge chapter resources ======================================================================== */
.regional-chapter-resources h1 {
    display: block;
}

.regional-chapter-resources .eo-red {
    color: #ff2a74;
}

.regional-chapter-resources .section-content-wrapper {
    margin-top: 40px;
    display: flex;
    align-items: center;
}

.regional-chapter-resources .section-content-wrapper .section-content-left {
    width: 50%;
    margin-right: 60px;
}

.regional-chapter-resources .section-content-wrapper .section-content-left img {
    margin-bottom: 20px;
}

.regional-chapter-resources .section-content-wrapper .section-content-right {
    width: 50%;
    margin-left: 60px;
}

.regional-chapter-resources .section-content-wrapper .section-content-right .panel {
    background: #5E617D;
    border-color: hsl(0, 0%, 85%);
    border-style: solid;
    border-width: 1px;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    margin-top: 1.25rem;
    color: #fff;
}

.regional-chapter-resources .section-content-wrapper .section-content-right .panel h3 {
    color: #F3836F;
}

/**** consolidating styles ****/
.header-bottom-container {
    z-index: 555 !important;
}

/*** EO Theme CSS ***/
/* theme: container size ===================================================================== override 1170px default so usuable viewport matches legacy otherwise, logo placement looks different */
.container,
.header-container,
.SliderPage1 {
    max-width: 1700px !important;
}

/* hide secondary nav =====================================================================*/
.has-secondary-col.col-on-right .col-primary {
    margin-right: 0% !important;
}

.has-secondary-col .col-secondary {
    width: 0% !important;
    display: none !important;
}

.has-secondary-col .col-primary {
    width: 100% !important;
}

/* eo-hr =====================================================================*/
hr.eo-hr {
    border: 2px solid #a0a7d5;
    opacity: .5;
    clear: both;
    margin: 1.25rem 0 1.1875rem;
    height: 0;
}

/* hide. hidden can be overridden, so using this when needed =====================================================================*/
.hide {
    display: none !important;
}

/* Login link in utillity nav needs special hover color =====================================================================*/
.NavigationLink:hover {
    color: #eecb48 !important;
}

.NavigationLink:link;

.NavigationLink:active {
    color: #fff !important;
}

/* theme: container size ===================================================================== override 1170px default so usuable viewport matches legacy otherwise, logo placement looks different */
.container,
.header-container,
.SliderPage1 {
    max-width: 1700px !important;
}

/*** TopMenu ***/
/* 6.10.2021, #9399, tw, hide Hello greeting for mobile */
@media only screen and (max-width: 767px) {
    .NavigationListItem.eo-auxiliary-menu.greeting {
        display: none !important;
    }
}

/*place utility nav higher on page*/
.navbar-header {
    margin: -1px 0 0 !important;
}

/* hide imis signin/signout and hide search */
.UtilityAuthentication,
.UtilitySearch {
    visibility: hidden;
}

/* Account menu item */
.eo-auxiliary-menu {
    display: block !important;
    padding: 0 0 7px 0 !important;
}

.eo-auxiliary-menu a,
.eo-auxiliary-menu a:hover {
    text-decoration: none;
}

/* allow member name to take as much space as needed above the icons, but don't push search to the right */
.UtilitySection.UtilityNavigationList {
    width: 134px;
}

.UtilitySection ul {
    /* tw hides member dropdown overflow: hidden;
     */
}

.header-search {
    margin-top: 20px;
}

/*align top of search with other icons */
.menu-button span {
    border-radius: 40px;
    background: #FF3463;
    color: white;
    margin-left: 24px;
    text-transform: uppercase;
}

.rmRootLink:hover.menu-button,
.rmRootLink.menu-button,
.rmLink.rmRootLink.rmSelected.menu-button {
    border-top: none !important;
    border-bottom: none !important;
    font-weight: normal !important;
}

/* rounded border */
.rmLevel1 {
    border-radius: 0 0 10px 10px !important;
}

/* add symbol - no longer needed */
.primary-navigation-area li.rmItem>a.rmRootLink>span::after {
    content: "";
}

.Drop-Icon-Bluebell,
span.rmToggle {
    transform: rotate(45deg) !important;
    border: solid #A0A7D5 !important;
    border-width: 0 2px 2px 0 !important;
    display: inline-block !important;
    padding: 2px !important;
    margin: 0 0 2px 6px !important;
    position: relative !important;
    top: 12px !important;
    left: -12px !important;
    right: 0 !important;
    height: 10px !important;
    width: 10px !important;
}

/* bottom border for top level */
.rmRootLink {
    border-top: none !important;
    border-bottom: solid 3px transparent !important;
}

.rmRootLink:hover {
    border-top: none !important;
    border-bottom: solid 3px #FF3463 !important;
}

/* left broder for secondary top menu*/
li.rsmItem {
    padding-left: 0 !important;
}

.rsmLink {
    padding-right: 20px !important;
    padding-left: 10px !important;
    border-left: solid 3px transparent !important;
}

/* left broder for secondary top menu*/
.rsmLink:hover {
    padding-right: 20px !important;
    padding-left: 10px !important;
    border-left: solid 3px #FF3463 !important;
}

/* present mega menu in header */
/* mega-menu h4 title */
.megaMenuhdStrip h4 {
    font-size: 20px;
    font-family: inherit !important;
}

/* mega-menu icons and spacing */
/* need some padding above icons */
ul.NavigationUnorderedList li {
    display: inline-block;
    padding-top: 7px !important;
}

.mega-menu>a {
    background: url(../png/mega-menu-solid.png);
}

.mega-menu>a:hover {
    background: url(../png/mega-menu-solid.png);
}

.mega-menu span,
.member-dropdown span {
    display: none;
}

.member-dropdown>a {
    background: url(../png/eo-profile-icon.png);
}

.member-dropdown>a:hover {
    background: url(../png/eo-profile-icon.png);
}

/* hide language translation, showing for testing purposes */
.UtilityTranslation {
    display: none;
}

.UtilityNavigation .UtilitySTEToggle {
    position: absolute;
    /* bottom: 0;
     */
    left: -35px;
}

/* hide language translation in prod */
.UtilityTranslation {
    display: none;
}

/*** Member Dropdown ***/
.member-dropdown {
    position: relative;
    display: inline-block;
}

.member-dropdown .member-dropdown-content {
    display: none;
    position: absolute;
    background: #5e617d;
    width: 300px;
    border: 0;
    margin-top: 0px;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 2px 10px 0 rgba(12, 12, 49, 0.55);
    color: #fff;
    font-size: 18px;
    z-index: 999999;
}

.member-dropdown:hover .member-dropdown-content {
    display: block;
}

.member-dropdown-content a {
    display: block;
    color: white;
    text-decoration: none;
    padding: 7px 0;
}

.member-dropdown-content a:hover {
    color: #f7cc44
}

.member-dropdown-content img {
    border-radius: 50%;
    display: block;
    height: 86px;
    margin: 0 auto;
    object-fit: cover;
    border: 2px solid #a0a7d5;
    width: 86px;
}

p.chapter {
    font-weight: 300;
    font-size: 14px;
    padding-bottom: 8px;
    line-height: 22px;
}

/*** Hamburger ***/
.navbar-toggle .icon-bar {
    background-color: #202020;
}

.navbar-toggle.collapsed {
    background-color: #FFF;
}

.navbar-toggle,
.obo-toggle,
.ste-toggle,
.batch-toggle,
.transaction-date-toggle,
.page-statistics-toggle,
.list-toggle {
    width: 44px !important;
    height: 44px !important;
}

/*@media (max-width: 676px){
     button.navbar-toggle.collapsed.menu-toggle {
         padding: 20px;
         height: 56px !important;
         margin-top: -5px;
         width: 58px !important;
    }
}
*/
/*** Search ***/
span.icon-search {
    background: #0D0C31 url(../png/eo-search-icon.png) no-repeat !important;
    background-color: #0D0C31 !important;
    /*height: 44px !important;
    */
    width: 45px !important;
}

.header-search .search-field {
    /*background: #232083 url("/images/eo_icons/eo-search-hover-icon.png") no-repeat;
    */
    background-color: #0D0C31 !important;
    /*height: 44px !important;
    */
}

/*.header-search .search-field:hover {
     background: #232083 url("/images/eo_icons/eo-search-hover-icon.png") no-repeat;
     background-color: #232083 !important;
     color: white;
    /*height: 44px !important;
    */
}

.header-search .search-field:focus {
    background: #232083 url("../png/eo-search-hover-icon.png") no-repeat;
    background-color: #232083 !important;
    color: white;
}

*/ .search-container-sm {
    margin-top: 3.5px;
    margin-bottom: 3.5px;
}

.header-search {
    padding: 8px 15px;
    /* Search field is used as toggle button *and* field on larger devices */
}

.header-search>.header-search {
    padding: 0;
    /* don't double the padding */
}



@media (min-width: 768px) {
    .header-search .search-field {
        padding: 0 0 0 7px;
        /*padding-left: 44px !important;
        */
    }

    .header-search .search-field:focus,
    {
    /*background: #232083 url("/images/eo_icons/eo-search-hover-icon.png") no-repeat;
        */
    background-color: #232083 !important;
    color: white;
}
}



/*** MegaMenu ***/
.megaMenuhd>.megaMenuhdStrip>.row {
    display: block;
}

/* .megaMenuhd .noindex {
     margin-left: 364.5px;
     margin-right: 364.5px;
}
 */
/* added css for megamenu */
.megaMenuhd {
    padding: 45px 0 0;
    min-height: 145px;
    /*position: fixed;
     tw override*/
    right: -100%;
    width: 100%;
    top: 0;
    border-bottom: 1px solid #303dc3;
    background: var(--dark-indigo);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    z-index: 99991;
}

.megaMenuBox {
    position: fixed;
    background: #0c0c31;
    width: 100%;
    height: 100%;
    right: -100%;
    top: 0;
    z-index: 99991;
    overflow-y: auto;
    /* padding-top:145px;
     twoverride*/
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    visibility: hidden;
}

body.OpnMMSlide .megaMenuBox,
body.OpnMMSlide .megaMenuhd {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    right: 0;
    visibility: visible !important;
}

.megaMenuhdStrip {
    padding: 25px 0;
    background: #303dc3;
    text-align: center;
    text-transform: uppercase;
}

.megaMenuhdStrip h4 {
    font-size: 20px;
    font-family: inherit !important;
    padding: 0;
    margin: 0;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
}

.megaMenuhd .row.noindex,
.megaMenuhdStrip .row.noindex,
.megaMenuhdNav .row.noindex {
    position: relative;
    padding: 0 15px;
}

.mmslideNavClose {
    position: absolute;
    top: 8px;
    right: 32px;
    height: 60px;
    width: 60px;
    background: none;
    color: #fff;
    text-align: center;
    line-height: 60px;
    font-weight: 600;
    font-size: 30px;
    cursor: pointer;
}

.mmslideNavClose:before,
.mmslideNavClose:after {
    width: 3px;
    height: 34px;
    content: '';
    background: #fff;
    position: absolute;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    top: 50%;
    margin-top: -15px;
}

.mmslideNavClose:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.megaMenuhdNav {
    padding: 15px 0;
    float: left;
    width: 100%;
}

/* Changed to individual EO Network Megamenu (Vikram) .megaMenuhdNav .row .mmsub-pr:nth-child(2n+1) {
     clear: left;
    float: left;
}
*/
.megaMenuhdNav .row .mmsub-pr:nth-child(2n+1) {
    clear: left;
}

.megaMenuhdNav .mmsubtitle {
    text-align: center;
    margin: 0;
    display: block;
    padding: 10px 15px;
}

.megaMenuhdNav .mmsub-pr {
    text-align: center;
    padding: 25px 0;
}

.megaMenuhdNav .mmsub-pr ul {
    display: inline-block;
    max-width: 450px;
}

.megaMenuhdNav .mmsubtitle a {
    display: inline-block;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
}

.megaMenuhdNav .mmsub-pr ul li a {
    position: relative;
    font-size: 15px;
    padding: 2px 15px;
    line-height: 1.98;
    color: #e7c960;
    text-decoration: none;
    display: inline-block;
}

.megaMenuhdNav .mmsub-pr ul li a:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 14px;
    background: #a1a7d1;
    top: 50%;
    margin-top: -7px;
    right: -1px;
}

.megaMenuhdNav .mmsub-pr ul li:last-child a:after {
    display: none;
}

.megaMenuhdNav ul,
.megaMenuhdNav li {
    padding: 0;
    margin: 0;
    list-style: none;
    list-style-type: none;
}

.megaMenuhdNav .mmsub-pr ul li {
    display: inline-block;
}

body.OpnMMSlide {
    overflow: hidden !important;
    padding-right: 16px;
}

span.mobMMarw {
    display: inline-block;
    font-weight: bold;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    padding: 5px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    position: relative;
    margin: 0 0 0 20px;
}

span.mobMMarw:after {
    position: absolute;
    content: '';
    width: 25px;
    height: 3px;
    background: #fff;
    transform: rotate(45deg);
    top: 1px;
    right: -5px;
}

span.mobMMarwback {
    display: inline-block;
    font-weight: bold;
    transform: rotate(132degs);
    -webkit-transform: rotate(132deg);
    padding: 5px;
    border: solid #fff;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-width: 0 3px 3px 0;
    position: relative;
    margin: 0 0 0 20px;
}

span.mobMMarwback:after {
    position: absolute;
    /*content: '';
    */
    width: 25px;
    height: 3px;
    background: #fff;
    transform: rotate(-132deg);
    top: 1px;
    right: -5px;
}

span.mobMMarwback {
    position: absolute;
    left: 19px;
    top: 24px;
}

.mmSubSlideBack {
    display: none !important;
}

@media(max-width:1024px) {
    body.OpnMMSlide {
        padding-right: 0;
    }
}

@media(max-width:676px) {
    .mmSubSlideBack {
        display: block !important;
        background: #303dc3;
    }

    a.mm-logo {
        display: none;
    }

    .mmslideNavClose {
        left: 0;
        top: 0;
        right: inherit;
        background: #303dc3;
    }

    .megaMenuBox {
        padding-top: 60px;
    }

    .megaMenuhd {
        padding: 0;
        min-height: 60px;
    }

    .megaMenuBox,
    .megaMenuhd {
        right: inherit;
        left: -100%;
    }

    body.OpnMMSlide .megaMenuBox,
    body.OpnMMSlide .megaMenuhd {
        right: inherit;
        left: 0;
    }

    .megaMenuhdStrip {
        padding: 15px 0;
        margin-bottom: 5px;
    }

    .megaMenuhdStrip h4 {
        margin: 0;
        text-transform: uppercase;
        /* tw font-size: 0.938rem;
         */
        text-align: center;
        padding: 0 15px;
        letter-spacing: 0.88px;
        font-weight: 500;
        color: #fff !important;
    }

    .megaMenuhdNav,
    .megaMenuhdNav .row.noindex {
        padding: 0;
    }

    .megaMenuhdNav .mmsub-pr ul li {
        display: block;
    }

    .megaMenuhdNav .mmsub-pr ul li a,
    .megaMenuhdNav .mmsubtitle a {
        text-transform: none;
        /* font-size: 0.938rem;
         */
        text-align: center;
        padding: 14px 10px;
        letter-spacing: 0.88px;
        font-weight: 500;
        color: #fff !important;
        display: block;
    }

    .megaMenuhdNav .mmsub-pr ul li a:after {
        display: none;
    }

    .megaMenuhdNav .row .mmsub-pr {
        width: 100%;
        padding: 0;
    }

    .megaMenuhdNav .mmsub-pr ul {
        display: block;
        max-width: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        background: var(--dark-indigo);
        z-index: 99991;
        overflow-y: auto;
        height: 100%;
        overflow-x: hidden;
        left: -100%;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
    }

    .mmsub-pr.openSubMMnav ul {
        left: 0;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
    }

    span.mobMMarw:after {
        display: none;
    }

    .megaMenuhdNav .mmsubtitle {
        padding: 0 45px 0 0;
        position: relative
    }

    /*span.mobMMarw {
         position: absolute;
         right: 21px;
         top: 18px;
    }
    */
    span.mobMMarw {
        position: absolute;
        right: 2px;
        top: 2px;
        border: 0;
        margin: 0;
        transform: inherit;
        -webkit-transform: inherit;
        height: 49px;
        width: 42px;
        padding: 0;
    }

    span.mobMMarw:before {
        position: absolute;
        content: '';
        display: inline-block;
        font-weight: bold;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        padding: 5px;
        border: solid #fff;
        border-width: 0 3px 3px 0;
        right: 15px;
        top: 16px;
    }

    .megaMenuhdNav .mmsubtitle a {
        padding-left: 45px;
    }
}

/*end of media*/
/* NEW. */
footer {
    background: none repeat scroll 0 0 #0c0c31;
}

/*** Secondary-Nav ***/
.add-2nd-nav h1 {
    margin-bottom: 100px;
}

.add-2nd-nav h4 {
    font-family: 'advertaSTD', sans-serif;
    color: #3239cb;
    font-weight: 700;
}

.nav-container {
    display: flex;
    text-align: left;
}

.secondary-nav {
    margin-top: 60px;
    /*margin-right: 25px;
    */
    text-align: right;
}

.add-2nd-nav .col-primary {
    margin-left: 25px;
}

ul.nav-bar {
    /* so the vertical bar stops at top of ul */
    position: relative;
}

ul.nav-bar>li {
    list-style: none;
}

.nav-bar a {
    font-family: 'advertaSTD', sans-serif;
    color: black;
    text-transform: uppercase;
    font-weight: 700;
}

.nav-bar>li>a {
    line-height: 2.39;
    margin-bottom: 16px;
    text-decoration: none;
}

.nav-bar a {
    padding-right: 20px;
    margin-bottom: 16px;
}

.nav-bar li.active a {
    color: #acbde3;
    border-right: 10px solid #a0a7d5;
    margin-right: -10px;
}

.nav-bar li a:hover {
    color: #acbde3;
    border-right: 10px solid #a0a7d5;
    margin-right: -10px;
}

ul.nav-bar:after {
    content: '';
    position: absolute;
    width: 10px;
    top: 0;
    height: 100%;
    background: #3239cb;
    /*right: -10px;
    */
    border-radius: 5px;
    z-index: -9;
}

/*** STYLINGS FOR PRES TRAININGS - TRAININGS PAGE ***/
.flex-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.flex-card {
    flex-grow: 0;
    width: 200px;
    /* grow, shrink, basis */
    background-color: red;
    margin: 15px;
    height: 385px;
    width: 300px;
    text-align: center;
    color: white;
    font-family: advertaSTD-regular, sans-serif;
    line-height: 1.5;
    font-size: 13px;
    padding: 15px;
}

.flex-card h3 {
    font-size: 24px;
    font-weight: 400;
    color: white;
    padding-bottom: 20px;
}

.flex-card div {
    height: 210px;
}

.flex-card a {
    border: 1px solid white;
    border-radius: 40px;
    color: white;
    display: inlinse-block;
    text-decoration: none;
    text-transform: uppercase;
    padding: 16px 45px;
}

.flex-card a:hover {
    background-color: white;
    color: gray;
}

.flex-card:nth-child(1) {
    background-color: #3239CB;
}

.flex-card:nth-child(2) {
    background-color: #FF3463;
}

.flex-card:nth-child(3) {
    background-color: #F3836E;
}

.flex-card:nth-child(4) {
    background-color: #EECB48;
}

.flex-card:nth-child(5) {
    background-color: #32AB8F;
}

/*** STYLINGS FOR PRES TRAININGS - TRAINING GUIDES ***/
.training-guides img {
    width: 20rem !important;
}

.training-guides div {
    display: inline-block;
}

.training-guides h5 {
    text-align: center;
}

.training-guides h2 {
    margin-bottom: 10rem;
}

/***============================================================================= COMPONENT: CSS for Multi-lingual capaiblityh for Presidents Training DESCRIPTION: We are using tagged components to display the appropriate menu for each page. The Top menu remains consistant for all pages within the active language. The buttons for "languages" are updated for each menu item (welcome, faq, trainings). RELATED STORIES: 11306 REVISION HISTORY: Deployed 29 Oct 2021 *===============================================================================***/
/***************************** language menu stylings *****************************/
ul.languages {
    display: flex;
    justify-content: space-between;
    list-style: none;
    font-size: 14px !important;
    line-height: 26px !important;
}

ul.languages li {
    padding: 12px 30px;
}

ul.languages li:first-child {
    margin-left: -38px;
}

ul.languages li:hover {
    background: #3239cb;
    border-radius: 25px;
}

ul.languages a {
    color: black
}

ul.languages li:hover a {
    color: white;
}

ul.languages a:hover {
    color: black
}

ul.languages li img {
    width: 16px;
    height: 11px;
    margin-right: .3em;
}

.rounded-full {
    border-radius: 9999px;
}

.bg-eo-light-grey {
    background-color: #f0f0f5;
}

*,
:after,
:before {
    border: 0 solid #dae1e7;
}

/***************************** Mobile Responsive - Languages hide the link text so we only show the flag *****************************/
@media only screen and (max-width: 833px) {
    ul.languages a {
        font-size: 0;
    }

    ul.languages li {
        padding: 0;
    }

    .languages-select {
        display: visible;
    }
}

/***============================================================================= COMPONENT: CSS for Presidents Training (secondary) Nav Menu DESCRIPTION: We are using tagged components to display the appropriate menu for each page. The Top menu remains consistant for all pages within the active language. The buttons for "languages" are updated for each menu item (welcome, faq, trainings). RELATED STORIES: 11306 REVISION HISTORY: Deployed 29 Oct 2021 *===============================================================================***/
.pres-training-menu {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
}

.pres-training-menu a {
    display: block;
    color: #333;
    font-weight: 600;
    font-family: advertaSTD-bold, sans-serif;
    font-size: 110%;
    text-decoration: none;
    padding-bottom: 6px;
}

.pres-training-menu a:hover {
    border-bottom: 3px solid #ff3463;
    padding-bottom: 3px;
}

@media only screen and (max-width: 768px) {
    .pres-training-menu a {
        width: 100%;
        text-align: center;
    }

    .pres-training-menu {
        gap: 0;
    }
}

/*** Upload profile image window kn ***/
/*** Update the background colour of content to ensure that radius on border is visible.modal.fade .modal-dialog ***/
#ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactPicture_profilePictureEditModal {
    background: none;
}

/*** Update the vertical placement of the window ***/
#ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactPicture_profilePictureEditModal {
    margin-top: 20%;
}

/*** Updates the background colour, font colour and border corners of the main content ***/
#ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactPicture_profilePictureEditModal.modal.in .modal-dialog .modal-content {
    background: #0C0C26;
    color: #fff;
    border-radius: 10px;
}

/*** Updates the colour the header font ***/
h4#ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactPicture_profilePictureEditTitle {
    color: #fff;
}

/*** Removal of border from header and addition of more padding***/
#ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactPicture_profilePictureEditModal.modal.in .modal-dialog .modal-content .modal-header {
    border: none !important;
    padding-left: 30px;
    padding-bottom: 40px !important;
    padding-top: 25px;
}

/*** Addition of more padding ***/
#ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactPicture_profilePictureEditModal.modal.in .modal-dialog .modal-content .modal-body {
    position: relative;
    padding: 15px 15px 15px 65px;
}

/*** Hide the file extension line ***/
span#ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactPicture_allowedTypes {
    display: none;
}

/*** Updates the colour the delete text font ***/
label#ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactPicture_labelDeleteImage {
    color: #fff;
}

/*** Add border radius to the upload field ***/
input#ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactPicture_AsyncUpload1fakeInput0 {
    border-radius: 10px;
}

/*** Update sizing of the file size text and positioning ***/
span#ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactPicture_fileSizeLimit {
    font-size: 75%;
    margin-left: 235px;
}

/*** Positioning of file field and select button ***/
#ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactPicture_AsyncUpload1 {
    width: 350px;
    margin-top: -42px;
    margin-left: 150px;
}



/*** Button Color ***/
html.t-safari .PrimaryButton,
html.t-safari .SaveAndClose,
html.t-safari .SaveAs,
html.t-safari .UsePrimaryButton .TextButton,
html.t-safari .UsePrimaryButton .TextButtonWithImage,
html.t-safari #masterHeaderActionArea a,
html.t-safari .RadGrid input.PrimaryButton,
html.t-safari .Spotlight .TextButton,
html.t-safari .BigButtonPanelArea2 .btn,
html.t-safari .RadUpload .ruButton,
html.t-safari .ruButton,
html.t-safari .ruFileInput {
    background-color: #ff3463 !important;
    color: #fff !important;
}

@media (max-width: 390px) {
    #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactPicture_AsyncUpload1 {
        width: 0;
        margin-top: 0;
        margin-left: 0;
    }
}

@media (max-width: 390px) {
    input#ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactPicture_AsyncUpload1fakeInput0 {
        border-radius: 10px;
        width: 25%;
    }
}

/*** Update select button ***/
#ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactPicture_profilePictureEditModal input.ruButton.ruBrowse {
    border-radius: 40px !important;
    background-color: #0C0C26 !important;
    border: #fff solid 1px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 20px;
    text-transform: none !important;
}

/*** Update save button ***/
input#ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactPicture_submit {
    background: #0C0C26 !important;
    border: 1px solid #fff;
}

/*** Update cancel button ***/
input#ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactPicture_cancel {
    background: #0C0C26 !important;
    border: 1px solid #fff;
}


/* ===============================================
       Support Button and ConnectEO Deployment 
   ===============================================*/
/* => start - Support Button and ConnectEO Deployment */
/*----css for the headset icon after support button----*/
.support-btn:after {
    width: 35px;
    height: 30px;
    background: #FF346E;
    display: inline-block !important;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    color: #fff;
    content: "\f590" !important;
    font-family: 'FontAwesome';
    font-size: 19px;
    text-align: center;
}

/*----css for support button style on big screen----*/
@media (min-width: 768px) {
    .mover {
        position: absolute !important;
        right: 0;
    }

    .support-btn>.rmText {
        font-weight: 400;
        text-transform: uppercase;
        font-family: 'advertaSTD-regular', sans-serif !important;
        font-size: 13px;
        color: #3C3E50;
    }

    .support-btn:hover {
        border-bottom: none !important;
    }
}

/*----css for support button location ----*/
@media (min-width: 768px) and (max-width: 970px) {
    .mover {
        top: -33px;
    }
}

@media (min-width: 971px) {
    .mover {
        top: -32px;
    }
}





/* === whole header section static ===*/
.header-top-container {
    position: fixed !important;
    width: 100%;
}

@media (min-width: 992px) {
    .header-bottom-container {
        padding-top: 6px;
        position: fixed !important;
        top: 0;
        margin-top: 25px;
        /*---New Public Site Design---*/
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 970px) {
    .header-bottom-container {
        height: 120px;
    }
}

@media (min-width: 971px) {
    .header-bottom-container {
        height: 120px;
    }
}


/*----------New Public Site Design--------------*/
/* Text Colors */

.text-blue {
    color: #1D007F;
}

.text-dark-blue {
    color: #0C0C31;
}

.text-bright-blue {
    color: #3239CB;
}

.text-light-blue {
    color: #A3A7E4;
}

.text-pink {
    color: #DE2C5F;
}

.text-light-pink {
    color: #FEA5BD;
}

.text-red {
    color: #A32246;
}

.text-white {
    color: #FFFFFF;
}

.text-orange {
    color: #F3836F;
}

.text-dark-orange {
    color: #9B5348;
}

.text-light-orange {
    color: #F9C6BE;
}

.text-yellow {
    color: #EECB48;
}

.text-dark-yellow {
    color: #958348;
}

.text-light-yellow {
    color: #F7E7B1;
}

.text-green {
    color: #31AB8E;
}

.text-dark-green {
    color: #216D5B;
}

.text-llight-green {
    color: #A4D8CC;
}

.text-gray {
    color: #5E617D;
}

.text-dark-gray {
    color: #3C3E50;
}

.text-light-gray {
    color: #B7B8C3;
}

.text-very-light-gray {
    color: #F7F7FF;
}

/* ///////////////////////////// */

/* Background Colors */

.bg-blue {
    background-color: #1D007F;
}

.bg-dark-blue {
    background-color: #0C0C31;
}

.bg-bright-blue {
    background-color: #3239CB;
}

.bg-light-blue {
    background-color: #A3A7E4;
}

.bg-pink {
    background-color: #DE2C5F;
}

.bg-light-pink {
    background-color: #FEA5BD;
}

.bg-red {
    background-color: #A32246;
}

.bg-white {
    background-color: #FFFFFF;
}

.bg-orange {
    background-color: #F3836F;
}

.bg-dark-orange {
    background-color: #9B5348;
}

.bg-light-orange {
    background-color: #F9C6BE;
}

.bg-yellow {
    background-color: #EECB48;
}

.bg-dark-yellow {
    background-color: #958348;
}

.bg-light-yellow {
    background-color: #F7E7B1;
}

.bg-green {
    background-color: #31AB8E;
}

.bg-dark-green {
    background-color: #216D5B;
}

.bg-llight-green {
    background-color: #A4D8CC;
}

.bg-gray {
    background-color: #5E617D;
}

.bg-dark-gray {
    background-color: #3C3E50;
}

.bg-light-gray {
    background-color: #B7B8C3;
}

.bg-very-light-gray {
    background-color: #F7F7FF;
}

.bg-old-pink {
    background-color: #FF346E;
}

/* ///////////////////////////// */


/* Default HTML Elements */
body,
div,
p {
    font-family: AvertaPE;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.5em;
}

.body-container {
    padding: 0 40px;
}

/*---Header styles---*/
.header-top-container {
    z-index: 95560 !important
}

.fullwidth-area {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    height: auto;
}

@media (min-width: 768px) {
    .header-bottom-container {
        background-color: #fff;
        z-index: 95559 !important;
    }

    .header-top-container {
        background-color: #fff !important;
        z-index: 95560 !important;
        height: 30px;
    }

    .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup>.rmItem>.rmLink {
        font-weight: 400;
    }
} 

@media (min-width: 1367px) {
    #masterHeaderImage {
        background-image: url(../png/eo_logo_rgb_primary_web.png);
        background-size: contain;
    }
}

@media (min-width: 768px) and (max-width: 1366px) {
    #masterHeaderImage {
        background-image: url(../png/eo_logo_rgb_short.png);
        background-size: contain;
    }
}



div#auxiliary-container .UtilityNavigation.nav-auxiliary {
    z-index: 10;
    /*To display the pink aux menu when click on it*/
}

.RadMenu_NaturalHeritageSites .rmSlide .rmLink,
.RadMenu_NaturalHeritageSites .rmSlide .rsmLink {
    color: #3C3E50;
}

/*---Footer styles are all on the footer content---*/

/* ********** RC 5/25/2023 Reorganization ********** */
.primary-navigation-area {
    margin-top: 50px;
}
.header-logo-container {
    float: left;
    margin: -2px 0 1.5em;
}

/* ----- Top Navigation & Login Button/Menu ----- */
.si-visible {
    top: -915px;
    opacity: 0;
    position: absolute;
    right: -32px;
    width: 450px;
    background-color: #F2F3FB;
    border-radius: 0 0 25px 25px;
    box-shadow: 3px 3px 6px rgb(0 0 0 / 25%);
    height: 450px;
    padding-top: 55px;
    transition: all .75s ease-out;
    z-index: 10;
    }
    @media (max-width: 550px) {
    .si-visible {
    width: 90vw !important;
    }
    #LoginFrame, .login-help {
    width: 100% !important;
    }
    }
    .dropbtn.nav-text {
    position: absolute;
    right: 7%;
    top: -2px;
    line-height: normal!important;
    font-size: 16px!important;
    font-weight: 400!important;
    padding: 10px 26px;
    color: #fff!important;
    border-radius: 0 0 25px 25px;
    border-style: solid;
    border-width: 0;
    cursor: default;
    text-align: center;
    display: inline-block;
    background-color: #ff3463 !important;
    transition: all 0.5s ease-in-out !important;
    /* transform: scale(0.94); */
    border: none;
    font-weight: 400!important;
    letter-spacing: 1px;
    min-width: 70px;
    /* text-transform: capitalize !important; */
    z-index: 999999;
    width: 200px;
    }
    .login-close {
    position: absolute;
    left: 23px;
    transition: all 0.5s ease-in-out !important;
    opacity:0;
    cursor:pointer;
    }
    div#popup-close {
    color: #0c0c31;
    border: #0c0c31;
    border-style: solid;
    float: right;
    padding-right: 3%;
    padding-left: 3%;
    }
    .login-help{
    position:absolute;
    bottom:20px;
    width:450px;
    text-align: center;
    }
    span#login-close:hover, span#loginOpen div#popup-close:focus, div#popup-close:active {
    cursor: pointer;
    }
    #loginOpen:hover{cursor:pointer;}
    .SignInShow > .panel.panel-border{
    border:none;
    }
    @media (min-width: 768px) and (max-width: 991px) {
    .dropbtn.nav-text, .si-visible {
    right: 100px !important;
    }
    }
    span#loginOpen:before {
    content: "MEMBER ";
    }
    .eo-dd-open{
        top:0px !important;
        opacity:1!important;
        }
        .util-navbar-open{
        width:450px !important;
        }
        @media (max-width: 500px) {
        .util-navbar-open{
        width: 100% !important;
        max-width: 450px !important;
        }
        }
        .eo-account-dd {
        width: 450px;
        border-radius: 0 0 25px 25px;
        background-color: #f2f2f2;
        box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
        position: absolute;
        top: -475px;
        padding-top: 45px;
        transition: all 1s;
        right: 0px;
        opacity: 0;
        color: #000;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
        }
        @media (min-width: 768px) and (max-width: 991px) {
        .eo-account-dd {
        width: 519px;
        }
        }
        .eo-account-dd li {
        list-style: none;
        }
        .UtilitySection.UtilityAccountArea {
        background-color: #FF346E;
        border-bottom-left-radius: 14px;
        border-bottom-right-radius: 14px;
        min-width: 150px;
        text-align: right;
        height: 35px;
        padding: 0 15px;
        margin-top: 2px;
        transition: all .5s;
        }
        .obo-panel.off{
        display:none;
        }
        .obo-panel.on {
        padding-left: 2em;
        padding-right: 2em;
        height: 65px;
        padding-top: 20px;
        text-align: center;
        margin-bottom: 14px!important;
        }
        .obo-toggle {
        background-image: url(../svg/obo-off.svg);
        background-repeat: no-repeat;
        background-size: 80%;
        background-position: 3px 5px !important;
        background-color: transparent;
        margin-top: -4px;
        margin-right: 10px!important;
        height: 30px !important;
        border-radius: 6px;
        width: 30px!important;
        }
        .obo-toggle:hover{
        background-color: #3239CB;
        border-radius:6px;
        }
        .obo-toggle.on{
        background-image: url(../svg/obo-off.svg);
        background-repeat: no-repeat;
        background-size: 80%;
        background-position: 3px 5px !important;
        background-color: #3239CB
        }
        #eoAccountDdOboWrapper {
        width: 100%;
        margin-top: -20px;
        }
        .nav-auxiliary {
        margin-top: 0;
        }
        #eoAccountDdJoinThanks {
        margin-bottom: 24px;
        padding: 0 23px;
        }
        .eo-account-dd-item {
        margin-bottom: 12px;
        }
        .eo-account-dd-item.eo-dd-logout {
        margin: 44px 0;
        text-align: left;
        padding-right: 41px;
        }
        .eo-dd-logout a {
        color: #FFF;
        background-color: #FF346E;
        padding: 12px 24px;
        border-radius: 24px;
        font-size: 16px;
        }
        .ste-toggle.on {
        background-color: #3239CB;
        padding: 2px 0px 3px 6px;
        border-radius: 8px;
        }
        li.easy-edit {
        }
        .col-sm-6.eo-account-dd-left {
        border-right: 1px solid #cacbd4;
        }
        li.eo-account-dd-item > a:hover {
        color: #FF346E;
        }
        li.eo-account-dd-item > a {
        color: #1D007F;
        }
        .sign-out-link {
        color: #FFFFFF!important;
        text-transform: uppercase;
        }
        .caret {
        border: none;
        margin: -16px 20px 0px 4px!important;
        }
        .account-toggle {
        display: flex;
        align-items: center;
        padding: 5px 8px 0 0;
        }
        .btn-support {
        margin: 0 10px;
        font-size:20px;
        }

    /* Styles for login iframe */
    .login-help {
    position: absolute;
    bottom: 20px;
    width: 450px;
    text-align: center;
    color: #000;
}

/* ********** Responsive Media Queries ********** */

     /* ---------- max-width:767px (mobile) ---------- */

     @media (max-width: 767px) {

        #masterContentArea {
            margin-top: 0px;
        }
        .body-container {
            padding: 0 0px;
        }

        /* Login & account button/ menu */
        .login {
            position: relative !important;
            left: 0;
            top: -8px;
        }
        .dropbtn.nav-text,
        .si-visible {
            left: 0px !important;
        }
        .UtilitySection.UtilityAccountArea {
            text-align: left;

        }
        .support-btn-wrapper{

            margin-left:85px
        }
        .caret.fa-solid.fa-chevron-down {
            font-size: 18px;
            left: 70px;
            top: 5px;
        }
       /* .rmItem {
            background: #FFF;
        }
        .rmLink{
            color:#000;
        }
        .rmLink:after {
            font-family:'Font Awesome 6 Free';
            content: "\f078";
            display: block;
            clear: both;
        }*/

        .site-hero {
            display: none;
        }
        .header-logo-container {
            margin: 0 0 0.5em !important;
        }
        .header-container {
            display: flex;
            flex-direction: column-reverse;
            padding: 0px !important;
        }
        .header-container .UtilityNavigation.nav-auxiliary {
            display: flex;
            width: 100%;
            justify-content: space-between;
            padding-bottom: 10px;
            border-bottom: none;
        }
        .Wrapper-HomePage .header-container .UtilityNavigation.nav-auxiliary,
        .eo-signin-page .header-container .UtilityNavigation.nav-auxiliary {
            padding: 10px 0;
        }
        .header-container .nav-auxiliary {
            margin-top: 0 !important;
        }
        .header-container .UtilityNavigation.nav-auxiliary {
            display: inline-block;
        }
    
        /*.eo-auxiliary-menu a {
             display: none !important;
        }
        */
        .navbar-toggle .icon-search {
            background: transparent url("../png/responsiveheadersprite.png") 0 5px no-repeat !important;
            height: 25px;
        }
        .navbar-toggle .icon-bar {
            height: 2px;
            width: 25px;
            margin-bottom: 7px;
        }
    
        span.icon-search {
            background: transparent !important;
        }
    
        button.navbar-toggle.collapsed.searchbar-toggle {
            right: 38px !important;
            top: -10px !important;
            left: inherit !important;
        }
    
        .scroll-down button.navbar-toggle.collapsed.searchbar-toggle {
            top: 2px !important;
        }
    
        .UtilityAuthentication {
            display: none !important;
        }
    
        .navbar-header,
        .navbar-header>div {
            width: 100% !important;
        }
    
       
    
        .member-dropdown .member-dropdown-content {
            left: -200px !important;
        }
    
        button.navbar-toggle.collapsed.menu-toggle {
            padding: 0px !important;
            height: 23px !important;
            margin-top: 0px !important;
            width: 20px !important;
            position: relative !important;
            top: 5px !important;
            right: 20px !important;
        }
    
        .scroll-down button.navbar-toggle.collapsed.menu-toggle {
            top: 18px !important;
        }
    
        .Wrapper-HomePage button.navbar-toggle.collapsed.menu-toggle,
        .eo-signin-page button.navbar-toggle.collapsed.menu-toggle {
            top: 0 !important;
        }
    
        .member-dropdown {
            position: absolute !important;
            right: 85px !important;
            left: inherit !important;
        }
    
        .member-dropdown>a {
            padding-top: 5px !important;
            position: absolute;
            top: -30px;
            right: -155px;
        }
    
        .navbar-toggle.collapsed {
            background-color: transparent !important;
        }
     
    
        .mega-menu {
            position: absolute !important;
            top: 7px !important;
            left: -25px !important;
        }
    
        .mega-menu a {
            top: -21px !important;
            left: -225px !important;
        }
    
        .Wrapper-HomePage .mega-menu a,
        .eo-signin-page .mega-menu a {
            top: 10px !important;
            left: 0px !important;
        }
    
        .Wrapper-HomePage .mega-menu,
        .eo-signin-page .mega-menu {
            top: 0px !important;
            left: 15px !important;
        }
        .eo-auxiliary-menu.login a span.nav-text {
            right: 35px;
            top: -5px;
        }
    
        .Wrapper-HomePage.scroll-down ul.NavigationUnorderedList,
        .eo-signin-page.scroll-down ul.NavigationUnorderedList {
            margin-top: 0;
        }
    
        .Wrapper-HomePage .UtilitySection.UtilityNavigationList,
        .eo-signin-page .UtilitySection.UtilityNavigationList {
            margin-top: 0px !important;
        }
    
        .Wrapper-HomePage.scroll-down .header-top-container #masterHeaderImage,
        .eo-signin-page.scroll-down .header-top-container #masterHeaderImage {
            margin-top: 62px !important;
            margin-bottom: 20px !important;
        }
    
        .Wrapper-HomePage.scroll-down .header-top-container .logo,
        .eo-signin-page.scroll-down .header-top-container .logo {
            background-size: 100% !important;
        }
        .scroll-down .header-top-container .nav-auxiliary {
            left: 0;
        }
    
        .scroll-down .header-top-container #masterHeaderImage {
            margin-top: 65px !important;
        }
        .scroll-down .header-top-container {
            z-index: 1000;
            padding-top: 90px;
            z-index: 1000;
        }
    
        .scroll-down .header-top-container .logo {
            background-size: inherit;
        }
    
        .Wrapper-FullWidth.scroll-down .header-top-container .nav-auxiliary,
        .eo-signin-page.scroll-down .header-top-container .nav-auxiliary {
            top: 60px;
        }
        .primary-navigation-area {
            padding: 0px;
        }
    
        .menu-button {
            margin-top: 20px;
        }
    
       
        .header-search .search-field {
            width: 100%;
        }
        span.icon-search {
            background: #0D0C31 url(../png/eo-search-icon.png) no-repeat !important;
            background-color: #0D0C31 !important;
            /*height: 44px !important;
            */
            width: 45px !important;
        }
    
        .header-search {
            display: none !important;
        }
    
        #ctl01_ciUtilityNavigation_search-collapse {
            display: none !important;
        }
        span#ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactPicture_fileSizeLimit {
            font-size: 75%;
            margin-left: 0px;
        }
        #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactPicture_AsyncUpload1 {
            width: 350px;
            margin-top: 0px;
            margin-left: 0px;
        }
    
        /*----css for support button style on phone-size screen ----*/
        .support-btn>.rmText {
            font-family: "AvertaStd", Helvetica Neue, sans-serif;
            font-weight: 600;
            color: #fff;
        }
        /*---- mobile responsive for ConnectEO ----*/
    
        /*** more space on the left for dropdown menu on phone screen ***/
        div.RadMenu.RadMenu_NaturalHeritageSites a.rmLink span.rmText {
            padding-left: 25px;
        }
    
        /*** fixing the ConnectEO on phone size screen ***/
        .connectEO>span.rmText:after {
            content: "EO" !important;
            color: #FF3633 !important;
            position: static !important;
            font: unset !important;
            margin: 0 0 2px 0px !important;
        }
    
        /*** Fix the maincontent display issue with in-line content style ***/
        .navbar-collapse.nav-primary.collapse {
            margin-top: 0px;
        }
    
        div#ste_container_ciPrimaryNavigation {
            margin-top: 160px;
        }
        #masterHeaderImage {
            background-image: url(../png/eo_logo_rgb_primary_web.png);
            background-size: contain;
        }
    
        .UtilitySection.UtilityNavigationToggle {
            padding-left: 10px;
            padding-bottom: 10px;
            background: #FFF;
        }
    
        button.navbar-toggle.collapsed.menu-toggle span {
            margin-left: 10px;
        }
    
        .header-top-container {
            background-color: #fff !important;
        }
    
        
    
        .eo-account-dd.eo-dd-open {
            width: 95% !important;
            margin-left: 2% !important;
            margin-right: 2% !important;
        }
    
        .eo-account-dd .col-sm-6 {
            width: 100% !important;
        }
    
        .col-sm-6.eo-account-dd-left {
            border: none !important;
        }
    
        .eo-account-dd {
            padding-top: 65px !important;
        }
    
        .account-toggle .nav-text {
            left: auto !important;
        }
    
        .account-toggle .profile-picture-wrapper img {
            display: none;
        }
        .UtilitySection.UtilityAccountArea {
            float: left;
        }
    
        #footer-line {
            width: 100%;
            margin-left: 0px;
        }
    
    }


     /* ---------- max-width:991px (tablet) to fix the collapse menu---------- */

     @media (min-width: 768px) and (max-width: 991px) {

        .header-top-container {
            background-color: #fff !important;
            height: 90px !important;
        }
        .primary-navigation-area {
            margin-top: 80px;
        }

    }
.InternalHeaderArea {
   display: none;
}
     /* ---------- fix the industry display ---------- */
span[id^="EO_Industries___Sector_Holder_Label"] + div .CheckBoxList {
    height: auto !important;
}

#ctl00_TemplateBody_PanelFieldEditor_EO_Industries___MainIndustry {
    max-width: 450px;
}