/*
Theme Name: GOTCP
Theme URI: https://gotcp.net
Author: Martin Grønneberg
Author URI: https://martingronneberg.no/
Description: A website developed for GOTCP.
Version: 1.0
*/


/*--------------------------------------------------------------
Table of Contents
----------------------------------------------------------------
# Reset CSS
# Typography
# Elements
# Forms
# Navigation
	## Links & Tabs
	## Menus
	## Pagination
# Alignments
# Clearings
# Content
	## Global
	## Rows & Columns
	## Colors
	## Site Header
	## Site Content
	## Site Footer
# Posts & Pages
	## Archives
	## Events
		### Front Page
		### Login Page
		### Member Page
	## Pages
	## Posts
	## Workstreams
	## 404
# Media
	## Captions
# Cookie Consent
# Slick Slider
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Reset CSS
--------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, section, summary,
time, mark, audio, video {
	border: 0;
	font: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

html {
	font-size: 62.5%;
}

body,
button,
input,
select,
textarea {
	color: #121212;
	font-family: 'Roboto', sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1.6;
	text-rendering: optimizeLegibility;

}

@media screen and (max-width: 600px) {
	body,
	button,
	input,
	select,
	textarea {
		font-size: 1.4rem;
	}
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400;
	line-height: 1.25;
	margin: 0 0 2rem;
}

.title {
	font-weight: 700;
	font-size: 4rem;
	margin: 0 0 4rem;
}

h1 {
	font-size: 3.5rem;
}

h2 {
	font-size: 2.5rem;
}

h3 {
	font-size: 2.25rem;
}

h4 {
	font-size: 2rem;
}

h5 {
	font-size: 1.8rem;
}

h6 {
	font-size: 1.6rem;
}

@media screen and (max-width: 600px) {
	h1 {
		font-size: 3rem;
	}

	h2 {
		font-size: 2.25rem;
	}

	h3 {
		font-size: 2rem;
	}

	h4 {
		font-size: 1.8rem;
	}

	h5 {
		font-size: 1.6rem;
	}

	h6 {
		font-size: 1.4rem;
	}
}

@media screen and (max-width: 600px) {
	h1 {
		font-size: 2.5rem;
	}

	h2 {
		font-size: 2rem;
	}

	h3 {
		font-size: 1.8rem;
	}

	h4 {
		font-size: 1.6rem;
	}

	h5 {
		font-size: 1.4rem;
	}

	h6 {
		font-size: 1.2rem;
	}
}

p {
	margin: 0 0 2rem;
}

b,
strong {
	font-weight: 700;
}

em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 2rem;
}


/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background: #f7f7f7;
	border: 0;
	height: .1rem;
	margin: 0 0 2rem;
}

ul,
ol {
	margin: 0 0 2rem 2rem;
	padding: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 0 0 2rem;
}

button {
	background: #06739e;
	border: 0;
	color: #fff;
	cursor: pointer;
	margin: 0;
	padding: 1rem 2rem;
	text-align: center;
	transition: background .25s;
}

button:hover {
	background: #6dbad6;
}


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

input,
select,
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #f7f7f7;
	border: 0;
	border-radius: 0;
	margin: 0 0 1rem;
	padding: 1rem;
	width: 100%;
}

input:focus,
select:focus
textarea:focus {
	outline: 0;
}

input[type="button"],
input[type="submit"] {
	background: #06739e;
	color: #fff;
	cursor: pointer;
	margin: 0;
	padding: 1rem 2rem;
	text-align: center;
	transition: background .25s;
	width: auto;
}

input[type="button"]:hover,
input[type="submit"]:hover {
	background: #6dbad6;
}

input[type="checkbox"],
input[type="radio"] {
	border: 0;
	margin: 0 .5rem 0 0;
	width: auto;
}

input[type="checkbox"] {
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox;
}

input[type="radio"] {
	-webkit-appearance: radio;
	-moz-appearance: radio;
	appearance: radio;
}

textarea {
	min-height: 20rem;
}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links & Tabs
--------------------------------------------------------------*/

a {
	color: #06739e;
	cursor: pointer;
	text-decoration: none;
	transition: color .25s;
}

a:hover {
	color: #6dbad6;
}

.button {
	background: #06739e;
	color: #fff;
	display: inline-block;
	padding: 1rem 2rem;
	text-align: center;
	transition: background .25s;
}

