/****************** VARIABLES & CLASSES SETTING *******************/

:root {
    /*COLORS*/
    --Color-White: #fff;
    --Color-Black: rgb(29,33,39);
    --Color-Primary: #0FA1C0;
    --Color-Primary-Dark: #00A2C4;
    --Color-Primary-Light: #61E3FF;
    --Color-Secondary: #FF8C4B;
    --Color-Secondary-Light: rgba(255, 162, 109, .1);
    --Color-Secondary-Dark: #FF701F;
    --Color-Gray: #828282;
    --Color-Gray-Light: #EDEDED;
    --Color-Gray-Pale: #f5f5f5;
    --Color-Gray-Border: #dee2e6;
    --Color-Gradation: linear-gradient(to right,var(--Color-Secondary-Light),var(--Color-Secondary-Dark));
    --Color-Facebook: #3D47AB;
    --Color-Linkedin: #16207F;
    --Color-Twitter: #2CD6FA;
    --Color-Pinterest: #E60219;
    --Color-Instagram: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    /*FONTS*/
    --Font-Text: 'PT Serif', serif;
    --Font-Title: 'Roboto', sans-serif;
    --Font-Size-Title-Big: 5.5rem;
    --Font-Size-Title-Medium: 4rem;
    --Font-Size-Title-Small: 3rem;
    --Font-Size-Text-Big: 2.5rem;
    --Font-Size-Text-Medium: 2rem;
    --Font-Size-Text-Small: 1.6rem;
    --Font-Size-Text-Xsmall: 1.2rem;
    --Transition: all 300ms ease;
}

.font-family-1 {
    font-family: var(--Font-Title);
}

.font-family-2 {
    font-family: var(--Font-Text);
}

.title-big {
    font-size: var(--Font-Size-Title-Big) !important;
}

.title-medium {
    font-size: var(--Font-Size-Title-Medium) !important;
}

.title-small {
    font-size: var(--Font-Size-Title-Small) !important;
}

.text-big {
    font-size: var(--Font-Size-Text-Big) !important;
}

.text-medium {
    font-size: var(--Font-Size-Text-Medium) !important;
}

.text-small {
    font-size: var(--Font-Size-Text-Small) !important;
}

.text-xsmall {
    font-size: var(--Font-Size-Text-Xsmall) !important;
}

.section-heading {
    background-image: var(--Color-Gradation);
    clip-path: text;
    color: transparent !important;
}
.bg-transparent {
    background: transparent !important;
}
.bg-color-black {
    background-color: var(--Color-Black) !important;
}

.bg-color-white {
    background-color: var(--Color-White) !important;
}

.bg-color-primary {
    background-color: var(--Color-Primary-Dark) !important;
}

.bg-color-secondary {
    background-color: var(--Color-Secondary) !important;
}

.bg-color-gray-pale {
    background-color: var(--Color-Gray-Pale) !important;
}

.bg-color-gray {
    background-color: var(--Color-Gray) !important;
}

.bg-color-gray-light {
    background-color: var(--Color-Gray-Light) !important;
}

.bg-color-hover-primary:hover {
    background-color: var(--Color-Primary) !important;
}

.bg-color-primary-dark {
    background-color: var(--Color-Primary-Dark) !important;
}

.bg-color-hover-primary-dark:hover {
    background-color: var(--Color-Primary-Dark) !important;
}

.bg-color-hover-black:hover {
    background-color: var(--Color-Black) !important;
}

.bg-color-hover-gray:hover {
    background-color: var(--Color-Gray) !important;
}

.color-white {
    color: var(--Color-White);
}

.color-black {
    color: var(--Color-Black) !important;
}

.color-primary {
    color: var(--Color-Primary) !important;
}

.color-primary-dark {
    color: var(--Color-Primary-Dark) !important;
}

.color-primary-light {
    color: var(--Color-Primary-Light) !important;
}

.color-secondary {
    color: var(--Color-Secondary) !important;
}

.color-secondary-light {
    color: var(--Color-Secondary-Light) !important;
}

.color-secondary-dark {
    color: var(--Color-Secondary-Dark) !important;
}

