/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.1
*/


/*** COLORS **/

.has-dark-grey-color {
	color: #8C9BA6;
}
.has-light-grey-color {
	color: #8C9BA6;
}
.has-dark-plum-color {
	color: #AB0050;
}
.has-light-plum-color {
	color: #AA5877;
}
.has-iceblue-color {
	color: #44C7F4;
}


.formio-form * {
    font-family: "Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
	font-size: 1em;
}
.formio-form input[type="date"],.formio-component input[type="email"],.formio-component input[type="number"], .formio-componentinput[type="password"],.formio-component input[type="search"],.formio-component input[type="tel"],.formio-component input[type="text"],.formio-component input[type="url"],.formio-component select,.formio-component textarea,.formio-component .woocommerce .quantity input.qty,.formio-component .wp-block-search input[type="search"],.formio-component .dark input[type="email"],.formio-component .dark input[type="password"],.formio-component .dark input[type="tel"],.formio-component .dark input[type="text"], .dark select, .dark textarea {
    color: #000000;
    background-color: rgba(245,247,250,1);
    border-color: #f5f7fa;
}
.formio-form .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.formio-form a {
    color: #ab0050;
    text-decoration: none;
    background-color: transparent;
}
.formio-form a:hover {
    text-decoration: underline;
}

.formio-form button.page-link {
	font-family: "Open Sans"!important;
    font-size: 16px!important;
    line-height: 18px!important;
    font-weight: 500!important;
    letter-spacing: 0px!important;
    padding: 14px!important;
    box-shadow: 0px 4px 12px 1px #e3e5e9!important;
    text-decoration: none!important;
}
.formio-form li.page-item button.page-link {
  	background-color: #ffffff;
	border-color: #AB0050;
  	color: #AB0050;
}
.formio-form li.page-item.active button.page-link {
  	background-color: #AB0050;
	border-color: #AB0050;
  	color: #ffffff;
}
.formio-form li.page-item button.page-link:hover {
	z-index: 2;
    color: #ffffff!important;
    text-decoration: none!important;
    background-color: #AF6380!important;
    border-color: #AF6380!important;
}

/**** BUTTONS ****/

.formio-form button.btn.btn-primary:before {
	color: #ffffff!important;
    background-color: #ab0050!important;
    border: solid 1px #ab0050!important;
    font-family: "Open Sans"!important;
    font-size: 18px!important;
    line-height: 22px!important;
    font-weight: 500!important;
    letter-spacing: 0px!important;
    padding: 14px 20px 14px 20px!important;
    border-radius: 4px!important;
    box-shadow: 0px 4px 12px 1px #e3e5e9!important;
    text-decoration: none!important;
}
.formio-form button.btn.btn-primary:hover:before {
    color: #ffffff!important;
    background-color: #AA5877!important;
    border-color: #ab0050!important;
    text-decoration: none!important;
}

.formio-form button.btn.btn-secondary:before {
	color: #ab0050!important;
    background-color: #ffffff!important;
    border: solid 1px #ab0050!important;
    font-family: "Open Sans"!important;
    font-size: 18px!important;
    line-height: 22px!important;
    font-weight: 500!important;
    letter-spacing: 0px!important;
    padding: 14px 20px 14px 20px!important;
    border-radius: 4px!important;
    box-shadow: 0px 4px 12px 1px #e3e5e9!important;
    text-decoration: none!important;
}
.formio-form button.btn.btn-secondary:hover:before {
    color: #ab0050!important;
    background-color: #F0C7D0!important;
    border-color: #ab0050!important;
    text-decoration: none!important;
}

/* Button Cancel */
.formio-form button.btn-wizard-nav-cancel {
  visibility: hidden;
	position: absolute;
}


.formio-form button.btn-wizard-nav-cancel:before {
  content:'Abbrechen'; 
  visibility: visible;
  display: block;
  line-height: initial;
  position: absolute;
	left: 0;
}

/* Button Previous */
.formio-form button.btn-wizard-nav-previous {
  visibility: hidden;
	position: absolute;
}

.formio-form button.btn-wizard-nav-previous:before {
  content:'Zurück'; 
  visibility: visible;
  display: block;
  line-height: initial;
  position: absolute;
	left: 162px;
	top: 5px;
}

/* Button Weiter */
.formio-form button.btn-wizard-nav-next {
  visibility: hidden;
	position: absolute;
}
.formio-form button.btn-wizard-nav-next:before {
  content:'Weiter'; 
  visibility: visible;
  display: block;
  line-height: initial;
  position: absolute;
	left: 290px;
	top: 5px;
}

/* Button Senden */
.formio-form button.btn-wizard-nav-submit {
  visibility: hidden;
	position: absolute;
}
.formio-form button.btn-wizard-nav-submit:before {
  content:'Bestellung abschicken'; 
  visibility: visible;
  display: block;
  line-height: initial;
  position: absolute;
	left: 290px;
	top: 5px;
	text-wrap: nowrap;
}

@media only screen and (max-width: 767px){
	
.formio-form button.btn-wizard-nav-next:before {
	left: 240px;
}
.formio-form button.btn-wizard-nav-previous:before {
	left: 138px;
}
	}