/*
 Theme Name:     Chronotracer
 Description:    Theme for Chronotracer
 Author:         subLoft
 Author URI:     https://subloft.com
 Template:       Divi
 Version:        1.0.0
*/

/* Import parent theme styles */
@import url("../Divi/style.css");

/* Add your custom styles below */
/*show desktop menu on phone*/

@media screen and ( max-width: 980px ) {
	.pa-open-mobile-menu .et_pb_menu__menu {
		display: flex!important;
	}
	.pa-open-mobile-menu .et_mobile_nav_menu {
		display: none!important;
	}
    .reverse-row {
        display: flex;
        flex-direction: column-reverse;
    }
/*align the hamburger menu to the right right*/
.pa-fullscreen-menu .et_pb_menu__wrap {
	justify-content: flex-end !important;
}


/*hide the desktop version of the menu*/
.pa-fullscreen-menu .et_pb_menu__wrap .et_pb_menu__menu {
	display: none !important;
}

/*show the mobile version of the menu on desktop*/
.pa-fullscreen-menu .et_pb_menu__wrap .et_mobile_nav_menu {
	display: block !important;
	align-items: center !important;
}

/*style the opened menu*/
.pa-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*/
.pa-fullscreen-menu .closed #mobile_menu1 {
	background-color: #103441 !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*/
.pa-fullscreen-menu #mobile_menu1 li {
	list-style: none !important;
	text-align: center !important;
	width: 100%
}

/*move the menu to the top above other elements*/
.pa-fullscreen-menu .et_pb_menu__wrap span.mobile_menu_bar {
	z-index: 999999 !important;
}

/*change the opened menu icon*/
.pa-fullscreen-menu .et_pb_menu__wrap .opened .mobile_menu_bar:before {
	content: "\4d" !important;
}

/*make the hamburger menu fixed position on mobile
.pa-fullscreen-menu .opened .mobile_menu_bar {
	position: fixed !important;
}*/

/*remove the default blue border top on the mobile menu*/
.pa-fullscreen-menu .et_mobile_menu {
	border-top: none;
}

/*remove the default background color on menu items*/
.pa-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*/
.pa-fullscreen-menu .et_mobile_menu li a {
	border-bottom: none;
}
}