/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

@import url('roboto.css');
@import url('kenburns.css');


/*** Basics ***/

div, p {
	font-family: 'Roboto Regular', sans-serif;
	font-size: 1.1rem;
	line-height: 1.7rem;
}

ul li {
	font-family: 'Roboto Regular', sans-serif;
	font-size: 1.1rem;
	line-height: 1.7rem;
}

h1, h2, h3, h4, h5 {
	font-family: 'Roboto Regular', sans-serif;
}

h1 {
	font-size: 2.4rem;
	line-height: 3.7rem;
}

h2 {
	font-size: 2rem;
	line-height: 3.7rem;
}

h3 {
	font-size: 1.8rem;
	line-height: 2.3rem;
}

h4 {
	font-size: 1.2rem;
	line-height: 1.6rem;
}


/*** Navigation ***/

#logo {
	overflow: visible;
}

/* Tablet optimisation */

@media only screen and (min-width: 980px) and (max-width: 1200px) {
    .et_pb_svg_logo #logo {
        height: 30% !important;
    }
}

#main-header {
	background-color: #fafafa;
}

#top-menu {
	padding-bottom: 25px;
}

#top-menu>li>a {
	font-family: 'Roboto Light', sans-serif;
	font-size: 1.2rem;
	line-height: 2rem;
	
	opacity: 1 !important;
	
	box-sizing: content-box;
	border: 2px solid transparent;
	color: #1A2B3C;
	padding: 10px 15px !important;
}

.sub-menu {
	background-color: #1A2B3C !important;
}

.sub-menu>li>a {
	font-family: 'Roboto Thin', sans-serif;
	font-size: 1.2rem !important;
	line-height: 1.8rem !important;
	opacity: 1 !important;
}

.sub-menu>li>a {
	color: #ECECE7 !important;
}

/*
#top-menu>li>a:hover {
	border: 2px solid #9B2321;
	border-radius: 12px;
	padding: 10px 15px;
	
	color: #ECECE7 !important;
	transform: scale(.9);
}
*/

#top-menu>li>a:hover {
	color: #9B2321;
}

#top-menu>li.current-menu-item>a {
	color: #9B2321;
}

#top-menu>li>a::before, #top-menu>li>a::after {
	display: block;
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
}

#top-menu>li>a::before {
    top: -2px;
    left: -2px;
    border-top: 2px solid #1A2B3C;
    border-left: 2px solid #1A2B3C;
    transition: 0.5s all;
}

#top-menu>li>a::after {
    bottom: -2px;
    right: -2px !important;
    border-bottom: 2px solid #1A2B3C;
    border-right: 2px solid #1A2B3C;
    transition: 0.5s all;
}

#top-menu>li.current-menu-item>a::before {
    top: -2px;
    left: -2px;
    border-top: 2px solid #9B2321;
    border-left: 2px solid #9B2321;
    transition: 0.5s all;
}

#top-menu>li.current-menu-item>a::after {
    bottom: -2px;
    right: -2px;
    border-bottom: 2px solid #9B2321;
    border-right: 2px solid #9B2321;
    transition: 0.5s all;
}

#top-menu>li>a:hover::before, #top-menu>li>a:hover::after {
    width: 102%;
    height: 50px;
	border-color: #9B2321;
}

/** Submenu "Kontakt" **/

/* Remove drop-down arrow */
#top-menu .menu-item-has-children>a:first-child:after {
	content: "";
	right: unset;
	top: unset;
}

#menu-item-371>.sub-menu {
	width: 99px;
}

#menu-item-371>.sub-menu>li>a {
	width: 99px;
	padding: 0;
}

