@charset "UTF-8";

/**
 * Theme Name: iau ultramarathon 2019
 * Theme URI: https://iau-ultramarathon.org
 * Description:
 * Version: 1.1
 * Author: Thomas Schürmann
 * Author URI: https://tripleorange.de
 * Last edited: 2020 august 20th
 */


/* fonts */

@font-face {
    font-family: 'barlow_condensed';
    src: url('fonts/barlowcondensed-regular-webfont.woff2') format('woff2'),
         url('fonts/barlowcondensed-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'barlow_condensed';
    src: url('fonts/barlowcondensed-semibold-webfont.woff2') format('woff2'),
         url('fonts/barlowcondensed-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'montserrat';
    src: url('fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('fonts/montserrat-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'montserrat';
    src: url('fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('fonts/montserrat-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
	font-display: auto;
}

* {
    box-sizing: 				border-box;
}

/* disables chrome and other browsers outline on focus */

* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
    outline: none !important;
	margin:0;
	padding:0;
	list-style:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
} 

/* Make HTML 5 elements display block-level for consistent styling */
main, header, nav, article, footer, address { 
    display: block; 
}


html {
    scroll-behavior: smooth;
}

body {
    padding:                		0 0 2em 0;
    margin:                		 	0;
    color:                  		#000;
    font-family:            		'montserrat','helvetica', 'calibri', 'arial', sans-serif;
	font-weight: 					400;
	font-size:              		15px;
	line-height: 					1.7;
    height:                 		100%;
    background-color:       		#fff;
	font-synthesis: 				none;
}

main {
	padding-top: 					1em;
}

/* helper classes */

.d--none,
.d-xs-none,
.d-sm-block,
.d-md-block,
.d-lg-block,
.d-xs-none {
	display:                		none;
}

.d-xs-block {
	display: 						block;
}

.img--resp {
	width: 							100%;
	height: 						auto;
}

.text--hide {
    font: 							0/0 a;
    color: 							transparent;
    text-shadow: 					none;
    background-color: 				transparent;
    border: 						0;
}

.align--right {
	text-align: 					right;
}

.groot {
	background-color:  #ff9900;
}

.goot {
	background-color: #00ff99;
}

/* barlow styled */

h1,
h2,
h3,
h4,
h5,
p.p--teaser,
.meta__tags,
.button,
.button--reverse,
.menu--main a,
.menu--mobile li a,
.toggle-menu--main,
.menu--service a,
.pagination a,
.news__teaser__img span,
.overview__submenu li > a,
.race--singledistance,
.race--multidistance,
.race__website {
    font-family: 					'barlow_condensed', 'helvetica', 'calibri', 'arial', sans-serif;
	font-weight: 					400;
}

h1 {
	font-size: 						60px;
	line-height: 					1;
	margin-top: 					0;
	margin-bottom: 					0.5em;
}

.news__teaser--big h1 {
	margin-bottom: 					0.5em;	
}

h1 a,
h2 a,
h3 a {
	text-decoration: 				none;
	color: 							#000;
	-webkit-transition: 			all 300ms ease-out;
	-moz-transition: 				all 300ms ease-out;
	-o-transition: 					all 300ms ease-out;
	transition: 					all 300ms ease-out;
}

h1 a:hover,
h2 a:hover,
h3 a:hover {
    color: 							#00bce0;
}

.article__body h2,
.article__body--form h2 {
	line-height: 					1.2;
	font-size: 						28px;
}

.article__listing h2 {
	line-height: 					1.2;
	margin-bottom: 					1em;
	margin-top: 					1em;
}



.news__teaser h1 {
	font-size: 						25px;
}





h3 {
	text-transform: 				uppercase;
	font-size: 						21px;
	font-weight: 					400;
	line-height: 					1.3;
}

h3.section__title {
	margin-top: 					1em;
	position: 						relative;
	margin-bottom:  				1em;
}


h3.section__title.overview__title {
	margin-bottom:  				2em;
}

h3.section__title::after {
	content: 						"";
	position: 						absolute;
	height: 						1px;
	border-top: 					2px solid #00bce0;
	bottom: 						-4px;
	width: 							78px;
	left: 							0;
}

h3.section__title--smallsponsoring {
	font-size: 						13px;
	text-align: 					right;
}

h3.section__title.section__title--smallsponsoring::after {
	border-top: 					1px solid #00bce0;
	width: 							60px;
	right: 							0;
	left: 							auto;
}


	
.article__body h3,
.article__body h2,
.article__body--form h2 {
	margin-top: 					1.5em;
	margin-bottom: 					0.5em;
}



.article__body .search__result h2 {
	margin-top: 0;	
}


.article__body h4 {
	font-size: 						21px;
	font-weight: 					400;
	color: 							#5d5b58;
	border-bottom: 					1px dotted #5d5b58;
	margin-bottom: 					0.5em;
	display: 						inline-block;
}


p {
	
}

p.small {
	font-size: 						11px;
	color: 							#333;
}

.article__body--form p.small {
	margin-top: 					0.6em;
	width: 							90%;
}

p > a,
p > span > a,
td > a,
.article__body li > a {
    color: 							#00bce0;
	text-decoration: 				none;
	border-bottom: 					1px dotted rgba(0,188,224,0.5);
	-webkit-transition: 			all 300ms ease-out;
	-moz-transition: 				all 300ms ease-out;
	-o-transition: 					all 300ms ease-out;
	transition: 					all 300ms ease-out;
	display: 						inline-block;
	padding-bottom:                 3px;
	line-height: 					1;
}


.meta__tags > a {
	border-bottom: 					none;
	padding-left: 					0;
	line-height: 					1.7;
}

.share-lg,
.share {
	border-bottom: 					none;
}

p > a:hover,
p > span > a:hover,
td > a:hover {
    color: 							#0090ab;
	text-decoration: 				none;
	border-bottom: 					1px dotted rgba(0,144,171,1);
}

.share:hover,
.meta__tags > a:hover,
.news__teaser__more a:hover,
a.button:hover,
p > a.button:hover,
a.button--reverse:hover,
p > a.button--reverse:hover {
	border-bottom: 					none;
}

strong {
	font-weight: 					600;
}

i {
	font-style: 					italic;
}

article p {
	margin-bottom: 1em;
}

p.p--teaser {
	font-size: 						19px;
	font-weight: 					400;
	margin-bottom:                  1em;
	line-height: 					1.5;
}

ul {
	list-style:                     none;
}

address {
	font-style: 					normal;
}

blockquote {
	margin-top: 					2em;
	padding:                        2em;
	margin-bottom: 					1em;
	font-style: 					italic;
	text-indent: 					-12px;
	border-top: 					1px dotted #40cde8;
	border-bottom: 					1px dotted #40cde8;
}

blockquote:first-letter {
	font-size: 						27px;
	color: 							#40cde8;
	font-weight: 					bold;
	line-height: 					0;
}

article ul {
	margin-bottom:                  1em;
	margin-left: 					2em;
}

article ul > li {
	margin-bottom:                  3px;
}

article ul > li::before {
	content: 						"";
	display: 						inline-block;
	background-color: 				#40cde8;
	height: 						8px;
	width: 							10px;
	-webkit-border-radius: 			4px;
	-moz-border-radius: 			4px;
	border-radius: 					4px;
	margin: 					    0 8px 1px -18px;
}

/* form styling */

.article__body--form fieldset {
	border: 						none;
	margin-bottom: 					1em;
}

.article__body--form input {
	width: 							100%;
	border:                         1px solid #0191ca;
	border-top-right-radius: 		20px;
    border-bottom-right-radius: 	20px;
    padding: 						11px 15px 11px 9px;
}

.article__body--form  input[type="radio"] {
	width: 							auto;
	display: 						inline;
	padding: 						10px;
}

.article__body--form label {
	font-weight: 					600;
	color: 							#0191ca;
}

hr {
	border-top:						1px solid #00bce0;
	margin:  						1em 0 1.5em 0;
	width: 							50%;
}


		/* form select design */
		/* @see https://www.clickstorm.de/blog/dropdown-css3/ */

.article__body--form  .select-wrapper {
  position: relative;

}

.article__body--form .select-wrapper::before {
	color: 							#000;
	font-size: 						20px;
	pointer-events:					none;
	position: 						absolute;
	right: 							15px;
	top: 							10px;
}

.article__body--form select {
  -moz-appearance: 					none;
  -webkit-appearance: 				none;
  appearance: 						none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8nwYAAmoBZ0eMiB8AAAAASUVORK5CYII=) repeat;  

  border:                           1px solid #0191ca;
  border-top-right-radius: 			20px;
  border-bottom-right-radius: 		20px;
  color: 							#000;
  cursor: 							pointer;
  font-size: 						15px;
  height: 							40px;
  outline: 							none;
  padding-left: 10px;
  width: 100%;
}

.article__body--form select::-ms-expand {
  display: 							none;
}

.article__body--form  select option {
  	color: 							#000;
}

select:focus::-ms-value {
  background-color: 					transparent;
}


/* header */

body > header {
	width:       						100%;
	min-height: 						200px;
	background-image: 					url("img/header-bg-xs.png");
	background-position:  				center 80px;
	background-repeat: 					no-repeat;
	background-size: 					contain;
}


	
body > header  .menu--outer {				/* generate full width toggle menu */
	padding-left: 						0;
	padding-right: 						0;
}

#menu--main-container {
	background-color:rgba(255,255,255,0.8);
}	
	
.logo {
	display: block;
	text-decoration:none;
	color: #000;
	width: 257px;
	height: 60px;
	margin: 12px 0 40px 0;
	background: transparent url("img/iau-logo-xs.png") no-repeat top left; 
	line-height: 1;
}
	
body > header #mobile-menu-container {
	position: relative;
	min-height: 32px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background-color:rgba(255,255,255,0.8);
}
	