.color-gray {
    color: var(--Color-Gray) !important;
}

.color-hover-white:hover {
    color: var(--Color-White) !important;
}

.color-hover-primary:hover {
    color: var(--Color-Primary) !important;
}

.color-hover-primary-light:hover {
    color: var(--Color-Primary-Light) !important;
}

.color-hover-secondary:hover {
    color: var(--Color-Secondary) !important;
}

.border-none {
    border: none !important;
    border-bottom: none !important;
}

.border-none:hover {
    border: none !important;
    border-bottom: none !important;
}

@media (max-width: 991px) {
    html {
        font-size: 8px;
    }
}

.spacing-1 {
    letter-spacing: 1px;
}

.box-shadow-big {
    box-shadow: 1rem 2rem 3rem rgba(0,0,0,.4);
    transition: var(--Transition);
}

    .box-shadow-big:hover {
        box-shadow: .3rem .5rem 1rem rgba(0,0,0,.6);
    }


/****************** GLOBAL ELEMETNS *******************/
body,
html.modern html, html.modern body {
    background-color: var(--Color-Gray-Light);
}

body {
    padding: 0 !important;
}

html {
    font-size: 10px;
}

.inner-wrapper {

}
* {
    box-sizing: border-box;
    line-height: 1.5;
}

button {
    text-decoration: none;
    border: none;
    outline: none;
}

a {
    text-decoration: none !important;
}

html.fixed .inner-wrapper {
    padding-top: 5rem;
}

hr {
    background-image: none;
    background-color: var(--Color-Gray);
    margin-bottom: 8rem;
}

/*BUTTON*/
.btn-admin.color-white a,
.btn-xsmall.color-white a {
    color: var(--Color-White) !important;
}

.btn-admin {
    min-width: 20rem;
    max-width: 27rem;
    font-family: var(--Font-Title) !important;
    min-height: 4.5rem !important;
    font-size: 1.5rem !important;
    font-weight: 500;
    letter-spacing: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    text-transform: uppercase;
    box-shadow: 0 .4rem .4rem rgba(0,0,0,.3);
    transition: all ease 350ms;
    text-align: center;
    line-height: 1.2;
    border: none;
    outline: none;
    padding: 1rem 1.5rem !important;
}

.btn-admin:hover, .btn-admin:focus, .btn-admin:active {
    box-shadow: 0 .1rem .3rem rgba(0,0,0,.7);
    background-color: var(--Color-Gray);
}

@media (max-width: 991px) {
    .btn-admin {
        max-width: 60vw;
    }
}

.btn-back {
    background-color: var(--Color-Gray-Pale) !important;
    cursor: pointer;
    transition: var(--Transition);
    color: var(--Color-Gray) !important;
    border: 1px solid rgba(0,0,0,.2);
    box-shadow: none !important;
    width: 23rem !important;
    max-width: 27rem !important;
}

.btn-back:hover,
.btn-back:focus,
.btn-back:active {
    background-color: var(--Color-Gray) !important;
    color: var(--Color-White) !important;
    box-shadow: none !important;
}

