/*  MICROTHEMER STYLES  */


/*= Online Form =============== */

/** Online Form >> GForm Wrapper **/
.gform_wrapper {
	color: rgb(255, 255, 255) !important;
	background-color: var(--primary) !important;
	padding: var(--space-l) var(--space-m) var(--space-m) var(--space-m) !important;
	border-radius: var(--radius-l) !important;
}

/** Online Form >> Gform title **/
#gform_wrapper_1 .gform_title {
	color: rgb(255, 255, 255) !important;
	font-size: var(--text-xl) !important;
	font-weight: 100 !important;
	text-align: center !important;
	margin-bottom: var(--space-s) !important;
}

/** Online Form >> Advtitle _2 **/
#field_1_8 .advtitle {
	color: var(--secondary) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	text-align: center !important;
	background-color: var(--light) !important;
	padding: 3px !important;
	border: 1px solid rgb(255, 255, 255) !important;
	border-radius: var(--radius-s) !important;
}

/** Online Form >> Field 1 17 **/
#field_1_17 {
	text-align: left !important;
}

/** Online Form >> Gform field label **/
.gform-field-label {
	color: rgb(255, 255, 255) !important;
	font-weight: 400 !important;
	text-align: left !important;
}

/** Online Form >> Input **/
.ginput_container > input {
	background-color: --(secondary) !important;
	padding: 0 0 0 8px !important;
	border-width: 0px !important;
	border-style: none !important;
}

/** Online Form >> Gfield description 3 3 **/
#gfield_description_3_3 {
	color: rgb(255, 255, 255) !important;
}

/** Online Form >> Charleft **/
.charleft {
	color: var(--light) !important;
}

/** Online Form >> Gfield description **/
#gfield_description {
	color: var(--secondary) !important;
}

/** Online Form >> Placeholder **/
.ginput_container > input placeholder {
	color: rgb(0, 0, 0) !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	padding-left: 15px !important;
	border-width: 0 !important;
	border-style: none !important;
	border-radius: 5px !important;
}

/** Online Form >> Input _2 **/
#gform_1 input {
	color: rgb(255, 255, 255) !important;
	background-color: var(--secondary) !important;
	width: 100% !important;
	padding: var(--space-s) !important;
}

/** Online Form >> Field 1 18 **/
#field_1_18 {
	text-align: left !important;
}

/** Online Form >> Gfield required **/
.gfield_required {
	color: var(--text-title) !important;
}

/** Online Form >> Input 1 4 **/
#input_1_4 {
	text-align: center !important;
	-webkit-flex-flow: row nowrap !important;
	-moz-flex-flow: row nowrap !important;
	-ms-flex-flow: row nowrap !important;
	flex-flow: row nowrap !important;
}

/** Online Form >> Ginput container **/
#field_1_4 .ginput_container {
	width: 59% !important;
	-webkit-flex-flow: row nowrap !important;
	-moz-flex-flow: row nowrap !important;
	-ms-flex-flow: row nowrap !important;
	flex-flow: row nowrap !important;
	-webkit-align-items: stretch !important;
	align-items: stretch !important;
	grid-column-gap: 0 !important;
	column-gap: 0 !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
}

/** Online Form >> Number input **/
#input_1_4 input[type="number"] {
	color: var(--text-title) !important;
	background-color: var(--secondary) !important;
	width: 100% !important;
}

/** Online Form >> Gfield description 1 4 **/
#gfield_description_1_4 {
	color: rgb(255, 255, 255) !important;
}

/** Online Form >> Gform footer **/
#gform_1 .gform-footer {
	line-height: 1.1px !important;
	height: 90px !important;
}

/** Online Form >> Gform button **/
.gform_button {
	/* MT [ google_font: 1 ] */
	font-family: 'ABeeZee' !important;
	color: var(--secondary) !important;
	font-size: 22px !important;
	font-weight: 600 !important;
	text-align: center !important;
	text-transform: uppercase !important;
	background-color: var(--text-title) !important;
	width: 100% !important;
	height: 50px !important;
	padding: 0 !important;
	border: 1px solid rgb(255, 255, 255) !important;
	border-radius: var(--radius-s) !important;
}

