/*
 Theme Name: Divi Child
 Theme URI: http://www.elegantthemes.com/gallery/divi/
 Description:  Divi Child Theme
 Author: Elegant Themes
 Author URI: http://www.elegantthemes.com
 Template:     Divi
 Version: 3.0.90
 Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
 License: GNU General Public License v2
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  Divi-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */



/*--------------------------------------------------------------
# CUSTOM
--------------------------------------------------------------*/

.et_pb_menu .et_pb_menu__wrap {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

#menu-main {
	gap:45px;
}

#et-main-area {
	min-height: 100vh !important;
  	display: flex !important;
  	flex-direction: column !important;
}

.et-l--footer {
	margin: auto 0 0 !important;
}

.navigation-links {
	display: flex;
	flex-wrap: wrap;
	gap: 30px 80px;
	align-items: center;
	justify-content: center;
}

.navigation-links.single-link {
	flex-direction: column;
}

.navigation-link {
	display: flex;
	align-items: center;
	margin-bottom: 0 !important;
}

.navigation-link .et_pb_blurb_content {
	display: flex;
	align-items: center;
	gap: 20px;
}

.navigation-link .et_pb_blurb_content .et_pb_main_blurb_image {
	margin-bottom: 0 !important;
}

.img-full-height, .img-inline {
	width: 100% !important;
	height: 100%;
	display: flex;
}


.img-inline {
	width: 50% !important;
	display: inline-flex;
}

.img-inline .et_pb_image_wrap, .img-full-height .et_pb_image_wrap{
	display: block !important;
	height: 100% !important;
	width: 100% !important;
}

.img-inline img, .img-full-height img {
	height: 100%;
	width: 100% !important;
	object-fit: cover;
}

/*----------------------------------------------------
# MOBIL 
------------------------------------------------------*/

@media all and (min-width: 980px) {
	#mobil-menu-wrapper {
		display:none !important;
	}
}


@media all and (max-width: 980px) {
	.et_mobile_menu:before {
		content:"";
		background:url("/wp-content/uploads/logo.svg");
		width: 200px;
		height: 84px;
		background-size: 200px 84px;
		display: block;
		margin: 30px auto 25px;
	}
	
	
	.menu-logo {
    	width: 100% !important;
		margin: auto !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
	}
	
	.et_pb_menu_inner_container {
    	position: unset !important;
	}

    #mobil-menu-wrapper {
        position: absolute;
        right: 0;
    }
	
	.et_pb_menu__logo-wrap {
		margin-bottom:0px !important;
	}
	
	.et_mobile_nav_menu {
		position: absolute;
		right: -20px;
    	top: -10px;
	}
	
	.mobile_menu_bar {
		z-index:99999;
		padding-bottom: 24px !important;
		width: 30px;
		right: 10px !important;
		top: -6px;
		border-bottom: 2px solid #333;
		cursor: pointer;
		transition: all 0.1s ease;
	}
	
	.mobile_menu_bar::before {
    	content: "";
    	position: absolute;
    	right: 0;
    	top: 10px !important;
    	cursor: pointer;
    	height: 2px;
    	width: 30px;
    	background: #333;
    	display: block;
    	transition: all 0.3s ease;
	}
	
	.mobile_menu_bar::after {
    	content: "";
    	position: absolute;
    	right: 0;
    	top: 17px;
    	cursor: pointer;
    	height: 2px;
    	width: 30px;
    	background: #333;
    	display: block;
    	transition: all 0.3s ease;
	}
	
	.opened .mobile_menu_bar {
    	border-bottom: 2px solid #fff0;
	}
	
	.opened .mobile_menu_bar::before {
    	top: 15px !important;
    	transform: rotate(45deg);
		background: #041228;
	}
	
	.opened .mobile_menu_bar::after {
    	top: 15px;
    	transform: rotate(-45deg);
		background: #041228;
	}

	#page-container #et-boc .et_mobile_menu {
		display: block !important;
		min-height: 100vh !important;
		height: 100% !important;
		padding-top:13px !important;
		padding-bottom: 30px !important;
		top: 0px !important;
		right:-110vw;
		left: unset;
		transition: .7s cubic-bezier(.77,0,.175,1);
		border-top:0px !important;
		margin: auto !important;
		position: fixed !important;
		overflow-y: scroll !important;
		overflow-x: hidden !important;
		box-shadow: unset !important;
        background: #fff !important;
	}
	
	#page-container #et-boc .opened .et_mobile_menu {
		right:0;
	}
	
	.menu-item a::after {
		display:none;
	}
	
	.mobile-open {
		overflow:hidden;
	}
	
	#page-container .et_pb_menu ul.et_mobile_menu li a {
    	color: #041228 !important;
    	text-align: center !important;
		border-bottom: 0px !important;
	}
	
	.switch_order {
		display:flex;
		flex-direction: column;
	}
	
	.order_1 {
		order:1;
	}
	
	.order_2 {
		order:2;
	}

	
}