/*
Theme Name: Svensk Sjofart
Theme URI: 
Author: 2Creative
Author URI: http://www.2creative.se
Description: Tema till Svensk Sjofart
*/
/************************************************************************************

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
*************************************************************************************/

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/************************************************************************************
CSS BASICS
*************************************************************************************/ 
.wpcf7-list-item input{width:15px!important;height:15px!important;display:block;}
body {
  font-family: 'sofia-pro', sans-serif;
  color: #222;
  line-height: 1.5; }

#wrapper {
  width: 1400px;
  margin: auto; }

#header {
  width: 100%;
  float: left;
  border-bottom: 5px solid #004d72;
  margin-bottom: 30px;
  padding-bottom:40px;
  position: relative;
  /*overflow: hidden;*/ }

#ie-header{
	background:#004d72; 
	height:300px;
	top:0px;
	position:absolute;
	z-index:1;
}
#ie-header h1{
	color:white;
	font-size:30px;
	font-style:normal;
	text-align:center;
	width:500px;
	margin:auto;
	margin-top:50px;
	text-transform: inherit;
	margin-bottom:40px;
}
#ie-header a{
	display:block;
	width:200px;
	background:white;
	color:#004d72;
	padding:10px;
	margin-top:40px;
	margin:auto;
	font-size:15px;
}
#logotyp {
  margin-top: 20px;
  margin-bottom: 20px;
clear:left;
   }

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

.full {
  width: 100%; }

.left {
  float: left; }

.right {
  float: right; }

/************************************************************************************
TYPO
*************************************************************************************/
a {
  color: #004d72;
  text-decoration: none; }

ul {
  margin-bottom: 20px; }

h1 {
  font-size: 30px;
  text-transform: uppercase;
  letter-spacing: 0.3px; 
  color: #004d72;}

h2 {
  letter-spacing: 0.4px;
  font-weight: 600;
  font-size: 23px;
  margin-bottom:10px; }
  
h3 {
  background: #004d72;
  color: #ffd000;
  font-weight: 300;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-bottom: 12px;
  letter-spacing: 0.2px; }
  
 .entry-content h3{
	 background: none;
	 color: #222;
	 font-size: 19px;
	 margin-bottom: 8px;
	 text-transform: none;
	 padding: 0px;
	 text-align: left;
	 font-weight: 500;
	 
 }
 .entry-content #event-list{
	 width:50%;
 }

h4 {
  letter-spacing: 0.2px;
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
  color: #004d72;
  margin-top: 6px;
  margin-bottom: 12px; }

p {
  font-size: 14px;
  line-height: 1.25; }
  
 .entry-content p{
	 margin-bottom:20px; 
 }
 
 .entry-content blockquote p{
   font-size: 30px;
   margin-top: 40px;
 }
 
 .entry-content .text-intro,  .entry-content .text-lower{
   max-width: 660px;
   margin-bottom: 20px;
 }
 
 .kasta-events{
   padding: 30px;
   background: #f2f2f2;
   margin-top: 30px;
   margin-bottom: 50px;
   box-sizing: border-box;
 }
 
 .kasta-events .event-post{
   border: 2px solid #fff;
 }
 
 .kasta-events #event-list .event-datum{
   border: 1px solid #004D72;
   border-top: 4px solid #004D72;
 }

/************************************************************************************
MENU
*************************************************************************************/
#menu {
  width: 70%;
  float: left;
  margin-top: 30px;
  margin-bottom: 25px; 
  }

#menu .menu > li {
  float: left;
  margin-right: 4%;
  width: 16%;
  position: relative; }

#menu .menu > li > a {
  font-size: 12.9px;
  font-weight: 600;
  width: 96%;
  padding-left: 4%;
  padding-bottom: 6px;
  text-transform: uppercase;
  border-bottom: 5px solid #004d72;
  float: left;
  letter-spacing: 0.2px; }

#menu .menu > li > a:hover, #menu .menu > .current-menu-item > a, #menu .menu > .current-page-ancestor > a {
  border-bottom: 4px solid #ffd000; }

#menu .menu > li .sub-menu {
  clear: both;
  float: left;
  position: absolute;
  top: 30px;
  z-index: 10;
   width:160px;
  background: #fff; }

