@import url('normalize.css');

/* Global
–––––––––––––––––––––––––––––––––––––––––––––––––– */

html {
	width: 100%;
	height: 100%;
	font-size: 62.5%;
}

body {
	position: relative;
	min-height: 100%;
	padding-bottom: 84px;
	box-sizing: border-box;
	font-size: 16px;
	font-family: 'LatoWeb', 'Lato', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	line-height: 1.6;
	font-weight: 400;
	color: #000;
}

body.tall-footer {
	padding-bottom: 112px;
}

h1 {
	font-size: 50px;
	line-height: 1.2;
	letter-spacing: -1px;
}
h2 {
	font-size: 42px;
	line-height: 1.25;
	letter-spacing: 1px;
}
h3 {
	font-size: 36px;
	line-height: 1.3;
	letter-spacing: -1px;
}
h4 {
	font-size: 30px;
	line-height: 1.35;
	letter-spacing: -.8px;
}
h5 {
	font-size: 24px;
	line-height: 1.5;
	letter-spacing: -.5px;
}
h6 {
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: 0;
}

ul, ol {
  padding-left: 0;
  margin-top: 0;
}

::selection {
	color: #fff;
	background: rgba(0,185,175,0.99);
}
::-moz-selection {
	color: #fff;
	background: rgba(0,185,175,0.99);
}


/* Shared Values
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.navbar .wrap, .hero .wrap, .content, .footer .wrap {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.navbar .wrap {
	padding-left: 30px;
	padding-right: 30px;
}

.hero .wrap, .content, .footer .wrap {
	padding-left: 60px;
	padding-right: 60px;
}

@media (max-width: 580px) {
	.hero .wrap, .content, .footer .wrap {
		padding-left: 20px;
		padding-right: 20px;
	}
}


/* Media Query Values
––––––––––––––––––––––––––––––––––––––––––––––––––

Horizontal nav > dropdown nav: depends on nav items
One-line footer > two-line footer: 720px
Two columns > one column: 700px
Reduced space to sides, smaller titles: 580px
Dropdown nav label disappears: 460px
Two-line footer > four-line footer: 420px

*/


/* Navbar
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.navbar {
	position: fixed;
	top: 0;
	width: 100%;
	padding: 0;
	font-size: 16px;
	background: #fff;
	box-shadow: 0 1px rgba(0,0,0,0.1);
	z-index: 10;
	transition: 0.25s box-shadow ease-in-out;
}

.navbar .wrap {
	/* shared max width */
	/* shared side margins */
	/* shared side paddings */
}

.navbar .logo {
	float: left;
}

.navbar .logo a {
	display: inline-block;
}

.navbar .logo a img {
	display: inline-block;
	height: 48px;
	margin: 20px 0 22px;
	vertical-align: top;
}

.navbar .logo a img + img {
	margin-left: 14px;
	padding-left: 16px;
	border-left: 2px solid #e6e6e6; /* 0.1 */
}

.navbar .menu {
	position: relative;
	display: none;
	float: right;
	margin-right: 30px;
	padding: 33px 0 32px;
	cursor: pointer;
}

.navbar .menu ::selection {
	color: inherit;
	background: transparent;
}
.navbar .menu ::-moz-selection {
	color: inherit;
	background: transparent;
}

.navbar .menu .label {
	position: absolute;
	top: 0;
	right: 36px;
	padding: 33px 0 33px;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 24px;
	vertical-align: top;
	transition-property: visibility, opacity, transform;
	transition-duration: 0.25s;
	transition-timing-function: ease-in-out;
}

.navbar .menu .label.close {
	visibility: hidden;
	opacity: 0;
	transform: translateY(-12px);
}

.navbar.open .menu .label.burger {
	visibility: hidden;
	opacity: 0;
	transform: translateY(12px);
}

.navbar.open .menu .label.close {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}

.navbar .menu .icon:after {
	content: '\e901';
	margin-left: 12px;
	font-size: 24px;
	line-height: 24px;
	vertical-align: top;
}

.navbar.open .menu .icon:after {
	content: '\e900';
}

.navbar .nav {
	float: right;
}

.navbar ul {
	margin: 0;
}

.navbar ul li {
	position: relative;
	display: inline-block;
	margin: 0;
}

