/*
Theme Name: CPP Child
Theme URI: https://gracewp-wp.laralink.com/
Template: gracewp
Author: Laralink
Author URI: https://themeforest.net/user/laralink/
Description: Grace Wp - Personal Portfolio WordPress Theme
Tags: custom-background,custom-logo,custom-menu,featured-images,threaded-comments,translation-ready
Version: 1.0.1745939303
Updated: 2025-04-29 15:08:23

*/

/* From customiser */
.whatch-font h4,
.whatch-font h3,
.e-n-accordion-item-title-text {
	font-family: "cc-whatchamacallit-variable", sans-serif !important;
	font-variation-settings: "wght" 8500, "wdth" 80;
	text-transform: uppercase !important;
	font-size: 4rem !important;
}

.woocommerce-Price-currencySymbol {
	font-size: 100% !important;
}

.hfe-product-add-to-cart .button::after {
	content: "→";
	margin-left: 5px;
	display: inline-block;
}

.attachment-large.size-large.wp-image-1705.inlinesvg-holder {
	margin: 0 auto;
	width: 1200px !important;
	max-width: 100vw;
}

.attachment-large.size-large.wp-image-1786.inlinesvg-holder {
	margin: 0 auto;
	width: 1000px !important;
}

.elementor-29 .elementor-element.elementor-element-981ece4::before {
	z-index: 100000;
}

.speech-bubble {
	background: white;
	border-radius: 20px;
	padding: 30px 30px;
	margin: 20px 0 !important;
}

.speech-bubble p {
	z-index: 1000000;
}

.speech-bubble::before {
	right: 120%;
	bottom: auto;
	bottom: -18%;
	display: block;
	content: "";
	position: absolute;
	height: 0;
	width: 0;
	border: 81px solid #0000;
	border-right-color: rgba(0, 0, 0, 0);
	border-right-color: rgba(0, 0, 0, 0);
	border-right-color: #fff;
	transform: skewY(-35deg) translateY(31%) scaleX(2.5);
}

.hfe-woo-products-wrapper .hfe-product-add-to-cart .button {
	width: 100%;
}

.hfe-woo-products-wrapper .hfe-product-add-to-cart .button a {
	padding: 20px;
}


.hfe-product-image,
.hfe-post-card {
	border-radius: 20px;
}

.hfe-read-more {
	background: #fbb631;
	min-width: 100%;
	display: inline-block;
	padding: 12px 10px;
	text-align: center;
	border-radius: 3px;
}

.elementor-29 .elementor-element.elementor-element-1a99883 .hfe-posts-grid,
.elementor-29 .elementor-element.elementor-element-67a7579 .hfe-woo-products-grid {
	column-gap: 6rem !important;
}

.hfe-post-image img {
	border-radius: 20px !important;
}

/*accordion*/
.e-n-accordion-item-title {
	border: none;
}

.e-n-accordion-item {
	margin-bottom: 2em !important;
}

.e-n-accordion-item:open {
	border: 1px solid white;
	border-radius: 40px !important;
	z-index: 10;
}

.e-n-accordion-item:open .e-n-accordion-item-title::before {
	border: 0;
}

