/*
Theme Name: Thai Airways Child
Description: This is a child theme for Sichuan Airline
Author: Adtd
Template: flatsome
Version: 3.0
do:#e91d25
xanh:#FF5722

*/

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

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

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 5px;
    margin-bottom: 5px;
}

@media(min-width: 768px){

.entry-meta{display: none;}

#nav-below{padding: 30px;background: white}
}
.is-divider { height: 1px;margin: 5px 0;}
.button { padding: 0 1em;}
.button span {font-size:13px}
.is-large,.is-larger span,
.btn-hotline .button i{font-size: 25px;top: -3px;right: -8px;}
.btn-hotline span  {font-size: 28px;}
.btn-hot-foot span{font-size:18px}
/*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,.adtd-rad10 img {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 p{font-size:15px;color:#fff}
.wpcf7 .wpcf7-form-control-wrap {position: unset;}
.wpcf7 form.sent .wpcf7-response-output{border-color: #46b450;border-radius: 4px;background: #fdfadb;}
.wpcf7 .title,.wpcf7 h5 {color:#fff}
.wpcf7 p{margin:2px;}
.wpcf7 label{margin-bottom: 5px;font-weight: 500}
.wpcf7 input[type=text],.wpcf7 input[type=url],.wpcf7 input[type=tel],.wpcf7 input[type=email]{width: 96%;float: left;margin: 10px;font-size: 14px;height: 40px;border-radius: 4px}
.wpcf7 select{width: 96%;margin: 10px;border-radius: 4px;font-size: 14px;height: 40px}
.wpcf7 textarea{font-size: 14px;border-radius: 4px;margin: 10px;width: 97%;height:100px}
.wpcf7-email{border-radius: 4px}
.wpcf7-submit{width:96%;border-radius: 4px !important;height: 34px !important;margin-left: 10px;background: #FF5722  !important}
.form-tour .wpcf7-submit,.form-taxi .wpcf7-submit{width:96%;border-radius: 4px !important;height: 34px !important;margin-left: 10px;background: #FFC107  !important}
.wpcf7-mail-sent-ok{border:none !important;color:#fff !important;}
.wpcf7-captchar{max-width: 80px !important;margin-left: 10px !important;}
.wpcf7 input[type=date]
	{
	height: 38px !important;
    width: 230px;
    border-radius: 4px;
    border: solid 1px #555;
	}
.wpcf7 input[type=text]{border-radius: 3px;}
.wpcf7-submit{
	border-radius: 6px !important;
	background: #dd050d !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;
	
}

.wpcf7 .wpcf7-not-valid-tip {
	background-color: transparent;
    border-radius: 3px;
    opacity: unset;
    padding: 0px;
    position: static;}
	
/*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;
}
/*Promo*/ 
/*Load style Promo*/ 
.hotDestination{overflow: hidden;padding: 0 7.5px}.hotDestination .col-promotions{padding-left: 2px;padding-right: 2px}.hotDestination .overlays{position: relative;overflow: hidden;transition: 0.3s all ease 0s;-webkit-transition: 0.3s all ease 0s}.hotDestination .overlays::before{content: "";position: absolute;z-index: 1;width: 100%;height: 100%;top: 0;left: 0;/* background: rgb(0,0,0); background: -moz-linear-gradient(0deg,rgba(0,0,0,0.38) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(0deg,rgba(0,0,0,0.38) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%); *//* background: linear-gradient(0deg,rgba(0,0,0,0.38) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1)*/}
.hotDestination .overlays .line-top{content: "";transition: all 0.1s ease-in-out;position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 5px;opacity: 0}.hotDestination .overlays:hover .line-top, .hotDestination .overlays:hover::after{opacity: 1}
.hotDestination .box-hotDestination{height: 335px;background-size: cover;background-position: center;background-repeat: no-repeat;margin-bottom: 4px}
.hotDestination .description{border-radius: 8px;text-align: center;color: #333;position: absolute;z-index: 2;left: 0;bottom: -95px;width: 100%;padding: 20px 15px 10px;font-size: 14px;font-family: "OpenSans",Arial;transition: all 0.2s ease-in-out}
.hotDestination .overlays:hover .description{bottom: 0;background:#4c6bafa8;color:#fff}
.hotDestination .description .city{font-size: 22px;font-family: "Noto san",sans-serif;margin-bottom: 0;line-height: 1}.hotDestination .description .flying-class, .hotDestination .description .title-price{margin-bottom: 0}
.hotDestination .description .price{font-size: 22px;color: #ed1556;;font-family: "Noto san",sans-serif;margin-bottom: 0;line-height: 1.2}
.hotDestination .description .btn-book{font-size: 13px;font-family: "Noto san",sans-serif;width: 150px;height: 40px;line-height: 38px;text-transform: uppercase;text-align: center;color: #fff;display: inline-block;border-radius: 5px;background:#2869ff;margin: 10px 0;transition: 0.3s all ease 0s;-webkit-transition: 0.3s all ease 0s;position: relative;z-index: 4}
.hotDestination .description .btn-book:hover{background:#2869ff}.hotDestination .medium .box-hotDestination{height: 245.5px}.hotDestination .small .row{margin-top:10px; padding: 0 13.5px}
.hotDestination .small .box-hotDestination{height: 245.5px}.hotDestination .box-hotDestination .link-port{content: "";width: 100%;height: 100%;display: block;top: 0;left: 0;position: absolute;z-index: 3}.view-promotions{font-size: 13px;text-transform: uppercase;font-family: "OpenSans-Bold",Arial;border: 2px solid #cc990e;color: #cc990e !important;border-radius: 5px;width: 250px;height: 40px;display: block;margin: 5px auto 15px;clear: both;text-align: center;line-height: 36px;-webkit-box-sizing: border-box;box-sizing: border-box;transition: 0.3s all ease 0s;-webkit-transition: 0.3s all ease 0s}.view-promotions:hover{text-decoration: none;background-color: #cc990e;color: #fff !important}@media screen and (max-width:767px){.hotDestination .overlays .description{bottom: 0}.hotDestination .overlays .line-top, .hotDestination .overlays::after{opacity: 1;top: 0}}
.hotDestination .description .city {font-size: 18px;font-weight: 600;padding-bottom: 5px;}
.hotDestination .small .box-hotDestination {height: 330px;/* box-shadow: 0 3px 6px 0 rgba(0,0,0,.16); */}
.hotDestination .col-promotions { padding:5px 10px 5px 10px;}
.hotDestination .p-button{margin:0px}
/*Footer*/ 
.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 {}	

.absolute-footer {
    background-color: #d10e00;
}
.absolute-footer.dark{color:#fff}

.article-inner table {border-color: #cfcfcf !important;}
.article-inner td,th {padding: 8px !important;}

@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;}
}

