/*
Theme Name: agiletoolkit
Author: eo-networks
Author URI: http://eo.pl/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

@import "fonts.css";
@import "responsive.css";


:root {
    font-size: 16px;
    scroll-behavior: smooth;

    --green-1: #3CB212;
    --green-2: #B4F75E;
    --green-3: #FDFBC4;
    --green-3-rgba: 253, 251, 196;
    --orange-1: #B23812;
    --orange-2: #FF8934;
    --orange-3: #FFC977;
    --orange-3-rgba: 255, 201, 119;

    --tuna: #FFC79F;
    --blue-1: #1248B2;
    --blue-2: #5EAEF7;
    --blue-3: #C4FDEC;
    --blue-3-rbga: 196, 253, 236;

    --violet-1: #1219B2;
    --violet-2: #875EF7;
    --violet-3: #EFC4FD;
    --violet-3-rbga: 239, 196, 253;

    --pink: #EFC4FD;
    --yellow: #FFD96E;
    --orange: #FF7D13;
    --brown: #401502;

    --green-light-1: #02544C;
    --green-light-2: #05CFB0;
    --green-light-1-rgba: 2, 84, 76;

    --dark-blue-2: #09053C;
    --dark-bg: #1B1F23;
    --dark-bg-rbga: 27, 31, 35;

    --about-1: #404C75;

    --pageColor-1: var(--blue-1);
    --pageColor-2: var(--blue-2);
    --pageColor-3: var(--blue-3);
    --pageColor-3-rgba: var(--blue-3-rbga);
}

/* COLOR SCHEMA */
.orange {
    --pageColor-1: var(--orange-1);
    --pageColor-2: var(--orange-2);
    --pageColor-3: var(--orange-3);
    --pageColor-3-rgba: var(--orange-3-rgba);
}

.green {
    --pageColor-1: var(--green-1);
    --pageColor-2: var(--green-2);
    --pageColor-3: var(--green-3);
    --pageColor-3-rgba: var(--green-3-rgba);
}

.violet {
    --pageColor-1: var(--violet-1);
    --pageColor-2: var(--violet-2);
    --pageColor-3: var(--violet-3);
    --pageColor-3-rgba: var(--violet-3-rbga);
}

.about {
    --pageColor-1: var(--about-1);
}

.contact {
    --pageColor-1: var(--blue-1);
    --pageColor-2: var(--orange-3);
    --pageColor-3: var(--orange-3);
}


.dark-bg #page {
    --pageColor-1: var(--green-light-1);
    --pageColor-2: var(--green-light-2);
    --pageColor-3: var(--blue-3);
    --pageColor-3-rgba: var(--green-light-1-rgba);
    
    background-color: var(--dark-bg);
    
    .section-title h2,
    .wpb_wrapper *:not(.sp-pcp-title *, .wpcf7-submit, .black-bg-text, .price-box a span):not(.wpcf7-not-valid-tip-text) {
        color: var(--blue-3) !important;
    }
    .price-box .dt-btn span,
    .what-you-learn .wpb_wrapper .flex-box > div .wpb_text_column p,
    .wpb_wrapper .wpcf7-not-valid-tip-text {
        color: var(--dark-bg) !important;
    }
    .header-modal-button .vc_btn3::before {
        color: white !important;
    }
    .ult-banner-block .bb-top-title {
        background-color: var(--dark-bg) !important;
    }
    .faq-box.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading,
    .faq-box.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
        background-color: transparent;
    }

    .black-bg-text {
        background-color: var(--blue-3) !important;
        color: var(--dark-bg) !important;
    }
    .course-date .course-date-content > .vc_column-inner > .wpb_wrapper > div a.dt-btn span {
        color: var(--dark-bg) !important;
    }
    .course-date .price-box .early-birds-title > span:last-child,
    .course-date .price-box .early-birds-title span.only-to {
        background-color: var(--pageColor-2) !important;
        color: var(--pageColor-1) !important;
    }
    .modal-content.show {
        .wpb_wrapper *:not(.sp-pcp-title *, .wpcf7-submit, .black-bg-text, .price-box a span):not(.wpcf7-not-valid-tip-text) {
            color: var(--dark-bg) !important;
        }
        .wpb_wrapper .date-list {
            label {
                .price span {
                    color: var(--pageColor-3) !important;
                }
            }
        }       
    }
}

.branding a img,
.branding img,
.mobile-header-bar .mobile-branding img {
    max-height: 50px;
    
}

.logo-box img {
    max-height: 50px;
}

.header-video-main {
    max-height: 100vh;

    .wpb_wrapper {
        width: 100%;
        overflow: hidden;
        position: relative;

        iframe {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            border: none;
            width: 100%;
            height: 100%;
        }
    }

    &.desktop-only {
        .wpb_wrapper {
            padding-top: 56.25%;
        }
    }

    &.mobile-only {
        display: none;

        .wpb_wrapper {
            padding-top: 178%;
        }
    }
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    transition: background-color 5000s ease-in-out 0s;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    appearance: textfield;
    -moz-appearance: textfield;
}

/* BASE STYLES */
input:is(:-webkit-autofill, :autofill) {
    background: transparent !important;
    background-image: none !important;
    color: inherit !important;
}

.flex-box {
    display: flex;
}

.flex-box-center {
    align-items: center;
}

.lb-data .lb-details {
    display: none !important;
}

.vc_row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.vc_column_container>.vc_column-inner {
    padding-left: 0;
    padding-right: 0;
}

.vc_row-has-fill>.vc_column_container>.vc_column-inner {
    padding-top: 0 !important;
}

.wpb_button,
.wpb_content_element,
ul.wpb_thumbnails-fluid>li {
    margin-bottom: 0;
}

/* SECTIONS */
.section {
    margin-bottom: 4rem;
}

.section-title {
    margin-bottom: 2rem;
}

.section-small {
    max-width: 1462px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.section.dark-bg,
.section.dark-bg .upb_row_bg, 
.section.dark-bg .section-title h2 {
    color: #fff !important;
    background-color: var(--dark-bg) !important;
}

.black-bg-text {
    background-color: var(--dark-bg);
    color: #fff;
    padding: 0 5px;
}

.grey-text {
    color: #9d9d9d;
}

.list-square {

    .list-square-content {
        padding: 0 15% 0 5rem;
    }

    .standard-arrow li,
    .standard-number-list li {
        padding-left: 44px;
        margin-top: 2rem;
        font-size: clamp(1.25rem, 1.5vw, 1.5rem);
        line-height: clamp(1.75rem, 1.5vw, 2.25rem);
    }

    .standard-number-list li:before, 
    .standard-arrow li:before {
        background-color: var(--pageColor-2);
        border-radius: 0;
        width: 20px;
        height: 20px;
    }

    .standard-number-list li.orange:before, 
    .standard-arrow li.orange:before {
        background-color: var(--orange-2);
    }

    .standard-number-list li.violet:before, 
    .standard-arrow li.violet:before {
        background-color: var(--violet-2);
    }

    .standard-number-list li.green:before, 
    .standard-arrow li.green:before {
        background-color: var(--green-2);
    }

    .standard-number-list li:after, 
    .standard-arrow li:after {
        display: none;
    }
}

.list-square.dark-bg {
    .standard-arrow li,
    .standard-number-list li {
        margin-top: 1.5rem;
    }
}


.header-title-box {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 123;
    background-color: #0000009c;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* BUTTONS */
/* button blue */
.btn-blue.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style) {
    border-color: var(--pageColor-3) !important;
    box-shadow: 8px 8px 0 0 var(--pageColor-3) !important;
}

.btn-blue.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-no-decoration):hover {
    box-shadow: 0 0 0 0 var(--pageColor-3) !important;
}

/* button white */
.btn-white.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style),
.btn-white button {
    border-color: white !important;
    box-shadow: 8px 8px 0 0 white !important;
    background-color:var(--dark-bg) !important;
    color: white !important;
    border-radius: 0 !important;
}

.btn-white.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-no-decoration):hover,
.btn-white button:hover {
    box-shadow: 0 0 0 0 white !important;
}


.course-list.flex-box-column .btn-black a,
.btn-white-black a {
    border-color: var(--dark-blue-2) !important;
    box-shadow: 8px 8px 0 0 var(--dark-blue-2) !important;
    background-color:#fff !important;
    color: var(--dark-bg) !important;
    border-radius: 0 !important;
}

.course-list.flex-box-column .btn-black a:hover,
.btn-white-black a:hover {
    box-shadow: 0 0 0 0 var(--dark-blue-2) !important;
}

.btn-white-black.btn-medium {
    padding: 1rem 1.5rem !important;
}

/* button black */
a.btn-black,
.btn-black a,
.btn-black button {
    background: var(--dark-bg) !important;
    color: #fff !important;
    border: 2px solid #fff !important;
    border-radius: 0 !important;
    box-shadow: 8px 8px 0 -2px #fff, 8px 8px 0 0 var(--dark-bg) !important;
    transition: all 0.3s ease-out !important;
}

