/*
Theme URI: https://example.com
Author: Jayesh Chopda
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

Template: twentytwenty
Text Domain: silje

*/

body {
    position:relative;
    letter-spacing:1px
    width:100%;
}
    
/* TYPOGRAPHY */
    h1, h2, h3, h4, h5, h6 {}
    .wpb_wrapper h1:first-of-type {}
    table {}
    table tr{}
    table tr:nth-child(odd){}
    table tr:nth-child(even){}
    table td{}
    table td:last-child{}
    h1{font-size:3.688rem;text-transform:uppercase}
    h1 em {font-size:1rem;font-family:"Source Sans Pro", sans-serif !important; font-style:normal;display:block;padding:1rem 0 0rem 0;line-height:1rem;letter-spacing: 2px;}
    h2{font-size:2.125rem}
    blockquote{font-size:2.125rem;font-family:"Playfair Display", serif}
    hr{max-width:60px;margin-left:auto;margin-right:auto;border-top-color:#60504d;border-top-with:1px;border-bottom:none;border-left:none;border-right:none;padding-bottom:35px}
    p + p {margin-top:2rem}
    h1 ~ p:first-of-type, h2 ~ p:first-of-type, h3 ~ p:first-of-type, h4 ~ p:first-of-type {margin-top:2rem}
    figcaption,
    .wpb_single_image .vc_figure-caption{margin-top:20px!important;margin-bottom:2rem!important}
/* end typography */

/* GENERAL DESIGN */

    #thebg{
        position:fixed;
        width:100vw;
        height:100vh;
        z-index:-1;}
    #thebg img{
        display:inline-block;
        position:absolute;
        top:-1000%;
        bottom:-1000%;
        left:-1000%;
        right:-1000%;
        margin:auto;
        width:auto;
        height:auto;
        min-width:100vw;
        min-height:100vh;
        max-width:none;
        max-height:none;}
/* end general design */

