.flex {
	display: flex;
}

.flex-d-1, .flex-l-1 {
	flex: 0 0 100%;
}

.flex-d-2, .flex-l-2 {
	flex: 0 0 50%;
}

.flex-d-3, .flex-l-3 {
	flex: 0 0 33.33%;
}

.flex-d-4, .flex-l-4 {
	flex: 0 0 25%;
}


@media only screen and (max-width: 650px) {
	
	.flex-lm-1 {
		flex: 0 0 100%;
	}

	.flex-lm-2 {
		flex: 0 0 50%;
	}

	.flex-lm-3 {
		flex: 0 0 33.33%;
	}

	.flex-lm-4 {
		flex: 0 0 25%;
	}
	
	
}


@media only screen and (max-width: 425px) {
	
	.show-m {
		display: block;
	}
	
	.hide-m {
		display: none;
	}
	
	
.flex-m-1 {
	flex: 0 0 100%;
}

.flex-m-2 {
	flex: 0 0 50%;
}

.flex-m-3 {
	flex: 0 0 33.33%;
}

.flex-m-4 {
	flex: 0 0 25%;
}

}

/* District Accordion Selection
----------------------------------------------------------------------------------------------------------------------- */

.accordionpanel {
  padding: 0 18px;
  background-color: #f9f9f9;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.accordion-indicator {
	width: 0.8em;
    height: 0.8em;
    border-bottom-width: 0.2em;
    border-bottom-style: solid;
    border-left-width: 0.2em;
    border-left-style: solid;
    transform: rotate( -45deg);
    transition: 0.4s ease;
    position: absolute;
    top: 23%;
    right: 1.25em;
}

.active .accordion-indicator {
	    transform: rotate(135deg);
}


/* Accordion
----------------------------------------------------------------------------------------------------------------------- */
.accordionsimple {
  background-color: var(--wp--preset--color--primary);
  color: black;
  cursor: pointer;
  padding: 1em 1.5em;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
	margin-top: 1em;
	position: relative;
	border-radius: 0px;

font-weight: 700;
}

.accordionsimple h5 {
	margin: 0px;
	font-weight: 600;
}

.active, .accordionsimple:hover {
  background-color: var(--wp--preset--color--primary);
}

.blockaccordionpanel {
  padding: 0 18px;
  background-color: #f9f9f9;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.simpleaccordionpanel {
	  padding: 0 18px;
  background-color: #f9f9f9;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.simpleaccordion-indicator {
	width: 0.8em;
    height: 0.8em;
    border-bottom-width: 0.2em;
    border-bottom-style: solid;
    border-left-width: 0.2em;
    border-left-style: solid;
    transform: rotate( -45deg);
    transition: 0.4s ease;
    position: absolute;
    top: 29%;
    right: 1.25em;
}

.accordionsimpleactive .simpleaccordion-indicator {
	    transform: rotate(135deg);
}

.edit-post-visual-editor .simpleaccordion-end {
	display: block;
	width: 100%;
	border-bottom: 1px solid #00000057;
	position: relative;
}

.edit-post-visual-editor .simpleaccordionpanel {
	max-height: unset;
}

.edit-post-visual-editor .simpleaccordionsimple h3 {
	color: #265f92;
}

.edit-post-visual-editor .simpleaccordion-indicator {
	border-color: #265f92;
}




/* Accordion Advanced
----------------------------------------------------------------------------------------------------------------------- */

.adaccordion {
  background-color: var(--wp--preset--color--primary);
  color: black;
  cursor: pointer;
  padding: 1em 1.5em;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
	margin-top: 1em;
	position: relative;
	border-radius: 0px;

font-weight: 700;
}

.adaccordion h5 {
	margin: 0px;
	font-weight: 600;
}

.adactive, .adaccordion:hover {
  background-color: var(--wp--preset--color--primary);
}



.adaccordionpanel {
	  padding: 0 18px;
  background-color: #f9f9f9;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.adaccordion-indicator {
	width: 0.8em;
    height: 0.8em;
    border-bottom-width: 0.2em;
    border-bottom-style: solid;
    border-left-width: 0.2em;
    border-left-style: solid;
    transform: rotate( -45deg);
    transition: 0.4s ease;
    position: absolute;
    top: 29%;
    right: 1.25em;
}

.adactive .adaccordion-indicator {
	    transform: rotate(135deg);
}

.edit-post-visual-editor .accordion-end {
	display: block;
	width: 100%;
	border-bottom: 1px solid #00000057;
	position: relative;
}

.edit-post-visual-editor .accordion-end:after {
	content: "End of Accordion";
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: white;
	padding: 0.2em 0.5em;
	font-size: 11px;
	color: #00000057;
}