.btn-black.btn-inverse a {
    color: var(--dark-bg) !important;
    background: #fff !important;
    border-color: 2px solid var(--dark-bg) !important;
    box-shadow: 8px 8px 0 -2px var(--dark-bg), 8px 8px 0 0 var(--dark-bg) !important;
}

a.btn-black:hover,
.btn-black a:hover,
.btn-black button:hover {
    box-shadow: 0 0 0 0 #fff !important;
}

.btn-black.btn-inverse a:hover {
    box-shadow: 0 0 0 0 var(--dark-bg) !important;
}

.btn-white-black.ico-linkedin a {
    background-image: url(images/ico_linkedin.png) !important;
    background-repeat: no-repeat !important;
    background-position: 10px center !important;
    background-size: 20%;
    padding-left: 3.5rem;
    font-weight: bold;
}

.first_letter_img {
    margin-right: 0.8rem;
    position: relative;
    top: 0.7rem;
}


/* HOVER BOX */
.course .ult-banner-block {
    cursor: pointer;

    .bb-top-title {
        font-size: 1.5rem;
        line-height: 2rem;
        padding: 20px 20px 0;
        text-align: left;
    }
    .mask .bb-description {
        padding: 20px;
        text-align: left;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }

    .mask p {
        text-align: left;
        padding: 0;
    }
    
    &:not(:has(img)) {
        display: flex !important;
        flex-direction: column-reverse;

        .mask {
            background-color: var(--pageColor-1) !important;
            position: relative;
            opacity: 1;
            transform: none;
            min-height: 296px;
        }
        
    }
}

.course .ult-banner-block:hover {
    .mask.opaque-background {
        background-color: var(--pageColor-1) !important;
    }
}


/* FLEX BOX GAP */
.flex-box-gap {
    gap: 1.5rem;
}

.flex-box-gap>.vc_column_container {
    width: auto !important;
    flex: 1;
}

.flex-box-gap>.vc_column_container div:not(.wpb_single_image) {
    height: 100%;
}

.flex-box-gap .vc_column_container .wpb_wrapper:has(.wpb_single_image) {
    display: flex;
    flex-direction: column;
}

.box-gap>.vc_column-inner>.wpb_wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
}

.flex-box-gap .vc_column_container .wpb_single_image {
    margin-bottom: 1.8rem;
}

.flex-box-gap .vc_column_container h5 {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-top: auto;
}
.flex-box-gap svg path {
    fill: var(--pageColor-2);
}


/* FAQ */
.faq-box.vc_tta.vc_tta-accordion .vc_tta-panel {
    border-top: 2px solid var(--pageColor-3);
}

.faq-box.vc_tta.vc_tta-accordion .vc_tta-panel:last-child {
    border-bottom: 2px solid var(--pageColor-3);
}

.faq-box.vc_tta.vc_tta-style-classic .vc_tta-panel.vc_active+.vc_tta-panel .vc_tta-panel-heading,
.faq-box.vc_tta.vc_tta-style-classic .vc_tta-panel:not(:first-child) .vc_tta-panel-heading {
    margin-top: 0;
}

.faq-box.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon,
.course-program .vc_row:has(.wpb_single_image) .wpb_column.vc_column_container:last-child > .vc_column-inner > .wpb_wrapper:before {
    left: unset;
    right: 20px;
    width: 5rem;
    height: 5rem;
    flex-shrink: 0;
    border-radius: 40px;
    background-color: var(--pageColor-1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.faq-box.vc_tta.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-controls-icon-position-left .vc_tta-controls-icon,
.course-program .vc_row.active:has(.wpb_single_image) .wpb_column.vc_column_container:last-child > .vc_column-inner > .wpb_wrapper:before {
    background-color: var(--pageColor-3);
}

.faq-box.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::after,
.faq-box.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::before {
    border-color: var(--pageColor-3);
}

.faq-box.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::after {
    height: 2.5rem;
    position: unset;
}

.faq-box.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::before {
    width: 2.5rem;
    margin-left: 1.25rem;
}

.faq-box.vc_tta-color-white.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before {
    border-color: var(--pageColor-1);
}

.faq-box.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading,
.faq-box.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
    border: 0 none;
}

.faq-box.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a,
.faq-box.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a,
.course-program .course-program-title h4 {
    font-size: 2rem;
    line-height: 2.5rem;
    padding:  2rem 1.25rem;
    color: var(--dark-bg);
}

.faq-box.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body,
.course-program .course-program-content p {
    font-size: 1.5rem;
    line-height: 2rem;
    padding: 0 1.25rem 2rem;
}

.faq-box.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:focus, 
.faq-box.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover {
    background-color: transparent;
}

.course-program .wpb_single_image .vc_single_image-wrapper svg {
    max-width: 50%;
    height: auto;
}

.course-program .vc_row {
    margin-bottom: 4rem; 
}

.course-program .vc_row .course-program-title {
    max-width: 100%;
}

.course-program .vc_row:has(.wpb_single_image) {
    cursor: pointer;
}

.course-program .vc_row:has(.wpb_single_image) .wpb_column.vc_column_container:last-child > .vc_column-inner > .wpb_wrapper:before {
    position: absolute;
    top: 2rem;
    right: 0;
    content: '\002B';
    color: var(--pageColor-3);
    font-size: 5rem;
    font-weight: 100;
}

.course-program .vc_row.active:has(.wpb_single_image) .wpb_column.vc_column_container:last-child > .vc_column-inner > .wpb_wrapper:before {
    content: '\002D';
    background-color: var(--pageColor-3);
    color: var(--pageColor-1);
}

.course-program .course-program-content {
    border-bottom: 2px solid var(--pageColor-3);
    padding: 0 1.25rem 2rem;
}

.course-program .course-program-title,
.course-program .course-program-content p {
    max-width: 85%;
}

.course-program .course-program-title h4 {
    padding-top: 0;
}

.course-program .course-program-content p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    padding: 0;
    max-height: 4rem;
    transition: max-height 1s cubic-bezier(0, 1, 0, 1);
    
}

.course-program .vc_row.active .course-program-content p {
    -webkit-line-clamp: 40;
    line-clamp: 40;
    max-height: 40rem;
    transition: max-height 1s ease-in-out;
}



/* section header */
.section-header {
    max-height: 100vh;
}

.section-header .upb_video-bg {
    background-position: center right !important;
}



