/*
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 */

.text-white a, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, 
.text-white p, .text-white ol, .text-white ul, .text-white .subtitle {
	color: var(--color-body-bg);
}


/* Layout */

.row-justify-content-between > .container > .row {
	justify-content: space-between!important;
}


/* Buttons */

.btn {
	color: var(--color-body);
}

.btn span {
	line-height: 1.2;
	padding-right: 1px;
}

.btn-white {
    background-color: var(--color-body-bg);
}

.btn-white.outlined {
    background-color: transparent !important;
    box-shadow: inset 0px 0px 0px var(--button-outline-border-width) #f2f3ed !important;
    color: var(--color-body-bg)!important;
}

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


/* Forms */

.form-check-label {
	font-size: 0.75rem;
}

.contact-form-block h2 {
	color: var(--color-body-bg)!important;
	font-size: var(--font-size-h3);
}


/* Navbar */

body.transparent-navbar:not(.scrolled) .navbar-logo {
	opacity: 0;
	pointer-events: none;
}

.navbar-topbar {
	font-family: var(--font-family-secondary);
}

.navbar-menu-collapse hr {
	background-color: var(--color-tertiary);
}

.navbar-menu-collapse-item .navbar-menu-link-parent {
	min-width: 220px;
	position: relative;
}

.navbar-menu-collapse-item .navbar-menu-link-parent:before {
	background-image: url('./img/svg/icon-plus.svg');
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	content: '';
	display: block;
	top: 50%; right: 0;
	transform: translateY(-50%);
	height: 8px;
	width: 8px;
}

.navbar-menu-collapse-item .navbar-menu-link-parent:not(.collapsed):before {
	background-image: url('./img/svg/icon-minus.svg');
}

.navbar-menu-link-parent:after, .navbar-menu-link-child a:after {
    height: 1px;
    background-color: var(--color-tertiary);
}

.navbar-menu-collapse-item .navbar-menu-link-parent:after {
	display: none;
}

.navbar-menu-collapse-item .navbar-menu-link-parent span:after {
    background-color: var(--color-tertiary);
    content: '';
    height: 1px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateX(calc(-100% - 1px));
    transition: 0.2s ease-out;
    width: 100%;
}

@media screen and (pointer: fine) {
    .navbar-menu-collapse-item .navbar-menu-link-parent:hover span:after {
        transform: translateX(0);
    }
}


.navbar-menu-link-parent, .navbar-menu-link-child a {
    line-height: 1.5;
}

.navbar-menu:not(.horizontal) .navbar-menu-link-child {
    margin-top: 0.5rem;
}


/* Footer */

.footer {
	padding-bottom: 2rem;
}

.footer .form-control, .footer .form-control::placeholder {
	color: #f2f3ed;
}


/* Banners */

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

.banner-boxed {
	height: 460px;
	max-width: var(--container-width);
	margin-left: auto;
	margin-right: auto;
	margin-bottom: var(--section-padding);
}


/* Carousels */

.carousel-indicators [data-bs-target] {
	background-image: url('./img/svg/carousel-indicator.svg');
	background-size: 100%;
	background-repeat: no-repeat;
	border: none;
    border-radius: 0;
    width: 22.656px;
    height: 24px;
    margin-right: 8px;
    margin-left: 8px;
    background-color: transparent!important;
    border-top: none;
    border-bottom: none;
    opacity: 1;
    transition: none;
}

.carousel-indicators [data-bs-target].active {
	background-image: url('./img/svg/carousel-indicator-active.svg');
}


/* Panels */

.panels .column-content-wrapper, .panel-slider .column-content {
	margin-top: 0;
}

.panels .column-content, .panel-slider .column-content {
	padding: 2rem 1rem;
}

.panel-slider .column-img-content-wrapper {
	overflow: hidden;
}

.panel-slider .column-content {
	position: relative;
	z-index: 0;
}