.menu--mobile li {
	float: 									left;
	padding: 								5px 9px 4px;
	position: 								relative;
	display: 								inline-block;
	line-height: 							1.4;
}
	
.menu--mobile li.active::before {	
	content: 								"";
	position: 								absolute;
	width: 									6px;
	height: 								6px;
	top: 									0;
	left: 									10px;
	display: 								block;
	background-color: 						#000;
}
	
.menu--mobile li a {
	color: 									#000;
	text-transform:  						uppercase;
	font-size: 								15px;
	text-decoration: 						none;
}

/* menu */

.menu {
	padding: 								0;
	margin: 								0 0 1em;
}

.menu > li {
	padding: 								0;
	margin: 								0;
}

.menu > li > a {
	text-decoration: 						none;
	color: 									#333;
}


/* main menu */

.menu--main {
	width: 									100%;
}

.menu--main li {
	float: 									left;
	width: 									100%;
	position: 								relative;
}

.menu--main a {
	display: 								block;
	height: 								100%;
	width: 									100%;
	padding:  								6px 13px;
	font-size:  							15px;
	text-transform: 						uppercase;
	line-height: 							1.3;
	text-decoration: 						none;
	color: 									#000;
	border-top: 							1px solid rgba(0,0,0,0.5);
	-webkit-transition: 					all 400ms ease-out;
	-moz-transition: 						all 400ms ease-out;
	-o-transition: 							all 400ms ease-out;
	transition: 							all 400ms ease-out;
}
	
.menu--main li:last-of-type a {
		border-bottom: 						1px solid #000;
}

.menu--main a:hover {
	color: 									#00bce0;
}
	
.menu--main > ul > li.active > a::before,
.menu--main > ul > li:hover > a::before {	
	content: 								"";
	position: 								absolute;
	width: 									5px;
	height: 								5px;
	top: 									0;
	left: 									13px;
	display: 								block;
	background-color: 						#000;
}
	
.menu--main > ul > li > ul > li.active a::before {	
	content: 								"";
	position: 								absolute;
	width: 									5px;
	height: 								5px;
	top: 									1px;
	left: 									32px;
	display: 								block;
	background-color: 						#000;
}

/* home */

.menu--main > ul > li:first-of-type {
	display: none;
}

.js .menu--main {
	display: 								none;
}

.js .sub-menu {
	display: 								none;
	z-index: 								100;
}
	
.sub-menu li a {
	text-indent: 							18px;
}

.sub-menu li:last-of-type {
	padding-bottom: 						0;
}
	
.sub-menu li:last-of-type a {
	border-bottom: 							none;
}

.sub-menu a {
	background: 							rgba(255,255,255,0.8);
}

/* toggles */

.toggle-menu--main {
	display: 								block;
	position: 								absolute;
	right: 									0;
	top: 									1px;
	padding: 								2px 8px 2px;
	color: 									#000;
	cursor: 								pointer;
	font-weight: 							400;
	text-transform: 						uppercase;
	font-size: 								15px;
	-webkit-transition: 	 				all 0.6s ease-out;
	-moz-transition: 		 				all 0.6s ease-out;
	-o-transition: 			 				all 0.6s ease-out;
	-ms-transition: 						all 0.6s ease-out;
	transition: 							all 0.6s ease-out;
}
	
.toggle-menu--main > span::before {
	content: 								"\2261 ";
	display: 								inline-block;
	padding-right: 							6px;
	padding-bottom: 						2px;
	font-size: 								24px;
	line-height: 							0;
	vertical-align: 						middle;
}
	
.toggle-sub-menu {
	display: 								none;
}

.js .toggle-sub-menu {
	position: 								absolute;
	right: 									0;
	top: 									1px; /* Höhe des borders */
	display: 								block;
	padding: 								1em;
	width: 								 	30px;
	font-size: 								15px;
	line-height: 							1;
	font-weight: 							300px;
	cursor: 								pointer;
	-webkit-transition: 	 				all 0.6s ease-out;
	-moz-transition: 		 				all 0.6s ease-out;
	-o-transition: 			 				all 0.6s ease-out;
	-ms-transition: 						all 0.6s ease-out;
	transition: 							all 0.6s ease-out;
}
	
.js .toggle-sub-menu::after {
	content: 								"+";
	position: 								absolute;
	top: 									6px;
	left: 									3px;
	width: 									20px;
	height: 								22px;
	padding-left: 							3px;
	font-size: 								27px;
	font-weight: 							400;
	color: 									#000;
	line-height: 							0.9;
	-webkit-transition: 	 				all 0.3s ease-out;
	-moz-transition: 		 				all 0.3s ease-out;
	-o-transition: 			 				all 0.3s ease-out;
	-ms-transition: 						all 0.3s ease-out;
	transition: 							all 0.3s ease-out;
}
	
.js .toggle-sub-menu.active::after {
	transform: 								rotate(-45deg);
}

.js .toggle-sub-menu.active {
	background: 							#eee;
}
	
.toggle-sub-menu:hover,
.toggle-sub-menu.active:hover  {
	background-color: 						#fff;
}


/* buttons */

.button,
.pagination li.page--last,
.pagination li.page--first,
.button--reverse,
.pagination li.page--first {
	webkit-transition: 				all 500ms ease-out;
	-moz-transition: 				all 500ms ease-out;
	-o-transition: 					all 500ms ease-out;
	transition: 					all 500ms ease-out;
}

.button,
.pagination li.page--last,
.pagination li.page--first {
	background-color: 				#40cde8;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topright: 	20px;
	-moz-border-radius-bottomright: 20px;
	border-top-right-radius: 		20px;
	border-bottom-right-radius: 	20px;
	border:                         none;
	font-size: 						18px;
	text-transform: 				uppercase;
	color: 							#fff;
	padding: 						9px 15px 9px 9px;
	line-height: 					1;

}


