/* =========================================================
ALPHA PHI ALPHA FRATERNITY, INC.
WILD APRICOT MASTER CSS
========================================================= */

/* ---------- BRAND COLORS ---------- */

:root{
--apa-gold:#B8860B;
--apa-gold-dark:#8F6708;
--apa-black:#000000;
--apa-white:#FFFFFF;
--apa-cream:#FAF0BE;
--apa-light:#F8F8F8;
--apa-border:#E5E5E5;
}

/* ---------- GLOBAL ---------- */

body{
font-family: 'Lato', 'Arial', sans-serif;
color:#222;
background:#fff;
line-height:1.6;
}

h1,h2,h3,h4,h5,h6{
color:#000;
font-family: 'Lato', 'Arial', sans-serif;
}

a{
color:var(--apa-gold-dark);
transition:.3s ease;
}

a:hover{
color:var(--apa-gold);
}

/* =========================================================
HEADER
========================================================= */

.zoneHeaderOuter{
background:#ffffff !important;
border-bottom:4px solid var(--apa-gold);
box-shadow:0 2px 12px rgba(0,0,0,.08);
}

.zoneHeader{
background:transparent !important;
}

/* =========================================================
MAIN NAVIGATION
========================================================= */

.WaGadgetMenuHorizontal{
background:transparent !important;
}

