/*
Theme Name:		 nl-alarmering
Theme URI:		 http://childtheme-generator.com/
Description:	 nl-alarmering is a child theme of Astra, created by ChildTheme-Generator.com
Author:			 Ovas Solutions
Author URI:		 http://childtheme-generator.com/
Template:		 astra
Version:		 1.0.0
Text Domain:	 nl-alarmering
*/
/* reset global letter-spacing */
.wizard-bar,
.mspc-content {
  letter-spacing: 0px
}

button,
input[type="button"],
input[type="submit"] {
  background-color: #ed135d;
}

.mspc-menu.ui.steps:not(.wizard-bar) {
  display: none;
}

.ast-woocommerce-container .product {
   display: none;
}

.mspc-clear-selection {
  display: none;
}

#thwmscf-tabs {
  display: none;
}

.thwmscf-wrapper .thwmscf-buttons {
  margin-top: 100px;
  margin-bottom: 50px;
}

@media (min-width: 922px) {
  .woocommerce form.checkout_coupon {
      width: 100%;
  }
}

.woocommerce form .checkout_coupon .form-row-first {
  width: 100%;
}

.woocommerce-form-coupon-toggle {
  display: none;
}

.woocommerce form.checkout_coupon {
  margin-top: 25px;
  display: flex;
}

.checkout_coupon.woocommerce-form-coupon .form-row-last {
  width: auto;
}

@media only screen and (max-width: 767px) {
  .ui.four.column.doubling.grid.mspc-pa_kleur>.column {
      width: 25%;
  }
}

.ui.four.column.grid.mspc-pa_optie>.column {
    width: 33.3%;
}

.ui.four.column.grid.mspc-pa_optie>.column:nth-child(4) {
  width: 100%;
  padding: 25px 10px;
  margin-top: 25px;
}

.ui.four.column.grid.mspc-pa_optie>.column:nth-child(4) img {
  display: none;
}

#coupon_code {
  margin: 0;
  width: 100%;
  height: 5rem;
  padding: 2rem;
  border: 5px solid #ED135D;
  border-style: dashed;
  font-size: 24px;
  outline: none;
  overflow-y: hidden;
}

#action-prev:disabled,
#action-next:disabled {
  background-color: #ccc;
}

#thwmscf_wrapper button,
#thwmscf_wrapper input[type="button"] {
  background-color: #ed135d;
}

#thwmscf_wrapper button:disabled,
#thwmscf_wrapper input[type="button"]:disabled {
  background-color: #ccc;
}

.shop_table .product-total {
  width: 25%;
}

#thwmscf_wrapper .checkout_coupon.woocommerce-form-coupon button {
  margin-left: 10px;
  height: 100%;
  width: 18em;
}

.woocommerce-billing-fields h3:not(.newheader) {
  display: none;
}

.mspc-variation.disabled {
  cursor: default;
}

.mspc-variation.disabled .mspc-radio.ui.radio.checkbox {
  display: none;
}

.wizard-bar .ui.step.completed {
  color: rgba(237, 15, 93);
}

.wizard-bar .ui.step.completed:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f00c';
  margin-right: 10px;
}

.wizard-bar.ui.steps .ui.step {
  padding: 1em 2em 1em 2em;
}

.wizard-bar.ui.steps .ui.step:first-child {
  padding-left: 1.35em;
}

.mspc-wrapper {
    margin: 40px 0;
    clear: both;
}

.wizard-bar .step:not(.product) {
  cursor: default;
}

.mspc-variation.mspc-vertical.column:not(.active):hover {
    background-color: #ddd;
}

.loadingAnimation {
  display: none;
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 999;
  background-color: rgba(0,0,0,0.6);
  top: 0;
  left: 0;
}

.loadingAnimation img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -100px;
}

/* BILLING */
/* Date of birth */
#billing_wooccm15 {
  width: 47%;
}

/* Housenumber */
#billing_wooccm12_field {
  width: 24%;
  margin-left: 6%;
}

/* Housenumber addon */
#billing_wooccm17_field {
  width: 23%;
}

/* SHIPPING */
/* Housenumber */
#shipping_wooccm8_field {
  width: 24%;
  margin-left: 6%;
}

/* Housenumber addon */
#shipping_address_2_field {
  width: 23%;
}

.ui.grid>.column {
  margin-top: 0;
  margin-bottom: 0;
}

.mspc-vertical.mspc-variation {
  padding-top: 0;
  padding-bottom: 0;
}

.ui.segment {
  padding: 0 1em;
}

.mspc-wrapper .mspc-content .mspc-tab-content {
  padding-top: 0;
}

.mspc-content .mspc-variation.active {
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  background-color: rgba(237,19,93);
}

.mspc-vertical.mspc-variation .mspc-text-wrapper p {
  font-size: 1.125rem;
  padding: 25px 0;
  text-align: center;
}

