/*!
 * 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;
}

header {
background: transparent;
padding: 0px 0px;
}
.page-id-13 header {
    position: absolute !important;
    left: 0px;
    right: 0px;
    top: 0px;
    z-index: 1;
    background: transparent;
}
#site-header {
    background-color: transparent;
}
#site-header-inner{
	display: none !important;
}
body:not(.home) .header-section{
    padding: 10px 0px 10px 0px !important;	
	background-color: #000 !important;
}
.banner-section {
    position: relative;
}

.banner-section:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 197px;
    background: url('/wp-content/uploads/2026/06/top_ban.png') no-repeat bottom center;
    background-size: 100% 100%;
    pointer-events: none;
}
.author_section:before {
    content: '';
    position: absolute;
    left: 0px;
   top: -80px;
    background-image: url(/wp-content/uploads/2026/01/Ellipse-1-copy.png);
    width: 143px;
    height: 254px;
}
.author_single_img:after {
    content: '';
    position: absolute;
    right: -100px;
    bottom: -80px;
    background-image: url(/wp-content/uploads/2026/01/Ellipse-1.png);
    width: 334px;
    height: 334px;
    z-index: -1;
}
.dragon-text {
    position: relative;
}

.dragon-text:before {
    content: "";
    position: absolute;
    left: 0;
top: -52px;
    width: 100%;
    height: 130px; 
    background: url('/wp-content/uploads/2026/06/Untitled-6.png') no-repeat bottom center;
    background-size: 100% 100%;
    pointer-events: none;
}
.dragon-text:after {
content: "";
    position: absolute;
    top: -30px;
    left: 0;
    background-image: url('/wp-content/uploads/2026/06/abt_upper_before-n.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 180px;
    z-index: 0;
    background-position: top;
}
.authors-section{
        background-size: 100% 100% !important;
}
.authors-section:before {
    content: "";
    position: absolute;
    left: 0;
    top: -10px;
    width: 100%;
    height: 184px;
    background: url('/wp-content/uploads/2026/06/abt_sec_before-n.png') no-repeat bottom center;
    background-size: 100% 100%;
    pointer-events: none;
}
.post-section{
    position: relative;
}
.post-section:before {
    content: "";
    position: absolute;
    left: 0;
    top: -70px;
    width: 100%;
    height: 130px;
    background: url(/wp-content/uploads/2026/06/Untitled-7.png) no-repeat bottom center;
    background-size: 100% 100%;
    pointer-events: none;
}
body:not(.home) .post-section:before{
    display: none !important;
}
.gradient-btn .elementor-button {
      background: linear-gradient(50deg, #b68c3e 20%, #e6c372 50%, #af8335 80%) !important;
     transition: all.5s !important;
    
}
.gradient-btn .elementor-button:hover {
    background: #000 !important;
}

.gradient-btn-second .elementor-button {
    background: linear-gradient(50deg, #b68c3e 20%, #e6c372 50%, #af8335 80%) !important;
    transition: all 0.5s ease !important;
    color: #000;
}
.post-btn .elementor-button {
    background: linear-gradient(50deg, #b68c3e 20%, #e6c372 50%, #af8335 80%) !important;
    transition: all 0.5s ease !important;
}
.post-btn .elementor-button:hover{
	background: #000 !important;
	color: #fff !important;
}

.gradient-btn-second .elementor-button:hover {
    background: #fff !important;
    color: #000 !important;
}
.testimonial-section {
    position: relative;
}
.testimonial-section{
    background-size: 100% 100% !important;
}

/* .testimonial-section {
    position: relative;
}

.testimonial-section:before {
    content: "";
    position: absolute;
    top: -15px;
    left: 0;
    background-image: url("/wp-content/uploads/2026/06/Untitled-55.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 250px;
    z-index: 0;
    background-position: top;
} */

