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

/*************** 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;
}
.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, #2563eb, #232323 100px);
    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, #2563eb, #232323 100px);
    max-width: 80% !important;
}



/*-----------------------*\
    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;
	}
}