body
{
	background: white;
	margin: 0;
}

.clearfix:after
{
	clear: both;
	content: '.';
	display: block;
	height: 0px;
	visibility: hidden;
}

.white-content,
.white-content p,
.white-content td,
.white-content span,
.white-content a
{
	color: white;
}

hr
{
	background: #bebebe;
	border: none;
	height: 1px;
}

.apd-list-toggle-btn
{
	background: #caad51;
	border-radius: 3px;
	color: white;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 1em;
	padding: 8px 12px;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color 0.3s;
}

.apd-list-toggle-btn:hover
{
	background: #bb9a33;
	text-decoration: none;
}

.apd-list-toggle-btn i
{
	font-size: 12px;
}

.hh-expandable-content
{
	margin-bottom: 20px;
}

.hh-expandable-content .exp-expand-bar, 
.hh-expandable-content .exp-hide-bar
{
	text-align: left !important;
}

img.auto-scale
{
	height: auto !important;
	max-width: 100%;
}

img.max-scale
{
	display: block !important;
	height: auto !important;
	width: 100% !important;
}

a.missing-persons-btn
{
	background: #caad51;
	border-radius: 2px;
	color: white;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-size: 28px;
	font-weight: 900;
	line-height: 1em;
	padding: 20px 40px;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color 0.3s;
}

a.missing-persons-btn:hover
{
	background-color: #bb9a33;
	text-decoration: none;
}

.page-centered
{
	margin: 0 auto;
	position: relative;
	width: 1152px;
}

a.learn-more-link
{
	color: #caad51;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	font-weight: 500;
	line-height: 1em;
	text-decoration: none;
	text-transform: uppercase;
}

a.learn-more-link:before
{
	border: 2px solid #caad51;
	box-sizing: border-box;
	content: "\e901";
	display: inline-block;
	font-size: 12px;
	height: 23px;
	margin-right: 8px;
	padding: 4px 0 0 7px;
	transition: color 0.3s;
	width: 23px;
}

a.learn-more-link:hover:before
{
	background: #caad51;
	color: white;
}

.read-more-btn
{
	background-color: #193572;
	color: white;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 1em;
	padding: 8px 15px;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color 0.3s;
}

.read-more-btn:hover
{
	background-color: #122244;
	text-decoration: none;
}

button.read-more-btn
{
	border: none;
	cursor: pointer;
}

.top
{
	background: url('./images/top-bg.png') no-repeat center top;
	border-bottom: 4px solid #caad51;
	height: 224px;
	position: relative;
}

.top .top-content
{
	display: flex;
	justify-content: flex-end;
	height: 164px;
}

.top a.logo
{
	background: url('./images/logo1.png') no-repeat left top;
	display: block;
	font-size: 0 !important;
	height: 117px;
	left: 0;
	position: absolute;
	text-decoration: none !important;
	top: 23px;
	width: 352px;
}

.top .top-phone
{
	color: #9a9a9a;
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	font-weight: bold;
	line-height: 1em;
	padding: 20px 0 17px 0;
	text-align: right;
}

.top .top-phone a.phone-number,
.top .top-phone a.phone-number:hover
{
	color: #caad51;
	font: inherit;
	text-decoration: none;
}

.top .top-tools
{
	border-top: 2px solid white;
	display: flex;
	justify-content: flex-end;
	padding: 19px 0 0 53px;
}

.top .top-social-media
{
	display: flex;
	margin-right: 17px;
	padding-top: 4px;
}

.top .top-social-media .social-icon
{
	color: #9a9a9a;
	font-size: 24px;
	margin: 0 12px;
	text-decoration: none;
	transition: color 0.3s;
}

.top .top-social-media .social-icon svg {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    fill: #9a9a9a;
}

.top .top-social-media .social-icon span.icon-x {
	display: inline-block;
    height: 24px;
}

.top .top-social-media .social-icon:hover
{
	color: #bb9a33;
	text-decoration: none;
}

.top .top-social-media .social-icon:hover svg {
	fill: #bb9a33;
}

.top .top-social-media .social-icon span
{
	display: none;
}

.top .top-search
{
	display: flex;
}

.top .top-search input.search-field
{
	background: white;
	border: none;
	border-radius: 4px;
	display: block;
	height: 33px;
	padding: 0 10px;
	width: 195px
}

.top .top-search button.search-btn
{
	background: none;
	border: none;
	color: #9a9a9a;
	cursor: pointer;
	font-size: 24px;
	height: 33px;
	width: 30px;
}

.top .top-search button.search-btn span
{
	display: none;
}

.top a.toggle-menu-btn,
.top a.toggle-search
{
	display: none;
}

.top nav
{
	height: 60px;
}

ul#navigation
{
	display: flex;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#navigation li
{
	position: relative;
}

ul#navigation a.nav-link
{
	box-sizing: border-box;
	color: white;
	display: block;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 17px;
	font-weight: normal;
	height: 60px;
	letter-spacing: 0.065em;
	line-height: 1em;
	padding: 22px 14px 0 14px;
	text-decoration: none;
	text-transform: uppercase;
	transition: color 0.3s;
}

ul#navigation li:hover a.nav-link
{
	color: #bb9a33;
}

ul#navigation ul.flyout-menu
{
	background: white;
	border-top: 12px solid #caad51;
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.27); 
	display: block;
	list-style: none;
	margin: -5px 0 0 0;
	opacity: 0;
	padding: 0;
	position: absolute;
	transition: opacity 0.3s, visibility 0.3s;
	visibility: hidden;
	width: 207px;
	z-index: 99999;
}

ul#navigation li:hover > ul.flyout-menu
{
	opacity: 1;
	transition-delay: 0s;
	visibility: visible;
}

ul#navigation ul.flyout-menu ul.flyout-menu
{
	margin: -12px 0 0 207px;
	top: 0;
}

ul#navigation ul.flyout-menu.flyout-direction-left ul.flyout-menu
{
	margin-left: -207px;
}

ul#navigation ul.flyout-menu a.flyout-link
{
	color: #676767;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	font-weight: normal;
	letter-spacing: -0.01em;
	line-height: 1em;
	overflow: hidden;
	padding: 15px 40px 15px 24px;
	position: relative;
	text-decoration: none;
}

ul#navigation ul.flyout-menu a.flyout-link span
{
	position: relative;
	z-index: 2;
}

ul#navigation ul.flyout-menu a.flyout-link:before
{
	background: #f2f2f2;
	border-left: 11px solid #caad51;
	bottom: 0;
	content: "";
	left: 0;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	transform: translateX(-100%);
	transition: transform 0.3s;
	z-index: 1;
}

ul#navigation ul.flyout-menu  a.flyout-link:hover:before
{
	transform: none;
}

.floating-menu-bar
{
	background: #333333;
	height: 47px;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 99;
}

.floating-menu-bar.fixed
{
	border-top: 6px solid #caad51;
	position: fixed;
	top: 0;
}

.floating-menu-bar a.top-link,
.floating-menu-bar a.top-link:hover
{
	color: #a7a7a7;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	font-weight: normal;
	left: 0;
	line-height: 1em;
	margin-top: 14px;
	opacity: 0;
	position: absolute;
	text-decoration: none;
	text-transform: uppercase;
	top: 0;
	transition: opacity 0.3s, visibility 0.3s;
	visibility: hidden;
}

.floating-menu-bar a.top-link .icon-arrow-up
{
	font-size: 12px;
	margin-left: 5px;
	vertical-align: 1px
}

.floating-menu-bar.fixed a.top-link
{
	opacity: 1;
	visibility: visible;
}

