/* ================= GENERAL STYLES  ================== */

::-moz-selection {
    color: #fff;
    text-shadow: none;
    background: #fff;
}
::selection {
    color: #fff;
    text-shadow: none;
    background: #fff;
}
 
/* ================= MAIN-SUB MENU  ================== */

#mobile-menu-icon {
    background-color: rgba(15, 15, 15, 0.7);
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
}
#mobile-close-icon {
    background-color:  #000;
    border-bottom: 3px solid #0f0f0f;
}
.left-bar {
    outline: none;
    background-color: rgba(15, 15, 15, 0.7);   /* this is the menu back color and the last number is how see thru it is*/
}
.site-nav ul li a {
    color: #fff;  /* menu text color*/
}
.site-nav >  ul > li.selected-menu-item >  a {
    background-color: rgba(15, 15, 15, 0.7);    /* color of the prev menu when you select a new one, kinda irrellevant*/
}
.site-nav >  ul > li.selected-menu-item >  a::before,
.site-nav >  ul > li.selected-menu-item >  a::after {
    background-color: #fff;        /* line color around the selected menu item*/
}
.site-nav >  ul > li >  a:hover,
.site-nav >  ul > li >  a:focus {
    background-color: rgba(15, 15, 15, 0.7);  /* color when you mouse hover on a new selection*/
}
.site-nav  > ul > li >  a::before,
.site-nav >  ul > li >  a::after {
    background-color: #ff1a1a; /* line color when you mouse hover = red*/
}
.site-nav >  ul > li >  a:hover,
.site-nav >  ul > li >  a:focus {
    color: #ff1a1a;   /* text color when mouse hover = red */
}
.site-nav ul ul {
    background-color: rgba(15, 15, 15, 0.7);
    border-bottom:1px solid #fff;   // bottom  line color
}
.site-nav ul ul li a:hover,
.site-nav ul ul li a:focus {
    
    background-color:rgba(40, 40, 40, 0.7);
}
.site-nav ul ul li a:hover{
 color: #ff1a1a;     // text color for sub menu hover
}

/* ================= PAGE STRUCTURE ================== */
#site-loading-left{
    background-color: #fff; 
}
#site-loading-right{
    background-color: #0f0f0f; 
}
.page-title {
    border-bottom: 3px solid #fff;
    background-color: #212121;
}
.page-title h1,.page-title h2 {
    color: #fff;
        background-color: #166F06;
}