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

/*************** ADD CUSTOM CSS HERE.   ***************/

.summary .variations_form .accordion-inner {
    display: none;
    padding: 1em 0;
}
#masthead .header-nav .menu-item .nav-top-link {
	font-size: 0.875rem;
	font-weight: normal;
}
#masthead .header-nav .account-item .account-link,
#masthead .header-nav .account-item .wishlist-link,
#masthead .header-nav .account-item .header-cart-link,
#masthead .header-nav .account-item .nav-top-not-logged-in, 
#masthead .header-nav .header-cart-link .header-cart-title {
	font-size: 0.75rem;
	font-weight: 300;
}
#masthead .header-nav .header-cart-link .cart-icon strong {
	border: none;
	padding: 0 5px;
	width: auto;
	font-weight: 300;
	font-size: 12px;
	color: #888;
	line-height: 2;
	background-color: transparent;
}
#masthead .header-nav .header-cart-link .cart-icon strong:hover {
	color: #222;
}
#masthead .header-nav .header-cart-link .cart-icon strong:before {
	content: "(";
	position: absolute;
	left: -1px;
	right: auto;
}
#masthead .header-nav .header-cart-link .cart-icon strong:after {
	content: ")";
	border: none;
	left: auto;
	right: -5px;
	bottom: auto;
}
.type-product .product-small .box-text .category,
.type-product .product-small .box-text .name,
.type-product .product-small .box-text .price {
	text-align: center;
}
.type-product .product-small .box-text .name {
	text-transform: uppercase;
}
.type-product .product-small .box-text .price {
	font-size: 1.13rem;
	font-family: Oswald, sans-serif;
}
.type-product .product-small .box-text .price span.amount {
	color: #222;
}
.footer-1 .widget-title {
	font-size: 1rem;
	color: #222;
}
.footer-1 ul li {
	font-size: 0.875rem;
	color: #222;
}

.flickity-prev-next-button .flickity-button-icon {
  display: none;
}

.section .slider-nav-outside .flickity-prev-next-button {
	font-weight: 100;
	top: 110%;
	opacity: 1;
	transform: none;
	color: #888;
	font-size: 12px;
	vertical-align: middle;
	margin-top: 0;
}

.section.our-products .slider-nav-outside .flickity-prev-next-button {
	top: 105%;
}
.section .slider-nav-outside .flickity-prev-next-button.previous {
	left: auto;
	right: calc(50% + 10px);
}
.section .slider-nav-outside .flickity-prev-next-button.next {
	left: auto;
	right: calc(50% - 50px);
}

.main-banner .flickity-prev-next-button.previous::before,
.main-banner .flickity-prev-next-button.next::before {
	color: #888;
	opacity: 1;
	font-weight: 100;
	font-size: 12px;
	border-bottom: 1px solid #888;
}
.main-banner .flickity-prev-next-button.previous::before,
.section .slider-nav-outside .flickity-prev-next-button.previous::before {
  content: "Prev";
}
.section .slider-nav-outside .flickity-prev-next-button.previous::after {
  content: "|";
	margin-left: 14px;
	color: #222;
	font-weight: 100;
	font-size: 16px;
}
.main-banner .flickity-prev-next-button.next::before,
.section .slider-nav-outside .flickity-prev-next-button.next::before {
  content: "Next";
}





