/*
Theme Name: EVA-Online Child
Author: Adtd
Template: flatsome
Version: 3.19
#028442
#ed5500
#4b7d6b
*/

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

/*************** Post Nagvigation Adtd ***************/

@media(min-width: 768px){

.entry-meta{display: none;}

#nav-below{padding: 30px;background: white}

}
/*Menu*/
.is-large {font-size: 17px;}
.button { padding: 0 1em;}
.header-nav .menu-item{margin: 0 5px}
.nav-next>a,.nav-previous>a{display:block;text-overflow:ellipsis;word-wrap:break-word;overflow:hidden;max-height:3em;line-height:3em;background:#4495eb}
.nav-next>a:before,.nav-previous>a:before{display:block!important;color:#fff;text-align:center;font-size:20px}
.nav-previous>a:before{content:'BÀI TRUỚC'}
.nav-next>a{color:#fff}.nav-next>a:before{content:'BÀI KẾ TIẾP';margin-right:-10px}
.nav > li > a {padding: 8px 12px;font-size: 13px;}
/*
Css menu đa cấp cho Flatsome
*/
@media (min-width:850px){
	header#header .nav-dropdown{display:block}
	header#header .nav-dropdown ul.sub-menu{position:absolute;left:100%;top:0;background:#fff;width:250px;padding:0;display:none!important;border-radius:5px;-webkit-box-shadow:1px 1px 15px rgb(0 0 0 / 15%);box-shadow:1px 1px 15px rgb(0 0 0 / 15%)}
	header#header .nav-dropdown ul.sub-menu a{white-space:normal;margin:0;padding:10px 15px;border:0;font-weight:400}
	header#header .nav-dropdown li:hover>ul.sub-menu{display:block!important}
	header#header .nav-dropdown li{border-right:0;white-space:normal;width:100%;display:block;position:relative}
	header#header .nav-dropdown li.menu-item-has-children>a{font-size:14px;font-weight:400;text-transform:none;color:rgba(102,102,102,.85)}
	header#header .nav-dropdown li.active>a{color:#e82c2a}
	}
	
.dark .widget a:hover, .dark a:hover {
    color: #f13a3f;
}

.header-nav-main.nav-pills > li.active > a , .header-nav-main.nav-pills > li > a:hover{
    padding: 10px 15px;
}
ul li.bullet-arrow:before {color: #008acd;}
ul li.bullet-arrow, ul li.bullet-checkmark, ul li.bullet-cross, ul li.bullet-star{padding: 7px 0 7px 18px;}
ul li.adtd-none  {border-bottom: none;list-style: none;margin: 0;padding: 7px 0 7px 5px;position: relative}

.is-sticky-column {margin-top:-50px}

/*Custom Adtd*/
.adtd-rad10, .adtd-rad10 .bg-loaded {border-radius:10px !important}
.adtd-rad18, .adtd-rad18 .bg-loaded {border-radius:18px !important}
.div-adtd{padding:5px}

/*Social*/
.contact-social{position:fixed;bottom:120px;right:50px;z-index:9999}.social-list{}.social-list a img{width:50px; margin-bottom:10px}@-webkit-keyframes hvr-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}@keyframes hvr-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}.hvr-buzz{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;text-align:center;display:block}.hvr-buzz:active,.hvr-buzz:focus,.hvr-buzz:hover{-webkit-animation-name:hvr-buzz;animation-name:hvr-buzz;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}


/*Form 7*/
.wpcf7 {
    color: #fff;
    position: relative;
    font-weight: normal;
}
.wpcf7 label{color:#fff}
.wpcf7  input[type=submit]{width:100%}

.wpcf7-formtd{
	font-size:15px;float:left;
	/*background-image: url(/img/eva_hoabinh.webp);*/
	background:#4b7d6b;
	padding:5px; border-radius: 4px;margin-right:2px;margin-left:2px;border:solid 1px #ed5500}
.wpcf7-div{float: left;padding: 5px !important;}
.textarea-doive{min-height:160px}
.wpcf7-submit{
	border-radius: 6px !important;
	background: #ed5500 !important;
	color: #fff !important;
    text-transform: unset !important;}
.wpcf7 form .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output {
    font-size: 15px;
    border-color: #ffb03c;
    padding: 5px 10px;
    background: #fffaca;
	color:#333;
	
}
/*Page Content*/
.entry-author {
    padding: 2px 0;
}
.page-wrapper {
    padding-bottom: 5px;
    padding-top: 5px;
}
.blog-featured-title+#main .post-sidebar {
    padding-top: 5px;
}

#comments {
    display:none !important
}

.relatedcat {
	padding: 8px 35px 8px 14px;
	margin: 20px 0;
	text-shadow: 0 1px 0 rgb(255 255 255 / 50%);
	border: 1px solid #589f46;
    border-radius: 4px;
    background-color: #f5fbf3;
}
.relatedcat ul li a:hover{color:#f33}
 
.relatedpost {
	padding: 8px 35px 8px 14px;
	margin: 20px 0;
	text-shadow: 0 1px 0 rgb(255 255 255 / 50%);
	border: 1px solid #589f46;
    border-radius: 4px;
    background-color: #f5fbf3;
}

.post_comments{display:none;}


/*View*/
.large-12.col-thongtin {
    display: flex;
}

.luot-xem, .nguoidang, .ngaydang, .chuyenmuc {
	font-size: 13px;
    margin-right: 18px;
	color:gray;
}

@media only screen and (max-width: 700px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.hidden-mobile,.slider-wrapper {display:none !important;}
.show-book{margin-top:5px !important}
.col-inner {margin-left: 10px !important;}
.header-block {min-height: 20px; width: auto;}
}
.adtd-content .col-inner{box-shadow: 0 5px 8px rgb(120 120 120 / 25%), 0 5px 6px rgb(34 34 34 / 10%) !important;}

.adtd-footer a, .adtd-footer h4, .adtd-footer span, .adtd-none, .bullet-arrow, ul li.bullet-arrow:before {color:#fff !important}
.adtd-footer,.absolute-footer {background:#4b7d6b !important;color:#fff !important;}