/** Online Form >> Advtitle **/
.advtitle {
	/* MT [ google_font: 1 ] */
	font-family: 'ABeeZee' !important;
	color: rgb(255, 255, 255) !important;
	line-height: 21px !important;
	height: 100% !important;
}

/** Online Form >> Gform submit button 1 (:hover) **/
#gform_submit_button_1:hover {
	background-color: var(--secondary) !important;
}

/** Online Form >> Gform 4 validation container **/
#gform_4_validation_container {
	color: rgb(255, 255, 255) !important;
}

/** Online Form >> Gform submission error **/
#gform_1_validation_container .gform_submission_error {
	color: var(--light) !important;
}

/** Online Form >> Gform title _3 **/
h2.gform_title {
	color: var(--light) !important;
	font-size: var(--text-xl) !important;
	font-weight: 100 !important;
	text-align: center !important;
}

/** Online Form >> Field 3 1 **/
#field_3_1 {
	text-align: left !important;
}

/** Online Form >> Gfield description _2 **/
#gfield_description {
	color: rgb(255, 255, 255) !important;
}

/** Online Form >> Gform fields 1 **/
#gform_fields_1 {
	grid-row-gap: 5px !important;
	row-gap: 5px !important;
}

/** Online Form >> Gfield validation message **/
#gform_fields_1 .gfield_validation_message {
	color: var(--light) !important;
}

/** Online Form >> Gform 3 validation container **/
#gform_3_validation_container {
	color: rgb(255, 255, 255) !important;
}

/** Online Form >> Ordered list **/
#gform_3_validation_container ol {
	color: rgb(255, 255, 255) !important;
}

/** Online Form >> Gform validation error link **/
#gform_3_validation_container .gform_validation_error_link {
	color: rgb(255, 255, 255) !important;
}

/** Online Form >> Gform submission error _2 **/
#gform_3_validation_container .gform_submission_error {
	color: rgb(255, 255, 255) !important;
}

/** Online Form >> Gfield validation message _2 **/
#gform_fields_3 .gfield_validation_message {
	color: rgb(255, 255, 255) !important;
}

/** Online Form >> Piecal external calendar links **/
#brxe-ocultg .piecal-external-calendar-links {
	text-align: center !important;
	background-color: rgb(255, 255, 255) !important;
	padding: 10px !important;
	margin-top: 20px !important;
}


/*= Calendar ================== */

/** Calendar >> Piecalstyle **/
.piecalstyle {
	background-color: rgb(255, 255, 255) !important;
	padding: var(--space-xl) !important;
}

/** Calendar >> Piecal controls view title **/
.piecal-controls__view-title {
	color: var(--light) !important;
	font-size: var(--text-xl) !important;
	text-align: center !important;
	background-color: var(--primary) !important;
	padding-top: var(--space-s) !important;
	padding-bottom: var(--space-s) !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

/** Calendar >> Piecal popover inner **/
.piecal-popover__inner {
	background-color: rgb(230, 229, 169) !important;
}

/** Calendar >> Piecal popover view link **/
.piecal-popover__view-link {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(0, 128, 0) !important;
	padding: var(--space-s) !important;
}

/** Calendar >> Paragraph **/
#field_4_16 p {
	line-height: 19px !important;
}

/** Calendar >> Paragraph _2 **/
#gform_fields_4 p {
	color: rgb(255, 255, 255) !important;
	line-height: 20px !important;
}


/*= Piecal calendar =========== */

/** Piecal calendar >> Fc event title container **/
.fc-event-title-container {
	color: rgb(255, 255, 255) !important;
	font-weight: normal !important;
	background-color: var(--primary) !important;
}

