/* Responsive */

@media only screen and (max-width: 1820px) {
    .header.header-v1 .header-image
    {
        background: rgb(255,255,255);
        background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 20%, rgba(255,255,255,0.49763655462184875) 30%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient( 90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 20%, rgba(255,255,255,0.49763655462184875) 30%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 100%);
        background: linear-gradient( 90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 20%, rgba(255,255,255,0.49763655462184875) 30%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 100%);
    }
}

@media only screen and (max-width: 1420px) {
    .timeline .roadmap__navigation
    {
        top: 100%;
        width: 100%;
        left: 0;
    }
    
}

@media only screen and (max-width: 1300px) {
    .header.header-v1 .header-image
    {
        background: rgb(255,255,255);
        background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0.49763655462184875) 60%, rgba(255,255,255,0) 70%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient( 90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0.49763655462184875) 60%, rgba(255,255,255,0) 70%, rgba(255,255,255,0) 100%);
        background: linear-gradient( 90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0.49763655462184875) 60%, rgba(255,255,255,0) 70%, rgba(255,255,255,0) 100%);
    }
}


@media only screen and (max-width: 1200px) {
    .header.header-v1 .header-image
    {
        background: rgb(255,255,255);
        background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.49763655462184875) 60%, rgba(255,255,255,0) 70%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient( 90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.49763655462184875) 60%, rgba(255,255,255,0) 70%, rgba(255,255,255,0) 100%);
        background: linear-gradient( 90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.49763655462184875) 60%, rgba(255,255,255,0) 70%, rgba(255,255,255,0) 100%);
    }
}


