h1 { font-family: Arial, Helvetica, sans-serif; font-size: 58px; color: #101177; line-height: 66px; font-weight: 400; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 34px; color: #101177; line-height: 44px; font-weight: 400; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #262626; line-height: 24px; font-weight: 600; }
p { font-family: Arial, Helvetica, sans-serif; font-size: 17px; color: #262626; line-height: 30px; font-weight: 400; }
li { font-family: Arial, Helvetica, sans-serif; font-size: 17px; color: #262626; line-height: 30px; font-weight: 400;  }a:link { text-decoration: underline; color: #101177; font-weight: 400; }
a:visited { text-decoration: underline; color: #101177; font-weight: 400; }
a:active { text-decoration: underline; color: #101177; font-weight: 400; }
a:hover { text-decoration: none; color: #101177; font-weight: 400; }
a:focus { text-decoration: none; color: #101177; font-weight: 400; }
.navbar-default li { font-family:Arial, Helvetica, sans-serif; font-size: 15px; text-transform:none; }
.navbar-default .navbar-toggle .glyphicon {color: #1a1a1a;}
.navbar-default .navbar-toggle .icon-bar {background-color: #1a1a1a;}.navbar-default .navbar-nav>li a { color:#1a1a1a; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li a:hover { color:#101177; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li.active a:hover { color:#101177; text-decoration:none; font-weight:400; }
.navbar-default .dropdown-menu>li a:hover { color:#101177; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li a:focus { color:#101177; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li.active a:focus { color:#101177; text-decoration:none; font-weight:400; }
.navbar-default .dropdown-menu>li a:focus { color:#101177; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>.active>a { color:#101177; text-decoration:none; font-weight:400; }
.navbar-default .dropdown-menu>li.active a { color:#101177; text-decoration:none; font-weight:400; }
.navbar { margin-bottom:0px; }
header { margin-bottom:0px; position:relative; }
div#footer { background-color:#071535 }
#page .container { max-width:1170px; }
/* GDPR */
body #CybotCookiebotDialog {top: auto; width: 100%; height: auto; box-shadow: none; box-shadow: 0 -2px 5px #ccc; bottom: 0; padding: 10px 0 0;}
body #CybotCookiebotDialogBody {max-width: 1200px; width: 100%;}
body #CybotCookiebotDialogDetailBody {max-width: 1190px; width: 100%;}
body .CookieDeclarationTableCell {padding: 9px 5px;}
body #CybotCookiebotDialogPoweredbyLink {display: none;}
body #CybotCookiebotDialogBodyContent {float: left; padding: 5px 0 18px 5px;}
body .CookieDeclarationTypeDescription {font-size: 13px !important;}
body #CybotCookiebotDialogBodyButtons {float: right; padding-left: 20px; padding-top: 6px;}
body #CybotCookiebotDialogBodyButtonAccept {background-color: #006633; border: 1px solid #006633; font-weight: bold; border-radius: 20px; line-height: 1 !important; padding: 4px 10px 6px !important; float: right; font-size: 14px;}
body form.wpcf7-form .wpcf7-acceptance input[type="checkbox"] {width: auto !important; margin: 5px 10px 10px 0 !important;}

a {transition:all 0.3s ease;}
html {
  /* Load system fonts */
  font-family: -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI,
    Roboto, Helvetica Neue, sans-serif;

  /* Make type rendering look crisper */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Deactivate auto-enlargement of small text in Safari */
  text-size-adjust: 100%;

  /* Enable kerning and optional ligatures */
  text-rendering: optimizeLegibility;
}


#page {overflow-x: hidden;}

#header .menu ul li.wpml-ls-item a {padding: 5px;}
#menu-item-wpml-ls-2-sv {border-left: 1px solid #ddd; padding-left: 8px; margin-left: 3px;}
#content .text-white * {color: #fff;}
#content .text-white .las_mer {border: none; padding: 10px 20px; color: #0a1e4d; background: #fff; border-radius: 5px; font-weight: bold; margin-top: 40px;}

#content p {max-width: 740px; width: 100%;}
.single-info-box {background: #f4f4f4 !important; padding: 30px;}

#content ul {
   list-style: outside;
   margin-left: 2em;
   margin-bottom: 15px;
}

.info {
    background-color: #eee;
    padding: 10px;
    margin-bottom: 20px;
    width: 432px;
}
#content ul {
   list-style: outside;
   margin-left: 2em;
   margin-bottom: 15px;
}

.single-post .wp-post-image {
    display: none;
}

body, p, td, ul li, ol li, a {font-family: Khula; font-size: 17px; line-height: 30px; }
h1, h2, h3, h4, h5, p.lead {font-family: Playfair Display, serif;}
p.lead { font-style: italic; }

h1 a {font-family: inherit; font-size: inherit; line-height: inherit; }

.med {background: #0e1079; padding: 15px;}
.med p {color: #fff; font-size: 2em;}


/* HEADER */

#header {background:#fff; border-top:40px solid #0a1e4d;}
#header .container {position:relative;}
#header .logo-left {margin:20px 0;}

#header .menu {float:right; margin-top:32px;}
#header .menu ul li a {margin-right:2px; padding:8px 9px 3px 9px;}
#header .menu ul li a:hover {background:#eee;}
#header .menu ul li.current_page_item > a {background:#eee;}
#header .menu ul li.current-menu-item > a {background:#eee;}

#header .menu ul li ul {background:#fff; padding:0;}
#header .menu ul li ul li a {line-height:30px; margin-bottom:1px;}
#header .menu ul li ul li a:hover {background:#eee;}
#header .menu ul li ul li.current_page_item > a {background:#eee;}

#text-2, #text-11 {position:absolute; top:-35px; right:0;}
#text-2 p, #text-11 p {color:#fff;}
#text-2 *, #text-11 * {font-size: 13px;}
#text-2 a, #text-11 a {color:#fff;}


/* TOP */

#top .container {max-width:none; width:100%; margin-bottom:20px;}
.page-id-44 #top, .page-id-817 #top {display:none;}
.page-id-44, .page-id-817 {text-align:center;}


#top {
    height: 68vh;
    background-image: url(/files/DSC_7074-1-scaled.jpg);
    background-position: center;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    margin-top: -28vh;
    margin-bottom: 35px;
}
#newtop  {    height: 44vh;    margin-bottom: 35px;}

.page-id-44 #header .logo-left,  .page-id-817 #header .logo-left {-webkit-animation-name: fadeInDown;  animation-name: fadeInDown;-webkit-animation-duration: 1s;  animation-duration: 1.5s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both; }

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

#hem-top h1 {color:#fff; font-weight:bold; margin-left: auto; margin-right: auto; font-size: 66px; line-height: 74px; letter-spacing: 1px;}
#hem-top .vc_column_container {padding: 2% }
#hem-top:before {    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    left: 0;
    width: 100%;
    z-index: 0;
    background: rgba(0,0,0,0.25);}
#hem_start { background:url(/files/DSC_7119-scaled.jpg) no-repeat center 0 / cover; height: 76vh; text-align:center;  }
#hem_start  .vc_column_container {padding: 2% }
#hem_start h1 {color:#fff; font-weight:bold; max-width: 800px; margin-left: auto; margin-right: auto; font-size: 66px;}


#cassels .vc_column_container {padding:5% 12% }
#cassels p {max-width: 940px;}
#cassels p.lead {font-size: 28px; font-style: italic;}

#lokalerna  { background:url(/files/n-DSC_7074.jpg) no-repeat center 0 / cover; height: 70vh; text-align:center; }
#lokalerna .vc_column_container {padding: 0 10%;}
#content #lokalerna p.lead {max-width: 940px; font-size: 21px; width: 100%;}
#content #lokalerna p {width: 100%; max-width: 940px;}

#lokalerna  h1 {color:#fff; }
#lokalerna  p {color:#fff; }
#lokalerna  a {color:#fff; }
#lokalerna .las_mer { border:1px solid #fff!important;  }

#aktuellt { background:#0a1e4d; padding-top: 50px;}
#aktuellt .vc_column_container {padding:2% 0;}
#aktuellt h2 {color:#fff; margin-bottom: 50px !important;}

#alert p {color: #fff;}
#alert .vc_column_container {padding: 3% 21%;}

.aktuellt_box {background:#fff; padding:20px;}
.aktuellt_box hr {width:20%; display:inline-block; border-top:1px solid #333;margin: 10px 0;}

#content .las_mer {display:inline-block; border:1px solid #101177; padding:10px; text-align:center; text-decoration:none; }
.fa-music::before {    margin-right: 10px;}

#content .wpb_single_image .vc_figure-caption {    font-size: 1.2em;    font-weight: normal;    margin-top: 0.4em;}

#content .wpb_gallery {float:left !important; margin:20px 0;}
#content .wpb_image_grid .wpb_image_grid_ul {margin:0;}
#content .wpb_image_grid .wpb_image_grid_ul .isotope-item {    display: inline-block;    float: left;    left: auto !important;    list-style: outside none none;    margin: 0 5px 10px;    max-width: 100%;    position: relative !important;    top: auto !important;    width: auto;}
#content .wpb_image_grid .wpb_image_grid_ul .isotope-item img { border:1px solid #ddd!important; padding:3px; transition:all 0.35s ease;}
#content .wpb_image_grid .wpb_image_grid_ul .isotope-item img:hover {opacity:0.8;}


.grecaptcha-badge {visibility: hidden;}

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

/* TABLE */

#content  table {width:100%; border-collapse:collapse;margin-bottom:10px;}
#content table td {border:1px dotted #ccc; padding:4px 10px;height:20px; vertical-align:top; font-weight: normal;}
#content  table td p {margin:0; font-size:14px;}
#content  table ul {margin-top:20px;}

/* links menu */

#links-menu ul{display: flex; margin-left:0!important;}
#links-menu li {list-style:none;}
#links-menu a {color:#1a1a1a;        margin-right: 17px;    padding: 8px 9px 3px 9px; text-decoration:none; line-height: 40px; position:relative;}
#links-menu a:hover {color:#101177; background:#eee;}
#links-menu .current-menu-item a{color:#101177; background:#eee; }
#links-menu a:after { content: "";    border-top: 18.2px solid transparent;    border-bottom: 18.2px solid transparent;    border-left: 15px solid transparent;    position: absolute;    right: -15px;}
#links-menu .current-menu-item a:after { border-left: 15px solid #eee;}

/*gallerys with no btn load more*/
#nobtn .vc_btn3.vc_btn3-color-blue, .vc_btn3.vc_btn3-color-blue.vc_btn3-style-flat {display:none!important;}

/* FORM */

body form.wpcf7-form input {padding: 10px; font-size: 16px; line-height: 1.2;}

.wpcf7-form .postnr input {width:48%; float:left; margin-right:10px;}
.wpcf7-form .ort input {width:48%; float:right;}
form.wpcf7-form input[type="submit"] {    background: #101177 none repeat scroll 0 0;}
form.wpcf7-form input[type="submit"]:hover {    background: #3637bd none repeat scroll 0 0;}

#content select {display: block;}


/* ----posts----*/

.entry-meta {display:none;}

.page-id-44 .vc_grid-item-mini, .page-id-817 .vc_grid-item-mini {    background: #fff none repeat scroll 0 0;    min-height: 200px; }
.single-post h1  a {text-decoration:none; }
.single-post .entry-footer {display:none;}
.single-post #nav-below {display:none;}

.vc_gitem_row .vc_gitem-col { padding: 10px 0!important; }

.vc_btn3-style-modern {    border: 1px solid #000!important;}

.vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_title {background-color: transparent; }
.vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_title h3 {   padding-top: 20px;  min-height: 80px;}
.vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_title h3 a {font-family: Playfair Display, serif; font-size:20px; line-height:28px;     color: #101177;}
.vc_general.vc_btn3.vc_btn3-size-sm.vc_btn3-shape-square.vc_btn3-style-outline.vc_btn3-block.vc_btn3-color-blue {
    color: #fff;
    border-color: transparent;
    background: #071535;
    font-size: 15px;
    margin: 0 10px -20px 10px;
    width: auto;
}
.vc_gitem_row { background: #f7f7f7; }

.vc_btn3.vc_btn3-color-blue.vc_btn3-style-outline:focus, .vc_btn3.vc_btn3-color-blue.vc_btn3-style-outline:hover {
	color: #fff!important;
	border-color: transparent;
	background-color: #101177!important;
}

.vc_gitem-post-meta-field-Datum.&.Tid p { font-size: 20px; }
#aktuellt p {font-size: 20px; }
.some a {font-size: 40px;}
/* ----sticky footer----*/



@media only screen and (min-width: 768px) {

#footer {  height: 443px; padding: 70px 0 50px;  position: absolute;  left: 0;  right:0;  bottom: 0;  width: 100%; }
body {    margin: 0 0 443px; }
}

/*------end sticky-------*/


#footer .container {padding:15px 0; text-align:left;}
#footer p, #footer a {font-size:14px; line-height: 22px; color:#fff; }
#footer .cms-icons {    float: left;    width: 100%;  font-size:14px;}
#footer .fa-mobile { display: none !important; }

#footer .cms-icons div {    color: #fff;    display: inline;  margin-right: 25px;    vertical-align: -moz-middle-with-baseline;    width: auto;}
#footer .cms-icons p {font-size:14px;  }
#footer .cms-icons div:last-child {    float: left;    margin: 0 0 0 -1px;}
#footer .fa {color:#fff;}
#footer .fa-mobile {font-size:20px;}

.facebook #menu-item-124 {display:none;}
.facebook #header .fb_badge {display:none!important;}
.facebook .cms-FB {display:none!important;}


.cms-icons .fa-bolt {display: none;}
.cms-icons {font-size: 16px; margin-top: 30px; padding-top: 30px; padding-bottom: 30px; border-top: 1px solid #dee1e6;}
.cms-icons .cms-PB a:hover {text-decoration: underline;}
.cms-icons .cms-PB a:last-child {margin-left: 7px; padding-left: 7px; border-left: 1px solid #dee1e6;}
.cms-icons .cms-PB a {font-weight: 600; text-decoration: none;}
.cms-icons .fa-mobile-alt {display: none !important;}
.cms-icons .cms-SP {float: left; margin: 0;}
.cms-icons div:last-child {float: left; clear: left; margin-top: -5px;}

/* Contact form response */
.wpcf7 form .wpcf7-response-output {margin: 0 0 35px; padding: 1em; text-align: center; font-size: 16px; line-height: 1;}

/* Popup Fix */
.pp_top, .pp_bottom {display: none !important;}
body div.pp_default .pp_content_container .pp_left {background: transparent; padding: 0;}
body div.pp_default .pp_content_container .pp_right {background: transparent; padding: 0;}
body div.pp_default .pp_nav {display: none !important;}
body div.pp_default .pp_content {background: transparent;}
body div.pp_default .pp_description {font-size: 13px; color: #fff; line-height: 14px;}
body div.pp_default .pp_description {margin: 0;}
div.pp_default .pp_content_container .pp_details {margin: 0; position: absolute; top: -50px; background: transparent;}
div.pp_default .pp_content_container .pp_details .pp_description {display: none !important;}
div.pp_default .pp_content_container .pp_details a.pp_close {right: 0px !important; top: 18px !important;}
div.pp_default .pp_loaderIcon {display: none !important;}
.pp_gallery {display: none !important;}
body div.pp_default .pp_close  {background: url(/files/sprite.png) 2px 1px no-repeat;}
body div.pp_default .pp_next:hover {background: url(/files/sprite_next.png) center right no-repeat; filter: invert(100%);}
body div.pp_default .pp_previous:hover {background: url(/files/sprite_prev.png) center left no-repeat; filter: invert(100%);}




/* Mobile CSS */

@media (min-width: 992px) and (max-width:1400px) {

#hem-top h1 { font-size: 48px; line-height: 60px }

}

@media (min-width: 992px) and (max-width:1199px) {

#lokalerna {    height: auto;}
#lokalerna .vc_column_container {    padding: 30px 2% 27px;}

}


@media (min-width: 768px) and (max-width:991px) {

#hem-top h1 { color: #fff; font-weight: bold; margin-left: auto; margin-right: auto; font-size: 30px; line-height: 40px; }

.container {width:95%}
.navbar-nav > li > a {    padding: 15px 9px;}

#cassels .vc_column_container {    padding: 6% 10% 0;}
#lokalerna .vc_column_container {    padding: 6% 10% 0;}
#content .wpb_image_grid .wpb_image_grid_ul .isotope-item {    display: inline-block;    width: 46%;}
}

#content .wpcf7-form {padding: 50px 50px 10px; background: #f4f4f4; margin-bottom: 50px;}

@media all and (max-width: 767px)  {

#content .wpcf7-form {padding: 20px 20px 1px; margin-bottom: 20px;}
#hem_start h1, #hem-top h1 {font-size: 30px; line-height: 35px;}
#hem-top {height:400px; min-height:400px!important;}
#footer .container {padding: 45px 0; text-align: center;}
.single-info-box {padding: 20px;}

.vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_title {bottom: 120px;}
body #CybotCookiebotDialogBodyButtons {max-width: 35%;}
body #CybotCookiebotDialogBodyContent {max-width: 60%;}

.container {    width: 97%;}


#top .widget_sp_image img {width:100%; height:60%;}
#text-2, #text-11 {display:none;}
#header {border-top: 0px solid #0a1e4d;}
#header .fb_badge {    margin: 16px 0 0;    right: 10px;}

#header .menu {float:left; width:100%;border:1px solid #101177; margin-bottom:10px;  margin-top: 0;}
ul.nav > li {    float: left;    width: 100%; margin: 5px 0;}
#header .menu ul {padding:0; margin:0;}
#header .menu ul li a {line-height:30px; text-align:center; padding:0px 10px; font-size:16px; margin:1px;}
#header .menu ul li a:hover {background:#cdceed;} 
#header .menu ul li.curent_page_item > a {background:#cdceed;} 
#header .menu ul li.current-menu-parent > a {background:#cdceed;} 

#menu-item-151 {display:none;}

.navbar-collapse {    z-index: 99;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {    border: medium none;}
.navbar-default .navbar-toggle {    border-color: #333;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {    background-color: #101177; color:#fff;}
.navbar-default .navbar-toggle .icon-bar {    background-color: #333;}

.navbar-default .navbar-toggle:hover .icon-bar {    background-color: #fff;}
.navbar-default .navbar-toggle:focus .icon-bar {    background-color: #fff;}

.navbar-toggle { margin: 25px 10px 10px 0; padding: 12px 10px; border:1px solid #333; position: relative;    right: 5px;}
.navbar-toggle:first-child {    float: left;    margin: 25px 10px 0 20px;    padding: 10px 11px 11px;    position: absolute;    right: 7px;}
.navbar-toggle:first-child .glyphicon {color: #333;font-size: 16px;}
.navbar-toggle:first-child:hover .glyphicon {color: #fff;}

#content .entry-content {padding:0 10px;}

h1 {font-size:28px; line-height: 1.25;}
h2 {font-size:23px; line-height: 1.25;}

#hem_start {   height: 50vh;  text-align: center;}


#cassels .vc_column_container {    padding: 6% 0% 0;}
#lokalerna .vc_column_container {    padding: 6% 0% 0;}
#aktuellt {     padding: 10px 0;}
#aktuellt .wpb_content_element  {margin-bottom:10px!important;}

#footer .footer-1 {    padding-left: 15px;}

#footer .cms-icons {    float: left;  text-align:left;  width: 100%;   padding-left:10px;   font-size: 14px; border-top:1px solid #444; padding-top:15px;}


/* Popup Fix Mobile */
div.pp_default .pp_content_container .pp_details a.pp_close {right: 0px !important; top: 32px !important;}
.pp_pic_holder.pp_default { width: 96%!important; margin-top:-100px !important; left: 2%!important; overflow: hidden; }
div.pp_default .pp_content_container .pp_left {padding-left: 0!important;}
div.pp_default .pp_content_container .pp_right {padding-right: 0!important;}
.pp_content {width: 100%!important; height: auto!important;}
.pp_fade {width: 100%!important; height: 100%!important;}
a.pp_expand, a.pp_contract, .pp_gallery, .pp_top, .pp_bottom { display: none !important;}
#pp_full_res img {width: 100%!important; height: auto!important; padding: 15px;}
.pp_details {box-sizing: border-box; width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important;}
a.pp_close {right: -10px!important; top: -10px!important;}
body .pp_hoverContainer {width: 100% !important; height: 100% !important;}

}

}


@media all and (max-width: 450px)  {

#header .logo-left {margin-top:20px;}
#header .logo-left img {max-width:80%; height:auto;}


#content .wpb_image_grid .wpb_image_grid_ul .isotope-item {     width: 40%;}

img.alignright {    float: none;    height: auto;    margin: 0 0 10px 0px;    max-width: 100%;}


}