/* COMMON STYLES 
---------------------------------------------------------------------------*/

/* forms */

.acf-fields { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px;  }  

.acf-fields>.acf-field { padding: 0; border: none; width: 100%; margin-bottom: 0px;  }
.acf-fields>.acf-field.halfWidthLeft	{ width: calc(50% - 10px); min-width: 220px; flex-grow: 1; }
.acf-fields>.acf-field.halfWidthRight { width: calc(50% - 10px); min-width: 220px; flex-grow: 1; }

.acf-fields.-border { background: transparent; border: none; }

.acf-field input[type="text"], .acf-field input[type="password"], .acf-field input[type="date"], .acf-field input[type="datetime"], .acf-field input[type="datetime-local"], .acf-field input[type="email"], .acf-field input[type="month"], .acf-field input[type="number"], .acf-field input[type="search"], .acf-field input[type="tel"], .acf-field input[type="time"], .acf-field input[type="url"], .acf-field input[type="week"], .acf-field textarea, .acf-field select { padding: 8px 20px; font-size: 24px; font-size: clamp(1rem, 1rem + 0.1389vw, 1.3333rem); background-color: transparent;  border: 1px solid #038896; border-radius: 30px;  font-family: inherit; color: #4E4949; letter-spacing: 1.25px; line-height: 140%;  }

.acf-field.acf-error input[type="text"], .acf-field.acf-error input[type="password"], .acf-field.acf-error input[type="date"], .acf-field.acf-error input[type="datetime"], .acf-field.acf-error input[type="datetime-local"], .acf-field.acf-error input[type="email"], .acf-field.acf-error input[type="month"], .acf-field.acf-error input[type="number"], .acf-field.acf-error input[type="search"], .acf-field.acf-error input[type="tel"], .acf-field.acf-error input[type="time"], .acf-field.acf-error input[type="url"], .acf-field.acf-error input[type="week"], .acf-field.acf-error textarea, .acf-field.acf-error select { background-color: #ffe6e6; }

.acf-button-group label,
.acf-button-group label:first-child,
.acf-button-group label:last-child { min-width: 50px; border-radius: 30px; padding: 8px 20px; font-size: 24px; font-size: clamp(1rem, 1rem + 0.1389vw, 1.3333rem); background-color: transparent;  border: 1px solid #038896; margin-left: 5px; margin-right: 5px;  }
.acf-button-group label.selected { border-color: #038896; background: #038896; }
.acf-button-group label:hover { cursor: pointer; }

.acf-field textarea { padding: 8px 20px; font-size: 24px; font-size: clamp(1rem, 1rem + 0.1389vw, 1.3333rem); background-color: transparent; letter-spacing: 1.25px; line-height: 140%;   }

.acf-field .acf-label { margin: 0; font-weight: normal; display: none; }
.acf-field .acf-label label { font-weight: normal; }

.af-field-type-group.acf-field > .acf-label { display: block; text-transform: uppercase; padding: 0 0 10px 18px; }

.af-field.af-field-type-button-group	{ display: flex; justify-content: center; align-items: center; gap: 30px; }
.af-field.af-field-type-button-group .acf-label { display: inline-block; }

.acf-required { color: #CF2E2E; }

.acf-field  .af-field-instructions { padding-bottom: 5px; font-style: italic; }

.acf-fields ::-webkit-input-placeholder {  color: #4E4949; }
.acf-fields :-moz-placeholder {  color: #4E4949;}
.acf-fields ::-moz-placeholder {  color: #4E4949; }
.acf-fields :-ms-input-placeholder { color: #4E4949;}

.af-submit				{ padding: 0 !important; z-index: 5; margin: 0 auto;  }
.af-submit button		{ font-family: inherit; border-radius: 30px; font-size: 24px; font-size: clamp(1rem, 1rem + 0.1389vw, 1.3333rem); display: inline-block; font-weight: normal; text-transform: uppercase; text-align: center; padding: 10px 40px;  background-color: #038896; text-decoration: none; color: #ffffff; border: none; letter-spacing: 1.25px; line-height: 140%;   }
.af-submit button:hover	{ cursor: pointer; color: #ffffff; background-color: #953092;  }

.acf-fields:after { display: none; }

.acf-notice p { padding-bottom: 0; }


/* RESPONSIVE STYLES 
---------------------------------------------------------------------------*/

@media screen and (max-width: 765px) {
	.af-field.af-field-type-button-group { flex-wrap: wrap; gap: 10px; margin-bottom: 20px; }
	.af-field.af-field-type-button-group .acf-label { text-align: center; width: 100%; }
}