.sub-menu>#menu-item-372>a::after {
	content: "";
	display: inline-block;
	width: 32px;
	height: 32px;
	margin: 12px;
	background-image: url('https://metallbau-kusmin.de/wp-content/uploads/2024/04/icon-telephone-fill-ecece7.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

.sub-menu>#menu-item-373>a::after {
	content: "";
	display: inline-block;
	width: 32px;
	height: 32px;
	margin: 12px;
	background-image: url('https://metallbau-kusmin.de/wp-content/uploads/2024/04/icon-mail-ecece7.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

@media only screen and (max-width: 980px) {
	
	#menu-item-371 {
		display: block;
	}
	
	#menu-item-371>.sub-menu {
		width: 100%;
	}
	
	.sub-menu>#menu-item-372>a::after {
		content: "+49 (0) 170 77 12 533";
		font-size: 14px;
		width: 250px;
		margin: 24px 12px 12px 12px;
		padding-left: 50px;
	}

	.sub-menu>#menu-item-373>a::after {
		content: "info@metallbau-kusmin.de";
		font-size: 14px;
		width: 250px;
		margin: 12px 12px 24px 12px;
		padding-left: 50px;
	}
}


/*** Header ***/

/** Animation **/

/* Start Ken Burns effect from the bottom */

#page_header .et_parallax_bg {
    background-position: center;
}


/*** Content Elements ***/

/** Buttons **/

.et_pb_button {
	border: 2px solid transparent;
	font-family: 'Roboto Light', sans-serif;
	padding: 10px 15px !important;
}

.et_pb_button:hover {
	background-color: transparent !important;	
}

.et_pb_button.btn_light {
	color: #ECECE7;
}

.frm_contact .et_pb_button {
	color: #ECECE7;
	
}


.et_pb_button::before, .et_pb_button::after {
    display: block;
    content: "" !important;
    width: 20px;
    height: 20px;
    position: absolute;
	opacity: 1;
	margin-left: 0;
}

.et_pb_button::before {
    top: -2px;
    left: -2px;
    border-top: 2px solid #ECECE7;
    border-left: 2px solid #ECECE7;
    transition: 0.5s all;
}

.et_pb_button::after {
    bottom: -2px;
    right: -2px;
    border-bottom: 2px solid #ECECE7;
    border-right: 2px solid #ECECE7;
    transition: 0.5s all;
}

.et_pb_button:hover::before, .et_pb_button:hover::after {
    width: 102%;
    height: 50px;
	border-color: #9B2321;
}

/** Forms **/

/* Change font color of error / success messages */

.et-pb-contact-message {
	color: #FAFAFA;
}


/** Accordions **/

.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title:before {
    display: block!important;
    content: "\22" !important;
	transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
}

.et_pb_toggle .et_pb_toggle_title {
	padding: 0 !important;
}

.et_pb_toggle .et_pb_toggle_title:before {
    right: -25px !important;
	top: 12px;
}
/*
.et_pb_accordion_item {
	display: inline-block;
	margin-right: 50px;
}
*/


/* Accordion "Kunden" */

#row_customers .et_pb_accordion .et_pb_toggle_content {
	width: calc(70vw - 50px);
}

@media only screen and (max-width: 478px) {
	#row_customers .et_pb_accordion_0 .et_pb_toggle_content {
		padding-top: 25px;
		margin-left: 0;
	}

	#row_customers .et_pb_accordion_1 .et_pb_toggle_content {
		padding-top: 25px;
		margin-left: 0;
	}

	#row_customers .et_pb_accordion_2 .et_pb_toggle_content {
		padding-top: 25px;
		margin-left: 0;
	}

	#row_customers .et_pb_accordion_3 .et_pb_toggle_content {
		padding-top: 25px;
		margin-left: 0;
	}

	#row_customers .et_pb_accordion_4 .et_pb_toggle_content {
		padding-top: 25px;
		margin-left: 0;
	}
}

@media only screen and (min-width: 479px) and (max-width: 575px) {
	#row_customers .et_pb_accordion_0 .et_pb_toggle_content {
		padding-top: 25px;
		margin-left: 0;
	}

	#row_customers .et_pb_accordion_1 .et_pb_toggle_content {
		padding-top: 25px;
		margin-left: -33.5vw;
	}

	#row_customers .et_pb_accordion_2 .et_pb_toggle_content {
		padding-top: 25px;
		margin-left: 0;
	}

	#row_customers .et_pb_accordion_3 .et_pb_toggle_content {
		padding-top: 25px;
		margin-left: -33.5vw;
	}

	#row_customers .et_pb_accordion_4 .et_pb_toggle_content {
		padding-top: 25px;
		margin-left: 0;
	}
}

