@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,400;1,700&display=swap');
body {
background-color:#FFF;
}
footer {
background-color:#ffffff; /* footer color is white*/
}
.footer-container, .footer-container a, .footer-container span {
    color: #000000; /* footer font is black*/
font-family:Lato,sans-serif;
line-height:2;
}

ul.horizontal.site-menu li span a, ul.horizontal.site-menu li span span {
color:#FFF!important;
font-family: Lato;
font-weight:normal;
font-size:20px !important;
}


ul.horizontal.site-menu {
text-align:center;
}
ul.horizontal.site-menu ul.sub-menu li {
text-align:left;
}
ul.horizontal.site-menu li {
float:none;
display:inline-block;
vertical-align:top;
}
#menu_container,
ul.horizontal.site-menu {
background-color:#ffffff !important; /*background color of the main menu bar*/
}
#menu_container { 
/* this only works with certain templates */
border-top: 2px solid  #ffffff;

border-bottom:none;
padding-top:10px;
padding-bottom:10px;
}
.static-bar.bg-color-2,
.static-bar .layout-wrapper.bg-color-2 {
background-color:#000000!important;
}

.bg-color-2 {
background-color:#521C50 !important;
font-size:16px !important;
color:#000000!important;
}
#menu_container nav,
#menu_container nav .nav-container {
float:none;
left:initial;
width:100% !important;
}
ul.horizontal.site-menu ul.sub-menu li {
background-color:#521C50 !important; /* sub menu color dark purple */
border-bottom:none !important;
}
ul.horizontal.site-menu ul.sub-menu {
border-top:none !important;
}
ul.horizontal.site-menu ul.sub-menu li span a {
font-size:16px !important;
color:#FFF !important; /* white font on sub menu*/
}
ul.horizontal.site-menu ul.sub-menu li:after,
ul.horizontal.site-menu ul.sub-menu li span a:after,
ul.horizontal.site-menu ul.sub-menu li:before,
ul.horizontal.site-menu ul.sub-menu li span a:before  {
display:none !important;
}
ul.horizontal.site-menu li:hover {
background:#820263 !important; /* light purple hover menu*/
font-size:16px !important;
color:#eca400 !important; /* gold font hover on menu - this doesn't work*/
}
ul.horizontal.site-menu li:hover ul.sub-menu li:hover {
background-color:#820263 !important; /* light purple hover on sub menu*/
color:#FFF !important; /* white font hover on sub menu*/
}
#full_name,
#favorites_hover {
font-family:Lato, sans-serif;
}

.horizontal.control-panel-link {

font-family:Lato, sans-serif;
color:#000000
}
.admin-table th,
.manager-table th {
background-color:#521C50;
color:#ffffff;
}
.static-bar #non_member_panel .login-link,
.static-bar .add-me-link {
background-color:#820263;  /*color of the buttons in non-member panel (League light purple)*/
color:#ffffff;  /*font color on buttons in non-member panel (white)*/
font-family:Lato,sans-serif;
font-size:16px;
padding:10px 20px;
border:2px solid #820263 !important; /*color of border of button*/
border-radius:0px !important; /*corner of buttons 0 is square*/
font-weight:normal;
transition:all .5s ease;
}

