/* Title Font */
@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 100;
	src: url(../fonts/Montserrat-Light.ttf);
}

@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/Montserrat-Regular.ttf);
}

@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	src: url(../fonts/Montserrat-SemiBold.ttf);
}

@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	src: url(../fonts/Montserrat-Bold.ttf);
}

@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 900;
	src: url(../fonts/Montserrat-ExtraBold.ttf);
}

/* Content Font */
@font-face {
	font-display: swap;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 100;
	src: url(../fonts/OpenSans-Light.ttf);
}

@font-face {
	font-display: swap;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/OpenSans-Regular.ttf);
}

@font-face {
	font-display: swap;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: url(../fonts/OpenSans-SemiBold.ttf);
}

@font-face {
	font-display: swap;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: url(../fonts/OpenSans-Bold.ttf);
}

@font-face {
	font-display: swap;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 900;
	src: url(../fonts/OpenSans-ExtraBold.ttf);
}

/* HEADER START */

.header-main {
	background: var(--color-white);
	box-shadow: var(--box-shadow);
}

.header-transparent {
	background: rgba(var(--color-white-rgb), 0.8) !important;
}

.header-dropdown-container {
	background-color: var(--color-white);
}

.header-dropdown-container-transparent {
	background-color: rgba(var(--color-white-rgb), 0.8) !important;
}

.header-dropdown-container-transparent a:hover {
	background-color: rgba(var(--color-primary-rgb), 0.8) !important;
}

.header-sidenav-btn > div {
	background: var(--color-primary);
}

.header-sidenav-btn-close {
	color: var(--color-primary);
}

.header-sidenav {
	background: var(--color-white);
}

.header-nav-list-item, .header-nav-list-item a {
	color: var(--color-primary);
}

/* HEADER END */

/* OUR STORY START */

.our-story-grid {
	grid-template-rows: [ver-start] 20px [container-start] 100px [year-2007-t] 150px [year-2007-b] 10px [year-2005-t] 150px [year-2005-b] 10px [year-2004-t] 150px [year-2004-b] 100px [container-end] 20px [ver-end];
}

.year .info {
	max-height: 100%;
}

/* OUR STORY END */

/* TABLE START */

.error {
	color: red;
	font-style: italic;
	font-size: var(--font-regular);
	width: 100%;
	margin: 20px 0 0;
}

.success {
	color: green;
	font-style: italic;
	font-size: var(--font-regular);
	width: 100%;
	margin: 20px 0 0;
}

span.g-t {
	font-style: normal;
}

span.g-t:nth-of-type(even) {
	background-color: rgba(var(--color-grey-rgb), 1);
}

span.g-t:nth-of-type(odd) {
	background-color: rgba(var(--color-grey-rgb), 0.5);
}

tr:nth-of-type(even).highlight { background-color: rgba(var(--color-grey-rgb), 1); }
tr:nth-of-type(odd).highlight { background-color: rgba(var(--color-grey-rgb), 0.5); }

.td-space-evenly {
	min-width: 90px
}

.td-space-evenly :not(:last-child) {
	margin-right: 10%;
}

.help-text {
	font-size: var(--font-small);
	width: 100%;
}

@media only screen and (max-width: 1280px) {
	.td-space-evenly :not(:last-child) {
		margin-right: 5%;
	}
}

@media only screen and (max-width: 1000px) {
	.td-space-evenly :not(:last-child) {
		margin-right: 3%;
	}
}

@media only screen and (max-width: 800px) {
	.td-space-evenly :not(:last-child) {
		margin-right: 0;
	}
}

/* TABLE END */