#menu .menu > li .sub-menu li {
  width: 100%;
  background: #004d72;
  margin-top: 6px;
  float: left; }

#menu .menu > li .sub-menu a {
  padding: 2% 4%;
  width:160px;
  float: left;
  color: #fff;
  font-size: 12px;
  font-weight: 300; }

#menu .menu > li .sub-menu li:hover, #menu .menu .sub-menu > .current-menu-item {
  background: #ffd000; }

#menu .menu > li .sub-menu li:hover a, #menu .menu .sub-menu > .current-menu-item a {
  color: #004d72; }

.menu .sub-menu {
  display: none; }

#menu .menu > li:hover > .sub-menu {
  display: block; }

#top-contact {
  width: 20%;
  right:0px;
  top:70px;
  position:absolute;
  margin-bottom:20px;
  text-align: right;
  font-size: 13px;
  color: #004d72; }
  
#top-contact ul{
	margin-bottom:10px;
}

.english{
	top:30px;
	position:absolute;
	right:0px;
	/*
	font-weight:100;
	text-transform: uppercase;
	font-size:10px;
	background:#004d72;
	color:#fff;
	padding:7px;
	padding-left:12px;
	padding-right:12px;
	letter-spacing:1px;*/
}


.search-form-wrap {
  right: 0px;
  bottom: 0px;
  	clear:right;
  margin-bottom:20px;
  margin-top:10px;}

.search-field {
  border: 1px solid #004d72;
  padding: 5px 10px; }

.search-symbol{
	display:block;
}
.search-submit{
	width:30px;
	height:26px;
	background:none;
	margin-left:5px;
	line-height:1;
	cursor: pointer;
	color: #004D72;
	font-weight: 500;
	letter-spacing: 1.1px;
}

#fb,#tw{
	width:20px;
	height:20px;
	margin-bottom:10px;
	margin-left:10px;
}
#fb:before{
	font-family:'Genericons';
	content: '\f202';
	font-size:18px;
}
#tw:before{
	font-family:'Genericons';
	content: '\f204';
	font-size:18px;
}
#tw:hover:before, #fb:hover:before{
	color:#FFD000;
}
#show-menu{
	position:relative;
	padding:10px;
	padding-top:5px;
    padding-bottom:5px;
	top:40px;
	float:left;
	background:#004D72;
	display:none;
	cursor:pointer;
}
#show-menu:after { font-family: 'Genericons'; content: '\f419'; color: #fff; font-size: 20px;font-size:15px; }

/************************************************************************************
STARTSIDAN
*************************************************************************************/
#nyheter {
  width: 38%;
  float: left; }

#nyheter a:hover{
	text-decoration: underline;
}
.nyhet-post {
  margin-bottom: 20px; }

.nyhet-post img {
  display: none; }

#post-1 img {
  display: block;
  float: left;
  margin-bottom: 20px; }

#start-slider {
  width: 38%;
  float: left;
  margin-left: 2%;
  margin-right: 2%; }

#start-slider .flexslider {
  border: 0px;
  margin-bottom: 30px; }

.flexslider .slides li {
  position: relative; }

.flex-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  z-index: 1;
  padding: 5px;
  color: #fff;
  text-align: center;
  line-height: 1.1; }

#start-slider .flex-control-paging li a.flex-active, #start-slider .flex-control-paging li a:hover {
  background: #b19000; }

#start-slider .flex-control-paging li {
  margin: 0px 2px; }

#start-slider .flex-control-paging li a {
  background: #ffd000;
  width: 7px;
  height: 7px;
  box-shadow: none; }

#start-slider .flex-control-nav {
  bottom: -4px;
  z-index: 2; }

#start-slider .flex-direction-nav {
  display: none; }

#right-sidebar {
  width: 20%;
  float: right; }
  
  #right-sidebar img{
	  margin-top: 20px;
  }
.cal-btn{cursor:pointer; color:#004D72;margin-top:5px;margin-bottom:10px;display:block;}
.cal-btn:hover{text-decoration: underline;}
.cal-btn:after{content: '\f429';font-family:'Genericons';vertical-align:-3px;}
.event-post {
  border: 1px solid #004d72;
  width: 93%;
  padding: 3%;
  padding-bottom: 20px;
  margin-bottom: 5px; }

#event-list .event-datum {
  width: 100%;
  float: left; 
  clear:left;
  border:1px solid #ededed;
  border-top:4px solid #004D72;
  padding-bottom:5px;
}

