/*
 Theme Name:     SALT - Tema
 Theme URI:      https://salt.efs.nu/
 Description:    SALT - Tema
 Author Name:
 Author URI:
 Template:       Divi
 Version:        1.0.0
*/

/*meny/header*/
#main-header {
	-webkit-box-shadow: unset;
	box-shadow: unset;
}

header .et_pb_menu .et-menu a {
    text-transform: uppercase;
    font-weight: 800;
    color: #000000;
}
header .et_pb_menu .et-menu .current-menu-item > a {
    color: #f39200;
}

/*SIDOMENYN PÅ SIDOR*/
.sidor-wrapper .et_pb_row_1-4_3-4 .et_pb_column_1_4 .et_pb_menu_0_tb_body .et-menu {
    flex-direction: column;
}
.sidor-wrapper .et_pb_row_1-4_3-4 .et_pb_column_1_4 .et_pb_menu_0_tb_body .et-menu > li {
    flex-direction: column;
}
.sidor-wrapper .et_pb_row_1-4_3-4 .et_pb_column_1_4 .et_pb_menu_0_tb_body .et-menu > li ul {
    /* position: relative; */
    /* width: auto; */
    visibility: visible;
    /* opacity: 1; */
    background-color: #ffffff00 !important;
    top: auto;
    left: auto;
    padding: 0;
    box-shadow: none;
    border-top: 0;
    display: none;
}
.sidor-wrapper .et_pb_row_1-4_3-4 .et_pb_column_1_4 .et_pb_menu_0_tb_body .et-menu > li.current-menu-ancestor ul,
.sidor-wrapper .et_pb_row_1-4_3-4 .et_pb_column_1_4 .et_pb_menu_0_tb_body .et-menu > li.current-menu-parent ul {
    position: relative;
    opacity: 1;
    transition-duration: 400ms;
   display: block!important;
}
.sidor-wrapper .et_pb_row_1-4_3-4 .et_pb_column_1_4 .et_pb_menu_0_tb_body .et-menu > li.et-hover ul {
    position: relative;
     display: block!important;
}
.sidor-wrapper .et_pb_row_1-4_3-4 .et_pb_column_1_4 .et_pb_menu_0_tb_body .et-menu > li ul li {width: 100%;}

.sidor-wrapper .et_pb_row_1-4_3-4 .et_pb_column_1_4 .et_pb_menu_0_tb_body .et-menu li li a {
    padding: 5px 0px;
    width: auto;
}
.sidor-wrapper .et_pb_row_1-4_3-4 .et_pb_column_1_4 .et_pb_menu_0_tb_body .et-menu a {
    text-transform: uppercase;
    font-weight: 800;
    color: #000000;
    font-size: 20px;
    transition: none;
}
.sidor-wrapper .et_pb_row_1-4_3-4 .et_pb_column_1_4 .et_pb_menu_0_tb_body .et-menu .current-menu-item > a {
    color: #f39200;
}
/*text kategori ovanför sidomenyn*/
.sidor-wrapper .et_pb_row_1-4_3-4 .et_pb_column_1_4 .et_pb_text_0_tb_body {
    margin-bottom: 0!important;
    font-weight: 500;
    font-size: 16px;
}



