
/* GENERAL */
body{
    color: #706e6e;
    display: block !important;
}

/* SUBHEADER */
.sub-header{
    /* margin-top: -6px; */

}
.sub-header .container{
    background-color: transparent !important;
}


/* LANGUAGE MENU */

/* NOBACKGROUND GRID */
.sub-header div[class*=' col-'] .nobackground{
    padding-top: 80px !important;
    padding-bottom: 100px !important;
}

/* OWL SLIDER */
.posts-box-carousel{
    margin-bottom: 0 !important;
}



/* COLOR BOXES */
.no-padding-color-boxes{
    margin-top: 0 !important;

}

.no-padding-color-boxes:after{
    content:url(../images/dropshadow.png);
    width: 100%;
    text-align: center;
    display: block;
}

.no-padding-color-boxes .nobackground{
    padding: 30px 0 !important;
}
.no-padding-color-boxes .nobackground .row div[class*="col-"]
{
    width: 37px;
    padding: 0;
    margin: 0 3px;
}

.no-padding-color-boxes .nobackground .row{
    width: fit-content;
    margin: 0 auto;
    display: table;
}

.no-padding-color-boxes .btn-default{
    background-color: transparent;
    border: 1px solid #706e6e;
    color: #706e6e;
    font-size: 16px; 
    font-weight: 600;
    margin-top: 30px;
}

.no-padding-color-boxes .posts-wrapper.row div[class*=" col-"]{
    padding-left: 0 !important;
    padding-right: 0;
}
/* THUMBNAIL */
.col-md-12 div[class*=' col-']{
    display: flex;
    flex-direction: column;
}

.row-primary .col-md-12 .posts-wrapper.row, #main .col-md-12 .posts-wrapper.row{
    display: flex;
    flex-wrap: wrap;
}

.col-md-12 div[class*=' col-'] .thumbnail{
 height: 100%;
 margin-top: 60px;
 margin-bottom: 30px;
}

.thumbnail h2, .thumbnail h2 a{
    font-size: 29px !important;
    font-weight: bold;
    text-align: center;
    width: 100%;
}

.thumbnail p{
    font-size: 14px;
    text-align: center;
}

.btn-primary{
    padding: 10px 15px;
    color: #fff !important;
}


/* FOOTER */

.footer .container{
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.footer h2{
    font-size: 28px !important;
    text-transform: uppercase;
    margin-bottom: 10px !important;
}

.footer .widget-title {
    margin-bottom: 0 !important;
}

#subForm input{
    width: 100%;
}

#subForm input[type='text'], #subForm input[type='email']{
    height: 50px;
    border: none !important;
    padding-left: 10px;
}

#subForm button{
    width: 100%;
    padding: 10px 15px;
    background-color: #eb212e !important;
    color: #fff !important;
    border: none !important;
    text-align: left;
}

.footer .no_padding .col-md-12 div[class*=' col-']{
    padding-left: 20px;
    padding-right: 20px;
}

.footer .no_padding .col-md-12 div[class*=' col-']:first-child{
    padding-left: 15px !important;
}

.footer .no_padding .col-md-12 div[class*=' col-']:last-child{
    padding-left: 15px !important;
}

.footer .no_padding{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.footer p{
    font-size: 15px;
}

.footer .instagram_wrapper ul{
    padding-left: 0 !important;
}

.footer .instagram_wrapper ul li{
    width: 33%;
    list-style-type: none;
    list-style-image: none;
    float: left;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
}


/* FOOTER LIST */
.footer-sidebars .sidebar-widget ul:not(.post-meta):not(.nav-dir):not(.instagram-images):not(.social-icons) li, .footer-widget ul:not(.post-meta):not(.nav-dir):not(.instagram_gallery):not(.social-icons) li{
    border-bottom: none !important;
}

.footer ul li a:before{
    content: ">";
    position: absolute;
    left: -15px;
    font-size: 15px;
    top: 5px;
}
.footer .footer-sidebars a{
    color: #eee !important;
}
.footer .footer-sidebars a:hover{
    color: #999999 !important;
    opacity: 0.8;
}

.footer-first p{
    color: #eeeeee !important;
}   

.footer, .footer .container{
    background-color: transparent !important;
}


/* FOOTER SOME ICONS */
.social-icons-footer{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.social-icons-footer div[class*=' col-']{
    width: auto !important;
}


/* GRIDS */

.posts-wrapper.row {
    display: flex;
    flex-wrap: wrap;
}

.posts-wrapper.row .thumbnail{
    height: 100%;
}

.center-two-column .col-md-6{
    width: 33.33333%;
}

.center-two-column .col-md-6:first-child{
    margin-left: 16.6666667%;
}

/* SIDEBAR TEMPLATE */
.has-sidebar #main{
    padding-top: 60px;
}
.sidebar-inner{
    overflow: visible !important;
}
.sidebar-inner .col-md-12 .row{
    padding: 30px !important;
}

.sidebar-inner ul{
    padding-left: 0 !important;
}

.sidebar-inner ul li{
    border-bottom: none !important;
}

.sidebar-inner ul li::before{
    display: none;
    content:"";
}

aside.sidebar-sticky .col-md-12 .sidebar-widget .widget-title, #sidebar .col-md-12 .sidebar-widget .widget-title .title{
    margin-bottom: 0;
}


