/*
 Theme Name:     Rossi Alloy Service Theme
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Rossi Alloy Service Theme
 Author:         Niek André | Media Monkeyz
 Author URI:     https://www.mediamonkeyz.nl
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/* header-nav */
#menu-nav-menu .current-menu-item a::before,
#menu-nav-menu .current_page_item a::before {
 content: "";
 position: absolute;
 z-index: 2;
 left: 0;
 right: 0;
 top:75px;
 background: #f4b942;
}
#menu-nav-menu li a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 50%;
 top: 75px;
 right: 50%;
 bottom: 50%;
 background: #810120; 
 height: 2px;
 -webkit-transition-property: all;
 transition-property: all;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-in-out;
 transition-timing-function: ease-in-out;
}
#menu-nav-menu li a:hover {
 opacity: 1 !important;
}
#menu-nav-menu li a:hover:before {
 right: 0%;
	left: 0%;
}
#menu-nav-menu ul.sub-menu li a:before{
	display: none;
}
#menu-nav-menu li li a:before {
 top: 10%;
}

/* Footer menu verticaal */
div#footer-nav>div>div>.et_pb_menu__menu>nav>ul>li{
	width:100%;
}

footer a{
	color: white;
}

.links-white a{
	color:white;
}

.inline-btn{
	display: inline-block;
	margin: 0 10px;
}

/* Bulletpoints about text */
#about-text ul{
	 list-style-image: url('https://ras.mediamonkeyz.nl/wp-content/uploads/2021/04/RAS-BulletPoint-01.png');
} 

/* Productenkader */
.productCont{
	display: flex;
	justify-content: space-between;
	align-content: center;
	flex-wrap: wrap;
}

.back{
	position:absolute;
	top: 10px;
	left: 10px;
	padding: 5px 8px;
	color: white;
	display: none;
}
.mainProduct, .back, .ui-accordion-header{
	cursor: pointer;
}

.mainProduct, .valves{
	margin: 50px 20px;
	flex-grow: 1;
	width: 28%;
	text-align: center;
	align-content: center;
	display:none;
}
.valves{
	display: block;
}
.mainProduct img, .subProduct img{
	margin-bottom: 20px;
}

.subProduct{
	margin: 50px 20px;
	flex-grow: 1;
	width: 28%;
	text-align: center;
	align-content: center;
	display:none;
	transition: all .3s;
}

.active{
	display: block;
}

ul.et_pb_tabs_controls{
	background: none;
	display: flex;
	justify-content: center;
}
ul.et_pb_tabs_controls li{
	border:none;
}
.et_pb_tabs{
	border: none;	
}

/* Contactform */
.et-pb-contact-message{
	padding: 10px 30px;
}

#footer-nav .et_pb_menu__menu{
	display: block;
}

@media (max-width: 1600px){
	#footer h6{
		font-size: 30px;
	}
}

@media (max-width: 980px){
	ul.et_pb_tabs_controls{
		display: block;
	}
	
	h2{
		font-size: 18px;
	}
	.et_builder_inner_content .et_pb_section_0{
		height: auto;
	}
}