/* =========================================================
   NMPMA CHAPTER 38 WEBSITE
   GLOBAL CUSTOM CSS
   ========================================================= */


/* ---------------------------------------------------------
   NAVIGATION DROPDOWN MENU
   Marine Corps Red with Gold Accent
   --------------------------------------------------------- */

.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul ul {
    background: #8B1A1A;
    border-bottom: 2px solid #C9A227;
}


/* ---------------------------------------------------------
   STICKY NAVIGATION MENU
   Marine Corps Red with Gold Accent
   --------------------------------------------------------- */

.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .stickyMenu.active {
    background: #8B1A1A;
    border-bottom: 2px solid #C9A227;
}


/* ---------------------------------------------------------
   CHAPTER 38 - MAJOR HEADING FONT
   --------------------------------------------------------- */

h1,
h2,
h3,
.WaGadgetHeadline .gadgetStyleTitle {
    font-family: "Book Antiqua", Palatino, "Palatino Linotype", Georgia, serif;
}


/* ---------------------------------------------------------
   CHAPTER 38 - OVERALL WEBSITE FONT
   --------------------------------------------------------- */

body,
p,
li,
td,
input,
textarea,
select,
button {
    font-family: "Book Antiqua", Palatino, "Palatino Linotype", Georgia, serif;
}


/* ---------------------------------------------------------
   CHAPTER 38 - NAVIGATION FONT
   --------------------------------------------------------- */

.WaGadgetMenuHorizontal .menuInner ul li a {
    font-family: "Book Antiqua", Palatino, "Palatino Linotype", Georgia, serif;
}


/* ---------------------------------------------------------
   CHAPTER 38 - HEADER ORGANIZATION NAME
   Lucida Calligraphy
   --------------------------------------------------------- */

.chapter38-header-name {
    font-family: "Lucida Calligraphy", "Monotype Corsiva", cursive !important;
}


/* ---------------------------------------------------------
   CHAPTER 38 - MEMBER LOGIN CREST
   Replaces blue login/person icon
   --------------------------------------------------------- */

.chapter38-login-crest .loginLink {
    display: inline-block !important;

    width: 42px !important;
    height: 49px !important;

    background-image: url('/resources/Pictures/d89cbeff08714804ab55a9a81fcdc6da.png') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;

    font-size: 0 !important;
    line-height: 0 !important;
}


/* ---------------------------------------------------------
   REMOVE ORIGINAL LOGIN/PERSON ICON
   --------------------------------------------------------- */

.chapter38-login-crest .loginLink:before,
.chapter38-login-crest .loginLink:after {
    display: none !important;
    content: none !important;
}

/* =====================================================
   NMPMA CHAPTER 38
   EVENTS CALENDAR CUSTOMIZATION
   Colors:
   Navy: #062148
   Marine Red: #8B1A1A
   Gold: #C9A227
   ===================================================== */

/* Calendar navigation */
.WaGadgetEventsStateCalendar .monthViewType .monthViewHeader {
    background-color: #062148;
    color: #FFFFFF;
}

/* Calendar navigation buttons */
.WaGadgetEventsStateCalendar .monthViewType .monthViewHeader a {
    color: #FFFFFF;
}

/* Calendar event links */
.WaGadgetEventsStateCalendar a {
    color: #8B1A1A;
}

/* Calendar event hover */
.WaGadgetEventsStateCalendar a:hover {
    color: #C9A227;
}

/* Calendar table */
.WaGadgetEventsStateCalendar table {
    background-color: #FFFFFF;
}

/* Calendar borders */
.WaGadgetEventsStateCalendar td {
    border-color: #DDDDDD;
}

/* ==========================================
   CHAPTER 38 EVENTS CALENDAR
   Calendar Heading
   ========================================== */

.WaGadgetEventsStateCalendar .sectionTitle {
    color: #062148 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-weight: bold !important;
}

/* =====================================================
   NMPMA CHAPTER 38
   EVENTS CALENDAR NAVIGATION BUTTONS
   ===================================================== */

/* Calendar navigation buttons - Marine Navy */
.WaGadgetEventsStateCalendar
#idViewSwitchersTable div[id*="Button"] a,
.WaGadgetEventsStateCalendar
#idViewSwitchersTable div[id*="Button"] span {
    background: #062148 !important;
    color: #FFFFFF !important;
}

/* Navigation button hover - Gold */
.WaGadgetEventsStateCalendar
#idViewSwitchersTable div[id*="Button"] a:hover {
    background: #C9A227 !important;
    color: #062148 !important;
}

/* Selected calendar view - Marine Red */
.WaGadgetEventsStateCalendar
#idViewSwitchersTable .monthButton.selected a,
.WaGadgetEventsStateCalendar
#idViewSwitchersTable .monthButton.active a {
    background: #8B1A1A !important;
    color: #FFFFFF !important;
}

/* ==========================================
   CHAPTER 38 EVENTS CALENDAR
   SELECTED MONTH BUTTON - MARINE RED
   ========================================== */

.WaGadgetEventsStateCalendar
#idViewSwitchersTable
#monthButton span.monthButtonLabel {
    background: #8B1A1A !important;
    color: #FFFFFF !important;
}

/* =====================================================
   NMPMA CHAPTER 38
   EVENTS CALENDAR - LIST VIEW LINK
   ===================================================== */

/* Switch to List View - Marine Red */
.WaGadgetEventsStateCalendar
.pageTitleOuterContainer
.pageViewSwitcherContainer
a.listModeLink,
.WaGadgetEventsStateCalendar
.pageTitleOuterContainer
.pageViewSwitcherContainer
a.listModeLink:link,
.WaGadgetEventsStateCalendar
.pageTitleOuterContainer
.pageViewSwitcherContainer
a.listModeLink:visited {
    color: #8B1A1A !important;
}

/* Switch to List View - Gold Hover */
.WaGadgetEventsStateCalendar
.pageTitleOuterContainer
.pageViewSwitcherContainer
a.listModeLink:hover {
    color: #C9A227 !important;
}

/* ==========================================
   CHAPTER 38 EVENTS CALENDAR
   AUTOMATIC ACTIVE VIEW HIGHLIGHT
   ========================================== */

/* Selected WEEK, MONTH, or YEAR - Marine Red */
.WaGadgetEventsStateCalendar
#idViewSwitchersTable
div[id*="Button"] > span {
    background: #8B1A1A !important;
    color: #FFFFFF !important;
}

/* Unselected views - Marine Navy */
.WaGadgetEventsStateCalendar
#idViewSwitchersTable
div[id*="Button"] > a {
    background: #062148 !important;
    color: #FFFFFF !important;
}

/* Hover over available views - Gold */
.WaGadgetEventsStateCalendar
#idViewSwitchersTable
div[id*="Button"] > a:hover {
    background: #C9A227 !important;
    color: #062148 !important;
}