/*
Theme Name: Swimrun World Series
Theme URI: 
Author: 2Creative
Author URI: http://www.2creative.se
Description: Tema till Swimrun World Series
*/
/************************************************************************************

RESET
*************************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0px;
  padding: 0px;
  border: 0;
  outline: 0;
  font-size: 100.01%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1;
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif; }

h1, h2, h3, p {
  margin: 0px;
  padding: 0px;
  line-height: 1; }

textarea {
  overflow: auto; }

input {
  border: 0px solid white;
  margin: 0;
  padding: 0; }

ol, ul {
  list-style: none;
  margin: 0px;
  padding: 0px; }

blockquote, q {
  quotes: none; }

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

/* remember to define focus styles! */
:focus {
  outline: 0; }

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/************************************************************************************
RESET END
*************************************************************************************/
/************************************************************************************
CSS BASICS
*************************************************************************************/
.full {
  width: 100%; }

.left {
  float: left; }

.right {
  float: right; }

.half {
  width: 50%; }

.relative {
  position: relative; }

.element {
  padding-top: 60px;
  padding-bottom: 60px; }

.center {
  text-align: center; }

.hr {
  height: 1px;
  width: 100%;
  background: #eee;
  float: left; }

.mitten {
  width: 1200px;
  margin: auto; }

.center .mitten {
  width: 800px; }

.knapp {
  padding: 12px 18px;
  color: #fff;
  background: #54c9ea;
  font-weight: 600;
  text-transform: uppercase;
  font-family: 'Exo 2', sans-serif;
  letter-spacing: 0.7px;
  font-size: 15px;
  margin-top: 20px;
  display: inline-block; }

/************************************************************************************
TYPO
*************************************************************************************/
body {
  font-family: 'Exo 2', sans-serif;
  color: #151a37; }

h1, h2, h3, h4 {
  font-family: 'Exo', sans-serif;
  color: #151a37;
  font-weight: 700;
  text-transform: uppercase; }

h1 {
  font-size: 100px; }

h2 {
  font-size: 38px;
  line-height: 1.25;
  margin-bottom: 30px; }

h3 {
  font-size: 25px;
  margin-bottom: 15px; }

h4 {
  font-size: 18px;
  margin-bottom: 12px; }

p {
  line-height: 1.5;
  font-size: 18px; }

a {
  text-decoration: none;
  color: #151a37; }

.exo {
  font-family: 'Exo', sans-serif; }

.element p {
  margin-bottom: 20px; }

/************************************************************************************
HEADER
*************************************************************************************/
#logotyp {
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 22px 40px;
  background: #fff; }

#header {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10; 
  height: 0px;}

/************************************************************************************
MENU
*************************************************************************************/
#menu {
  float: right;
  background: #fff; }

#menu > div > ul > li {
  float: left;
  position: relative; }

#menu > div > ul > li > a {
  padding: 18px 24px;
  color: #151a37;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  float: left;
  font-family: 'Exo', sans-serif; }

#menu > div > ul > .current-menu-item > a, #menu > div > ul > li:hover, #menu > div > ul > li:hover > a, .single-race #menu > div > ul > .menu-item-14 > a, #menu > div > ul > .current-menu-ancestor > a{
  background: #54c9ea;
  color: #fff; }

.sub-menu {
  position: absolute;
  top: 52px;
  background: #54c9ea;
  padding-top: 15px;
  visibility: hidden; }

.sub-menu a {
  font-family: 'Exo', sans-serif;
  padding: 0px 24px 15px 24px;
  float: left;
  white-space: nowrap;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
  color: #e7f6fa; }

#menu > div > ul > li:hover .sub-menu {
  visibility: visible; }

#menu > div > ul > li:hover .sub-menu li:hover a {
  color: #fff; }

.sub-menu-scroll{
	margin-bottom:40px;
	z-index:10000;
}
.sub-menu-scroll li{
	float:left;
}
.sub-menu-scroll li a, .title-swim{
	display:block;
	padding:15px;
	padding-left:20px;
	padding-right:20px;
	background:#54c9ea;
	margin-right:2px;
	color:#fff;
	font-size:21px;
	text-transform: uppercase;
}
.stick {
    position:fixed;
    top:0px;
    margin-bottom:inherit;

}
/************************************************************************************
SLIDER
*************************************************************************************/
.bx-wrapper {
  z-index: 1;
  height: 100vh;
  margin: 0px;
  float: left;
  width: 100%; }

.bx-wrapper .bx-viewport {
  border: 0px;
  box-shadow: 0px;
  left: 0px;
  height: 100% !important;
  margin: 0px; }

