/*
 Theme Name:   Divi-Child Bessheim theme
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Custom Divi child theme for Bessheim
 Author:       Jehans Jr Storvik
 Author URI:   http://jeit.no
 Template:     Divi
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         swag
 Text Domain:  Divi-child
*/

/*    background: #fcf9f2; */ 


.booking-wrapper , #booking-wrapper {
    /*display: none !important; */
}
#trip-wrapper * {
    display: inline-block;
}

/* Jquery UI */



.ui-state-default, .ui-widget-content .ui-state-default{
    border: 1px solid white !important;
    background: unset !important;
}

#ui-datepicker-div{
    color: #AA3722;
    z-index: 9999999 !important;
    left: 23% !important;
}

.ui-widget-header{
    border: unset;
    background:unset;
}

.ui-datepicker td a, .ui-datepicker td span{
    text-align: center;
    color: #AA3722 !important;
}

.ui-state-active{
    color: #fff !important; 
}

.desktop-booking {
    margin-top: 20px;
    margin-bottom: 20px;
}
.desktop-booking .header-tekst {
    width: 120px;
}
/* mobile booking */


.mobile_booking .header-tekst, .desktop-booking .header-tekst{
    color: #aa331c;
    font-size: 22px;
}
.desktop-booking .header-tekst{ 
margin-right: 1.5%;

    }

.mobile_booking input[type="text"] {
    padding:10px;
}

.desktop-booking input[type="text"], .mobile_booking input[type="date"] {
    padding: 5px;

}

/* end */

#tripadvisor-wrapper {
    width: 80%;
}

.hoyre, .venstre {
    max-height: 45px;
    display: inline-block;
    position:absolute;
    top: 40%;
}
.hoyre {
    right: 0px;
}

.venstre {
    left: -75px;
}
#main-content .container:before {
    width: 0px;
    height: 0px;
}

.header-other-wrapper {
    margin-left: -30px;
}
.contact-information {
    padding-left: 22px;
    padding-bottom: 30px !important;
    z-index: 55;
    /*position:absolute;*/
}

.contact-information a {
    color: white;
    cursor: pointer;
}
.logo-container {
    margin-left: -5px;
}
.booking-wrapper {
    margin-left: 10px;
    margin-top: 30px;
    max-width: 466px;
}
#top-menu-nav {
     margin-top:  -10px;
}
.cut-image-diagonally:after {
  z-index:2;
  content: "";
  position: absolute;
  top: 85%;
  left: -50px;
  height: 100%;
  width: 145%;
  background: #fbf7f1;
  -webkit-transform: rotate(6deg);
  -moz-transform: rotate(6deg);
  transform: rotate(6deg);
}
.cut-image-diagonally {
    height: 35em;
}
.varebesteturer:after {
  content: "";
  position: absolute;
  top: 85%;
  right: -20px;
  height: 23%;
  width: 115%;
  background: lightblue;
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  transform: rotate(8deg);
}

.varebesteturer {
    background: #fbf7f1;
}
.varebesteturer:before {
  content: "";
  position: absolute;
  top: 0%;
  right: -20px;
  height: 33%;
  width: 115%;
  background: #66ff00;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  transform: rotate(-8deg);
}



.trapezoid {
    background: url("/wp-content/uploads/2017/02/trapezoid.svg");
}

.et_pb_column {
    
}
.et_pb_module{

}

.btn {
    color: #aa3722 !important;
    border: 1px solid #aa3722;
    min-width: 130px;
    cursor:pointer;
    min-height: 35px;
    border-radius: 2px;
    font-weight: bold;
    background: transparent;
}

.btn:hover, .et_pb_button:hover {
    background:rgba(170, 55, 34, 0.15) !important;
}
.btn-gul {
    color: #d6af70 !important;
    border: 2px solid #d6af70;
    min-width: 130px;
    cursor:pointer;
    min-height: 40px;
    border-radius: 3px;
    font-weight: bold;
    background: transparent;
}

.btn-gul:hover {
    background:rgba(214, 175, 112, 0.15)
}