.banner .banner-layers h2 {
	font-size: 1.5rem;
	font-weight: 600;
}
.banner .banner-layers h3 {
	font-family: Oswald, sans-serif;
	font-weight: 300;
}
.keep-update .section-content h3 {
	font-family: Oswald, sans-serif;
	font-weight: 500;
}
.banner.half-banner .banner-layers h2 {
	font-size: 1.13rem;
	font-weight: 600;
}
.banner .banner-layers p {
	font-size: 0.875rem;
}
.banner .banner-layers .button {
	font-size: 0.875rem;
	font-weight: 300;
}
.slide-banner .banner .banner-layers h2 {
	font-size: 2.5rem;
}
.section-title-custom h2 {
	font-size: 1.5rem;
	margin-bottom: 5px;
	font-weight: 600;
}
.section .text p {
	font-weight: 300;
}
.space-small .col,
.space-small .columns,
.space-small .gallery-item {
/*     padding: 0 10px 20px; */
}
.keep-update .flex-row {
	max-width: 700px;
	margin: 0 auto;
	position: relative;
	align-content: center;
}
.keep-update .flex-row p {
	color: #888;
}
.keep-update .wpcf7-spinner {
	display: none;
	position: absolute;
	right: 45px;
	top: 12px;
	box-shadow: 0px 0px 10px 0px;
}
.keep-update .flex-col input {
	border-radius: 0;
	line-height: 1;
	height: 50px;
}
.keep-update .flex-col input[type=email] {
	font-size: 14px;
	border-color: #ddd;
}
.keep-update .flex-col input[type=email]::placeholder {
	color: #888;
}
.keep-update .flex-col input[type=submit] {
	padding: 0 35px;
	font-size: 14px;
	color: #fff;
	background-color: #222;
	font-weight: normal;
}
.product-cat-list-custom .box-overlay .box-text {
/* 	top: 0; */
	height: 100%;
	bottom: 0 !important;
	display: flex;
}
.product-cat-list-custom .box-overlay .box-text .box-text-inner {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
}
.product-cat-list-custom .box-overlay .box-text .box-text-inner .header-title {
	color: #222;
	font-size: 1.13rem;
	text-shadow: none;
	font-weight: 600;
	filter: none;
}
.product-cat-list-custom .box-overlay .box-text .box-text-inner .count {
	color: #222;
	font-size: 0.81rem;
	font-weight: lighter;
	text-shadow: none;
	font-style: italic;
	text-transform: lowercase;
	filter: none;
}
.next-prev-thumbs li.has-dropdown:hover>.nav-dropdown, .no-js li.has-dropdown:hover>.nav-dropdown, li.current-dropdown>.nav-dropdown {
	width: max-content;
}
.product-summary .product-title {
	font-size: 18px;
	text-align: left;
	margin-bottom: 25px;
	color: #222;
	position: relative;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 1px;
}
.product-summary .price-wrapper .amount,
.product-summary .single_variation_wrap .amount{
	font-size: 22px;
	font-family: Oswald, sans-serif;
	color: #222;
	font-weight: 700;
}
.product-summary form.cart label {
	font-weight: 400;
}
.product-summary .product_meta .sku_wrapper,
.product-summary .product_meta .posted_in {
	color: #222;
}
.product-summary .product_meta .sku_wrapper span,
.product-summary .product_meta .posted_in a {
	color: #888;
}
.product-summary .social-icons a {
	color: #222;
}
.product-footer .woocommerce-tabs a {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 1px;
}
.product-footer .woocommerce-tabs .tab-panels .panel {
	font-size: 14px;
}
.product-footer .related-products-wrapper .product-section-title {
	font-size: 18px;
	font-weight: 500;
}
.product-page-title .breadcrumbs a,
.product-page-title .breadcrumbs .divider{
	font-size: 13px;
	text-transform: none;
	color: #767676;
}
.product-page-title .breadcrumbs a:last-child {
	color: #222;
}
.banner-top .banner-layers h2.site-title {
	font-size: 40px;
}
.size-chart-wrap .open-popup-link {
	font-size: 0.875rem;
}
#block_widget-11 .icon-box-text p {
	font-size: 14px;
	color: #222;
}
.faqs-custom {
	font-size: 14px;
}
.faqs-custom .accordion-title {
	font-size: 100%;
	color: #888;
}
.faqs-custom .accordion-inner p {
	color: #888;
}
.size-chart-wrap .open-popup-link {
	color: #222;
}
.ct-size-guide .sg_title,
.ct-size-guide .sg_content h3,
.ct-size-guide .sg_content h4,
.ct-size-guide .sizeGuideTabContents *,
#nav_menu-3 a,
#nav_menu-4 a {
	color: #222;
}
.ct-size-guide .sg_content p,
.ct-size-guide .ct_table_caption,
.social-icons span,
.nav-dropdown .ux-menu-link__text {
	color: #888;
	font-size: 90%;
	line-height: 1.5
}
.ux-menu.ux-menu--divider-solid .ux-menu-link:not(:last-of-type) .ux-menu-link__link {
	min-height: 2em
}

.icon-box-text.last-reset {
    margin-top: 5px;
}
.size-chart-banner .bg.bg-loaded {
	background-color: #fff;
}
.keep-update .wpcf7 form .wpcf7-response-output {
	display: none;
}

.jdgm-widget .jdgm-rev-widg .jdgm-star,
.jdgm-widget .jdgm-revs-tab .jdgm-star,
.jdgm-widget .jdgm-all-reviews .jdgm-star,
.jdgm-widget .jdgm-gallery-popup .jdgm-star {
	color: #ff3851;
}
.jdgm-widget .jdgm-widget-actions-wrapper .jdgm-write-rev-link{
	background-color: #ff3851;
	border-color: #000;
}
.jdgm-widget .jdgm-write-rev-link.jdgm-write-rev-link:not([disabled]):hover,
.jdgm-row-stars .jdgm-write-rev-link.jdgm-write-rev-link:focus {
	background-color: #000;
	border-color: #000;
}
.jdgm-rev-widg__header .jdgm-rev-widg__title .jdgm-star {
	color: #ff3851;
}

