/***************************************************/
/**** IMPORTANT SITEWIDE ****/
/***************************************************/

div#id_MobilePanel.WaPlaceHolder>div {
    padding: 0!important;
}

body,
p {
    font-family: 'Open Sans', sans-serif;
}

/**** SITEWIDE Containers ****/

.WaPlaceHolderContent>div, 
.WaPlaceHolderContent1>div, 
.WaPlaceHolderContent2>div, 
.WaPlaceHolderContent3>div, 
.WaPlaceHolderContent4>div,
.WaPlaceHolderFooter>div,
.WaPlaceHolderFooter2>div {
    padding: 70px 40px;
}

/*** TOPBAR ***/

.top-bar {
    color: #fff;
    font-size: 13px;
}

.top-bar-left, 
.top-bar-right { 
    display: flex; 
    gap: 20px; 
    align-items: center; 
}

.top-bar a, 
.top-bar span { 
    color: rgba(255,255,255,.85); 
}

.top-bar a:hover { 
    color: var(--gold); 
}
  
.top-social-icons {
    display: flex; 
    gap: 8px; 
    align-items: center;
}

.top-social-icons span {
    width: 18px; height: 18px; border-radius: 50%; background: rgba(255,255,255,.1);
    display: flex; align-items: center; justify-content: center;
    font-size: 10px; font-weight: 700; color: var(--white); cursor: pointer;
    line-height: 1; transition: all .25s;
  }

.top-social-icons span:hover { 
    background: var(--gold); transform: translateY(-2px); } 

/**** LOGIN BUTTON ****/

.Login-Button {
    float: right;
    margin-bottom: 0;
}

.WaGadgetLoginButton .loginContainer.loginContainer .loginLink {
    margin: 0;
    padding: 8px 14px;
    color: white;
    font: normal 13px/1.5 'Lato','Arial',sans-serif;
}

.WaGadgetLoginButton .loginContainer.loginContainer .loginLink {
    background: transparent;
    text-transform: none;
}

.WaGadgetLoginButton .loginContainer.loginContainer .loginLink:hover {
    background: transparent;
    color: var(--gold);
}

.WaGadgetLoginButton .loginContainer.authenticated.loginContainer.authenticated .loginLink:hover, .WaGadgetLoginButton .loginContainer.authenticated.loginContainer.authenticated .loginLink.hover {
    background: transparent;
    color: var(--gold)!important;
}

.WaGadgetLoginButton.Login-Button .loginContainer.authenticated.loginContainer.authenticated .loginLink:before {
font: normal 12px/34px 'WA-theme-icons';
}

.WaGadgetLoginButton.Login-Button .loginContainer.authenticated.loginContainer.authenticated .loginLink {
/* width: 34px!important; */
height: 34px!important;
color: var(--gold);
cursor: pointer;
min-width: 90px;
}

.WaGadgetLoginButton .loginContainer.authenticated.loginContainer.authenticated .loginLink::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    text-indent: 0;
    content: 'My Account';
    font-family: 'Lato', sans-serif!important;
    color: #fff;
}

.WaGadgetLoginButton .loginContainer.authenticated.loginContainer.authenticated .loginLink:hover::before {
    color: var(--gold);
}

.WaGadgetLoginButton .authenticated .loginPanel input[type=submit] {
    background-color:transparent!important;
}


/**** CONTACT BUTTON ****/

.Contact-Button {
    float: right;
    margin-bottom: 0;
}

.Contact-Button a {
    position: relative;
    padding-left: 14px;
}

.Contact-Button a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 16px;
    background: #999;
}

.Contact-Button p {
    font-size: 13px;
    line-height: 34px;
    font-family: 'Lato', sans-serif;
    color: rgba(255,255,255,.85); 
}

.Contact-Button a:link {
    color: rgba(255,255,255,.85);
    text-decoration: none!important;
}

.Contact-Button a:hover {
    color: var(--gold)!important; 
}



/*** FOOTER CTA ***/

.cta-band .wrap {
    position: relative;
    z-index: 1;
    max-width: 700px;
    margin: auto;
}

/*** NARROW CONTENT ***/

.Narrow-1 {
    position: relative;
    z-index: 1;
    width: 700px;
    max-width: 90%;
    margin: auto;
}

.Narrow-2 {
    position: relative;
    z-index: 1;
    width: 800px;
    max-width: 90%;
    margin: auto;
}

.Narrow-3 {
    position: relative;
    z-index: 1;
    width: 900px;
    max-width: 90%;
    margin: auto;
}

/**** CUSTOM CARDS - CONTENT GADGET ****/

.WaGadgetContent.Hover-Lift {
    transition: transform 0.3s ease;
}

.WaGadgetContent.Hover-Lift:hover {
    transform: translateY(-10px);
}

.WaGadgetContent.Card-1 {
    -webkit-border-radius: var(--border-radius-med);
    -moz-border-radius: var(--border-radius-med);
    border-radius: var(--border-radius-med);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 32px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    background-color: var(--color-white);
    border-top: 4px solid var(--gold);
}

.WaGadgetContent.Card-2 {
    -webkit-border-radius: var(--border-radius-med);
    -moz-border-radius: var(--border-radius-med);
    border-radius: var(--border-radius-med);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 18px 20px;
    background: rgba(200,150,12,.08);
}

