html * {
    font-family: Arial !important;
  }

/* ============ Header ============ */
.header-logo {
    width: 220px;
    height: 60px;
}
/* ============ Footer ============ */


/* ============ Brand color ============ */  
.set-color-one {
    color: #6c4e00;
}
a.set-color-one:hover{
    color: rgba(108, 78, 0, 0.8) !important;
}
.set-color-bg-one {
    background-color: #6c4e00 !important;
}

.set-color-bg-two {
    background-color: #FCFCF4 !important;
}

.set-color-bg-three {
    background-color: #9d7422 !important;
}

.set-color-bg-four {
    background-color: #bd923b !important;
}

.set-color-bg-blue {
    background-color: #E7F0F1 !important;
}

.set-color-bg-table-head {
    background-color: #9fbed7 !important;
}

.set-color-bg-table-subhead {
    background-color: #e6df68 !important;
}

.set-color-bg-arrow {
    background-color: rgba(29, 48, 56, 0.8) !important;
}

.set-color-two {
    color: #551c12;
}
a.set-color-two:hover{
    color: rgba(85, 28, 18, 0.8) !important;
}

.set-color-three {
    color: #44514e;
}
a.set-color-three:hover{
    color: rgba(68, 81, 78, 0.8) !important;
}

.set-color-four {
    color: #1d3038;
}
a.set-color-four:hover{
    color: rgba(29, 48, 56, 0.8) !important;
}

.set-color-five {
    color: #486139;
}
a.set-color-five:hover{
    color: rgba(72, 97, 57, 0.8) !important;
}

.border-orange {
    border-color: #6c4e00 !important;
}

.border-color-two {
    border-color: #551c12 !important;
}

.border-color-three {
    border-color: #44514e !important;
}

.text-ld {
    color: #262626;
}
a.text-ld:hover {
    color: #6c4e00;
}
/* ============ Brand color ============ */



/* ============ Chart title custom ============ */

.fs-custom {
    font-size: 1.25rem !important;
}

@media (max-width: 575.98px) {
    .fs-custom {
        font-size: 0.8rem !important;
    }

    .arrow-width {
        width: 18px !important;
    }

 }

/* ============ Chart title custom ============ */



/* ============ desktop view ============ */
@media all and (min-width: 992px) {

	.dropdown-menu li{
		position: relative;
	}
	.dropdown-menu .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.dropdown-menu .submenu-left{ 
		right:100%; left:auto;
	}

	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{
		display: block;
	}
}	
/* ============ desktop view .end// ============ */


/* ============ small devices ============ */
@media (max-width: 991px) {

.dropdown-menu .dropdown-menu{
		margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
}

}

@media (max-width: 575.98px) {
    .padding-fix {
    padding: 0 0 0 0.3rem;
    }

 }
/* ============ small devices .end// ============ */


/* ============ Hover show menu ============ */
@media all and (min-width: 992px) {

	.dropdown-hover:hover>.dropdown-menu {
	display: inline-block;
	}
	
	.dropdown-hover>.dropdown-toggle:active {
	/*Without this, clicking will make it sticky*/
	pointer-events: none;
	}
}
/* ============ Hover show menu ============ */


/* ============ Override Bootstrap Nav color ============ */
.dropdown-item.color-one:hover {
    color: #6c4e00;
    background-color: rgba(108, 78, 0, 0.3) !important;
}

.dropdown-item.color-two:hover {
    color: #551c12;
    background-color: rgba(85, 28, 18, 0.3) !important;
}

.dropdown-item.color-three:hover {
    color: #44514e;
    background-color: rgba(68, 81, 78, 0.3) !important;
}

.dropdown-item:active {
    background-color: #f1f1f1;
}

.dropdown-menu .active {
    background-color: #fff !important;
    color: brown !important;
}

.navbar .active {
    color: red !important;
  }

.dropdown-item {
    white-space: normal;
}
/* ============ Override Bootstrap Nav color ============ */


/* ============ Footer ============ */
@media (min-width: 575.98px) {
    .w-fixed-footer {
        width: 260px;
    }
 }
/* ============ Footer ============ */


/* ============ Sub stories accordion ============ */
.accordion-button {
    display: block;
}
/* ============ Sub stories accordion ============ */


/* ============ Override Caurousel arrow ============ */
.carousel-control-next-icon,
.carousel-control-prev-icon {
  width: 6vw;
  height: 6vw;
  filter: drop-shadow(1px 1px 6px #000);
}
@media (max-width: 575.98px) {
    .carousel-control-next-icon,
    .carousel-control-prev-icon {
    width: 15vw;
    height: 15vw;
    filter: drop-shadow(1px 1px 6px #000);
    }
 }
/* ============ Override Caurousel arrow ============ */


/* ============ Back to top ============ */
#btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    z-index: 100000;
  }
/* ============ Back to top ============ */  


/* ============ Card overlay background ============ */
.card-img.more-border {
    border-radius: 1rem !important;
}

.bg-overlay-box {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    background: rgba(0, 0, 0, 0.5);
}

.set-yellow-bg {
    background: rgba(108, 78, 0, 0.6) !important;
}

.rounded-custom-left {
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
}

.rounded-custom-right {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
}


@media (min-width: 992px) {
    .card-hover .reveal {
        visibility: hidden;
        opacity: 0;
        height: 0;
        padding: 0;
    }
    
    .card-hover:hover .reveal {
        height: auto;
        visibility: visible;
        opacity: 10;
        transition: opacity 1s ease;
    }

    .rounded-custom-left {
        border-top-right-radius: 0;
        border-bottom-left-radius: 1rem;
        border-top-left-radius: 1rem;
    }
    
    .rounded-custom-right {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 1rem;
        border-top-right-radius: 1rem;
    }
    
}
/* ============ Card overlay background ============ */


/* ============ Text keep on one line ============ */
@media (min-width: 576px) {
    .set-text-wrap {
        white-space: nowrap;
    }
}
/* ============ Text keep on one line ============ */


/* ============ keep video fit to full size ============ */
.video-resize-full {
    /* override other styles to make responsive */
    width: 100%    !important;
    height: auto   !important;
  }
/* ============ keep video fit to full size ============ */


/* ============ Editor Afternote ============ */

@media (max-width: 575.98px) {
    .w-fixed-saf {
        width: 120px;
    }
 }
/* ============ Editor Afternote ============ */


/* ============ Abbreviations ============ */
.p-ab {
    padding-bottom: 0.5rem !important;
}

.w-fixed {
    width: 150px;
}

@media (max-width: 575.98px) {
    .w-fixed {
        width: 120px;
    }
 }
/* ============ Abbreviations ============ */


/* ============ Accordion ============ */
.accordion-button:not(.collapsed) {
    background-color: rgba(108, 78, 0, 0.2) !important;
  }

.accordion-button:focus {
    outline: none;
    box-shadow: none;
  }
  
/* ============ Accordion ============ */


/* ============ LD Resources ============ */

.popover-arrow {
    visibility:hidden;
}

.fs-ld-core-value {
    font-size: 1.1rem;
}

@media (max-width: 575.98px) {
    .set-w-ld {
        width: 140px;
    }

    .skill-table {
        background: #9fbed7 !important;
    }
 }
/* ============ LD Resources ============ */