/*
Theme Name: WordPress Active Theme
Author: Sanjib Ahmad
Description: Custom theme for WordPress.
Version: 10
*/

@font-face {
  font-family: 'ApexSansBook-Regular';
  src:         url('../../lib/fonts/ApexSansBook-Regular/ApexSansBook-Regular.eot?#iefix') format('embedded-opentype'), url('../../lib/fonts/ApexSansBook-Regular/ApexSansBook-Regular.woff') format('woff'), url('../../lib/fonts/ApexSansBook-Regular/ApexSansBook-Regular.ttf') format('truetype'), url('../../lib/fonts/ApexSansBook-Regular/ApexSansBook-Regular.svg#ApexSansBook-Regular') format('svg');
  font-weight: normal;
  font-style:  normal;
}

*:focus {
  outline:      none;
  box-shadow:   none;
  border-color: transparent;
}

body { font-family: ApexSansBook-Regular, sans-serif; font-size: 1.9em; line-height: 1.65em; }
#page-container { background: white; }
.page h1, .page h2, .page h3 { font-family: ApexSansBook-Regular, sans-serif; font-weight: normal; }
.page h1 { font-size: 2.2em !important; }
.page input { width: 100%; margin-bottom: 8px; }

.page textarea {
  width:         100%;
  height:        120px;
  margin-bottom: 8px;
}

.page {
  max-width: 992px;
  margin:    auto;
  width:     100%;
}

.page button {
  background:          #615c59;
  color:               white;
  border-radius:       5px;
  padding:             4px 16px 6px 16px;
  border-top-color:    #7e7b76;
  border-left-color:   #716e6a;
  border-bottom-color: #535251;
  border-right-color:  #4f4b48;
}

.page a { color: #000; }
.page a:link { text-decoration: underline; }
.page a:hover { text-decoration: none; }
.logo { margin: auto; width: 67%; padding: 20px 0 0 0; }
.header-hr { margin: 0; margin-bottom: 31px; border: 0; }

/* MENU */

.menu-hr { position: absolute; margin-top: 40px; z-index: -100; }

/*#main-nav > ul,*/
#main-nav { background: #fff; margin-top: -20px; }
#main-nav a { text-decoration: none; color: #000; font-size: 0.5em; }
/*#main-nav > ul > li  { background: red !important; width: 200px; font-size: 4vw; }*/
#main-nav li a { padding: 25px 15px; }
/* ex: menu ||| */
#main-nav > ul > li { background: #fff; float: left; font-size: 2.5vw; }
/* ex: lokaler */
#main-nav > ul > li > ul > li { background: #fafafc; width: 260px; font-size: 1.5vw; }
#main-nav > ul > li > ul > li img { width: 35px; }
#main-nav > ul > li > ul > li .icon { margin: -1px 0 0 15px; position: absolute; }
#main-nav > ul > li > ul > li .text { margin: 0 60px; }
#main-nav > ul > li > ul > li > a:hover { background: #d4d8db; }
/* ex: restaurant sub-pages */
#main-nav > ul > li > ul > li > ul > li { background: #d7d8da; width: 350px; }
#main-nav > ul > li > ul > li > ul > li > a:hover { background: #c2c3c5; }
#main-nav > ul > li > ul > li > ul > li .text-l2 { margin-left: 15px; }

.main_nav_fixed {
  position:      fixed;
  top:           20px;
  border-bottom: 1px solid #ccc;
}
.main_nav_fixed hr {
  display: none;
}

#fixed_menu_logo {
  position:     absolute;
  margin-left:  85px;
  top:          28px;
  border-left:  10px solid #fff;
  border-right: 10px solid #fff;
  display:      none;
}
#fixed_menu_logo img {
  width: 500px;
}

#mobile-nav {
  display: none;
}

.frontpage_anchor { position: absolute; }

#lokaler_anchor { margin-top: -50px; }
#booking_anchor { margin-top: -20px; }
#firmaaftale_anchor { margin-top: -70px; }
#kontakt-os_anchor { margin-top: 0; }

/* COMMON */

.ddr-grid-icons {
  padding:   20px 1px 20px 40px;
  margin:    auto;
  max-width: 700px;
  font-size: 0.9em;
}
.ddr-grid-icons .glyphicon {
  margin-right: 10px;
}

.ddr-grid-panels {
  /*margin: 15px;*/
  /*margin: 0 !important;*/
  margin: 15px 50px;
}
.ddr-grid-panels .col-md-6 {
  padding-left: 0;
}
.ddr-grid-panels .panel {
  /*margin: 5px;*/
  margin: 0;
}
.ddr-grid-panels .panel-heading {
  padding:             0;
  height:              250px;
  background-repeat:   no-repeat;
  background-position: center center;
  background-size:     cover;
}
.ddr-grid-panels .panel-title {
  background: white;
  opacity:    0.9;
  padding:    11px 5px 12px 10px;
  font-size:  1.3em;
  position:   absolute;
  margin-top: 196px;
  /*width: 100%;*/
  /*width: inherit;*/
}

