/*!
 * 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-section .elementor-item-active {
    background-image: url("https://abduljsankoh.cloudtrek360.com/wp-content/uploads/2025/08/Vector-Smart-Object-1.png");
    background-repeat: no-repeat;
    background-position: top center;
}

#book-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 76%;
    background-image: url('https://abduljsankoh.cloudtrek360.com/wp-content/uploads/2025/08/Group-10.png');
    background-size: cover; /* or contain, depending on your needs */
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1; /* push image behind content */
    opacity: 1;
}
body:not(.home) #book-section::before{
	height: 100% !important;
}
.info-section {
    display: flex;
    gap: 20px;
    align-items: center;
    flex-wrap: wrap;
}
.info-box {
    display: flex
;
    align-items: center;
    gap: 10px;
}
.info-box img {
    width: auto;
    height: auto;
}
.info-text {
    display: flex
;
    flex-direction: column;
    line-height: 17px;
}
.info-text span {
    font-size: 14px;
    color: #fff;
    font-family: "Poppins", Sans-serif;
    font-weight: 500;
        text-transform: uppercase;
}
.info-text strong {
    font-size: 16px;
    color: #fff;
    font-size: 14px;
    font-family: "Poppins", Sans-serif;
}
.info-text span::after {
    content: "";
    display: block;
    width: 40px; /* adjust width */
    height: 2px; /* adjust thickness */
    background-image: linear-gradient(180deg, #75C911 0%, #07AB1F 100%);
    margin: 2px 0; /* 4px space from text, auto center */
    border-radius: 2px;
}
.book_type_list {
    display: flex !important;
    list-style: none !important;
    gap: 10px;
    margin: 0 !important;
    flex-wrap: wrap !important;
    align-items: center;
}
.book_type_list li {
    padding: 5px 18px 5px 25px;
    border-radius: 4px;
    background-image: linear-gradient(180deg, #75C911 0%, #07AB1F 100%);
}
.book_type_list li a {
    font-family: "Poppins", Sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #fff;
}
.book_type_list a img {
    margin-left: 15px !important;
}
.author-genres {
  display: flex;
  align-items: center;
  gap: 5px;
    padding: 10px 0px 10px 0px; 
	flex-wrap: wrap;
}

.author-genres .label {
  font-size: 14px;
      font-family: "Montserrat", Sans-serif;
    font-weight: 500;
    color: #fff;
    line-height: 1.2;
    margin-right: 20px !important;
}

.genre {
  display: flex;
  align-items: center;
  gap: 8px;

  padding: 8px 12px;
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.genre span {
    font-family: "Poppins", Sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #fff;
}

#author-section:before {
    content: "";
    position: absolute;
    top: 66%;
    left: 0;
    width: 48%;
    height: 13%;
    background-color: #253743;
    transform: translateY(-50%);
    z-index: 0;
    border-radius: 0px 20px 20px 0px;
}
body:not(.home) #author-section::before{
	top: 82% !important;
}
#post-section .elementor-post__text {
background-color: #fff;
    padding: 60px 35px 20px 35px;
    border-radius: 20px;
    border: 2px solid #0fad1e;
        margin-top: -21px;
    z-index: 0;
}
#post-section .elementor-post__title {
    padding-right: 91px;
}
#post-section .elementor-posts {
    counter-reset: post-counter;
}
#post-section .elementor-post {
    counter-increment: post-counter;
    position: relative;
}
#post-section .elementor-post::before {
      content: counter(post-counter, decimal-leading-zero);

    position: absolute;
   top: 50%;
   left: 20%;
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    width: 110px;
    height: 110px;
    text-align: center;
   border: 9px solid #fff;
    border-radius: 50%;
    background-color: transparent;
    line-height: 95px;
    background-image: linear-gradient(180deg, #75C911 0%, #07AB1F 100%);
    z-index: 1;
    font-family: "Montserrat", Sans-serif;
	transform: translate(-50%, -50%);
}
#post-section .elementor-post__read-more {
  background: linear-gradient(180deg, #75C911 0%, #07AB1F 100%);
  -webkit-background-clip: text;
  background-clip: text; /* for Firefox */
  position: relative;
}
.elementor-post__title a {
    position: relative;
    display: inline-block; /* so the line matches the link width */
    text-decoration: none;
}

