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

/*  MICROTHEMER STYLES  */

/*= Animations ================ */

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}


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

/** General >> News Grid - item group **/
.newsgrid .wp-block-group-is-layout-flow {
	height: 100% !important;
	border: 1px solid rgb(191, 191, 191) !important;
	border-radius: 3% !important;
}

/** General >> News Grid - Image Wrap **/
.newsgrid .wp-block-post-featured-image {
	border-top-left-radius: 3% !important;
	border-top-right-radius: 3% !important;
}

/** General >> News Grid - IMage **/
.newsgrid .wp-post-image {
	border-top-left-radius: 3% !important;
	border-top-right-radius: 3% !important;
}

/** General >> News Grid - item group (:hover) **/
.newsgrid .wp-block-group-is-layout-flow:hover {
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2) !important;
}

/** General >> Newsgrid pagenation - current **/
.newsgrid-pagenation .current {
	color: rgb(191, 191, 191) !important;
	text-decoration: none !important;
	background-color: rgba(243, 130, 48, 0.08) !important;
	padding: 15px !important;
	margin: 5px !important;
	border: 1px solid rgb(243, 130, 48) !important;
}

/** General >> News Grid Pagenation link **/
.newsgrid-pagenation a {
	color: rgb(191, 191, 191) !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	padding: 15px !important;
	margin: 5px !important;
	border: 1px solid rgb(243, 130, 48) !important;
}

/** General >> News Grid Pagenation link (:hover) **/
.newsgrid-pagenation a:hover {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(243, 130, 48) !important;
}

/** General >> Mobile Menu Link **/
.mobilemenu a {
	text-decoration: none !important;
}

/** General >> WP container core group is layout b757edec **/
.wp-container-core-group-is-layout-4d293db7 .wp-container-core-group-is-layout-b757edec {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	grid-template-rows: auto !important;
}
.wp-container-core-group-is-layout-4d293db7 .wp-container-core-group-is-layout-b757edec > :nth-child(3) {
	grid-area: 2 / 1 / 3 / 2 !important;
}

/** General >> Search filter input button **/
.search-filter-input-button-group .search-filter-input-button {
	font-family: outfit !important;
	color: rgb(255, 255, 255) !important;
	font-weight: 800 !important;
}

/** General >> District Buttons **/
#search-filter-input-button-group-1 {
	display: grid !important;
	grid-gap: 1rem !important;
	gap: 1rem !important;
	grid-template-columns: 1fr 1fr 1fr 1fr !important;
	grid-template-rows: auto !important;
}

/** General >> District Filter Wrap **/
#search-filter-input-button-group-0 {
	display: grid !important;
	grid-gap: 1rem !important;
	gap: 1rem !important;
	grid-template-columns: 1fr 1fr 1fr 1fr !important;
	grid-template-rows: auto !important;
}

/** General >> District candidate **/
.candidategrid .district-candidate {
	border-radius: 2rem !important;
}

/** General >> District candidate (:hover) **/
.candidategrid .district-candidate:hover {
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.31) !important;
	border-color: rgb(0, 145, 255) !important;
}

/** General >> Donatebutton **/
.donatebutton {
	padding: .4rem .75rem .4rem .75rem !important;
	border: 2px solid rgb(93, 201, 255) !important;
}

/** General >> Donatebutton (:hover) **/
.donatebutton:hover {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(93, 201, 255) !important;
}

/** General >> Navigation responsive container close **/
#modal-3 .wp-block-navigation__responsive-container-close {
	color: rgb(255, 255, 255) !important;
	font-weight: 900 !important;
	margin-top: 1rem !important;
}


/*= Join the Movement ========= */

/** Join the Movement >> Join movement banner - left column **/
.join-movement-left-column {
	text-align: center !important;
	padding: 0 0 0 50px !important;
	border-radius: 8PX !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
	-webkit-align-items: flex-start !important;
	align-items: flex-start !important;
	box-shadow: 0 0 0 0 rgba(24, 24, 24, 0.09) !important;
}
.join-movement-left-column.mt-inview_once {
	/* MT [ sub: 1 | group: animation | event: 1 ] */
	-webkit-animation-name: fadeIn !important;
	animation-name: fadeIn !important;
	-webkit-animation-duration: 1.5s !important;
	animation-duration: 1.5s !important;
	-webkit-animation-timing-function: ease-in-out !important;
	animation-timing-function: ease-in-out !important;
}