.navbar ul li.action {
	margin-left: 10px;
	margin-right: 10px;
	transition-property: margin-left, margin-right;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
}

.navbar ul li:last-child.action {
	margin-right: 0;
}

.navbar ul li.active + li {
	border-color: #fff;
}

.navbar ul li a {
	position: relative;
	display: block;
	padding: 32px 10px 33px;
	text-decoration: inherit;
	color: inherit;
	transition-property: color, background-color, padding-left, padding-right;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
}

.navbar ul li a:hover, .navbar ul li.hover > a {
	color: #00b9af;
}

.navbar ul li a.active {
	color: #00b9af;
}

.navbar ul li.action a {
	padding: 5px 16px 7px 16px;
	border-radius: 20px;
	color: #fff;
	background-color: #00b9af;
}

.navbar ul li.action.search a {
	width: 37px;
	height: 37px;
	padding: 0;
	text-align: center;
	line-height: 2.2;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Cdefs%3E%3Cstyle%3E.z%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='z' d='M20.54,19.12l-4.36-4.36a6.77,6.77,0,1,0-1.41,1.41l4.36,4.36ZM6,10.75a4.75,4.75,0,1,1,4.75,4.75A4.75,4.75,0,0,1,6,10.75Z'/%3E%3C/svg%3E");
	background-size: 25px auto;
	background-position: center;
	background-repeat: no-repeat;
}

.navbar ul li.action a:hover {
	background-color: #00a69d;
}

.navbar ul li.action a.active {
	color: #00b9af;
	background: rgba(0,185,175,0.17); /* blue 0.17 */
}

.navbar ul li.action.search a span {
	display: none;
}

.navbar ul li.children a:after {
	display: none;
	position: absolute;
	content: '\e902';
	top: -1px;
	right: -12px;
	width: 48px;
	height: 48px;
	text-align: center;
	font-family: 'EuroSEAScons' !important;
	font-size: 24px;
	line-height: 50px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	speak: none;
	color: #000;
	transition: 0.25s transform ease-in-out;
}

.navbar ul li.children.open a:after {
	transform: rotate(180deg);
}

.navbar ul li ul {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	width: 200px;
	top: 64px;
	left: -8px;
	padding: 8px 0 10px;
	background: #fff;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
	transition-property: visibility, opacity, top;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
}

.navbar ul li:hover ul, .navbar ul li.hover ul {
	visibility: visible;
	opacity: 1;
	top: 72px;
}

.navbar ul li ul li {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 15px;
	border: none;
	background: transparent;
}

.navbar ul li ul li:last-child {
	border: none;
}

.navbar ul li ul li a {
	padding: 2px 0 2px 18px;
}

.navbar ul li ul li a:hover {
	padding-left: 26px;
}

.navbar ul li.children ul li a:after {
	display: none;
}

/*@media (max-width: 930px) {
	.navbar ul li.action {
		margin-left: 8px;
		margin-right: 8px;
	}

	.navbar ul li a {
		padding-left: 8px;
		padding-right: 8px;
	}

	.navbar ul li ul {
		left: -10px;
	}
}*/

@media (min-width: 901px) {
	.navbar .nav, .navbar ul li ul {
		display: block !important;
	}
}

@media (max-width: 900px) { /* Modify value in global.js as well! */
	.navbar {
		overflow: auto;
		max-height: 100%;
	}

	.navbar.open {
		box-shadow: 0 1px 20px rgba(0,0,0,0.2);
	}

	.navbar .wrap {
		padding: 0;
	}

	.navbar .logo {
		margin-left: 30px;
	}

	.navbar .menu {
		display: block;
	}

	.navbar .nav {
		display: none;
		float: none;
		clear: both;
	}

	.navbar.open .nav {
		/*display: block;*/
	}

	.navbar ul li {
		display: block;
		margin: 0 30px;
		border-top: 1px solid #e6e6e6; /* 0.1 */
	}

	.navbar ul li a {
		padding: 10px 0 12px;
	}

	.navbar .nav ul li.action {
		margin: 0 14px;
		padding: inherit;
		border-top: none;
	}

	.navbar .nav ul li:last-child.action {
		margin-bottom: 15px;
	}

	.navbar ul li.action a {
		padding: 10px 16px 12px 16px !important;
		border-radius: 3px;
	}

	.navbar ul li.action.search a {
		width: initial;
		height: initial;
		text-align: initial;
		line-height: inherit;
		background-image: none;
	}

	.navbar ul li.action.search a span {
		display: initial;
	}

	.navbar ul li.children a:after {
		display: block;
	}

	.navbar ul li ul {
		display: none;
		position: static;
		visibility: visible;
		opacity: 1;
		width: inherit;
		padding: 0;
		box-shadow: none;
	}

	.navbar ul li a.active ~ ul {
		display: block;
	}

	/*.navbar ul li:hover ul {
		visibility: hidden;
		opacity: 0;
	}*/

	.navbar ul li ul li {
		border-top: none;
	}

	.navbar ul li ul li:last-child a {
		padding-bottom: 20px;
	}
}

