@font-face {
	font-family: "Manifold DSA";
	src: url("./ManifoldDSA-DemiBold.woff") format("woff");
}

.flex-wrap {
	flex-wrap: wrap;
}

.home-hero {
	background-color: white;
	background-image: url(../images/sitebanner.png);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center bottom;
}

.hero.is-fullheight-with-navbar {
	min-height: calc(100vh - 3.9rem);
}

#home-tile-container {
	margin-top: 25%;
}

footer {
	background-color: #000;
	color: #fff;
	padding: 1rem;
}

.navbar-brand {
	background-color: #e60b14;
	color: white !important;
}

.navbar-menu.is-active {
	width: max-content;
	max-width: 100vw;
	align-self: end;
}

.navbar-menu.is-active .navbar-item:not(.has-dropdown) {
	padding-right: 10em;
}

a:hover:not(.navbar-item):not(.is-active):not(.navbar-link):not(.is-outlined):not(.navbar-burger) {
	color: #e60b14;
}

a.navbar-link,
a.navbar-item {
	font-weight: bold;
}

a.is-active:hover {
	color: #000;
}

a.link {
	text-decoration: underline;
}

h2 {
	scroll-margin-top: 50px;
	scroll-snap-margin-top: 50px;
	/* iOS 11 and older */
	display: block;
	font-size: 1.5em;
	margin-top: 0.83em;
	margin-bottom: 0.83em;
	margin-left: 0;
	margin-right: 0;
	font-weight: bold;
}

h3 {
	display: block;
	font-size: 1.17em;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 0;
	margin-right: 0;
	font-weight: bold;
}

.title {
	line-height: 1.75;
	font-weight: bold;
}

.subheader {
	background-color: #000;
	color: #fff;
	padding: 1rem;
	display: inline;
	font-weight: bold;
}

.subtitle {
	font-size: 1.2rem;
	margin: 0.25rem 0 0.5rem !important;
}

.news-title {
	font-size: 2rem;
	margin: 0.25rem 0 0.5rem !important;
}

.notification.is-danger a:hover {
	color: #000 !important;
}

.notification-delete {
	z-index: 1;
}

a.button:not(.is-white):hover {
	color: #fff !important;
}

a.button {
	border-radius: 0px;
}

p {
	margin-bottom: 0.5rem !important;
}

#home:not(.home-page) {
	justify-content: flex-start;
}

.socials i {
	font-size: 28px;
	color: #fff;
	margin-right: 0.5rem;
}

.socials i:hover {
	color: #e60b14;
}

.socials-contact i {
	font-size: 28px;
	color: #000;
	margin-right: 0.5rem;
}

.socials-contact i:hover {
	color: #e60b14;
}

.notification {
	border-top: 4px solid #000;
	border-bottom: 4px solid #000;
}

.pika-container {
	height: min-content;
}

.pika-container>img {
	max-width: 100%;
}

.hj-images {
	max-height: 300px;
}

@media only screen and (min-width: 1280px) {
	.pika-container>img {
		max-width: 49%;
	}
}

@media only screen and (max-width: 768px) {
	.list {
		padding: 0.5rem 0.5rem 0.75rem 1.25rem;
	}

	.pika-container>img {
		max-width: 49%;
	}
}

@media only screen and (min-width: 769px) {
	.list {
		padding: 0.5rem 3rem;
	}
}

.is-hidden {
	display: none;
}

.is-min-content {
	width: min-content;
}

ul.list {
	list-style: circle;
}