.ddr-grid-panels .panel-body {
  /*height: 320px;*/
}
.ddr-grid-panels .panel-body ul {
  padding: 0; margin-left: 15px;
}
.ddr-grid-panels .panel-body h3 {
  font-size:      1.2em;
  text-transform: uppercase;
}
.ddr-grid-panels .panel-body p {
  margin-bottom: 0;
}
.ddr-grid-panels .panel-heading img {
  width: 100%;
  /*height: 250px;*/
}
.ddr-grid-panels button {
  margin-top: 10px;
}

.ddr-map {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter:         grayscale(100%);
}
.ddr-map iframe {
  width: 100% !important;
}

.ddr-vimeo-responsive {
  position:       relative;
  padding-bottom: 54.25%; /* 16:9 = 56.25% */
  padding-top:    0;
  height:         0;

}
.ddr-vimeo-responsive iframe {
  position: absolute;
  top:      0;
  left:     0;
  width:    100%;
  height:   100%;
}

.ddr-img-full {
  width: 100%;
}

/* SLIDERS */

.ddrSliderSmall {
  max-width: 555px;
  margin:    auto;
}
.ddrSliderSmall .carousel-indicators {
  display: none;
}
.ddrSliderSmall a.carousel-control {
  text-shadow: none;
  color:       #333;
}
.ddrSliderSmall a.carousel-control:hover {
  color: #000;
}
.ddrSliderSmall .carousel-control {
  background: none;
  font-size:  2em;
}

.ddrSliderSmall-left-controls {
  margin-left: -80px;
  top:         -150px;
  position:    relative;

}
.ddrSliderSmall-right-controls {
  margin-right: -80px;
  top:          -150px;
  position:     relative;
}

/*
 * Pages / Sections
 */

/* : - ) ALL */

.ddr-text-1col-style1 {
  /*max-width: 640px;*/
  /*margin: auto;*/
  padding: 8px 50px;
  /*padding-top: 8px;*/
  /*padding-bottom: 8px;*/
  /*text-align: center;*/
  /*padding: 8px 2em;*/
}

.ddr-text-2col-style1-container {
  /*max-width: 640px;*/
  /*margin: auto;*/
  padding: 8px 50px;
  /*padding-top: 8px;*/
  /*padding-bottom: 8px;*/
  /*padding: 8px 2em;*/
}


/* HOME */


#Home .text,
#Lokaler .text,
#Cases .text,
#Firmaaftale .text {
  /*max-width: 640px;*/
  /*margin: auto;*/
  /*padding-top: 8px;*/
  /*padding-bottom: 8px;*/
  padding: 8px 50px;
}


#Firmaaftale button,
#Cases button,
#Kontakt button {
  margin: 20px 0;
}

#Home button,
#Lokaler button,
#Firmaaftale p button {
  margin-top: 10px;
}


.cases-home {
  background:   #eeeeee;
  margin-left:  0;
  margin-right: 0;
}


#Cases .row h1,
#Lokaler .row h1,
#Kontakt .row h1 {
  margin-top:    8px;
  margin-bottom: 26px;
}
#Cases .row p {
  margin-top: 20px;
}

#Cases .row .col-md-8 {
  float:         right;
  padding-right: 80px;
}


/* BOOKING */

#Booking {
  background: #d3d3d3;
}

.ddr_booking_form_container {
  padding: 15px 40px 50px 50px;
}

/* LOKALER */

#Lokaler .cards .row:nth-of-type(odd) .col-md-7 {
  text-align: right !important;
}

#Lokaler .cards .row .col-md-5 { padding-top: 0; }
#Lokaler .cards .row .col-md-5 h3 { margin-top: 0; }

#Lokaler .cards .row:nth-of-type(odd) .col-md-5 {
  padding-right: 150px;
}
#Lokaler .cards .row:nth-of-type(even) .col-md-7 {
  float: right;
}
#Lokaler .cards .row:nth-of-type(even) .col-md-5 {
  padding-left: 120px;
  text-align:   right;
}

#Lokaler .download {
  margin:     70px 0 65px 0;
  background: #d3d3d3;
  padding:    20px 0 25px 0;
}

#Lokaler .download div:first-child {
  padding-left: 0;
}
#Lokaler .download div:last-child {
  text-align: center;
}
#Lokaler .download div:last-child img {
  position:    absolute;
  margin-left: -170px;
  margin-top:  -50px;

  transform:   rotate(10deg);
  width:       55%;
  height:      auto;
}


