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

.h2, .uk-h2, h2 { font-size: 28px; }
.center { margin:0 auto; text-align:center; }

*+.uk-margin-medium { margin-top:20px !important;}

.uk-margin-medium { margin-bottom: 0px;}


.headerWrap { min-width:350px; }
.headerLogo { float:left; width:88px; border-radius:50%; border:2px solid antiquewhite;  
    margin-top: -5px; margin-right:20px; position: relative; }
.headerText { font-size:44px; font-weight:700; }

.quips { padding-top:20px; text-align:center; } 

.pending { color:slategray; font-style:normal; }
.active { color:white; font-weight:700; }





/* --- NAVBAR --- */ww
.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-margin-medium-bottom { margin-bottom:20px !important;  }
ul.uk-breadcrumb { margin:0; padding;0px;  display:flex;
    justify-content:space-evenly; padding-top:20px; }





@media (min-width: 960px) {
    .uk-navbar-left, .uk-navbar-right, [class*=uk-navbar-center] {
         gap: 0px; 
    }
}
@media (min-width: 1200px) {
    *+.uk-grid-margin, .uk-grid+.uk-grid, .uk-grid>.uk-grid-margin {
        margin-top: 60px;
    }
}
.uk-margin-top {
    margin-top: 10px !important;
}
.uk-article-title {
    font-size: 24px;
    line-height: 1.1;
    font-family: Josefin Sans;
    font-weight: 600;
    text-transform: inherit;
    margin-top: 0px;

}











/* --- 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; } 

/* --- Sections --- */
.activeSection { border:1px dashed rgba(255, 255, 0, 0.33);; border-radius: 8px; }
.section-wrap  {border:1px dashed rgba(255, 255, 0, 0.33); border-radius: 8px; padding: 10px; }
.section-title { text-align:center; border-bottom:1px dashed rgba(255, 255, 0, 0.33); }

ul.sec00lst > li {  list-style-type: none; font-size:18px; }
ul.sec10lst > li {  list-style-type: none; font-size:18px; }
ul.sec20lst > li {  list-style-type: none; font-size:18px; }
ul.sec30lst > li {  list-style-type: none; font-size:18px; }
ul.sec40lst > li {  list-style-type: none; font-size:18px; }
ul.sec50lst > li {  list-style-type: none; font-size:18px; }
ul.sec60lst > li {  list-style-type: none; font-size:18px; }
ul.sec70lst > li {  list-style-type: none; font-size:18px; }
ul.sec80lst > li {  list-style-type: none; font-size:18px; }
ul.sec90lst > li {  list-style-type: none; font-size:18px; }




.uk-article-title {
    font-size: 24px;
    line-height: 1.4;
    font-family: Josefin Sans;
    font-weight: 600;
  text-transform: uppercase; 
margin-top:0px; }


.eachLink { margin:10px; }

.imagCat { float:right; margin:10px; width:250px;  }
.imagIntro { float:right; margin:10px; }
.imagFull { float:left; margin:10px; }

.disabled {
    pointer-events: none; /* Disables clicking on the link */
    color:#ffd966; /* Changes the color to grey (or any other color to indicate it is disabled) */
    text-decoration: none; /* Optional: removes underline from the link */
}


/* --- QUICKLINKS --- */

