/*
* Let's Meet - Stylish Sheet
* Color combo from http://www.colorcombos.com
* Basic colors: 44B3C2  F1A94E  E45641  5D4C46  7B8D8E  2EDD8
*/

:root {
	/* Brand */
	--lm-coral: #e65f3c;
	--lm-coral-dark: #e1572d;
	--lm-coral-light: #f27a5f;
	--lm-coral-soft: #e77755;
	--lm-petrol: #2d808b;

	/* Text */
	--lm-ink: #222222;
	--lm-text: #303636;
	--lm-grey-mid: #999999;
	--lm-sans: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;

	/* Surfaces and borders */
	--lm-grey-light: #eeeeee;
	--lm-grey-bg: #f6f5f5;
	--lm-slate: #505c5e;
	--lm-border: #809090;

	/* Landing Page */
	--lp-body: #4f5a5c;
	--lp-line: rgba(45, 128, 139, 0.18);
}

body {
	font-family: 'Merriweather', 'Helvetica Neue', Arial, sans-serif;
	webkit-tap-highlight-color: var(--lm-ink);
	background-color: #f8f7f7; /* before: #f2f1ef; nice grey: #9e9b96; #925e4f -- Brown: #5D4C46 --, 746e6d Nice warm blue: #7B8D8E; 688687*/
}


hr {
	width: 60px;
	max-width: 60px;
	height: 4px;
	border: 0;
	border-radius: 4px;
	margin-top: 15px;
	margin-bottom: 25px;
	background: linear-gradient(90deg, var(--lm-coral), #f4a075);
}

.box-tile-framed hr {
	width: auto;
	max-width: none;
	height: 0;
	box-sizing: content-box;
	border: 0;
	border-top: 2px solid #EAE9E3;
	border-radius: 0;
	margin: 15px 0;
	background: none;
}

hr.test {
	width: 100%;
	max-width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
	background: linear-gradient(90deg, var(--lm-petrol), #58b4c0);
}

a {
	transition: all 0.35s;
	color: var(--lm-coral); /*#e1572d;*/
}
a:hover,
a:focus {
	color: #db401a;
}

aside {
	padding: 50px 0;
}

h1, h2, h3, .h1, .h2, .h3 {
	font-family: var(--lm-sans);
	line-height: 1.4;
	margin-top: 25px;
	margin-bottom: 15px;
}

h4, h5, h6, .h4, .h5, .h6 {
	font-family: var(--lm-sans);
	line-height: 1.25;
	margin-top: 20px;
	margin-bottom: 15px;
}

h5, .h5 {
	font-size: 16px;
	color: #666666;
}

/* Headings should be smaller on mobile devices */
 h1  small,  h2  small,  h3  small,  h4  small,  h5  small,  h6  small,
.h1  small, .h2  small, .h3  small, .h4  small, .h5  small, .h6  small,
 h1 .small,  h2 .small,  h3 .small,  h4 .small,  h5 .small,  h6 .small,
.h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
	font-weight: inherit;
	line-height: 1;
	font-size: 80%;
	color: inherit;
}
/*
h1, .h1 { font-size: clamp(1.8125rem, 1.15rem + 2.6vw, 2.5rem); line-height: 1.15; letter-spacing: -0.01em; }
h2, .h2 { font-size: clamp(1.5rem, 1.15rem + 1.5vw, 1.875rem); line-height: 1.2; }
h3, .h3 { font-size: clamp(1.25rem, 1.05rem + 0.9vw, 1.5rem); line-height: 1.3; }
h4, .h4 { font-size: clamp(1.125rem, 1.05rem + 0.35vw, 1.25rem); line-height: 1.35; }
*/

h1.event-name,
.h1.event-name {
	font-size: 30px;
	margin-bottom: 0px;
}

h1,
.h1 {
	font-size: 33px;
}
h2,
.h2 {
	font-size: 27px;
}
h3,
.h3 {
	font-size: 23px;
}

@media (max-width: 767px) {
	h1, .h1 {
		font-size: 27px;
	}
	h2, .h2 {
		font-size: 23px;
	}
	h3, .h3 {
		font-size: 21px;
	}
	h4, .h4 {
		font-size: 18px;
	}
	h1.event-name,
	.h1.event-name  {
		font-size: 26px;
	}
}

header {
	position: relative;
	width: 100%;
	min-height: auto;
	background-size: cover;
	background-position: center;
	/*background-image: url('/img/invite_friends_events_noshadow.jpg');*/
	text-align: center;
	color: white;

	/* Create a fixed background parallax scrolling effect */
	/*
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	*/
}
@media (min-width: 768px) {
	header {
		min-height: 100%;
	}
}

@media print {
	.print-hidden {
		display: none;
	}

	/* Deactivate links and buttons that hold no information as well as the legend.
	The has attricute is only supported starting end 2022 */
	a:has(.fa),
	td:has(.fa-calendar-times-o),
	td:has(.fa-files-o),
	td:has(.fa-minus-circle),
	td:has(.fa-share),
	td:has(.fa-times),
	td:has(.fa-trash-o),
	button:has(.fa-files-o),
	button:has(.fa-trash-o) {
		display: none;
	}

	.fa-calendar-times-o,
	.fa-files-o,
	.fa-minus-circle,
	.fa-pencil,
	.fa-share,
	.fa-times,
	.fa-trash-o,
	.legend {
		display: none;
	}

	/* Print: remove huge top padding and use max container width */
	section {
		padding: 0px !important;
	}
	
	.container {
		width: 100% !important;
		max-width: 100% !important;
	}
}


/*
	CHECKBOXES with label wrapping
	https://webdesign.tutsplus.com/articles/quick-tip-easy-css3-checkboxes-and-radio-buttons--webdesign-8953
*/

input[type="checkbox"] {
	display:none;
}

/* Fix for checkbox in Summernote */
.checkbox input[type="checkbox"] {
	display: inline-block;
	margin-right: 4px;
	vertical-align: middle;
}

input[type="checkbox"] + label {
	/*width: 18px;*/
	height: 18px;
	background:url('../img/icons/selection/off.png') left top no-repeat;
	margin: 0 0 0 0;

	/* Left padding makes room for image */
	padding: 0 0 0 24px;

	cursor: pointer;
	display: inline-block;
}

input[type="checkbox"]:checked + label {
	background:url('../img/icons/selection/checked.png') left top no-repeat;
}


input[type="radio"] {
	display:none;
}

input[type="radio"] + label {
	/*width: 18px;*/
	height: 18px;
	background:url('../img/icons/selection/off.png') left top no-repeat;
	margin: 0 0 0 0;

	/* Left padding makes room for image */
	padding: 0 0 0 24px;

	cursor: pointer;
	display: inline-block;
}

input[type="radio"]:checked + label {
	background:url('../img/icons/selection/radio.png') left top no-repeat;
}


label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: normal;
}
::selection {
	color: var(--lm-ink);
	text-shadow: none;
	background: var(--lm-grey-mid);
}
img::selection {
	color: white;
	background: transparent;
}

p {
	line-height: 1.5;
	margin: 0 0 7px 0;
}

section {
	padding: 55px 10px;
}
@media (min-width: 768px) {
	section {
		padding: 100px 20px;
	}
}

select option:disabled {
	color: var(--lm-grey-mid);
}


/* //////////////////////////////// BACKGROUND, SECTIONS, COLS //////////////////////////////// */


/* Wrapper that resizes all pages to 100% for footer */
.wrapper {
	min-height: 100%;
	height: auto !important;
	margin: 0 auto -40px; /* the bottom margin is the negative value of the imprint's height */
	padding: 0px 0 40px 0; /* Increase padding bottom for negative margin */
}

@media (max-width: 767px) {
	.container-tiles {
		max-width: 630px !important;
	}
}

@media (min-width: 1500px) {
	.container-wide {
		width: 1350px !important;
	}
}

.container-wider {
	max-width: 1500px !important;
}

@media (min-width: 1200px) {
	.container-max {
		width: auto !important;
		padding-right: 75px !important;
		padding-left: 75px !important;
	}
}

