/* Import the basic stylesheet */

@import url('Styles.css');

:root
{
	--SectorBrand1: #117070; 	/* Geology sector palette dark */
	--SectorBrand1-rgb: 17, 112, 112; 	/* Use when opacity is needed */
	--SectorBrand2: #1d928f; 	/* Geology sector palette medium */
	--SectorBrand2-rgb: 29, 146, 143; 	/* Use when opacity is needed */
	--SectorBrand3: #25beba; 	/* Geology sector palette light */
	--SectorBrand3-rgb: 37, 190, 186; /* Use when opacity is needed */
	--Contrast: #117070;
}

/* Additional styles specific to the Geology sector */

div.home-layout
{
	background-image: url('../Images/Backgrounds/Geology-Background.jpg');
}

div.flex-videos
{
    display: flex;
    flex-wrap: wrap;
}

div.flex-videos > div
{
    flex-grow: 1;
    margin: 1em;
    padding: 1em;
    font-weight: bold;
}

div.flex-videos > div
{
    flex-basis: 5em;
	max-width: 300px;
    text-align: center;
    font-size: 14pt;
    background-color: var(--Light);
    color: var(--Dark);
    box-shadow: 0 5px 10px rgba(var(--Black-rgb), 0.25);
    transition: all 0.3x;
}