@charset "UTF-8";
/* CSS Document */

.wp-block-woocommerce-filled-cart-block a {
    color: #ef327b !important;
}

.woocommerce a {
    color: #ef327b !important;
}

.woocommerce-MyAccount-navigation-link {
    list-style-type: none;
    padding: 0px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: rgba(18, 18, 18, 0.11);
}

.woocommerce-MyAccount-navigation ul {
    padding-left: 0px;
    width: 150px;
    margin-right: 50px;
}

.woocommerce-MyAccount-navigation-link a {
    color: #EF327B;
}

.woocommerce-MyAccount-content {
    width: 100%;
}

.woocommerce-address-fields input {
	border-style: solid;
	border-width: 1px;
	border-color: #ef327b;
	color: #ef327b;
	border-radius: 5px;
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 25px;
	padding: 10px;
}

.select2-selection {
	border-style: solid !important;
	border-width: 1px !important;
	border-color: #ef327b !important;
	color: #ef327b !important;
	border-radius: 5px !important;
    height: 23px;
	padding: 10px !important;
	height: auto !important; 
}

.select2-selection__rendered {
	color: #ef327b !important;
	}
	
	.select2-dropdown {
	color: #ef327b !important;
	border-style: solid !important;
	border-width: 1px !important;
	border-color: #ef327b !important;
	}
	
	.select2-results__option {
	color: #ef327b !important;	    
	}
	
	.select2-results__option--highlighted {
	    background-color: #ef327b !important;
	    color: #FFFFFF !important;
	}

.woocommerce-form-row input {
	border-style: solid;
	border-width: 1px;
	border-color: #ef327b;
	color: #ef327b;
	border-radius: 5px;
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 25px;
	padding: 10px;
}

.woocommerce-form-login {
    border-style: solid !important;
	border-width: 1px !important;
	border-color: #ef327b !important;
}

.woocommerce-form-login button.button {
    box-sizing: border-box;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    margin: 0;
    color: #FFFFFF !important;
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
    min-width: 100px;
    height: 40px;
    border: solid 1px #ef327b;
    background-color: #ef327b;
}

fieldset {
	border-style: solid;
	border-width: 1px;
	border-color: #ef327b;
	color: #ef327b;
	border-radius: 5px;
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 25px;
	padding: 10px;
}

.woocommerce-EditAccountForm .woocommerce-Button {
    box-sizing: border-box;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    margin: 0;
    color: #FFFFFF;
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
    min-width: 100px;
    height: 40px;
    border: solid 1px #ef327b;
    background-color: #ef327b;
}

.woocommerce-address-fields button.button {
    box-sizing: border-box;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    margin: 0;
    color: #FFFFFF !important;
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
    min-width: 100px;
    height: 40px;
    border: solid 1px #ef327b;
    background-color: #ef327b;
}

.slider {
	min-width: 100%;
	min-height: 100%;
	display: flex;
	flex-direction: row;
	overflow: hidden;
	flex-wrap: nowrap;
  }
  
  .slide{
	  display: flex;
	width: 100%;
  min-height: 100%;
	  padding: 50px;
	flex-shrink: 1;
	  justify-content: center;
	  overflow-y: hidden;
	  background-position: center;
	  background-size: cover;
  }

.caption {
	font-size: 14px;
}

.cartButton {

}

.dotsOuter {
	display: flex;
	flex-direction: row;
	justify-content: center;
	height: 20px;
}

.dots {
	width: 1024px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start
}

.dot {
	height: 16px;
	width: 16px;
	content: '';
	border: 1px solid #FFFFFF;
	border-radius: 8px;
	margin-right: 10px;
	cursor: pointer;
}

.dots .dotactive {
	background-color: #FFFFFF;
}

.dot.active {
	background-color: #FFFFFF;
	position: relative;
}



.tagWrapper {
	z-index: 10;
	display: block;
	position: absolute;
	box-sizing: border-box;
	padding: 10px;
	top: 0px;
	left: 0px;
	width: 100%;
	height: auto;
}

.tag {
	height: auto;
	padding-left: 20px;
	padding-right: 20px;
	display: inline-block;
	color: #EF327B;
	border: solid 1px #EF327B;
	border-radius: 3px;
}

