/* ===== jasonhoblin 00 🟡 HOMEBASE Custom CSS ===== */


/* --- NAVBAR --- */
.tm-toolbar { font-size:14px; }
:not(.uk-sticky-below)>.uk-navbar-container:not(.uk-navbar) {
    padding-top:20px; padding-bottom:20px; }
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle { font-size: 14px; }


.uk-heading-small { font-size: 36px; }





/* --- FOOTER --- */
.tailWrap { text-align:center; margin-top:15px; }
.tailLogo { width:100px; border-radius:5%; border:0px solid antiquewhite; margin:0 auto;  }
.tailText { margin-top:5px; }
.nope-gif { width:180px; height:auto; border-radius:5%; border:1px solid antiquewhite; margin:0 auto; }
.footer-notice { text-align:center; } 


/* --- QUICKLINKS --- */
div.ql_jomadm { position:relative; margin-left:-20px; }
img.ql_admImag { width:32px;  }
div.ql0jrh_com { margin:10px 20px; } 
div.ql_Wrap {  }
fieldset.ql_Fieldset { margin:4px; padding:4px; border-radius:15px; margin-top:60px; }
legend.ql_Legend {  border-radius:15px; padding:4px 30px; margin-bottom:0px; line-height:inherit; 
    font-size:24px; font-weight:400; color:#ffffff; text-align:center; width:auto; 
    position:relative;    top:-30px;    left:30px; } 
legend.ql_Legend > a { color:#000000; text-decoration:none; } 
div.ql_Content { display:flex; flex-flow:row wrap; justify-content:space-around; }
div.ql_Each { margin-top:5px; margin-right:20px; margin-bottom:5px; margin-left:20px; text-align:center; }
div.ql_Each:hover { background-color:rgba(255,255,255,0.33); border-radius:15px; }  
a.ql_Link { text-decoration:none; }
img.ql_Imag { width:32px; }
span.ql_Text { display:none; text-align:center; font-size:10px; }
span.ql_TextShow { display:block; text-align:center; }
span.ql0TextShow { display:block; text-align:center; }
/* ----- 00 HomeBase Yellow ----- */
fieldset.ql0Fieldset { border:1px solid #ffd966; background-color:rgba(255,217,102,0.3); min-width: 350px; }
legend.ql0Legend { border: 1px solid #ffd966; background-color:rgba(255, 217, 102, 0.99); } 
div.ql0Each:hover { background-color:rgba(255, 217, 102, 0.6); }
/* ----- 01 Persona Green ----- */
fieldset.ql1Fieldset { border:1px solid #93c47d; background-color:rgba(147,196,125,0.3); }
legend.ql1Legend { border: 1px solid #93c47d; background-color:rgba(147,196,125,0.99); } 
div.ql1Each:hover { background-color:rgba(147,196,125,0.6); }   
/* ----- 02 Business Blue ----- */
fieldset.ql2Fieldset { border:1px solid #6fa8dc; background-color:rgba(111,168,220,0.3); }
legend.ql2Legend { border: 1px solid #6fa8dc; background-color:rgba(111,168,220,0.99); } 
div.ql2Each:hover { background-color:rgba(111,168,220,0.6); }   
/* ----- 03 Social Purple ----- */
fieldset.ql3Fieldset { border:1px solid #8e7cc3; background-color:rgba(142,124,195,0.3); }
legend.ql3Legend { border: 1px solid #8e7cc3; background-color:rgba(142,124,195,0.99); } 
div.ql3Each:hover { background-color:rgba(142,124,195,0.6); }   
/* ----- 04 Media Red ----- */
fieldset.ql4Fieldset { border:1px solid #cc4125; background-color:rgba(204,65,37,0.3); }
legend.ql4Legend { border: 1px solid #cc4125; background-color:rgb(204,65,37,0.99); } 
div.ql4Each:hover { background-color:rgba(204,65,37,0.6); } 
/* ----- 05 Projects Orange ----- */
fieldset.ql5Fieldset { border:1px solid #f6b26b; background-color:rgba(246,178,107,0.3); }
legend.ql5Legend { border: 1px solid #f6b26b; background-color:rgba(246,178,107,0.699); } 
div.ql5Each:hover { background-color:rgba(246,178,107,0.6); }   
/* ----- 06 Public Brown ----- */
fieldset.ql6Fieldset { border:1px solid #663300; background-color:rgba(102, 51, 0, 0.3); }
legend.ql6Legend { border: 1px solid #663300; background-color:rgba(102, 51, 0, 0.99); } 
div.ql6Each:hover { background-color:rgba(0,0,0,0.6); } 
/* ----- 07 Private Black ----- */
fieldset.ql7Fieldset { border:1px solid #000000; background-color:rgba(0,0,0,0.3); }
legend.ql7Legend { border: 1px solid #000000; background-color:rgba(0,0,0,0.99); } 
div.ql7Each:hover { background-color:rgba(0,0,0,0.6); } 
/* ----- 08 Archive White ----- */
fieldset.ql9Fieldset { border:1px solid #b7b7b7; background-color:rgba(255,255,255,0.3); }
legend.ql9Legend { border: 1px solid #b7b7b7; background-color:rgba(255,255,255,0.99); } 
div.ql9Each:hover { background-color:rgba(255,255,255,0.6); }
/* ----- 09 SysAdmin Grey ----- */
fieldset.ql9Fieldset { border:1px solid #b7b7b7; background-color:rgba(183,183,183,0.3); }
legend.ql9Legend { border: 1px solid #b7b7b7; background-color:rgba(183,183,183,0.99); } 
div.ql9Each:hover { background-color:rgba(183,183,183,0.6); }












/* ----- QUICKLNKS ----- */


.qlom-base32-wrap { margin:20px; padding:0;   }

        .qlom-base32-fldset {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            margin: 0;
            padding: 8px 10px 4px 10px;
             border: 1px solid rgba(255,255,255,0.33);
            border-radius: 24px;
        }

        .qlom-base32-lgnd {
            display: none; /* Legend hidden */
        }

        .qlom-base32-each {
            width: 50px;
            height: 50px;
            margin: 1px 2px 8px 2px;
            padding: 0px;
            text-align: center;
        }

        .qlom-base32-link {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            color: #343434;
            font-size: 9px;
             font-family:'Lato',sans-serif;
        }

        .qlom-base32-imag {
            width: 32px;
            height: 32px;
        }

        .qlom-base32-link:hover {
            box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
            background-color: rgba(255, 255, 255, 0.1);
            border-radius: 4px;
        }

        .qlom-base32-text {
            font-family:'Lato',sans-serif;
            margin-top:1px;
            font-size: 9px;
            text-align: center;
          display:inherit;
          color:#efefef;
          text-decoration: none;
        }











/* --- END --- */