/*
Theme Name: Travel And Bike With Mike
Theme URI: http://www.travelandbikewithmike.com
Author: Chien Hoang
Author URI: #
Description: Travel theme.
Version: 1.0.0
License: 
License URI: 
Text Domain: travelandbikewithmike
*/

@import url('css/uikit.almost-flat.css');

/*
 * header
 * search
 */
 .top-navigation{
 	background-color: rgba(255, 255, 255, 0.2);  
 	padding: 10px 0;  
 	text-align: center;
 }

 .site-header{
 	
 }
 .site-branding-block{
 	height: 191px;
 }
.input-search{
    padding: 5px 5px;
    border: none;
    width: 80%;
    font-family: 'MyVnAvantH';
}
.btn-search {
    position:relative;
    padding:5px 5px;
    left:-8px;
    border:2px solid #75C044;
    background-color:#75C044;
    color:#fff;
}
.arrow{
    position: relative;
    left: 24px;
    
}
.arrow:after{
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-color: rgba(32, 124, 202, 0);
    border-left-color: #fff;
    border-width: 15px;
    margin-top: -29px;
}

/*
 * header
 * info block
 */
.info-block{color: #fff;}
.info-block a{color: #fff !important;}


/*
 * header
 * divider
 */
.header-divider{
    border-color: #333;
    margin: 15px 0 0 !important;
}


/*
 * primary menu
 */

.menu-active a{color: #75C044 !important;}


/*
 * footer
 */
.bg-main-color{background-color: #fff;}
.footer-font{font-family: "MyVnAvantH";}
.site-info{text-transform: uppercase;}
.footer-grid-divider{
    /*border-top: 1px solid #0F1A10;*/
    width: 80% !important; 
    margin: 0 auto;
}
.footer-divider{
    border-top: 3px solid #000;
    padding-bottom: 15px;
}
.footer-menu a{
	color: #231f20;
}
.footer-menu a:hover{
    text-decoration: none;
    background-color: #000;
    color: #fff;
}

.custom-footer-menu > div > ul > li > a:hover{
    text-decoration: none;
    background-color: #000;
    color: #fff;
}
.footer-divider-responsive{
	padding-bottom: 20px;
	margin: 0;
}

/*
 * custome menu for home page
 */
.custom-menu-home-page {
    float: left;
    list-style: outside none none;
    margin-bottom: 25px;
    padding: 0;
    text-transform: uppercase;
    width: 100%;
    background-color: #000;
}
.custom-menu-home-page > li {
    float: left;
    position: relative;
    text-align: center;
    width: 33.33%;
}

.custom-menu-home-page > li > a[href="#"] {
    cursor: text;
}

.custom-menu-home-page > li > a {
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-family: "MyVnAvantH";
    font-size: 20px;
    font-weight: normal;
    height: 80px;
    line-height: 80px;    
    text-decoration: none;
    border-right: 5px solid #fff;
}

.custom-menu-home-page > li:nth-child(3) > a:last-of-type{border-right: none;}

.custom-menu-home-page > li > a:hover{color: #75C044;}

/*
 * custome menu for primary nav
 */
.custom-pnav {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    width: 100%;
    background-color: #000;
}
.custom-pnav > li {
    float: left;
    position: relative;
    text-align: center;
    width: 33.33%;
}

.custom-pnav > li > a[href="#"] {
    cursor: text;
}

.custom-pnav > li > a {
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-family: "MyVnAvantH";    
    font-weight: normal;       
    text-decoration: none;   
    line-height: 41px;
}

.custom-pnav > li.uk-active > a {
    color: #75C044 !important;
}

.custom-pnav > li > a:hover{color: #75C044;}

/*
 * body
 */
.content-padding{padding: 10px 35px;}

/*
 * font-face
 */
@font-face{
    font-family: 'MyVnAvantH';
    src: url('fonts/Vhavan.ttf');
}

h1{
    font-family: 'MyVnAvantH';
    font-size: 46px;
    text-transform: uppercase;
    font-weight: bold;
}

/*
 * payment logo
 */
.pl ul{list-style: outside none none; padding-left: 0;}
.pl ul li{padding-bottom: 5px;}
.pl span {padding-left: 15px;}
.vs, .vbs, .wu, .mc, .vcb, .jcb, .op{
    background: url('images/payment-logo.png');
    background-repeat: no-repeat;    
    vertical-align: middle;
}
.op {height: 29px; width: 64px; background-position: -384px 0; display: inline-block;}
.jcb {height: 29px; width: 64px; background-position: -320px 0;display: inline-block;}
.vcb {height: 29px; width: 64px; background-position: -256px 0; display: inline-block;}
.mc {height: 29px; width: 64px; background-position: -192px 0; display: inline-block;}
.wu {height: 29px; width: 64px; background-position: -128px 0; display: inline-block;}
.vbs {height: 29px; width: 64px; background-position: -64px 0; display: inline-block;}
.vs {height: 29px; width: 64px; background-position: 0 0; display: inline-block;}

/*
 * social network icons
 */
.sprite {
    background-image: url('images/spritesheet-social.png');
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
}

.sprite-Facebook-Icon {
    width: 32px;
    height: 32px;
    background-position: -5px -5px;
}

.sprite-Google-Plus-Icon {
    width: 32px;
    height: 32px;
    background-position: -47px -5px;
}

.sprite-Twitter-Icon {
    width: 32px;
    height: 32px;
    background-position: -89px -5px;
}

.sprite-Youtube-Icon {
    width: 32px;
    height: 32px;
    background-position: -131px -5px;
}

.sprite-tripadvisor-Icon {
    width: 32px;
    height: 32px;
    background-position: -173px -5px;
}

.footer-link a{color: #231f20; line-height: 30px;}

/*
 * img style wp
 */
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.page-title{color: #75C044;}

/*
 * page /guide/
 */
.guide-list-title{font-family: 'MyVnAvantH'; color: #231f20; font-weight: bold;}


/*
 * toolbar tour
 */
.tool-bar{
    text-transform: uppercase;
    font-family: 'MyVnAvantH';
    margin: 11px 0;
    text-align: right;
}
.tool-bar a{
    color: #1d1b1c;
    cursor: pointer;
}
.tool-bar a:hover{
    text-decoration: none;
    color: #75C044;
}

/*
 * flexslider
 */

.flexslider{margin: 0 !important;}
.custom-navigation {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.custom-navigation > * {
    display: table-cell;
}
.custom-navigation > a {
    width: 50px;
}
.custom-navigation .flex-next {
    text-align: right;
}

/*
 * tour category
 */
.tcat-sub-title-rblock{
    font-family: 'MyVnAvantH';
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
}
/*
 * tour
 */
.tour-title{
    /*color: #75C044;*/
    text-transform: uppercase;
    /*font-size: 28px;*/
    font-size: 14px;
    font-family: 'MyVnAvantH';
    font-weight: bold;
    /*line-height: 30px;*/
}
.tour-short-description{
    font-style: italic;
}
.booking-tour{
    background: url('images/book-now.jpg') no-repeat;
    float: right;
    width: 126px;
    height: 24px;
}
.tlink a{
    color: #231f20;
}
.tborder{
    border: none !important;
}
.link-button{
    background-color: #75C044;
    color: #19221f;
    font-family: 'MyVnAvantH';
    text-transform: uppercase;
    padding: 10px 32px;
    text-align: center;
    font-size: 20px;
}
.tour-list-title{
    font-family: 'MyVnAvantH';
    color: #231f20;
    font-size: 13px;
    text-transform: uppercase;
}

/*
 * fix youtube responsive
 */
.yt-wrapper         {width:100%;}
.yt-iframe        {position:relative; padding-top: 56%;}
.yt-iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%;}

/*
 * booking
 */

.step {
    margin: 0 auto;
}
table.booking {    
    border-spacing: 1px;    
}
table.booking td {
    border: 1px solid #000000;
    height: 20px;
    text-align: center;
    width: 20%;
}
table.booking td.selected {
    background-color: #000000;
}
table.booking tr.none td {
    border: 0 none;
}

.tour-booking-title{
    background-color: #000;
    color: #fff;
    margin: 15px 0;
    padding: 5px 0 5px 10px;
    text-transform: uppercase;    
}

table.tbl-price thead td{
    background: #000;
    color: #fff;
    text-transform: uppercase;    
    border: 1px solid #000;
    padding: 5px 0 5px 15px;
}

table.tbl-price {
    border-collapse: collapse;
}
table.tbl-price tbody td{
    border: 1px solid #000;
    padding: 10px;
}
.booking-ctrl{
    background-color: #000;    
    float: right;
    color: #fff;
}
.booking-ctrl .uk-button{
    border-radius: 0;
    background-color: #000;
    text-shadow: none;
    color: #fff;
    text-transform: uppercase;

}
.booking-ctrl .uk-button:last-child{
    border-right: none;
}
.booking-ctrl .uk-button:hover{
    background-color: #75C044;
}

.s-bottom{
    padding-left: 50%;
    padding-top: 10%;
}
.search-bottom{
    border: 1px solid #000;
    padding: 4px;
    width: 150%;
    margin-bottom: 5px;
}
.more-videos{
    background: url('images/more-video.jpg') no-repeat;
    float: right;
    width: 148px;
    height: 24px;
}
.service-title{
    background-color: #000;
    font-family: 'MyVnAvantH';
    text-transform: uppercase;
    color: #fff;
    padding: 5px 0 5px 10px;
}
.service-content{
    padding: 5px;
}
.passenger-info{
    padding-top: 5px;
    padding-bottom: 5px;
}
.passenger-info input{
    width: 100%;
    border-color: #000;
    border-radius: 0 !important;
    border-color: #000 !important;
}
.passenger-info select{    
    border-color: #000;
    border-radius: 0 !important;
    border-color: #000 !important;
}

/*
 * responsive menu
 */
.responsive-nav-bar{    
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    width: 100%;    
}

.responsive-nav-bar > li{
    line-height: 30px;
    padding-left: 20px;
}
.responsive-nav-bar > li > a{
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset;
    color: #ccc;
    padding: 10px 15px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

.responsive-nav-bar li > a {
    display: block;
    text-decoration: none;
}

.responsive-nav-bar li > a:hover{
    color: #75C044;
}

.logo{
    height: 100%;
    padding-top: 10px;
}

.ui-datepicker td span, .ui-datepicker td a{
    font-family: 'MyVnAvantH';
}
.ui-datepicker th{
    font-family: 'MyVnAvantH';
}
.ui-datepicker-title{
    font-family: 'MyVnAvantH';
}
.info-block a:hover{
	color: #75c044 !important;
	text-decoration: none; 
}

/*
 * content padding for all page
 */
.plus-padding{
	padding: 35px 35px;	
}

#divLoading
{
display : none;
}
#divLoading.show
{
display : block;
position : fixed;
z-index: 100;
background-image : url('images/loading.gif');
background-color:#666;
opacity : 0.4;
background-repeat : no-repeat;
background-position : center;
left : 0;
bottom : 0;
right : 0;
top : 0;
}


.back-to-top {
    background: rgba(0, 0, 0, 0) url("images/arrow-up-01-128.png") no-repeat scroll 0 0;
    bottom: 0;
    display: none;
    height: 32px;
    padding: 10px;
    position: fixed;
    right: 0;
    text-decoration: none;
    width: 32px;
}

@media (max-width: 767px) {
	.tool-bar a{font-size: 13px !important;}
	.rescontent{
    	padding-left: 0;
    	padding-right: 0;
    }
    .content-padding{
    	padding: 10px 10px;
    }
    p, button.uk-button, a, .tour-list-title, h3, label, li, td, .tour-booking-info{
    	font-size: 23px !important;
    	line-height: 1.5em;
    }
    .plus-padding{
    	padding: 10px !important;
    }
    .breadcrumb {background-color: #f5f5f5; padding: 5px;}
    .breadcrumb a{font-size: 14px !important; text-decoration: underline;}
    .booking-ctrl button{font-size: 14px !important;}
    .booking-ctrl input{font-size: 14px !important;}
}
.block-toolbar{
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.uk-modal-dialog{
	border: 4px solid #75c044;
	width: 450px !important;
}
.breadcrumb a {
	color: #231f20 !important;
	text-decoration: underline !important;
}
.tour-slideshow{
	padding-bottom: 15px;
}
/* flex slider */
.tp-thumbs {
	padding-top: 4px !important;
}

.post-navigation {display: none !important;}
.page-title{
	display: none;
}