.bxslider, .bxslider li {
  height: 100%; }

.bxslider li {
  background-position: center center;
  background-size: cover; }

.bx-wrapper .bx-pager {
  display: none; }

.bxslider li h1 {
  font-size: 150px; }

.caption {
  display: flex;
  background: #54c9ea;
  position: absolute;
  bottom: 0px;
  width: 100%;
  color: #fff; }

.caption .rubrik {
  padding: 40px 5%;
  width: 15%;
  text-align: center;
  float: left; }

.caption .rubrik h2 {
  color: #fff;
  font-size: 30px;
  margin-bottom: 15px; }
  
  .caption .rubrik p{
	  font-size: 22px;
	  line-height: 1.2;
  }

.caption .text {
  padding: 40px 5%;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  width: 38%;
  float: left; }
  
 .caption .text p{
	 font-size: 22px;
	 line-height: 1.4;
	 text-align: center;
 }

.caption .lank {
	text-align: center;
  padding: 40px 5%;
  width: 15%;
  float: right; }

.caption .lank a {
	background: #fff;
	display: block;
  color: #54c9ea;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 1.25;
  padding: 14px 18px;
  margin-bottom: 1px;
  font-weight: 600; }
  
  .bx-wrapper .bx-prev:before{
	  content: "\e001";
	font-family: Flaticon;
	  font-size: 26px;
	   color: #fff;
	   margin-left: -1px;
  }
  
    .bx-wrapper .bx-next:before{
	  content: "\e000";
	font-family: Flaticon;
	  font-size: 26px;
	  color: #fff;
	  margin-right: -10px;
  }
  
 .bx-wrapper .bx-controls-direction a{
	  text-indent: 0px; 
  }
  
  .bx-wrapper .bx-prev{
	  background: none;
  }
  
  .bx-wrapper .bx-next{
	  background: none;
  }
  

/* .caption .lank a:after {
  content: '\f429';
  font-family: 'genericons';
  font-size: 35px;
  margin-left: 5px;
  vertical-align: -20%;
  font-weight: 400; }*/

/************************************************************************************
KARTA
*************************************************************************************/
#map-wrapper {
  height: 100vh;
  float: left;
  width: 100%; }

.acf-map {
  height: 100%; }
  
 .gm-style .gm-style-iw{
	 overflow: hidden;
	 max-width: 460px;
 }
  
  .gm-style .gm-style-iw > div > div{
	  overflow: hidden !important;
  }
  
  .info-window{
	  padding: 20px;
	  position: relative;
  }
  
  .info-window h4{
	  font-size: 25px;
	  margin-bottom: 5px;
  }
  
  .map-meta{
	  margin-top: 10px;
	  border-bottom: 1px solid #ededed;
	  margin-bottom: 22px;
	  padding-bottom: 5px;
  }
  
  .map-meta li{
	  font-weight: 600;
color: #151a37;
font-size: 13px;
margin-bottom: 8px;
  }
  
  .map-meta li:before{
	/*  color: #54c9ea; */
	  font-family: 'Genericons';
	  font-weight: 400;
	  font-size: 16px;
	  vertical-align: -25%;
	  margin-right: 5px;
  }
 
 .map-meta .address:before{
	 content: '\f417'; 
 }
 
 .map-meta .datum:before{
	 content: '\f307';
 }
 
 .info-window .info-text p{
	 font-size: 14px;
	 margin-bottom: 10px;
 }
  
.page-template-races-page #map-wrapper{
	height:70vh;
}

/************************************************************************************
PARTNERS
*************************************************************************************/

#partners li, #partners-page li{display: block; list-style-type: none;}

#partners-page{padding-top: 20px;}

#partners-page ul{text-align: center;}

#partners-page li{display: inline-block; margin-left: 0px;}

#partners img, #partners-page img{ 
padding: 10px 40px;
margin-bottom: 30px;
width: auto;
height: 70px;
}

#partners #nummer-2{
	/* border-top: 1px solid #ededed; */
		
}

.page-id-45 #single-sidebar, .page-id-9 #single-sidebar{
	display: none;
}

.page-id-45 #content .text{
	width: 100%;
	float: none;
	margin: auto;
}

.page-id-45 #content .text p{
	text-align: center;
	max-width: none;
}

/************************************************************************************
PAGE
*************************************************************************************/
.page article {
  float: left;
  width: 100%; }

article header {
  margin-bottom: 30px; }
  
  .page .text{
	  width: 750px;
	  float: left;
  }
  
  .page .center{
	  float: none;
  }

.page p {
  font-size: 16px; }

#top-img {
  height: 40vh;
  background-size: cover;
  background-position: center center;
  position: relative; }

