/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
:root{    
    --body-bg : #F5F5F5;
    --body-color: #000;
    --link : #8E3506;
    --content-bg:#fff;

    --btn-bg:#8E3506;

    --header-bg : #000;
    --nav-bg:#289dcc;
    --nav-color:#fff;
    --nav-active:#1ED5B6;

    --header-btn:#fff;
    --header-btn-1:inherit;
    --header-btn-2:#1ED5B6;
    --header-btn-2-cl:#000;

    --footer-bg:#000;
    --footer-color:#fff;
    --footer-link:#fcc449;
    --footer-copyright:#191919;

    --heading1:#F4A939;
    --heading2:#F4A939;
    --heading3:#F4A939;
    --heading4:#fff;

    --widget-bg:#fff;
    --widget-title:#fff;
    --widget-link-color: #fff;
    --widget-divider-bg : #FF6533;
}

#main h1{
	color: var(--heading1);
}
#main h2,
#footer h2{
	color: var(--heading2);
}
#main h3,
#footer h3{
	color: var(--heading3);
}
#main h4{
	color: var(--heading4);
}
#main a{
	color: var(--link);
}
.button-link{
	background: linear-gradient(90deg, var(--btn-bg), #232323) !important;
}
.header-button-2 a{
	background: repeating-linear-gradient(40deg, var(--btn-bg), #232323 25px) !important;
}
/*************** ADD CUSTOM CSS HERE.   ***************/
.wp-block-group{
	padding: 15px;
}
.header-divider{
	border-color: hsla(0, 0%, 100%, .1) !important;
}
.header-nav > li.vip > a{
	border-left: 1px solid hsla(0, 0%, 100%, .1);
    position: relative;
    vertical-align: middle;
    padding-left: 10px !important;
}
.header-main .nav > li > a{
	padding: 7px 0;
}
/*-----------------------*\
    TABLE CONTENT
\*-----------------------*/
#ez-toc-container{
	width: 100%;
}
div#ez-toc-container .ez-toc-title{
	color: #000;
}
/*-----------------------*\
    SLIDER
\*-----------------------*/
.swiper-slide img{
	width: 100%;
	max-width: 100%;
}
/*-----------------------*\
    SMALL GALLERY
\*-----------------------*/
.nwm-gallery.wp-block-gallery{
	display: flex;	
    flex-wrap: wrap;
    gap: 0 !important;
}
.nwm-gallery.wp-block-gallery figure {
	width: 8.333% !important;
	flex-grow: initial !important;
	margin-bottom: 10px !important;
}

.nwm-gallery.wp-block-gallery img {
	height: 68px !important;
	width: 100% !important;
	object-fit: contain !important;
/*	filter: grayscale(100%) brightness(155%) contrast(0.4);*/
	padding: 0px;
	flex: auto !important;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-ms-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
}
.nwm-gallery.wp-block-gallery img:hover{
/*	filter: grayscale(0%);*/
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-ms-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
}

/*-----------------------*\
    SCORALL
\*-----------------------*/
.noidungchinh {
    height: 500px;
    overflow: auto;
    padding: 10px;
    text-align: justify;
    border: 2.5px solid #e09f3e;
    box-shadow: 0 1px 40px #e09f3e;
    border-radius: 5px;
}
.noidungchinh::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.noidungchinh::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}

.noidungchinh::-webkit-scrollbar-thumb {
    background-color: #F90;
    background-image: -webkit-linear-gradient(45deg,rgba(255, 255, 255, .2) 25%,transparent 25%,transparent 50%,rgba(255, 255, 255, .2) 50%,rgba(255, 255, 255, .2) 75%,transparent 75%,transparent)
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
}

::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, rgb(122,153,217)), color-stop(0.72, rgb(73,125,189)), color-stop(0.86, rgb(28,58,148)));
}


/*==================================================
>>>       SIDEBAR     
==================================================*/
.post-sidebar{
	border-left:none !important;
	padding: 0 !important;
}
.widget {
    /*background: repeating-linear-gradient(45deg, var(--heading1), #232323 100px);*/
    background: #222222;
    box-shadow: 0 0 5px 5px #0000003b;
    padding: 10px;
    border: solid 1px #111;
    border-radius: 4px;
}

.box-blog-post .is-divider {
    height: 2px;
    margin-bottom: .5em;
    margin-top: .5em;
}
.is-divider{
	background: repeating-linear-gradient(45deg, var(--btn-bg), #232323 100px);
    max-width: 80% !important;
}

#secondary a{
	color: var(--widget-link-color);
}

/*-----------------------*\
    RESPONSIVE
\*-----------------------*/

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.medium-3 {
		flex-basis: 100%;
		max-width: 100%;
	}

	.nwm-gallery.wp-block-gallery figure{
		width: 16.6666% !important;
	}

	.footer-wrapper .row{
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	.footer-wrapper .row > .col:nth-child(4){
		grid-column-start: 2;
		grid-row: 1;
	}
	.footer-wrapper .row > .col:nth-child(4) img{
		max-width: 250px;
	}

	.nwm-games{
		display: grid !important;
		grid-template-columns: 1fr 1fr 1fr;
	}
}

/* Landscape phones and smaller */
@media (max-width: 480px) {
	.nwm-games{
		grid-template-columns: 1fr 1fr;
	}
	.nwm-gallery.wp-block-gallery figure{
		width: 25% !important;
	}
}	



.nwm-home-bg {
  position: relative;
}

.nwm-home-bg::after {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: #1F1F1F;
  opacity: 0.6; /* điều chỉnh độ trong suốt */
  mix-blend-mode: color;
}

.nwm-home-bg .wp-block-group{
	position : relative ;
	z-index: 99;
}