@media (max-width: 580px) {
	.navbar {
		/*position: absolute;*/
	}

	.navbar .logo {
		margin-left: 20px;
	}

	.navbar .logo a img {
		height: 36px;
		margin: 14px 0 16px;
	}

	.navbar .logo a img + img {
		margin-left: 10px;
		padding-left: 11px;
	}

	.navbar .menu {
		margin-right: 22px;
		padding: 21px 0 20px;
	}

	.navbar .menu .label {
		right: 36px;
		padding: 21px 0;
	}

	.navbar ul li {
		margin-left: 20px;
		margin-right: 20px;
	}
}

@media (max-width: 400px) {
	.navbar .menu .label {
		display: none;
	}
}


/* Hero
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.hero {
	position: relative;
	width: 100%;
	margin: 90px 0 60px;
	background: #f3f3f3; /* 0.05 */
	background-position: center;
	background-size: cover;
}

body.default .hero {
	height: 440px;
	margin-bottom: 53px;
}

.hero .wrap {
	/* shared max width */
	/* shared side margins */
	padding-top: 150px;
	padding-bottom: 150px;
	/* shared side paddings */
}

@media (max-width: 580px) {
	.hero {
		margin-top: 66px;
	}

	body.default .hero {
		height: 340px;
		margin-top: 66px;
	}

	.hero .wrap {
		padding-top: 120px;
		padding-bottom: 120px;
	}
}

.hero .wrap .caption {
	position: absolute;
	bottom: 8px;
	left: 8px;
	right: 8px;
	text-align: right;
	font-size: 15px;
	line-height: 1.3;
	color: #fff;
}

.hero .wrap .caption .text {
	visibility: hidden;
	opacity: 0;
	display: block;
	margin-right: 30px;
	transform: translateY(4px);
	transition-property: visibility, opacity, transform;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
}

.hero .wrap .caption .text span {
	display: inline-block;
	padding: 5px 0 6px 8px;
	background: rgba(0,0,0,0.65);
}

.hero .wrap .caption .icon:hover + .text, .hero .wrap .caption .icon.hover + .text {
	visibility: visible;
	opacity: 1;
	transform: translateX(0);
}

.hero .wrap .caption .icon {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 15px;
	background: rgba(0,0,0,0.65);
	transition: 0.2s border-radius ease-in-out;
}

.hero .wrap .caption .icon:after {
	content: '\e904';
	font-size: 24px;
	line-height: 30px;
}

.hero .wrap .caption .icon:hover, .hero .wrap .caption .icon.hover {
	border-radius: 0 15px 15px 0;
}

@media (max-width: 580px) {
	.hero .wrap .caption {
		text-align: left;
	}

	.hero .wrap .caption .text span {
		display: block;
		padding-right: 8px;
	}
}


/* Content
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.content {
	/* shared max width */
	padding-top: 171px;
	padding-bottom: 84px;
	/* shared side margins */
	/* shared side paddings */
}

@media (max-width: 580px) {
	.content {
		padding-top: 118px; /* (171 + 1) - 24 from smaller menu */
		padding-bottom: 60px;
	}
}

.content:after {
	content: '';
	display: table;
	clear: both;
}

.hero + .content {
	padding-top: 0;
}

/* Huge Slim Heading */
.content h1 {
	position: relative;
	left: -2px;
	margin: 0 0 45px;
	font-size: 54px;
	font-weight: 300;
	line-height: 1;
}