.button:hover {
	background: #6dbad6;
	color: #fff;
}

.tabs {
	display: inline-block;
	float: left;
	list-style: none;
	margin: 0 0 2rem;
	width: calc(25% - 1rem);
}

.tabs li {
	cursor: pointer;
	transition: opacity .25s;
}

.tabs li:hover {
	opacity: .75;
}

.tabs li + li {
	margin: .5rem 0 0;
}

.tabs li.current {
	color: #06739e;
}

.single-event .tabs,
.single-presentation .tabs {
	border-bottom: .2rem solid #06739e;
	float: none;
	padding: 0 0 1rem;
	width: 100%;
}

.single-event .tabs li,
.single-presentation .tabs li {
	float: left;
}

.single-event .tabs li + li,
.single-presentation .tabs li + li {
	margin: 0 0 0 1rem;
}

.tab-content-container {
	float: right;
	margin: 0 0 0 2rem;
	width: calc(75% - 1rem);
}

.tab-content {
	display: none;
}

.tab-content.current{
	display: block;
}

@media screen and (max-width: 800px) {
	.tabs,
	.tab-content-container {
		float: none;
		width: 100%;
	}

	.tab-content-container {
		margin: 2rem 0 0;
	}
}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.main-navigation ul,
.mobile-navigation ul {
	list-style: none;
	margin: 0;
}

.main-navigation {
	display: block;
	float: right;
}

.main-navigation li {
	float: left;
}

.main-navigation li + li {
	margin: 0 0 0 1.5rem;
}

.mobile-navigation {
	clear: both;
	display: none;
	line-height: 2;
	padding: 2rem 0;
	width: 100%;
}

.mobile-navigation a {
	display: block;
}

.menu-toggle {
	background: 0;
	color: #121212;
	display: none;
	float: right;
	font-size: 1.6rem;
	line-height: 8rem;
	padding: 0;
	right: 2rem;
	text-transform: none;
	transition: color .25s;
}

.menu-toggle:hover {
	background: 0;
	color: #06739e;
}

@media screen and (max-width: 800px) {
	.main-navigation {
		display: none;
	}

	.menu-toggle {
		display: block;
	}
}


/*--------------------------------------------------------------
## Pagination
--------------------------------------------------------------*/

.pagination {
	display: inline-block;
	margin: 0 0 5rem;
	text-align: center;
	width: 100%;
}

.page-numbers {
	display: inline-block;
	padding: 1rem;
}

.page-numbers.current,
.page-numbers.dots {
	color: #6dbad6;
}

@media screen and (max-width: 600px) {
	.pagination {
		margin: 0 0 2.5rem;
	}
}


/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin: 0 0 0 2rem;
}

.alignright {
	display: inline;
	float: right;
	margin: 0 2rem 0 0;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}


/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.container:before,
.container:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.content-area:before,
.content-area:after,
.page-content:before,
.page-content:after,
.archive-content:before,
.archive-content:after,
.archive-footer:before,
.archive-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.container:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.content-area:after,
.page-content:after,
.archive-content:after,
.archive-footer:after {
	clear: both;
}


/*--------------------------------------------------------------
## Rows & Columns
--------------------------------------------------------------*/

.row {
	padding: 8rem 0;
}

.container {
	margin: 0 auto;
	max-width: 110rem;
	padding: 0 2rem;
}

.center {
	text-align: center;
}

.column {
	float: left;
}

.half {
	margin: 0 0 2rem;
	width: calc(50% - 2rem);
}

.half:nth-of-type(2n) {
	margin: 0 0 2rem 4rem;
}

.half:nth-of-type(2n + 1) {
	clear:  left;
}

@media screen and (max-width: 600px) {
	.half {
		margin: 0;
	}

	.half:nth-of-type(2n) {
		margin: 2rem 0 0;
		width: 100%;
	}
}

.one-third {
	margin: 0 0 2rem 1rem;
	width: calc(33.33% - 1.5rem);
}

.one-third:nth-of-type(3n + 1) {
	clear: left;
	margin: 0 0 2rem;
}

.one-fourth {
	margin: 0 0 2rem 1rem;
	width: calc(25% - .75rem);
}

.one-fourth:nth-of-type(4n + 1) {
	clear: left;
	margin: 0 0 2rem;
}

