/*
Theme Name: Deconstruction Group
Description: Deconstruction Group Theme
Author: Gullström & Co
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.grecaptcha-badge { 
    visibility: hidden;
}

body {

}

h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase!important;
}

a {
 
}

.fw-bold h3 {
    font-weight: 700;
}

.sub-heading {
    font-size: 30%;
    font-weight: 400;
}

@media only screen and (max-width: 850px) {
    .sub-heading {
        font-size: 50%;
    }
}

.no-margin p:last-child, .no-margin h2 {
    margin-bottom: 0!important;
    padding-bottom: 0!important;
}

.bg-gray, .bg-gray .col-inner {
    background-color: #EFECE4!important;
}

.blue-svg svg {
    fill: #004899;
}

.arrow-list h3 {
    line-height: 1;
}
.arrow-list p {
    margin-bottom: 1.3em!important;
}

/*************** Startsida  ***************/
.frontpage-hero .arrow-text {
    padding-left: 105px;
    position: relative;
    width: 70%;
}
.frontpage-hero .arrow-text:before {
    position: absolute;
    content: ' ';
    width: 80px;
    height: 80px;
    left: 0;
    top: 15px;
    background-image: url('img/cg_arrow_white.svg');
    background-size: contain;
}

.frontpage-hero .stack {
    margin-top: 30px;
}

.frontpage-hero .stack .img {
    margin-right: 30px!important;
}

.frontpage-hero .stack p {
    margin-bottom: 0!important;
}

@media only screen and (max-width: 48em) {
   .frontpage-hero h1 {
    font-size: 1.5rem!important;
   }
   
   .frontpage-hero .stack > * {
    --stack-gap: 0!important
    }
    .frontpage-hero .stack {
        margin-top: 0px;
    }
    
}

/*************** Undersidalayout  ***************/
.subpage-title {
    padding-top: 500px!important;
}

.subpage-title h1 {
    font-size: 3.5em;
}

.subpage-title .text-box {
    padding-left: 15px;
    width: 100%!important;
}

@media only screen and (max-width: 48em) {
    .subpage-title {
        padding-top: 300px!important;
    }
    .subpage-title h1 {
        font-size: 1.6rem;
    }   
}

.text-column .col-inner {
    padding: 0 5%;
}

.offset-col {
    margin-top: -120px;
}

.offset-col .col-inner {
    padding-left: 80px;
    padding-top: 60px;
    z-index: 30;
}

@media only screen and (max-width: 850px) {
    
    .text-column .col-inner {
        padding: 0;
    }

    .offset-col {
        margin-top: 0;
    }
    
    .offset-col .col-inner {
        padding-left: 0;
        padding-top: 0;
    }
}

.section-img-left .bg-fill {
    background-position: left center!important;
    background-size: 50%!important;
    background-color: #EFECE4!important;
}

.section-img-left:before {
    position: absolute;
    content: ' ';
    width: 50%;
    height: 80px;
    top: -80px;
    right: 0;
    background-color: #EFECE4;
}

.section-img-left-blue {
    z-index: 10;
}

.section-img-left-blue:before {
    position: absolute;
    content: ' ';
    width: 50%;
    height: 100%;
    top: -80px;
    right: 0;
    background-color: #e9f3fc;
    z-index: 10;
}

.section-img-left-blue .bg-fill {
        background-position: left center!important;
        background-size: 50%!important;
        background-color: #e9f3fc!important;
}

@media only screen and (max-width: 850px) {   
    .section-img-left .bg-fill, .section-img-left-blue .bg-fill {
        background-image: none!important;
    }
    .section-img-left:before, .section-img-left-blue:before {
        display: none;
    }
}


/*************** Kontaktformulär  ***************/
.wpcf7 .row .col {
    padding-bottom: 15px!important;
}

.wpcf7 input {
    border: 0;
    box-shadow: none;
    outline: none;
    background-color: rgba(239, 236, 228, 0.4);
    padding: 25px;
}

.wpcf7 textarea {
    border: 0;
    box-shadow: none;
    outline: none;
    background-color: rgba(239, 236, 228, 0.4);
    padding: 25px;
    margin-bottom: 30px!important;
    resize:none;
}

.wpcf7 input::placeholder {
    color: #000;
}

.wpcf7 input[type='submit'] {
    background-color: #41b199!important;
}

/*************** Knappar  ***************/
.cg-btn, .wpcf7 input[type='submit'] {
    padding: .2em 1.6em!important;
    border-radius: 3px;
}
.cg-btn span {
    text-transform: uppercase;
}

.button.secondary:not(.is-outline) {
    color: #000;
}

/*************** Navigation  ***************/
.nav>li>a {
    text-transform: uppercase!important;
}
.nav-dark .nav>li>a {
    color: #fff;
}


/*************** Footer  ***************/
.absolute-footer {
    display: none;
}

/*************** Tablet/mobilnavigation  ***************/

.mfp-bg.off-canvas-center {

}

.mobile-sidebar li a {
    color: #fff!important;
    opacity: 1!important;
}

.nav-sidebar.nav-vertical>li.menu-item:hover  {
    background-color: none!important;
}

.mfp-close {
    top: 35px;
    right: 35px;
    width: 45x;
    height: 45px;
}

.mfp-close svg {
    width: 45px;
    height: 45px;
}

.nav>li>a>i.icon-menu {
    font-size: 2.2em;
    color: #fff!important;
}

.stuck .nav>li>a>i.icon-menu {
    font-size: 2.2em;
    color: #000!important;
}

/*************** ADD MOBILE ONLY CSS HERE  ***************/
@media only screen and (max-width: 48em) {
    
    
}