.till{
	float:left;
	clear:left;
	text-align:center;
	width:100%;
	padding-top:2px;
	padding-bottom:10px;
}
.event-datum-wrap{
	width:15%;
	float:left;
}
#event-list .event-datum p {
  text-align: center;
  font-size: 18px;
  font-weight: 700; }

#event-list .event-datum .till {
  width: 100%;
  float: left;
  line-height: 1;
  font-size: 12px; }

.event-text {
  width: 79%;
  float: right; }

.event-text h2 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 6px; }
  
.month{margin:auto;color:#FFD000;text-transform:uppercase;font-size:15px;line-height:1;}

.day{margin:auto;width:100%;display:block;color:#333;font-weight:400;font-size:14px;}

.till-datum{
	line-height:1;
}
.event-text p {
  font-size: 12px;
  line-height: 1.2; }

#pushruta_2{
	margin-top:25px;
}
.form-entry p{
	margin-bottom:2px;
}
.form-entry{
	margin-bottom:20px;
}
.wpcf7{
	float:right;
	width:80%;
}
.wpcf7 h2{
	margin-bottom:20px;
}
.wpcf7 input, .wpcf7 textarea{
	border:1px solid #ddd;
	padding:2%;
	margin-top:5px;
	width:96%;
}
.wpcf7 .wpcf7-submit{
	background:#004D72;
	border:none;
	color:#fff;
	text-transform:uppercase;
	font-weight:500;
	letter-spacing:1px;
	width:100%;
	cursor:pointer;
	float:right;
}
.acceptance-868, .gdpr-godkann{
	float:left;
}
.acceptance-868 input{
	margin-top:20px;
	margin-right:10px;
	width:auto;
}

input[type="submit"]:disabled{
	color:#999;
	border-color:#999!important;
	cursor:auto;
} 

/*Custom style for event forms*/

.button-event{
	background-color: #004d72;
	color: #fff;
	border: 1px solid #fff;
	padding: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
	
}

#anmalan-form{
	float: left;
    width: 100%;
    background-color: #004d72;
    padding: 50px 70px 50px 70px;
    box-sizing: border-box;
    color: #fff;
    margin-bottom: 30px;
    display: none;
}

#anmalan-form .wpcf7 .wpcf7-submit{
	border: 2px solid #fff;
}


#contact-form-event{
	width: 100%;
	float: left;
}

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


#contact-form-event .wpcf7 h2{
	margin-top: 20px;
	margin-bottom: -10px;
}

.left-half-input{
	width: 46%;
	float: left;
}


.right-half-input{
	width: 46%;
	float: left;
	margin-left: 8%;
}

.left-half-input p, .right-half-input p{
	margin-bottom: 20px;	
	border-radius: 5px;
}

div.wpcf7-validation-errors{
	float: right;
}

span.wpcf7-not-valid-tip{
	padding-top: 5px;
}
div.wpcf7-mail-sent-ok{
	float:left;
}
.cross-event{
	float: right;
	width: 25px;
	text-align: right;
	cursor: pointer;
}

.cross-event i{
	font-size: 25px;
}

/************************************************************************************
PAGE
*************************************************************************************/

.single h1{
	margin-bottom:20px;
}
.single .entry-content img{
	margin-bottom:20px;
	float:right;
}
.page #content, .search #content {
  width: 100%; }

#sidebar {
  width: 20%;
  float: left; }

.page #content .page, .archive #content{
  width: 76%;
  float: right;
  margin-bottom: 60px; }

#sidebar h3 a {
  color: #ffd000; }
  
#sidebar h3 a:hover:before{
	content:none;
} 

#sidebar li {
  position: relative; }

#sidebar li > a {
  font-size: 13.5px;
  padding-left: 15px; }

#sidebar ul li .children{
	margin-left:10px;
	margin-bottom:5px;
}
#sidebar ul li .children li a{
	font-size:12px;
	
	}
#sidebar ul li .children li{
	margin-bottom:0px;
	line-height:1.2;
}	