@media only screen and (min-width: 576px) and (max-width: 980px) {
	#row_customers .et_pb_accordion_0 .et_pb_toggle_content {
		padding-top: 25px;
		margin-left: 0;
	}

	#row_customers .et_pb_accordion_1 .et_pb_toggle_content {
		padding-top: 25px;
		margin-left: -35.5vw;
	}

	#row_customers .et_pb_accordion_2 .et_pb_toggle_content {
		padding-top: 25px;
		margin-left: 0;
	}

	#row_customers .et_pb_accordion_3 .et_pb_toggle_content {
		padding-top: 25px;
		margin-left: -35.5vw;
	}

	#row_customers .et_pb_accordion_4 .et_pb_toggle_content {
		padding-top: 25px;
		margin-left: 0;
	}
}

@media only screen and (min-width: 980px) and (max-width: 1499px) {
	#row_customers .et_pb_accordion .et_pb_toggle_content {
		width: calc(72vw - 50px);
	}

	#row_customers .et_pb_accordion_0 .et_pb_toggle_content {
		padding-top: 50px;
	}

	#row_customers .et_pb_accordion_1 .et_pb_toggle_content {
		padding-top: 25px;
		margin-left: -15vw;
	}

	#row_customers .et_pb_accordion_2 .et_pb_toggle_content {
		padding-top: 50px;
		margin-left: -30vw;
	}

	#row_customers .et_pb_accordion_3 .et_pb_toggle_content {
		padding-top: 50px;
		margin-left: -45vw;
	}

	#row_customers .et_pb_accordion_4 .et_pb_toggle_content {
		padding-top: 50px;
		margin-left: -60vw;
	}
}

@media only screen and (min-width: 1500px) {
	#row_customers .et_pb_accordion .et_pb_toggle_content {
		width: calc(62vw - 50px);
	}	

	#row_customers .et_pb_accordion_0 .et_pb_toggle_content {
		padding-top: 50px;
	}

	#row_customers .et_pb_accordion_1 .et_pb_toggle_content {
		padding-top: 25px;
		margin-left: -12vw;
	}

	#row_customers .et_pb_accordion_2 .et_pb_toggle_content {
		padding-top: 50px;
		margin-left: -24vw;
	}

	#row_customers .et_pb_accordion_3 .et_pb_toggle_content {
		padding-top: 50px;
		margin-left: -36vw;
	}

	#row_customers .et_pb_accordion_4 .et_pb_toggle_content {
		padding-top: 50px;
		margin-left: -48.5vw;
	}
}


/*** Footer ***/

#main-footer p {
	font-family: 'Roboto Regular', sans-serif;
	font-size: .9rem;
	line-height: 1.7rem;
}

.et_pb_widget {
	float: none;
}

.et_pb_gutters3.et_pb_footer_columns4 .footer-widget .fwidget {
	margin-bottom: 1em !important;
}

#et-footer-nav {
	display: none;
}

/* Remove bullet points in front of footer menu items and change font size */
#footer-widgets .footer-widget li {
	padding-left: 0;
	font-family: 'Roboto Regular', sans-serif;
	font-size: .9rem;
	line-height: 1.7rem;
}

#footer-widgets .footer-widget li:before {
	display: none;
}



/*** Reset editor styling no default ***/

.et-fb-form__toggle-title>h3 {
	font-family: 'Open Sans', Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    font-size: 20px!important;
    font-style: normal;
    line-height: 1em;
    text-decoration: none;
    letter-spacing: 0;
}

.et-fb-form__toggle-title>h3::before {
	content: '';
	display: none;
}

.et-fb-settings-options ul li {
    font-family: 'Open Sans', Helvetica, Roboto, Arial, sans-serif;
    font-size: 13px;
    line-height: 26px !important;
    font-weight: 600;
}

.CodeMirror-lines {
    font-family: 'Open Sans', Helvetica, Roboto, Arial, sans-serif;
    font-size: 13px;
    line-height: 150%;
    font-weight: 700;
}