:root {
    --ihf-yellow : #e6d645;
    --ihf-grey-1 : #5f6161;
    --ihf-grey-2 : #606060;

    
    /* MAIN COLOR */
    --tp-theme-primary :#e6d645;
    --tp-primary :#e6d645;
}

/* FONT */
@font-face {
    font-family: 'bliss-b';
    src: url('../fonts/ihf/BlissPro-Bold.eot');
    src: url('../fonts/ihf/BlissPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ihf/BlissPro-Bold.woff2') format('woff2'),
        url('../fonts/ihf/BlissPro-Bold.woff') format('woff'),
        url('../fonts/ihf/BlissPro-Bold.ttf') format('truetype'),
        url('../fonts/ihf/BlissPro-Bold.svg#BlissPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'bliss-m';
    src: url('../fonts/ihf/BlissPro-Medium.eot');
    src: url('../fonts/ihf/BlissPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ihf/BlissPro-Medium.woff2') format('woff2'),
        url('../fonts/ihf/BlissPro-Medium.woff') format('woff'),
        url('../fonts/ihf/BlissPro-Medium.ttf') format('truetype'),
        url('../fonts/ihf/BlissPro-Medium.svg#BlissPro-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'bliss-l';
    src: url('../fonts/ihf/BlissPro-Light.eot');
    src: url('../fonts/ihf/BlissPro-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ihf/BlissPro-Light.woff2') format('woff2'),
        url('../fonts/ihf/BlissPro-Light.woff') format('woff'),
        url('../fonts/ihf/BlissPro-Light.ttf') format('truetype'),
        url('../fonts/ihf/BlissPro-Light.svg#BlissPro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'bliss-r';
    src: url('../fonts/ihf/BlissPro.eot');
    src: url('../fonts/ihf/BlissPro.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ihf/BlissPro.woff2') format('woff2'),
        url('../fonts/ihf/BlissPro.woff') format('woff'),
        url('../fonts/ihf/BlissPro.ttf') format('truetype'),
        url('../fonts/ihf/BlissPro.svg#BlissPro') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* FONT END */
h1,h2,h3,h4,h5,h6 {
    font-family: 'bliss-b' !important;
}

body, a, p {
    font-family: 'bliss-r' !important;
}


.bg-ihf-yellow {background: var(--ihf-yellow) !important;}

#navbar {
    background: var(--ihf-yellow) !important;
}

#navbar,
#navbar p {
    color: var(--black) !important;
}

.page-title::after {
    background: var(--ihf-grey-1) !important;
}

.btn-large.btn-blue-large {
    border: 1px solid var(--ihf-yellow);
    background: var(--ihf-yellow);
    color: var(--black);
}

.open-popup {
    background: var(--ihf-grey-2);
    border: 2px solid var(--ihf-grey-2);
}

.open-popup:hover {
    border: 2px solid var(--ihf-grey-2) !important;
    color: var(--ihf-grey-2) !important;
}

.open-popup.chosen:hover {
    border: 2px solid var(--ihf-yellow) !important;
    color: var(--ihf-grey-2) !important;
}


/* =========== VISREG =========== */

#navbar {
    color: var(--white);
}

#navbar .inner {
    display: flex;    
    padding: 15px 0;
    justify-content: space-between;
}

#navbar .inner .left,
#navbar .inner .right {
    display: flex;
    align-items: center;
    gap: 30px;
}

#navbar .logo {
    width: 70px;
}

#navbar .logo-co-loc {
    width: 200px;
}

#navbar p {
    margin-bottom: 0;
}

.open-popup {
    cursor: pointer;
    padding: 20px 27px;
    margin-bottom: 10px;
    width: 49%;
    height: 68px;
    color: #fff;
    background: var(--m-blue);
    border: 2px solid var(--m-blue);
    border-radius: 5px;
    text-align: center;
    /* font-weight: 600; */
    transition: 0.5s;
} 

.open-popup:hover {
    color: var(--m-blue) !important;
    background: unset !important;
    border: 2px solid var(--m-blue) !important;
}

.open-popup.chosen:hover {
    color: var(--green) !important;
    background: unset !important;
    border: 2px solid var(--green) !important;
}

.fail-alert {
    color: #F00;
}

.error-empty {
    border: 1px solid #ff0000;
    background: rgba(255, 0, 0, 0.2);
}

.error-check {
    color:#ff0000;
}

.question-list .item {
    padding: 5px 0 2px;
    display: flex; gap: 10px;
    align-items: start;
    display: flex;
    gap: 10px;
    align-items: center;
}

.question-list .item-last {
    margin-top: 5px;
}

.popup-checkbox .item,
.popup-checkbox .mt10 {
    display: flex;
    gap: 15px;
}

.visreg-header {
    margin-top: 200px;
}
/* =========== VISREG END =========== */



/* =========== USER =========== */
.theme-bg {
    background-color: var(--tp-theme-primary);
}

.tp-login-input-remeber a,
.tp-login-from-heading p a {
    color: var(--tp-primary);
}

.category-list a.active,
.tp-user-menu ul li a.active,
.tp-btn-inner {
    background-color: var(--tp-primary);
    border: 1px solid var(--tp-primary);
    color: var(--tp-common-black);
}

.category-list a.active,
.tp-user-menu ul li a:hover { 
    color: var(--tp-common-black);    
}

.tp-user-menu ul li a.active:hover {
    box-shadow: none;
    color: var(--tp-primary);
    border: 1px solid var(--tp-common-black);
    background: transparent;
    color: var(--tp-common-black);
}

.tp-leadership-thumb::after {
    background: linear-gradient(180deg, rgba(196, 18, 48, 0) 38.02%, #e6d645 100%);
}


.tp-pagination ul li a:hover, .tp-pagination ul li a.current, .tp-pagination ul li span:hover, .tp-pagination ul li span.current {
    background: var(--tp-primary);
    border-color: var(--tp-primary);
    color: var(--tp-common-black);
}

.tp-btn {
    color: var(--tp-common-black);
}

.tp-btn:hover {
    box-shadow: 0 10px 15px -5px rgba(21, 36, 34, 0.1);
    color: var(--tp-common-black);
    background-color: transparent;
    border-color: var(--tp-common-black);
}
/* =========== VISREG END =========== */