.button--reverse {
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 	20px;
	-moz-border-radius-bottomleft: 	20px;
	border-top-left-radius: 		20px;
	border-bottom-left-radius: 		20px;
	border:                         1px solid #666;
	border-right:                   none;
	color: 							#000;
	padding: 						8px 9px 8px 15px;
	line-height: 					1;
	font-size: 						18px;
}

.button-revers:hover {
	background-color: #000;
}

.pagination li.page--first {
	background-color: 				#40cde8;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-topright: 	0;
	-moz-border-radius-bottomright: 0;
	border-top-right-radius: 		0;
	border-bottom-right-radius: 	0;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 	20px;
	-moz-border-radius-bottomleft:  20px;
	border-top-left-radius: 		20px;
	border-bottom-left-radius: 	20px;
	border:                         none;
	font-size: 						18px;
	text-transform: 				uppercase;
	color: 							#fff;
	padding: 						9px 15px 9px 9px;
	line-height: 					1;
}



.button:hover,
.pagination li.page--last:hover,
.pagination li.page--first:hover {
	background-color: 				#5d5b58;
	color: 							#fff;
}

.button,
.pagination li.page--last,
.pagination li.page--first {
	display: 						inline-block;
}

.button span::after,
.pagination li.page--last span::after,
.pagination li.page--first span::before {
	font-weight: 700;
	font-size: 24px;
	line-height: 0;
}

.button span::after,
.pagination li.page--last span::after {
	content: " >";
}

.pagination li.page--first span::before {
	content: "< ";
}




/* search */

input {
	padding: 						10px 14px 9px 8px;
	line-height: 					1;
}	
.search__input {
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 	20px;
	-moz-border-radius-bottomleft: 	20px;
	border-top-left-radius: 		20px;
	border-bottom-left-radius: 		20px;
	border:                         none;
	font-size: 						16px;
}

.search--content {
	margin-bottom: 3em;
}

.search--content .search__input  {
	border: 						1px solid #40cde8;
	border-right: 					none;
}

.search--content .search__submit {
	border: 						1px solid #40cde8;
	border-left: 					none;
	padding: 						10px;
}


/* pagination */

.pagination li {
	float: left;
	padding: 3px 9px;
}

.pagination li a {
	color: #00bce0;
	text-decoration: none;
	font-size: 18px;
	text-transform: uppercase;
}

.pagination li.page--first a,
.pagination li.page--last a {
	color: #fff;	
}

/* news overview */

.news__teaser__more {
	text-align: right;
}

p.more--small {
	margin-top: -1em;
}

.news__teaser {
	position: relative;
	margin-bottom: 2em;
}

.page--index .news__teaser {
	margin-bottom: 1em;
}

.news__teaser::after {
	content: "";
	position: absolute;
	height: 1px;
	border-top: 2px solid #999;
	bottom: 0;
	width: 78px;
	left: 1rem;
}

.news__teaser.news__teaser__content--md::after {
	bottom: -10px;
	left: 0;	
}
/* article  */

.article {
	padding-bottom: 				2em;
}

.article__listing {
	margin-top: 1.5em;
}

.article__meta {
	margin-bottom: 					1em;
	position: 						relative;	
}

.article__meta p {
	margin: 						0;
}

.article__teaser--council {
	margin-bottom: 1em;
}

.meta__date,
.meta__tags {
	text-transform: 				uppercase;
	width: 							60%;
}

.meta__date {
	font-weight: 					600;
    font-family: 					'calibri', 'helvetica', 'arial', sans-serif;
}