/*huvudmeny/header i mobilvy*/
@media (max-width: 980px) {
    header .et_pb_row {
        width: 100%!important;
    }
    header .et_pb_row .et_pb_column {
        display: flex;
    }
    header .et_pb_row .et_pb_column .et_pb_menu {
        min-width: 25%;
    }
    header .et_pb_row .et_pb_column .et_pb_menu .et_mobile_menu {
        top: 110px;
        padding: 5%;
        width: 100vw;
        /* left: -80%; */
        min-height: calc(100vh - 170px);
        background-color: #f0ebe3!important;
        border-top: 0px;
    }
    header .et_pb_row .et_pb_column .et_pb_menu .et_mobile_menu li {
        width: fit-content;
        min-width: 230px;
        padding-left: 10px;
    }
    header .et_pb_row .et_pb_column .et_pb_menu .et_mobile_menu li a {
        text-transform: uppercase;
        font-size: 16px;
        color: #000000;
        font-weight: 800;
        background-color: unset;
        border-bottom: 0px;
    }
    header .et_pb_row .et_pb_column .et_pb_menu .et_mobile_menu .sub-menu li a {
        font-weight: 400;
    }
    header .et_pb_row .et_pb_column .et_pb_menu .et_mobile_menu li.current-menu-item a,
    header .et_pb_row .et_pb_column .et_pb_menu .mobile_nav .mobile_menu_bar::before {
        color: #f39200;
    }
    header .et_pb_row .et_pb_column .et_pb_menu .mobile_nav.opened .mobile_menu_bar::before {
        content: "M";
        transition: ease-in-out;
    }

        /*change hamburger icon to x when mobile menu is open*/

    #et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
    .et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
        content: '\4d';
    }

    /*adjust the new toggle element which is added via jQuery*/

    ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
    ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
    .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
    .et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
        width: 44px;
        height: 100%;
        padding: 0px !important;
        max-height: 44px;
        border: none;
        position: absolute;
        right: -20px;
        top: 0px;
        z-index: 999;
        background-color: transparent;
    }

    /*some code to keep everyting positioned properly*/

    ul.et_mobile_menu>li.menu-item-has-children,
    ul.et_mobile_menu>li.page_item_has_children,
    ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
    .et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
    .et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
    .et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
        position: relative;
    }

    /*remove default background color from menu items that have children*/

    .et_mobile_menu .menu-item-has-children>a,
    .et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
        background-color: transparent;
    }

    /*hide the submenu by default*/

    ul.et_mobile_menu .menu-item-has-children .sub-menu,
    #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
    .et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
    .et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
        display: none !important;
        visibility: hidden !important;
    }

    /*show the submenu when toggled open*/

    ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
    #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
    .et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
    .et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
        display: block !important;
        visibility: visible !important;
        background-color: #f0ebe3!important;
    }

    /*adjust the toggle icon position and transparency*/

    ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
    .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
        text-align: center;
        opacity: 1;
    }

    /*submenu toggle icon when closed*/

    ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
    .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
        top: 10px;
        position: relative;
        font-family: "ETModules";
        content: '\35';
        color: #f39200;
        /* background: #f0f3f6; */
        border-radius: 50%;
        padding: 3px;
    }

    /*submenu toggle icon when open*/

    ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
    .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
        content: '\33';
    }

    /*add point on top of the menu submenu dropdown*/

    .et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
        position: absolute;
        right: 5%;
        margin-left: -20px;
        top: -14px;
        width: 0;
        height: 0;
        content: '';
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-bottom: 20px solid #ffffff;
    }

    /*adjust the position of the hamburger menu*/

    .mobile_menu_bar {
        position: relative;
        display: block;
        bottom: 10px;
        line-height: 0;
    }

    /*force the background color and add a rounded border*/

    .et_pb_menu_0.et_pb_menu .et_mobile_menu,
    .et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
        background-color: #ffffff!important;
        border-radius: 10px;
    }


}





/*ge sektioner genomskinlig bakgrundsfärg som standard*/
.entry-content .et_pb_section,
#main-content .et_pb_section {
    background-color: #f0ebe3;
}

/* Knappar stil */
.et_pb_button_module_wrapper .et_pb_button {
    padding: 10px 30px!important;
    font-size: 14px;
    font-weight: 900;
    border-top-left-radius: 10px;
}
.et_pb_button_module_wrapper .et_pb_button:hover {
    padding: 10px 30px!important;
    font-size: 14px;
    font-weight: 900;
    border-top-left-radius: 0px;
}