/* FIRMAAFTALE */

#Cases ul,
#Firmaaftale ul {
  column-count: 4;
  margin-top:   20px;
}

#Cases li,
#Firmaaftale li {
  padding-left: 0;
  margin-left:  30px;
}

/* CASES */

#Cases .ufor-form {
  background: #d3d3d3;
  /*padding: 15px 50px 40px 50px;*/
  /*margin-bottom: 40px;*/
}

#Cases .ufor-form h1 {
  font-size: 2.1em !important;
}

#Cases .ufor-form button {
  margin-top: 2px;
}


/* KONTAKT */

#Kontakt .row {
  /*max-width: 700px;*/
  /*margin: auto;*/
  margin-left:  0;
  margin-right: 0;
}

#Kontakt .col-md-7 {
  /*padding-left: 50px;*/
  padding-left: 5px;
}

#Kontakt .col-md-7 h1 {
  margin-top: 0;
}
#Kontakt .col-md-5 {
  padding-right: 0 !important;
  text-align:    right;
}
#Kontakt .col-md-5 img {
  margin: 0 !important;
}

#kontakt-os-linkedin-logo-over-hr {
  width:      80px;
  height:     80px;
  position:   relative;
  margin-top: -30px;
  background: #fff url("images/linkedin-logo-20px.png") no-repeat 50% 0;
  left:       46%;
}
#kontakt-os-linkedin-logo-over-hr:hover {
  cursor: hand;
}

/* PAGE: BAGHUS */

#baghusLokalerne, #baghusPlant {
  padding: 15px 0 15px 0;
}

#baghus_booking {
  /*background: #d3d3d3;*/
  /*padding: 15px 50px 50px 50px;*/
}

/* PAGE: CASES */

#page_cases_booking {
  background: #d3d3d3;
  padding:    15px 50px 50px 50px;
}


/* /kahler-villa-dining/ */

.vd-conf-grid {
  margin: 30px 35px;
}

.vd-conf-grid img {
  width: 100%;
}

.vd-conf-grid h3 {
  margin-top: 0;
}


/* MEDIA */