.container-centered {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.bg-image {
	background-image: url('../img/background/background_1040_light_half.png');
	/*background-image: url('/img/background/background_1040_light_half.png');*/
	background-repeat: repeat;
}

@media (prefers-color-scheme: dark) {
	.bg-image {
		background-image: none;
	}
}

.bg-error {
	background-color: #5D4C46;
	color: #ECEADE;
}

.bg-primary {
	background-color: var(--lm-coral-soft); /*Before #e65f3c; and #E4603f;*/ /* Original: #F05F40; */
	color: white;
}

.bg-primary-dark {
	background-color: var(--lm-coral-dark);
	color: white;
}

.bg-login {
	background-color: #f8f7f7; /* --- last: f2f1ef -> EFEEE9 -> EBEADE -> EBE8DB; orig: F2EDD8; E4DEC8; grey: #DBDBD9;*/
	color: var(--lm-text);
}

.bg-light {
	background-color: #fbfafa; /*#f8f8f7; #f2f1ec;*/
}

.bg-dark {
	background-color: #3d4648; /* #343C3D or a bit lighter: #3d4648;*/
	color: white; /*#ECEBE5;*/
}

.bg-white {
	background-color: #ffffff;
	color: #404646;
}

.footer-section {
	color: var(--lm-grey-light);
	padding: 10px 20px;
	background-color: rgba(30, 37, 37, 0.9); 
	text-align: right;
	font-family: var(--lm-sans);
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	width:100%;
	min-height: 40px;
	position: relative;
}

.footer-section > span > a,
.footer-section > a {
	color: var(--lm-grey-light);
	padding-left: 15px;
}

.footer-section > span > a:hover,
.footer-section > span > a:focus,
.footer-section > a:hover,
.footer-section > a:focus {
	color: var(--lm-coral-light);
	text-decoration: none;
}

/* Padding for sections */
.section-no-padding {
	padding: 0;
}

.section-no-padding-bottom {
	padding: 80px 10px 0 10px;
}

@media (min-width: 768px) {
	.section-no-padding-bottom {
		padding: 100px 20px 0 20px;
	}
}

.section-little-padding {
	padding: 30px 10px 30px 10px;
}

.section-design {
	padding: 40px 10px 40px 10px;
}

@media (min-width: 768px) {
	.section-design {
		padding: 60px 10px 50px 10px;
	}
}

.section-event-register-top {
	padding: 50px 0px 0px 0px;
	color: var(--lm-text);
	text-align: center;
	line-height: 1.8;
}

.section-event-register-main {
	padding: 0;
	margin: 0;
}

.section-screenshots {
	padding: 55px 10px 25px 10px;
	border-bottom: 1px solid rgba(30, 37, 37, 0.1);
}

.section-auth {
	padding: 80px 20px;
}

@media (min-width: 768px) {
	.section-screenshots {
		padding: 100px 20px 50px 20px;
	}

	.section-auth {
		padding: 90px 20px;
	}
}

.section-landingpage-no-border {
	padding: 25px 10px 50px 10px ;
}

@media (min-width: 768px) {
	.section-landingpage-no-border {
		padding: 35px 20px 75px 20px;
	}
}

.section-landingpage {
	padding: 25px 10px 50px 10px ;
	border-bottom: 1px solid rgba(30, 37, 37, 0.1);
}

@media (min-width: 768px) {
	.section-landingpage {
		padding: 35px 20px 75px 20px;
	}
}


/* //////////////////////////////// BOOTSTRAP COL CLEARFIX //////////////////////////////// */

.row-small-gutters {
	margin-right: -5px;
	margin-left: -5px;
}
.row-small-gutters [class*="col-"] {
	padding-right: 5px;
	padding-left: 5px;
}

@media (min-width:767px){

	/* Column clear fix */
	.col-lg-1:nth-child(12n+1),
	.col-lg-2:nth-child(6n+1),
	.col-lg-3:nth-child(4n+1),
	.col-lg-4:nth-child(3n+1),
	.col-lg-6:nth-child(2n+1),
	.col-md-1:nth-child(12n+1),
	.col-md-2:nth-child(6n+1),
	.col-md-3:nth-child(4n+1),
	.col-md-4:nth-child(3n+1),
	.col-md-6:nth-child(2n+1){
		clear: none;
	}
	.col-sm-1:nth-child(12n+1),
	.col-sm-2:nth-child(6n+1),
	.col-sm-3:nth-child(4n+1),
	.col-sm-4:nth-child(3n+1),
	.col-sm-6:nth-child(2n+1){
		clear: left;
	}
}


/*  Medium Desktop  */
@media (min-width:992px){

	/* Column clear fix */
	.col-lg-1:nth-child(12n+1),
	.col-lg-2:nth-child(6n+1),
	.col-lg-3:nth-child(4n+1),
	.col-lg-4:nth-child(3n+1),
	.col-lg-6:nth-child(2n+1),
	.col-sm-1:nth-child(12n+1),
	.col-sm-2:nth-child(6n+1),
	.col-sm-3:nth-child(4n+1),
	.col-sm-4:nth-child(3n+1),
	.col-sm-6:nth-child(2n+1){
		clear: none;
	}
	.col-md-1:nth-child(12n+1),
	.col-md-2:nth-child(6n+1),
	.col-md-3:nth-child(4n+1),
	.col-md-4:nth-child(3n+1),
	.col-md-6:nth-child(2n+1){
		clear: left;
	}
}


/*  Large Desktop  */
@media (min-width:1200px){

	/* Column clear fix */
	.col-md-1:nth-child(12n+1),
	.col-md-2:nth-child(6n+1),
	.col-md-3:nth-child(4n+1),
	.col-md-4:nth-child(3n+1),
	.col-md-6:nth-child(2n+1),
	.col-sm-1:nth-child(12n+1),
	.col-sm-2:nth-child(6n+1),
	.col-sm-3:nth-child(4n+1),
	.col-sm-4:nth-child(3n+1),
	.col-sm-6:nth-child(2n+1){
		clear: none;
	}
	.col-lg-1:nth-child(12n+1),
	.col-lg-2:nth-child(6n+1),
	.col-lg-3:nth-child(4n+1),
	.col-lg-4:nth-child(3n+1),
	.col-lg-6:nth-child(2n+1){
		clear: left;
	}
}

/* //////////////////////////////// BOXES //////////////////////////////// */


/* ---------- TILES ---------------------------------------------------------
   One shell for every .box-tile-framed, three fillings:
     no media          contact groups, templates     accent bar on top
     .box-with-image   events                        media block on top
     .box-register     call to action                shadowed link
     .box-action       call to action                dashed, centred
   The row needs .box-tile-grid for tiles of equal height.
   -------------------------------------------------------------------------- */

/* --- Row and grid for box tiles as well as the shell --- */
/*   A class instead of :has(), so it also works in older browsers and does not
   ask the engine to match a parent. Bootstrap adds ::before/::after to every
   .row for its clearfix; inside a flex container those become flex items. */
.box-tile-grid {
	display: flex;
	flex-wrap: wrap;
}

.box-tile-grid::before,
.box-tile-grid::after,
.box-tile-framed::before,
.box-tile-framed::after {
	display: none;
}

.box-tile-grid > [class*="col-"] {
	display: flex;
	float: none;
	flex: 0 0 auto;
	padding: 0 15px 30px;
}

/* Below 768px Bootstrap gives col-sm-* neither a float nor a width, so as a
   flex item the column would shrink to its content. */
@media (max-width: 767px) {
	.box-tile-grid > [class*="col-"] {
		width: 100%;
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
	}
}

/* A tile that links as a whole, for example the one leading to past events. */
.box-tile-grid > [class*="col-"] > a {
	display: flex;
	width: 100%;
}

.box-tile-framed {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	width: 100%;
	/* floor for the single column layout, never reached from 768px up */
	min-width: 270px;
	max-width: 600px;
	margin: 0;
	padding: 0;
	/*border: 1px solid #ecefef;*/
	border-radius: 26px 6px 26px 6px;
	color: var(--lm-text);
	line-height: 1.6;
	/* The accent bar is a background image, not a pseudo element: backgrounds
	   are clipped to the rounded border box, so it follows the large corner
	   without overflow:hidden, which would cut off the delete popover. */
	background-color: #ffffff;
	background-image: linear-gradient(90deg, var(--lm-coral), #f4a075);
	background-repeat: no-repeat;
	background-size: 100% 10px;
	background-position: 0 0;
	box-shadow: 0 1px 2px rgba(45, 60, 62, 0.05), 0 16px 30px -24px rgba(45, 60, 62, 0.7);
	transition: box-shadow .25s ease, transform .25s ease;
}

.box-tile-framed:hover {
	transform: translateY(-2px);
	box-shadow: 0 2px 4px rgba(45, 60, 62, 0.06), 0 22px 38px -24px rgba(45, 60, 62, 0.75);
}

@media (max-width: 480px) {
	.box-tile-framed-embedded {
		min-width: 280px !important;
	}
}

/* ---------- Logo or image on event box on top and overlay for time ---------- */
.box-tile-framed.box-with-image {
	background-image: none;
}

.box-tile-media {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 132px;
	overflow: hidden;
	border-radius: 26px 6px 0 0;
	background-color: var(--lm-coral-soft);
}

.box-tile-media img {
	display: block;
	width: 100%;
	height: 132px;
	object-fit: cover;
}

.box-tile-media-logo img {
	width: auto;
	max-width: 70%;
	height: 76px;
	padding: 0 5px 5px 5px;
	object-fit: contain;
}

.box-tile-overlay {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin: -36px 18px 0;
	min-height: 52px; /* equals .box-tile-org-img height incl. border */
}


.box-tile-overlay .box-tile-time {
	display: flex;
	align-items: baseline;
	padding: 8px 14px;
	border-radius: 12px;
	background-color: #ffffff;
	box-shadow: 0 8px 18px -8px rgba(45, 60, 62, 0.8);
	font-size: 14px;
	font-family: var(--lm-sans);
}

.box-tile-overlay .box-tile-time > * {
	margin: 0 0 0 7px;
}

.box-tile-overlay .box-tile-time > :first-child {
	margin-left: 0;
}

.box-tile-overlay .box-tile-label-time {
	padding: 0;
	color: var(--lm-ink);
	font-size: 14px;
	font-weight: 700;
}

.box-tile-overlay .box-tile-year {
	color: #8a9698;
	font-size: 12px;
}

.box-tile-overlay .box-tile-clock {
	font-size: 14px;
	font-weight: 600;
}

.box-tile-overlay .box-tile-org-img {
	width: 46px;
	height: 46px;
	margin: 0;
	border: 3px solid #ffffff;
	border-radius: 50%;
	box-shadow: 0 6px 14px -6px rgba(45, 60, 62, 0.8);
}

.box-tile-overlay .box-tile-resume-pause {
	width: 42px;
	height: 42px;
	margin: 6px 10px 0 0;
}

.box-tile-overlay .box-tile-resume-pause form {
	margin: 0;
}

.box-tile-overlay .box-tile-resume-pause .fa {
	font-size: 54px;
	line-height: 1;
}

/* ---------- Body of the tile with all other infos ---------- */

.box-tile-body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	width: 100%;
	padding: 30px 22px 18px;
}

.box-with-image .box-tile-body {
	padding-top: 14px;
}

/* Spacing sits on the children; flex gap needs Safari 14.1. */
.box-tile-body > * {
	margin-bottom: 10px;
}

.box-tile-body > :last-child {
	margin-bottom: 0;
}

.box-tile-heading {
	margin-top: 2px;
	margin-bottom: 14px;
	font-family: var(--lm-sans);
	font-size: 18px;
	font-weight: bold;
	line-height: 1.35;
}

.box-tile-heading a {
	border-bottom: 1px solid rgba(230, 95, 60, 0.5);
	color: var(--lm-ink);
	text-decoration: none;
}

.box-tile-heading a:hover,
.box-tile-heading a:focus {
	border-bottom-color: var(--lm-coral);
	color: var(--lm-coral);
	text-decoration: none;
}

/* One line of information: location, participants, waiting list. */
.box-tile-fact {
	font-size: 14px;
}


.box-tile-body hr {
	margin: auto -22px 12px;
	border-top: 1px solid var(--lm-grey-light);
}

.box-tile-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.box-tile-meta > * {
	margin-right: 16px;
}

.box-tile-meta > :last-child {
	margin-right: 0;
}

.box-tile-meta .btn {
	margin-top: 0;
	margin-bottom: 0;
}

/* Right aligned row of tile actions. Inside a flex container the order in the
   markup is the order on screen. */
.box-tile-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
}

.box-tile-icon-text {
	flex: 1 1 auto;
	min-width: 0;
	margin-right: auto;
	padding: 0 12px 0 0;
	font-size: 13px;
	line-height: 1.5;
}

.box-tile-icon {
	width: 34px;
	height: 34px;
	margin-left: 4px;
	padding: 0;
	border-radius: 9px;
	transition: background-color .2s ease;
}

.box-tile-icon:hover {
	background-color: #fbeee9;
}

.box-tile-icon form,
.box-tile-icon > a,
.box-tile-icon .btn-link {
	display: block;
	width: 34px;
	height: 34px;
	margin: 0;
	line-height: 34px;
	text-align: center;
}


.box-tile-icon .fa {
	top: 0;
	font-size: 20px !important;
}

/* call to action tile, for example the past events */
.box-tile-framed.box-action {
	align-items: center;
	justify-content: center;
	border: 1px dashed #d2dada;
	background-image: none;
	box-shadow: none;
	padding: 50px 0;
}

