/* Gallery sitemap only — pages + category tree styles */
/* =========================================================
   SITEMAP PAGES — SIMPLE SINGLE COLUMN
   ========================================================= */

.wsp-container .wsp-pages-list {
    display: grid !important;

    grid-template-columns: 1fr !important;

    gap: 8px !important;

    width: 100% !important;

    margin: 0 0 35px !important;
    padding: 0 !important;

    list-style: none !important;
}


/* Reset */

.wsp-container .wsp-pages-list li {
    list-style: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   PAGE CARD
   ========================================================= */

.wsp-container .wsp-pages-list > li > a {

    display: flex !important;
    align-items: center !important;

    width: 100% !important;

    min-height: 44px !important;

    box-sizing: border-box !important;

    padding: 9px 14px !important;

    border: 1px solid #eee5e3 !important;

    border-radius: 7px !important;

    background: #fff !important;

    color: #555 !important;

    font-size: 12px !important;
    font-weight: 600 !important;

    line-height: 1.4 !important;

    text-decoration: none !important;

    box-shadow:
        0 2px 7px rgba(50,35,30,.035) !important;

    transition:
        transform .2s ease,
        border-color .2s ease,
        background .2s ease,
        color .2s ease,
        box-shadow .2s ease !important;
}


/* =========================================================
   RED LEFT ACCENT
   ========================================================= */

.wsp-container .wsp-pages-list > li > a::before {

    content: " !important;

    flex: 0 0 3px !important;

    width: 3px !important;

    height: 19px !important;

    margin-right: 11px !important;

    border-radius: 3px !important;

    background: #ba0018 !important;

    transition:
        width .2s ease,
        height .2s ease !important;
}


/* =========================================================
   FORWARD ARROW
   ========================================================= */

.wsp-container .wsp-pages-list > li > a::after {

    content: → !important;

    margin-left: auto !important;

    padding-left: 10px !important;

    color: #ba0018 !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 17px !important;

    font-weight: 400 !important;

    line-height: 1 !important;

    transition:
        transform .2s ease !important;
}


/* =========================================================
   HOVER
   ========================================================= */

.wsp-container .wsp-pages-list > li > a:hover {

    border-color: #e4c3c7 !important;

    background: #fff8f9 !important;

    color: #ba0018 !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 5px 14px rgba(186,0,24,.07) !important;
}


.wsp-container .wsp-pages-list > li > a:hover::before {

    width: 4px !important;

    height: 25px !important;
}


.wsp-container .wsp-pages-list > li > a:hover::after {

    transform: translateX(4px) !important;
}


/* =========================================================
   CHILD PAGES
   ========================================================= */

.wsp-container .wsp-pages-list li ul {

    margin: 5px 0 5px 14px !important;

    padding-left: 12px !important;

    border-left: 1px solid #eadbdd !important;

    list-style: none !important;
}


.wsp-container .wsp-pages-list li ul li {

    margin-bottom: 4px !important;
}


.wsp-container .wsp-pages-list li ul li a {

    display: flex !important;

    align-items: center !important;

    width: 100% !important;

    min-height: 34px !important;

    box-sizing: border-box !important;

    padding: 6px 10px !important;

    border: 1px solid #f1eceb !important;

    border-radius: 5px !important;

    background: #fafafa !important;

    color: #777 !important;

    font-size: 12px !important;

    text-decoration: none !important;
}


.wsp-container .wsp-pages-list li ul li a::before {

    content: • !important;

    margin-right: 8px !important;

    color: #ba0018 !important;

    font-size: 35px !important;
}


.wsp-container .wsp-pages-list li ul li a::after {

    content: → !important;

    margin-left: auto !important;

    color: #ba0018 !important;

    font-size: 14px !important;
}


.wsp-container .wsp-pages-list li ul li a:hover {

    background: #fff6f8 !important;

    border-color: #e6c9cd !important;

    color: #ba0018 !important;
}

/* =========================================================
   LINKS PAGE — SUBPAGES ONLY
   Targets:
   .page-list.subpages-page-list
   ========================================================= */


/* ---------------------------------------------------------
   MAIN LIST
   --------------------------------------------------------- */

.page-list.subpages-page-list {
    display: grid !important;

    grid-template-columns: 1fr !important;

    gap: 8px !important;

    width: 100% !important;

    margin: 0 0 30px !important;
    padding: 0 !important;

    list-style: none !important;
}


/* ---------------------------------------------------------
   LIST ITEM
   --------------------------------------------------------- */

.page-list.subpages-page-list > li.page_item {

    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


/* ---------------------------------------------------------
   LINK CARD
   --------------------------------------------------------- */

.page-list.subpages-page-list > li.page_item > a {

    display: flex !important;
    align-items: center !important;

    width: 100% !important;

    min-height: 48px !important;

    box-sizing: border-box !important;

    padding: 10px 14px !important;

    border: 1px solid #eee3e1 !important;

    border-radius: 7px !important;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fffafa 100%
        ) !important;

    color: #555 !important;

    font-size: 13px !important;

    font-weight: 600 !important;

    line-height: 1.4 !important;

    text-decoration: none !important;

    box-shadow:
        0 2px 8px rgba(50,35,30,.035) !important;

    transition:
        transform .22s ease,
        border-color .22s ease,
        background .22s ease,
        color .22s ease,
        box-shadow .22s ease !important;
}


/* ---------------------------------------------------------
   RED DOT
   --------------------------------------------------------- */

.page-list.subpages-page-list > li.page_item > a::before {

    content: " !important;

    display: block !important;

    flex: 0 0 7px !important;

    width: 7px !important;

    height: 7px !important;

    margin: 0 11px 0 0 !important;

    padding: 0 !important;

    border: 0 !important;

    border-radius: 50% !important;

    background: #ba0018 !important;

    box-shadow:
        0 0 0 3px rgba(186,0,24,.07) !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease !important;
}


/* ---------------------------------------------------------
   FORWARD ARROW
   --------------------------------------------------------- */

.page-list.subpages-page-list > li.page_item > a::after {

    content: → !important;

    display: inline-block !important;

    margin-left: auto !important;

    padding: 0 0 0 10px !important;

    color: #ba0018 !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 17px !important;

    font-weight: 400 !important;

    line-height: 1 !important;

    transition:
        transform .22s ease !important;
}


/* ---------------------------------------------------------
   HOVER
   --------------------------------------------------------- */

.page-list.subpages-page-list > li.page_item > a:hover {

    border-color: #e4bfc5 !important;

    background:
        linear-gradient(
            135deg,
            #fff6f8 0%,
            #ffffff 100%
        ) !important;

    color: #ba0018 !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 6px 15px rgba(186,0,24,.08) !important;
}


/* ---------------------------------------------------------
   DOT ANIMATION
   --------------------------------------------------------- */

.page-list.subpages-page-list > li.page_item > a:hover::before {

    transform: scale(1.35) !important;

    box-shadow:
        0 0 0 4px rgba(186,0,24,.10) !important;
}


/* ---------------------------------------------------------
   ARROW ANIMATION
   --------------------------------------------------------- */

.page-list.subpages-page-list > li.page_item > a:hover::after {

    transform: translateX(5px) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .page-list.subpages-page-list {

        gap: 7px !important;
    }

    .page-list.subpages-page-list > li.page_item > a {

        min-height: 46px !important;

        padding: 9px 12px !important;

        font-size: 12px !important;
    }
}
/* =========================================================
   CATEGORIES ONLY
   ========================================================= */
.wsp-container .wsp-pages-list > li > ul > li > a{
	background: #ba0018 !important;
	color: #fff !important;
}
.wsp-container .wsp-pages-list > li > ul > li > a::before {
    color: #fff !important;
}
.wsp-container .wsp-pages-list > li > ul > li > a::after {
    color: #fff !important;
}


.wsp-container .wsp-pages-list > li > ul > li > a:hover::before {
    content: • !important;
    margin-right: 8px !important;
    color: #ba0018 !important;
    font-size: 35px !important;
}

.wsp-container .wsp-pages-list > li > ul > li > a:hover::after {
    content: → !important;
    margin-left: auto !important;
    color: #ba0018 !important;
    font-size: 14px !important;
}
/* *********************************************************** */

.wsp-container .wsp-categories-list {
    display: grid !important;

    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    gap: 8px 10px !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


/* Category items */

.wsp-container .wsp-categories-list li {
    list-style: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   CATEGORY LINK
   ========================================================= */

.wsp-container .wsp-categories-list > li > a {

    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    min-height: 42px !important;

    box-sizing: border-box !important;

    padding: 8px 13px !important;

    border: 1px solid #eee3e1 !important;

    border-radius: 6px !important;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fffafa 100%
        ) !important;

    color: #555 !important;

    font-size: 12px !important;
    font-weight: 600 !important;

    line-height: 1.3 !important;

    text-decoration: none !important;

    box-shadow:
        0 2px 7px rgba(50,35,30,.025) !important;

    transition:
        transform .22s ease,
        border-color .22s ease,
        background .22s ease,
        color .22s ease,
        box-shadow .22s ease !important;
}


/* Red dot */

.wsp-container .wsp-categories-list > li > a::before {

    content: " !important;

    flex: 0 0 7px !important;

    width: 7px !important;
    height: 7px !important;

    margin-right: 10px !important;

    border-radius: 50% !important;

    background: #ba0018 !important;

    box-shadow:
        0 0 0 3px rgba(186,0,24,.07) !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease !important;
}


/* Forward arrow */

.wsp-container .wsp-categories-list > li > a::after {

    content: → !important;

    margin-left: auto !important;

    padding-left: 8px !important;

    color: #ba0018 !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 16px !important;

    font-weight: 400 !important;

    transition:
        transform .22s ease !important;
}


/* Hover */

.wsp-container .wsp-categories-list > li > a:hover {

    border-color: #e4bfc5 !important;

    background:
        linear-gradient(
            135deg,
            #fff7f8 0%,
            #ffffff 100%
        ) !important;

    color: #ba0018 !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 5px 14px rgba(186,0,24,.08) !important;
}


/* Dot hover */

.wsp-container .wsp-categories-list > li > a:hover::before {

    transform: scale(1.25) !important;

    box-shadow:
        0 0 0 4px rgba(186,0,24,.09) !important;
}


/* Arrow hover */

.wsp-container .wsp-categories-list > li > a:hover::after {

    transform: translateX(4px) !important;
}


/* =========================================================
   CATEGORY CHILDREN
   ========================================================= */

.wsp-container .wsp-categories-list li ul {

    display: grid !important;

    grid-template-columns: 1fr !important;

    gap: 4px !important;

    margin: 7px 0 5px 15px !important;

    padding-left: 10px !important;

    border-left: 1px solid #eadedd !important;
}


.wsp-container .wsp-categories-list li ul li a {

    display: flex !important;
    align-items: center !important;

    min-height: 34px !important;

    padding: 6px 9px !important;

    border: 1px solid #f1eceb !important;

    border-radius: 5px !important;

    background: #fafafa !important;

    color: #777 !important;

    font-size: 11px !important;

    text-decoration: none !important;

    transition: all .2s ease !important;
}


/* Child arrow */

.wsp-container .wsp-categories-list li ul li a::after {

    content: → !important;

    margin-left: auto !important;

    color: #ba0018 !important;

    font-size: 14px !important;
}


/* Child hover */

.wsp-container .wsp-categories-list li ul li a:hover {

    background: #fff7f8 !important;

    color: #ba0018 !important;

    border-color: #ead0d4 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .wsp-container .wsp-categories-list {

        grid-template-columns: 1fr !important;

        gap: 7px !important;
    }


    .wsp-container .wsp-categories-list > li > a {

        min-height: 45px !important;

        padding: 9px 12px !important;
    }
}


/* Links page design  */
/* =========================================================
   LINKS PAGE — POLISHED LINK CARDS
   ========================================================= */

/* Main content link lists */
/* .entry-content ul,
.post-content ul,
.page-content ul,
.single-content ul {

    list-style: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ---------------------------------------------------------
   LINK ITEMS
   --------------------------------------------------------- */