html {

}
body {
    font-family: var(--paragraphs);
    font-weight: var(--paragraphs-weight);
    overflow-x: hidden;
}

.hus-18 .content-row {
  padding-top: 15px
}
h1, h2, h3, h4, h5, h6 {
    font-family: var(--headings);
    font-weight: var(--headings-weight);
}
header {
    background-color: var(--primary);
}
header #pagemenu {
    background: #fff;
    height: 100%;
}
header #pagemenu .nav-item {
    position: relative;
}
header #pagemenu .nav-item .nav-link {
    color: #333;
    text-transform: uppercase;
    display:inline-block;
}
header #pagemenu .nav-item .nav-link:hover {
    color: var(--secondary);
}
header #pagemenu .has-sub .nav-item:hover > .nav-link > .arrow {
    content: "";
    border-left: 7px solid var(--secondary);
    border-top: 7px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 7px solid transparent;
    position: absolute;
    left: -10px;
    z-index: 999;
    top: 12px;
}
header #pagemenu #menu > ul > .nav-item > .nav-link > .arrow {
    content: "";
    border-left: 7px solid transparent;
    border-top: 7px solid var(--secondary);
    border-right: 7px solid transparent;
    border-bottom: 7px solid transparent;
    z-index: 999;
    display: inline-block;
    position: relative;
    transform: translate(0, 30%);
    left: 0;
    top: 0;
}

header #pagemenu .sub {
    display:none;
    position: absolute;
    min-width: 300px;
    left: 0;
    top: 100%;
    background: #fff;
    z-index: 999;
    padding: 10px;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
    border-left: 8px solid var(--secondary);
}
header #pagemenu .nav-item:hover > .sub {
    display:block;
}

@media (max-width: 991px) {
    header #pagemenu .nav-item > .sub {
        display:block;
        position: relative;
        box-shadow: none;
        border-left: 2px solid var(--secondary);
    }
    header #pagemenu .sub {
        min-width: 0;
    }
  header #menu { position: absolute;
    top: 100%;
    z-index: 999;
    background: #fff;
    width: 100%;
    left: 0;
    padding: 0 20px 20px;
    }
}



