/*
Theme Name:    Child Theme
Author:        Kompis Webbyrå AS
Template:      theme
Version:       1.0
*/

@import url("../theme/style.css");

body,
h1, h2, h3, h4, h5, h6,
.gdl-slider-title,
h1.stunning-text-title,
div.navigation-wrapper { font-family: Arial!important; } 


/* CUSTOM CSS */

.ssba img {
    width: 34px!important
}
.price-table-wrapper .price-content .ssba > div {
    text-align: center!important
}

/* SUB MENU */

ul.sf-menu > li > a {
    z-index: 9999;
    position: relative;    
}
ul.sf-menu > li > ul {
    z-index: 0;

}
ul.sf-menu ul.sub-menu {
    padding-top: 50px;
    margin-top: -50px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    z-index: 0;
}
ul.sf-menu ul.sub-menu li,
ul.sf-menu ul.sub-menu li:first-child,
ul.sf-menu ul.sub-menu li:last-child {
    border: 1px solid #E6E6E6;    
    border-bottom: 0;
}

/* HEADER WIDGET */

.header-widget-wrapper {
    width: 500px;
    float: right;
    padding: 15px 20px 0 0
}
.header-widget-wrapper label {
    display: none!important;
}
.header-widget-wrapper input,
.header-widget-wrapper .submit-wrap .ninja-forms-field {
    margin: 0!important;
    box-shadow: none!important;
}
.header-widget-wrapper .ninja-forms-response-msg,
.header-widget-wrapper .ninja-forms-required-items {
    display: none;
}
.header-widget-wrapper .submit-wrap input {
    padding: 5px 13px;
    background: #b4ddb4; /* Old browsers */
    background: -moz-linear-gradient(top,  #b4ddb4 0%, #52b152 95%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4ddb4), color-stop(95%,#52b152)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b4ddb4 0%,#52b152 95%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b4ddb4 0%,#52b152 95%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b4ddb4 0%,#52b152 95%); /* IE10+ */
    background: linear-gradient(to bottom,  #b4ddb4 0%,#52b152 95%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#52b152',GradientType=0 ); /* IE6-9 */

}
.header-widget-wrapper .submit-wrap input:hover {
    background: #d3ead5; /* Old browsers */
    background: -moz-linear-gradient(top,  #d3ead5 0%, #52b152 95%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3ead5), color-stop(95%,#52b152)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #d3ead5 0%,#52b152 95%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #d3ead5 0%,#52b152 95%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #d3ead5 0%,#52b152 95%); /* IE10+ */
    background: linear-gradient(to bottom,  #d3ead5 0%,#52b152 95%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3ead5', endColorstr='#52b152',GradientType=0 ); /* IE6-9 */

}
.header-widget-wrapper h2,
.header-widget-wrapper .ninja-forms-form {
    float: right;
    display: table;
    margin: 0
}
.header-widget-wrapper .field-wrap {
    float: left;
    margin: 0!important
}


/* NINJA FORMS */

input.ninja-forms-field,
textarea.ninja-forms-field {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;      
    background-color: #FFFFFF;
    border-color: #E3E3E3;
    box-shadow: 0 1px 4px #ECECEC inset, -5px -5px 0 0 #F7F7F7, 5px 5px 0 0 #F7F7F7, 5px 0 0 0 #F7F7F7, 0 5px 0 0 #F7F7F7, 5px -5px 0 0 #F7F7F7, -5px 5px 0 0 #F7F7F7;
    color: #888888;
    width: auto;
    display: block;
    height: 34px;
    line-height: 20px;
    margin: 10px 5px 5px;
    max-width: 100%;
    padding: 5px;
    width: 95%!important;
}

.submit-wrap .ninja-forms-field {
    margin: 30px 5px 5px!important;
    width: auto!important
}



/* BOOKING NINJA FORM */

#ninja_forms_form_3_all_fields_wrap .ninja-forms-required-items {
    display: none;
}

#ninja_forms_field_15_options_span li {
    margin: 0 0 5px 0;
    padding: 0;
    width: 100%;
}
#ninja_forms_field_15_options_span li label {   
    width: auto;
    float: none;
    display: block;
    padding: 8px 12px;
    cursor: pointer;
    -webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,0.1);
    box-shadow:inset 0 0 0 1px rgba(0,0,0,0.1);
}
#ninja_forms_field_15_options_span li label:hover {
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);   
}
#ninja_forms_field_15_options_span li label input {
    width: auto!important;
    display: inline-block;
    margin: 0 6px 0 0;
}
#ninja_forms_field_18_div_wrap {
    padding: 8px 12px;
    -webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,0.1);
    box-shadow:inset 0 0 0 1px rgba(0,0,0,0.1);
}
#ninja_forms_field_18_div_wrap input {
    width: auto!important;
    float: none;
    display: inline-block;
}
#ninja_forms_field_18_div_wrap .ninja-forms-field-description a {
    text-decoration: underline;
}

/*#ninja_forms_field_13_div_wrap,
#ninja_forms_field_20_div_wrap,*/


#ninja_forms_field_21_div_wrap,
#ninja_forms_field_23_div_wrap {
    width: 48.7%;
    margin-right: -3px;
    vertical-align: top;
    display: inline-block;
}
#ninja_forms_field_21_div_wrap select,
#ninja_forms_field_22_div_wrap select {
    padding: 10px 0
}

#ui-datepicker-div {
    display: none;
}

#ninja_forms_field_15_options_span li:nth-child(5) {
    margin-right: 2%
}
#ninja_forms_field_15_options_span li:nth-child(5),
#ninja_forms_field_15_options_span li:nth-child(6){
    width: 49%;
    display: inline-block;
    vertical-align: top;
}


@media only screen and (max-width: 980px) {
    .ssba div {
        text-align: left!important;
        position: static!important;
    }
    .header-widget-wrapper {
        width: 100%;
        padding: 0 0 20px 0;        
    }
    .header-widget-wrapper input,
    .header-widget-wrapper .submit-wrap input.ninja-forms-field {
        float: right;
        width: 100%!important;
        margin: 0
    }
    .header-widget-wrapper .ninja-forms-cont {
        margin: auto;
        width: 50%
    }
    .header-widget-wrapper .ninja-forms-form {
        width: 100%;
    }
    .header-widget-wrapper .text-wrap {
        width: 65%
    }
    .header-widget-wrapper .submit-wrap {
        width: 35%
    }

}

@media only screen and (max-width: 765px) {
    .header-widget-wrapper .ninja-forms-cont {

        width: 100%
    }
}
@media only screen and (max-width: 360px) {
    .header-widget-wrapper .ninja-forms-form,
    .header-widget-wrapper .ninja-forms-cont,
    .header-widget-wrapper .field-wrap {
        float: none;
        margin: auto;
        width: 100%        
    }
    .header-widget-wrapper .ninja-forms-cont input {
        width: 100%!important
    }

}