/** Piecal calendar >> Fc event time **/
.fc-event-start .fc-event-time {
	color: rgb(255, 255, 255) !important;
	background-color: var(--secondary) !important;
}

/** Piecal calendar >> Fc event title container _2 **/
.fc-event-start .fc-event-title-container {
	background-color: var(--primary) !important;
}

/** Piecal calendar >> Fc event time (#1) **/
.fc-event-end .fc-event-time:nth-of-type(1) {
	background-color: var(--secondary) !important;
}

/** Piecal calendar >> Fc event time _2 **/
tbody .fc-event-time {
	background-color: var(--secondary) !important;
}

/** Piecal calendar >> Piecal controls today button **/
#brxe-ocultg .piecal-controls__today-button {
	background-color: var(--secondary) !important;
}

/** Piecal calendar >> Button (#2) **/
.piecal-controls button:nth-of-type(2) {
	background-color: var(--secondary) !important;
}

/** Piecal calendar >> Piecal controls next button **/
#brxe-ocultg .piecal-controls__next-button {
	background-color: var(--secondary) !important;
}

/** Piecal calendar >> Piecal popover close button **/
#brxe-ocultg .piecal-popover__close-button {
	color: rgb(255, 255, 255) !important;
	font-weight: normal !important;
}


/*= Online form 2 ============= */

/** Online form 2 >> Gform 4 validation container **/
#gform_4_validation_container {
	color: rgb(255, 231, 231) !important;
}

/** Online form 2 >> Gform submission error **/
#gform_4_validation_container .gform_submission_error {
	color: rgb(255, 255, 255) !important;
}

/** Online form 2 >> Ordered list **/
#gform_4_validation_container ol {
	color: rgb(255, 255, 255) !important;
}

/** Online form 2 >> Gform validation error link **/
#gform_4_validation_container .gform_validation_error_link {
	color: rgb(255, 255, 255) !important;
}

/** Online form 2 >> Validation message 4 14 **/
#validation_message_4_14 {
	color: rgb(255, 255, 255) !important;
}

/** Online form 2 >> Validation message 4 2 **/
#validation_message_4_2 {
	color: rgb(255, 255, 255) !important;
}

/** Online form 2 >> Gfield description **/
fieldset .gfield_description {
	color: rgb(255, 255, 255) !important;
}

/** Online form 2 >> Validation message 4 11 **/
#validation_message_4_11 {
	color: rgb(255, 255, 255) !important;
}

/** Online form 2 >> Gfield description 4 22 **/
#gfield_description_4_22 {
	color: rgb(255, 255, 255) !important;
}


/*( < 1200 )*/
@media (max-width: 1199.98px) {
	/** Online Form >> Number input **/
	#input_1_4 input[type="number"] {
	width: 100% !important;
}

}


/*( < 980 )*/
@media (max-width: 979.98px) {
	/** Online Form >> Number input **/
	#input_1_4 input[type="number"] {
	width: 100% !important;
}

}


/*( < 768 )*/
@media (max-width: 767.98px) {
	/** Online Form >> Input 1 4 **/
	#input_1_4 {
	width: 100% !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

	/** Online Form >> Ginput container **/
	#field_1_4 .ginput_container {
	text-align: center !important;
	width: 48% !important;
}

	/** Online Form >> Number input **/
	#input_1_4 input[type="number"] {
	width: 100% !important;
}

}


/*( < 480 )*/
@media (max-width: 479.98px) {
	/** Online Form >> Ginput container **/
	#field_1_4 .ginput_container {
	text-align: left !important;
	width: auto !important;
}

	/** Online Form >> Number input **/
	#input_1_4 input[type="number"] {
	width: 100% !important;
}

	/** Online Form >> Validation message 1 4 **/
	#validation_message_1_4 {
	height: 35px !important;
}

	/** Online Form >> Gform submission error **/
	#gform_1_validation_container .gform_submission_error {
	color: var(--light) !important;
}

}