/*
Theme Name: Barebones
Description: Friends of Mounted Police Heritage - Custom
*/
/* === Global === */
html,
body {
	font-size: 16px;
}
body .gform_wrapper.gravity-theme .button,
.btn {
	padding: .4em 1.3em;
	background-color: var(--color_1);
	color: #fff;
	border: none;
	text-transform: uppercase;
	transition: all ease .3s;
}
body .gform_wrapper.gravity-theme .button:hover,
body .gform_wrapper.gravity-theme .button:focus,
.btn:hover,
.btn:focus {
	background-color: var(--color_5);
	color: var(--color_1);
}
[id] {
	scroll-margin-top: var(--headerHeight, 155px);
}

/* === Header/Nav === */
.primary-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 11;
	padding: 15px 0;
	text-transform: uppercase;
}
.primary-header .header-row {
	justify-content: space-between;
}
.primary-header .nav-col {
	flex-grow: 0;
}
.primary-header .logo-col {
	flex-basis: auto;
}
.primary-header:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--color_4);
	opacity: .85;
	z-index: -1;
}
.primary-header a {
	font-weight: 600;
}
.primary-header .logo-col img {
	max-height: 125px;
	width: auto;
}
.primary-header .nav-col {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
.primary-header .nav-col .links {
	justify-content: flex-end;
	column-gap: 35px;
}
.primary-header .nav-col .links .link:nth-child(even) .btn {
	background-color: var(--color_2);
}
.primary-header .nav-col .links .link:nth-child(even) .btn:hover,
.primary-header .nav-col .links .link:nth-child(even) .btn:focus {
	background-color: var(--color_5);
}
.mobile-logo {
	padding: 10px 0;
}
.mobile-logo img {
	max-height: 120px;
	width: auto;
}
.mobile-header .mobile-c2a a:hover,
.mobile-header .mobile-c2a a:focus {
	color: #fff;
}
.mobile-header a,
.mobile-header .nav-base .nav-toggler {
	font-weight: 600;
}
.mega-menu-item > a {
	position: relative;
}
.mega-menu-item > a:after {
	content: '\f105';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	padding-left: 5px;
	display: inline-block;
	transition: transform ease .15s,
 color ease 0s;
}
.mega-menu-item.active > a:after,
.mega-menu-item:hover > a:after {
	transform: rotate(90deg) translate(-25%, -25%);
}
.mega-menu {
	background-color: rgba(153, 153, 153, 0.9);
	color: #fff;
}
.mega-menu:after {
	display: none;
}
.mega-menu a {
	color: #fff;
	padding: 0;
	font-weight: 400;
}
.mega-menu a:hover, .mega-menu a:focus {
	color: var(--color-1);
}
.mega-menu .menu-heading {
	font-size: 26px;
	width: fit-content;
	border-bottom: 2px solid #fff;
	padding: 0 35px 0 0;
	margin-bottom: 20px;
}
.mega-menu .section-heading {
	font-size: 22px;
	margin-bottom: 10px;
}
.mega-menu .links {
	column-gap: 50px;
	justify-content: flex-start;
}
.mega-menu .link .heading {
	text-transform: uppercase;
	transform: 18px;
	padding: 10px 10px 0;
	text-align: center;
}
.mega-menu .link .image img {
	width: 100%;
}
.mega-menu .menu-row {
	column-gap: 15px;
}
.mega-menu .menu-row .section:not(:last-child) {
	border-bottom: 2px solid #fff;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.mega-menu .menu-row .menu-col {
	flex: 1 1 auto;
	background-color: rgba(55, 55, 55, 0.85);
	padding: 20px;
}
.mega-menu .menu-row .image-col {
	flex: 0 0 300px;
}
.mega-menu .menu-row .image-col .image {
	height: 100%;
	display: none;
}
.mega-menu .menu-row .image-col .image.active {
	display: block;
}
.mega-menu .menu-row .image-col .image img {
	height: 100%;
	object-fit: cover;
	object-position: 50%;
}
.mega-menu .menu-row .links {
	text-align: left;
	display: grid;
	grid-template-rows: repeat(2, auto);
	grid-auto-flow: column;
}
.primary-header .nav-col .mega-menu .links {
	justify-content: flex-start;
}
.main-nav .menu li.mega-menu-item .mega-menu a {
	padding: 0;
}
.main-nav .menu li.mega-menu-item .mega-menu .menu-row a {
	padding: 5px;
}
.main-nav .menu li.mega-menu-item .mega-menu .menu-row a:hover, .main-nav .menu li.mega-menu-item .mega-menu .menu-row a:focus {
	color: var(--color-2);
}
.mobile-header .menu a:hover,
.mobile-header .menu a:focus {
	color: var(--color-5);
}

/* === Footer === */
.primary-footer .footer-row {
	padding: 50px 0;
	column-gap: 30px;
	justify-content: space-between;
	max-width: 1250px;
	margin: 0 auto;
}
.primary-footer .info-col h2 {
	color: var(--color_1);
	text-transform: uppercase;
	font-size: 28px;
}
.primary-footer .info-row {
	column-gap: 35px;
	align-items: flex-start;
}
.primary-footer .info-row .logo-col {
	flex: 0 1 120px;
}
.primary-footer .info-row .content-col .businessName {
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 20px;
	color: var(--color_1);
	text-transform: uppercase;
}
.primary-footer .info-row .content-col .address {
	margin-bottom: 20px;
}
.primary-footer .form-col {
	background-color: var(--color_1);
	padding: 15px 30px;
	flex: 0 1 400px;
}
.primary-footer .form-col .gform_wrapper.gravity-theme .gform_footer {
	margin: 0;
	padding: 0;
}
.primary-footer .form-col .gform_wrapper.gravity-theme .button {
	margin: 0 auto;
	background-color: var(--color_2);
	min-width: 150px;
}
.primary-footer .form-col .gform_wrapper.gravity-theme .gfield textarea.small {
	height: 78px;
}
.primary-footer .form-col h2 {
	color: #fff;
}
.primary-footer .copyright {
	background-color: var(--color_1);
	font-size: 13px;
	padding: 10px 0;
}
.primary-footer .copyright a {
	color: #fff;
	font-weight: 400;
}
.primary-footer .copyright a:hover,
.primary-footer .copyright a:focus {
	color: var(--color_4);
}

/* === Home Page === */
.banner-section .content {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	color: #fff;
	text-shadow: 1px 2px 3px #000;
}
.banner-section .content h1 {
	font-weight: 700;
	font-size: 52px;
}
.banner-section .features {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.banner-section .features .link .btn {
	font-size: 22px;
	font-weight: 800;
	white-space: normal;
	padding: 1.5em 1.2em;
	word-spacing: 1000px;
}
.banner-section .features .link:nth-child(1) .btn {
	background-color: var(--color_2);
}
.banner-section .features .link:nth-child(1) .btn:hover,
.banner-section .features .link:nth-child(1) .btn:focus {
	background-color: var(--color_4);
}
.banner-section .features .link:nth-child(2) .btn {
	background-color: var(--color_1);
}
.banner-section .features .link:nth-child(2) .btn:hover,
.banner-section .features .link:nth-child(2) .btn:focus {
	background-color: var(--color_4);
}
.banner-section .features .link:nth-child(3) .btn {
	background-color: var(--color_5);
}
.banner-section .features .link:nth-child(3) .btn:hover,
.banner-section .features .link:nth-child(3) .btn:focus {
	background-color: var(--color_4);
}
.banner-section .image img,
.banner-section .image video {
	min-height: 550px;
	object-fit: cover;
	object-position: 50% 50%;
}
.content-sections {
	border-top: 8px solid #fff;
}
.content-sections .sections {
	flex-wrap: wrap;
}
.content-sections .sections .col {
	flex: 1 1 50%;
	min-width: min(100%, 450px);
}
.content-sections .sections .left {
	background-color: var(--color_3);
}
.content-sections .sections .right {
	background-color: var(--color_1);
	color: #fff;
}
.content-sections .sections .right .section:not(:last-child) .inner {
	border-color: #fff;
}
.content-sections .section {
	padding: 0 50px;
}
.content-sections .section:not(:last-child) .inner {
	border-bottom: 2px solid #000;
}
.content-sections .section .inner {
	padding: 50px 0;
	max-width: 600px;
	margin: 0 auto;
}
.content-sections .section .image {
	margin-bottom: 20px;
}
.content-sections .section .content p:last-child {
	margin-bottom: 0;
}
.content-sections .section h2.heading {
	text-align: center;
	font-weight: 700;
	font-size: 32px;
}
.brands-section {
	padding: 100px 0;
	position: relative;
	z-index: 1;
	color: #fff;
	text-align: center;
	background-size: cover;
	background-position: 50% 50%;
}
.brands-section h2 {
	font-weight: 700;
	font-size: 38px;
	margin-bottom: 50px;
}
.brands-section:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	opacity: .66;
	z-index: -1;
}
.brands-section .brands {
	max-width: 1525px;
	margin: 0 auto;
}
.brands-section .brand {
	background-color: var(--color_4);
	padding: 20px;
}
.brands-section .brand img {
	max-height: 180px;
	width: auto;
}
.flag-section {
	padding: 50px 0;
	text-align: center;
}
.flag-section .owl-carousel {
	max-width: calc(100% - 100px);
	margin: 50px auto 0;
}
.flag-section .owl-carousel .owl-nav {
	font-size: 42px;
}
.flag-section .owl-carousel .owl-nav button.owl-prev,
.flag-section .owl-carousel .owl-nav button.owl-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.flag-section .owl-carousel .owl-nav button.owl-prev {
	left: -50px;
}
.flag-section .owl-carousel .owl-nav button.owl-next {
	right: -50px;
}
.flag-section .flag .inner {
	align-items: center;
	justify-content: center;
	column-gap: 15px;
	row-gap: 10px;
}
.flag-section .flag .image {
	flex: 0 0 100px;
}
.flag-section .flag .heading {
	font-weight: 700;
}
.main_heading {
	background-color: var(--color-1);
	color: #fff;
	text-align: center;
	padding: 12px 0;
}
.main_heading h1 {
	margin-bottom: 0;
	font-size: 28px;
	font-weight: 700;
}
.content-section {
	padding: 50px 0;
}
.content-section .content-row {
	column-gap: 80px;
	row-gap: 30px;
	align-items: center;
}
.content-section .content-row > .col {
	flex: 1 1 calc(50% - 40px);
}
.content-section p:last-child {
	margin-bottom: 0;
}
.content-section h2 {
	font-weight: 700;
	font-size: 24px;
}
.content-section h3 {
	margin-bottom: 10px;
}
.content-section.img-right .content-row {
	flex-direction: row-reverse;
}
.content-section .btn {
	background-color: var(--btn-bg, var(--color-1));
}
.content-section .btn:hover, .content-section .btn:focus {
	background-color: var(--color-5);
}
.page-id-216 .content-section:nth-child(2) .content-col .btn {
	background-color: var(--color-2);
}
.page-id-216 .content-section:nth-child(2) .content-col .btn:hover, .page-id-216 .content-section:nth-child(2) .content-col .btn:focus {
	background-color: var(--color-5);
}
.primary-footer .form-col .gform_wrapper.gravity-theme .button:hover,
.primary-footer .form-col .gform_wrapper.gravity-theme .button:focus {
	background-color: var(--color-5);
}
.donation-section {
	color: #fff;
}
.donation-section h2 {
	font-size: 24px;
	font-weight: 700;
}
.donation-section .col {
	padding: 50px;
	flex: 1 1 50%;
}
.donation-section .col .inner {
	max-width: 600px;
	margin: 0 auto;
}
.donation-section hr {
	margin: 30px 0 50px;
}
.donation-section .left {
	background-color: var(--color-3);
}
.donation-section .right {
	background-color: var(--color-1);
}
.donation-section .right .btn {
	background-color: var(--color-2);
}
.donation-section .right .btn:hover, .donation-section .right .btn:focus {
	background-color: var(--color-5);
}
.process-section {
	margin: 50px 0;
}
.process-section .processes {
	flex-wrap: wrap;
	column-gap: 100px;
	row-gap: 100px;
}
.process-section .process {
	background-color: var(--color-4);
	flex: 1 1 calc(33.33% - 66.66px);
	padding: 30px;
	position: relative;
}
.process-section .process:after {
	content: '\f35a';
	font-family: 'Font Awesome 5 Free';
	font-weight: 400;
	position: absolute;
	top: 150px;
	right: -50px;
	transform: translateX(50%);
	font-size: 42px;
	color: var(--color-1);
}
.process-section .process:last-child:after {
	display: none;
}
.process-section .process:nth-child(2) {
	background-color: var(--color-1);
	color: #fff;
}
.process-section .process:nth-child(2) .btn {
	background-color: var(--color-2);
}
.process-section .process:nth-child(2) .btn:hover, .process-section .process:nth-child(2) .btn:focus {
	background-color: var(--color-5);
}
.process-section .process:nth-child(3) {
	background-color: var(--color-3);
}
.process-section .process h2 {
	border-bottom: 2px solid #000;
	font-size: 20px;
	font-weight: 700;
	padding-bottom: 15px;
	margin: 0 -15px 20px;
}
.process-section .process hr {
	border-color: #000;
}
h3.h3-large {
	font-size: 2em;
}
.blog-section .blog-row {
	flex-wrap: wrap;
	justify-content: space-around;
	column-gap: 50px;
	row-gap: 40px;
}
.blog-section .post {
	flex: 0 1 400px;
	text-align: center;
}
.blog-section .post a {
	font-weight: 400;
	color: #000;
}
.blog-section .post img {
	border: 10px solid var(--color-4);
}
.blog-section .post h2 {
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 20px;
	font-weight: 700;
}
.blog-section .pagination {
	margin-top: 50px;
}
.directory-section {
	margin: 50px 0;
}
.directory-section .filters {
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-bottom: 50px;
	column-gap: 15px;
	row-gap: 15px;
	font-size: 14px;
}
.directory-section .filters .search .icon {
	font-size: 20px;
	margin-right: .5em;
	color: var(--color-1);
}
.directory-section .filters input {
	padding: 8px;
	width: 200px;
}
.directory-section .filters select {
	padding: 8px;
	width: 200px;
}
.directory-section .filters .submit {
	align-self: stretch;
}
.directory-section .filters input[type='submit'] {
	width: auto;
	display: block;
	padding: .4em 1.3em;
	background-color: var(--color_1);
	color: #fff;
	border: none;
	text-transform: uppercase;
	transition: all ease .3s;
	height: 100%;
}
.directory-section .directory-items {
	flex-wrap: wrap;
	column-gap: 50px;
	row-gap: 50px;
}
.directory-section .directory-items .item {
	flex: 1 1 calc(25% - 37.5px);
	text-align: center;
	cursor: pointer;
}
.directory-section .directory-items .item .heading {
	font-weight: 700;
	margin: 10px 0 5px;
	font-size: 1.1em;
}
.directory-section .directory-items .item .location {
	font-weight: 700;
}
.directory-section .directory-items .item .image {
	width: 100%;
	aspect-ratio: 1/1;
}
.directory-section .directory-items .item .image img {
	width: 100%;
}
.directory-section .modal {
	cursor: default;
}
.directory-section .modal .close {
	margin-right: 10px;
	margin-top: 10px;
	display: block;
	float: right;
	margin-left: auto;
	position: relative;
	cursor: pointer;
	z-index: 11;
}
.directory-section .modal-body .item-row {
	flex-wrap: wrap;
	column-gap: 50px;
	row-gap: 20px;
	font-weight: 400;
	align-items: center;
}
.directory-section .modal-body .item-row .image {
	flex: 1 1 calc(50% - 25px);
	min-width: min(270px, 100%);
}
.directory-section .modal-body .item-row .content-col {
	flex: 1 1 calc(50% - 25px);
}
.directory-section .modal-body .item-row .content-col .content {
	text-align: left;
	margin-top: 20px;
}
.donation-section .donation-row {
	flex-wrap: wrap;
}
.donation-section .col {
	min-width: min(100%, 420px);
}
.content-section .content-row > .col {
	min-width: min(100%, 335px);
}

.primary-footer .map {
	display: flex;
}
.primary-footer .map iframe {
	width: 100%;
	height: 300px;
}
.gallery-section {
	margin: 50px 0;
}
.gallery-section .gallery {
	flex-wrap: wrap;
	column-gap: 30px;
	row-gap: 30px;
}
.gallery-section .gallery .image {
	flex: 1 1 calc(33.33% - 20px);
}
.gallery-section .gallery .image img {
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}
.donation-section .col.right a:not(.btn) {
	color: var(--color-2);
}
.donation-section .col.right a:not(.btn):hover,
.donation-section .col.right a:not(.btn):focus {
	color: var(--color-3);
}
.donation-section table td {
	padding: 6px 8px;
}
.main-nav .menu li.mega-menu-item .mega-menu .menu-row .heading a {
	padding: 0 5px;
}
.feat-section {
	padding: 50px 0;
	background-color: #fff;
}
.feat-section .features {
	flex-wrap: wrap;
	column-gap: 30px;
	row-gap: 30px;
}
.feat-section .feature {
	flex: 1 1 calc(33.33% - 20px);
}
.feat-section .feature h2 {
	font-size: 24px;
	font-weight: 700;
}
.feat-section .feature:nth-child(even) .btn {
	background-color: var(--color-2);
}
.feat-section .feature:nth-child(even) .btn:hover,
.feat-section .feature:nth-child(even) .btn:focus {
	background-color: var(--color-5);
}
.header_text {
	text-align: center;
	text-transform: none;
	background-color: var(--color-1);
	color: #fff;
	font-weight: 300;
	padding: 8px 0;
	margin-top: -15px;
	margin-bottom: 15px;
}
.header_text p:last-child {
	margin-bottom: 0;
}
.header_text.mobile {
	display: none;
	margin-top: 0;
	margin-bottom: 0;
}
/* === Interior Pages === */
/* === Media Queries === */
@media screen and (min-width: 768px) {
	.directory-section .modal-dialog {
		width: 700px;
	}
}
@media screen and (min-width: 1400px) {
	.process-section .container {
		width: 1370px;
	}
}
@media screen and (max-width: 1199px) {
	.banner-section .content {
		top: 55%;
	}
	.process-section .process {
		flex-basis: 100%;
	}
	.process-section .process:after {
		top: auto;
		bottom: -50px;
		transform: translate(-50%, 50%) rotate(90deg);
		right: auto;
		left: 50%;
	}
	.mega-menu .menu-row .section:first-child .links {
		grid-template-rows: repeat(3, auto);
	}
}
@media screen and (max-width: 991px) {
	.primary-footer .footer-row {
		flex-wrap: wrap;
		justify-content: center;
		row-gap: 50px;
	}
	.banner-section .image img,
  .banner-section .image video {
		min-height: 450px;
	}
	.banner-section .content {
		top: 40%;
	}
	body {
		margin-top: 130px;
	}
	.content-section .content-row {
		flex-wrap: wrap;
	}
	.directory-section .directory-items .item {
		flex-basis: calc(33.33% - 33.33px);
	}
	.feat-section .feature {
		flex-basis: 100%;
	}
	.header_text.mobile {
		display: block;
	}
}
@media screen and (max-width: 767px) {
	.primary-footer .info-row {
		flex-wrap: wrap;
		justify-content: center;
		text-align: center;
		row-gap: 15px;
	}
	.primary-footer .info-col h2 {
		text-align: center;
	}
	.banner-section .features {
		position: static;
		transform: none;
		flex-wrap: wrap;
	}
	.banner-section .features > .col {
		flex-basis: 100%;
	}
	.banner-section .features .btn {
		width: 100%;
	}
	.content-sections {
		border: none;
	}
	.banner-section .content {
		top: 15vw;
		transform: none;
		padding: 0 15px;
	}
	.banner-section .image img,
  .banner-section .image video {
		min-height: 300px;
	}
	.banner-section .content h1 {
		font-size: 36px;
	}
	.content-sections .section {
		padding: 0 15px;
	}
	.primary-footer .form-col {
		padding: 15px 20px;
	}
	.directory-section .directory-items .item {
		flex-basis: calc(50% - 25px);
	}
}
@media screen and (max-width: 599px) {
	.flag-section .flag .inner {
		flex-wrap: wrap;
	}
	.process-section .process {
		padding: 30px 20px;
	}
	.directory-section .directory-items .item {
		flex-basis: 100%;
	}
	.directory-section .filters .search,
  .directory-section .filters .categories,
  .directory-section .filters .submit {
		flex-basis: 100%;
	}
	.directory-section .filters .submit {
		flex: 1 1 100%;
	}
	.directory-section .filters input[type] {
		width: 100%;
	}
	.directory-section .filters select {
		width: 100%;
	}
	.directory-section .filters .search .icon {
		display: none;
	}
	.donation-section .col {
		padding: 50px 15px;
	}
}