/*
 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
------------------------------------------------------- */
 

.wpml-ls-legacy-dropdown a {
    display: block;
    text-decoration: none;
    color: #986b58;
    border: none;
    background-color: #fff;
    line-height: 1;
    font-family: 'museo',sans-serif;
    font-weight: 400;
    padding: 0;
    margin: 0;
    width: 40px;
    font-size: 1rem;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    content: '';
    vertical-align: middle;
    display: inline-block;
    border: .25em solid transparent;
    border-top: .35em solid;
    position: absolute;
    right: 0%;
    top: calc(50% - .175em);
}
.et_primary_nav_dropdown_animation_fade #et-top-navigation ul li>ul {
    transform: translate(0px,0px) !important;
    transition: all .2s ease-in-out;
}
ul.wpml-ls-sub-menu li a {
    padding: 5px 10px;
}

/******************
 * multistep form *
 * by KoL ViDYO   *
 ******************/
.multistep-form {
	 background-color: #f5f0ee;
	 padding: 20px 60px;
	 max-width: 1200px;
	 margin: auto;
}
 .multistep-form .step {
	 margin-bottom: 20px;
}
 .multistep-form h3 {
	 margin-bottom: 0.8rem;
}
 .multistep-form .hidden, .multistep-form.hidden {
	 display: none !important;
}
 .multistep-form .step-navigation {
	 display: flex;
	 justify-content: space-between;
	 margin-bottom: 60px;
}
 .multistep-form .step-navigation .to-step {
	 color: #986b58;
	 cursor: pointer;
}
 .multistep-form .step-navigation .active {
	 color: #c21432;
}
 .multistep-form .step-navigation .disabled {
	 color: grey;
	 cursor: default;
}
 .multistep-form .et_pb_button:hover {
	 cursor: pointer;
}
 .multistep-form .et_pb_button.disabled, .multistep-form .et_pb_button.disabled:hover {
	 color: darkgray !important;
	 cursor: default;
}
 .multistep-form .et_pb_button.next {
	 margin-left: auto;
}
 .multistep-form .warning {
	 color: #c21432;
}
 .multistep-form .wpcf7-form-control.wpcf7-radio, .multistep-form .wpcf7-form-control.wpcf7-checkbox {
	 display: flex;
	 justify-content: space-between;
	 margin-bottom: 20px;
}
 .multistep-form .wpcf7-list-item {
	 margin: 0 0 0 20px;
	 cursor: pointer;
}
 .multistep-form .wpcf7-list-item.first {
	 margin: 0;
}
 .multistep-form .wpcf7-list-item label {
	 display: flex;
	 flex-direction: column;
	 cursor: pointer;
}
 .multistep-form .wpcf7-list-item input {
	 height: 0;
     width: 0;
     opacity: 0;
}
 .multistep-form .wpcf7-list-item .wpcf7-list-item-label {
	 margin-left: 10px;
}
 .multistep-form .wpcf7-list-item .wpcf7-list-item-label:before {
	 display: inline-block;
	 content: url('/wp-content/uploads/petfood/radio-off.svg');
	 position: relative;
	 left: -10px;
	 width: 20px;
	 height: 20px;
	 top: 4px;
}
 .multistep-form .wpcf7-list-item input:checked + .wpcf7-list-item-label:before {
	 content: url('/wp-content/uploads/petfood/radio-on.svg');
}
 .multistep-form input[type=checkbox]:checked ~ img {
	 border: solid 2px #c21432;
}
 .multistep-form .button-wrapper {
	 display: flex;
	 justify-content: space-between;
}
 .multistep-form .form-wrapper {
	 display: flex;
	 flex-direction: row;
	 flex-wrap: wrap;
	 justify-content: space-between;
	 gap: 20px;
	 margin-top: 20px;
}
 .multistep-form .form-wrapper input, .multistep-form .form-wrapper textarea, .multistep-form .form-wrapper select {
	 width: 100%;
	 padding: 5px 10px;
	 font-size: 1rem;
}
 .multistep-form .form-wrapper .form-1-1 {
	 width: 100%;
}
 .multistep-form .form-wrapper .form-1-2 {
	 width: calc(50% - 10px);
}
 .multistep-form .form-wrapper .form-1-3 {
	 width: calc((99% / 3) - 10px);
}
 .multistep-form input[type=file] {
	 opacity: 0;
	 width: 0.1px;
	 height: 0.1px;
	 position: absolute;
}
 .multistep-form .file-upload-button {
	 background-color: #c21432;
	 padding: 10px;
	 cursor: pointer;
	 color: white;
	 display: block;
}
 .multistep-form .file-details {
	 height: 20px;
	 display: block;
}
 .multistep-form .info-popup {
	 color: #c21432;
	 cursor: pointer;
}
 .multistep-form .info-popup-wrapper {
	 position: fixed;
	 background-color: rgba(39, 39, 39, 0.5);
	 width: 100vw;
	 height: 100vh;
	 top: 0;
	 left: 0;
	 z-index: 1000;
	 display: flex;
	 align-items: center;
	 justify-content: center;
}
 .multistep-form .info-popup-wrapper .img-box {
	 position: relative;
}
.multistep-form .info-popup-wrapper .img-box img {
	max-height: 80vh;
}
 .multistep-form .info-popup-wrapper .close {
	 font-size: 80px;
	 top: 0;
	 right: 7px;
	 position: absolute;
	 text-shadow: 0 0 15px lightgray;
	 cursor: pointer;
}
 .multistep-form .information {
	 padding: 20px 0;
}
 .multistep-form .textarea-count {
	 text-align: right;
	 font-style: italic;
	 color: grey;
	 display: block;
}
 .multistep-form p {
	 padding-bottom: 1em !important;
}
 .multistep-form .first-step-wrapper .animal-wrapper {
	 width: 75%;
	 display: inline-block;
}
 .multistep-form .first-step-wrapper .general-feedback-wrapper {
	 width: 24%;
	 display: inline-block;
	 padding: 0 20px;
}
 .multistep-form .first-step-wrapper .wpcf7-form-control.wpcf7-checkbox {
	 margin-bottom: 0;
}
 .multistep-form .language-switcher {
	 text-align: right;
}
 .multistep-form .language-switcher a {
	 margin: 0 0 0 10px;
}
 .multistep-form .language-switcher a.active {
	 color: grey;
}

