/**
 * Theme Name: juvenile
 * Description: Blocksy Child theme
 * Author: SL
 * Template: blocksy
 * Text Domain: blocksy
 */
:root {
	/* Spacing */
	--sp-xs:10px;
	--sp-sm:15px;
	--sp-md:24px;
	--sp-lg:30px;
	--sp-xl:45px;
	--sp-xxl:65px;
}
 /*450 - normal*/
@font-face {
    font-family: 'avenir-book';
    src: url('fonts/AvenirLTStdBook.eot');
    src: url('fonts/AvenirLTStdBook.eot') format('embedded-opentype'),
         url('fonts/AvenirLTStdBook.woff2') format('woff2'),
         url('fonts/AvenirLTStdBook.woff') format('woff'),
         url('fonts/AvenirLTStdBook.ttf') format('truetype'),
         url('fonts/AvenirLTStdBook.svg#AvenirLTStdBook') format('svg');
}

body, h1, h2, h3, h4, h5, h6, label, figcaption, .wp-block-quote, .wp-block-pullquote, .ct-label, .site-title, .entry-meta, .ct-menu-badge, .entry-excerpt, .ct-post-title, .ct-breadcrumbs, .ct-header-text, .ct-product-sku, .ct-product-title, .ct-woo-card-stock, .author-box-bio, .author-box-name, .ct-contact-info, .site-description, .page-description, .mobile-menu a, .menu .ct-menu-link, .comment-reply-title, .ct-footer-copyright, .ct-language-switcher, :where(pre, code, samp, kbd), .onsale, .out-of-stock-badge, [class*="ct-woo-badge-"], :is(.entry-summary, [data-products], .ct-trending-block, .ct-added-to-cart-product) .price, .ct-waitlist-message, .woocommerce-tabs .tabs, .woocommerce-tabs .ct-accordion-heading, .woocommerce-result-count, .ct-header-account-dropdown, .ct-module-title:is(p, span), .related-entry-title:is(p, span), .woocommerce-loop-product__title:is(p, span), .woocommerce-loop-category__title:is(p, span), .ct-shortcuts-bar, .ct-widget > *, .ct-dynamic-data-layer, .ct-dynamic-filter, .ct-search-results, .tutor-ratings, .tutor-meta > *, .tutor-course-details-title, .tutor-course-details-actions > a, .ct-language-switcher ul[data-placement] {
	font-family: 'avenir-book' !important;
}
.animate, .animate a, .animate span, .cm-btn{ transition:all 300ms ease-in-out 0s; }

/*match theme side spacing with editor*/
.uagb-container-inner-blocks-wrap{
	max-width: var(--theme-normal-container-max-width) !important;
	max-width: var(--inner-content-custom-width) !important;
	width: var(--theme-container-width) !important;
	margin-inline: auto !important;
}
.wp-block-uagb-container{
	margin-block-end: 0 !important;
}
.wp-block-uagb-container.section{	
	padding-top: var(--sp-xl) !important;
	padding-bottom: var(--sp-xl) !important;
}
@media (max-width:768px){
	.wp-block-uagb-container.section{
		padding-top: var(--sp-lg) !important;
		padding-bottom: var(--sp-lg) !important;
	}	
}

.ct-panel-content-inner{
	padding: 0 20px !important;
}
#header [data-device="desktop"], #offcanvas [data-device="desktop"]{
	display: none !important;
}
#header [data-device="mobile"], #offcanvas [data-device="mobile"] {
	display: block !important;
}
/* [data-header*="sticky"] {
	--scroll-margin-top-offset: calc(var(--header-sticky-height, var(--header-height, 0px)) * (var(--sticky-shrink, 100) / 100)) !important;
}
[data-sticky*="shrink"] {
	position: fixed;
	z-index: 5;
	top: calc(var(--admin-bar, 0px) + var(--theme-frame-size, 0px) + var(--header-sticky-offset, 0px));
	left: var(--theme-frame-size, 0px);
	right: calc(var(--theme-frame-size, 0px) + var(--scrollbar-width, 0px));
} */


.phone-ico{	display:none; }
.phone-ico a{ display: flex; }
.phone-ico svg{
	height: 30px;
	position: relative;
	top: 1px;
}
@media (min-width: 768px) {
	.phone-text{
		display: block;
		margin:0 !important;
		font-size: 26px;
		position: relative;
		top: -1px;
	}
}
@media (max-width: 768px) {
	.phone-text{
		display: none;
	}
	.phone-ico{
		display: block;
	}
}
#header svg{fill: var(--theme-palette-color-1);}
#header svg:hover{fill: var(--theme-palette-color-2);}


svg.thumbtack{
	fill: var(--theme-palette-color-2) !important;
}

/* lead form */
em.error{ display:none !important; }
input.error, textarea.error, select.error{ 
	border-color: #ed1c24 !important; 
	/* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(237, 28, 36, 0.6);	 */
	color:#ed1c24; 
}
input.error:focus{
	border-color: var(--theme-palette-color-2) !important;
}
.lead-form-wrap{
	background-color:rgba(256,256,256,0.9);
	border-radius: 3px;
	overflow: hidden;
	box-shadow: 0 0 2px #888;
	
	max-width: 320px;
	width: 100%;
}
#display-lead-form.cm-btn{
	display: none;
}
@media (max-width: 768px) {
/* .lead-form-wrap{
	margin: 0 auto;
}	 */
}
	.lead-form-header{
		padding:15px 10px 0px;
		font-size: 24px;
		line-height: 1.2;
		text-align:center;
	}
	.lead-form-wrap form{
		padding: 15px 18px 10px;
	}
		.lead-form-wrap .form-group{
			margin-bottom: 10px;
		}
		.lead-form-wrap .form-group label{
			font-size: 16px;
		}
		.lead-form-wrap .cm-btn{
			overflow: hidden;
			border-radius: 0;
			width: 100%;
		}
		.lead-form-wrap .cm-btn:hover{
			font-size: 20px;
		}

/* custom box link */
.cm-box-link{	
	transition: background 0.5s, border 0.3s, border-radius 0.3s, box-shadow 0.3s ;
}
.cm-box-link:hover{
	background-color: var(--theme-palette-color-3) !important;
}
.cm-box-link:hover h3, .cm-box-link:hover span{
	color: var(--theme-palette-color-6) !important;
}

/* Testimonials */
.uagb-tm__desc code{
	font-size: inherit !important;
	background: none;
}
.slick-arrow svg{
	display: none !important;
}

.slick-slider .slick-arrow::before {
	content: '';
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	display: inline-flex;
	height: 44px;
	width: 44px;
}
.slick-slider .slick-prev::before {
	background-image: url("assets/angle-left.svg");
}
.slick-slider .slick-next::before {
	background-image: url("assets/angle-right.svg");
}
.uagb-slick-carousel.uagb-tm__arrow-outside .slick-prev {
	left: -30px;
}
.uagb-slick-carousel.uagb-tm__arrow-outside .slick-next {
	right: -30px;
}


[data-header*="type-1"] [data-id="mobile-menu"] {
	--items-vertical-spacing: 8px;
	--theme-font-weight: 400;
	--theme-text-transform: uppercase;
	--theme-font-size: 16px;
	--theme-link-initial-color: var(--theme-palette-color-1);
	--theme-link-hover-color: var(--theme-palette-color-2);
	--theme-link-active-color: var(--theme-palette-color-3);
	--mobile-menu-divider: 1px solid var(--theme-palette-color-4);
}