/*
 Theme Name:     Samuelsson & Partner
 Theme URI:      https://samuelssonpartner.se/
 Description:    Samuelsson & Partner tema
 Template:       Divi
 Version:        1.0.0
*/

:root {
    --orange: #ea580c;
    --blue: #003a5e;
    --green: #007961;
    --light-green: #d8e49f;
    --yellow: #ffe22b;
}

#main-content .et_pb_section {
    padding: 0px 0px 30px 0px;
}
#main-content .et_pb_section .et_pb_row.boxes {
    padding: 30px 0px 0px 0px;
}


.boxes.et_pb_row {
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    direction: ltr; */

    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 1fr;
    column-gap: 1.5em;
    justify-items: center;
}

.boxes.et_pb_row > .et_pb_column {
    /* height: 628px;
    width: 628px;
    margin-right: auto!important; */

    width: 100% !important;
    margin: 0 !important;
    max-width: 628px;
}

@media (max-width: 980px) {
    #main-content .et_pb_section .et_pb_row.boxes {
        grid-template-columns: 1fr;
        row-gap: 2em;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* .boxes.et_pb_row.boxes.img-to-left > :first-child {
        grid-column-start: 1
    } */
    .boxes.img-to-left.et_pb_row > .et_pb_column:last-child {order: -1;}
    /* .img-to-left .et_pb_column_1_2 {order: 2;} */
}

.boxes.et_pb_row > .et_pb_column .et_pb_module {
    padding: 100% 0 0;
    position: relative;
}

.boxes.et_pb_row > .et_pb_column .et_pb_module.et_pb_slider > .et_pb_slides,
/* .boxes.et_pb_row > .et_pb_column .et_pb_module.et_pb_posts, */
/* .boxes.et_pb_row > .et_pb_column .et_pb_module.et_pb_posts > .et_pb_post, */
/* .boxes.et_pb_row > .et_pb_column .et_pb_module.et_pb_slider > .et_pb_slide, */
.boxes.et_pb_row > .et_pb_column .et_pb_module.et_pb_text > .et_pb_text_inner,
.boxes.et_pb_row > .et_pb_column .et_pb_module.et_pb_image > .et_pb_image_wrap,
.boxes.et_pb_row > .et_pb_column .et_pb_module.et_pb_video > .et_pb_video_box,
.boxes:not(.img-no-bg) .et_pb_image .et_pb_image_wrap img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.boxes.et_pb_row > .et_pb_column .et_pb_module.et_pb_video > .et_pb_video_box .fluid-width-video-wrapper,
.boxes.et_pb_row > .et_pb_column .et_pb_module.et_pb_posts > .et_pb_post {
    padding-top: 100% !important
}

.boxes.et_pb_row > .et_pb_column .et_pb_module.et_pb_posts {padding: 40px!important;}
.boxes.et_pb_row .et_pb_column .et_pb_module.et_pb_posts > .et_pb_post {margin-right: 0; height: inherit;}
.boxes.et_pb_row > .et_pb_column .et_pb_module.et_pb_slider > .et_pb_slides {padding: 0px!important;}
.boxes.et_pb_row .et_pb_column .et_pb_module.et_pb_slider .et_pb_slide {margin-right: 0; height: inherit;}

/* .boxes.et_pb_row > .et_pb_column .et_pb_module.et_pb_slider > .et_pb_slides, */
/* .boxes.et_pb_row > .et_pb_column .et_pb_module.et_pb_slider > .et_pb_slide, */
.boxes.et_pb_row > .et_pb_column .et_pb_module.et_pb_posts, 
.boxes.et_pb_row > .et_pb_column .et_pb_module.et_pb_text > .et_pb_text_inner, 
.boxes.et_pb_row > .et_pb_column .et_pb_module.et_pb_image > .et_pb_image_wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    padding: 1em;
}
/* .boxes.et_pb_row > .et_pb_column .et_pb_module.et_pb_text > .et_pb_text_inner,
.boxes.et_pb_row > .et_pb_column .et_pb_module.et_pb_image > .et_pb_image_wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    padding: 1em; 
}
*/
.boxes.et_pb_row > .et_pb_column .et_pb_module.et_pb_image > .et_pb_image_wrap {
    align-items: center;
}

.boxes:not(.img-no-bg) .et_pb_image .et_pb_image_wrap img {
    object-fit: cover;
    display: block;
}


.boxes .et_pb_column .et_pb_text * {
    font-size: 32px; 
    line-height: 1.4;
}

/** Fluid typography
 * https://css-tricks.com/snippets/css/fluid-typography/ */
@media (min-width: 981px) and (max-width: 1300px) {
    .boxes .et_pb_column .et_pb_text * {
        font-size: calc( 28px + (32 - 28) * ((100vw - 981px) / (1300 - 981)) );
    }
}