.multistep-form input[type=checkbox]:focus + span {
	color: #c21432;
}

.multistep-form button:focus {
	color: #c21432;
}

.multistep-form table tr td:first-of-type {
	width: 40%;
}

.deloitte-award {
	/*display: none !important;*/
	
}

/* changes by ViDYO KoL*/
@media (min-width: 1451px) {
	#top-menu li.deloitte-award a {
		background-image: url("https://www.ospelt.com/wp-content/uploads/2024/07/BMC-Programme_Black-logo.png");
		background-size: contain;
		background-repeat: no-repeat;
		color: transparent !important;
		top: -25px;
		display: block !important;
	}

	#top-menu li.deloitte-award {
		padding-left: 100px;
	}
	
	#page-container #main-header.et-fixed-header #top-menu li.deloitte-award a {
		color: transparent !important;
	}
	       
}


@media (max-width: 950px) {
	.multistep-form {
		padding: 10px 20px;
	}
	.multistep-form .step-navigation .step-title {
		display: none;
	}
	
	.multistep-form .language-switcher {
		display: flex;
    	flex-direction: column;
	}
	
	.multistep-form .first-step-wrapper .animal-wrapper {
		width: 100%
	}
	
	.multistep-form .first-step-wrapper .general-feedback-wrapper {
		width: 100%;
		margin-top: 20px;
	}
	
	.multistep-form .wpcf7-form-control.wpcf7-radio, .multistep-form .wpcf7-form-control.wpcf7-checkbox {
		flex-wrap: wrap;
	}
	
	.multistep-form .wpcf7-list-item {
		width: 48%;
		margin: 5px 0;
	}
	.multistep-form .form-wrapper .form-1-2 {
		width: 100%;
	}
	
	.multistep-form .form-wrapper .form-1-3 {
		width: 100%;
	}
}