/* HEADER START */
#main-footer {
    height: 500px;
    margin: auto;
    text-align: center;
}

.lang-wrapper-desktop{
    margin-left: 30%;
    margin-top: 20%;
    position: absolute;
}


.lang-wrapper-desktop img {
    width: 40px;
    height: 20px;
}
#main-footer a {
    color: black;
    font-weight: bold;
}
.footer-content-wrapper {
    width: 90%;
    margin: auto;
    text-align: center !important;
}

.footer-content-wrapper p{
    text-align: center !important;
}

#main-footer img {
    width: 200px;
}
.logo_container {
    border-top: 1px solid white;
}

#logo {
	margin-bottom: 28px;
	margin-top: 28px;

}

.header-other-wrapper {
    margin-top: 30px;
}

.logo_container img {
    width: 100%;
}
.contact-information {
    border-bottom: 1px solid white;
    text-align: center;
    width: 100%;
    color: white;
    padding-bottom: 20px;
    padding-left: 10px;
}

/* HEADER SLUTT 
#d6af70 gul
#aa3722 rødf.eks. header
#fbf7f1 gul-bakgrunn

/* /TURTIPS */
.post-meta img {
    width: 30px;
    height: 30px;
    margin-right: 5px;
}

.tur-ikon {
    cursor:pointer;
    margin:auto;
    width: 5%;
    height: 5%;
    min-width: 60px;
    min-height: 60px;
}

.fb-event {
    overflow: hidden;
    text-align: center;
    height: 250px;
    width: 250px;
    margin: 0px 15px;
    display: inline-block;
}

.arr-info {
    width: 199px;
    float:right;
}

.fb-event img{
    max-height: 150px;
    max-width: none;
}
.arr-date {
    width:50px;
    float:left;
}



.submit-button-reversed {
    color: #d6af70 !important;
}

.sjekk-ledighet-header {
    height: 30px !important;
    width: 100px;
    margin-top: 10px;
    
}

.fb-event a {
    color: #666;
}

.et_pb_section {
    overflow:hidden;
}
.date-form-input {
    border: none;
}


@media only screen and (min-width: 981px) {
    #desktophaustprogram {
        display: block;
    }
    #mobilhaustprogram  {
        display: none !important; 
    }
    .size-1of3 article .et_pb_image_container {
        max-height: 150px !important;
        overflow:hidden;
    }
    .mobile-only {
        display: none;
    }
    /*#ui-datepicker-div {
        left: 60% !important;
        top: 60%  !important;
     } */

    .lang-wrapper-mobile {
        display: none;
    }
    .lang-wrapper-desktop {
        display: block;
    }
    .page_item a::before, .menu-item a::before {
        content: "> ";
        font-size: 18px;
    }
    .page_item, .menu-item {
        margin-left: -30px;
    }

    
    .current-menu-item > a {
        color: #d6af70 !important;
    }
    .current_page_item a::before {
        content: "< " !important;
    }
    .sub-menu, #top-menu .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after{
        display: none;
    }
    
    #et-top-navigation {
        padding-top: 0px !important;
    }
    
}

@media only screen and (max-width: 1225px) { 
    .desktop-only {
        display: none;
    }
    
    .et_pb_section {
        padding-left: 8% !important;
        padding-right: 8% !important;
    }
    .header-other-wrapper {
        margin-top: 10px;
    }
}


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