/* COURSE PAGE */
.course,
.module-calendar,
.current-courses {
    &.dark-bg .header-section .upb_row_bg {
        background-size: 70% !important;
    }
    & .header-section {
        .img-box + .wpb_column {
            z-index: 1;
        }
    }
    .netto {
        font-size: 1rem !important;
    }
    .course-date,
    .module-calendar .module-section,
    .course-item {
        display: none;
        height: 15vw;
        max-height: 232px;
        align-items: center;
        padding: 0 2rem;
    }
    .course-date.show,
    .module-calendar .module-section,
    .course-item {
        display: flex;
    }
    .course-item {
        height: auto;
        max-height: unset;
        padding: 2rem;
        margin-bottom: 2px;
    }
    .course-item .date {
        width: 100%;
        max-width: 25%;
    }
    .course-item .title {
        width: 100%;
        max-width: 60%;
    }
    .course-item > div:last-child {
        width: 100%;
        max-width: 15%;
    }
    .module-calendar .module-section {
        justify-content: center;
        width: 100%;
    }
    .module-calendar .module-section > .wpb_column:first-of-type {
        max-width: 340px;
        padding: 1rem 0;
    }
    .module-calendar .module-section > .wpb_column:last-of-type {
        max-width: 1360px;
        padding: 1rem 0;
    }
    .course-date .course-date-content {
        max-width: 1700px;
        margin: 0 auto !important;
    }
    .course-date .course-date-content > .vc_column-inner > .wpb_wrapper,
    .module-calendar > .wpb_column > .vc_column-inner > .wpb_wrapper {
        display: flex;
        align-items: center;
    }
    .module-calendar > .wpb_column > .vc_column-inner > .wpb_wrapper {
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .course-date .course-date-content > .vc_column-inner > .wpb_wrapper > div {
        width: 100%;
        max-width: 20%;
    }
    .course-date .course-date-content > .vc_column-inner > .wpb_wrapper > div:nth-of-type(3) {
        max-width: 37%;
    }
    .course-dates-box .course-date:nth-child(1) {
        background-color: rgba(var(--pageColor-3-rgba), 1) !important;
    }
    .course-dates-box .course-date:nth-child(2) {
        background-color: rgba(var(--pageColor-3-rgba), 0.8) !important;
    }
    .course-dates-box .course-date:nth-child(3) {
        background-color: rgba(var(--pageColor-3-rgba), 0.6) !important;
    }
    .course-dates-box .course-date:nth-child(4) {
        background-color: rgba(var(--pageColor-3-rgba), 0.4) !important;
    }
    .course-dates-box .course-date:nth-child(5) {
        background-color: rgba(var(--pageColor-3-rgba), 0.2) !important;
    }
    .course-date .course-date-content .date,
    .course-date .course-date-content .where div:last-child,
    .course-date .course-date-content .price .regular span,
    .course-date .course-date-content .price .early-birds-title + span,
    .course-date .course-date-content .price .early-birds-title + span + span,
    .module-section .month,
    .module-section .module,
    .module-section .hours,
    .module-section .from-to,
    .course-item .month-start,
    .course-item .month-end,
    .course-item .title div {
        font-size: clamp(1rem, 2.5vw, 1.5rem);
        line-height: clamp(1.5rem, 2.5vw, 2rem);
    }
    .module-section .module-title,
    .course-item h3 {
        font-size: clamp(1.5rem, 2vw, 2.5rem);
        line-height: clamp(2rem, 2vw, 3rem);
    }
    .module-section .hours,
    .module-section .from-to {
        display: inline-block;
    }
    .module-section .hours {
        margin-left: 1rem;
    }
    .module-section .hours:before {
        content: '';
        display: inline-block;
        width: 0.5rem;
        height: 0.5rem;
        border-radius: 50%;
        background-color: var(--pageColor-1);
        margin-right: 1rem;
        margin-bottom: 0.25rem;
    }
    .course-date .course-date-content .price .early-birds-title + span > span {
        display: none;
    }
    .course-date .course-date-content .date div:last-child,
    .module-section .day,
    .course-item .days {
        font-size: clamp(4rem, 19vw, 5rem);
        line-height: clamp(4.5rem, 19vw, 5rem);
    }

    .course-date .course-date-content .date div:last-child span:last-of-type,
    .course-item .date div:last-child span:last-of-type {
        display: inline-flex;
        flex-direction: column;

        span {
            display: inline-block;
            font-size: clamp(1rem, 2.5vw, 1.5rem);
            line-height: clamp(1.5rem, 2.5vw, 2rem);
        }
    }
    .course-date .course-date-content .dt-btn-l {
        background-color: #fff;
    }

    .no-available-dates {
        max-width: 940px;
        margin: 0 auto !important;

        h4,
        .wpcf7-list-item .text,
        .form-label,
        .text a {
            color: var(--pageColor-3) !important;
        }

        .wpcf7-submit {
            margin: 2rem auto;
            display: block;
        }
        .wpcf7-submit:disabled {
            background-color: #ddd;
        }
        .form-group input,
        .form-group input:-webkit-autofill,
        .form-group input:-webkit-autofill:focus {
            background-color: transparent !important;
            border-color: var(--pageColor-2) !important;
            color: var(--pageColor-3) !important;
        }
        .form-group input:checked + .wpcf7-list-item-label:before {
            background-color: var(--pageColor-2) !important;
            border-color: var(--pageColor-2) !important;
        }
    }
    .vc_row:has(.no-available-dates) .upb_row_bg {
        background: var(--pageColor-1) !important;
    }

    .for-whom .wpb_wrapper {
        display: contents;
    }

    .for-whom .wpb_wrapper .wpb_text_column {
        flex: 1;
        max-width: calc(719px - 7.5rem);
    }

    .for-whom .wpb_column {
        h3 + p {
            line-height: 1.8rem !important;
            opacity: 0.7;
        } 

        &:has(img[src*="-1."]) {
            .wpb_text_column {
                border-left: 2.5rem solid var(--pageColor-1) !important;
            }
        }

        &:has(img[src*="-2."]) {
            .wpb_text_column {
                border-left: 2.5rem solid var(--pageColor-2) !important;
            }
        }

        &:has(img[src*="-3."]) {
            .wpb_text_column {
                border-left: 2.5rem solid var(--pageColor-3) !important;
            }
        }
    }
}

.current-courses-box {
    position: relative;
    transition: opacity 0.7s ease-in-out;

    .current-courses {
        margin: 2rem 0 4rem;
        overflow: hidden;
        mask-image: linear-gradient(to bottom, rgb(0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
        opacity: 1;
        transition: height 0.5s ease-in-out;
        
        .course-item {
            .date div {
                display: flex;
                flex-direction: column;
                width: fit-content;

                .month-end {
                    text-align: right;
                    margin-top: -10px;
                }
            }
        }
        &.expanded {
            mask-image: none;
            
            &+ .moreButton {
                position: relative;
            }
        }
    }
    .moreButton {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 3rem;
        cursor: pointer;
    }
}


/* FORM STYLES */
.form-group {
    p { 
        position: relative;
        width: 100%;
        margin-bottom: 3rem;
    }
    .form-field {
        width: 100%;
        border: 0;
        border-bottom: 2px solid var(--pageColor-3);
        outline: 0;
        font-size: 1.25rem !important;
        line-height: 1.5rem !important;
        color: rgb(24, 24, 24);
        padding: 12px 0 12px 12px;
        margin-bottom: 0 !important;
        background-color: #fff;
        transition: all 0.2s;
    }
    .form-label {
        position: absolute;
        left: 0;
        top: 10px;
        transition: all 0.2s;
        padding: 0 2px;
        z-index: 1;
        color: #1B1F23;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    &.focus {
        .form-field {
            border: 0 !important;
            border-bottom: 2px solid var(--pageColor-2) !important;
            box-shadow: none;
            background-color: #fff !important;
        }

        .form-label {
            top: -20px;
        }
    }
    input[type="checkbox"] {
        visibility: hidden;
        position: absolute;
    }
    textarea {
        height: 3.125rem;
        resize: vertical;
    }   
    .wpcf7-list-item {
        margin: 0;
    }
    .after-label {
        color: #1B1F2360;
        margin-top: 1rem;
        display: block;
    }
    &.checkbox {
        .wpcf7-list-item .wpcf7-list-item-label {
            display: flex;
            position: relative;
            align-items: start;
            cursor: pointer;
        }
        .wpcf7-list-item .wpcf7-list-item-label:before {
            display: inline-block;
            width: 2rem;
            height: 2rem;
            background-color: #fff;
            margin-right: 16px;
            border: 2px solid #1B1F23;
        }
        .wpcf7-list-item .text {
            width: 85%;
            font-size: 1rem;
            line-height: 1.25rem;

            a {
                color: var(--pageColor-1);
            }
        }
        .wpcf7-list-item input:checked + .wpcf7-list-item-label:before {
            background-color: var(--pageColor-1);
            border-color: var(--pageColor-1);
            background-image: url(images/checkbox-tick.svg);
            background-repeat: no-repeat;
            background-position: 50% 50%;
        }
    }

}

.testimonial-item {
    flex-flow: unset;
    align-items: flex-start !important;
}

.testimonial-item .content-wrap {
    width: 100%;
}

.testimonial-item .content-wrap,
.testimonial-item .testimonial-content,
.testimonial-item .wp-block-group,
.testimonial-content .wp-block-group__inner-container {
        height: 100%;
}

.testimonial-item blockquote + .wp-block-group {
    height: auto;
    margin-bottom: 6rem;
}

.testimonial-content .wp-block-group__inner-container {
    border-left: 1.5rem solid var(--pageColor-3) !important;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}

.testimonial-item:has(.wp-block-embed) {
    .testimonial-content {
        display: flex;
    }

    .wp-block-group {
        flex: 1;
    }

    blockquote {
        border-left: 0 !important;
        margin-left: auto;
        padding: 0;
    }
}

.testimonial-content .wp-block-embed {
    width: 100%;
    max-width: 350px;
    margin: 0;
}

.testimonial-content blockquote {
    padding: 0;
    margin: 0 0 4rem;
    border-left: 1.5rem solid var(--pageColor-3) !important;

    p {
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        line-clamp: 5;
        -webkit-box-orient: vertical;
    }
    
    p:before, p:after {
        display: inline-lock;
        width: 10px;
        height: 10px;
        color: #9d9d9d;
    }

    p:before {
        content: '\201C';
    }
    p:after {
        content: '\201D';
    }
}

.testimonials-carousel-shortcode:has(.dt-owl-item.active .wp-block-embed) {
    .owl-nav {
        margin-left: calc(-36% + 310px);
        max-width: calc(74% - 350px);
    }
}

.testimonial-content .wp-block-group__inner-container blockquote {
    border: 0 none !important;
    padding: 0;
    max-width: 74%;
    background: transparent;
}

.testimonial-content img {
    width: 100%;
    max-width: 80px;
}

.testimonial-content .wp-block-media-text__content,
.testimonial-content .wp-block-media-text {
    display: flex;
}

.testimonial-content .wp-block-media-text__content {
    font-size: 1rem;
    line-height: 1.25rem;
    flex-wrap: wrap;
    align-self: center;
}

.testimonial-content .wp-block-media-text__content p {
    margin-bottom: 2px;
}

.testimonials-carousel-shortcode .owl-nav {
    position: absolute;
    bottom: 0;
    left: 50%;
    text-align: left;
    width: 74%;
    margin-left: -36%;
}

.testimonials-carousel-shortcode .owl-nav .owl-prev,
.testimonials-carousel-shortcode .owl-nav .owl-next {
    position: relative !important;
    transform: unset !important;
    margin-right: 2rem;
}

.testimonials-carousel-shortcode .owl-nav .owl-prev,
.testimonials-carousel-shortcode .owl-nav .owl-next,
.pcp-carousel-wrapper .pcp-button-next,
.pcp-carousel-wrapper .pcp-button-prev {
    width: 4rem !important;
    height: 4rem !important;
    margin-top: 0 !important;
    border-width: 0 !important;
}


.pcp-carousel-wrapper .pcp-button-next,
.pcp-carousel-wrapper .pcp-button-prev {
    top: 50% !important;
    transform: translateY(-50%);
    z-index: 9;

    i {
        font-family: icomoon-the7-font !important;
        line-height: 1;
        
        &::before {
            font-size: 1.5rem !important;
        }
    }

    &:hover {
        i::before {
            color: var(--pageColor-2) !important;
        }
    }
}

.pcp-carousel-wrapper .pcp-button-prev {
    left: 0 !important;
    right: unset !important;
    
}

.pcp-carousel-wrapper .pcp-button-next {
    right: 0 !important;
    left: unset !important;
}

.pcp-carousel-wrapper .pcp-button-next i::before {
    content: "\f033" !important;
}
.pcp-carousel-wrapper .pcp-button-prev i::before {
    content: "\f032" !important;
}

.testimonials-carousel-shortcode .owl-nav .owl-prev:before,
.testimonials-carousel-shortcode .owl-nav .owl-next:before,
.testimonials-carousel-shortcode .owl-nav .owl-prev:hover:before,
.testimonials-carousel-shortcode .owl-nav .owl-next:hover:before,
.testimonials-carousel-shortcode .owl-nav .owl-prev:after,
.testimonials-carousel-shortcode .owl-nav .owl-next:after,
.testimonials-carousel-shortcode .owl-nav .owl-prev:hover:after,
.testimonials-carousel-shortcode .owl-nav .owl-next:hover:after,
.pcp-carousel-wrapper .pcp-button-next,
.pcp-carousel-wrapper .pcp-button-prev {
    background-color: var(--pageColor-1) !important;
}

.testimonials-carousel-shortcode .owl-nav .owl-prev i:before,
.testimonials-carousel-shortcode .owl-nav .owl-next i:before {
    color: var(--pageColor-3) !important;
}

.testimonials-carousel-shortcode .owl-nav .owl-prev:hover i:before,
.testimonials-carousel-shortcode .owl-nav .owl-next:hover i:before {
    color: var(--pageColor-2) !important;
}

.course .header-section .wpb_column.img-box .modal-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.course .header-section .wpb_column.img-box .modal-button img {
    width: 65%;
    max-height: 74%;
    object-fit: none;
    position: absolute;
    top: 26%;
    left: 26%;
}
.course .ult_modal-body {
    background: transparent;
}


/* page title */
.course .header-section h2,
.course .header-section .subtitle-short {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 500;
}

.header-section .title-box {
    z-index: 2;
    padding-right: 1rem;
    mix-blend-mode: difference;
}

/* page course */
.course .header-section {
    margin-top: 39px;
    height: calc(100vh - 39px);
    max-height: 980px;
    max-width: 1920px;
    z-index: 10;
    overflow: visible;
}

.course .header-section .wpb_column,
.course .header-section .wpb_column .vc_column-inner,
.course .header-section .wpb_column .vc_column-inner .wpb_wrapper,
.course .header-section .wpb_column.img-box * {
    height: 100%;
}

.course .header-section .wpb_column.img-box .vc_single_image-wrapper {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.modal-full-video-button {
    justify-content: center;

    button {
        width: 100%;
        height: 100%;
        display: block;
        position: relative;
        line-height: 0;
        
        &::before {
            content: '\25B6';
            font-size: 2rem;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -55%);
        }
    }

    &.mobile-only {
        margin-top: 3rem;

        button {
            width: 3.5rem;
            height: 3.5rem;
        }
    }

    &.desktop-only {
        margin-top: 4rem;

        button {
            width: 4rem;
            height: 4rem;

            &::before {
                font-size: 2rem;
                transform: translate(-50%, -55%);
            }
        }
    }
}

@media screen and (width < 48rem) {
    .modal-full-video-button.desktop-only {
        display: none;
    }
    .modal-full-video-button.mobile-only {
        display: flex;
    }
}

@media screen and (width >= 48rem) {
    .modal-full-video-button.mobile-only {
        display: none;
    }
    .modal-full-video-button.desktop-only {
        display: flex;
    }
}

.course .header-section .wpb_column.img-box .header-modal-button,
.course-list .vc_pageable-slide-wrapper .vc_single_image-wrapper.playing::before {
    width: 8.5rem;
    height: 8.5rem;
    background-color: var(--dark-bg);
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 60%;
    margin: 0;
    cursor: pointer;
    font-size: 5rem;
    color: #fff;
    box-shadow: 8px 8px 0 0 #fff, 8px 8px 0 2px var(--dark-bg);
    transition: all 0.3s ease-out;
}

.course .header-section .wpb_column.img-box .header-modal-button .vc_btn3 {
    background: none;
    border: 0;
    width: 100%;
    height: 100%;
    position: relative;
}

.course .header-section .wpb_column.img-box .header-modal-button .vc_btn3::before {
    content: '\25B6';
    display: flex;
    width: 100%;
    height: 100%;
    font-size: 5rem;
    justify-content: center;
    align-items: center;
}




.course .header-section .wpb_column.img-box .header-modal-button:hover {
    box-shadow: 0 0 0 0 #fff;
}

.course .header-section .wpb_column.img-box img {
    height: auto;
    max-height: 90%;
    width: auto;
}

.course .header-section .wpb_column:last-of-type .vc_column-inner .wpb_wrapper {
    display: flex;
    flex-direction: column;
    height: 100%
}

.course .header-section .title-box {
    margin-top: 5rem;
    max-width: 868px;
}

.course .header-section .price-box,
.course .header-section .price-box.sticky.open,
.about.course .header-section .price-box.sticky.open {
    margin-top: auto;
    background-color: var(--pageColor-1);
    padding: 24px 40px 32px;
    height: auto;
    width: 100%;
    max-width: 31.25rem;
    align-self: self-end;
    font-size: clamp(1.25rem, 2.25vw, 2rem);
    line-height: clamp(2rem, 2.25vw, 2.5rem);
    color: var(--pageColor-3);
    transition: all 0.5s ease-in-out;
}


.course .header-section .price-box.sticky.open {
    .regular,
    .early-birds span,
    .vat,
    .btn-align-left {
        display: inline-block;
    }
}

.course .header-section .price-box.sticky {
    position: fixed;
    z-index: 2;
    width: 1.5em;
    min-height: 10rem;
    padding: 1rem;
    top: 20%;
    right: 0;
    cursor: pointer;

    .regular,
    .early-birds span,
    .vat,
    .btn-align-left {
        display: none;
    }

    &:not(.open) .early-birds div {
        font-size: 1rem;
        line-height: 1rem;
    }

    .label {
        writing-mode: vertical-lr;
        font-size: 1rem;
        line-height: 1;
        white-space: nowrap;
    }
}

.about.course .header-section .price-box.sticky {
    min-height: 9rem;
}

.other-course.course .header-section .price-box.sticky {
    min-height: 12rem;
}



.course .header-section .price-box .price {
    margin-bottom: 1rem;
    align-items: flex-end;
}

.course .header-section .price-box .price .regular {
    opacity: 0.6;
    text-decoration: line-through;

}

.course .header-section .price-box .price .early-birds {
    margin-left: auto;
}

.course .header-section .price-box .price .early-birds div {
    font-weight: 700;
}

/* Changes Piotr marketing - hide price on header in course page */
.course .header-section .price-box .price .regular,
.course .header-section .price-box .price .early-birds span,
.course .header-section .price-box .price .vat {
    display: none !important;
}

.course .header-section .price-box .price .early-birds {
    margin-left: 0;
}
/* end changes */

.course-date .price-box {
    .early-birds-title,
    .price .early-birds {
        display: none;
    }
}

.course-date .price-box.early-birds {
    .early-birds-title {
        display: flex;
    }
    .price .early-birds {
        display: block;
    }
}

.course-date .price,
.course .header-section .price-box .price {
    display: flex;
}

.course-date .price-box.early-birds .price .regular span,
.course-date .course-date-content .price .early-birds-title + span > span {
    text-decoration: line-through;
    color:rgba(27, 31, 35, 0.6);
}

.price .regular span:last-child {
    margin-left: 5px;
}

.course-date .price,
.course-date .price-box .price .regular span {
    color:rgba(27, 31, 35);
    text-decoration: none;
}

.course-date .price-box .early-birds-title {
    align-items: flex-start;
    font-size: 1rem;
    line-height: 1.5rem;
}

.course-date .price-box .early-birds-title span {
    width: auto;
    padding: 6px 10px;
}

.course-date .price-box .early-birds-title span:first-child {
    background-color: var(--pageColor-1);
    color: var(--pageColor-3);
}

.course-date .price-box .early-birds-title > span:last-child,
.course-date .price-box .early-birds-title span.only-to {
    background-color: var(--pageColor-3);
    color: var(--pageColor-1);
}

.course-date .where div:last-child {
    margin-top: 1rem;
    margin-bottom: 0;
}

.course-date .price .regular-title,
.course-date .price .early-birds-title {
    margin-bottom: 1rem;
    min-height: 36px;
}

.course-date .price span {
    padding-right: 5px;
}

.course-date .price .early-birds {
    margin-left: 2rem;
    margin-right: 10px;
}

.course .what-you-learn .flex-box {
    justify-content: space-between;
}

.course .what-you-learn .flex-box > div {
    background-color: var(--pageColor-3);
    width: 20% !important;
}

.course .what-you-learn .flex-box > div svg {
    position: absolute;
    bottom: -4rem;
    left: 50%;
    margin-left: -4rem;
    background-color: #ff0;
    transition: transform 0.5s ease-in-out;
    max-width: 8rem;
    max-height: 8rem;
}


.course .what-you-learn .flex-box > div:hover {
    .wpb_text_column {
        padding-bottom: 4.25rem;
        padding-top: 4.25rem;
        transition: padding 0.5s ease-in-out;
    }
    svg {
        transform: translate(0%, 0%) rotateX(90deg);
    }
}

.course .what-you-learn .flex-box > div .wpb_text_column {
    margin-top: 0 !important;
    margin-left: 5% !important;
    margin-right: 5% !important;
    padding-bottom: 6rem;
    padding-top: 2.5rem;
    transition: transform 0.5s ease-in-out, padding 0.5s ease-in-out;
}

.course .what-you-learn svg rect[fill="#5EAEF7"],
.course .what-you-learn svg circle[fill="#5EAEF7"],
.course .what-you-learn svg path[fill="#5EAEF7"],
.course-program .vc_row:has(.wpb_single_image) svg rect[fill="#5EAEF7"],
.course-program .vc_row:has(.wpb_single_image) svg rect[stroke="#5EAEF7"],
.course-program .vc_row:has(.wpb_single_image) svg circle[fill="#5EAEF7"],
.course-program .vc_row:has(.wpb_single_image) svg path[fill="#5EAEF7"],
.course-program .vc_row:has(.wpb_single_image) svg ellipse[fill="#5EAEF7"] {
    fill: var(--pageColor-2);
    stroke: var(--pageColor-2);
}

.course .what-you-learn svg rect[fill="#1248B2"],
.course .what-you-learn svg circle[fill="#1248B2"],
.course .what-you-learn svg path[fill="#1248B2"],
.course-program .vc_row:has(.wpb_single_image) svg rect[fill="#1248B2"],
.course-program .vc_row:has(.wpb_single_image) svg rect[stroke="#1248B2"],
.course-program .vc_row:has(.wpb_single_image) svg circle[fill="#1248B2"],
.course-program .vc_row:has(.wpb_single_image) svg path[fill="#1248B2"],
.course-program .vc_row:has(.wpb_single_image) svg ellipse[fill="#1248B2"] {
    fill: var(--pageColor-1);
    stroke: var(--pageColor-1);
}

.course .what-you-learn svg rect[fill="#C4FDEC"],
.course .what-you-learn svg circle[fill="#C4FDEC"],
.course .what-you-learn svg path[fill="#C4FDEC"],
.course-program .vc_row:has(.wpb_single_image) svg rect[fill="#C4FDEC"],
.course-program .vc_row:has(.wpb_single_image) svg rect[stroke="#C4FDEC"],
.course-program .vc_row:has(.wpb_single_image) svg circle[fill="#C4FDEC"],
.course-program .vc_row:has(.wpb_single_image) svg path[fill="#C4FDEC"],
.course-program .vc_row:has(.wpb_single_image) svg ellipse[fill="#C4FDEC"] {
    fill: var(--pageColor-3);
    stroke: var(--pageColor-3);
}

.course .sp-pcp-carousel .sp-pcp-post .sp-pcp-title {
    padding: 0.8rem 1.33rem;
    height: 8.5rem;
}

.course .sp-pcp-carousel .sp-pcp-post .sp-pcp-title a {
    font-size: 1.25rem;
    line-height: 2rem;
}

.course .sp-pcp-carousel .swiper-slide:hover {
    img {
        transform: rotateX(3.142rad);
        transition: transform 0.3s ease-in-out;
        
    }
}

.course .sp-pcp-carousel .swiper-slide:has(img[src*="blue"]),
.course .sp-pcp-carousel .swiper-slide:has(img[src*="blue"]) .sp-pcp-title a {
    background-color: var(--blue-1);
    color: var(--blue-3);
}

.course .sp-pcp-carousel .swiper-slide:has(img[src*="blue-2"]),
.course .sp-pcp-carousel .swiper-slide:has(img[src*="blue-2"]) .sp-pcp-title a {
    background-color: var(--blue-2);
    color: var(--blue-1);
}

.course .sp-pcp-carousel .swiper-slide:has(img[src*="blue-3"]),
.course .sp-pcp-carousel .swiper-slide:has(img[src*="blue-3"]) .sp-pcp-title a {
    background-color: var(--blue-3);
    color: var(--blue-1);
}

.course .sp-pcp-carousel .swiper-slide:has(img[src*="orange"]),
.course .sp-pcp-carousel .swiper-slide:has(img[src*="orange"]) .sp-pcp-title a {
    background-color: var(--orange-2);
    color: var(--orange-1);
}

.course .sp-pcp-carousel .swiper-slide:has(img[src*="violet"]),
.course .sp-pcp-carousel .swiper-slide:has(img[src*="violet"]) .sp-pcp-title a {
    background-color: var(--violet-1);
    color: var(--violet-3);
}

.course .sp-pcp-carousel .swiper-slide:has(img[src*="violet-2"]),
.course .sp-pcp-carousel .swiper-slide:has(img[src*="violet-2"]) .sp-pcp-title a {
    background-color: var(--violet-2);
    color: var(--violet-1);
}

.course .sp-pcp-carousel .swiper-slide:has(img[src*="green"]),
.course .sp-pcp-carousel .swiper-slide:has(img[src*="green"]) .sp-pcp-title a {
    background-color: var(--green-2);
    color: var(--green-1);
}

.course .sp-pcp-carousel .swiper-slide:has(img[src*="dark-bg"]),
.course .sp-pcp-carousel .swiper-slide:has(img[src*="dark-bg"]) .sp-pcp-title a {
    background-color: var(--blue-3);
    color: var(--green-light-1);
}

.course .sp-pcp-post .sp-pcp-post-thumb-area img {
    width: 20rem;
    max-width: 100%;
    height: auto;
}

/* COURSES LIST */
.course-list {
    .vc_grid.vc_row .vc_grid-item {
        padding: 3.75rem;
        margin-bottom: 2rem;
        
        img.vc_single_image-img {
            transition: ease all .4s;
        }

        &:hover img.vc_single_image-img {
            transform: rotateX(3.142rad);
            transition: transform 0.4s ease-in-out;
        }
    }

    div[class*="course-description-"] {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;
        
    }

    .course-description-short {
        display: none !important;
    }

    .vc_grid-item:has(img[src*="blue"]) {
        background-color: #c4fdec40;

        .vc_gitem-row-position-middle .vc_gitem-col.show:first-of-type {
            border-right: 1px solid var(--blue-2);
        }
        .early_birds_title.show {
            background-color: var(--blue-1);
            color: var(--blue-3);
            
            span {
                background-color: var(--blue-3);
                color: var(--blue-1);
            }
        }
        /* .vc_gitem-zone-c .vc_figure {
            background-color: var(--blue-3);
        } */
    }

    .vc_grid-item:has(img[src*="violet"]) {
        background-color: #efc4fd40;

        .vc_gitem-row-position-middle .vc_gitem-col.show:first-of-type {
            border-right: 1px solid var(--violet-2);
        }

        .early_birds_title.show {
            background-color: var(--violet-1);
            color: var(--violet-3);
            
            span {
                background-color: var(--violet-3);
                color: var(--violet-1);
            }
        }
        /* .vc_gitem-zone-c .vc_figure {
            background-color: var(--violet-2);
        } */
    }

    .vc_grid-item:has(img[src*="orange"]) {
        background-color: #ffc97740;

        .vc_gitem-row-position-middle .vc_gitem-col.show:first-of-type {
            border-right: 1px solid var(--orange-2);
        }

        .early_birds_title.show {
            background-color: var(--orange-1);
            color: var(--orange-3);
            
            span {
                background-color: var(--orange-3);
                color: var(--orange-1);
            }
        }
        /* .vc_gitem-zone-c .vc_figure {
            background-color: var(--orange-2);
        } */
    }

    .vc_grid-item:has(img[src*="green"]) {
        background-color: #fdfbc440;

        .vc_gitem-row-position-middle .vc_gitem-col.show:first-of-type {
            border-right: 1px solid var(--green-2);
        }

        .early_birds_title.show {
            background-color: var(--green-1);
            color: var(--green-3);
            
            span {
                background-color: var(--green-3);
                color: var(--green-1);
            }
        }
        /* .vc_gitem-zone-c .vc_figure {
            background-color: var(--green-2);
        } */
    }

    .vc_grid-item:has(img[src*="dark-bg"]) {
        background-color: var(--dark-bg);
        color: var(--blue-3);
        .vc_custom_heading h3 {
            color: var(--blue-3);
        }
        .btn-black a {
            box-shadow: 8px 8px 0 0 var(--blue-3) !important;
            border-color: var(--blue-3) !important;
        }
        .btn-black a:hover {
            box-shadow: 0 0 0 0 var(--blue-3) !important;
        }
    }

    .vc_gitem-zone-a .vc_gitem-zone-mini,
    .vc_gitem-zone-a .vc_gitem-zone-mini > div {
        position: relative;
        transform: none;
    }

    .vc_gitem_row .vc_gitem-col {
        padding: 0;
    }

    .vc_pageable-wrapper {
        margin: 1rem 0;
    }

    .vc_grid-item-mini {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
    }

    .vc_grid-item-zone-c-left .vc_gitem-zone-c {
        width: 32vw;
        max-width: 28.25rem;
    }

    .vc_grid-item-zone-c-left .vc_gitem-zone-c div,
    .vc_grid-item-zone-c-left .vc_gitem-zone-c .vc_figure {
        height: 100%;
        margin: 0 !important;
    }

    .vc_grid-item-zone-c-left .vc_gitem-animated-block {
        width: auto;
        flex: 1;
    }

    div[class*="meta-field-course_date_"],
    div.early_birds_title {
        display: none;
    }

    div.start_date.show,
    div.regular_price.show,
    div.early_birds_price.show {
        display: block;
    }

    div.regular_price.earlyBirds {
        text-decoration: line-through;
        color: rgba(27, 31, 35, 0.6);
        font-weight: 600;
    }

    div.early_birds_price {
        font-weight: bold;
    }

    .early_birds_title.show {
        display: inline-flex;
        align-items: center;
        padding-left: 10px;
        
        span {
            padding: 6px 10px;
            margin-left: 10px;
        }
    }

    .vc_grid-filter {
        margin-bottom: 0;

        .vc_gitem-post-category-name span:after {
            content: ',';
            display: inline-block;
            margin-right: 5px;
            cursor: unset;
        }
        .vc_gitem-post-category-name:last-of-type span:after {
            display: none;
        }
    }

    .vc_gitem-row-position-middle {
        margin: 2rem 0;
        display: flex;
    }

    .vc_gitem-row-position-middle .vc_gitem-col:first-of-type {
        width: 100%;
        padding-right: 3rem;
        margin-right: 3rem;
    }
    .vc_gitem-row-position-middle .vc_gitem-col.show:first-of-type + .vc_gitem-col:last-of-type {
        max-width: calc(75% - 6rem);
    }

    .vc_gitem-row-position-bottom .vc_gitem-col:last-of-type {
        width: 100%;
    }

    .vc_gitem-row-position-middle .course-date-box,
    .vc_gitem-row-position-bottom .regular_price_title {
        display: none;
    }

    .vc_gitem-row-position-bottom .vc_gitem-col:last-of-type:has(div.early_birds_title.show),
    .vc_gitem-row-position-middle .course-date-box.show,
    .vc_gitem-row-position-bottom .regular_price_title.show {
        display: block;
    }

    div.regular_price.show span,
    div.early_birds_price.show span {
        font-size: 1rem;
        line-height: 1.5rem;;
    }
    .regular_price_title p {
        padding: 6px 0;
    }

    .vc_pageable-slide-wrapper {
        &::before,
        &::after {
            display: none;
        }

        .vc_gitem-col:has(.vc_single_image-wrapper.playing) {
            cursor: pointer;
            max-width: 300px;
            
            &:hover {
                .vc_single_image-wrapper.playing:before {
                    box-shadow: 0 0 0 0 #fff;
                }
            }
        }
        
        .vc_single_image-wrapper.playing {
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            max-height: 300px;
            position: relative;
        } 
        .vc_single_image-wrapper.playing:before {
            background-image: url(images/play.svg);
            background-repeat: no-repeat;
            background-position: 0 0;
            background-size: contain;
            content: '';
            width: 6rem !important;
            height: 6rem !important;
            z-index: 2;
        }
        

        .course-video-url {
            opacity: 0;
            position: absolute;
            width: 6rem;
            height: 6rem !important;
            z-index: 3;
            transform: translate(-50%, -50%);
            left: 50%;
            top: 60%;
        }
        .course-from-to {
            display: none;
        }
        .course-image-url {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            text-align: center;

            p {
                height: 100%;
            }

            img {
                max-height: 100%;
                width: auto;
            }
        }

    }
    
    
}


.course-list.flex-box-column .vc_pageable-slide-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(315px, 1fr));


    .vc_grid-item {
        padding: 1rem;
        margin-bottom: 0;
        width: 100%;
    }

    .vc_grid-item:nth-child(n+5) ~ .vc_grid-item {
        display: none;
    }

    .vc_grid-item-mini {
        flex-direction: column;
        align-items: center;
        height: 100%;
    }
    
    .wpb_single_image {
        text-align: center;
    }

    .vc_gitem-col:has(.vc_single_image-wrapper.playing) { 
        max-width: 320px;
        max-height: 320px;
    }
    
    .vc_gitem-animated-block {
        margin-top: 1rem;
        max-width: 90%;
        flex: 1;

        .vc_gitem-zone,
        .vc_gitem-zone-mini {
            height: 100%;
            display: flex;
        }
        .vc_gitem-zone-mini {
            flex-direction: column;
        }
    }
    .vc_custom_heading h3 {
        min-height: 4.5rem;
    }
    div[class*="course-description-"] {
        margin: 1.5rem 0;
    }
    .course-description-long {
        display: none !important;
    }
    .course-description-short {
        display: -webkit-box !important;
    }
    .vc_gitem-row-position-middle {
        margin: 0;
        position: unset;
    }
    .vc_gitem-row-position-middle .vc_gitem-col:last-of-type,
    .vc_gitem-row-position-bottom .vc_gitem-col:last-of-type {
        padding-left: 0;
        border-left: 0 none !important;
    }
    .vc_gitem-row-position-bottom {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin-top: auto;

        .vc_gitem-col {
            width: 50%;
        }

        .vc_gitem-col:first-of-type {
            order: 3;
            width: 100%;
            margin-top: 1rem;
            
        }
    }
    .vc_gitem-row-position-middle {
        .course-date-box {
            display: none !important;
        }
        .wpb_text_column {
            font-size: 1rem;
            line-height: 1.5rem;
            margin-bottom: 0;
        }
        .vc_gitem-col {
            width: 100%;
            max-width: 100% !important;
            margin-right: 0;
            /*border-bottom: 1px solid rgba(var(--dark-bg-rbga), 0.12);*/
            margin-bottom: 1rem;
        }
    }
    .wpb_text_column,
    .regular_price_title p {
        padding: 0;
        margin: 0 !important;
    }
    .regular_price_title {
        display: none;
    }
    .regular_price_title.show {
        display: block;
    }
    .early_birds_title.show {
        background-color: transparent !important;
        color: var(--dark-bg) !important;
        padding: 0 !important;
        span {
            display: none !important;
        }
    }
    .vc_grid-item-zone-c-left .vc_gitem-zone-c {
        width: 100%;
    }
}

/* POST LIST */
.blog {
    .page-title {
        margin-bottom: 3rem;
    }
    
    .vc_grid.owl-carousel {
        margin-top: 0 !important;
    }
}

.post-list {
    .vc_grid.vc_row .vc_grid-item {
        padding: 1rem 0 !important;

        
        &:hover {
            img.vc_single_image-img {
                transform: scale(1.2);
                transition: transform 0.4s ease-in-out;
            }
        }
    }
    
    .vc_grid-item-zone-c-left .vc_gitem-zone-c {
        width: 25%;

        .wpb_single_image * {
            width: 100%;
        }
    }
    

    .vc_pageable-slide-wrapper {
        .vc_gitem-col:has(.vc_single_image-wrapper.playing) {
            max-width: unset;
        }

        .vc_single_image-wrapper.playing {
            max-height: unset;
        }
    }

    .post-image-url,
    .post-id {
        display: none;
    }

    .post-video-url {
        opacity: 0;
        position: absolute;
        width: 6rem;
        height: 6rem !important;
        z-index: 3;
        transform: translate(-50%, -50%);
        left: 50%;
        top: 60%;
    }

    .post-content-container {
        margin-left: 6rem;

        .vc_gitem-row-position-middle {
            margin: 0;
        }
        
    
        .post-title {
            font-size: 3.5rem;
        }
    
        .vc_gitem-post-data-source-post_date {
            color: #9d9d9d;
            font-size: 1.5rem;
            line-height: 1.33;
            margin-bottom: 0;
        }

        .vc_gitem-post-data-source-post_excerpt {
            color: var(--dark-bg);
            opacity: 0.6;
            font-size: 1.25rem;
            line-height: 1.8;
            padding-right: 1rem;
            display: -webkit-box;
            -webkit-line-clamp: 5;
            line-clamp: 5;
            -webkit-box-orient: vertical;  
            overflow: hidden;
        }

        .button-time-row {
            display: flex;
            flex-direction: row !important;
            justify-content: flex-start;
            align-items: center;
            margin-bottom: 1rem;
    
            & > * {
                margin-bottom: 0 !important;
            }

            .btn-black.btn-inverse {
                a {
                    width: 9rem;
                }
            }
    
            .post-time {
                margin-left: 3rem;
                font-size: 1.25rem;
                font-weight: 700;
                white-space: nowrap;
                color: #9d9d9d;
            }
    
            .clock-icon {
                font-size: 0.75rem;
    
                .vc_icon_element-inner {
                    width: 1.5rem;
                    height: 1.5rem;
                }
            }
        }
    }

    .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav {
        opacity: 0!important;
    }

    .vc_grid-pagination {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        column-gap: 1rem;
        margin: 1.25rem 0;

        .vc_grid-owl-prev,
        .vc_grid-owl-next {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 4rem;
            height: 4rem;
            background-color: var(--dark-bg);
            line-height: 1;
            cursor: pointer;
            
            &::before {
                font-family: icomoon-the7-font !important;
                font-size: 30px !important;
                color: #fff !important;
            }
        
            &:hover {
                &::before {
                    color: #eee !important;
                }
            }

            &.no-active {
                opacity: 0.4;
                cursor: not-allowed;
            }
        }

        .vc_grid-owl-prev::before {
            content: "\f032" !important;
        }

        .vc_grid-owl-next::before {
            content: "\f033" !important;
        }

        .vc_grid-pagination-list {
            margin: 0 !important;
            display: inline-flex;
            column-gap: 0.75rem;
            li {
                a {
                    border: none;
                    margin: 0;
                }
            }
        }
    }

    .vc_gitem-col:first-child {
        border-bottom: none !important;
    }
}


/* Single Post Page */
.single.post-template-default {
    #main > .wf-wrap {
        padding: 0;
    }

    .fancy-header {
        height: 960px;
        max-height: calc(100vh - 70px);

        h1.fancy-title {
            color: #fff !important;
        }

        h2.fancy-subtitle {
            max-width: 56rem;
            padding: 1rem;
        }
    }
    
    article.post {
        .post-thumbnail {
            margin-bottom: 0;

            img {
                display: none !important;
            }
    
            .fancy-date {
                a {
                    position: absolute;
                    pointer-events: none;
                    top: -80px;
                    right: unset;
                    background: unset;
                    opacity: 0.8;

                    span {
                        color: #fff !important;
                        font-size: clamp(1.5rem, 3vw, 2rem);
                    }
                }
            }
        }

        .entry-meta {
            justify-content: left;
        
            .data-link {
                position: absolute;
                pointer-events: none;
                top: -80px;
                right: unset;
                background: unset;
                opacity: 0.8;

                time {
                    color: #fff !important;
                    font-size: clamp(1.5rem, 3vw, 2rem);
                }
            }
        }

        .post-h3-header {
            margin: 3rem 0;
        }
        .post-h4-header {
            margin: 2.5rem 0 1rem;
        }
 
        .post-book-review {
            .post-book-cover {
                * {
                    width: 100%;
                }

                &+div {
                    padding-left: 6rem;
                }
            }
            .post-h4-header {
                margin: 1.5rem 0;
            }
        }
    }

    .single-related-posts {
        border: none!important;
    }
}