.floating-menu-bar ul.floating-menu
{
	display: flex;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.floating-menu-bar ul.floating-menu a.floating-menu-link
{
	box-sizing: border-box;
	color: #a7a7a7;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	font-weight: normal;
	height: 47px;
	line-height: 1em;
	padding: 15px 14px 0 14px;
	position: relative;
	text-decoration: none;
	transition: background-color 0.3s, color 0.3s;
}

.floating-menu-bar ul.floating-menu a.floating-menu-link.red-menu-link
{
	color: #fb4c4c;
}

.floating-menu-bar ul.floating-menu a.floating-menu-link:hover,
.floating-menu-bar ul.floating-menu a.floating-menu-link.current
{
	background: #bb9a33;
	color: white;
}

.floating-menu-bar ul.floating-menu a.floating-menu-link:after
{
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #bb9a33;
	bottom: 0;
	content: "";
	display: block;
	left: 50%;
	opacity: 0;
	position: absolute;
	transform: translate(-8px, 8px);
	transition: opacity 0.3s, visibility 0.3s;
	visibility: hidden;
}

.floating-menu-bar ul.floating-menu a.floating-menu-link:hover:after,
.floating-menu-bar ul.floating-menu a.floating-menu-link.current:after
{
	opacity: 1;
	visibility: visible;
}

header
{
	overflow: hidden;
	position: relative;
}

header p
{
	margin: 0;
}

header.main-header
{
	background: black url('./files/Image/template-headers/homepage-header.jpg') center;
	background-size: cover;
	height: 500px;
	padding-top: 47px;
}

header.secondary-header
{
	background: black;
	height: 467px;
}

header .outer
{
	left: 50%;
	position: absolute;
}

header .inner
{
	left: -50%;
	position: relative;
}

.mobile-header
{
	display: none;
}

.strip
{
	position: relative;
}

div#strip1
{
	background: white url('./images/strip1-tile.png') repeat-x bottom left;
}

div#strip1 .strip-top
{
	padding: 95px 0 30px 0;
}

div#strip1 .strip-columns
{
	display: flex;
	margin: 0 -12px;
	padding-bottom: 106px;
	position: relative;
}

div#strip1 .strip-columns .column-left,
div#strip1 .strip-columns .column-right,
div#strip1 .strip-columns .column-middle
{
	box-sizing: border-box;
	padding: 0 12px;
	width: 33.33%;
}

.homepage-events
{
	background: white;
	margin-bottom: 40px;
	padding: 20px 0;
}

.homepage-events .event-item 
{
	display: flex;
	padding: 20px 0;
}

.homepage-events .event-item .item-date
{
	box-sizing: border-box;
	flex-shrink: 0;
	padding: 0 20px 0 28px;
	width: 148px;
}

.homepage-events .event-item .item-date .date-month-year
{
	background: #333333;
	color: white;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: -0.025em;
	line-height: 1em;
	padding: 5px 0;
	text-align: center;
	text-transform: uppercase;
}

.homepage-events .event-item .item-date .date-day
{
	background: #eeeeee;
	color: #333333;
	font-family: 'Roboto', sans-serif;
	font-size: 35px;
	font-weight: bold;
	letter-spacing: -0.025em;
	line-height: 1em;
	padding: 8px 0;
	text-align: center;
	text-transform: uppercase;
}

.homepage-events .event-item .item-details
{
	flex-grow: 1;
	padding-right: 38px;
}

.homepage-events .event-item .item-details a.event-name
{
	color: #0b9cd8;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 900;
	line-height: 1em;
	margin-bottom: 8px;
	text-decoration: none;
}

.homepage-events .event-item .item-details a.event-name:hover
{
	text-decoration: underline;
}

.homepage-events .event-buttons
{
	padding: 0 28px;
}

.homepage-events .calendar-button
{
	background: #caad51;
	border-radius: 2px;
	color: white;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 26px;
	font-weight: 800;
	line-height: 1em;
	margin-bottom: -44px;
	padding: 14px 10px;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color 0.3s;
}

.homepage-events .calendar-button:after
{
	content: "\e904";
	display: inline-block;
	font-size: 16px;
	margin: 0;
	opacity: 0;
	overflow: hidden;
	text-align: right;
	transition: opacity 0.3s, width 0.3s, margin 0.3s, transform 0.3s;
	transform: translateX(100%);
	vertical-align: 2px;
	width: 0px;
}

.homepage-events .calendar-button:hover:after
{
	margin-left: 4px;
	opacity: 1;
	transform: translateX(0);
	width: 21px;
}

.homepage-events .calendar-button:hover
{
	background: #bb9a33;
}


.sliding-frame-gallery
{
	position: relative;
}

.sliding-frame-gallery .gallery-frame
{
	background: #193572;
	overflow: hidden;
	position: relative;
	transition: height 1s ease;
}

.sliding-frame-gallery .sliding-pane
{
	position: absolute;
}

.sliding-frame-gallery .sliding-pane .gallery-item
{
	float: left;
}

.media-gallery .gallery-item
{
	display: flex;
}

.media-gallery .gallery-item .gallery-item-desc
{
	background: #193572;
	box-sizing: border-box;
	flex-shrink: 0;
	padding: 10px 44px;
	width: 368px;
}

.media-gallery .gallery-item .gallery-item-image
{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	flex-grow: 1;
	padding-bottom: 36.75%;
}

.media-gallery .gallery-item .gallery-item-image img
{
	display: none;
}

.media-gallery .gallery-nav-next,
.media-gallery .gallery-nav-prev
{
	background: #333333;
	box-sizing: border-box;
	color: white;
	display: block;
	font-size: 19px;
	height: 31px;
	line-height: 1em;
	margin-top: -15.5px;
	padding-top: 6px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	top: 50%;
	width: 23px;
}

.media-gallery .gallery-nav-next
{
	left: 0;
	margin-left: -23px;
}

.media-gallery .gallery-nav-prev
{
	right: 0;
	margin-right: -23px;
}

.featured-stories-gallery
{
	margin-top: 25px;
}

.featured-stories-gallery .gallery-item
{
	background: #193572;
	display: flex;
	flex-direction: column;
}

.featured-stories-gallery .gallery-item .gallery-item-image
{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	flex-shrink: 0;
	padding-bottom: 64.2%;
	position: relative;
}

.featured-stories-gallery .gallery-item .gallery-item-image img
{
	display: none;
}

.featured-stories-gallery .gallery-item .gallery-item-desc
{
	background: #193572;
	box-sizing: border-box;
	padding: 16px 36px;
}

.featured-stories-gallery .gallery-nav-next,
.featured-stories-gallery .gallery-nav-prev
{
	background: white;
	box-sizing: border-box;
	color: #333333;
	display: block;
	font-size: 19px;
	height: 31px;
	line-height: 1em;
	margin-top: 202px;
	padding-top: 6px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	/*top: 40%;*/
	width: 23px;
	z-index: 20;
}

.featured-stories-gallery .gallery-nav-next
{
	left: 0;
}

.featured-stories-gallery .gallery-nav-prev
{
	right: 0;
}

div#strip2
{
	background: url('./images/strip2-bg.jpg') no-repeat center;
	background-attachment: fixed;
	background-size: cover;
}

div#strip2 .strip-content
{
	padding: 230px 0;
}

div#strip2 .strip-title
{
	color: white;
	font-family: 'Roboto', sans-serif;
	font-size: 108px;
	font-weight: 900;
	line-height: 77px;
	mix-blend-mode: soft-light;
	text-align: center;
	text-transform: uppercase;
}

div#strip2 .content-box
{
	background: rgba(255, 255, 255, 0.85);
	padding: 25px 98px 57px 98px;
	position: relative;
}

div#strip2 .join-btn
{
	background: #caad51;
	border-radius: 2px;
	bottom: 0;
	color: white;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 28px;
	font-weight: 900;
	left: 50%;
	line-height: 1em;
	margin: 0 0 -27px -184px;
	padding: 12px 0px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color 0.3s;
	width: 368px;
}

div#strip2 .join-btn:after
{
	content: "\e904";
	display: inline-block;
	font-size: 14px;
	margin: 0;
	opacity: 0;
	overflow: hidden;
	text-align: right;
	transition: opacity 0.3s, width 0.3s, margin 0.3s, transform 0.3s;
	transform: translateX(100%);
	vertical-align: 2px;
	width: 0px;
}

div#strip2 .join-btn:hover:after
{
	margin-left: 4px;
	opacity: 1;
	transform: translateX(0);
	width: 21px;
}

div#strip2 .join-btn:hover
{
	background: #bb9a33;
}

div#crime-reporting-strip
{
	background: white url('./images/crime-strip-bg.jpg') no-repeat center top;
	min-height: 787px;
}

div#crime-reporting-strip .strip-content
{
	display: flex;
}

div#crime-reporting-strip .strip-content .reporting-left,
div#crime-reporting-strip .strip-content .reporting-right
{
	width: 50%;
}

div#crime-reporting-strip .strip-content .reporting-left
{
	padding: 63px 0 60px 0;
}

div#crime-reporting-strip .strip-content .reporting-right
{
	padding: 119px 0 20px 0;
}

div#crime-reporting-strip .strip-heading
{
	color: #9c1f15;
	font-family: 'Roboto', sans-serif;
	font-size: 86px;
	font-weight: bold;
	letter-spacing: -0.04em;	
	line-height: 60px;
	margin-left: -5px;
	text-transform: uppercase;
}

div#crime-reporting-strip .report-btn
{
	background: #9c1f15;
	box-sizing: border-box;
	color: white;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 180px;
	font-weight: bold;
	height: 203px;
	letter-spacing: -0.02em;
	line-height: 180px;
	padding-top: 14px;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: transform 0.4s;
	width: 560px;
}

div#crime-reporting-strip .report-btn:after
{
	background: url('./images/pointer-3d.png') no-repeat left top;
	bottom: -80px;
	content: "";
	display: block;
	height: 130px;
	position: absolute;
	right: 6px;
	width: 138px;
}

div#crime-reporting-strip .report-btn:hover
{
	transform: scale(1.1);
}

div#strip3 
{
	background: white;
}

div#strip3 .strip-content
{
	padding: 105px 0;
}

.reporting-gallery
{
	display: flex;
	flex-flow: row wrap;
	margin: 0 -12px;
	position: relative;
}

.reporting-gallery .gallery-item
{
	box-sizing: border-box;
	margin-bottom: 24px;
	padding: 0 12px;
	width: 50%;
}

.reporting-gallery .gallery-item a.item-tile
{
	color: #333333;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 28px;
	font-weight: 500;
	line-height: 1em;
	overflow: hidden;
	padding-bottom: 63.2%;
	position: relative;
	text-align: center;
	text-decoration: none;
}

.reporting-gallery .gallery-item a.item-tile .tile-image
{
	background-position: center;
	background-size: cover;
	bottom: 0;
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: transform 0.3s;
	z-index: 0;
}

.reporting-gallery .gallery-item a.item-tile .tile-label
{
	background: rgba(242, 248, 255, 0.8);
	bottom: 34px;
	display: block;
	left: 50%;
	margin-left: -184px;
	padding: 14px 0;
	position: absolute;
	transition: transform 0.3s, background-color 0.3s;
	width: 368px;
}

.reporting-gallery .gallery-item a.item-tile:hover .tile-image
{
	transform: scale(1.2);
}

.reporting-gallery .gallery-item a.item-tile:hover .tile-label
{
	background-color: rgba(242, 248, 255, 1);
	transform: scale(1.2);
}

div#missing-persons-strip
{
	background: url('./images/missing-persons-bg.jpg') no-repeat center top;
	height: 768px;
}

div#missing-persons-strip .strip-content
{
	background: url('./images/missing-persons-bg2.jpg') no-repeat left top;
	height: 768px;
}

div#missing-persons-strip .strip-title
{
	color: white;
	font-family: 'Roboto', sans-serif;
	font-size: 181px;
	font-weight: 900;
	line-height: 0.8em;
	margin: 0 0 -9px -9px;
	padding-top: 240px;
	text-transform: uppercase;
}

div#missing-persons-strip .strip-body
{
	align-items: center;
	background: rgba(255, 255, 255, 0.8);
	display: flex;
	padding: 65px 0;
}

div#missing-persons-strip .strip-body-left
{
	box-sizing: border-box;
	padding: 0 20px 0 32px;
	width: 851px;
}

div#missing-persons-strip .strip-body-right
{
	box-sizing: border-box;
	padding: 0 27px 0 0;
	text-align: right;
	width: 301px;
}

div#strip4
{
	background: white;
}

div#strip4 .strip-title
{
	padding-top: 100px;
}

div#strip4 .strip-title .H1-strip-heading
{
	color: #2e3954 !important;
}

div#strip4 .strip-bg
{
	background: #242f4d url('./images/strip4-bg.jpg') no-repeat center top;
}

div#strip4 .strip-top
{
	padding: 65px 98px 55px 98px;
}

div#strip4 .strip-bottom
{
	padding-bottom: 96px;
}

div#strip4 ul.tile-gallery
{
	display: flex;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

div#strip4 ul.tile-gallery li
{
	display: block;
	padding: 0 25px;
}

div#strip4 .tile-gallery .item-tile
{
	background: rgba(238, 238, 238, 0.1);
	box-sizing: border-box;
	color: #caad51;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: bold;
	height: 100%;
	line-height: 1.15em;
	padding-top: 40px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color 0.3s, color 0.3s;
	width: 257px;
}

div#strip4 .tile-gallery .item-tile:hover
{
	background-color: #bb9a33;
	color: white;
}

div#strip4 .tile-gallery .tile-image
{
	display: block;
	margin-bottom: 20px;
	text-align: center;
}

div#strip4 .tile-gallery .tile-image .icon-criminal-record,
div#strip4 .tile-gallery .tile-image .icon-printer
{
	color: #c9c9c9;
	transition: color 0.3s;
}

div#strip4 .tile-gallery .item-tile:hover .tile-image .icon-criminal-record,
div#strip4 .tile-gallery .item-tile:hover .tile-image .icon-printer
{
	color: white;
}

div#strip4 .tile-gallery .tile-image .icon-criminal-record
{
	font-size: 103px;
}

div#strip4 .tile-gallery .tile-image .icon-printer
{
	font-size: 98px;
}

div#strip4 .tile-gallery .tile-label
{
	display: block;
	padding: 0 30px 33px 30px;
	padding-bottom: 33px;
}

div#strip5
{
	background: #ebebeb;
}

div#strip5 .strip-title
{
	background: #d2d2d2;
	padding-top: 64px;
}

div#strip5 .strip-title .H1-strip-heading
{
	color: #e8e8e8 !important; 
}

div#strip5 .strip-content
{
	padding: 60px 0 75px 0;
}

div#strip5 .strip-columns
{
	display: flex;
	margin: 0 -12px;
	position: relative;
}

div#strip5 .strip-columns .column
{
	box-sizing: border-box;
	padding: 0 12px;
	width: 33.3%;
}

div#strip5 .column-title
{
	color: #333333;
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	font-weight: 900;
	line-height: 1em;
	margin-bottom: 25px;
	text-transform: uppercase;
}

div#strip5 .column-title:before
{
	display: inline-block;
	font-size: 38px;
	margin-right: 9px;
	vertical-align: middle;
}

div#strip5 .column-title.column-safety:before
{
	content: "\e90e";
}

div#strip5 .column-title.column-education:before
{
	content: "\e910";
}

div#strip5 .column-title.column-resources:before
{
	content: "\e90f";
}

div#strip6 
{
	background: white;
}

div#strip6 .H1-strip-heading
{
	border-bottom: 2px solid #d9d9d9;
}

div#strip6 .strip-content
{
	padding-bottom: 90px;
}

div#strip6 .strip-top
{
	padding: 94px 0 30px 0;
}

div#strip6 .strip-columns
{
	display: flex;
}

div#strip6 .strip-columns .column-main
{
	box-sizing: border-box;
	padding-right: 51px;
	width: 602px;
}

div#strip6 .strip-columns .column-photo
{
	box-sizing: border-box;
	width: 163px;
}

div#strip6 .strip-columns .column-photo + .column-photo
{
	margin-left: 20px;
}

.content-area
{
}

.content-area .content-columns
{
	display: flex;
}

.content-area .wide-content
{
	padding: 20px 0 60px 0;
}

.content-area .main-column
{
	box-sizing: border-box;
	padding: 20px 40px 60px 0;
	width: 862px;
}

.content-area .sidebar
{
	padding: 64px 0 60px 0;
	width: 290px;
}

.community-title
{
	padding: 20px 0;
}

.community-columns
{
	display: flex;
	flex-flow: row wrap;
	margin: 0 -15px;
	padding-bottom: 60px;
	position: relative;
}

.community-columns .column
{
	box-sizing: border-box;
	padding: 0 15px;
	width: 33.3%;
}

.sidebar-menu-widget .page-title
{
	background: #193572;
	border-radius: 3px;
	color: #c9c9c9;
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: -0.01em;
	line-height: 1em;
	padding: 8px 16px;
	text-transform: uppercase;
}

ul.sidebar-menu
{
	list-style: none;
	margin: 0;
	padding: 10px 0 0 0;
}

ul.sidebar-menu li
{
	position: relative;
}

ul.sidebar-menu > li
{
	border-bottom: 1px solid #e8e8e8;
	padding: 14px 30px 14px 20px;
}

ul.sidebar-menu > li:last-child
{
	border-bottom: none;
}

ul.sidebar-menu a.sidebar-link
{
	box-sizing: border-box;
	color: #676767;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: -0.01em;
	line-height: 1em;
	text-decoration: none;
	transition: color 0.3s;
}

ul.sidebar-menu a.sidebar-link:hover,
ul.sidebar-menu a.sidebar-link.current
{
	color: #bb9a33;
	text-decoration: none;
}

ul.sidebar-menu a.expand-arrow
{
	color: #bb9a33;
	display: block;
	font-size: 14px;
	margin: 16px 10px 0 0;
	position: absolute;
	right: 0;
	text-decoration: none;
	top: 0;
	transition: transform 0.3s;
}

ul.sidebar-menu li.expanded a.expand-arrow
{
	transform: rotate(90deg);
}

ul.sidebar-sub-menu
{
	display: none;
	list-style: none;
	margin: 0 0 0 20px;
	padding: 6px 0 0 0;
}

ul.sidebar-sub-menu a.sidebar-sub-link
{
	box-sizing: border-box;
	color: #676767;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	font-weight: 300;
	letter-spacing: -0.01em;
	line-height: 1em;
	padding: 7px 0;
	text-decoration: none;
	transition: color 0.3s, font-weight 0.3s;
}

ul.sidebar-sub-menu a.sidebar-sub-link:hover,
ul.sidebar-sub-menu a.sidebar-sub-link.current
{
	color: #333333;
	font-weight: bold;
	text-decoration: underline;
}

footer .footer-main
{
	background: url('./images/footer-tile.png');
}

footer .footer-content
{
	display: flex;
}

footer .footer-left
{
	box-sizing: border-box;
	padding: 36px 24px 52px 0;
	width: 490px;
}

footer .footer-right
{
	padding: 52px 0;
	width: 662px;
}

footer .newsletter-form
{
	background: url('./images/signup-bg.jpg') no-repeat left top;
}

footer .newsletter-form .form-heading
{
	color: #dedede;
	font-family: 'Roboto', sans-serif;
	font-size: 31px;
	font-weight: 300;
	letter-spacing: -0.025em;
	line-height: 1em;
	padding: 23px;
	text-decoration: none;
	text-transform: uppercase;
}

footer .newsletter-form form
{
	display: block;
}

footer .newsletter-form .form-heading strong
{
	font-weight: 900;
}

footer .newsletter-form .form-row
{
	display: flex;
	flex-flow: row wrap;
	padding: 0 12px;
	position: relative;
}

footer .newsletter-form .form-field,
footer .newsletter-form .form-field-wide
{
	box-sizing: border-box;
	padding: 0 12px 26px 12px;
	width: 50%;
}

footer .newsletter-form .form-field-wide
{
	width: 100%;
}

footer .newsletter-form .field-label
{
	color: #dedede;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 15px;
}

footer .newsletter-form .field-control
{
	background: white;
	border: none;
	box-sizing: border-box;
	display: block;
	font-size: 16px;
	height: 38px;
	padding: 0 10px;
	width: 100%;
}

footer .newsletter-form .checkbox-row
{
	display: flex;
}

footer .newsletter-form .checkbox
{
	color: #dedede;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
}

footer .newsletter-form .checkbox + .checkbox
{
	margin-left: 54px;
}

footer .newsletter-form .checkbox input[type=checkbox]
{
	display: none;
}

footer .newsletter-form .checkbox span:before
{
	background: white;
	border: 1px solid #d1d1d1;
	box-sizing: border-box;
	color: white;
	content: "\e905";
	display: inline-block;
	font-size: 13px;
	height: 20px;
	margin-right: 9px;
	padding-top: 2px;
	text-align: center;
	transition: background-color 0.3s, border 0.3s;
	vertical-align: middle;
	width: 20px;
}

footer .newsletter-form .checkbox input:checked + span:before
{
	background: #0b9cd8;
	border-color: #0b9cd8;
}

footer .newsletter-form .submit-btn
{
	background: #caad51;
	border: none;
	color: white;
	cursor: pointer;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 1em;
	padding: 10px 17px;
	transition: background-color 0.3s;
}

footer .newsletter-form .submit-btn:hover
{
	background: #bb9a33;
}

footer .menu-bar
{
	background: #dfdfdf;
}

footer ul.footer-menu
{
	box-sizing: border-box;
	display: flex;
	height: 77px;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 30px 0;
}

footer ul.footer-menu li
{
	padding: 0 20px;
}

footer ul.footer-menu a.footer-link
{
	color: #333333;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 17px;
	font-weight: normal;
	letter-spacing: 0.05em;
	line-height: 1em;
	text-decoration: none;
	text-transform: uppercase;
}

footer ul.footer-menu a.footer-link:hover
{
	text-decoration: underline;
}

footer div.copyright
{
	padding: 20px 0 100px 0;
}

.expanding-info-list
{
	position: relative;
}

.expanding-info-list .list-item + .list-item
{
	border-top: 1px solid #cfcfcf;
	padding-top: 10px;
}

.expanding-info-list .list-item-title
{
	color: #676767;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	font-style: normal;
	font-weight: normal;
	line-height: 1em;
	margin-bottom: 10px;
	text-decoration: none;
	transition: color 0.3s;
}

.expanding-info-list .list-item-title:before
{
	content: "\e902";
	display: inline-block;
	font-size: 13px;
	margin-right: 16px;
	position: relative;
	transition: transform 0.3s;
}

.expanding-info-list .list-item-title:hover
{
	color: #0e3476;
}

.expanding-info-list .list-item.expanded .list-item-title
{
	color: #0e3476;
	font-weight: bold;
}

.expanding-info-list .list-item.expanded .list-item-title:before
{
	transform: rotate(90deg);
}

.expanding-info-list .list-item-content
{
	display: none;
}

.expanding-info-list .list-item-content-inner
{
	padding: 0 0 30px 25px;
}

/* ------------------------------------------------------------------ */

div.hhblog-post
{
	padding-bottom: 20px;
}

div.hhblog-readmore
{
	padding-bottom: 10px;
}

div.hhblog-post-info
{
	border-top: 1px solid #970700;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	padding-top: 5px;
}

div#hhblog-post-comments
{
	padding-bottom: 20px;
}

textarea.hhblog-comment-contents
{
	display: block;
	height: 100px;
	width: 90%;
}

div.hhblog-post-comment
{
	padding-bottom: 10px;
}

div.hhblog-comment-info
{
	padding-bottom: 15px;
}

div.hhblog-comment-info span
{
	display: block;
}

div.hhblog-comment-info span.hhblog-author-name
{
	display: inline;
	font-weight: bold;
}

div.hhblog-comment-text
{
	padding-bottom: 5px;
}

div.hhblog-comment-replies
{
	border-left: 2px solid #970700;
	margin: 5px 0 10px;
	padding: 0 0 0 15px;
}

span.hhblog-comment-timestamp
{
	font-size: 12px;
}


div#hhblog-comment-form div.hhblog-form-row
{
	margin-bottom: 10px;
}

div.hhblog-form-heading 
{
	color: #970700;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	text-transform: uppercase;
}

div#hhblog-comment-form textarea
{
	display: block;
	height: 80px;
	resize: none;
	width: 100%;
}

div#hhblog-comment-form textarea:focus
{
	outline: none;
}

h1.hhblog-post-title a
{
	color: inherit;
	text-decoration: none;
}

ul.hhblog-page-nav
{
	display: flex;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.hhblog-page-nav li.mobile-page-info
{
	display: none;
}

ul.hhblog-page-nav a.page-link
{
	border: 1px solid #cccccc;
	color: #193572;
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	line-height: 1em;
	padding: 14px;
	text-decoration: none;
	transition: color 0.3s, background-color 0.3s;
}

ul.hhblog-page-nav a.page-link.current,
ul.hhblog-page-nav a.page-link.current:hover
{
	background: #193572;
	color: white;
}

ul.hhblog-page-nav a.page-link:hover
{
	background: #efefef;
	color: #193572;
	text-decoration: none;
}

ul.hhblog-page-nav li:first-child a.page-link
{
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}

ul.hhblog-page-nav li:last-child a.page-link
{
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}

ul.hhblog-page-nav li + li a.page-link
{
	border-left: none;
}

.apd-asset-listing
{
	margin-bottom: 20px;
}

.expandable-block-list .expandable-wrapper + .expandable-wrapper
{
	margin-top: 30px;
}

.expandable-wrapper .expandable-title
{
	background: #0e3476;
	border-radius: 4px;
	color: white;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
	font-weight: bold;
	letter-spacing: -0.01em;
	line-height: 1em;
	padding: 10px 20px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
}

.expandable-wrapper .expandable-title:after
{
	content: "\e901";
	display: block;
	font-size: 21px;
	position: absolute;
	right: 18px;
	top: 26%;
	transition: transform 0.3s;
}

.expandable-wrapper.expanded .expandable-title
{
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.expandable-wrapper.expanded .expandable-title:after
{
	transform: rotate(90deg);
}

.expandable-wrapper .expandable-inner 
{
	border: 1px solid #0e3476;
	border-top: none;
	display: none;
	padding: 20px;
}

.listing-search-form
{
	display: flex;
}

.listing-search-form .search-field
{
	background: #eeeeee;
	border-radius: 2px;
	display: flex;
	margin-bottom: 15px;
}

.listing-search-form .search-field input[name="search"]
{
	border: none;
	background: none;
	box-sizing: border-box;
	display: block;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	height: 33px;
	padding: 0 0 0 10px;
	width: 118px;
}

.listing-search-form .search-field .search-btn
{
	background: none;
	border: none;
	color: #d0ad3c;
	cursor: pointer;
	display: block;
	font-size: 18px;
	text-align: center;
}

.listing-search-form .search-field .search-btn span
{
	display: none;
}

.listing-search-form .clear-btn
{
	border: 1px solid #e4e4e4;
	border-radius: 2px;
	box-sizing: border-box;
	color: #9a9a9a;
	display: block;
	height: 33px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 17px;
	font-weight: normal;
	line-height: 1em;
	margin-left: 10px;
	padding: 8px 13px;
	text-decoration: none;
	transition: background-color 0.3s;
}

.listing-search-form .clear-btn:hover
{
	background: #eeeeee;
}

.asset-listing-table
{
	color: #676767;
	font-size: 15px;
	width: 100%;
}

.asset-listing-table th
{
	border-bottom: 2px solid #bebebe;
	padding: 10px 10px 10px 0;
	text-align: left;
}

.asset-listing-table th,
.asset-listing-table th a
{
	color: #0e3476;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

.asset-listing-table td
{
	padding: 10px 10px 10px 0;
}

.asset-listing-table ul.asset-item-files
{
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 1rem;
}

.asset-listing-table ul.asset-item-files li
{
	display: block;
	width: 33%;
}

/* .asset-listing-table ul.asset-item-files li + li:before
{
	content: '/';
	margin: 0 5px;
} */

.asset-listing-table ul.asset-item-files a.item-file-link
{
	font-size: inherit;
}

.apd-asset-listing .asset-listing-table tr td:nth-child(2) {
	display: none;
}

/*
======================================================================
Classes used to animate elements when scrolled into view
======================================================================
*/
.animate-on-scroll
{
	opacity: 0;
	transition: opacity 0.8s, visibility 0.8s, transform 0.8s;
	visibility: hidden;
}

.animate-on-scroll.scrolled-in
{
	opacity: 1;
	transform: none !important;
	visibility: visible;
}

.animate-on-scroll.from-left
{
	transform: translateX(-50px);
}

.animate-on-scroll.from-right
{
	transform: translateX(50px);
}

.animate-on-scroll.from-bottom
{
	transform: translateY(25px);
}

.staff-gallery .staff-member-main
{
	display: none;
	margin-bottom: 70px;
	position: relative;
}

.staff-gallery .staff-member-main.shown
{
	display: flex;
}

.staff-gallery .staff-member-main .staff-photo
{
	box-sizing: border-box;
	padding-right: 30px;
	position: relative;
	width: 280px;
}

.staff-gallery .staff-member-main .staff-photo img
{
	border: none;
	display: block;
	height: auto;
	width: 100%;
}

.staff-gallery .staff-member-main .staff-bio
{
	width: 872px;
}

.staff-gallery .staff-member-thumbs
{
	display: flex;
	flex-flow: row wrap;
	margin: 0 -12px;
	position: relative;
}

.staff-gallery .staff-member-thumbs .staff-thumb-item
{
	box-sizing: border-box;
	padding: 0 12px 24px 12px;
	width: 20%;
}

.staff-gallery .staff-member-thumbs a.staff-thumb
{
	box-sizing: border-box;
	color: #686868;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	font-weight: bold;
	line-height: 1em;
	padding: 0 12px 24px 12px;
	position: relative;
	text-align: center;
	text-decoration: none;
	width: 20%;
}

.staff-gallery .staff-member-thumbs a.staff-thumb img.thumb-image
{
	border: none;
	display: block;
	height: auto;
	margin-bottom: 10px;
	width: 100%;
}

.blog-category-filters .filter-label
{
	color: black;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1em;
	margin-bottom: 16px;
}

.blog-category-filters ul.filter-list
{
	font-size: 0;
	list-style: none;
	margin: 0 0 24px 0;
	padding: 0;
}

.blog-category-filters ul.filter-list > li
{
	display: inline-block;
	margin-right: 9px;
	margin: 0 10px 10px 0;
	position: relative;
}

.blog-category-filters ul.filter-list .blog-filter
{
	display: block;
}

.blog-category-filters ul.filter-list .blog-filter-btn
{
	background: #193572;
	color: white;
	cursor: pointer;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 1em;
	padding: 10px;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color 0.3s;
}

.blog-category-filters ul.filter-list .blog-filter-btn:hover
{
	background: #234a9e;
}

.blog-category-filters ul.filter-list .blog-filter-btn.current,
.blog-category-filters ul.filter-list .blog-filter-btn.current:hover
{
	background: #caad51;
}

.blog-category-filters ul.blog-year-options
{
	background: white;
	border: 2px solid #caad51;
	display: block;
	list-style: none;
	margin: 0;
	opacity: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	transition: opacity 0.3s, visibility 0.3s;
	width: 100px;
	z-index: 999;
}

.blog-category-filters .year-dropdown:hover ul.blog-year-options
{
	opacity: 1;
	visibility: visible;
}


.blog-category-filters ul.blog-year-options a.blog-filter-year
{
	color: #caad51;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
	text-decoration: none;
	transition: background-color 0.3s, color 0.3s;
}

.blog-category-filters ul.blog-year-options a.blog-filter-year:hover
{
	background-color: #caad51;
	color: white;
}

.tiled-blog-feed
{
	display: flex;
	flex-flow: row wrap;
	margin: 0 -16px;
	position: relative;
}

.tiled-blog-feed .feed-tile
{
	box-sizing: border-box;
	padding: 0 16px 32px 16px;
	position: relative;
	transition: transform 0.4s;
	width: 50%;
}

.tiled-blog-feed .feed-tile .feed-tile-inner
{
	background: white;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.26); 
	display: flex;
	position: relative;
}

.tiled-blog-feed .feed-tile:hover
{
	transform: scale(1.025);
}

.tiled-blog-feed .feed-tile .tile-header
{
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 246px;
	position: relative;
	width: 227px;
}

.tiled-blog-feed .feed-tile .tile-header img
{
	display: none;
}

.tiled-blog-feed .feed-tile .tile-content
{
	box-sizing: border-box;
	padding: 20px;
	width: 249px;
}

.tiled-blog-feed .feed-tile.no-header .tile-content
{
	width: auto !important;
}

.tiled-blog-feed .feed-tile:nth-child(5n+1)
{
	width: 100%;
}

.tiled-blog-feed .feed-tile:nth-child(5n+1) .tile-header
{
	height: 372px;
	width: 605px;
}

.tiled-blog-feed .feed-tile:nth-child(5n+1) .tile-content
{
	width: 379px;
}

.tiled-blog-feed a.blog-post-title
{
	color: #bb9a33;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 800;
	letter-spacing: -0.025em;
	line-height: 1em;
	margin-bottom: 10px;
	text-decoration: none;
	text-transform: uppercase;
}

.tiled-blog-feed a.blog-post-title:hover
{
	text-decoration: underline;
}

.tiled-blog-feed .blog-post-snippet
{
	color: black;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
}

.property-content-strip .strip-content
{
	padding: 20px 0;
}

.property-icon-strip
{
	background: #f4f4f4;
}

.property-icon-strip .strip-content
{
	padding: 60px 0;
}

.property-icon-strip ul.property-icon-menu
{
	display: flex;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.property-icon-strip ul.property-icon-menu li
{
	margin: 0 30px;
}

.property-icon-strip ul.property-icon-menu a.property-icon-link
{
	background: #193572;
	box-sizing: border-box;
	color: white;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	font-weight: 300;
	height: 250px;
	letter-spacing: 0.01em;
	line-height: 1em;
	padding-top: 75px;
	text-align: center;
	text-decoration: none !important;
	text-transform: uppercase;
	transition: background-color 0.4s;
	width: 250px;
}

.property-icon-strip ul.property-icon-menu a.property-icon-link:hover
{
	background: #29488b;
}

.property-icon-strip ul.property-icon-menu a.property-icon-link:before
{
	background-image: url('./images/property-icons.png');
	background-repeat: no-repeat;
	background-size: 249px 83px;
	content: "";
	display: block;
	height: 83px;
	margin: 0 auto 10px auto;
	width: 83px;
}

.property-icon-strip ul.property-icon-menu a.property-icon-link.icon1:before { background-position: 0 0; }
.property-icon-strip ul.property-icon-menu a.property-icon-link.icon2:before { background-position: -83px 0; }
.property-icon-strip ul.property-icon-menu a.property-icon-link.icon3:before { background-position: -166px 0; }

.bottom-columns
{
	display: flex;
	flex-flow: row wrap;
	margin: 0 -20px;
	position: relative;
}

.bottom-columns .column
{
	box-sizing: border-box;
	padding: 0 20px 20px 20px;
	width: 50%;
}

/*div.hhfb-question div.hhfb-label
{
	width: 200px !important;
}

div.hhfb-question div.hhfb-field
{
	width: calc(100% - 210px);
}*/


.community-strip
{
	background: white;
}

.community-strip .strip-content
{
	padding: 20px 0;
}

.community-strip .strip-top
{
	display: flex;
	margin-bottom: 13px;
	position: relative;
}

.community-strip .strip-left
{
	background: #dac07e;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	min-height: 347px;
	margin-right: 13px;
	justify-content: flex-end;
	padding: 20px 24px;
	width: 561px;
}

.community-strip .strip-right
{
	background: url('./images/comm-city-art.png') no-repeat center top;
	padding-top: 129px;
	width: 578px;
}

.community-strip .community-connect-title
{
	display: block;
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: transform 0.3s;
}

.community-strip a.community-connect-title:hover
{
	transform: scale(1.1);
}

.community-strip .community-connect-title .title-top
{
	background: #193572;
	color: white;
	font-size: 93px;
	line-height: 123px;
}

.community-strip .community-connect-title .title-bottom
{
	color: #193572;
	font-size: 123px;
	line-height: 95px;	
}

.community-strip .gallery-area .gallery-image-desc
{
	background: rgba(25, 53, 114, 0.63);
	bottom: 0;
	color: white;
	left: 50%;
	padding: 20px;
	position: absolute;
	right: 0;
}

.community-columns-gallery
{
	display: flex;
	flex-flow: row wrap;
	margin: 0 -20px;
	position: relative;
}

.community-columns-gallery .gallery-column
{
	background: #94a8cc;
	box-sizing: border-box;
	margin: 0 20px 40px 20px;
	position: relative;
	width: calc(33.3% - 40px);
}

.community-columns-gallery .gallery-column .gallery-image
{
	display: block;
	overflow: hidden;
	padding-bottom: 101%;
	position: relative;
}

.community-columns-gallery .gallery-column .image-container
{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: transform 0.3s;
}

.community-columns-gallery .gallery-column:hover .image-container
{
	transform: scale(1.1);
}

.community-columns-gallery .gallery-column .gallery-image img
{
	display: none;
}

.community-columns-gallery .gallery-column .gallery-desc
{
	padding: 18px;
}

.vintage-cruiser-header
{
	background: url('./images/vintage-header.jpg') no-repeat center top;
	position: relative;
	height: 690px;
}

.vintage-cruiser-top
{
	margin: 0 auto;
	width: 924px;
}

.vintage-cruiser-timeline
{
	background: url('./images/vintage-divider.png') repeat-y center top;
	margin: 0 auto;
	padding-top: 85px;
	position: relative;
	width: 924px;
}

.vintage-cruiser-timeline:before
{
	background: #193572;
	border-radius: 50%;	
	content: "";
	display: block;
	height: 26px;
	left: 50%;
	margin-left: -13px;
	position: absolute;
	top: 0;
	width: 26px;
}

.vintage-cruiser-timeline:after
{
	background: url('./images/vintage-shield.png') no-repeat center top;
	content: "";
	display: block;
	height: 74px;
	margin: 0 auto;
	position: relative;
	width: 56px;
}

.vintage-cruiser-gallery
{
	display: flex;
	justify-content: space-between;
	margin-bottom: 100px;
	min-height: 100px;
	position: relative;
}

.vintage-cruiser-gallery:before
{
	background: url('./images/vintage-shield.png') no-repeat center top;
	content: "";
	display: block;
	height: 74px;
	left: 50%;
	margin-left: -28px;
	position: absolute;
	width: 56px;
}

.vintage-cruiser-gallery .gallery-side
{
	width: 320px;
}

.vintage-cruiser-gallery .main-image
{
	border: 1px solid #dac07e;
	padding: 8px;
}

.vintage-cruiser-gallery img
{
	border: none;
	display: block;
	height: auto;
	width: 100%;
}

.vintage-cruiser-gallery .gallery-thumbs
{
	display: flex;
	flex-flow: row wrap;
	padding: 4px;
	position: relative;
}

.vintage-cruiser-gallery .gallery-thumbs .thumb-image
{
	box-sizing: border-box;
	padding: 4px;
	position: relative;
	width: 50%;
}

.equipment-gallery
{
	position: relative;
}

.equipment-gallery .image-desc
{
	display: none;
}

.equipment-gallery img
{
	border: none;
	display: block;
	height: auto;
	width: 100%;
}


.equipment-gallery .gallery-single-wrapper
{
	position: relative;
}

.equipment-gallery .gallery-image-main
{
	margin-bottom: 10px;
}

.equipment-gallery .gallery-image-main .equip-gallery-link
{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	padding-bottom: 75%;
	position: relative;
}

.equipment-gallery .gallery-image-main .equip-gallery-link img
{
	display: none;
}

.equipment-gallery .gallery-description
{
	background: #94a8cc;
	padding: 18px;
}

.equipment-gallery .gallery-thumbs
{
	display: flex;
	flex-flow: row wrap;
	margin: 0 -5px;
	position: relative;
}

.equipment-gallery .gallery-thumbs .thumb-item
{
	box-sizing: border-box;
	margin: 0 5px 10px 5px;
	position: relative;
	width: calc(50% - 10px);
}

.equipment-gallery .gallery-thumbs .thumb-item:nth-child(1n+3)
{
	display: none;
}

.equipment-gallery .gallery-thumbs .thumb-item .item-link
{
	display: block;
	position: relative;
}

.equipment-gallery .gallery-thumbs .thumb-item a.more-images-link
{
	background: rgba(0, 0, 0, 0.5);
	bottom: 0;
	color: white;
	display: block;
	left: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 45px;
	font-style: italic;
	font-weight: 900;
	line-height: 1em;
	position: absolute;
	right: 0;
	text-align: center;
	text-decoration: none;
	transition: color 0.3s;
	top: 0;
}

.equipment-gallery .gallery-thumbs .thumb-item a.more-images-link:hover
{
	color: #dac07e;
}

.equipment-gallery .gallery-thumbs .thumb-item a.more-images-link span
{
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
}

body.equipment-gallery-modal-open,
body.inventory-contact-modal-open
{
	overflow: hidden;
}

.equipment-gallery-modal
{
	background: rgba(255, 255, 255, 0.75);
	bottom: 0;
	left: 0;
	overflow: auto;
	opacity: 0;
	position: fixed;
	right: 0;
	top: 0;
	transition: opacity 0.3s, visibility 0.3s;
	visibility: hidden;
	z-index: 9999999;
}

body.equipment-gallery-modal-open #equipment-gallery-modal
{
	opacity: 1;
	transition: opacity 0.3s, visibility 0s;
	visibility: visible;
}

.equipment-gallery-modal .gallery-popup
{
	background: white;
	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.23); 
	left: 50%;
	position: absolute;
	top: 40px;
	transform: translateX(-50%);
	width: 1070px;
}

.equipment-gallery-modal .gallery-popup .close-btn
{
	color: #cacaca;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 28px;
	font-weight: bold;
	line-height: 28px;
	margin: 5px 13px 0 0;
	position: absolute;
	right: 0;
	text-decoration: none;
	top: 0;
}

.equipment-gallery-modal .gallery-popup .popup-content
{
	display: flex;
	height: 687px;
}

.equipment-gallery-modal .gallery-popup .popup-left
{
	background: #EFEFEF;
	width: 712px;
}

.equipment-gallery-modal .gallery-popup .popup-image-slider
{
	height: 100%;
	overflow: hidden;
	position: relative;
}

.equipment-gallery-modal .gallery-popup .popup-image-slider a.slider-nav-left,
.equipment-gallery-modal .gallery-popup .popup-image-slider a.slider-nav-right
{
	color: white;
	display: block;
	font-size: 26px;
	position: absolute;
	text-decoration: none;
	text-shadow: 0 0 8px rgba(0, 0, 0, 0.45);
	top: 50%;
	transform: translateY(-50%);
	z-index: 999;
}

.equipment-gallery-modal .gallery-popup .popup-image-slider a.slider-nav-left
{
	left: 20px;
}

.equipment-gallery-modal .gallery-popup .popup-image-slider a.slider-nav-right
{
	right: 20px;
}


.equipment-gallery-modal .gallery-popup .popup-image-slider .sliding-pane
{
	background: black;
	display: flex;
	height: 100%;
	position: absolute;

	width: 300%;
}

.equipment-gallery-modal .gallery-popup .popup-image-slider .sliding-image
{
	width: 33.33%;
}

.equipment-gallery-modal .gallery-popup .popup-image-slider .sliding-image img
{
	display: block;
	height: auto;
	width: 100%;
}

.equipment-gallery-modal .gallery-popup .popup-image-slider .sliding-image-frame
{
	height: 100%;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
}

.equipment-gallery-modal .gallery-popup .popup-right
{
	border: 1px solid #dedede;
	box-sizing: border-box;
	padding: 32px;
	width: 359px;
}


.contact-form 
{
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	position: relative;
}

.contact-form .warning-signs li
{
	margin-bottom: 10px;
}

.contact-form .subheading
{
	color: inherit;
	margin-bottom: 20px;
}

.contact-form .field-group
{
	display: flex;
	flex-flow: row wrap;
	margin: 0 -10px;
	position: relative;
}

.contact-form .form-field
{
	box-sizing: border-box;
	margin-bottom: 20px;
	padding: 0 10px;
	width: 50%;
}

.contact-form .form-field-long
{
	width: 100%;
}

.contact-form .field-label
{
	display: block;
	line-height: 1.8em;
	margin-bottom: 5px;
}

.contact-form .required .field-label:before
{
	content: '* ';
	color: red;
}

.contact-form .field-control
{
	border: 1px solid #cccccc;
	box-sizing: border-box;
	display: block;
	font: inherit;
	padding: 10px;
	transition: border 0.3s;
	width: 100%;
}

.contact-form textarea.field-control
{
	height: 100px;
}

.contact-form .field-control + .field-control
{
	margin-top: 5px;
}

.contact-form .field-control:focus
{
	border: 1px solid #193572;
}

.contact-form .checkbox-row
{
}

.contact-form .checkbox-row + .checkbox-row
{
	padding-top: 30px;
}

.contact-form .checkbox-row .checkbox-labels
{
	margin-bottom: 10px;
}

.contact-form .checkbox-row .checkbox-labels span 
{
	display: block;
}

.contact-form .checkbox-row .checkbox-labels span + span
{
	padding-top: 10px;
}

.contact-form .checkbox-row .checkbox-options label + label
{
	margin-left: 20px;
}

.contact-form .error-text
{
	color: red;
	display: none;
	padding-top: 5px;
}

.contact-form .has-error .error-text
{
	display: block;
}


.contact-form .has-error .field-label
{
	color: red;
}

.contact-form .has-error .field-control
{
	border-color: red;
}


.contact-form .submit-btn
{
	background: #caad51;
	border: none;
	border-radius: 10px;
	color: white;
	cursor: pointer;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.02em;
	line-height: 1em;
	padding: 10px 23px;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color 0.3s, color 0.3s;
}

.contact-form .submit-btn:hover
{
	background: #f7d872;
	color: white;
	text-decoration: none;
}

.help-seeker-modal
{
	align-items: center;
	background: rgba(0, 0, 0, 0.5);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	left: 0;
	opacity: 0;
	overflow: auto;
	padding: 0 10px;
	position: fixed;
	top: 0;
	transition: opacity 0.3s, visibility 0.3s;
	visibility: hidden;
	width: 100%;
	z-index: 99999;
}

.help-seeker-modal.is-shown
{
	opacity: 1;
	visibility: visible;
}

.help-seeker-modal .modal-content
{
	background: white;
	border-radius: 10px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
	box-sizing: border-box;
	padding: 10px 20px;
	margin: 0px auto 0 auto;
	max-width: 800px;
}

@media screen and (max-width: 1600px) {
	header.main-header
	{
		height: 400px;
	}
}

@media screen and (max-width: 1300px) {
	header.main-header
	{
		height: 300px;
	}

	div#strip1 .strip-top
	{
		padding-top: 45px;
	}
}

@media screen and (max-width: 800px), screen and (max-width: 1024px) and (orientation: landscape) {
	body
	{
		-webkit-text-size-adjust: 100%;
	}

	.resp-table,
	.resp-table tr,
	.resp-table td,
	.resp-table tbody
	{
		box-sizing: border-box !important;
		display: block !important;
		width: auto !important;
	}

	iframe
	{
		max-width: 100%;
	}

	.page-centered
	{
		margin: 0;
		width: auto;
	}

	.video-container
	{
		min-height: 315px;
		position: relative;
	}

	.video-container iframe, 
	.video-container object,
	.video-container embed
	{
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}

	h1.H1-strip-heading
	{
		font-size: 40px !important;
	}

	div#strip4 .strip-title .H1-strip-heading
	{
		font-size: 40px !important;
	}

	div#strip5 .strip-title .H1-strip-heading,
	span.H1_light
	{
		font-size: 40px !important;
	}

	span.H1_light
	{
		display: block;
	}

	.top
	{
		background: #e6e6e6;
		height: 50px;
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 9999;
	}

	.top a.toggle-menu-btn
	{
		display: block;
		left: 0;
		padding: 15px 10px;
		position: absolute;
		top: 0;
	}

	.top a.toggle-menu-btn .bar
	{
		background: #193572;
		display: block;
		height: 4px;
		width: 30px;
	}

	.top a.toggle-menu-btn .bar + .bar
	{
		margin-top: 4px;
	}

	.top .top-content
	{
		display: block;
		height: auto;
		position: relative;
	}

	.top a.logo
	{
		background: url('./images/mobile-logo.png') no-repeat left top;
		background-size: 100% auto;
		height: 30px;
		left: 50%;
		margin-left: -75.5px;
		top: 10px;
		width: 151px;
	}

	.top a.toggle-search
	{
		color: #9a9a9a;
		display: block;
		font-size: 24px;
		position: absolute;
		right: 10px;
		text-decoration: none;
		top: 14px;
	}

	.top.show-search a.logo,
	.top.show-search a.toggle-search
	{
		display: none;
	}

	.top .top-phone
	{
		display: none;
	}

	.top .top-tools
	{
		border-top: none;
		display: none;
		padding: 0;
	}

	.top.show-search .top-tools 
	{
		display: block;
	}

	.top .top-social-media
	{
		display: none;
	}

	.top .top-search
	{
		display: flex;
		margin-left: 50px;
		padding-top: 6px;
		position: relative;
		width: auto;
	}

	.top .top-search input.search-field
	{
		background: white;
		border: none;
		border-radius: 4px;
		box-sizing: border-box;
		display: block;
		height: 36px;
		padding: 0 10px;
		width: calc(100% - 40px);
	}

	.top .top-search button.search-btn
	{
		box-sizing: border-box;
		display: block;
		height: 36px;
		padding-top: 6px;
		width: 39px;
	}

	.top .top-search button.search-btn span
	{
		display: none;
	}

	.top nav
	{
		background: #e6e6e6;
		display: block;
		height: calc(100% - 50px);
		left: 0;
		opacity: 0;
		overflow: auto;
		position: fixed;
		top: 50px;
		transition: opacity 0.3s, visibility 0.3s;
		visibility: hidden;
		width: 100%;
		z-index: 9999;
	}

	.top nav.show-nav
	{
		opacity: 1;
		visibility: visible;
	}

	ul#navigation
	{
		display: block;
	}

	ul#navigation a.nav-link,
	ul#navigation li:hover a.nav-link
	{
		color: #193572;
		font-size: 18px;
		height: auto;
		padding: 10px 15px 10px 50px;
	}

	ul#navigation a.expand-arrow
	{
		background: url('./images/expand-arrow2.png') no-repeat center;
		background-size: 21.5px 12.5px;
		display: block;
		height: 38px;
		left: 5px;
		opacity: 0.5;
		position: absolute;
		top: 0;
		transition: transform 0.25s, opacity 0.25s;
		width: 40px;
	}

	ul#navigation li.expanded a.expand-arrow 
	{
		opacity: 1;
		transform: rotateZ(180deg);
		-webkit-transform: rotateZ(180deg);
	}


	ul#navigation ul.flyout-menu
	{
		background: none;
		border-top: none;
		box-shadow: none;
		display: none;
		margin: 0;
		opacity: 1;
		padding: 0 0 10px 50px;
		position: relative;
		visibility: visible;
		width: auto;
		z-index: 999;
	}


	ul#navigation ul.flyout-menu ul.flyout-menu
	{
		display: block !important;
		margin: 0 !important;
		padding: 0 0 10px 20px;
		top: auto;
	}

	ul#navigation ul.flyout-menu a.flyout-link
	{
		color: #676767;
		font-size: 17px;
		overflow: visible;
		padding: 5px 0;
	}

	ul#navigation ul.flyout-menu a.flyout-link span
	{
		display: block;
	}

	ul#navigation ul.flyout-menu a.flyout-link:before
	{
		display: none;
	}

	.floating-menu-bar
	{
		display: none;
	}

	header
	{
		display: none;
	}

	.mobile-header
	{
		display: block;
		/* padding-top: 50px; */
	}

	.mobile-header.is-vintage-cruiser-page
	{
		padding-top: 0;
	}

	.mobile-header .header-image
	{
		display: none;
		background: url('./images/mobile-header.jpg') no-repeat center top;
		background-size: cover;
		height: 120px;
	}

	.mobile-header .header-icons
	{
		align-items: center;
		display: flex;
		justify-content: space-between;
		padding: 8px 10px;
	}

	.mobile-header .header-phone
	{
		font-family: 'Roboto', sans-serif;
	}

	.mobile-header .header-phone .label
	{
		color: #9a9a9a;
		font-size: 14px;
		line-height: 1em;
	}

	.mobile-header .header-phone a.number
	{
		color: #caad51;
		display: block;
		font-size: 20px;
		font-weight: bold;
		line-height: 1em;
		text-decoration: none;
	}

	.mobile-header ul.header-social-media
	{
		display: flex;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.mobile-header ul.header-social-media li
	{
		margin-left: 16px;
	}

	.mobile-header ul.header-social-media a.social-icon,
	.mobile-header ul.header-social-media a.social-icon svg,
	.mobile-header ul.header-social-media a.social-icon:hover
	{
		color: #2a4277;
		fill: #2a4277;
		font-size: 20px;
		text-decoration: none;
	}

	.mobile-header ul.header-social-media a.social-icon svg {
		max-height: 100%;
		max-width: 100%;
		width: auto;
		height: auto;
	}

	.mobile-header ul.header-social-media a.social-icon span.icon-x{
		height: 20px;
		display: inline-block;
	}

	.mobile-header ul.header-social-media a.social-icon span
	{
		display: none;
	}

	div#strip1
	{
		background: white;
	}

	div#strip1 .strip-top
	{
		padding: 10px;
	}

	div#strip1 .strip-columns
	{
		display: block;
		margin: 0;
		padding: 5px 10px;
	}

	div#strip1 .strip-columns .column-left,
	div#strip1 .strip-columns .column-right,
	div#strip1 .strip-columns .column-middle
	{
		padding: 5px 0;
		width: auto;
	}

	.homepage-events
	{
		margin-bottom: 0;
		padding: 0;
	}

	.homepage-events .event-item 
	{
		display: flex;
		padding: 10px 0;
	}

	.homepage-events .event-item .item-date
	{
		padding: 0 16px 0 0;
		width: 110px;
	}

	.homepage-events .event-buttons
	{
		padding: 20px 0 0 0;
	}

	.homepage-events .calendar-button
	{
		margin-bottom: 0;
	}

	.media-gallery .gallery-item
	{
		display: flex;
		flex-flow: column-reverse;
		justify-content: flex-end;
	}

	.media-gallery .gallery-item .gallery-item-desc
	{
		flex-grow: 0;
		padding: 10px;
		width: auto;
	}

	.media-gallery .gallery-item .gallery-item-image
	{
		background: none !important;
		flex-grow: 0;
		padding: 0;
	}

	.media-gallery .gallery-item .gallery-item-image  img
	{
		display: block;
		height: auto;
		width: 100%;
	}

	.media-gallery .gallery-nav-next,
	.media-gallery .gallery-nav-prev
	{
		margin: 0;
		transform: translateY(-20px);
		z-index: 20;
	}

	.featured-stories-gallery .gallery-item .gallery-item-desc
	{
		padding: 10px;
	}

	.featured-stories-gallery .gallery-nav-next,
	.featured-stories-gallery .gallery-nav-prev
	{
		margin: 0;
		top: 50%;
		transform: translateY(-20px);
	}

	div#strip2 .strip-content
	{
		padding: 40px 10px;
	}

	div#strip2 .strip-title
	{
		font-size: 50px;
		line-height: 1em;
		margin-bottom: 10px;
	}

	div#strip2 .content-box
	{
		padding: 10px;
	}

	div#strip2 .strip-text
	{
		padding-bottom: 10px;
	}

	div#strip2 .join-btn
	{
		font-size: 24px;
		left: auto;
		margin: 0;
		position: relative;
		width: auto;
	}

	div#strip2 .join-btn:after
	{
		display: none;
	}

	div#crime-reporting-strip
	{
		background: white;
		min-height: 0;
	}

	div#crime-reporting-strip .strip-content
	{
		display: block;
	}

	div#crime-reporting-strip .strip-content .reporting-left,
	div#crime-reporting-strip .strip-content .reporting-right
	{
		width: auto;
	}

	div#crime-reporting-strip .strip-content .reporting-left
	{
		padding: 30px 10px 50px 10px;
	}

	div#crime-reporting-strip .strip-content .reporting-right
	{
		padding: 10px;
	}


	div#crime-reporting-strip .strip-heading
	{
		font-size: 50px;
		line-height: 34px;
		margin: 0;
		text-align: center;
	}

	div#crime-reporting-strip .report-btn
	{
		font-size: 90px;
		height: auto;
		line-height: 90px;
		margin: 0 auto;
		max-width: 300px;
		padding: 0;
		text-align: center;
		width: auto;
	}

	div#crime-reporting-strip .report-btn:after
	{
		background-size: contain;
		bottom: -40px;
		height: 66px;
		width: 70px;
	}

	div#crime-reporting-strip .report-btn:hover
	{
		transform: none;
	}

	div#strip3 .strip-content
	{
		padding: 10px;
	}

	.reporting-gallery
	{
		display: block;
		margin: 0;
	}

	.reporting-gallery .gallery-item
	{
		margin-bottom: 10px;
		padding: 0;
		width: auto;
	}

	.reporting-gallery .gallery-item a.item-tile
	{
		font-size: 22px;
	}

	.reporting-gallery .gallery-item a.item-tile .tile-label
	{
		bottom: 10px;
		display: block;
		left: 0;
		margin: 0;
		padding: 10px;
		width: 100%;
	}

	div#missing-persons-strip
	{
		background: #626c83;
		height: auto;
	}

	div#missing-persons-strip .strip-content
	{
		background: url('./images/missing-persons-bg2.jpg') no-repeat center top;
		background-size: cover;
		height: auto;
	}

	div#missing-persons-strip .strip-title
	{
		font-size: 60px;
		margin: 0;
		padding: 16px;
	}

	div#missing-persons-strip .strip-body
	{
		display: block;
		padding: 8px 16px;
	}

	div#missing-persons-strip .strip-body-left,
	div#missing-persons-strip .strip-body-right
	{
		padding: 8px 0;
		width: auto;
	}

	div#missing-persons-strip .strip-body-right
	{
		text-align: center;
	}

	div#strip4 .strip-bg
	{
		background: #242f4d;
	}

	div#strip4 .strip-title
	{
		padding-top: 20px;
	}

	div#strip4 .strip-top
	{
		padding: 10px;
	}

	div#strip4 .strip-bottom
	{
		padding: 10px;
	}

	div#strip4 ul.tile-gallery
	{
		display: block;
	}

	div#strip4 ul.tile-gallery li
	{
		padding: 0;
	}

	div#strip4 .tile-gallery .item-tile
	{
		height: auto;
		margin: 0 auto 10px auto;
	}

	div#strip4 .tile-gallery .tile-label
	{
		display: block;
		padding: 0 30px 33px 30px;
		padding-bottom: 33px;
	}

	div#strip5 .strip-title
	{
		padding-top: 25px;
		padding: 25px 10px 0 10px;
	}

	div#strip5 .strip-content
	{
		padding: 10px;
	}

	div#strip5 .strip-columns
	{
		display: block;
		margin: 0;
	}

	div#strip5 .strip-columns .column
	{
		padding: 0 0 30px 0;
		width: auto;
	}

	div#strip5 .column-title
	{
		margin-bottom: 15px;
	}

	div#strip6 .strip-content
	{
		padding-bottom: 20px;
	}

	div#strip6 .strip-top
	{
		padding: 10px;
	}

	div#strip6 .strip-columns
	{
		display: block;
		padding: 5px 10px;
	}

	div#strip6 .strip-columns .column-main,
	div#strip6 .strip-columns .column-photo
	{
		padding: 5px 0;
		width: auto;
	}

	div#strip6 .strip-columns .column-photo + .column-photo
	{
		margin: 0;
	}

	.content-area .content-columns
	{
		display: block;
	}

	.content-area .wide-content
	{
		padding: 10px;
	}

	.content-area .main-column
	{
		padding: 10px;
		width: auto;
	}

	.content-area .sidebar
	{
		padding: 0 10px 10px 10px;
		width: auto;
	}

	.community-title
	{
		padding: 10px;
	}

	.community-columns
	{
		display: block;
		margin: 0 0 30px 0;
		padding: 10px;
	}

	.community-columns .column
	{
		padding: 0 0 10px 0;
		width: auto;
	}

	.community-columns .column:last-child
	{
		padding: 0;
	}

	.sidebar-menu-widget 
	{
		display: none;
	}

	footer .footer-content
	{
		display: block;
	}

	footer .footer-left
	{
		padding: 10px;
		width: auto;
	}

	footer .footer-right
	{
		padding: 10px;
		width: auto;
	}

	footer .newsletter-form
	{
		background: url('./images/signup-bg.jpg') no-repeat center;
		background-size: cover;
	}

	footer .newsletter-form .form-heading
	{
		font-size: 24px;
		padding: 10px;
	}

	footer .newsletter-form .form-heading strong
	{
		display: block;
	}

	footer .newsletter-form .form-row
	{
		display: block;
		padding: 5px 10px;
		position: relative;
	}

	footer .newsletter-form .form-field,
	footer .newsletter-form .form-field-wide
	{
		padding: 5px 0;
		width: auto;
	}

	footer .newsletter-form .checkbox-row
	{
		display: block;
	}

	footer .newsletter-form .checkbox
	{
		font-size: 16px;
	}

	footer .newsletter-form .checkbox + .checkbox
	{
		margin: 0;
		padding-top: 10px;
	}

	footer .newsletter-form .submit-btn
	{
		box-sizing: border-box;
		font-size: 15px;
		width: 100%;
	}

	footer .menu-bar
	{
		padding: 10px;
	}

	footer ul.footer-menu
	{
		display: block;
		height: auto;
		padding: 0;
	}

	footer ul.footer-menu li
	{
		padding: 0;
	}

	footer ul.footer-menu li + li
	{
		padding-top: 10px;
	}

	footer ul.footer-menu a.footer-link
	{
		display: block;
		text-align: center;
	}

	footer div.copyright
	{
		padding: 20px 10px 100px 10px;
	}

	.staff-gallery .staff-member-main,
	.staff-gallery .staff-member-main.shown
	{
		display: block;
		margin-bottom: 0px;
	}

	.staff-gallery .staff-member-main .staff-photo
	{
		padding: 0;
		margin-bottom: 20px;
		width: auto;
	}

	.staff-gallery .staff-member-main .staff-bio
	{
		width: auto;
	}

	.staff-gallery .staff-member-thumbs
	{
		display: none;
	}

	.blog-category-filters ul.filter-list
	{
		margin: 0 0 20px 0;
	}

	.tiled-blog-feed
	{
		display: block;
		margin: 0;
	}

	.tiled-blog-feed .feed-tile,
	.tiled-blog-feed .feed-tile:nth-child(5n+1)
	{
		padding: 0 0 10px 0;
		transition: none;
		width: auto;
	}

	.tiled-blog-feed .feed-tile .feed-tile-inner
	{
		display: block;
	}

	.tiled-blog-feed .feed-tile:hover
	{
		transform: none;
	}

	.tiled-blog-feed .feed-tile .tile-header,
	.tiled-blog-feed .feed-tile:nth-child(5n+1) .tile-header
	{
		height: 80px;
		width: auto;
	}

	.tiled-blog-feed .feed-tile .tile-content,
	.tiled-blog-feed .feed-tile:nth-child(5n+1) .tile-content
	{
		padding: 10px;
		width: auto;
	}

	.property-content-strip .strip-content
	{
		padding: 10px;
	}

	.property-icon-strip .strip-content
	{
		padding: 10px;
	}

	.property-icon-strip ul.property-icon-menu
	{
		display: block;
	}

	.property-icon-strip ul.property-icon-menu li
	{
		margin: 0;
	}

	.property-icon-strip ul.property-icon-menu li + li
	{
		padding-top: 10px;
	}

	.property-icon-strip ul.property-icon-menu a.property-icon-link
	{
		font-size: 20px;
		height: auto;
		padding: 16px;
		text-align: left;
		width: auto;
	}

	.property-icon-strip ul.property-icon-menu a.property-icon-link:before
	{
		background-size: 300% 100%;
		display: inline-block;
		height: 50px;
		margin: 0 20px 0 0;
		vertical-align: middle;
		width: 50px;
	}

	.property-icon-strip ul.property-icon-menu a.property-icon-link.icon1:before { background-position: 0 0; }
	.property-icon-strip ul.property-icon-menu a.property-icon-link.icon2:before { background-position: 50% 0; }
	.property-icon-strip ul.property-icon-menu a.property-icon-link.icon3:before { background-position: 100% 0; }

	.bottom-columns
	{
		display: block;
		margin: 0;
	}

	.bottom-columns .column
	{
		padding: 0 0 10px 0;
		width: auto;
	}

	ul.hhblog-page-nav li
	{
		display: none;
	}

	ul.hhblog-page-nav li:first-child,
	ul.hhblog-page-nav li:last-child,
	ul.hhblog-page-nav li.mobile-page-info
	{
		display: block;
	}

	ul.hhblog-page-nav li.mobile-page-info
	{
		border: 1px solid #cccccc;
		border-left: none;
		color: #193572;
		display: block;
		font-family: 'Open Sans', sans-serif;
		font-size: 18px;
		font-style: normal;
		font-weight: normal;
		line-height: 1em;
		padding: 14px;
		text-decoration: none;
		transition: color 0.3s, background-color 0.3s;
	}

	ul.hhblog-page-nav a.page-link.current,
	ul.hhblog-page-nav a.page-link.current:hover
	{
		background: #193572;
		color: white;
	}

	ul.hhblog-page-nav a.page-link:hover
	{
		background: #efefef;
		color: #193572;
		text-decoration: none;
	}

	ul.hhblog-page-nav li:first-child a.page-link
	{
		border-bottom-left-radius: 4px;
		border-top-left-radius: 4px;
	}

	ul.hhblog-page-nav li:last-child a.page-link
	{
		border-bottom-right-radius: 4px;
		border-top-right-radius: 4px;
	}

	ul.hhblog-page-nav li + li a.page-link
	{
		border-left: none;
	}


	.community-strip
	{
		background: white;
	}

	.community-strip .strip-content
	{
		padding: 10px;
	}

	.community-strip .strip-top
	{
		display: flex;
		flex-direction: column-reverse;
		margin-bottom: 10px;
	}

	.community-strip .strip-left
	{
		display: block;
		height: auto;
		margin: 0 0 10px 0;
		padding: 10px;
		width: auto;
	}

	.community-strip .strip-right
	{
		background: url('./images/comm-city-art.png') no-repeat center top;
		background-size: auto 60px;
		padding-top: 60px;
		width: auto;
	}

	.community-strip a.community-connect-title:hover
	{
		transform: none;
	}

	.community-strip .community-connect-title .title-top
	{
		font-size: 45px;
		line-height: 1em;
		padding: 10px;
	}

	.community-strip .community-connect-title .title-bottom
	{
		color: #193572;
		font-size: 45px;
		line-height: 1em;
		padding: 10px;
	}

	.community-strip .gallery-area .gallery-image-desc
	{
		bottom: 0;
		left: 0;
		padding: 10px;
		right: 0;
	}

	.community-columns-gallery
	{
		display: block;
		margin: 0;
	}

	.community-columns-gallery .gallery-column
	{
		margin: 0 0 20px 0;
		width: auto;
	}

	.community-columns-gallery .gallery-column .gallery-image
	{
		padding-bottom: 50%;
	}

	.community-columns-gallery .gallery-column:hover .image-container
	{
		transform: none;
	}

	.community-columns-gallery .gallery-column .gallery-desc
	{
		padding: 10px;
	}

	.vintage-cruiser-header
	{
		background: url('./images/vintage-header.jpg') no-repeat center top;
		background-size: cover;
		height: auto;
		margin-top: 54px;
		padding-bottom: 66%;
	}

	.vintage-cruiser-top
	{
		margin: 0;
		width: auto;
	}

	.vintage-cruiser-timeline
	{
		background: none;
		margin: 0;
		padding: 0;
		width: auto;
	}

	.vintage-cruiser-timeline:before,
	.vintage-cruiser-timeline:after
	{
		display: none;
	}

	.vintage-cruiser-gallery
	{
		display: block;
		margin-bottom: 40px;
		min-height: 0;
	}

	.vintage-cruiser-gallery:before
	{
		/*background: url('./images/vintage-shield.png') no-repeat center top;
		content: "";
		display: block;
		height: 74px;
		left: 50%;
		margin-left: -28px;
		position: absolute;
		width: 56px;*/
		display: none;
	}

	.vintage-cruiser-gallery .gallery-side
	{
		padding-bottom: 10px;
		width: auto;
	}

	.equipment-gallery .gallery-single-wrapper
	{
		margin: 0;
		max-width: 100%;
	}

	.equipment-gallery .gallery-description
	{
		padding: 10px;
	}

	.equipment-gallery-modal
	{
		padding: 20px 0 0 0;
	}

	.equipment-gallery-modal .gallery-popup
	{
		left: auto;
		margin: 0 auto 100px auto;
		position: relative;
		top: auto;
		transform: none;
		width: 90%;
	}

	.equipment-gallery-modal .gallery-popup .close-btn
	{
		color: #cacaca;
		display: block;
		font-size: 13px;
		line-height: 1em;
		margin: 13px 13px 0 0;
		position: absolute;
		right: 0;
		text-decoration: none;
		top: 0;
	}

	.equipment-gallery-modal .gallery-popup .popup-content
	{
		display: block;
		height: 90%;
	}

	.equipment-gallery-modal .gallery-popup .popup-left
	{
		height: 300px;
		width: auto;
	}

	.equipment-gallery-modal .gallery-popup .popup-right
	{
		padding: 10px;
		width: auto;
	}	

	.help-seeker-modal
	{
		display: block;
		height: 100%;
		padding: 10px;
	}

	.contact-form .form-field
	{
		width: 100%;
	}
}

@font-face {
  font-family: 'icomoon';
  src:  url('./fonts/icomoon_c752599d.eot');
  src:  url('./fonts/icomoon_c752599d.eot') format('embedded-opentype'),
    url('./fonts/icomoon_c752599d.ttf') format('truetype'),
    url('./fonts/icomoon_c752599d.woff') format('woff'),
    url('./fonts/icomoon_c752599d.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"],
a.learn-more-link:before,
a.learn-more-link:hover:before,
div#strip2 .join-btn:after,
div .column-title:before,
footer .newsletter-form .checkbox input:checked + span:before,
.expandable-wrapper .expandable-title:after,
.expanding-info-list .list-item-title:before,
.homepage-events .calendar-button:after
{
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-up:before {
  content: "\e90b";
}
.icon-arrow-right:before {
  content: "\e900";
}
.icon-arrow-left:before {
  content: "\e901";
}
.icon-sidebar-arrow:before {
  content: "\e902";
}
.icon-small-arrow:before {
  content: "\e903";
}
.icon-link-arrow:before {
  content: "\e904";
}
.icon-checkmark:before {
  content: "\e905";
}
.icon-search:before {
  content: "\e906";
}
.icon-twitter:before {
  content: "\e907";
}
.icon-facebook:before {
  content: "\e908";
}
.icon-youtube:before {
  content: "\e909";
}
.icon-instagram:before {
  content: "\e90a";
}
.icon-printer:before {
  content: "\e90c";
}
.icon-criminal-record:before {
  content: "\e90d";
}
.icon-safety:before {
  content: "\e90e";
}
.icon-community:before {
  content: "\e90f";
}
.icon-education:before {
  content: "\e910";
}
.icon-box-arrow:before {
  content: "\e911";
}
.icon-box-arrow-hover:before {
  content: "\e912";
}


/* For Jobs Page and Popup modal */
.jobs {
	margin-top: 3rem;
}
.jobs h2 {
	color: #bb9a33;
	margin-bottom: 0.5rem;
}
.job-single .job-left-bar {
	padding-left: 1rem;
	border-left: 6px solid;
}
.jobs .job-date {
	margin-top: 0;
	color: #777676;
}
.jobs hr {
	background: #e4e4e4;
	height: 5px;
	margin: 3rem 0;
}
.job-popup-btn {
	color: #caad51;
	background: white;
    border-radius: 2px;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 1em;
    padding: 0.8rem 2rem;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 0.3s;
	border: 2px solid #caad51;
	cursor: pointer;
}
.job-popup-btn:hover {
	background-color: #caad51;
	color: white;
}

.job-popup .missing-persons-btn {
	border: solid 2px #caad51;
    background-color: white;
    color: #caad51;
    padding: 0.8rem 2rem;
    font-weight: 400;
	font-size: 1.3rem;
}
.job-popup .missing-persons-btn:hover {
	color: white;
	background-color: #caad51;
}

/* The Modal (background) */
.job-popup {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
  
/* Modal Content/Box */
.popup-content {
	background-color: #fefefe;
	margin: 15% auto; /* 15% from the top and centered */
	padding: 20px;
	border: 1px solid #888;
	width: 55%; /* Could be more or less, depending on screen size */
}
@media screen and (max-width: 800px) {
	.popup-content {
		width: 90%;
	}
}
  
/* The Close Button */
.close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}
  
.close:hover,
.close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}
.text-center {
	text-align: center;
}

#google_translate_element {
	padding-top: 0.5rem;
	text-align: end;
	padding-right: 2rem;
}
@media screen and (max-width: 800px) {
	#google_translate_element {
		/* display: none; */
		width: calc(100% - 0.5rem);
		padding-top: 0;
		padding-right: 0;
	}
}

/* Update jssocials twitter icon to X icon */
.jssocials-share-twitter .jssocials-share-logo.fa-twitter {
    background-image: url("data:image/svg+xml,%3Csvg width='1200' height='1227' viewBox='0 0 1200 1227' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z' fill='white'/%3E%3C/svg%3E%0A");
	background-size: contain;
    background-repeat: no-repeat;
    color: transparent;
}

.escape-btn {
	position: fixed;
	bottom: 30px;
	right: 20px;
	z-index: 999999;
}

.escape-btn__button {
	background: #e10000;
	color: #fff;
	border: none;
	padding: 0.8em 2em;
	font-size: 18px;
	font-weight: 500;
	border-radius: 6px;
	cursor: pointer;
	box-shadow: 0 4px 10px rgba(0,0,0,.2);
	transition: all .2s ease;
}

.escape-btn__button:hover {
	background: #a61f1f;
	transform: translateY(-1px);
}

/* HERO Video Header */
header.main-header:has(video) {
	height: unset !important;
	aspect-ratio: 16/9;
	min-height: 400px;
	width: 100% !important;
	display: flex;
	align-items: center;
	justify-content: center;
}
header.main-header:has(video):before {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(0,0,0, 0.5);
	z-index: 1;
}
header.main-header video {
	aspect-ratio: 16/9;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	min-height: 400px;
	object-fit: cover;
	object-position: center;
}
header.main-header .hero-content {
	z-index: 2;
}
header.main-header .hero-content * {
	color: white;
}

/* Recent Posts additional Styling */
.recent-blog-post .recent-blog-post-title {
	color: #bb9a33;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -0.025em;
    line-height: 1em;
    margin-bottom: 0.5rem;
    text-decoration: none;
    text-transform: uppercase;
}
.recent-blog-post .recent-blog-post-date {
	font-size: 15px;
	font-weight: 500;
	margin-top: 0;
    margin-bottom: 0.5rem;
}