/*
 Theme Name:     Jan Himmelsbach
 Theme URI:      https://doqode.de/
 Description:    The default Divi-Child-Theme for janhimmelsbach.de
 Author:         doqode - web-solutions (Benjamin Quarta)
 Author URI:     https://doqode.de/
 Template:       Divi
 Version:        1.0
*/

/*------------------------------------------------------- */

@import url("https://use.typekit.net/hqd5cey.css");

body {
	--font-sans-serif: aktiv-grotesk-extended, 'Open Sans', Helvetica, sans-serif;
	
	font-family: var(--font-sans-serif);
}

#page-container a, #page-container abbr, #page-container acronym, #page-container address, #page-container applet, 
#page-container b, #page-container big, #page-container blockquote, #page-container body, #page-container center, #page-container cite, #page-container code, #page-container dd, 
#page-container del, #page-container dfn, #page-container div, #page-container dl, #page-container dt, #page-container em, #page-container fieldset, #page-container font, #page-container form, 
#page-container h1, #page-container h2, #page-container h3, #page-container h4, #page-container h5, #page-container h6, #page-container html, #page-container i, #page-container iframe, #page-container img, 
#page-container ins, #page-container kbd, #page-container label, #page-container legend, #page-container li, #page-container object, #page-container ol, #page-container p, #page-container pre, #page-container q, #page-container s, 
#page-container samp, #page-container small, #page-container span, #page-container strike, #page-container strong, #page-container sub, #page-container sup, #page-container tt, #page-container u, #page-container ul, #page-container var
{
	background-color: transparent;
}

.dipl_interactive_image_card_0 .dipl_interactive_image_card_wrapper figure img, .dipl_interactive_image_card_1 .dipl_interactive_image_card_wrapper figure img, .dipl_interactive_image_card_2 .dipl_interactive_image_card_wrapper figure img, .dipl_interactive_image_card_3 .dipl_interactive_image_card_wrapper figure img, .dipl_interactive_image_card_4 .dipl_interactive_image_card_wrapper figure img {
    opacity: 1 !important;
}

/*No Horizontal Scroll bar*/
#page-container {
  overflow: hidden;
}

/*align the hamburger menu to the right right*/

.jh__fullscreen-menu .et_pb_menu__wrap {
	justify-content: flex-end !important;
}


/*hide the desktop version of the menu*/

.jh__fullscreen-menu .et_pb_menu__wrap .et_pb_menu__menu {
	display: none !important;
}


/*show the mobile version of the menu on desktop*/

.jh__fullscreen-menu .et_pb_menu__wrap .et_mobile_nav_menu {
	display: block !important;
	align-items: center !important;
}

.jh__fullscreen-menu {
	background-color: transparent;
}

.et_pb_menu .closed #mobile_menu_1.et_mobile_menu {
	background-color: transparent !important;
}

.et_pb_menu .closed #mobile_menu_1.et_mobile_menu {
	background-color: #aaaaaa !important;
}

/*style the opened menu*/

.jh__fullscreen-menu .opened #mobile_menu1 {
	width: 100vw !important;
	position: fixed !important;
	top: 0em !important;
	left: 0vw !important;
	height: 100vh !important;
	display: flex !important;
	justify-content: center !important;
	flex-direction: column !important;
	opacity: 1 !important;
	visibility: visible !important;
	transition: visibility 0.3s, opacity 0.3s ease-in-out;
	padding: 0 !important;
}


/*style the closed menu*/

.jh__fullscreen-menu .closed #mobile_menu1 {
	background-color: #fff !important;
	text-align: center !important;
	width: 100vw !important;
	position: fixed !important;
	left: 100vw !important;
	top: 0em !important;
	height: 100vh !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	flex-direction: column !important;
	transition: visibility 0.3s, opacity 0.3s, left 1s, ease-in-out;
	opacity: 0 !important;
	visibility: hidden !important;
}


/*remove the bullet points from the list items*/

.jh__fullscreen-menu #mobile_menu1 li {
	list-style: none !important;
	text-align: center !important;
	width: 100%
}


/*move the menu to the top above other elements*/

.jh__fullscreen-menu .et_pb_menu__wrap span.mobile_menu_bar {
	z-index: 999999 !important;
}


/*change the opened menu icon*/

.jh__fullscreen-menu .et_pb_menu__wrap .opened .mobile_menu_bar:before {
	content: "\4d" !important;
	left: -30px;
}


/*make the hamburger menu fixed position on mobile*/

.jh__fullscreen-menu .opened .mobile_menu_bar {
	position: fixed !important;
}


/*remove the default blue border top on the mobile menu*/

.jh__fullscreen-menu .et_mobile_menu {
	border-top: none;
}


/*remove the default background color on menu items*/

.jh__fullscreen-menu .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}


/*remove the default hover background color and adjust opacity*/

.et_mobile_menu li a:hover {
	background-color: transparent;
	opacity: 1;
}


/*remove the default border bottom on menu items*/

.jh__fullscreen-menu .et_mobile_menu li a {
	border-bottom: none;
}