@media (max-width: 767px) {
    .boxes .et_pb_column .et_pb_text * {
        font-size: calc( 20px + (32 - 20) * ((100vw - 320px) / (767 - 320)) );
    }
}

.boxes .gulbg *,
.boxes .ljusgronbg * {color: #003a5e;}
.boxes .morkgronbg *,
.boxes .orangebg * {color: #ffffff;}

.boxes .gulbg {background-color: #ffe22b;}
.boxes .morkgronbg {background-color: #007961;}
.boxes .ljusgronbg {background-color: #d8e49f;}
.boxes .orangebg {background-color: #ea580c;}

.boxes .et_pb_column .et_pb_text p {font-weight: 100;}
.boxes .et_pb_column .et_pb_text h1,
.boxes .et_pb_column .et_pb_text h2,
.boxes .et_pb_column .et_pb_text h3 {
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 1em;
}



[data-more], [data-less] {
    position: relative;
    padding-right: 1.5em;
    cursor: pointer;
}

[data-more]::before, [data-more]::after,
[data-less]::before {
    position: absolute;
    content: '';
    top: 50%;
    width: 1em;
    border-top: .2em solid;
    right: 0;
    transform: translateY(-50%);
}

[data-more]::after {
    transform: translateY(-50%) rotate(90deg);
}




/** Header */
.et_header_style_left #main-header > .container {
    display: grid;
    grid-template-columns: 156px 1fr 60px;
}

@media (max-width: 980px) {
    .et_header_style_left #main-header > .container {
        grid-template-columns: 1fr 60px 100px;
    }

    .et_header_style_left #et-top-navigation {
        grid-column-start: 3;
        grid-row-start: 1;
    }

    .et_header_style_left #et-top-navigation .mobile_menu_bar {
        padding-bottom: 0
    }

    .et_header_style_left #et-top-navigation .mobile_menu_bar::before {
        font-size: 5em;
        color: var(--orange)
    }
}

.et_header_style_left #main-header > .container .logo_container {
    position: relative;
    height: auto auto 0;
}

.et_header_style_left #main-header > .container #et-top-navigation {
    padding-left: 0 !important;
}

@media (min-width: 981px) {
    .et_header_style_left #main-header > .container #et-top-navigation {
        margin: auto;
    }
}

#header-top-right .widget_media_image {
    line-height: 0;
}

.et_header_style_left #et-top-navigation nav>ul>li>a {
    padding-bottom: 25px;
    font-weight: 800;
}

.et_header_style_left #et-top-navigation nav>ul>li:not(:last-child)::after {
    content: '|';
    position: absolute;
    top: -.1em;
    right: .3em;
    color: #ea580c;
    font-size: 1.4em;
    font-weight: 400;
}

#main-header .et_mobile_menu {
    border-top: 3px solid #ea580c;
}

.et_mobile_menu li a {
    text-align: center;
}

.et_mobile_menu .orange-knapp-meny {
    padding-top: 10px;
}

#et-top-navigation .orange-knapp-meny a {
    background-color: #ea580c;
    color: #ffffff!important;
    border-radius: 10px;
    padding: 5px 10px!important;
    text-align: center;
    width: fit-content;
    margin: auto;
}
#et-top-navigation .orange-knapp-meny a:hover {background-color: #ea580c!important;}

.et-fixed-header #et-top-navigation #top-menu .orange-knapp-meny a {
    color: #ffffff!important;
}


/* Footer */
#main-footer {
    font-size: .9em;
}

@media (min-width: 981px) {
    #main-footer .et_pb_row {
        display: grid;
        grid-template-columns: 40% 1fr 140px;
        column-gap: 20px;
    }

    #main-footer .et_pb_row > .et_pb_column {
        width: 100% !important;
        margin: 0 !important
    }
}

#main-footer ul.nav > li {
    font-size: inherit;
}

#main-footer ul.nav > li:not(:last-child)::after {
    content: '|';
    color: #fff;
    position: absolute;
    top: 0;
    right: -2px;
}
/* footer end */



.home .et_pb_section_video_bg .mejs-video {
    filter: contrast(1.2);
}


.toggle-section .et_pb_row {
    padding: 40px;
}

.toggle-section .et_pb_module {
    font-size: 1.3em;
    font-weight: 300;
}

.toggle-section .et_pb_module h3 {
    font-size: 1.1em;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: .5em;
}

.toggle-section [data-more],
.toggle-section [data-less] {
    color: inherit
}




.et_pb_row.bg-image-row {
    display: flex;
    padding: 0 !important;
    flex-wrap: wrap;
}