/** Join the Movement >> Join movement banner - image **/
.joinmovement-image {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-top: -60px !important;
	margin-right: -60px !important;
	margin-left: -60px !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-align-items: flex-end !important;
	align-items: flex-end !important;
	position: relative !important;
}

/** Join the Movement >> Join movement banner - wrap **/
.joinmovement-image .wp-block-columns {
	margin-bottom: 0 !important;
}

/** Join the Movement >> Civi Form Fieldset **/
.civi-form fieldset {
	min-width: 100% !important;
	padding: 0 !important;
	margin-top: 2rem !important;
	margin-bottom: 2rem !important;
	border-color: rgba(0, 0, 0, 0) !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
}

/** Join the Movement >> Civi Form Set Container Wrap **/
.af-container > div {
	width: 100% !important;
}

/** Join the Movement >> Submit Button Wrap **/
.af-container:nth-of-type(4) {
	width: 100% !important;
	padding-top: 2rem !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;
	-webkit-align-content: center !important;
	align-content: center !important;
}

/** Join the Movement >> Civi Form - Submit Button **/
#bootstrap-theme .af-button {
	font-size: 24px !important;
	font-weight: 600 !important;
	background-color: rgb(18, 179, 29) !important;
	min-width: 100% !important;
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
	border-radius: 100px !important;
	position: relative !important;
}

/** Join the Movement >> Civi-Form - Address secondary line **/
.af-container .af-container:nth-of-type(2) {
	-webkit-align-content: space-between !important;
	align-content: space-between !important;
}

/** Join the Movement >> Civi - Address sub fields **/
.af-layout-inline af-field {
	width: 100% !important;
}

/** Join the Movement >> Civi - form Input **/
.crm-af-field > input {
	width: 100% !important;
	height: 50px !important;
	padding: .5rem 1rem .5rem 1rem !important;
	margin-top: .5rem !important;
	border-radius: 8px !important;
}

/** Join the Movement >> Civi - Street Address **/
.af-container > div:nth-of-type(2) > div:nth-of-type(1) > af-field {
	width: 50% !important;
}

/** Join the Movement >> Civi - Field label group **/
#bootstrap-theme af-field {
	margin: .5rem !important;
}

/** Join the Movement >> Civi - Drop down menu **/
#bootstrap-theme .select2-container {
	width: 100% !important;
	height: 50px !important;
	margin-top: .5rem !important;
}

/** Join the Movement >> Civi - Signup form wrap **/
#bootstrap-theme {
	background-color: rgba(0, 0, 0, 0) !important;
	margin-top: 0 !important;
	margin-bottom: 5rem !important;
}

/** Join the Movement >> Civi - Pop Downs **/
#bootstrap-theme .select2-choice {
	height: 50px !important;
	padding: .5rem 1rem .5rem 1rem !important;
	border-radius: 8px !important;
}

/** Join the Movement >> Civi - form **/
.wp-block-group-is-layout-constrained .civi-form {
	margin-top: 4rem !important;
}

/** Join the Movement >> Signup contact counter - Province **/
.contact-province-count {
	color: rgb(11, 139, 32) !important;
	font-size: 50px !important;
	font-weight: 700 !important;
	margin-top: .5rem !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;
	-webkit-align-items: center !important;
	align-items: center !important;
}

/** Join the Movement >> Signup contact counter - Icons **/
.counter-icons {
	font-size: 30px !important;
	height: 30px !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
}

/** Join the Movement >> Civi Form - Submit Button (:hover) **/
#bootstrap-theme .af-button:hover {
	background-color: rgb(15, 128, 23) !important;
}

/** Join the Movement >> Label **/
#crm-radio-price_12-wrapper label {
	font-weight: 700 !important;
}


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

/** Donate Forms >> Crm profile **/
#Main .crm-profile {
	padding: 0 !important;
	border-width: 1px 0 0 0 !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-wrap: wrap !important;
	-moz-flex-wrap: wrap !important;
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
	display: grid !important;
	grid-gap: 1.5rem !important;
	gap: 1.5rem !important;
	grid-template-columns: 1fr 1fr !important;
	grid-template-rows: auto auto auto auto !important;
}