header #logo {

    vertical-align: middle;
}
header #logo a {
  margin: 0 15px;
  color: #fff;
  font-size: 27px;
  font-weight: 700;
  line-height: 1;
  width: 339px;
  display: block;
  float: right;
}
header .order-1.col-12.text-center
#logo a {
  margin: 15px auto;
  color: #fff;
  font-size: 27px;
  font-weight: 700;
  line-height: 1;
  width: auto;
  display: block;
  float: unset;
}
header #call {
    margin: 15px;
    text-transform: uppercase;
    color: #fff;
    font-size: 27px;
    font-weight: 700;
    line-height: 1;
    vertical-align: middle;
}
header #call a {
    color: #fff;
}
@media (max-width:768px) {
  header #call br {display: none;}
  header #call {text-align: center;  font-size: 20px;}
  .h1, h1 {
  font-size: 1.75em;
}
.h2, h2 {
  font-size: 1.5em;
}
.h3, h3 {
  font-size: 1.25em;
}
}
.img-cover {
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.img-contain {
    object-fit: contain;
    height: 100%;
    width: 100%;
}

.breadcrumb {
    background: transparent;
    padding: 0;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.breadcrumb li {
}
.breadcrumb li::before {
    content: "\f101";
    font-family: FontAwesome;
    padding: 10px;
    font-size: 12px;
    color: #999;
}
.breadcrumb li:first-child::before {
    display:none;
}
.breadcrumb li a {
    color: #555;
}
.breadcrumb li a:hover {
    color: var(--primary);
    text-decoration:none;
}

.facilities {
    font-size: 17px;
    line-height: 18px;
}
.facilities i {
    font-size: 30px;
}


.events {

}
.events a:hover,.events a:focus {
background: var(--secondary-900);

}
.events .heading {
    font-family: var(--headings);
    font-weight: var(--headings-weight);
    font-size: 30px;
    text-transform: uppercase;
    line-height: 30px;
    margin-bottom: 25px;
    color: var(--primary);
}
.events .event-day {
    font-size: 15px;
    text-transform: uppercase;
    color: #999;
}
.events .event-day small {

}
.events .event-day div {
    font-size: 2.5em;
    line-height: 1;
}
.events .event-title div {
    font-size: 20px;
    line-height: 1;
    font-weight: 700;
}
.events .event-button button {
    background: #dedfda;
    padding: 10px 25px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: var(--primary);
}
.events .event-button + .modal img {
    max-width: 100%;
    height: auto;
}


.calendar {
    color: #fff;
    background-color: var(--primary);
    text-align:center;
}
.calendar .heading {
    font-family: var(--headings);
    font-weight: var(--headings-weight);
    font-size: 30px;
    text-transform: uppercase;
    line-height: 30px;
    margin-bottom: 25px;
}
.calendar .heading small {
    font-size: 17px;
    display: block;
}
.calendar .calendar-picker {
    color: #333;
}
.calendar .hotel-button {
}



.content-col {

}
.content-col ul {
    font-size: 15px;
    padding-left: 0;
}
.content-col ul li {
    border-top: 1px solid #eaeaea;
    padding-top: 15px;
    padding-bottom: 15px;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
}
.content-col ul li::before {
    content: "\f00c";
    font-size: 28px;
    line-height: 20px;
    padding-right: 15px;
    font-family: FontAwesome;
}



footer {
    position:relative;
    background: var(--primary);
}
footer.simple {
    background: var(--primary);
    padding: 45px 0;
}
footer.map {
    border-top: 3px solid var(--primary);
}
footer .address-box {
    position: relative;
    z-index: 99;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 1;

}
footer.map .address-box {
    padding: 20px 45px;
}
footer .address-box .name {
    font-size: 22px;
    font-weight: 700;
}
footer .address-box .address {

}
footer .address-box .cvr {

}
footer .address-box .facebook a {
    display:block;
    margin-top: 10px;
    color: #fff;
}
footer .address-map {
    aspect-ratio: 16/3;
    width: 100%;
    border: 0;
    position: relative;
    left: 0;
    top: 0;
    filter: grayscale(1);
}
.hus-27 #logo img { filter: brightness(0) invert(1);}
/* timeline_items */

.timeline_items{margin:0!important;position:relative;background:url(../image/stripes/timeline_top.png) no-repeat top center;padding-top:9px;box-sizing:content-box}
.timeline_items:after{content:"";width:0;height:0;border-width:3px;border-style:solid;-webkit-border-radius:100%;border-radius:100%;position:absolute;left:50%;bottom:-10px;margin-left:-3px;display:block;z-index:1}
.timeline_items > li{margin:0!important;list-style:none!important;width:45%;padding:0 0 25px 55%;position:relative;background:url(../image/stripes/timeline_right.png) no-repeat top center}
.timeline_items > li:nth-child(even){padding:0 55% 25px 0;background:url(../image/stripes/timeline_left.png) no-repeat top center}

.timeline_items > li h3{font-size:30px;line-height:35px}
.timeline_items > li h3 span{position:absolute;right:55%;top:8px}
.timeline_items > li h3:before{content:"";width:7px;height:7px;border-width:4px;border-style:solid;-webkit-border-radius:100%;border-radius:100%;position:absolute;left:50%;top:11px;margin-left:-7px;display:block;z-index:1}
.timeline_items > li:nth-child(even) h3{text-align:right}
.timeline_items > li:nth-child(even) h3 span{left:55%;right:auto}

.timeline_items > li .desc{position:relative;font-size:15px;line-height:31px;background:url(../image/stripes/textline.png) repeat-y}
.timeline_items > li .desc:before{content:"";width:100%;height:100%;position:absolute;left:-122%;top:0;background-image:url(../image/stripes/stripes_10_b.png)}
.timeline_items > li:nth-child(even) .desc:before{left:auto;right:-122%}
.timeline_items > li:nth-child(even) .desc{text-align:right}

.timeline_items > li .desc p{margin-bottom:0}
.timeline_items > li .desc ol{list-style-position:inside}
.timeline_items > li .desc ul{list-style:disc inside none}