/*
Theme Name: Havets hus
Description: Tema för Havets hus
Author: Mikael Knutsson
Author URI: http://www.mikaelknutsson.se/
Version: 9999999.9
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
*/
/* 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,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, article,aside,canvas,details,embed,figure, figcaption,footer,header,hgroup,menu,nav,output, ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline} body{line-height:1} ol,ul{list-style:none} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none} table{border-collapse:collapse;border-spacing:0} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} .clear{clear:both} .sticky{} .bypostauthor{} .wp-caption{} .wp-caption-text{} .gallery-caption{} .alignright{} .alignleft{} .aligncenter{}
/* basics */
html{
background:#002f45;
margin:0;
}
body{
margin:0;
background:url(images/bg_sky.png) center top no-repeat, url(images/bg_footer.jpg) center bottom no-repeat;
background:url(images/bg_explorer.jpg) center top no-repeat\9;

}
/* >> The Magnificent CLEARFIX << */

.clearfix:after { 
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden; 
}
.clearfix { 
  display: inline-block;  
}
* html .clearfix {  
  height: 1%;  
} /* Hides from IE-mac \*/
.clearfix {  
  display: block;  
}
#bg_container{
position:relative;
top:0px;
margin:0 auto;
max-width:2000px;
}
#water{
position:absolute;
top:175px;
width:100%;
height:400px;
background:url(images/bottom.png) bottom repeat-x, url(images/bg_water.jpg) center top no-repeat;

z-index:-5;
}
#shine{
width:500px!important;
float:left;
z-index:5;
overflow-x:hidden;
}
#shine2{
width:500px!important;
float:right;
z-index:6;
overflow-x:hidden;

}
#shine div{

}
#bg_bottom_left{
position:absolute;
width:500px;
height:500px;
display:block;
z-index:1000000;
overflow-x:hidden;
background:url(images/bottom.png) bottom repeat-x,url(images/left.png) top left repeat-y;
background:none\9;
}
#bg_bottom_right{
position:absolute;
width:500px;
height:500px;
display:block;
z-index:1000000;
overflow-x:hidden;
background:url(images/bottom.png) bottom repeat-x,url(images/right.png) top right repeat-y;
background:none\9;
}
.kineticjs-content, canvas{
width:100%;
}
#wrapper{
position:relative;
top:0px;
max-width:1020px;
margin:25px auto 0 auto;
padding:0;
}
#branding{
margin-bottom:42px;
}
#content{
width:66%;
float:left;
margin-right:2%;
}
#sidebar{
width:32%;
float:left;
}
#kontent{
width:98%;
float:left;
margin-right:2%;
}
.fullwidth_start{
width:100%!important;
margin:0!important;
padding-top:40px;
}
#container{
background:#fff;
padding:0px 60px 80px 60px;
min-height:400px;
}
.entry-content{
width:90%;
text-align:left;
}
#startslider{
position:absolute;
top:160px;
display:block;
width:100%;
height:auto;
margin:0px;
z-index:0;
}
#dummy{
display:block;
width:100%;
height:250px;
*+height:0px;
margin:0px;
z-index:-1000;
}
.theme-default .nivoSlider { 
margin-bottom: 0px!important;
}
#wrapper-nCEk{
width:auto!important;
}
#url-nCEk{
float:left;
}
#widget_yr{
display:none;
}
footer{
background:#00b9e5;
padding:25px 60px;

}
/* Typo */
body{
font-family: 'Open Sans', sans-serif;
color:#003957;
}

