h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #333333; line-height: 20px; font-weight: 600; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #333333; line-height: 20px; font-weight: 400; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; line-height: 18px; font-weight: 600; }
p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 18px; font-weight: 400; }
li { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 18px; font-weight: 400;  }body { background: #ffffff; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #333333; line-height: 18px; font-weight: 400; }
a:link { text-decoration: underline; color: #219423; font-weight: 400; }
a:visited { text-decoration: underline; color: #219423; font-weight: 400; }
a:active { text-decoration: underline; color: #219423; font-weight: 400; }
a:hover { text-decoration: none; color: #219423; font-weight: 400; }
a:focus { text-decoration: none; color: #219423; font-weight: 400; }
.navbar-default li { font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-transform:none; }
.navbar-default .navbar-toggle .glyphicon {color: #004eb5;}
.navbar-default .navbar-toggle .icon-bar {background-color: #004eb5;}.navbar-default .navbar-nav>li a { color:#004eb5; text-decoration:undereline; font-weight:400; }
.navbar-default .navbar-nav>li a:hover { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li.active a:hover { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .dropdown-menu>li a:hover { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li a:focus { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li.active a:focus { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .dropdown-menu>li a:focus { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>.active>a { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .dropdown-menu>li.active a { color:#d90000; text-decoration:none; font-weight:400; }
.navbar { margin-bottom:0px; }
header { margin-bottom:0px; position:relative; }
#page .container { max-width:1170px; }
#message-row .med {background-color: #e1d7ca; padding: 25px 50px;}

/* 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;}
#page {overflow-x: hidden;}

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

.vc_btn3.vc_btn3-size-md {
text-transform: uppercase;
}

#green-button a, a#green-button {background-color: #008e07; font-size: 16px; padding-top: 18px; padding-bottom: 18px; padding-left: 25px; padding-right: 25px; color: #fff; font-family: Arial, Helvetica, sans-serif; text-decoration: none; outline: 6px solid #008e07; border: 3px solid #fff;}
#green-button a:hover, a#green-button:hover {background-color: #24a92a}

#header #text-4 #green-button {float: right; margin-left: 10px;}
#header #text-4 #green-button a {font-size: 12px!important; padding-top: 14px; padding-bottom: 14px; padding-left: 15px; padding-right: 15px; outline: 3px solid #008e07; border: 2px solid #fff;}
::-webkit-input-placeholder {
color: #000; font-weight:bold;
}
:-moz-placeholder { /* Firefox 18- */ 
color: #000; font-weight:bold;
}
::-moz-placeholder { /* Firefox 19+ */
color: #000; font-weight:bold;
}
:-ms-input-placeholder {
color: #000; font-weight:bold;
}

table.priser {
    width: 100%;
}



.aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto; }
img.alignleft {
    padding: 0px;
    margin: 0 10px 2px 0;
    display: inline;
}

.alignleft {
    float: left;
}

img.alignright {
    padding: 0px;
    margin: 0 0 2px 15px;
    display: inline;
}

.alignright {
    float: right;
}

body img {max-width:100%;height:auto;}
body p, body li, body td, body dd, body label {font-size:16px; line-height:22px;font-family: Georgia, sans-serif;color:#000;font-weight:400;}
body h1 { font-size:60px ; line-height:70px ;font-family: Pacifico, sans-serif;font-weight:400;color:#fff;margin:0 0 15px 0;}
body h2 { font-size:24px ; line-height:32px ;font-family: Georgia, sans-serif;font-weight:400;color:#000;clear:both}
body h3 { font-size:24px ; line-height:22px ;font-family: Georgia, sans-serif;font-weight:400;color:#000;margin-bottom:10px;}
body h4 { font-size:14px ; line-height:22px ;font-family: Georgia, sans-serif;font-weight:400;color:#000;margin-bottom:0px;}



/* HEADER */
#header .logoholder {padding:20px;}
#header .container {position:relative;}
#header #text-2 {position:absolute;top:40px;left:33%;}
#header #text-3 {position:absolute;top:40px;left:58%;}
#header #text-2 p, #header #text-3 div {text-transform:uppercase; font-size:16px;color:#472e17;}
#header #text-4 {position:absolute;right:0;top:76px;}
*/ #header #text-4 a {text-decoration:none;color:#fff;background:#008e07;padding:15px 25px; transition: all 0.3s;}
#header #text-4 a:hover {background:#24a92a;} /*
#header #icl_lang_sel_widget-2 {top: 25px; position: absolute;}


/* TOP */
#top {background:#472e17;}
#top .container {display:flex;flex-direction:row;justify-content:center;}
#top ul#menu-main {background-color:#472e17;}
#top .menu ul li a {color:#fff;text-decoration:none;font-size:16px; font-family: Georgia, sans-serif;line-height:26px;transition:all 0.3s;-webkit-transition: all 0.3s; margin-right:3px;}
#top .menu ul li.active > a, #top .menu ul li a:hover {background:#74604e;}

/*dropdown menu style */
#top .menu ul li.current_page_item > a {color:#fff;background:#74604e;}
#top .navbar-nav>li>.dropdown-menu {background-color: #472e17;}
#top .navbar-nav>li>.dropdown-menu a {display:block; margin-bottom:5px; width:100%; padding:3px 15px;}
#top .navbar-nav>.current-page-parent>a{color:#fff;background:#74604e;}
#top .dropdown-menu>li>a:hover {background:#74604e;}




/* CONTENT */

/* HERO IMG ROW */
#hero-img-row div.relative-block {position:relative;}
#hero-img-row div.absolute-block {position:absolute;left:0;right:0;margin:0 auto;top:35%;}
#hero-img-row div.absolute-button {position:absolute;left:0;right:0;margin:0 auto;top:50%;}

/* ACTIVITIES ROW */
#activities-row h2 {margin-bottom:0; color:#fff; background:#472e17; padding:10px; position:relative; transition: all 0.3s;-webkit-transition: all 0.3s;}

/* h2::after */
#activities-row h2::after {content:""; position:absolute;bottom:2px;left:0;right:0; display:block;margin:0 auto; width: 0;  height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #472e17; opacity:0;transition: all 0.3s; -webkit-transition: all 0.3s;}
#activities-row .box:hover h2::after {opacity:1; transform:translateY(22px);}

/* img */
#activities-row .box img {width:100%;}

/* link */
#activities-row .box {position:relative;}
#activities-row .box a.box-link {font-size: 16px; font-family: Arial, Helvetica, sans-serif; position:absolute;left:0;right:0; bottom:75px;margin:0 auto;text-decoration:none;background:#008e07; color:#fff; width:50%;padding:10px;transition: all 0.3s;-webkit-transition: all 0.3s;}
#activities-row .box a.box-link:hover {width:60%; background:#17a01d;}

/* CONTENT ROW */
#content-row {margin-bottom:30px;}
body.page-id-63 #content-row {margin-bottom:0;}

body.page-id-110 {overflow-x:hidden;}
body.page-id-110 #content-row {text-align:center;}

/* FORM */
form.wpcf7-form input[type="submit"] {background:#472e17;border:1px solid transparent;transition: all 0.5s; -webkit-transition:all 0.5;s;}
form.wpcf7-form input[type="submit"]:hover {background:transparent;border:1px solid #472e17;color:#472e17;} 

.cms-icons {font-size: 14px;}

.width_100 a {width: 100%;}


/* Media queries */

/* ----sticky footer----*/

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

#footer { height: 180px; position: absolute; left: 0; right:0; bottom: 0; width: 100%; background:#e1d7ca; padding-top:20px;}
#footer h3 {color:#333333;font-size:24px;line-height:34px; border-bottom:1px solid #808080;}
#footer div.cms-FB a {color:#000;}
#footer div.cms-FB {margin-left:-12px;margin-right:0;}
#footer div.cms-SP {margin-right:10px;}
#footer #text-5 {margin-left:-20px;}

body { margin: 0 0 180px; /* bottom = footer height */ }


} /* end of min 768px media */


@media only screen and (max-width: 2560px) {
#activities-row h2::after {bottom:4px;}
#hero-img-row figure.wpb_wrapper, #hero-img-row div.vc_single_image-wrapper, #hero-img-row img  {width:100%;}
}

@media only screen and (max-width: 1200px) {
#header #text-2 {left:30%;}
#header #text-3 {left:59%;}
}


@media only screen and (max-width: 992px) {
#header #text-2 {left:24%;}
#header #text-3 {left:62%;}
}

@media only screen and (max-width: 768px) {
body .vc_row {margin-left:0;margin-right:0;}
}

@media only screen and (max-width: 767px) {
.navbar-default {
  top: -80px;
  position: relative;
}
#green-button {margin: 10px !important; text-align: center;}
#header #text-4 #green-button {display: none;}
body #CybotCookiebotDialogBodyButtons {max-width: 35%;}
body #CybotCookiebotDialogBodyContent {max-width: 60%;}

#header .logoholder {width:100%;text-align:center;}
#header #text-4 {position:inherit;width:100%;text-align:center;margin-top:-20px;}


/* MENU */
ul#menu-main {padding-top:10px;}
#top .container {display:block;}
#header .navbar-default .navbar-collapse, .navbar-default .navbar-form  { border-color: transparent!important;}
#header .navbar-nav { float:left;margin-bottom:15px;box-shadow:none;}
#header .navbar-nav li { float:left;width:100%;}
#header .menu ul  { width:100%;float:left;text-align:left;margin:0;} /* --- change me --- */

#top .menu ul  li a { border-radius:0;margin:0 ;font-size:16px;line-height:14px;padding-left:15px; margin-bottom:3px;} /* --- change me --- */

#top .menu ul ul  li a { border-radius:0;margin: 0;font-size:13px;line-height:25px;padding-left:25px !important;} /* --- change me --- */

#header .navbar-collapse { padding-left:0;padding-right:0;}
.navbar-toggle { margin-top:0px;margin-bottom:10px} /* --- change me --- */
.navbar-toggle.modalsearch {margin-left:15px;}
.navbar-default .navbar-toggle .glyphicon { color:#472e17;} /* --- change me --- */
.navbar-default .navbar-toggle .icon-bar { color:#fdb627;}

.navbar-collapse.in { overflow-y: unset;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color:transparent!important;padding-top:0;bordeR:none;box-shadow:none;}
#header .icon-bar { background-color:#472e17;} /* --- change me --- */
#header  .navbar-toggle:hover .icon-bar{  background-color:#fff; }
#header  .navbar-toggle:hover { background:#472e17;} /* --- change me --- */
#header  .navbar-toggle:focus .icon-bar{  background-color:#fff; }
#header  .navbar-toggle:focus { background:#472e17;} /* --- change me --- */
#header  .navbar-toggle:hover .glyphicon {  color:#fff; }
#header  .navbar-toggle:focus .glyphicon {  color:#fff; }
#header .navbar-toggle:last-child {padding: 13px 10px;;}

.navbar-default .navbar-toggle { border-color:#472e17;background:#fff;} /* --- change me --- */
h4.modal-title { color:#472e17;} /* --- change me --- */

.modal-content { position:relative;z-index:999;}
.navbar-collapse {z-index:99;}

body h1 {font-size:45px; line-height:47px;}
body h2, #activities-row .box a.box-link {font-size:20px;}

#hero-img-row div.absolute-block {top:20%;}
#hero-img-row div.absolute-button {position:relative;}

#activities-row .vc_col-sm-4 {width:33.33%;float:left;}

#header #text-2, #header #text-3 {display:none;}

#footer { height: 380px; position: absolute; left: 0; right:0; bottom: 0; width: 100%; background:#e1d7ca; padding-top:20px; text-align:center;}
#footer h3 {color:#333333;font-size:24px;line-height:34px; border-bottom:0;}
#footer div.cms-FB a {color:#000;}
#footer div.cms-FB {margin-left:0px;margin-right:0;}
#footer div.cms-SP {margin-right:0px; float:none;}
#footer #text-5 {margin-left:0px;}

body { margin: 0 0 380px; /* bottom = footer height */ }

body.page-id-63 #content-row, body.page-id-63 .vc_row  {text-align:center;}
.wpb_single_image.vc_align_left {text-align:center !important;}
body h3 {font-size:18px;}
#content-row {margin-bottom:0;}
#header #text-4 a {padding:10px;font-size:12px;}
}/* end of 767px media */

@media only screen and (max-width: 640px) {
body h2, #activities-row .box a.box-link {font-size:14px;}
}

@media only screen and (max-width: 600px) {
body h1 {font-size:34px;line-height:38px;}
#hero-img-row div.absolute-block {top:15%;}
img.alignright {width:100%;}
}

@media only screen and (max-width: 510px) {
#activities-row .vc_col-sm-4 {width:100%;float:left;}
body.page-id-67 h1 {font-size:24px;}
}


@media only screen and (max-width: 400px) {

}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {

}