@charset "UTF-8";
* ============================================
   BRIGHTON.CO.UK ADVERTISE FORM STYLING
   Scope: .adverisment-contactform
   ============================================ */
 

.adverisment-contactform .frm_screen_reader{
	display:none !important;
}
.adverisment-contactform,
.adverisment-contactform .frm_forms,
.adverisment-contactform .frm_form_fields,
.adverisment-contactform fieldset{
	background:transparent;
	box-shadow:none;
	border:none;
	padding:0;
	margin:0;
}
.adverisment-contactform .frm_form_field{
	margin-bottom:18px;
}
.adverisment-contactform .frm_primary_label,
.adverisment-contactform label{
	display:none; /* placeholders act as labels */
}
 
/* ---- name row (first / last) ---- */
.adverisment-contactform .frm_combo_inputs_container{
	display:flex;
	gap:16px;
}
.adverisment-contactform #frm_field_74-first_container,
.adverisment-contactform #frm_field_74-last_container{
	flex:1;
	margin-bottom:0;
}
form#form_newsletter-signup23 .bc-advertise-select-design.is-open .choices__inner, .bc-advertise-select-design.is-open.is-flipped .choices__inner {
    border-bottom-color: #38c9a3!important;
    border-radius: 65px!important;
}
.bc-advertise-select-design .choices__list--dropdown, .bc-advertise-select-design .choices__list[aria-expanded]{
	border-radius:20px!important;
}

/* ---- pair business/email and promotion/budget side by side ---- */
.adverisment-contactform .frm_fields_container{
	display:flex;
	flex-wrap:wrap;
	gap:16px 16px;
}
.adverisment-contactform .frm_fields_container > #frm_field_74_container,
.adverisment-contactform .frm_fields_container > #frm_field_81_container,
.adverisment-contactform .frm_fields_container > #frm_field_76_container,
.adverisment-contactform .frm_fields_container > #frm_field_77_container,
.adverisment-contactform .frm_fields_container > #frm_field_78_container{
	flex:0 0 100%;
}
.adverisment-contactform .frm_fields_container > .frm6{
	flex:1 1 calc(50% - 8px);
}
 .bc-advertise-select-design .choices__inner {
    padding: 11px 20px 12px!important;
}
/* ---- text / email / textarea / select ---- */
.adverisment-contactform input[type="text"],
.adverisment-contactform input[type="email"],
.adverisment-contactform textarea,
.adverisment-contactform select{
	width:100%;
	box-sizing:border-box;
	border:3px solid #38c9a3 !important;
	border-radius:30px;
	padding:14px 20px;
	font-size:15px;
	color:#333;
	background:#fff;
	outline:none;
	transition:border-color .2s ease, box-shadow .2s ease;
}
.adverisment-contactform input::placeholder,
.adverisment-contactform textarea::placeholder{
	color:#98a2b3;
}
.adverisment-contactform input:focus,
.adverisment-contactform textarea:focus,
.adverisment-contactform select:focus{
	border-color:#1fae86;
	box-shadow:0 0 0 3px rgba(56,201,163,0.15);
}
.adverisment-contactform textarea{
	border-radius:22px;
	resize:vertical;
	min-height:110px;
	font-family:inherit;
}
 
/* ---- select custom arrow ---- */
.adverisment-contactform select{
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	color:#667085 !important;
	cursor:pointer;
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'><path d='M1 1l6 6 6-6' stroke='%2338c9a3' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
	background-repeat:no-repeat;
	background-position:right 20px center;
	padding-right:44px;
}
 
/* ---- "What are you hoping to achieve?" heading ---- */
.adverisment-contactform #frm_field_81_container .frm_primary_label{
	display:block;
	font-family: Georgia, 'Times New Roman', serif;
	font-size:20px;
	color:#1d2939;
	margin-bottom:20px;
    margin-top:20px;
}
.adverisment-contactform #frm_field_81_container .frm_required{
	display:none;
}
 
/* ---- checkbox group (achieve options) ---- */
.adverisment-contactform .frm_style_contact-us div#frm_field_81_container .frm_opt_container{
    margin-top:0px!important;
	position:inherit!important;
}
.adverisment-contactform #frm_field_81_container .frm_opt_container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 40px;
    row-gap: 36px;
    width: 100%;
    margin-top: 37px;
}
.adverisment-contactform .frm_style_contact-us.with_frm_style .form-field {
    margin-bottom: 13px;
}
.adverisment-contactform #frm_field_81_container .frm_checkbox label{
	display:flex;
	align-items:center;
	gap:10px;
	font-size:14px;
	font-weight:400;
	color:#000;
	cursor:pointer;
}
.adverisment-contactform #frm_field_81_container input[type="checkbox"]{
	appearance:none;
	-webkit-appearance:none;
	width:18px;
	height:18px;
	min-width:18px;
	border:2px solid #38c9a3;
	border-radius:5px;
	background:#e9f9f4;
	position:relative;
	cursor:pointer;
	margin:0;
}
.adverisment-contactform #frm_field_81_container input[type="checkbox"]:checked{
	background:#38c9a3;
	border-color:#38c9a3;
}
.adverisment-contactform #frm_field_81_container input[type="checkbox"]:checked::after{
	content:"";
	position:absolute;
	left:5px;
	top:1px;
	width:14px;
	height:30px;
	transform:rotate(45deg);
}
 
