/*
 * Category page styling.
 *
 * The template's inline <style> block, verbatim. Enqueued after the theme's main stylesheet,
 * which is where it sat, so the cascade is unchanged.
 *
 * Build: 2026.08.26.04
 */
.categorylist {
    display: flex;
    justify-content: space-between;
    grid-gap: 32px;
}

.categoryitemlist {
    max-width: 100%;
    margin-top: 2rem;
    padding-bottom: 6rem;
    margin-bottom: 0;
    /* padding-right: 100px; */
}

.categoryitemlist>div:nth-child(1){
    margin-bottom: 40px;
}

.categoryitemlist h2 {
    text-transform: uppercase;
}

.categoryitemlist p {
    padding-right: 40%;
    margin: 0;
    /* padding-bottom: 15px; */
}

.categorycolum p {
    text-transform: uppercase;
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
}

p.categoryitem a {
    color: #000;
    position: relative;
    text-decoration: none !important;
    font-weight:900;
}

.resources-section .catInfo ul { list-style:none; padding-left:0;}
.resources-section .catInfo ul:not([class]) li { padding-left:0; padding-bottom:10px;  }
.resources-section .catInfo ul:not([class]) li:before { display:none; }

li.categoryitem a {
    color: #000;
    position: relative;
    text-decoration: underline !important;
}

.categoryitem a:hover>span.custtooltip:hover {
    opacity: 0;
    visibility: hidden;
}

.categoryitem a:hover>span.custtooltip {
    opacity: 1;
    visibility: visible;
}
.categoryitem a:hover{
    color: #f79b77;
}
.categoryitem a:hover span{
    color:#000
}

.custtooltip {
    position: absolute;
    top: 90%;
    left: 100%;
    background: #fff;
    z-index: 5;
    padding: 10px;
    min-width: 150px;
    max-width: 220px;
    box-shadow: 2px 5px 22px -9px #000;
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease-in-out;
}
.categorylist >div{
    width: 33.33%;
}

/* new css */

.withimgsec div:nth-child(1) p {
    margin-bottom: 0;
}

.content_head span,
.content_head i {
    font-size: 12px;
    transition: all .3s ease;
}
.content_head i:hover{
    color: var(--dark-color);
}

.categories.main-content-inner {
    overflow: unset;
}
.mainbg.categorypage .content_left{
    position: sticky;
    top: 0;
}


.mainbg.categorypage >.content_right{
    margin-left: 8rem;
}
.main-content-inner.categories .contetn_head h1{
    padding: 3rem 0 2rem calc(8rem + 100px);
}

#categories div {    width: 100%;}
.catalist { background-image:none; }
.categorylist { flex-wrap: wrap; }
.content_right a { text-decoration: underline; }
.categorypage .content_right, .catalist>.content_right {background-color: rgba(255, 255, 255, 0.8);}
.hide { display:none; }
.single ul:not(.row):not(#menu-main) { list-style:initial; padding: initial; padding-left: 2rem; margin: initial; } 
.categoryitemlist p { padding-right: 0; }
.custtooltip { width:300px; max-width:450px; text-transform:none;left:10%;}

@media screen and (max-width: 760px) {
.custtooltip { left:0; }
.noleftpad .about4 {width: 80%;  max-width: 80%;  clear: both; float: none;  margin: 20px auto; }
.noleftpad .about3>p { padding: 0.1rem 1rem; }
.catalist .content_right { padding-left: 10px; backdrop-filter:none; }
.categories .content_right { padding-left: 125px; }
.catalist .content_right { padding-left: 0px; }
.categorycolum { width:45%; min-width:45%; max-width:45%;}
.categoryitemlist p { min-height: 80px; }
}

@media screen and (min-width: 1180px) {
.categorycolum { width:30%; min-width:30%; max-width:30%;}
}
@media screen and (min-width: 1440px) {
.categoryitemlist p { min-height: 50px; }
}