a{
color:#003957;
}
a:hover{
color:#000;
}
p{
margin-bottom:1.6rem;
}
html { font-size: 62.5%; } 
body { font-size: 14px; font-size: 1.4rem;line-height: 1.4; font-weight:400; }
h1   { font-size: 36px; font-size: 3.6rem;line-height: 1.6; font-weight:800;letter-spacing:-1px;text-transform:uppercase;}
h2   { font-size: 24px; font-size: 2.4rem; line-height: 1.846153846;letter-spacing:-1px;text-transform:uppercase;color:#00b9e5;}
h3   { font-size: 18px; font-size: 1.8rem; line-height: 1.846153846;letter-spacing:-1px;text-transform:uppercase;color:#00b9e5;}
h4   { font-size: 18px; font-size: 1.8rem; line-height: 1.846153846;letter-spacing:-1px;text-transform:uppercase;}
h5   { font-size: 13px; font-size: 1.3rem;line-height: 1.846153846;color:rgb(188,23,55); }
h6   { font-size: 12px; font-size: 1.2rem; line-height: 1.846153846}
/*
.entry-content h1{
margin-top:50px;
}
.entry-content h2{
margin-top:40px;
}
.entry-content h3{
margin-top:30px;
}
.entry-content h4{
margin-top:30px;
}
*/
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: 'Merriweather Sans', sans-serif;
	text-align:left;
}
h1.entry-title{
line-height:36px;
margin-bottom:18px;
margin-top:0;
}
/*------------------------------------- */
.entry-content h1,
.comment-content h1,
.entry-content h2,
.comment-content h2,
.entry-content h3,
.comment-content h3,
.entry-content h4,
.comment-content h4,
.entry-content h5,
.comment-content h5,
.entry-content h6,
.comment-content h6 {
	margin: 24px 0;
	margin: 1.9rem 0 0 0;

}
/*------------------------------------- */
nav .menu a {
	font-family: 'Merriweather Sans', sans-serif;
	font-weight:800;
	font-size:1.2rem;
}
strong, b{
font-weight:bold;
}
em, i{
font-style:italic
}
blockquote{
font-size:18px;
font-size:1.8rem;
line-height:1.5;
font-weight:400;
font-style:italic;
margin:3em 0;
padding:1.0em 1em 1.0em 5.0em;
background:#5AE4C3 url("images/blockquote.png") 1.0em 1.0em no-repeat;
min-height:75px;
color:#003957;
text-align:left;
box-shadow: 0px 1px 2px #333;
}
::selection {
background: #C6FF72; /* Safari */
}
::-moz-selection {
background: #C6FF72; /* Firefox */
}
table{
margin:5px 0 20px 0;

}
table tr:nth-child(odd){
background:#fff;
}
table tr:nth-child(even){
background:#ebf9fc;
}
table td {
padding:4px 0;
}
.entry-content table { 
width: 100%;
}
/* */
.entry-content ol {
list-style:decimal;
line-height:30px;
font-size:20px;
font-size:2.0rem;
}
.entry-content ol li{
list-style-position:inside;
}
.entry-content ul{
margin:20px 0;
}
.entry-content ul li{
list-style-type:none;
padding:3px 0px 17px 50px;
margin: 0px 0;
line-height:22px;
font-size:16px;
vertical-align:text-top;
text-align:left;
background: url('images/bullet_1.png') 0px 0px no-repeat;
}
.entry-content ul li:nth-child(6n+1){
background: url('images/bullet_1.png') 0px 0px no-repeat;
}
.entry-content ul li:nth-child(6n+2){
background: url('images/bullet_2.png') 0px 0px no-repeat;
}
.entry-content ul li:nth-child(6n+3){
background: url('images/bullet_3.png') 0px 0px no-repeat;
}
.entry-content ul li:nth-child(6n+4){
background: url('images/bullet_4.png') 0px 0px no-repeat;
}
.entry-content ul li:nth-child(6n+5){
background: url('images/bullet_5.png') 0px 0px no-repeat;
}
.entry-content ul li:nth-child(6n+6){
background: url('images/bullet_6.png') 0px 0px no-repeat;
}
#site-title{

display:block;
}
#site-title a{
text-decoration:none;
display:block;
}
.entry-meta{
display:none;
}

