/**
 * Theme Name: CLLS
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/*match theme side spacing with editor*/
#main .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;
}
#main .is-layout-constrained > .alignwide {
	max-width: var(--theme-normal-container-max-width) !important;
}

#main p {
	margin-block-end: 0;
}

/* hide admin notices */
.wp-admin .notice, .wp-admin .notice-info{
	display: none !important;
}

.animate, .animate a, .cm-btn{ transition:all 300ms ease-in-out 0s; }
.color-white{	color: var(--theme-palette-color-7) !important; }
.just p.uagb-heading-text{text-align: justify !important;}
.wp-block-uagb-container.section{
	padding-top: 60px !important;
	padding-bottom: 60px !important;
}

.heading-span{
	display: block;	
	font-weight: 400;
}
.heading-span.text-lg{
	font-size: clamp(24px, 8cqw, 116px) !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
}
.heading-span.text-md{
	font-size: clamp(16px, 4cqw, 56px) !important;
	line-height: 1.1 !important;
	text-transform: uppercase !important;
}
.heading-span.text-sm{
	max-width: 66%;
	font-size: clamp(18px, 2cqw, 26px) !important;
	line-height: 1.2 !important;
}

.text-sp .heading-span.text-lg{
	font-size: clamp(24px, 7cqw, 100px) !important;
	letter-spacing: -1px;
	position: relative;
	margin-left: -4px;
}
.text-sp .heading-span.text-md{
	font-size: clamp(16px, 3cqw, 56px) !important;
}
.text-sp .heading-span.text-sm{
	max-width: 75%;
	font-size: clamp(18px, 2cqw, 22px) !important;
}


/* forms */
.home-form .form-group, .lead-form .form-group {
	margin-bottom: 20px;
}
.home-form input {	
	width: 100%;
	background-color: var(--theme-palette-color-7) !important;
	border: 1px solid #ddd;
}
.home-form label.error{ display: none;}