.btn-xsmall {
    min-width: 5rem !important;
    max-width: 10rem ;
    font-size: 1.3rem !important;
    padding: .5rem 1rem !important;
    font-family: var(--Font-Title);
    height: 35px !important;
    font-weight: 500;
    border-radius: 0;
    text-transform: uppercase;
    box-shadow: 0 .3rem .4rem rgba(0,0,0,.3);
    transition: all ease 350ms;
    text-align: center;
    line-height: 1.2;
    border: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.btn-xsmall:hover {
    background-color: var(--Color-Gray);
    box-shadow: 0 1px 1px rgba(0,0,0,.6);
    background-color: var(--Color-Gray);

}

.btn-xsmall.btn-small {
    max-width: 20rem;
}


.btn-square {
    width: 9rem;
    height: 9rem;
    font-family: var(--Font-Title) !important;
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    text-transform: uppercase;
    box-shadow: 0 .8rem 1rem rgba(0,0,0,.2);
    text-align: center;
    line-height: 1.2;
    border: none;
    outline: none;
    padding: 1rem 1.5rem !important;
    border-radius: 1.5rem;
    color: var(--Color-White);
    transition: var(--Transition);
    background-size: 200% auto;
}

.btn-square.pink {
    background-image: linear-gradient(to right bottom, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%);
}
.btn-square.blue {
    background-image: linear-gradient(to right bottom, #209cff 0%, #68e0cf 100%);
}

.btn-square.green {
    background-image: linear-gradient(to right bottom, #9be15d 0%, #00e3ae 100%);
}

.btn-square:hover, .btn-square:focus, .btn-square:active {
    box-shadow: 0 .3rem .5rem rgba(0,0,0,.5);
     background-position: right top !important;
    color: var(--Color-White) !important;
}





.btn-black {
    background-color: var(--Color-Black);
    color: var(--Color-White) !important;
}

.btn-black:hover {
    background-color: var(--Color-Primary);
}

.btn-primary {
    background-color: var(--Color-Primary-Dark) !important;
    color: var(--Color-White);
}

.btn-primary:hover {
    background-color: var(--Color-Black) !important;
}




.btn-wide {
    min-width: 25rem;
    max-width: 300px;
    min-height: 6.3rem;
    font-size: 2.1rem;
    font-weight: bold;
    letter-spacing: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    text-transform: uppercase;
    box-shadow: 0 .4rem 1rem rgba(0,0,0,.4);
    transition: all ease 350ms;
    text-align: center;
    line-height: 1.2;
    padding: 0 2.5rem;
    font-family: var(--Font-Title) !important;
    border: none !important;
}

.btn-wide:hover, .btn-wide:focus, .btn-wide:active {
    box-shadow: 0 .1rem .3rem rgba(0,0,0,.7);
}

@media (max-width: 991px) {
    .btn-wide {
        min-width: 15rem;
        max-width: 50vw;
        font-size: 1.8rem;
    }
}


input {
/*    background-color: transparent !important;*/
    outline: none;
    border: none !important;
    border-bottom: 1px solid var(--Color-Black) !important;
    font-size: var(--Font-Size-Text-Small);
    padding-bottom: 5px;
    margin: .5rem auto 2rem auto;
}

select {
    font-size: var(--Font-Size-Text-Small) !important;
}

.liststyle-none {
    list-style: none;
}

.text-hover-underline:hover {
    text-decoration: underline !important;
}

.border {
    border: 1px solid rgba(0,0,0,.3) !important;
    border-radius: 4px;
}

.border-dark {
    border: 1px solid var(--Color-Gray) !important;
    border-radius: 4px;
}

.attachement_box {
    min-height: 60vh;
}

.attached_photo img {
    max-height: 6rem !important;
    margin: .3rem 0 !important;
    padding: 0 !important;
    width: auto;
    display: block;
}



/*============== SIDEBAR HEADER ============== */
#sidebar-left,
html.no-overflowscrolling .sidebar-left .nano,
ul.nav-main li .nav-children {
    background-color: var(--Color-Black) !important;
}

ul.nav-main li .nav-children {
    background-color: var(--Color-Black) !important;
    box-shadow: none !important;
}

/*============== PAGES : Create, Edit, Delete Pages ============== */
section.content-body {
    padding: 4rem 2rem 8rem 2rem !important;
}
.admin-section__heading {
    font-family: var(--Font-Title);
    font-size: var(--Font-Size-Title-Small);
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--Color-Black);
    margin-bottom: 3rem;
    font-weight: bold;
}

.admin-section__button-section {
    border-top: 2px solid var(--Color-Gray);
    padding-top: 3rem;
    margin: 3rem 0 5rem 0;
    padding-top: 3rem !important;
}

.admin-section__edit-sections {
    border: 1px solid var(--Color-Gray) !important;
}
.admin-section__program-content {
    width: 80%;
    margin: 3rem auto 5rem auto;
}
.admin-section__program-content p {
    font-size: var(--Font-Size-Text-Small);
}

.admin-section__program-content h2 {
    font-size: var(--Font-Size-Text-Big);
    font-weight: bold;
    font-family: var(--Font-Title);
    text-align:  center;
    letter-spacing: 1px;
    text-transform: uppercase;
}
/*============== TABLE ============== */
.table {
    width: 100%;
}

.table * {
    font-size: 14px;
    color: black;
}
th {
    font-family: var(--Font-Title);
    text-transform: uppercase;
    text-align: center;
    color: white;
}

.table th,
.table td {
    vertical-align: middle !important;
}

.table img,
.table iframe {
    width: 100%;
    height: auto;
}
tr th:not(:last-child),
tr td:not(:last-child) {
    border-right: 1px solid var(--Color-Gray-Border);
}

.table tr td:not(:first-child) {
    text-align: center;
}

.table-header-item {
    width:  10rem !important;
    word-break: keep-all;
    overflow-wrap: break-word;
}

td input {
    margin: 1rem !important;
}

thead th {
    background-color: var(--Color-Black);
    color: var(--Color-White) !important;
}

tbody tr:hover {
    background-color: var(--Color-Gray-Border);
}

/*============== FORM ============== */
.form-group {
    max-width: 50vw;
    min-width: 30rem;
    margin: 3rem auto;
    border: none !important;
}

.form-control {
    border: none;
}
.form-group input[type=text]{
    border-radius: 0;
    border-bottom: none !important;
    background-color: var(--Color-White) !important;
    min-height: 5rem !important;
    
}

.form-group:focus {
    border-top: none !important;
}

.form-group input[type=number] {
    max-width: 7rem;
    padding-right: 0;
    background-color: var(--Color-White) !important;
}

.form-group input:not([type=text]) {
    border: none !important;   
}

.form-group label {
    font-family: var(--Font-Title);
    font-size: var(--Font-Size-Text-Medium);
    text-transform: uppercase;
    font-weight: 500;
}

.form-group textarea,
.form-group input:not([type=submit]) {
    font-family: var(--Font-Text);
    font-size: var(--Font-Size-Text-Small) !important;
    padding: .8rem 1rem;
}

.form-group input[type=checkbox] {
    margin-right: 1rem; 
}

.form-group select, .form-control select,
.form-group option
optgroup {
    min-height: 4rem !important;
    height: 5rem !important;
    padding: .5rem 1rem;
    font-size: var(--Font-Size-Text-Small);
}

.admin-section__data-list {
    padding-top: 2rem;
    margin-bottom: 2rem;
}

.admin-section__data-list:not(:first-child){
    border-top: 1px solid var(--Color-Gray);
}

.admin-section__data-list input[type=checkbox] {
    margin: 0 !important;
    padding: 0 !important;
    
}

/**************** DESCRIPTIVE PAGES SETTING ******************/
.page-section {
    margin-bottom: 9rem;
}

    .page-section p,
    .page-section ul,
    .page-section li,
    .page-html {
        line-height: 1.5;
    }

.page-content {
    margin-bottom: 6vh;
}

.page-iframe p {
    font-family: var(--Font-Text) !important;
    font-size: var(--Font-Size-Text-Small) !important;
    color: var(--Color-Black);
    text-align: left !important;
}

.page-heading,
.page-description,
.page-list,
.page-images,
.page-files,
.page-buttons,
.page-iframe,
.page-html {
    margin-bottom: 3.5rem;
}

.page-image {
    display: flex;
    justify-content: center !important;
}

    .page-image a.float-left {
        float: none !important;
        width: 100%;
    }


    .page-image img {
        margin-bottom: 1rem;
        width: 100%;
    }

.page-images-double .page-image img {
    height: 40rem;
    width: auto;
    object-fit: cover;
}

.page-images-multi .page-image img {
    height: 30rem;
    width: auto;
    object-fit: cover;
}

.page-image {
    font-size: var(--Font-Size-Text-Xsmall);
    font-family: var(--Font-Text);
}

.page-files > div > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: var(--Font-Size-Text-Xsmall);
    font-family: var(--Font-Text);
}

    .page-files > div > a > img {
        height: 7rem;
        width: auto;
        font-family: var(--Font-Text);
        margin-bottom: 1rem;
    }

.page-files > div > iframe {
    display: block;
    width: 100%;
    margin: 3rem auto !important;
}

.page-html a {
    color: var(--Color-Secondary);
    font-weight: bold;
    transition: var(--Transition);
}

    .page-html a:hover {
        text-decoration: underline !important;
        color: var(--Color-Primary);
    }






/**************** DETAIL PAGES & MODALS : ELEMENTS SETTING ******************/
.modal-xl {
    width: 90vw !important;
}

.card-body .has-user-generated-content p,
.card-body .has-user-generated-content .text-body-medium,
.card-body p {
    font-family: var(--Font-Text);
    font-size: var(--Font-Size-Text-Small);
    color: var(--Color-Black);
    margin-bottom: 4rem;
}

.card-body .structured-content h2 {
    font-weight: bold;
    font-size: var(--Font-Size-Text-Big);
    font-family: var(--Font-Title);
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--Color-Black);
    margin: 2rem 0;
}
/* VIDEO THUMBNAIL (with link) */
.image-videothumb {
    position: relative;
}

    .image-videothumb img {
        filter: brightness(.6);
    }

    .image-videothumb .image-videothumb__icon {
        position: absolute;
        height: 10rem;
        width: 10rem;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--Color-White);
        border-radius: 50%;
        z-index: 10000 !important;
        padding: 2rem;
        cursor: pointer;
    }