.static-bar .add-me-link {
background-color:#521C50;  /*color of the buttons in non-member panel (League light purple)*/
color:#ffffff;  /*font color on buttons in non-member panel (white)*/
font-family:Lato,sans-serif;
font-size:16px;
padding:10px 20px;
border:2px solid #521C50 !important; /*color of border of button*/
border-radius:0px !important; /*corner of buttons 0 is square*/
font-weight:normal;
transition:all .5s ease;
}
.static-bar #non_member_panel .login-link:hover,
.static-bar .add-me-link:hover {
background-color:#eca400; /*color of the buttons in non-member panel (League gold)*/
color:#820263; /*font color on buttons in non-member panel (League light purple)*/
border:2px solid #820263 !important; /*border color on buttons in non-member panel (League light purple)*/
border-radius:0px !important; /*corner of buttons 0 is square*/
}
.static-bar .add-me-link {
float:right;
}
.static-bar #non_member_panel .login-link {
display:inline-block;
}
.mobile-site-menu li {
background-color:#521c50 !important;
}
.mobile-site-menu ul.sub-menu li {
background-color:#f3f3f3 !important; /* light grey */
}
.checklist-link {
color:#000000;
}
/*all other clubexpress buttons - default light purple with white text, dark purple*/
.ce-button {
background-image:none;
    background-color: #820263; 
    font-family: 'Lato',sans-serif;
    border-radius: 0px; /*corner of buttons 0 is square*/
    text-decoration: none;
    color: #FFF;
    font-size: 16px;
    font-weight: normal;
    padding: 10px 25px;
    transition: all .5s ease;
    border: 2px solid #820263;
    margin-left: 5px;
}
.ce-button:hover {
background-image:none;
    background-color: #521c50;
    font-family: 'Lato',sans-serif;
    border-radius: 0px; /*corner of buttons 0 is square*/
    text-decoration: none;
    color: #FFF;
    font-size: 16px;
    font-weight: normal;
    padding: 10px 25px;
    transition: all .5s ease;
    border: 2px solid #521c50;
    margin-left: 5px;
}

/*custom clubexpress buttons blue button with gold hover*/
.ce-button-alt {
background-image:none;
    background-color: #005596; 
    font-family: 'Lato',sans-serif;
    border-radius: 0px; /*corner of buttons 0 is square*/
    text-decoration: none;
    color: #FFF;
    font-size: 16px;
    font-weight: normal;
    padding: 10px 25px;
    transition: all .5s ease;
    border: 2px solid #005596;
    margin-left: 5px;
}
.ce-button-alt:hover {
background-image:none;
    background-color: #ECA400;
    font-family: 'Lato',sans-serif;
    border-radius: 0px; /*corner of buttons 0 is square*/
    text-decoration: none;
    color: #FFF;
    font-size: 16px;
    font-weight: normal;
    padding: 10px 25px;
    transition: all .5s ease;
    border: 2px solid #ECA400;
    margin-left: 5px;
}

.white-button {
    background-image:none;
    background-color: #ffffff;
    font-family: 'Lato',sans-serif;
    border-radius: 0px; /*corner of buttons 0 is square*/
    text-decoration: none;
    color: #005596;
    font-size: 16px;
    font-weight: normal;
    padding: 10px 25px;
    transition: all .5s ease;
    border: 2px solid #ffffff;
    margin-left: 5px;
    }
    
.white-button:hover {
    background-image:none;
    background-color: #ECA400;
    font-family: 'Lato',sans-serif;
    border-radius: 0px; /*corner of buttons 0 is square*/
    text-decoration: none;
    color: #FFF;
    font-size: 16px;
    font-weight: normal;
    padding: 10px 25px;
    transition: all .5s ease;
    border: 2px solid #ECA400;
    margin-left: 5px;
    }

.lwv-red-text /* editor: "lwv-red-text" */{
color:#be0f34;
}
.lwv-blue-text /* editor: "lwv-blue-text" */{
color: #005596;
}
.lwv-gold-text /* editor: "lwv-gold-text" */{
color: #eca400;
}
.lwv-lt-purple-text /* editor: "lwv-lt-purple-text" */{
color: #820263;
}
.lwv-dk-purple-text /* editor: "lwv-dk-purple-text" */{
color: #521c50;
}
ul.horizontal.site-menu li, ul.horizontal.site-menu li:hover span span {background-color: transparent;
}

/* purple short underline */
    z::after {
    content: "";
    display: block;
    width: 40px;
    padding-top: 3px;
    border-bottom: 3px solid #820263;
    }

/* broad yellow underline */
    h21 {
    background: linear-gradient(to left, #eca400, #f9dd94 100%);
    background-position: 0 100%;
    background-size: 100% 7px;
    background-repeat: repeat-x;
    }