fieldset, legend {  width:inherit;  border:0px solid #ccc; }
img { width:auto; max-width:100%; }
  
.ql-wrap { border:0;  padding:0;  width:100%;  margin:0;  }
.ql-lgnd { position:relative; left:0; top:-18px; text-align:center; border:0px dotted grey; border-radius:8px; }  
.ql-fldset {
    background-color:inherit; border:1px dotted #333; padding:20px; margin-top:10px; }
.ql-items {
    display:flex; flex-wrap:wrap; justify-content:center;  }

.ql-each {
    display:flex; justify-content:center; align-items:center; 
    width:88px; height:88px; margin:20px; text-align:center;  }
.ql-each:hover {
    box-shadow:0 0 10px rgba(255, 255, 255, 0.33); 
    background-color:rgba(255, 255, 255, 0.33); border-radius:50%; }

.ql-text { font-size:10px; text-decoration:none; text-align:center; }
.show-text { display:block; }
.hide-text { display:none; }


/*  --  BG_COLORS  --  */
.bg-black { 
        background-color:rgba(0, 0, 0, 0.33); 
        border:1px solid rgba(0, 0, 0, 0.66); }
.bg-white { 
        background-color:rgba(255, 255, 255, 0.33); 
        border:1px solid rgba(255, 255, 255, 0.66); }
.bg-antiquewhite { 
        background-color:rgba(255, 255, 255, 0.33); 
        border:1px solid rgba(255, 255, 255, 0.66); }
.bg-red { 
        background-color:rgba(255, 0, 0, 0.33); 
        border:1px solid rgba(255, 0, 0, 0.66); }
.bg-orange { 
        background-color:rgba(255, 165, 0, 0.33); 
        border:1px solid rgba(255, 165, 0, 0.66); }
.bg-yellow { 
        background-color:rgba(255, 255, 0, 0.33); 
        border:1px solid rgba(255, 255, 0, 0.66); }
.bg-green { 
        background-color:rgba(0, 128, 0, 0.33); 
        border:1px solid rgba(0, 128, 0, 0.66); }
.bg-blue { 
        background-color:rgba(0, 0, 255, 0.33); 
        border:1px solid rgba(0, 0, 256, 0.66); }
.bg-purple { 
        background-color:rgba(128, 0, 128, 0.33); 
        border:1px solid rgba(128, 0, 128, 0.66); }
.bg-brown { 
        background-color:rgba(139, 69, 19, 0.33); 
        border:1px solid rgba(139, 69, 19, 0.66); }




  
/* -- BG Colors are for Backgrounds = ql-backgrounds -- */ 

	.ql-bg-black { background-color:rgba(0, 0, 0, 0.33); }
	.ql-bg-white { background-color:rgba(255, 255, 255, 0.33); }
	.ql-bg-antiquewhite { background-color:rgba(250, 235, 215, 0.33); }
	.ql-bg-red { background-color:rgba(255, 0, 0, 0.33); }
	.ql-bg-orange { background-color:rgba(255, 165, 0, 0.05); }
	.ql-bg-yellow { background-color:rgba(255, 255, 0, 0.33); }
	.ql-bg-green { background-color:rgba(0, 128, 0, 0.33); }
	.ql-bg-blue { background-color:rgba(0, 0, 255, 0.33); }
	.ql-bg-purple { background-color:rgba(128, 0, 128, 0.33); }
	.ql-bg-brown { background-color:rgba(139, 69, 19, 0.33); }
  
 
/* -- QUICKLINKS Build5 -- are the glyph links == ql-quicklinks -- */ 

	.ql-quicklinks-wrap { min-width:200px;
			margin:20px; padding:0; }
	.ql-quicklinks-fldset { 
			min-height: 88px;
			border:1px solid gray; border-radius:4px; 
			margin:0; padding:0; }
	.ql-quicklinks-lgnd {  
			position:relative; left:0px; top:-16px;
			border:1px solid gray; border-radius:4px; font-size:20px; color:white; line-height:inherit;
			width:200px; margin:0; padding:0; padding-left:10px;  }
	.ql-quicklinks-items { 
			display:flex; flex-wrap:wrap; justify-content:space-around; align-items:center;
			border:1px solid gray; border-radius:4px;
			display:flex; flex-flow:row wrap; justify-content:space-around; 
			margin:0; padding:0; }
	.ql-quicklinks-each { 
			text-align:center;
			margin:0px; padding:20px; }
	.ql-quicklinks-link { margin:0; padding:0; }
	.ql-quicklinks-each:hover { 
		    box-shadow:0 0 10px 10px rgba(255, 255, 255, 0.33); 
		    background-color:rgba(255, 255, 255, 0.33); border-radius:50%; }
	.ql-quicklinks-imag { margin:0; padding:0; width:48px; height:auto; }
	.ql-quicklinks-text { font-size:9px; text-decoration:none; text-align:center; 
			margin:0; padding:0; }



/* -- LINKING Build5 -- are the glyph links == ql-quicklinks -- */ 

	.ql-socialnets-wrap { min-width:200px;
			margin:20px; padding:0; }
	.ql-socialnets-fldset { 
			min-height: 88px;
			border:1px dotted gray; border-radius:4px; 
			margin:0; padding:0; }
	.ql-socialnets-lgnd {  
			position:relative; left:0px; top:-16px;
			border:1px dotted gray; border-radius:4px; font-size:20px; color:white; line-height:inherit;
			width:200px; margin:0; padding:0; padding-left:10px;  }
	.ql-socialnets-items { 
			display:flex; flex-wrap:wrap; justify-content:space-around; align-items:center;
			border:1px dotted gray; border-radius:4px;
			display:flex; flex-flow:row wrap; justify-content:space-around; 
			margin:0; padding:0; }
	.ql-socialnets-each { 
			text-align:center;
			margin:0px; padding:20px; }
	.ql-socialnets-link { margin:0; padding:0; }
	.ql-socialnets-each:hover { 
		    box-shadow:0 0 10px 10px rgba(255, 255, 255, 0.33); 
		    background-color:rgba(255, 255, 255, 0.33); border-radius:50%; }
	.ql-socialnets-imag { margin:0; padding:0; width:64px; height:auto; }
	.ql-socialnets-text { font-size:9px; text-decoration:none; text-align:center; 
			margin:0; padding:0; }

/* -- QLs PROJECTS -- */ 

.ql-projects-wrap { min-width:200px;
		margin:0px; padding:0; position:relative; top:-40px; }
.ql-projects-fldset { 
		min-height: 88px;
		border:1px dotted gray; border-radius:4px; 
		margin:0; padding:0; }
.ql-projects-lgnd {  
		position:relative; left:0px; top:20px; 
		border:1px dotted gray; border-radius:4px; 
  	font-size:18px; color:white; line-height:inherit;
		width:auto; margin:0; padding:5px 10px; }
.ql-projects-items { 
		display:flex;  flex-flow:row wrap; 
  	justify-content:space-evenly; align-items:center;
		border:1px dotted gray; border-radius:4px;
		margin:0; padding:0; padding-top:20px; }
.ql-projects-each { 
		text-align:center; max-width: 150px; min-width: 150px;
		margin:10px; padding:10px; }
.ql-projects-link { margin:0; padding:0; }
.ql-projects-each:hover { 
	    box-shadow:0 0 10px 10px rgba(255, 255, 255, 0.33); 
	    background-color:rgba(255, 255, 255, 0.33); border-radius:50%; }
.ql-projects-imag { margin:0; padding:0; width:64px; height:auto; }
.ql-projects-text { font-size:16px; text-decoration:none; text-align:center; 
		margin:0; padding:0; }










.sizeSml { max-width:48px; }
.sizeMid { max-width:64px; }
.sizeLrg { max-width:88px; }

.category-image { max-width:350px; float:right; margin:20px 5px 20px 20px; }



.pjcts-status { 
  width:48px; height:18px; margin:0 auto;
  padding:1px; font-size:9px; border-radius:9px; display:flex; 
  align-items:center; justify-content:center;  }
.pjcts-status::after { display: block; }

.pjcts-pending { background-color: rgba(255, 255, 0, 0.55); color: black; }
.pjcts-pending::after { content: "Pending"; }

.pjcts-active { background-color: rgba(255, 165, 0, 0.55);  color: black;  }
.pjcts-active::after { content: "Active"; }

.pjcts-canceled { background-color: rgba(127, 127, 127, 0.33); color: white; }
.pjcts-canceled::after { content: "Canceled"; } 

.pjcts-done { background-color: rgba(0, 255, 0, 0.33); color: white;  }
.pjcts-done::after { content: "Done"; }

.pjcts-error { background-color: rgba(255, 0, 0, 0.33); color: white; }
.pjcts-error::after { content: "Error"; }

.pjcts-abandoned { background-color: rgba(255, 0, 0, 0.33); color: black; }
.pjcts-abandoned::after { content: "Abandoned"; }


.pjcts-table-wrap { width:auto;
  border:0px dotted gray; border-radius:4px;
		margin:0 auto; padding:0;  }

.pjcts-table-tbl { width:100%; 
		border:1px dotted gray; border-radius:4px; 
		margin:0 0px; padding:0; }

.pjcts-table-hdr { background-color:antiquewhite; color:black;
		margin:0; padding:0; }

.pjcts-table-row { border-top:0px dotted gray; border-bottom:0px dotted gray;  }
.pjcts-table-row > td { border-top:1px dotted gray;  }

.pjcts-table-category { font-size:12px; text-decoration:none; text-align:center; 
		margin:0; padding:0; text-decoration:none; width:110px; }

.pjcts-table-status { font-size:12px; text-decoration:none; text-align:center; 
		margin:0; padding:0; text-decoration:none; width:110px; }

.pjcts-table-image { margin:0 auto; padding:0; width:100px; ; text-align:center;  }
.pjcts-table-image > img { margin:0 auto; width:48px; height:auto;   }

.pjcts-table-title { font-size:18px; font-weight:700; text-align:center; text-decoration:none; 
		margin:0; padding:0; width:max-content; padding-right:20px; }

.pjcts-table-link { margin:0; padding:0; }

.pjcts-table-link:hover { 
	    box-shadow:0 0 10px 10px rgba(255, 255, 255, 0.33); 
	    background-color:rgba(255, 255, 255, 0.33); border-radius:50%; }

.pjcts-table-descript { font-size:12px; text-decoration:none; text-align:left; 
		margin:0; padding:0; text-decoration:none; width:auto; }





/* --- END --- */