/*
Theme Name: WattMigration
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0.2025.8.18
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

:root {
	--wm-orange: #E1A122;
}
.h-100 {
	height: 100%;
}
.display {
	font-size: 4.5rem; /*72px*/
	line-height: 1.1;
	font-family: Bellefair, sans-serif;
}
p {
	margin-bottom: 1em;
}
.h1, h1 {
	font-size: 3rem; /*48px*/
}
.h2, h2 {
	font-size: 2.25rem; /*36px*/
}
.h3, h3 {
	font-size: 1.5rem; /*24px*/
}
.h4, h4 {
	font-size: 1.25rem; /*20px*/
}
.h5, h5 {
	font-size: 1.125rem; /*18px*/
}
.text-justify {
	text-align: justify;
}
.uppercase {
	letter-spacing: 0 !important;
	line-height: 1.25;
}
ul li.bullet-arrow, ul li.bullet-checkmark, ul li.bullet-cross, ul li.bullet-star {
	border-bottom: 0 none !important;
}
ul li.bullet-arrow::before, ul li.bullet-checkmark::before, ul li.bullet-star::before {
	color: #E1A122;
	font-size: 14px;
}


header.transparent .header-wrapper .icon-box {
	color: #fff;
}

header.transparent .header-wrapper.stuck .icon-box {
	color: initial;
}
header.transparent .header-wrapper .icon-box svg {
	fill: #fff;
}
header.transparent .header-wrapper.stuck .icon-box svg {
	fill: initial;
}

.box-text-outer-bl .box-text {
	text-align: center;
	margin: 0;
	width: auto;
	position: absolute;
	left: -40px;
	bottom: -40px;
	padding-left: 1.5em;
	padding-right: 1.5em;
	aspect-ratio: 1/1;
	border-radius: 50%;
	display: flex;
  	align-items: center;
}

.row-service-boxes .col:hover > .col-inner{
	background: var(--wm-orange);
}
.row-service-boxes .col:hover > .col-inner .icon-box-text *{
	color: #fff;
}
.row-service-boxes .col:hover > .col-inner .icon-box .icon-box-img svg,
.row-service-boxes .col:hover > .col-inner .icon-box .icon-box-img img{
	filter: brightness(0) invert(1);
}

.icon-box-text p {
	margin-bottom: 10px;
}
.flickity-page-dots .dot.is-selected {
	background-color: var(--fs-color-primary);
}
.slider-nav-dots-simple .flickity-page-dots .dot {
	background-color: var(--fs-color-primary);
}
.flickity-page-dots .dot {
	border: 3px solid var(--fs-color-primary);
}
.testimonial-box {
	box-shadow: 0px 15px 29px rgba(225, 161, 34, 0.03);
}

.testimonial-box.icon-box-center .icon-box-img {
	margin: -99px auto 1em;
}
.testimonial-list .testi-item {
	background: #f8f8f8;
}
.testi-slider-item {
	
}
.testi-slider-item .item-inner{
	padding-top: 60px;
	padding-bottom: 30px;
}
.testi-slider-item .box-inner{
	padding: 30px 30px 30px 30px;
	background-color: #fff;
	box-shadow: 0px 15px 29px rgba(225, 161, 34, 0.03);
}
.testi-slider-item .box-inner .testimonial-avatar{
	width: 120px;
	height: 120px;
	margin: -85px auto 1em;
}
.text-center .button.wpcf7-submit {
	margin-left: 48px !important;
}
.absolute-footer {
	border-top: 1px solid #24426C;
}
@media only screen and (min-width: 769px) {
	
	.footer-1 {
		padding-top: 140px;
	}
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.display {
		font-size: 2.5rem; /*48px*/
		line-height: 1.25;
	}
	.h1, h1 {
		font-size: 2.5rem; /*40px*/
	}
	.h2, h2 {
		font-size: 2rem; /*32px*/
	}
	
	.icon-box-left, .icon-box-right {
		display: block;
	}
	.icon-box-left .icon-box-img, .icon-box-right .icon-box-img {
		margin: 0 auto 1em;
	}
}