@media only screen and (min-width: 767px) and (max-width: 1200px) {
    .page-child .pr-2,
    .page-child .pl-2,
    .page-child .pl-4
    {
        margin-top: 20px;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

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

    .press-logos li img
    {
        max-width: 90px;
        max-height: 50px;
    }

    .pricing-form .form-tab .boxes
    {
        padding: 0 0;
    }
}

@media only screen and (max-width: 1300px) {
    .main-nav nav ul li
    {
        margin: 0;
    }
}

@media only screen and (max-width: 1150px) {
    .main-nav nav ul li a
    {
        padding: 30px 15px;
    }

    .main-nav .logo img
    {
        max-width: 180px;
    }
}
#breaking-news-desktop
{
    display: block;
}
#breaking-news-mobile
{
    display: none;
}
/* Main Nav */
@media only screen and (max-width: 950px) {
    
    .main-nav nav,
    .mini-nav
    {
        display: none;
    }

    .responsive-nav,
    .logo
    {
        display: block;
        z-index: 102;
    }

    .mobile
    {
        display: flex;
    }

    .mobile > div
    {
        width: 100%;
    }

    .menu-active
    {
        width: 100%;
        height: 100vh;
        overflow: hidden;
        padding-top: 85px;
    }

    .main-nav
    {
        padding: 15px 0;
        transition: 0.4s ease;
        height: 88px;
        top: 0;
    }

    .menu-active .main-nav
    {
        position: fixed;
        width: 100%;
        height: 100vh;
        overflow: scroll;
    }

    .menu-active .main-nav nav > div
    {
        opacity: 1;
    }
    
    .main-nav nav > div
    {
        opacity: 0;
        transition: 0.3s ease-in-out;
    }

    nav > div
    {
        width: 100%;
        margin: 40px 0 0;
    }
    
    nav > div:first-child
    {
        border-top: 1px solid #CCCED5;
        margin-top: 0;
    }
    
    nav > div:first-child ul
    {
        border-top: 0;
    }

    .main-nav .wrapper
    {
        padding: 0 5%;
        width: 100%;
    }
    
    .main-nav nav
    {
        width: 100%;
        height: auto;
        position: absolute;
        left: 0;
        z-index: 100;
        padding: 20px 0 100px;
        display: flex;
        flex-direction: column;
        background-color: #fff;
        overflow: scroll;
        opacity: 0;
        top: 50px;
        transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1);
        visibility: hidden;
        grid-column: span 2;
    }

    .menu-active .main-nav nav
    {
        opacity: 1;
        visibility: visible;
        transition-delay: 0.4s;
        top: 50px;
    }

        .main-nav nav .search-mobile
        {
            flex-direction: row;
            align-items: center;
        }

        .main-nav nav .search-mobile form
        {
            width: 100%;
        }

        .main-nav nav .search-mobile form button
        {
            position: absolute;
            background-color: transparent;
            width: 50px;
            height: 50px;
            top: 0;
            right: 0;
        }

        .main-nav nav .search-mobile .lang-switcher li
        {
            display: block;
            padding: 10px 20px;
        }

        .main-nav nav .search-mobile .lang-switcher li.current-lang
        {
            display: none;
        }

        .main-nav nav ul
        {
            align-items: flex-start;
            width: 90%;
            margin: 0 auto;
            flex-direction: column;
            padding: 25px 0 0;
            border-top: 1px solid #CCCED5;
        }

        .main-nav ul .search-icon,
        .main-nav ul .lang-item
        {
            display: none;
        }

        .main-nav ul li
        {  
            width: 100%;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
        }

            .main-nav ul > li.menu-item-has-children > a::after
            {
                content: url('/wp-content/themes/climedo_v2/assets/images/arrow-right-mini.svg');
                position: absolute;
                top: 14px;
                right: -10px;
                filter: brightness(0);
                transform: rotate(90deg);
                transition: 0.5s ease;
            }
            
            .main-nav ul > li.menu-item-has-children:hover > a::after
            {
                transform: rotate(180deg);
            }

            .main-nav nav ul li a
            {
                font-family: 'Montserrat', sans-serif;
                font-weight: 500;
                font-size: 16px;
                line-height: 20px;
                letter-spacing: 1px;
                text-transform: uppercase;
                color: #051F48;
                padding: 15px 15px 15px 0;
                position: relative;
            }

            .main-nav nav ul li.btn
            {
                width: 100%;
                background-color: transparent;
                margin-top: 25px;
            }
            
            .main-nav nav ul .btn.btn-secondary
            {
                background-color: transparent;
            }

            .main-nav nav ul li.btn a
            {
                width: 100%;
                background-color: var(--primary);
                text-align: center;
                color: #000C2D;
                padding: 12px 0;
                text-transform: unset;
                font-weight: 700;
                font-family: 'Mulish', sans-serif;
                letter-spacing: 0px;
            }

            .main-nav nav ul li.btn a:hover
            {
                box-shadow: 0px 10px 20px rgba(5, 31, 72, 0.1);
                background-color: #96E9CA;
            }


        .main-nav nav ul li.menu-item-has-children ul.sub-menu
        {
            position: relative !important;
            display: none !important;
            opacity: 1 !important;
            visibility: visible !important;
            width: 100% !important;
            text-align: center !important;
            top: 0 !important;
            left: 0 !important;
            padding: 0 !important;
            padding: 0 !important;
            margin: 20px 0 !important;
            top: 0 !important;
            left: 0 !important;
            box-shadow: unset !important;
            border-top: none !important;
            display: none !important;
        }

        .main-nav nav ul li.menu-item-has-children > a
        {
            pointer-events: none;
        }

        .main-nav nav ul li.menu-item-has-children.active a
        {
            pointer-events: unset;
        }

        .main-nav nav ul li.menu-item-has-children ul.sub-menu li a:hover
        {
            background-color: #CCCED5;
        }

        .main-nav nav ul li.menu-item-has-children:hover ul.sub-menu
        {
            padding: 0;
            margin: 20px 0;
            position: relative;
            top: 0;
            left: 0;
            border-top: 0;
            border-left: 1px solid #CCCED5;
            box-shadow: unset;
            opacity: 1;
            display: block !important;
        }
        
            .main-nav nav ul li.menu-item-has-children:hover ul.sub-menu li a
            {
                font-family: 'Mulish', sans-serif;
                font-weight: 400;
                font-size: 16px;
                line-height: 30px;
                color: #000C2D;
                text-transform: unset;
                letter-spacing: 0px;
                padding: 10px 20px 10px 20px;
            }
}

