/*
Theme Name: Travelfic
Theme URI: https://theme-demo.themefic.com/
Author: Themefic
Author URI: https://themefic.com/
Description: Travelfic is the best Travel Booking WordPress Theme for creating exceptional travel booking, tour booking, and travel marketplace websites. Designed to cater to the diverse needs of travel agencies and tour business owners, this traveltour theme offers a user-friendly interface with robust functionalities, including an all-in-one booking system with real-time availability, online reservations, travel itinerary builder and dynamic pricing logic (powered by Tourfic). This tour booking WordPress theme ensures the best experience for travelers by effortlessly integrating with WooCommerce for online payments and allows customer account registration for easy management of travel and tour bookings. Fully responsive for across all devices and multilingual-ready to reach a global audience, this theme is built with SEO best practices and clean code to enhance search engine visibility. Create a professional website for your WordPress Travel agency that rivals industry leaders like Booking dot com and Airbnb. Build a WooCommerce tour booking website with Travelfic and embark on a successful journey in the travel industry!
Version: 1.3.1
Requires at least: 4.9
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: travelfic
Tags: custom-menu, custom-logo, entertainment, one-column, two-columns, left-sidebar, e-commerce, right-sidebar, custom-colors, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready, blog, tour-booking, tour-operator, travel, travel-booking, tour, travel-agency, hotel-booking, reservation, hotel, apartments, villa, hostel, wp-travel-engine, wp-travel, wp-hotel-booking, wp-tour-plugin, booking.com, agoda.com, airbnb, travel-itinerary, woocommerce-accommodation-bookings, apartment-booking, apartment-rental, car-rental
*/


/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */


html {
    box-sizing: border-box;
}

*,
:after,
:before {
    box-sizing: inherit
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
	background: #fcf4e8;
	line-height: 1.5;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

abbr,
acronym {
	border-bottom: 1px dotted var(--tf-border-lite);
	cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
	font-size: 1.25rem;
}

/* Elements
--------------------------------------------- */
hr {
	background-color: #fcf4e8;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0 0 1.5em 3em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: 700;
}

dd {
    margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

img {
    height: auto;
    max-width: 100%;
}

figure {
    margin: 1em 0;
}

table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 1.5em;
    width: 100%
}

table,
td,
th {
  border:1px solid var(--tf-border-lite);
}   
table{
    border-right: 0px solid;
    border-bottom: 0px solid;
}

th {
    font-weight: 700
}

td,
th {
    padding: 8px;
    border-width: 0 1px 1px 0
}

/* Links
--------------------------------------------- */
a:hover,
a:active {
    outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    font-family: var(--tf-body-font-family);
    font-size: 1rem;
    font-style: var(--tf-body-font-style);
    text-decoration: var(--tf-body-text-decoration);
	border: 1px solid;
	border-color: var(--tf-border-lite);
	border-radius: 3px;
	background: #fcf4e8;
	color: var(--tf-text-paragraph);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: var(--tf-border-lite);
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: var(--tf-border-lite);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: var(--tf-text-paragraph);
    font-family: var(--tf-body-font-family);
    font-size: 1rem;
    font-style: var(--tf-body-font-style);
    text-decoration: var(--tf-body-text-decoration);
    text-transform: var(--tf-body-text-transform);
	border: 1px solid var(--tf-border-lite);
	border-radius: 3px;
	padding: 3px;
    box-sizing: border-box;
    padding: 10px;
    min-height: 40px;
    width: 100%;
}

input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="url"]::placeholder,
input[type="password"]::placeholder,
input[type="search"]::placeholder,
input[type="number"]::placeholder,
input[type="tel"]::placeholder,
input[type="range"]::placeholder,
input[type="date"]::placeholder,
input[type="month"]::placeholder,
input[type="week"]::placeholder,
input[type="time"]::placeholder,
input[type="datetime"]::placeholder,
input[type="datetime-local"]::placeholder,
input[type="color"]::placeholder,
textarea::placeholder {
    color: var(--tf-text-paragraph);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: var(--tf-text-paragraph);
}