/* Responsive images */
figure {
	display: block;
	width:100%!important;
}
figcaption{
margin:5px 0 10px 0px;

font-size:11px;
text-align:left;
}
figure{
margin:12px 0;
}
#site-title a img,
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
	max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft {
	float: left;
	margin: 12px 24px 12px 0;
}
img.alignright {
	float: right;
	margin: 12px 0 12px 24px;
}
img.aligncenter {
	margin-top: 12px;
	margin-bottom: 12px;
}
img.alignnone{
	margin-top: 12px;
	margin-bottom: 12px;
}
/* Meny */
nav{
display:block;
height:38px;
clear:both;
background:#00b9e5;
text-transform:uppercase;
padding-left:60px;
}

nav .menu{
text-align:left;

}
nav .menu li > a {
text-decoration:none; 
color: #003957; 
display:block;
font-size:12px;
padding:0 0px 0 30px;
}
nav .menu li ul li > a {
padding:0 0px 0 10px;
}
nav .menu .has-children a{
background:url(images/arrow_down_dark.png) right no-repeat;
padding-right:15px;
}
nav .menu .has-children a:hover {
background:url(images/arrow_down_white.png) right no-repeat;
}
nav .menu .has-children ul li a:hover {
background:none;
}
nav .menu .has-children ul li a {
display:inline;
background:none;
padding-right:0px;
}
nav ul.menu{ 
list-style:none;
}

nav ul.menu > li {
float: left;
margin-left: 0px;
padding:0 0px;
line-height:37px;
position: relative; 
} 
nav ul.menu > li:first-child {
margin-left: 0;

}
nav ul.menu > li:first-child a {
padding-left:0;
}
nav ul.menu > li:hover:first-child , nav ul.menu > .current-page-item:first-child {


}

nav ul.menu > li > ul {
display: none;
}
nav ul.menu li ul li a{
color:#00b9e5;
line-height:1.5;
}

nav .current-menu-item, nav .current-page-item{


}

nav .current-menu-item a, nav .current-page-item a{
color:#fff;
}


nav ul.menu li a:hover{
color:#fff;
}



nav ul.menu li:hover{
position: relative; 
}
nav ul.menu > .current-menu-ancestor > a {
color:#fff;
}
nav ul.menu li ul{
min-width:400px;
width:450px;
}
nav ul.menu li ul li{
padding-left:5px;
width:210px;
}
nav ul.menu li ul  ul{
border-bottom:none;
padding-left:10px;
min-width:0px;
}
nav ul.menu li ul  ul li{
text-align:left;
border:none;
}
nav ul.menu li ul li ul li a{
color:#5aeac3;
font-weight:400;
clear:both;
text-align:left;
}

nav ul.menu > li > ul {
position: absolute;
margin-top:0px;
margin-left:0px;
top:38px;
background:url(images/right.png) right repeat-y, url(images/left.png) left repeat-y,#003957;
list-style: none;
padding:15px;
z-index:100000;
}

nav ul.menu > li > ul > li,
nav ul.menu > li > ul > li {
  position: relative;
  float: left;
} 
nav ul.menu > li:hover > ul > li:first-child,
nav ul.menu > li > ul:hover > li:first-child {margin-left: 0px}
/* Widget-meny */

.widget_nav_menu .widget-title{
background:#005c85;
padding:0 0 0 20px;
text-transform:uppercase;
color:#009be5;
font-weight:800;
font-size:28px;
}
#sid_menu_title {
background:#003957;
padding:10px 20px 10px 20px;
}
#sid_menu_title h2{
color:#00b9e5;
text-align:left;
line-height:50px;

}
.sid .menu{
margin-right:0px;
box-shadow: 0px 1px 2px #333;
}
.sid ul.menu li{
padding:0 0 0 0px;

}