.edit-post-visual-editor .adaccordion h3 {
	color: #265f92;
}

.edit-post-visual-editor .adaccordion-indicator {
	border-color: #265f92;
}

.edit-post-visual-editor .adaccordion:after {
	content: "Remember to add an 'Advanced Accordion End' Block at the end of your content";
	position: absolute;
	bottom:0px;
	left: 50%;
	transform: translate(-50%, 100%);
	padding: 0.2em 0.5em;
	font-size: 11px;
	color: #00000057;
}


/* Sign up form
----------------------------------------------------------------------------------------------------------------------- */

.block-signup {
	background: white;
    padding: 1.5em;
	margin: 2em 0;
}

.block-signup .block-signup-inner {
	display: flex;
	align-items: center;
}

.block-signup .block-signup-inner .block-signup-inner-title {
	flex: 0 1 auto;
	text-transform: uppercase;
}

.block-signup .block-signup-inner .block-signup-inner-title h3 {
	margin: 0px;
}


.block-signup .block-signup-inner .block-signup-inner-form {
	flex: 1 1 auto;
	padding-left: 6%;
}


.block-signup .block-signup-inner .gform_wrapper {
	margin: 0em;
}

.block-signup .block-signup-inner .gform_wrapper form {
	background: none;
	padding: 0em;
}

#gform_wrapper_1 .gform_footer {
	display: none;
}

#gform_fields_1{
	align-items: center;
}

#field_1_4 {
	grid-column: span 2;
}

#field_1_4 .warningTextareaInfo {
	display: none;
}

#gform_wrapper_1 #field_submit {
	grid-column: span 2;
	justify-content: right;
}

@media (max-width: 640px){
	#field_1_4, #gform_wrapper_1 #field_submit  {
		grid-column: 1/-1;
	}
	
	#gform_wrapper_1 #field_submit input {
		justify-content: center;
	}
	
	#gform_wrapper_1 #field_submit input {
		   display: block;
    	width: 100%;
	}
}

/* Forms
--------------------------------------------- */

.gform_wrapper {

}

.gform_wrapper form {
	background: white;
	padding: 1.5em;
}

.gform_wrapper form .gform_body .gform_fields .gfield input {
	background: var(--wp--preset--color--quaternary);
	border-radius: 4em;
	border: 0px;
	padding-left: 1em;
    padding-right: 1em;
	font-weight: 500;
}

.gform_wrapper form .gform_body .gform_fields .gfield textarea {
	background: var(--wp--preset--color--quaternary);
	border-radius: 0.5em;
	border: 0px;
	padding-left: 1em;
    padding-right: 1em;
	font-weight: 500;
}

.gform_wrapper form .gform_body .gform_fields .gfield input::placeholder {
	font-weight: 500;
}

.gform_wrapper form .gform_body .gform_fields #field_submit .gform-button, .gform_wrapper .gform_button {
	color: var(--wp--preset--color--primary);
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 4em;
    font-weight: 500;
    background: black;
	padding: 0.5em 0.9em;
}



/* Latest News Block
--------------------------------------------- */
.news-posts {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -1.25em;
}

.news-posts .news-post .news-post-outer {
	padding: 1.25em;
	height: 100%;
}

.news-posts .news-post .news-post-inner {
	background: white;
	height: 100%;
}

.news-posts .news-post .news-post-inner .news-post-image {
	padding-bottom: 45%;
	position: relative;
}