.my-half {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

.m-0 {
	margin: 0 !important
}

.mt-0 {
	margin-top: 0 !important
}

.mr-0 {
	margin-right: 0 !important
}

.mb-0 {
	margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
	margin-left: 0 !important
}

.mx-0 {
	margin-right: 0 !important
}

.my-0 {
	margin-bottom: 0 !important;
	margin-top: 0 !important
}

.m-1 {
	margin: .25rem !important
}

.mt-1 {
	margin-top: .25rem !important
}

.mr-1 {
	margin-right: .25rem !important
}

.mb-1 {
	margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
	margin-left: .25rem !important
}

.mx-1 {
	margin-right: .25rem !important
}

.my-1 {
	margin-bottom: .25rem !important;
	margin-top: .25rem !important
}

.m-2 {
	margin: .5rem !important
}

.mt-2 {
	margin-top: .5rem !important
}

.mr-2 {
	margin-right: .5rem !important
}

.mb-2 {
	margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
	margin-left: .5rem !important
}

.mx-2 {
	margin-right: .5rem !important
}

.my-2 {
	margin-bottom: .5rem !important;
	margin-top: .5rem !important
}

.m-3 {
	margin: .75rem !important
}

.mt-3 {
	margin-top: .75rem !important
}

.mr-3 {
	margin-right: .75rem !important
}

.mb-3 {
	margin-bottom: .75rem !important
}

.ml-3,
.mx-3 {
	margin-left: .75rem !important
}

.mx-3 {
	margin-right: .75rem !important
}

.my-3 {
	margin-bottom: .75rem !important;
	margin-top: .75rem !important
}

.m-4 {
	margin: 1rem !important
}

.mt-4 {
	margin-top: 1rem !important
}

.mr-4 {
	margin-right: 1rem !important
}

.mb-4 {
	margin-bottom: 1rem !important
}

.ml-4,
.mx-4 {
	margin-left: 1rem !important
}

.mx-4 {
	margin-right: 1rem !important
}

.my-4 {
	margin-bottom: 1rem !important;
	margin-top: 1rem !important
}

.m-5 {
	margin: 1.5rem !important
}

.mt-5 {
	margin-top: 1.5rem !important
}

.mr-5 {
	margin-right: 1.5rem !important
}

.mb-5 {
	margin-bottom: 1.5rem !important
}

.ml-5,
.mx-5 {
	margin-left: 1.5rem !important
}

.mx-5 {
	margin-right: 1.5rem !important
}

.my-5 {
	margin-bottom: 1.5rem !important;
	margin-top: 1.5rem !important
}

.m-6 {
	margin: 3rem !important
}

.mt-6 {
	margin-top: 3rem !important
}

.mr-6 {
	margin-right: 3rem !important
}

.mb-6 {
	margin-bottom: 3rem !important
}

.ml-6,
.mx-6 {
	margin-left: 3rem !important
}

.mx-6 {
	margin-right: 3rem !important
}

.my-6 {
	margin-bottom: 3rem !important;
	margin-top: 3rem !important
}

.m-auto {
	margin: auto !important
}

.mt-auto {
	margin-top: auto !important
}

.mr-auto {
	margin-right: auto !important
}

.mb-auto {
	margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
	margin-left: auto !important
}

.mx-auto {
	margin-right: auto !important
}

.my-auto {
	margin-bottom: auto !important;
	margin-top: auto !important
}

.p-0 {
	padding: 0 !important
}

.pt-0 {
	padding-top: 0 !important
}

.pr-0 {
	padding-right: 0 !important
}

.pb-0 {
	padding-bottom: 0 !important
}

.pl-0,
.px-0 {
	padding-left: 0 !important
}

.px-0 {
	padding-right: 0 !important
}

.py-0 {
	padding-bottom: 0 !important;
	padding-top: 0 !important
}

.p-1 {
	padding: .25rem !important
}

.pt-1 {
	padding-top: .25rem !important
}

.pr-1 {
	padding-right: .25rem !important
}

.pb-1 {
	padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
	padding-left: .25rem !important
}

.px-1 {
	padding-right: .25rem !important
}

.py-1 {
	padding-bottom: .25rem !important;
	padding-top: .25rem !important
}

.p-2 {
	padding: .5rem !important
}

.pt-2 {
	padding-top: .5rem !important
}

.pr-2 {
	padding-right: .5rem !important
}

.pb-2 {
	padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
	padding-left: .5rem !important
}

.px-2 {
	padding-right: .5rem !important
}

.py-2 {
	padding-bottom: .5rem !important;
	padding-top: .5rem !important
}

.p-3 {
	padding: .75rem !important
}

.pt-3 {
	padding-top: .75rem !important
}

.pr-3 {
	padding-right: .75rem !important
}

.pb-3 {
	padding-bottom: .75rem !important
}

.pl-3,
.px-3 {
	padding-left: .75rem !important
}

.px-3 {
	padding-right: .75rem !important
}

.py-3 {
	padding-bottom: .75rem !important;
	padding-top: .75rem !important
}

.p-4 {
	padding: 1rem !important
}

.pt-4 {
	padding-top: 1rem !important
}

.pr-4 {
	padding-right: 1rem !important
}

.pb-4 {
	padding-bottom: 1rem !important
}

.pl-4,
.px-4 {
	padding-left: 1rem !important
}

.px-4 {
	padding-right: 1rem !important
}

.py-4 {
	padding-bottom: 1rem !important;
	padding-top: 1rem !important
}

.p-5 {
	padding: 1.5rem !important
}

.pt-5 {
	padding-top: 1.5rem !important
}

.pr-5 {
	padding-right: 1.5rem !important
}

.pb-5 {
	padding-bottom: 1.5rem !important
}

.pl-5,
.px-5 {
	padding-left: 1.5rem !important
}

.px-5 {
	padding-right: 1.5rem !important
}

.py-5 {
	padding-bottom: 1.5rem !important;
	padding-top: 1.5rem !important
}

.p-6 {
	padding: 3rem !important
}

.pt-6 {
	padding-top: 3rem !important
}

.pr-6 {
	padding-right: 3rem !important
}

.pb-6 {
	padding-bottom: 3rem !important
}

.pl-6,
.px-6 {
	padding-left: 3rem !important
}

.px-6 {
	padding-right: 3rem !important
}

.py-6 {
	padding-bottom: 3rem !important;
	padding-top: 3rem !important
}

.p-auto {
	padding: auto !important
}

.pt-auto {
	padding-top: auto !important
}

.pr-auto {
	padding-right: auto !important
}

.pb-auto {
	padding-bottom: auto !important
}

.pl-auto,
.px-auto {
	padding-left: auto !important
}

.px-auto {
	padding-right: auto !important
}

.py-auto {
	padding-bottom: auto !important;
	padding-top: auto !important
}

.w-100 {
	width: 100%;
}

.has-text-white {
	color: white !important;
}

.is-flex {
	display: flex !important;
}

.is-flex-direction-column {
	flex-direction: column;
}

.underlined {
	text-decoration: underline;
}

.align-self-start {
	align-self: flex-start;
}

.align-center {
	display: flex;
	align-items: center;
}

.space-between {
	display: flex;
	justify-content: space-between;
}

.flex-column {
	display: flex;
	flex-direction: column;
}

.justify-right {
	justify-content: flex-end;
}

.justify-left {
	justify-content: flex-start;
}

.justify-center {
	justify-content: center;
}

.has-text-center {
	text-align: center;
}

.no-grow {
	flex-grow: 0;
}

.is-sr-only {
	border: none !important;
	clip: rect(0, 0, 0, 0) !important;
	height: .01em !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	white-space: nowrap !important;
	width: .01em !important
}

@media screen and (max-width:768px) {

	.is-display-none-mobile,
	.is-hidden-mobile {
		display: none !important
	}
}

@media print,
screen and (min-width:769px) {

	.is-display-none-tablet,
	.is-hidden-tablet {
		display: none !important
	}
}

@media screen and (min-width:769px) and (max-width:1023px) {

	.is-display-none-tablet-only,
	.is-hidden-tablet-only {
		display: none !important
	}
}

@media screen and (max-width:1023px) {

	.is-display-none-touch,
	.is-hidden-touch {
		display: none !important
	}
}

@media screen and (min-width:1024px) {

	.is-display-none-desktop,
	.is-hidden-desktop {
		display: none !important
	}
}

@media screen and (min-width:1024px) and (max-width:1215px) {

	.is-display-none-desktop-only,
	.is-hidden-desktop-only {
		display: none !important
	}
}

@media screen and (min-width:1216px) {

	.is-display-none-widescreen,
	.is-hidden-widescreen {
		display: none !important
	}
}

@media screen and (min-width:1216px) and (max-width:1407px) {

	.is-display-none-widescreen-only,
	.is-hidden-widescreen-only {
		display: none !important
	}
}

@media screen and (min-width:1408px) {

	.is-display-none-fullhd,
	.is-hidden-fullhd {
		display: none !important
	}
}

.is-invisible,
.is-visibility-hidden {
	visibility: hidden !important
}

@media screen and (max-width:768px) {

	.is-invisible-mobile,
	.is-visibility-hidden-mobile {
		visibility: hidden !important
	}
}

@media print,
screen and (min-width:769px) {

	.is-invisible-tablet,
	.is-visibility-hidden-tablet {
		visibility: hidden !important
	}
}

@media screen and (min-width:769px) and (max-width:1023px) {

	.is-invisible-tablet-only,
	.is-visibility-hidden-tablet-only {
		visibility: hidden !important
	}
}

@media screen and (max-width:1023px) {

	.is-invisible-touch,
	.is-visibility-hidden-touch {
		visibility: hidden !important
	}
}

@media screen and (min-width:1024px) {

	.is-invisible-desktop,
	.is-visibility-hidden-desktop {
		visibility: hidden !important
	}
}

@media screen and (min-width:1024px) and (max-width:1215px) {

	.is-invisible-desktop-only,
	.is-visibility-hidden-desktop-only {
		visibility: hidden !important
	}
}

@media screen and (min-width:1216px) {

	.is-invisible-widescreen,
	.is-visibility-hidden-widescreen {
		visibility: hidden !important
	}
}

@media screen and (min-width:1216px) and (max-width:1407px) {

	.is-invisible-widescreen-only,
	.is-visibility-hidden-widescreen-only {
		visibility: hidden !important
	}
}

@media screen and (min-width:1408px) {

	.is-invisible-fullhd,
	.is-visibility-hidden-fullhd {
		visibility: hidden !important
	}
}

/*@media only screen and (min-width: 1024px) {
a.navbar-link:hover{
color: #fff !important;
}
}*/
@media only screen and (min-width: 769px) {
	.is-danger>p {
		font-weight: bold;
	}
}

@media only screen and (max-width: 768px) {
	.news-body {
		flex-direction: column;
	}
}

@media screen and (max-width: 768px) {
	.is-hidden-mobile {
		display: none !important;
	}
}

@media screen and (min-width: 769px),
print {
	.is-hidden-tablet {
		display: none !important;
	}
}

.dropdown.column {
	flex-grow: 0;
}

.dropdown-menu {
	padding-top: 0;
}

.sidebar-navigation {
	position: fixed;
}

.bylaws-wrapper {
	display: flex;
}

.bylaws-navigation {
	height: 100vh;
	box-sizing: border-box;
	min-width: 200px;
	padding: 1.1em 1em 1em 0;
	position: fixed;
}

.bylaws-main-wrapper {
	height: 100vh;
	overflow: scroll;
	padding: 2em;
}

.bylaws-main {
	padding: 1em 2em;
	border-radius: 4px;
}

@media screen and (min-width: 1088px) {
	.navbar-dropdown {
		border-bottom-left-radius: 2px;
		border-bottom-right-radius: 2px;
	}
}

/*calendar*/
#loading {
	display: none;
	position: absolute;
	top: 45vh;
	left: 47vw;
}