.mspc-vertical.mspc-variation.active .mspc-text-wrapper p {
  color: #fff;
}

.ui.eight.steps,.ui.five.steps,.ui.four.steps,.ui.one.steps,.ui.seven.steps,.ui.six.steps,.ui.three.steps,.ui.two.steps {
    display: block;
}

.ui.one.steps>.step {
    width: 100%
}

.ui.two.steps>.step {
    width: 50%
}

.ui.three.steps>.step {
    width: 33.333%
}

.ui.four.steps>.step {
    width: 25%
}

.ui.five.steps>.step {
    width: 20%
}

.ui.six.steps>.step {
    width: 16.666%
}

.ui.seven.steps>.step {
    width: auto;
}

.ui.eight.steps>.step {
    width: auto;
}

.ui.mini.step,.ui.mini.steps .step {
    font-size: 0.8rem;
}

.ui.small.step,.ui.small.steps .step {
    font-size: 0.875rem;
}

.ui.step,.ui.steps .step {
    font-size: 0.9rem;
}

.ui.large.step,.ui.large.steps .step {
    font-size: 1.125rem;
}

.ui.big.step,.ui.big.steps .step {
    font-size: 1.25rem;
}

.ui.huge.step,.ui.huge.steps .step {
    font-size: 1.375rem;
}

.ui.massive.step,.ui.massive.steps .step {
    font-size: 1.5rem;
    font-weight: 700;
}

.ui.steps .step {
  height: 3.1em;
}

.ui.step,.ui.steps .step {
    display: inline-block;
    position: relative;
    padding: 1em 2em 1em 3em;
    vertical-align: top;
    background-color: #FFF;
    color: #888;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.ui.step:after,.ui.steps .step:after {
    position: absolute;
    z-index: 2;
    content: '';
    top: .42em;
    right: -1em;
    border: none;
    background-color: #FFF;
    width: 2.2em;
    height: 2.2em;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-box-shadow: -1px -1px 0 0 rgba(0,0,0,.15) inset;
    box-shadow: -1px -1px 0 0 rgba(0,0,0,.15) inset
}

.ui.step,.ui.steps .step,.ui.steps .step:after {
    -webkit-transition: background-color .1s ease,opacity .1s ease,color .1s ease,-webkit-box-shadow .1s ease;
    -moz-transition: background-color .1s ease,opacity .1s ease,color .1s ease,box-shadow .1s ease;
    transition: background-color .1s ease,opacity .1s ease,color .1s ease,box-shadow .1s ease
}

.ui.vertical.steps {
    overflow: visible
}

.ui.vertical.steps .step {
    display: block;
    border-radius: 0;
    padding: 1em 2em
}

.ui.vertical.steps .step:first-child {
    padding: 1em 2em;
    border-radius: .3125rem .3125rem 0 0
}

.ui.vertical.steps .active.step:first-child {
    border-top-right-radius: 0
}

.ui.vertical.steps .step:last-child {
    border-radius: 0 0 .3125rem .3125rem
}

.ui.vertical.steps .active.step:last-child {
    border-bottom-right-radius: 0
}

.ui.vertical.steps .step:after {
    display: none
}

.ui.vertical.steps .active.step:after {
    display: block
}

.ui.vertical.steps .two.line.step {
    line-height: 1.3
}

.ui.vertical.steps .two.line.active.step:after {
    position: absolute;
    z-index: 2;
    content: '';
    top: 0;
    right: -1.45em;
    background-color: transparent;
    border-bottom: 2.35em solid transparent;
    border-left: 1.55em solid #555;
    border-top: 2.35em solid transparent;
    width: 0;
    height: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none
}

.ui.steps {
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    overflow: hidden;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1);
    box-shadow: 0 0 0 1px rgba(0,0,0,.1);
    line-height: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: .3125rem;
}

.ui.steps .step:first-child {
    padding-left: 1.35em;
    border-radius: .3125em 0 0 .3125em
}

.ui.steps .step:last-child {
    border-radius: 0 .3125em .3125em 0
}

.ui.steps .step:only-child {
    border-radius: .3125em
}

.ui.steps .step:last-child {
    margin-right: 0
}

.ui.steps .step:last-child:after {
    display: none
}

.ui.step.hover,.ui.step:hover {
    background-color: #F7F7F7;
    color: rgba(0,0,0,.8)
}

.ui.step.hover::after,.ui.step:hover,.ui.steps .step.hover:after,.ui.steps .step:hover:after {
    background-color: #F7F7F7
}

.ui.step.down,.ui.step:active,.ui.steps .step.down,.ui.steps .step.down:after,.ui.steps .step:active,.ui.steps .step:active:after,.ui.steps.down::after,.ui.steps:active::after {
    background-color: #F0F0F0
}

.ui.active.step,.ui.steps .step.active {
    cursor: auto;
    background-color: #555;
    color: #FFF;
    font-weight: 700
}