@media only screen and (max-width: 760px) {
    .data_dialog img
    {
        max-width: 100%;
        height: auto;
        width: 100%;
        margin-top: 20px;
    }
    .pricing-form .form-dots {
        position: relative;
        top: unset;
        right: 0;
        display: inline-flex;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 30px;
    }

    .header-v3 .wrapper
    {
        width: 100%;
    }
    .video-holder .content
    {
        padding: 80px 40px;
    }
    
    .testimonials .testimonial
    {
        flex-direction: column;
    }

    .testimonials .testimonial-image
    {
        margin: 0 auto 20px auto !important;
    }

    .header.header-v1 .header-image img
    {
        opacity: 0.3;
    }

    /* Single Blog */
    .author .flex
    {
        flex-direction: column;
    }
    
    /* Product Demo */

    .product-demo .row > .col-xs-12,
    .video > .col-xs-12
    {
        margin-top: 0;
    }


    .product-demo .image-wrap,
    .mini-product-demo .image-wrap
    {
        align-items: flex-start !important;
        max-height: 350px;
        height: 350px;
    }

    .product-demo .image-wrap img
    {
        height: auto;
    }

    .product-demo .content,
    .mini-product-demo.product-demo .content, .career.product-demo .content
    {
        padding: 40px 30px;
    }

    .mini-product-demo .flex,
    .career.product-demo .flex
    {
        flex-direction: column;
    }

    .career.product-demo .flex .btn
    {
        text-align: center;
    }


    /* Made in Germany */
    .half-bg-blue::before
    {
        width: 100%;
    }

    /* Pricing */
    .pricing-boxes
    {
        grid-template-columns: 1fr;
        grid-gap: 30px;
    }

    .video-holder .content .play
    {
        margin-top: 60px;
    }


    /* Header V3 */
    .header.header-v3 .col-xs-12
    {
        margin-top: 0;
    }

    .header.header-v3 .content
    {
        width: 100%;
        padding: 60px 20px;
    }

    .header.header.header-v3 .image-wrap
    {
        width: 100%;
        left: 0;
        height: auto;
    }

    .header.header-v3 .arrow
    {
        position: absolute;
        bottom: -40px;
        right: unset;
        left: 50%;
        transform: translateX(-50%);
        width: 80px;
        height: 80px;
    }

    .climedo-illustration .bg
    {
        width: 100%;
    }
    
    .climedo-illustration .bg img
    {
        width: 100%;
    }

    /* Contact Form Hubspot */
    .hs-form .form-columns-2 > div:first-child
    {
        margin-bottom: 40px;
    }


    /* Case Study */
    .header-content-block.case-studies .image-wrap
    {
        min-height: unset;
        height: 300px;
    }

    .header-content-block.case-studies .image-wrap img
    {
        width: 80%;
        height: auto;
    }

    .header-content-block.case-studies .col-xs-12 
    {
        margin-top: 0;
    }

    .header-content-block .col-xs-12
    {
        margin-top: 0;
    }

    .header-content-block .hcb-dark
    {
        padding: 60px 20px 60px
    }

    .header-content-block .hcb-dark::before
    {
        content: unset;
    }

    .card-v3 .card .content h2
    {
        font-size: 20px;

    }

    .press-logos
    {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 30px;
    }


    /* Faq */
    .input-wrap.flex
    {
        flex-direction: column;
    }

    .search .input-wrap input[type="text"]
    {
        height: 60px;
    }

    .search .input-wrap.flex button
    {
        width: 100%;
        max-width: unset;
        height: 60px;
    }

    .input-wrap.flex button
    {
        margin-left: 0;
        margin-top: 10px;
    }

    .tab-menu
    {
        flex-direction: column;
        align-items: flex-start;
        border-left: 1px solid #CCCED5;
        padding-left: 0;
        border-bottom: 0;
    }

    .tab-menu li
    {
        height: auto;
        padding: 20px;
    }

    .tab-menu li.active
    {
        box-shadow: inset 4px 0px var(--primary);
        padding-left: 30px;
    }

    .tab-menu li:first-child,
    .tab-menu li:last-child
    {
        padding: 20px;
    }

    .tab-menu li.active:first-child,
    .tab-menu li.active:last-child
    {
        padding-left: 30px;
    }

    .tab-content
    {
        margin-top: 40px;
    }

    .input-wrap input[type="text"],
    .input-wrap input[type="password"],
    .input-wrap input[type="number"],
    .input-wrap textarea
    {
        height: 50px;
    }

    .climedo-illustration .circle
    {
        width: 180px !important;
        height: 180px !important;
    }
}

