/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

a, a:hover, a:focus {
	outline: none !important;
	text-decoration: none !important;
}
a:is(:hover, :focus, :active) {
	outline: none !important;
	text-decoration: none !important;
}
.image-margin-left-none img {margin-left: 0}

#site-header {
	position: fixed;
    top: 0;
    box-shadow: 1px 2px 6px 0px rgb(0 0 0 / 15%);
}

.image-radius-top {margin: 0}
.image-radius-top img {border-radius: 100px 100px 0 0}

.home h1 {font-size: 135px}
.home .h1-big-first-letter:first-letter {
	color: #F8AFA3;
	//color: #6bc28f;
	font-size: 200px;
	//margin-right: -35px;
    //padding: 0 30px;
    //border: 1px solid rgb(248 175 163 / 40%);
}

.h1-big-first-letter:first-letter, .h2-big-first-letter:first-letter {
	color: #F8AFA3;
	//color: #6bc28f;
	font-size: 70px;
	//margin-right: -35px;
    //padding: 0 30px;
    //border: 1px solid rgb(248 175 163 / 40%);
}
.h1-big-first-letter:first-letter {font-size: 100px;}
.hh2-big-first-letter:before {
	content: '';
    position: absolute;
    height: 100%;
    width: 100%;
	border: solid 2px green
}

h4 {}
h4:before, h4:after {
	display: contents;
	content: ' 🕮 ';
	content: " \e013 ";
	content: " \e04c  ";
    position: absolute;
    height: 100%;
    width: 100%;
    //left: 0;
    //font-size: 1em;
    //font-weight: 900;
    color: rgb(107 194 143 / 80%);
    //color: rgb(26 183 234 / 80%);
	font-family: 'simple-line-icons';
	//font-family: 'Material Icons';
}

.wp-block-buttons {gap: 30px}
.wp-block-button__link, #nf-field-8 {
	color: #fff !important;
	font-size: 16px;
	padding: 14px 20px 13px 20px;
	border: 1px solid #fff !important;
	//border-radius: 5px
}
.wp-block-button__link:hover, #nf-field-8:hover {
	color: #555 !important;
	background-color: transparent;
	border: 1px solid #555 !important
}
.second-button-style .wp-block-button__link {
	color: #555 !important;
	background-color: transparent;
	border: 1px solid #555 !important;
	line-height: 16px !important;
}
.second-button-style .wp-block-button__link:hover {
	color: #fff !important;
	background-color: #f8afa3;
	border: 1px solid #fff !important
}

.section-background-white-color {position: relative}
.section-background-white-color::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow: hidden;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
	box-shadow: inset 0 0 50px 5px #f1f1f1;
}

.progress-section {}
.progress-block {
	position: relative;
	font-size: 30px;
	padding: 50px 0 30px 0;
	z-index: 1
}
.progress-block-digit {
	color: #1e1e1e;
	font-size: 78px;
	line-height: 60px;
    font-family: Charmonman;
    font-weight: 900;
	gap: 5px;
}
.progress-block-plus {color: #6bc28f}

#footer-widgets {
	background-image: url(/wp-content/uploads/2025/06/footer-pattern-bg1.webp)
}


.block-two-books {
	gap: 0;
    justify-content: space-evenly;
    margin: 0;
}
ins {text-decoration: none;}
.wc-block-components-product-price {font-size: 16px}
.wc-block-components-product-price ins {
	font-size: 20px;
	font-weight: 600;
}


/* --- PAGE SCROLL --- */
::-webkit-scrollbar {width: 8px;}

::-webkit-scrollbar-thumb {
	background-color: rgb(26 183 234 / 60%);
	border-radius: 20px;
}
::-webkit-scrollbar-track {background-color: rgb(26 183 234 / 20%)}


.block-comin-soon {position: relative}

.text-float-right {float: right}

.coming-soon-section {padding: 50px 0 30px}