.image-videothumb__icon .play-triangle {
    background-color: var(--Color-White);
    clip-path: polygon(100% 44%, 20% 0, 20% 100%);
    width: 100%;
    height: 100%;
}


/* TABLE */
.content-table a:focus,
.content-table a:hover,
.content-table a:active {
    color: var(--Color-White);
}

.content-table-row * {
    transition: var(--Transition);
}

.content-table-row:not(:last-child) {
    border-bottom: 1px solid var(--Color-Gray-Light);
}

.content-table-row > div:not(:last-child) {
    border-right: 1px solid var(--Color-Gray-Light);
}

.content-table-row > div:hover > h5,
.content-table-row > div:hover > p {
    color: var(--Color-White) !important;
}

@media (max-width: 991px) {
    .content-table-row > div:first-child {
        border-bottom: 1px solid var(--Color-Gray-Light);
    }
}

@media (max-width: 767px) {
    .content-table-row:not(:last-child) {
        border-bottom: 1px solid var(--Color-Gray);
    }
}

.content-date {
    font-family: var(--Font-Title);
    font-weight: 300;
    font-size: var(--Font-Size-Text-Medium);
    letter-spacing: 1px;
    margin-bottom: 3rem;
}

.content-text {
    font-family: var(--Font-Text);
    font-size: var(--Font-Size-Text-Small);
    margin-bottom: 3rem;
}

