/*

Theme Name: Divi child theme

Template: Divi

*/
    @import url("../Divi/style.css");

    /* YOUR CSS EDITS GO BELOW THIS LINE AND AND CSS RULES YOU MAKE HERE WILL OVERIDE THE MASTER DIVI THEME CSS RULES */
    /************************************** Generelt **********************************/
    .et_pb_section {
      background: transparent;
    }

    .page-id-274 h1 {
      font-size: 25px;
    }

    /***********Mobil menu*************/
    @media screen and (max-width: 980px) {
      div#et-top-navigation {
        transform: none !important;
      }

      div#et-top-navigation {
        position: absolute !important;
        top: 0;
        right: -10px;
      }

      div#et_mobile_nav_menu {
        margin: 0 !important;
      }

      #main-header .mobile_nav {
        background: transparent !important;
        position: absolute;
        top: 0;
        right: 0;
      }

      #main-header .mobile_nav span.select_page {
        display: none;
      }

      #main-header .et_mobile_menu {
        position: fixed;
        top: 0 !important;
        right: 0;
        bottom: 0;
        left: 0;
        height: 100vh;
        width: 100vw;
        z-index: 888;
        overflow: scroll;
        padding: 0 !important;
        background-color: rgba(14, 33, 3, 0.85) !important;
      }

      div#top-header {
        z-index: 100 !important;
      }

      .mobile_nav span.mobile_menu_bar.mobile_menu_bar_toggle {
        z-index: 999;
      }

      .mobile_nav span.mobile_menu_bar.mobile_menu_bar_toggle::before {
        transition: all ease .3s;
        opacity: 1;
      }

      .mobile_nav.opened span.mobile_menu_bar.mobile_menu_bar_toggle::before {
        opacity: 0;
      }

      .mobile_nav span.mobile_menu_bar.mobile_menu_bar_toggle::after {
        content: '\4d';
        font-family: ETmodules;
        position: absolute;
        top: 50%;
        left: 0;
        font-size: 32px;
        cursor: pointer;
        font-weight: normal;
        opacity: 0;
        transition: all ease .3s;
        color: #fdfdf8 !important;
      }

      .mobile_nav.opened span.mobile_menu_bar.mobile_menu_bar_toggle::after {
        opacity: 1;
      }

      .et_mobile_menu li a {
        color: #fdfdf8 !important;
      }

      .et_mobile_menu .menu-item-has-children>a {
        background: rgba(22, 22, 22, 0.3);
        color: #cec89f !important;
      }

      .et_mobile_menu li a img {
        height: 24px;
        line-height: 14px;
        vertical-align: middle;
      }
    }

    #top-menu li li a img {
      line-height: 16px;
      height: 26px;
      vertical-align: middle;
      margin-left: -10px;
      margin-right: 10px;
    }

    #top-menu li li {
      padding: 0px 0;
      width: 100%;
    }

    /***************************** Knap ******************************/
    #top-menu li.booking a {
      margin: -12px;
    }

    #top-menu li.booking a,
    .knap,
    .header-content a.et_pb_button {
      padding: 12px 18px !important;
      font-weight: normal !important;
      border: none !important;
      box-sizing: border-box !important;
      opacity: 1 !important;
      color: #cec89f !important;
      cursor: pointer !important;
      margin-left: 0px !important;
      margin-right: 0px !important;
      /* font-family: 'Kalam', cursive !important; */
      font-size: 16px !important;
      position: relative;
    }

    html body #page-container .et_pb_section .et_pb_fullwidth_header_0 .et_pb_button_one.et_pb_button::before,
    html body #page-container .et_pb_section .et_pb_fullwidth_header_0 .et_pb_button_one.et_pb_button::after {
      display: block !important;
    }

    #top-menu li.booking a::before,
    #top-menu li.booking a::after,
    .knap::before,
    .knap::after,
    .header-content a.et_pb_button::before,
    .header-content a.et_pb_button::after {
      position: absolute !important;
      height: 100% !important;
      width: 100% !important;
      display: block !important;
      content: '' !important;
      border: 1px solid #cec89f !important;
      box-sizing: border-box !important;
      z-index: 1 !important;
      transition: all ease .2s !important;
      opacity: 1 !important;
      visibility: visible !important;
      margin-left: 0 !important;
    }

    #top-menu li.booking a::before,
    #top-menu li.booking a::after {
      z-index: -1 !important;
    }

    #top-menu li.booking a::before,
    .knap::before,
    .header-content a.et_pb_button::before {
      top: -2px !important;
      left: -2px !important;
    }

    #top-menu li.booking a::after,
    .knap::after,
    .header-content a.et_pb_button::after {
      top: 2px !important;
      left: 2px !important;
    }

    #top-menu li.booking a:hover,
    #top-menu li.booking a:hover::before,
    #top-menu li.booking a:hover::after,
    a.knap.et_pb_button:hover,
    .knap:hover::before,
    .knap:hover::after,
    .header-content a.et_pb_button:hover::before,
    .header-content a.et_pb_button:hover::after {
      border-color: #cec89f !important;
      cursor: pointer !important;
      color: #cec89f !important;
    }

    #top-menu li.booking a:hover::before,
    .knap:hover::before,
    .header-content a.et_pb_button:hover::before {
      top: 0px !important;
      left: 0px !important;
      /*transform: translateX(-50%) translateY(-50%) rotateX(15deg) rotateY(10deg) rotateZ(5deg);*/
    }

    #top-menu li.booking a:hover::after,
    .knap:hover::after,
    .header-content a.et_pb_button:hover::after {
      top: 0px !important;
      left: 0px !important;
      /*transform: translateX(-50%) translateY(-50%) rotateX(-15deg) rotateY(-10deg) rotateZ(-5deg);*/
    }

    .knap.mork {
      color: #303829 !important;
    }

    /* a.knap.et_pb_button:hover,
    .knap:hover::before,
    .knap:hover::after {
      border-color: #303829 !important;
    } */
    /****************************** Header **************************/
    header#main-header,
    header.et-fixed-header#main-header {
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.9) !important;
    }

    #top-menu li a {
      font-family: 'Helvetica';
      font-weight: 300;
    }

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

      header#main-header,
      header.et-fixed-header#main-header,
      .container.clearfix.et_menu_container,
      div#et-top-navigation {
        /* height: 74px !important; */
      }

      nav#top-menu-nav,
      ul#top-menu {
        /* height: 44px !important; */
      }

      div#et-top-navigation {
        padding: 20px 0 !important;
      }

      #top-menu>li:first-child>a {
        color: #cec89f !important;
        font-weight: 600 !important;
      }

      .et-fixed-header img#logo {
        max-height: 70%;
      }

      .et_header_style_left #et-top-navigation nav>ul>li>a {
        padding-bottom: 22px !important;
      }

      .et_header_style_left #et-top-navigation nav>ul>li.booking>a {
        padding-bottom: 12px !important;
      }
    }

    #top-menu li.facebook a img {
      height: 24px;
      width: 24px;
      vertical-align: sub;
      opacity: 1;
      padding-right: 2px;
      padding-top: 6px;
    }

    #top-menu li.facebook a {
      padding: 0 !important;
    }

    /************************** Fuldskærms overskrift ********************/
    span.scroll-down.et-pb-icon {
      animation: opned;
      animation-iteration-count: infinite;
      animation-duration: 2s;
      cursor: pointer;
      font-size: 36px !important;
      color: #cec89f !important;
    }

    span.scroll-down.et-pb-icon:hover {
      animation-play-state: paused;
    }

    @keyframes opned {
      0% {
        transform: translateY(0)
      }

      50% {
        transform: translateY(-30px)
      }

      100% {
        transform: translateY(0)
      }
    }

    .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content-container.center {
      align-self: flex-start;
      padding-top: 10vh;
    }

    .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
      width: 100%;
      max-width: 100%;
    }

    .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content h1 {}

    .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content span {
      font-size: 24px;
      color: rgb(186, 183, 144) !important;
      font-family: 'Kalam', cursive;
      font-weight: 300;
    }

    /************************ tre fuldbredde valgknappker *************************/
    .et_pb_fullwidth_code.et_pb_module.fuldouter {
      position: relative;
      height: 400px;
      width: 100%;
    }

    .fuldcontainer {
      height: 100%;
    }

    .fuldtre {
      height: 100%;
      width: 33.33%;
      float: left;
      transition: all ease .6s !important;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      position: relative;
      background-position: center !important;
      background-size: cover !important;
    }

    .fuldtre:first-child {
      background-image: url(http://sebber.global-image.dk/wp-content/uploads/2016/11/bryllup-forside.jpg);
    }

    .fuldtre:nth-child(2) {
      background-image: url(http://sebber.global-image.dk/wp-content/uploads/2016/11/firma.jpg);
    }

    .fuldtre:nth-child(3) {
      background-image: url(http://sebber.global-image.dk/wp-content/uploads/2016/11/golf.jpg);
    }

    .fuldtre:hover {
      box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
    }

    .fuldtre a::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.2);
      z-index: 1;
    }

    .fuldtre a {
      cursor: pointer !important;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    .fuldtre img {
      height: 100px;
      transition: all ease .6s;
      z-index: 2;
    }

    .fuldtre:hover img {
      height: 140px;
    }

    .fuldtre span {
      font-size: 40px;
      color: #fdfdf8;
      font-weight: 600;
      margin-top: 30px;
      transition: all ease .6s;
      transform: translateY(-50px);
      opacity: 0;
      z-index: 2;
    }

    .fuldtre:hover span {
      transform: translateY(0);
      opacity: 1;
    }

    .et_pb_fullwidth_header .et_pb_fullwidth_header_scroll {
      z-index: 999;
    }

    .fuldcontainer.firma .fuldtre:first-child {
      background-image: url(http://sebber.global-image.dk/wp-content/uploads/2016/11/firma.jpg);
    }

    .fuldcontainer.golf .fuldtre:first-child {
      background-image: url(http://sebber.global-image.dk/wp-content/uploads/2016/11/golf.jpg);
    }

    /************************* arrangementbilleder ***********************************/
    .fuldcontainer.arrangement {
      width: 100%;
      height: 400px;
    }

    .fuldcontainer.arrangement .fuldtre {
      width: 100%;
      height: 100%;
    }

    .fuld {
      margin: 0 !important;
      width: 50% !important;
      height: 400px;
    }

    .fuld .et_pb_text {
      display: flex;
      height: 400px;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      padding: 0 15%;
    }

    .fuld .et_pb_text h2 {
      font-weight: 800;
      font-size: 60px;
    }

    /****************************** Fuldbredde billed titler *****************************/
    .et_pb_slide::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.2);
    }

    .et_pb_slide_description {
      padding-top: 20%;
      padding-bottom: 20%;
    }

    .et_pb_slide_description h2.et_pb_slide_title {
      font-weight: 800;
      font-size: 70px;
      color: rgba(253, 253, 248, 0.9) !important;
    }

    .et_pb_slide_description .et_pb_slide_content h4 {
      font-size: 16px;
      color: rgb(186, 183, 144) !important;
      font-family: 'Arial', cursive;
      font-weight: 600;
    }

    .et_pb_bg_layout_dark .et_pb_slide_description {
      text-shadow: none;
    }

    .et_pb_slide .et_parallax_bg {
      background-position: center !important;
    }

    /**********************Under menu **********************************/
    .et_pb_bg_layout_dark.et_pb_fullwidth_menu ul li a {
      color: #fdfdf8;
      font-size: 13px !important;
      text-transform: uppercase;
    }

    .et_pb_fullwidth_menu.et_pb_module {
      height: 76px;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      z-index: 999;
    }

    /***************************** Footer *********************************/
    #pbe-footer-wa-wrap {
      top: 0 !important;
    }

    #pbe-footer-wa-wrap::after {
      content: '.';
      visibility: hidden;
      display: block;
      height: 0;
      clear: both;
    }

    #pbe-footer-wa-wrap .et_pb_widget {
      margin-bottom: 0;
    }

    div#pbe-footer-wa-wrap a {
      color: #fff;
    }

    /********************************* Mailchimp i footer **************************/
    .mc4wp-form-fields p label {
      width: 100%;
      display: block;
      text-align: left;
      color: #fff;
    }

    .mc4wp-form-fields p input[type="email"],
    .mc4wp-form-fields p input[type="text"] {
      width: 100%;
      display: block;
      text-align: left;
      padding: 5px;
      border-radius: 5px;
      font-size: 14px;
    }

    .mc4wp-form-fields p input[type="submit"] {
      padding: 5px 15px;
      border-radius: 5px;
      background-color: #fff;
      font-size: 16px;
      border: none;
    }

    /********************************** Forside punkter ************************************/
    .flexpunkter .et_pb_column {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
    }

    .et_pb_section .et_pb_row .et_pb_column .et_pb_module:last-child {
      margin-bottom: 2.75% !important;
    }

    .flexpunkter img {
      max-height: 100px;
    }

    .flexpunkter .et_pb_blurb {
      flex: 1;
    }

    .flexpunkter .et_pb_blurb .et_pb_main_blurb_image {
      margin-bottom: 0;
    }

    .flexpunkter .et_pb_blurb img {
      transform: scale(1);
      transition: all ease .6s;
    }

    .flexpunkter .et_pb_blurb:hover img {
      transform: scale(1.1);
    }

    @media screen and (max-width: 980px) {
      .home .padmobil .et_pb_column {
        width: 100% !important;
        height: auto !important;
      }

      .home .padmobil .et_pb_row_3, .home .padmobil .et_pb_row_2, .home .padmobil .et_pb_row_1 {
        height: 200px !important;
      }

      .flexpunkter .et_pb_column {
        flex-direction: column;
      }

      .et_pb_fullwidth_code.et_pb_module.venstreboks {
        display: none;
      }
    }

    /****************************** Tekstboks på forside billede *************************************/
    .et_pb_fullwidth_code.et_pb_module.venstreboks {
      position: absolute;
      bottom: 50px;
      left: 50px;
      width: 30vw;
      background: rgba(0, 0, 0, 0.4);
      color: #fff;
      padding: 15px 20px;
    }

    @media screen and (max-width: 1100px) {
      .et_pb_fullwidth_code.et_pb_module.venstreboks {
        left: 50%;
        bottom: 40%;
        transform: translate(-50%, 50%);
        width: 70vw;
      }
    }

    .et_pb_column_1_3 .et_pb_grid_item.et_pb_gallery_item {
      width: 48% !important;
      margin-bottom: 20px;
      margin-right: 4%;
    }

    .et_pb_column_1_3 .et_pb_grid_item.et_pb_gallery_item:nth-child(2n+2) {
      margin-right: 0;
    }

    #top-menu-nav, #top-menu {
      margin-right: 5px !important;
    }

    #top-menu li {
      padding-right: 15px !important;
    }

    #mainheader {
      padding-right: 15px !important;
    }

    #top-menu>li:last-child {
      padding-right: 0;
    }

    #top-menu-nav #top-menu li a {
      font-size: 12px !important;
      text-transform: uppercase !important;
    }

    #top-menu-nav #top-menu li ul.sub-menu li a {
      font-size: 12px !important;
      letter-spacing: 2px !important;
      text-transform: capitalize !important;
    }

    .et_pb_bg_layout_dark.et_pb_fullwidth_menu ul li a {
      letter-spacing: 2px !important;
    }

    #top-menu-nav #top-menu li ul.sub-menu {
      padding: 5px 0px 5px 0px !important;
    }

    /****************************** NEW BBH styling *************************************/
    .et_header_style_left .logo_container {
      width: auto;
    }

    ul#top-menu {
      padding: 15px 0;
    }

    #top-menu-nav #top-menu li:not(.booking) a {
      padding-bottom: 0 !important;
    }

    #main-header #et-top-navigation {
      display: grid;
      grid-template-columns: 1fr 3fr 1fr;
      grid-template-areas: ". nav button";
      align-items: center;
      width: 100%;
    }

    #et-top-navigation nav#top-menu-nav {
      grid-area: nav;
      justify-self: center;
    }

    #et-top-navigation .header-menu-btn {
      grid-area: button;
      justify-self: flex-end;
    }

    .logo_container img#logo {
      max-height: 60px;
    }

    #forside-top-content .header-content h1 {
      max-width: 400px;
      margin: auto;
      text-transform: initial;
      margin-bottom: 30px;
    }

    #forside-top-content .header-content h1::after {
      content: "";
      display: block;
      background-color: #C8BF88;
      max-width: 140px;
      margin: auto;
      height: 2px;
      margin-top: 25px;
    }

    #forside-top-content .header-content .et_pb_header_content_wrapper {
      max-width: 550px;
      margin: auto;
      margin-bottom: 20px;
    }

    .flexpunkter img {
      height: 25px;
    }

    .et_pb_blurb .et_pb_module_header a, .et_pb_blurb h4 a {
      white-space: nowrap;
    }

    .c0l2-text-image .et_pb_text_inner {
      max-width: 420px;
    }

    h2 {
      font-size: 32px;
      font-weight: 300px;
    }

    .c0l2-text-image .et_pb_text_inner hr {
      max-width: 140px;
    }

    /* #main-footer .footer-widget {
      margin-bottom: 20px !important;
    } */
    #main-footer .footer-widget {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto;
      grid-template-areas:
        ". logo ."
        "menu1 info menu2"
    }

    #main-footer .footer-widget div:first-child {
      grid-area: logo;
    }

    #main-footer .footer-widget:first-child img {
      max-width: 130px;
    }

    #main-footer .footer-widget div:nth-child(2) {
      grid-area: menu1;
    }

    #main-footer .footer-widget div:nth-child(3) {
      grid-area: info;
    }

    #main-footer .footer-widget div:nth-child(4) {
      grid-area: menu2;
    }

    .et_pb_widget {
      float: unset;
      max-width: 100%;
      text-align: center;
    }

    #main-footer .footer-widget h4 {
      color: #F8F7F5 !important;
      font-size: 16px;
      font-weight: bold;
    }

    #footer-widgets .footer-widget li:before {
      display: none;
      content: unset;
    }

    .et_pb_widget ul li {
      margin-bottom: 0;
    }

    #footer-widgets .footer-widget li {
      padding-left: 0px;
      position: relative;
    }

    #footer-widgets .footer-widget .maps-link {
      color: #CEC78E;
      text-decoration: underline;
    }

    #footer-widgets .footer-widget .socials-face {
      display: flex;
      justify-content: center;
      gap: 10px;
    }

    #block-24 strong {
      /* display: block;
      margin-bottom: 10px; */
    }

    @media screen and (max-width: 980px) {
      #et-top-navigation .header-menu-btn {
        display: none;
      }

      #main-footer #footer-widgets .footer-widget {
        width: 100% !important;
        margin: 0 !important;
      }

      .home .padmobil .et_pb_row_3,
      .home .padmobil .et_pb_row_2,
      .home .padmobil .et_pb_row_1 {
        height: auto !important;
        padding: 30px 0 !important;
      }
    }