.WaGadgetMenuHorizontal .menuInner{
background:transparent !important;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel{
background:transparent !important;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li{
background:transparent !important;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item{
background:transparent !important;
}

/* MENU LINKS */

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a{
color:#000000 !important;
text-transform:uppercase;
font-weight:700;
letter-spacing:.05em;
padding:18px 20px !important;
position:relative;
background:transparent !important;
transition:all .3s ease;
}

/* GOLD UNDERLINE */

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a:after{
content:"";
position:absolute;
left:50%;
bottom:8px;
width:0;
height:3px;
background:var(--apa-gold);
transform:translateX(-50%);
transition:.3s ease;
}

/* HOVER */

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item:hover > a{
color:var(--apa-gold) !important;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item:hover > a:after{
width:80%;
}

/* ACTIVE PAGE */

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.sel > .item > a{
color:var(--apa-gold) !important;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.sel > .item > a:after{
width:80%;
}

/* =========================================================
DROPDOWN MENUS
========================================================= */

.WaGadgetMenuHorizontal .menuInner ul ul{
background:#ffffff !important;
border-top:4px solid var(--apa-gold);
box-shadow:0 10px 20px rgba(0,0,0,.15);
}

.WaGadgetMenuHorizontal .menuInner ul ul li{
background:#fff !important;
}

.WaGadgetMenuHorizontal .menuInner ul ul li > .item > a{
color:#000 !important;
padding:12px 18px !important;
font-weight:600;
}

.WaGadgetMenuHorizontal .menuInner ul ul li > .item:hover > a{
background:var(--apa-cream) !important;
color:var(--apa-gold-dark) !important;
}

/* =========================================================
BUTTONS
========================================================= */

button,
input[type="submit"],
input[type="button"],
.apa-button{

background:#000 !important;
color:#fff !important;

border:2px solid var(--apa-gold) !important;

border-radius:50px;

padding:12px 24px;

text-transform:uppercase;
font-weight:700;

transition:.3s ease;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.apa-button:hover{

background:var(--apa-gold) !important;
color:#000 !important;
}

/* =========================================================
EVENTS
========================================================= */

.WaGadgetEvents .title a{
color:#000;
font-weight:700;
}

.WaGadgetEvents .date{
color:var(--apa-gold-dark);
font-weight:700;
}

.WaGadgetUpcomingEvents ul li{
border-left:5px solid var(--apa-gold);
padding-left:15px;
}

/* =========================================================
BLOG
========================================================= */

.WaGadgetBlog .title a{
color:#000;
font-weight:700;
}

.WaGadgetRecentBlogPosts ul li{
border-left:5px solid var(--apa-gold);
padding-left:15px;
}

/* =========================================================
TABLES
========================================================= 

table{
border-collapse:collapse;
}

th{
background:#000;
color:#fff;
}

td,th{
padding:12px;
}*/

/* =========================================================
FORMS
========================================================= */

input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select{

border:1px solid #ccc;
border-radius:6px;
padding:10px;
}

/* =========================================================
CONTENT CARDS
========================================================= */

.apa-card{

background:#fff;

border-left:5px solid var(--apa-gold);

box-shadow:0 5px 15px rgba(0,0,0,.08);

padding:25px;

margin-bottom:25px;
}

/* =========================================================
HERO SECTION
========================================================= */

.apa-hero{

background:
linear-gradient(
rgba(0,0,0,.8),
rgba(0,0,0,.8)
);

color:#fff;

padding:80px 40px;

border-bottom:6px solid var(--apa-gold);
}

.apa-hero h1,
.apa-hero h2{
color:#fff;
}

.apa-kicker{
color:var(--apa-cream);
text-transform:uppercase;
letter-spacing:.15em;
font-weight:700;
}

/* =========================================================
FOOTER
========================================================= */

.zoneFooterOuter{

background:#000;

border-top:6px solid var(--apa-gold);
}

.zoneFooter,
.zoneFooter a{
color:#fff;
}

.zoneFooter a:hover{
color:var(--apa-cream);
}

.zoneFooter h1,
.zoneFooter h2,
.zoneFooter h3{
color:var(--apa-cream);
}

/* =========================================================
MOBILE
========================================================= */

@media(max-width:991px){

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a{

padding:14px 16px !important;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a:after{

display:none;
}

}

/* =========================================================
PRINT
========================================================= */

@media print{

.zoneHeaderOuter,
.zoneFooterOuter,
.WaGadgetMenuHorizontal{
display:none;
}
}

/* ==========================================
   APA FEATURE CARD
   ========================================== */

.apa-feature-card {
    background: #ffffff;
    border: 2px solid #000000;
    border-radius: 18px;
    padding: 48px 48px 56px;
    max-width: 900px;
    
    text-align: center;
    position: relative;
    overflow: hidden;
    font-family: inherit;
}

/* Optional cream accent circle */
.apa-feature-card::before {
    content: "";
    position: absolute;
    top: -45px;
    left: -45px;
    width: 110px;
    height: 110px;
    background: #FAF0BE;
    border-radius: 50%;
    z-index: 0;
}

/* Keep content above accent */
.apa-feature-card > * {
    position: relative;
    z-index: 1;
}

/* Image */
.apa-feature-card img {
    width: 275px;
    height: 275px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center top;
    display: block;
    margin: 0 auto 32px;

    border: 5px solid #B8860B;

    box-shadow:
        0 8px 20px rgba(0,0,0,.15),
        0 0 0 10px rgba(184,134,11,.08);
}

/* Title */
.apa-feature-card h2 {
    font-family: inherit;
    font-size: 2.1rem;
    font-weight: 400;
    line-height: 1.2;
    color: #000000;
    margin: 0 0 32px;
}

/* Gold accent line beside title */
.apa-feature-card h2::before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 34px;
    background: #B8860B;
    margin-right: 22px;
    vertical-align: middle;
}

/* Body text */
.apa-feature-card p {
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.9;
    color: #000000;
    text-align: left;
    max-width: 700px;
    margin: 0 auto 50px;
}

/* Button */
.apa-feature-card .apa-feature-button,
.apa-feature-card a.apa-feature-button {
    display: inline-block;
    font-family: inherit;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: .03em;
    background: #000000 !important;
    color: #ffffff !important;
    padding: 18px 48px;
    border-radius: 10px;
    border: 2px solid #000000;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: all .25s ease;
}

/* Button hover */
.apa-feature-card .apa-feature-button:hover,
.apa-feature-card a.apa-feature-button:hover {
    background: #B8860B !important;
    color: #000000 !important;
    border-color: #B8860B;
    transform: translateY(-2px);
}

/* Mobile */
@media screen and (max-width: 768px) {
    .apa-feature-card {
        padding: 32px 24px 40px;
        margin: 24px auto;
        border-radius: 14px;
    }

    .apa-feature-card img {
        max-width: 100%;
        margin-bottom: 24px;
    }

    .apa-feature-card h2 {
        font-size: 1.8rem;
    }

    .apa-feature-card h2::before {
        height: 28px;
        margin-right: 14px;
    }

    .apa-feature-card p {
        font-size: .95rem;
        line-height: 1.8;
        margin-bottom: 36px;
    }

    .apa-feature-card .apa-feature-button,
    .apa-feature-card a.apa-feature-button {
        padding: 16px 38px;
        font-size: 1rem;
    }
}

/* ==========================================
   APA SECTION CONTAINER
   ========================================== */

.apa-section-container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
    box-sizing: border-box;
}

@media screen and (max-width: 1024px) {
    .apa-section-container {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media screen and (max-width: 768px) {
    .apa-section-container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* ==========================================
   APA EXECUTIVE BOARD CARD
   ========================================== */

.apa-board-card {
    text-align: center;
    padding: 20px;
    transition: all .25s ease;
}

.apa-board-card:hover {
    transform: translateY(-4px);
}

/* Circular Photo */
.apa-board-card-image {
    width: 220px;
    height: 220px;
    margin: 0 auto 24px;
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid #B8860B;
    background: #f5f5f5;
}

.apa-board-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Name */
.apa-board-card-name {
    font-size: 1.5rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 10px;
}

/* Gold Divider */
.apa-board-card-divider {
    width: 50px;
    height: 3px;
    background: #B8860B;
    margin: 0 auto 12px;
}

/* Position */
.apa-board-card-position {
    font-size: 1rem;
    color: #ffffff;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .08em;
}

/* Mobile */
@media screen and (max-width: 768px) {

    .apa-board-card-image {
        width: 180px;
        height: 180px;
    }

    .apa-board-card-name {
        font-size: 1.25rem;
    }

    .apa-board-card-position {
        font-size: .9rem;
    }
}

.WaGadgetEventsStateCalendar .sectionTitle{
    color:#8F6708;
}

.WaGadgetMobilePanel .mobilePanel{
    background-color:#000000
}

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:active, .WaGadgetMobilePanel .mobilePanel .mobilePanelButton.active {
    background: #8F6708;
    color: white;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel {
    margin: 0;
    padding: 12px 0;
    background: #000000;
    border-top: 1px solid #FAF0BE;
    font-weight: bold;
    text-align: left;
    list-style: none;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul {
    padding: 0;
    background: #000000;
    font-weight: normal;
    text-transform: none;
    list-style: none;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li>.item>a {
    position: relative;
    display: block;
    margin: 0;
    padding: 4px 16px 4px 24px;
    color: #FAF0BE;
    font-size: 14px;
    text-decoration: none;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel>li.sel>.item>a {
    color: #B8860B;
}

@media screen and (max-width: 767px) {
    .WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] a, .WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] span {
        display: block;
        width: 40px;
        height: 40px;
        padding: 0;
        background: #B8860B;
        color: white;
        line-height: 40px;
    }
}

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer
 {
    float: left;
    width: 100%;
}

.WaGadgetLoginButton .loginContainer.loginContainer .loginLink {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    min-width: 112px;
    margin: 0;
    padding: 8px 20px;
    background: #FAF0BE;
    border: 0;
    outline: 0;
    color: black;
    font: normal 16px/1.5 'Lato','Arial',sans-serif;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-appearance: none;
    min-width: 50px;
}

.WaGadgetLoginButton .loginContainer.authenticated.loginContainer.authenticated .loginLink {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    overflow: hidden;
    background: 0;
    color: #000000;
    line-height: 400px;
    vertical-align: top;
    text-decoration: none;
    cursor: pointer;
}

a.buttonStyle001, a:link.buttonStyle001 {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    min-width: 112px;
    margin: 0;
    padding: 8px 20px;
    background: #FAF0BE;
    color: black;
    
    font-family: 'Lato', 'Arial', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
}

a.buttonStyle001:hover, a:link.buttonStyle001:hover {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    min-width: 112px;
    margin: 0;
    padding: 8px 20px;
    background: #B8860B;
    color: black;
    font-family: 'Lato', 'Arial', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
}

.WaGadgetEventsStateList h3.sectionTitle {
    background-color: transparent;
    font-family: 'Lato', 'Arial', sans-serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    margin: 1.42em 0 .85em;
    color: #000000;
    font-family: 'Raleway', 'Arial', sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.29;
    text-transform: uppercase;
    float: left;
    margin: 0 16px 0 0;
}