@media (min-width: 981px) {
    .et_pb_row.bg-image-row .et_pb_image {
        position: relative;
        height: 100%
    }

    .et_pb_row.bg-image-row:not(.image-right) .et_pb_image {
        margin-right: -40px;
    }

    .et_pb_row.bg-image-row.image-right .et_pb_image {
        margin-left: -40px;
    }

    .et_pb_row.bg-image-row .et_pb_image > .et_pb_image_wrap {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .et_pb_row.bg-image-row .et_pb_image > .et_pb_image_wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .mh-350 {
        min-height: 350px;
    }
}


@media (max-width: 980px) {
    /* .header-title-section .et_pb_module * {
        text-align: center !important;
    } */
    .header-title-section .et_pb_module * {
        text-align: right!important;
    }

    .et_pb_row.bg-image-row.image-right > .et_pb_column:first-child {
        order: 1
    }
}

.header-title-section .et_pb_row_0 .et_pb_column_1 .et_pb_text .et_pb_text_inner p {
    font-size: 4.7vw!important;
    line-height: 1em;
}



/* form */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #ccc;
    font-style: italic;
    transition: opacity .3s;
    transition-delay: 0s;
}

input::-moz-placeholder,
textara::-moz-placeholder { /* Firefox 19+ */
    color: #ccc;
    font-style: italic;
    transition: opacity .3s;
    transition-delay: 0s;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder { /* IE 10+ */
    color: #ccc;
    font-style: italic;
    transition: opacity .3s;
    transition-delay: 0s;
}

input:-moz-placeholder,
textara:-moz-placeholder { /* Firefox 18- */
    color: #ccc;
    font-style: italic;
    transition: opacity .3s;
    transition-delay: 0s;
}


input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    transition-delay: 1s;
    opacity: 0;
}

input:focus::-moz-placeholder,
textara:focus::-moz-placeholder { /* Firefox 19+ */
    transition-delay: 1s;
    opacity: 0;
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder { /* IE 10+ */
    transition-delay: 1s;
    opacity: 0;
}

input:focus:-moz-placeholder,
textara:focus:-moz-placeholder { /* Firefox 18- */
    transition-delay: 1s;
    opacity: 0;
}

input[type=submit] {
    background: var(--blue);
    color: #fff;
    border: .1em solid var(--blue);
    width: 100%;
    padding: .6em;
    text-transform: uppercase;
    font-size: 1.1em;
    cursor: pointer;
    transition: background-color .3s, color .3s
}

input[type=submit]:hover {
    background: none;
    color: var(--blue);
}


#gform_wrapper_2.gravity-theme .gfield.gfield--width-half {color: #ffffff;}



@media (min-width: 2000px) {
	.boxes .et_pb_column .et_pb_text * {
        font-size: 44px;
    }
    .header-title-section .et_pb_row_0 .et_pb_column_1 .et_pb_text .et_pb_text_inner p,
    .et_pb_text_inner h1 {
        font-size: 100px!important;
    } 
}



/* Nyheter */
/*nth av de som visas i listan för färger mm*/
.et_pb_posts article:nth-child(3n+1) {
    background-color: #fad6df;
    color: #003a5e;
}
.et_pb_posts article:nth-child(3n+1) h2,
.et_pb_posts article:nth-child(3n+3) h2,
.et_pb_posts article:nth-child(3n+1) a,
.et_pb_posts article:nth-child(3n+3) a,
.et_pb_posts article:nth-child(3n+1) p,
.et_pb_posts article:nth-child(3n+3) p {
    color: #003a5e;
}
.et_pb_posts article:nth-child(3n+2) {
    background-color: #007961;
    color: #ffffff;
}
.et_pb_posts article:nth-child(3n+2) h2,
.et_pb_posts article:nth-child(3n+2) a,
.et_pb_posts article:nth-child(3n+2) p {
    color: #ffffff;
}
.et_pb_posts article:nth-child(3n+3) {
    background-color: #d8e49f;
    color: #003a5e;
}

.et_pb_posts article .entry-title,
.et_pb_posts article .post-content {
    padding: 15px;
}

@media (min-width: 980px) {
    .et_pb_posts article:nth-child(3n+1) .entry-featured-image-url,
    .et_pb_posts article:nth-child(3n+3) .entry-featured-image-url {
        width: 50%;
        float: right;
    }
    .et_pb_posts article:nth-child(3n+1) .entry-title,
    .et_pb_posts article:nth-child(3n+1) .post-content,
    .et_pb_posts article:nth-child(3n+3) .entry-title,
    .et_pb_posts article:nth-child(3n+3) .post-content {
        width: 50%;
        float: left;
        padding: 30px;
    }

    .et_pb_posts article:nth-child(3n+2) .entry-featured-image-url {
        width: 50%;
        float: left;
    }
    .et_pb_posts article:nth-child(3n+2) .entry-title,
    .et_pb_posts article:nth-child(3n+2) .post-content {
        width: 50%;
        float: right;
        padding: 30px;
    }

    .et_pb_posts article a.entry-featured-image-url {margin-bottom: 0px;}
    .et_pb_posts article a.entry-featured-image-url img {
        min-height: 480px;
        max-height: 480px;
        object-fit: cover;
    }
}