.book-shadow img {
	border-radius: 3px !important;
	box-shadow: rgb(0 0 0 / 16%) 2px 2px, rgb(0 0 0 / 16%) 4px 4px, rgb(0 0 0 / 16%) 6px 6px, rgb(0 0 0 / 16%) 8px 8px, rgb(0 0 0 / 16%) 8px 8px;
	box-shadow: rgb(0 0 0 / 16%) 1.5px 1.5px, rgb(0 0 0 / 16%) 3px 3px, rgb(0 0 0 / 16%) 4.5px 4.5px, rgb(0 0 0 / 16%) 6px 6px, rgb(0 0 0 / 16%) 7.5px 7.5px;
	box-shadow: rgb(0 0 0 / 16%) 1.5px 1.5px, rgb(0 0 0 / 16%) 3px 3px, rgb(0 0 0 / 16%) 4.5px 4.5px, rgb(0 0 0 / 16%) 6px 6px, rgb(0 0 0 / 46%) 7.5px 7.5px;
	//box-shadow: rgb(0 0 0 / 16%) 1px 1px, rgb(0 0 0 / 16%) 2px 2px, rgb(0 0 0 / 16%) 3px 3px, rgb(0 0 0 / 16%) 4px 4px, rgb(0 0 0 / 16%) 5px 5px;
	transform: perspective(300px) rotateY(-2deg);
}


.blog-posts-section {padding: 50px 0 35px}
.blog-posts-section .wp-block-latest-posts__list {margin: 15px 0 0 0}
.blog-posts-section .wp-block-latest-posts__list li {
	background-color: white;
	box-shadow: 2px 2px 20px 5px #f1f1f1;
	padding: 25px 25px 0;
	border-radius: 25px
}
.blog-posts-section .wp-block-latest-posts__list li .wp-block-latest-posts__featured-image img {
	height: 200px;
	width: 100%;
	object-fit: cover;
	border-radius: 25px 25px 0 0;
	margin-bottom: 15px
}
.blog-posts-section .wp-block-latest-posts__list li .wp-block-latest-posts__post-title {
	display: block;
	font-size: 24px
}
.blog-posts-section .wp-block-latest-posts__list li .wp-block-latest-posts__post-author, .blog-posts-section .wp-block-latest-posts__list li .wp-block-latest-posts__post-date, 
.blog-posts-section .wp-block-latest-posts__list li .wp-block-latest-posts__post-excerpt {display: block}
.blog-posts-section .wp-block-latest-posts__list li .wp-block-latest-posts__post-author {
	float: left;
	margin-right: 20px
}



.move-book {
	//display: none;
    position: relative;
    //width: 40px;
    //margin: 11px 0 0;
}

.move-book img {
    position: absolute;
    left: 60px;
	top: -60px;
    -webkit-animation: move 8s infinite;
    animation: move 6s infinite;
    transform: rotate(0deg);
    transform-origin: 100px 100px;
}
@-webkit-keyframes move {
	0% {
		transform:rotateY(-10deg);
		transform: perspective(300px) rotateY(-10deg);
	}
	50% {
		transform:rotateY(35deg);
		transform: perspective(300px) rotateY(10deg);
	}
	100% {
		transform:rotateY(-10deg);
		transform: perspective(300px) rotateY(-10deg);
	}
}

.wp-block-gallery.has-nested-images figure.wp-block-image img {
    padding: 10px 10px 0;
    filter: brightness(0) saturate(100%) invert(68%) sepia(34%) saturate(1705%) hue-rotate(3deg) brightness(92%) contrast(96%);
}

.articles-block {position: relative}


.testimonial-card {
	background-color: white;
	box-shadow: 2px 2px 20px 5px #f1f1f1;
	padding: 25px 25px 0;
	border-radius: 25px
}
.html-icon-star-gold {
	color: #ffd710;
    font-size: 1.6em;
	line-height: 1;
}
.testimonial-card-autor {
	margin-bottom: 0;
	font-weight: 600
}
.testimonial-card-company {opacity: .5}


.mb0 {margin-bottom: 0 !important}

.mt40 {margin-top: 40px !important}