.elementor-post__title a:after {
    content: "";
    position: absolute;
    bottom: -4px; /* distance below the text */
    left: 0;
    width: 36%;
    height: 3px; /* thickness of the line */
    background: linear-gradient(180deg, #75C911 0%, #07AB1F 100%);
    border-radius: 2px;
}
#post-section .elementor-post__read-more:after {
    content: "→"; /* you can change to "➜" or a Unicode icon */
    position: absolute;
    left: 100px;
    top: 40%;
    transform: translateY(-50%);
    font-size: 27px;
}
#video-section .elementor-custom-embed-image-overlay img, .elementor-open-lightbox{
  --video-aspect-ratio: 0 !important;
}
#video-section .elementor-widget-video{
     position: absolute;
    bottom: 90px;   
}
#video-trailer .elementor-container {
    min-height: 639px !important;
}
#testimonial-section .elementor-testimonial__footer{
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-top: auto !important;
}
#testimonial-section .elementor-testimonial__cite{
    margin-inline-start: 0px;
}
#testimonial-section .quote-image {
    padding-bottom: 25px;
}
#testimonial-section .elementor-testimonial__text {
    padding-bottom: 30px;
}
#testimonial-section .elementor-testimonial__name {
    background: linear-gradient(180deg, #75C911 0%, #07AB1F 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent; /* required for WebKit browsers */
}
#testimonial-section .elementor-testimonial__image img {
    height: 36px;
    width: 48px;
    object-fit: contain;
}
#testimonial-section .elementor-testimonial{
	display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

#testimonial-section .swiper-slide-next {
    background-image: linear-gradient(180deg, #75C911 0%, #07AB1F 100%);
    border: none;
}
#testimonial-section .swiper-slide-next .elementor-testimonial__name {
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    -webkit-text-fill-color: #fff !important;
    color: #fff !important;
}
#testimonial-section .swiper-slide-next .elementor-testimonial__title, .swiper-slide-next .elementor-testimonial__text{
 color: #fff !important;   
}
#testimonial-section .swiper-slide-next .elementor-testimonial__image img {
    filter: brightness(0) invert(1);
}
#testimonial-section .swiper-pagination-bullet {
    width: 370px;    
	height: 4px;
    border-radius: 0;
}
#testimonial-section .swiper-pagination-bullet:nth-child(2) {
    background-image: linear-gradient(180deg, #75C911 0%, #07AB1F 100%) !important;
    background-color: transparent !important;
}
#testimonial-section .swiper-pagination{
 bottom: -10px;   
}
#testimonial-section .elementor-main-swiper .swiper-pagination-bullet:nth-child(4){
  display: none !important;	
}
#footer-section .contact-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-family: Arial, sans-serif;
}
#footer-section .contact-item {
  display: flex;
  align-items: center;
  color: #fff;
  flex-wrap: wrap;
}
#footer-section .contact-item .icon {
  background: linear-gradient(180deg, #75C911 0%, #07AB1F 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  margin-right: 10px;
}

#footer-section .contact-item .text, a {
      font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}
#footer-section .contact-item .text a:hover{
    color: #fff;
}
#footer-section .elementor-social-icon {
    background: linear-gradient(180deg, #75C911 0%, #07AB1F 100%);
}
#footer-bar{
  background-image: linear-gradient(180deg, #75C911 0%, #07AB1F 100%) !important;   
}
#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;
}
#form-section .elementor-form-fields-wrapper .elementor-button {
    background-image: linear-gradient(180deg, #75C911 0%, #07AB1F 100%);
}
#video-section::before {
    content: "";
    position: absolute;
    top: -33px;
    right: -36px;
  width: 295px;
    height: 257px;
   background-image: linear-gradient(180deg, #75C911 0%, #07AB1F 100%);
    border-top-right-radius: 50px; /* smooth rounded shape */
    z-index: -2;
}

#video-section::after {
    content: "";
    position: absolute;
    top: 65%;
    px;
    width: 295px;   /* adjust size */
    height: 257px;  /* adjust size */
    background-image: linear-gradient(180deg, #75C911 0%, #07AB1F 100%);    border-bottom-left-radius: 50px;
    z-index: -2;
    left: -36px;
}