@media screen and (max-width: 800px) {
	.one-third {
		margin: 0;
		width: 100%;
	}

	.one-third:nth-of-type(3n + 1) {
		clear: none;
		margin: 0;
	}

	.one-third + .one-third {
		margin: 2rem 0 0;
	}
}

.col-icon,
.col-text {
	float: left;
}

.col-icon {
	width: calc(25% - 1rem)
}

.col-text {
	margin: 0 0 0 2rem;
	width: calc(75% - 1rem);
}


/*--------------------------------------------------------------
## Colors
--------------------------------------------------------------*/

.blue {
	background: #06739e;
	color: #fff;
}

.light-blue {
	background: #6dbad6;
	color: #fff;
}

.grey {
	background: #f7f7f7;
}


/*--------------------------------------------------------------
## Site Header
--------------------------------------------------------------*/

.site-header {
	background: #fff;
	border-bottom: .1rem solid #f7f7f7;
	line-height: 8rem;
}

@media screen and (max-width: 600px) {
	.site-header {
		line-height: 8rem;
	}
}

.admin-bar .site-header {
	top: 3.2rem;
}

@media screen and (max-width: 78.2rem) {
	.admin-bar .site-header {
		top: 4.6rem;
	}
}

.site-header a {
	color: #121212;
}

.site-header a:hover {
	color: #6dbad6;
}

.site-title {
	float: left;
	margin: 0;
}

.site-title img {
	display: block;
	height: 5rem;
	margin: 1.75rem 0 1.25rem;
}

@media screen and (max-width: 600px) {
	.site-title img {
		height: 4rem;
		margin: 2.25rem 0 1.75rem;
	}
}


/*--------------------------------------------------------------
## Site Content
--------------------------------------------------------------*/

.single-event .site-content,
.single-presentation .site-content {
	margin: 0 auto;
	max-width: 110rem;
	padding: 2rem;
}

.content-area,
.widget-area {
	float: left;
}

.content-area {
	width: calc(65% - 1rem);
}

.widget-area {
	margin: 0 0 0 2rem;
	width: calc(35% - 1rem);
}

@media screen and (max-width: 800px) {
	.content-area,
	.widget-area {
		width: 100%;
	}

	.widget-area {
		margin: 2rem 0 0;
	}
}

.widget-area .widget + .widget {
	border-top: .2rem solid #efefef;
	margin: 2rem 0 0;
	padding: 2rem 0 0;
}

.widget-title {
	margin: 0;
}


/*--------------------------------------------------------------
## Site Footer
--------------------------------------------------------------*/

.site-footer {
	background: #efefef;
	padding: 10rem 0;
}

.site-footer .widget {
	float: left;
	width: calc(33.33% - 1rem);
}

.site-footer .widget + .widget {
	margin: 0 0 0 1.5rem;
}

.site-footer input {
	float: left;
}

.site-footer input[type="email"] {
	background: 0;
	border: .1rem solid;
	width: 80%;
}

.site-footer input[type="submit"] {
	background: #06739e;
	border: .1rem solid #06739e;
	font-family: FontAwesome;
	transition: background .25s, border .25s;
	width: 20%;
}

.site-footer input[type="submit"]:hover {
	background: #6dbad6;
	border: .1rem solid #6dbad6;
}

@media screen and (max-width: 600px) {	
	.site-footer {
		padding: 5rem 0;
	}

	.site-footer .widget {
		float: none;
		width: 100%;
	}

	.site-footer .widget + .widget {
		margin: 2.5rem 0 0;
	}
}

.site-credits {
	background: #efefef;
	display: inline-block;
	width: 100%;
}

.site-credits .container {
	border-top: .2rem solid #ccc;
	padding: 2rem;
}

.site-credits p {
	margin: 0;
}


/*--------------------------------------------------------------
# Posts & Pages
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Archive
--------------------------------------------------------------*/

.archive-header {
	padding: 2rem 0;
}

.archive-header a + a {
	margin: 0 0 0 1rem;
}

.archive-title {
	margin: 0;
}

.archive-content {
	margin: 0 auto;
	max-width: 110rem;
	padding: 2rem;
}

.entry-title {
	font-size: 2rem;
	margin: 0;
}

.entry-title a {
	color: #212121;
}

.entry-title a:hover {
	color: #6dbad6;
}