.menu-label {
	color: #675B5D;
}

#calendar {
	max-width: 80vw;
	margin: 0 auto;
}

/*action network styles*/
#can_embed_form {
	font-family: 'Manifold DSA' !important;
}

#can_embed_form input[type=submit],
#can_embed_form .button,
#donate_auto_modal input[type=submit],
#donate_auto_modal .button {
	background-color: #e60b14 !important;
	text-shadow: none !important;
	border-radius: 0 !important;
}

#can_embed_form input[type=submit]:hover,
#can_embed_form .button:hover,
#donate_auto_modal input[type=submit]:hover,
#donate_auto_modal .button:hover {
	background-color: #ce0a12 !important;
}

#can_embed_form input[type=text],
#can_embed_form input[type=password],
#can_embed_form input[type=url],
#can_embed_form input[type=email],
#can_embed_form input[type=tel],
#can_embed_form input[type=number],
#donate_auto_modal input[type=password],
#donate_auto_modal input[type=text] {
	border-radius: 0 !important;
}

#can_embed_form #logo_wrap {
	background-color: #eeeeee !important;
	margin-top: 0 !important;
}

#can_embed_form,
#donate_auto_modal {
	border: 1px solid #dddddd !important;
}

#can_embed_form img {
	max-width: initial !important;
	height: 25px;
}