.content-info {
    font-family: var(--Font-Title);
    font-size: var(--Font-Size-Text-Small);
    margin-bottom: 3rem;
}

/* If only image, use 'content-img'. If image with link, 'content-img-link'. */
.content-img-link,
.content-img {
    width: 50%;
    margin: 2rem auto;
}


.content-link {
    font-family: var(--Font-Title);
    font-weight: bold;
    color: var(--Color-Secondary);
    text-decoration: none;
    transition: var(--Transition);
}

    .content-link:hover, .content-link:active, .content-link:focus {
        color: var(--Color-Primary);
    }

.content-socials {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 3rem;
}

.content-socials__icon {
    width: 5rem;
    height: 5rem;
    border: 1px solid var(--Color-Black);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--Color-White);
}

    .content-socials__icon,
    .content-socials__icon * {
        transition: var(--Transition);
    }

        .content-socials__icon:not(:last-child) {
            margin-right: 1rem;
        }

        .content-socials__icon:hover {
            background-color: var(--Color-Black) !important;
        }

.content-socials__icon {
    font-size: var(--Font-Size-Text-Big);
}

    .content-socials__icon:hover i {
        color: var(--Color-White);
    }

.content-share {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2rem auto 3rem auto;
}

.content-share__icon {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .content-share__icon,
    .content-share__icon * {
        transition: var(--Transition);
    }

        .content-share__icon i {
            color: var(--Color-White);
            font-size: var(--Font-Size-Text-Big) !important;
        }

        .content-share__icon:not(:last-child) {
            margin-right: 1rem;
        }

        .content-share__icon:hover {
            background-color: black;
        }

        .content-share__icon.facebook {
            background-color: var(--Color-Facebook);
        }

        .content-share__icon.twitter {
            background-color: var(--Color-Twitter);
        }

        .content-share__icon.pinterest {
            background-color: var(--Color-Pinterest);
        }

        .content-share__icon.email {
            background-color: var(--Color-Gray);
        }

        .content-share__icon.linkedin {
            background-color: var(--Color-Linkedin);
        }

        .content-share__icon.instagram {
            background-image: var(--Color-Instagram);
        }






/*################## PAGE-SPECIFIC STYLING ##################*/
/**************** EVENTS - SPECIAL PROGRAMS ******************/
.section-header-small .section-bg {
    background-image: url('../images/photos/events.jpg');
}

.programs__content {
    margin-bottom: 5vh;
}

.modal-dialog-wi-centered {
    margin: 1.75rem auto;
    position: relative;
}


/**************** ACCOUNT PAGES ******************/
/*ACCOUNT*/
.account-body {
    position: relative;
    min-height: 100vh;
/*    background-image: url('/images/photos/access_to_care_2.jpg') !important;*/
/*    background-size: cover;
    background-position: center;
    -webkit-backdrop-filter: brightness(.5) contrast(.8);
    backdrop-filter: brightness(.5) contrast(.8);*/
    display: flex;
    flex-direction: column;
/*    justify-content: space-between;*/
    align-items: center;
}

.btn-primary {
    background-color: var(--primary) !important;
    border: none !important;
/*    font-size: var(--Font-Size-Text-Small) !important;*/
    /*    text-transform: uppercase;*/
}

button, .btn {
    outline: none !important;
    border: none;
}
.account-body form {
    width: 80%;
}

.account-body .form-group {
    margin: 1rem 0 !important;
    min-width: 25rem !important;
}

.account-body button.bg-color-hover-secondary {
    background-color: var(--Color-Primary-Dark);
}
.account-body button.bg-color-hover-secondary:hover {
    background-color: var(--Color-Secondary-Dark) !important;
}

.account-body form input.form-control  {
    height: 4rem !important;
}

.account-body .form-group input[type=text] {
    min-height: 4rem !important;
}


#content {
    overflow-x: auto;
}