.e-n-accordion-item-title::after {
	content: "\f10a";
	height: 80px;
	width: 80px;
	border: 1px solid #fffcfc;
	border-radius: 50%;
	font-family: flaticon !important;
	font-size: 1.6rem;
	transform: rotate(90deg);
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.e-n-accordion-item:open .e-n-accordion-item-title::after {
	transform: rotate(-90deg);

}

.elementor-widget-n-accordion .e-n-accordion-item-title,
.e-con-full.e-flex.e-con.e-child {
	border: none;
}

.e-n-accordion-item-title-header {
	max-width: 87%;
	width: 100%;
}

.e-n-accordion-item-title::before {
	border: 1px solid white;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: white;
	border-radius: 40px 40px 0 0 !important;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	height: 60px;
	width: 100%;
	border-bottom: 0;
	z-index: 1;
}

/*accordion END*/

.hfe-site-logo-container .hfe-site-logo-img {
	max-width: 13rem !important;
}

@media (min-width: 2400px) {
	.elementor-29 .elementor-element.elementor-element-2eaf66a>.elementor-widget-container {
		padding: 130px 0px 0px 0px;
	}

	.elementor-2023 .elementor-element.elementor-element-5c3cb8f .hfe-site-logo-container .hfe-site-logo-img {
		max-width: 13rem !important;
	}
}


@media screen and (orientation: portrait) and (max-width: 767px) {

	.attachment-large.size-large.wp-image-1705.inlinesvg-holder,
	.attachment-large.size-large.wp-image-1786.inlinesvg-holder {
		max-width: 430px;
	}

	.elementor-element.elementor-element-6bf7641.elementor-widget__width-inherit.young-minds-title.elementor-widget-mobile__width-initial.elementor-widget.elementor-widget-image {
		height: 100px !important;
	}

	.whatch-font h4,
	.whatch-font h3,
	.e-n-accordion-item-title-text {
		font-size: 2.3rem !important;
	}

	.e-n-accordion-item-title::after {
		content: "\f10a";
		height: 60px;
		width: 79px;
	}

	.elementor-29 .elementor-element.elementor-element-1a99883 .hfe-posts-grid,
	.elementor-29 .elementor-element.elementor-element-67a7579 .hfe-woo-products-grid {
		column-gap: 4rem !important;
	}

	.speech-bubble {
		display: none;
	}
}


@media (max-width:480px) {

	.attachment-large.size-large.wp-image-1705.inlinesvg-holder,
	.attachment-large.size-large.wp-image-1786.inlinesvg-holder {
		max-width: 300px;
	}
}

/* \ From customiser */


/* forms */

body .gform-theme {
	--gf-local-bg-color: #fdb815 !important;
	--gf-ctrl-btn-bg-color-primary: #fdb815 !important;
}

/* \forms */


/* Front Page */
.elementor-29 {

}
.FeedGridLayout__grid {
    column-gap: 10px !important;
   	row-gap: 35px !important;
    @media (min-width: 762px) {
	    column-gap: 6em !important;
    	row-gap: 35px !important;
    }
}
.FeedGridLayout__cell {
    background-color: white;
    border-radius: 50px;
    overflow: hidden;
    padding: 10px;
    border: 5px solid white;
    @media (min-width: 762px) {
	    border: 20px solid white;
    }
    img {
	    border-radius: 50px;    	
        overflow: hidden;
    }
}
	.hfe-post-card {
		display: flex;
		flex-direction: column;
	}

	.hfe-post-card .hfe-post-content {
		flex-grow: 1;
		display: flex;
		flex-direction: column;
	}

	.hfe-post-card .hfe-post-content .hfe-post-excerpt {
		flex-grow: 1;
	}
	.bdt-modal-title {
		font-family: "cc-whatchamacallit-variable", sans-serif !important;
	}
@media (min-width: 768px) {
	.home-hero {
	    min-height: 900px;
    	height: 100vh;
		@media (max-width: 1200px) {	
		}
	}
}
.home-hero:before {
    height: 50vh;
    bottom: 0;
    top: unset;
    background-size: contain !important;
    min-height: 440px;
}

.wp-image-1705, .wp-image-1786 {
	height: auto !important;
}
/* \Front Page */



/* Inner Pages */
body {
	background: linear-gradient(180deg, #287DC0 0%, #62A2D3 100%);
.tg-page-area {
    margin-top: 50px;
}
	.content-container {

		h1,
		h2,
		h3,
		h4,
		h5,
		h6 {
			font-family: "cc-whatchamacallit-variable", sans-serif !important;
		}
		
		h1 {
			
		}

		p {}

        margin: auto;
        padding-left: 0%;
		padding-right: 0%;
		
		@media (min-width: 556px) {
    	    padding-left: 10%;
			padding-right: 10%;
		}
		

		.content-container-inner {
			width: 100%;
			max-width: 1920px;
			margin: auto;
			background-color: white;
			border-radius: 10px 10px 0 0;
			padding: 25px;

			.tg-page-content {			
			    max-width: 1140px;
			    margin: auto;
			}
			.tg-page-thumbnail {
			    max-width: 1140px;
                text-align: center;
                margin: 25px 0 50px 0;
			}
			
			blockquote::before, .wp-block-quote::before, .tg-page-content blockquote::before, .format-quote blockquote::before, .tg-blog-details-content blockquote::before {
				content: unset;
			}
			blockquote, .wp-block-quote, .tg-page-content blockquote, .format-quote blockquote, .tg-blog-details-content blockquote, .wp-block-quote.is-large:not(.is-style-plain), .wp-block-quote.is-style-large:not(.is-style-plain) {
                font-weight: bold;
                background-color: #dedede;
                border-radius: 0;
                border: none;
                box-shadow: none;
                p {
					font-weight: bold;
                }
                p:nth-last-child(1) {
                	margin-bottom: 0 !important;
                }
			}
		}
	}
}
/* \Inner Pages */

/* Latest news page */
body.page-id-3166 {
	background-image: 
}
/* \Latest news page */


/* Product Page */

.product_meta {
    color: #2b7ec0;
    font-size: 20px;
}

button.single_add_to_cart_button.button.alt {
    background-color: #fdb815;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 5px 5px 5px 5px;
    padding: 20px 25px 20px 25px;
    font-family: "Mulish", Sans-serif;
    font-size: 1em;
    text-transform: none;
}

.woocommerce .quantity .qty {
    height: 100%;
    text-align: center;
}

form.cart {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 20px;
    flex-wrap: wrap;
}

.woocommerce div.product form.cart::after, .woocommerce div.product form.cart::before {
	content: unset;
}





/* Wrapper to hold buttons and input inline */
.quantity-buttons-wrapper {
    display: flex;
    align-items: center;
    gap: 0; /* Remove space between elements */
    width: fit-content;
    border-radius: 4px;
    border: 1px solid #3a84c1;
}

/* Style the custom buttons */
.quantity-buttons-wrapper .qty_button {
    background: #3a84c1;
    border: none;
    cursor: pointer;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s;
    height: 100%;
    color: white;
}

.quantity-buttons-wrapper .qty_button:hover {
    background: #3a84c1;
}

/* Override default WooCommerce input styling to fit */
.quantity-buttons-wrapper .quantity input.qty {
    border: none; /* Remove border to blend in */
    border-radius: 0;
    margin: 0;
    text-align: center;
    width: 50px; /* Adjust width as needed */
    height: 100%; /* Match button height */
    appearance: textfield; /* Remove default browser spinners */
}

/* Remove default browser spinners for number inputs */
.quantity-buttons-wrapper .quantity input.qty::-webkit-outer-spin-button,
.quantity-buttons-wrapper .quantity input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: #fdb815;
    font-size: 30px;
    font-weight: bold;
    margin-top: 20px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
	
    display: none;
}
/* \Product Page */

/* error */

.error-area {
    background-image: url(/wp-content/themes/gracewp-child/images/404.jpg);
    background-position: bottom right;
    background-size: cover;
.error-text {
	color: white;
	
        font-family: "cc-whatchamacallit-variable", sans-serif !important;
        font-size: 200px;

}

.content {
		color: white;
        font-size: 40px;
        margin-bottom: 20px;
}
.error-link {
		color: white;
        font-size: 24px;
}
}
/* \error */

/* Cart & Checkout */
.gracewp-page-content table.wc-block-cart-items tbody td {
    text-align: start;
}

.wc-block-components-button {
	    background-color: #fdb815;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 5px 5px 5px 5px;
    padding: 20px 25px 20px 25px;
    font-family: "Mulish", Sans-serif;
    font-size: 1em;
    text-transform: none;
}
.wc-block-checkout__form {
	#comment, #author, #email, #url {
    	border: 1px solid hsla(0, 0%, 7%, .8);
	}
}