#can_embed_form form,
#donate_auto_modal form {
	flex-direction: column;
	display: flex !important;
}

#can_embed_form form li {
	margin: 0 !important;
}

#can_embed_form h4 {
	display: none !important;
}

#can_embed_form .international_link-wrap {
	margin-top: initial !important;
}

#can_embed_form.can_float #form_col2,
#can_embed_form.can_float #form_col1 {
	width: 100% !important;
}

#can_embed_form #action_info {
	margin-top: 8px !important;
}

#can_embed_form #d_sharing {
	border-top: none !important;
	padding: 0 !important;
}

#can_embed_form label {
	color: #433B3C !important;
}

#can_embed_form a,
#can_embed_form #action_info .action_info_user,
#can_embed_form #action_info .action_info_user a {
	color: #3273dc !important;
}

#can_embed_form a:hover,
#can_embed_form #action_info .action_info_user:hover,
#can_embed_form #action_info .action_info_user a:hover {
	color: #e60b14 !important;
}

/*ADA*/
a.skip-main {
	left: -999px;
	position: absolute;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	z-index: -999;
}

a.skip-main:focus,
a.skip-main:active {
	color: #fff;
	background-color: #000;
	left: auto;
	top: auto;
	width: 30%;
	height: auto;
	overflow: auto;
	margin: 10px 35%;
	padding: 5px;
	border-radius: 15px;
	border: 4px solid yellow;
	text-align: center;
	font-size: 1.2em;
	z-index: 999;
}

/* Zoom image on hover */
/* [1] The container */
.img-hover-zoom {
	overflow: hidden;
	/* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
	transition: transform .35s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
	transform: scale(1.75);
}