#content > div {
    width: 100%;
}


/*BUTTON STYLE FIX*/

a.btn-primary,
button.btn-primary,
input.btn-primary {
    background-color: var(--Color-Primary-Dark) !important;
    color: var(--Color-White);
}

a.btn-primary:hover,
button.btn-primary:hover,
input.btn-primary:hover {
    background-color: var(--Color-Black) !important;
}


#datatable-default_wrapper #datatable-default_filter {
    display: none;
}

#datatable-default_wrapper #datatable-default_length * {
    font-family: var(--Font-Title);
}



#datatable-default_wrapper {
    width: 100%;
    overflow-x: hidden !important;
}

#datatable-default_paginate ul.pagination {
    width: 90% !important;
    overflow-x: hidden !important;
}

#datatable-default_paginate ul.pagination a {
    font-family: var(--Font-Title);
}



.filter-gray img {
    filter: grayscale(1) !important;
}

.photo-primary img {
    border: 3px solid var(--Color-Primary);
}

.table th * {
    color: var(--Color-White) !important;
}

.header-nav-main 
 {
    max-height: 100vh;
    box-shadow: 0 6px 8px rgba(0,0,0,.15);
}

@media (max-width: 767px) {
    .header-nav  {
        padding-bottom: 2rem !important;
    }
}

.header .logo-container {
    height: 70px!important;
}

.nav i {
    margin-right: 10px !important;
}

html.modern ul.nav-main li .nav-children li a:hover {
    color: var(--Color-Secondary);
}

.nav a:hover, .nav a:focus {
    color: var(--Color-Secondary);
}

.header-btn-collapse-nav,
.header-btn-collapse-nav:focus,
.header-btn-collapse-nav:active
{
    outline: none !important;
}