.whay-me {
    .wpb_single_image {
        position: relative;
        h2 {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: clamp(3rem, 5vw, 5rem);
            line-height: clamp(3.75rem, 5vw, 5rem);
            color: var(--dark-bg);
        }
    }
}



/* menu */
.sticky-on .main-nav > li:not(.wpml-ls-item) > a .menu-text,
#phantom .main-nav > li:not(.wpml-ls-item) > a .menu-text,
.main-nav > li:not(.wpml-ls-item) > a .menu-text {
    color: var(--dark-bg);
    opacity: 0.5;
}

.main-nav > li.act:not(.wpml-ls-item) > a .menu-text,
.main-nav > li.act:not(.wpml-ls-item) > a .subtitle-text, 
.main-nav > li:not(.act):not(.wpml-ls-item) > a:hover span, 
.main-nav > li.dt-hovered:not(.act):not(.wpml-ls-item) > a span {
    text-shadow: 0 0 .02px var(--dark-bg), 0 0 .02px var(--dark-bg), 0 0 .02px var(--dark-bg);
    opacity: 1;
}

.phantom-fade .show-phantom#phantom img {
    height: 50px;
    width: auto;
}

.main-nav > li:has(a[href*='linkedin']),
.main-nav > li:has(a[href*='instagram']),
.main-nav > li:has(a[href*='youtube']),
#mobile-menu > li:has(a[href*='linkedin']),
#mobile-menu > li:has(a[href*='instagram']),
#mobile-menu > li:has(a[href*='youtube']) {
    
    a {
        margin-right: 0 !important;
        margin-left: 5px;
    }

    .menu-text {
        text-indent: -9999px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        width: 20px;
        height: 20px;
    }
    
}

