/*
 Theme Name:     Divi Child
 Theme URI:      https://workout-verlag.de/
 Description:    Divi Child Theme for our clients
 Author:         Torsten Landsiedel
 Author URI:     https://workout-verlag.de/
 Template:       Divi
 Version:        1.0.0
*/

/* +--------------------
 * | Menu
 * +--------------------
 */

li.highlight a {
	background: #AFCA0B;
	padding: 10px !important;
	color: #000 !important;
	border: 2px solid #AFCA0B;
	border-radius: 3px;
	font-weight: 900 !important;
}

.et-fixed-header #top-menu li.highlight a {
	color: #000 !important;
}

.highlight {
  padding-bottom: 20px;
}

li.highlight a:hover {

}

.highlight a {
  animation: pump 2s ease-in-out infinite;
  transform-origin: center;
}

@keyframes pump {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

.highlight-outline a {
  border: 2px solid #afca0b !important;
  padding: 10px !important;
  border-radius: 3px;
}

/* +--------------------
 * | Changing the Column Stacking Order On Mobile
 * +--------------------
 */

@media all and (max-width: 980px) {
	/*** wrap row in a flex box ***/
	.custom_row {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap; /* Safari 6.1+ */
		flex-wrap: wrap;
	}
	/*** custom classes that will designate the order of columns in the flex box row ***/
	.first-on-mobile {
		-webkit-order: 1;
		order: 1;
	}
	.second-on-mobile {
		-webkit-order: 2;
		order: 2;
	}
	.third-on-mobile {
		-webkit-order: 3;
		order: 3;
	}
	.fourth-on-mobile {
		-webkit-order: 4;
		order: 4;
	}
	/*** add margin to last column ***/
	.custom_row:last-child .et_pb_column:last-child {
		margin-bottom: 30px;
	}
}

/* +--------------------
 * | Vertikales Footer Menü
 * +--------------------
 */
.vertical-menu .et_pb_menu_inner_container,
.vertical-menu .et_pb_menu__wrap,
.vertical-menu .et_pb_menu__menu,
.vertical-menu.et_pb_menu .et_pb_menu__menu>nav,
.vertical-menu.et_pb_menu .et_pb_menu__menu>nav>ul {
display: block;
}.vertical-menu .et_mobile_nav_menu {
display: none;
}

/* +--------------------
 * | Highlight Footer Menü
 * +--------------------
 */
.footer-highlight a {
	text-transform: uppercase;
	color: #AFCA0B !important;
}

/* +--------------------
 * | Hide Mobile Menu in Footer
 * +--------------------
 */
 
@media only screen and (max-width: 980px) {
     
    footer .et_pb_menu__menu {
        display: block !important;
    }
 
    footer #et_mobile_nav_menu, footer .et_mobile_nav_menu { 
        display: none !important;
    }
 
}