@import "owl.carousel.min.css";
@import "owl.theme.default.css";
/* Font reset */
body{font-size:14px}
h1, h2, h3, h4, h5, h6,.h1,.h2,.h3,.h4,.h5,.h6{color:inherit}
h1,.h1{letter-spacing:-0.6px}
h2,.h2{letter-spacing:-0.4px}
h3,.h3{letter-spacing:-0.2px}
body,h4,h5,.h4,.h5{letter-spacing:-0.1px}
.text-black{color:#000 !important}
.text-secondary{color:#bbb}

/* Fix danger color to #C00*/
.bg-danger{background-color: #ff6600 !important}
.text-danger, .hover-danger:hover, .hover-danger:focus{color: #ff6600 !important}
.btn-danger {background-color: #ff6600;border-color: #ff6600}
.btn-outline.btn-danger {color: #ff6600;border-color: #ff6600}
/* a,.card-controls > li > a:hover {color: #c00} */
.nav-primary .nav-link:not(.disabled):hover, .nav-primary .nav-link:not(.disabled):focus {color: #299be8}
.badge-danger {background-color: #ff6600;}
.topbar .menu-item:hover > .menu-link, .topbar .menu-item.active > .menu-link {border-top-color: #299be8;}
.topbar-btn:hover, .topbar .dropdown.show .topbar-btn {border-top-color: #299be8;}
.pagination-danger .page-item.active .page-link, .pagination-danger .page-item.active .page-link:focus, .pagination-danger .page-item.active .page-link:hover {background-color: #c00;border-color: #c00;}


/* Add badge with numbers back */
.badge-pill.up {position: relative;top: -10px;margin-left:-15px}

/* Consistent menu-link normal, hover, active state color on mobile */
@media (max-width: 991px) {
	.topbar-inverse .menu>.menu-item>.menu-link,
	.topbar-expand-lg.topbar-inverse .menu > .menu-item > .menu-link, .topbar-expand-lg.topbar-inverse .menu > .menu-item > .menu-link .icon::before {
	    color: rgba(255,255,255,0.7) !important;
	}
	.topbar-inverse .menu > .menu-item:hover > .menu-link,
	.topbar-inverse .menu > .menu-item.active > .menu-link { 
	  color: white !important;
	}
}
@media (max-width: 991px) {
	.topbar-expand-lg.topbar .menu-item.active>.menu-link {
	    background-color: #ff6600;
	}
}

/* Fix no opacity in teaser-zoe */
.teaser img{opacity:1;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;}
.teaser:hover img{opacity: 0.5}
.teaser-zoe figcaption {padding: 0.4em;height: 2.4em;text-transform:none}

/* Modify Nav + Scrollspy in Maps */
.nav-item-map{height: auto !important;align-items: normal !important;-webkit-box-align: normal !important;}
.nav-link-map{white-space: normal;line-height: inherit;}
.nav.flex-column.nav-pills .nav-item.nav-item-map.active, .nav.flex-column.nav-pills .nav-item.nav-item-map:hover,
.nav.flex-column.nav-pills .nav-item a.nav-link-map.active, .nav.flex-column.nav-pills .nav-item a.nav-link-map:hover {
  background-color: #fff;
}

/* Affix */
.sticky.is-sticky {position: fixed;top: 64px;z-index: 1000;}

/* Fix Select bị nhảy ngược lên trên Mobile */
#fixSelectOnMobile .dropdown-menu {top:100% !important;}
/* add even smaller margin & padding */
.ml-xs {margin-left: 5px !important}

/* Fix menu link bị dư space bên phải mà ko hiểu tại sao */
@media (min-width: 992px) {
	.fixMenuLink{border-left:1px solid #ebebeb !important;}
	.fixMenuLink .menu-link{margin-left: 4px !important;}
}

/* tạm thời fix modal không scroll */
.fixScrollable{overflow-y: auto}
.lazyload,.lazyloading {opacity: 0.5;background: #eee url(../img/loading.png) no-repeat center / contain;}
.lazyloaded {opacity: 1;transition: opacity 300ms;}
/* Button Toggle Icon */
.btn .text-active,.btn.active > .text,.active .auto .text {display: none !important;}
.active > .text-active,.active .auto .text-active {display: inline-block !important;}
.text-primary {
	color: #299be8 !important;
}

#hide-navbar{transition: all 0.5s}
#sticky-bar{transition: top 0.3s}
#hide-navbar.scrollUp{transform: translateY(-80px)}

/*Add more spacing class*/
.mt-05{margin-top:5px !important}
.ml-05{margin-left:5px !important}
.mr-05{margin-right:5px !important}
.mb-05{margin-bottom:5px !important}
.py-05{padding-bottom:5px !important;padding-top:5px !important}
.ls-05{letter-spacing:-0.5px !important}

/*Rebrand Swiper Bullet*/
.swiper-button-disabled{visibility: hidden}
.swiper-pagination-bullet {width: 12px;height: 12px}
.swiper-pagination-bullet-active {background: #c00}
.swiper-pagination-outside.swiper-container-horizontal > .swiper-pagination-bullets {bottom: -7px}

/*Make a square list for coolness*/
.list-square{list-style: square}

/*Force stage padding left*/
.stage-padding-left .owl-stage{padding-left: 0 !important}
@media (max-width: 575px) {
	.stage-padding-left .item {padding-left: 15px;}
}
@media (min-width: 576px) {
	.stage-padding-left{
		padding-right: 15px;
		padding-left: 15px;
	}
}

/*Fix Fab Button conflict with Crisp*/
.fab-fixed.above-crisp{bottom:20px;left:24px}
@media (max-width: 320px) {
	.fab-fixed.above-crisp{bottom:14px;left:14px}
}

/*Fix Owl Carousel Button to Center Outstage*/
.owl-prev {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 33%;
    margin-left: -20px;
    display: block !important;
}

.owl-next {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 33%;
    right: -5px;
    display: block !important;
}
.owl-prev i, .owl-next i {transform : scale(2,6);}
.owl-prev.disabled i, .owl-next.disabled i{display:none}
.owl-prev i:hover, .owl-next i:hover{color:#c00}