@font-face {
    font-family: 'Metropolis Regular';
    src: url('fonts/Metropolis-Regular.eot');
    src: url('fonts/Metropolis-Regulard41dd41d.eot?#iefix') format('embedded-opentype'),
        url('fonts/Metropolis-Regular.woff2') format('woff2'),
        url('fonts/Metropolis-Regular.woff') format('woff'),
        url('fonts/Metropolis-Regular.ttf') format('truetype'),
        url('fonts/Metropolis-Regular.svg#Metropolis-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Metropolis Bold';
    src: url('fonts/Metropolis-Bold.eot');
    src: url('fonts/Metropolis-Boldd41dd41d.eot?#iefix') format('embedded-opentype'),
        url('fonts/Metropolis-Bold.woff2') format('woff2'),
        url('fonts/Metropolis-Bold.woff') format('woff'),
        url('fonts/Metropolis-Bold.ttf') format('truetype'),
        url('fonts/Metropolis-Bold.svg#Metropolis-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Metropolis Medium';
    src: url('fonts/Metropolis-Medium.eot');
    src: url('fonts/Metropolis-Mediumd41dd41d.eot?#iefix') format('embedded-opentype'),
        url('fonts/Metropolis-Medium.woff2') format('woff2'),
        url('fonts/Metropolis-Medium.woff') format('woff'),
        url('fonts/Metropolis-Medium.ttf') format('truetype'),
        url('fonts/Metropolis-Medium.svg#Metropolis-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.COP27 {
	font-family: 'Metropolis Regular';
	color: #543E3E;
	background-color: #fff;
}
section {
	position: relative;
	height: 100vh;
	overflow: hidden;
}
.COP27 .text-green {
	color: #79A249;
}
/* Bootstrap Overrides */
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
	color: #543E3E;	
}
.COP27 a, .COP27 a:hover {
	color: #79A249;
}
.COP27 .fw-normal {
	font-family: 'Metropolis Regular';
}
.COP27 .fw-medium {
	font-family: 'Metropolis Medium';
}
.COP27 .fw-bold {
    font-family: 'Metropolis Bold' !important;
}
.COP27 .bg-primary {
    background-color: #79A249 !important;
}
.COP27 .bg-secondary {
	background-color: #352E2C !important;
}
.COP27 .bg-light {
	background-color: #E8E8E8 !important;
}
.COP27 .text-primary {
    color: #79A249 !important;
}
.COP27 .btn {
	border-radius: 38px;
}
.COP27 .btn-primary {
    color: #fff;
    background-color: #79A249;
    border-color: #79A249;
}
.COP27 .btn-primary:hover,
.COP27 .btn-primary:disabled, .COP27 .btn-primary.disabled,
.COP27 .partner-programmes .COP27 .btn-primary:focus {
    color: #fff;
    background-color: #5f7f3a;
    border-color: #5f7f3a;
}
.COP27.partner-programmes .btn-egypt,
.COP27.partner-programmes .btn-sg {
    color: #fff;
    background-color: #cccccc;
    border-color: #cccccc;
}
.COP27.partner-programmes .btn-primary:hover,
.COP27.partner-programmes .btn-primary:focus {
    color: #fff;
    background-color: #5f7f3a;
    border-color: #5f7f3a;
}
.COP27.partner-programmes .btn-primary:disabled,
.COP27.partner-programmes .btn-primary.disabled {
    background-color: #79A249;
    border-color: #79A249;
	opacity: 1;
}
.COP27 .btn-secondary {
    color: #fff;
    background-color: #543E3E;
    border-color: #543E3E;
}
.COP27 .btn-secondary:hover {
    color: #fff;
    background-color: #382a2a;
    border-color: #382a2a;
}
.COP27 .btn-check:focus + .btn-primary, .COP27 .btn-primary:focus {
    color: #fff;
    background-color: #5f7f3a;
    border-color: #5f7f3a;
    box-shadow: 0 0 0 0.25rem rgb(95 127 58 / 50%);
}
.COP27 .btn-outline-primary {
	color: #79A249;
    border-color: #79A249;
}
.COP27 .btn-outline-primary:hover {
    color: #fff;
    background-color: #79A249;
    border-color: #79A249;
}
.COP27 .btn-check:checked + .btn-outline-primary, .COP27 .btn-check:active + .COP27 .btn-outline-primary, .COP27 .btn-outline-primary:active, .COP27 .btn-outline-primary.active, .COP27 .btn-outline-primary.dropdown-toggle.show {
    color: #fff;
    background-color: #79A249;
    border-color: #79A249;
}
.COP27 .btn-check:checked + .COP27 .btn-outline-primary:focus, .COP27 .btn-check:active + .COP27 .btn-outline-primary:focus, .COP27 .btn-outline-primary:active:focus, .COP27 .btn-outline-primary.active:focus, .COP27 .btn-outline-primary.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgb(95 127 58 / 50%);
}
.COP27 .dropdown-item.active, .COP27 .dropdown-item:active {
    background-color: #79A249;
}
.COP27 .nav-pills .nav-link {
	background-color: #fff;
	border-bottom: 4px solid transparent;
	border-radius: 0;
	letter-spacing: 2px;
	border-left: 1px solid #dee2e6;
}
.COP27 .nav-pills .nav-item:last-child .nav-link {
	border-right: 1px solid #dee2e6;
}
.COP27 .nav-pills .nav-link.active, .COP27 .nav-pills .show > .nav-link {
    color: #BC8B2C;
    background-color: transparent;
    border-bottom: 4px solid #BC8B2C;
}
.COP27 .nav-pills .nav-link:hover {
    color: #BC8B2C;
    border-bottom: 4px solid #DDC595;
}
.COP27 .modal-header .btn-close {
	color: #000;
	font-size: 1.5rem;
	background: none;
}
/* end of Bootstrap Overrides */
/* Landing Page */
.splash {
	background-image: url('../images/bgd-splash.webp');
	background-size: cover;
	background-position: center;
	padding-top: 50vh;
}
.about {
	background-image: url('../images/bgd-about.webp');
	background-size: cover;
	background-position: -434px 0;
}
.about .container {
	padding-top: 9rem;
}
.sg-pavilion {
	background-image: url('../images/bgd-sg-pavilion-mobile.webp');
	background-size: cover;
	background-position: center bottom;
	background-color: #fff;
	background-repeat: no-repeat;
	height: auto;
	padding-top: 3rem;
	padding-bottom: 20rem;
}
.scroll {
	position: absolute;
	bottom: 20px;
	width: 100%;
}
.scroll a {
	text-decoration: none;
}
.branding-icon {
	display: none;
}
@media (min-width: 768px) {
	.about {
		background-position: center;
	}
	.about .container {
		padding-top: 26rem;
	}
}
@media (min-width: 992px) {
	.splash {
		padding-top: 26vh;
	}
	.branding-icon {
		display: block;
		position: absolute;
		top: 20px;
		right: -361px;
		width: 67%;
	}
	.sg-pavilion {
		background-image: url('../images/bgd-sg-pavilion.webp');
		padding-top: 5rem;
		padding-bottom: 20rem;
	}
	.about .container {
		padding-top: 3rem;
	}
}
@media (min-width: 1200px) {
	.splash {
		padding-top: 16vh;
	}
	.branding-icon {
		right: -270px;
		width: 54%;
	}
	.about .container {
		padding-top: 3rem;
	}
	.sg-pavilion .display-1 {
		font-size: 50px;
	}
}
@media (min-width: 1400px) {
	.splash {
		padding-top: 35vh;
	}
	.branding-icon {
		right: -360px;
		width: 58%;
	}
	.about .container {
		padding-top: 13rem;
	}
}
@media (min-width: 1600px) {
	.splash {
		padding-top: 40vh;
	}
	.branding-icon {
		right: -420px;
	}
	.about .container {
		padding-top: 23rem;
	}
}
@media (min-width: 1900px) {
	.splash {
		padding-top: 22vh;
	}
	.branding-icon {
		right: -390px;
		width: 51%;
	}
	.splash .display-1 {
		font-size: 122px;
		line-height: 1;
	}
	.display-4 {
		font-size: 72px;
		line-height: 1;
	}
	.about .container {
		padding-top: 18rem;
	}
	.about h2 {
		font-size: 50px;
	}
}
/* end of Landing page */
/* Jumbotron */
.jumbotron {
	padding-top: 4rem;
}
.jumbotron h1 {
    font-family: 'Metropolis Bold';
    color: #543E3E;
    font-size: 41px;
    margin-bottom: 1.5rem;
}
@media (min-width: 992px) {
	.jumbotron {
		padding-top: 8rem;
		min-height: 185px;
	}
	.jumbotron h1 {
		color: #fff;
		font-size: 35px;
		text-transform: uppercase;
	}
}
/* end of Jumbotron */
/* Page headers */
.page-header {
    font-family: 'Metropolis Bold';
    font-size: 25px;
    line-height: 1;
    margin-bottom: 2rem;
}
@media (min-width: 992px) {
	.page-header {
		font-size: 35px;
		text-transform: uppercase;
	}

}
/* end of Page headers */
/* Overview */
.overview {
	margin-top: 78px;
}
.overview .jumbotron {
	/* display: none; */
}
.banner {
	position: relative;
}
a.banner {
	color: #fff;
	text-align: right;
	text-transform: uppercase;
	display: block;
	cursor: pointer;
}
.banner h2 {
	position: absolute;
	right: 1rem;
	bottom: .5rem;
}
@media (min-width: 768px) {
	.banner {
		margin-bottom: 1rem;
	}
	a.banner {
		text-align: left;
		text-transform: capitalize;
	}
	.banner h2 {
		position: absolute;
		left: 1rem;
		right: auto;
		bottom: .5rem;
	}
}
@media (min-width: 992px) {
	.overview {
		background-color: #F2F7FA;
	}
	.overview .jumbotron {
		display: block;
		background-image: url('../images/jumbotron-overview.jpg');
		background-size: cover;
		background-position: center;
	}
}
/* end of Overview */
/* The Pavilion */
.the-pavilion {
	margin-top: 78px;
}
.the-pavilion .page-header {
	font-size: 41px;
}
.pointer {
	position: absolute;
}
.pointer.speakers-arena {
	top: 18%;
	left: 50.5%;
	width: 24%;
	height: 7%;
	/* background-color: #000; */
}
.pointer.daily-showcase {
	top: 93%;
	right: 9%;
	width: 24%;
	height: 7%;
	/* background-color: #000; */
}
.pointer.green-initiatives {
	top: 86%;
	left: 17.5%;
	width: 24%;
	height: 8%;
	/* background-color: #000; */
}
@media (min-width: 768px) {
	.pointer.speakers-arena {
		top: 18%;
		left: 51.5%;
		width: 13%;
		height: 6%;
	}
	.pointer.daily-showcase {
		top: 93%;
		right: 27%;
		width: 13%;
		height: 7%;
	}
	.pointer.green-initiatives {
		top: 87%;
		left: 34.5%;
		width: 12%;
		height: 6%;
	}
}
@media (min-width: 992px) {
	.the-pavilion {
		background-image: url('../images/bgd-pavilion.webp');
		background-size: cover;
		background-position: top right -100px;
		background-repeat: no-repeat;
	}
	.the-pavilion .page-header {
		font-size: 35px;
	}
	.pointer.speakers-arena {
		top: 16%;
		left: 59.5%;
		width: 20%;
		height: 10%;
	}
	.pointer.daily-showcase {
		top: 63%;
		right: 0;
		width: 20%;
		height: 10%;
	}
	.pointer.green-initiatives {
		top: 74%;
		left: 11.5%;
		width: 20%;
		height: 10%;
	}
}
/* end of The Pavilion */
/* Partner Programmes */
.partner-programmes {
	/* margin-top: 78px; */
}
.partner-programmes .page-nav {
    font-family: 'Metropolis Bold';
    color: #543E3E;
    text-decoration: none;
}
.videos .live {
    font-family: 'Metropolis Bold';
    color: #fff;
    background-color: #C72E2E;
    padding-top: .25rem;
    padding-bottom: .25rem;
	width: 78px;
	text-align: center;
    border-radius: 32px;
}
.videos .latest {
    font-family: 'Metropolis Bold';
    color: #fff;
    background-color: #79A249;
    padding-top: .25rem;
    padding-bottom: .25rem;
    width: 78px;
    text-align: center;
    border-radius: 32px;
}
.videos .viewed {
    font-family: 'Metropolis Bold';
    color: #fff;
    background-color: #7C4F22;
    padding-top: .25rem;
    padding-bottom: .25rem;
	width: 78px;
	text-align: center;
    border-radius: 32px;
}
.videos .related {
	position: relative;
}
.videos .related:after {
	content: '';
	position: absolute;
	top: 9px;
	right: 0;
	height: 1px;
	width: 81%;
	background-color: rgb(53 46 44 / .34);
}
.videos .ratio {
	border-radius: 1rem;
	overflow: hidden;
}
.videos .description::-webkit-scrollbar {
  width: 5px;               /* width of the entire scrollbar */
}

.videos .description::-webkit-scrollbar-track {
  background: #E5E5E4;        /* color of the tracking area */
}

.videos .description::-webkit-scrollbar-thumb {
  background-color: #E5E5E4;    /* color of the scroll thumb */
  border-radius: 3px;       /* roundness of the scroll thumb */
  border: 3px solid #79A249;  /* creates padding around scroll thumb */
}
.partner-programmes h2 {
    font-family: 'Metropolis Bold';
    color: #543E3E;
    font-size: 25px;
    margin-bottom: 1rem;
}
.partner-programmes h2.accordion-header {
	margin-bottom: 0;
}
.accordion-item {
	border-top: 0;
	border-right: 0;
	border-left: 0;
}
.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.accordion-button {
	font-family: 'Metropolis Bold';
	text-transform: uppercase;
	padding: 0.5rem 0.25rem;
	color: #352E2C;
}
.accordion-button span {
	font-family: 'Metropolis Regular';
}
.accordion-button:not(.collapsed) {
    color: initial;
    background-color: #fff;
    box-shadow: inset 0 -1px 0 rgb(255 255 255 / 13%);
}
.accordion-button:focus {
	border-color: #fff;
	box-shadow: 0 0 0 0.25rem rgb(84 62 62 / 25%);
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23543e3e'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button > div {
	display: flex;
	flex-direction: column;
}
.accordion-body {
    padding: 0.5rem 0.25rem;
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.accordion-body p {
	margin-bottom: 0.5rem;
}
.accordion-button.last-button {
	cursor: initial;
}
.accordion-button.last-button:after {
	display: none;
}
.partner-programmes .modal-content {
	border-radius: 1rem;
	background-image: url(../images/bgd-speaker-modal-sm.jpg);
	background-size:contain;
	background-repeat: no-repeat;
	background-color: #EEFAE2;
}
.partner-programmes .modal-header {
	border-bottom: 0;
}
.profile-pic {
	width: 124px;
	height: 124px;
	background-size:contain;
	border-radius: 50%;
}
@media (min-width: 992px) {
	.partner-programmes {
		background-color: #F2F7FA;
	}
	.partner-programmes {
		background-image: url('../images/COP27-Branding-Icon.webp');
		background-position: top right -520px;
		background-repeat: no-repeat;
	}
	.partner-programmes .jumbotron {
		background-image: url('../images/jumbotron-programmes.webp');
		background-size: cover;
		background-position: center;
	}
	.videos .ratio {
		border-radius: 0;
	}
	.videos .description {
		width: 100%;
		height: 394px;
		overflow-y: scroll;
		overflow-x: hidden;
		padding-right: .5rem;
	}
	.accordion-button > div {
		flex-direction: row;
		align-items: center;
	}
	.accordion-button {
		padding: 1rem 1.25rem
	}
	.accordion-body {
		padding: 0;
		border-top: 0;
	}
	.accordion-body table th {
		color: #fff;
		background-color: #79A249;
	}
	.accordion-body table td:nth-child(1),
	.accordion-body table td:nth-child(2) {
		width: 5%;
	}
	.accordion-body table td:nth-child(3),
	.accordion-body table td:nth-child(4) {
		width: 12%;
	}
	.accordion-body table td:nth-child(5) {
		width: 46%
	}
	.accordion-body table td:nth-child(6) {
		width: 20%
	}
	.partner-programmes .modal-content {
		border-radius: 2rem;
		background-image: url(../images/bgd-speaker-modal.jpg);
		background-size:cover;
		background-repeat: no-repeat;
	}
	.profile-pic {
		width: 230px;
		height: 230px;
	}
}
@media (min-width: 1200px) {
	.profile-pic {
		width: 330px;
		height: 330px;
	}
	.videos .description {
		height: 470px;
	}
	.videos .related:after {
		width: 78%;
	}
}
@media (min-width: 1400px) {
	.videos .description {
		height: 546px;
	}
	.videos .related:after {
		width: 81%;
	}
}
@media (min-width: 1600px) {
	.container-extended {
		width: 1580px;
		margin-left: auto;
		margin-right: auto;
	}
	.accordion-button {
		font-size: 32px;
	    font-family: 'Metropolis Bold';
	}
	.accordion-button span {
	    font-family: 'Metropolis Regular';
		font-size: 25px;
	}
	.accordion-button::after {
	    width: 2rem;
	    height: 2rem;
		background-size: 2rem;
	}
	.accordion-body {
		font-size: 20px;
	}
}
/* end of Partner Programmes */
/* Our Partners */
.our-partners {
	/* margin-top: 78px; */
}
@media (min-width: 992px) {
	.our-partners .jumbotron {
		background-image: url('../images/jumbotron-partners.webp');
		background-size: cover;
		background-position: center;
	}
}
@media (min-width: 1600px) {
	.sponsors {
		font-size: 25px;
	}
}
/* end of Our Partners */
/* Feedback */
.feedback {
	margin-top: 78px;
}
@media (min-width: 992px) {
	.feedback .jumbotron {
		background-image: url('../images/jumbotron-feedback.webp');
		background-size: cover;
		background-position: center;
	}
}
/* end of Feedback */
/* Green Initiatives */
.initiatives  {
	margin-top: 78px;
}
.initiatives .owl-item {
	position: relative;
}
.initiatives .owl-item .project-title {
	position: absolute;
	bottom: 2rem;
	color: #fff;
	width: 85%;
	text-align: center;
	font-family: 'Metropolis Bold';
	font-size: 20px;
}
.initiatives .owl-item.active.center {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
.initiatives .owl-item.active.center .project-title {
	bottom: 2.5rem;
}
.initiatives .item {
    padding: 0 6px;
    margin: 6px;
}
.projects .banner h2 {
	font-size: 25px;
	position: absolute;
	right: 1rem;
	bottom: .5rem;
	z-index: 999;
}
.projects a.banner .writeup {
	display: none;
}
.initiatives.projects .jumbotron {
	display: none;
}
.initiatives.projects .page-header {
    font-size: 41px;
	padding-top: 4rem;
}
.initiatives .page-nav {
    font-family: 'Metropolis Bold';
    color: #543E3E;
    text-decoration: none;
}
.projects a.banner .overlay {
	width: 100%;
	height: 100%;
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,0.75) 0%, rgba(255,255,255,0) 30%);
	position: absolute;
}
@media (min-width: 992px) {
	.initiatives .jumbotron {
		background-image: url('../images/jumbotron-green-initiatives.webp');
		background-size: cover;
		background-position: center;
	}
	.initiatives.projects .jumbotron {
		background-image: url('../images/jumbotron-adaptation.jpg');
		background-size: cover;
		background-position: center;
		display: block;
	}
	.projects a.banner .writeup {
		width: 100%;
		height: 100%;
		background-color: rgb(121 162 73 / .86);
		position: absolute;
		/* z-index: 999; */
		padding: 4rem 2rem;
	}
	.projects a.banner:hover .writeup {
		display: block;
	}
	.projects a.banner .overlay {
		width: 100%;
		height: 100%;
		background: rgb(0,0,0);
		background: linear-gradient(0deg, rgba(0,0,0,0.75) 0%, rgba(255,255,255,0) 80%);
		position: absolute;
	}
	.projects a.banner:hover .overlay {
		display: none;
	}
	.initiatives.projects .page-header {
	    font-size: 35px;
		padding-top: 0;
	}
	.initiatives.projects .jumbotron.showcase-6Nov {
		background-image: url('../images/Cluster%20B/jumbotron-showcase-day01.webp');
	}
	.initiatives.projects .jumbotron.showcase-7Nov {
		background-image: url('../images/Cluster%20B/jumbotron-showcase-day02.webp');
	}
	.initiatives.projects .jumbotron.showcase-8Nov {
		background-image: url('../images/Cluster%20B/jumbotron-showcase-day03.webp');
	}
	.initiatives.projects .jumbotron.showcase-9Nov {
		background-image: url('../images/Cluster%20B/jumbotron-showcase-day04.webp');
	}
	.initiatives.projects .jumbotron.showcase-10Nov {
		background-image: url('../images/Cluster%20B/jumbotron-showcase-day05.webp');
	}
	.initiatives.projects .jumbotron.showcase-11Nov {
		background-image: url('../images/Cluster%20B/jumbotron-showcase-day06.webp');
	}
	.initiatives.projects .jumbotron.showcase-12Nov {
		background-image: url('../images/Cluster%20B/jumbotron-showcase-day07.webp');
	}
	.initiatives.projects .jumbotron.showcase-14Nov {
		background-image: url('../images/Cluster%20B/jumbotron-showcase-day08.webp');
	}
	.initiatives.projects .jumbotron.showcase-15Nov {
		background-image: url('../images/Cluster%20B/jumbotron-showcase-day09.webp');
	}
	.initiatives.projects .jumbotron.showcase-16Nov {
		background-image: url('../images/Cluster%20B/jumbotron-showcase-day10.webp');
	}
	.initiatives.projects .jumbotron.showcase-17Nov {
		background-image: url('../images/Cluster%20B/jumbotron-showcase-day11.webp');
	}
}
/* end of Green Initiatives */
/* Daily Showcase */
.showcase {
	margin-top: 78px;
}
.showcase .accordion-button {
	text-decoration: none;
}
.showcase .accordion-button:after {
	/*display: none;*/
}
.showcase .accordion-body {
	padding: 1rem 1.25rem;
	border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.showcase .list-group {
	list-style: none;
}
.showcase .list-group-item {
    font-family: 'Metropolis Bold';
	text-transform: uppercase;
}
@media (min-width: 992px) {
	.showcase .jumbotron {
		background-image: url('../images/jumbotron-daily-showcase.webp');
		background-size: cover;
		background-position: center;
	}
}
/* end of Daily Showcase */
/* Media Resources */
.media {
	/* margin-top: 72px; */
}
.media .jumbotron {
	padding-top: 2rem;
}
.media .accordion-button {
	text-transform: initial;
}
.media .accordion-body {
	background-color: #E5E5E4;
	padding: .75rem;
}
.media .card {
	border-radius: 1rem;
	height: 136px;
	background-position: center;
	background-size: cover;
}
.media .card-title {
	color: #fff;
	position: absolute;
	bottom: 0;
	font-size: 1rem;
	z-index: 999;
}
.media .item {
	height: 152px;
	background-size: cover;
	background-position: center;
	position: relative;
}
.media .item-title {
	/* padding-top: 5rem; */
	padding-left: .5rem;
	position: absolute;
	bottom: 0;
	font-size: 1rem;
	z-index: 999;
	color: #fff;
}
.media a {
	text-decoration: none;
}
.media .owl-stage-outer {
	z-index: 999;
}
.media .owl-nav {
	position: absolute;
	width: 100%;
	top: 50px;
	display: flex;
	justify-content: space-between;
	font-size: 1.5rem;
	margin-top: 0;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
	border-radius: 3px;
}
.media .owl-carousel .owl-nav .owl-prev {
	margin-left: -2rem;
}
.media .owl-carousel .owl-nav .owl-next {
	margin-right: -2rem;
}
.media .owl-theme .owl-nav .disabled {
	opacity: 0;
}
.media .ratio {
	border-radius: 1rem;
	overflow: hidden;
}
.media .page-nav {
    font-family: 'Metropolis Bold';
    color: #543E3E;
    cursor: pointer;
}
.media .stretched-link {
	cursor: pointer;
}
.newsroom .stretched-link::after,
.photos .stretched-link::after,
.media-releases .stretched-link::after {
	background: linear-gradient(0deg, rgba(0,0,0,0.3) 20%, rgba(255,255,255,0) 100%);
}
.newsroom .card-body::after,
.photos .card-body::after,
.media-releases .card-body::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
    background: linear-gradient(0deg, rgba(0,0,0,0.5) 20%, rgba(255,255,255,0) 100%);
}
@media (min-width: 992px) {
	.media .jumbotron {
		background-image: url('../images/jumbotron-media.webp');
		background-size: cover;
		background-position: center;
		padding-top: 8rem;
	}
	.media .ratio {
		border-radius: 0;
	}
}
/* end of Media Resources */
/* Vulnerability Disclosure Programme */
.vulnerability {
	margin-top: 78px;
}
@media (min-width: 992px) {
	.vulnerability .jumbotron {
		background-image: url('../images/jumbotron-vulnerability.webp');
		background-size: cover;
		background-position: center;
	}
}
/* end of Vulnerability Disclosure Programme */
/* Privacy Statement */
.privacy {
	margin-top: 78px;
}
@media (min-width: 992px) {
	.privacy .jumbotron {
		background-image: url('../images/jumbotron-privacy.webp');
		background-size: cover;
		background-position: center;
	}
}
/* end of Privacy Statement */
/* Contact */
.contact {
	margin-top: 78px;
}
/* end of Contact */