/*
Theme Name: Z - The Travel Booking
Description: Travel Booking is a creative WordPress theme ideal for tourism, holiday, accommodation, resort, travel agency, travel booking, travel package, tour operator, hotel booking, car operator, travel adventure and such related websites. You can add trip types, destinations, highlight your package features and allow visitors to book the trips. It shows compatibility with numerous WordPress plugins like Contact form 7, WooCommerce, etc. The theme is written well with clean, optimized and secure codes. It is SEO-friendly theme that will assist your website to rank fast on major search engines. It is mobile-friendly too with responsive layout that fits well on any device. It is translation-ready and also has support for RTL layout. You get many options for personalization and customization. If you know coding you can add custom CSS/JS and shortcodes to it to add more functionality to your site. The page load time is faster as the theme is optimized for speed. Its design is modern, luxurious, user-friendly and professional that will hook your visitors to the site. With the social media option you can integrate all your social media pages to show credibility. It has a testimonial section where your clients and visitors can give reviews and comments on your services.
Author: misbahwp

Version: 1.4
Tags: photography, food-and-drink, entertainment, wide-blocks, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, editor-style, theme-options, threaded-comments, rtl-language-support
Text Domain: the-travel-booking
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

The Travel Booking WordPress Theme has been created by misbahwp(misbahwp.com), 2021.
The Travel Booking WordPress Theme is released under the terms of GNU GPL
*/

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
#content[tabindex="-1"]:focus {
	outline: 0;
}
body {
  font-family: 'Poppins', sans-serif;
  color: #989898;
  margin:0;
  background: #fff;
}
h1,h2,h3,h4,h5,h6{
	font-weight: bold;
	color: #5a5959;
}
a {
  color:#5a5959;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
}

a:hover,
a:focus {
  color:#3fcfd3;
  text-decoration: none;
}

.alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
}

.post-single a, .page-single a,.sidebar-area .textwidget a,.comment-content a {
  text-decoration: underline;
}

/* ===============================================
   HEADER BOX
   ============================================= */

.top-header {
	background: #3fcfd3;
}
.top-header span span {
    font-size: 19px;
    color: #fff;
    margin-top: -13px;
    margin-right: 10px;
}
.top-header span {
  color: #5a5959;
  font-weight: 500;
  font-size: 15px;
  padding: 15px 0;
  display: inline-block;
}
.translation-box a.goog-logo-link {
	display: none;
}
.translation-box .skiptranslate.goog-te-gadget {
	display: flex;
  justify-content: flex-end;
	color: #3fcfd3;
}
.translation-box .goog-te-gadget .goog-te-combo{
	margin: 0 !important;
}
.translation-box  #google_language_translator select.goog-te-combo {
  padding: 15px 5px !important;
  border: none !important;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
}

/* ===============================================
   LOGO BOX
   ============================================= */

.logo {
  display: block;
  padding: 15px 0;
	min-height: 53px;
  line-height: 1.4em;
	word-break: break-all;
}
.logo a {
  color: #5a5959;
  font-size: 30px;
  line-height: 35px;
  text-decoration: none;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  font-weight: 600;
}
.logo a:hover,
.logo a:focus {
  color:#3fcfd3;
}
.logo span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #5a5959;
}
.logo-image {
  float: left;
}

/* ===============================================
   MENU BOX
   ============================================= */

#site-navigation {
  -webkit-box-shadow: 0 8px 6px -6px #ebebeb;
  -moz-box-shadow: 0 8px 6px -6px #ebebeb;
  box-shadow: 0 8px 6px -6px #ebebeb;
}
#main-menu {
	display:block;
	position:relative;
	float:left;
	margin:0 auto;
	width:100%
}
#main-menu ul {
	margin:0;
    padding: 0;
	display:block;
}
#main-menu ul li {
	position:relative;
	display:block;
	float:left;
	text-align:left;
}
#main-menu ul li a {
	text-decoration:none;
	display:block;
	z-index:1;
	padding:10px 15px;
	margin:0;
	color: #5a5959;
	font-size: 14px;
	-webkit-transition: color .1s linear, background-color .1s linear;
	-moz-transition: color .1s linear, background-color .1s linear;
	-o-transition: color .1s linear, background-color .1s linear;
	transition: color .1s linear, background-color .1s linear;
	position:relative;
	line-height:53px;
	font-weight: 500;
}
#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover > a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus > a,
#main-menu li:focus > a,
#main-menu ul li.current-menu-item > a,
#main-menu ul li.current_page_item > a,
#main-menu ul li.current-menu-parent > a,
#main-menu ul li.current_page_ancestor > a,
#main-menu ul li.current-menu-ancestor > a {
	color:#3fcfd3;
}
#main-menu ul.children ,
#main-menu ul.sub-menu {
	opacity:0;
	position: absolute;
	top: 70px;
	left: -9999em;
	background:#fff;
	z-index:10001;
	width:213px;
	padding-left:0;
	-webkit-transition: opacity 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}