select {
	border: 1px solid var(--tf-border-lite);
    font-family: var(--tf-body-font-family);
}

textarea {
    width: 100%;
    box-sizing: border-box;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure logo link wraps around logo image. */
.comment-list .comment img {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    margin-right: 10px;
}

.comments-area li.comment {
    margin-top: 20px;
    border-bottom: 2px dashed var(--tf-primary);
}
.comment-list .comment .comment-author{
    display: flex;
    align-items: center;
    gap: 5px;
}
.comments-area li.comment .reply {
    font-weight: 600;
    margin-top: 15px;
}

.comments-area li.comment .comment-metadata a {
    font-weight: 600;
    margin-bottom: 10px;
    display: inline-block;
}
.comments-area .comment-form-cookies-consent{
    display: flex;
    align-items: center;
    gap: 8px;
}
.comments-area .comment-form-cookies-consent input{
    width: auto;
}
.comments-area .comment-form-cookies-consent label{
    cursor: pointer;
}
/* Captions
--------------------------------------------- */
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*='wp-image-'] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
    margin-bottom: 1.5em;
    display: grid;
    grid-gap: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.gallery-columns-2 {
    grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
    grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
    grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
    grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
    grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
    grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
    display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.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;
}

.screen-reader-text:focus {
    background-color: #fcf4e8;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px var(--tf-box-shadow-color);
    clip: auto !important;
    clip-path: none;
    color: var(--tf-primary);
    display: block;
    font-size:  0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex='-1']:focus {
    outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

.alignright {
    float: right;
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
}

/* Comments */

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}


/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
    display: block;
    width: 100%;
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-right: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px var(--tf-box-shadow-color);
	float: right;
	position: absolute;
	top: 100%;
	right: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
    right: -999em;
    top: 0;
}

.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
    display: block;
    right: auto;
}

.main-navigation ul ul a {
    width: 200px;
}

.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
    right: auto;
}

.main-navigation li {
    position: relative;
}

.main-navigation a {
    display: block;
    text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}

@media screen and (min-width: 37.5em) {
    .menu-toggle {
        display: none;
    }

    .main-navigation ul {
        display: flex;
    }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
    display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    text-align: end;
    flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
    display: block;
}

.post{
	margin: 0 0 1.5em;
}

.updated:not(.published) {
    display: none;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1em 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

.widget-area .widget:nth-child(1) {
    margin-top: 0px;
}

.widget {
  margin-bottom: 25px;
  clear: both;
}

.widget-area ul {
    padding-left: 0;
    margin: 0;
    list-style: none;
}

.widget-area ul li a {
  display: block;
  padding-bottom: 5px;
  color: var(--tf-text-paragraph);
  border-bottom: 2px dotted var(--tf-border-lite);
  margin-bottom: 10px;
  text-decoration: none;
  transition: .3s all ease;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.widget-area ul li a:hover{
    color: var(--tf-brand-dark);
    border-color: var(--tf-brand-dark);
}

.wp-block-latest-comments,
.recentcomments {
    padding-left: 0;
}

.comment-content ol li {
    list-style: disc;
    margin-left: 20px;
}

.comment-content ol {
    margin-bottom: 20px;
}

.wp-block-search .wp-block-search__label {
    display: none;
}

/* My Account Page */

.woocommerce-account .entry-content {
    margin-top: 0px !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    text-decoration: none !important;
    display: block;
    padding: 8px 10px 8px 0px;
    border-bottom: 1px solid var(--tf-border-lite);
}

/* Checkout Page */

.woocommerce td.product-name dl.variation dd {
    float: left;
}

.woocommerce td.product-name dl.variation dd p {
    margin: 0;
}

.woocommerce a.remove,
.woocommerce-cart .wc-proceed-to-checkout a {
    text-decoration: none !important;
}

.woocommerce table.my_account_orders td.woocommerce-orders-table__cell-order-actions a {
    text-decoration: none !important;
    display: inline-block;
    padding: 8px 12px;
    background: #fcf4e8;
    border-radius: 5px;
    margin: 5px;
}