.jdgm-rev__rating .jdgm-star.jdgm--on {
	color: #ff3851;
}

.jdgm-rev__rating .jdgm-star.jdgm--off {
	color: #ff3851;
}

.jdgm-btn, .jdgm-modal__submit-button {
	background-color: #ff3851;
	color: #FFFFFF;
}

.jdgm-btn:hover, .jdgm-modal__submit-button:hover {
	background-color: #0056b3;
	color: #FFFFFF;
}

.product-small .woocommerce-loop-product__link {
        margin: 10px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.woocommerce .ux-category-grid .category {
  width: 75% !important; /* Category đầu tiên chiếm 75% */
}

.woocommerce .ux-category-grid .category:nth-child(2) {
  width: 50% !important; /* Category thứ hai chỉ hiển thị 50% */
}

.woocommerce .ux-category-grid {
  display: flex;
  gap: 10px; /* Tạo khoảng cách giữa các categories */
  overflow: hidden; /* Đảm bảo không bị tràn layout */
}
.highlight {
    background-color: #bf1e2e;
    color: white;
    font-weight: bold;
    padding: 5px 7px;
    border-radius: 3px;
}
@media (max-width: 1440px) {
	.space-small .text-inner .text p {
    margin-bottom: 0;
    margin-top: 5px;
	}
}
@media (max-width: 1200px) {
	.section .slider-nav-outside .flickity-prev-next-button,
	.section.our-products .slider-nav-outside .flickity-prev-next-button {
		top: 95%;
	}
}
@media (max-width: 849px) {
	.medium-flex-wrap.flex-row.form-flat .flex-col {
			text-align: center;
			padding-right: 0;
	}
	.keep-update .wpcf7-spinner {
		position: absolute;
		right: 0;
		top: auto;
		bottom: 20px;
		box-shadow: 0px 0px 10px 0px;
	}
	.section .slider-nav-outside .flickity-prev-next-button.previous {
		right: calc(50% + 10px);
	}
	.section .slider-nav-outside .flickity-prev-next-button.next {
		right: calc(50% - 50px);
	}
	#block_widget-11 {
		width: 100%;
		text-align: center;
	}
	#block_widget-11 .icon-box p {
		//display: inline
	}
	#nav_menu-3,
	#nav_menu-4 {
		width: 50%;
		text-align: center;
	}
	#block_widget-11 p,
	#nav_menu-3 p,
	#nav_menu-4 p {
		margin-bottom: 0;
		margin-top: 10px
	}
	.footer-1 .widget .is-divider {
		margin: 0 auto;
	}
	.footer-1 .widget ul li {
		text-align: center;
	}
	.main-banner .flickity-prev-next-button.previous::before,
	.main-banner .flickity-prev-next-button.next::before {
		display: none
	}
}
@media (max-width: 480px) {
	.section .slider-nav-outside .flickity-prev-next-button.previous {
		left: auto;
		right: calc(50% + 25px);
	}
	.section .slider-nav-outside .flickity-prev-next-button.next {
		right: calc(50% - 35px);
	}
	#block_widget-11,
	#nav_menu-3,
	#nav_menu-4 {
		width: 100%;
	}
	.footer-2 .social-icons > span {
		width: 100%;
		display: block;
		margin-bottom: 10px;
	}
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
/* Giữ các tab trên một hàng */
.tabs-container {
    display: flex;
    overflow-x: auto; /* Cho phép cuộn ngang */
    white-space: nowrap; /* Không cho nội dung xuống hàng */
}

.tabs-container .tab {
    flex: 0 0 auto; /* Đảm bảo các tab không thay đổi kích thước */
    margin-right: 10px; /* Khoảng cách giữa các tab */
}

/* Ẩn cuộn ngang trên màn hình lớn hơn */
@media (min-width: 768px) {
    .tabs-container {
        overflow-x: visible;
    }
}

/* Nút điều hướng di chuyển trên mobile */
.tab-nav-button {
    display: none; /* Ẩn nút trên màn hình lớn */
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    cursor: pointer;
}

.tab-nav-button.left {
    left: 0;
}

.tab-nav-button.right {
    right: 0;
}

@media (max-width: 767px) {
    .tabs-container {
        position: relative;
    }

    .tab-nav-button {
        display: block;
    }
}