/* HEADER AND HEADER ELEMENTS */
    #header {position:relative;z-index:1000;}
    /* logo */
    .logo {line-height:1em}
    .logo img {width:auto;min-width:inherit;}
    .logo img {
        width:auto;
        margin-bottom:76px}
        
    .site-title, .site-logo, .site-description {
        margin: 53px 0 20px;
    }
    /* MENU */
    /* button menu */
    /* menu button */
    button.menu_btn {
        background: transparent !important;
    }
    button.menu_btn{
        display:block!important;
        right:auto!important;
        top:88px!important;
        left:93px !important;
        width:35px;
        height:35px;
        border-radius:0;
        background:none;
        overflow: inherit;
        outline: none !important;
    }
    button.menu_btn span {border-radius:0;font-size:14px!important;height:2px;width:25px;background:#ded8d1;}
    button.menu_btn span:nth-child(2){-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}
    button.menu_btn span:nth-child(3){-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}
    button.menu_btn span:nth-child(4){left:44px !important;top:-19px !important;background:none !important;text-transform:uppercase !important;-webkit-transform:translateY(0%)!important;-moz-transform:translateY(0%)!important;transform:translateY(0%)!important;letter-spacing:2px;color:#ded8d1;}
    .open button.menu_btn span:nth-child(4){display:none !important}
    /* redo transformations on menu btn */
    .open button.menu_btn span:nth-child(2){-ms-transform:rotate(45deg)!important; /* IE 9 */-webkit-transform:rotate(45deg)!important; /* Safari */transform:rotate(45deg)!important}
    .open button.menu_btn span:nth-child(3){-ms-transform:rotate(135deg)!important; /* IE 9 */-webkit-transform:rotate(135deg)!important; /* Safari */transform:rotate(135deg)!important}
    /* menu "word" */
    .menu-word {position:absolute;content:'';height:2px;width:50px;bottom:0;left:0;background-color:black}
    /* main menu */
    #header.open {height:100%;}
    #primary-nav{position:fixed;height:100%;width:100%;}
        /*position and style modal menu*/
        .menu-main-menu-container,
        .menu-main-menu-engelsk-container{
            display:inline-block;
            position:absolute;
            width:100%;
            height:100%;
            left:-15px;
            right:-15px;
            top:0px;
            padding: 72px 127px;
            /*background:#928781;*/
            /*background:#877875;*/
            background:#8b7875;
            -moz-box-sizing:border-box;
            box-sizing:border-box;}
    #primary-nav.inline ul {z-index:99;}
    #primary-nav ul.menu li {
        display:inline-block;
        display:block;
        width:100%;
        /*border-bottom:solid 1px #928781;
        border-top:solid 1px #928781*/}
    #primary-nav.inline ul li a{
        color:white!important;
        color:#ada09e!important;
        font-size:14px;
        text-decoration:none;
        text-align:left;
        text-transform:uppercase;
        display:inline-block;
        width:100%;}

    #primary-nav ul li a:after{display:none}
    
    .mobileview #header.open #primary-nav.inline ul li a {min-width:200px}
   
    #mc4wp-form-1 {
        border: 1px solid white;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    
    div.mc4wp-form-fields > p > label {
        width: 39%;
        padding-right: 10px;
    }
    
    .mc4wp-form-fields {
        max-width: 500px;
        margin: auto;
    }
    /* ADD MINUS PLUS FOR UL LI MENU */
    .mobileview .header-menu-inline #headernav{
    
        -webkit-transform:translate3d(-150%,0,0);
        transform:translate3d(-150%,0,0);
        -webkit-transition: all 0.45s ease-in-out 0s;
        -o-transition: all 0.45s ease-in-out 0s;
        transition: all 0.45s ease-in-out 0s;
        position:fixed;
    }
    .mobileview .header-menu-inline.open #headernav{
        transform:translate3d(0,0,0);
    }
    #primary-nav ul li{margin: 0;}
    #primary-nav ul.menu .sub-menu{
        max-height:0;
        margin: 0;
        overflow:hidden;
        transition:0.6s ease-in-out;
        opacity:0 }
    #primary-nav ul.menu .sub-menu.show{
        opacity:1;
        max-height:500px }
    #primary-nav ul.menu li.menu-item-has-children > a{
        position:relative;
        z-index:0 ;
        width:auto}
    #primary-nav ul.menu li.menu-item-has-children > a span{
        position:relative;
        z-index:100;
        display:inline-block;
        width:18px;
        height:18px;
        }
    #primary-nav ul.menu .sub-menu.show li a{color: #fff !important;}
    #primary-nav ul.menu li.menu-item-has-children > a span:before {
        display:inline-block!important;
        content:'+';
        position:absolute;
        left:auto;
        z-index:100;
        width:18px;
        background:none;
        color:white !important;
        font-size:.75em;
        height:18px;
        text-align:center;  
        top:-3px;
        right: -5px;
        font-size: 18px;
        font-family: Arial;
        }
    #primary-nav ul.menu li *,
    #primary-nav ul.menu li.menu-item-has-children,
    #primary-nav ul.menu li.menu-item-has-children > a,
    #primary-nav ul.menu li.menu-item-has-children > a span,
    #primary-nav ul.menu li.menu-item-has-children > a span:before {color:white !important;color:#ada09e!important;}
    /* hover and active for main menu */
    #primary-nav ul.menu li:hover > a,
    #primary-nav ul.menu li.menu-item-has-children:hover > a,
    x#primary-nav ul.menu li.active.menu-item-has-children > a,
    #primary-nav ul.menu li.current-page-parent > a,
    #primary-nav ul.menu li.current-menu-item > a{
        /*border-bottom:solid 1px rgba(255,255,255,.5);
        border-top:solid 1px rgba(255,255,255,.5);*/
        color:white!important;}
    /*ul#menu-main-menu li.active.menu-item-has-children:after { content:"\2796"; }*/
    #primary-nav ul.menu li.active.menu-item-has-children > a span:before  { content:"-"; font-size: 18px;}
    #primary-nav ul.menu li.current-page-parent > a span:before,
    #primary-nav ul.menu li.current-menu-item > a span:before  {color:white!important;}

    .innerpg_main {
    padding-top: 300px !important;
}
    
    /* set sticky top
    
    .home #header.shrink {}
    .home #header.shrink .logo img{
        width:100px; min-width:100px; margin:15px auto;
        -webkit-transition:all 0.4s ease-in-out;
        -moz-transition:all 0.4s ease-in-out} */
    #header.shrink + main#contents{padding-top:118px}
    #header.shrink + main#contents #submenu{
        position:fixed;
        z-index:110;
        margin:auto;
        top:0;
        left:center;right:center;
        display:inline-block;
    /*width fix in js to use same width as next row*/}
    #header.shrink + main#contents #submenu .vc_wp_custommenu{margin-bottom:0px;}
    /*set paddingtop on element after fixed top
    #header.shrink + main#contents #submenu + .vc_row:first-of-type{padding-top:0px}*/
    /*.vc_row {padding-top:80px!important;}*/
