/*
Theme Name: Eugene V. Debs Foundation (0.6)
Author: Benjamin Kite
Author URI: http://palodes.com/
Description: Eugene V. Debs Foundation (child theme of storefront)
Template: storefront
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: evdf
Tags: light, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-colors, custom-background, custom-header, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
*/
@import "fonts.css";

:root {
    --debs-red:			#CF0C2B;
    --debs-blue:		#001689;
    --debs-light-blue:		#E5425D;    
    --debs-dark-red:		#990921;
    --debs-light-red:		#E5425D;
    
    --system-context-color:     var(--debs-red);
    --menu-context-color:       darkgreen;
    --system-background-color:  #040;

    --faded-paper-color:        seashell;
    --light-paper-color:        #fffefd;
    --dark-paper-color:         #666;

    --ink-color:                #000;
    --accent-ink-color:         var(--debs-red);
    --highlight-ink-color:      gold;

    --link-color:               darkblue;
    --vlink-color:              indigo;
    --hlink-color:              blue;

    --info-color:               green;
    --error-color:              red;

    --logo:			url('/wp-content/themes/storefront-child/logos/Debs-Logo-Square-Opaque.png');

    --font-family:		ITCErasStd, "Times New Roman", Times, serif;
    --font-family-fixed:	Monaco, Courier, fixed;
    --font-family-emoji:	"Apple Color Emoji", EurostileRegular, Eurostile, "Helvetica Neue", Hei, Helvetica, Arial, "Apple Color Emoji", sans-serif;
    --font-family-title:	ITCErasStd, "Times New Roman", Times, serif;
    --font-family-demi:		ITCErasStd, "Times New Roman", Times, serif;
    --font-family-bold:		ITCErasStd, "Times New Roman", Times, serif;
    --font-family-light:	ITCErasStd, "Times New Roman", Times, serif;
    --font-family-ultra:	ITCErasStd, "Times New Roman", Times, serif;    
}

* {
    font-family:	var(--font-family);
}

p {
    font-family:	var(--font-family);
    font-weight:	400;
    font-style:		regular;
    color:		var(--ink-color);
}
strong {
    color:		var(--debs-dark-red);
    font-weight:	500 !important;    
}
.site-branding, .entry-title, .page-title, .widget-title {
    font-family:	var(--font-family-title);
}
.site-branding {
    margin-top:		5px;
    width:		auto !important;
    height:		85px;
}
.custom-logo-link {
    background-color:	#fff;
}
.site-branding a {
    color:		black;
    font-size:		28px;
    font-weight:	600 !important;
}
.site-header {
    background-color:	var(--light-paper-color);
    padding:		0px;
}
.site-description {
    font-size:		18px !important;        
    color:		var(--highlight-ink-color) !important;
    font-family:	var(--font-family);
    font-style:		italic;
}
.site-main, .type-page {
    padding-top:		0px !important;
    padding-bottom:		0px !important;    
}
.site-content {
        background-color:	var(--light-paper-color);
}
.footer-credits a {
    color:		#888 !important;
}
.footer-copyright {
    color:		#bba !important;
}
.footer-copyright a {
    color:		#ccb !important;
}

.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
    font-family:	var(--font-family);
    color:		var(--light-paper-color);
    text-shadow:	1px 1px #000;
    padding-left:	5px;
    padding-right:	5px;
    padding-bottom:	0px;
    padding-top:	0px;
}
.storefront-primary-navigation {
    min-height:		46px;
    background-color:	var(--debs-red);
    top:		0px;
    width:		100%;
}
.menu-item {
    height:		42px;    
    text-shadow:	1px 1px #000;    
    padding-bottom:	0px !important;
    margin-bottom:	0px !important;
    padding:		0px !important;
    font-weight:    600;
}
.menu-item a {
    font-family:	var(--font-family-medium) !important;
}
.sub-menu {
    font-family:	var(--font-family);
    border:		none !important;
    background-color:	var(--debs-dark-red) !important;
    margin:		0px !important;
}
.sub-menu ul li a {
    padding-top:	0px !important;
    padding-bottom:	0px !important;  
}
.current_page_item a {
    background-color:	var(--debs-red) !important;
    color:		var(--light-paper-color) !important;    
}
.site-header ul.menu li.current-menu-item > a {
    background-color:	var(--debs-red) !important;
    color:		var(--light-paper-color) !important;
}
.sub-menu li {
    padding:		0px !important;    
}
.sub-menu a {
    font-family:	var(--font-family);
    font-size:		14px !important;
    background-color:	var(--debs-dark-red);
    padding:		0px !important;   
    font-weight:    600;
}
.sub-menu a:hover {
    color:		var(--light-paper-color) !important;
}

