/* CSS specific to us */

@font-face {
	font-family: 'DM Sans';
	src: url('fonts/DMSans-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'DM Sans';
	src: url('fonts/DMSans-Italic.ttf') format('truetype');
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: 'DM Sans';
	src: url('fonts/DMSans-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'DM Sans';
	src: url('fonts/DMSans-MediumItalic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: 'DM Sans';
	src: url('fonts/DMSans-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'DM Sans';
	src: url('fonts/DMSans-BoldItalic.ttf') format('truetype');
	font-weight: 700;
	font-style: italic;
}


/* =========================
	 Instrument Serif
  ========================= */

@font-face {
	font-family: 'Instrument Serif';
	src: url('fonts/InstrumentSerif-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Instrument Serif';
	src: url('fonts/InstrumentSerif-Italic.ttf') format('truetype');
	font-weight: 400;
	font-style: italic;
}


/* =========================
	 Playfair Display
  ========================= */

@font-face {
	font-family: 'Playfair Display';
	src: url('fonts/PlayfairDisplay-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Playfair Display';
	src: url('fonts/PlayfairDisplay-Italic.ttf') format('truetype');
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: 'Playfair Display';
	src: url('fonts/PlayfairDisplay-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Playfair Display';
	src: url('fonts/PlayfairDisplay-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

#cookiebox {
	border: none !important;
	box-shadow: none !important;
	background-color: transparent !important;
	background-size: 100% 100%;
	z-index: 10000 !important;
	padding: 25px 20px 25px 20px !important;
	bottom: 3px !important;
	left: 5px !important;
	min-height: auto !important;
	width: 390px !important;
}

#cookiebox a {
	text-decoration: none !important;
}

#cookiebox a#cookiebox_accept {
	position: absolute;
	top: 33px;
	right: 30px;
	margin-right: 0px;
}

#cookiebox a#cookiebox_settings {
	position: absolute;
	top: 33px;
	left: 40px;
}

#cookiebox_heading {
	font-size: 24px !important;
	background-color: #F5F5F5 !important;
	display: none;
}

#cookiebox_inner {
	background-color: #F5F5F5 !important;
}

#cookiebox_accept {
	/* font-size: 14px!important;
	background-color: #90A85B!important;
	font-size: 14px!important;
	margin-right: 8px; */
	background: var(--ink);
	color: #fff;
	background-color: black !important;
	border-radius: 22px !important;
	padding: 12px 26px !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	transition: background .2s !important;
	white-space: nowrap !important;
}

#cookiebox_accept:hover {
	background: var(--red) !important;
}

#cookiebox_settings {
	/* font-size: 14px!important;
	background-color: #808080!important;
	font-size: 14px!important; */
	background: var(--ink);
	color: #fff;
	background-color: #808080 !important;
	border-radius: 22px !important;
	padding: 12px 26px !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	transition: background .2s !important;
	white-space: nowrap !important;
}

#cookiebox_close {
	top: 10px !important;
	top: unset !important;
	bottom: 25px !important;
	right: 20px !important;
	background-color: #808080 !important;
	background-color: #8C8C8C !important;
	color: #F5F5F5 !important;
}

#cookiebox_moreinfo {
	background-color: #808080 !important;
	color: #ffffff !important;
	display: none !important;
}

#cookiebox_details {
	font-size: 15px;
	padding-right: 23px !important;
	padding-left: 20px;
	padding-top: 55px;
}

.content_section p {
	font-size: 16px;
	line-height: 1.85;
	color: var(--ink-2);
	margin-bottom: 18px;
}

.page-standard {
	position: relative;
	max-width: 1200px;
	margin: 0 auto
}

@media screen and (max-width: 1280px) {
	.page-standard {
		max-width: 768px;
	}
}

@media screen and (max-width: 800px) {
	.page-standard {
		max-width: 640px;
	}
}

@media screen and (max-width: 700px) {
	.page-standard {
		max-width: 520px;
	}
}

@media screen and (max-width: 600px) {
	.page-standard {
		padding: 0 30px;
		max-width: 100%;
	}
}