/*
 Theme Name:   Basel Child
 Description:  Basel Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     basel
 Version:      1.0.0
 Text Domain:  basel-child
*/


/* Your customizations starts here */
 .icons-design-line .search-button a span:before {
  content: "\e090";
  font-family: 'Simple-Line-Icons';
  font-weight: 400;
  }
 
 .right-column .search-button a span:before {
	display: inline-block;
	width: 30px;
	height: 30px;
	font-size: 20px;
	line-height: 30px;
	}



 .basel-ajax-search-on .basel-search-dropdown>a span:before, .basel-search-full-screen>a span:before {
	-webkit-transition: opacity .1s ease-in-out 0s;
	transition: opacity .1s ease-in-out 0s;
	}


 .basel-search-full-screen > a span:before, .basel-ajax-search-on .basel-search-dropdown > a span:before {
  -webkit-transition: opacity 0.1s ease-in-out 0s;
  transition: opacity 0.1s ease-in-out 0s;
  }
  
  span.fa:before {
	  margin-left: 1px;
	  margin-right: 1px;
  }
  
  .global-search-dropdown.basel-ajax-search-on.basel-search-opened .right-column .search-button>a span:before, .global-search-full-screen.basel-search-opened .right-column .search-button>a span:before {
	  opacity: 0;
	  -webkit-transition: opacity 0s ease-in-out 0s;
	  transition: opacity 0s ease-in-out 0s;
  }


  .main-nav .menu>li a span {
	  font-size: 14px;
	  min-width: 22px;
  }
  
  
  .basel-navigation .menu>li a span {
	  margin-right: 2px;
	  opacity: .7;
  }



h4 {
	font-weight:400!important;
}


p.price-ex-vat {
	margin-top:-1.5em;
	font-weight:400;
	font-size:12px;
	padding-left:3px;
}



.mc4wp-form input[type=submit] {
	padding-left:25px;
	padding-right:25px;
}







/************************** Opacity For Unavailable Variations **************************/

.single-product-content .variations .swatches-select .swatch-disabled {
	opacity:.2;
}



div.before-variations-wrapper {
	border-bottom:1px solid #af006e;
	margin:1em 0 2em;
}








/************************* CONTACT FORM ***********************************/

span.wpcf7-form-control.wpcf7-acceptance {
	font-size:11px;
	line-height:18px;
}


.wpb_wrapper.question-check {
	background-color:#f0fff8;
	padding:40px;
}

div.volunteer-form input.wpcf7-form-control.wpcf7-confirm_email.wpcf7-validates-as-required.wpcf7-validates-as-confirm_email {
	font-size:0.8rem;
}

.wpcf7 input[type="radio"], .wpcf7 input[type="checkbox"] {
  position: absolute !important;
  left: -9999px !important;
}
 
.wpcf7-radio span.wpcf7-list-item-label, .wpcf7-checkbox span.wpcf7-list-item-label {
  position: relative;
  padding-left: 33px;
}
 
.wpcf7-radio span.wpcf7-list-item-label:before, .wpcf7-checkbox span.wpcf7-list-item-label:before  {
  content: '';
  /*background: #cecece;*/
  /*background: rgba(0,136,204,.35);*/
  width: 15px;
  height:15px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 100%;
  border: #af006e 4px solid;
}
 
.wpcf7 input[type=radio]:not(old):checked + span:before, .wpcf7 input[type=checkbox]:not(old):checked + span:before {
	background: #af006e;/*#19aaff;*/
	border-color: #e1b3d0;/*#a6d5ed;*/
}


.vc_row.wpb_row.vc_row-fluid.stepsform {
	padding-bottom:2em;
}

.vc_row.wpb_row.vc_row-fluid.stepsform-last {
	border-bottom:#af006e .5px solid!important;
	padding-bottom:2em;
}


.wpb_wrapper.stepsformspacer, .vc_row.wpb_row.vc_row-fluid.stepsformspacer {
	margin-top:4em;
}

button.cf7mls_next.cf7mls_btn.action-button, button.cf7mls_back.action-button, input.wpcf7-form-control.wpcf7-submit, input.cf7mls_back.action-button {
	margin-top:2em;
}

button.cf7mls_next.cf7mls_btn.action-button:hover, button.cf7mls_back.action-button:hover, input.wpcf7-form-control.wpcf7-submit:hover, input.cf7mls_back.action-button:hover {
	background-color:#af006e!important;/*#19aaff;*/
	color:#fff!important;
}

.cf7mls_back.action-button, input.cf7mls_back.action-button {
	float:left;
}

.cf7mls_next.action-button {
	float:right;
}

div.volunteer-form input.wpcf7-form-control.wpcf7-text {
	padding-left:0;
	padding-right:0;
}
div.volunteer-form input.wpcf7-form-control, div.volunteer-form select.wpcf7-form-control.wpcf7-select, div.volunteer-form input.wpcf7-form-control.wpcf7-confirm_email.wpcf7-validates-as-required.wpcf7-validates-as-confirm_email, div.volunteer-form input.wpcf7-free-text {
	-webkit-border-radius:0;
	border-radius:0;
	-moz-border-radius:0;
	border:none;
	border-bottom:#c3c3c3 0.5px solid;
	padding:1.2em 2.3em;
}	

/*div.volunteer-form input.wpcf7-form-control input[type="tel"]:focus, input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="password"]:focus, select:not(.orderby):focus, textarea:focus, .woocommerce .select2-container .select2-choice:focus, .woocommerce form .select2-container .select2-choice:focus {
	box-shadow:0px 10px 6px -2px rgba(0, 136, 204, 0.35)!important;
	-webkit-box-shadow:0px 10px 6px -2px rgba(0, 136, 204, 0.35)!important;
	-moz-box-shadow:0px 10px 6px -2px rgba(0, 136, 204, 0.35)!important;
	border-color:rgba(0, 136, 204, 0.35)!important;
}*/

div.volunteer-form input.wpcf7-form-control input[type="tel"]:focus, input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="password"]:focus, select:not(.orderby):focus, textarea:focus, .woocommerce .select2-container .select2-choice:focus, .woocommerce form .select2-container .select2-choice:focus, input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-required.wpcf7-validates-as-tel:focus, input.wpcf7-form-control.wpcf7-confirm_email.wpcf7-validates-as-required.wpcf7-validates-as-confirm_email:focus, div.volunteer-form input.wpcf7-free-text:focus {
	border:none!important;
	border-bottom:#af006e 1.5px solid!important;
	box-shadow:none!important;
	transition:all 0.3s ease-in-out;
	/*transition-property:border,border-box, border-bottom;*/
	transform:scale(0.97, 0.93);
	outline:none;
}



.wpcf7-form-control-wrap {
    clear:both;
}

.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha {
    display:inline-block;
}




/*.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="number"], .wpcf7 input[type="url"], .wpcf7 textarea {
    margin-top:10px;
}*/

span.wpcf7-list-item {
    padding-top:14px;
}

input[type=text], input[type=email], input[type=url], input[type=password], input[type=number], input[type=date], input[type=tel], select, textarea {
	border:none;
	border-bottom:1px solid rgba(129,129,129,.25);
}

.volunteer-form {
	margin:2em auto;
}

/************************* END CONTACT FORM ***********************************/