#sidebar .current_page_item > a:before, #sidebar a:hover:before {
  content: '\f452';
  font-family: 'Genericons';
  font-size: 11px;
  position: absolute;
  top: 6px;
  left: 0px; }

#sidebar .current_page_item > a {
  font-weight: 600; }

#push-sidor {
  width: 100%;
  float: left;
  margin-top: 50px; }

.entry-content .rubrik, .kontakt h1 {
  margin-top: 30px;
  margin-bottom: 23px; }

.entry-content .text-left {
  width: 48%;
  float: left; }


.entry-content .text-right {
  width: 48%;
  float: right; }

.entry-content ul{
	margin-top:10px;
	margin-bottom:15px;
	margin-left:15px;
}
.entry-content ul li{
	font-size:14px;
	list-style-type:disc;
	margin-bottom:10px;
}

.entry-content .margin-top{
	margin-top:50px;
}
table{margin-bottom:20px;}
tr{font-size:14px;}
td{padding:5px;
border:1px dashed #999;}


.nyheter .rubrik{clear:left;}
.single-event img{
	float:none!important;
}
.remiss-wrap, .post-flow .nyhet-post{
	margin-bottom:10px;
	padding-bottom:20px;
	padding-top:20px;
	border-bottom:1px solid #ddd;
}
.page-template-remissvar  .entry-content .text-left{
	width:100%;
}
.page-template-remissvar  .entry-content .text-left h2{
	font-size:15px;
	width:100%;
	line-height:1.3;
	float:left;
}
.remiss-text-content{
	width:70%;
	float:left;
	position:relative;
}
.remiss-wrap{
	margin-bottom:5px;
	padding-bottom:10px;
	padding-top:10px;
	float:left;
width:100%;
position:relative;

}
#nyheter ul{margin-left:0px;}
.widget_archive{
	list-style-type:none;
}
.widget_archive li{
	float:left;
	margin-right:20px;
	list-style-type:none!important;
}
.widget_archive li a{
		font-size:22px;
}

.ladda-ner{

	position:absolute;
	bottom:10px;
	right:0px;
}
.page-template-pressmed-page .ladda-ner{
	position:static;
}
.remiss-wrap p{
	margin-bottom:0px;
}
#nyheter{
	color:#222;
}
.ladda-ner, .post-flow .las-mer{
	font-size:13px;
}
.ladda-ner:before{
	font-family:'Genericons';
	content: '\f443';
	vertical-align:-2px;
}
.date{
	font-size:15px;
	color:#aeaeae;
	margin-bottom:5px;
	font-weight:100;
	
}
#nyheter .entry-title{clear:left;}
#content .navigation ol li .page, #content .navigation ol li .title {
	float:left;
	width:inherit;
}
#content .navigation ol li span, #content .navigation ol li a{
	background:none;
	color:#000;
	border:none;
}
#content .navigation ol li span{
	font-size:22px;
}

.post-flow h4{
	margin-bottom: 5px;
}

.entry-content .bildtest-under{
	color: #222;
	margin-top: 4px;
	margin-bottom: 0px;
	font-weight: 300;
	font-size: 12px;
}
/************************************************************************************
NYHETSBREV
*************************************************************************************/
#newsletter #mc_embed_signup input.button{
	width:100%;
	background:#004d72;
	font-weight: 200;
	text-transform:uppercase;
	font-size:12px;
	letter-spacing:1px;
	color:#ffd000;
	padding-left:2.5%;
	padding-right:2.5%;
	height:inherit;
	margin:0px;
}
#newsletter #mc-embedded-subscribe-form{
	background:#ededed;
	padding:5%;
	margin-bottom:20px;
}
#newsletter #mc_embed_signup input.email{
	width:95%;
	padding-left:2.5%;
	padding-right:2.5%;
	margin-right:0px;
	border:none;
}
#newsletter #mc_embed_signup label{
	color:#004d72;
}
/************************************************************************************
STYRELSE
*************************************************************************************/

#styrelse h3{
	margin-bottom: 5px;
}

#styrelse h3.foretag{
	font-style: normal;
}
.kansli-rubrik{
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding-top:10px;
	padding-bottom:10px;
}

/************************************************************************************
Hallbarhet
*************************************************************************************/