/** Donate Forms >> Donate Form **/
.donateform #Main .form-item {
	width: 100% !important;
}

/** Donate Forms >> Donate Contact Field Wrap **/
.donateform #Main .custom_pre_profile-group {
	width: 100% !important;
}

/** Donate Forms >> Label Moved 3 **/
.email-5-section .label {
	text-align: center !important;
	margin-bottom: 30px !important;
	border-bottom: 1px solid rgb(93, 93, 93) !important;
}

/** Donate Forms >> Other amount content **/
#priceset .other_amount-content {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

/** Donate Forms >> Email 5 section **/
#Main .email-5-section {
	text-align: center !important;
	margin-top: 3rem !important;
	margin-bottom: 1.5rem !important;
}

/** Donate Forms >> Label Moved 2 **/
.is_recur-section .label {
	display: none !important;
}

/** Donate Forms >> Content **/
.email-5-section .content {
	width: 100% !important;
	padding-right: 2rem !important;
	padding-left: 2rem !important;
}

/** Donate Forms >> Price 7 **/
#price_7 {
	font-size: 16px !important;
	text-align: center !important;
	width: 100% !important;
	border-color: rgb(143, 143, 143) !important;
	border-width: 1px !important;
	border-radius: .5rem !important;
}

/** Donate Forms >> Contribution amount section **/
#priceset .contribution_amount-section {
	margin-top: 0 !important;
	margin-bottom: 1rem !important;
}

/** Donate Forms >> Donate content **/
#priceset .donate-content {
	display: grid !important;
	grid-template-columns: 1fr 1fr 1fr !important;
	grid-template-rows: auto !important;
}

/** Donate Forms >> Crm radio price 4 wrapper **/
#priceset #crm-radio-price_4-wrapper {
	font-weight: 700 !important;
	margin-right: .5rem !important;
	margin-left: .5rem !important;
}

/** Donate Forms >> Civi Price Buttons **/
.radiobuttons-form-radios-as-buttons {
	margin-right: 2rem !important;
	margin-left: 2rem !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;
	-webkit-align-content: space-between !important;
	align-content: space-between !important;
}

/** Donate Forms >> Pricevalue **/
#pricevalue {
	color: rgb(3, 194, 9) !important;
	font-size: 35px !important;
	font-weight: 700 !important;
	background-color: rgb(240, 254, 234) !important;
	padding: 15px !important;
	margin-top: 10px !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
	border: 1px solid rgb(86, 232, 105) !important;
	border-radius: 5px !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;
}

/** Donate Forms >> Contribution amount individual **/
.price-set-row .price-set-option-content {
	color: rgb(255, 255, 255) !important;
	font-weight: 300 !important;
	background-color: rgb(244, 127, 27) !important;
	width: 95% !important;
	padding: 10px !important;
	border-radius: 5px !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;
	-webkit-align-items: center !important;
	align-items: center !important;
}

/** Donate Forms >> Contribution amount individual (:hover) **/
.price-set-row .price-set-option-content:hover {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(254, 164, 47) !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
}

/** Donate Forms >> Highlight **/
#Main .highlight {
	background-color: rgb(255, 196, 32) !important;
}

/** Donate Forms >> donation Forms tabls wrap **/
.is_recur_radio-section .content {
	border-bottom-width: 1px !important;
	border-bottom-style: solid !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;
}

/** Donate Forms >> Label (#1:focus) **/
.is_recur_radio-section > div:nth-of-type(2) > label:nth-of-type(1):focus {
	background-image: linear-gradient(rgba(237, 100, 9, 0.62), rgb(255, 255, 255), rgba(255, 255, 255, 0)) !important;
}

/** Donate Forms >> Other Amount **/
#price_3 {
	font-size: 24px !important;
	font-weight: 600 !important;
	height: 50px !important;
	border-color: rgb(160, 160, 160) !important;
}

/** Donate Forms >> Other Amount (:focus) **/
#price_3:focus {
	border-color: rgb(46, 169, 2) !important;
	border-width: 2px !important;
}

/** Donate Forms >> Total Amount **/
#amount_sum_label {
	font-size: 24px !important;
	font-weight: 600 !important;
	padding-top: 3px !important;
	padding-bottom: 3px !important;
}