.entry-meta {
	color: #6f6f6f;
	font-size: 1.4rem;
	margin: .5rem 0 0;
}


/*--------------------------------------------------------------
## Events
--------------------------------------------------------------*/

.event-header img {
	margin: 0 0 1rem;
	width: 100%;
}

.event-meta {
	margin: 0 0 2rem;
}

.event-title {
	margin: 0 0 1rem;
}

.event-date {
	color: #efefef;
	font-size: 90%;
}

.event-subtitle {
	font-size: 1.8rem;
}


/*--------------------------------------------------------------
## Member Page
--------------------------------------------------------------*/

.member-header {
	margin: 0 auto;
	max-width: 110rem;
	padding: 2rem;
}

.member-title {
	margin: 0 0 1rem;
}

.member-navigation {
	margin: 0 auto;
	max-width: 110rem;
	padding: 0 2rem;
}

.member-navigation button {
	background: 0;
	color: #121212;
	padding: 0;
	text-align: left;
	transition: color .25s;
}

.member-navigation button:hover {
	color: #6dbad6;
}

.member-navigation button + button {
	margin: 0 0 0 1.5rem;
}

.member-navigation button.active {
	color: #6dbad6;
}

.member-content {
	margin: 0 auto;
	max-width: 110rem;
	padding: 2rem;
}

.tab {
	display: none;
}

@media screen and (max-width: 800px) {
	.member-navigation button {
		padding: 1rem 0;
		width: 100%;
	}

	.member-navigation button + button {
		border-top: .1rem solid #efefef;
		margin: 0;
	}

	.member-navigation button.active {
		position: relative;
	}

	.member-navigation button.active:after {
		color: #121212;
		content: '\f078';
		font-family: 'Font Awesome 5 Free';
		font-weight: 300;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}
}


/*--------------------------------------------------------------
## Posts
--------------------------------------------------------------*/

.single-header {
	height: 60vh;
	min-height: 30rem;
	position: relative;
}

@media screen and (max-width: 600px) {
	.single-header {
		height: 40vh;
	}
}

.single-content {
	max-width: 70rem;
	padding: 0 2rem;
}

.single-title {
	margin: 0 0 1rem;
}

.single-content {
	margin: 0 auto;
	max-width: 70rem;
	padding: 5rem 2rem;
}

@media screen and (max-width: 600px) {
	.single-content {
		padding: 2.5rem 2rem;
	}
}


/*--------------------------------------------------------------
## Pages
--------------------------------------------------------------*/

.page-header {
	height: 60vh;
	position: relative;
}

.page-title {
	margin: 0 0 1rem;
}

.page-content {
	margin: 0 auto;
	max-width: 70rem;
	padding: 5rem 2rem;
}

.home .page-content {
	max-width: none;
	padding: 0;
}

.page-footer {
	background: #f7f7f7;
	padding: 5rem 0;
}

@media screen and (max-width: 800px) {
	.page-header {
		height: 50vh;
	}
}

@media screen and (max-width: 600px) {
	.page-header {
		height: 40vh;
	}

	.page-content {
		padding: 2.5rem 2rem;
	}

	.page-footer {
		padding: 2.5rem 0;
	}
}

@media screen and (max-width: 400px) {
	.page-header {
		height: 35vh;
	}
}

/*--------------------------------------------------------------
### Front Page
--------------------------------------------------------------*/

.home .page-header:before  {
	background: rgba(0, 0, 0, .75);
	bottom: 0;
	content: '';
	left: 0;
	opacity: .5;
	position: absolute;
	right: 0;
	top: 0;
}

.home .page-header {
	max-width: none;
}


/*--------------------------------------------------------------
## Workstreams
--------------------------------------------------------------*/

.workstream-header {
	height: 60vh;
	position: relative;
}

.workstream-title {
	margin: 0 0 1rem;
}

.workstream-content {
	margin: 0 auto;
	max-width: 70rem;
	padding: 5rem 2rem;
}

@media screen and (max-width: 800px) {
	.workstream-header {
		height: 50vh;
	}
}

@media screen and (max-width: 600px) {
	.workstream-header {
		height: 40vh;
	}

	.workstream-content {
		padding: 2.5rem 2rem;
	}
}

@media screen and (max-width: 400px) {
	.workstream-header {
		height: 35vh;
	}
}


/*--------------------------------------------------------------
## 404
--------------------------------------------------------------*/