.panels.trustees .column-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	padding: 1rem;
	min-height: 100px;
}

.panels > .container > .row > div:nth-child(5n+1) .column-content,
.panel-slider .carousel-cell:nth-child(5n+1) .column-content {
    background-color: var(--color-primary);
}

.panels > .container > .row > div:nth-child(5n+2) .column-content,
.panel-slider .carousel-cell:nth-child(5n+2) .column-content {
    background-color: var(--color-tertiary);
}

.panels > .container > .row > div:nth-child(5n+3) .column-content,
.panel-slider .carousel-cell:nth-child(5n+3) .column-content {
    background-color: var(--color-secondary);
}

.panels > .container > .row > div:nth-child(5n+4) .column-content,
.panel-slider .carousel-cell:nth-child(5n+4) .column-content{
    background-color: #D6C0B3;
}

.panels > .container > .row > div:nth-child(5n+5) .column-content,
.panel-slider .carousel-cell:nth-child(5n+5) .column-content {
    background-color: var(--color-quaternary);
}

.panels > .container > .row > div:nth-child(5n+3) h4,
.panels > .container > .row > div:nth-child(5n+5) h4,
.panel-slider .carousel-cell:nth-child(5n+3) h4,
.panel-slider .carousel-cell:nth-child(5n+5) h4,
.panels > .container > .row > div:nth-child(5n+3) h5,
.panels > .container > .row > div:nth-child(5n+5) h5 {
    color: var(--color-body-bg);
}

.panels.trustees h4:not(:last-child) {
	margin-bottom: 0.375rem;
}


.panels .column-img, .panel-slider .column-img {
	transition: 0.3s ease-out;
}

.panels:not(.trustees) > .container > .row > div > div:hover .column-img,
.panel-slider .carousel-cell > div > div:hover .column-img {
	transform: scale(1.04);
}


/* Alt Panels */

.panels-alt > .container > .row > div > div {
	padding: 6rem 2rem;
}

.panels-alt > .container > .row > div:nth-child(6n+1) > div,
.panels-alt > .container > .row > div:nth-child(6n+6) > div {
	background-color: var(--color-primary);
}

.panels-alt > .container > .row > div:nth-child(6n+1) h3,
.panels-alt > .container > .row > div:nth-child(6n+1) p,
.panels-alt > .container > .row > div:nth-child(6n+6) h3,
.panels-alt > .container > .row > div:nth-child(6n+6) p {
	color: var(--color-body);
}

.panels-alt > .container > .row > div:nth-child(6n+2) > div,
.panels-alt > .container > .row > div:nth-child(6n+4) > div {
	background-color: var(--color-quaternary);
}

.panels-alt > .container > .row > div:nth-child(6n+3) > div,
.panels-alt > .container > .row > div:nth-child(6n+5) > div {
	background-color: var(--color-secondary);
}


/* Image Drop Shadows */