#main-menu ul.children li ,
#main-menu ul.sub-menu li {
	position:relative;
	margin:0;
	line-height:1.2em;
	text-transform:none;
	width:213px;
	min-height: inherit;
	margin:0;
}
#main-menu li li:hover > ul,
#main-menu li li:focus > ul,
#main-menu li li.focus > ul {
	top:0px;
	left: -100%;
}
#main-menu ul.children li a ,
#main-menu ul.sub-menu li a {
	text-decoration:none;
	text-align:left;
	display:block;
	padding:20px 15px;
	margin:0;
	border:none;
	line-height:inherit;
	color: #5a5959;
}
#main-menu ul.children li a:hover,
#main-menu ul.sub-menu li a:hover{
	background: #3fcfd3;
	color: #fff;
}
#main-menu ul.children li ul:before ,
#main-menu ul.sub-menu li ul:before {
	display:none;
}
#main-menu li:hover > ul,
#main-menu li:focus > ul,
#main-menu li.focus > ul {
	opacity:1;
	left:calc(100% - 213px);
}
.menu-toggle,
.dropdown-toggle,
button.close-menu {
	display: none;
}
#main-menu ul.children li ul:before ,
#main-menu ul.sub-menu li ul:before {
	display:none;
}
#main-menu ul li a:before {
  position: relative;
  top: 15px;
  left: 50%;
  right: 50%;
  color: #3fd0d4;
  font-size: 5px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f111";
}
#main-menu ul.sub-menu li a:before {
	content: none;
	position: static;
}

/* ===============================================
   HEADER SEARCH
   =============================================== */

.header-search .open-search-form i {
  font-size: 15px;
  cursor: pointer;
  color: #5a5959;
}
.header-search .search-form {
	position:fixed;
	top:0;
	right:-100%;
	width:100%;
	height:100%;
	padding:0;
	z-index:1001;
	visibility: hidden;
	-webkit-transition-property: all , -webkit-transform;
    transition-property: all , transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	background: rgba(255,255,255, 0.98) none repeat;
	border:none !important;
}
.header-search .search-form.is-open {
	right:0;
	height:100%;
	visibility: visible;
}
.header-search .search-form.is-open form {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
.header-search .search-form a.close-search-form {
	top:50px;
	position:absolute;
	margin-left:-13px;
	left:50%;
}
.header-search .search-form i.searchform-close-button {
	font-size:25px;
	color:#616161 !important;
	opacity:0;
	-webkit-transition: transform .2s linear;
	-moz-transition: transform .2s linear;
	-o-transition: transform .2s linear;
	transition: transform .2s linear;
}
.header-search .search-form.is-open i.searchform-close-button {
	opacity:1;
}
.header-search .search-form.is-open i.searchform-close-button:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* ===============================================
   POST BOX
   ============================================= */

.post-box{
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.post-thumbnail {
  line-height: 0;
}
h3.post-title {
  font-size: 20px;
  font-weight: 500;
}
.post-content p{
	color: #a5a7b1;
}
.post-meta i{
	color: #3fcfd3;
}
.post-meta span {
  text-decoration: none;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 600;
  color: #62646c;
}
pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #5a5959;
	white-space: break-spaces;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
  	border-radius: 4px;
}
.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
	max-width: 100%;
}
.post-content img,
.post-thumbnail img {
	max-height:100%;
	height:auto;
}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}
#content,footer {
  float: left;
  width: 100%;
}

/* ===============================================
   Slider
   ============================================= */

.blog_box p {
  color: #fff;
  font-size: 16px;
}
.blog_box h3 a {
	color: #fff;
  font-weight: 500;
  font-size: 40px;
}
.blog_inner_box img{
  opacity: 0.6;
}
.blog_inner_box{
	background: #5a5959;
  position: relative;
}
.blog_box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 55%;
  left: 15%;
}
.blog_box h3 a {
  color: #fff;
  font-weight: 600;
  font-size: 35px;
}
.slider .owl-nav {
  position: absolute;
  bottom: 30px;
  left: 5%;
}
.slider .owl-nav i {
  background: #fff;
  margin-left: 15px;
  border-radius: 10px;
  font-size: 25px;
  color: #3fcfd3;
}