.box-tile-framed.box-action:hover {
	transform: none;
	border-color: var(--lm-coral);
	box-shadow: none;
}

.box-tile-framed.box-register:hover {
	-webkit-box-shadow: 0 2px 12px rgba(0,0,0, .35);
			box-shadow: 0 2px 12px rgba(0,0,0, .35);
}

.box-tile-info {
	position: static;
	width: auto;
	margin: 0;
	padding: 50px 20px;
	color: #6b7778;
	font-family: var(--lm-sans);
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	transform: none;
}

.box-tile-info .fa {
	display: block;
	margin-bottom: 12px;
	color: #c4cccc;
	font-size: 22px;
}

.box-action:hover .box-tile-info,
.box-action:hover .box-tile-info .fa {
	color: var(--lm-coral);
}


/* Subsection in event registration list tile view if many events per day */
.box-tile-subsection {
	color: white;
	background-color: #379ca9; /*#246770;*/
}

.box-tile-logo {
	width: auto; /* JP logo changes 2021-05-09: 85px;*/
	height: 85px;
	border: 0;
	margin: 0 auto;
	padding: 13px;
}


.box-framed {
	background-color: #F9F9F8; /* #EAE9E3;*/
	color: var(--lm-text);
	border: 1px solid #EAE9E3;
	border-radius: 10px;
	font-size: 15px;
	line-height: 1.6;
	margin: 25px;
	padding: 15px;
	box-shadow: 0 6px 12px rgba(0,0,0, .25);
}

.box-framed-favorites-first {
	min-width: 275px;
	margin-left:  7px;
	margin-right: 7px;
}

.box-framed-heading {
	font-family: var(--lm-sans);
	font-size: 22px;
	margin-top: 7px;
	margin-bottom: 10px;
}

.box-framed-text {
	margin-bottom: 17px;
}

/* Margins for the review boxes in the second row */
@media (max-width: 767px) {
	.review-row-margin-reduced-xs {
		margin-top: -25px !important;
	}
}

.service-box {
	max-width: 400px;
	margin: 50px auto 0;
}

@media (min-width: 992px) {
	.service-box {
		margin: 20px auto 0;
	}
}

.service-box h1,
.service-box h2,
.service-box h3,
.service-box h4 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.service-box p {
	font-size: 17px !important;
	line-height: 1.5;
	/*margin-top: 30px;*/
	margin-bottom: 6px;
}

.service-box ul {
	font-size: 17px !important;
	line-height: 1.5;
	/*margin-top: 30px;*/
	padding: 0;
	margin-bottom: 0px;
	list-style-position: inside;
}

.service-box li {
	margin-bottom: 6px;
}

/* //////////////////////////////// BUTTONS //////////////////////////////// */

.btn {
	font-family: var(--lm-sans);
	border: none;
	border-radius: 300px;
	font-weight: bold;
	text-transform: uppercase;
	transition: all 0.3s ease;
	margin-top: 5px;
	margin-bottom: 5px;
}

.btn.btn-no-margin {
	margin-top: 0;
	margin-bottom: 0;
}

.btn-xl {
	padding: 15px 20px;
	/*box-shadow: 0 12px 26px -12px rgba(0, 0, 0, 0.45);*/
}


.btn-xl:hover,
.btn-xl:focus,
.btn-xl.focus,
.btn-xl:active,
.btn-xl.active,
.open > .dropdown-toggle.btn-xl {
	transform: translateY(-2px);
}

.btn-sm {
	font-weight: 600;
	padding: 4px 12px;
}

.btn-link {
	background:none!important;
	border:none; 
	padding:0!important;
	font: inherit;
	color: var(--lm-coral); /*#e1572d;*/
	cursor: pointer;
}

.btn-select-all {
	min-width: 40px;
	text-align: left;
}

a.btn-link:hover,
.btn-link:hover {
	color: #db401a;
}

.btn-wide {
	padding: 10px 30px;
}

.btn-wider {
	padding: 10px 40px;
}

.btn-style-plus-minus {
	font-size: 32px;
	margin: 0 4px 0 4px;
}

.btn-back {
	color: white;
	background-color: var(--lm-petrol);
	border-color: var(--lm-petrol);
	box-shadow: 0 6px 14px -8px rgba(36, 103, 112, 0.75);
}

.btn-back:hover,
.btn-back:focus,
.btn-back.focus,
.btn-back:active,
.btn-back.active,
.open > .dropdown-toggle.btn-back,
.btn-back:active:hover,
.btn-back.active:hover,
.open > .dropdown-toggle.btn-back:hover,
.btn-back:active:focus,
.btn-back.active:focus,
.open > .dropdown-toggle.btn-back:focus,
.btn-back:active.focus,
.btn-back.active.focus,
.open > .dropdown-toggle.btn-back.focus {
	color: white;
	background-color: #246770;
	border-color: #246770;
	box-shadow: 0 10px 20px -10px rgba(36, 103, 112, 0.75);
}

.modal-footer .btn-back {
	margin-bottom: 0 !important;
}

/* Quiet outline button for tiles: join link on the contact groups, "my
   registration" on the events. Always combine with .btn .btn-sm. */
.btn-outline {
	/*padding: 5px 14px;
	border-radius: 12px;*/
	border: 1px solid var(--lm-petrol);
	background-color: #ffffff;
	box-shadow: none;
	color: var(--lm-petrol);
	font-size: 13px;
	text-transform: none;
	white-space: normal;
}

.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active {
	background-color: var(--lm-petrol);
	/*box-shadow: none;*/
	color: white;
}

.btn-outline .fa {
	margin-right: 6px;
}


.btn-deactivated {
	color: white;
	background-color: #777777;
	border-color: #777777;
	box-shadow: 0 6px 14px -8px rgba(0, 0, 0, 0.45);
}
.btn-deactivated:hover,
.btn-deactivated:focus,
.btn-deactivated.focus,
.btn-deactivated:active,
.btn-deactivated.active,
.open > .dropdown-toggle.btn-deactivated,
.btn-deactivated:active:hover,
.btn-deactivated.active:hover,
.open > .dropdown-toggle.btn-deactivated:hover,
.btn-deactivated:active:focus,
.btn-deactivated.active:focus,
.open > .dropdown-toggle.btn-deactivated:focus,
.btn-deactivated:active.focus,
.btn-deactivated.active.focus,
.open > .dropdown-toggle.btn-deactivated.focus {
	color: white;
	background-color: #555555;
	border-color: #555555;
	box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.55);
}


.btn-primary {
	color: white;
	background-color: var(--lm-coral);
	border-color: var(--lm-coral);
	box-shadow: 0 6px 14px -8px rgba(214, 74, 39, 0.75);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary,
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
	color: white;
	background-color: #d6491f;
	border-color: #d6491f;
	box-shadow: 0 10px 20px -10px rgba(214, 74, 39, 0.75);
}

.modal-footer .btn-primary {
	margin-bottom: 0 !important;
}


.btn-default {
	color: var(--lm-ink);
	background-color: #ffffff;
	border-color: #ffffff;
	box-shadow: 0 6px 14px -8px rgba(0, 0, 0, 0.45);
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default,
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
	color: var(--lm-ink);
	background-color: #f2f2f2;
	border-color: #ededed;
	box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.55);
}

.modal-footer .btn-default {
	margin-bottom: 0 !important;
}

.btn-icon-circle {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background-color: #ffffff;
	box-shadow: 0 6px 14px -6px rgba(45, 60, 62, 0.8);
	cursor: pointer;
	transition: background-color .2s ease, box-shadow .2s ease;
}

/* Buttons like play resume that are visible one or the other */
.btn-reactivate .fa-play-circle-o,
.btn-reactivate:hover .fa-pause-circle-o {
	display: none;
}
.btn-reactivate:hover .fa-play-circle-o {
	display: inline-block;
}

.btn-pause .fa-pause-circle-o,
.btn-pause:hover .fa-play-circle-o {
	display: none;
}
.btn-pause:hover .fa-pause-circle-o {
	display: inline-block;
}


.btn-set-hidden .fa-eye-slash,
.btn-set-hidden:hover .fa-eye {
	display: none;
}
.btn-set-hidden:hover .fa-eye-slash {
	display: inline-block;
}

.btn-set-visible .fa-eye,
.btn-set-visible:hover .fa-eye-slash {
	display: none;
}
.btn-set-visible:hover .fa-eye {
	display: inline-block;
}

.btn-checkout .fa-sign-out,
.btn-checkout:hover .fa-check-circle {
	display: none;
}
.btn-checkout:hover .fa-sign-out {
	display: inline-block;
}


/* //////////////////////////////// CAROUSEL //////////////////////////////// */

