/*!
 * Theme Name: 		   OceanWP
 * Text Domain: 	   oceanwp
 * Version:            4.1.2
 * Tested up to:       6.8.2
 * Requires at least:  5.6
 * Requires PHP:       7.4
 * Author:             OceanWP
 * Author URI:         https://oceanwp.org/about-oceanwp/
 * Theme URI:          https://oceanwp.org/
 * Description:        OceanWP is the perfect theme for your project. Lightweight and highly extendable, it will enable you to create almost any type of website such a blog, portfolio, business website and WooCommerce storefront with a beautiful & professional design. Very fast, responsive, RTL & translation ready, best SEO practices, unique WooCommerce features to increase conversion and much more. You can even edit the settings on tablet & mobile so your site looks good on every device. Work with the most popular page builders as Elementor, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, etc... Developers will love his extensible codebase making it a joy to customize and extend. Best friend of Elementor & WooCommerce. Looking for a Multi-Purpose theme? Look no further! Check the demos to realize that it's the only theme you will ever need: https://oceanwp.org/demos/
 * Tags:               two-columns, right-sidebar, footer-widgets, blog, news, custom-background, custom-menu, post-formats, rtl-language-support, sticky-post, editor-style, threaded-comments, translation-ready, buddypress, custom-colors, featured-images, full-width-template, theme-options, e-commerce, block-styles, wide-blocks, accessibility-ready
 *
 * License: GNU General Public License v2.0 or later
 * License URI: https://www.gnu.org/licenses/gpl-2.0.html
 *
 * All files, unless otherwise stated, are released under the GNU General Public
 * License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

 * This theme, like WordPress, is licensed under the GPL.
 * Use it to make something cool, have fun, and share what you've learned
 * with others.
 *
 * DO NOT ADD YOUR CSS TO THIS FILE - IT WILL BE LOST
 * To add your own CSS, use a child theme: https://github.com/oceanwp/oceanwp-child-theme
 *
 * CSS file is in "assets/css"
 */

a:active,a:focus{outline:0 !important;-moz-outline-style:none !important}


body {
    overflow-x: hidden !important;
}

.graident-column:before {
    content: "";
    position: absolute;
    top: 17%;
    left: -35px;
    width: 100%;
    height: 88%;
    background: linear-gradient(90deg, #A07C25 0%, #DFC94A 44%, #E1CA4B 100%);
    z-index: 0;
    border-radius: 20px;
}
#podcast-inner .elementor-container{
 gap: 10px;   
}
.podcast-column{
 height: 480px;   
    position: relative;
    overflow: hidden;
}

.podcast-column .podcast-video-btn {
    max-height: 0;           /* collapsed */
    opacity: 0;
    overflow: hidden;
    transition: all 0.4s ease;
}

.podcast-column:hover .podcast-video-btn {
    max-height: 80px;        /* adjust to match your button height */
    opacity: 1;
}
.podcast-column:hover {
  transform: translateY(-10px) scaleY(1.05);
  transform-origin: bottom; /* keeps bottom fixed, grows upwards */
}
#video-section .elementor-custom-embed-image-overlay img{
 --video-aspect-ratio: 0 !important;   
}

#post-section .elementor-post__read-more {
    background: linear-gradient(90deg, #9E7B26 0%, #DAC447 52%, #ECD654 100%);
    padding: 12px 27px;
    border-radius: 15px;
}
#post-section .elementor-post{
    overflow: visible;
     transition: transform 0.3s ease;
}
#post-section .elementor-post:hover{
     transform: scale(1.05); 
}
#post-section .elementor-post__text {

    border-radius: 20px;
    margin-top: -43px;
   padding: 40px 20px;
}
#testimonial-section .elementor-testimonial {
    display: flex;
    flex-direction: column;
    height: 100%;
}
#testimonial-section .elementor-testimonial__content {
    margin-bottom: 40px;
}

#testimonial-section .elementor-testimonial__footer {
    margin-top: auto !important;
}
/* Default hidden state for title & excerpt */
#post-section .elementor-post__title,
#post-section .elementor-post__excerpt {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.4s ease, max-height 0.4s ease;
}

/* Post wrapper transition */
#post-section .elementor-post {
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

/* Background transition */
#post-section .elementor-post .elementor-post__text {
    transition: background-color 0.4s ease;
}

/* Hover effects */
#post-section .elementor-post:hover {
    transform: scale(1.15); /* more bigger on hover */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); /* deeper shadow */
}

#post-section .elementor-post:hover .elementor-post__text {
    background-color: #fff !important;
}