.sid ul.menu li:nth-child(5n+1){
background:#00b9e5;
}
.sid ul.menu li:nth-child(5n+2){
background:#60efff;
}
.sid ul.menu li:nth-child(5n+3){
background:#abeeb8;
}
.sid ul.menu li:nth-child(5n+4){
background:#5ae4c3;
}
.sid ul.menu li:nth-child(5n+5){
background:#00b9a9;
}
.sid ul.menu li a{
display:block;
padding-left:20px;
color:#003957;
line-height: 44px;
font-size:1.5rem;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
}
.sid ul.menu li a:hover{
color:#fff;
background:#013a58;
transition: background 0.5s;

}
.sid ul.menu li ul{
padding-left:0px;
}

.sid ul.menu li ul li{
background:transparent!important;
}
.sid ul.menu li ul li a{
font-weight:400;
}
.sid ul.menu li ul li a:before{
content:"— ";
}
.sid ul.menu li.current-menu-item > a, nav li.current-page-item > a{
color:#fff;
}
.sid ul.menu li.current-menu-item , nav li.current-page-item {

/*background:#013a58;*/
}
/* startsida*/
#start_container{
display:block;
width:100%;
margin-bottom:40px;

}
#start_page_slider{
float:left;
width:68%;

}
#rev_slider_2_2_wrapper{
background:#005c85;
}
#ie7_start_page_slider{
display:block;
width:100%;
height:421px;
background:url(images/ie7_start.png) no-repeat;
}
#ie7_start_page_slider_en{
display:block;
width:100%;
height:421px;
background:url(images/ie7_start_en.png) no-repeat;
}
#start_menu{
background:#fff;
float:left;
width:32%;

}
#oppetider{
background:#005c85 url(images/clock.png) 20px 15px no-repeat;
padding:20px 20px 40px 20px;
height:125px;
}
#oppetider h3{
color:#00b9e5;
text-align:center;
line-height:50px;
}

#oppetider p{
text-align:center;
color:#fff;
font-weight:700;
}
#facebook{
margin-top:275px;
}
#fb-feed, #fb-feed .fb-feed-item blockquote {
font: normal normal 400 12px/18px "Open Sans";
}
#fb-feed blockquote{
background:#fff;
color:#003957;
border-left: 0px solid #7F7F7F;
padding:0;
font-style:normal;
font-weight:400;
box-shadow:none;
}
#fb-feed p.caption{
margin:5px 0;
}
#fb-feed .fb-feed-item blockquote img, #fb-feed .fb-feed-item img{
float:none;
clear:both;
}
.fb-date a{
display:none;
}
#skagerrak{
display:block;
margin:25px -120px -60px -120px;
height:540px;
max-width:1130px;
background:url(images/skagerraks_banner.jpg) no-repeat 5px top;
color:#fff;
}
#skagerrak a { 
background: url("images/arrow_right_white.png") 90% 50% no-repeat #000;
color:#fff;
box-shadow: 0px 1px 2px #333333;
display: block;
font-size: 1.5rem;
font-weight: 800;
padding: 10px 40px 10px 20px;
text-decoration: none;
text-transform: uppercase;
max-width:200px;
position:relative;
top:350px;
left:418px;
}
#skagerrak a:hover{
background:url("images/arrow_right_white.png") 90% 50% no-repeat #540107;
transition: background 0.3s;
 -webkit-transition: background 0.3s; /* Safari */
}
@media only screen and (max-width: 1000px) {
#skagerrak{
margin:0 -60px;
background:url(images/skagerraks_banner.jpg) no-repeat center top;
}
#skagerrak a{
left:0px;
margin:0 auto;
}
}
@media only screen and (max-width: 769px) {
#skagerrak{
left:0;
margin:0 -10px;
}

}
@media only screen and (max-width: 501px) {
#skagerrak a { 
left:5%;
}
}
@media only screen and (max-width: 501px) {
#skagerrak{
background:url(images/skagerraks_banner.jpg) no-repeat 45% top;
}
}
#start_menu .sid .menu { 
margin-right: 0px;
}

/* grid*/
/* knappar */

