/*!
 * Theme Name: 		   OceanWP
 * Text Domain: 	   oceanwp
 * Version:            4.1.0
 * Tested up to:       6.8.1
 * 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;
}
#main-banner{
    overflow: hidden !important;
}
.shadow-text {
    text-shadow: -8px 3px 2px rgba(0, 0, 0, 0.8);
}
.shadow-text-two {
  text-shadow: -3px 1px 4px rgba(0, 0, 0, 0.8);
}
.shadow-text-three {
  text-shadow: -3px 1px 4px rgba(0, 0, 0, 0.8);
}
#book-section {
    position: relative;
    z-index: 1;
    overflow: visible !important;
}

#book-section:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1300px;
    height: 100%;
    background-image: url('/wp-content/uploads/2025/07/Layer-28-copy-2.png');
    background-repeat: no-repeat;
    background-size: auto; /* or cover depending on your need */
    background-position: left;
    z-index: -1;
    pointer-events: none; /* ensures it's not clickable */
    opacity: 1;';;
}
#book-section:after {
      content: "";
    position: absolute;
 bottom: 33px;
    right: -4%;

 
    width: 1239px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    z-index: -1;
    pointer-events: none;
    height: 1254px;
    background-image: url('https://janetcayford.cloudtrek360.com/wp-content/uploads/2025/07/Layer-51.png');
}
.book-column:before {
    content: "";
    position: absolute;
    top: -280px;
    left: -151px;
    width: 724px; /* Adjust as needed */
    height: 888px;
    background-image: url('https://janetcayford.cloudtrek360.com/wp-content/uploads/2025/07/tree.png');
    background-repeat: no-repeat;
    background-size: cover; /* or cover */
    background-position: top left;
    z-index: -1;
    pointer-events: none;
    opacity: 1;
    transform: rotate(-8deg);
}
#book-section .book_type_list {
    display: flex !important
;
    list-style: none !important;
    gap: 10px;
    margin: 0 !important;
    flex-wrap: wrap !important;
    align-items: center;
}
#book-section .book_type_list span {
    font-family: "Poppins", Sans-serif !important;
    font-size: 16px !important;
    font-weight: 500;
    color: #fff;
}
#book-section .spotlight-divider-second {
    width: 2px;
    height: 30px;
    background-color: #fff;
    margin: 0px 17px 0px 17px;
}
#book-section .book_type_list li {
    background-color: #fff !important;
    padding: 8px 18px 8px 25px;
}
#book-section .book_type_list li a {
    font-family: "Poppins", Sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #000;
}

#book-section .book_type_list a img {
    margin-left: 15px !important;
}
#book-section .book_type_list li:hover {
    background-color: #000 !important;
}

#book-section .book_type_list li:hover a {
    color: #fff !important;
}

#book-section .book_type_list li:hover img {
    filter: brightness(0) invert(1) !important;
}
#book-section .book-info {
    display: flex;
    flex-direction: row;
    font-family: "Poppins", Sans-serif;
    font-weight: 300;
    font-size: 16px;
    gap: 43px;
    color: #fff;
    flex-wrap: wrap;
}
#book-section .book-info > div > .label:first-of-type {
    margin-right: 20px;
}
#book-section .book-info-second {
    display: flex;
    flex-direction: row;
    font-family: "Poppins", Sans-serif;
    font-weight: 300;
    font-size: 16px;
    gap: 40px;
    color: #fff;
    flex-wrap: wrap;
}
#book-section .book-info-second > div:first-of-type > .label:first-of-type {
    margin-right: 20px;

}
#book-section .book-info-second div:nth-of-type(2) .label:first-of-type {
    margin-right: 30px;
   
}
.video-section{
 width: 1130px !important;   
}
#trailer-section .elementor-custom-embed-image-overlay img, .elementor-open-lightbox{
        --video-aspect-ratio: 0 !important;
}
#post-section {
    position: relative;
    z-index: 1;
    overflow: visible !important;
}
#post-section:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 83%;
    height: 692px;
    background-image: url(https://janetcayford.cloudtrek360.com/wp-content/uploads/2025/07/Layer-28-copy-4.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    z-index: -1;
    pointer-events: none;
    opacity: 1;
}
#post-section:after {
    content: "";
    position: absolute;
    bottom: 2px;
    left: -8%;
    width: 1186px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    z-index: -1;
    pointer-events: none;
    height: 1225px;
    background-image: url(https://janetcayford.cloudtrek360.com/wp-content/uploads/2025/07/Layer-51-copy.png);
}
#post-section .elementor-post:before {
    content: "";
    position: absolute;
    top: 77px;
    left: 0;
    width: 100%;
    height: 90%; /* You can change this value */
    background-color: #231f20;
    border-radius: 20px; 
    z-index: -1;
}

#post-section .elementor-post {
    position: relative;
    z-index: 1;
    overflow: visible; /* optional — keeps the shape clean if content spills */
    border-radius: 20px;
}
#post-section .elementor-post__thumbnail__link{
    width: 90% !important;
}
#post-section .elementor-post__read-more:hover, .blog-section .elementor-post__read-more:hover {
    background-color: #fff !important;
    color: #000 !important;
}
#post-section .elementor-post__read-more {
    background-color: #49949a;
    padding: 10px 30px;
    border-radius: 50px;
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
#post-section .elementor-post__text {
    padding: 0px 15px;
}

#post-section h3.elementor-post__title {
    padding: 0px 0px;
}