.WaGadgetContent.Card-3 {
    -webkit-border-radius: var(--border-radius-med);
    -moz-border-radius: var(--border-radius-med);
    border-radius: var(--border-radius-med);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 32px;
    background-color: var(--color-white);
    border: 2px solid white;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.WaGadgetContent.Card-4 {
    -webkit-border-radius: var(--border-radius-med);
    -moz-border-radius: var(--border-radius-med);
    border-radius: var(--border-radius-med);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 32px;
    background-color: var(--color-white);
    border-left: 5px solid var(--gold);
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

.pull-quote {
    border-left: 4px solid var(--gold);
    padding: 18px 24px;
    margin: 24px 0;
    background: rgba(200,150,12,.06);
    border-radius: 0 8px 8px 0;
}

.WaGadgetContent.Card-3:hover {
    border: 2px solid #0A2240;
}

.Fixed-Section .WaLayoutTable .WaLayoutRow .placeHolderContainer {
    width: 1230px !important;
    max-width: 100%;
    margin: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
}

  /* ─── AEE NATIONAL ─── */
    .cert-list { list-style: none; padding-left: 0!important;
margin-left: 0!important;}
    .cert-list li {
    padding: 14px 18px!important; background: #f4f4f4; border-radius: 8px; margin-bottom: 10px !important;
    font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 14px; color: #0A2240;
    display: flex; gap: 10px; transition: transform .2s;
  }
    .cert-list li:hover { transform: translateX(4px); }
    .cert-list li .badge { background: #C8960C; color: #ffffff; font-size: 11px; padding: 3px 10px; border-radius: 4px; text-transform: uppercase; letter-spacing: .5px; flex-shrink: 0; }

/* ─── TIMELINE ─── */
  .timeline { position: relative; max-width: 800px; margin: 0 auto; }
  .timeline::before { content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 3px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; }
  .tl-item { display: flex; align-items: flex-start; margin-bottom: 40px; position: relative; }
  .tl-item:last-child { margin-bottom: 0; }
  .tl-item:nth-child(odd) { flex-direction: row; }
  .tl-item:nth-child(even) { flex-direction: row-reverse; }
  .tl-content { width: calc(50% - 36px); background: var(--white); border-radius: var(--radius); box-shadow: var(--shadow); padding: 24px 28px; transition: transform .3s; }
  .tl-content:hover { transform: translateY(-4px); }
  .tl-dot { width: 18px; height: 18px; background: var(--gold); border: 3px solid var(--white); border-radius: 50%; position: absolute; left: 50%; top: 28px; transform: translateX(-50%); z-index: 2; box-shadow: 0 0 0 4px rgba(200,150,12,.2); }
  .tl-year { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 22px; color: var(--gold); margin-bottom: 6px; }
  .tl-content h4 { font-size: 16px; font-weight: 700; color: var(--navy); margin-bottom: 6px; }
  .tl-content p { font-size: 14px; color: var(--med-grey); line-height: 1.65; }

/**** CHAPTER CARD ****/

.Chapter-Card h3 { font-size: 20px; font-weight: 700; color: var(--navy); margin-bottom: 6px; }

.Chapter-Card .chapter-name { font-size: 14px; color: var(--gold); font-weight: 600; margin-bottom: 14px; font-family: 'Montserrat', sans-serif; }

.Chapter-Card .advisor { font-size: 13px; color: var(--med-grey); margin-bottom: 12px; }

.Chapter-Card .advisor strong { color: var(--dark-text); }

.Chapter-Card .desc { font-size: 14px; color: var(--med-grey); line-height: 1.65; margin-bottom: 18px; }

.chapter-link { color: var(--link-blue); font-weight: 600; font-size: 14px; display: inline-flex; align-items: center; gap: 5px; transition: gap .3s; }

.chapter-link:hover { gap: 10px; color: var(--gold); }


/*** TESTIMONIAL CARD ***/

.testimonial-card .text { font-style: italic; color: #555; margin-bottom: 20px; line-height: 1.8; position: relative; z-index: 1; }

.testimonial-card .author { color: var(--navy); font-weight: 700; font-size: 15px; font-family: 'Montserrat', sans-serif; }

.testimonial-card .role { color: var(--med-grey); font-size: 13px; }

/*** COMMITTEES CARD ***/

.committee-tile h4 { font-size: 16px!important; font-weight: 700; color: var(--navy); margin-bottom: 8px; }
.committee-tile p { font-size: 14px; color: var(--med-grey); line-height: 1.6; }

/*** HOME STAT BAR ***/

.stat-icon { font-size: 36px; margin-bottom: 10px; }

.stat .num, .stat-num {
    font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 40px;
    color: var(--navy); display: block; margin-bottom: 4px;
  }

.stat-label { font-size: 14px; color: var(--med-grey); font-weight: 600; text-transform: uppercase; letter-spacing: .5px; }

/*** CTA BENEFITS - HOME ***/

.cta-benefit { display: flex; align-items: center; gap: 10px; color: rgba(255,255,255,.9); font-size: 15px; }

.cta-benefit-icon { color: var(--gold); font-size: 18px; flex-shrink: 0; }

/**** BOARD CARD ****/

.headshot {
    margin-bottom:0;
}

.headshot img {
    width: 100px; height: 100px; border-radius: 50%;
    background: #d8dfe6;
    margin: 0 auto 18px; display: flex; align-items: center;
    justify-content: center;
    font-family: 'Montserrat', sans-serif; font-weight: 700;
    font-size: 28px; color: var(--navy);
    border: 3px solid var(--light-grey);
  }

.board-card h3 { font-size: 18px; font-weight: 700; color: var(--navy); margin-bottom: 4px; text-align: center;}

.board-role { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 13px; text-align: center; color: var(--gold); text-transform: uppercase; letter-spacing: .5px; margin-bottom: 10px; }

.board-company { font-size: 14px; text-align: center; color: var(--med-grey); margin-bottom: 4px; }

.board-certs { font-size: 13px; text-align: center; color: var(--link-blue); font-weight: 600; margin-bottom: 14px; }

/*** PILL BUTTON ***/

.pill-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--light-grey);
    border: 1px solid #ddd;
    border-radius: 50px;
    padding: 12px 28px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: var(--navy);
    transition: all .25s;
}

.pill-link:hover {
    background: var(--navy);
    color: var(--white);
    border-color: var(--navy);
}

/*** SOCIAL ***/

.social-btn {
    width: 42px; height: 42px; border-radius: 50%; background: var(--navy); color: var(--white);
    display: flex; align-items: center; justify-content: center;
    font-size: 14px; font-weight: 700; transition: all .25s;
  }
  
.social-btn:hover { background: var(--gold); transform: translateY(-3px); }

/*** SPONSORS ***/

.tier-heading {
    font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 18px;
    text-transform: uppercase; letter-spacing: 1px; margin-bottom: 24px;
    display: flex; align-items: center; gap: 16px;
  }

.tier-heading::after { content: ''; flex: 1; height: 2px; border-radius: 1px; }

.tier-heading.platinum { color: #7B8794; }

.tier-heading.platinum::after { background: #7B8794; opacity: .3; }

.tier-heading.gold { color: var(--gold); }

.tier-heading.gold::after { background: var(--gold); opacity: .3; }

.tier-heading.silver { color: #9CA3AB; }

.tier-heading.silver::after { background: #9CA3AB; opacity: .3; }

  /* ─── SPONSOR PACKAGES ─── */
  .packages-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
  .package-card {
    background: var(--white); border-radius: var(--radius); overflow: hidden;
    box-shadow: var(--shadow); display: flex; flex-direction: column;
    transition: all .3s; border: 1px solid #eaeaea;
  }
  .package-card:hover { transform: translateY(-6px); box-shadow: 0 12px 32px rgba(0,0,0,.12); }
  .package-tier {
    text-align: center; padding: 22px 18px 14px;
    font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 22px;
    color: var(--navy); letter-spacing: .5px;
  }
  .package-price {
    background: var(--navy); color: var(--white); text-align: center;
    padding: 22px 18px; font-family: 'Montserrat', sans-serif; font-weight: 700;
    font-size: 30px; letter-spacing: .5px;
  }
  .package-price .currency { font-size: 18px; vertical-align: top; margin-right: 2px; opacity: .85; }
  .package-benefits { list-style: none!important; padding: 8px 22px 24px!important; flex: 1; }
  .package-benefits li {
    font-size: 14px; color: var(--dark-text); padding: 14px 0!important;
    border-bottom: 1px solid #eee; line-height: 1.5;
  }
  .package-benefits li:last-child { border-bottom: none; }

  .packages-actions {
    display: flex; gap: 14px; flex-wrap: wrap; justify-content: center;
    margin-top: 44px;
  }

  .packages-note {
    text-align: center; margin-top: 24px; font-size: 14px; color: var(--med-grey);
    line-height: 1.7; max-width: 720px; margin-left: auto; margin-right: auto;
  }
  .packages-note a { color: var(--link-blue); font-weight: 600; }
  .packages-note a:hover { color: var(--gold); }


  /* ─── MEMBERSHIP TYPES ─── */
  .types-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
  .type-card {
    background: var(--white); border-radius: var(--radius); box-shadow: var(--shadow);
    padding: 36px 28px; text-align: center; transition: all .3s; position: relative;
    border: 2px solid transparent;
  }
  .type-card:hover { transform: translateY(-6px); box-shadow: 0 10px 30px rgba(0,0,0,.12); }
  .type-card.featured { border-color: var(--gold); }
  .popular-badge {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    background: var(--gold); color: var(--white); font-family: 'Montserrat', sans-serif;
    font-weight: 700; font-size: 11px; text-transform: uppercase; padding: 5px 18px;
    border-radius: 20px; letter-spacing: .5px; white-space: nowrap;
  }
  .type-card h3 { font-size: 20px; font-weight: 700; color: var(--navy); margin-bottom: 6px; }
  .type-price { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 36px; color: var(--gold); margin-bottom: 4px; }
  .type-price span { font-size: 16px; font-weight: 600; color: var(--med-grey); }
  .type-for { font-size: 14px; color: var(--med-grey); margin-bottom: 20px; font-style: italic; }
  .type-benefits { list-style: none; text-align: left; margin-bottom: 24px; }
  .type-benefits li { padding: 8px 0!important; font-size: 14px; color: var(--dark-text); display: flex; align-items: flex-start; gap: 8px; border-bottom: 1px solid #f0f0f0; }
  .type-benefits li:last-child { border-bottom: none; }
  .type-benefits .ck { color: #27ae60; font-weight: 700; flex-shrink: 0; }

/**** CONFERENCE ****/

/* CONFERENCE HERO */

  .conf-hero-inner { display: grid; grid-template-columns: 1.5fr 1fr; gap: 50px; align-items: center; position: relative; z-index: 2; }
  .conf-eyebrow { display: inline-block; color: var(--gold); font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 16px; padding: 6px 14px; border: 1.5px solid var(--gold); border-radius: 30px; }
  .conf-hero h1 { color: var(--white); font-size: 56px!important; font-weight: 800!important; line-height: 1.05!important; margin-bottom: 18px; letter-spacing: -.5px; }
  .conf-hero h1 .accent { color: var(--gold)!important; display: inline-block; }
  .conf-hero .lede { color: rgba(255,255,255,.85); font-size: 17px; line-height: 1.6; margin-bottom: 22px; max-width: 560px; }
  .conf-stats { color: rgba(255,255,255,.7); font-size: 14px; margin-bottom: 30px; letter-spacing: .3px; }
  .conf-stats span { margin: 0 8px; color: var(--gold); }
  .hero-ctas { display: flex; gap: 18px; align-items: center; flex-wrap: wrap; }
  .btn-pill-gold {
    display: inline-flex; align-items: center; background: var(--gold)!important; color: var(--navy);
    font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 15px;
    padding: 16px 38px; border-radius: 50px; letter-spacing: .5px;
    transition: all .3s; box-shadow: 0 6px 20px rgba(200,150,12,.4);
    border: 2px solid var(--gold); text-decoration: none;
  }
  .btn-pill-gold:hover { background: #e0aa1a; border-color: #e0aa1a; transform: translateY(-3px);}
  .btn-pill-outline {
    display: inline-flex; align-items: center; gap: 8px; color: var(--white);
    font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 15px;
    padding: 16px 30px; border-radius: 50px; border: 2px solid rgba(255,255,255,.55);
    transition: all .3s; letter-spacing: .3px;
  }
  .btn-pill-outline:hover { background: var(--white); color: var(--navy); border-color: var(--white); transform: translateY(-3px); }
  .btn-pill-outline .arrow { font-size: 18px; transition: transform .3s; }
  .btn-pill-outline:hover .arrow { transform: translateX(4px); }

/* DATE BADGE — CIRCULAR */

  .date-badge {
    width: 280px; height: 280px; border-radius: 50%;
    background: #0A2240;
    border: 3px solid var(--gold); display: flex; flex-direction: column;
    align-items: center; justify-content: center; text-align: center;
    margin-left: auto; box-shadow: 0 12px 40px rgba(0,0,0,.3);
    position: relative;
  }
  .date-badge::before { content: ''; position: absolute; inset: 8px; border-radius: 50%; border: 1px solid rgba(200,150,12,.3); }
  .date-badge .month { color: var(--gold); font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 26px; letter-spacing: 1px; }
  .date-badge .day { color: var(--white); font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 38px; line-height: 1; margin: 4px 0; }
  .date-badge .year { color: rgba(255,255,255,.85); font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 18px; }
  .date-badge .loc { color: rgba(255,255,255,.7); font-size: 13px; margin-top: 10px; padding: 0 24px; }

/*** PRESENTER GRID ***/

.presenter-photo {
    width: 170px; height: 170px; border-radius: 50%; margin: 0 auto 18px;
    background: linear-gradient(145deg, var(--gold) 0%, #e0aa1a 100%);
    padding: 4px; box-shadow: 0 8px 22px rgba(10,34,64,.15);
  }

.presenter-photo .inner {
    width: 100%; height: 100%; border-radius: 50%; background: linear-gradient(135deg, #d4dde9 0%, #b8c5d6 100%);
    display: flex; align-items: center; justify-content: center;
    color: var(--navy); font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 13px;
    text-align: center; padding: 14px; letter-spacing: .3px;
  }

.presenter-card h4 { font-size: 18px; font-weight: 700; color: var(--navy); margin-bottom: 6px; }

.presenter-card .p-title { font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 13px; color: var(--gold); margin-bottom: 8px; letter-spacing: .3px; }

.presenter-card .p-topic { font-size: 13px; color: var(--med-grey); line-height: 1.55; padding: 0 8px; }


/* ─── PAST PRESIDENTS ─── */
.presidents-table {
    width: 100%; max-width: 700px; margin: 0 auto; border-collapse: collapse;
  }

.presidents-table th {
    font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 13px;
    color: var(--white); background: var(--navy); text-transform: uppercase;
    letter-spacing: .5px; padding: 14px 20px; text-align: left;
  }

.presidents-table td {
    padding: 14px 20px; font-size: 15px; border-bottom: 1px solid #e8e8e8;
  }

.presidents-table tr:hover td { background: rgba(200,150,12,.04); }
  .presidents-table td:first-child { font-family: 'Montserrat', sans-serif; font-weight: 700; color: var(--gold); }
  
.presidents-table td:last-child { color: var(--navy); font-weight: 600; }


/**** FOOTER ****/

.footer-col ul {
    list-style: none!important;
    margin: 0!important;
}

.footer-col h4 { font-size: 16px!important; font-family: 'Montserrat', sans-serif; font-weight: 700!important; color: var(--white); margin-bottom: 20px; }

.footer-col p { font-size: 14px!important; color: rgba(255,255,255,.65); margin-bottom: 10px; line-height: 1.7; }

.footer-col a { font-size: 14px!important; color: rgba(255,255,255,.6)!important; display: block; margin-bottom: 10px; transition: color .2s; text-decoration: none!important; }

.footer-col a:hover { color: var(--gold)!important; }

.footer-col ul { list-style: none!important; }

.footer-col .tagline { color: var(--gold); font-style: italic; font-size: 14px; margin-bottom: 14px; }

.footer-bar {
    border-top: 1px solid rgba(255,255,255,.08);
    padding: 20px 0;
    text-align: center!important;
    font-size: 13px!important;
    color: rgba(255,255,255,.4);
}

.footer-bar a { color: rgba(255,255,255,.5)!important; display: inline; }

/**** END AEEOK CUSTOM ****/

/* Removes default inner padding in dark background content gadgets */
.gadgetStyle002 .gadgetStyleBody,
.gadgetStyle002.WaGadgetHeadline .gadgetStyleBody {
    padding: 0;
}


/************************************/
/**** THEME VARIABLES ****/
/************************************/

:root {
    --color-white:#ffffff;
    --color-base: #ffffff;
    --color-grey: #666666;
    --color-grey-light: #f4f4f4;
    --color-base-alt: #F4F4F4;
    --color-primary: #0A2240;
    --color-primary-light: #354964;
    --color-primary-dark: #05162D;
    --color-secondary: #6A9093;
    --navy: #0A2240;
    --gold: #C8960C;
    --dark-gold: #b08200;
    --light-grey: #f4f4f4;
    --med-grey: #666666;
    --white: #ffffff;
    --shadow: 0 5px 20px rgba(0,0,0,0.08);
    --max-width: 1230px;
    --radius:10px;
    --color-accent: #C8960C;
    --color-accent-hover: #b08200;
    --color-accent-light: #D3AB56;
    --color-faint-light: rgba(255,255,255,15%);
    --color-faint-lightest: rgba(255,255,255,8%);
    --color-faint-dark: rgba(0,0,0,10%);
    --color-text-body: #1A1A1A;
    --type-font-heading: 'Montserrat', 'Lato', Arial, sans-serif;
    --type-font-body: 'Lato', Arial, sans-serif;
    --type-size: 16px;
    --type-size-sm: 14px;
    --type-size-xsm: 12px;
    --type-size-lrg: 22px;
    --type-size-xlrg: 26px;
    --type-size-2xlrg: 30px;
    --type-size-3xlrg: 34px;
    --type-size-4xlrg: 38px;
    --type-size-5xlrg: 42px;
    --type-size-6xlrg: 46px;
    --type-size-7xlrg: 50px;
    --type-size-8xlrg: 54px;
    --type-size-9xlrg: 60px;
    --type-size-promo: 56px;
    --type-size-weight: 800;
    --type-size-page-title: 42px;
    --type-size-page-title-weight: 700;
    --type-h2-size: 30px;
    --type-h2-weight: 800;
    --type-h3-size: 20px;
    --type-h3-weight: 700;
    --type-h4-size: 18px;
    --type-h4-weight: 700;
    --type-h5-size: 16px;
    --type-h6-weight: 700;
    --type-size-blog-list-title: 20px;
    --type-size-blog-detail-title: 40px;
    --type-size-event-list-title: 30px;
    --type-size-event-detail-title: 40px;
    --type-size-breadcrumb: 13px;
    --type-color-body: #1A1A1A;
    --type-color-heading: #0A2240;
    --border-radius-lrg: 20px;
    --border-radius-med: 10px;
    --border-radius-sm: 6px;
    --system-buttons-bg: #C8960C;
    --system-buttons-bg-hover: #b08200;
    --system-buttons-text-color: #FFFFFF;
    --system-buttons-text-color-hover: #FFFFFF;
    --login-button-bg: #C8960C;
    --login-button-bg-hover: #b08200;
    --login-button-text-color: #FFFFFF;
    --login-button-text-color-hover: #FFFFFF;
}

/***************************************************/
/**** ACCORDION GADGET ****/
/***************************************************/

/* Only hide the accordion content by default on the front-end (so admins can see it in the admin easily)... */

.publicContentView .WaGadgetContentAccordion .gadgetStyleBody,
.memberContentView .WaGadgetContentAccordion .gadgetStyleBody {
    display:none; /* toggled by jQuery */
}

/* Allow an accordion to be open on page load... Use as gadget's custom css class... 'opened' */

.publicContentView .WaGadgetContentAccordion.opened .gadgetStyleBody,
.memberContentView .WaGadgetContentAccordion.opened .gadgetStyleBody {
    display:block;
}

/* This are the selectors you should use for styling the "open" toggler gadgets, titles, body, etc... replace [selector] with an actual css element to select.
It requires you use two CSS selectors, one for the "opened" and one for the "active" togglers */

.publicContentView .WaGadgetContentAccordion.opened [selector],
.publicContentView .WaGadgetContentAccordion.active [selector] {
/* add css here */
}

.WaGadgetContentAccordion {
    margin-bottom: 10px;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: var(--border-radius-med);
    -moz-border-radius: var(--border-radius-med);
    border-radius: var(--border-radius-med);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 30px;
    background-color: var(--color-white);
    border-left: 5px solid var(--gold);
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

.WaGadgetContentAccordion:hover {

}

.WaGadgetContentAccordion.opened,
.WaGadgetContentAccordion.active {

}

.WaGadgetContentAccordion .gadgetStyleTitle {
    margin: 0;
    background-image: url(/resources/Pictures/Icons/accordion-icon-open.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: right 20px center;
    transition: all 0.2s ease-in-out;
    padding-top: 10px;
    padding-bottom: 10px;
}

.WaGadgetContentAccordion.opened .gadgetStyleTitle, .WaGadgetContentAccordion.active .gadgetStyleTitle {
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: right 20px center;
    cursor: pointer;
    background-image: url(/resources/Pictures/Icons/accordion-icon-close.svg);
}

.WaGadgetContentAccordion .gadgetStyleTitle:hover {
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: right 20px center;
    cursor: pointer;
}

.publicContentView .WaGadgetContentAccordion .gadgetStyleBody, .memberContentView .WaGadgetContentAccordion .gadgetStyleBody {
    display: none;
}

.WaGadgetContentAccordion .gadgetStyleBody, 
.WaGadgetContentAccordion .gadgetStyleBody {
    padding: 15px 0 30px 0;
}

.WaGadgetContentAccordion .gadgetStyleTitle h4 {
    font-size: var(--type-size)!important;
    font-weight: 700;
    text-transform: none;
    font-family: var(--type-font-heading);
    color: var(--color-navy);
}

/*** END ACCORDION ***/


/***************************************************/
/*** BACK TO TOP ***/
/***************************************************/

#backToTop{
    position: fixed;
    right: 25px;
    bottom: 80px;
    width: 45px;
    height: 45px;
    border: none;
    border-radius: 50%;
    background: var(--color-primary-light);
    color: #ffffff;
    font-size: 22px;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 5px 18px rgba(0,0,0,0.2);
    transition:
        opacity 0.3s ease,
        transform 0.3s ease,
        background 0.3s ease;
    
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    z-index: 9999;
}

#backToTop.show{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

#backToTop:hover{
    background: var(--color-accent);
    transform: translateY(-3px);
}

/***************************************************/
/**** BLOG ****/
/***************************************************/

/*** HIDE AUTHOR ***/

.WaGadgetBlog.Hide-Author .boxBodyInfoOuterContainer .postedByLabel, 
.WaGadgetBlog.Hide-Author .boxBodyInfoOuterContainer .postedByLink,
.WaGadgetBlog.Hide-Author .boxBodyInfoOuterContainer .postedOn:before {
    display: none;
}

.WaGadgetBlog.Hide-Author .boxBodyInfoOuterContainer .postedOn {
    margin-left: 0;
}

/*** HIDE BLOG META DETAILS ***/

.Hide-Blog-Meta .boxBodyInfoContainer {
    display: none;
}

/**** BLOG LIST ****/

.WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxBodyOuterContainer .boxBodyContentOuterContainer .boxBodyContentContainer.fixedHeight {
    max-height: 90px!important;
}

.WaGadgetBlogStateList ul.boxesList li.boxesListItem+li.boxesListItem {
    margin-top: 30px;
}

.WaGadgetBlogStateList ul.boxesList li.boxesListItem {
    -webkit-border-radius: var(--border-radius-med);
    -moz-border-radius: var(--border-radius-med);
    border-radius: var(--border-radius-med);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 32px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    background-color: var(--color-white);
    border-left: 5px solid var(--gold);
}

.WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle {
    white-space: normal;
}

.WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a {
    font-size: var(--type-size-blog-list-title);
}

/**** BLOG DETAIL ****/

.WaGadgetBlog .blogEntryOuterContainer .boxHeaderOuterContainer h4 {
  font-size: 40px!important;
}

/**** BLOG WITH SHADOW BOXES ****/

.Shadow-Blog.WaGadgetBlogStateList ul.boxesList li.boxesListItem {
    -webkit-box-sizing: border-box;
    -mod-box-sizing: border-box;
    box-sizing: border-box;
    background-color: var(--color-white);
    padding: 30px;
    border: none;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
    -webkit-border-radius: var(--border-radius-med);
    -moz-border-radius: var(--border-radius-med);
    border-radius: var(--border-radius-med);
}

/*** END BLOG ***/


/***************************************************/
/**** BORDER BOXES ****/
/***************************************************/

.Border-Box,
.Border-Box-White,
.Border-Box-Accent,
.Border-Box-Faint {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px;
}

.Border-Box {
    border: 2px solid var(--color-base-alt);
}

.Border-Box-White {
    border: 2px solid var(--color-white);
}

.Border-Box-Accent {
    border: 2px solid var(--color-accent);
}

.Border-Box-Faint {
    border: 2px solid var(--color-faint-light);
}


/***************************************************/
/**** BREADCRUMBS ****/
/***************************************************/

.WaGadgetBreadcrumbs ul {
    font-size: var(--type-size-breadcrumb);
}

/*** Center Breadcrumb ***/
.WaGadgetBreadcrumbs.Center-Breadcrumb ul {
    text-align: center;
}


/***************************************************/
/**** BULLETS ****/
/***************************************************/

[class*='EditableArea'] ul {
    margin: 1em 0 1em 19px;
    padding: 0 0 0 8px;
    list-style: disc;
}


/***************************************************/
/**** BUTTONS ****/
/***************************************************/

/* Main Buttons */
a.buttonStyle001, a:link.buttonStyle001,
a.buttonStyle002, a:link.buttonStyle002,
a.buttonStyle003, a:link.buttonStyle003 {
    padding: 15px 32px 15px 32px;
    margin-top: 10px;
    -webkit-border-radius: var(--border-radius-sm);
    -moz-border-radius: var(--border-radius-sm);
    border-radius: var(--border-radius-sm);
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size: var(--type-size-sm);
    text-transform: uppercase;
    font-weight: 700;
    font-family: var(--type-font-heading);
    letter-spacing: .5px;
    white-space: normal;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

a.buttonStyle004, a:link.buttonStyle004,
a.buttonStyle005, a:link.buttonStyle005 {
    padding: 13px 30px 13px 30px;
    -webkit-border-radius: var(--border-radius-sm);
    -moz-border-radius: var(--border-radius-sm);
    border-radius: var(--border-radius-sm);
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size: var(--type-size-sm);
    text-transform: uppercase;
    font-weight: 700;
    font-family: var(--type-font-heading);
    letter-spacing: .5px;
    white-space: normal;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

/* Main Buttons Hover */

a.buttonStyle001:hover, a:link.buttonStyle001:hover,
a.buttonStyle002:hover, a:link.buttonStyle002:hover,
a.buttonStyle003:hover, a:link.buttonStyle003:hover {
    padding: 15px 32px 15px 32px;
    transform: translateY(-2px);
    box-shadow: 0 4px 14px rgba(10,34,64,.3);
}

a.buttonStyle004:hover, a:link.buttonStyle004:hover,
a.buttonStyle005:hover, a:link.buttonStyle005:hover {
    padding: 15px 32px 15px 32px;
    transform: translateY(-2px);
    box-shadow: 0 4px 14px rgba(10,34,64,.3);
}

/*** BUTTON 4 ***/

a.buttonStyle004, a:link.buttonStyle004 {
    border: 2px solid var(--white);
    color: var(--white);
    padding: 13px 30px!important;
}

a.buttonStyle004:hover, a:link.buttonStyle004:hover {
    background: var(--white);
    color: var(--navy);
    padding: 13px 30px!important;
}

/**** HEADER BUTTON ****/

a.stylizedButton.Header-Button {
    padding: 11px 24px!important;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    transition: all .25s;
    letter-spacing: .5px;
}

a.stylizedButton.Header-Button:hover {
    box-shadow: 0 4px 12px rgba(200,150,12,.35);
}


/*** SMALL BUTTONS ***/

.Small-Button a.stylizedButton {
    padding: 5px 15px 5px 15px;
    font-size: var(--type-size-xsm);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: right 8px center;
}

.Small-Button a.stylizedButton:hover {
    padding: 5px 15px 5px 15px;
}


/**** SYSTEM BUTTONS ****/

input.nextButton, 
input.typeButton,
input[type=submit],
.navigationOuterContainer .navigationContainer input.nextButton, 
.navigationOuterContainer .navigationContainer input.typeButton, 
.navigationOuterContainer .navigationContainer input[type=submit],
.WaGadgetContactProfile .topButtonsOuterContainer input.typeButton {
    background-color: var(--system-buttons-bg)!important;
    color: var(--system-buttons-text-color);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-transform: none;
    -webkit-border-radius: var(--border-radius-sm);
    -moz-border-radius: var(--border-radius-sm);
    border-radius: var(--border-radius-sm);
}

input.nextButton:hover,
input.typeButton:hover,
input[type=submit]:hover,
.navigationOuterContainer .navigationContainer input.nextButton:hover, 
.navigationOuterContainer .navigationContainer input.typeButton:hover, 
.navigationOuterContainer .navigationContainer input[type=submit]:hover,
.WaGadgetContactProfile .topButtonsOuterContainer input.typeButton:hover {
    background-color: var(--system-buttons-bg-hover)!important;
    color: var(--system-buttons-text-color-hover);
}

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: var(--system-buttons-bg)!important;
    color: var(--system-buttons-text-color);
    border-radius: var(--border-radius-sm);
}

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton:hover {
    background: var(--system-buttons-bg-hover)!important;
    color: var(--system-buttons-text-color-hover);
    border-radius: var(--border-radius-sm);
} 

#ctl00_LeftMenuArea_Authentication1_loginViewControl_LogoutButton {
    font-size: var(--type-size-sm);
}

/*** END BUTTONS ***/

/***************************************************/
/**** DIVIDERS - HORIZONTAL ****/
/***************************************************/

.WaContentDivider.dividerStyle001,
.WaContentDivider.dividerStyle002,
.WaContentDivider.dividerStyle003,
.WaContentDivider.dividerStyle004,
.WaContentDivider.dividerStyle005 {
    height: 2px;
    margin: 3rem 0;
}

.WaContentDivider.dividerStyle006,
.WaContentDivider.dividerStyle007,
.WaContentDivider.dividerStyle008,
.WaContentDivider.dividerStyle009,
.WaContentDivider.dividerStyle010 {
    height: 1px;
    margin: 1.5rem 0;
}

.WaContentDivider.dividerStyle001,
.WaContentDivider.dividerStyle006 {
    background: var(--color-base-alt);
}

.WaContentDivider.dividerStyle002,
.WaContentDivider.dividerStyle007 {
    background: var(--color-secondary);
}

.WaContentDivider.dividerStyle003,
.WaContentDivider.dividerStyle008 {
    background: var(--color-primary-light);
}

.WaContentDivider.dividerStyle004,
.WaContentDivider.dividerStyle009 {
    background: var(--color-accent);
}

.WaContentDivider.dividerStyle005,
.WaContentDivider.dividerStyle010 {
    background: var(--color-white);
}

/*** END DIVIDERS ***/

/***************************************************/
/**** EVENTS ****/
/***************************************************/

.WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer {
    margin: 0 0 30px 0;
}

.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer,
.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer {
    padding: 25px;
    background: var(--color-base-alt);
}

.WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle a {
    font-size: var(--type-size-event-list-title);
}

.WaGadgetEventsStateList .boxesList .boxesListItem {
    background-color: var(--color-white);
    padding: 32px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    -webkit-border-radius: var(--border-radius-med);
    -moz-border-radius: var(--border-radius-med);
    border-radius: var(--border-radius-med);
    border-left: 5px solid var(--gold);
}

.WaGadgetEvents .boxInfoContainer ul.boxInfo .eventInfoEndDate, .WaGadgetEvents .boxInfoContainer ul.boxInfo .eventInfoStartDate,
.WaGadgetEvents .boxInfoContainer ul.boxInfo {
    font-size: 14px;
}


.WaGadgetEvents.Education-Events-Calendar.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContentOuterContainer .boxBodyContentContainer.fixedHeight {
    max-height: 100px;
}

.WaGadgetEvents .pageTitleContainer h1, .WaGadgetEvents .titleContainer h1 {
    font-family: var(--type-font-heading);
    font-size: 24px;
    font-weight: 400;
}

/*** Event Title ***/

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .registrationInfoContainer h4.infoTitle {
    color: var(--color-primary);
    font-family: var(--type-font-heading);
    font-size: 24px;
    font-weight: 600;
}

.WaGadgetEventsStateDetails .pageTitleOuterContainer .eventsTitleContainer h1,
.WaGadgetEvents .pageTitleContainer h1, 
.WaGadgetEvents .titleContainer h1 {
    font-family: var(--type-font-heading);
    margin: 1.66em 0;
    color: var(--color-primary)!important;
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

/**** EVENT DETAIL ****/

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer {
    float: left;
    width: 350px;
}

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyContentOuterContainer {
    float: right;
    width: calc(98% - 370px);
}

/*** END EVENTS ***/


/***************************************************/
/**** FEEDS EVENTS, BLOG, FORUMS ****/
/***************************************************/

.WaGadgetUpcomingEvents.upcomingEventsStyle001 ul li,
.WaGadgetUpcomingEvents.upcomingEventsStyle002 ul li,
.WaGadgetUpcomingEvents.upcomingEventsStyle003 ul li,
.WaGadgetUpcomingEvents.upcomingEventsStyle004 ul li,
.WaGadgetUpcomingEvents.upcomingEventsStyle005 ul li,
.WaGadgetUpcomingEvents.upcomingEventsStyle006 ul li,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle001 ul li,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle002 ul li,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle003 ul li,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle004 ul li,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle005 ul li,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle006 ul li,
.WaGadgetForumUpdates.forumUpdatesStyle001 ul li,
.WaGadgetForumUpdates.forumUpdatesStyle002 ul li,
.WaGadgetForumUpdates.forumUpdatesStyle003 ul li,
.WaGadgetForumUpdates.forumUpdatesStyle004 ul li,
.WaGadgetForumUpdates.forumUpdatesStyle005 ul li,
.WaGadgetForumUpdates.forumUpdatesStyle005 ul li {
    padding: 8px 3px 8px 25px;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.WaGadgetUpcomingEvents.upcomingEventsStyle001 ul li:hover,
.WaGadgetUpcomingEvents.upcomingEventsStyle002 ul li:hover,
.WaGadgetUpcomingEvents.upcomingEventsStyle003 ul li:hover,
.WaGadgetUpcomingEvents.upcomingEventsStyle004 ul li:hover,
.WaGadgetUpcomingEvents.upcomingEventsStyle005 ul li:hover,
.WaGadgetUpcomingEvents.upcomingEventsStyle006 ul li:hover,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle001 ul li:hover,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle002 ul li:hover,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle003 ul li:hover,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle004 ul li:hover,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle005 ul li:hover,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle006 ul li:hover,
.WaGadgetForumUpdates.forumUpdatesStyle001 ul li:hover,
.WaGadgetForumUpdates.forumUpdatesStyle002 ul li:hover,
.WaGadgetForumUpdates.forumUpdatesStyle003 ul li:hover,
.WaGadgetForumUpdates.forumUpdatesStyle004 ul li:hover,
.WaGadgetForumUpdates.forumUpdatesStyle005 ul li:hover,
.WaGadgetForumUpdates.forumUpdatesStyle005 ul li:hover {
    padding: 8px 0 8px 28px;
}

.WaGadgetUpcomingEvents.upcomingEventsStyle002 ul li,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle002 ul li,
.WaGadgetForumUpdates.forumUpdatesStyle002 ul li {
    border-left: 3px solid var(--gold);
}

.WaGadgetUpcomingEvents.upcomingEventsStyle002 ul li:hover,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle002 ul li:hover,
.WaGadgetForumUpdates.forumUpdatesStyle002 ul li:hover {
    border-left: 5px solid var(--dark-gold);
}

.WaGadgetUpcomingEvents.upcomingEventsStyle001 ul li .title a,
.WaGadgetUpcomingEvents.upcomingEventsStyle002 ul li .title a,
.WaGadgetUpcomingEvents.upcomingEventsStyle003 ul li .title a,
.WaGadgetUpcomingEvents.upcomingEventsStyle004 ul li .title a,
.WaGadgetUpcomingEvents.upcomingEventsStyle005 ul li .title a,
.WaGadgetUpcomingEvents.upcomingEventsStyle006 ul li .title a,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle001 ul li .title a,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle002 ul li .title a,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle003 ul li .title a,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle004 ul li .title a,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle005 ul li .title a,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle006 ul li .title a,
.WaGadgetForumUpdates.forumUpdatesStyle001 ul li .title a,
.WaGadgetForumUpdates.forumUpdatesStyle002 ul li .title a,
.WaGadgetForumUpdates.forumUpdatesStyle003 ul li .title a,
.WaGadgetForumUpdates.forumUpdatesStyle004 ul li .title a,
.WaGadgetForumUpdates.forumUpdatesStyle005 ul li .title a,
.WaGadgetForumUpdates.forumUpdatesStyle006 ul li .title a {
    font-family: var(--type-font-body);
    font-size: var(--type-size);
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
}

.WaGadgetUpcomingEvents.upcomingEventsStyle001 ul li .date,
.WaGadgetUpcomingEvents.upcomingEventsStyle002 ul li .date,
.WaGadgetUpcomingEvents.upcomingEventsStyle003 ul li .date,
.WaGadgetUpcomingEvents.upcomingEventsStyle004 ul li .date,
.WaGadgetUpcomingEvents.upcomingEventsStyle005 ul li .date,
.WaGadgetUpcomingEvents.upcomingEventsStyle006 ul li .date,
.WaGadgetUpcomingEvents.upcomingEventsStyle001 ul li .location,
.WaGadgetUpcomingEvents.upcomingEventsStyle002 ul li .location,
.WaGadgetUpcomingEvents.upcomingEventsStyle003 ul li .location,
.WaGadgetUpcomingEvents.upcomingEventsStyle004 ul li .location,
.WaGadgetUpcomingEvents.upcomingEventsStyle005 ul li .location,
.WaGadgetUpcomingEvents.upcomingEventsStyle006 ul li .location {
    font-size: var(--type-size-xsm);
    font-style: normal;
}


.WaGadgetUpcomingEvents ul li .title a {
    font-family: var(--type-font-body);
    font-size: var(--type-size);
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
}


/***************************************************/
/**** FOOTER ****/
/***************************************************/

.zonePlace.zoneWAbranding {
    display: none;
}

/***********************************************************/
/**** FORMS AND APPLICATIONS ****/
/***********************************************************/

.infoOuterContainer {
    background-color: var(--color-base-alt);
}

/***********************************************************/
/**** FORUMS ****/
/***********************************************************/

.WaGadgetForum #idTopicListContainer .boxBodyOuterContainer table tr.topicListRow:last-child {
    border-bottom: 2px solid var(--color-base-alt);
}
.WaGadgetForum #idTopicListContainer .boxBodyOuterContainer table tr.topicListRow {
    border-top: 2px solid var(--color-base-alt);
}

.WaGadgetForum #idTopicListContainer .boxHeaderOuterContainer table td h4.boxHeaderTitle {
    color: var(--color-primary-light)!important;
    font-family: var(--type-font-heading);
    font-size: 24px;
    font-weight: 400!important;
}

.topicTitleOuterContainer h4#forumTitle {
    color: var(--color-primary-light)!important;
    font-family: var(--type-font-heading)!important;
    text-transform: none;
}

/***********************************************************/
/**** HEADERS ****/
/***********************************************************/

.Header-Logo {

}

.Header-Join {
    float: right;
}

.Header-Login {
    float: right;
}

.Join-Button a.buttonStyle001  {
    background: var(--gold)!important;
    padding: 11px 20px!important;
    border-radius: 5px;
    font-size: 12px!important;
    color: #ffffff;
    text-transform: uppercase;
    font-family: var(--type-font-heading);
    font-weight: 700;
    margin-top: 7px!important;
    transition: all .25s;
    letter-spacing: .5px;
    cursor: pointer;
}

.WaGadgetSocialProfile.socialProfileStyle001 li a {
    width: 40px;
    height: 40px;
    color: var(--color-white);
    font-size: 12px!important;
    line-height: 40px;
    -webkit-border-radius: var(--border-radius-lrg);
    -moz-border-radius: var(--border-radius-lrg);
    border-radius: var(--border-radius-lrg);
}

/*** END ***/


/************************************************/
/**** HOME ****/
/************************************************/

.Home-Featured-Event #idEventViewSwitcher {
    display: none;
}

.Home-Featured-Event .WaGadgetEventsStateList .boxesList {
    padding: 0;
}

.Home-Featured-Event .WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle a {
    font-size: 21px!important;
}

/************************************************/
/**** ICONS ****/
/************************************************/

.icon-circle {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: rgba(200, 150, 12, 0.1);
    margin: 0px auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
}

/************************************************/
/**** IMAGE FRAMES ****/
/************************************************/

.Image-Frame,
.Text-Frame {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.Image-Frame {
    background-size: cover;
    min-height: 200px!important;
    padding:0;
    -webkit-border-radius: var(--radius);
    -moz-border-radius: var(--radius);
    border-radius: var(--radius);
}

.Text-Frame {
    background-size: cover;
    min-height: 200px!important;
    padding:40px 40px;
    -webkit-border-radius: var(--radius);
    -moz-border-radius: var(--radius);
    border-radius: var(--radius);
}

.Image-Frame img {
    display: block;
    -webkit-border-radius: var(--radius);
    -moz-border-radius: var(--radius);
    border-radius: var(--radius);
}

/************************************************/
/**** LAYOUTS ****/
/************************************************/

/*** LAYOUTS WITH ROUNDED CORNERS ***/

.Round-Columns table tr td.WaLayoutItem {
    -webkit-border-radius: var(--border-radius-med);
    -moz-border-radius: var(--border-radius-med);
    border-radius: var(--border-radius-med);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 32px;
}

/**** LAYOUT COLUMNS WITH VERTICAL DIVIDERS ****/

.Dividers .WaLayoutItem,
.Dividers-White .WaLayoutItem,
.Dividers-Faint .WaLayoutItem,
.Dividers-Gold .WaLayoutItem {
    padding: 20px 50px;
}

.Dividers .WaLayoutSeparator {
    width: 3px;
    background-color: var(--color-base-alt);
}

.Dividers-White .WaLayoutSeparator {
    width: 3px;
    background-color: var(--color-white);
}

.Dividers-Gold .WaLayoutSeparator {
    width: 3px;
    background-color: var(--color-gold);
}

.Dividers-Faint .WaLayoutSeparator {
    width: 3px;
    background-color: var(--color-faint-light);
}


.Dividers .WaLayoutItem:first-child,
.Dividers-White .WaLayoutItem:first-child,
.Dividers-Faint .WaLayoutItem:first-child,
.Dividers-Gold .WaLayoutItem:first-child {
    padding-left: 0;
}

.Dividers .WaLayoutItem:last-child,
.Dividers-White .WaLayoutItem:last-child,
.Dividers-Faint .WaLayoutItem:last-child,
.Dividers-Gold .WaLayoutItem:last-child {
    padding-right: 0;
}

/**** CARD LAYOUTS ****/

.Card-Layout table,
.Event-Card table,
.Card-1 table,
.Card-2 table,
.Card-3 table,
.Card-4 table {
    margin-bottom: 30px;
}

.Card-Layout table tr td.WaLayoutItem,
.Event-Card table tr td.WaLayoutItem,
.Card-1 table tr td.WaLayoutItem,
.Card-2 table tr td.WaLayoutItem,
.Card-3 table tr td.WaLayoutItem,
.Card-4 table tr td.WaLayoutItem {
    -webkit-border-radius: var(--border-radius-med);
    -moz-border-radius: var(--border-radius-med);
    border-radius: var(--border-radius-med);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.Hover-Lift table tr td.WaLayoutItem {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.Hover-Lift table tr td.WaLayoutItem:hover {
    transform: translateY(-10px);
}

.Card-Layout table tr td.WaLayoutSeparator,
.Event-Card table tr td.WaLayoutSeparator,
.Card-1 table tr td.WaLayoutSeparator,
.Card-2 table tr td.WaLayoutSeparator, 
.Card-3 table tr td.WaLayoutSeparator,
.Card-4 table tr td.WaLayoutSeparator {
    width: 30px;
}

.Card-Layout table tr td.WaLayoutItem:last-child,
.Event-Card table tr td.WaLayoutItem:last-child,
.Card-1 table tr td.WaLayoutItem:last-child,
.Card-2 table tr td.WaLayoutItem:last-child,
.Card-3 table tr td.WaLayoutItem:last-child,
.Card-4 table tr td.WaLayoutItem:last-child {
    margin-bottom: 0;
}

.Card-Layout table tr td.WaLayoutItem {
    padding: 32px;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.Card-1 table tr td.WaLayoutItem {
    padding: 32px;
    background-color: var(--color-white);
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-top: 4px solid var(--gold);
}

.Card-2 table tr td.WaLayoutItem {
    padding: 18px 20px;
    background: rgba(200,150,12,.08);
    border-left: 4px solid var(--gold);
}

.Card-3 table tr td.WaLayoutItem {
    padding: 32px;
    background-color: var(--color-white);
    border: 2px solid white;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.Card-3 table tr td.WaLayoutItem:hover {
    border: 2px solid #0A2240;
}

.Card-4 table tr td.WaLayoutItem {
    padding: 32px;
    background-color: var(--color-white);
    border-left: 5px solid var(--gold);
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

/*** END LAYOUTS ***/


/********************************************************/
/**** LOGIN FORM GADGET ****/
/********************************************************/

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer .loginLink,
.WaGadgetLoginForm.LoginFormStyle002 .loginContainer .loginLink,
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink, 
.WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink {
    width: auto !important;
    line-height: 40px !important;
    text-transform: none;
    height: 40px!important;
    font-size: inherit;
    -webkit-border-radius: var(--border-radius-sm);
    -moz-border-radius: var(--border-radius-sm);
    border-radius: var(--border-radius-sm);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.WaGadgetLoginForm .loginContainer.loginContainer .loginLink {
    padding-left: 15px;
}

.WaGadgetLoginForm .loginContainer .loginLink:before {
    position:static !important;
    float: right !important;
    width: auto !important;
    height: auto !important;
    padding-right: 15px !important;
    padding-left: 10px !important;
}

.WaGadgetLoginForm .loginContainer.loginContainer .loginLink:before,
.WaGadgetLoginForm .loginContainer.authenticated.loginContainer.authenticated .loginLink:before,
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink:before,
.WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink:before,
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink:before,
.WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink:before {
    font: normal 17px/40px 'WA-theme-icons';
}

.WaGadgetLoginForm .loginButton {
    font-size: initial;
    font-family: inherit;
}

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink, 
.WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink,
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink, 
.WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink {
    color: var(--login-button-text-color);
    background: var(--login-button-bg);
}

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink:hover, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink:hover, .WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink.hover, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink.hover,
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink:hover, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink:hover, .WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink.hover, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink.hover {
    color: var(--login-button-text-color-hover);
    background: var(--login-button-bg-hover);
}

.WaGadgetLoginForm.LoginFormStyle001 .authenticated .loginPanel, 
.WaGadgetLoginForm.LoginFormStyle002 .authenticated .loginPanel {
    width: 350px;
}

.WaGadgetLoginForm.LoginFormStyle001 .authenticated .loginPanel .loginBoxLogout, 
.WaGadgetLoginForm.LoginFormStyle002 .authenticated .loginPanel .loginBoxLogout,
.WaGadgetLoginForm.LoginFormStyle001 .authenticated .loginPanel .loginBoxLogout:hover, 
.WaGadgetLoginForm.LoginFormStyle002 .authenticated .loginPanel .loginBoxLogout:hover {
    padding: 4px 10px 5px 10px;
    color: #fff!important;
}

/********************************************************/
/**** MENU - MAIN MENU - HORIZONTAL ****/
/********************************************************/

/*** FIRST LEVEL ***/

/* MENU ALIGN RIGHT */
.WaGadgetMenuHorizontal.Menu-Right .menuInner ul.firstLevel {
    float: right;
}

/* MENU ALIGN CENTER */
.WaGadgetMenuHorizontal.Menu-Center .menuInner ul.firstLevel {
    margin-right: auto;
	margin-left: auto;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 {
    overflow: visible;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li>.item:first-child>a,
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel>li>.item:first-child>a {
    padding-left: 13px;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li>.item>a,
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel>li>.item>a {
    padding: 0 13px;
    height: 30px;
    font: 600 14px/30px var(--type-font-heading);
    letter-spacing: .3px;
    text-transform: none;
    transition: color .25s;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li.dir>.item>a span:after,
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel>li.dir>.item>a span:after {
    height: 30px;
    font: 23px/30px 'FontAwesome';
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li.phantom>.item>a span:before,
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel>li.phantom>.item>a span:before {
    height: 30px;
    font: 23px/30px 'FontAwesome';
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li>.item>a>span,
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel>li>.item>a>span {
    height: 30px;
}

/* HIGHLIGHT CURRENT MENU ITEM ANCESTORS */
/* works automatically for Horizontal and Vertical Menu gadgets (no extra class needed) */
/* currently allows initial hover styling on the ancestor */

.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li:has(.sel)>.item>a:not(:hover),
.WaGadgetMenuVertical .menuInner ul.firstLevel>li:has(.sel)>.item>a:not(:hover) {
	color: var(--color-accent);
}

/*** DROPDOWN MENUS ****/

/* Reduce the width of dropdown menus */
.WaGadgetMenuHorizontal .menuInner ul ul {
    width: 240px !important;
    min-width: 240px !important;
}

/* Wrap long menu items instead of making the menu wider */
.WaGadgetMenuHorizontal .menuInner ul ul li > .item > a {
    white-space: normal;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul ul li>.item>a>span {
    display: inline-block;
    width: 200px;

}

/*** DROPDOWN - LEVEL 2 ***/

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul ul,
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul ul {
    border: none;
    border-top: 3px solid var(--gold);
    box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.1);
    border-radius: 0 0 8px 8px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul ul li .item a, 
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul ul li .item a {
    padding: 7px 20px;
    font-size: 13px;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul ul li:last-child .item a, 
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul ul li:last-child .item a {
    padding: 7px 20px;
    font-size: 13px;
    border-radius: 0 0 8px 8px;
}

/*** DROPDOWN - LEVEL 3 ***/

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul ul ul {
    top: 0;
    border-left: 2px solid var(--color-secondary);
}

/************************************/
/*** MENU - STICKY MENU ***/
/************************************/

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .stickyMenu.active ul.firstLevel>li>.item>a {
    padding: 0 16px;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .stickyMenu.active ul.firstLevel {
    margin-left: auto;
    margin-right: auto;

}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .stickyMenu.active ul.firstLevel>li>.item>a {
    padding: 15px 16px;
}

/************************************/
/**** MENU - MOBILE MENU ****/
/************************************/

/*** TOP BAR ***/

.WaGadgetMobilePanel .mobilePanel {
    position: relative;
    height: 50px;
    background: var(--color-primary-light);
    color: var(--color-white);
}

.WaGadgetMobilePanel .mobilePanel .buttonMenu,
.WaGadgetMobilePanel .mobilePanel .buttonLogin {
text-indent: 0; /* resets WA styling that hides the existing text */
line-height: 50px; /* vertically center text to height of bar */
}

.WaGadgetMobilePanel .mobilePanel .buttonMenu {
padding-left: 50px; /* pushes menu text to right of menu button */
padding-right: 10px; /* adds extra padding to right of menu text for useability */
}

.WaGadgetMobilePanel .mobilePanel .buttonLogin {
padding-right: 45px; /* pushes login text to left of login button */
padding-left: 10px; /* adds extra padding to left of login text for useability */
}

.WaGadgetMobilePanel .mobilePanel .buttonLogin:before {
left: auto; /* resets WA styling that puts login button on left of existing text */
right: 0px; /* puts login button on right of existing text */
}

.WaGadgetMobilePanel .mobilePanel .buttonAdmin {
right: 0px; /* moves admin button to right so user info can expand to left */
}

.WaGadgetMobilePanel .mobilePanel .buttonLogin.logged {
right: 50px; /* moves user info button to left of admin button when logged in */
width: auto; /* allows user info button to grow to fit user name when logged in */
}

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:hover {
  background: var(--color-primary);
  color: var(--color-base-alt);
}

/*** MOBILE MENU OPEN ***/

.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel {
  background: var(--color-primary);
  border-top: none;
}

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:active, .WaGadgetMobilePanel .mobilePanel .mobilePanelButton.active {
  background: var(--color-primary);
  color: var(--color-white);
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul,
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul ul {
  background: transparent;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li>.item>a {
    font-size: 16px;
    padding-left: 35px;
    font-weight: bold;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul ul li>.item>a {
    padding-left: 55px;
    font-weight: normal;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel > li.sel > .item > a {
  color: var(--color-accent-light);
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li.sel>.item>a,
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul ul li.sel>.item>a{
    color: var(--color-accent-light);
}

/*** LOGIN BUTTON ***/

.WaGadgetMobilePanel .mobilePanel .loginInner {
    padding: 20px;
    background: var(--color-primary);
    border-top: none;
}

.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm [class$='TextBox'] input[class$='TextBoxControl'] {
    background: var(--color-primary-light);
    border: 1px solid #f9f5f5;
    color: #f9f5f5;
}

.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginActionRememberMe label:before {
    background: var(--color-primary-light);
    border: 1px solid #f9f5f5;
}

/**** END ****/


/***************************************************/
/**** PAGE TITLE ****/
/***************************************************/

.Page-Title {
    background: linear-gradient(135deg, #0A2240 0%, #0f3060 100%);
}

.Page-Title h1 {
    margin: 0!important;
    text-transform: none;
    font-family: var(--type-font-heading);
    text-align: center!important;
}

.Page-Title .gadgetStyleBody.gadgetContentEditableArea {
    padding: 0;
}

/***************************************************/
/**** ROUND CORNERS ****/
/***************************************************/

.Round-Corners {
    -webkit-border-radius: var(--border-radius-med);
    -moz-border-radius: var(--border-radius-med);
    border-radius: var(--border-radius-med);
}


/***************************************************/
/**** SEARCH ****/
/***************************************************/

input.searchBoxField {
    display: inline-block;
    margin: 0;
    padding: 5px 20px 6px 25px;
    background: var(--color-white);
    border: 2px solid var(--color-base-alt);
    color: var(--color-text-body);
    font: normal 16px/1.3 var(--type-font-body);
    border-radius: var(--border-radius-lrg);
}

input.searchBoxField:focus,
input.searchBoxField:hover {
    border: 2px solid var(--color-secondary);
    padding: 5px 20px 6px 25px;
}


/***************************************************/
/**** SHADOWS ****/
/***************************************************/

.Shadow {
    -webkit-box-shadow: 0px 0px 20px 0px var(--color-base-alt);
    -moz-box-shadow: 0px 0px 20px 0px var(--color-base-alt); 
    box-shadow: 0px 0px 20px 0px var(--color-base-alt);
}

.Shadow-Box {
    -webkit-box-shadow: 0px 0px 20px 0px var(--color-base-alt);
    -moz-box-shadow: 0px 0px 20px 0px var(--color-base-alt); 
    box-shadow: 0px 0px 20px 0px var(--color-base-alt);
    padding: 30px;
}

.Shadow-Box-Round {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    padding: 30px;
    -webkit-border-radius: var(--border-radius-med);
    -moz-border-radius: var(--border-radius-med);
    border-radius: var(--border-radius-med);
}

/*** END ***/


/***********************************************************/
/**** SLIDER ****/
/***********************************************************/

.camera_wrap {
    background: var(--color-white);
}

.camera_thumbs_cont {
    background: transparent;
}

.camera_thumbs_cont ul {
    width: 100%!important;
    min-width: 300px;
}

.camera_thumbs_cont ul li {
    width: 40px;
    height: 40px;
    margin: 10px 2px;
    border: 1px solid var(--color-grey);
}

/* Round slideshow images */
.camera_wrap,
.camera_wrap .cameraSlide,
.camera_wrap .cameraContent {
    border-radius: 8px!important;
    overflow: hidden;
}

.camera_wrap img {
    border-radius: 8px!important;
    overflow: hidden;
}

/* --- ROUND CORNERS SLIDESHOW --- */

/*
.Round-Corners-Slideshow .camera_wrap,
.Round-Corners-Slideshow .camera_wrap .cameraContent,
.Round-Corners-Slideshow .camera_wrap img {
    border-radius: 8px;
    overflow: hidden;
} */

/**** HIDE THUMBNAILS ****/

.Hide-Thumbnails .camera_thumbs_cont {
    display: none;
}

.Hide-Thumbnails .camera_wrap {
    background: transparent;
    margin-bottom: 0!important;
}


/*** END ***/


/***************************************************/
/**** SOCIAL LINKS ****/
/***************************************************/

.WaGadgetSocialProfile.socialProfileStyle001 a.LinkedIn,
.WaGadgetSocialProfile.socialProfileStyle001 a.Twitter,
.WaGadgetSocialProfile.socialProfileStyle001 a.X,
.WaGadgetSocialProfile.socialProfileStyle001 a.Facebook,
.WaGadgetSocialProfile.socialProfileStyle001 a.Instagram,
.WaGadgetSocialProfile.socialProfileStyle001 a.YouTube,
.WaGadgetSocialProfile.socialProfileStyle001 a.Youtube {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: var(--navy);
}

.WaGadgetSocialProfile.socialProfileStyle001 a:hover {
    opacity: 1;
    color: var(--color-white);
    background-color: var(--gold);
}

.WaGadgetSocialProfile.Footer-Social.socialProfileStyle001 a.LinkedIn,
.WaGadgetSocialProfile.Footer-Social.socialProfileStyle001 a.Twitter,
.WaGadgetSocialProfile.Footer-Social.socialProfileStyle001 a.X,
.WaGadgetSocialProfile.Footer-Social.socialProfileStyle001 a.Facebook,
.WaGadgetSocialProfile.Footer-Social.socialProfileStyle001 a.Instagram,
.WaGadgetSocialProfile.Footer-Social.socialProfileStyle001 a.YouTube,
.WaGadgetSocialProfile.Footer-Social.socialProfileStyle001 a.Youtube {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: rgba(255,255,255,.1)!important;
}

.WaGadgetSocialProfile.Footer-Social.socialProfileStyle001 a:hover {
    opacity: 1;
    color: var(--color-white);
    background-color: var(--gold);
}


/*** FOOTER SOCIAL ***/

.WaGadgetSocialProfile.Footer-Social.socialProfileStyle001 li a {
    opacity: 1;
    color: var(--color-white);
    background-color: var(--gold);
}

/***************************************************/
/**** TYPOGRAPHY ****/
/***************************************************/

.gadgetStyleNone h1:not(.promo):not(.header):not(.h1Alt), .gadgetStyle002 h1:not(.promo):not(.header):not(.h1Alt),
.gadgetStyleNone H1.h1Alt, .gadgetStyle002 h1.h1Alt,
.gadgetStyleNone H1.header, .gadgetStyle002 H1.header,
.gadgetStyleNone h2, .gadgetStyle002 h2,
.gadgetStyleNone h3, .gadgetStyle002 h3,
.gadgetStyleNone H4:not(.gadgetTitleH4):not(.h4Alt), .gadgetStyle002 H4:not(.gadgetTitleH4):not(.h4Alt),
.gadgetStyleNone H4.h4Alt, .gadgetStyle002 h4.h4Alt,
.gadgetStyleNone h5, .gadgetStyle002 h5 {
    font-family: var(--type-font-heading)!important;
}

H1.h1Alt, .gadgetStyleNone H1.h1Alt {
    margin-bottom: 0!important;
    font-weight: 200;
}

/*** Header Title ***/

.gadgetStyleNone h1:not(.promo):not(.header):not(.h1Alt),
.gadgetStyle002 h1:not(.promo):not(.header):not(.h1Alt) {
    font-size: var(--type-size-page-title);
    font-weight: var(--type-size-page-title-weight);
    text-transform: none;
}

h1.SystemPageTitle {
    font-size: var(--type-size-page-title);
    font-weight: var(--type-size-page-title-weight);
}

h1.promo {
    font-size: 56px!important;
    font-weight: 900!important;
    line-height: 1.05!important;
    margin-bottom: 18px!important;
    letter-spacing: -.5px!important;
    text-transform: none!important;
}

.gadgetStyleNone h2,
.gadgetStyle002 h2 {
    font-size: var(--type-h2-size);
    font-weight: var(--type-h2-weight);
}

/* ─── HIGHLIGHTED SECTION TITLE ─── */

.hl-title-wrap {
    text-align: center;
    margin-bottom: 50px;
}

.hl-title { 
    display: inline-block; 
    position: relative;
    padding: 4px 18px;
    text-align: center; 
    margin: auto!important;
    }

.hl-title::before {
    content: ''; 
    position: absolute; 
    left: 0; right: 0; bottom: 8px; 
    height: 18px;
    background: var(--gold); 
    opacity: .25; z-index: 0;
  }

.hl-title h2 { 
    position: relative; 
    z-index: 1; font-size: 36px; 
    font-weight: 800; 
    color: var(--navy); 
    letter-spacing: -.3px; 
    }

.gadgetStyleNone h3,
.gadgetStyle002 h3 {
    font-size: var(--type-h3-size);
    font-weight: var(--type-h3-weight);
}

.gadgetStyleNone h4,
.gadgetStyle002 h4 {
    font-size: var(--type-h4-size);
    font-weight: var(--type-h4-weight);
}

.gadgetStyleNone h5,
.gadgetStyle002 h5 {
    font-size: var(--type-h5-size);
    font-weight: var(--type-h5-weight);
}

.quotedText, .gadgetStyleNone .quotedText {
    margin: 1em 0;
    padding-left: 30px;
    border-left: none;
}

.gadgetStyle002 .quotedText {
    margin: 1em 0;
    padding-left: 30px;
    border-left: 4px solid var(--color-accent);
    font-family: var(--type-font-heading)!important;
}

.WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle, .WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a, .WaGadgetBlog .blogEntryOuterContainer .boxHeaderOuterContainer h4, .WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle, .WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle a {
    font-family: var(--type-font-heading);
}

.genericListTable thead th, .membersTable thead th, .WaGadgetForum #idTopicListContainer .boxHeaderOuterContainer table td, .WaGadgetForum #idTopicListContainer .boxHeaderOuterContainer table td.threadTD div.thread h4.boxHeaderTitle, .WaGadgetForum #idTopicListContainer .boxHeaderOuterContainer table td.lastReplyTD .lastReply h4.boxHeaderTitle, .WaGadgetForum #idTopicListContainer .boxHeaderOuterContainer table td.repliesCountTD .repliesCount h4.boxHeaderTitle, .WaGadgetForumStateList .boxHeaderOuterContainer table td, .WaGadgetForumStateList .boxHeaderOuterContainer table td h4 {
    font-family: var(--type-font-heading);
}


/*******************************************************/
/**** LAPTOP ****/
/*******************************************************/

@media (max-width: 1240px) {

.Hide-For-Laptop {
    display: none;
}

.WaPlaceHolderContent>div, 
.WaPlaceHolderContent1>div, 
.WaPlaceHolderContent2>div, 
.WaPlaceHolderContent3>div, 
.WaPlaceHolderContent4>div,
.WaPlaceHolderFooter>div,
.WaPlaceHolderFooter1>div,
.WaPlaceHolderFooter2>div {
    padding: 70px 30px;
}

}

/*******************************************************/
/**** TABLET ****/
/*******************************************************/

@media (max-width: 1080px) {

.Hide-For-Tablet {
    display: none;
}

.WaPlaceHolderContent>div, 
.WaPlaceHolderContent1>div, 
.WaPlaceHolderContent2>div, 
.WaPlaceHolderContent3>div, 
.WaPlaceHolderContent4>div,
.WaPlaceHolderFooter>div,
.WaPlaceHolderFooter2>div {
    padding: 60px 30px;
}

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyContentOuterContainer {
    float: none!important;
    display: block;
    width: 100%!important;
    clear: both;
}

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer {
    margin-bottom: 40px;
    float: none;
    width: 100%!important;
}

.packages-grid { grid-template-columns: 1fr 1fr; }
.tier-grid-2, .tier-grid-3, .tier-grid-4 { grid-template-columns: 1fr 1fr; }
.footer-grid { grid-template-columns: 1fr 1fr; }


}

/*******************************************************/
/**** MOBILE ****/
/*******************************************************/

/* Sticky Mobile Header */
@media screen and (max-width: 991px) {

    .WaPlaceHolderHeader {
        position: sticky;
        top: 0;
        z-index: 9999;
    }

}

/*******************************************************/
/**** MOBILE SMALL ****/
/*******************************************************/

@media (max-width: 767px) {

body {
    background-image: none;
    }

/*
.WaGadgetMobilePanel,
.mobilePanel {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
    transition: box-shadow 0.25s ease;
    box-shadow: 0 2px 10px rgba(0,0,0,0.12);
  } 

  body {
    padding-top: 50px !important;
  } */


.WaPlaceHolderContent>div, 
.WaPlaceHolderContent1>div, 
.WaPlaceHolderContent2>div, 
.WaPlaceHolderContent3>div, 
.WaPlaceHolderContent4>div,
.WaPlaceHolderFooter>div,
.WaPlaceHolderFooter2>div {
    padding: 50px 20px;
}

.WaPlaceHolderHeader>div,
.WaPlaceHolderHeader2>div {
    padding-left: 20px;
    padding-right: 20px;
}

.Hide-For-Mobile {
    display: none;
}

.zonePlace.zoneHeader2 {
    margin-top: 0;
}

.Header-Logo p,
.Header-Logo img {
    text-align: center!important;
    margin: 0 auto 10px auto;
}

.Header-Join {
    float: none!important;
}

.WaGadgetSiteSearch.Header-Search .searchBoxOuter.alignRight {
    text-align: center;
}

.Dividers-White .WaLayoutItem,
.Dividers-Faint .WaLayoutItem,
.Dividers-Gold .WaLayoutItem,
.Dividers .WaLayoutItem {
    padding: 40px 0;
}

.Dividers .WaLayoutItem {
    border-bottom: 3px solid var( --color-base-alt );
}

.Dividers-White .WaLayoutItem {
    border-bottom: 3px solid var(--color-white);
}

.Dividers-Gold .WaLayoutItem {
    border-bottom: 3px solid var(--gold);
}

.Dividers-Faint .WaLayoutItem {
    border-bottom: 3px solid var(--color-faint-light);
}

.Dividers-White .WaLayoutItem:last-child,
.Dividers-Faint .WaLayoutItem:last-child,
.Dividers-Gold .WaLayoutItem:last-child,
.Dividers .WaLayoutItem:last-child {
    border-bottom: none;
}

.Card-Layout table tr td.WaLayoutItem,
.Card-Layout-Light table tr td.WaLayoutItem,
.Card-Layout-Dark table tr td.WaLayoutItem,
.Card-Layout-White table tr td.WaLayoutItem,
.Card-Layout-Faint table tr td.WaLayoutItem,
.Card-1 table tr td.WaLayoutItem,
.Card-2 table tr td.WaLayoutItem,
.Card-3 table tr td.WaLayoutItem,
.Card-4 table tr td.WaLayoutItem {
    margin-bottom: 20px;
}

/*

.WaGadgetMobilePanel .mobilePanel {
    position: relative;
    height: 50px;
    background: var(--color-primary-light);
    color: var(--color-white);
} */

#backToTop{ 
    width: 40px;
    height: 40px;
    font-size: 22px;
}

.packages-grid { grid-template-columns: 1fr; }

}