.sidebar-inner .sidebar-minus{
    margin-top: -60px;
}


.small-width-content{
    width: 66.6666% !important;
    margin: 0 auto !important;
}

/* BUTTONS */

.btn-primary{
    padding: 10px 15px;
    background-color: #eb212d !important;
    color: #fff !important;
    border-color: #eb212d !important;
    margin-top: 15px;
    margin-bottom: 15px;
}

.btn-primary:hover{
    opacity: 0.7;
}




.btn-default{
    padding: 10px 15px;
    background-color: #fff !important;
    color: #333333 !important;
    border-color: #8c8c8c !important;
    margin-top: 15px;
    margin-bottom: 15px;
}

.btn-default:hover{
    opacity: 0.7;
}

/* CALL TO ACTION CONTAINER */

.call-to-action-container{
    width: 100%;
   
}

.call-to-action-container .posts-box:first-child{
    margin-bottom: 0 !important;
}

.call-to-action-container h3.arrow-header{
    margin: 15px 0 30px 0 !important;
}

.call-to-action-container .nobackground > div{
    width: 50%;
    margin: 0 auto;
}

.call-to-action-container .no_padding{
    height: 100%;
}

.call-to-action-container .nobackground{
    padding: 0;
    height: 100%;
}

.call-to-action-container .frame{
    height: 100%;
}

 .call-to-action-container .row .row{
    padding: 60px 0;
    width: 50%;
    margin: 0 auto;
}

.call-to-action-container .image-center .row{
    padding: 0 !important;
    width: 100%;
}


.call-to-action-container .col-md-6{
    padding-left: 0;
    padding-right: 0;
}

/* CALL TO ACTION FORMS */

.call-to-action-container form{
    padding-top: 15px;
}

.call-to-action-container form p{
    margin: 0 0 10px;
}

.call-to-action-container .wpcf7-form .wpcf7-form-control{
    margin-top: 0;
    height: 50px;
    width: 100%;
    background-color: white;
    color: #000;
}

.call-to-action-container .wpcf7 .wpcf7-form .form-container .csc-form-element-submit input[type="submit"]{
    width: 100%;
    padding: 10px 15px;
    background-color: #eb212e !important;
    color: #fff !important;
    border: none !important;
    text-align:center !important;
    font-weight: normal !important;
    height: 50px;
}

.call-to-action-container .wpcf7 label{
    display: none;
}

.call-to-action-container .overlay{
    background-color: transparent !important;
    width: 65% !important;
}

.call-to-action-container .btn-default{
    background-color: transparent !important;
    border-color: #fff !important;
    color: #fff !important;
}

.call-to-action-container .parallax.nobackground.no_padding{
    background-size: 100% auto !important;
}

.ophold-content ul li{
    font-weight: normal;
    font-size: 14px;
    text-align: left;
}

.news-image{
    width: 336px;
    height: 200px;
    overflow: hidden;
}

.news-image img{
    min-width: 336px;
}

h4.post-title{
    width: 100%;
    text-align: center;
    padding-top: 15px;
    min-height: 65px;
    margin-bottom: 15px;
    font-size: 16px;
}

.news-text{
    min-height: 50px;
}

.news-date{
    margin: 0;
    padding: 0;
}

.news-date li{
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 14px;
}

.news-read-more{
    text-align: center;
}

.tt_news_move_block .backstretch{
    opacity: 1 !important;
}

.tt_news_move_block .vm-middle .post-title{
    display: none;
}

.news-single-item h1{
    margin-top: 10px !important;
    line-height: 46px !important;
}


#main #menu-top-bar-menu{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#main #menu-top-bar-menu li{
    display: flex;
    flex-direction: row;
    width: 20%;
    padding: 2px;
}