form input[type=text], form input[type=password], form input[type=email], form input[type=url], form input[type=date], form input[type=month], form input[type=time], form input[type=datetime], form input[type=datetime-local], form input[type=week], form input[type=number], form input[type=search], form input[type=tel], form input[type=color], form select, form textarea {
	min-height: 43px
}


.subscribe-section {padding: 50px 0 25px}

.contact-section .line-icon {color: #6bc28f}

.wcmenucart-details.count {background-color: #6bc28f !important}
.wcmenucart-details.count:before {border-color: #6bc28f !important}

.pt110 {padding-top: 110px}


.blog-page-hero .wp-block-column, .about-page-hero .wp-block-column {position: relative}
.blog-page-hero .wp-block-column h1 {padding: 110px 0 0}

.about-page-hero .wp-block-column h2 {padding-top: 110px}

.blog-post-card {
	background-color: white;
	box-shadow: 2px 2px 20px 5px #f1f1f1;
	padding: 25px;
	margin: 25px !important;
	border-radius: 25px
}
.blog-post-card .wp-block-post-featured-image img {
	height: 250px;
	border-radius: 0 20px 20px 0
}
.blog-post-card .wp-block-post-title {
	text-transform: capitalize;
	font-weight: 400;
	margin: 0
}
.blog-post-card-meta {
	justify-content: space-between;
	opacity: .5;
	margin: 10px 0
}

.blog-right-sidebar {}
.blog-right-sidebar-autor-image img {
	height: 200px;
	width: 200px;
	object-fit: cover;
	object-position: top;
	border-radius: 1000px
}
.blog-right-sidebar h3 {
	font-size: 20px;
	font-weight: 400
}

/* ---STORE --- */
.woocommerce ul.products .product {padding: 1rem 2rem 0}
.woocommerce .products .product-inner {box-shadow: 0 4px 10px 1px rgb(0 0 0 / 12%), 0 -4px 10px 1px rgb(0 0 0 / 12%)}
.woo-entry-inner >.title h2 {margin: 0 !important}


@media (max-width:768px) {
	.home h1 {font-size: 38px}
	.home .h1-big-first-letter:first-letter, .h1-big-first-letter:first-letter {font-size: 60px;}
	.h2-big-first-letter:first-letter {font-size: 50px;}
	.wp-block-buttons.two-buttons {justify-content: center;}
	.progress-section {
		gap: 0;
		padding: 10px 0;
	}
	.progress-section.wp-block-columns .wp-block-column {flex-basis: 40% !important}
	.progress-block {
		font-size: inherit;
		padding: 10px 0;
	}
	.progress-block-digit {
		font-size: 54px;
		line-height: 40px;
	}
	.block-two-books {justify-content: space-between}
	.block-two-books .wc-block-product {width: calc(49.9999% - 0.83333em) !important;}
	.coming-soon-section {padding: 50px 0 280px;}
	.coming-soon-section h4, .coming-soon-section h2 {text-align: left}
	.gap0 {gap:0}
	.gallery-awards {gap: 25px 5px !important}
	.blog-posts-section .wp-block-latest-posts__list li {margin-right: 0}
	.blog-posts-section .wp-block-latest-posts__list li .wp-block-latest-posts__read-more {display: block}
	.blog-posts-section .wp-block-latest-posts__list li .wp-block-latest-posts__featured-image img {height: 125px}
	
	.nf-form-cont .one-half, .nf-form-cont .three-sixths, .nf-form-cont .two-fourths {
		width: auto !important;
		float: none !important;
		margin-left: 0 !important
	}
	#nf-field-8 {width: 100%;}
	.subscribe-section {padding: 50px 0 45px}
	.move-book img {top:0}
	.ptm95 {padding-top: 95px}
	.blog-page-hero .wp-block-column h1 {
		//line-height: 35px;
		padding: 95px 0 20px 0;
		margin: 0
	}
	.blog-post-cards ul {margin: 0}
	.blog-post-card {margin: 0 0 15px 0 !important}
	.blog-post-card .wp-block-post-featured-image img {
		height: 150px;
		border-radius: 0 0 20px 20px
	}
	.about-page-hero .wp-block-column h2 {padding-top: 100px;}
}