.tagReverse {
	height: auto;
	padding-left: 20px;
	padding-right: 20px;
	display: inline-block;
	color: #FFFFFF;
	background-color: #EF327B;
	border: solid 1px #EF327B;
	border-radius: 3px;
}
	
	.servicePromoWrapper {
						margin-top: 60px;
						margin-bottom: 50px;
						display: flex;
						flex-direction: row;
						justify-content: center;
						flex-wrap: wrap;
					}
					
					.servicePromoItem {
						width: auto;
						height: auto;
						display: flex; 
						flex-direction: row;
						margin-right: 40px;
					}

					.servicePromoItemVertical {
						width: 25%;
						height: auto;
						display: flex; 
						flex-direction: column;
						margin-left: 40px;
						margin-right: 40px;
						margin-bottom: 40px;
					}

					.servicePromoItem:last-child {
						margin-right: 0px;
					}	

					.servicePromoItemVertical:last-child {
						margin-right: 0px;
					}	
					
					.servicePromoIcon {
						display: flex;
						flex-direction: column;
						justify-content: space-around;
						text-align: center;
						width: 70px;
						height: auto;
						overflow-y: visible;
						text-align: left;
					}

					.servicePromoItemVertical .servicePromoIcon {
						display: flex;
						flex-direction: row;
						justify-content: space-around;
						text-align: center;
						width: 100%;
						height: auto;
						overflow-y: visible;
						text-align: left;
					}
					
					.servicePromoText {
						display: flex;
						flex-direction: column;
						justify-content: space-around;
						width: 210px;
						height: auto;
						margin-left: 20px;
						display: flex;
						flex-direction: column;
						justify-content: center;
						text-align: left;
					}

					.servicePromoTextVertical {
						display: flex;
						flex-direction: column;
						justify-content:flex-start;
						width: 100%;
						height: auto;
						text-align: center;
					}

					.servicePromoTextVertical p {
						margin:0px;
					}

.servicePromoText h2 {
	font-family: basic-sans, sans-serif;
	font-weight: 400;
	font-style: normal;
	margin: 0px;
}

.productImageWrapper {
	display: flex;
	height: calc(100% + (0px + 80px));
	margin-top: -40px;
	width: 70%;
}

.productImage {
	flex-grow: 4;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bioMultiColWrapper {
	display: flex;
	flex-direction: row;
}

.bioCol1 {
    width: calc(50% - 30px);
}

.bioCol2 {
    width: 50%;
}

.bioImageWrapper {
	display: flex;
	height: calc(100% + (0px + 80px));
	margin-top: -40px;
	width: 100%;
}

.bioImage {
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size:contain;
	display: flex;
	flex-direction: column-reverse;
}
.bioImage img {
	margin-top: -25px;
}

@media screen and (min-width: 595px) and (max-width: 1024px) {

	.bioCol1 {
		width: calc(35% - 30px);
	}
	
	.bioCol2 {
		width: 65%;
	}

	.servicePromoWrapper {
		flex-direction: column;
			align-items: center;
	}
	
	.servicePromoItem {
		flex-direction: column;
		margin-right: 0px;
		margin-bottom: 40px;
	}

	.servicePromoItemVertical {
		width: 80%;
		flex-direction: column;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 40px;
	}
	
	.servicePromoItem:last-child {
		margin-bottom: 20px;
	}

	.servicePromoItemVertical:last-child {
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 20px;
	}
	
	.servicePromoIcon, .servicePromoText {
				text-align: center;
		margin-left: 0px;
	}
	
	.servicePromoIcon {
		width: 100%;
		flex-direction: row;
	}
	
	.servicePromoLower {
		text-align: center;
	}

	.productImageWrapper {
		display: flex;
		height: calc(100% + (0px + 140px));
		margin-top: -100px;
		width: 100%;
	}
	
}

@media screen and (max-width: 950px) {

	.bioMultiColWrapper {
		flex-direction: column;
	}

	.bioCol1 {
		width: 100%;
	}
	
	.bioCol2 {
		width: 100%;
	}

	.bioImage img {
		margin-top: 50px;
		margin-bottom: -40px;
	}

}


@media  screen and (max-width: 594px) {

	.servicePromoWrapper {
		flex-direction: column;
			align-items: center;
	}
	
	.servicePromoItem {
		flex-direction: column;
		margin-right: 0px;
		margin-bottom: 40px;
	}

	.servicePromoItemVertical {
		width: 80%;
		flex-direction: column;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 40px;
	}
	
	.servicePromoItem:last-child {
		margin-bottom: 20px;
	}

	.servicePromoItemVertical:last-child {
		margin-bottom: 20px;
	}
	
	.servicePromoIcon, .servicePromoText {
				text-align: center;
		margin-left: 0px;
	}
	
	.servicePromoIcon {
		width: 100%;
		flex-direction: row;
	}
	
	.footerContentArea h2 {
		text-align: center;
	}

	.productImageWrapper {
		display: flex;
		height: 100vw;
		margin-top: 0px;
		width: 100%;
	}
	
}