/*
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 */



.sidebar-box .wc-block-product-categories-list-item a, .sidebar-box .product_list_widget a, .sidebar-box .wc-block-components-checkbox .wc-block-components-checkbox__label, .sidebar-box .wc-block-components-checkbox>span {font-size: 16px}

.woocommerce ul.product_list_widget li:first-child {min-height: 100px !important}
.woocommerce ul.product_list_widget li img {
	object-fit: cover;
	height: auto !important
}

.woocommerce ul.products li.product li.title h2, .woocommerce ul.products li.product li.title a {margin-bottom: 0}

#site-header {
	position: sticky;
	top: 0;
	box-shadow: 0 0 20px 5px #000
}

.related-post-title {font-weight: 500}

.blog-entry.post .thumbnail img {border-radius: 15px;}

.related-thumb img {
    height: 160px;
	object-fit: cover;
	border-radius: 15px;
}

.widget_recent_entries li, .widget_recent_entries li:first-child {
	border: none;
	margin-bottom: 20px;
}
.widget_recent_entries li img {border-radius: 15px;}
.widget_recent_entries li a {
	position: relative;
	z-index: 1;
	font-size: 14px;
    background: rgb(0 0 0 / 50%);
    backdrop-filter: blur(15px);
    padding: 10px 15px;
    margin: -25px 25px 0 25px;
    border-radius: 15px;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.sidebar-box {margin-bottom: 20px}
.sidebar-box.widget_block .wp-block-heading {margin-top: 40px}

.text-light-pink {color: #faab9f !important}

.text-left {text-align: left !important}
.text-right {text-align: right !important}

.wp-block-button__link, .wp-block-search__button, .blog-entry.large-entry .blog-entry-readmore a, body input[type="submit"] {
	color: #fff;
	text-transform: uppercase;
	background-color: #ffffff00 !important;
	border: 2px solid #faab9f !important;
	padding: 10px 20px 9px;
	border-radius: 99px
}
.wp-block-button__link:hover, .wp-block-search__button:hover, .blog-entry.large-entry .blog-entry-readmore a:hover, body input[type="submit"]:hover {
	color: #000 !important;
	background-color: #FAD4A0 !important
}

.wc-block-product h3 a {
	text-decoration: none !important;
}

/* --- HERO SECTION --- */
.hero-section, .hero-background-image_my-biography {
	position: relative;
	height: 900px
}

.hero-section h1 {
	font-size: 150px;
    line-height: 1;
	margin-bottom: 40px
}

.hero-section .wp-block-column, .hero-section_my-biography .wp-block-column {z-index: 1}

.hero-background-image::before, .hero-background-image_my-biography:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(/wp-content/uploads/2025/06/Writer-Janet-Doelp-bg3.webp);
	background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
}
.background-overlay-black::after {
	content: '';
	position: absolute;
	background-color: #000000;
    opacity: 0.3;
	height: 100%;
    width: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
}

.hero-background-image_my-biography {height: 300px}
.hero-background-image_my-biography:before {
	background-image: url(/wp-content/uploads/2025/06/wide-bg-image1.webp);
	-webkit-filter: grayscale(100%);
}

.big-number-image_bg {
	font-size: 250px;
	font-family: 'Abril Fatface';
	background-image: url(/wp-content/uploads/2025/06/Writer-Janet-Doelp-bg3.webp);
	background-position: center;
    background-repeat: no-repeat;
	-webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
	-webkit-filter: grayscale(100%);
    opacity: .7;
}
.big-number-image_bg.bg01 {
	background-image: url(/wp-content/uploads/2025/06/Writer-Janet-Doelp-bg3.webp);
	background-position: -830px -655px;
}
.big-number-image_bg.bg02 {
	background-image: url(/wp-content/uploads/2025/06/bg-number-2.webp);
	background-position: 85px 100px;
}
.big-number-image_bg.bg03 {
	background-image: url(/wp-content/uploads/2025/06/bg-number-3.webp);
	background-position: -10px;
}
.big-number-image_bg.bg04 {
	background-image: url(/wp-content/uploads/2025/06/bg-number-4.webp);
	//background-position: -830px -655px;
}


:root :where(.wp-block-separator.is-style-dots):before {
	content: "..··...··..";
	color: #faab9f;
    font-size: 1em;
    letter-spacing: .8em;
    padding-left: 0;
    font-weight: 900;
}


.wc-block-components-product-image {text-align: center}
.wc-block-components-product-image img {width: auto !important}

.soon-section {
	position: relative;
	height: 200px
}
.soon-section .wp-block-column {z-index: 1}
.soon-section-background_image::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(/wp-content/uploads/2025/06/wide-bg-image1.webp);
	background-position: center bottom;
	background-position: 0 -250px;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
	-webkit-filter: grayscale(100%);
}
.soon-section .wp-block-image img {
	margin-top: -25px;
    box-shadow: 0 0 10px 15px rgb(255 255 255 / 18%);
}



.testimonials-section {
	
}
.testimonials-section_image img {
	border-radius: 9999px;
	width: 100px
}


.life-story-section {margin-left: 0}
.life-story-section li {
	box-shadow: 0 0 30px 3px rgb(255 255 255 / 15%);
    border-radius: 15px;
	transition: .3s
}
.life-story-section li:hover {
	box-shadow: 0 0 20px 3px rgb(255 255 255 / 45%);
	transform: translateY(-3px);
	transition: .3s
}
.life-story-section img {
	height: 150px;
	width: 100%;
    object-fit: cover;
	border-radius: 15px 15px 0 0;
}
.life-story-section a {
	display: block;
	padding: 15px 20px;
	text-decoration: none !important
}

#mobile-dropdown {
	box-shadow: 0 0 20px 5px #000;
	background-color: #202020
}

.book1-position img, .book2-position img {box-shadow: 0 0 10px 15px rgb(255 255 255 / 18%);}
.book1-position img {margin: 50px -25px -50px 25px;}
.book2-position img {margin: 25px 50px 0 -50px;}

.border-radius15 img {border-radius: 15px}


@media(max-width:768px) {
	.column-reverse-mobile {flex-direction: column-reverse;}
	.margin-top_min100 {margin-top: -100px}
	.margin-top_min60 {margin-top: -60px;}
	.hero-section {height: auto}
	.hero-section h1 {font-size: 60px}
	.big-number-image_bg {
		font-size: 150px;
		line-height: 1;
		margin-bottom: 0
	}
	.big-number-image_bg.bg01 {background-position: -886px -748px;}
	.big-number-image_bg.bg02 {background-position: 95px -95px;}
	.soon-section {
		height: 350px;
		margin-top: -95px;
		padding-top: 20px;
	}
	.soon-section-background_image::before {background-position: center}
}