/** Donate Forms >> Select Donation Section **/
#priceset-div .crm-public-form-item {
	margin-bottom: 30px !important;
}

/** Donate Forms >> Donate email **/
#Main #email-5 {
	font-size: 16px !important;
	text-align: center !important;
	width: 100% !important;
	border-color: rgb(143, 143, 143) !important;
	border-width: 1px !important;
	border-radius: .5rem !important;
}

/** Donate Forms >> Donate email (:focus) **/
#Main #email-5:focus {
	width: 100% !important;
	border-color: rgb(143, 143, 143) !important;
	border-width: 1px !important;
	border-radius: .5rem !important;
}

/** Donate Forms >> Contribution amount label **/
.price-set-option-content label {
	margin-bottom: 0 !important;
}

/** Donate Forms >> Qf Main upload bottom **/
#_qf_Main_upload-bottom {
	color: rgb(255, 255, 255) !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	background-color: rgb(0, 198, 66) !important;
	width: 100% !important;
	height: 50px !important;
	border-width: 0px !important;
	border-radius: 5rem !important;
}

/** Donate Forms >> Qf Main upload bottom (:hover) **/
#_qf_Main_upload-bottom:hover {
	background-color: rgb(45, 150, 66) !important;
}

/** Donate Forms >> Donate Form Drop Down menus **/
.form-item .select2-container {
	width: 100% !important;
}

/** Donate Forms >> Review Contribution Butto Wrap **/
#crm-submit-buttons {
	padding-top: 0 !important;
	margin-top: 3rem !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

/** Donate Forms >> Card element **/
#card-element {
	max-width: 100% !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

/** Donate Forms >> Crm form text **/
.form-item .crm-form-text {
	font-size: 15px !important;
	font-weight: 500 !important;
	width: 100% !important;
	border: 1px solid rgb(93, 93, 93) !important;
	border-radius: .5rem !important;
}

/** Donate Forms >> Crm payment js billing form container **/
#crm-payment-js-billing-form-container {
	padding-right: 0 !important;
	padding-left: 0 !important;
	margin-top: 2rem !important;
}

/** Donate Forms >> Paragraph **/
.help p {
	margin-top: 0 !important;
}

/** Donate Forms >> Financial Amount Buttons **/
.radiobuttons-form-radios-as-buttons {
	margin-right: 0 !important;
	margin-left: 0 !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;
}

/** Donate Forms >> Form Title H2 **/
#crm-container .title {
	margin-top: 0 !important;
}

/** Donate Forms >> Set Labels **/
#priceset .label {
	font-size: 1.5rem !important;
	font-weight: 600 !important;
	padding: 3px 0 3px 0 !important;
}

/** Donate Forms >> Field Labels **/
.form-item > div:nth-of-type(1) > label {
	font-size: 20px !important;
	font-weight: 600 !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
}

/** Donate Forms >> Paragraph Moved 1 **/
#billing-payment-block > p {
	display: none !important;
}

/** Donate Forms >> Donate Form - Other field **/
.donateform #price_5 {
	width: 100% !important;
}

/** Donate Forms >> Price Set **/
#priceset fieldset {
	width: 100% !important;
	min-width: 100% !important;
	padding: 0 !important;
	border-width: 0 !important;
}

/** Donate Forms >> Recurring Field **/
.is_recur-section .content {
	padding-left: 0 !important;
}

/** Donate Forms >> Membership initial section **/
#priceset .ndp_pei_membership-section {
	margin-top: 0 !important;
	margin-bottom: 1.5rem !important;
}

/** Donate Forms >> Float right **/
#priceset .float-right {
	display: none !important;
}

/** Donate Forms >> Priceset **/
#priceset {
	margin-top: 0 !important;
	margin-bottom: 1.5rem !important;
}

/** Donate Forms >> Legend **/
#priceset legend {
	display: none !important;
}

/** Donate Forms >> Auto renew section **/
#priceset #auto_renew_section {
	color: rgb(177, 119, 52) !important;
	font-weight: 600 !important;
	background-color: rgba(255, 249, 227, 0.72) !important;
	padding: .5rem !important;
	margin-top: 1rem !important;
	border: 2px dashed rgb(255, 158, 47) !important;
	border-radius: .7rem !important;
}