.main-navigation ul ul li
{
    border:		none;
    height:		auto;
    width:		auto;    
    font-size:		12px;
    padding:		2px !important;
}
.main-navigation ul ul li a
{
    width:		inherit;
    background-color:	none;
    font-size:		14px !important;            
    width:		auto;
    font-family:	var(--font-family);
    border:		none;
    color:		var(--light-paper-color);
    padding:		5px !important;
    padding-left:	10px !important;
    padding-right:	10px !important;    
    margin:		0px;
}

/* Ensure the handheld (hamburger) menu stays readable on mobile */
.main-navigation .handheld-navigation ul,
.main-navigation .handheld-navigation li,
.main-navigation .handheld-navigation a {
    background-color:	var(--debs-red);
    color:		var(--light-paper-color);
}
.main-navigation .handheld-navigation a {
    padding-left:	15px !important;
    padding-right:	15px !important;
}
.main-navigation .handheld-navigation a:hover {
    color:		var(--ink-color);
}
.main-navigation .handheld-navigation .dropdown-toggle {
    display:		none !important;
}
.main-navigation .handheld-navigation .sub-menu {
    display:		block !important;
    visibility:	visible !important;
    opacity:		1 !important;
    max-height:		none !important;
    position:		static;
    padding-left:	15px;
}
.main-navigation .handheld-navigation ul {
    list-style:		none;
    padding-left:	0;
    margin:		0;
}
.main-navigation .handheld-navigation li {
    margin:		0;
    padding:		6px 16px;
}
.main-navigation .handheld-navigation > ul > li {
    padding-left:	16px;
}
.main-navigation .handheld-navigation .sub-menu li {
    padding-left:	20px;
}
.menu-heading {
    font-size:		large;
    font-weight:    700;
}
.menu-subheading {   
    font-size:      medium;
    font-weight:    600;
    padding-left:   1rem;
}

#site-navigation-menu-toggle {
    margin-top:		10px;
}

#awchart .awc.awc-empty {
    background-color:	transparent !important;
}

.main-navigation .handheld-navigation {
    padding-top:	40px;
    margin-top:		0;
}
.woocommerce-active .site-header .main-navigation {
    width:		100%;
    padding-bottom:	15px;
}
#masthead {
    border-bottom:	none;
}
.entry-title {
    font-size:		42px;
}
.page-template-template-homepage .entry-content, .page-template-template-homepage .entry-header {
    margin:		none !important;
    text-align:		left;
}
div.initial-message-bubble p {
    font-family:	var(--font-family);    
}

#site-navigation {
    padding-bottom:	0px;
}

.primary-navigation ul li {
    margin:		0px !important;
}
.primary-navigation ul li a {
    padding-top:	10px !important;
    padding-bottom:	7px !important;
    padding-left:	15px !important;
    padding-right:	15px !important;
}
.primary-navigation ul li a:hover {
    background-color:	var(--debs-red) !important;
}
#secondary {
    padding-top:	30px;
}

#menu-item-237, #menu-donate li {
    margin-left:	30px;
    background-color:	var(--debs-blue) !important;
    border-radius:	20px;
}

#menu-item-237 a, #menu-donate a {
    background-color:	none;
    border:		none !important;
    font-family:	var(--font-family);
    color:		var(--light-paper-color) !important;
    font-size:		16px !important;            
    width:		inherit;
}
#menu-item-237 a:hover, #menu-donate a:hover {
    color:		var(--ink-color) !important;
}

#menu-item-53916, #menu-donate li {
    margin-left:	30px;
    background-color:	var(--debs-dark-red) !important;
    border-radius:	20px;
}
#menu-item-53916 a, #menu-donate a {
    background-color:	none;
    border:		none !important;
    font-family:	var(--font-family);
    color:		var(--light-paper-color) !important;
    font-size:		16px !important;            
    width:		inherit;
}
#menu-item-53916 a:hover, #menu-donate a:hover {
    color:		var(--ink-color) !important;
}

.slider-title {
}

.slider-button {
}
.slider-text {
}

.officer-card {
    margin-bottom:	20px;
}
.officer-name {
    display:		inline;    
    font-size:		18px;
    font-style:		italic;    
    
}
.officer-title {
    display:		inline;    
    font-size:		18px;
}
.officer-email {
    display:		inline;    
    font-size:		12px;
}
.storefront-breadcrumb {
    margin-bottom:	0px !important;
}

.board-card {
    border-collapse:	collapse;
}
.board-name {
    margin-bottom:	0px !important;
    font-size:		14px;
    padding:		0px !important;
}
.content-area {
    margin-bottom: 	0px;
}
.hentry {
    margin:		0px 0px 5px 0px;
}