.carousel-caption > h1,
.carousel-caption > h2 {
	display: inline-block;
	background: rgba(44, 65, 68, 0.75); /*rgba(61, 70, 72, 0.75);*/
	color: white;
	font-size: 28px;
	padding: 10px 20px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

@media (max-width: 767px) and (max-height: 700px) {
	.carousel-caption > h1,
	.carousel-caption > h2 {
		font-size: 22px;
	}
}

@media (min-width: 992px) and (min-height: 800px) {
	.carousel-caption > h1,
	.carousel-caption > h2 {
		font-size: 36px;
		padding: 15px 35px;
		border-top-left-radius: 25px;
		border-top-right-radius: 25px;
	}
}

.carousel-caption > .carousel-hide-sm-height {
	display: none;
}

@media (min-height: 450px) {
	.carousel-caption > .carousel-hide-sm-height {
		display: block;
	}
}

.carousel .item {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 100vh; /* Sets height to the viewport height */
}

/* //////////////////////////////// FONT AWESOME //////////////////////////////// */

.fa-plus-square {
}

.fa-style-bright-shadow {
	text-shadow: -1px 0 3px var(--lm-grey-light), 0 1px 3px var(--lm-grey-light), 1px 0 3px var(--lm-grey-light), 0 -1px 3px var(--lm-grey-light);
}

.fa-style-comment {
	color: #246770;
}

.fa-style-check {
	color: #3caab9;
}

.fa-style-cross {
	color: var(--lm-coral-soft);
}

.fa-style-link {
	color: var(--lm-coral);
}

.fa-style-link:hover,
.fa-style-link:focus {
	color: var(--lm-coral-dark);
}

.fa-style-link-nohover {
	color: var(--lm-coral);
}
/*
.fa-style-shiny {
	text-shadow: 0px 0px 6px #FAFAD2;
}
*/

.fa-style-fat {
	-webkit-text-stroke: 0.2px;
}

.fa-style-link-connect {
	font-size: 36px;
	color: white;
}

.fa-style-link-connect:hover,
.fa-style-link-connect:focus {
	color: rgba(255, 255, 255, 0.75);
}


.fa-style-link-deactivated {
	color: #9fa5a0;
}


.fa-size-general {
	font-size: 90% !important;
}


.fa-size-general-smaller {
	font-size: 88% !important;
	bottom: 0.03em;
	position: relative;
}

.fa-size-download {
	font-size: 86% !important;
	bottom: -0.04em;
	position: relative;
}

.fa-size-upload {
	font-size: 83% !important;
	bottom: 0.03em;
	position: relative;
}

.fa-size-bars {
	font-size: 97% !important;
}

.fa-size-group {
	font-size: 80% !important;
	bottom: 0.05em;
	position: relative;
}

.fa-size-calendar {
	font-size: 80% !important;
	bottom: 0.08em;
	position: relative;
}

.fa-size-calendar-plus {
	font-size: 85% !important;
	bottom: 0.13em;
	position: relative;
}

.fa-size-brush {
	font-size: 75% !important;
	bottom: 0.08em;
	position: relative;
}

.fa-size-envelope {
	font-size: 70% !important;
	bottom: 0.06em;
	position: relative;
}

.fa-size-map-marker {
	font-size: 87% !important;
	bottom: 0.06em;
	position: relative;
}

.fa-size-qrcode {
	font-size: 95% !important;
	bottom: -0.04em;
	position: relative;
}

.fa-size-filter {
	font-size: 95% !important;
	bottom: 0.05em;
	position: relative;
}

.fa-xl {
	font-size: 150% !important;
	top: 0.04em;
	position: relative;
}



/* //////////////////////////////// FORMS //////////////////////////////// */


.emphasized .form-control {
	border-color: var(--lm-petrol);
	box-shadow: inset 0 1px 2px var(--lm-petrol);
}

.emphasized .help-block {
	color: var(--lm-petrol);
}

.form-ranking-input {
	width: 5em;
}

.form-color-input {
	width: 80px;
}

.form-img-input {
	padding: 0px;
	margin: 0px;
	outline: none;
	border: 0px;
}

.table-form-input-sm {
	min-width: 40px;
}

.table-form-input-md {
	min-width: 66px;
}

.table-form-input-lg {
	min-width: 100px;
}

.table-form-input-xl {
	min-width: 150px;
}

.form-control {
	position: relative;
	height: auto;
	box-sizing: border-box;
	padding: 2px 5px;
	margin-bottom: 0px;
	font-size: 14px;
	color: var(--lm-text);
}

.form-control-number {
	display: inline-block;
	max-width: 65px;
}

.form-create {
	max-width: 660px;
}
.form-settings {
	max-width: 800px;
}
.form-create .form-control,
.form-settings .form-control {
	padding: 5px;
}

/* used to be display: none !important;*/
.form-group-field-26,
.form-group-field-27,
.form-group-field-question {
	position: absolute;
	height: 0;
	width: 0;
	overflow: hidden;
	opacity: 0;
	z-index: -1;
}

.form-inline {
	display: inline-block;
}

.form-signin {
	max-width: 450px;
	margin: 0 auto;
}
.form-signin .form-control {
	padding: 10px;
	font-size: 16px;
}


.form-register {
	max-width: 450px;
	padding-top: 15px;
	margin: 0 auto;
}
.form-register .form-control {
	padding: 7px;
}
.form-register .form-control-field-name {
	height: 30px;
	margin-bottom: 12px;
}
.form-register .form-control-field-required {
	margin: 5px 0 12px 0;
}
.form-register .form-group,
.form-signin   .form-group {
	margin-bottom: 20px;
}

.form-register .checkbox,
.form-signin   .checkbox,
.form-create   .checkbox {
	margin-bottom: 10px;
	font-weight: normal;
}

.form-control-event-list-link {
	display: inline-block;
	width: 280px;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
	color: var(--lm-coral-dark);
}

.has-error .form-control {
	border-color: var(--lm-coral-dark);
	box-shadow: inset 0 2px 4px var(--lm-coral);
}

.has-error .dropdown-main,
.has-error .dropdown-display {
	border-color: var(--lm-coral-dark);
	box-shadow: inset 0 2px 4px var(--lm-coral);
}

.has-error .form-control:focus {
	border-color: var(--lm-coral-dark);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px var(--lm-coral);
}

.input-group-search {
	width: 250px;
}

@media (max-width: 480px) {
	.input-group-search {
		width: 190px;
	}
}


/* //////////////////////////////// FONT SIZE //////////////////////////////// */

.fs-10 { font-size: 10px !important; }
.fs-11 { font-size: 11px !important; }
.fs-12 { font-size: 12px !important; }
.fs-13 { font-size: 13px !important; }
.fs-14 { font-size: 14px !important; }
.fs-15 { font-size: 15px !important; }
.fs-16 { font-size: 16px !important; }
.fs-17 { font-size: 17px !important; }
.fs-18 { font-size: 18px !important; }
.fs-19 { font-size: 19px !important; }
.fs-20 { font-size: 20px !important; }
.fs-21 { font-size: 21px !important; }
.fs-22 { font-size: 22px !important; }
.fs-23 { font-size: 23px !important; }
.fs-24 { font-size: 24px !important; }
.fs-25 { font-size: 25px !important; }
.fs-26 { font-size: 26px !important; }
.fs-27 { font-size: 27px !important; }
.fs-28 { font-size: 28px !important; }
.fs-29 { font-size: 29px !important; }
.fs-30 { font-size: 30px !important; }

.fs-95p {
	font-size: 95%;
}

.fs-90p {
	font-size: 90%;
}

.fs-80p {
	font-size: 80%;
}

/* //////////////////////////////// IMAGES //////////////////////////////// */

.img-profile-link {
	width:75px;
	height:75px;
	border-radius:50%;
	margin-top:-6px;
	margin-right:17px;
	padding: 3px;
	box-shadow: inset 0 -3px 3px rgba(231, 119, 85, 0.7);
	border: 2px solid rgba(231, 119, 85, 0.7);
}

.img-profile-listitem {
	width:66px;
	height:66px;
	border-radius:50%;
	margin: 10px;
	cursor: pointer;
}

.img-profile-listitem-selected {
	width:66px;
	height:66px;
	border-radius:50%;
	margin: 10px;
	padding: 3px;
	box-shadow: inset 0 -3px 3px rgba(231, 119, 85, 0.5);
	border: 1px solid rgba(231, 119, 85, 0.7);
	cursor: pointer;
}

.img-avatar {
	padding-bottom: 20px;
	margin:auto;
	max-width: 75px;
}

.img-h1 {
	width:30px;
	height:30px;
	margin-left: -5px;
	margin-right: -5px;
	margin-bottom: 7px;
}

@media (max-width: 767px) {
	.img-h1 {
		width:25px;
		height:25px;
		margin-bottom: 6px;
	}
}

.img-index {
	display: block;
	margin: 30px auto;
}

@media (min-width: 768px) {
	.img-avatar {
		padding-bottom: 0;
		max-width: 100px;
	}
}

.img-btn {
	width: 19px;
	height: 19px;
	border: 0;
	margin-bottom: 2px;
}

.img-btn-lg {
	width: 25px;
	height: 25px;
	border: 0;
}

.img-btn-wide {
	width: 23px;
	height: 19px;
	border: 0;
	margin-bottom: 2px;
}

.img-carousel {
	margin-bottom: 0%;
}

@media (min-height: 500px) {
	.img-carousel {
		margin-bottom: 10%;
	}
}

@media (min-height: 700px) {
	.img-carousel {
		margin-bottom: 16%;
	}
}

@media (min-height: 900px) {
	.img-carousel {
		margin-bottom: 22%;
	}
}

.img-logo {
	width: 90px;
	height: 90px;
	border: 0;
	margin: 0 0 -5px 0;
	padding: 0;
}

.img-logo-startpage {
	width: 65px;
	height: 65px;
	border: 0;
	margin: -15px 0 0px 0;
	padding: 0;
}

@media (min-width: 768px) {
	.img-logo-startpage {
		width: 100px;
		height: 100px;
		margin: -40px 0 20px 0;
	}
}

.img-logo-design-event {
	padding-right: 7px !important;
}

.img-logo-event-registration {
	border: 0;
	margin: 0;
	width: auto;
	height: 110px;
	padding: 25px 5px 25px 5px;
}

@media (min-width: 768px) {
	.img-logo-event-registration {
		height: 140px;
		padding: 35px 15px 35px 15px;
	}
}

.img-logo-event-registration-embedded {
	border: 0;
	margin: 0;
	width: auto;
	height: 85px;
	padding: 0px 10px 25px 10px;
}

@media (min-width: 768px) {
	.img-logo-event-registration-embedded {
		height: 100px;
		padding: 0px 15px 30px 15px;
	}
}

.img-modal-lg {
	width: 64px;
	height: 64px;
	border: 0px;
	vertical-align: -5%;
}

.img-modal {
	margin-top: 25px;
	margin-bottom: 5px;
}

@media (min-width: 768px) {
	.img-qr-code {
		width: 370px;
		height: 370px;
	}
}

.img-icon-save {
	border: 0;
	margin-bottom: -5px;
}

.img-shadow {
	display: block;
	box-shadow: 3px 3px 1px #ccc;
	box-shadow: 0 6px 12px rgba(0,0,0, .25);
}

/* //////////////////////////////// LANGUAGE DROP DOWN //////////////////////////////// */

.language-dropdown {
	margin: 10px 0 5px 0;
	text-align: right;
}

.language-dropdown-header {
	margin: 25px 0 -25px 0;
	text-align: right;
}

@media (min-width: 768px) {
	.language-dropdown-header {
		margin: -15px 0 -15px 0;
		text-align: right;
	}
}

.language-flag {
	width: 32px;
	height: 18px;
	margin: 0;
	float: right;
}

/* Not needed now but useful maybe */
.language-flag-grey {
	filter: grayscale(100%);
}

/* Disable grayscale on hover */
.language-flag-grey:hover {
	filter: none;
}

/* //////////////////////////////// LEGEND //////////////////////////////// */

.legend {
	padding-top: 20px;
	font-size: 12px;
	line-height: 1.8;
}

.legend-registration {
	margin-top: 15px;
	margin-bottom: 5px;
	font-size: 12px;
	line-height: 1.8;
}

.legend-indent {
	font-size: 12px;
	line-height: 1.8;
	margin-left: 36px;
	margin-bottom: 0px;
	/*text-indent: 37px;*/
	padding-top: 6px;
}

.legend-fa-trash {
	font-size: 150% !important;
	margin-left:3.5px;
	margin-right:3px;
	top: 0.1em;
	position: relative;
}

.legend-img {
	width: 21px;
	height: 18px;
	padding-top: 0px;
	padding-bottom: 2px;
	padding-left: 1px;
	padding-right: 1px;
}

.legend-img-space {
	width: 21px;
	height: 18px;
	border: 0px;
	padding: 0 2px;
}
/*
// Replace by fa-fw
.legend-fa {
	padding-left: 6px;
	padding-right: 2px;
}
*/
.legend-span {
	margin-left: 15px;
	/*padding-left: 15px;*/
	vertical-align: middle;
}

.legend-span-link {
	color: var(--lm-text);
}

.legend-span-link:hover,
.legend-span-link:focus {
	color: #db401a;
}


/* /////////////////////////////// LINKS ///////////////////////////////// */


.event-name-link {
	border-bottom: 1px solid rgba(230, 95, 60, 0.5);
	color: var(--lm-ink);
	font-weight: bold;
	text-decoration: none;
}

.event-name-link:hover,
.event-name-link:focus,
.event-name-link:active {
	border-bottom-color: var(--lm-coral);
	color: var(--lm-coral);
	text-decoration: none;
}

.link-brighter {
	color: #e6704c;
}

.link-brighter:hover,
.link-brighter:focus {
	color: #e25e36; 
}

.link-accepted {
	color: var(--lm-petrol);
	text-decoration: underline;
}

.link-accepted:hover,
.link-accepted:focus {
	color: #256a74;
}

.link-fat {
	font-weight: bold;
	text-decoration: underline;
}

.link-over,
.link-over:hover,
.link-over:focus {
	color: var(--lm-ink);
	text-decoration: underline;
}

.link-no-decoration,
.link-no-decoration:hover,
.link-no-decoration:focus {
	text-decoration: none;
}

.link-underlined {
	text-decoration: underline;
}


/* //////////////////////////////// NAVBAR //////////////////////////////// */


/* Adjust the maximum size of the collapsed menu and reduce the space between menu entries a bit */
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
	max-height: 450px;
}