#top-img .overlay {
  background: rgba(21, 26, 55, 0.2);
  height: 100%;
  width: 100%;
  position: absolute; }
  
.page .text h2, .single .text h2{
	  width: 100%;
	  float: left;
	  margin-bottom: 20px;
	  }
	  
.page .text h3, .single .text h3{
	   width: 100%;
	  float: left;
	  margin-top: 10px;
	  margin-bottom: 15px;
	  }

.page .text p, .single .text p {
  max-width: 750px;
  font-size: 19px;
  margin-bottom: 30px; }
  
  .page .text a, .single .text a{
	color: #54c9ea;
  }
  
  .page .text ul, .single .text ul{
	  margin-bottom: 30px;
	  margin-top: 20px;
	  width: 100%;
	  float: left;
  }
  
  .page .text li, .single .text li{
	  margin-bottom: 12px;
	  list-style-type: disc;
	  margin-left: 15px;
  }
  
#sidebar {
  width: 300px;
  float: right;
  padding: 40px 40px;
  padding-bottom: 20px;
  background: #eff0f0; }

#sidebar h3{
	font-size: 27px;
	line-height: 1.2;
}

#sidebar ul{
	width: 100%;
	float: left;
	margin-bottom: 20px;
	margin-top: 20px;
}

#sidebar p{
	font-size: 14px;
}

#sidebar ul li{
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ddd;
	font-size: 13px;
}

#sidebar ul li a{
	text-decoration: underline;
}

.page .text img{
	max-width: 100%;
	height: auto;
	position: relative;
}

	.embed-container { 
		position: relative; 
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
		max-width: 100%;
		height: auto;
		margin-top: 30px;
	} 

	.embed-container iframe,
	.embed-container object,
	.embed-container embed { 
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
.page-sep{
	border-top:1px solid #ededed;
	margin-bottom:50px;
	padding-top:70px;
}
.tothetop{
	display:none;
	background:#44a9c6;
}
.tothetop a{
	background:#44a9c6!important;
	margin-right:2px;
}
/************************************************************************************
RACES
*************************************************************************************/
.races .entry-content {
  width: 40%; }

#races-side {
  width: 45%; }

.race-post {
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid #ededed;
  position: relative; }

.race-post .knapp {
  position: absolute;
  right: 0px;
  bottom: 32px; }

.race-post .datum {
  position: absolute;
  top: 0px;
  right: 0px;
  color: #151a37; }

.race-post .datum .dag {
  font-size: 24px;
  font-weight: 700; 
  display: inline-block;}
  
  .race-post .datum .liten-dag{
	  margin-right: 5px;
	  margin-left: -2px;
	  font-size: 13px;
  }

.race-post .datum .year {
	clear: both;
	margin: 0px;
	display: block;
	text-align: right;
  font-size: 14px;
  margin-top: 10px; }

.race-post .address {
  font-weight: 600;
  color: #151a37;
  font-size: 13px;
  margin-bottom: 5px; }

.race-post h3 {
  font-size: 25px;
  text-transform: none;
  margin-bottom: 20px; }

.race-post .info-text {
  width: 65%;
  font-size: 14px;
  margin-bottom: 0px; }

/************************************************************************************
SINGLE RACE
*************************************************************************************/
.single .text, .page .text {
  width: 650px;
  float: left;
  min-height: 500px; }

#single-sidebar {
  width: 360px;
  float: right;
  padding: 0px 0px 0px 40px;
  padding-bottom: 20px;
 }
 
 #single-sidebar .knapp{
	 width: 90%;
	 padding: 5%;
	 text-align: center;
	 font-size: 20px;
	 margin-top: 8px;
 }

#single-sidebar h2{
  margin-bottom: 30px; }

#single-sidebar h3{
  font-size: 22px;
  margin-top: 30px;
  width: 100%;
  float: left; }

#single-sidebar h4. #sidebar h4 {
  font-size: 15px;
  margin-top: 10px;
  width: 100%;
  float: left; }

#single-sidebar .form-entry {
  float: left;
  margin-bottom: 0px;
  width: 100%; }

#single-sidebar input, #single-sidebar textarea {
  width: 90%;
  padding: 4% 5%;
  margin-bottom: 10px;
  font-size: 14px;
  float: left; }

#single-sidebar .date .birthdate input, #single-sidebar .date .birthdate2 input {
  width: 45%;
  float: left; }

#single-sidebar .date .Personalnumber input, #single-sidebar .date .Personalnumber2 input {
  width: 33%;
  float: right; }

#single-sidebar .fname input, #single-sidebar .fname2 input {
  width: 33%; }

