@charset "UTF-8";

/*
    GTQI
    LAST EDITED:  JUNE, 2023
*/


/* HIDE THE 404 ON THE ERROR PAGE --------------------- */
html.error-page .error-code { display: none; }
html.error-page .error-message { display: none; }




#sp-top-bar {
    padding: 5px 0;
    font-size: 0.7rem;
}

#sp-header .sp-module {
    margin-left: 10px !important;
}
.header-modules {
    margin-left: 0px !important;
}


h1 { margin-top: -4px; }

.article-details { margin-left: -15px; margin-right: -15px; }



/* REGISTRATION FORM --------------------- */
legend { display: none !important; }
.com-users-registration {margin: 0px 100px 50px 100px; }




/* ARTICLE IMAGE INSETS --------------------- */
.inset-left { float: left; margin: 0px 20px 10px 0px; display: inline; clear: both; }
.inset-right { float: right; margin: 0px 0px 10px 20px; display: inline; clear: both; width: 20% !important; }
.inset-right:hover { opacity: 0.5; }
.inset-center { margin: 0 auto; width:100%; display: block; }



/* SPECIFICATIONS */
.specifications p { margin-left:15px; margin-bottom: 2px; }



/* UPDATE BUTTON COLORS --------------------- */
.sppb-btn-primary { color: white; background-color: #122F44; border-color: #122F44; padding-left: 20px; padding-right: 20px; }
.sppb-btn-primary:hover { border-color: #b24c24; background-color: #b24c24; text-decoration: none !important; }
.sppb-btn-secondary { color: white; background-color: #5c627a; border-color: #5c627a; padding-left: 20px; padding-right: 20px; }
.sppb-btn-secondary:hover { border-color: #b24c24; background-color: #b24c24; text-decoration: none !important; }



/* PUSH FOOTER TO THE BOTTOM AND CHANGE IT'S HEIGHT --------------------- */
#sp-footer { height: 38px; position: fixed; width: 100%; bottom: 0px; left:0px; z-index: 1; font-size: 11px; }
#sp-footer .container-inner { padding: 10px 0; }
#sp-footer a:hover {color: #e3bdbd; text-decoration: underline;}






/* MEDIA QUERY LAYOUT TWEEKS --------------------- */
@media only screen and (max-width: 992px) {
    /* HIDE THE PRIMARY MENU WHEN IN MOBILE MODE */
    #offcanvas-toggler {display: none !important;}
}

@media only screen and (min-width: 992px) {
    /* HIDE THE DJ MEGA MENU WHEN IN DESKTOP MODE */
    .dj-megamenu-wrapper {display: none !important;}
    .sp-megamenu-parent>li>a, .sp-megamenu-parent>li span { padding: 0 10px; }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    /* ADJUST MENU HEIGHT AND LOGO */
    #sp-header { height: 60px; }
    .logo-image { height: 50px !important; }
}

@media only screen and (min-width: 576px) and (max-width: 768px) {
    /* ADJUST MENU HEIGHT AND LOGO */
    #sp-header { height: 60px; }
    .logo-image { height: 50px !important; }
}

@media only screen and (max-width: 576px) {
    /* ADJUST TOP BAR */
    #sp-top-bar { padding: 8px 0; font-size: 1.0rem; }

    /* ADJUST MENU HEIGHT AND LOGO */
    #sp-header { height: 60px; }
    .logo-image { height: 50px !important; }

    /* FOOTER */
    #sp-footer2 { text-align: center !important; }
}