/*** 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("//fonts.googleapis.com/css?family=Raleway|Abel");
 @font-face {
     font-family: 'advertaSTD-light';
     src: url("fonts/AvertaStd-Light.otf");
     src: url("fonts/AvertaStd-Light.otf?#iefix");
}
 @font-face {
     font-family: 'advertaSTD-bold';
     src: url("fonts/AvertaStd-Bold.otf");
     src: url("fonts/AvertaStd-Bold.otf?#iefix");
}
 @font-face {
     font-family: 'advertaSTD-regular';
     src: url("fonts/AvertaStd-Regular.otf");
     src: url("fonts/AvertaStd-Regular.otf?#iefix");
}
 @font-face {
     font-family: 'advertaSTD-semibold';
     src: url("fonts/AvertaStd-Semibold.otf");
     src: url("fonts/AvertaStd-Semibold.otf?#iefix");
}
/* 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;
    }
}
 @media (max-width: 767px) {
     .site-hero {
         display: none;
    }
}
 .site-hero h1 {
     color: #fff !important;
     text-align: center;
}
 @media (max-width: 767px) {
     .header-container {
         display: flex;
         flex-direction: column-reverse;
         padding: 0px !important;
    }
    /*.eo-auxiliary-menu a {
         display: none !important;
    }
    */
     .UtilityAuthentication {
         display: none !important;
    }
     .navbar-header, .navbar-header > div {
         width: 100% !important;
    }
     .header-container .UtilityNavigation.nav-auxiliary {
         display: flex;
         width: 100%;
         justify-content: space-between;
         padding-bottom: 10px;
         border-bottom: 2px solid #3239cb;
    }
}
 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%);
}
 @media (max-width: 767px) {
     #footer-line {
         width: 100%;
         margin-left: 0px;
    }
}
 .hero-banner.with-image {
     background-image: url(https://www.eonetwork.org/2020images/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: -5px;
}
 @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 (max-width: 767px) {
     .navbar-toggle .icon-search {
         background: transparent url("images/ResponsiveHeaderSprite.png") 0 5px no-repeat !important;
         height: 25px;
    }
     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;
    }
}
 @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 !important;
    }
}
/* 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: 767px) {
     .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;
    }
     .navbar-toggle .icon-bar {
         height: 2px;
         width: 19px;
    }
     .Wrapper-HomePage .header-container .UtilityNavigation.nav-auxiliary, .eo-signin-page .header-container .UtilityNavigation.nav-auxiliary {
         padding: 10px 0;
    }
}
 @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;
    }
}
/* 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: 767px) {
     .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;
    }
}
 @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 !important;
     right: -25px !important;
     top: -8px !important;
}
 .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;
}
 @media (max-width: 767px) {
     .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;
    }
}
 #masterHeaderImage {
     margin-top: 5px !important;
     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;
}
 @media (max-width: 767px) {
     .scroll-down .header-top-container .nav-auxiliary {
         left: 0;
    }
     .scroll-down .header-top-container #masterHeaderImage {
         margin-top: 65px !important;
    }
}
 .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%;
}
 .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%;
}
 @media (max-width: 767px) {
     .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;
    }
}
/* 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;
}
 @media (max-width: 767px) {
     .primary-navigation-area {
         padding: 0px;
    }
     .menu-button {
         margin-top: 20px;
    }
}
 .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(https://www.eonetwork.org/_layouts/15/Entrepreneurs%20Organization/Public/Public%20Images/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: 1125px !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: 1125px !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: 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: 16px !important;
     left: -8px !important;
     right: 0 !important;
     height: 6px !important;
     width: 6px !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(/images/mega-menu-solid.png);
}
 .mega-menu > a:hover {
     background: url(/images/mega-menu-solid.png);
}
 .mega-menu span, .member-dropdown span {
     display: none;
}
 .member-dropdown > a {
     background: url(/images/EO_icons/eo-profile-icon.png);
}
 .member-dropdown > a:hover {
     background: url(/images/EO_icons/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: white;
}
 .navbar-toggle.collapsed {
     background-color: rgb(51 56 203);
}
 .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(/images/eo_icons/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("/images/eo_icons/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 (max-width: 767px) {
     .header-search .search-field {
         width: 100%;
    }
}
 @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;
    }
}
 @media (max-width: 767px) {
     span.icon-search{
         background: #0D0C31 url(/images/eo_icons/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;
    }
}
/*** 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;
}
 @media (max-width: 767px) {
     span#ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactPicture_fileSizeLimit {
         font-size: 75%;
         margin-left: 0px;
    }
}
/*** Positioning of file field and select button ***/
 #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactPicture_AsyncUpload1 {
     width: 350px;
     margin-top: -42px;
     margin-left: 150px;
}
 @media (max-width: 767px) {
     #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactPicture_AsyncUpload1 {
         width: 350px;
         margin-top: 0px;
         margin-left: 0px;
    }
}
/*** 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{
     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;
}