button {
	background:#00b9e5;
	margin:14px 0;
	border:0px solid #888;
	display:inline-block;
	color:#003957;
	text-transform:uppercase;
	font-size:13px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	box-shadow: 0px 1px 2px #333;
}
a button{
color:#003957;
text-decoration:none;
}
button:hover {
	background:#003957;
	transition:background 0.3s;
	color:#fff;
	cursor:pointer;

}
button:active {
	position:relative;
	top:1px;
}
#flags_language_selector{
float:right;
display:inline;
margin-right:15px;
margin-top:3px;
}
#flags_language_selector img{
margin-right:5px;
}
.fb_button{
float:right;
display:inline;
background:url(images/facebook.jpg) no-repeat;
width:27px;
height:27px;
margin-left:5px;
}
.fb_button:hover{
background:url(images/facebook_hover.jpg) no-repeat;
cursor:pointer;
}
.tw_button{
float:right;
display:inline;
background:url(images/twitter.jpg) no-repeat;
width:27px;
height:27px;
margin-left:5px;

}
.tw_button:hover{
background:url(images/twitter_hover.jpg) no-repeat;
cursor:pointer;
}

/* widgets */
.widget-container{
margin-top:20px;
}
#search-inputs{
margin:5px 0 10px 0;
background:#EBEBEB;
clear:both;
display:block;
width:100%;
margin-bottom:10px;
height:36px;
}
#searchform input[type="text"]{
background:#EBEBEB;
color:#003957;
width:75%;
margin:0 0 0 5px;
float:left;
}
#searchform input[type="submit"]{
display:block;
float:right;
background:#EBEBEB url(images/searching.png) 50% 50% no-repeat;
*background:#EBEBEB;
color:transparent;
*color:black;
padding:10px 5px;
height:36px;
border:0px;
line-height:16px;
}
#searchform input[type="submit"]:hover{
cursor:pointer;
background:#EBEBEB url(images/searching_hover.png) 50% 50% no-repeat;
*background:#EBEBEB;
*color:#666;
}
#searchform input[type="text"]{
border:0px;
padding:10px;
}
#top_page{
display:block;
}
#bread_search{
float:right;
display:block;
width:32%;
padding:10px 0 5px 0;
}
#breadcrumb{
display:block;
float:left;
width:40%;
margin:14px 0 0px 0;
clear:both;

}
#bread_search #searchform{
float:left;
width:75%;
}
#bread_search #searchform input[type="text"]{
width:60%;
}
.access_white{
display:block;
background:url(images/access_light.png) no-repeat;
width:36px;
height:41px;
}
.access_white:hover{
background:url(images/access_light_hover.png) no-repeat;
}
.access_head{
float:right;
margin-left:32px;
display:block;
background:url(images/access_dark.png) no-repeat;
width:36px;
height:41px;
}
.access_head:hover{
background:url(images/access_dark_hover.png) no-repeat;
}
#wrapper-lHjS{
width:100%!important;
height:180px!important;
text-align:left!important;
}
.ffg_widget{
margin:0;
}
#footer-sidebar {
display:block;

}
.footer-widgets{
float: left;

}
#footer-sidebar1 {
margin-right:2%;
width: 16%;
}

#footer-sidebar2 {
margin-right:2%;
width: 48%;
}

