/* =======================================================
   ENCANTO PALMCROFT MASTER CSS – WILD APRICOT
   Version 1.0
   ======================================================= */


/* =========================
   GOOGLE FONTS
   ========================= */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600&family=Source+Sans+3:wght@400;600&display=swap');


/* =========================
   COLOR VARIABLES
   ========================= */

:root{
  --ep-cream: #F8F5EF;
  --ep-charcoal: #2B2B2B;
  --ep-green: #1F3A2E;
  --ep-green-hover: #162A22;
  --ep-terracotta: #B75A3A;
  --ep-sage: #DDE4DD;
}


/* =========================
   GLOBAL BODY
   ========================= */

body,
.zoneContent,
.zoneContentInner {

    font-family: "Source Sans 3", Arial, sans-serif !important;
    color: var(--ep-charcoal) !important;
    background: var(--ep-cream) !important;
    line-height: 1.6;
}


/* =========================
   HEADINGS
   ========================= */

h1, h2, h3, h4, h5, h6,
.pageTitle,
.pageTitle h1,
.WaGadgetContent h1,
.WaGadgetContent h2,
.WaGadgetContent h3,
.WaGadgetContent h4,
.WaGadgetContent h5,
.WaGadgetContent h6 {

    font-family: "Playfair Display", Georgia, serif !important;
    color: var(--ep-green) !important;

}


/* =========================
   CONTENT GADGET FIX
   ========================= */

.WaGadgetContent,
.WaGadgetContent div,
.WaGadgetContent p,
.WaGadgetContent span,
.WaGadgetContent li {

    font-family: "Source Sans 3", Arial, sans-serif !important;
    color: var(--ep-charcoal) !important;

}


/* =========================
   LINKS
   ========================= */

a {

    color: var(--ep-green);
    text-decoration: none;

}

a:hover {

    color: var(--ep-terracotta);
    text-decoration: underline;

}


/* =========================
   MENU – THEMED + STANDARD FIX
   ========================= */

.WaGadgetMenuHorizontal,
.WaGadgetMenuHorizontal a,
.menuStyleThemed,
.menuStyleThemed a {

    font-family: "Source Sans 3", Arial, sans-serif !important;

}


/* Dropdown Fix */

.menuStyleThemed,
.WaGadgetMenuHorizontal .menuInner {

    overflow: visible !important;

}

.menuStyleThemed li,
.WaGadgetMenuHorizontal .menuInner li {

    position: relative !important;

}

.menuStyleThemed .submenu,
.WaGadgetMenuHorizontal .menuInner ul ul {

    display: none;
    position: absolute;
    z-index: 99999;
    background: var(--ep-cream);

}

.menuStyleThemed li:hover > .submenu,
.WaGadgetMenuHorizontal .menuInner li:hover > ul {

    display: block;

}


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

button,
input[type="submit"],
input[type="button"],
.WaGadget input[type="submit"],
.WaGadget input[type="button"],
.WaGadget button,
a.button {

    font-family: "Source Sans 3", Arial, sans-serif !important;

    background: var(--ep-green) !important;
    color: var(--ep-cream) !important;

    border-radius: 8px;
    border: none;

    padding: 10px 18px;

}

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

    background: var(--ep-green-hover) !important;

}


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

.WaGadgetLoginButton .loginLink,
.WaGadgetLoginForm .loginLink {

    background: var(--ep-terracotta) !important;
    color: white !important;

}


.WaGadgetLoginButton .authenticated .loginLink,
.WaGadgetLoginForm .authenticated .loginLink {

    background: none !important;
    color: var(--ep-terracotta) !important;

}


.WaGadgetLoginButton .authenticated .loginLink:hover,
.WaGadgetLoginForm .authenticated .loginLink:hover {

    background: var(--ep-terracotta) !important;
    color: white !important;

}


/* Login button text */

.WaGadgetLoginForm .loginContainer.authenticated .loginLink:before {

   content: 'Profile';

}

.WaGadgetLoginForm .loginContainer .loginLink:before {

   content: 'Login';

}


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

.WaGadgetForm {

    font-family: "Source Sans 3", Arial, sans-serif !important;

}


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

.WaGadgetBlog {

    font-family: "Source Sans 3", Arial, sans-serif !important;

}


/* =========================
   MEMBERS DIRECTORY
   ========================= */

.WaGadgetMemberDirectory {

    font-family: "Source Sans 3", Arial, sans-serif !important;

}


/* =========================
   DIVIDERS
   ========================= */

hr {

    border-color: var(--ep-sage);

}


/* =========================
   FIX RANDOM WILD APRICOT FONT OVERRIDES
   ========================= */

div,
span,
td,
th {

    font-family: inherit;

}