@media (max-width: 767px) {
	.navbar-collapse {
		padding-top: 7px;
		padding-bottom: 7px;
	}
}


@media (max-width: 767px) {
	.navbar-nav > li > a {
		padding-top: 7px; /* usually 10px*/
		padding-bottom: 5px; /* usually 10px*/
		line-height: 20px;
	}
}

/* Avoid that the navbar is in two lines */
@media (min-width: 768px) and (max-width: 1199px) {
	.navbar-nav > li {
	  margin-left: -2px;
	  margin-right: -2px;
	}
}

.navbar-default {
	font-family: var(--lm-sans);
	transition: all 0.35s;
	background-color: rgba(52, 60, 61, 0.98); /*rgba(50, 40, 35, 0.95);*/
	border: 1px solid rgba(72, 80, 81, 0.6);
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: rgba(42, 50, 50, 0.95); /*#2d3334; #4b3c34;*/
}
.navbar-default .navbar-header .navbar-brand {
	font-size: 15px;
	color: var(--lm-grey-light);
	font-family: var(--lm-sans);
	font-weight: 700;
	text-transform: uppercase;
}
.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
	color: var(--lm-coral-light);
}
.navbar-default .navbar-header .navbar-toggle {
	font-weight: 700;
	font-size: 12px;
	border-color: #CCCCCC;
	color: var(--lm-grey-light);
	text-transform: uppercase;
}

.navbar-default .nav > li > a,
.navbar-default .nav > li > a:focus {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	color: #DDDDDD;
}
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus:hover {
	color: var(--lm-coral-light);
}

.navbar-default li.dropdown.open > .dropdown-toggle,
.navbar-default li.dropdown.active > .dropdown-toggle,
.navbar-default li.dropdown.open.active > .dropdown-toggle,
.navbar-default .dropdown-toggle:focus,
.navbar-default .dropdown-toggle:hover,
.navbar-default .dropdown-toggle:focus:hover {
	color: var(--lm-coral-light);
	background-color: transparent;
}

.navbar-default .dropdown-menu {
	background-color: rgba(52, 60, 61, 0.95);
}

.navbar-default .dropdown-menu > li > a {
	color: var(--lm-grey-light);
	background-color: transparent;
	font-weight: 400;
}

.navbar-default .dropdown-menu > li > a:focus,
.navbar-default .dropdown-menu > li > a:hover,
.navbar-default .dropdown-menu > li > a:focus:hover,
.navbar-default .nav > li.active > a,
.navbar-default .nav > li.active > a:focus,
.navbar-default .nav > li.active > a:hover,
.navbar-default .nav > li.active > a:focus:hover {
	color: var(--lm-coral-light);
	background-color: transparent;
}
.navbar-default .navbar-collapse {
	border-color: #000000;
}

.navbar-default .navbar-form {
	padding-top: 1px;
	border: none;
	box-shadow: none;
}

@media (max-width: 767px) {
	.navbar-default .navbar-form {
		padding-top: 0px;
		padding-bottom: 0px;
	}
}

.navbar-default .dropdown-menu > .section-break {
	padding-top: 8px;
	margin-top: 8px;
	border-top: 1px solid black;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 -1px 0 rgba(255, 255, 255, .1);
}

/* Solves display problem in OS https://github.com/twbs/bootstrap/issues/17644 */
.navbar-default .caret{
	border-top: 4px solid;
}

.navbar-default .nav > li > .navbar-subentry,
.navbar-default .nav > li > .navbar-subentry:focus,
.navbar-default .nav > li > .navbar-subentry:hover,
.navbar-default .nav > li > .navbar-subentry:focus:hover {
	text-transform: none;
	font-weight: 400;
	padding: 0px 15px 7px 36px;
}

@media (min-width: 768px) {

	.navbar-default {
		background-color: rgba(52, 60, 61, 0.95); /*rgba(35, 25, 20, 0.8);*/
		border: 1px solid rgba(72, 80, 81, 0.6);
	}
	.navbar-default .navbar-header .navbar-brand {
		color: rgba(255, 255, 255, 0.7);
		/*margin-top: -1px;*/
		font-size: 15px;
	}
	.navbar-default .navbar-header .navbar-brand:hover,
	.navbar-default .navbar-header .navbar-brand:focus {
		color: var(--lm-coral-light);
	}
	.navbar-default .nav > li > a,
	.navbar-default .nav > li > a:focus {
		color: rgba(255, 255, 255, 0.9);
	}
	.navbar-default .nav > li > a:hover,
	.navbar-default .nav > li > a:focus:hover {
		color: var(--lm-coral-light);
	}

	.navbar-default.affix {
		background-color: rgba(32, 38, 38, 0.85);
		border: 1px solid rgba(52, 60, 61, 0.5);
	}
	.navbar-default.affix .navbar-header .navbar-brand {
		color: rgba(255, 255, 255, 0.9);
		margin-top: 0px;
		font-size: 14px;
	}
	.navbar-default.affix .navbar-header .navbar-brand:hover,
	.navbar-default.affix .navbar-header .navbar-brand:focus {
		color: var(--lm-coral-light);
	}
	.navbar-default.affix .nav > li > a,
	.navbar-default.affix .nav > li > a:focus {
		color: rgba(255, 255, 255, 0.9);
	}
	.navbar-default.affix .nav > li > a:hover,
	.navbar-default.affix .nav > li > a:focus:hover {
		color: var(--lm-coral-light);
	}
}

/* Same as .navbar-default .navbar-header .navbar-brand */
.navbar-default-font {
	font-family: var(--lm-sans);
	font-weight: 700;
	text-transform: uppercase;
}

/* Name and Icon in top left corner with visibility */
.navbar-brand {
	margin-left: -15px;
}

.navbar-brand-img {
	float: left;
	height: 50px;
	width: 60px;
	padding: 7px 12px 7px 12px;
}

.navbar-img-profile {
	width:28px;
	height:28px;
	border-radius:50%;
	margin-top: -5px;
	margin-bottom: -5px;
	margin-right: 10px;
}

.visible-above-1366 {
	display: block !important;
}
@media (max-width: 1365px) {
	.visible-above-1366 {
		display: none !important;
	}
}

.visible-below-1366 {
	display: block !important;
}
@media (min-width: 1366px) {
	.visible-below-1366 {
		display: none !important;
	}
}


/* //////////////////////////////// PANEL //////////////////////////////// */


.panel-primary {
	border: 0;
/*  border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);*/
	box-shadow: 0 6px 12px rgba(0,0,0, .25);
}
.panel-primary > .panel-heading {
	border-color: var(--lm-petrol);
	background-color: var(--lm-petrol);
	color: #fff;
	font-family: var(--lm-sans);
	font-size: 16px;
}
.panel-primary > .panel-body {
	border-color: #ddd;
	background-color: #f6f5f3;
	color: var(--lm-text);
	padding-bottom: 0;
}
.panel-primary > .panel-footer {
	border-color: #ddd;
	background-color: #f6f5f3;
	color: var(--lm-text);
}


.panel-form > .panel-heading {
	border-color: var(--lm-petrol);
	background-color: var(--lm-petrol);
	color: #fff;
	font-family: var(--lm-sans);
	font-size: 16px;
}



/* //////////////////////////////// PORTFOLIO BOX //////////////////////////////// */

.portfolio-box-screenshots {
	max-width: 750px !important;
}

.portfolio-box {
	position: relative;
	display: block;
	max-width: 650px;
	margin: 0 auto;
}

.portfolio-box:focus {
	outline: none;
}

.portfolio-box-caption-lighter:hover {
	background: rgba(231, 119, 85, 0.65);
	transition: all 0.75s;
}

.portfolio-box-caption-light:hover {
	background: rgba(231, 119, 85, 0.9);
	transition: all 0.35s;
}

.portfolio-box-caption-dark:hover {
	background: rgba(61, 70, 72, 0.9);
	transition: all 0.35s;
}

.portfolio-box .portfolio-box-caption {
	color: white;
	display: block;
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
	height: 100%;
}

/* Boxes for screenshots where text appears only when hovering */
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
	opacity: 0;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
	font-family: var(--lm-sans);
	padding: 0 15px;
}

.portfolio-box:hover .portfolio-box-caption .portfolio-box-caption-content {
	opacity: 1;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 20px;
	padding-bottom: 10px !important;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
	font-size: 16px;
}

@media (min-width: 576px) {
	.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
		font-size: 22px;
	}
	.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
		font-size: 18px;
	}
}