#files{
	border-top:1px solid #ddd;
	margin-top: 30px;
	padding-top: 30px;
}

#files ul{
	margin: 0px;
	max-width: 600px;
	margin-top: 30px;
}

#files li{
	list-style-type: none;
	margin-right: 20px;
	margin-left: -8px;
	padding-left: 0px;
	font-size: 15px;
	margin-bottom: 8px;
	
}

#files li .genericon{
	vertical-align: -37%;
	text-align: left;
	font-size: 35px;
}

#files p{
font-weight: 300;
max-width: 500px;
font-size: 13.2px;
color: #454545;
line-height: 1.35;
}

/************************************************************************************
PRESSBILDER
*************************************************************************************/

#pressbilder{
	margin: 0px;
	margin-top: 30px;
}

#pressbilder li{
	list-style-type: none;
	width: 30%;
	margin-right: 3%;
	float: left;
	min-height: 250px;
	margin-bottom: 0px;	
	margin-left: 0px;
	padding: 0px;
}

/************************************************************************************
MEDLEMMAR
************************************************************************************/

#medlemmar ul{
	width: 31.2%;
	float: left;
	margin: 0px;
margin-right: 2%;
min-height: 230px;
margin-bottom: 30px;}

#medlemmar ul:nth-child(3n+1){
	clear: both;
}

#medlemmar p{
	display: none;
}

#medlemmar ul li{
	list-style-type: none;
	margin-bottom: 6px;
}

#medlemmar ul li:first-child{
	font-size: 16px;
	font-weight: 600;
}


/*FORM MEDLEMMAR*/

#loginform-medlem{
	padding: 10px;
}

#loginform-medlem label{
	display: block;
	color: #004d72;
	padding-bottom: 5px;
}

#loginform-medlem input{
	border: 1px solid #004d72;
}

#loginform-medlem input[type=text], #loginform-medlem input[type=password]{
	padding: 10px;
	width: 80%;
	box-sizing: border-box;
}

#loginform-medlem input[type=submit]{
	width: 40%;
	background: #004d72;
    font-weight: 200;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    color: #ffd000;
    padding-top: 10px;
    padding-bottom: 10px;
    height: inherit;
    border-radius: 5px;
}

#sidebar-medlem{
	position: relative;
	width: 20%;
}

#sidebar-medlem a{
	display: block;
	padding-bottom: 5px;
}

#sidebar-medlem a:hover:before{
	content: '\f452';
    font-family: 'Genericons';
    font-size: 11px;
    padding-right: 10px;
}

#sidebar-medlem h2{
	color: #004d72
}
/************************************************************************************
SEARCH
*************************************************************************************/
.search h1 {
  margin-bottom: 50px; }

.search article {
  width: 56%;
  float: left;
  margin-bottom: 30px;
  border-bottom: 1px solid #004d72;
  padding-bottom: 30px; }

/************************************************************************************
KONTAKT
*************************************************************************************/
.acf-map {
  height: 260px; }

.entry-content .person {
  margin-right: 2%;
  margin-bottom: 40px; }
  
.page-template-kontakt-page-php .entry-content ul, .page-template-kontaktpersoner-page-php .entry-content ul{
	margin:0px;
}  
.page-template-kontakt-page-php .entry-content ul li, .page-template-kontaktpersoner-page-php .entry-content ul li{
	list-style-type:none!important;
	margin:0px;
}
.person img {
  width: 30%;
  float: left;
  margin-right: 5%; }

.person h2 {
  font-size: 27px; }

.person h3 {
  font-size: 14px;
  text-align: left;
  margin-bottom: 20px;
  font-weight: 400;
  font-style: italic;
  color: #004d72;
  background: none;
  text-transform: none; }

.person .typ {
  width: 55px;
  float: left;
  font-weight: 300; }

.person li {
  font-size: 13px;
  font-weight: 600;
  color: #004d72; }
  
 .kontaktintro{
	 margin-bottom: 30px;
 }

/************************************************************************************
FOOTER
*************************************************************************************/
#footer {
	position: relative;
  border-top: 5px solid #004d72;
  margin-top: 40px;
  padding-top: 9px;
  padding-bottom: 25px; }

#footer p{
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.3px; 
  float: left;}
  
  #footer #webbyra{
float: right;
	    font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  }

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