/*utseende sidor*/
.sidor-wrapper {padding: 0px!important;}
.sidor-wrapper .sidor-wrapper-sidobar {padding: 3% 0px;}
.sidor-wrapper .sidor-wrapper-sidobar .et_pb_module .widget .widgettitle {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
}
.sidor-wrapper .sidor-wrapper-sidobar .et_pb_module .widget .menu a {
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
    color: #000000;
}
.sidor-wrapper .sidor-wrapper-sidobar .et_pb_module .widget .menu .current-menu-item a {
    color: #f39200!important;
}
.sidor-wrapper .sidor-wrapper-content {}
.sidor-wrapper .sidor-wrapper-content .et_pb_row_inner {padding: 0px;}
.sidor-wrapper .sidor-wrapper-content .et_pb_row_inner .et_pb_row {width: 100%;}
.sidor-wrapper .sidor-wrapper-content .et_pb_column_single {padding: 0px;}

@media (max-width: 980px) {
    .sidor-wrapper .sidor-wrapper-sidobar {
        margin-bottom: 0px!important;
    }
    .sidor-wrapper .sidor-wrapper-sidobar .et_pb_module .widget {
        margin-bottom: 0px;
    }
    .sidor-wrapper .sidor-wrapper-content .et_pb_row_inner .et_pb_section_0 {
        padding-top: 0px;
    }
    .sidor-wrapper .sidor-wrapper-sidobar .mobile_nav .et_mobile_menu {border-top-color: #f39200!important;}
    .sidor-wrapper .sidor-wrapper-sidobar .mobile_nav .mobile_menu_bar:before {
        color: #f39200!important;
    }
}



/*BILDER och BAKGRUNDER KANTER OCH RAMAR BORDERS*/

.ingen-kant-bild img {border-radius: 0px!important; border: 0px!important;}
.et_pb_image img {
    border-top-left-radius: 35px;
}
.et_pb_row .et_pb_column.et_pb_column_4_4 .et_pb_image img,
.et_pb_row .et_pb_column.et_pb_column_4_4 .et_pb_column_1_3 .et_pb_image img {
    border: 5px solid #f39200;
}
.et_pb_row .et_pb_column.et_pb_column_4_4 .et_pb_image img {
    border: none;
}

.has-background-color {
    border-top-left-radius: 20px;
    padding: 30px 25px !important;
}

.div-border-yellow{
	border: 5px solid #f39200;
	border-top-left-radius: 35px;
	padding: 20px;
}

.div-bg-white{
	background-color: #ffffff;
}

.et_pb_toggle_close .et_pb_toggle_title,
.et_pb_toggle_close h5.et_pb_toggle_title {color: #000000;}

.home .dipl_blog_slider .layout1 .dipl_blog_slider_content_wrapper {padding: 20px;}



.page-id-152 .et_pb_team_member img {
	object-fit: cover;
    width: 200px;
}


/*Länkar som knappar på specifika sidor*/

/*Sida organisation*/
.page-id-142 .et_pb_text p a {
    padding: 10px 20px !important;
    font-size: 14px;
    border-top-left-radius: 10px;
    background-color: #f39200;
    color: #111111;
    line-height: 45px;
}


/*Resurser*/

.parent-pageid-69 .sidor-wrapper-content a {
    padding: 10px 30px !important;
    font-size: 14px;
    font-weight: 900;
    border-top-left-radius: 10px;
    color: #000000;
    background-color: #f39200;
    line-height: 45px;
}

/*kontakta oss*/

@media (min-width: 768px) {
	.page-id-152 .et_pb_team_member_description {min-width: 220px;}
}
@media (max-width: 768px) {
	.page-id-152 .et_pb_team_member_description {width: min-content;}
}

@media (min-width: 768px) and (max-width: 1150px) {
	.page-id-152 .personalrad .et_pb_column {
		width: 100%;
	}
	.page-id-152 .personalrad {flex-direction: column;}
}


@media (max-width: 500px) {
	.page-id-152 .personalrad .et_pb_team_member {
		flex-direction: column;
		align-items: start;
		width: 100%;
	}
	.page-id-152 .et_pb_team_member_description {width: 100%;}
}