.home main {
    z-index:5;
    overflow:auto}
    
/* end header and header elements */

/* CONTENTS AND CONTENT ELEMENTS */

    /* fix visual composer styles */
    .vc_row{
        margin-left:0!important;
        margin-right:0!important;
        padding-left:80px;
        padding-right:80px}
    .wpb_single_image .vc_figure-caption {font-size:1em!important}
    
    /* general content */
    #contents {
        background:transparent;
        overflow: hidden;
        width: 100%;
        min-height: calc(100vh - 54px);
    }
    
    .desktopview #contents{width:100%; margin:0 auto}/* fixes width from parent */
    
    /* elements */
        #contents p a {color:#645d57;text-decoration:none}
        .home .maxpage {max-width:90%}
        
        /* #SUBMENU (always first row in vc) */
        #submenu ul {
            display:block;
            list-style:none;
            text-align:center;
            padding:0px}
        #submenu ul li{display:inline-block;margin:0}
        #submenu ul li a {
            display:inline-block;
            position:relative;
            padding:13px 20px;
            color:#60504d !important;
            text-transform:uppercase;
            text-decoration:none;
            letter-spacing:3px}     
        /* hovers and current for the above */
        #submenu  > .current-menu-item > a, #submenu > .current_page_item > a {
            color:#60504d!important}
        #submenu ul li a:after {
            content:'';
            position:absolute;
            bottom:0;
            left:0;right:0;
            margin:auto;
            width:60px;
            height:1px;
            background:#645d57;
            display:none}
        #submenu ul li a:hover:after,
        #submenu ul li.current-menu-item a:after {display:block}

        /* INBUSINESS MODAL POPUP/SLIDEOPEN */
        .inb_modal {text-align:center}
        .inb_modal > button {border:none;text-align:center;background:transparent;color:#60504d}
        .inb_modal > button:before, .inb_modal > button:after {background:#645d57}
        /* inbusiness modal plugin widget */
        .inb_modal > button {width:26px;height:26px}
        /*.inb_modal > button ~ div{margin:0 40px}*/
        .inb_modal > button ~ div{margin:0 0px}
        .expandboxes h2{font-size:1.313rem;text-transform:uppercase}
        .inb_modal > button:before, .inb_modal > button:after {width:13px}
        .inb_modal > button:before {height:1px}
        .inb_modal > button:after {width:1px;height:13px}
        .expandboxes a {
            color:white!important;
            background-color:#59544f;
            text-decoration:none;
            padding:10px 30px 10px 30px;
            display:inline-block;
            margin-top:30px;
            font-family:"Playfair Display", serif}
        .expandboxes a:hover { text-decoration:underline; }
.inb_modal > button.expand ~ div{max-height:4000px;}
    /* #CONTACTS (vc row id) */
    #contacts h2 {font-size:1.313rem}
    #contacts h2 em {font-size:1rem;font-family:"Source Sans Pro", sans-serif !important; font-style:normal}
    
    /* CONTACT FORM */
    #gravityform form *:not(#gform_submit_button_1) {
        font-family:"Playfair Display", serif;
        color:#60504d!important;}
    #gravityform form label + * {width:100%;}
    #gravityform  form .gform_footer,
    #gravityform  form .ginput_container {
        margin:auto;
        max-width:100%}
    #gravityform form ul li:first-child,
    #gravityform form ul li:nth-child(2){
        float:left;
        width:50%;
        clear:none;
        margin-bottom:2rem;}
    #gravityform  form ul li, #gravityform  form .gform_footer {text-align:center!important}    
    #gform_submit_button_1 {
        -webkit-appearance: none;
        -moz-appearance:    none;
        appearance:         none;
        background-color:#59544f;
        color:white!important;
        width:60%;
        padding:1rem 2rem!important;
        border:none;
        border-radius:0px;
        font-family:"Playfair Display", serif;}
    .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),.gform_wrapper textarea {
        -webkit-appearance: none;
        -moz-appearance:    none;
        appearance:         none;
        padding:1rem 2rem!important;
        border-radius:0px;
        border:1px solid #59544f;}
    .gform_wrapper textarea.large {height:250px!important;margin-bottom:2rem;}

/* end content and content elements*/

/* FOOTER AND FOOTER ELEMENTS */
    #footer {
        padding:50px 0 100px 0;
        font-size:14px;
        text-align:center;
        letter-spacing:2px;
        background-color:transparent}
    .desktopview #footer{width:100%; margin:0 auto}/* fixes width from parent */
    #footer a{text-decoration:none;}