@media only screen and (max-width: 650px) {
    .pricing-form .form-tab .boxes
    {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 16px 10px;
        padding: 0 0;
    }

    .pricing-form .form-tab#tab1 .boxes
    {
        grid-template-columns: repeat( 4, 1fr );
    }

    .pricing-form .form-tab#tab1 .boxes .box
    {
        grid-column: span 2;
    }
    
    .pricing-form .form-tab#tab1 .boxes .box:nth-last-child(1):nth-child(odd) {
        grid-column: 2 / span 2;
    }

    .pricing-form .form-tab#tab2 .boxes
    {
        grid-gap: 16px 10px;
        margin-top: 8px;
    }

    .forms.row > .col-xs-12
    {
        margin-top: 24px !important; 
    }

    .forms.row > .col-xs-12:first-child
    {
        margin-top: 0 !important;
    }

    .forms.row 
    {
        margin-top: 24px;
    }

    .forms.row > .col-xs-12:first-child
    {
        margin-top: 0;
    }

    .forms.row .mb-2
    {
        margin-bottom: 8px !important;
    }
}

@media only screen and (max-width: 600px) and (min-width: 502px) {
    input[type="text"].hs-input, input[type="email"].hs-input, input[type="tel"].hs-input, input[type="password"].hs-input, input[type="number"].hs-input, select.hs-input, textarea.hs-input
    {
        height: 50px !important;
    }

    .pricing-form .boxes .box p
    {
        font-size: 16px;
        letter-spacing: 1px;
        height: 100px;
    }
}

@media only screen and (max-width: 600px) {
    .pricing-form #tab2 .boxes .box .box-image
    {
        display: none;
    }

    .pricing-form #tab2 h5.mt-3
    {
        margin-top: 8px;
    }

    .forms.row > .col-xs-12 h5.mb-2
    {
        margin-bottom: 8px;
    }

    .pricing-form .form-tab .boxes
    {
        margin-top: 24px;
    }

    #tab3 .row.mt-4
    {
        margin-top: 24px;
    }

    .input-wrap.firma:after
    {
        height: 46px;
    }
}

