/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

p { margin-bottom: 10px !important; }
.gap-10px { gap: 10px; }
.pb-10px { padding-bottom: 10px !important; }
.row-nowrap, .section-title { flex-flow: row nowrap !important; }
.text-dark { color: #333 !important; }
.rounded { border-radius: 10px; overflow: hidden;}
#header { box-shadow: 0 5px 15px rgb(0 0 0 / 6%); }
.header-button-1 { margin-right: 0; }
.header-button-1 a.button { background-color: transparent; border-color: #ddd; color: #333; }
.header-button-1 a.button:hover, .header-button-1 a.button:focus, .header-button-1 a.button:active { background-color: #fff; border-color: var(--fs-color-primary); box-shadow: none; color: var(--fs-color-primary); }
.header-main ul.header-nav.nav-left { justify-content: center; }
.rounded-slider { border-radius: 10px; overflow: hidden; min-height: 180px; }
.rounded-slider .flickity-button .flickity-button-icon { -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); background: rgb(240 234 249 / 17%); border-radius: 10px; padding: 10px; }
.rounded-slider .flickity-slider .img-inner img { min-height: 180px; object-fit: cover; object-position: center; }
@media (min-width: 678px) {
	.rounded-slider .flickity-slider .img-inner img { min-height: 300px; }
}
.section-title-bold span, .section-title-bold-center span { border-color: #fff; background-color: #fff; font-weight: 500; margin-bottom: 0; }
.center-title .section-title-main { margin-bottom: 0; border-radius: 35px; background-color: var(--primary-color); font-weight: 500; padding: 10px 30px !important; }
.center-title .section-title b:first-child { margin-right: 10px; }
.center-title .section-title b:last-child { margin-left: 10px; }
.center-title.polygon .section-title-main { background-color: var(--primary-color); border-top: var(--primary-color); border-bottom: 2px solid var(--primary-color); border-radius: 5px; padding: 5px 55px; color: white; font-size: 21px; clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%); }
.section-title-container { margin-bottom: 10px; }
.box-overlay.dark .box-text { text-shadow: none; z-index: 2; }
.box-overlay.dark .box-image a { z-index: 2; position: relative; }
.box-overlay.dark.clear-overlay .overlay { display: none !important; }
.section-title-normal { border-bottom: none; }
.section-title-normal span { border-color: var(--primary-color); }
.box-text .box-text-inner h4 { font-weight: 500; }
.box-text .box-text-inner h4 a { color: #333; }
.box-text .box-text-inner h4 a:hover, .box-text .box-text-inner h4 a:focus, .box-text .box-text-inner h4 a:active { color: var(--primary-color); }
.box-text .box-text-inner p { margin-bottom: 0 !important; }
.sports-item, .cards-item { background-color: #fff; border-radius: 10px; overflow: hidden; }
.sports-item .box-image .overlay { display: none !important; }
.sports-item .box-text { background: linear-gradient(208deg, #ffffff3d 6.5%, #fff 54.81%); transition: all .3s; --tw-backdrop-blur: blur(5.65px); -webkit-backdrop-filter: var(--tw-backdrop-blur); backdrop-filter: var(--tw-backdrop-blur); padding-top: 10px; z-index: 2 !important; margin-bottom: -60px; }
.sports-item:hover .box-text { margin-bottom: 0; }
.sports-item .box-text .box-text-inner .text > * { color: #333; }
.sports-item .box-text .box-text-inner .button { margin-bottom: 0; }
.cards-item { background-color: transparent; }
.cards-item .image-cover { border-radius: 10px; }
.cards-item .box-text { padding-bottom: .7em; position: unset; }
.cards-item .box-text .box-text-inner { background-image: url('assets/images/icon-favorite.svg'); background-size: 25px; background-repeat: no-repeat; background-position: top right; }
.cards-item .box-text .box-text-inner a.button { position: absolute; top: 32.5%; left: 0; right: 0; margin: 0 auto; width: 150px; opacity: 0; visibility: hidden; transform: scale(0.9); transition: opacity 0.6s ease, visibility 0.6s ease, transform 0.6s ease; }
.cards-item:hover .box-text .box-text-inner a.button { opacity: 1; visibility: visible; transform: scale(1); }
.cards-item .box-image::after { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgb(0 0 0 / 50%); opacity: 0; transition: opacity 0.6s ease, transform 0.6s ease; }
.cards-item:hover .box-image::after { opacity: 1; }
.boxex-border { border-color: var(--primary-color); border-radius: 7px; border-width: 3px 1px 1px 1px; border-style: solid; background-color: #fff; }
.boxex-border .section-content p:last-child { margin-bottom: 0 !important; }
.text.maxh-500 { max-height: 500px; overflow-y: auto; }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); background-color: #F5F5F5; border-radius: 10px; } 
::-webkit-scrollbar { width: 10px; background-color: #F5F5F5; } 
::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #fff; background-image: -webkit-linear-gradient(top, var(--primary-color) 0%, var(--primary-color) 50%, var(--primary-color) 51%, var(--fs-color-primary) 100%); }
.redirect-item { border-radius: 100px; border: 2px solid var(--primary-color); background: #fff; display: flex ; align-items: center; justify-content: space-between; overflow: hidden; padding: 10px 20px !important; transition: all 0.3s; }
.redirect-item p { margin-bottom: 0 !important; font-weight: 500; }
.redirect-item a.button { border: 2px solid var(--primary-color) !important; background: var(--linear, linear-gradient(226deg, #fff 10.23%, #e6e6e6 72.2%)); box-shadow: 0px 3.99912px 3.99912px 0px rgba(0, 0, 0, 0.25); font-weight: 500; white-space: nowrap; }
.redirect-item a.button:hover, .redirect-item a.button:focus, .redirect-item a.button:active { color: var(--primary-color) !important; }
.redirect-item .col:first-child p { width: 46px; height: 46px; background-color: var(--primary-color); stroke-width: 2px; stroke: var(--primary-color); border-radius: 50%; display: flex ; justify-content: center; align-items: center; font-size: 12px; color: #fff; }
.h-100 .col-inner { height: 100% !important; }
.supports-item { background-color: #fff; border: 2px solid var(--primary-color); padding: 10px 30px; border-radius: 100px; align-items: center; height: 100%; flex-flow: row nowrap !important; transition: all 0.3s; }
.supports-item .text { font-weight: 500; }
.supports-item .text p { margin-bottom: 0 !important; }
@media (min-width: 850px) and (max-width: 1200px) {
	.supports-item .icon-box-text .text { font-size: 1.25rem !important; }
}
.supports-item:hover, .redirect-item:hover { box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }
.button-chplay, .button-ios { position: relative; display: flex ; align-items: center; justify-items: center; justify-content: center; gap: 10px; }
.button-chplay span, .button-iosspan { line-height: 1.3; width: max-content; }
@media (max-width: 849px) {
	.button-chplay span, .button-iosspan { width: min-content; }
}
.button-chplay:before, .button-ios:before { content: ''; display: block; width: 40px; height: 40px; flex: 0 0 40px; background-image: url('assets/images/google-play.png'); background-size: contain; background-repeat: no-repeat; }
.button-ios:before { background-image: url('assets/images/app-store.png'); }
.box-video .box-normal .box-text { padding-bottom: 0; }
.box-video .blog-post-inner .post-title + .is-divider { display: none; height: 0; }
.box-video  .post-item.has-post-icon { padding-bottom: 20px; }
.box.box-vertical .box-image , .box-image { border-radius: 4px; overflow: hidden; }
.box.box-vertical .box-text.text-left { padding: 15px 0 0 0 !important; }
.box.box-vertical .box-image .image-cover { position: unset; }
.box.box-vertical .box-text.text-left { padding: 0 0 0 15px !important; }
.box-vertical .box-image, .box-vertical .box-text { direction: ltr; display: table-cell; vertical-align: top; }
.box-blog-post-small .blog-post-inner .post-title + .is-divider { display: none; height: 0; }
.widget .box-blog-post-small .col { padding-bottom: 0; }
.widget-area ul.menu li a { display: block; }
.article-inner .entry-content { padding-top: 0; }
.box-blog-post .is-divider { display: none !important; }
.slider-flickity .col { padding: 0 10px !important; }
.slider-flickity .img { background-color: #fff; border-radius: 10px; padding: 10px; text-align: center; }
.section-footer .section-title-normal span { color: #333; font-weight: 500; }
.section-footer .menu-item:hover a { color: var(--primary-color); padding-left: 4px; }
.absolute-footer { padding-bottom: 10px !important; }
.contact-item { background-color: #f6f7fa; border: 1px solid #f6f7fa; border-radius: 8px; padding: 10px 0; text-align: center; transition: all 0.3s; height: 100%; }
.contact-item .icon-box-img { margin: 0 auto 10px; }
.contact-item .icon-box-text .uppercase { text-transform: none; }
.contact-item:hover { border-color: var(--primary-color); }
.contact-item:hover .icon-box-text * { color: var(--primary-color); }
.small-padding { margin-left: -5px !important; margin-right: -5px !important; }
.small-padding .col { padding-bottom: 10px; padding-left: 5px; padding-right: 5px; letter-spacing: 0; }
#footer .slider-flickity .img { margin-bottom: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; }
#footer { background-color: #fff; padding-top: 30px; }
.border-top { border-top: 1px solid #e4e9f0; padding-top: 10px; }
.games-item .box-image img { object-fit: contain; object-position: right; }
.games-item .box-image .overlay { opacity: 0; visibility: hidden; }

/* @media (max-width: 849px) {
	li.header-button-1, li.header-button-2 { }
	li.header-button-2 { position: absolute; bottom: 0; right: 0; width: 50% !important; }
} */
@media (max-width: 549px) {
	.padding-mobile { margin-bottom: 20px; margin-left: -5px !important; margin-right: -5px !important; }
	.padding-mobile .col { padding-bottom: 10px; padding-left: 5px; padding-right: 5px; }
	.box-vertical .box-image { width: 20% !important; }
	.sports-item .box-text .box-text-inner .text { font-size: 14px !important; line-height: 1.3; }
	.sports-item .box-text .box-text-inner .text p { font-size: 10px !important; }
	.section-title b { display: none !important; }
	.boxex-border { padding: 10px !important; }
	.is-large { font-size: 1.15em; }
	.center-title.polygon .section-title-main { width: 100%; }
}

/* 
 * reset css
 */
.page-wrapper { padding-bottom: 10px !important; }
.container .row:not(.row-collapse), .lightbox-content .row:not(.row-collapse), .row .gallery, .row .row:not(.row-collapse) { margin-left: -10px; margin-right: -10px; }
.col, .columns, .gallery-item { padding: 0 10px 20px; }
span.widget-title { font-weight: 500; letter-spacing: normal; font-size: 1.25rem; background-color: var(--primary-color); border-top: var(--primary-color); border-bottom: 2px solid var(--primary-color); border-radius: 5px; padding: 5px 25px; color: white; clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%); width: 100%; display: block; margin-bottom: 10px; }
span.widget-title + .is-divider { display: none; }
.widget > ul > li > a { color: #333; }
.widget > ul > li > a:hover, .widget > ul > li > a:focus, .widget > ul > li > a:active { color: var(--primary-color); }
.comment-form { margin-bottom: 0 !important; }
.archive-page-header { margin: 20px 0 10px; }
.archive-page-header .col { padding-bottom: 0 !important; }
#post-list .box.box-vertical .box-image { width: 30% !important; }
#post-list .box.box-vertical .box-text .post-title { font-weight: 500; }
.widget:last-child { margin-bottom: 0; }

#content .entry-header.text-center { text-align: left; }
#content .entry-header .is-divider { display: none; }
#content .entry-content { padding: 15px; background-color: #fff; border-radius: 10px; margin-bottom: 20px; }
.entry-header-text { padding: 0 0 1em 0; }
.large-12.col-breadcrumbs { color: #333; padding: 0 0 10px; border-bottom: 1px dashed #e4e9f0; margin-bottom: 10px; } 
nav.rank-math-breadcrumb { display: flex; }
nav.rank-math-breadcrumb p { margin-bottom: 0 !important; }
.row.large-columns-1 .col.post-item:not(:last-child) { border-bottom: 1px solid #ececec; padding-bottom: 10px; margin-bottom: 10px; }