/* Boxes with description that is always visible */
.portfolio-box .portfolio-box-caption .portfolio-box-caption-contentvisible {
	opacity: 1;
	width: 100%;
	text-align: left;
	position: absolute;
	bottom: 0;
	padding: 8%;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-contentvisible .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-contentvisible .project-name {
	font-family: var(--lm-sans);
	background-color: rgba(231, 119, 85, 0.83);
	text-shadow: 0px 0px 7px #9c3616;
	opacity: 1 !important;
	padding: 10px;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-contentvisible .project-category {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 18px;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-contentvisible .project-name {
	padding-top: 0px;
	font-size: 16px;
}

@media (min-width: 576px) {
	.portfolio-box .portfolio-box-caption .portfolio-box-caption-contentvisible .project-category {
		font-size: 20px;
	}
	.portfolio-box .portfolio-box-caption .portfolio-box-caption-contentvisible .project-name {
		font-size: 18px;
	}
}

.portfolio-fa-mid {
	padding-left: 16px;
	padding-right: 16px;
}


/* //////////////////////////////// PULSE //////////////////////////////// */

/* Not used right now - great for circles and squares */
.pulse-subtle {
	animation: pulse-subtle 2s infinite;
}

@keyframes pulse-subtle {
	0% {
		box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
	}
	70% {
		box-shadow: 0 0 5px 10px rgba(204,169,44, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(204,169,44, 0);
	}
}

.pulse {
	animation: pulse 1.5s linear infinite;
}

@keyframes pulse {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(0.8);
	}
	100% {
		transform: scale(1);
	}
}

/* //////////////////////////////// TABLE //////////////////////////////// */


.no-padding-sides {
	padding-left: 0;
	padding-right: 0;
}

.table-event-overview > thead > tr > th,
.table-event-overview > tbody > tr > th,
.table-event-overview > tfoot > tr > th,
.table-event-overview > thead > tr > td,
.table-event-overview > tbody > tr > td,
.table-event-overview > tfoot > tr > td {
	line-height: 1.6;
	vertical-align: middle;
}

/*
.table-event-registration-list tr:first-child > td {
	border:1px transparent;
}
*/

.table-list {
	border-collapse:separate;
	border-top: 6px solid var(--lm-slate); /*#4b5758;*/
	border-bottom: 4px solid var(--lm-slate); /*#4b5758;*/
	border-radius: 7px 7px 0px 0px;
	box-shadow: 0 6px 12px rgba(0,0,0, .25);
}

.table-list > thead > tr > th {
	background-color: var(--lm-slate); /*#4b5758;*/
	color: white;
	padding: 4px 12px 10px 12px;
	vertical-align: middle;
}

.table-list > tbody > .tr-subsection > td {
	background-color: var(--lm-slate); /*#4b5758;*/
	color: white;
	font-weight: bold;
	vertical-align: middle;
}

.table-list > tbody > .tr-summary > td {
	background-color: #6e7f81; /*#4b5758;*/
	color: white;
	font-weight: bold;
	vertical-align: middle;
	border-top: 4px solid var(--lm-slate) !important;
}

.table-list > tbody > tr > td {
	padding: 10px 10px;
	vertical-align: middle;
}

@media (max-width: 767px) {
	.table-list > tbody > tr > td {
		padding: 6px 8px;
	}

	.table-list > tbody > tr > .td-first-visible-xs,
	.table-list > thead > tr > .td-first-visible-xs {
		padding-left: 10px;
	}
}

.table-list > thead > tr > th a,
.table-list > thead > tr > th .text-primary,
.table-list > thead > tr > th .btn-link,
.table-list > thead > tr > th .fa-style-link,
.table-list > thead > tr > th .fa-style-link-nohover {
	color: var(--lm-coral-light);
}

.table-list > thead > tr > th .text-comment {
	color: #3caab9;
}

.table-list > tbody > tr:nth-of-type(odd) {
	background-color: #ffffff;
}

.table-list > tbody > tr:nth-of-type(even) {
	background-color: #f3f3f3;
}

.table-list > tbody > tr > td > .box-tile-label-time,
.table-list > tbody > tr > td > .btn {
	font-size: 13px;
	font-family: var(--lm-sans);
}

.table-list > tbody > tr > td > .btn:hover {
	/*transform:scale(1.12);*/
	box-shadow: 0 5px 10px rgba(0,0,0, .25);
}

.table-list > tbody > .tr-edit > td {
	padding: 10px 5px;
}

.table-list > tbody > .tr-problem > td {
	background-color: #e8c0c0 !important;
}

.table-list > tbody > .tr-warning > td {
	background-color: #fcf8e3 !important;
}

.table-list-cell-image {
	position: relative;
	/* td treats height as a floor, so taller rows still grow. */
	height: 50px;
	padding: 0;
	width: 100px;
}
.table-list-div-image {
	position: absolute;
	top: 0;
	right: 6px;
	bottom: 0;
	left: 0;
}
.table-list-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

@media (min-width: 992px) {
	.table-list-cell-image {
		width: 130px;
	}
}

.table-div {
	position: relative;
	min-height: 1px;
	float: left;
	min-width: 100%;
	display: inline-block;
}

/* Table with a bit bigger font and not filling whole screen */
.table-features {
	width: auto !important;
	margin: 0 auto;
	font-size: 16px;
}

.table-features-max-width {
	width: auto !important;
	max-width: 800px;
	margin: 0 auto;
	font-size: 16px;
}

.tr-separation-bottom > th,
.tr-separation-bottom > td {
	border-bottom: 4px solid var(--lm-border) !important;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	border-top: 1px solid var(--lm-border);
}
.table > thead > tr > th {
	vertical-align: bottom;
	border-bottom: 2px solid var(--lm-border);
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
	border-top: 0;
}
.table > tbody + tbody {
	border-top: 2px solid var(--lm-border);
}

.table-borderless tbody tr td,
.table-borderless tbody tr th,
.table-borderless thead tr th,
.table-borderless thead tr td,
.table-borderless tfoot tr th,
.table-borderless tfoot tr td {
	border: none;
}

.table-little-margin tbody tr td {
	padding-top: 3px;
	padding-bottom: 3px;
}

@media (max-width: 767px) {
	.table > thead > tr > th,
	.table > tbody > tr > th,
	.table > tfoot > tr > th,
	.table > thead > tr > td,
	.table > tbody > tr > td,
	.table > tfoot > tr > td {
		padding-left: 4px;
		padding-right: 4px;
	}

	.table > thead > tr > th:first-child,
	.table > tbody > tr > th:first-child,
	.table > tfoot > tr > th:first-child,
	.table > thead > tr > td:first-child,
	.table > tbody > tr > td:first-child,
	.table > tfoot > tr > td:first-child {
		padding-left: 10px;
	}


	.table > thead > tr > th:last-child,
	.table > tbody > tr > th:last-child,
	.table > tfoot > tr > th:last-child,
	.table > thead > tr > td:last-child,
	.table > tbody > tr > td:last-child,
	.table > tfoot > tr > td:last-child {
		padding-right: 10px;
	}
}


.td-no-border {
	border: none !important;
}

.td-rating {
	padding-top: 3px !important;
	padding-bottom: 3px !important;
}

.td-warning {
	color: var(--lm-coral); /*#e1572d;*/
	font-size: 18px;
	font-style: italic;
	padding-bottom: 18px !important;
}

.td-33p {
	width: 33%;
}


.td-text-padding-sides {
	padding-left: 8px;
	padding-right: 8px;
}

/* ///////////////////////////// TEXT /////////////////////////////////// */

.italic {
	font-style:italic;
}

.font-weight-normal {
	font-weight: normal;
}

.bold-600 {
	font-weight: 600;
}

.bold, .bold-700 {
	font-weight: bold;
}

.paragraph-margin-sm p {
	margin-bottom: 7px !important;
}

.paragraph-margin-md p {
	margin-bottom: 10px !important;
}

.paragraph-marketing {
	font-size: 17px;
	line-height: 1.5;
	margin-bottom: 20px;
	font-style:italic;
}

.paragraph-marketing-margin-sm {
	font-size: 17px;
	line-height: 1.5;
	margin-bottom: 10px;
	font-style:italic;
}

.text-comment {
	color: var(--lm-petrol);
}

.text-highlight {
	color: #46c3a4;
}

.text-comment-forced {
	color: var(--lm-petrol) !important;
}

.text-default {
	color: var(--lm-ink);
}

.text-primary {
	color: var(--lm-coral); /*#e1572d;*/
}

.text-decoration-none {
	text-decoration: none !important;
}

.text-muted-less {
	color: #636363; /*rgba(50, 60, 60, 0.8);*/
}

.text-muted-more {
	color: var(--lm-grey-mid); /*rgba(50, 60, 60, 0.6);*/
}

.text-muted-most {
	color: #BBBBBB; /*rgba(50, 60, 60, 0.4);*/
}

.text-muted-most-forced {
	color: #BBBBBB !important; /*rgba(50, 60, 60, 0.6);*/
}

.text-faded-bright {
	color: rgba(255, 255, 255, 0.9);
}

.text-faded-bright-more {
	color: rgba(255, 255, 255, 0.8);
}

.text-faded-bright-line-spacing {
	color: rgba(255, 255, 255, 0.9);
}

.text-nowrap {
	white-space: nowrap;
}

.text-required {
	text-align: right;
	font-size: 11px;
	margin-bottom: 5px;
}

.text-return-message {
	color: var(--lm-coral-dark); /*#e65f3c; */
	font-style: italic;
	margin-bottom: 20px;
}

.text-return-message a {
	color: var(--lm-coral-dark); /*#e65f3c;*/
	text-decoration: underline;
}

.text-plain-message {
	margin-bottom: 20px;
}

.text-help {
	line-height: 1.5;
}

.text-spacious,
.text-spacious p {
	line-height: 1.8  !important; /* TODO_now: Check if removing important leads to any problems (event description user line height); */
}

.text-larger {
	font-size: 120%;
}

@media (max-width: 767px) {
	.text-larger {
		font-size: 115%;
	}
}

/* //////////////////////////////// VISIBILITY //////////////////////////////// */

.visible-xxs,
.visible-xxs-block,
.visible-xxs-inline,
.visible-xxs-inline-block {
	display: none !important;
}

@media (max-width: 480px) {
	.visible-xxs {
		display: block !important;
	}
	table.visible-xxs {
		display: table !important;
	}
	tr.visible-xxs {
		display: table-row !important;
	}
	th.visible-xxs,
	td.visible-xxs {
		display: table-cell !important;
	}
}
@media (max-width: 480px) {
	.visible-xxs-block {
		display: block !important;
	}
}
@media (max-width: 480px) {
	.visible-xxs-inline {
		display: inline !important;
	}
}
@media (max-width: 480px) {
	.visible-xxs-inline-block {
		display: inline-block !important;
	}
}
@media (max-width: 480px) {
	.hidden-xxs {
		display: none !important;
	}
}

/* //////////////////////////////// YOUTUBE //////////////////////////////// */

.row-video-example {
	padding: 75px 0 50px 0;
}

.row-video {
	padding: 0 0 50px 0;
}

@media (min-width: 768px) {
	.row-video {
		padding: 0 0 100px 0;
	}
}

.youtube-player {
	position: relative;
	padding-bottom: 56.25%;
	/* Use 75% for 4:3 videos */
	height: 0;
	overflow: hidden;
	max-width: 100%;
	background: #000;
}

.youtube-player iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: transparent;
}

.youtube-player img {
	bottom: 0;
	display: block;
	left: 0;
	margin: auto;
	max-width: 100%;
	width: 100%;
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	height: auto;
	cursor: pointer;
	transition: .4s all;
}

.youtube-player img:hover {
	filter: brightness(75%);
}

.youtube-player .play {
	width: 64px;
	height: 45px;
	left: 50%;
	top: 50%;
	margin-left: -32px;
	margin-top: -22px;
	position: absolute;
	background: url('../img/icons/youtube_social_icon_red.png') no-repeat;
	cursor: pointer;
}


/* //////////////////////////////// OTHER //////////////////////////////// */


.alert-warning-default {
	color: #3B3B3B;
	background-color: #c4dbde;
	border: 1px solid #bed6d9;
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 40px;
	box-shadow: 0 6px 12px rgba(0,0,0, .25);
}

.bg-email-top {
	background-color: var(--lm-coral-soft);
	padding: 0px 10px 0px 10px;
}


.call-to-action h2 {
	margin: 0 auto 20px;
}

.div-chart {
	width:100%;
	max-width:1250px;
	min-height: 300px;
	min-width: 550px
}

.cursor-pointer {
	cursor: pointer;
}

.desc-paragraph p {
	margin-bottom: 12px;
}

.event-message-history p {
	line-height: 1.4;
	margin-bottom: 5px;
}

.element-basic-min-width {
	min-width: 280px;
}

.element-extended-min-width {
	min-width: 325px;
}

@media (min-width: 768px) {
	.name-star-min-width {
		width: 125px;
		margin: 0 auto;
		display: flex;
	}
}

.event-register-top {
	background-color: #ffffff;
	min-width: 275px;
	max-width: 550px;
	padding: 10px 25px 10px 25px;
	margin: 0 auto;
	/* Add border here too to have same width as event-register-main */
	border-top:   1px solid var(--lm-coral-soft);
	border-left:  1px solid var(--lm-coral-soft);
	border-right: 1px solid var(--lm-coral-soft);
	border-radius: 10px 10px 0px 0px;
}

.event-register-top-text {
	max-width: 450px;
	text-align: center;
	margin: 0 auto;
}

.event-register-main {
	background-color: #ffffff;
	min-width: 275px;
	max-width: 550px;
	padding: 8px 25px 35px 25px;
	/* Margin bottom is negative to cut off the rounded edges if the page is already scrolled */
	margin: 0 auto -10px;
	border-left:   1px solid rgba(30, 37, 37, 0.15);
	border-right:  1px solid rgba(30, 37, 37, 0.15);
	border-bottom: 1px solid rgba(30, 37, 37, 0.15);
	border-radius: 0px 0px 10px 10px;
}

.event-register-main-organizer {
	padding-bottom: 15px;
	text-align: center;
}

.event-register-cal {
	margin: 10px 0px -10px 0px;
	padding: 0;
	text-align: right;
}

.email-top {
	background-color: #ffffff;
	color: #404646;
	min-width: 275px;
	max-width: 550px;
	padding: 10px 25px 10px 25px;
	margin: 0 auto;
	/* Border is set to white as the div below also has no side borders */
	border-top:   1px solid #ffffff;
	border-left:  1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-radius: 10px 10px 0px 0px;
}

.bg-email-text {
	width: 100%;
	background-color: var(--lm-grey-bg);
	padding: 0px 10px 35px 10px;
}

.email-text {
	max-width: 550px;
	padding: 20px 25px 20px 25px;
	margin: 0 auto;
	background-color: #ffffff;
	border-bottom: 2px solid var(--lm-coral-soft);
}

.flex-center-gap {
	display: flex;
	gap: 8px;
	justify-content: center;
	flex-wrap: wrap;
}

.float-left-fieldname {
	float: left;
	width: 80%;
}

.float-right-required {
	float: right;
	width: 20%;
	text-align: right;
}

.float-right {
	float: right;
}

.help-contents-heading {
	font-family: var(--lm-sans);
	line-height: 1.4;
	margin-top: 25px;
	margin-bottom: 15px;
	font-size: 21px;
}

.help-ul li {
	line-height: 1.5;
	margin-bottom: 6px;
	font-size: 15px;
}

/*.help-ul li a:not(:hover) {
	color: #444444;
}*/

.info-paragraph {
	font-size: 12px;
	margin-top: 6px;
	margin-bottom: 12px;
}


/* Fix for newline icons that are moved */
.line-height-tile-icons {}
@media (max-width: 480px) {
	.line-height-tile-icons {
		line-height: 2;
	}
}

/* Margins */
.bottom-margin-negative-md {
	margin-bottom: -10px !important;
}

.top-margin-negative-md {
	margin-top: -10px !important;
}

.bottom-margin-negative-lg {
	margin-bottom: -15px !important;
}

.top-margin-negative-lg {
	margin-top: -15px !important;
}

.margin-none {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.bottom-margin-none {
	margin-bottom: 0 !important;
}

.top-margin-none {
	margin-top: 0 !important;
}

.margin-sm {
	margin-top: 7px !important;
	margin-bottom: 7px !important;
}

.bottom-margin-sm {
	margin-bottom: 7px !important;
}

.top-margin-sm {
	margin-top: 7px !important;
}

.right-margin-sm {
	margin-right: 7px;
}


.margin-md {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.bottom-margin-md {
	margin-bottom: 10px !important;
}

.top-margin-md {
	margin-top: 10px !important;
}

.margin-lg {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}

.bottom-margin-lg {
	margin-bottom: 15px !important;
}

.top-margin-lg {
	margin-top: 15px !important;
}

.margin-xl {
	margin-top: 22px !important;
	margin-bottom: 22px !important;
}

.bottom-margin-xl {
	margin-bottom: 22px !important;
}

.top-margin-xl {
	margin-top: 22px !important;
}

.margin-xxl {
	margin-top: 32px !important;
	margin-bottom: 32px !important;
}

.bottom-margin-xxl {
	margin-bottom: 32px !important;
}

.top-margin-xxl {
	margin-top: 32px !important;
}

.margin-xxxl {
	margin-top: 40px !important;
	margin-bottom: 40px !important;
}

.bottom-margin-xxxl {
	margin-bottom: 40px !important;
}

.top-margin-xxxl {
	margin-top: 40px !important;
}



.margin-screen-size {
	margin-top: 0 !important;
	margin-bottom: 4% !important;
}

@media screen and (min-height: 750px) {
	.margin-screen-size {
		margin-top: 6% !important;
		margin-bottom: 8% !important;
	}
}

.no-gutter > [class*='col-'] {
	padding-left: 0;
	padding-right: 0;
}

.overflow-break-all {
	word-wrap: break-word;
	overflow-wrap: anywhere;
	word-break: break-all;
}

.overflow-break-word {
	word-wrap: break-word;
	overflow-wrap: anywhere;
	word-break: break-word;
}

.overflow-dots {
	text-overflow: ellipsis;
	overflow: hidden; 
	white-space: nowrap;
}


.page-header > h1,
.page-header > h2,
.page-header > h3,
.page-header > .h1,
.page-header > .h2,
.page-header > .h3 {
	margin-bottom: 5px;
}

.page-header {
	margin-bottom: 30px;
	border-bottom: 1px solid #cfd5d5;
}

.nowrap {
	white-space:nowrap;
}

.rating-container .filled-stars {
	color: #fdcf6d !important; /*#fde16d*/
}


@media (max-width: 767px) {
	.row.less-gutters {
		margin-right: -5px;
		margin-left: -5px;
	}

	.row.less-gutters > [class^="col-"],
	.row.less-gutters > [class*=" col-"] {
		padding-right: 5px;
		padding-left: 5px;
	}
}

.select-color-top-section {
	margin-top: -20px;
	margin-bottom: -5px;
}

.table .dropdown-display {
	padding: 2px 26px 2px 8px;
}

.table .dropdown-display-label:after,
.table .dropdown-display:after {
	top: 8px;
}


.table .dropdown-group,
.table .dropdown-option {
	padding-left: 8px;
	line-height: 24px;
}

.td-multiselect-min-max-width {
	min-width: 125px;
	max-width: 350px;
}

.td-long-name-min-width {
	min-width: 150px;
}

.td-name-min-width {
	min-width: 100px;
}

.tile-list-header {
	font-size: 36px;
	margin-bottom: 15px;
}

.tile-list-header-search {
	float: left;
	text-align: left;
	display: inline-table;
	margin-top: 10px;
}

.tile-list-header-switch {
	font-family: var(--lm-sans);
	font-weight: 600;
	float: right;
	min-width: 80px;
	text-align: right;
}

@media (min-width: 350px) {
	.vertical-center {
		position: absolute;
		margin: 0;
		width: 100%;
		top: 50%;
		transform: translateY(-50%);
	}
}


.vertical-bl {
	vertical-align: baseline;
}

.vertical-align-logo-times-higher {
	vertical-align: 15px;
}

.zoom {
	transition: transform 1s; /* Animation */
}

.zoom:hover {
		transform: scale(1.2);
}


/*  //////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////// SPECIFIC PAGES //////////////////////////////// */
/*//////////////////////////////////////////////////////////////////////////////// */


/* //////////////////////////////// EVENT SUMMARY //////////////////////////////// */

/* The event data in place of the two column table. White card, because the page
   sits on the light background pattern. */
.event-summary-card {
	margin-bottom: 25px;
	padding: 24px 22px 8px 22px;
	border: 1px solid #ecefef;
	border-radius: 14px;
	background-color: #ffffff;
	box-shadow: 0 1px 2px rgba(45, 60, 62, 0.05), 0 16px 30px -24px rgba(45, 60, 62, 0.7);
	max-width: 1000px;
}

/* One row of facts. Rows keep the columns of different groups aligned, which a
   single wrapping container would not. */
.event-facts {
	display: flex;
	flex-wrap: wrap;
}

/* Basis instead of a fixed share: a row of three ends up in thirds, a row of
   two in halves, and a narrow container wraps on its own. */
.event-fact {
	display: flex;
	flex: 1 1 250px;
	min-width: 0;
	padding-right: 20px;
	margin-bottom: 16px;
}

.event-fact-wide {
	flex-basis: 100%;
}

@media (max-width: 767px) {
	.event-fact {
		flex-basis: 100%;
		padding-right: 0;
	}
}

.event-fact > .fa {
	margin-top: 3px;
	margin-right: 11px;
	font-size: 19px;
}

/* Long links must break inside the block instead of stretching the row. */
.event-fact-body {
	min-width: 0;
	overflow-wrap: break-word;
}

.event-fact-label {
	display: block;
	font-family: var(--lm-sans);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: #8b9695;
	margin-bottom: 2px;
}

/* Date, location and the registration window all share this size. */
.event-fact-value {
	display: block;
	font-family: var(--lm-sans);
	font-size: 15px;
	line-height: 1.45;
}

/* The one figure that carries the page. */
.event-fact-value-lg {
	font-size: 20px;
	line-height: 1.3;
}

.event-fact-note {
	display: block;
	font-size: 13px;
	color: #7b8584;
}

/* Counts that ride along with the participant number. */
.event-badge {
	display: inline-block;
	margin: 7px 6px 0 0;
	padding: 3px 12px;
	border-radius: 300px;
	background-color: var(--lm-grey-light);
	font-family: var(--lm-sans);
	font-size: 14px;
	color: var(--lm-slate);
}

/* Capacity as a bar; the width comes from the template. */
.event-meter {
	max-width: 200px;
	height: 6px;
	margin-top: 9px;
	margin-bottom: 7px;
	border-radius: 300px;
	background-color: var(--lm-grey-light);
}

.event-meter-bar {
	height: 6px;
	border-radius: 300px;
	background-image: linear-gradient(90deg, var(--lm-coral), #f4a075);
}

.event-summary-banner {
	margin-bottom: 20px;
	padding: 9px 16px;
	border-radius: 8px;
	background-color: var(--lm-coral);
	color: white;
	font-family: var(--lm-sans);
	font-weight: 600;
}


/* //////////////////////////////// PROFILE PAGE //////////////////////////////// */


/* ---------- HEADER CARD ---------------------------------------------------
   Replaces the page-header plus the status half of the old first panel:
   who am I, which package, how much of the quota is used. Everything that is
   a setting moved into the tabs below.
   -------------------------------------------------------------------------- */

.profile-header {
	min-width: 275px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 0 26px;
	padding: 22px;
	border: 1px solid #ecefef;
	border-radius: 26px 6px 26px 6px;
	background-color: #ffffff;
	box-shadow: 0 1px 2px rgba(45, 60, 62, 0.05), 0 16px 30px -24px rgba(45, 60, 62, 0.7);
	color: var(--lm-text);
}

.profile-header-avatar {
	width: 76px;
	height: 76px;
	margin: 10px 25px 10px 0;
	padding: 3px;
	border: 2px solid rgba(231, 119, 85, 0.7);
	border-radius: 50%;
	box-shadow: inset 0 -3px 3px rgba(231, 119, 85, 0.7);
	transition: transform .25s ease;
}

.profile-header-avatar:hover {
	transform: scale(1.04);
}

/* Grows into the space the quota block leaves over. */
.profile-header-body {
	flex: 1 1 250px;
	min-width: 0;
	margin-right: 18px;
}

.profile-header-label {
	color: #6b7778;
	font-family: var(--lm-sans);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.profile-header-name {
	margin: 5px 0 5px;
	font-family: var(--lm-sans);
	font-size: 24px;
	font-weight: bold;
	overflow-wrap: break-word;
	line-height: 1.25;
}

.profile-header-mail {
	color: #6b7778;
	font-size: 14px;
	word-break: break-all;
}

.profile-header-package {
	font-family: var(--lm-sans);
	font-size: 14px;
	font-weight: bold;
	color: var(--lm-petrol);
	margin-top: 10px;
}

.profile-header-runtime {
	margin-top: 5px;
	font-size: 13px;
	color: #6b7778;
	line-height: 1.5;
}


/* ---------- QUOTA METER FOR REGISTRATION LIMIT ----------- */

.quota {
	flex: 0 1 320px;
	min-width: 240px;
	padding: 14px 15px;
	border-radius: 16px;
	background-color: var(--lm-grey-bg);
	line-height: 1.5;
}

.quota-label {
	color: #6b7778;
	font-size: 13px;
}

.quota-value {
	margin: 2px 0 8px;
	font-family: var(--lm-sans);
	font-size: 28px;
	font-weight: 600;
}

.quota-limit {
	color: #6b7778;
	font-size: 15px;
	font-weight: normal;
}

.quota-meter {
	height: 8px;
	overflow: hidden;
	border-radius: 4px;
	background-color: #dbe8ea;
}

/* The width comes from the template as an inline style, it is data. */
.quota-meter-fill {
	/* A tiny share still has to be visible as a mark. */
	min-width: 6px;
	height: 8px;
	border-radius: 4px;
	background-color: var(--lm-petrol);
	transition: width .4s ease;
}

.quota-meter-fill.is-warning {
	background-color: #f1a94e;
}

.quota-meter-fill.is-critical {
	background-color: var(--lm-coral);
}

.quota-foot {
	margin-top: 8px;
	color: #6b7778;
	font-size: 13px;
}

@media (max-width: 991px) {
	.profile-header {
		padding: 18px;
	}

	.profile-header-body {
		flex: 1 1 160px;
		margin-right: 0;
	}

	/* Keeps the expiry date off the end of the package chip's line. */
	.profile-header-meta {
		display: block;
	}

	.quota {
		flex: 1 1 100%;
		margin-top: 18px;
	}
}


/* ---------- SETTINGS TABS ------------ */

.settings-tabs {
	min-width: 275px;
	margin-bottom: 22px;
	border-bottom: 1px solid #ecefef;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
}

.settings-tabs > li {
	float: none;
	display: inline-block;
	margin-bottom: 0;
}

.settings-tabs > li > a,
.settings-tabs > li > a:hover,
.settings-tabs > li > a:focus {
	margin-right: 0;
	padding: 12px 12px;
	border: 0;
	border-bottom: 3px solid transparent;
	border-radius: 0;
	background-color: transparent;
	color: var(--lm-text);
	font-family: var(--lm-sans);
	font-size: 14px;
	font-weight: 600;
}

.settings-tabs > li > a:hover,
.settings-tabs > li > a:focus {
	border-bottom-color: rgba(230, 95, 60, 0.35);
	color: var(--lm-coral);
}

.settings-tabs > li.active > a,
.settings-tabs > li.active > a:hover,
.settings-tabs > li.active > a:focus {
	border: 0;
	border-bottom: 3px solid var(--lm-coral);
	/* Bootstrap paints the active tab white, which shows as a box on the page. */
	background-color: transparent;
	color: var(--lm-coral);
}

.settings-tabs .fa {
	margin-right: 7px;
}

.settings-card {
	min-width: 275px;
	padding: 26px 22px 22px;
	border: 1px solid #ecefef;
	border-radius: 26px 6px 26px 6px;
	background-color: #ffffff;
	box-shadow: 0 1px 2px rgba(45, 60, 62, 0.05), 0 16px 30px -24px rgba(45, 60, 62, 0.7);
}

.settings-card + .settings-card {
	margin-top: 22px;
}

.settings-card-title {
	margin: 0 0 15px;
	font-family: var(--lm-sans);
	font-size: 18px;
	font-weight: bold;
	line-height: 1.35;
}

.settings-card-intro {
	margin-top: 10px;
	margin-bottom: 15px;
	color: #6b7778;
	font-size: 14px;
	line-height: 1.6;
}

.settings-card-email .form-group {
	margin-bottom: 25px;
}

.settings-card .form-group:last-child {
	margin-bottom: 0;
}  

.settings-danger-zone {
	border-style: dashed;
	border-color: #dfe5e5;
	background-color: transparent;
	box-shadow: none;
}

.settings-card hr {
	width: auto;
	max-width: none;
	height: 0;
	box-sizing: content-box;
	margin: 22px -22px;
	border: 0;
	border-top: 1px solid #ecefef;
	border-radius: 0;
	background: none;
}

.settings-card-explain {
	line-height: 1.8;
	max-width: 870px;
	margin-bottom: 32px;
}

/* The event list link and its input read as one address. */
.field-prefix {
	display: block;
	margin-bottom: 2px;
	color: var(--lm-text);
	font-weight: bold;
	word-break: break-all;
}


/* ---------- ICON LIST ---------- */

/* The icon sits in a column of its own, so a wrapped line stays aligned with the text above it. */
.icon-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.icon-list > li {
	position: relative;
	margin-bottom: 10px;
	padding-left: 30px;
	line-height: 1.6;
}

.icon-list > li:last-child {
	margin-bottom: 0;
}

.icon-list > li > .fa:first-child {
	position: absolute;
	top: 4px;
	left: 0;
	color: var(--lm-petrol);
}


/* ---------- STICKY SAVE BAR ---------- */

.form-savebar {
	position: -webkit-sticky;
	position: sticky;
	bottom: 0;
	z-index: 1020;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	margin-top: 26px;
	padding: 14px 18px;
	border: 1px solid #ecefef;
	border-radius: 18px 18px 0 0;
	background-color: rgba(253, 247, 245, 0.9);/* less warm: rgba(231, 230, 230, 0.9); */
	box-shadow: 0 -10px 26px -20px rgba(45, 60, 62, 0.9);
}

.form-savebar-field {
	flex: 1 1 240px;
	min-width: 0;
	margin-right: 14px;
}

.form-savebar-field label {
	margin-bottom: 2px;
	font-size: 13px;
}

.form-savebar .btn {
	flex: 0 0 auto;
	margin-top: 0;
	margin-bottom: 0;
}

/* A bar that carries only buttons has no field to push them right, and it spans the form, not a container. */
.form-savebar-centered {
	justify-content: center;
	max-width: 750px;
	margin-right: auto;
	margin-left: auto;
}

.form-savebar .btn + .btn {
	margin-left: 10px;
}

@media (max-width: 480px) {
	.form-savebar {
		padding: 10px 14px;
	}

	.form-savebar-field {
		flex: 1 1 150px;
		margin-right: 10px;
	}
}

/* //////////////////////////////// LANDING PAGES OLDER ////////////////////////// */

.header-landingpage {
	position: relative;
	width: 100%;
	height: 20%;
	min-height: 225px;
}

.header-landingpage-img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-size: cover;
	background-position: center center;
}

.header-landingpage-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(70, 50, 20, 0.5); /*rgba(20, 20, 20, 0.5);*/
	text-align: center;
	color: white;
}

.header-landingpage-content {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	padding: 0 20px;
}


@media (max-width: 767px) {
	.header-landingpage-content h1 { 
		font-size: 27px;
	}
}

.service-box-list {
	display: inline-block; text-align: left; margin: 0 auto; padding-left: 0; list-style-position: inside;
}

.service-box-list li {
	padding-left: 1em; text-indent: -1em;
}

/* //////////////////////////////// TERMS AND PRESS //////////////////////////////// */


.press {
	line-height: 1.5;
}

.press br {
	margin-bottom: 10px;
}

.press-first-letter {
	font-size: 70px;
	float: left;
	margin: 5px 10px 2px 0;
	line-height: 0.8;
}

.press-img {
	float:right;
	width:152px;
	height:auto;
	padding: 0 0 5px 10px;
}

@media (min-width: 768px) {
	.press-img {
		float:right;
		width:248px;
		height:auto;
		padding: 0 0 5px 10px;
	}
}

.terms-list li {
	line-height: 1.6;
	margin-bottom: 6px;
}