#post-section .elementor-post:hover .elementor-post__title,
#post-section .elementor-post:hover .elementor-post__excerpt {
    opacity: 1;
    max-height: 300px; /* adjust based on content */
}
.woo-entry-inner img{
	width: 100% !important;
}
.onsale, .owp-quick-view, .oceanwp-toolbar {
    display: none !important;
}
.elementor-wc-products ul.products li.product .price,  ul.products li.product .price del .amount{
	    font-family: "Poppins", Sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    color: #FFFFFF !important;
}
.btn-wrap .ajax_add_to_cart, .category, .owp-floating-bar, .product_meta{
display: none !important;	
}
.elementor-wc-products ul.products li.product .price,
ul.products li.product .price del .amount {
    font-family: "Poppins", Sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    color: #000 !important; /* black */
}

/* Homepage only */
body.home .elementor-wc-products ul.products li.product .price,
body.home ul.products li.product .price del .amount {
    color: #fff !important; /* white */
}
.price:before {
    content: "USD ";
    font-weight: bold;
    margin-right: 3px;
    color: #000 !important; /* black */
	    font-size: 20px !important;
}
body.home .amount {
	color: #fff !important;
}

.amount {
    color: #000 !important;
		font-size: 20px !important;
}
body.home .woocommerce ul.products li.product li.title a{
	color: #fff !important;
	text-transform: uppercase !important;
    font-size: 18px !important;
	font-weight: 500 !important;
}
.woocommerce ul.products li.product li.title a{
	color: #000 !important;
	text-transform: uppercase !important;
    font-size: 18px !important;
	font-weight: 500 !important;
}
.woocommerce ul.products li.product li.title h2{
	margin-bottom: 0px !important;
}
/* Homepage only */
body.home .price:before {
    color: #fff !important; /* white */
}
.single-post-title{
text-transform: uppercase !important;	
}
.single_add_to_cart_button, .wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button, .wc-forward, .wp-block-button__link{
    background: linear-gradient(90deg, #A07C25 0%, #DFC94A 44%, #E1CA4B 100%) !important;	
	color: #000 !important;
}
#right-sidebar, .wc-block-grid__product-onsale, .wc-block-cart__empty-cart__title, .wp-block-separator{
display: none !important;	
}
.content-area{
	width: 100% !important;
}
.wc-block-components-product-price__value  {
    color: #000 !important; /* black */
}

/* Homepage only */
body.home .wc-block-components-product-price__value {
    color: #fff !important; /* white */
}
.wc-block-grid__product-title, .wp-block-heading {
    text-transform: uppercase !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #000 !important;
}
body:not(.home) .graident-column:before {
    display: none !important;
}
.gradient-btn .elementor-button:hover {
    background-image: none !important;
    background-color: #fff !important;
    color: #000 !important;
}
#footer-section br{
	display: none;
}
#main-banner-section:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%; 
    background: url("https://pritamsinghmalhi.cloudtrek360.com/wp-content/uploads/2025/08/wave-lines-vector-png-photo-15-1.0-3.png") no-repeat left center;
    background-size: 37% 99% !important;
    z-index: 0;
}
  .custom-button-container {
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            align-items: center;
            margin-top: 0px;
        }
        .top-buttons, .bottom-buttons {
            display: flex;
              justify-content: start;
    width: 100%;
    gap: 15px;
        }
        .custom-button-container a {
            text-decoration: none;
        }
        .custom-button-container a {
            padding: 6px 20px;
              background-image: linear-gradient(180deg, #D9C346 0%, #946C1E 100%);
            border: none;
            border-radius: 5px;
            font-weight: bold;
            cursor: pointer;
            transition: background-color 0.3s ease;
            margin: 5px;
            width: 153px;font-family: "Poppins", Sans-serif;
			font-size: 18px;
			font-weight: 500;
			color: #000;
		    text-align: center;
        }
.custom-button-container a:hover {
    background: #fff !important;
    color: #000 !important;
}
        .custom-button-container button:hover {
            background-color: darkgoldenrod;
        }
        .bottom-buttons {
    margin-top: 10px;
}
.woocommerce-cart .content-area{
	border-right: none !important;
}
.column-img img {
    max-width: unset !important;
    width: 131% !important;
    display: block;
    margin-left: calc((100vw - 1550px) / 2);
}
.owp-product-nav{
display: none;	
}
#main-product-section:before {
    content: "";
    position: absolute;
    bottom: 0; 
    left: 0;  
    width: 100%;
    height: 100%; 
    background: url("https://pritamsinghmalhi.cloudtrek360.com/wp-content/uploads/2025/09/49588589_9170583-01-2.png") no-repeat bottom center;
    background-size: contain;
    pointer-events: none;
}
.features-section {
  padding: 0px 0px;
}
.woocommerce-shop #site-header {
    border-bottom: 1px solid #fff;
}

