/*
Theme Name: SHBET Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
:root { --secondary-color: #ff955e; }
#main, #wrapper {
    background-color:#fff!important;
    position: relative;
	
}
.custom-box > .col-inner, .custom-box  .is-sticky-column__inner {
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgb(253 89 0);
    color: #000;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 7px 0px 14px 0px rgb(253 89 0 / 44%);
}
#masthead {
    background: linear-gradient(to top, #154283, #0f305b);
}
.header-button .button { min-width: 120px; text-transform: none; font-weight: 500; font-size: 14px; }
.header-bottom-nav > li > a {
    font-size: 14px;
    color: #fff!important;
    padding: 0 24px;
}
.col.small-6 .box.box-overlay .box-image  {
    border-radius: 35px;
    border: 2px solid #337c9d;
}
.col.small-6 .box.box-overlay:hover .box-image {
	border-color: red;
}
.breadcrumbs-wrap { background: #ebebeb; }

.breadcrumbs-wrap .rank-math-breadcrumb { font-size: 14px; }

.breadcrumbs-wrap .rank-math-breadcrumb a { color: #fff; }

.breadcrumbs-wrap .rank-math-breadcrumb a:hover { color: var(--secondary-color); }

.breadcrumbs-wrap .rank-math-breadcrumb p { margin-bottom: 15px; }

.page-wrapper {
    padding-top: 50;
}
.button:not(.icon) { padding: 2px 20px; }
.button:not(.icon).expand { max-width: 335px !important; }
.flickity-page-dots .dot { height: 10px; width: 10px; background-color: #D6D6D6; opacity: 1; }
.flickity-page-dots .dot.is-selected { background-color: var(--primary-color); }
.slider-nav-circle .flickity-prev-next-button { opacity: 1 !important; height: 42px; min-width: 42px; }
.slider-nav-circle .flickity-prev-next-button svg { border: 1px solid var(--primary-color) !important; padding: 29% !important; color: var(--primary-color); border-radius: 8px; }

.section-title { border-bottom: none; }
.section-title b { opacity: 0; }
.section-title.section-title-center .section-title-main { color: var(--text-color); font-size: 18px; text-transform: none; position: relative; font-family: 'Inter', sans-serif; }
.section-title.section-title-center .section-title-main:before { content: ""; position: absolute; display: block; width: 120px; height: 1px; background: #ddd; bottom: -9px; left: calc(50% - 60px); }
.section-title.section-title-center .section-title-main:after { content: ""; position: absolute; display: block; width: 40px; height: 3px; background: var(--primary-color); bottom: -10px; left: calc(50% - 20px); }
.section-title.section-title-normal .section-title-main { border-bottom: none; color: #8DA1C0; font-weight: 400; font-size: 18px; text-transform: none; }

h4.section-title.section-title-normal .section-title-main { color: #012970; font-size: 14px; font-weight: 600; }

.post-item .col-inner { background: #FFFFFF; border-radius: 16px; overflow: hidden; box-shadow: 0px 5px 10px rgba(55, 66, 107, 0.05); }
.post-item .box-text { padding: 16px; }
.post-item .is-divider { display: none; }
.post-item .post-title { margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ line-clamp: 2; -webkit-box-orient: vertical; }
.post-item .post-title:hover { text-decoration: underline; }
.page-news .section-title span { font-size: 24px; }
.page-news .post-item .box-shade .shade { background: linear-gradient(180deg, rgba(19, 67, 122, 0) 34.55%, rgba(17, 67, 124, 0.9) 94.75%); opacity: 1; }
.page-news .post-item .box-shade .post-title { font-size: 22px; color: #fff; }
.page-news .post-item .box-shade p { color: #FFFFFF; }
.page-news .post-item .col-inner { background: #FFFFFF; border-radius: 11px; }
.page-news .is-divider { margin-bottom: 35px !important; }

.blog-single { padding-top: 0px; }
.blog-single .single_breadcrumbs { background: linear-gradient(90.38deg, rgba(105, 201, 242, 0.6) 0%, rgba(20, 90, 169, 0.6) 135.17%), url(assets/images/bg-btt-bre.jpg), #145AA9; min-height: 76px; display: flex; align-items: center; }
.blog-single .single_breadcrumbs p { margin-bottom: 0; }
.blog-single .entry-header-text { padding: 0; }
.blog-single .post-meta .cat-label { background-color: var(--secondary-color); font-weight: 800; font-size: 10px; line-height: 15px; border-radius: 2px; padding: 6px; color: #fff; opacity: 1; margin: 10px 0; margin-right: 30px; }
.blog-single .tag-box { margin-bottom: 30px; }
.blog-single .tag-box:before { content: "#"; color: var(--secondary-color); font-size: 25px; height: 1.75rem; line-height: 1.06; display: inline-block; }
.blog-single .tag-box a { color: #414042; font-size: 16px; }
.blog-single .share-box .social-icons a { margin: 0 10px; color: #3A3B3D; font-size: 15px; }
.blog-single .share-box .social-icons .email, .blog-single .share-box .social-icons .linkedin { display: none; }

.footer-1 { padding-top: 60px; padding-bottom: 20px; }
.footer-1 .footer-logo { max-width: 150px; margin-bottom: 15px; }
.footer-1 span.widget-title { font-size: 20px; text-transform: none; display: block; margin-bottom: 20px; }
.footer-1 .is-divider { display: none; }
.footer-1 .d-flex { display: flex; }
.footer-1 .d-flex i { margin-top: 5px; margin-right: 8px; }
.footer-1 ul li a { font-size: 16px; color: #fff; }
.footer-1 a:hover { text-decoration: underline; }
.footer-1 .social-icons > a { background: #303241; border: none; line-height: 34px; margin-right: 8px; }
@media screen and (min-width: 769px) {
	.footer-1 .row .col { flex-basis: 20%; max-width: 20%; } .footer-1 .row .col:first-child,.footer-1 .row .col:last-child { flex-basis: 30%; max-width: 30%; }
 }

.back-to-top { border: none !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); height: 47px; width: 47px; bottom: 51px; right: 25px; background: var(--primary-color) !important; color: #fff !important; font-size: 19px; line-height: 47px !important; }

.nav-pagination-box { display: block; text-align: center; margin: 0 auto; width: 100%; }
.nav-pagination-box .nav-pagination li:before { display: none; }

.nav-pagination { margin: 0 auto !important; padding-top: 10px; width: 100%; }
.nav-pagination li a { border: none; height: 37px; width: 37px; line-height: 37px; font-weight: 700; font-size: 13px; color: var(--primary-color) !important; background-color: transparent !important; border: 1px solid transparent; border-radius: 0; }
.nav-pagination li.active a, .nav-pagination li:hover a { border-color: var(--primary-color) !important; }
.nav-pagination li .current { border-color: var(--primary-color) !important; }

@media screen and (max-width: 820px) { 
.col.small-6 .box.box-overlay .box-image {
	border-radius: 21px;
}
.col.small-6 .box.box-overlay .box-text {
	padding: 10xp;
}
.col.small-6 .box.box-overlay .box-text p {
	font-size: 12px;
	line-height: 1.2;
}
  .mobile-nav .has-icon a { color: #fff !important; display: flex; justify-content: center; align-items: center; flex-direction: column; border-radius: 4px; width: 40px; height: 40px; border: 1px solid #fff; padding: 0; min-width: auto; }
  .mobile-nav .has-icon a svg { max-width: 20px; }
  .mobile-nav .has-icon a i { text-align: center; }
  .mobile-nav .header-language-dropdown a { border-radius: 2px; height: 25px; padding: 0; width: 25px; text-align: center; display: inline-block; background: var(--primary-color); color: #fff; text-transform: uppercase; }
  .off-canvas .sidebar-menu { padding: 50px 0; }
  .off-canvas .nav-vertical > li { border-top: none !important; background-color: transparent !important; }
  .off-canvas .nav-vertical > li > a { padding-top: 10px; padding-bottom: 10px; color: #111; height: auto; font-size: 16px; text-transform: none; text-shadow: none; font-weight: 400; }
  .off-canvas .nav-vertical > li > ul > li a { color: #111; }
  .off-canvas .nav-vertical > li > ul > li li { position: relative; margin-left: 20px !important; }
  .off-canvas .nav-vertical > li > ul > li li:before { content: ""; height: 5px; width: 5px; display: inline-block; background-color: #111; position: absolute; top: 50%; transform: translateY(-50%); }
}