/* end footer and footer elements*/



/* PAGE TEMPLATE SPECIFIC */

    /* HOME */
    .home #header {
        position:fixed;
        top:0;
        width:100%;
        z-index:101;
        /*background:inherit*/}
    header#header.innerpage_menus {
        position: absolute;
    }
    .home h1 {font-size:7.705rem; padding-bottom:0!important;}/* bigger h1 */
    /* fancy p-tag home */
    .home p {text-transform:uppercase;letter-spacing:2px;font-size:14px;line-height: 23px;font-weight: normal;}
    .home #contents p:before,
    /*.home #contents p:after {content:'';display:inline-block;height:1px;width:40px;background:white;position:relative;top:-5px;margin:0 20px}*/
    .home #footer{
        /*position:fixed;
        bottom:0;*/
        width:100%;
        padding:20px 0;
        z-index:100;
        /*background:inherit*/}
.widget_text p, .widget_text ol, .widget_text ul, .widget_text dl, .widget_text dt, .widget-content .rssSummary{
        font-family: 'Source Sans Pro';
}

/* MEDIA QUERIES */
/* >2110px */
@media only screen and (max-width: 2110px) {
    .home h1 {font-size:6rem}
}
/* >1700px */
@media only screen and (max-width: 1700px) {
    .home h1 {font-size:5rem}
}
/* >1440px */
@media only screen and (max-width: 1440px) {
    .home h1 {font-size:4rem}
}
/* >1280px */
@media only screen and (max-width: 1280px) {
    .maxpage{margin-left:30px;margin-right:30px}
    .vc_row {padding-left:30px;padding-right:30px}
    button.menu_btn{
        top:30px!important;
        left:30px !important;}
    .menu-main-menu-container, .menu-main-menu-engelsk-container {
        padding: 15px 65px;
    }
    #submenu ul li a {padding:5px 20px}
    #mailChimpBoxContainer {
        width: 60%;
        left: 20%;
    }
}
/* >900px */
@media only screen and (max-width: 900px) {
    body{font-size:14px!important}  
    h1{font-size:2.8rem}
    h2{font-size:1.8rem}
    .expandboxes h2 {font-size:1.2rem}
    blockquote{font-size:1.7rem}
    #footer {font-size:.7rem}

    
    #submenu ul li a {padding:5px 12px}
    #mailChimpBoxContainer {
        width: 70%;
    }
}
/* >800 */
@media only screen and (max-width: 800px) {
    .home h1 {font-size:3rem}
    h2{font-size:1.6rem}
    .home #contents p:before, .home #contents p:after {display:none}
    #gravityform form ul li:first-child,
    #gravityform form ul li:nth-child(2){
        float:none;
        width:100%;
        clear:both;
        margin-bottom:2rem;
    }
    #mailChimpBoxContainer {
        width: 70%;
    }
}
/* >700 */
@media only screen and (max-width: 780px) {
    #submenu{display:none!important}
    #submenu + .vc_row {padding-top:30px;}
    #mailChimpBoxContainer {
        width: 80%;
        left: 10%;
    }
    .mc4wp-form-fields {
        padding-left: 0px;
    }
    #mailChimpBoxContainer p {
        text-align: center;
    }
    div.mc4wp-form-fields > p > label{
        width: 60%;
        padding-right: 10px;
        text-align: left;
        padding-left: 0;
        float: none;
    }
}
/* >680px */
@media only screen and (max-width: 680px) {
    .home h1 {font-size:1.8rem}
    .home #contents p {font-size:.8rem;margin-top:10px!important;}
    #header.shrink + main#contents{padding-top:0px}
    .logo img {max-width:200px;}
    .logo img {max-width:120px;margin-top:40px;}/**/
    #mailChimpBoxContainer {
        width: 80%;
    }
    #mailChimpBoxContainer p {
        text-align: center;
    }
    div.mc4wp-form-fields > p > label{
        width: 60%;
        padding-right: 10px;
        text-align: left;
        padding-left: 0;
        float: none;
    }
}
/* >480 */
@media only screen and (max-width: 480px) {
    .maxpage{margin-left:15px;margin-right:15px}
    .vc_row {padding-left:30px;padding-right:30px}
    .vc_column_container > .vc_column-inner {padding-left:0!important;padding-right:0!important;}
    
    h1{font-size:2rem}
    h2{font-size:1.6rem}
    .expandboxes h2 {font-size:1.2rem}
    blockquote{font-size:1.2rem}
    /*menu change*/
    button.menu_btn{
        top:30px!important;
        left:15px !important;}
    /*nav#primary-nav  {
        position:absolute;
        padding:0;
        margin:0;
        top:252px;
        left:0;
        width:100%;
        height:100%}
    .home nav#primary-nav  {top:130px}
    .menu-main-menu-container, .menu-main-menu-engelsk-container {
        width:100%;
        top:0;
        left:0}*/
    #primary-nav.inline ul li a{text-align:center;display:inline-block;width:100%;}
    
    /* HIDE MENU WORD */
    button.menu_btn span:nth-child(4) {display:none}
    .open #footer {display:none;}
    .mobileview #header.open #primary-nav.inline ul li {
        text-align: center;
    }
    #mailChimpBoxContainer {
        width: 92.1%;
        left: 5%;
    }
    #mailChimpBoxContainer p {
        text-align: center;
    }
    
}