.choose_pref_title .elementor-heading-title:after {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -10px;
    width: 40px;
    height: 2px;
    background: #66593a;
    margin: 0 auto;
}
.make_border_col .elementor-widget-wrap.elementor-element-populated:before {
    content: '';
    position: absolute;
        left: -5px;

    top: 20px;
    width: 2px;
    height: 95px;
    background: #66593a;
}
.make_border_col .elementor-widget-wrap.elementor-element-populated:after {
    content: '';
    position: absolute;
    right: 0px;
    top: 20px;
    width: 2px;
    height: 95px;
    background: #66593a;
}
.choose_perf_row_inner:before {
    content: '';
    position: absolute;
    left: -55px;
    top: -55px;
    background-image: url(/wp-content/uploads/2026/01/Ellipse-1-copy-3.png);
    width: 120px;
    height: 120px;
}
.choose_perf_row_inner:after {
    content: '';
    position: absolute;
    right: -85px;
    bottom: -85px;
    background-image: url(/wp-content/uploads/2026/01/Ellipse-1-copy-2.png);
    width: 204px;
    height: 204px;
    z-index: -1;
}
.video-section .elementor-custom-embed-image-overlay img, .video-section .elementor-open-lightbox {
    --video-aspect-ratio: 0 !important;
}

.glow-column {
    position: relative;
}
.glow-column:before {
    content: "";
    position: absolute;
    inset: -41px;
    background: radial-gradient(
        ellipse at center,
        rgba(28, 63, 69, 0.55) 70%,
        rgba(18, 63, 69, 0.35) 65%,
        rgba(48, 63, 69, 0.15) 105%,
        transparent 75%
    );
    filter: blur(25px);
    z-index: 0;
    pointer-events: none;
    border-radius: 10px;
}
.post-section .elementor-post {
    position: relative;
}
.post-section .elementor-post__read-more::before {
    content: "→";
    display: flex;
    align-items: self-end;
    justify-content: center;
    width: 95px;
    height: 48px;
    font-size: 28px;
    color: #fff;
    background-color: #66593a;
    border-radius: 50%;
    position: absolute;
    right: 0;
    bottom: 47px;
    transition: all .5s;
    border-radius: 0
}
.post-section .elementor-post__read-more:hover::before {
    background-color: #fff !important;
    color: #000;
}
.post-section .elementor-post__read-more {
    font-size: 0 !important;
}
.post-section .elementor-post__text {
    margin-top: 0px;
    z-index: 1;
    padding: 20px 20px 0px;
    background-color: #000;
}
.product_sec:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 40px;
    background-image: url(/wp-content/uploads/2026/01/Group-50.png);
    width: 141px;
    height: 330px;
    z-index: -1;
}
.product_sec:after {
    content: '';
    position: absolute;
    right: 0px;
    bottom: -80px;
    background-image: url(/wp-content/uploads/2026/01/Ellipse-1-copy-4.png);
    width: 223px;
    height: 431px;
    transform: rotate(45deg);
    z-index: -1;
}
.testimonial-section .swiper-pagination-bullet-active {
    width: 12px !important;
    height: 12px !important;
    border-radius: 0px !important;
    border: none !important
    ;
}

.testimonial-section .swiper-pagination-bullet {
    background-color: transparent;
    border: 1px solid #fff !important;
    border-radius: 0px;

}
.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 !important;
}

.form-section .e-form__buttons button.elementor-button {
    background: linear-gradient(50deg, #b68c3e 20%, #e6c372 50%, #af8335 80%) !important;
    transition: all .5s !important;
}
.choose_pref_sec{
        background-position: 100% 94% !important;
}
ul.social_list {
    display: flex;
    justify-content: start;
    gap: 14px;
    list-style: none;
    margin: 0;
	flex-wrap: wrap;
}
ul.social_list li {
    border: solid 1px #Fff;
    padding: 6px 57px;
    text-align: center;
    transition: all 0.5s linear;
}
ul.social_list li a {
    color: #fff;
    font-size: 18px;
    transition: all 0.5s linear;
    font-family: "Lora", Sans-serif;
}
ul.social_list li:hover {
    background-color: #fff;
}

ul.social_list li:hover a {
    color: #000;
}

.contact-bar {
    display: flex;
    gap: 40px;
    align-items: center;
   justify-content: space-between;
	flex-wrap: wrap;
}

.contact-item {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #ffffff;
    font-size: 16px;
}

.contact-item a {
    color: #ffffff;
    text-decoration: none;
    font-family: "Lora", Sans-serif;
    font-size: 23px;
}

.contact-item a:hover {
    text-decoration: underline;
}

.contact-icon {
    width: 30px !important;
    height: 30px !important; 
    object-fit: contain;
}
.header-section .elementor-nav-menu__align-start{
margin-bottom: 0px !important;	
}
.choose_perf_row_inner .elementor-container:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0; 
    width: 300px;
    height: 100%;
    background-color: #66593a; 
    clip-path: polygon(
        0 0,
        85% 0,
        100% 50%,
        85% 100%,
        0 100%
    );
    z-index: 1;
}