.free-eval-form label {
	font-weight: bolder;
	display: block;
	margin-bottom: 5px;
}
.free-eval-form input {
	background-color: #f7f7f7 !important;
}
.free-eval-form label.error{ color: #ed1c24;}


em.error{ display:none !important; }
input.error, textarea.error, select.error{ border-color: #ed1c24; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(237, 28, 36, 0.6);	color:#ed1c24; }

.input-lg::placeholder {
  color: #666 !important;
  opacity: 1;
}
.error::placeholder {
  color: red !important;
  opacity: 1;
}
.home-submit, .lead-submit {
	background-color: var(--theme-palette-color-4) !important;
	color: var(--theme-palette-color-8)!important;
	text-align: center !important;
	text-transform: uppercase !important;
	width: 100% !important;
	font-size: 20px !important;
	border-radius: 5px !important;
	line-height: 40px !important;
	border: 1px solid var(--theme-palette-color-4)!important;
}
.home-submit:hover, .lead-submit:hover {
	background-color: var(--theme-palette-color-1)!important;
	border: 1px solid var(--theme-palette-color-1)!important;
	color: var(--theme-palette-color-8)!important;
}


/* header right short */
.cm-btn{ 
	display:block;	
	cursor:pointer;	
	line-height:44px; 
	margin:0 auto; 
	border:1px solid #777; 
	color:#777; 
	background-color:transparent; 
	text-align:center; 
	text-transform:uppercase;
	font-size:16px; 
	width:100%; 
	max-width:240px;
	text-align:center;
	font-weight:bolder;
}
.cm-btn:hover { background-color:#777; color:var(--theme-palette-color-8);}

.cm-btn.btn-orange{
	border-color:var(--theme-palette-color-4);
	background-color:var(--theme-palette-color-4);
	color:var(--theme-palette-color-8);	
}
.cm-btn.btn-orange:hover{
	border-color:var(--theme-palette-color-1);
	background-color:var(--theme-palette-color-1);
}

/* header */
#offcanvas .ct-panel-content{
	margin-top: -60px;
}
#offcanvas .ct-panel-content-inner {
	padding: 35px 26px 35px 20px;
}

.h-right-btns{
	padding: 5px 0 0 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin-bottom: 0 !important;
}
	.h-right-btns-top{
		display: flex;
		flex-direction: row;
	}
		.h-right-btns-top a{
			white-space: nowrap;
			margin-left: 15px;
			display:inline-block;
			max-width:auto;
			width:auto;
			padding:0 20px;
			text-transform:none;
		}
			
			.lang-switch{
				display: flex;
				justify-content: flex-end;
				padding-top: 10px;
			}
				.lang-switch-wrap{
					display: flex;
					flex-direction: row;
					align-items: center;
				}	
					
				.lang-switch .lang{
					font-size:20px;
					color:#345a80;
					font-weight:bolder;
				}
				.btn-switch{					
					padding:0px 8px;
					background-color:#345a80;
					border:1px solid #345a80;
					color:#fff;
					margin-right:12px;
					border-radius:4px;					
					font-size:12px;
					height:20px;
					line-height: 20px;
				}
				.btn-switch:hover{
					background-color:#fff;
					color:#345a80;
				}




/* footer widgets */
.ct-footer .ct-widget:not(:first-child) {
	margin-top: var(--widgets-gap, 0px) !important;
}
.ct-footer .ct-widget .uagb-heading-text {
	color: var(--theme-palette-color-7) !important;
}
.ct-footer .ct-widget h3.uagb-heading-text {
	margin-bottom: 20px;
}

.ct-footer .ct-widget ul li{ margin-bottom: 16px; }
.ct-footer .ct-widget ul li a{
	color: var(--theme-palette-color-7) !important;
	line-height: 1.1;
}
.ct-footer .ct-widget ul li a:hover{
	color: var(--theme-palette-color-6) !important;
}

@media (max-width: 999.98px) {
	[data-footer*="type-1"] .ct-footer [data-row*="middle"] > div {
		--grid-template-columns: 50% 50%;
	}
	.ct-footer .ct-widget ul li a{
		font-size: 14px !important;
	}
}
@media (max-width: 576px) {
	[data-footer*="type-1"] .ct-footer [data-row*="middle"] > div {
		--grid-template-columns: initial;
	}
}


/*badges*/
.badges{
	text-align:center;
	background-color:#fff;
	padding:15px 0 15px;
	margin: 0 !important;	
}	
.badges .center{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
	.badge-box{
		padding:0 15px;
		overflow: hidden;
		display: flex;
		justify-content: center;
		align-items: center;
	}
		.badge-box a{
			display: inline-block;
			max-width: 100%;
		}
			.badge-box a img, .badge-box a svg{
				display: block;
				width: 100%;
				max-width: 100%;
			}
@media (max-width: 560px) {
	.badges .center{
		flex-direction: column;
	}
	.badge-box{
		margin-bottom: 40px;
	}
}



body.en .widget-sp {
    display: none;
}
body.sp .widget-en {
    display: none;
}


/* home */
@media (max-width: 1024px) {
	.home-ub-boxes .uagb-container-inner-blocks-wrap{
		--inner-content-custom-width:100% !important;
		width: 100% !important;
	}
}
@media  (min-width:767px) {
	.home-ub-boxes .wp-block-uagb-container{
		max-width:34% !important;
	}
}

/*testimonials*/
.testimonials{
	color:#fff;
	text-align:center;
	z-index: 1;
}
	/* .testimonials .center{
		max-width:900px;
		padding:0 75px;
		margin: 0 auto;
	}		 */
		.testimonials .circle{
			width:80px;
			height:80px;
			margin:0 auto 3px;
			background-color:#b79558;
			border-radius:50%;
		}
		.testimonials .t-name{
			font-size:18px;
			margin-bottom:20px;
		}
		.testimonials .t-body{
			line-height:1.6;
			font-size:18px;
			font-style:italic;
		}
		
		/* .testimonials-ss{} */
		.tss-action{
			display:block;
			position:absolute;
			top:50%;
			transform:translateY(-50%);
			z-index:2;
			width:40px;
			height:40px;
			background-color:#b79558;
			background-position:center center;
			background-repeat:no-repeat;
			border-radius:50%;
			cursor: pointer;
		}
		.tss-action.prev{
			background-image:url(images/arr-left.png);
			left:-50px;
		}
		.tss-action.next{
			background-image:url(images/arr-right.png);
			right:-50px;
		}
		
@media (max-width: 768px) {
		.testimonials h2{			
			margin:0 0 20px;
		}
		.testimonials .circle{
			width:50px;
			height:50px;			
		}
		.testimonials .t-name{
			font-size:16px;
			margin-bottom:20px;
		}
		.testimonials .t-body{
			line-height:1.5;
			font-size:14px;
			font-style:italic;
		}
}

/* about lemon low */
.about-image{
	max-width: 40% !important;
}
.about-image img{
	width: 100% !important;
}


/* ManufacturerS page */
#main .manufacturers .manufacturer-box{
	display: flex;
	border: 1px solid var(--theme-palette-color-5);
	background-color: var(--theme-palette-color-5);	
	border-radius: 5px;
	overflow: hidden;
	min-width: 140px !important;
}
#main .manufacturers .manufacturer-box:hover{
	border: 1px solid var(--theme-palette-color-4);
	/* background-color: var(--theme-palette-color-4); */
}
.manufacturer-box a{
	display: block;
	width: 100%;
	color: var(--theme-palette-color-7);
	padding: 5px 15px;
}
.manufacturer-box:hover a{
	color: var(--theme-palette-color-7);
}
.manufacturer-box a span{
	display: block;
}
.manufacturer-box a span.m-name{
	font-weight: 500;
}
.manufacturer-box a span.m-body{
	font-size: 14px;
	color: var(--theme-palette-color-6);
}
.manufacturer-box:hover a span.m-body{
	color: var(--theme-palette-color-4);
}

/* Manufacturer single */
[data-prefix="manufacturer_single"] [class*="ct-container"] > article[class*="manufacturer"] {
	--has-boxed: var(--false);
	--has-wide: var(--true);
}