.error-header {
	margin: 0 auto;
	max-width: 70rem;
	padding: 5rem 2rem 2rem;
}

.error-title {
	margin: 0 0 1rem;
}

.error-content {
	margin: 0 auto;
	max-width: 70rem;
	padding: 0 2rem 5rem;
}

@media screen and (max-width: 600px) {
	.error-header {
		padding: 2.5rem 2rem 0;
	}

	.error-content {
		padding: 0 2rem 2.5rem;
	}
}


/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

embed,
iframe,
object {
	max-width: 100%;
}

.gallery {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.gallery .gallery-item {
	margin: 0;
}

.gallery .gallery-item img {
	vertical-align: middle;
}


/*--------------------------------------------------------------
# Social Media
--------------------------------------------------------------*/

.share-buttons {
	margin: 0 0 2rem;
}

.follow-buttons i:before,
.share-buttons i:before {
	display: inline-block;
	width: 1.6rem;
}

.follow-buttons i,
.share-buttons i {
	border: .1rem solid #06739e;
	color: #06739e;
	border-radius: 50%;
	font-size: 1.6rem;
	padding: 1rem;
	text-align: center;
	transition: background .25s, color .25s;
}

.follow-buttons i:hover,
.share-buttons i:hover {
	background: #06739e;
	color: #fff;
}


/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
	font-size: 1.2rem;
	margin-bottom: 2rem;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 1rem 0;
}

.wp-caption-text {
	text-align: center;
}

.screen-reader-text {
	display: none;
}


/*--------------------------------------------------------------
## Front Page
--------------------------------------------------------------*/

.home .page-title {
	font-size: 3rem;
	margin: 0 0 2rem;
}

@media screen and (max-width: 600px) {
	.home .page-title {
		font-size: 2.5rem;
	}
}

#usps i {
	color: #06739e;
	font-size: 4rem;
}

#usps h3 {
	margin: 0 0 1rem;
}

#usps p {
	font-size: 1.4rem;
	margin: 0;
}

#usps .icon-box {
	float: left;
	width: 5rem;
}

#usps .text-box {
	float: left;
	margin: 0 0 0 2rem;
	width: calc(100% - 7rem);
}


/*--------------------------------------------------------------
## Widgets
--------------------------------------------------------------*/

.wpcf7 .screen-reader-response {
	display: none;
}

.wpcf7-not-valid-tip {
	display: block;
	font-size: 1.4rem;
}

.wpcf7-acceptance {
	margin: 0 0 2rem;
}

#workstreams {
	background: #f7f7f7;
}

.time span {
	cursor: pointer;
	opacity: .5;
	transition: opacity .25s;
}

.time span.active {
	opacity: 1;
}

.member img {
	max-width: 30rem;
}

.member section {
	padding: 2rem 0;
}

.member section + section {
	border-top: .2rem solid #efefef;
}

.page-template-registration .site-content {
	margin: 0 auto;
	max-width: 110rem;
	padding: 2rem;
	padding: 2rem;
}

#loginform {
	margin: 0 auto;
	max-width: 50rem;
}

.current-menu-item a {
	color: #06739e;
}


/*--------------------------------------------------------------
## Cookie Consent
--------------------------------------------------------------*/

.summary-texts__title,
.coi-consent-banner__summary-texts,
.summary-texts__hide-details,
.summary-texts__show-details {
	color: #495057 !important;
}

.summary-texts__show-details,
.summary-texts__hide-details {
	font-size: 1.6rem !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important;
	padding: 1rem 2rem !important;
	text-decoration: none !important;
	text-transform: none !important;
	transition: background .25s;
}


.summary-texts__show-details:hover,
.summary-texts__hide-details:hover {
	background: #efefef !important;
}

.coi-consent-banner__agree-button,
.bottom-bar__update-consent,
.coi-category-consent__update-consent {
	background: #06739e !important;
	border-radius: 0 !important;
	font-size: 1.6rem !important;
	letter-spacing: 0 !important;
	padding: 1rem 2rem !important;
	text-transform: none !important;
}

.coi-consent-banner__agree-button:hover,
.bottom-bar__update-consent:hover,
.coi-category-consent__update-consent:hover {
	background: #6dbad6 !important;

}