/** Donate Forms >> Donate-recur-section **/
#Main .is_recur-section {
	font-weight: 600 !important;
	background-color: rgba(255, 249, 227, 0.72) !important;
	padding: .5rem !important;
	margin-top: 1rem !important;
	margin-bottom: 2rem !important;
	border: 2px dashed rgb(255, 158, 47) !important;
	border-radius: .7rem !important;
}

/** Donate Forms >> Other Price - Donate **/
#price_16 {
	font-size: 1.3rem !important;
	font-weight: 600 !important;
	width: 100% !important;
	margin-bottom: 1.1rem !important;
	border-color: rgb(144, 144, 144) !important;
	border-width: 1px !important;
}

/** Donate Forms >> Legend Moved 1 **/
#Main legend {
	font-size: 1.5rem !important;
	font-weight: 600 !important;
	padding-right: 2rem !important;
}

/** Donate Forms >> Crm radio wrapper **/
.crm-radio-wrapper {
	font-weight: 600 !important;
	border-color: rgb(166, 166, 166) !important;
}


/*= Donation Form Confirmation == */

/** Donation Form Confirmation >> Confirm Wrap **/
#Confirm .label-left {
	padding: 2rem !important;
	margin-top: 1rem !important;
	border: 1px solid rgb(143, 143, 143) !important;
	border-radius: 2rem !important;
}

/** Donation Form Confirmation >> Crm profile **/
#Confirm .crm-profile {
	padding: 0 !important;
	border-top-color: rgb(143, 143, 143) !important;
	border-width: 0 !important;
	display: grid !important;
	grid-gap: 2rem !important;
	gap: 2rem !important;
	grid-template-columns: 1fr 1fr !important;
	grid-template-rows: auto auto auto auto !important;
}
#Confirm .crm-profile > :nth-child(1) {
	grid-area: 1 / 1 / 2 / 3 !important;
}
#Confirm .crm-profile > :nth-child(8) {
	grid-area: 4 / 2 / 5 / 3 !important;
}

/** Donation Form Confirmation >> Crm submit buttons (#6) **/
.crm-contribution-page-id-2 .crm-submit-buttons:nth-of-type(6) {
	padding-top: 0 !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
	display: grid !important;
	grid-column-gap: 2rem !important;
	column-gap: 2rem !important;
	grid-template-columns: 1fr 1fr !important;
	grid-template-rows: auto !important;
}

/** Donation Form Confirmation >> Contribution Verify Buttons **/
.crm-contribution-page-id-2 > div:nth-of-type(6) > button {
	font-size: 1.25rem !important;
	font-weight: 600 !important;
	height: 3rem !important;
	border-width: 1px !important;
	border-radius: 3rem !important;
}

/** Donation Form Confirmation >> Confirm Buttons wrap (Top) **/
.crm-submit-buttons:nth-of-type(2) {
	display: none !important;
}

/** Donation Form Confirmation >> Header dark **/
.crm-profile-name-name_and_address .header-dark {
	font-size: 2rem !important;
	font-weight: 600 !important;
	text-align: center !important;
	padding-bottom: .5rem !important;
	border-bottom: 1px solid rgb(143, 143, 143) !important;
}

/** Donation Form Confirmation >> Crm frozen field **/
#Confirm .crm-frozen-field {
	font-size: 1.1rem !important;
	line-height: 1rem !important;
}


/*( < 980 )*/
@media (max-width: 979.98px) {
	/** Join the Movement >> Join movement banner - left column **/
	.join-movement-left-column {
	padding-left: 0 !important;
}

	/** Join the Movement >> Join movement banner - image **/
	.joinmovement-image {
	margin-top: -40px !important;
	margin-right: -40px !important;
	margin-left: -40px !important;
}

	/** Join the Movement >> Civi Form - Submit Button **/
	#bootstrap-theme .af-button {
	font-size: 20px !important;
}

	/** Join the Movement >> Civi - Address sub fields **/
	.af-layout-inline af-field {
	min-width: 45% !important;
}

}