.news__teaser__content .meta__date {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.news__teaser__content--md:first-of-type .meta__date {
	margin-top: 0;
}

.search__result .meta__date {
	margin-top: 1em;
	margin-bottom: 0;
}

.search__result .meta__date span {
	font-weight:  					normal;
}

.meta__tags {
	text-transform: 				uppercase;
}

.meta__tags a {
	display: 							inline-block;
	padding: 							0 5px 0;
	background-color: 					#40cde8;
	margin-right: 						3px;
	margin-top: 						5px;
	text-decoration: 					none;
	color: 								#fff;
	letter-spacing: 					0.05em;
}

.meta__tags a:hover {
	background-color: 					#5d5b58;
	color: 								#fff;
}

.meta__share {
	position: 							absolute;	
	right: 								1rem;
	top: 								5px;
}

.meta__share p {
	margin-top: 						0;	
	line-height: 						1;
}

.meta__share > h3 {
    font-family: 						'calibri', 'helvetica', 'arial', sans-serif;
	font-weight: 						600;
	font-size: 							15px;
	line-height: 						1;
	text-transform: 					uppercase;
	margin: 							0;
}

.share {
	font: 								0/1 a;
	height: 							24px;
	width: 								24px;
	background-color:             	    #5d5b58;
	background-repeat: 					no-repeat;
	background-size: 					24px 24px;
	display: 							inline-block;
}

.share-lg {
	font: 								0/1 a;
	height: 							32px;
	width: 								32px;
	background-color:              	 	#5d5b58;
	background-repeat: 					no-repeat;
	background-size: 					32px 32px;
	display: 							inline-block;
}


.share:hover {
	background-color:              		 #40cde8;
}

.share__twitter {
	background-color:                 	#5d5b58;
	background-image:  				url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath /%3E%3Cpath d='M28,8c-0.9,0.4-1.8,0.7-2.8,0.8c1-0.6,1.8-1.6,2.2-2.7c-0.9,0.6-2,1-3.1,1.2c-0.9-1-2.2-1.6-3.6-1.6c-2.7,0-4.9,2.2-4.9,4.9c0,0.4,0,0.8,0.1,1.1c-4.1-0.2-7.7-2.2-10.1-5.1C5.3,7.3,5.1,8.1,5.1,9c0,1.7,0.9,3.2,2.2,4.1c-0.8,0-1.6-0.2-2.2-0.6c0,0,0,0,0,0.1c0,2.4,1.7,4.4,3.9,4.8c-0.4,0.1-0.8,0.2-1.3,0.2c-0.3,0-0.6,0-0.9-0.1c0.6,1.9,2.4,3.4,4.6,3.4C9.7,22.2,7.5,23,5.2,23c-0.4,0-0.8,0-1.2-0.1c2.2,1.4,4.8,2.2,7.5,2.2c9,0,14-7.5,14-14c0-0.2,0-0.4,0-0.6C26.5,9.8,27.3,9,28,8z' fill='rgba(255,255,255,1)' /%3E%3C/svg%3E");
}

.share__twitter:hover {
	background-color:                 	#1da1f2;
}

.share__facebook {
	background-color: 					#5d5b58;
	background-image:  					url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='rgba(0,0,0,1)'/%3E%3Cpath d='M21.4,10.9h-3.9V8.4c0-1,0.6-1.2,1.1-1.2c0.4,0,2.7,0,2.7,0V3l-3.8,0c-4.2,0-5.1,3.1-5.1,5.1v2.8H10v4.3h2.4c0,5.5,0,12.2,0,12.2h5.1c0,0,0-6.7,0-12.2H21L21.4,10.9z' fill='rgba(255,255,255,1)' /%3E%3C/svg%3E");
}

.share__facebook:hover {
	background-color: 					#3b569d;
}

.share__pinterest {
	background-color: 					#ee1b22;
	background-image:  					url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='rgba(0,0,0,1)'/%3E%3Cpath d='M16.8,4.2C10.3,4.2,7,8.8,7,12.7c0,2.4,0.9,4.5,2.8,5.2c0.3,0.1,0.6,0,0.7-0.3c0.1-0.2,0.2-0.8,0.3-1.1c0.1-0.3,0.1-0.5-0.2-0.8c-0.6-0.7-0.9-1.5-0.9-2.7c0-3.5,2.6-6.6,6.8-6.6c3.7,0,5.7,2.3,5.7,5.3c0,4-1.8,7.3-4.4,7.3c-1.4,0-2.5-1.2-2.2-2.6c0.4-1.7,1.2-3.6,1.2-4.9c0-1.1-0.6-2.1-1.9-2.1c-1.5,0-2.6,1.5-2.6,3.6c0,1.3,0.4,2.2,0.4,2.2s-1.5,6.4-1.8,7.5c-0.5,2.2-0.1,4.9,0,5.2c0,0.2,0.2,0.2,0.3,0.1c0.1-0.2,1.9-2.3,2.5-4.5c0.2-0.6,1-3.8,1-3.8c0.5,0.9,1.9,1.7,3.4,1.7c4.4,0,7.4-4,7.4-9.4C25.5,7.9,22.1,4.2,16.8,4.2z' fill='rgba(255,255,255,1)' /%3E%3C/svg%3E");
}

.share__instagram {
	background-color: 					#5d5b58;
	background-image:  					url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16,3c-3.5,0-4,0-.4,0.1C9.3,3.1,8.3,3.4,7.5,3.7C6.6,4,5.8,4.5,5.2,5.2C4.5,5.8,4,6.6,3.7,7.5c-0.3,0.8-0.5,1.8-0.6,3.2C3,12,3,12.5,3,16s0,4,0.1,5.4c0.1,1.4,0.3,2.3,0.6,3.2c0.3,0.9,0.8,1.7,1.5,2.3c0.6,0.7,1.4,1.2,2.3,1.5c0.8,0.3,1.8,0.5,3.2,0.6C12,29,12.5,29,16,29s4,0,5.4-0.1c1.4-0.1,2.3-0.3,3.2-0.6c1.7-0.7,3.1-2.1,3.8-3.8c0.3-0.8,0.5-1.8,0.6-3.2C29,20,29,19.5,29,16s0-4-0.1-5.4c-0.1-1.4-0.3-2.3-0.6-3.2c-0.3-0.9-0.8-1.7-1.5-2.3c-0.6-0.7-1.4-1.2-2.3-1.5c-0.8-0.3-1.8-0.5-3.2-0.6C20,3,19.5,3,16,3z M16,5.3c3.5,0,3.9,0,5.3,0.1c1.3,0.1,2,0.3,2.4,0.4c0.6,0.2,1.1,0.5,1.5,1c0.4,0.4,0.8,0.9,1,1.5c0.2,0.5,0.4,1.1,0.4,2.4c0.1,1.4,0.1,1.8,0.1,5.3c0,3.5,0,3.9-0.1,5.3c-0.1,1.3-0.3,2-0.4,2.4c-0.4,1.1-1.3,2-2.5,2.5c-0.5,0.2-1.1,0.4-2.4,0.4c-1.4,0.1-1.8,0.1-5.3,0.1s-3.9,0-5.3-0.1c-1.3-0.1-2-0.3-2.4-0.4c-0.6-0.2-1.1-0.5-1.5-1c-0.4-0.4-0.8-0.9-1-1.5c-0.2-0.5-0.4-1.1-0.4-2.4c-0.1-1.4-0.1-1.8-0.1-5.3c0-3.5,0-3.9,0.1-5.3c0.1-1.3,0.3-2,0.4-2.4c0.2-0.6,0.5-1.1,1-1.5c0.4-0.4,0.9-0.8,1.5-1c0.5-0.2,1.1-0.4,2.4-0.4C12.1,5.4,12.5,5.3,16,5.3' fill='rgba(255,255,255,1)' /%3E%3Cpath d='M16,20.3c-2.4,0-4.3-1.9-4.3-4.3c0-2.4,1.9-4.3,4.3-4.3c2.4,0,4.3,1.9,4.3,4.3C20.3,18.4,18.4,20.3,16,20.3M16,9.3c-3.7,0-6.7,3-6.7,6.7s3,6.7,6.7,6.7s6.7-3,6.7-6.7S19.7,9.3,16,9.3' fill='rgba(255,255,255,1)' /%3E%3Cpath d='M22.9,7.5c0.9,0,1.6,0.7,1.6,1.6c0,0.9-0.7,1.6-1.6,1.6s-1.6-0.7-1.6-1.6C21.4,8.2,22.1,7.5,22.9,7.5' fill='rgba(255,255,255,1)' /%3E%3C/svg%3E");
}

.share__instagram:hover {
	background-color:  #d1006b;
}

.share__youtube {
background-color: 					#5d5b58;
	background-image:  					url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16.3,7.7c0,0-7.3,0-9.1,0.5c-1,0.3-1.8,1.1-2.1,2.1c-0.5,1.8-0.5,5.6-0.5,5.6s0,3.8,0.5,5.6c0.3,1,1.1,1.8,2.1,2.1C9.1,24,16.3,24,16.3,24s7.3,0,9.1-0.5c1-0.3,1.8-1,2-2.1c0.5-1.8,0.5-5.6,0.5-5.6s0-3.8-0.5-5.6c-0.3-1-1-1.8-2-2C23.6,7.7,16.3,7.7,16.3,7.7z M14,12.4l6,3.5l-6,3.5V12.4z' fill='rgba(255,255,255,1)' /%3E%3C/svg%3E");
}

.share__youtube:hover {
	background-color:  #ff0000;
}








/* article links */

.article__links p {
	text-align: 						center;
	padding-bottom: 					1em;
}

.article__links .button {
	margin-right: 1em;
	-webkit-border-top-left-radius: 	20px;
	-webkit-border-bottom-left-radius: 	20px;
	-moz-border-radius-topleft: 		20px;
	-moz-border-radius-bottomleft:  	20px;
	border-top-left-radius: 			20px;
	border-bottom-left-radius: 			20px;
	padding: 9px 15px 9px 15px;
}

.race--championship .article__links {
	margin-bottom: 2em;
}

/* article images */

.article__images {
	padding-top: 						1em;
}

.article__images > figure > figcaption {
	color: 								#5d5b57;
	font-size: 							11px;
}

.articles__images > figure {
	margin-bottom:  					0.5em;
}

/* author */

.article__author p {
	margin-bottom: 						0;
}

.article__author a {
	line-height: 						1.5;
}

/* race filters */

.race__form fieldset {
	border: none;
	display: inline-block;
	margin-top: 5px;
}

.race__form .button{
	padding: 5px 6px 4px;
	text-decoration: none;
}

.race__form label {
	display: block;
	font-family: 'barlow_condensed', 'helvetica', 'calibri', 'arial', sans-serif;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    color: #999;
}

.race__form select {
	padding: 3px;
	border-color: #00bce0;
	position: relative;
    font-size: 15px;
}

.race__form select::before {
	position: absolute;
	top: -30px;
	left: 0;
	content: "test";
	font-family: 'barlow_condensed', 'helvetica', 'calibri', 'arial', sans-serif;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    color: #999;
	width: 100px;
	height: 30px;
}

/* race */

.race__label,
.race--multidistance,
.race__singlerace {
	position: 							relative;
	margin-bottom: 						1.5em;
	padding-bottom: 					1.5em;
}

.race__singlerace.race--iaurace {
	padding-top: 						1.6em;
}

h1.race__title {
	font-size: 							24px;
	color:                     			#000;
	border-bottom: 						1px solid #00bce0;
}

.race__singlerace.cancelled h1.race__title::before {
	content: 							"Cancelled";
	background-color:  				    #bb2323;
	position: 						    absolute;
	top: 								-5px;
	left:                               30px;
	color: 								#fff;
	font-size: 							17px;
	padding: 						    5px 10px;
	z-index: 							100;
	transform: 							rotate(-20deg);
}

.race--championship h1.race__title {
	border-bottom: none;
	padding: 3px 0 3px 10px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e7d96a+15,ac8320+30,ac8320+100&1+0,1+40,0+80 */
	background: -moz-linear-gradient(left,  rgba(231,217,106,1) 0%, rgba(231,217,106,1) 15%, rgba(172,131,32,1) 30%, rgba(172,131,32,1) 40%, rgba(172,131,32,0) 80%, rgba(172,131,32,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(231,217,106,1) 0%,rgba(231,217,106,1) 15%,rgba(172,131,32,1) 30%,rgba(172,131,32,1) 40%,rgba(172,131,32,0) 80%,rgba(172,131,32,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(231,217,106,1) 0%,rgba(231,217,106,1) 15%,rgba(172,131,32,1) 30%,rgba(172,131,32,1) 40%,rgba(172,131,32,0) 80%,rgba(172,131,32,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7d96a', endColorstr='#00ac8320',GradientType=1 ); /* IE6-9 */
	position: relative;
}

.race--championship h1.race__title::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e7d96a+15,ac8320+30,ac8320+100 */
	background: rgb(231,217,106); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(231,217,106,1) 15%, rgba(172,131,32,1) 30%, rgba(172,131,32,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(231,217,106,1) 15%,rgba(172,131,32,1) 30%,rgba(172,131,32,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(231,217,106,1) 15%,rgba(172,131,32,1) 30%,rgba(172,131,32,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7d96a', endColorstr='#ac8320',GradientType=1 ); /* IE6-9 */
}

h1.race__title span:last-of-type {
	color: #00bce0;
}



.race--singledistance {
	padding: 4px 0 0 0;
}

.race--multidistance {
	padding: 4px 10px 0 0;
}

.race--singledistance > p > span {
	font-size: 18px;
}

article.race__singlerace p {
	padding: 0;
	line-height: 1.6;
	margin: 0;
}

article.race__singlerace .race__content p,
article.race__singlerace  p.teaser {
	margin-bottom: 1em;
}

article .race--singledistance > p {
	font-size: 46px;
	line-height: 1;
}

	article .race--singledistance > p.distsize--m {
		font-size: 40px;
	}

	article .race--singledistance > p.distsize--xl {
		font-size: 34px;
	}

.race__data a > span {
	line-height: 1;
}

.race__data span.d-md-block {
	display: none;
}

.race__data .meta__date {
	clear: left;
}

.race__type::after {
	content: " - ";
}

.race__locality::after {
	content: " / ";
}

.race__iaurace {
	display: none;
}

.race__website {
	display: block;
	position: absolute;
	bottom: 0;
	right: 1rem;
	text-transform: uppercase;
	font-size: 17px;
	font-weight: 500;
}

.race__website span::after {
	line-height: 0;
	content: " >";
}

	/* race labels */

ul.race__labels:empty {
 	display: none;
}

ul.race__labels {
    padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 1rem;
}

ul.race__labels li {
    padding: 0 6px;
	float: left;
}

ul.race__labels li::before {
    display: none;
    margin: 0;	
}

ul.race__labels li  {
	padding: 2px 7px 1px 7px;
    background-color: #28BBDD;
    border-bottom: 0;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 11px;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
	margin-right: 4px;
}

.race__label--trail {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#86b515+0,5c8a00+100 */
background: #86b515; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #86b515 0%, #5c8a00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #86b515 0%,#5c8a00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #86b515 0%,#5c8a00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86b515', endColorstr='#5c8a00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}


.race__label--gold {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e7d96a+0,ac8320+100 */
	background: #e7d96a; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #e7d96a 0%, #ac8320 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #e7d96a 0%,#ac8320 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #e7d96a 0%,#ac8320 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7d96a', endColorstr='#ac8320',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.race__label--silver {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d2d4d9+0,919294+100 */
	background: #d2d4d9; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #d2d4d9 0%, #919294 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #d2d4d9 0%,#919294 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #d2d4d9 0%,#919294 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d4d9', endColorstr='#919294',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.race__label--bronze {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2985a+0,79492d+100 */
	background: #f2985a; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #f2985a 0%, #79492d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #f2985a 0%,#79492d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #f2985a 0%,#79492d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2985a', endColorstr='#79492d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


/* results / tables */

.col-xs-12.results__col {
	padding: 							0;
}

.article__body table {
    display: table;
    border-collapse: separate;
    border-spacing: 0;
    border-color: none;
}
	
.results__table {
	width: 								100%;
	margin-bottom: 						2em;
}

.results__table thead {
	display: 							none;
}

.article__body table td {
	padding: 							5px 0.5rem;
	font-size: 							14px;
    display: 							inline-block;
}

/* check with other tables */

.article__body table td {
    display: 							table-cell;
}



.results__table td {
	padding: 							0;	
}

.results__table tr {
	display: 							block;
	padding: 							0.5em 1rem;
	position: 							relative;
}

.results__table tr > td:first-of-type,
.results__table tr > td:nth-child(2) {
	font-weight: 						600;
	width: 								100%;
}

.results__table tr > td:nth-child(4) {
	float: right;
	padding-top: 4px;
}

.article__body table tr:nth-child(even) {
  background-color: 					#f0eeec;
}

.results__table ul.race__labels {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0.7em;
    left: auto;
	right: 0.5rem;
}

/* sponsoring */

.frontpage__sponsoring {
	margin-bottom: 1em;
}

.framed {
	padding: 							0.5em 0 0.5em;
	border-bottom: 						1px solid #666;
	border-top: 						1px solid #666;
}


/* disciplines */

.frontpage__disciplines__pos {
	position: relative;
}

.discip__background-image {
	position: 							relative;
}

.discip__background-gradient {
	z-index: 100;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00bce0+0,7db9e8+100&1+0,0+100 */
	background: -moz-linear-gradient(top,  rgba(0,188,224,1) 0%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,188,224,1) 0%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,188,224,1) 0%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bce0', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */
}

.discip__content {
	z-index: 200;
	position: absolute;
	top: 0;
	left: 0;
}

.discip__content h1 {
	font-size: 36px;
	text-transform: uppercase;
	padding-top: 1em;
	padding-bottom: 0;
	line-height: 1.3;
}

.discip__content h1 a {
	color: #fff;
	text-decoration: none;
	border-bottom: none;
}

.discip__content p {
	color: #fff;
	margin-bottom: 2em;
}

.discip__content p a {
	color: #fff;
	border-bottom: 1px dotted rgba(255,255,255,1);
}

.discip__content p a.button--reverse {
	color: #000;
	border-bottom: 1px solid #666;
}

.discip__content p a.button {
	border-bottom: none;
}

.discip__content h2 {
	color: #00bce0;
	text-transform: uppercase;
	line-height: 1.3;
	min-width: 100px;
}

.discip__content__dist p:last-of-type,
.discip__content__dist h2 {
	display: inline-block;
	margin-bottom: 0;
}

.discip__content--singdist{
	background-color: #fff;
	padding: 1.2em;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.4);
}

.discip__content__dist .col-xs-12 {
	margin-bottom: 1.5em;
}

/* footer */

.section__sponsoring--footer,
.section__social {
	padding-top: 						1em;
	background-repeat: 					no-repeat;
	background-position: 				top center;
	background-size: 					contain;
}


/* sponsoring footer */

.section__sponsoring--footer {
	min-height: 						200px;
	background-image: 					url("img/sponsor-bg-xs.png");
}

/* social networks */

.section__social {
	padding-top: 						2em;
	text-align: 						center;
	background-image: 					url("img/social-bg-xs.png");
}

.section__social h3.section__title::after {
	right: 								calc(50% - 36px);
	left: 								calc(50% - 36px);
}


/* sponsoring */

.section__sponsoring--footer {
	margin-top: 3em;
}


/* footer main site footer */

.site__footer {
	margin-top: 1em;
	background-color:  #999;
	padding-bottom: 2em;
}

.site__footer h2 {
	color: 								#fff;
	font-size: 							21px;
	text-transform: 					uppercase;
	margin: 					   		2em 0 1em;
}

.site__footer ul,
.site__footer ul li {
	padding-left: 						0;
	margin-left: 						0;
}

.site__footer a {
	color: #fff;
}

.site__footer ul li a {
	color: #000;
	text-decoration: none;
	border-bottom: 1px dotted transparent;
	-webkit-transition: 				all 500ms ease-out;
	-moz-transition: 					all 500ms ease-out;
	-o-transition: 						all 500ms ease-out;
	transition: 						all 500ms ease-out;
}



.site__footer ul li a:hover {
	color: #40cde8;
	text-decoration: none;
	border-bottom: 1px dotted #40cde8;
}

.site__legacy {
	padding-top: 2em;
}















































@media only screen and (min-height: 600px) {
	
} 
/*  - - - - -  end max 620    - - - - -  */
  


@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) { 
       
}




























/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	
	.container { 
		width: 								736px;
	}
	
	#menu--main-container > div > .container {
		width: 								100%;
	}	

	
	.d-xs-block,
	.d-md-block,
	.d-lg-block,
	.d-sm-none {
		display: 							none;
	}
	
	.d-sm-block,
	.d-xs-none,
	.d-md-none,
	.d-lg-none {
		display: 							block;
	}
	
	/* header */
	
	body > header {
		width:       						100%;
		min-height: 						230px;
		background-image: 					url("img/header-bg-sm.png");
		background-position:  				center 90px;
		background-repeat: 					no-repeat;
		background-size: 					contain;
	}
	
	/* overview menus */
	
	article ul.overview__submenu > li::before {
		content: "";
		display: none;
	}
	
	.overview__submenu li {
		float: right;
		padding: 0 4px;
	}
	
	.overview__submenu li > a {
		padding: 5px 6px;
		background-color: #5d5b58;
		border-bottom: 0;
		color: #fff;
		text-transform: uppercase;
		text-decoration: none;
		font-size: 14px;
		-webkit-transition: 				all 300ms ease-out;
		-moz-transition: 					all 300ms ease-out;
		-o-transition: 						all 300ms ease-out;
		transition: 						all 300ms ease-out;
	}
	
	.overview__submenu li.active > a {
		background-color: #00bce1;	
	}
		
	.overview__submenu li > a:hover {
		background-color: #00bce0;
		color: #fff;
	}	
	
	
	/* news overview */

	.news__teaser__img  { 
		transition: all .2s ease-in-out; 
	}
	
	.news__teaser__img a {
		padding: 0;
	}
	
	.news__teaser__img:hover { transform: scale(1.02); }
	
	
	.news__teaser::after {
		content: "";
		position: absolute;
		height: 0;
		border-top: none;
		bottom: 0;
		width: 0;
		left: 0;
	}
	
	.news__teaser.news__teaser__content--md::after {
		bottom: 0;
		left: 0;	
	}	

	/* race */
	
	.race__singlerace {
		margin-bottom: 2em;
	}
	
	.race--multidistance,
	.race--singledistance {
		padding-left: 					1rem;
	}
	
	.race__singlerace.cancelled h1.race__title::before {
		top: 								0px;
		font-size: 							18px;
		padding: 						    9px 12px;
	}
	
	.race--multidistance p {
		font-size: 						21px;
	}
	
	article .race--singledistance > p {
		font-size: 						78px;
		line-height: 					1;
	}
	
	.race--singledistance > p > span {
		font-size: 							28px;
	}
	
		article .race--singledistance > p.distsize--m {
			font-size: 						70px;
		}

		article .race--singledistance > p.distsize--xl {
			font-size: 						62px;
		}
	
	.race__website {
		font-size: 24px;
		bottom: 8px;
	}
	
	.race__website span::after {
		line-height: 0;
		content: " >";
		font-size: 28px;
		font-weight: 600;
	}
	
	.race__phonenumber,
	.race__email {
		width: 50%;
		float: left;
	}
	

	ul.race__labels {
		padding: 0;
		margin: 0;
		position: absolute;
		top: 32px;
		left: auto;
		right: calc(1rem - 3px);
	}
	
	/* disciplines */
	
	.discip__content {
		width: 100%;
	}
	
	.discip__content__dist p:first-of-type {
		color: #000;
	}
	
	.discip__content--singdist h2 {
		display: block;
		border-bottom: 2px solid #00bce0;
		margin-bottom: 0.5em;
	}
	
	.discip__content > .row > div > p:first-of-type {
	    font-size: 17px;
	}
	
	.discip__content--singdist p:first-of-type {
		min-height: 75px;
	}
		
	/* footer */
	
	.section__sponsoring--footer {
		min-height: 						200px;
		background-image: 					url("img/sponsor-bg-sm.png");
	}
	
	.section__sponsoring--footer,
	.section__social {
    	padding-top: 2em;
		padding-bottom: 2em;
	}
	
	.section__social {
    	padding-top: 						3em;
        background-image: 					url(img/social-bg-sm.png);
	}
	
}
/* end media 768px */




































/* - - - - - Large devices (desktops, 992px and up) - - - - -  */
@media screen and (min-width: 992px) {
	
	.container,
	#menu--main-container > div > .container  {
		width: 								976px;
	}

	.d-xs-block,
	.d-sm-block,
	.d-lg-block,
	.d-md-none {
		display: 							none;
	}
	
	.d-md-block,
	.d-xs-none,
	.d-sm-none  {
		display: 							block;
	}
	

	/* header */
	
	body > header {
		width:       						100%;
		min-height: 						230px;
		background-image: 					url("img/header-bg-md.png");
		background-position:  				center 110px;
		background-repeat: 					no-repeat;
		background-size: 					contain;
	}
	
	.logo {
		clear: both;
		padding: 0;
		margin: 0 0 48px 0;
		width: 309px;
		height: 70px;
		background: transparent url("img/iau-logo-md.png") no-repeat top left; 
	}
	
	body > header #mobile-menu-container {
		min-height: 35px;
	}

	#menu--main-container {
		border-top: 						1px solid #000;
		border-bottom: 						1px solid #000;
	}
	
	body > header  .menu--outer {			/* generate full width toggle menu */
		padding-left: 						1rem;
		padding-right: 						1rem;
	}	
	
	/* service menu */
	
	.menu--service {
		width: 								100%;
		display: 							flex;
		flex-direction: 					row;
		align-items: 						flex-end;
	    justify-content: 					flex-end;
	}

	.menu--service li {
		padding: 							6px 6px 0 6px;
	}
	
	.menu--service a {
		display: 							inline-block;
		color: 								#666;
		font-size: 							15px;	
		text-decoration: 					none;
		border-bottom:                      1px dotted transparent;
		-webkit-transition: 				all 400ms ease-out;
		-moz-transition: 					all 400ms ease-out;
		-o-transition: 						all 400ms ease-out;
		transition: 						all 400ms ease-out;
	}
	
	.menu--service a:hover {
		color: 								#00bce0;
		border-bottom:                      1px dotted #00bce0;
	}
	
	/* main menu */
	
	.menu--main {
		width: 								auto;
		display: 							block !important;
	}

	.menu--main a {
		border: 							none;
		padding: 							4px 12px 3px;
		font-size: 							16px;
	}
	
	.menu--main li {
		width: 								auto;
		padding: 							0 0 0 0;
		height: 							29px;
	}
	
	.menu--main li:last-of-type a {
		border-bottom: 						none;
	}

	.has-sub-menu a {
		padding-right: 						24px;
	}
	
	.menu--main > ul > li.active > a::before,	
	.menu--main > ul > li:hover > a::before {	
		left: 								13px;
	}
	
	.menu--main > ul > li > ul > li.active a::before {
		top: 								0;
		left: 								12px;
	}
	
	/* home */

	.menu--main > ul > li:first-of-type {
		display: block;
	}

	.has-sub-menu::before {
		content: 							'';
		position: 							absolute;
		top: 								0;
		right: 								0;
		width: 								24px;
		height: 							100%;
	}
	
	.has-sub-menu::after {
		content: 							"+";
		display: 							inline-block;
		font-size: 							27px;
		position: 							absolute;
		top: 								1px;
		right: 								2px;
		width:                      		auto;
		height:  							12px;
		line-height: 						1;
	}

	/* sub menu */
	.menu--main li:hover > .sub-menu {
		display: 							block;
	  	position: 							absolute;
	  	width: 								200px;
	  	padding: 							0;
	  	left: 								0px;
	  	top: 								29px;
		border: 							1px solid #000;
		border-bottom: 						none;
	}

	.sub-menu {
		display: 							none;
	}
	
	.sub-menu li {
		width: 								100%;	
		border-bottom: 						1px solid #000;
		padding-top: 						0;
	}
	
	.sub-menu li a {
		text-indent: 						0; 
	}
	
	.toggle-menu--main,
	.toggle-sub-menu {
		display: 							none !important;	
	}
	
	

	/* meta */
	
	.meta__date, .meta__tags {
    	width: 100%;
	}

	.meta__share {
		position: relative;
		right: 0;
	}
	
	.meta__share h3 {
		display: 							block;
		font-size: 							17px;
		margin: 							2em 0 0 0;
	}

	.meta__share h3::before {
		content: 							"";
		position: 							absolute;
		height: 							5px;
		border-bottom: 						2px solid #00bce0;
		top: 								-20px;
		width: 								78px;
	}
	
	/* articles */
	
	.article__submenu {
		margin-bottom: 2em;
	}
	
	/* news */
	
	.news__teaser__content h1 {
		min-height: 2.5em;
	}
	
	.news__teaser:first-of-type .news__teaser__content h1 {
		min-height: 0;
		font-size: 36px;
	}
	
	.frontpage .news__teaser:first-of-type .news__teaser__content h1 {
		min-height: 2.65em;
		font-size: 25px;
	}
	
	.news__teaser__content.news__teaser__content--md h1  {
		min-height: auto;
	}
	
	
	.news__teaser__img {
		min-height: 196px;
		line-height: 0;
		border-top: 1px solid #00bce0;
	}

	.news__overview article:first-of-type .news__teaser__img {
		border-top: none;
	}
	
	.news__teaser__img--dark  {
		background-color: #dfdedd;
	}
	
	.news__teaser__img a {
		color: #5d5b57;
		text-decoration: none!important;
		border-bottom: none;
	}
	
	.news__teaser__img a span {
		display: block;
		text-align: center;
		color: #5d5b57;
		text-decoration: none!important;
		border-bottom: none;
		text-transform: uppercase;
		font-size: 18px;
		line-height: 1.2;
		margin-top: 1em;
	}
	
	/* race filter */
	
	.race__form fieldset {
		margin-top: 0;
	}
	
	.race__form a.button {
		padding: 5px 6px 4px;
		text-decoration: none;
	}
	
	/* race */
	
	.race__singlerace {
		margin-bottom: 						2.5em;
	}
	
	.race__singlerace .race--multidistance,
	.race__singlerace .race--singledistance {
    	-ms-flex-preferred-size: 22%;
    	flex-basis: 22%;
    	max-width: 22%;
	}
	
	.race__singlerace .race__data {
    	-ms-flex-preferred-size: 78%;
    	flex-basis: 78%;
    	max-width: 78%;
	}
	
	
	h1.race__title {
		font-size: 							32px;
		margin-bottom: 						0.3em;
	}
	
	.race--championship h1.race__title span:last-of-type {
		color: #fff;
	}
	
	.race__data span::after,
	.race__data p::after,
	.race__type::after,
	.race__locality::after,
	.race__country:after,
	.race__iaurace::after,
	.race__phonenumber::after,
	.race__email::after {
		font-family: 						'barlow_condensed', 'helvetica', 'calibri', 'arial', sans-serif;
		font-weight: 						400;
		font-size: 							12px;
		text-transform: 					uppercase;
		position: 							absolute;
		color: 								#999;
		bottom: 							-16px;
		left: 								0;
		letter-spacing:                     0.09em;
	}
	
	article p.race__date {
		display: 							inline-block;
		width: 								21%;
		position: 							relative;
		float: 								left;
		font-size: 							16px;
		margin-top: 						12px;
		line-height: 						1;
	}

	.race__date::after {
		content: 							"date";
	}

	.race__type {
		display: 							inline-block;
		position: 							relative;
		line-height: 						2.7em;
		width: 								10%;
	}
	
	.race__type::after {
		content: 							"Type";
	}

	.race__locality {
		display: 							inline-block;
		position: 							relative;
		width: 								36%;
	}
	
	.race__locality::after {
		content: 							"Place";
	}
	
	.race__country {
		display: 							inline-block;
		position: 							relative;
		width: 								23%;
	}
	
	.race__country::after {
		content: 							"Country";
	}
	
	.race__iaurace {
		display: 							inline-block;
		position: 							relative;
		width: 								7%;
	}
	
	.race__iaurace::after {
		content: 							"IAU Label";
	}
	
	p.race__phonenumber > a,
	p.race__email > a {
		color: 								#000;
		padding-bottom: 0;
		border-bottom: 0;
	}
	
	p.race__phonenumber > a:hover,
	p.race__email > a:hover {
		color: 								#00bce0;
	}
	
	.race__phonenumber {
		display: 							inline-block;
		position: 							relative;
		width: 								31%;
	}
	
	.race__phonenumber::after {
		content: 							"Phone";
	}
	
	.race__data span.d-md-block  {
		display: inline-block;
	}
	
	.race__email {
		display: 							inline-block;
		position: 							relative;
		width: 								50%;
	}
	
	.race__email::after {
		content: 							"Email";
	}
	
	
	article.race__singlerace .race__data p {
		line-height: 						2.9em;
	}
	
	article.race__singlerace .race__data p.race__date { 
		line-height: 1;
	}
	
	.race__website {
		bottom: -20px;
	}
	
	.race__website a {
		border-bottom: none;
	}
	
	.race__website span::after {
		position: 							relative;
		line-height: 						0;
		content: 							" >";
		font-size: 							28px;
		font-weight: 						600;
		bottom: 							0;
		color: 								#00bce0;
	}
	
	article .race--singledistance > p {
		font-size: 							97px;
		line-height: 						1;
	}

	article .race--singledistance > p.distsize--m {
		font-size: 85px;
	}

	article .race--singledistance > p.distsize--xl {
		font-size: 72px;
	}

	
	race--multidistance p {
		font-size: 							23px;
	}
	
	ul.race__labels {
    	top: 								37px;
	}
	
	/* results	*/
	
	.col-xs-12.results__col {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	
	.results__table thead {
		display: 							table-header-group;
		width: 								100%;
	}
	
	.results__table tr {
		display: 							table-row;

		position: 							relative;
	}
	
	.results__table td,
	.results__table th {
		padding: 							8px 0.5rem;
		font-size: 							13px;
		display: 							table-cell;
	}
	
	.results__table th {
		text-align: 						left;
	}
	
	.results__table tr > td:first-of-type,	
	.resultstb--date {
		width: 								15%;
		font-weight: 						600;
	}
	
	.results__table tr > td:nth-child(2),
	.resultstb--name {
		width: 								32%;
		font-weight: 						600;
	}
	
	.resultstb--city {
		width: 								27%;
	}
	
	.resultstb--length {
		width: 								10%;
	}
	
	.resultstb--label {
		width: 								14%;
	}

	.results__table tr > td:nth-child(4) {
		float: none;
		padding-top: 0;
	}
	
	.results__table tr > td:last-of-type {
		text-align:  right;
	}
	
	.results__table ul.race__labels {
		padding: 0;
		margin: 0;
		position: relative;
		top: 0;
		left: auto;
		right: auto;
	}
	
	/* results sorting */
	
	.article__body table[data-sortable] th:not([data-sortable="false"]) {
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  -o-user-select: none;
	  user-select: none;
	  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	  -webkit-touch-callout: none;
	  cursor: pointer;
	}
	
	.article__body table[data-sortable] th[data-sortable="true"]::after {
		content: "";
		display: inline-block;
		vertical-align: inherit;
		margin-top: -3px;
		margin-left: 10px;
		height: 7px;
		width: 30px;
		background: transparent url("img/sort.png") top left no-repeat;
	}
	
	
	.article__body table[data-sortable] th[data-sorted-direction="ascending"]::after {
	  background-image:  url("img/sort-inverse.png");
	}
	
	.article__body table[data-sortable] th[data-sorted-direction="descending"]::after {
	  background-image:  url("img/sort.png");
	}

	/* disciplines */
	
	.frontpage__disciplines {
		margin-bottom: 10em;
	}
	
	.discip__content__dist {
		margin-top: 2em;
	}
	
	.discip__content h1 {
		font-size: 60px;
	}
	
	.discip__content p {
		margin-bottom: 0
	}
	
	.discip__teaser {
		font-size: 28px;
		width: 66%;
		margin-bottom: 0.5em;
	}
	
	.discip__content--singdist p:first-of-type {
		min-height: 175px;
		margin-bottom: 0.5em;
	}
	
	
	/* footer */
	
	.section__sponsoring--footer {
		background-image: 					url("img/sponsor-bg-md.png");
	}
	
	.section__social {
        background-image: 					url(img/social-bg-md.png);
	}

	.site__legacy {
		padding-top: 						6px;
	}
	
}
/* end media 992px */


	

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	
	body {
    	font-size: 17px;
	}
	
	.container,
	.container, #menu--main-container > div > .container {
		width: 				1134px;
	}
	
	/* helpers */
	
	.d-xs-block,
	.d-sm-block,
	.d-lg-none {
		display: 							none;
	}
	
	.d-xs-none,
	.d-sm-none  {
		display: 							block;
	}
	
		/* header */
	
	body > header {
		min-height: 						270px;
		background-image: 					url("img/header-bg-lg-2.png");
		background-position:  				center 110px;
	}
	
	body > header.header--sponsorslider {
		min-height: 						238px;	
	}
	
	.logo {
		margin: 							0 0 48px 0;
		width: 								355px;
		height: 							80px;
		background: 						transparent url("img/iau-logo-lg.png") no-repeat top left; 
	}
	
		/* main menu */
	
	#menu--main-container {
		min-height: 37px;
		/* Permalink - use to edit and share this gradient: */
		/* @see https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+22,1+78,0+100 */
		background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 22%, rgba(255,255,255,1) 78%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 22%,rgba(255,255,255,1) 78%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 22%,rgba(255,255,255,1) 78%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */

	}

	.menu--main li {
		height: 								37px;
	}
	
	.menu--main a {
		font-size: 								19px;
		padding: 								7px 18px 3px;
		line-height: 							1.4;
		letter-spacing:                         0.03em;
	}
	
	.has-sub-menu a {
		padding-right: 							13px;
	}

	.has-sub-menu:after {
		display: 								none;
	}	
	
	.menu--main > ul > li.active > a::before,	
	.menu--main > ul > li:hover > a::before {	
		width: 									6px;
		height: 								6px;
		left: 									17px;
	}
	
	.menu--main > ul > li > ul > li.active a::before {
		width: 									6px;
		height: 								6px;
		left: 									12px;
	}
	
	/* sub menu */
	.menu--main li:hover > .sub-menu {
	  	top: 									37px;
	}
	
	/* overview */
	
	h3.section__title.overview__title {
		font-size: 								60px;
		line-height: 							1;
		margin-bottom: 							1em;
		margin-top:                             0.9em;
	}
	
	.article__listing {
		margin-top: 3em;
	}

	.article__submenu {
		margin-bottom: 3em;
	}
	
	/* news */

	.news__teaser:first-of-type h1 {
		font-size: 								28px;
	}

	
	.news__teaser__img {
		min-height: 230px;
	}
	
	.news__teaser__content h1 {
		min-height: 2.65em;
	}
	
	.page--index .news__teaser:first-of-type .news__teaser__content h1 {
		font-size: 25px;
	}
	
	.news__teaser__content h1 {
		font-size: 25px;
	}
	
	.news__teaser__content.news__teaser__content--md h1 {
		min-height: auto;
	}
	
	/* race */
	
	.race--multidistance {
   		 padding: 4px 0 0 1rem;
	}
	
	.race__singlerace {
    	padding-bottom: 0;
	}
	
	.race__singlerace.cancelled h1.race__title::before {
		top: 								0px;
		font-size: 							19px;
		padding: 						    10px 14px;
	}
	
	article .race--singledistance > p {
		font-size: 112px;
		line-height: 1;
	}
	

	article .race--singledistance > p.distsize--m {
		font-size: 95px;
	}

	article .race--singledistance > p.distsize--xl {
		font-size: 82px;
	}

	.race--singledistance > p > span {
    	font-size: 36px;
	}
	
	.race__data span::after,
	.race__data p::after,
	.race__type::after,
	.race__locality::after,
	.race__country:after,
	.race__iaurace::after,
	.race__phonenumber::after,
	.race__email::after {
		bottom: 							-17px;

	}
	
	ul.race__labels {
    	top: 								35px;
	}
	
	article p.race__date {
		display: 							inline-block;
		width: 								20%;
		font-size: 							17px;
		margin-top: 						15px;
		line-height: 						1;
	}


	.race__type {
		display: 							inline-block;
		position: 							relative;
		line-height: 						2.7em;
		width: 								9%;
	}
	
	.race__locality { width: 36%; }
	.race__country { width: 25%; }
	.race__phonenumber { width: 29%;}
	
	
	.race__website span::after {
		position: 							relative;
		line-height: 						0;
		content: 							" >";
		font-size: 							28px;
		font-weight: 						600;
		bottom: 							0;
		color: 								#00bce0;
	}
	
	/* disciplines */
	
	.page__disciplines {
		margin-bottom: 						3em;
	}
		
	/* results */
	
	.results__table td,
	.results__table th {
		padding: 							10px 0.5rem;
		font-size: 							15px;
	}
	
	.resultstb--date {
		width: 								15%;
	}

	.resultstb--name {
		width: 								32%;
	}

	.resultstb--city {
		width: 								25%;
	}

	.resultstb--length {
		width: 								10%;
	}

	.resultstb--label {
		width: 								14%;
	}

	/* media */
	
	.article__gallery h3 {
		min-height: 						55px;
	}


	
	
	/* footer */
	
	.site__footer {
		padding-bottom: 						4em;
	}
	
	.section__sponsoring--footer {
		background-image: 					url("img/sponsor-bg-lg.png");
	}
	
	.section__social {
		padding-top: 5em;
        background-image: 					url(img/social-bg-lg.png);
	}
	
	.search__input {
		width: 300px;
	}
	
	.footer--after__logo {
		margin-top:  						-2em;
	}
	
}
/* end media 1200px */




/* - - - - - 1500px viewport - - - - */
@media only screen and (min-width:2200px){
	
	body > header {
		min-height: 						230px;
		background-image: 					url("img/header-bg-xlg.png");
		background-position:  				center 80px;
	}	


}