.ui.active.steps:after,.ui.steps .step.active:after {
    background-color: #555;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui.step.pakket,
.ui.step.sleutelservice.completed {
  cursor: pointer;
}

.ui.disabled.step,.ui.steps .disabled.step {
    cursor: default;
    background-color: #FFF;
    color: #CBCBCB
}

.ui.disabled.step:after,.ui.steps .disabled.step:after {
    background-color: #FFF
}

.monthly-cost-header {
  display: block;
  font-size: 1.5em;
}

.woocommerce-page.woocommerce-checkout form #order_review.monthly-costs {
  padding-bottom: 25px;
}

.woocommerce-page.woocommerce-checkout form #order_review .monthly-cost-cost {
  font-weight: 600;
}

.cpg-form-wrapper p span {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.cpg-form-wrapper p span#cfg_regel6 {
  justify-content: start;
  padding-left: 10px;
}

.cpg-form-wrapper p label,
.cpg-form-wrapper p input[type="submit"] {
    flex-basis: 23%;
}

.cpg-form-wrapper p:last-child {
  flex-direction: row-reverse;
}

.cpg-form-wrapper input:read-only,
.cpg-form-wrapper select:disabled {
  background-color: #fff;
  border: 1px solid #eee;
}

.cp-gegevens {
  font-size: 1.25em;
  font-weight: 600;
}

.wpcf7 .hidden {
  display: none;
}

.paketten .uagb-column__inner-wrap ul {
  padding-left: 15px;
}

/* Sleutelservice ribbon */
.uagb-column__inner-wrap .ribbon,
.uagb-column__inner-wrap .ribbon:before,
.uagb-column__inner-wrap .ribbon:after {
  background: rgba(218,165,32, 1.0);
}

.uagb-column__inner-wrap .ribbon {
  margin: 0;
  color: #fff;
  padding: 0.5em 0;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(30%) translateY(-50%) rotate(45deg);
  transform-origin: top left;
  font-size: 1rem;
}

.uagb-column__inner-wrap .ribbon:before,
.uagb-column__inner-wrap .ribbon:after {
  content: '';
  position: absolute;
  top:0;
  margin: 0 -1px; /* tweak */
  width: 100%;
  height: 100%;
}

.uagb-column__inner-wrap .ribbon:before {
  right: 100%;
}

.uagb-column__inner-wrap .ribbon:after {
  left: 100%;
}

.mspc-clearfix:before, .mspc-clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.mspc-clearfix:after { clear: both; }
.mspc-clearfix { zoom: 1; }
.mspc-clear {clear: both;}
.mspc-hidden {display: none;}

.woocommerce input[type=text].loading {
    background-image: url("https://i1.wp.com/nsatest2.eja-webdesign.nl/wp-content/themes/nl-alarmering/img/Blocks-1.3s-40px.gif?w=1200&ssl=1");
    background-size: 40px 40px;
    background-position:right center;
    background-repeat: no-repeat;	
	transition: none;
}

.woocommerce-checkout p span.error {
   display: none;
}

.woocommerce-checkout p.woocommerce-invalid-required-field span.error {
   color: #e2401c;
   display: inline-block;
   font-weight: bold;
}

.woocommerce-error {
	display: block !important;
}

@media only screen
and (min-width : 320px)
and (max-width : 480px),
(max-device-width : 480px) and (-webkit-min-device-pixel-ratio : 1.5),
(max-device-width : 480px) and (min-device-pixel-ratio : 1.5) {

	.mspc-menu-item.ui.step {
		width: 100% !important;
		padding-left: 3em !important;
	}

	.mspc-menu-item.ui.step:after {
		display: none !important;
	}

	.mspc-module-steps-vertical > .steps {
		width: 100%;
		float: none;
		margin-right: 0;
	}

	.mspc-module-steps-vertical > .mspc-content {
		width: auto;
		float: none;
	}
}


@media only screen and (max-width: 767px) {
  .checkout_coupon {
    flex-direction: column;
  }

  #thwmscf_wrapper .checkout_coupon.woocommerce-form-coupon button  {
    margin: 25px 0 0 0;
    width: 100%;
  }

  .cpg-form-wrapper p span {
    flex-direction: column;
  }

  .cpg-form-wrapper p label,
  .cpg-form-wrapper p {
    flex-basis: 100%;
    flex-wrap: wrap;
  }

  .cpg-form-wrapper p {
    margin-top: 100px;
  }

  .woocommerce-checkout label {
    overflow: hidden;
    word-wrap: normal;
  }

}

.bday_section {
	display: inline-block;
}
.woocommerce-js form .form-row input.input-text.bday {
	margin-right: 1em;
}
.woocommerce-js form .form-row input.input-text.size-2 {
	width: 3em;
}
.woocommerce-js form .form-row input.input-text.size-4 {
	width: 5em;
}
input.hidden {
	display: none;
}