#video-trailer {
    overflow: visible;
}

@media only screen and (max-width: 1200px){
	#author-section:before{
		display: none;
	}
	.author-genres {
    background-color: #253743;
    border-radius: 15px;
    gap: 4px;  
    padding: 10px 15px 10px 15px;
}
	#post-section .elementor-post__title {
    padding-right: 0px;
}
	#post-section .elementor-post::before{
    top: 45%;
    left: 20%;
    transform: translate(-50%, -50%);
	}
	#post-section .elementor-post__text{
    padding: 60px 20px 20px 20px !important;
	}
	#video-section{
     background-size: 100% auto;
	}
	#testimonial-section .swiper-pagination-bullet{
     width: 300px;
	}
	#footer-section .contact-item .text, #footer-section .contact-item .text a{
		font-size: 15px !important;
	}
	#video-section .elementor-widget-video {
    bottom: 120px !important;
}
	#video-section::after{
     width: 295px;
     height: 186px;
     top: 63%;
	}
	#video-section::before{
	top: 10%;
    right: -33px;
    width: 295px;
    height: 186px;
	}
}
@media only screen and (max-width: 1024px) {
	#book-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://abduljsankoh.cloudtrek360.com/wp-content/uploads/2025/08/Group-10.png');
    background-size: cover; /* or contain, depending on your needs */
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1; /* push image behind content */
    opacity: 1;
}	
	body:not(.home) #book-section::before {
    height: 100% !important;
}
	#video-trailer .elementor-container {
    min-height: 500px !important;
}
	#video-section {
        background-size: cover;
    }
	    #video-section .elementor-widget-video {
        bottom: 40px !important;
    }
	#post-section .elementor-post::before{
     width: 90px !important;
     height: 90px !important;
    line-height: 75px !important;
    font-size: 30px !important;
    top: 43%;
	}
	    #testimonial-section .swiper-pagination-bullet {
        width: 233px;
    }
	#testimonial-section .swiper-slide{
		padding: 30px 12px 60px 30px !important;
	}
	#video-section::after{
		top: 72% !important;
        left: -29px !important;
	}
	#video-section::before{
      top: -5% !important;
	}
 }
@media only screen and (min-width: 768px) and (max-width: 882px){
	    #post-section .elementor-post::before {
        top: 137px;
        left: 20%;
        transform: translateX(-50%);
    }
}
@media only screen and (max-width: 767px) {
	br{
		display:none !important;
	}
	.author-genres br, #testimonial-section br{
		display: unset !important;
	}
	#video-section .elementor-widget-video{
		position: unset !important;
	}
	    #testimonial-section .swiper-pagination-bullet {
        width: 100px;
    }
	    #testimonial-section .swiper-slide {
        padding: 30px 12px 30px 14px !important;
		
    }
	#post-section .elementor-post::before{
		display: none;
	}
	#testimonial-section .swiper-slide-next .elementor-testimonial__title, .swiper-slide-next .elementor-testimonial__text {
    color: #000 !important;
}
	#testimonial-section .swiper-slide-next .elementor-testimonial__image img {
    filter: none !important;
}
	#testimonial-section .swiper-slide-next .elementor-testimonial__name{
    background: linear-gradient(180deg, #75C911 0%, #07AB1F 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
	}
	#testimonial-section .swiper-slide-next{
		background-image: none !important;
        border: 1px solid #253743 !important;		
		border-radius: 20px !important;	
	}
#testimonial-section .swiper-pagination-bullet:nth-child(2) {
    background-image: none !important;
    background-color: #253743 !important;
}
#testimonial-section .swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active {
    background-color: #07AB1F !important; 
}

	#testimonial-section .swiper-pagination-bullet-active{
     background-image: linear-gradient(180deg, #75C911 0%, #07AB1F 100%) !important;
    background-color: transparent !important;
	}
	    #post-section .elementor-post__text {
        padding: 25px 20px 20px 20px !important;
    }
	#video-section::before, #video-section::after {
      display: none;
    }
	#main-banner-section .elementor-item-active{
		background-image: none !important;
	}
 }