.wp-block {} /*  (.wp-block {} ensures MT files load in Gutenberg editor) */
/*  MICROTHEMER STYLES  */


/*= General =================== */

/** General >> Menu **/
.menu-item a {
	padding-right: 0 !important;
	padding-bottom: 5px !important;
	padding-left: 0 !important;
	margin-right: 10px !important;
	margin-left: 10px !important;
}

/** General >> Menu (:hover) **/
.menu-item a:hover {
	padding-bottom: 3px !important;
	border-bottom: 2px solid rgb(133, 133, 133) !important;
}

/** General >> Actionscontent left **/
.wp-block-columns > .actionscontent-left {
	padding-right: 30px !important;
}

/** General >> Action Grid Item **/
.actionsgrid .pp-content-post {
	padding: 0 !important;
}

/** General >> Action grid image **/
.actionsgrid .pp-content-grid-post-image {
	padding: 0 !important;
}

/** General >> Input **/
#input_1_1 input {
	height: 50px !important;
	margin-top: 0 !important;
	margin-bottom: 8px !important;
}

/** General >> Input 1 3 **/
#input_1_3 {
	height: 50px !important;
	margin-top: 5px !important;
}

/** General >> Gform footer **/
#gform_1 .gform_footer {
	padding-top: 0 !important;
}

/** General >> Dontate Membership column image **/
.donatecolumn img {
	border-radius: 10px !important;
}

/** General >> Follow icon - main (:hover) **/
.shareiconcolumn .fab:hover {
	color: rgb(245, 130, 31) !important;
}

/** General >> Gform submit button 5 **/
#gform_submit_button_5 {
	font-size: 20px !important;
	font-weight: 700 !important;
	background-color: rgb(44, 185, 246) !important;
	width: 100% !important;
	height: 50px !important;
	margin-top: 30px !important;
	border-color: rgba(0, 0, 0, 0) !important;
	border-width: 0 !important;
	ont-family: quicksand !important;
}

/** General >> Gform submit button 5 (:hover) **/
#gform_submit_button_5:hover {
	background-color: rgb(33, 144, 191) !important;
}

/** General >> Gform field label **/
#input_5_3 .gform-field-label {
	font-size: 18px !important;
}

/** General >> Gchoice **/
#input_5_3 .gchoice {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

/** General >> Input 5 5 **/
#input_5_5 {
	font-size: 24px !important;
}

/** General >> Gfield label Moved 1 **/
#gform_5 .gfield_label {
	font-size: 22px !important;
}

/** General >> form sets **/
#gform_fields_5 .gfield {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

/** General >> Image **/
#fl-main-content .wp-block-image {
	margin-bottom: 0 !important;
}

/** General >> Joe web banner **/
.joe-web-banner {
	width: 100vw !important;
	margin-bottom: 5% !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
	position: relative !important;
	left: calc(-50vw + 50%) !important;
	background-image: url("/wp-content/uploads/2025/04/joe-orange-banner-web-b.png") !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

/** General >> joe-banner-inner **/
.joe-web-banner .wp-block-group__inner-container {
	width: 1100px !important;
}


/*= Footer ==================== */

/** Footer >> Follow icons **/
.shareiconcolumn .fa-brands::before {
	font-size: 40px !important;
}

/** Footer >> Follow icons (:hover) **/
.shareiconcolumn .fa-brands:hover {
	color: rgb(245, 130, 31) !important;
}

/** Footer >> Image **/
.fl-html img {
	width: 100px !important;
}

/** Footer >> Gform title **/
#gform_wrapper_5 .gform_title {
	display: none !important;
}

/** Footer >> Input (#1) **/
input:nth-of-type(1) {
	border-color: rgb(144, 141, 141) !important;
}

/** Footer >> Ndpiframe **/
.ndpiframe {
	background-color: rgba(0, 0, 0, 0) !important;
	width: 1100px !important;
	height: 1500px !important;
	border-width: 0 !important;
}

/** Footer >> Paragraph **/
p {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

/** Footer >> List item **/
.wp-block-list li {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}


/*= Forms ===================== */

/** Forms >> Gform title **/
.form .gform_title {
	display: none !important;
}

/** Forms >> Form sections **/
.form .gfield {
	margin-bottom: 20px !important;
}

/** Forms >> Gfield label **/
.form_sublabel_below .gfield_label {
	font-family: pt serif !important;
	color: rgb(85, 76, 76) !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	border-bottom: 0 none rgba(0, 0, 0, 0) !important;
}

/** Forms >> Input **/
.form .field_sublabel_below input {
	background-color: rgb(255, 255, 255) !important;
	height: 50px !important;
	border-color: rgb(191, 191, 191) !important;
}

/** Forms >> Label **/
.form_sublabel_below label {
	font-family: libre franklin !important;
	color: rgb(137, 137, 137) !important;
	font-weight: 500 !important;
	margin-bottom: 15px !important;
}

/** Forms >> Form dropdown **/
.form select {
	background-color: rgb(251, 251, 254) !important;
	height: 50px !important;
	border: 1px solid rgb(191, 191, 191) !important;
	border-radius: 5px !important;
}

/** Forms >> Form button **/
.form .button {
	font-family: quicksand !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	background-color: rgb(44, 185, 246) !important;
	width: 100% !important;
	height: 50px !important;
	margin-top: 30px !important;
	border-color: rgba(0, 0, 0, 0) !important;
	border-width: 0 !important;
}

/** Forms >> Form button (:hover) **/
.form .button:hover {
	background-color: rgb(33, 144, 191) !important;
}

/** Forms >> Donate column **/
.donatecolumn {
	margin-left: 40px !important;
	border: 1px solid rgb(129, 129, 129) !important;
	border-radius: 10px !important;
}


/*( < 768 )*/
@media (max-width: 767.98px) {
	/** Forms >> Donate column **/
	.donatecolumn {
	margin-left: 0 !important;
}

}


/*( < 480 )*/
@media (max-width: 479.98px) {
	/** Forms >> Joe Banner media text **/
	.joe-web-banner .wp-block-media-text {
	padding-top: 40px !important;
	display: grid !important;
}
.joe-web-banner .wp-block-media-text > :nth-child(1) {
	grid-area: 1 / 1 / 2 / 2 !important;
}
.joe-web-banner .wp-block-media-text > :nth-child(2) {
	grid-area: 2 / 1 / 3 / 2 !important;
}

}