.choose_perf_row_inner .elementor-container {
    position: relative;
}
.post-section .elementor-post__thumbnail {
    position: relative;
}

.post-section .elementor-post__thumbnail:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    width: 100%;
    height: 100%;
    opacity: 0.4;
}

@media only screen and (min-width: 1201px) and (max-width: 1600px){
	.author_single_img:after{
		    right: -30px;
	}
	.choose_perf_row_inner:before{
		    left: -25px;
	}
	.choose_perf_row_inner:after{
		right: -32px;
	}
	.product_sec:after{
		width: 140px !important;
	}
	.dragon-image img{
     width: 50% !important;
	}
	.book-text .elementor-heading-title {
    font-size: 27px !important;
}
	.title-large .elementor-heading-title, .section_title_large .elementor-heading-title {
    font-size: 50px !important;
}
	.contact-bar{
     gap: 30px !important;
     align-items: center !important;
	}
	ul.social_list li{
   padding: 6px 55px !important;
	}

}
@media only screen and (max-width: 1200px){
	ul.social_list{
      gap: 10px;
      justify-content: flex-start;
	}
	ul.social_list li{
		    padding: 6px 42px;
	}
	.contact-bar{
     gap: 30px;
	}
	.post-section .elementor-post__text{
       padding-left: 10px;
	}
	.post-section .elementor-post__read-more::before{
       width: 65px;
	}
	.make_dark_column:before{
      display: none;
	}
	.choose_perf_row_inner .elementor-container:before{
		width: 270px;
}
	.testimonial-section:before{
		display: none !important;
	}
	body:not(.home) .authors-section:before{
		display: none;
	}
}
@media only screen and (max-width: 1024px){
	    ul.social_list li {
        padding: 6px 31px;
    }
	    .contact-bar {
        gap: 10px;
    }
	.post-section .elementor-post__text{
       margin-top: 0px;
	}
	.post-section .elementor-post__read-more::before{
		position: unset !important;
	}
	.make_dark_column:before{
		display: none;
	}
	.choose_perf_row_inner .elementor-container:before {
        width: 230px;
    }
	

}
@media only screen and (max-width: 767px){
	.contact-item a{
		font-size: 18px;
	}
	    ul.social_list li {
        padding: 4px 30px;
    }
	.contact-bar{
      justify-content: start;
	}
	.testimonial-section:before, .testimonial-section:after, br{
		display: none;
	}
	.choose_perf_row_inner:before{
       z-index: -1;
      top: -46px;
	}
	.choose_perf_row_inner .elementor-container:before, .banner-section:before, .dragon-text:after, .dragon-text:before, .authors-section:before, .post-section:before{
		display: none !important;
	}
	.authors-section {
    background-size: cover !important;
	background-image: url(/wp-content/uploads/2026/06/Untitled-1-1-2.png) !important;
}
	.dragon-character{
		background-image: url(/wp-content/uploads/2026/06/Untitled-2-1.png) !important;
	}
	.testimonial-section {
    background-size: cover !important;
}
	.merchandise-section{
		background-image: url(/wp-content/uploads/2026/06/Untitled-3-1.png) !important;
	}
	.testimonial-section{
		background-image: url(/wp-content/uploads/2026/06/image-21-2.png) !important;
	}
   .home .post-section .elementor-post__title a{
    color: #000 !important;
}
	.post-section .elementor-post__text{
		background-color: transparent !important;
	}
	.post-section .elementor-post__title{
	  margin-bottom: 20px !important;	
	}
}