.features-container {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  text-align: left;
}

.feature-box h3 {
  font-size: 17px;
  font-weight: 600;
  color: #D9C346;
  margin-bottom: 7px;
  font-family: "Poppins", Sans-serif;
  text-transform: capitalize;
}
  
.feature-box p {
font-family: "Poppins", Sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    color: #FFFFFF;
        margin-bottom: 0;
}
.e-gallery-container{
   --aspect-ratio: 116.777778% !important;
}
.woocommerce-shop {
    background-color: #000;
}
.woocommerce-shop ul.products li.product li.title a{
	color: #fff !important;
}
.woocommerce-shop .amount{
	color: #fff !important;
}
.woocommerce-shop ul.products li.product .price del{
	display: none !important;
}
.woocommerce-shop .price:before{
	color: #fff !important;
}
.woocommerce-shop #main #content-wrap{
    padding-top: 50px;
    padding-bottom: 30px;	
}
@media only screen and (min-width: 1300px) and (max-width: 1560px){
	.column-img img{
    width: 124% !important;
    margin-left: calc((100vw - 1254px) / 2);
	}
}

@media only screen and (max-width: 1200px) {
	.graident-column:before{
		height: 93% !important;
        top: 13% !important;
	}
	.column-img img {
    max-width: none !important;
    width: 100% !important;
    display: block;
    margin-left: 0 !important;
    object-fit: cover;
}
 }
@media only screen and (max-width: 1024px){
	.graident-column:before{
		height: 100% !important;
        top: 0 !important;
		width: 105% !important;
	}
	.author-text h2{
		color: #fff !important;
	}
	#amazon-section br{
		display: none !important;
	}
	#podcast-inner .elementor-container {
        flex-wrap: nowrap !important;
}
	#post-section .elementor-post__read-more{
        padding: 10px 20px !important;
	}
	.custom-button-container button{
        padding: 5px 16px !important;
		width: 145px !important;
	}
	.top-buttons, .bottom-buttons{
		gap: 0px !important;
	}
	.bottom-buttons {
    margin-top: 0px !important;
}
	#footer-section br{
	display: unset !important;
}
	#main-banner-section:before{
		background-size: 100% 99% !important;
	}
	.column-img img{
       width: 70% !important;
       margin-left: auto !important;
	}
	
	    body {
        margin-bottom: 0px;
    }
}
@media only screen and (max-width: 767px) {
    .graident-column:before {
        left: 0px !important;
		width: 100% !important;
    }
	    #podcast-inner .elementor-container {
        flex-wrap: wrap !important;
    }
	.podcast-column .podcast-video-btn {
    max-height: 80px !important;
    opacity: 1 !important;
    overflow: hidden !important;
    transition: all 0.4s ease !important;
}
	 .podcast-column:hover {
        transform: none !important;
    }
	#post-section .elementor-post__text {
        opacity: 1 !important;
        visibility: visible !important;
		background-color: #fff !important;
    }

    /* Optional: Show the title and excerpt on mobile (if needed) */
    #post-section .elementor-post__title,
    #post-section .elementor-post__excerpt {
        opacity: 1 !important;
        max-height: 300px; /* Adjust based on content */
    }

    /* Optional: Disable hover effect on mobile */
    #post-section .elementor-post:hover {
        transform: scale(1) !important; /* Remove scaling effect on hover */
        box-shadow: none !important; /* Remove shadow effect */
    }
	.top-buttons, .bottom-buttons{
		justify-content: center !important;
	}
	.custom-button-container button{
		font-size: 17px !important;
	}
	#footer-section br{
	display: none !important;
}
	.gradient-btn{
	margin-bottom: 0px !important;	
	}
	#main-banner-section:before{
		display: none !important;
	}
	.features-container{
		grid-template-columns: repeat(1, 1fr) !important;
	}
	    .column-img img {
        width: 100% !important;
}
	.himalayas-text {
    background-color: #ddc749d9;
    padding: 10px 10px;
    border-radius: 20px;
}
	.woocommerce-shop #main #content-wrap{
	padding-bottom: 0px !important;	
	}
	.woocommerce-page #main #content-wrap{
	padding-bottom: 0px !important;	
	}
	.woocommerce-page .content-area{
       margin-bottom: 0px !important;
	}
	.woocommerce.content-full-width div.product div.summary{
       margin-top: 25px !important;
	}
}