.main-nav > li > a[href*='linkedin'] .menu-text,
#mobile-menu > li:has(a[href*='linkedin']) .menu-text {
    background-image: url(images/linkedin.svg);
}

.main-nav > li > a[href*='instagram'] .menu-text,
#mobile-menu > li:has(a[href*='instagram']) .menu-text {
    background-image: url(images/instagram.svg);
}

.main-nav > li > a[href*='youtube'] .menu-text,
#mobile-menu > li:has(a[href*='youtube']) .menu-text {
    background-image: url(images/youtube.svg);
    width: 28px !important;
    height: 28px !important;
}

#mobile-menu {
    display: block;

    li:has(a[href*='linkedin']),
    li:has(a[href*='instagram']),
    li:has(a[href*='youtube']) {
        display: inline-block;

        a {
            padding-right: 10px;
        }
    }

    li:has(a[href*='linkedin']),
    li:has(a[href*='instagram']) {
        a {
            position: relative;
            top: 3px;
        }
    }
}

/* about */
.about .header-section .wpb_column.img-box .header-modal-button {
    left: 40%;
    top: 40%;
}



/* SEO SECTION IN COURSE PAGE */
.seo-section {
    max-width: 80%;
    padding: 4rem 0;
    margin: 0 !important;

    .upb_row_bg {
        background-color: var(--dark-bg) !important;
        background-image: url(images/seo_bg.svg) !important;
        background-repeat: no-repeat !important;
        background-position: top right !important;
        background-size: 20% auto !important;
    }

    * {
    color: #fff !important;
}
}