/*( < 768 )*/
@media (max-width: 767.98px) {
	/** Join the Movement >> Join movement banner - left column **/
	.join-movement-left-column {
	padding-top: 30px !important;
	padding-right: 20px !important;
	padding-left: 20px !important;
}

	/** Join the Movement >> Civi Form Fieldset **/
	.civi-form fieldset {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

	/** Join the Movement >> Civi Form Set Container Wrap **/
	.af-container > div {
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}

	/** Join the Movement >> Civi Form - Labels **/
	#bootstrap-theme .crm-af-field-label {
	font-size: 14px !important;
	line-height: 1em !important;
}

	/** Join the Movement >> Submit Button Wrap **/
	.af-container:nth-of-type(4) {
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
	-webkit-align-items: center !important;
	align-items: center !important;
}

	/** Join the Movement >> Civi-Form - Address secondary line **/
	.af-container .af-container:nth-of-type(2) {
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}

	/** Join the Movement >> Civi - Address sub fields **/
	.af-layout-inline af-field {
	min-width: 100% !important;
}

	/** Join the Movement >> Civi - Street Address **/
	.af-container > div:nth-of-type(2) > div:nth-of-type(1) > af-field {
	min-width: 100% !important;
}

	/** Join the Movement >> Civi - Field label group **/
	#bootstrap-theme af-field {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

	/** Join the Movement >> Signup contact counter - Province **/
	.contact-province-count {
	height: 60px !important;
	margin-top: 1rem !important;
}

	/** Join the Movement >> Signup contact counter - Group **/
	.signup .join-the-movement-icon-group {
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
}

	/** Join the Movement >> Signup contact counter - Grid **/
	.signup > .is-layout-grid {
	display: grid !important;
	grid-template-columns: 1fr !important;
	grid-template-rows: auto auto !important;
}
.signup > .is-layout-grid > :nth-child(2) {
	grid-area: 2 / 1 / 3 / 2 !important;
}

	/** Join the Movement >> Our Partners - Grid **/
	.mtp-page-join-the-movement .partners-grid {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	grid-template-rows: auto auto auto !important;
}
.mtp-page-join-the-movement .partners-grid > :nth-child(3) {
	grid-area: 2 / 1 / 3 / 2 !important;
}
.mtp-page-join-the-movement .partners-grid > :nth-child(4) {
	grid-area: 2 / 2 / 3 / 3 !important;
}
.mtp-page-join-the-movement .partners-grid > :nth-child(5) {
	grid-area: 3 / 1 / 4 / 2 !important;
}
.mtp-page-join-the-movement .partners-grid > :nth-child(6) {
	grid-area: 3 / 2 / 4 / 3 !important;
}

	/** Donate Forms >> Crm profile **/
	#Main .crm-profile {
	display: grid !important;
	grid-template-columns: 1fr !important;
	grid-template-rows: auto auto auto auto auto auto auto auto !important;
}
#Main .crm-profile > :nth-child(1) {
	grid-area: 1 / 1 / 2 / 2 !important;
}

	/** Donate Forms >> Contribution amount section **/
	#priceset .contribution_amount-section {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}

	/** Donate Forms >> Crm radio price 4 wrapper **/
	#priceset #crm-radio-price_4-wrapper {
	width: 100% !important;
	margin: .5rem 0 .5rem 0 !important;
}

	/** Donate Forms >> Civi Price Buttons **/
	.radiobuttons-form-radios-as-buttons {
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}

	/** Donate Forms >> Financial Amount Buttons **/
	.radiobuttons-form-radios-as-buttons {
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}

	/** Donate Forms >> Crm radio wrapper **/
	.crm-radio-wrapper {
	min-width: 100% !important;
	margin-bottom: 1rem !important;
}

	/** General >> WP container core group is layout b757edec **/
	.wp-container-core-group-is-layout-4d293db7 .wp-container-core-group-is-layout-b757edec {
	display: grid !important;
	grid-template-columns: 1fr !important;
}
.wp-container-core-group-is-layout-4d293db7 .wp-container-core-group-is-layout-b757edec > :nth-child(1) {
	grid-area: 1 / 1 / 2 / 2 !important;
}
.wp-container-core-group-is-layout-4d293db7 .wp-container-core-group-is-layout-b757edec > :nth-child(2) {
	grid-area: 2 / 1 / 3 / 2 !important;
}
.wp-container-core-group-is-layout-4d293db7 .wp-container-core-group-is-layout-b757edec > :nth-child(3) {
	grid-area: 3 / 1 / 4 / 2 !important;
}

	/** General >> District Filter Wrap **/
	#search-filter-input-button-group-0 {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	grid-template-rows: auto auto !important;
}
#search-filter-input-button-group-0 > :nth-child(3) {
	grid-area: 2 / 1 / 3 / 2 !important;
}
#search-filter-input-button-group-0 > :nth-child(4) {
	grid-area: 2 / 2 / 3 / 3 !important;
}

	/** Donation Form Confirmation >> Contribution Verify Buttons **/
	.crm-contribution-page-id-2 > div:nth-of-type(6) > button {
	font-size: 1rem !important;
}

}