.news-posts .news-post .news-post-inner .news-post-image img {
	position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-posts .news-post .news-post-inner .news-post-content {
	padding: 6%;
	padding-bottom: 6%;
}

.news-posts .news-post .news-post-inner .news-post-content .district-location {
	margin-top: 0px;
	margin-bottom: 0.25em;
	font-size: 15px;
}

.news-posts .news-post .news-post-inner .news-post-content .district-location a {
	color: var(--wp--preset--color--primary);
	text-transform: uppercase;
	font-weight: 700;
	text-decoration: none;
}

.news-posts .news-post .news-post-inner .news-post-content .district-category {
    margin-top: 2em;
    margin-bottom: 0;
    font-size: 14px;
}

.news-posts .news-post .news-post-inner .news-post-content .district-category a {
	color: var(--wp--preset--color--tertiary);
	text-transform: uppercase;
	font-weight: 500;
	text-decoration: none;
}

.news-posts .news-post .news-post-inner .news-post-content h3 {
	margin: 0px;
}

.news-posts .news-post .news-post-inner .news-post-content h3 a {
	color: black;
	text-decoration: none;
}

.no-news-found {
	
}


.no-news-found a {
	color: black;
}




/* Campaign Block
----------------------------------------------------------------------------------------------------------------------- */


.campaign-block {
	position: relative;
	margin: 3em 0;
	z-index: 1;
}

.campaign-block:after {
    content: "";
    width: 100vw;
    height: 100%;
    position: absolute;
    background: var(--wp--preset--color--primary);
    top: 0px;
    left: calc(100%/2);
    transform: translateX(-50%);
    z-index: -1;
}

.campaign-block .campaign-blocks {
	display: flex;
	padding: 3em 0;
}

.campaign-block .campaign-blocks .campaign-block-left {
    flex: 1 1 420px;
    width: 420px;
	z-index: 1;
	    padding-right: 4%;
}


.campaign-block .campaign-blocks .campaign-block-right {
	flex: 1 1 100%;
	position: relative;
}


.campaign-block .campaign-blocks .camapign-district {
	display: flex;
	align-items: center;
}

.campaign-block .campaign-blocks .camapign-district img {
	flex: 0 0 50%;
	width: 50%;
	padding-right: 13%;
}

.campaign-block .campaign-blocks .camapign-district p {
    flex: 0 1 auto;
    margin: 0px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0.4em 0;
    border-top: 6px solid black;
    border-bottom: 6px solid black;
    line-height: 1.2em;
	display: inline-block;
}

.campaign-mobile-img {
	display: none;
}

.campaign-block .campaign-blocks h2 {
    font-size: 4em;
    max-width: 420px;
    line-height: 1em;
	width: 510px;
	margin: 0.5em 0 1em 0;
}

.campaign-block .campaign-blocks h2 a {
	color: black;
	text-decoration: none;
}

.campaign-block .campaign-blocks .campaign-h2 {
	font-size: 4em;
    line-height: 1em;
}

.campaign-block .campaign-blocks .meu-button-alt-p {
	margin-bottom: 0px;
}

.campaign-block .campaign-blocks .campaign-block-right {
	
}

.campaign-block .campaign-blocks .campaign-block-right img {
	    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}


.campaign-block .campaign-blocks .campaign-block-right img.campaign-image-contain {
    object-fit: contain;
}














@media only screen and (max-width: 768px) {
	
	.flex-t-1 {
	flex: 0 0 100%;
}

.flex-t-2 {
	flex: 0 0 50%;
}

.flex-t-3 {
	flex: 0 0 33.33%;
}

.flex-t-4 {
	flex: 0 0 25%;
}
	
	/* Sign up form
----------------------------------------------------------------------------------------------------------------------- */
	
	.block-signup .block-signup-inner {
		flex-wrap: wrap;
	}
	
	.block-signup .block-signup-inner .block-signup-inner-title, .block-signup .block-signup-inner .block-signup-inner-form {
		flex: 1 0 100%;
    	padding-left: 0%;
	}
	
	.block-signup .block-signup-inner .block-signup-inner-title {
		text-align: center;
    	margin-bottom: 1em;
	}
	
	

	/* Campaign
----------------------------------------------------------------------------------------------------------------------- */
	
	.campaign-block .campaign-blocks {
		flex-wrap: wrap;
		padding: 1em 0 1.5em 0;
	}
	
	.campaign-block .campaign-blocks .campaign-block-left {
		flex: 1 1 100%;
		width: 100%;
		padding: 0;
	}
	
	.campaign-block .campaign-blocks .camapign-district {
		justify-content: center;
		margin-bottom: 1em;
	}
	
	.campaign-block .campaign-blocks .camapign-district img {
		max-width: 80px;
		padding: 0;
		margin-right: 1em;
	}
	
	.campaign-mobile-img {
		display: block;
	}
	
	.campaign-mobile-img .page-banner-image {
		position: relative;
		height: 100%;
		width: 100vw;
		transform: translateX(-4%);
		top: 0px;
		left: 0px;
		z-index: 0;
		line-height: 0;
	}
	
	.campaign-block .campaign-blocks h2 {
		    margin: 0px;
		max-width: unset;
		width: 100%;
		font-size: 3em;
				position: relative;
		z-index: 2;
		margin-top: 0.5em;
	}
	


	
	
	.campaign-block .campaign-blocks .campaign-block-right {
		display: none;
	}
	
}



@media only screen and (max-width: 500px) {
	
	.flex-m-1 {
	flex: 0 0 100%;
}

.flex-m-2 {
	flex: 0 0 50%;
}

.flex-m-3 {
	flex: 0 0 33.33%;
}

.flex-m-4 {
	flex: 0 0 25%;
}
	
	.block-signup {
		padding: 1em;
	}
	
	/* Campaign
----------------------------------------------------------------------------------------------------------------------- */
	
	.campaign-block {
		margin: 2em 0;
	}
	
	.campaign-block .campaign-blocks h2 {
		font-size: 2.5em;
	}
	
	
	
}