/* === Colton's Styles === */


body {
	background-color: var(--FC-bo-white);
}

.navbar {
	width: 100%;
	position: fixed;
	background-size: 100% 200% !important;
	background-position: bottom !important;
	transition: var(--FC-default-transition);
/* 	background: linear-gradient(180deg, var(--FC-bo-white-80) 50%, rgba(0,0,0,0) 50%); */
	background: linear-gradient(180deg, #000 50%, rgba(0,0,0,0) 50%);
}

.navbar.sticky {
	background-position: top !important;
	transition: var(--FC-default-transition);
}

.navbar-logo-svg-path {
	fill: #000 !important;
	transition: var(--FC-default-transition);
}

.navbar.sticky .navbar-logo-svg-path {
	fill: #FFF !important;
	transition: var(--FC-default-transition);
}

.navbar.sticky .menuToggler__button {
	color: #FFF;
}


.mobile__navContainer {
  position: fixed;
  height: 100%;
  width: 100%;
  inset: 0;
  pointer-events: none;
  z-index: 100;
	opacity: 0;
	transform: translateX(2%);
	transition: var(--FC-default-transition);
	background: linear-gradient(to right, transparent 80%, var(--FC-bo-black) 20%);
	pointer-events: none;
}

.mobile__navContainer.active {
	opacity: 1;
	transition: var(--FC-default-transition);
	pointer-events: all;
	transform: translateX(0);
}


  .header__menuWrapper {
    display: none;
  }

.navbar-links {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 25px;
}

.navbar-menu-button span {
	color: var(--FC-bo-black);
	font-family: var(--FC-secondary-font);
	transition: var(--FC-default-transition);
	font-size: var(--FC-font-size-28);
}

.navbar-menu-button.active span {
	color: var(--FC-bo-yellow) !important;
	transition: var(--FC-default-transition);
}

.nav-donate {
	background-color: var(--FC-bo-black);
	width: fit-content;
}

.nav-donate a span {
	color: #FFF;
	font-family: var(--FC-secondary-font);
	transition: var(--FC-default-transition);
	font-size: var(--FC-font-size-28);
}

.nav-link {
	width: fit-content;
}

.nav-link span {
	color: var(--FC-bo-white);
	transition: var(--FC-default-transition);
	font-size: var(--FC-font-size-28);
	font-family: var(--FC-secondary-font);
}

.nav-link:hover span {
	color: var(--FC-bo-yellow);
	transition: var(--FC-default-transition);
}


.mobile__navWrapper {
	width: 1000px;
	left: 83%;
}



.color_bo_white, .color_bo_white * {
	color: var(--FC-bo-white);
	fill: var(--FC-bo-white);
	transition: var(--FC-default-transition);
}

.color_bo_black, .color_bo_black * {
	color: var(--FC-bo-black) !important;
	fill: var(--FC-bo-black) !important;
	transition: var(--FC-default-transition);
}

.color_bo_yellow, .color_bo_yellow * {
	color: var(--FC-bo-yellow);
	fill: var(--FC-bo-yellow);
	transition: var(--FC-default-transition);
}



a {
	color: inherit !important;
	transition: var(--FC-default-transition);
}

a:hover, a:focus, .nav-donate:hover span, .nav-donate:focus span, .navbar-menu-button:hover span, .navbar-menu-button:focus span  {
	color: var(--FC-bo-yellow) !important;
	transition: var(--FC-default-transition);
}


.hover_color_bo_black:hover, .hover_color_bo_black:hover * {
	color: var(--FC-bo-black) !important;
	fill: var(--FC-bo-black);
	transition: var(--FC-default-transition);
}

.hover_change_white a:hover {
	color: var(--FC-bo-white) !important;
	transition: var(--FC-default-transition);
}


.color_change_button {
  background-size: 202% 100% !important;
  background-position: right !important;
  transition: var(--FC-default-transition);
  padding: 10px 25px 10px 25px;
  display: block;
  width: fit-content;
}

.color_change_button:hover {
  background-position: left !important;
  transition: var(--FC-default-transition);
}

.color_change_button_black_yellow {
	background: linear-gradient(90deg, var(--FC-bo-yellow) 50%, var(--FC-bo-black) 50%);
	transition: var(--FC-default-transition);
}

.color_change_button_black_yellow * {
	color: var(--FC-bo-white);
	transition: var(--FC-default-transition);
}

.color_change_button_black_yellow:hover * {
	color: var(--FC-bo-black);
	transition: var(--FC-default-transition);
}



.color_change_button_white_yellow {
	background: linear-gradient(90deg, var(--FC-bo-yellow) 50%, var(--FC-bo-white) 50%);
	transition: var(--FC-default-transition);
}

.color_change_button_white_yellow * {
	color: var(--FC-bo-black);
	transition: var(--FC-default-transition);
}


.color_change_button_yellow_white {
	background: linear-gradient(90deg, var(--FC-bo-white) 50%, var(--FC-bo-yellow) 50%);
	transition: var(--FC-default-transition);
}

.color_change_button_yellow_white * {
	color: var(--FC-bo-white);
	transition: var(--FC-default-transition);
}

.color_change_button_yellow_white:hover * {
	color: var(--FC-bo-black);
	transition: var(--FC-default-transition);
}


.color_change_button_yellow_black {
	background: linear-gradient(90deg, var(--FC-bo-black) 50%, var(--FC-bo-yellow) 50%);
	transition: var(--FC-default-transition);
}

.color_change_button_yellow_black * {
	color: var(--FC-bo-white);
	transition: var(--FC-default-transition);
}


.color_change_button_brown_black {
	background: linear-gradient(90deg, var(--FC-bo-black) 50%, var(--FC-bo-brown) 50%);
	transition: var(--FC-default-transition);
}

.color_change_button_brown_black * {
	color: var(--FC-bo-white);
	transition: var(--FC-default-transition);
}




.color_change_button_white_black {
	background: linear-gradient(90deg, var(--FC-bo-black) 50%, var(--FC-bo-white) 50%);
	transition: var(--FC-default-transition);
}

.color_change_button_white_black * {
	color: var(--FC-bo-black) !important;
	transition: var(--FC-default-transition);
}

.color_change_button_white_black:hover * {
	color: var(--FC-bo-white) !important;
	transition: var(--FC-default-transition);
}



.color_change_bg {
  background-size: 200% 100% !important;
  background-position: right !important;
  transition: var(--FC-default-transition);
}

.color_change_bg.begin {
  background-position: left !important;
  transition: var(--FC-default-transition);
}



.color_change_bg_white_black {
	background: linear-gradient(90deg, var(--FC-bo-black) 50%, var(--FC-bo-white) 50%);
	transition: var(--FC-default-transition);
}

.color_change_bg_white_brown {
	background: linear-gradient(90deg, var(--FC-bo-brown) 50%, var(--FC-bo-white) 50%);
	transition: var(--FC-default-transition);
}


.color_change_button_text_hover {
    position: absolute;
    top: 10px;
    opacity: 0;
    transition: var(--FC-default-transition);
}

.color_change_button:hover .color_change_button_text {
    opacity: 0;
    transition: var(--FC-default-transition);
}

.color_change_button:hover .color_change_button_text_hover {
    opacity: 1;
    transition: var(--FC-default-transition);
}


.container_fluid_no_padding, .container_fluid_no_padding .container-fluid {
	padding: 0 !important;
}

.top--25 {
	top:-25px;
}

.width_100 {
	width: 100%;
}

.width__fit_content {
	width: fit-content !important;
	margin: auto;
}

.justifty_content_center, .justifty_content_center_column .col-inner {
	display: flex;
	justify-content: center;
}

.margin_bottom_zero {
	margin-bottom: 0 !important;
}

.z_index_1 {
	z-index: 1;
}

.z_index_10 {
	z-index: 10;
}

.text-align-center, .text-align-center * {
	text-align: center;
}

.text_transform_uppercase {
	text-transform: uppercase;
}

.list_plus_icon li {
	list-style-type: none;
}

.list_plus_icon li::before {
	content: "+ ";
}

.list_center {
	padding:0;
	width: fit-content;
	margin: auto;
}

.font__fine_print {
	font-size: var(--FC-font-size-12);
}

.para_padding_bottom_15 p {
	padding-bottom: 15px;
}

.bg_fade_15 > div:first-of-type img:first-of-type {
  opacity: 0.15;
}

.separator_width_100 {
	width: 100%. !important;
	max-width: unset !important;
	border-top: solid 5px;
}



.pointer_events_none, .pointer_events_none * {
	pointer-events: none;
}

.supported_by_container .innerColumn, .supported_by_container .col-inner {
	display: flex !important;
	justify-content: center !important;
	align-content: center !important;
	flex-wrap: wrap !important;
	margin-top: 0 !important;
	width: 100%;
}
.supported_by_row_wrapper .col-inner {
	display: table !important;
	border-collapse: collapse;
	width: 100%;
}

.supported_by_row_wrapper .wp-block-image {
	display: table-cell;
	border: 2px solid var(--FC-bo-yellow);
	padding: 0;
	text-align: center;
	width: 33.3333%;
	max-height: 200px;
	vertical-align: middle;
}


.supported_by_container img {
	max-width: 200px;
    max-height: 200px;
    width: 100%;
    height: 100%;
    padding: 15px;
}

.supported_by_row_wrapper_border_top_none .wp-block-image {
	border-top: none;
}

.flex_direction_row .col-inner {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.nav__subpageHeader a, .nav__subPageList li {
	font-family: var(--FC-primary-font);
}

.nav__subPageList li {
	font-size: var(--FC-font-size-26);
}


.image_rotator_container .col-inner {
	padding: 20px !important;
}

.gform_validation_errors {
	padding: 5px !important;
}


.gform_validation_errors h2 {
	font-size: 20px !important;
}

.gform_validation_errors .gform-icon {
	display: none !important;
}


.single-resources .wp-block-image {
	display: flex;
	justify-content: center;
}


.single-resources .wp-block-image a {
	max-width: 400px;
	padding-top: 25px;
	padding-bottom: 25px;
}



/* ---------- MEDIA QUERIES ---------- */





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


	.mobile__navWrapper {
		left: 75%;
	}


}


@media screen and (max-width: 991px) {
	
	.footer__logo_svg svg {
		width: 200px;
		height: auto;
	}
	
	.center_at_991 {
		text-align: center !important;
		margin: auto !important;
	}
	


}

	.show_at_767 {
		display: none;
	}


@media screen and (max-width: 767px) {
	
	.mobile__navWrapper {
        left: 77%;
    }
	
	
	.button_center_at_767 {
	  margin: auto;
	}
	
	
	.supported_by_row_wrapper .wp-block-image {
		max-height: 150px;
	}

	.footer__logo_svg svg {
		width: 150px;
	}
	
	.hide_at_767, .hide_at_767 * {
		display: none;
	}
	
	.show_at_767 {
		display: block;
	}

}


@media screen and (max-width: 500px) {
	
	.navbar svg {
		height: 50px;
	}
	
	.navbar-brand.active .navbar-logo-svg-path {
		fill: #FFF !important;
		transition: var(--FC-default-transition);
	}



	.navbar {
		display: flex;
		justify-content: center;
	}

	.mobile__navInner {
		padding: 0;
	}
	
	.mobile__navWrapper {
		transform: translateX(0%);
		left: 0;
		width: 100%;
		padding-left: 0;
		padding-top: 100px;
	}
	
	.mobile__mainNav .navbar {
		width: 100%;
		justify-content: space-between;
		padding-left: 25px;
		padding-right: 25px;
	}
	
	.mobile__mainNav .navbar-nav {
		width: 300px;
		margin: auto;
	}
	
	.nav__subPageList {
		padding-left: 10px;
	}

}


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

	.supported_by_row_wrapper .wp-block-image {
		max-height: 100px;
	}
	
	.supported_by_container img {
		padding: 5px;
	}
	
}



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

	.footer__donate_button {
		padding: 10px 20px 10px 20px;
	}
	
	.footer__donate_button h4 {
		font-size: var(--FC-font-size-30) !important;
	}

}