/*( < 480 )*/
@media (max-width: 479.98px) {
	/** Join the Movement >> Join movement banner - left column **/
	.join-movement-left-column {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

	/** Join the Movement >> Join movement banner - image **/
	.joinmovement-image {
	padding-top: 0 !important;
	margin-top: -30px !important;
	margin-right: -30px !important;
	margin-left: -30px !important;
}

	/** Join the Movement >> Civi Form - Submit Button **/
	#bootstrap-theme .af-button {
	font-size: 18px !important;
	min-width: 100% !important;
	padding-top: 1.2rem !important;
	padding-bottom: 1.2rem !important;
}

	/** Join the Movement >> Our Partners - Grid **/
	.mtp-page-join-the-movement .partners-grid {
	display: grid !important;
	grid-template-columns: 1fr !important;
	grid-template-rows: auto auto auto auto auto auto !important;
}
.mtp-page-join-the-movement .partners-grid > :nth-child(2) {
	grid-area: 2 / 1 / 3 / 2 !important;
}
.mtp-page-join-the-movement .partners-grid > :nth-child(3) {
	grid-area: 3 / 1 / 4 / 2 !important;
}
.mtp-page-join-the-movement .partners-grid > :nth-child(4) {
	grid-area: 4 / 1 / 5 / 2 !important;
}
.mtp-page-join-the-movement .partners-grid > :nth-child(5) {
	grid-area: 5 / 1 / 6 / 2 !important;
}
.mtp-page-join-the-movement .partners-grid > :nth-child(6) {
	grid-area: 6 / 1 / 7 / 2 !important;
}

	/** Donation Form Confirmation >> Crm profile **/
	#Confirm .crm-profile {
	display: grid !important;
	grid-row-gap: 1rem !important;
	row-gap: 1rem !important;
	grid-template-columns: 1fr !important;
	grid-template-rows: auto auto auto auto auto auto auto auto auto !important;
}
#Confirm .crm-profile > :nth-child(1) {
	grid-area: 1 / 1 / 2 / 2 !important;
}
#Confirm .crm-profile > :nth-child(8) {
	grid-area: 8 / 1 / 9 / 2 !important;
}
#Confirm .crm-profile > :nth-child(9) {
	grid-area: 9 / 1 / 10 / 2 !important;
}

	/** Donation Form Confirmation >> Confirm Wrap **/
	#Confirm .label-left {
	padding: 1.25rem !important;
}

	/** Donation Form Confirmation >> Crm submit buttons (#6) **/
	.crm-contribution-page-id-2 .crm-submit-buttons:nth-of-type(6) {
	display: grid !important;
	grid-row-gap: 1rem !important;
	row-gap: 1rem !important;
	grid-template-columns: 1fr !important;
	grid-template-rows: auto auto !important;
}

	/** Donation Form Confirmation >> Header dark **/
	.crm-profile-name-name_and_address .header-dark {
	font-size: 1.5rem !important;
}

	/** General >> Search filter input button **/
	.search-filter-input-button-group .search-filter-input-button {
	margin-right: 0 !important;
}

	/** General >> District Filter Wrap **/
	#search-filter-input-button-group-0 {
	display: grid !important;
	grid-template-columns: 1fr !important;
	grid-template-rows: auto auto auto auto !important;
}
#search-filter-input-button-group-0 > :nth-child(2) {
	grid-area: 2 / 1 / 3 / 2 !important;
}
#search-filter-input-button-group-0 > :nth-child(3) {
	grid-area: 3 / 1 / 4 / 2 !important;
}
#search-filter-input-button-group-0 > :nth-child(4) {
	grid-area: 4 / 1 / 5 / 2 !important;
}

}