.elementor-widget-hfe-cart.toggle-icon--bag-medium .hfe-menu-cart__toggle .elementor-button-icon i:before {
	content: ' ';
    color: #ffffff00;
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M148,379.3c-22.4-1.1-21.9-32.6,0-33.7,62.2.2,226.1,0,290.3.1,17.5,0,32.6-11.9,36.5-29l36.4-157.7c2.1-9,0-18.4-5.8-25.6s-14.4-11.5-23.6-11.5c-25.8,0-244.8-1-357-1.4l-17.8-66c-4.3-15.8-18.7-26.8-35-26.8H15C6.7,27.6,0,34.3,0,42.6s6.7,15,15,15h57c2.8,0,5.3,1.9,6,4.6l68.3,253.4c-12,.4-23.2,5.3-31.7,13.9-8.9,9-13.7,21-13.5,33.7.4,25.4,21.5,46,46.9,46h21.9c-3.3,6.8-5.1,14.5-5.1,22.5,0,29,23.6,52.5,52.5,52.5s52.5-23.6,52.5-52.5-1.8-15.7-5.1-22.5h94.8c-3.2,6.8-5.1,14.5-5.1,22.5,0,29,23.6,52.5,52.5,52.5s52.5-23.6,52.5-52.5-2-16.3-5.5-23.3c5.9-2,10.2-7.6,10.2-14.2s-6.7-15-15-15H148ZM239.9,431.8c0,12.4-10.1,22.5-22.5,22.5s-22.5-10.1-22.5-22.5,10.1-22.5,22.5-22.5h0c12.4,0,22.5,10.1,22.5,22.5ZM407,454.4c-12.4,0-22.5-10.1-22.5-22.5s9.9-22.3,22.1-22.5h.7c12.2.2,22.1,10.2,22.1,22.5,0,12.4-10.1,22.5-22.5,22.5h0ZM481.9,152c0,.1,0,.2,0,.3l-15.3,66.5h-52l8.8-67.1,58.2.2c0,0,.1,0,.2.1h0ZM327.2,315.7v-67h53.2l-8.8,67h-44.4ZM252.8,315.7l-8.9-67h53.3v67h-44.4ZM183.7,315.7h0c-3.7,0-6.9-2.5-7.8-6l-16.5-61h54.2l8.9,67h-38.8ZM239.9,218.7l-9-67.8,66.3.3v67.6h-57.3ZM327.2,218.7v-67.4l66.1.3-8.9,67.2h-57.2ZM200.5,150.7l9,68h-58.3l-18.4-68.2,67.7.3ZM438.3,315.7h-36.4l8.8-67h49l-14.1,61.2c-.8,3.4-3.8,5.8-7.3,5.8Z'/%3E%3C/svg%3E");
	width: 25px;
    height: 25px;
    display: block;
}

/* \Cart & Checkout */


.inlinesvg-holder svg {
    max-height: 100%;
    max-width: 100%;
}





.character-box {
    border: 1px solid white !important;
    border-radius: 20px !important;
    background: #3184c3;
    transition: background .25s;
}
.character-box:hover {
    background: #3d6eb0;
}

.character-box p:nth-last-child(1) {
	margin-bottom: 10px;
}

@media (min-width: 768px) {
.character-box .character-image-holder {
    max-width: 38%;
    /* height: 100% !important; */
    aspect-ratio: unset;
    display: block;
    max-height: unset !important;
}


.character-box .character-image {
    height: calc(100% + 25px);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: block;
}

.character-box .character-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: bottom;
    position: relative;
    transform: scale(1);
    transform-origin: bottom;
    bottom: 0%;
    transition: transform .25s, bottom .25s;
}
.character-box:hover .character-image img {    
    transform: scale(1.05);
}
}