/* Custom css */

/*Page Specific Styles */

/* Regolo submenu edits */

header.header #prima-menu .ubermenu-main li li a {
    padding-left: 0;
}

header.header #prima-menu .ubermenu-main li>.ubermenu-submenu li .ubermenu-submenu>li:hover a {
    color: #ff00E0;
}

.ubermenu-item:hover>a {
    color: #ff00E0;
}

.ubermenu-has-submenu-drop.ubermenu-active>a {
    color: #ff00E0;
}

header.header #prima-menu .ubermenu-main li>.ubermenu-submenu li.ubermenu-item-level-1>a {
    padding: 0;
    margin: 25px 15px 0 0;
}

/* END Regolo submenu edits END */

/* Regolo sticky button CSS */

.sticky-classes-button {
    display: none;
}

@media screen and (max-width: 47.9375em) {
    .sticky-classes-button {
        display: initial;
        position: fixed;
        bottom: 5px;
        right: 1rem;
        left: 1rem;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    }

    .single-class .footer {
        z-index: 9;
        background-color: white;
    }
}

/* END Regolo sticky button CSS END */

/* Regolo Fix homepage white space wrap */

@media screen and (min-width: 48em) {
    .home .posts .row {
        flex-wrap: nowrap;
    }
}

/* END Regolo Fix homepage white space wrap END */

/* Regolo Fix classes filter layout */

.filters.type label::before {
    content: "";
    display: inline-block;

    height: 20px;
    width: 20px;

    border: 1px solid;
}

.filters.type label::after {
    content: "";
    display: inline-block;
    height: 9px;
    width: 13px;
    border-left: 3px solid;
    border-bottom: 3px solid;
    transform: translateY(-50%) rotate(-45deg);
    left: 4px;
    top: 50%;
    opacity: 0;
}

.filters.type label {
    position: relative;
}

/*Unhide the checkmark on the checked state*/
.filters.type input[type="checkbox"]:checked+label::after {
    opacity: 1;
}

.filters.type input[type="checkbox"]:focus+label::before {
    outline: rgb(59, 153, 252) auto 5px;
}

.class-container-rgl {
    display: none;
}

.class-wrap-0 {
    display: block;
}

.class-container-rgl.active {
    display: block;
}

/* @media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

    .classes-filter,
    .filter-title {
        display: none;
    }
} */

.tax-class_category .filters.type ul li label {
    padding-left: 14px !important;
    padding-right: 14px !important;
}

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

    .page-template-page-classes .classes-filter ul li,
    .tax-class_category .classes-filter ul li,
    .tax-class_tag .classes-filter ul li {
        display: block;
        text-align: left;
        margin-bottom: 10px;
    }

    .page-template-page-classes .classes-filter .sticky-container,
    .tax-class_category .classes-filter .sticky-container,
    .tax-class_tag .classes-filter .sticky-container {
        height: auto;
    }
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

.main-classes {
    display: none;
    width: 95%;
    margin: 0 auto;
    font-family: 'Roboto', sans-serif;
    margin-top: 35px;
}

.trigger-api-load i {
    display: none !important;
}

body.single-class .trigger-api-load i {
    display: inline-block !important;
}

body.single-class .trigger-api-load {
    display: none;
    opacity: 0;
    margin-left: 15px;
    transition: .3s;
}

.single-class .trigger-api-load.active {
    display: block;
    opacity: 1;
    font-weight: bold;
}

.main-classes.active {
    display: block;
}

.tax-class_category .classes-filter ul {
    text-align: left;
    border: none;
}

.tax-class_category .classes-filter ul li label {
    border-radius: 50px;
    color: #353535;
    border: 1px solid #C2C2C2; 
    transition: .3s;
    text-decoration: none !important;
    margin-right: 10px;
    text-transform: initial;
}

.tax-class_category .classes-filter ul li label::after,
.tax-class_category .classes-filter ul li label::before {
    content: none;
}

.page-template-page-classes .classes-filter ul li input:checked+label,
.tax-class_category .classes-filter ul li input:checked+label,
.tax-class_tag .classes-filter ul li input:checked+label {
    /* border-color: #FF01E0;
    color: #fafafa;
    background-color: #FF01E0; */
	
	border-color: #333333;
    color: #fafafa;
    background-color: #333333;
}

.filter-title {
    margin-bottom: 25px;
}

.loader {
    width: 104px;
    height: 99px;

}

.loader:after {
    content: "loading";
    text-transform: uppercase;
    font-size: 0.7em;
    margin-top: -20px;
    opacity: 0.5;
    text-align: center;
    width: 100%;
    display: block;
}

.drawit {
    fill: transparent;
    stroke: #000;
    stroke-width: 0.4px;
    stroke-dasharray: 300;
    stroke-dashoffset: -300;
    animation: dash 8s linear 0.9s infinite alternate;
}

.jobing-j {
    stroke: #2f99f2;
    fill: transparent;
}

.recruiting-r {
    fill: transparent;
    stroke: #ccc;
    stroke-width: 1px;
}

/* Keyframes */
@keyframes dash {
    0% {
        stroke-dashoffset: -300;
    }

    30% {
        stroke-dashoffset: 0;
        stroke: #2ff276;
    }

    60% {
        stroke-dashoffset: 0;
        stroke: #e22ff2;
    }

    100% {
        stroke-dashoffset: -300;
    }
}

.classes-filter ul li label.beginner-a1 {
    border-color: #FF00CC;
}

.classes-filter ul li label.beginner-a1:hover {
    background-color: rgba(255, 0, 204, .15);
}

.classes-filter ul li input:checked+label.beginner-a1 {
    border-color: #FF00CC;
    background-color: #FF00CC;
}

.classes-filter ul li label.advanced-beginner-a2 {
    border-color: #EE0000;
}

.classes-filter ul li label.advanced-beginner-a2:hover {
    background-color: rgba(238, 0, 0, .15);
}

.classes-filter ul li input:checked+label.advanced-beginner-a2 {
    border-color: #EE0000;
    background-color: #EE0000;
}

.classes-filter ul li label.intermediate-b1 {
    border-color: #FF7733;
}

.classes-filter ul li label.intermediate-b1:hover {
    background-color: rgba(255, 119, 51, .15);
}

.classes-filter ul li input:checked+label.intermediate-b1 {
    border-color: #FF7733;
    background-color: #FF7733;
}

.classes-filter ul li label.advanced-b2 {
    border-color: #0099FF;
}

.classes-filter ul li label.advanced-b2:hover {
    background-color: rgba(0, 153, 255, .15);
}

.classes-filter ul li input:checked+label.advanced-b2 {
    border-color: #0099FF;
    background-color: #0099FF;
}

.classes-filter ul li label.expert-c1-c2 {
    border-color: #33CC66;
}

.classes-filter ul li label.expert-c1-c2:hover {
    background-color: rgba(51, 204, 102, .15);
}

.classes-filter ul li input:checked+label.expert-c1-c2 {
    border-color: #33CC66;
    background-color: #33CC66;
}

.no-results-found {
    display: none;
}

.no-results-found.active {
    display: block;
}