#testimonial-section img.img-coma {
    margin-bottom: 20px;
}
#testimonial-section .e-font-icon-svg {
    display: none;
}
.blog_content_inner h2{
       font-size: 22px !important;
       color: #000;
}

#testimonial-section .elementor-swiper-button-next {
    background-image: url(https://janetcayford.cloudtrek360.com/wp-content/uploads/2025/07/Group-33.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    position: absolute;
    transform: translateY(-50%);
    right: 70px;
    z-index: 10;
    width: 44px;
    height: 44px;
}
#testimonial-section .elementor-swiper-button-prev {
    background-image: url(https://janetcayford.cloudtrek360.com/wp-content/uploads/2025/07/Group-34.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    position: absolute;
    transform: translateY(-50%);
        left: 70px;
    z-index: 10;
    width: 44px;
    height: 44px;
}
.contact-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  padding: 15px 30px;
}

.contact-item {
  display: flex;
  align-items: center;
  color: white;
  font-family: sans-serif;
  font-size: 14px;
}

.contact-item .icon {
  background-color: #4ca4a0;
  color: white;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}

.contact-item i {
  font-size: 16px;
}
.contact-item span a, .contact-item span {
  font-family: 'Roboto', sans-serif !important;
  font-size: 17px;
  color: #fff
}
#form-section .elementor-field-type-textarea .elementor-field-textual {
    height: 150px !important;
    width: 100% !important; 
    resize: none !important;
}
#form-section .elementor-form-fields-wrapper input, #form-section .elementor-button {
    min-height: 58px;
}

.blog-section .elementor-post:before {
    content: "";
    position: absolute ;
    top: 77px;
    left: 0;
    width: 100%;
    height: 90%;
    background-color: #231f20 !important;
    border-radius: 20px;
    z-index: -1;
}
.blog-section .elementor-post {
    position: relative;
    z-index: 1;
    overflow: visible;
    border-radius: 20px;
}
.blog-section .elementor-post__read-more {
    background-color: #49949a;
    padding: 10px 30px;
    border-radius: 50px;
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.blog-section .elementor-post__thumbnail__link {
    width: 90% !important;
}
.blog-section h3.elementor-post__title {
    padding: 0px 0px !important;
}
.blog-section .elementor-post__text {
    padding: 0px 15px;
}
.book-section-inner-page::after{
	display: none !important;
}
.book-section-inner-page:before{
	background-size: cover !important;
	width: 100% !important;
}
.book-section-inner-page .book-column:before{
	top: -122px !important;
	height: 100%;
}

@media only screen and (max-width: 1560px){
	#book-section:before{
    bottom: 0px !important;
    width: 1000px !important;
    height: 928px !important;
	}
	#post-section:after{
		bottom: -60px !important;
		width: 1061px !important;
	}
	#book-section:after{
    bottom: -72px;
	}
    #book-section:before {
    bottom: 0px !important;
    width: 84% !important;
    background-size: cover !important;
    height: 766px !important;
    border-bottom-right-radius: 200px !important;
    }
}
@media only screen and (max-width: 1300px) {

	.book-column:before{
		width: 500px !important;
        top: -331px !important;
	}
	#post-section:before{
       width: 80% !important;
	}
 }
@media only screen and (max-width: 1250px){
	#book-section:after, #post-section:after, .book-column:before{
		display: none !important;
	}
	#book-section:before{
		height: 100% !important;
		width: 100% !important;
        border-bottom-right-radius: 0px !important;
	}
	    #post-section:before {
        width: 100% !important;
    }
}
@media only screen and (max-width: 1200px){
	#book-section .book_type_list{
      gap: 6px !important;
	}
	#book-section .book_type_list li{
      padding: 8px 9px 8px 17px;
	}
	#book-section .spotlight-divider-second{
     margin: 0px 10px 0px 10px !important;
	}
}
@media only screen and (max-width: 1024px){
	.contact-row{
		gap: 16px !important;
	}
	#book-section .book-info, #book-section .book-info-second{
       flex-direction: column !important;
       gap: 10px !important;
	}
	#book-section .book-info-second{
		margin-top: 10px !important;
	}
	#post-section .elementor-post__text, .blog-section .elementor-post__text{
       padding: 0px 10px !important;
	}
	#post-section h3.elementor-post__title, .blog-section h3.elementor-post__title {
    padding: 0px 20px !important;
  }
	#post-section .elementor-post__read-more, .blog-section .elementor-post__read-more{
     width: 150px !important;
	}
	#post-section:before{
		height: 100% !important;
	}
}
@media only screen and (max-width: 767px){
	    .contact-row {
       flex-wrap: wrap !important;
    }
	.read-btn a {
    border: 1px solid #000;
}
	.shadow-text{
    text-shadow: -4px 5px 2px rgba(0, 0, 0, 0.8) !important;
	}
	.book-inner-html {
    margin-bottom: 8px !important;
}
	#testimonial-section .swiper-slide{
	padding: 0px !important;	
	}
	#testimonial-section .elementor-swiper-button {
     top: -43px !important;
}
	#testimonial-section .elementor-swiper-button-next{
		right: 0px !important;
	}
	#testimonial-section .elementor-swiper-button-prev{
		left: unset !important;
        right: 51px !important;
	}
	#testimonial-section .elementor-main-swiper{
	width: 100% !important;
    margin: auto 0px !important;
	}
	#newsletter-section .elementor-form .elementor-button, .elementor-field{
		border-radius: 0px !important;
	}
	#newsletter-section input#form-field-name{
      background-position: 10px;
      padding: 0px 43px;
	}
}