#single-sidebar .lname input, #single-sidebar .lname2 input {
  width: 45%;
  float: right; }

#single-sidebar input[type=submit] {
  background: #54c9ea;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  margin-top: 25px;
  width: 100%;
  margin-bottom: 0px;
  cursor: pointer; }

#single-sidebar input[type=submit]:hover {
  color: #151a37; }

#top-img .overlay h1 {
  font-family: "Exo",sans-serif;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 120px;
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 0px;
  line-height: 0.6; }
  
 #meta{
	 width: 100%;
	 float: left;
	 margin-bottom: 40px;
	 border-bottom: 1px solid #eff0f0;
	 padding-bottom: 20px;
 }
 
  #meta li{
	  margin-bottom: 6px;
	  font-size: 14px;
	  opacity: 0.7;
	  float: left; 
	  margin-right: 30px;
	  list-style-type: none;
	  margin-left: 0px;
  }
  
  #meta li:before{
	/*  color: #54c9ea; */
	  font-family: 'Genericons';
	  font-size: 19px;
	  vertical-align: -30%;
	  margin-right: 5px;
  }
 
  .meta-location:before{
	 content: '\f417';
	 
 }
 
 .meta-date:before{
	 content: '\f307';
 }
 
  .meta-time:before{
	 content: '\f303';
 }
 
 #formreg div.wpcf7-response-output{
	 float: left;
width: 90%;
padding: 5%;
margin: 0px;
border: 0px;
color: #fff;
line-height: 1.3;
 }
 
#formreg div.wpcf7-mail-sent-ok{
	 background: #3ad8aa;
 }
 
#formreg div.wpcf7-validation-errors{
	background: #d83a45;
}

#formreg span.wpcf7-not-valid-tip{
	display: none;
}

#formreg .wpcf7-not-valid{
	border-bottom: 4px solid #dd7e84;
}


/************************************************************************************
RESULTS
*************************************************************************************/
.results .text {
  width: 750px;
  margin: auto;
  padding-bottom: 40px; 
  float: none;}

.result-post {
  margin-bottom: 60px; }

#results{
	padding-top: 80px;
}

#results table {
  width: 100%; }

#results table th {
  background: #54c9ea;
  padding: 10px 0px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  width: 14%;
  white-space:nowrap;
  padding: 10px 2%;
  cursor: pointer; }

#results td {
  padding: 10px 2%;
  background: #eff0f0; }
  
.page-id-5 #results table th:first-child{
	width: auto;
}

.page-id-43 #results table th:nth-child(2){
	width: auto;
}

#results tr {
  border-bottom: 1px solid #fff; }
  
  
/************************************************************************************
RULES
*************************************************************************************/

.page-id-188 .text h2{
font-size: 25px;
margin-bottom: 8px;
}

.page-id-188 .text h3{
font-size: 20px;
margin-bottom: 8px;
text-transform: none;
font-weight: 500;
margin-top: 5px;
}

.page-id-188 .text ul{
	margin-top: 2px;
	margin-bottom: 25px;
}

.page-id-188 .text ul li{
	list-style-type: none;
	line-height: 18px;
	margin-bottom: 14px;
}

  
  
/************************************************************************************
CONTACT
*************************************************************************************/

.page-id-9 .text{
	width: 50% ;
	float: left;
}

#contact-form{
	width: 35%;
	float: right;
padding: 40px 40px;
padding-bottom: 20px;
background: #eff0f0;
}

.wpcf7 .contact  .form-entry{
	width: 100%;
	float: left;
}

.wpcf7 .contact input, .wpcf7 .contact textarea {
  width: 90%;
  padding: 4% 5%;
  margin-bottom: 10px;
  font-size: 14px;
  float: left; 
  border: none;
  font-family: 'exo 2';}
  
  
 .wpcf7 .contact input[type='submit']
{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none; 
   background: #54c9ea;
   color: #fff;
   width: 100%;
}
  


/************************************************************************************
FOOTER
*************************************************************************************/
#footer {
  padding-top: 40px;
  padding-bottom: 35px;
  background: #eff0f0;
  color: #8a8b92; }

#footer h3 {
  color: #8a8b92;
  float: left;
  margin: 0px;
  margin-left: 30px; }

#footer ul {
  float: right;
  margin-right: 30px; }

#footer ul li {
  display: inline-block;
  margin-left: 20px; }
  
 /************************************************************************************
MOBIL
*************************************************************************************/  
  
  #mobil-lank{
	  display: none;
  }
  
  #mobil-menu{
	  display: none;
  }

/*# sourceMappingURL=style.css.map */