@media (max-width: 580px) {
	.content h1 {
		left: -1px;
		font-size: 44px;
	}
}

/* Medium Bold Subheading */
.content h2 {
	margin: 46px 0 16px;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: -.5px;
}

.content h1 + h2 {
	margin-top: 42px;
}

.content div.avatar + h2 {
	margin-top: 52px;
}

body.participants .content h2, body.sessions .content h2:first-child, body.rooms .content h2:first-child {
	margin-top: 3px;
}

.content h2 span {
	font-weight: 400;
}

/* Small Uppercase Section Heading */
.content h3, .content h4 {
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.content h3 {
	margin: 35px 0 18px;
}

.content h2 + h3 {
	margin-top: 20px;
}

/* Gray Uppercase Section Heading */
.content h4 {
	margin: 18px 0 3px;
	color: #b3b3b3; /* 0.3 */
}

.content a {
	text-decoration: inherit;
	border-bottom: 2px solid rgba(0,185,175,0.17); /* blue 0.17 */
	color: #00b9af;
	transition: 0.2s color ease-in-out, 0.2s border-bottom ease-in-out;
}

.content a:hover {
	color: #00b9af;
	border-bottom-color: rgba(0,185,175,0.7); /* blue 0.7 */
}

.content a.button {
	position: relative;
	display: inline-block;
	left: -1px;
	margin: 6px 0;
	padding: 5px 16px 7px 16px;
	border-radius: 20px;
	line-height: 25px;
	border-bottom: none;
	color: #fff;
	background: #00b9af;
	/*background-image: linear-gradient(135deg, #f99200, #00b9af);*/
	transition-property: color, background;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
}

.content a.button:hover {
	/*transform: scale(1.05);
	box-shadow: 0 7px 32px rgba(247,97,0,0.4);*/
	color: #fff;
	background: #00a69d;
}

.content p {
	margin: 0 0 16px;
	font-size: 16px;
	line-height: 1.65;
}

.content p:last-child {
	margin-bottom: 0;
}

.content ul, .content ol {
	padding-left: 20px;
}

.content blockquote {
	margin-left: 0;
	padding-left: 16px;
	border-left: 2px solid #e6e6e6; /* 0.1 */
}

.content img.logo {
	display: block;
	max-width: 100%;
	margin: 52px 0 21px;
}

.content img.logo.half-bottom {
	margin-bottom: 8px;
}

.content img.logo.no-bottom {
	margin-bottom: -7px;
}

.content .avatar {
	margin: 39px 0 24px;
}

.content h2 + .avatar {
	margin-top: 24px;
}

.content .avatar + p a.button {
	margin-top: 0;
}

.content .avatar img {
	display: inline-block;
	margin: 0 15px 0 0;
	width: 80px;
	height: 80px;
	border-radius: 40px;
	vertical-align: middle;
}

.content .avatar > span {
	display: inline-block;
	vertical-align: middle;
	margin: 10px 0;
	font-weight: 700;
	line-height: 1.4;
}

.content .avatar > span span {
	display: block;
	font-size: 15px;
	font-weight: 400;
	font-style: italic;
}

.content div.collapse {
	margin-bottom: 16px;
}

.content div.collapse div {
	display: none;
}

.content div.collapse a.button {
	margin-bottom: 6px;
	color: #000;
	background: #ececec; /* 0.075 */
}

.content div.collapse a.button:hover {
	color: #fff;
	background: #00b9af;
}


/* Images & Gallery
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.content figure, .content .map {
	width: 650px;
	margin: 52px auto;
}

.content figure.full, .content .map.full {
	width: 100%;
}

.content figure.inline, .content .map.inline, .content figure.logo {
	width: unset;
}

.content figure.logo {
	margin: 53px 0 8px; /* 16px */
}

.content figure.left, .content figure.right, .content .map.left, .content .map.right {
	display: inline-block;
	width: 44.44%;
	margin-top: 36px;
	margin-bottom: 45px;
}

.content figure.left, .content .map.left {
	float: left;
	margin-right: 60px;
}

.content figure.right, .content .map.right {
	float: right;
	margin-left: 60px;
}

