/*
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;
	//font-weight: 600
}
.text-center {text-align: center}
.display-none {display: none !important}

#site-navigation-wrap .dropdown-menu >.current-menu-item >a, #mobile-dropdown .current-menu-item a, #mobile-dropdown .current-menu-ancestor.current-menu-parent >a {color: #00c300}

@font-face {
  font-family: WooCommerce;
  src: url(https://kids-toys-store.webcodewp.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff2);
}

/* --- COLORS --- */
.red-color-attention {color: #ff0000}
.orange-color-third {//color: #fe9627}
.green-coor-accent {color: #9dc83a}
.blue-color-second {color: #0da8f8}


/* --- BUTTONS --- */
.wp-block-button__link {
	font-size: 14px !important;
	font-weight: 600;
	padding: 14px 22px;
	border-radius: 5px;
	line-height: 1 !important;
}


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

::-webkit-scrollbar-thumb {
	background-color: rgb(157 200 58);
	border-radius: 50px;
}
::-webkit-scrollbar-track {background-color: rgb(202 233 254 / 50%)}


/* --- TEXT ANIMATION --- */
@keyframes fadeInUp {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
.fadeInUp-animation25 {animation: 2.5s fadeInUp;}

@keyframes fadeInRight {
	0% {transform: translateX(100%);
		opacity: 0;
	}
	100% {
		transform: translateX(0%);
		opacity: 1;
	}
}
.fadeInRight-animation25 {animation: 2.5s fadeInRight;}


/* --- GIFT CARD --- */
.gift-certificate-cards {gap: 30px}
.gift-certificate-card {
	display: grid;
	align-items: center;
    align-content: center;
    justify-items: center;
	--corner: 1em;
	--corner-bg: #fec332;
	--vertical-bg: #00c300;
	--horizontal-bg: #00c300;
	height: 130px;
	overflow: hidden;
	background-image: radial-gradient(calc(1.4 * var(--corner)) at 0 0,transparent 65%,var(--corner-bg) 50%,var(--corner-bg) 99.99%,transparent 99.99%),radial-gradient(calc(1.4 * var(--corner)) at 0 100%,transparent 65%,var(--corner-bg) 50%,var(--corner-bg) 99.99%,transparent 99.99%),radial-gradient(calc(1.4 * var(--corner)) at 100% 100%,transparent 65%,var(--corner-bg) 50%,var(--corner-bg) 99.99%,transparent 99.99%),radial-gradient(calc(1.4 * var(--corner)) at 100% 0,transparent 65%,var(--corner-bg) 50%,var(--corner-bg) 99.99%,transparent 99.99%),linear-gradient(to right,transparent var(--corner),var(--horizontal-bg) var(--corner),var(--horizontal-bg) calc(100% - var(--corner)),transparent calc(100% - var(--corner))),linear-gradient(to bottom,transparent var(--corner),var(--vertical-bg) var(--corner),var(--vertical-bg) calc(100% - var(--corner)),transparent calc(100% - var(--corner)));
	box-shadow: inset 0px 0px 3px 5px rgb(255 255 255 / 65%), 0px 2px 20px 5px rgb(0 0 0 / 15%);
	color: white !important;
    font-size: 20px;
	background-color: #17aaf4;
    border-radius: 10px;
	border: 2px solid rgb(255 255 255 / 95%);
}
.gift-certificate-card span {
	font-size: 30px;
    font-weight: 600;
}
.gift-certificate-card:hover {
	transform: translatey(-5px);
	box-shadow: inset 0px 0px 3px 5px rgb(255 255 255 / 25%), 0px 4px 20px 5px rgb(0 0 0 / 25%);
}


/* --- TOP BAR --- */
#top-bar .wp-block-list.list-horizontally-line {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style-type: none;
	margin: 0;
}
#top-bar .wp-block-list.list-horizontally-line li {
	font-weight: 500;
	margin-right: 25px
}
#top-bar .wp-block-list .phone-icon::before, #top-bar .wp-block-list .email-icon::before {
	content: "\f095";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 13px;
	color: #fff;
	margin-right: 7px
}
#top-bar .wp-block-list .email-icon::before {
	content: "\f0e0";
	font-size: 14px;
}


/* --- HEADER --- */
#top-bar-wrap, #site-header {
    position: sticky;
    top: 0;
    width: 100%;
}
#site-header {
    top: 43px;
    box-shadow: 2px 5px 25px 2px rgb(158 158 158 / 12%);
}