#main #menu-top-bar-menu li a{
    width: 100%;
    height: 100%;
    display: block;
    background-color: #ECEDE8;
    padding: 5px;
    font-size: 14px;
}

#main #menu-top-bar-menu li a:hover{
    opacity: 0.7;
}

#main #menu-top-bar-menu li a:before{
    display: none;
}

#main .navbar-top-menu li+li:before{
    display: none !important;
}

.opholdskort .thumbnail{
margin-bottom: 0 !important;
}


.opholdskort .post-date {
    width: 100%;
    background-color: #ECEDE8;
    padding: 10px 15px;
    margin-top: 10px;
}

.news-location-container{
    width: 100%;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
}

.news-location-container .fa-map-marker{
    font-size: 14px;
    color: #eb212d;
    padding-right: 5px;
}

.call-to-action-no-padding .nobackground > div{
    width: 100% !important;
}

.call-to-action-no-padding .row, .call-to-action-no-padding .overlay{
    padding-bottom: 0 !important;
}

.footer{
   
}

.news-subheader{
    background-color: #F6F7F8 !important;
    padding: 30px 0;
}

.news-subheader h1{
    line-height: 55px !important;
}

.news-container{
    padding-top: 30px;
}

.news-date-container{
    width: 100%;
    text-align: center;
}

.sidebar-widget .widget-title:after, body #main .widget-small-title:after{
    display: none !important;
}

#main p a:not(.btn-default):link, p #main a:not(.btn-default):visited{
    text-decoration: underline;
    font-weight: 500;
}

.wyy-widget-slider-posts .posts-box-carousel .owl-item .item-overlay{
    display: none;
}

li{
    font-weight: normal;
}

#subForm{
    padding-top: 30px;
}

#subForm input[type='text'], #subForm input[type='email']{
    border: 1px solid #ccc !important;
}

.row-primary{
    padding-bottom: 30px;
}

.latest .opholdskort{
  
}

.latest .news-image{
    width: 326px !important;
}

.custom-news-list .news-image{
    width: 317px !important;
}

.call-to-action-newsletter{
    background-image: url("/typo3conf/ext/dh_redesign/Resources/Public/images/NyhedsbrevCTABG.jpg");
    height: 100%;
    background-repeat: no-repeat;
}

.category-featured-posts .ophold .thumbnail{
    margin-top: 15px !important;
    position: relative;
}

.distinkm{
    display: block;
    text-align: center;
}

.maploadericon{
    position: absolute;
    top: 50%;
    margin-top: -32px;
    left: 50%;
    margin-left: -32px;
}

.hotel .opholdskort{
    padding-left: 5px;
    padding-right: 5px;
}

.room-price-calc{
    display: block;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
}

.modal-image-controls{
    width: 100px;
    position: absolute;
    right: 20px;
    top: 20px;
}

.modal-image-controls .image-left{
    width: 50px;
    float: left;
    background-color: rgba(255,255,255,0.6);
    color: #333;
    font-size: 30px;
    display: block;
    height: 50px;
    text-align: center;
    line-height: 50px;
    vertical-align: middle;
    border-right: 1px solid rgba(0,0,0,0.6);
    cursor: pointer;
}

.modal-image-controls .image-right{
    width: 50px;
    float: right;
    background-color: rgba(255,255,255,0.6);
    color: #333;
    font-size: 30px;
    display: block;
    height: 50px;
    text-align: center;
    line-height: 50px;
    vertical-align: middle;
    cursor: pointer;
}

article .post-details li{
    font-size: 14px !important;
}



.bookingbelt-description ul li{
    list-style-type: disc;
    padding-bottom: 8px;
    font-weight: normal;
}

.bookingbelt-description blockquote ul li:after{
    display: none !important;
}

.modal-body ul{
    margin-bottom: 12px;
    margin-top: 0;
    padding-left: 40px;
}

.modal-body ul li:after{
    display: none !important;
}

/* NAV TABS */

.nav-tabs > li {
    background: #ecede8;
    margin-right: 6px;
    margin-bottom: 6px;
}

.nav-tabs > li > a {
    font-size: 16px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background-color: #ecede8;
}