.content figure img {
	display: block;
	width: 100%;
}

.content figure.logo img {
	width: auto;
}

.content figure figcaption {
	margin-top: 11px;
	padding: 0 15px;
	text-align: center;
	font-size: 15px;
	line-height: 1.2;
	color: #808080; /* 0.5 */
}

.content .gallery + h2 {
	margin-top: 0;
}

.content .gallery figure {
	float: left;
	margin-top: 37px;
}

.content .gallery:last-child figure {
	margin-bottom: 0;
}

.content .gallery.double figure {
	width: 49.16%;
	padding: 0 0.416%;
}

.content .gallery.double figure:first-child {
	padding: 0 0.83% 0 0;
}

.content .gallery.double figure:last-child {
	padding: 0 0 0 0.83%;
}

.content .gallery.triple figure {
	width: 32.22%;
	padding: 0 0.55%;
}

.content .gallery.triple figure:first-child {
	padding: 0 1.11% 0 0;
}

.content .gallery.triple figure:last-child {
	padding: 0 0 0 1.11%;
}

.content .gallery:after {
	content: '';
	display: table;
	clear: both;
}

@media (max-width: 860px) {
	.content figure, .content .map {
		width: 100%;
	}
}

@media (max-width: 770px) {
	.content figure.left, .content figure.right, .content .map.left, .content .map.right, .content .gallery.double figure, .content .gallery.triple figure {
		float: none;
		display: block;
		width: 100%;
		margin: 52px auto;
		padding: 0 !important;
	}
}

@media (max-width: 580px) {
	.content figure, .content figure.full, .content figure.left, .content figure.right, .content .gallery.double figure, .content .gallery.triple figure, .content .map, .content .map.left, .content .map.right {
		width: 100vw;
		margin-left: -20px;
	}

	.content figure.border {
		width: 100% !important;
		margin-left: 0 !important;
	}
}


/* Whova Modules
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.content div[id^='whova-'] {
	margin: -8px 0;
	padding: 0 !important;
	text-align: center;
}

.content div[id^='whova-'] p#whova-loading {
	display: inline-block;
	margin-top: 45px;
	padding: 0 10px 1px;
	border-radius: 3px;
	background: rgba(0,0,0,0.065);
}

@media (max-width: 1019px) {
	.content div[id^='whova-'] {
		width: calc(100vw - 120px);
	}	
}

@media (max-width: 900px) {
	.content div[id^='whova-'] {
		width: calc(100% - 120px);
	}	
}

@media (max-width: 855px) {
	.content div[id^='whova-'] {
		width: calc(100% - 88px);
		margin-left: -16px;
	}	
}

@media (max-width: 580px) {
	.content div[id^='whova-'] {
		width: calc(100% - 8px);
		margin-left: -16px;
	}	
}


/* Panels Table
–––––––––––––––––––––––––––––––––––––––––––––––––– */

table.panels {
	width: 100%;
	border-collapse: collapse;
  	line-height: 1.4;
}

h1 + table.panels, p + table.panels, table.panels + h2 {
	margin-top: 52px;
}

h2 + table.panels {
	margin-top: 24px;
}

table.panels tr td {
	padding: 25px 30px 27px 0;
	border-width: 0 0 1px;
	border-style: solid;
	border-color: #e6e6e6; /* 0.1 */
}

table.panels tr:first-child td {
	border-top-width: 1px;
}

table.panels tr td:first-child {
	padding-left: 2px;
}

table.panels tr td:last-child {
	padding-right: 2px;
}

table.panels tr td a {
	border-bottom-color: #d9d9d9; /* 0.15 */
	color: inherit;
}

table.panels tr td.left {
	width: 100px;
}

table.panels tr td.title {
	font-weight: 700;
}

table.panels tr td.title span.type {
	position: relative;
	display: inline-block;
	left: -2px;
	margin-bottom: 6px;
	padding: 1px 5px 1px 6px;
	font-size: 15px;
	line-height: 1.4;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-radius: 2px;
	background: #ececec; /* 0.075 */
}

table.panels tr td.title a, table.panels tr td.title span.part {
	vertical-align: bottom;
}

