/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
h1 {
    font-size: clamp(1.75rem, 3.8vw, 2.45rem);
}

h2 {
    font-size: clamp(1.38rem, 2.6vw, 1.78rem);
}

h3 {
    font-size: clamp(1.20rem, 2vw, 1.45rem);
}

h4 {
    font-size: clamp(1.08rem, 1.6vw, 1.25rem);
}

h5 {
    font-size: clamp(1rem, 1.3vw, 1.10rem);
}

h6 {
    font-size: clamp(0.92rem, 1.1vw, 1rem);
}
/* ===== Premium Submenu Arrow Animation ===== */

.gb-submenu-toggle-icon {
    transition: transform .3s cubic-bezier(.22,1,.36,1);
}

.menu-item-has-children:hover .gb-submenu-toggle-icon,
.menu-item-has-children:focus-within .gb-submenu-toggle-icon {
    transform: translateY(-2px) rotate(180deg);
}
/* ===== end =====  */

/* ===== Remove Scroll on hover =====  */
[data-sf-viewer="preview"].sf-no-scroll:hover img {
    transform: none !important;
}
.sf-gallery-thumbs__item {
    border: 2px solid var(--border);
}
.sf-gallery-thumbs__item--active{
	border: 2px solid var(--orange);
}
/*  ===== end =====*/

#force-footer {
    display: none !important;
}


/* ===== BareTOC ===== */

nav.baretoc {
    --baretoc-scroll-offset: 160px;

    border: 1px solid var(--border);
    border-radius: 5px;
    overflow: hidden;
    position: sticky;
    top: 50px;
}

.baretoc-header {
    padding: 15px;
    background-color: var(--off-white);
}

.baretoc-title {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: var(--heading);
}

/* The plugin uses a div trigger, not a button */
.baretoc-header.baretoc-toggle {
    width: 100%;
    padding: 15px;
    border: 0;
    background-color: var(--off-white);
    color: var(--heading);
    cursor: pointer;
}

.baretoc-header.baretoc-toggle:focus-visible {
    outline: 2px solid var(--orange);
    outline-offset: -2px;
}

.baretoc-content {
    max-height: calc(100vh - 285px);
    overflow-y: auto;
    overscroll-behavior: contain;

    /* Firefox */
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 transparent;
}

/* Chrome, Edge and Safari */
.baretoc-content::-webkit-scrollbar {
    width: 3px;
}

.baretoc-content::-webkit-scrollbar-track {
    background: transparent;
}

.baretoc-content::-webkit-scrollbar-thumb {
    background-color: #cbd5e1;
    border-radius: 999px;
}

.baretoc-content::-webkit-scrollbar-thumb:hover {
    background-color: var(--muted);
}

ol.baretoc-list.baretoc-list--numbered {
    margin: 15px 20px 20px 40px;
}

li.baretoc-item {
    margin-bottom: 10px;
    font-size: 14px;
}

li.baretoc-item:last-child {
    margin-bottom: 0;
}

a.baretoc-link {
    color: var(--body-text);
    font-weight: 400;
    text-decoration: none;
    transition: color 0.15s ease;
}

a.baretoc-link:hover {
    color: var(--orange);
    text-decoration: underline;
}

a.baretoc-link:focus-visible {
    color: var(--orange);
    outline: 2px solid var(--orange);
    outline-offset: 3px;
}

/* Current heading */
a.baretoc-link.baretoc-link--active,
a.baretoc-link[aria-current="location"] {
    color: var(--navy);
    font-weight: 700;
}

/* Hide the scrollbar on mobile while keeping scrolling */
@media (max-width: 768px) {
    .baretoc-content {
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .baretoc-content::-webkit-scrollbar {
        display: none;
    }
}

/* ===== End BareTOC ===== */