.adverisment-contactform .frm_opt_container .frm_checkbox div#frm_checkbox_77-0{
	position: absolute !important;
    top: 620px;
}
.adverisment-contactform .frm_checkbox div#frm_checkbox_77-0 label{
	    margin-left: 33px !important;
}
.adverisment-contactform .frm_checkbox input#field_2bfke5-0 {
    margin-right: 4px;
    position: absolute;
    left: 18px;
}
.adverisment-contactform div#frm_field_77_container {
    position: absolute;
    bottom: -102px;
    display: flex;
}
.adverisment-contactform div#field_2bfke5_label {
    display: block;
    color: red;
    margin-top: -1px;
}
.adverisment-contactform div#frm_checkbox_77-0 label {
    color: #aaaaaa;
    display: block;
    line-height: 20px;
    font-size: 14px;
}
.adverisment-contactform div#frm_checkbox_77-0 label a {
    color: #3fdfaf;
}
.adverisment-contactform button.frm_button_submit.frm_final_submit {
    padding: 14px 20px!important;
    /* height: 50px; */
    border: 3px solid #3fdfaf!important;
    font-size: 22px!important;
    font-weight: 400!important;
    border-radius: 65px!important;
}
.adverisment-contactform button.frm_button_submit.frm_final_submit:hover{
	background:#fff!important;
	border: 3px solid #3fdfaf!important;
	color:#000!important;
}
.adverisment-contactform div#frm_form_12_container .frm_form_fields input {
    border-radius: 65px;
	margin-top:4px;
}

/* ---- submit button ---- */
.adverisment-contactform .frm_submit{
	margin-top:6px;
}
.adverisment-contactform .frm_button_submit{
	width:100%;
	background:#38c9a3;
	color:#0b3b30;
	border:none;
	border-radius:30px;
	padding:16px 20px;
	font-size:16px;
	font-weight:700;
	cursor:pointer;
	transition:background .2s ease;
}
.adverisment-contactform .frm_button_submit:hover{
	background:#fff!important;
	color:#000;
	border:3p0x solid #38c9a3!important;
}
.adverisment-contactform div#frm_checkbox_77-0 {
    padding-left: 40px;
}
/* Advertisement Contact Form - Placeholder */
.adverisment-contactform #frm_form_12_container input::placeholder,
.adverisment-contactform #frm_form_12_container textarea::placeholder,
.adverisment-contactform #frm_form_12_container select::placeholder {
    font-size: 20px !important;
    color: #aaaaaa !important;
    opacity: 1 !important;
}
.adverisment-contactform #field_tibl3,
.adverisment-contactform #field_l9fsi {
    color: #aaaaaa !important;
}

.adverisment-contactform #field_tibl3 option.frm-select-placeholder,
.adverisment-contactform #field_l9fsi option.frm-select-placeholder {
    color: #aaaaaa !important;
}

.adverisment-contactform #field_tibl3 option:not(.frm-select-placeholder),
.adverisment-contactform #field_l9fsi option:not(.frm-select-placeholder) {
    color: #333333;
}
/* Select placeholder */
.adverisment-contactform #frm_form_12_container select {
    color: #aaaaaa !important;
    font-size: 20px !important;
}
/* checkbox design */
/* =========================================
   ADVERTISEMENT FORM - CHECKBOX DESIGN
========================================= */

.adverisment-contactform #frm_field_81_container .frm_opt_container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 40px;
    row-gap: 28px;
    width: 100%;
}

.adverisment-contactform #frm_field_81_container .frm_checkbox {
    margin: 0 !important;
    padding: 0 !important;
}

.adverisment-contactform #frm_field_81_container .frm_checkbox label {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer;
    font-size: 16px !important;
    line-height: 1.3 !important;
}

/* Custom Checkbox */
.adverisment-contactform #frm_field_81_container .frm_checkbox input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 2px solid #3FDFAF !important;
    border-radius: 3px !important;
    background: transparent !important;
    position: relative;
    cursor: pointer;
}

/* Checkmark */
.adverisment-contactform #frm_field_81_container .frm_checkbox input[type="checkbox"]:checked {
    background: #ffffff !important;
    border-color: #3FDFAF !important;
}

.adverisment-contactform #frm_field_81_container .frm_checkbox input[type="checkbox"]:checked::after {
    content: "✓";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -55%);
    color: #3FDFAF;
    font-size: 25px;
    font-weight: 700;
    line-height: 1;
}

/* Remove Formidable default checkbox styling */
.adverisment-contactform #frm_field_81_container .frm_checkbox input[type="checkbox"]::before {
    display: none !important;
}

/* Mobile */
@media (max-width: 767px) {
	.adverisment-contactform div#frm_field_77_container {
    position: absolute;
    bottom: -150px;
    display: flex;
    padding-right: 59px;
}
    .adverisment-contactform #frm_field_81_container .frm_opt_container {
        grid-template-columns: 1fr;
        row-gap: 20px;
    }

    .adverisment-contactform #frm_field_81_container .frm_checkbox label {
        gap: 14px !important;
        font-size: 16px !important;
    }
	.adverisment-contactform .frm_combo_inputs_container{
		flex-direction: column;
	}
	.adverisment-contactform .frm_fields_container > .frm6 {
    flex: 1 1 calc(100% - 8px);
}
	.adverisment-contactform #frm_form_12_container input::placeholder,
.adverisment-contactform #frm_form_12_container textarea::placeholder,
	.adverisment-contactform #frm_form_12_container select::placeholder,.adverisment-contactform #frm_form_12_container select{
		font-size:16px!important;
	}

}