/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy-pro
 * Text Domain: blocksy-pro
 * Version: 1.0.4.0
 * Requires at least: 6.0
 */

body {
    box-sizing: border-box;
    /*font-family: "Inter var", "Inter Fallback", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;*/
}

*,
*::before,
*::after {
    word-break: break-word;
}

.home .entry-content > h2,
.ct-sidebar h2,
.ct-sidebar .widget_text p{
    color: var(--color);
    font-weight: bold;
    font-size: 20px;
    line-height: 22px;
    position: relative;
    padding-left: 8px;
}

.home .entry-content > h2::before,
.ct-sidebar h2::before,
.ct-sidebar .widget_text p::before{
    width: 12px;
    height: 15px;
    position: absolute;
    bottom: 4px;
    left: 0;
    content: '';
    display: inline-block;
    background-color: var(--paletteColor1);
    clip-path: polygon(60% 0%,100% 0,40% 100%,0% 100%);
}

.single .ct-featured-image .ct-image-container img {
    border-radius: 8px;
}

.archive article .card-content .meta-categories a {
    display: block;
    color: var(--color);
    opacity: 0.5;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-transform: uppercase;
    letter-spacing: -0.02em;
}

.archive #main article .card-content .entry-meta,
.archive #main article .card-content .entry-title {
    margin-bottom: 0;
}

.archive article .card-content .entry-excerpt,
.archive article .card-content .entry-excerpt p {
    margin: 5px 0 10px 0;
    color: var(--color);
    opacity: 0.9;
    font-size: 16px;
    line-height: 18px;
}

.meta-author > a {
    pointer-events: none;
}

.category .page-description {
    margin-top: 20px;
}

.compliance .compliance-age {
    padding: 12px;
    font-size: 14px;
    line-height: 20px;
    background: red;
    color: white;
    font-weight: bold;
}

.compliance .compliance-text {
    padding: 10px;
    font-size: 14px;
    background: white;
    color: grey;
    font-weight: bold;
}

nav[class*=menu] li > a svg,
nav[class*=mobile-menu] li button svg {
    --icon-hover-color: var(--paletteColor1);
    fill: var(--paletteColor1);
}

#nsn_league .nav-league ul.menu {
    display: block;
}

.ct-breadcrumbs {
    width: var(--container-width);
    max-width: var(--normal-container-max-width);
    margin: 35px auto;
}

.item-has-link{
    cursor: pointer;
}

@media screen and (min-width: 768px) {

    .archive #main article .card-content .entry-title {
        font-size: 25px;
        line-height: 27px;
        font-weight: bold;
    }

    .category .ct-breadcrumbs {
        margin-top: 20px;
    }

}

@media screen and (max-width: 768px) {

    footer.ct-footer [data-column] {
        align-items: center;
    }

    .ct-header-trigger {
        animation: menu-delay 0s 6s forwards;
        opacity: 0;
    }

    .ct-header-search {
        animation: menu-delay 0s 6s forwards;
        opacity: 0;
    }

}

@keyframes menu-delay {
    to   { opacity: 1; }
}

figure {
    width: 100% !important;
    max-width: 100% !important;
}