@media only screen and (max-width: 501px) {
    input[type="text"].hs-input, input[type="email"].hs-input, input[type="tel"].hs-input, input[type="password"].hs-input, input[type="number"].hs-input, select.hs-input, textarea.hs-input,
    .input-wrap input[type="text"], .input-wrap input[type="email"], .input-wrap input[type="password"], .input-wrap input[type="number"], .input-wrap textarea
    {
        height: 50px !important;
    }

    .hs-form .field
    {
        margin-bottom: 24px !important;
    }

    .hs-input[type="tel"]
    {
        margin-top: 10px;
    }

    .hs-form-e712db78-c2fa-4d72-8b4b-99642ea36f8c_30b97424-fc8d-4b7f-8b69-c9b586db2b3e fieldset.form-columns-1 .input
    {
        margin-right: 0;
    }

    .pricing-form .form-tab .boxes .box
    {
        max-width: unset;
    }

    .pricing-form .boxes .box .box-image
    {
        height: 110px;
    }

    .pricing-form .boxes .box p
    {
        font-size: 16px;
        letter-spacing: 1px;
        height: 100px;
    }

    #breaking-news-desktop
    {
        display: none;
    }
    #breaking-news-mobile
    {
        display: block;
    }
    .banner .flex
    {
        flex-direction: column;
    }
    .banner p
    {
        max-width: 100%;
    }
    .banner
    {
        display: none !important;
    }
    

    .banner .banner-close
    {
        top: unset;
        bottom: 6px;
        transform: unset;
        filter: invert(1) brightness(100); 
    }
    .popup-content
    {
        padding: 20px;
    }

    .accordion-career .accordion-item
    {
        padding-left: 40px;
        padding-bottom: 15px;
    }

    .accordion-career .accordion-item h2
    {
        padding: 15px 0 15px;
    }

    .content-block h1
    {
        font-size: 30px;
        line-height: 40px;
    }

    .header.header-v1
    {
        flex-direction: column-reverse;
    }

    .header.header-v1 .header-image
    {
        position: relative;
        height: 300px;
        display: flex;
        margin-top: 50px;
    }

    .header.header-v1 .header-image img
    {
        opacity: 1;
        height: 100%;
        position: relative;
        width: auto;
        top: 0;
        right: 0;
        left: auto;
        bottom: 0;
        z-index: 10;
    }

    .accordion-scroll .accordion-item
    {
        padding-left: 20px;
    }

    .header
    {
        overflow: hidden;
    }

    .header.header-v3 .arrow
    {
        position: relative;
        bottom: 30px;
    }

    .card-v2 .card .card-image img
    {
        max-width: 100%;
        max-height: 100%;
    }

    .avatar-250
    {
        width: 150px;
        height: 150px;
    }
    
    
    /* Dark Mode */
    @media screen and (prefers-color-scheme: dark) {
        .breadcrumb svg
        {
            fill: #fff;
        }

        footer .logo path
        {
            fill: #fff;
        }
        .banner.green-bg
        {
            background-color: rgba(0, 0, 0, .4) !important;
        }
        body
        {
            background-color: #000C2D !important;
        }

        .card-v1 .card
        {
            background-color: #051F48 !important;
        }

        p
        {
            color: #fff !important;
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6
        {
            color: #fff !important;
        }

        h1.gradient
        {
            color: #fff !important;
            background: linear-gradient(78.32deg, #fff 0%, #fff 32.76%) !important;
            background-clip: text !important;
            -webkit-background-clip: text !important;
            -webkit-text-fill-color: transparent !important;
        }

        .testimonials .testimonial .testimonial-content p,
        .testimonials .testimonial .testimonial-content h3 *
        {
            color: #fff !important;
        }

        .owl-carousel .owl-dots span
        {
            background-color: #97a8d3 !important;
        }

        #Ellipse_1
        {
            fill: #0e264e !important;
        }

        .customer-logos.owl-carousel .owl-item .logo img
        {
            filter: brightness(3) contrast(0.5) !important;
        }

        .main-nav,
        .mini-nav
        {
            background: #000C2D !important;
            border-bottom: unset !important;
        }

        .main-nav
        {
            border-bottom: 1px solid #2d3f6a !important;
        }

        .mini-nav ul li a
        {
            color: #fff !important;
        }

        .mini-nav ul li.search-icon svg path
        {
            fill: #fff !important;
        }

        .main-nav .logo img
        {
            filter: contrast(0) brightness(400) !important;
        }

        .responsive-nav span
        {
            background-color: #fff !important;
        }

        .main-nav nav
        {
            background-color: #000C2D !important;
        }

        .main-nav nav .search-mobile input
        {
            background-color: #051F48 !important;
            color: #fff !important;
        }

        .main-nav nav ul li a
        {
            color: #fff !important;
        }

        nav > div:first-child
        {
            border-top: 1px solid #051F48 !important;
        }

        .main-nav nav ul li.btn a
        {
            background-color: var(--primary) !important;
        }

        .main-nav nav ul li.btn a
        {
            color: #000C2D !important;
        }

        .main-nav nav ul li.menu-item-has-children ul.sub-menu
        {
            background-color: #0e264e !important;
            border-left: 1px solid #254581 !important;
        }

        .main-nav nav ul li.menu-item-has-children:hover ul.sub-menu li a
        {
            color: #fff !important;
        }

        .main-nav nav ul li.menu-item-has-children ul.sub-menu li a:hover
        {
            background-color: #2b4072 !important;
        }

        .main-nav nav .search-mobile form button svg path
        {
            fill: #fff !important;
        }

        .header.header-v1 .header-image
        {
            background: rgb(0,12,45);
            background: -moz-linear-gradient(90deg, rgba(0,12,45,1) 0%, rgba(0,12,45,0.7) 20%, rgba(0,12,45,0.5) 40%, rgba(0,12,45,0) 60%, rgba(255,255,255,0) 100%);
            background: -webkit-linear-gradient(90deg, rgba(0,12,45,1) 0%, rgba(0,12,45,0.7) 20%, rgba(0,12,45,0.5) 40%, rgba(0,12,45,0) 60%, rgba(255,255,255,0) 100%);
            background: linear-gradient(90deg, rgba(0,12,45,1) 0%, rgba(0,12,45,0.7) 20%, rgba(0,12,45,0.5) 40%, rgba(0,12,45,0) 60%, rgba(255,255,255,0) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000c2d",endColorstr="#ffffff",GradientType=1);
        }

        footer
        {
            background-color: #051F48 !important;
        }

        footer p a,
        footer a
        {
            color: #fff !important;
        }

        .card .content img
        {
            filter: contrast(0) brightness(10) !important;
        }

        .blue-bg,
        .product-demo,
        .half-bg-blue::before,
        .pricing-boxes .pricing-box,
        .header.header-v3 .content,
        .sormas .green,
        .single-header.green::before,
        .header.header-v3 .arrow
        {
            background-color: #051F48 !important;
        }

        .accordion-scroll .accordion-item h2,
        .accordion-career .accordion-item h2
        {
            color: #fff !important;
        }

        .accordion-scroll .accordion-item,
        .accordion-career .accordion-item
        {
            border-left: 1px solid #183970 !important;
        }

        .pricing-boxes .center .pricing-box
        {
            background-color: var(--primary) !important;
        }

        .pricing-boxes .center .pricing-box h3,
        .pricing-boxes .center .pricing-box p
        {
            color: var(--secondary) !important;
        }

        ul.list-style-check li,
        ul.list li,
        .hs-form-field label,
        .link-dark
        {
            color: #fff !important;
        }

        .card-v3 .card,
        .header-content-block.case-studies .hcb-dark,
        .header-content-block.case-studies .hcb-dark:before,
        .green-bg
        {
            background-color: #000C2D !important;
        }

        .header-content-block .hcb-dark,
        .header-content-block .hcb-dark::before
        {
            background-color: #061e47 !important;
        }

        .card-v2 .card
        {
            background-color: #0799A4 !important;
        }

        .case-study-content .btn
        {
            background-color: #061e47 !important;
        }

        .header.header-v3 .arrow img
        {
            filter: brightness(30) !important;
        }

        .career-box
        {
            background-color: #061e47 !important;
        }

        .timeline .roadmap__navigation img
        {
            filter: brightness(30) !important;
        }

        .timeline .roadmap__events .roadmap__events__event .event__date
        {
            color: #fff !important;
        }

        .timeline .roadmap__events .roadmap__events__event .event__content
        {
            color: #fff !important;
            opacity: 0.6 !important;
        }

        .timeline .roadmap__events::after
        {
            filter: brightness(12) !important;
        }

        .product-demo .btn.btn-secondary
        {
            background-color: var(--primary) !important;
            color: var(--secondary) !important;
        }

        .widget-news a
        {
            color: #fff !important;
        }

        .widget-news a::before
        {
            filter: brightness(12) !important;
            opacity: .5 !important;
        }

        .actions input,
        .input-wrap button
        {
            background-color: var(--primary);
            color: #000C2D !important;
        }

        .input-wrap label
        {
            color: #fff !important;
            opacity: .9 !important;
        }

        .tab-menu li
        {
            color: #fff !important;
        }
        
        .white-bg 
        {
            background-color: var(--secondary);
        }

        .breadcrumb a, .breadcrumb span
        {
            color: #fff !important;
        }
    }

}

@media only screen and (max-width: 350px) {
    .main-nav .logo img
    {
        width: 140px;
    }

    .row,
    .row > div
    {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }
}