/* ===============================================
   Popular Tours
   ============================================= */

.popular-tours .owl-carousel .owl-stage-outer {
  overflow: unset;
}
.tour-image-box {
	position: relative;
}
p.tour-price {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #3fcfd3;
  padding: 10px;
  color: #fff;
  font-weight: 500;
}
.tour-main-box {
  box-shadow: 0 0 5px 3px #ddd;
  border-radius: 20px;
}
.tour-meta-box {
  background: #3fcfd3;
  border-radius: 0 0 20px 20px;
}
.tour-image-box img {
  border-radius: 20px 20px 0 0;
}
.tour-meta-box span {
  font-size: 14px;
  color: #fff;
  font-weight: 500;
}
.tour-inner-box h3 {
  font-size: 18px;
  font-weight: 600;
}

/* ===============================================
   Pagination
   ============================================= */

.pagination,
.the-travel-booking-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.the-travel-booking-pagination a span,
.the-travel-booking-pagination span.current {
	display:inline-block;
	text-decoration: none;
	padding:10px 12px;
	font-size:14px;
	line-height:21px;
	color:#333;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	background:#f3f4f7;
	position:relative;
	margin:0;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.the-travel-booking-pagination span.current,
.the-travel-booking-pagination span.current:hover,
.the-travel-booking-pagination span.current:focus,
.the-travel-booking-pagination a span:hover,
.the-travel-booking-pagination a span:focus {
	background: #3fcfd3;
	color: #fff;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-reply a:focus{
  color: #fff;
}
.comment-respond input#submit:hover,
.comment-reply a:hover{
	background: #5a5959;
	color: #fff;
}
.comment-form-url input,nav.navigation.pagination{
  width: 100%;
}
.comment-respond input#submit {
  background: #3fcfd3;
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.comments-title {
  font-size: 1.125rem;
}
.comment-body .pull-left {
  padding-right: 0.625rem;
}
.comment-list {
  padding-left: 0;
}
.comment-list .comment {
  display: block;
}
.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}
.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}
.comment-content.card-block {
  padding: 15px;
}
.comment-reply a {
  background: #3fcfd3;
  padding: 5px 15px;
  color: #fff;
}

/* ===============================================
   SIDEBARS
   =============================================== */

.sidebar-area .textwidget img{
  width: 100%;
  height: auto;
}
.sidebar-area .sidebar-widget {
	margin-bottom: 25px;
	margin-top: 25px;
}
.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
	line-height:1.9em;
	font-weight: normal;
}
.sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
  list-style: none;
  margin: 0;
  padding: 0 15px;
}
.sidebar-area li a,
.sidebar-area li {
  font-size: 15px;
  font-weight: 500;
}
.sidebar-area li {
  padding-bottom: 15px;
}
.sidebar-area h4.title {
  padding: 20px 15px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  background: #3fcfd3;
  border-left: solid 5px #5a5959;
}
.sidebar-area .tagcloud a {
  font-size: 15px !important;
  background: #3fcfd3;
  color: #fff;
  padding: 5px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
}
.sidebar-area .tagcloud a:hover{
	background: #5a5959;
}
.sidebar-area form {
  padding: 15px;
}
.sidebar-area select,
.sidebar-area textarea, #comments textarea,
.sidebar-area input[type="text"], #comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	width:100%;
	padding: 5px 2%;
	border: solid 1px #5a5959;
}
#wp-calendar th,
#wp-calendar
#today,
#wp-calendar
#today a {
	background:#f3f4f7;
	color:#434343 !important;
}
#wp-calendar a:hover {
	border:none;
}
#wp-calendar {
	background: #fff;
	width:100%;
}
#wp-calendar caption {
	font-size: 14px;
	text-transform:uppercase;
	margin:0 0 10px 0;
	text-align:left;
}
#wp-calendar th,
#wp-calendar td {
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	padding:3px 6px;
}
#wp-calendar td a {
	display:block;
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	text-decoration:underline
}
#wp-calendar td#prev a,
#wp-calendar td#prev a{
	text-decoration:none;
	text-align:left;
}
#wp-calendar th{
	font-weight:bold
}
tr:nth-child(2n+2) {
	background-color: #f3f4f7;
}
.searchform label {
	display: block;
}
.searchform input[type=text] {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: #f3f4f7;
  border: none;
}
.searchform input[type=submit] {
	background: #3fcfd3;
	border: none;
	color: #fff;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	float:left;
	text-shadow:none;
	padding:14px 0;
	width:100px;
	margin:0 auto;
	cursor: pointer;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
}

