/*
Theme Name: Adigi Base Framework - Child Theme
Text Domain: adigi-child
Template: adigi
Version: 3.0
Description: Adigi Base Framework, version 3
Author: Adigi Ltd
Author URI: https://www.adigi.co.uk
*/

/* Override CSS here */


/* Colours */

.bg-black {
	background-color: var(--color-primary)!important;
}


/* Buttons */

.btn-underline {
	border-width: 2px;
}

.btn-white.outlined:hover:before {
    background-color: var(--color-tertiary) !important;
}

.btn-white.outlined:hover {
    color: #fff !important;
}

.navbar-right .btn {
	padding-top: 1.425rem;
	padding-bottom: 1.275rem;
}


/* Forms */

.form-sidebar hr {
	background: linear-gradient(90deg, hsla(181, 48%, 39%, 1) 0%, hsla(124, 34%, 63%, 1) 50%, hsla(39, 76%, 61%, 1) 100%);
}


/* Top Bar, Footer Bottom */

.navbar-topbar {
	background: linear-gradient(270deg,#349294,#81c185,#e7b252);
	padding: 0.55rem 0 0.45rem;
}

.footer-bottom {
	background: linear-gradient(270deg,#349294,#81c185,#e7b252);
	padding: 0.75rem 0 0.45rem;
}


/* Banner */

@media (min-width: 768px) { 
	.banner {height: 700px;}
}

.banner.banner-gradient .carousel-item > div > div:first-child:before {
	content: '';
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
	z-index: 1;
}

.banner.banner-gradient .carousel-item .container {
	z-index: 2;
}


/* Service Panels */

.service-panels {
	margin: 0 auto;
	max-width: 1376px;
}

.service-panels .d-flex.flex-column.h-100.position-relative {
	overflow: hidden;
}

.service-panels .column-content-wrapper {
	margin-top: 0!important;
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
}

.service-panels .column-content-wrapper .column-content {
	background: linear-gradient(0deg, rgba(52,146,148,1) 0%, rgba(52,146,148,1) 25%, rgba(52,146,148,0) 100%);
	display: flex;
	flex-direction: column;
	justify-content: end!important;
	padding: 1rem;
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	transition: 0.3s ease-out;
}

.service-panels .column-content-wrapper .column-content h3,
.service-panels .column-content-wrapper .column-content h4 {
	margin-bottom: 0;
}

.service-panels .column-content-wrapper .column-content p {
	max-height: 0;
	opacity: 0;
	transition: max-height 0.6s ease-out, opacity 0.6s ease-out, padding-top 0.6s ease-out 0.1s;
	position: relative;
}

@media (pointer: coarse), (max-width: 991px) {
	.service-panels .column-content-wrapper .column-content p {
		max-height: 100%;
		padding-top: 1rem;
		opacity: 1;
	}

}

.service-panels .column-content-wrapper:hover .column-content p {
	max-height: 425px;
	opacity: 1;
	padding-top: 1rem;
	transition: max-height 0.6s ease-out, opacity 0.6s ease-out, padding-top 0.3s ease-out;
}

.service-panels .column-content-wrapper img {
	height: 48px;
	width: auto;
}

.service-panels .column-content-wrapper h3,
.service-panels .column-content-wrapper h4 {
	line-height: 1.05;
}


/* Stats */

.stats-block h3 {
	margin-bottom: 0!important;
}

.stats-block h6 {
	font-size: 24px;
}


/* Testimonials */




/* Footer */

.footer-links {
	border-image: linear-gradient(to right, #349294 0%, #81c185, #e7b252 100%) 1;
	padding: 2rem 0!important;
}

.footer-links > .row {
	justify-content: center!important;
}

.footer-menu-item > a {
	margin: 3px 16px 0!important;
}

.footer .col-12:after {
	display: block;
	content:'Company No. 10412437  •  VAT Reg. No. 253 8676 70';
	font-size: 12px;
	font-weight: 400;
	text-align: center;
	margin-bottom: -64px;
	padding-top: 48px;
}


/* Logo Slider */



.logo-slider-contained-green.bg-secondary {
	background-color: var(--bg-body)!important;
	padding-top: 0!important;
}

.bg-primary + .logo-slider-contained-green.bg-secondary {
	padding-top: var(--section-padding)!important;
}

.logo-slider-contained-green .slider-wrapper {
	background-color: var(--color-secondary)!important;
	padding: 64px 0;
}

.logo-slider-contained-green .logo-slider-gradient {
	width: 10%;
}


/* News */

.recent-posts-block .mb-4.pb-2 > h4 {
	font-size: 48px;
}


/* Case Study Slider */

.case-study-slider-inner {
	padding: 48px 96px;
}

.case-study-slider .slider-prev, .case-study-slider .slider-next {
	filter: none;
}

.case-study-slider .slider-prev{
	left: 24px;
}

.case-study-slider .slider-next {
	right: 24px;
}

@media (min-width: 1600px) { 
	.case-study-slider .slider-prev{left: -96px;}
	.case-study-slider .slider-next {right: -96px;}
}



/* Icon Overlay */

.block-icon-overlay-right, .block-icon-overlay-left, .boxed-block-icon-overlay {
	overflow: hidden;
}

.icon-overlay.left {
	height: 100%;
	top: 0; bottom: 0; left: 0;
	max-width: 100%;
}

.block-icon-overlay-right:before, .block-icon-overlay-left:before {
	aspect-ratio: 1/1;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	content: '';
	position: absolute;
	height: calc(100% - (var(--section-padding) * 2));
	width: auto;
	top: var(--section-padding);	
}

.block-icon-overlay-right:before {
	background-image: url('./img/svg/icon-overlay-right.png');
 	right: 0;
}

.block-icon-overlay-left:before {
	background-image: url('./img/svg/icon-overlay-left.png');
	left: 0;
}

.bg-body.block-icon-overlay-right:before, .bg-body.block-icon-overlay-left:before {
	filter: brightness(0.4);
}

.boxed-block-icon-overlay .boxed:before, .boxed-block-icon-overlay .boxed:after {
	aspect-ratio: 1/1;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	content: '';
	position: absolute;
	height: 90%;
	width: auto;
	top: 5%;
}

.boxed-block-icon-overlay .boxed:before {
	background-image: url('./img/svg/icon-overlay-right.png');
 	right: 0;
}

.boxed-block-icon-overlay .boxed:after {
	background-image: url('./img/svg/icon-overlay-left.png');
	left: 0;
}


/* Benefits Slider */

.section-energi-benefits-slider h3 {
	line-height: 1.05;
}

.section-energi-benefits-slider .carousel-cell > div > div {
	flex-grow: 1;
	padding: 32px;
	min-height: 386px;
}

.section-energi-benefits-slider .carousel-cell:nth-child(4n+1) > div > div {
    background-color: var(--color-secondary);
}

.section-energi-benefits-slider .carousel-cell:nth-child(4n+2) > div > div {
    background-color: #81C185;
}

.section-energi-benefits-slider .carousel-cell:nth-child(4n+3) > div > div {
    background-color: var(--color-tertiary);
}

.section-energi-benefits-slider .carousel-cell:nth-child(4n+4) > div > div {
    background-color: var(--color-primary);
}


.section-energi-benefits-slider .slider-prev {
	left: auto;
}

.section-energi-benefits-slider .slider-next {
	right: auto;
}


/* Installation Steps */

.installation-steps > .container > .row {
	justify-self: end;
	width: 66.666666%;
}

.installation-steps > .container > .row > .col-4:first-child {
	position: absolute;
	top:0; left: 0; bottom: 0;
	width: 33.333333%;
}

.installation-steps > .container > .row > .col-4:first-child .carousel,
.installation-steps > .container > .row > .col-4:first-child .carousel-inner,
.installation-steps > .container > .row > .col-4:first-child .carousel-item {
	height: 100%!important;
}

.installation-steps > .container > .row > .col-4:first-child .carousel-item img {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	height: 100%;
	width: auto!important;
	max-width: unset;
}



/* Featured Casestudy Block */

.feat-casestudy-spacer {
	aspect-ratio: 1/1;
}


/* Team Members */

.team-modal .modal-dialog {
	max-width: 1008px;
}

.team-modal .padding-wrapper > div {
	max-height: 100%;
}

.team-modal .bio {
	overflow-y: auto;
}

.team-modal-close {
	position: absolute;
	top: 1rem;
	right: 1rem;
	z-index: 1;
}


/* News Posts */

h1.single-post-title {
	font-size: var(--font-size-h3);
}



/* Case Studies */

.case-study-snippet-img-border {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	opacity: 0;
	transition: 0.2s ease-out;
	box-shadow: inset 0px 0px 0px 8px rgba(129,193,133,1);
	pointer-events: none;
}

.case-study-snippet-img:hover .case-study-snippet-img-border {
	opacity: 1;
}


/* Filtering */

.filter-grid-btns h6 span:after {
	background-color: var(--color-tertiary);
	content: '';
	position: absolute;
	bottom: -6px; left: 0; right: 0;
	height: 2px;
	opacity: 0;
	transition: 0.2s ease-out;
}

.filter-grid-btns h6 span.active:after {
	opacity: 1;
}




/* Media Queries */

/* 1600px */
@media (max-width: 1599px) { 
	.navbar-menu-link-parent {font-size: 24px;}
	.navbar-menu-links > div:not(:last-child) {margin-bottom: 0.25rem;}
}

/* 1440px */
@media (max-width: 1439px) { 
	.service-panels .column-content-wrapper img {height: 40px;}
	.service-panels p {font-size: 0.75rem;}
	.service-panels {max-width: 1200px;}
	.service-panels .column-content-wrapper:hover .column-content p {max-height: 340px;}
}

/* 1200px */
@media (max-width: 1199px) { 
	.service-panels > .container-fluid > .row > div {width:50%;}
	.service-panels .column-content-wrapper img {height: 32px;}
	.service-panels p {font-size: 1rem;}
	.footer-menu-item > a {margin: 0!important;}
	.testimonial-banner p {font-size: 20px;}
	.testimonial-banner strong {font-size: 16px;}
	.case-study-slider-inner {padding: 48px 64px;}
	.case-study-slider .slider-prev, .case-study-slider .slider-next {height: 36px; width: 36px;}
	.case-study-slider .slider-prev{left: 14px;}
	.case-study-slider .slider-next {right: 14px;}
	.team-modal .modal-dialog {max-width: 720px;}
}

/* 992px */
@media (max-width: 991px) { 
	.installation-steps > .container > .row {justify-self: start; width: 100%;}
	.installation-steps > .container > .row > .col-4:first-child {display: none!important;}
	.feat-casestudy-spacer {aspect-ratio: 4/3;}

}

/* 768px */
@media (max-width: 767px) { 
	.stats-block h6 {font-size: 20px;}
	.recent-posts-block .mb-4.pb-2 > h4 {font-size: 32px;}
	.navbar-menu-link-parent {font-size: 20px;}
	.navbar-right .btn {padding-top: 1rem; padding-bottom: 0.85rem;}
	.logo-slider-contained-green .slider-wrapper {padding: 32px 0;}
	.block-icon-overlay-right:before, .block-icon-overlay-left:before {height:calc(100% - (var(--section-padding-mobile) * 2));top:var(--section-padding-mobile);bottom:0;}
	.section-energi-benefits-slider .carousel-cell > div > div {min-height: 0; padding: 24px;}
	.team-modal .modal-dialog {max-width: 340px;}
	.team-modal .padding-wrapper {position:relative!important;}
	h1.single-post-title {font-size: var(--font-size-h3-mobile);}
	.banner.testimonial-banner {height: 600px;}
	.bg-primary + .logo-slider-contained-green.bg-secondary {padding-top: var(--section-padding-mobile)!important;}
}

/* 576px */
@media (max-width: 575px) { 
	.navbar-logo {height: 40%;}
	.service-panels > .container-fluid > .row > div {width:100%;}
}