::placeholder {
    color: #333;
  }

  input[type='text'], input[type='email'], textarea{
    color: #333 !important;
  }

  .ophold-image.guide-image{
      max-height: 185px;
  }

  .photocredit{
      font-size: 10px;
  }

  .guide-d-content .slideshow .slide{
      margin-bottom: 15px;
  }

  .cookiepolicy h1{
    font-size: 100% !important;
  }


  .navbar-header .navbar-toggle{
      padding: 20px 15px 15px 15px;
  }

  .thumbnail h3{
    font-size: 20px !important;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
  }

  .navbar-dark .navbar-nav>li>a{
      color: #333;
  }

  .news-type-sorting{
      display: none;
  }

  @media screen and (max-width: 768px){
    .mobile-language-menu{
        top: 68px;
        margin-right: 0;
      }
    
      .gflag{
          margin-right: 5px;
      }
  }
  

  table, table tr, table th, table td, table p{
      font-family: Montserrat,sans-serif;
  }

  .roominfo.btn-info{
      background-color: transparent !important;
      color: #333 !important;
      position: relative;
  }

  .roominfo.btn-info:after{
      content: "";
      width: 25px;
      height: 25px;
      background-image: url("../Icons/openpopup.png");
      background-size: cover;
      background-repeat: no-repeat;
      display: block;
      position: absolute;
      top: 50%;
      right: 10px;
      transform: translate(0, -50%);
  }

  .rooms{
      position: relative;
  }

 #roommodal{
      width: 500px !important;
      height: fit-content !important;
      position: fixed !important;
      overflow-y: hidden !important;
      padding-top: 0 !important;
      top:50%;
      left:50%;
      transform:translate(-50%,-50%);
  }

#roommodal .modal-dialog{
    width: 100% !important;
}

.nice-select{
    float: right !important;
}

.room.row > div{
    padding-bottom: 15px;
}

#roommodal #addroom{
    width: 100%;
    background-color: transparent !important;
    color: #333 !important;
    border-color: #333 !important;
    border-width: 2px !important;
    position: relative;
}

#roommodal #addroom:after{
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("../Icons/plusicon.png");
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
}

#roommodal .modal-body{
    padding-top: 0 !important;
}

#roommodal .modal-header{
    padding-bottom: 0 !important;
}

#roommodal .form_search_label{
    background-color: transparent !important;
    color: #333 !important;
    font-size: 16px;
    line-height: 40px;
    vertical-align: middle;
}

.room.row{
    border-bottom: 1px solid #ccc !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* H5 STYLING */
h5{
    font-size: 29px !important;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    width: fit-content !important;
    line-height: 30px !important;
    padding: 5px;
    margin: 0 auto 15px auto !important;
}

.theme-background h1:after, .theme-background h2:after, .theme-background h3:after, .theme-background h4:after, .theme-background h5:after{
    content: "" !important;
    display: none !important;
}

.post-content strong{
    color: #5c5a5e;
}

.thumbnail h1, .thumbnail h2, .thumbnail h3, .thumbnail h4, .thumbnail h5, .container #main p{
    color: #5c5a5e !important;
}

.call-to-action-container form div :is(.col-sm-12, .form-group){
    padding-left: 0;
}

#CybotCookiebotDialogBodyContentTitle h2{
    font-size: 15px !important;
}

.newsLabel{
    display: none;
    position: absolute;
    background-color: #eb212d !important;
    color: #fff;
    right: 0;
    bottom: 0;
    padding: 3px 5px;
}

.labelPost{
    position: absolute;
    background-color: #eb212d !important;
    color: #fff;
    right: 0;
    bottom: 0;
    padding: 3px 5px;
    z-index: 9999;
}

.custom-news-list .news-image, .latest .news-image{
    position: relative;
}

.header-subheader.text-center{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.spectra-top{
    position: relative;
}

.search-banner-label{
    position: absolute;
    background-color: #eb212d !important;
    bottom: 15px;
    right: 0;
}

.search-banner-label p{
    margin: 0 !important;
    color: #fff;
    padding:20px 50px !important;
    text-decoration: none !important;
    text-transform: uppercase;
    font-weight: bold;
}

.search-banner-label a{
    color: #fff;
    padding:20px 50px !important;
    text-decoration: none !important;
    text-transform: uppercase;
    font-weight: bold !important;
}

.frame.s604 .posts-box{
    overflow: hidden !important;
} 


.frame.s604 label{
    width: 100%;
    display: block;
    clear: both;
    text-align: left;
}

.frame.s604 .col-sm-10{
    width: 100%;
}

.frame.s604 .col-sm-10.col-sm-offset-2{
    margin-left: 0;
}

body div[data-testid='survey-root'] h2{
    font-size: 20px !important;
}

.custom-news-list{

}

.frame.default{
    clear: both;
}