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

/*************** ADD CUSTOM CSS HERE.   ***************/
.dark, .dark p, .dark td{}
.header-nav .social-icons a:hover {
    color: #FFB300;
}.header a.icon:not(.button) {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 18px;
}.header-main .nav > li > a {
}.off-canvas .nav-vertical>li>a {
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 16px;
    text-transform: none;
    font-weight: normal;
}.nav.nav-vertical li{border-top:none !important}
.off-canvas-right .mfp-content{background-color: #1D1D1D;    width: 360px;}   
.off-canvas .nav-vertical>li>a:hover{padding-left:14px;color:#FFB300}.header-full-width .container {
    max-width: 98% !important;
}
.slider-section h2{line-height: 64px;}.slider-nav-light .flickity-page-dots .dot:not(.is-selected) {
    width: 8px;
    height: 8px;
    background: #fff;
    position: relative;
    top: -3px;
    opacity: 1;
}.flickity-page-dots .dot {
    background: #fff;
    border: 2px solid #fff;
    width: 14px;
    height: 14px;
}.flickity-page-dots .dot.is-selected {top: -3px;
    background-color: #111;
    opacity: 1 !important;
}.alt-font, .section-title span {
    font-family: "Pacifico", sans-serif;color:rgb(255, 195, 113)
}.section-title-container {
    margin-bottom: 5px;
}.section-title b {
    color: rgb(255, 195, 113);
    opacity: 1;
}.section-title span {
    text-transform: inherit;
}.section-title {
    margin: 0 auto;
    font-weight: 500;
    font-size: 26px;
    padding-bottom: 0;
    margin-bottom: 0;
}
.blog-archive .large-12{padding-bottom:0;text-align:left}
#breadcrumbs{font-size:15px;margin-bottom: 10px;}.is-divider{display:none}.bai-viet-lien-quan {
    margin-top: 15px;
}
.bai-viet-lien-quan h3 {
   font-size: 21px;
    color: black;
    text-transform: uppercase;
}
.playlist .img{margin-bottom:0 !important}
.gioi-thieu-section img{border-radius:15px; border:3px solid #484848}
.album img{border-radius:15px}
.bai-viet-lien-quan ul {
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
}
.bai-viet-lien-quan ul li {
    list-style: none;
    width: 33.33%;
    color: graytext;
    float: left;
    padding-left: 4px;
    padding-right: 5px;
}
.bai-viet-lien-quan ul li .box-image img {
    height: 160px;
    border-radius: 4px;
    object-fit: cover;
    object-position: center;
}footer.entry-meta {
		font-size: 15px;}
.bai-viet-lien-quan h4 {
    font-size: 15px;
    color: black;
    line-height: 19px;
    padding-top: 7px;
    height: 64px;
    overflow: hidden;
}
.blog-archive .page-title{letter-spacing:0; font-size:36px}
.blog-archive .post-item .post-title{    margin: 0;
    margin-bottom: 10px;
    font-size: 19px;}
.blog-archive .post-item .from_the_blog_excerpt {font-size:15px; color:gray}.blog-archive .post-item{padding-bottom:10px}
.blog-archive .post-item .col-inner{padding-bottom:15px;padding-top:15px;box-shadow:none; }
.blog-archive .large-8 .post-item .box-image .image-cover{border-radius:15px; padding-top:70% !important}
.blog-archive .large-4{padding-left:0;border-left:none !important}
.blog-archive .large-8{border-right:none !important}span.widget-title{display: block;
    font-size: 21px;
    padding: 15px;
    letter-spacing: 0;
    background: black;}.widget .is-divider{display:none}.is-divider{display:block;}
.section2 img{border-radius:10px}
.section2{
    background-repeat: repeat-x;
    background-position-y: bottom;
    background-size: 940px;}
.section2 .banner-bg, .section2 .banner{border-radius:20px}
.section2{margin-top:-120px}
.section1 p{margin-bottom:12px}
.section1{padding-bottom:110px !important}
.nut-xem-them{font-weight: normal;
    letter-spacing: 0;
    color: black !important;border:1px solid black !important}
.section1 .img-inner{border-radius:20px}
.section1 h1{    font-size: 41px;color: #FFB300;}
.section3 .box .box-image,.border-radius .img-inner,.border-radius .img-inner img{border-radius:10px}
.nut-xem-them2{font-weight:normal;margin-bottom:0}
.list-post2 .post-item{padding-bottom:20px !important}
.list-post2 .post-item .image-cover{border-radius:15px}
.list-post2 .post-item .button{    border-radius: 20px;
    text-transform: none;
    letter-spacing: 0;
    font-size: 14px;
    font-weight: normal;}
.list-post2 .post-item .post-meta{    color: #ffce8e;
    font-size: 16px;}
.blog-archive .post-item .ngay-cap-nhat{font-weight: normal;
    margin-left: 10px;
    font-size: 17px;}
.bai-viet-noi-bat .post-item .post-meta{display:none}
.blog-single .large-4{padding-left:0;border-left:none !important}
.blog-single .large-8{border-right:none !important}
.list-post2 .post-item .post-title{text-transform:none; font-size: 20px;
    margin-bottom: 10px;
    height: 52px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.flatsome_recent_posts ul{padding:15px; box-shadow: 0px 0px 32px -12px rgb(0 0 0 / 25%);}
.section7 .col{padding-bottom:0}
.section4 img, .section5 img{border-radius:10px}.bg-hoat-dong-moi {margin-bottom:20px;
    background: linear-gradient(90deg, #323C47 0%, #000000 100%);
    border-radius: 10px;
    color: #fff;
}
.list-post .post-item .post-title{ 
    font-weight: normal;}
.list-post .post-item .post-meta{display:none}
.list-post .post-item .ngay-cap-nhat{    color: #ffaf3f;
    margin-left: 10px;}
.section6 .col{padding-bottom:0}
.section6 .flickity-button{margin-top:-2% !important}
.section6 .flickity-prev-next-button.next{left:93% !important}
.section6 .flickity-prev-next-button.previous{right:5% !important}
.list-post .post-item .box-text{padding-top:14px;padding-bottom:15px}
.section6 .large-3 .col-inner{padding:8px}
.section6 .large-3 .icon-box .icon-box-text{padding-top:4px;font-weight:bold;font-size:17px}
.section5 .large-12{padding-bottom:0}
#list-menu li a{padding:0;font-size:15px;color:#959595}
.footer-section .col{padding-bottom:10px}
.footer-section .ux-menu-link__link, .footer-section .large-3 .col-inner p{padding:0;font-size:15px;color:gray}
a.back-to-top{background:var(--primary-color)!important;color:white;border:none !important}
.footer-section form{    max-width: 484px;
    text-align: center;margin:0 auto;margin-bottom:20px}
.form-lien-he .row-info{position:relative;}
.form-lien-he .row-info .left{width:100%;}
.form-lien-he .row-info .right{position:absolute;top:0px;right:0px;}.wpcf7-spinner{display:none}
.form-lien-he input[type=email]{margin-bottom:0;font-size:15px;height:45px;}
.form-lien-he input[type=submit]{margin: 0;
    height: 45px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 0px 15px;
    width: 100%;
    letter-spacing: 0;}
.flatsome_recent_posts .badge {
      height: 4.8em;
		width: 7.8em;}.flatsome_recent_posts .badge .badge-inner{border-radius:6px}
		
.widget.flatsome_recent_posts .recent-blog-posts-li > .flex-row > div:first-child{display:none;}
.recent-blog-posts a {
      font-weight: bold;
    color: black;
    font-size: 15px;
    line-height: 21px;
}
.widget_custom_html .custom-html-widget{padding: 15px;
    box-shadow: 0px 0px 32px -12px rgb(0 0 0 / 25%);text-align:center}
.widget_custom_html input[type=email]{    border-radius: 20px;
    box-shadow: none;
    background: #e5e5e5;
    border: none;}
.widget_custom_html input[type=submit]{margin: 0;
    width: 100%;
    border-radius: 20px;
    color: black;
    font-weight: normal}
.bai-viet-noi-bat{background: linear-gradient( 0deg, #F0F8FF 0%, rgba(255, 255, 255, 0) 100%);}
.list-post2 .post-item .col-inner{padding-bottom:0; padding-top:0}
.hinh-anh img, .loi-noi-dau img{border-radius:15px}
.du-an .box .box-text{padding: 20px 20px;
    background-color: rgba(255,255,255,.95);
    max-width: 90%;
    margin: -20% auto 0;
    min-height: 365px;
    border-top: 6px solid #FFB300;
    border-radius: 10px;}
.du-an .box img{border-radius:15px}
.lien-he-section .cot2 .col-inner{box-shadow: 0 0 20px #00000021;
    padding: 30px;
    border-radius: 15px;}
.lien-he-section input, .lien-he-section textarea{    box-shadow: none;
    border-radius: 10px;}
.nav-vertical>li>ul li a:hover{}
.mobile-sidebar .toggle{}

.wpcf7-form{margin-bottom:0px;}
.wpcf7-form .row > div{padding-bottom:10px;}
.wpcf7-form .row > div:last-child{padding-bottom:0px;margin-top:7px;}
.wpcf7 .wpcf7-not-valid-tip{margin-top:0px;}
.wpcf7-form label{margin-bottom:0px;}
.wpcf7-form label input, .wpcf7-form label select, .wpcf7-form label textarea{font-weight:normal;}
.wpcf7-form input[type="submit"]{margin-right:0px;margin:0px;}
.wpcf7 .wpcf7-not-valid-tip{font-size:0.9em;}
.wpcf7-spinner{display:none!important;}
.wpcf7-form textarea{height:80px;min-height:auto;}
.wpcf7 form .wpcf7-response-output{margin-top:15px!important;margin-bottom:0px!important;line-height:1.2em!important;padding:5px 7px!important;}
.wpcf7 form .button, .wpcf7 form button, .wpcf7 form fieldset, .wpcf7 form input, .wpcf7 form select, .wpcf7 form textarea{}

input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], textarea, select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection,.form-flat input:not([type="submit"]), .form-flat textarea, .form-flat select,.form-flat button, .form-flat input,a.button,button,.button.is-outline,input[type="submit"],a.quick-view,.wishlist_table .add_to_cart,.yith-wcwl-add-button > a,table.compare-list .add-to-cart td a:not(.unstyled_button){}
input[type=email], input[type=date], input[type=search], input[type=number], input[type=text], input[type=tel], input[type=url], input[type=password], textarea, select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, .chosen-container-multi .chosen-choices{font-size:1em;border-radius:20px;}
input[type=email], input[type=date], input[type=search], input[type=number], input[type=text], input[type=tel], input[type=url], input[type=password], textarea, select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection,.chosen-container-multi .chosen-choices{}
textarea{padding:10px 13px;box-shadow:none;}
input[type=email]:focus, input[type=date]:focus, input[type=search]:focus, input[type=number]:focus, input[type=text]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=password]:focus, textarea:focus, select:focus, .select-resize-ghost:focus, .select2-container .select2-choice:focus, .select2-container .select2-selection:focus{}
textarea{min-height:115px;}
input[type="submit"],button,a.button{padding-left:15px;padding-right:15px;}
.button, button, input[type=submit], input[type=reset], input[type=button]{}
select[multiple="multiple"]{height:auto;overflow-y:auto;}
th, td{font-size:1em;}
body,html{font-size:16px;}

.box .box-image{border-radius:20px;}
.has-shadow>.col>.col-inner{background:none;}

.nav-dark .social-icons .button.is-outline, .dark .social-icons .button.is-outline,.button.is-outline, input[type=submit].is-outline, input[type=reset].is-outline, input[type=button].is-outline{border-color:#ffb300;}

#list-menu li a,.dark a{color:#48D1CC;}
.nav>li>a, .nav-dropdown>li>a, .nav-column>li>a, .nav-vertical-fly-out>li>a,#list-menu li a:hover,.dark a:hover, .dark .widget a:hover,.dark a.lead, .dark label, .dark .heading-font, .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .hover-dark:hover p, .hover-dark:hover h1, .hover-dark:hover h2, .hover-dark:hover h3, .hover-dark:hover h4, .hover-dark:hover h5, .hover-dark:hover h6, .hover-dark:hover a,.blog-archive .post-item .from_the_blog_excerpt,.dark, .dark p, .dark td,.absolute-footer.dark,.nav-vertical>li>ul li a,.nav-vertical li li.menu-item-has-children>a{color:#ffb300;}
.nav>li>a:hover, .nav>li.active>a, .nav>li.current>a, .nav>li>a.active, .nav>li>a.current, .nav-dropdown li.active>a, .nav-column li.active>a, .nav-dropdown>li>a:hover, .nav-column li>a:hover, .nav-vertical-fly-out>li>a:hover,.nav-vertical>li>ul li a:hover, .dark .widget a:hover,.blog-archive .post-item .post-title:hover,.nav-vertical li li.menu-item-has-children>a:hover{color:#48D1CC;}

.dark ul.menu>li+li, .dark .widget>ul>li+li{border-color:#ffb300;}

.nav-vertical li li.menu-item-has-children>a{font-size:1em;text-transform:none;}
.nav-vertical li li.menu-item-has-children{margin:0px!important;}
.nav .children,.nav:not(.nav-slide) .active>.children{padding-bottom:15px;}

.section.dark{background-color:#313131;}

.box-overlay .box-text, .box-shade .box-text{padding:15px;background: #1a1a1a; background: -webkit-linear-gradient(0deg, rgba(26, 26, 26, 1) 0%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(0deg, rgba(26, 26, 26, 1) 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(0deg, rgba(26, 26, 26, 1) 0%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1A1A1A", endColorstr="#FFFFFF", GradientType=0);-webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px;}

.logo a,.nav-dark .logo a, .nav-dark .logo-tagline{font-size:1em;line-height:1.1em;color:var(--fs-color-primary);}
.searchform .button.icon{border-radius:50%;}

@media only screen and (max-width: 549px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.bai-viet-lien-quan ul li {
		width: 50%;
	}
	.bai-viet-lien-quan ul li .box-image img {
		height: 90px;
	}.section1 h1 {
			font-size: 25px;}
	.section6 .flickity-button {
		margin-top: -29% !important;
	}.section6 .flickity-prev-next-button.next {
		left: 90% !important;
	}.section6 .flickity-prev-next-button.previous{left:85% !important}.list-post .post-item .box-text{padding:10px}.list-post2 .post-item .post-title{font-size: 15px;
		margin-bottom: 10px;
			height: 60px;}.section7 .col{padding-bottom:10px}.form-lien-he input[type=submit]{font-size:13px}
	.blog-archive .bai-viet-noi-bat{display:none}.blog-archive .page-title {
	font-size: 25px;
		margin-bottom: 0;
	}.blog-archive .post-item .col-inner {
		padding-bottom: 0;
			padding-top: 0;}.blog-archive .post-item .post-title {
		font-size: 17px;
	}.blog-archive .large-4, .blog-single .large-4{padding-left:15px}

}