/* --- PAGE HEADER --- */
.page-header {box-shadow: 2px 5px 25px 2px rgb(158 158 158 / 12%);}


/* --- HERO SECTION --- */
.home #main #content-wrap {padding:0}
.section-hero {
	position: relative;
	height: 700px;
	margin-bottom: -40px
}
.section-hero h1 {font-size: 52px}
.section-hero:before {
	content: '';
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(/wp-content/uploads/2025/04/hero-bg-22.webp);
    background-position: -20px -100px;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
}
./section-hero::after {
    content: '';
    position: absolute;
    background-color: #fff;
    opacity: 0.7;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
}
.section-hero .wp-block-column {z-index: 1;}


/* --- HOME --- */
.home .wc-block-product-categories-list {
	display: flex;
	text-align: center;
	justify-content: space-evenly;
	margin: auto;
}
.home .wc-block-product-categories-list .wc-block-product-categories-list-item {
	display: grid;
	margin: auto;
	width: 245px
}
.home .wc-block-product-categories-list .wc-block-product-categories-list-item .wc-block-product-categories-list-item__image {display: contents}
.home .wc-block-product-categories-list .wc-block-product-categories-list-item .wc-block-product-categories-list-item__image img {margin: 0 auto}
.home .wc-block-product-categories-list .wc-block-product-categories-list-item a:hover .wc-block-product-categories-list-item__image img {
	/transform: scale(1.02);
	transform: rotate(15deg);
    transition: all .35s ease-in-out 0s;
}
.home .wc-block-product-categories-list .wc-block-product-categories-list-item .wc-block-product-categories-list-item__name {
	color: #333;
	color: #00c300;
	color: #FEC332;
	font-size: 22px;
	font-weight: 600
}
.home .wc-block-product-categories-list .wc-block-product-categories-list-item .wc-block-product-categories-list-item__name:hover {color: #00c300}
.home .wc-block-product-categories-list .wc-block-product-categories-list-item .wc-block-product-categories-list-item-count:before {content: ''}

.home .wc-block-product-categories-list .wc-block-product-categories-list-item .wc-block-product-categories-list-item-count:after {content: ' Toys'}

.home .wc-block-checkbox-list.wc-block-components-checkbox-list.wc-block-attribute-filter-list,
.home .wc-block-review-list.wc-block-components-review-list {
	display: flex;
	justify-content: space-evenly;
}
.home .prod-template-best-selling h4 a, .home .prod-template-sale h4 a {
	font-size: 16px;
	color: #333;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.home .wc-block-components-review-list-item__item {margin: 0 0 25px;}


/* --- BG SECTION COLOR --- */
.bg-beige {position: relative}
.bg-beige .wp-block-column {position: relative}
.bg-beige:before {
	content: '';
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
	background-color: rgb(253 233 218 / 50%);
	overflow: hidden;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
}


/* --- WOOC --- */
ins {text-decoration: none;}

.woocommerce ul.product_list_widget span {font-weight: 500}

.wc-block-components-price-slider__controls .wc-block-components-price-slider__amount {font-size: 1em !important}

.wc-block-components-product-rating__stars {color: #f9ca63;}
.wc-block-components-product-rating__stars:before {
	opacity: .25 !important;
	color: #4a4a4a !important
}
.woocommerce span.onsale, .wc-block-components-product-sale-badge {
	border-radius: 100% !important;
	transform: rotate(330deg);
}
.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image .wc-block-components-product-sale-badge--align-right,
.wc-block-components-product-image .wc-block-components-product-sale-badge--align-right {
	top: 1.25rem !important;
    left: 1.25rem !important;
    right: auto !important;
    border: 0 !important;
    background-color: #1dca34 !important;
    color: #fff !important;
    padding: 8px 12px !important;
    line-height: 1;
    letter-spacing: .4px;
	font-size: 12px !important;
}
.add_to_cart_button, .added_to_cart {
	padding: 12px 18px !important;
	font-weight: 600 !important
}
.remove_from_cart_button:hover {
	color: white !important;
	background-color: red !important
}
.widget_shopping_cart ul.cart_list li .owp-grid-wrap .owp-grid a.remove {font-size: 22px}

.wcmenucart-details.count {
	top: -15px;
	transform: rotate(330deg);
	border-radius: 100% !important;
    padding: 4px 6px !important;
    background-color: #17aaf4 !important;
}
.wcmenucart-details.count:before {border-color: #17aaf4 !important;}
.quantity .qty, .quantity .minus, .quantity .plus {
	width: 42px !important;
	min-height: 42px !important;
	font-size: 18px !important
}
.woocommerce form input[type=number] {
	min-height: 42px !important;
	font-size: 18px !important
}

/* --- WOOC SINGLE PROD --- */
.ssingle-product del span.woocommerce-Price-amount.amount bdi {
	text-decoration: line-through;}

/* --- WOOC CART --- */
.wc-block-cart-item__wrap .wc-block-components-product-name {font-size: 20px}


/* --- WOOC MyAccount --- */
.woocommerce-MyAccount-navigation ul li a {color: #333}


/* --- SHOP PAGE --- */
#block-11 {margin: 0}

.sidebar-box .widget-title {font-size: 20px !important}
.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 {
	color: #333;
	font-size: 16px;
	//font-weight: 500
}
.sidebar-box .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] {margin-top: 2px}
.sidebar-box .wc-block-components-checkbox .wc-block-components-checkbox__mark {margin-top: 3px} 

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

.woocommerce .oceanwp-toolbar {padding: 10px 0 0 !important}

body button[type="submit"] {
	border: none;
	border-radius: 5px
}


/* --- WAVE DECOR SECTION --- */
.wave-shape-up, .wave-shape-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	/display: none
}
.wave-shape-down {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}
.wave-shape-up svg, .wave-shape-down svg {
	width: calc(235% + 1.3px);
	height: 40px;
	z-index: -1;
	display: block;
	width: 111.2%;
	position: relative;
	//left: 50%;
	//-webkit-transform: translateX(-50%);
	//-ms-transform: translateX(-50%);
	//transform: translateX(-50%);
	width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
}
.wave-shape-up .shape-fill, .wave-shape-down  .shape-fill {
	fill: #000;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}
.wave-shape-up .shape-fill.shape-white-light, .wave-shape-down .shape-fill.shape-white-light {fill: #fff}
.wave-shape-up .shape-fill.shape-beige, .wave-shape-down .shape-fill.shape-beige {fill: #fef4ed}
.wave-shape-up .shape-fill.shape-purpule, .wave-shape-down .shape-fill.shape-purpule {fill: #5e2749}


/* --- FOOTER --- */
#footer {margin-top: -1px;}



/* --- MOBILE --- */
@media (max-width: 1440px) {
	.section-hero {height: 600px}
}
@media (max-width: 1360px) {
	.section-hero {height: 500px}
}
@media (max-width: 1280px) {
	.section-hero {height: 450px}
	
	.home .wc-block-product-categories-list .wc-block-product-categories-list-item {width: 130px}
}
@media (max-width: 959px) {
	#site-header {top: 99px;}
	.home .content-area {margin: 0}
}
@media (max-width: 781px) {
	.gift-certificate-cards {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 0
	}
	.gift-certificate-card {margin: 5px 5px !important;}
	.space-mobile-none {display: none;}
	
	#top-bar .wp-block-list.list-horizontally-line {display: block;}
	
	#top-bar .wp-block-list .phone-icon::before, .email-icon::before {font-size: 16px;}
	
	#top-bar .wp-block-list.list-horizontally-line li {margin: 0;}
	#top-bar .wp-block-list.list-horizontally-line li:last-child {margin: 0 0 10px 0;}
	
	.section-hero h1 {font-size: 32px;}
	.section-hero {
		gap: 0;
		align-content: center;
		height: 350px;
	}
	.section-hero:before {background-position: -20px 0;}
	
	.home .wc-block-product-categories-list,
	.home .wc-block-checkbox-list.wc-block-components-checkbox-list.wc-block-attribute-filter-list {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 20px 5px;
	}
	.home .wc-block-review-list.wc-block-components-review-list {display: block;}
	.home .wc-block-product-categories-list .wc-block-product-categories-list-item {width: 100%;}
	.home .wc-block-product-categories-list .wc-block-product-categories-list-item .wc-block-product-categories-list-item__name {font-size: 18px;}
	.home .prod-template-best-selling {margin: 0;}
	.home .prod-template-best-selling h4 a {font-size: 14px !important;}
}
@media (max-width: 438px) {
	
}