@media screen and (max-width: 992px) {
  body {
    font-size:   2em;
    line-height: 2.0em;
  }

  .text {
    font-size: 1.5em;
  }

  .dropdown-container {
    /*background: red;*/
    /*height: 30px;*/
    margin-bottom: 10px;
  }

  .dropdown-menu {
    font-size: 0.55em !important;
    width:     480px !important;
  }

  .ddr-text-1col-style1,
  .ddr-text-2col-style1-container {
    font-size: 1.4em;
  }

  #Booking p, .ufor-form p,
  #page_cases_booking p, #baghus_booking p {
    font-size:      1.4em;
    padding-bottom: 1em;
  }

  #Lokaler .cards .row div h3 {
    font-size:   1.4em;
    padding-top: 20px;
  }

  #Lokaler .cards .row {
    padding: 20px 0;
    margin:  0;
  }

  #Lokaler .cards .row div {
    /*max-width: 620px;*/
    margin:     auto;
    text-align: left !important;
    font-size:  1.4em;
  }

  #Lokaler .cards .row div img {
    width:  100%;
    height: auto;
  }

  #Lokaler .cards .row .col-md-7 {
    margin:  0;
    padding: 0 50px;
  }

  #Lokaler .cards .row .col-md-5 {
    /*padding: 0 0 0 15px !important;*/
    margin:  0;
    padding: 0 50px !important;
  }

  #Lokaler .cards .row p {
    margin: 0;
  }

  #Lokaler .cards .row:nth-of-type(even) .col-md-7 {
    float: none;
  }

  #Lokaler .download div:first-child {
    /*padding-left: 60px;*/
    /*padding-right: 40px;*/
    width: 55%;
    /*width: 580px;*/
  }

  #Lokaler .download div:last-child {

  }

  #Lokaler .download div:last-child img {
    position:    absolute;
    margin-left: 70px;
    margin-top:  -425px;
    transform:   rotate(10deg);
    width:       33%;
    height:      auto;
  }

  #Firmaaftale ul {
    column-count: 3;
    font-size:    1.4em;
  }

  #Kontakt p {
    font-size: 1.4em;
  }

  .ddr-grid-panels {
    /*margin: 15px;*/
    zoom:          1.4;
    margin-left:   3em;
    margin-right:  3em;
    margin-top:    0;
    margin-bottom: 0;

  }

  .ddr-grid-panels .panel {
    /*margin: 5px;*/
    margin-bottom: 2em !important;
  }

  .ddr-grid-panels .panel-heading {
    /*padding: 0;*/
    /*height: 250px;*/
    /*background-repeat: no-repeat;*/
    /*background-position: center center;*/
    /*background-size: cover;*/
  }

  .ddr-grid-panels .panel-body {
    /*height: 380px;*/
    padding:     1em 2em;
    line-height: 1.4em;
    /*height: auto;*/

  }

  .ddr-grid-panels .panel-body p {
    margin-bottom: 1em;
  }

  .ddr-grid-panels .panel-body ul {
    /*padding: 0; margin-left: 15px;*/
  }

  .ddr-grid-panels .panel-heading img {
    /*width: 100%;*/
    /*height: 250px;*/
  }

  .ddr-grid-panels .panel-title {
    /*background: white;*/
    /*opacity: 0.9;*/
    /*padding: 15px 30px;*/
    /*font-size: 1.3em;*/
    /*position: absolute;*/
    /*margin-top: 196px;*/
    /*width: 100%;*/
  }

  .ddr-grid-panels .panel-body h3 {
    /*font-size: 1.2em;*/
    /*text-transform: uppercase;*/
    margin-bottom: 1em;
  }

  #main-nav { display: none; }

  #mobile-nav {
    display:    block;
    background: #fff;
    height:     58px;
  }

  #sm_menu_ham {
    position:     absolute;
    left:         20px;
    z-index:      101;
    border-left:  20px solid #fff;
    border-right: 20px solid #fff;
    font-size:    4vw;
  }

  .sm_menu_fixed {
    position: fixed !important;
    top:      20px !important;
    z-index:  1001 !important;
    /*height: 65px !important;*/
  }

  .menu-hr2 {
    /*margin-top: 20px;*/
    position: absolute;
    z-index:  10;
  }

  .mobile_nav_fixed {
    position:      fixed;
    top:           0;
    z-index:       1000;
    background:    white;
    height:        78px !important;
    border-bottom: 1px solid #ccc;
  }

  .mobile_nav_fixed hr {
    display: none;
  }

  #fixed_menu_logo2 {
    position:     absolute;
    margin-left:  105px;
    top:          28px;
    border-left:  10px solid #fff;
    border-right: 10px solid #fff;
    display:      none;
    z-index:      11;
  }

  #fixed_menu_logo2 img {
    width: 500px;
  }

  .sm_menu_outer { background: #fafafc; padding-top: 0; }

  .sm_menu_outer .mobile_menu a {
    color:           #000 !important;
    text-transform:  none !important;
    text-decoration: none !important;
    font-size:       1.5em !important;
    padding:         40px 0;
  }

  /*.sm_menu_outer .mobile_menu li { border-image: none !important; }*/
  .sm_menu_outer .submenu a {
    font-size: 2em !important;
  }

  .sm_menu_outer .icon img { width: 55px; }

  .sm_menu_outer .submenu { background: #d7d8da !important; padding-left: 0 !important; }

  .sm_menu_outer .submenu li { background: #d7d8da !important; padding-left: 50px; }

  .sm_menu_outer img { width: 50px; position: absolute; margin-top: -5px; }

  .sm_menu_outer > ul > li .text { margin-left: 75px; }

  #booking_anchor { margin-top: -20px; }

  #firmaaftale_anchor { margin-top: -90px; }

  #kontakt-os_anchor { margin-top: 0; }

  /* h1 size disc */
  /*#Lokaler .download h1 { font-size: 1.6em !important; }*/
  #Cases h1 { font-size: 1.5em !important; }


  .page button {
    padding-bottom: 12px;
  }

  .ddr_booking_form button {
    font-size: 25px;
    padding:   6px 12px 8px 14px;
  }

  .cases-home .col-md-8 {
    float:   none !important;
    padding: 0 !important;
    margin:  0;
  }

  #Kontakt .col-md-5 {
    float:   none;
    padding: 20px;
  }

  #homeCarouselCases {
    max-width: none;
    margin:    0 100px;
  }

  #homeCarouselCases .ddrSliderSmall .carousel-control {
    /*background: none;*/
    /*font-size: 2em;*/
  }

  #homeCarouselCases .ddrSliderSmall-left-controls {
    margin-left: -100px;
    /*top: -200px;*/
    /*position: relative;*/

  }

  #homeCarouselCases .ddrSliderSmall-right-controls {
    margin-right: -100px;
    /*top: -150px;*/
    /*position: relative;*/
  }

  .vd-conf-grid h3 {
    font-size: 1.3em;
  }

  .vd-conf-grid {
    font-size: 1.3em;
  }

  .vd-conf-grid img {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 640px) {
  .ddrSliderSmall .carousel-control {
    display: none;
  }

  #Lokaler .download div:first-child {
    padding-left:  40px;
    padding-right: 40px;
    width:         100%;
  }

  #Lokaler .download div:last-child {
    display: none;
  }

  #Lokaler .download div:last-child img {
    display: none;
  }
}