.coi-consent-banner__switch-checkbox:checked + .coi-consent-banner__slider,
.switch-container__category-checkbox:checked + .switch-container__slider {
	background: #efefef !important;
}

.coi-consent-banner__switch-checkbox:checked + .coi-consent-banner__slider:before,
.switch-container__category-checkbox:checked + .switch-container__slider:before {
	background: #06739e !important;
}

.coi-category-consent__select-all {
	line-height: 1 !important;
	margin: 0 2rem 0 0 !important;
	padding: 1rem 2rem !important;
	text-transform: none !important;
	transition: background .25s;
}

.coi-category-consent__select-all:hover {
	background: #efefef;
}

.content-read-more:before {
  display: inline;
  margin-left: 10px;
}

.ieatcp-banner {
	background: #0044ff;
}


/*--------------------------------------------------------------
# Slick Slider
--------------------------------------------------------------*/

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
	outline: 0;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-arrow.slick-hidden {
	display: none;
}

.slide {
	color: #fff;
	float: left;
	height: 60vh;
	position: relative;
}

.slide:before {
	bottom: 0;
	background: #000;
	content: '';
	display: block;
	left: 0;
	opacity: .25;
	position: absolute;
	right: 0;
	top: 0;
}

@media screen and (max-width: 800px) {
	.slide {
		height: 50vh;
	}
}

@media screen and (max-width: 600px) {
	.slide {
		height: 40vh;
	}
}

@media screen and (max-width: 400px) {
	.slide {
		height: 35vh;
	}
}

.slide-container {
	left: 50%;
	margin: 0 auto;
	max-width: 110rem;
	padding: 0 10rem;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.slide-title {
	color: #fff;
	font-size: 3.5rem;
	margin: 0 0 2rem;
	max-width: 80rem;
}

@media screen and (max-width: 1200px) {
	.slide-title {
		font-size: 3.5rem;
	}
}

@media screen and (max-width: 800px) {
	.slide-container {
		padding: 0 5rem;
	}

	.slide-title {
		font-size: 2.5rem;
	}
}

.slide-title a {
	color: #fff;
}

.slide-title a:focus {
	outline: 0;
}

.slide-subtitle {
	font-size: 2rem;
	margin: 0;
	max-width: 80rem;
}

@media screen and (max-width: 800px) {
	.slide-subtitle {
		font-size: 1.6rem;
	}
}

.slide-details {
	font-size: 1.6rem;
}

.slide .button {
	background: #fff;
	border: .2rem solid #fff;
	color: #121212;
	margin: 2rem 0 0;
	opacity: 1;
	padding: 1rem 2rem;
	transition: opacity .25s;
}

.slide .button:hover {
	background: #fff;
	color: #121212;
}

.download-button {
	border: .2rem solid #fff;
	color: #fff;
	display: inline-block;
	margin: 0 0 0 1rem;
	padding: 1rem 2rem;
}

.slick-arrow {
	cursor: pointer;
	height: 4rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 100;
}

.slick-prev {
	left: 1rem;
}

.slick-next {
	right: 1rem;
}

.slick-dotted.slick-slider {
	margin: 0 0 2rem;
}

.slick-dots {
	position: absolute;
	bottom: -25px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}

.slick-dots li {
	display: inline-block;
	opacity: .75;
	transition: opacity .25s;
}

.slick-dots li.slick-active {
	opacity: 1;
}

.slick-dots li:hover {
	opacity: 1;
}

.slick-dots li + li {
	margin: 0 0 0 1rem;
}

.slick-dots li button {
	background: #06739e;
	border:  .2rem solid #06739e;
	border-radius: 50%;
	color: transparent;
	font-size: 0;
	height: 1rem;
	width: 1rem;
	outline: none;
	padding: 0;
	transition: opacity .25s;
}

.slick-dots li button:hover {
	opacity: .75;
}

.program-block {
	display: inline-block;
	padding: 2rem;
	width: 100%;
}

.program-block + .program-block {
	margin: 2rem 0 0;
}

.program-block.light {
	background: #f7f7f7;
}

.program-block.dark {
	background: #06739e;
	color: #fff;
}

.program-time {
	float: left;
	width: 5rem;
}

.program-content {
	font-size: 1.4rem;
	float: right;
	margin: 0 0 0 2rem;
	width: calc(100% - 7rem);
}

.program-content h3 {
	margin: 0 0 1rem;
}