.seo-section h2 {
    margin-bottom: 4rem;
}

.seo-section h3,
.seo-section p {
    margin-bottom: 2rem;
}


/* Contact Page */
.contact {

    .section {
        padding: 4rem;
    }

    h4 {
        margin-bottom: 2rem;
    }

    form {
        display: flex;
        column-gap: 3rem;
        flex-wrap: wrap;

        .col {
            flex: 1;

            h3,
            a {
                color: #fff;
            }
            h3 {
                padding-bottom: 1rem;
                margin-bottom: 1rem;
            }
            &.gold * {
                text-align: right;
                color: #FFC977;
            }
            &.gold h3 {
                border-bottom: 2px solid #FFC977 !important;
            }
        }

        .col,
        .full-width {
            label {
                color: #ffffff60;
                z-index: 1;
            }
            input:-webkit-autofill,
            input:-webkit-autofill:focus {
                -webkit-text-fill-color: #fff;
            }
        }
        .full-width {
            width: 100%;
        }
        input.wpcf7-submit {
            background-color: #FFC977;
            color: #1248B2;
            width: clamp(150px, 100%, 200px);
            border: 2px solid #1248B2 !important;
            box-shadow: 8px 8px 0 0 #1248B2 !important;
        }
        input.wpcf7-submit:hover {
            box-shadow: 0 0 0 0 #1248B2 !important;
        }
        .submit-box {
            display: flex;
            width: 100%;

            p:last-of-type {
                margin-left: auto;

                a {
                    display: inline-block;
                    width: 4rem;
                    height: 4rem;
                    margin-left: 1rem;

                    svg {
                        max-width: 100%;
                        height: auto;

                        path {
                            fill: var(--pageColor-1);
                        }
                    }

                    &[href*="youtube"] {
                        width: 4.5rem;
                        position: relative;
                        top: 4px;
                    }
                }
            }
        }
    }

    .form-group .form-field {
        background-color: transparent !important;
        border-color: #ffffff60;
        color: #fff;
    }
}


