.elementor-7190 .elementor-element.elementor-element-00c236b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:1rem;--padding-bottom:5rem;--padding-left:var(--ofi-edge);--padding-right:var(--ofi-edge);}.elementor-7190 .elementor-element.elementor-element-b9e1399 .eael-toggle-slider{background-color:var( --e-global-color-secondary );}.elementor-7190 .elementor-element.elementor-element-b9e1399 .eael-toggle-switch-on .eael-toggle-slider{background-color:var( --e-global-color-secondary );}.elementor-7190 .elementor-element.elementor-element-b9e1399{width:var( --container-widget-width, 1100px );max-width:1100px;--container-widget-width:1100px;--container-widget-flex-grow:0;}.elementor-7190 .elementor-element.elementor-element-b9e1399.elementor-element{--align-self:center;}.elementor-7190 .elementor-element.elementor-element-b9e1399 .eael-toggle-switch-container{font-size:26px;margin-left:10px;margin-right:10px;}.elementor-7190 .elementor-element.elementor-element-b9e1399 .eael-toggle-switch-wrap{margin-bottom:20px;}.elementor-7190 .elementor-element.elementor-element-b9e1399 .eael-toggle-switch-inner{align-items:center;}.elementor-7190 .elementor-element.elementor-element-b9e1399 .eael-toggle-content-wrap{text-align:center;}@media(min-width:768px){.elementor-7190 .elementor-element.elementor-element-00c236b{--content-width:1200px;}}/* Start custom CSS for eael-toggle, class: .elementor-element-b9e1399 */.elementor-7190 .elementor-element.elementor-element-b9e1399[class][class] {

    --top-gap: 3.5rem;
    padding-top: var(--top-gap);
    
    .learndash-course-grid-filter {
        width: 100%;
        max-width: none;
        padding: 0;
        z-index: unset;
        border: 0;
        background: 0;
        margin-top: 0;
        position: absolute;
        right: 0;
        top: calc(var(--top-gap) * 2 * -1);
        .filter.search {
            margin: 0;
        }
        input {
            border: 0;
            padding: .5em 2.5em;
            background: #013C5E;
            border-radius: 2em;
            color: white;
            font-family: var(--e-global-typography-primary-font-family);
            text-transform: uppercase;
            font-size: 1em;
            &::placeholder {
                color: rgba(255 255 255 /.7);
            }
        }
        .ofi-icon {
            pointer-events: none;
            position: absolute;
            color: rgba(255 255 255 /.7);
            top: .75rem;
            left: .75rem;
            font-size: 1.3rem;
        }
        label {
            display: none;
        }
        .buttons {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
        }
        .button.apply,
        .button.clear {
            position: absolute;
            color: transparent;
            background: 0;
            inset: 0;
            left: auto;
            font-size: 1px;
            height: 100%; 
            border: 0;
        }
        .button.apply {
            opacity: 0;
            pointer-events: none;
        }
        .button.clear {
            display: none;
            right: 0;
            top: 0;
            bottom: 0;
            color: transparent;
            background: rgba(0 0 0 / 0);
            width: 2em;
        }
    }
    
    .learndash-course-grid {
        padding-top: .5rem;

        .pagination .load-more {
            --primary-color: var(--ofi-color-accent);
            background-color: var(--primary-color);
            border-color: var(--primary-color);
            font-size: 1em;
            padding: .5em 1.5em;
            border-radius: 3em;
            &:hover {
                --primary-color: var(--e-global-color-secondary);
            }
        }
    }
}/* End custom CSS */