table.panels tr td.title span.part {
	display: inline-block;
	width: 21px;
	height: 21px;
	font-size: 13px;
	line-height: 21px;
	text-align: center;
	border-radius: 11px;
	color: #fff;
	background: #000;
}

table.panels tr td.conveners {
	width: 30%;
	line-height: 1.1;
	font-weight: 400;
}

table.panels tr td.conveners > span {
	display: block;
	margin-bottom: 7px;
}

table.panels tr td.conveners > span:last-child {
	margin-bottom: 0;
}

table.panels tr td.conveners span span {
	display: block;
	font-style: italic;
	margin-top: 2px;
	font-size: 14px;
	color: #949494; /* 0.42 */
}

table.panels + a.button {
	margin-top: 30px;
}

@media (max-width: 580px) {
	table.panels tr td {
		display: block;
		width: 100vw !important;
		margin-left: -20px;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 20px !important;
		padding-right: 20px !important;
		border: none;
		box-sizing: border-box;
	}

	table.panels tr:first-child td:first-child {
		border-top: 1px solid #e6e6e6;
	}

	table.panels tr td:first-child {
		padding-top: 23px;
		padding-left: 0;
	}

	table.panels tr td:last-child {
		padding-bottom: 32px;
		padding-right: 0;
		border-bottom: 1px solid #e6e6e6;
	}

	table.panels tr td.left {
		margin-bottom: 10px;
	}

	table.panels tr td.title span.type {
		margin: 4px 0 10px;
	}

	table.panels tr td.conveners {
		padding-top: 12px;
	}

	table.panels tr td.conveners > span {
		position: relative;
		margin-bottom: 6px;
	}

	table.panels tr td.conveners span span {
		display: inline-block;
	}
}


/* Column List
–––––––––––––––––––––––––––––––––––––––––––––––––– */

ul.columns {
	padding-left: 0;
	columns: 180px auto;
	column-gap: 30px;
}

body.participants p + ul.columns {
	margin-top: 42px;
}

body.sessions ul.columns {
	columns: 140px 4;
}

body.rooms ul.columns {
	columns: 120px 5;
}

ul.columns li {
	break-inside: avoid;
	margin-bottom: 8px;
	list-style: none;
	line-height: 1.3;
}

ul.columns li strong {
	display: inline-block;
	margin-bottom: 2px;
}

ul.columns li a {
	border-bottom-color: #d9d9d9; /* 0.15 */
	color: inherit;
}

ul.columns.headings li {
	padding-bottom: 20px;
	font-size: 24px;
	font-weight: 700;
	line-height: inherit;
}

ul.columns.headings li ul {
	margin-top: 5px;
	padding-left: 0;
}

ul.columns.headings li ul li {
	padding-bottom: 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.3;
}


/* Keywords Tags
–––––––––––––––––––––––––––––––––––––––––––––––––– */

ul.keywords {
	margin-top: 10px;
	padding-left: 0;
}

ul.keywords li {
	display: inline-block;
	list-style: none;
}

ul.keywords li a {
	display: inline-block;
	margin: 0 8px 8px 0;
	padding: 5px 9px 6px;
	border-bottom: inherit;
	border-radius: 3px;
	font-size: 15px;
	line-height: 1.3;
	color: inherit;
	background: #ececec; /* 0.075 */
	transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
}

ul.keywords li a:hover {
	color: #fff;
	background: #00b9af;
}

ul.keywords li a span {
	margin-left: 7px;
	color: #b2b2b2; /* 0.25 */
	transition: color 0.2s ease-in-out;
}

ul.keywords li a:hover span {
	color: #bad6f9 /* white 0.6 */
}

ul.columns.keywords {
	margin-top: 0;
}

ul.columns.keywords li {
	display: block;
	margin-bottom: 0;
}

ul.columns.headings.keywords li {
	padding-bottom: 32px;
}

ul.columns.headings.keywords li ul {
	margin-top: 2px;
}

ul.columns.keywords li ul li {
	/*line-height: inherit;*/
}

ul.columns.headings.keywords li ul li {
	padding-bottom: 0;
}

ul.columns.keywords li ul li a {
	margin-top: 4px;
	margin-bottom: 2px;
}