.modal-content {
    display: none;
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed !important;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 110;
}

.modal-content {
    display: none;
    justify-content: center;
}

.modal-content.show {
    display: flex;

    form {
        padding-bottom: 2rem;
    }

    .wpb_column {
        margin-top: 5vh;
        height: 90vh;
        overflow-x: auto;
        background-color: #fff;
        padding: 2rem;
    }

    &.video {
        .wpb_column {
            overflow-y: hidden;
        }
    }

    .vc_column-inner {
        padding: 0 !important;
        height: 100%;

        div {
            height: 100%;
        }

        .wpb_video_widget .wpb_video_wrapper {
            padding-top: 0 !important;
        }
    }

    &.header-video {
        .wpb_column {
            overflow: hidden;
        }
    }

    &::before {
        cursor: pointer;
        content: "";
        margin-top: 5vh;
        margin-right: 0.5rem;
        width: 4.5rem;
        height: 4.5rem;
        background-color: #fff;
        z-index: -1;
        background: url(images/close-modal.svg) no-repeat 50% 50%;
    }

    .flex-box {
        align-items: center;
        margin-bottom: 1rem;
    }

    .flex-box h3 {
        line-height: 2.5rem;
        margin: 0;
    }

    .number-participants {
        margin-left: 1rem;
        align-items: center;
        display: inline-flex;
    }

    .number-participants p {
        display: contents;
        margin: 0;
    }

    .number-participants span:first-child,
    .number-participants span:last-child {
        cursor: pointer;
        font-size: 2rem;
        line-height: 2rem;
        display: inline-flex;
        width: 2rem;
        height: 2rem;
        background-color: var(--dark-bg);
        color: var(--pageColor-3);
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .number-participants span:first-child:before,
    .number-participants span:last-child:before,
    .number-participants span:last-child:after {
        content: '';
        display: block;
        width: 1rem;
        height: 2px;
        background-color: var(--pageColor-3);
    }

    .number-participants span:last-child:after {
        width: 2px;
        height: 1rem;
        position: absolute;
        top: 0.5rem;
        left: 1rem;
        margin-left: -1px;
    }

    .number-participants input {
        margin: 0;
        padding: 0;
        border: 0;
        max-width: 4rem;
        max-height: 2rem !important;
        text-align: center;
        font-size: 1.5rem;
        line-height: 1.5rem;
        color: var(--dark-bg);
    }

    .flex-box + p {
        color:#1B1F2360;
        margin-bottom: 2rem;
    }

    .form-label,
    .form-field {
        font-size: 1rem;
    }

    .wpcf7-submit {
        width: 12.625rem;
    }

    .date-list {

        margin-bottom: 4rem;

        .wpcf7-list-item {
            display: none;
            margin: 0;

            &.show {
                display: block;
            }
    
            &:has(input:checked) {
                color: #1B1F23;
            }
        }

        p {
            line-height: 0;
        }

        label {
            font-size: 1rem;
            line-height: 1.5rem;
            cursor: pointer;
            min-height: 4rem;
            align-items: center;
            border-bottom: 1px solid #1B1F2330;
            display: flex;
            color: #1B1F2360;

            .price {
                margin-left: auto;
                color: #1B1F23;

                span {
                    display: inline-block;
                    font-size: 0.75rem;
                    line-height: 1.25rem;
                    padding: 0.38rem 0.8rem;
                    margin-left: 0.5rem;
                    color: var(--pageColor-3);
                    background-color: var(--pageColor-1);
                    border-radius: 1px;
                }
            }
            .month-start {
                display: none;
                margin-right: 0.5rem;
            }
            .month-start.show {
                display: inline-block;
            }
            .month {
                margin: 0 0.5rem;
            }
            &:before {
                content: '';
                display: flex;
                width: 1.5rem;
                height: 1.5rem;
                background-color: var(--pageColor-1);
                opacity: 0.2;
                border-radius: 50%;
                margin-right: 1.25rem;
            }
            &:has(input:checked) {
                &:before {
                    content: url(images/radio-tick.svg);
                    opacity: 1;
                    justify-content: center;
                    align-items: flex-end;
                }
            }
            input {
                visibility: hidden;
                position: absolute;
            }
            a {
                margin-left: auto;
                color: var(--pageColor-1);
            }       
        }
    }

    
    iframe {
        width: 100%;
        height: 100%;
        border: 0;
        max-height: 99%;
    }
}

.wpcf7-response-output {
    height: auto !important;
}

.wpcf7-not-valid-tip {
    display: block !important; 
}


/* footer */
#footer > .wf-wrap,
#footer #bottom-bar > .wf-wrap,
.footer .widget {
    padding: 0;
    margin: 0;
}

#footer .wf-container {
    margin: 0;
}

