/*!
Theme Name: Travel Blog Lite
Theme URI: https://asterthemes.com/products/travel-blog-lite
Author: asterthemes
Author URI: https://asterthemes.com
Description: Travel Blog Lite Theme provides a blog layout for sharing travel experiences, destination guides, photographs, and trip reports. Its content structure combines written articles with visual elements, helping present travel information in an organized format. Featured images, post excerpts, and headings allow readers to browse published content and select articles of interest. A Travel Blogger can use the layout to publish destination reviews, itineraries, and personal travel experiences. The design also accommodates a Travel Writer who focuses on detailed articles about places, cultures, and travel planning. Image-based posts can support a Travel Photographer who wants to display destination photographs alongside descriptive text. An Adventure Blogger can organize posts about outdoor activities, hiking routes, and exploration. A Solo Traveler can share individual trip reports and practical travel notes through regular blog updates. The layout also provides a content-based structure for a Travel Vlogger who wants to publish written summaries and embed video content where supported. A Digital Nomad can use the blog format to document remote work experiences and location-based updates. Travel Blog Lite Theme allows site owners to customize supported appearance settings, organize posts into categories, and maintain a consistent design across articles. Its structure supports ongoing publishing without requiring every post to follow the same subject or format. 
Version: 1.1
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: aster-travel-blog
Text Domain: travel-blog-lite
Tags: one-column, two-columns, three-columns, four-columns, grid-layout, custom-background, custom-logo, custom-colors, custom-header, custom-menu, editor-style, flexible-header, featured-images, threaded-comments, translation-ready, theme-options, sticky-post, footer-widgets, full-width-template, left-sidebar, right-sidebar, portfolio, blog, e-commerce, post-formats, rtl-language-support

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Travel Blog Lite is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


.travel-section .travel-icon-second,.travel-section .travel-icon-first{
	color: #ffffff !important;
}
body {
    background: #121212 !important;
}
.top-header-part .bottom-header-part-wrapper {
    color: #cccccc !important;
}
.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a, .main-navigation .current-menu-ancestor > a {
	font-weight: 700 !important;
}
.main-navigation a {
    color: #E0F2F1;
    opacity: 1;
}

/**
 * Products Section
 */

.travel-blog-lite-products {
	padding: 50px 0 30px !important;
}
.travel-blog-lite-products .container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
}
.products-heading {
	margin-bottom: 18px;
	text-align: center;
}
.products-subtitle {
	display: none;
}
.products-title {
	margin: 0;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
	color: #ffffff;
}
.products-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.products-card {
	overflow: hidden;
	text-align: center;
	padding: 8px;
	border: 1px solid #333333;
	background: #181818;
	transition: border-color .3s ease, transform .3s ease;
}
.products-card:hover {
	transform: translateY(-3px);
	border-color: #555555;
}
.products-image {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    height: 168px;
    border-radius: 0;
    text-decoration: none;
    margin: 20px 0;
}
.products-member-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: transform .4s;
	border-radius: 0;
}
.products-card:hover .products-member-image {
	transform: scale(1.04);
}
.products-content {
    padding: 10px;
    border: 1px solid #ffffff;
    text-align: left;
    background: #121212;
}
.products-content:before {
	display: none;
}
.products-details {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px;
	min-height: 22px;
}
.products-designation {
	flex: 0 0 auto;
	margin: 0;
	font-size: 14px;
	font-weight: 700;
	color: var(--primary-color);
}
.products-name {
	min-width: 0;
	overflow: hidden;
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
	color: #ffffff;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.products-name a {
	color: inherit;
	text-decoration: none;
}
.products-name a:hover,
.products-name a:focus {
	color: var(--primary-color);
}
.products-button-wrap {
	margin-top: 15px;
	text-align: center;
}
#travel_blog_lite_products-section .products-button,
.woocommerce #travel_blog_lite_products-section ul.products li.product .button, #travel_blog_lite_products-section a.checkout-button.button.alt.wc-forward, #travel_blog_lite_products-section a.added_to_cart.wc-forward 
 {
	border-radius: 0 !important;
    font-weight: 600 !important;
    padding: 12px 15px !important;
    color: #000000 !important;
    margin: 3px auto !important;
    font-size: 15px !important;
    line-height: 15px !important;
    background: #ffffff !important;
    border: 2px solid #ffffff !important;
	transition: background .3s ease, color .3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 90%;
	min-height: 27px;
}

.woocommerce #travel_blog_lite_products-section ul.products li.product .button:hover, #travel_blog_lite_products-section a.checkout-button.button.alt.wc-forward:hover, #travel_blog_lite_products-section a.added_to_cart.wc-forward:hover, 
.woocommerce #travel_blog_lite_products-section ul.products li.product .button:focus, #travel_blog_lite_products-section a.checkout-button.button.alt.wc-forward:focus, #travel_blog_lite_products-section a.added_to_cart.wc-forward:focus,
#travel_blog_lite_products-section .products-button:hover,
#travel_blog_lite_products-section .products-button:focus {
	background: var(--primary-color)!important ;
	color: #ffffff !important ;
	text-decoration: none!important ;
}

.products-button:focus-visible {
	outline: 2px solid var(--primary-color);
	outline-offset: 3px;
}

.product-contact-inner h3 {
    color: #222222 !important;
}
.banner-section.banner-style-1 .banner-single .banner-caption .banner-catption-wrapper .banner-caption-title {
    text-shadow: none !important;
}

@media (max-width: 991px) {
	.products-grid {
		grid-template-columns: repeat(2,1fr);
	}
	.products-title {
		font-size: 20px;
	}
	.products-member-image {
		height: 100%;
	}
	.travel-blog-lite-products {
		padding: 30px 0 !important;
	}
}

@media (max-width: 767px) {
	.travel-blog-lite-products {
		padding: 24px 0 30px;
	}
	.products-grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}
	.products-subtitle {
	    font-size: 11px;
	}
	.product-contact-inner h3,.products-title {
		font-size: 20px !important;
	}
	.products-heading {
		text-align: center;
	}
}