.searchform input[type=submit]:hover ,
.searchform input[type=submit]:focus {
	background-color:#3fcfd3;
	text-decoration:none
}

.searchform:after {
  content: "";
  display: table;
  clear: both;
}

footer {
	background: #5a5959;
}

footer .sidebar-area {
	background: none;
	padding: 25px 0 0 0;
}

footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {
	color: #fff;
}

.footer-area ul {
  padding: 0;
}

.footer-area h4.title {
  padding: 0;
  font-size: 30px;
  font-weight: 500;
  text-transform: none;
  background: transparent;
  border: none;
}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
	max-width:100%;
	height:auto;
}
.alignleft,
img.alignleft {
	display:inline;
	float:left;
	margin-right:24px;
	margin-top:4px;
}
.alignright,
img.alignright {
	display:inline;
	float:right;
	margin-left:24px;
	margin-top:4px;
}
div.aligncenter,
img.aligncenter {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	float:none;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom:12px;
}

.wp-caption {
	background:#f1f1f1;
	line-height:18px;
	margin-bottom:25px;
	max-width:100% !important;
	padding:4px;
	text-align:center;
}

.wp-caption img {
	margin:5px 5px 0;
	width:96%;
	height:100%
}

.wp-caption p.wp-caption-text {
	color:#888;
	font-size:12px;
	margin:5px;
}

.scroll-up {
  position: fixed;
  bottom: 12px;
  right: 30px;
  z-index: 999;
}

.scroll-up a:hover{
	background: #5a5959;
	color:#000;
}

.scroll-up a {
	background: #3fcfd3;
	color:#ffffff;
  display: block;
  height: 2.5rem;
  width: 2.5rem;
  text-align: center;
  line-height: 2;
  border-radius: 3px;
  font-size: 1.25rem;
  color: #fff;
  opacity: 1;
  transition: all 0.3s ease 0s;
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}



/* #########   UTKAN  ################ */
/* #########  UTKAN !!!!!! ADED  ################ */

#columns {
	width: 100%;
	border: 0px solid red;
}

div#columns figure {
	background: #red;
	box-shadow: 0px 1px 0px rgba(34, 25, 25, 0.4);
	margin: 0 2px 1px;
	padding: 3px;
	background: #fafafa;
	transition: opacity .4s ease-in-out;
    display: inline-block;
    column-break-inside: avoid;
   	width: 100%;
}


div#columns figure a{
  font-size: 0.9rem;
  color: #646464;
  line-height: 10%;
  text-decoration: none; 
  border:px;
}


div#columns small a { 
  color: #666; 
  text-decoration: none; 
  transition: .4s color;
}

div#columns:hover figure:hover {
	opacity: 0.4;
}

/* #########  UTKAN !!!!!! ADED  ################ */



h1.sidebarheader {
	border: 1px solid #fff;
	margin: 0 2px 1px;
   	width: 100%;
	font-size: 1.5rem;
	font-family:Arial;
	font-weight: 100;
	border-bottom: 2px solid black;
}

div#sidebar-left { 
float:left;
width:15%;
margin-top:50px;
margin-bottom:20px;
word-break: normal;
}

div.imgads {
	margin: 30px 0 30px 0 ;
} 

div.img_readhere {
	margin: 30px 0 30px 0 ;
} 



/* hide image in single post */
/* img.aligncenter { display: none; } */


/* #########  hide leftsidebar in mobile  ################ */

@media (max-width:1024px) {
 div#sidebar-left { display: none; }
}

/* #########  hide in mobile ################ */
@media (max-width:768px) {
 div#hide-in-mobile { display: none; }
}

/* #########  show only in mobile ################ */
@media (min-width:768px) {
 div#show-only-in-mobile { display:none; }
}



/* !!!!!!!!!! utkan added to original */
/* !!!!!!!!!! utkan added */

body {
  font-family: 'Poppins', sans-serif;
  color: #989898;
  margin:0;
  background: #fff;
  width:90%
  valign:center;
}


#content {
  width: 100%;
  border:0px solid red;
  word-break: normal;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  border:px solid red;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  border:0px solid black;
}

h1.post-title {
	font-size: 1.5rem;
	font-family:Arial;
	font-weight:600;
	margin-bottom:20px;
}

.post-content p{
	color: #646464;
	font-weight:540;
	font-family:Arial;
}