/* 
Theme Name: Epsilonnet Vouchers - v3
Theme URI: https://github.com/elementor/hello-theme/
Description: Epsilonnet Vouchers based on Hello Elementor Child
Author: Epsilonnet
Author URI: https://epsilonnet.gr
Template: hello-elementor
Version: 1.0.0
Text Domain: enet-vouchers
License: Proprietary
Tags: epsilonnet
*/

/*
    Add your custom styles here
*/

/* voucher Form */

.voucher-contact-form-wrapper,
.ninja-forms-req-symbol {
	color: #fff !important;
}

.contact-form-voucher-title {
	display: flex;
	align-items: end;
}

.contact-form-voucher-title svg {
	width: 65px;
    height: auto;
	fill: #fff;
}

.contact-form-voucher-title .nf-form-title {
	padding-left: 2rem;
	color: white;
}

.contact-form-voucher-title .nf-form-title h3 {
	margin: 2rem 0 1rem 0;
}

.contact-form-voucher-title span {
	display: block;
}

.voucher-contact-form-container .nf-field-label {
	display: none;
}

.voucher-contact-form-field::placeholder {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	opacity: 0.75;
}


.voucher-contact-form-field:focus::placeholder {
	opacity: 0.5;
}

.voucher-contact-form-container .nf-error .voucher-contact-form-field::placeholder {
	color: #e80000;
}

.voucher-contact-form-field {
	background: none !important;
    border: none !important;
    border-bottom: 1px solid #fff !important;
	margin-bottom: 0.5rem !important;
}

.voucher-contact-form-container .nf-field-container.checkbox-container .checkbox-wrap a {
	color: #9E34B4;
	line-height: 1;
}

.voucher-contact-form-container .nf-field-container.checkbox-container .checkbox-wrap a:hover {
	color: #B74FCC;
}

.voucher-contact-form-container .phone-container {
	margin-bottom: 0;
}

.nf-form-fields-required {
	display: none;
}

.nf-form-fields-required-custom {
	display: block;
	margin: 1rem 0 1rem 0;
}

.voucher-contact-form-button {
	background: #9E34B4 !important;
	font-size: 18px;
    font-weight: 600;
	line-height: 1;
	margin-top: 1rem !important;
}

.voucher-contact-form-button:hover {
	color: #fff !important;
	background: #B74FCC !important
}