#footer-sidebar3 {
width: 32%;
}
#copyright{
background:#5ae4c3;
line-height:40px;
max-width:1020px;
margin:0 auto;

}
#copyright p{
padding-left:60px;
margin-bottom:0;
}
.fot_logo_left_1{
position: relative;
left:280px;
float:left;
height:55px;
}
.fot_logo_right_1{
position: relative;
top:133px;
left:-10px;
float:right;
height:85px;
}
.fot_logo_left_2{
position: relative;
top:22px;
float:left;
height:85px;
}
.fot_logo_right_2{
position: relative;
top:46px;
float:right;
height:85px;
}
.fot_logo_left img, .fot_logo_right img{


}
.fot_bok{

margin-right:0px;
}
.fot_bok a{
background:#C6FF72 url(images/arrow_right_dark.png) 90% 50% no-repeat;
padding:10px 40px 10px 20px;
text-decoration:none;
font-size:1.5rem;
text-transform:uppercase;
font-weight:800;
display:block;
box-shadow: 0px 1px 2px #333;
}
.fot_bok a:hover{
background:#003957;
transition:background 0.3s;
color:#fff;
}
.show_wide{
display:block;
}
.show_small{
display:none;
}
#menu-footer_meny li a, #menu-footer_meny_en li a{
color:#fff;
font-size:16px;
font-weight:800;
text-transform:uppercase;
text-decoration:none;
line-height:2.0;
}
#menu-footer_meny_en li a{
line-height:1.0;
}
#menu-footer_meny_en li{
margin-bottom:15px;
}
#menu-footer_meny li a:hover{
color:#C6FF72;
}
#footer-sidebar .widget_search{
display:none;
}
#footer-sidebar h3, #footer-sidebar p{
color:#fff;
text-align:center;
}
.pil{
position:relative;
top:70px;
text-decoration:none;
}
/* IE7 IE8*/
.sid ul.menu li{
background:#00b9e5\9;
}
nav ul.menu > li > ul {
background:#003957\9;
z-index:999999\9;
}
@media only screen and (max-width: 1000px) {
#bg_container, #shine, #startslider,#dummy{
display:none;
}
#start_page_slider, #start_menu{
width:100%;
}
#site-title{
margin-left:10px;
padding-top:25px;
}
#wrapper{
margin-top:0;
}
#testdiv{
display:none;
}
nav{
background:#fff;
padding:15px 60px 0 60px;
}
.fb_button{
margin-right:10px;
margin-top:20px;
}
#branding{
margin-bottom:10px;
}
#bread_search #searchform{
float:left;
width:100%;
}
.access_head{
display:none;
}
.fot_logo_left_1, .fot_logo_right_1 , .fot_logo_left_2, .fot_logo_right_2{
display:block;
position: relative;
top:0;
left:0;
clear:both;
float:left;
width:100%;
margin-top:20px;
height:auto;
}
.fot_logo_left_1 img, .fot_logo_right_1  img, .fot_logo_left_2 img, .fot_logo_right_2 img, .zoo img{
display: block;
margin-left: auto;
margin-right: auto;
}
.fot_bok{
margin-right:0;
}
.entry-content{
text-align:left;
}
#skagerak{
margin:40px 0px 40px 0px;
}
}
@media only screen and (max-width: 769px) {

#content, #sidebar, .footer-widgets, #footer-sidebar1, #footer-sidebar2, #footer-sidebar3, .entry-content{
width:100%;
}
h1.entry-title {
word-wrap:break-word;
}
h1,
h2,
h3,
h4,
h5,
h6{
line-height:1.1;
}
.entry-content{
text-align:left;
}
nav{
padding:15px 10px 0 10px;
}
.fb_button{
display:none;
}
#copyright p{
padding-left:10px;
}
#footer-sidebar3{
margin-bottom:15px;
}
.footer-widgets{
margin-top:15px;
}
#container, footer{
padding:10px;
}

.show_wide, #bread_search{
display:none;
}
.show_small{
display:block;
}
#footer-sidebar .widget_search{
display:block;
width:100%;
}
#search-inputs{
height:36px;
width:80%;
margin:0 auto;
}
#searchform input[type="submit"]{
float:right;
}
#searchform input[type="text"]{
float:left;
width:65%;
}
.fot_bok{
width:80%;
margin:0 auto;
}
.pil{
position:relative;
top:0px;
text-decoration:none;
font-size:32px;
line-height: 2;
}
}
@media only screen and (max-width: 501px) {
blockquote{
margin:2em 0;
padding:6em 1em 1em 1em;
background:#00b9e5 url("images/blockquote.png") 50% 1em no-repeat;
text-align:center;
}
#search-inputs, .fot_bok{
width:100%;
}
}