#footer section:first-child {
    padding: 60px 0 20px;
}

#footer section:nth-child(2) {
    padding: 0 0 60px;
    margin-bottom: 25px;
}

#footer section:first-child,
#footer section:nth-child(2) {
    background-color: var(--pageColor-3);
}

#footer section div:first-of-type {
    max-width: 1760px;
    margin: 0 auto;
}

#footer section:last-child div:first-of-type {
    margin: 4rem auto;
}

#footer .footer-top,
#footer .footer-top div {
    display: flex;
    align-items: center;
}

#footer .footer-top div span {
    font-size: 56px;
    color: var(--dark-blue-2);
}

#footer .footer-top div img {
    margin: 0 0 0 25px;
}

#footer .footer-top .resized-font {
    flex-grow: 1;
    display: block;
    container-type: inline-size;
    max-width: 1360px;
    text-align: right;
}

#footer .footer-top a {
    font-size: 5cqw;
    line-height: 5cqw;
    margin-left: auto;
    font-weight: bold;
}

#footer .widget.widget_presscore-custom-menu-one,
#footer .widget.widget_presscore-custom-menu-two {
    padding: 0;
    min-width: 19%;
}

.footer .custom-nav li,
.footer .widget_pages li,
.footer .custom-menu.dividers-on li,
.footer .custom-menu li,
.footer .blogroll li,
.footer .qts-lang-menu li {
    border: 0 none;
    padding-top: 20px;
    margin-top: 20px;
}

#footer .widget .custom-nav li a {
    text-decoration: underline;
}

#footer section .copyright-box {
    text-align: center;
    color: rgba(27, 31, 35, 0.5);
    position: relative;
    font-size: 16px;
}

#footer section .copyright-box > a {
    position: absolute;
    left: 0;
    font-size: 13px;
    font-weight: bold;
    color: var(--dark-bg);
}

#footer section .wp-block-image img {
    margin: 0;
    width: 100%;
    opacity: 0.1;
}

/* Footer black bg */
.bg-black #footer section:first-child,
.bg-black #footer section:nth-child(2),
.post-template-default.single-post #footer section:first-child,
.post-template-default.single-post #footer section:nth-child(2) {
    background-color: var(--dark-bg);
    color: #fff;
}

.bg-black #footer,
.bg-black .footer,
.post-template-default.single-post #footer, 
.post-template-default.single-post .footer{
    .footer-top div span,
    .custom-nav li.act > a span,
    .custom-nav > li > a span,
    .widget_pages li.act > a span,
    .widget_pages > li > a span,
    .custom-menu.dividers-on li.act > a span,
    .custom-menu.dividers-on > li > a span,
    .custom-menu li.act > *,
    .custom-menu > li > *,
    .blogroll li.act > a span,
    .blogroll > li > a span,
    .qts-lang-menu li.act > a span,
    .footer-top a {
        color: #fff;
        text-decoration: underline !important;
    }

    .footer-top div span {
        text-decoration: none !important;
    }
}