/*
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.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

@font-face {
 font-family: SVN-Gotham-Bold;
 src: url(/wp-content/themes/flatsome-child/fonts/SVN-GothamBold.otf);
 font-weight: 700;
 }


@font-face {
 font-family: SVN-Gotham-Book;
 src: url(/wp-content/themes/flatsome-child/fonts/SVN-GothamBook.otf);
 }

@font-face {
 font-family: SVN-Gotham-Regular;
 src: url(/wp-content/themes/flatsome-child/fonts/SVN-GothamRegular.otf);
 }

@font-face {
 font-family: SVN-Gotham-Light;
 src: url(/wp-content/themes/flatsome-child/fonts/SVN-GothamLight.otf);
 }


/* .home #logo img {filter: invert(1);} */
.transparent .header-main { height: 72px !important; }
.header.transparent .header-wrapper {
	background-color: #0000003d}
.nav-spacing-xlarge>li { margin: 0px 35px; }

h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2,.p-footer-left {
   font-family: "SVN-Gotham-Bold", Arial, sans-serif !important;
}

.about-h2 h2 {line-height:.4;}

.sub-title {
    letter-spacing: 14px;
    font-size: 16px;

}

.title-vission {color: #3AB7FE !important;}
.title-mission {color:#ff87f37d !important;}
.title-Regular { font-family: "SVN-Gotham-Regular", Arial, sans-serif !important;}

body {
	font-family: "SVN-Gotham-Light", Arial, sans-serif !important;
}
.header-nav a.nav-top-link {
    text-decoration: underline;
}
.header-bg-color {background: rgb(10, 8, 16);
    background: linear-gradient(90deg, rgba(10, 8, 16, 1) 0%, rgb(53 53 100) 47%, rgba(10, 8, 16, 1) 100%); }
.title-p-footer .transparent #logo img { max-height: 54px !important; }
.archive .image-cover{ padding-top: 100% !important;}
.is-divider, .archive .from_the_blog_excerpt,.from_the_blog_comments { display: none; }
.products .box {border: 1px solid #eaeaea; }
.products .box:hover { border-color: #ef4023;}
.products .op-7 { display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; margin-bottom: 16px; width: 86px; height: 29px; border: 1px solid #111111; font-size: 0.83rem; font-weight: 700; }
.products .op-8 { opacity: .8; margin-top: 40px; font-weight: 600; font-size: 0.83rem; }
.form-flat input { border-radius: 0px !important; background: #f7f7f7; border: 0; outline: 0; height: 54px; }
.blog-featured-title {
    padding: 48px 0 56px;
}
.title-overlay { background-color: #eee !important; }
.single-post h6.entry-category.is-xsmall a { border: 1px solid #111111; font-size: 0.83rem; font-weight: 700; color: #111; padding: 5px; }
.single-post h1.entry-title { color: #111; font-size: 1.5rem; margin-top: 20px;}
.featured-title {  text-shadow: none; } time.entry-date.published { color: #999999; font-size: 0.83rem; font-weight: 600; }
/* .featured-title .page-title-inner { padding-bottom: 20px; width: 1200px; } */
.back-to-top.active { background-color: #111; border: 2px solid #111; }   .back-to-top i.icon-angle-up { color: #fff; }
.flex-grow {flex: none !important;} .flex-left {  margin: 0 auto; }
.partner {  background: #ffffffad; border-radius: 10px; padding: 20px; }
.dark .widget a:hover, .dark a:hover { color: #0351c0; }


a.button.primary.is-xxlarge,a.button.primary.is-xlarge { background: rgb(67, 43, 164); background: linear-gradient(90deg, rgba(67, 43, 164, 1) 0%, rgba(25, 16, 62, 1) 100%);     font-family: 'SVN-Gotham-Regular';padding: 10px 36px;border: none;}

a.button.primary.is-larger { background: rgb(67, 43, 164); background: linear-gradient(90deg, rgba(67, 43, 164, 1) 0%, rgba(25, 16, 62, 1) 100%);     font-family: 'SVN-Gotham-Regular';padding: 10px 36px;border: none;}
.video-button-wrapper { opacity: .4; } a.glink.nturl.notranslate { color: #fff; border: 1px solid; padding: 10px; margin-right:-5px;}
.title-hr-bottom { width: 40px; border-top: 1px solid; opacity: .7; margin: auto; margin-bottom:20px; margin-top:20px; }
.hr-slider {opacity: 1; color: #5C4D99;}
.benefit .icon-box-left { border-bottom: 1px solid #ffffff4a; padding: 10px 0px;}
 .benefit h2 {border-bottom: 1px solid #ffffff4a; margin-bottom: 5px; padding: 10px 0px;}
 .benefit .jobs-row {border-bottom: 1px solid #ffffff4a; margin-bottom: 5px; padding: 15px 0px;}
.jobs-h2  {
    border-bottom: 1px solid #ffffff4a;
    margin-bottom: 5px;
}

.icon-search::after {
    content: " Tìm kiếm";
	font-size: 16px;
    font-family: 'SVN-Gotham-Regular' !important;
}
input[type=search] {height: 61px; border-bottom-left-radius: 8px;
    border-top-left-radius: 8px; border: none; padding: 25px; color: #B6B6B6; }
.searchform .button.icon { margin: 0; background: rgb(67, 43, 164); background: linear-gradient(180deg, rgba(67, 43, 164, 1) 0%, rgba(25, 16, 62, 1) 100%); height: 61px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 20px !important; border: none;}
.searchform-wrapper .flex-col:nth-child(2) {
    background-color: #fff; 
	border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}.artists h4 a { text-decoration: underline; }
.header.transparent .header-wrapper {
    background-color: rgb(40 0 187 / 27%);
}

.name-artist h4 {text-transform:uppercase;}