/*************** jayesh ****************/

/*layout*/
.maxpage{max-width:1192px;} /*general*/
body {
font-family:"Source Sans Pro", sans-serif;      font-size:16px;     color:#60504d;}
h1, h2, h3, h4, h5, h6{
font-family:"Playfair Display", serif;      color:#60504d;}
/*headerbar*/

@media all and (min-width: 900px){
button.menu_btn{display:none;}
}
#header{
color:#ffffff;}
#header a{color:#ffffff;}   #header a:hover:not(.menu_btn),.current-menu-ancestor > a,.current_page_ancestor > a,.current-menu-item > a,.current_page_item > a{color:#ffffff!important;}    /*main*/

/*footerwidgets*/
#footer {
color:#ffffff;}
#footer a{color:#ffffff;margin-right: 10px;}   #footer a:hover{color:#ffffff;} /*socket*/
/* high contrast css */
body.home.mobileview{width: 100%;}
body.highcontrast,
body.highcontrast h1, body.highcontrast h2, body.highcontrast h3, body.highcontrast h4, body.highcontrast h5, body.highcontrast h6,
body.highcontrast a {color:black;}

.alignnone, .aligncenter{margin: 0;display: inline-block;}
.maxpage p{margin: 0;}
.textwidget p img{margin-right: 10px; width: 18px;height: 18px;}
.maxpage p{padding: 0 !important;}
#footer-socket{padding: 10px 0 0;}

.homepg_contmain{padding-top:300px;}
.homepg_contmain h1{
    font-size: 60px;
    font-weight: 400;
    letter-spacing: 2px;
    color: #fff;
    text-align: center;
    margin: 0 0 30px;
}
.homepg_contmain p{
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin: 0 auto;
    display: table;
    position: relative;
}
.homepg_contmain p:before{
    content: '';
    height: 1px !important;
    width: 40px !important;
    padding: 0 !important;
    background: #fff;
    position: absolute;
    top: 13px;
    left: -45px;
}
.homepg_contmain p:after{
    content: '';
    height: 1px !important;
    width: 40px !important;
    background: white;
    padding: 0 !important;
    position: absolute;
    top: 13px;
    right: -45px;
}

.common_headingall{
    font-weight: normal;
    font-size: 60px !important;
}
.home_contact textarea,
.home_contact input{
    padding: 1rem 2rem!important;
    border-radius: 0px;
    border: 1px solid #59544f;
    color: #60504d!important;
    font-family: 'Playfair Display';
    height: auto;
    border-radius: 0;
    font-size: 15px;
    font-weight: normal;
    margin: 0 0 20px;
    resize: none;
}
.home_contact input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #59544f;
    color: white!important;
    text-decoration: none;
    width: 60%;
    padding: 15px 30px!important;
    border: none;
    border-radius: 0px;
    font-family: "Playfair Display", serif;
    margin: 0 auto;
    display: table;
}
.home_contact input[type="submit"]:hover{
    text-decoration: none;
}
.inb_modal button{
    background: #fff !important;
    width: 26px;
    height: 26px;
    text-align: center;
    font-size: 26px;
    color: #60504d;
    outline: none;
}
.wpb_single_image img{width: 150px;}

/* ***** Responsive CSS ***** */
@media(max-width:767px){
    .common_headingall{font-size: 28px !important;}
    .home #contents p{font-size: 14px;}
    h2{font-size: 22px;}h2 br{display: none;}
    .homepg_contmain p:after,
    .homepg_contmain p:before{display: none;}
}

/* ***** End Responsive CSS ***** */