/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme 2
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/**************************** PXD: Additional css ***********************************************/

/* PXD: disable fade effect on the logo */
.et-pb-active-slide .et_pb_slide_image, .et_pb_slide:first-child .et_pb_slide_image img.active {
    -webkit-animation-name: none!important;
    animation-name: none!important;
}

/* PXD: disable top padding on menu */

@media only screen and ( min-width: 768px ) {
.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul {
 padding:0 0!important
}

.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul>li {
 margin-top:0
}
}

/* PXD: Main Content padding on the top */
#main-content {
	padding-top: 40px;
}

/**************************** Veronica: from the backend section "additional css" ***********************************************/

#main-header {
display: none;
}

.et_pb_fullwidth_menu .fullwidth-menu-nav {
width: max-content;
}
.home p#breadcrumbs {
  display: none;
}

.et_pb_module.et_pb_fullwidth_menu .et_pb_row {
    width: 100% !important;
    max-width: 100% !important;
}
/*.fullwidth-menu>li:last-child {
    padding-right: 20px !important;
}*/
/*.et_pb_fullwidth_menu_0.et_pb_fullwidth_menu ul li a {
margin-bottom: -15px;
margin-top: 15px;
margin-left: 8px;
margin-right: 2px;
font-weight: bold;
font-size: 16px;
}*/

/*.et_pb_fullwidth_menu .fullwidth-menu-nav>ul {
padding-top: 0px !important;
line-height: 0px;
}

.et_pb_fullwidth_menu_1.et_pb_fullwidth_menu ul li a {
margin-bottom: -15px;
margin-top: 15px;
margin-left: 8px;
margin-right: -8px;
}*/

.custom_menu .et_pb_menu__menu>nav>ul>li>a {
    padding: 0;
    margin: 10px 10px;
}

.nav-hem {
    background: #CA1C3F;
	color: #fff;
}

.menu-primary li.nav-hem a:hover {
    background: #fff;
	color: #333;
}

.nav-hallbarhet {
    background: #7CB2B4;
	color: #fff;
	
}

.menu-primary li.nav-hallbarhet a:hover {
    background: #fff;
	color: #333;
}

.nav-vardag {
    background: #C35E18;
	color: #fff;
}

.menu-primary li.nav-vardag a:hover {
    background: #fff;
	color: #333;
}

.nav-lekfritid {
    background: #EB720B;
	color: #fff;
}

.menu-primary li.nav-lekfritid a:hover {
    background: #fff;
	color: #333;
}

.nav-pryda  {  
background: #E9A331;
	color: #fff;
}

.menu-primary li.nav-pryda a:hover {
    background: #fff;
	color: #333;
}

.nav-budskap {  
background: #9EA61D;
	color: #fff;
}

.menu-primary li.nav-budskap a:hover {
    background: #fff;
	color: #333;
}

.nav-materialtekniker {  
background: #EC5E76;
	color: #fff;
}

.menu-primary li.nav-materialtekniker a:hover {
    background: #fff;
	color: #333;
}

.nav-inspiration {  
	background: #4B82C5;
	color: #fff;
}

.menu-primary li.nav-inspiration a:hover {
    background: #fff;
	color: #333;
}

.nav-slojdare {
    background: #7D69B0;
	color: #fff;
}

.menu-primary li.nav-slojdare a:hover {
    background: #fff;
	color: #333;
}

.nav-om {
    background: #CA1C3F;
	color: #fff;
}

.menu-primary li.nav-om a:hover {
    background: #fff;
	color: #333;
}


.nav-primary a:hover, .nav-primary .current-menu-item > a {
    color: #333;
	background: #fff;
}

.menu-primary a:hover {
-webkit-box-shadow: 5px 5px 5px rgba(50, 50, 50, 50);
-moz-box-shadow:    5px 5px 5px rgba(50, 50, 50, 50);
box-shadow:         5px 5px 5px rgba(50, 50, 50, 50);
}

.menu-primary a, .menu a {
color: #fff;
}

.genesis-nav-menu .sub-menu a {
color: #333;
}

/**Changing the format of the portfolio images*/

.et_portfolio_image {
 padding-top: 100%;
 }
 .et_portfolio_image img {
 position: absolute;
 height: 100%;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
object-fit: cover;
 }

/**Flytta logo till vänster*/
.et_pb_fullwidth_header_container.right .header-content {
    text-align: left;
}

/**Stoppa slide-in av logo-bild*/
.et_pb_slide_image, .et_pb_slide:first-child .et_pb_slide_image img.active {
    -webkit-animation-duration: 0s !important;
    animation-duration: 0s !important;
} 
/**Inställning för att centrera texten i menyn*/
.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul>li>a{
    padding-top:15px !important;
    padding-bottom:15px !important;
}
.et-menu .menu-item-has-children>a:first-child:after{
    top:15px;
}
/**Tre kolumner för portfolio*/
/* THREE COLUMN PORTFOLIO GRID LAYOUT */

@media only screen and ( min-width: 768px ) {

.three-column-grid .et_pb_grid_item {
width: 31% !important;
margin: 0 3% 3% 0 !important;
}
 
.three-column-grid .et_pb_grid_item:nth-child(3n) {
margin-right: 0 !important;
}

.three-column-grid .et_pb_grid_item:nth-child(3n+1) {
clear: left;
}

.three-column-grid .et_pb_grid_item:nth-child(4n+1) {
clear: unset !important;
}

}

/* PXD: Font Size Menu */
.et-menu li {
    font-size: 20px;
}