/* make the social icons in the header large enough to see and read  */

.fa.fa-youtube {
    font-size: 2em;
    color: black !important;
}

#sp-top-bar {
    background: #00AEEF;
}

.text-right {
    float: right !important;
    text-align: right !important;
}

/* Set the menu area colors and formatting */

.sp-megamenu-parent {
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 9;
    display: block;
    float:inherit;
    text-align:center;
}

.burger-icon > span, .offcanvas-active .burger-icon > span, #modal-menu-toggler.active .burger-icon > span {
    background-color: #00AEEF;
}

body a, sp-logo a {
    color: #00AEEF !important;
}

#sp-menu, #sp-header {
    background: #000000;
}

ul.menu a {
    color: #FF8500 !important;
}

li.sp-menu-item.current-item.active > a, li.sp-menu-item.sp-has-child.active > a {
    text-decoration: underline;
    font-weight: bold;
    color: #FF8500 !important;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
    font-size: 1.2em;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
    background-color: lightgray;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    float: left;
}

#offcanvas-toggler > .fa, #offcanvas-toggler > .fas:hover, #offcanvas-toggler > .fas:focus, #offcanvas-toggler > .fas:active, #offcanvas-toggler > .fas {
    color: #00AEEF;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
    color: gray;
}

.offcanvas-menu {
    background: black !important;
}

/* mobile menu styling  */
.fa, .fas {
    font-size: 1.5em;
}


/* set font sizes & colors */

#sp-header .logo a {
    font-size: 1.60rem !important;
}

body p,#sp-menu p,#sp-header p,#sp-menu a, #sp-header a {
    font-size: 1em;
}




h1, .page-header h1, .article-details .article-header h1 {
    font-size: 2em !important;
    color: #00AEEF !important;
}

h2, .article-details .article-header h2 {
    font-size: 1.75em !important;
    color: #00AEEF !important;    
}

h3, .article-details .article-header h3 {
    font-size: 1.4em !important;
    color: #00AEEF !important;    
}

h1 a, .article-details .article-header h1 a {
    font-size: 2em !important;
    color: #00AEEF !important;
}

h2 a, .article-details .article-header h2 a {
    font-size: 1.75em !important;
    color: #00AEEF !important;    
}

h3 a, .article-details .article-header h3 a {
    font-size: 1.4em !important;
    color: #00AEEF !important;    
}

.tag-category h1 {
    color: crimson !important;
}

hr {
    border-top: 2px #00AEEF solid !important;
}

#sp-footer {
    font-size: 1em;
    line-height: 2rem;
}
}

/* Media Queires */
@media (max-width:767px) {
    #sp-logo img {
        max-width: 90%;
        max-height: 90%;
    }
}
@media (max-width:767px) {
    #sp-header .logo a {
    font-size: 1.0rem !important;
    }
}