.image-shadow-bottom-right .carousel {
	filter: drop-shadow(20px 20px 0px #cadccc);
	margin-right: 20px;
}

.image-shadow-bottom-right.bg-secondary .carousel, .image-shadow-bottom-right.bg-tertiary .carousel {
	filter: drop-shadow(20px 20px 0px #425E5F);
}

.image-shadow-bottom-right.bg-primary .carousel {
	filter: drop-shadow(20px 20px 0px #D6C0B3);
}


.image-shadow-top-left .carousel {
	filter: drop-shadow(-20px -20px 0px #cadccc);
	margin-left: 20px;
}

.image-shadow-top-left.bg-primary .carousel {
	filter: drop-shadow(-20px -20px 0px #D6C0B3);
}


.image-shadow-top-left.bg-secondary .carousel {
	filter: drop-shadow(-20px -20px 0px #425E5F);
}

.image-shadow-bottom-left .carousel {
	filter: drop-shadow(-20px 20px 0px #cadccc);
	margin-left: 20px;
}

.image-shadow-bottom-left.bg-secondary .carousel {
	filter: drop-shadow(-20px 20px 0px #425E5F);
}

.image-shadow-bottom-left.bg-tertiary .carousel {
	filter: drop-shadow(-20px 20px 0px #425E5F);
}


/* Floating Images */

.float-image-top-right-01,.float-image-bottom-left-01,.float-image-bottom-right-01,
.float-image-bottom-right-02,.float-image-top-left-02,.float-image-bottom-right-03,
.float-image-bottom-right-04, .float-image-bottom-left-02, .float-image-bottom-right-05,
.float-image-bottom-left-03, .float-image-bottom-left-04,.float-image-top-right-02 {
	overflow: hidden;
}

.float-image-top-right-01 > .container > .row > div:last-child > div:before,
.float-image-top-right-02 > .container > .row > div:last-child > div:before,
.float-image-bottom-left-01 > .container > .row > div:first-child > div:before,
.float-image-bottom-right-01 .padding-wrapper:before,
.float-image-bottom-right-02 > .container > .row > div:last-child > div:before,
.float-image-top-left-02 > .container > .row > div:first-child > div:before,
.float-image-bottom-right-03 > .container > .row > div:last-child > div:before,
.float-image-bottom-right-04 > .container > .row > div:last-child > div:before,
.float-image-bottom-left-02 > .container > .row > div:first-child > div:before,
.float-image-bottom-right-05 > .container > .row > div:last-child > div:before,
.float-image-bottom-left-03 > .container > .row > div:first-child > div:before,
.float-image-bottom-left-04 > .container > .row > div:first-child > div:before {
	background-size: 100%;
	background-repeat: no-repeat;
	content: '';
	position: absolute;
	z-index: 2;
}

.float-image-top-right-01 > .container > .row > div:last-child > div:before {
	background-image: url('./img/svg/floating-image_01.svg');
	top: 0; right: 0;
	height: 150px;
	width: 145px;
	transform: translateX(40%) translateY(-25%);
}

.float-image-top-right-02 > .container > .row > div:last-child > div:before {
	background-image: url('./img/svg/floating-image_12.svg');
	top: 0; right: 0;
	height: 206px;
	width: 150px;
	transform: translateX(40%) translateY(-25%) rotate(-35deg);
}

.float-image-bottom-left-01 > .container > .row > div:first-child > div:before {
	background-image: url('./img/svg/floating-image_02.svg');
	bottom: 0; left: 0;
	height: 235px;
	width: 150px;
	transform: translateX(-30%) translateY(30%) rotate(145deg);
}

.float-image-bottom-left-02 > .container > .row > div:first-child > div:before {
	background-image: url('./img/svg/floating-image_08.svg');
	bottom: 0; left: 0;
	height: 235px;
	width: 171px;
	transform: translateX(-30%) translateY(30%) rotate(-35deg);
}

.float-image-bottom-left-03 > .container > .row > div:first-child > div:before {
	background-image: url('./img/svg/floating-image_10.svg');
	bottom: 0; left: 0;
	height: 235px;
	width: 113px;
	transform: translateX(-30%) translateY(30%) rotate(-35deg);
}

.float-image-bottom-left-04 > .container > .row > div:first-child > div:before {
	background-image: url('./img/svg/floating-image_11.svg');
	bottom: 0; left: 0;
	height: 235px;
	width: 134px;
	transform: translateX(-30%) translateY(30%) rotate(-35deg);
}

.float-image-bottom-right-01 .padding-wrapper:before {
	background-image: url('./img/svg/floating-image_03.svg');
	bottom: 0; right: 0;
	height: 220px;
	width: 150px;
	transform: translateX(10%) translateY(20%) rotate(35deg);
}

.float-image-bottom-right-02 > .container > .row > div:last-child > div:before {
	background-image: url('./img/svg/floating-image_04.svg');
	bottom: 0; right: 0;
	height: 235px;
	width: 150px;
	transform: translateX(30%) translateY(30%) rotate(35deg);
}

.float-image-bottom-right-03 > .container > .row > div:last-child > div:before {
	background-image: url('./img/svg/floating-image_06.svg');
	bottom: 0; right: 0;
	height: 200px;
	width: 193px;
	transform: translateX(30%) translateY(30%) rotate(70deg);
}

.float-image-bottom-right-04 > .container > .row > div:last-child > div:before {
	background-image: url('./img/svg/floating-image_07.svg');
	bottom: 0; right: 0;
	height: 200px;
	width: 193px;
	transform: translateX(30%) translateY(30%);
}

.float-image-bottom-right-05 > .container > .row > div:last-child > div:before {
	background-image: url('./img/svg/floating-image_09.svg');
	bottom: 0; right: 0;
	height: 235px;
	width: 150px;
	transform: translateX(30%) translateY(30%) rotate(35deg);
}

.float-image-top-left-02 > .container > .row > div:first-child > div:before {
	background-image: url('./img/svg/floating-image_05.svg');
	top: 0; left: 0;
	height: 235px;
	width: 152px;
	transform: translateX(-35%) translateY(-35%) rotate(10deg);
}


/* Newsletter Modal */

#modalNewsletter .form-label {
	display: none;
}


/* Club Details */

.text-white .club-icon path {
	fill: #f2f3ed;
}


/* Timeline */

.timeline {
	max-width: 1184px;
	padding: 48px 0;
}

.timeline-divider {
	background-color: var(--color-primary);
	position: absolute;
	top: 0; bottom: 0; left: 50%;
	transform: translateX(-50%);
	width: 2px;
}

.timeline-divider div {
	background-color: var(--color-primary);
	border-radius: 50%;
	height: 16px;
	width: 16px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.timeline-divider div:first-child {
	top: 0;
}

.timeline-divider div:last-child {
	bottom: 0;
}

.timeline-stem {
	background-color: var(--color-primary);
	height: 2px;
	width: 144px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.row-timeline:nth-child(odd) .timeline-stem {
	right: -48px;
}

.row-timeline:nth-child(even) .timeline-stem {
	left: -48px;
}

.timeline-stem div {
	background-color: var(--color-primary);
	border-radius: 50%;
	height: 16px;
	width: 16px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.row-timeline:nth-child(even) .timeline-stem div {
	right: 0;
}


.row-timeline:not(:last-child) {
	margin-bottom: 64px;
}

.row-timeline:nth-child(even) .col-timeline:first-child {
	order: 2;
}

.row-timeline:nth-child(even) .col-timeline:last-child {
	order: 1;
}

.row-timeline:nth-child(even) .col-timeline {
	justify-content: end;
}

.col-timeline {
	flex: 0 0 auto;
    width: calc(50% - 48px);
}

.row-timeline:nth-child(odd) .timeline-content {
	margin: 0 128px 0 96px;
}

.row-timeline:nth-child(even) .timeline-content {
	margin: 0 96px 0 128px;
}



/* Media Queries */

/* 1440px */
@media (max-width: 1439px) {
	.timeline-stem {width: 112px;}
	.row-timeline:nth-child(odd) .timeline-content {margin: 0 96px 0 64px;}
	.row-timeline:nth-child(even) .timeline-content {margin: 0 64px 0 96px;}
	.panels-alt > .container > .row > div > div {padding: 4rem 2rem;}
}

/* 1200px */
@media (max-width: 1199px) {
	.row-timeline:nth-child(odd) .timeline-content {margin: 0 96px 0 0;}
	.row-timeline:nth-child(even) .timeline-content {margin: 0 0 0 96px;}
	.footer-menu-item {justify-content: center;}
}


/* 992px */
@media (max-width: 991px) {
	.float-image-top-right-01 > .container > .row > div:last-child > div:before {height: 75px; width: 72.5px;}
	.float-image-bottom-left-01 > .container > .row > div:first-child > div:before {height: 117.5px;width: 75px;}
	.float-image-bottom-right-01 .padding-wrapper:before {height: 110px;width: 75px;}
	.float-image-bottom-right-02 > .container > .row > div:last-child > div:before {height: 117.5px;width: 75px;}
	.float-image-top-left-02 > .container > .row > div:first-child > div:before {height: 117.5px;width: 76px;}
	.float-image-bottom-right-03 > .container > .row > div:last-child > div:before {height: 100px;width: 96.5px;}
	.float-image-bottom-right-04 > .container > .row > div:last-child > div:before {height: 100px;width: 96.5px;}
	.float-image-bottom-left-02 > .container > .row > div:first-child > div:before {height: 117.5px;width: 85.5px;}
	.float-image-bottom-right-05 > .container > .row > div:last-child > div:before {height: 117.5px;width: 75px;}
	.float-image-top-right-02 > .container > .row > div:last-child > div:before {height: 103px;width: 75px;}

	.timeline-stem {width: 80px;}
	.row-timeline:nth-child(odd) .timeline-content {margin: 0 64px 0 0;}
	.row-timeline:nth-child(even) .timeline-content {margin: 0 0 0 64px;}
	.timeline h2 {font-size: 48px;}
}

/* 768px */
@media (max-width: 767px) {
	.image-shadow-bottom-right .carousel {margin-right: 10px; margin-filter: drop-shadow(10px 10px 0px #cadccc);}
	.image-shadow-bottom-right.bg-secondary .carousel, .image-shadow-bottom-right.bg-tertiary .carousel {filter: drop-shadow(10px 10px 0px #425E5F);}
	.image-shadow-bottom-right.bg-primary .carousel {filter: drop-shadow(10px 10px 0px #D6C0B3);}
	.image-shadow-top-left .carousel {margin-left: 10px; filter: drop-shadow(-10px -10px 0px #cadccc);}
	.image-shadow-top-left.bg-secondary .carousel {filter: drop-shadow(-10px -10px 0px #425E5F);}
	.image-shadow-bottom-left.bg-secondary .carousel {filter: drop-shadow(-10px 10px 0px #425E5F);}
	.image-shadow-bottom-left.bg-tertiary .carousel {filter: drop-shadow(-10px 10px 0px #425E5F);}
	.image-shadow-top-left.bg-primary .carousel {filter: drop-shadow(-10px -10px 0px #D6C0B3);}

	.banner-boxed {height: 320px;margin-bottom: var(--section-padding-mobile);}
	.contact-form-block h2 {font-size: var(--font-size-h3-mobile);}
	.timeline .text-lg {font-size: 1rem;}
	.col-timeline {width: calc(50% - 24px);}
	.timeline-stem {width: 48px;}
	.timeline-stem div,.timeline-divider div {height:12px;width:12px;}
	.row-timeline:nth-child(odd) .timeline-stem {right: -24px;}
	.row-timeline:nth-child(even) .timeline-stem {left: -24px;}
	.row-timeline:nth-child(odd) .timeline-content {margin: 0 48px 0 0;}
	.row-timeline:nth-child(even) .timeline-content {margin: 0 0 0 48px;}
	.panels.trustees .column-content {min-height: 76px;}
	.logo-centered .navbar-logo {margin-right: 0;position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);}
}

/* 576px */
@media (max-width: 575px) {
	.col-timeline {width: calc(50% - 12px);}
	.timeline-stem {width: 32px;}
	.row-timeline:nth-child(odd) .timeline-stem {right: -12px;}
	.row-timeline:nth-child(even) .timeline-stem {left: -12px;}
	.row-timeline:nth-child(odd) .timeline-content {margin: 0 36px 0 0;}
	.row-timeline:nth-child(even) .timeline-content {margin: 0 0 0 36px;}
	.timeline h2 {font-size: 36px;}
}