.single .et_pb_post {
	margin-top: 25px; 
}
.page-id-44364 .et_pb_row {
    width: 100% !important;
}
.page-id-44364 .entry-content tr td {
    padding: 0px 2px;
}
    #mobilhaustprogram {
        display: block;
        overflow-y: scroll;

    }
    #desktophaustprogram {
        display: none;
    }

    .venstre {
        margin-left: 40px;
    }
    #tripadvisor-wrapper {
        width: 85%;
    }
    #rabberscrabber3 {
        margin-bottom: -60px;
    }
    #rabberscrabber2 {
        margin-top: 45px !important;
    }
    .rabberscrabber {
        margin-top: -70px;
        z-index:55;
    }
    .venstre {
        left: -50px;
    }
    .mobile_menu_bar_toggle {
        width: 75px;
        height: 75px;
    }
    .et_pb_section .et_pb_column .et_pb_module {
        margin-top: 0px !important; 
    }
    .mobile-only {
        display: block;
    }
    #ui-datepicker-div {
        left: 20% !important;
        top: 10%  !important;
     } 
     
     #booking-wrapper {
         margin-left: 5%;
     }
    #date-form {
        padding-top: 10px;
        margin-bottom: -30px;
    }
    
    .lang-wrapper-mobile {
        display: block;
        margin-left: 5%;
    }
    .logo_container, .contact-information, .header-other-wrapper {
        display: none;
    }
    .lang-wrapper-desktop {
        display: none;
    }
    
    .lang-wrapper-desktop img, .lang-wrapper-mobile img{
        width: 60px;
        height: 30px;
        margin-left: 23px;
        margin-top: 10px;
    }
    
    #one, #two, #three, #four {
        display: block !important; 
        
    }
    #one-btn, #two-btn, #three-btn, #four-btn {
        display: none;
    }
    #main-header {
      z-index:initial;
    }
    .et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_left #et-top-navigation {
        padding-top: 0px;
    }
    
    #et-top-navigation, #et_mobile_nav_menu {
	position:absolute;
	right: 0;
    }

.et_header_style_left .mobile_menu_bar {
	/*padding-top: 25px;*/
    padding-left: 25px;
    padding-right: 25px;
}    
    #et_mobile_nav_menu {
        top: 20px;
        left: 20px;
        width: 100%;
        position:fixed;
    }
    .mobile_menu_bar:before {
        color: white !important; 
        background: rgba(170, 55, 34,1)
    }

    .mobile_menu_bar:before {
        color: white;
        border: 1px solid rgba(170, 55, 34,1);
    }
    
    #mobile_menu {
        margin-left:-8.5%;
        overflow-x:hidden;
        overflow-y: scroll;
        bottom : 0;
        height: 400px;
        top: 50px;
        width: 127.5%;
        position: fixed;
        background:rgba(170, 55, 34, 0.85) !important;
	
    }
    
    #mobile_menu li a {
        font-size: 18px;
    }
    
    .menu-item-has-children {
        padding-top: 15px;
    }
    
    #et-main-area {
        margin-top: -80px;
    }
    
    .et_mobile_menu {
        border-color: #aa3722 !important;
        overflow-y: scroll;
    }
    
    .tur-ikon {
        min-width: 75px;
        min-height: 75px;
    }
    
    .fb-event {
        overflow: hidden;
        text-align: center;
        height: 250px;
        width: 250px;
        margin: 0px 15px;   
        display: inline-block;
    }

    .arr-info {  
        width: 199px;
        float:right;
    }
    arr-info:hover {
        opacity: 0.6;
    }
    
    .fb-event img{
        max-height: 150px;
        max-width: none;
    }
    .arr-date {
        width:50px;
        float:left;
    }
    
    .et_pb_section {
        padding-left: 4% !important;
        padding-right: 4% !important;
    }

    /* mobile_booking*/

    #ui-datepicker-div{
        position: absolute !important;
        left: unset !important;
        width: 100%;
        position: fixed;
        top: 90% !important;
        z-index: 9999999 !important;
    }

    .mobile_booking h2{
        color: #aa331c !important;
    }


    /* end mobile booking */
    

}
@media only screen and (min-width: 1481px) {
    /*#ui-datepicker-div {
        left: 79% !important;
        top: 40%  !important;
     } */
     
     .cut-image-diagonally {
         height: 50em;
         /* background-position-y: -450px; */
     }
     
     .omoss {
         /*background-position-y: -250px !important; */
     }
     
     #omossknapper {
        margin-left: 15%;
    }
     
}

@media only screen and (max-width: 1481px) and (min-width: 981px) {
    .cut-image-diagonally {
        background-position-y: -100px;
    }
    .omoss {
         /* background-position-y: -50px !important; */
     } 
}