@charset "UTF-8";

body{
	margin:0;
	padding:0;
}

html{
	font-size: calc(12px + 0.390625vw);
}

.fixed-width{
	max-width: 1920px !important;
}

.tb{
	border: thin solid #CC0000;
}

/* COLOURS */

.bg-concrete{
	background-color: #00303c !important;
}

.bg-green{
	background-color: #76bc21 !important;
}

.bg-dark-mode{
	background-color: #001b17 !important;
}

.c-white{
	color: #FFFFFF !important;
	text-decoration: none !important;
}

.c-concrete{
	color: #00303c !important;
	text-decoration: none !important;
}

.c-green{
	color: #FFFFFF !important;
	text-decoration: none !important;
}

/* HEADERS */

.header-100{
	min-height: 95vh !important;
}

.header-50{
	min-height: 50vh !important;
}

.header-auto{
	height: auto !important;
}

/* PARTNERS SECTION OVERRIDE */
#partners {
    min-height: 70vh !important; /* Needs !important to override header-100 */
}

#partners .row {
    min-height: unset;
}



/* IMAGES */

.header-home{
	background-image: url("../images/home-header.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	z-index: 0;
}

.header-who{
	background-image: url("../images/Home-Who.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	z-index: 0;
}

/* DEVICE LANDSCAPE */

@media only screen 
and (min-device-width : 750px) 
and (max-device-width : 1080px) 
and (orientation : landscape) {

	/* FONTS */
	
	h1{
		font-size: 2rem !important;
	}
	
	.b-regular{
		font-size: 0.8rem;
	}
	
	.b-bold{
		font-size: 0.8rem;
	}

}

/* DEVICE PORTRAIT */

@media only screen 
and (min-device-width : 750px) 
and (max-device-width : 1080px) 
and (orientation : portrait) {
	
	/* FONTS */
	
	h1{
		font-size: 5rem !important;
	}
	
	.b-regular{
		font-size: 3rem;
	}
	
	.b-bold{
		font-size: 3rem;
	}
	
	.header-100{
		min-height: 60vh !important;
	}
	
	.header-auto{
		min-height: 60vh !important;
	}
	
	/* IMAGES */

	.header-home{
		background-image: url("../images/home-header-m.jpg");
		background-position: left top !important;
	}

	.header-who{
		background-image: url("../images/Home-Who-M.jpg");
		background-position: left top !important;
	}

}

/* MOBILE PORTRAIT */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 800px)
and (orientation : portrait) {
	
	/* FONTS */
	
	h1{
		font-size: 5rem !important;
	}
	
	.b-regular{
		font-size: 3rem;
	}
	
	.b-bold{
		font-size: 3rem;
	}
	
	.header-100{
		min-height: 60vh !important;
	}
	
	.header-auto{
		min-height: 60vh !important;
	}
	
	/* IMAGES */

	.header-home{
		background-image: url("../images/home-header-m.jpg");
		background-position: left top !important;
	}

	.header-who{
		background-image: url("../images/Home-Who-M.jpg");
		background-position: left top !important;
	}


}

/* ===== PARTNERS SECTION ===== */
.partner-logos {
    max-width: 100%;
}

.partner-logo {
    max-width: 300px;
    filter: grayscale(0%) brightness(120%);
    transition: filter 0.3s ease;
}

.partner-logo:hover {
    filter: grayscale(0%) brightness(100%);
}

@media (max-width: 768px) {
    .partner-logo {
        max-width: 120px;
    }
}