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

/*************** ADD CUSTOM CSS HERE.   ***************/
footer h4 {
  height: 20px;
  line-height: 20px;
}

#wpadminbar .quicklinks > ul > li#wp-admin-bar-flatsome_panel a {
  display: flex;
  align-items: center;
  gap: 8px;
}

.box-content {
  padding-top: 50px;
}

#a-team-slider-section {
  padding-top: 60px;
}

.max-90 {
	max-width: 90%;
}

#menu-main-menu li.active a {
  color: #e7bd11;
}

div.card-toggle {
    max-width: 377px;
    max-height: 556px;
    margin: 0 auto;
}

.lb-card-wrap {
    justify-content: center;
    max-width: 1228px;
    margin: 0 auto;
}

div.lb-box-behide {
    max-height: 240px;
}

.lb-download-content {
    width: 72%;
}

.lb-download-image {
    width: 28%;
}

.lb-download {
    gap: 80px;
    max-width: 1270px;
}

.lb-download-content h2 {
    margin-bottom: 18px;
	line-height: 1.2;
}

.lb-download-content p {
    margin-bottom: 33px;
}

.lb-vector1 {
    top: 90%;
    right: -40px;
}

.lb-pr-40 {
	padding-right: 40px;
}

section.lb-img-text {
    max-width: 1225px;
    margin-left: auto;
    margin-right: auto;
}

img.lb-max {
    max-width: max-content;
}

.lb-box-title {
    max-width: 746px;
	position: relative;
}

div.lb-box-wrap {
    max-width: 1207px;
    gap: 50px;
    align-items: stretch;
}

.lb-box-item h2 {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    color: #FFFCF0;
    margin-bottom: 26px;
}

.lb-box-item .lb-inner {
    padding: 60px 30px;
    border-radius: 30px;
    height: 100%;
}

.lb-box-item:first-child .lb-inner {
    background: #E96024;
}

.lb-box-item {
    height: auto;
    text-align: center;
}

.lb-box-item p {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: -0.023em;
    color: #FFFCF0;
}

.lb-box-item .icon img {
    margin: 0 auto;
	max-width: 194px;
	position: relative;
}

.lb-box-item .icon {
    margin-bottom: 24px;;
}

.lb-box-item:nth-child(2) .lb-inner {
    background: #41B4B4;
}

.lb-box-item:last-child .lb-inner {
    background: #E7BD11;
}

.lb-box-item:last-child h2,
.lb-box-item:last-child p {
    color: #104751;
}

.lb-box-title h2, .lb-box-title p {
    text-align: center;
}

.lb-box-title h2 {
    margin-bottom: 14px;
}

.lb-box-icon {
    top: -84%;
    right: -20%;
}

.lb-box-item {
    max-width: 349px;
    margin: 0 auto 20px;
}

.lb-bg {
    left: 0;
    right: 0;
    top: -27px;
}

.lb-sustainability img {
	position: relative;
}

div.sus-commitments {
	max-width: 1200px;
}
@media screen and (min-width: 1280px) {
	.we-change-box h2 {
		font-size: clamp(16px, 1.44vw, 28px) !important;
	}
}

@media screen and (max-width: 1500px) {
	img.lb-img1 {
		width: 80%;
        margin-left: auto;
        margin-right: 0;
        padding-top: 80px;
	}
}

@media screen and (max-width: 1200px) {
	div.lb-box-wrap {
		gap: 20px;
	}

	.lb-box-item .lb-inner {
		padding: 40px 20px;
	}

	.lb-box-item h2 {
		font-size: 20px;
		line-height: 1.2;
	}
}

@media screen and (max-width: 1023px) {
	.lb-box-item .icon img {
		max-width: 100px;
	}

	.lb-box-item p {
		font-size: 16px;
	}
}

@media screen and (max-width: 767px) {
	.lb-sustainability .text-center {
		max-width: 310px;
		margin: 0 auto 35px;
	}

	.lb-box-behide div {
		font-size: 14px;
		padding: 0 10px; 
	}
	
	div.lb-box-behide {
		max-height: 200px;
        padding: 16px 10px;
	}
	
	.lb-download-content h2 {
		font-size: 28px;
	}

	.lb-download-content p {
		font-size: 14px;
	}

	.lb-px24 {
		padding: 0 24px;
	}
	.lb-box-item .icon img {
		max-width: 100px;
	}

	.lb-box-item p {
		font-size: 16px;
	}

	.lb-box-item h2 {
		font-size: 21px;
	}

	.lb-box-item p {
		font-size: 14px;
	}

	.lb-box-item .icon img {
		max-width: 193px;
	}
	
	.lb-box-title {
		padding-top: 50px;
	}

	.lb-box-icon {
		right: unset;
        max-width: 100px;
        top: -20px;
        left: 62%;
        transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
	}

	.faq-content.max-h-\[500px\] {
		max-height: 650px;
	}
	
	div.lb-img-mb {
		width: 290px;
	}
	
	.lb-download-content,
	.lb-download-image {
		width: 100%;
	}

	.lb-download {
		flex-direction: column;
		margin-top: 40px;
	}

	.lb-download-image {text-align: right;}

	.lb-download-image img {
		margin-left: auto;
	}

	.lb-download-content {
		text-align: center;
	}

	.lb-download-content .btn-build {
		margin: 0 auto !important;
	}
	
	.lb-vector1 {
		top: unset;
		bottom: -3%;
	}
	
	div#bespoke-map {
		background: #fefcf0;
		position: static !important;
		margin-top: -2px;
	}
	
	.lb-hidden-mb {
		display: none;
	}
}

@media screen and(max-width: 479px) and (min-width: 391px) {
	div#bespoke-map {
		bottom: 6%;
	}
}

@media only screen and (max-width: 48em) {
  /*************** ADD MOBILE ONLY CSS HERE  ***************/
  div.box-map {
    aspect-ratio: unset;
    padding-bottom: 60px;
  }

  .img-mb {
    margin-bottom: 30px;
  }

  #a-team-slider-section {
    padding-top: 0;
  }
}