/* Subpage Overview
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.content .subpages {
	margin-bottom: -48px;
}

.content p + .subpages {
	margin-top: 46px;
}

.content .subpages div {
	display: inline-block;
	width: 28.88%;
	padding-right: 6.66%;
	vertical-align: top;
}

.content .subpages div:nth-child(3n) {
	padding-right: 0;
}

.content .subpages div h2 {
	margin-top: 0;
}

.content .subpages div a.button {
	margin-bottom: 54px;
}

@media (max-width: 840px) {
	.content .subpages div {
		width: 46.66%;
	}

	.content .subpages div:nth-child(2n) {
		padding-right: 0 !important;
	}

	.content .subpages div:nth-child(3n) {
		padding-right: 6.66%;
	}
}

@media (max-width: 580px) {
	.content .subpages div {
		display: block;
		width: 100%;
		padding-right: 0 !important;
	}
}


/* Footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 29px 0 31px;
	font-size: 15px;
	color: #484848; /* 0.7 */
	background: #f3f3f3; /* 0.05 */
}

.footer .social {
	float: left;
	padding-right: 15px;
	white-space: nowrap;
}

.footer .credits {
	float: right;
	padding-left: 15px;
	text-align: right;
}

body.tall-footer .footer .social div:first-child {
	margin-bottom: 4px;
}

.footer .social a {
	position: relative;
	margin-left: 10px;
	padding-left: 20px;
	font-weight: 700;
	border-bottom: none;
}

.footer .social a:before {
	position: absolute;
	top: 1.49px;
	left: 0;
	font-family: 'EuroSEAScons' !important;
	font-size: 16px;
	line-height: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	speak: none;
}

.footer .social a.instagram {
	color: #c13584;
}

.footer .social a.instagram:before {
	content: '\e907';
}

.footer .social a.facebook {
	color: #3c5a99;
}

.footer .social a.facebook:before {
	content: '\e908';
}

.footer .social a.telegram {
	color: #0088cc;
}

.footer .social a.telegram:before {
	content: '\e90a';
}

.footer .social a.whatsapp {
	color: #128c7e;
}

.footer .social a.whatsapp:before {
	content: '\e909';
}

.footer .credits span {
	position: relative;
	padding-right: 21px;
}

body.tall-footer .footer .credits span {
	display: block;
	margin-top: 1px;
	padding-right: 0;
}

.footer .credits span:after {
	position: absolute;
	display: block;
	content: '•';
	top: -1px;
	right: 6px;
	font-size: 12px;
	color: #c2c2c2; /* 0.2 */
}

body.tall-footer .footer .credits span:after {
	display: none;
}

.footer a {
	text-decoration: inherit;
	border-bottom: 2px solid #cfcfcf; /* 0.15 */
	color: inherit;
	transition: 0.2s color ease-in-out, 0.2s border-bottom ease-in-out;
}

.footer a:hover {
	border-bottom-color: rgba(0,185,175,0.7); /* blue 0.7 */
	color: #00b9af !important;
}

.footer br {
	display: none;
}

@media (max-width: 920px) {
	body {
		padding-bottom: 112px;
	}

	body.tall-footer {
		padding-bottom: 150px;
	}

	.footer .social, .footer .credits {
		float: none;
		padding: 0;
		text-align: center;
	}

	.footer .social div {
		margin-bottom: 4px;
	}

	body.tall-footer .footer .social div:last-child {
		margin-bottom: 14px;
	}

	.footer .credits span {
		display: initial !important;
		padding-right: 21px !important;
	}

	.footer .credits span:after {
		display: block !important;
	}
}

@media (max-width: 580px) {
	body {
		padding-bottom: 140px;
	}

	body.tall-footer {
		padding-bottom: 198px;
	}

	.footer .social div {
		margin-bottom: 8px;
	}

	.footer .social a.instagram, .footer .social a.telegram {
		margin-left: 0;
	}

	.footer br {
		display: initial;
	}
}

@media (max-width: 360px) {
	body {
		padding-bottom: 164px;
	}

	body.tall-footer {
		padding-bottom: 216px;
	}

	.footer .social div {
		margin-bottom: 14px;
	}

	.footer .credits span {
		display: block !important;
		padding-right: 0 !important;
		line-height: 1.2;
	}

	.footer .credits span:after {
		display: none !important;
	}
}