/*
Theme Name: Forbes Bros
*/

.contact_form .contact_form_image .wpgmp_map_container {
	box-shadow: none;
}

.sjb-page .btn-primary {
	background-color: #e74b37 !important;
}

.sjb-page .list-data .job-type,
.sjb-page .list-data .job-location,
.sjb-page .list-data .job-date {
	color: #000 !important;
}

.h1_section_inner blockquote {
	border-left: none;
	border-right: none;
}

.timeline_slider .slick-slide.slick-active::after {
	display: block !important;
}

.timeline_slider .slick-slide.slick-active.slick-center::after {
	content: none;
}

figure.forbes-image-gallery {
	padding: 1rem 0 3rem 0;
}

figure.forbes-image-gallery > * + * {
	margin-top: 1rem;
}

#wpupg-grid-projects-filter-1 .wpupg-filter-item {
	border: none !important;
	background-color: #e74b37 !important;
	color: #fff !important;
}

#wpupg-grid-projects-filter-1 .wpupg-filter-item.active,
#wpupg-grid-projects-filter-2 .wpupg-filter-item.active{
	background-color: #111 !important;
}

#wpupg-grid-projects-filter-2 .wpupg-filter-item {
	border: none !important;
	background-color: #62666b !important;
	color: #fff !important;
}

#wpupg-grid-projects .wpupg-item {
	width: 200px !important;
	height: 200px !important;
	border: none !important;
	overflow: hidden;
}

#wpupg-grid-projects .wpupg-item.wpupg-item-no-image {
	background: url('https://forbesbrosgroup.com/wp-content/uploads/2020/09/projects-background.jpg') no-repeat;
}

#wpupg-grid-projects .wpupg-item:focus .wpupg-item-title,
#wpupg-grid-projects .wpupg-item:hover .wpupg-item-title {
	text-decoration: underline !important;
}

.wpupg-grid {
	margin-left: 5vw !important;
}

.wpupg-template-simple .wpupg-meta-container {
	padding: 1rem !important;
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	text-align: center !important;
	background-color: transparent !important;
	color: #fff !important;
	font-size: 20px;
}

.wpupg-template-simple.wpupg-item-has-image .wpupg-meta-container {
	background-color: rgba(0, 0, 0, 0.7) !important;
}

form#sjb-application-form {
    display: none !important;
}

input[type="submit"] {
	padding: 0.5rem 1rem;
	border: none !important;
	font-weight: 700;
	color: #fff !important;
	background-color: #e74b37 !important;
	display: inline-block;
}

aside.apply-online {
	padding-bottom: 60px;	
}

aside.apply-online h2 {
	font-size: 17px;
	margin: 17px 0;
	font-weight: bold;
}

aside.apply-online form p {
	margin-bottom: 0;
}

.home .about_section {
	background-color: #e54c36;
}

.visually-hidden {
	position: absolute !important;
	height: 1px; 
	width: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}

.stylized-section {
	font-family: sans-serif !important;
	color: #6b6b6b;
}

.stylized-section * {
	font-family: inherit !important;
}

.stylized-section > * + * {
	margin-top: 1.5rem !important
}

.stylized-section-subsection {
	display: flex;
	flex-direction: column;
}

.stylized-section-subsection > * + * {
	margin: 0 !important;
	margin-top: 1rem !important;
	padding: 0 !important;
	font-size: inherit !important;
}

.stylized-section-heading,
.stylized-section-subsection-heading {
	margin: 0 !important;
	font-weight: 900 !important;
	text-transform: uppercase !important;
	color: #000 !important;
}

.stylized-section-heading {
	margin-bottom: 2rem !important;
	font-size: 2rem !important;
	line-height: 1.1;
	flex: 0 0 100% !important;
}

.stylized-section-subsection-heading {
	font-size: 1rem !important;
}

.stylized-section-subsection-heading::after {
	content: "";
	width: 2ch;
	height: 3px;
	margin-top: 0.25em;
	display: block;
	background-color: #e54c36;
}

.stylized-section-heading-box {
	padding: 0.4rem 0.75rem;
	font-family: sans-serif;
	font-size: 1rem;
	line-height: 1;
	display: inline-block;
	background-color: #e54c36;
	color: #fff;
}

.stylized-section-heading span:not(.visually-hidden):not(.visual-flair)::before {
	content: "\A";
	white-space: pre;
	display: inherit;
}

.stylized-section-heading span.visually-hidden + span::before {
	line-height: 2;
}

.home .h1_section_head {
	padding-top: 0;
}

.wpgmp_infowindow .wpgmp_iw_content h5 {
	font-size : 18px;
}

.wpgmp_infowindow .wpgmp_iw_content address {
	display : none;
}

.timeline_slidersection .slick-slide {
	filter: blur(4px);
}

.timeline_slidersection .slick-slide.slick-current {
	filter: none;
	z-index: 1;
}

.h1_section_head .container rs-fullwidth-wrap {
	margin-bottom: -80px !important;
}

.home .sample_header .sample_header_inner h2 {
	font-size: 29px;
}

.contact_form_bottom .subject:before {
	content: none;
}

.contact_form_bottom .contains-subject label {
	margin-bottom: 0;
	display: block;
}

.contact_form_bottom .contains-subject label > .label-text {
	margin-top: 9px;
	padding-left: 30px;
	font-family: 'Teko', sans-serif;
	color: #000000;
	font-size: 17px;
	text-transform: uppercase;
	line-height: 31px;
	display: block;
	position: relative;
}

.contact_form_bottom .contains-subject label > .label-text::before {
	content: "\f00b";
	font-family: "fontawesome";
	font-size: 14px;
	position: absolute;
	left: 5px;
	top: -4px;
}

.contact_form_bottom label > .subject {
	border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 12px 0;
}

.contact_form_bottom .subject select {
	width: 100%;
	border-color: #000;
	border-radius: 0;
}

.contact_form_bottom .subject select[multiple] {
	height: 132px;
	border: 0;
	overflow: hidden;
}

.sample_header_inner a.btn,
.sample_header_inner p.more-button {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important;
}

.contact-logos {
	margin: 0 -1rem;
	display: flex;
	flex-wrap: wrap;
}

.contact-logos > * {
	flex: 1 0 2rem;
	margin: 1rem;
}

rs-module-wrap[data-source="gallery"] rs-layer[data-type="button"] {
	display: none !important;
}

@media(min-width: 25.9375em) {
	.stylized-section {
		margin: 0 -0.75rem;
		display: flex;
		flex-wrap: wrap;
	}

	.stylized-section-heading {
		padding: 0 0.75rem;
	}

	.stylized-section > * {
		flex: 0 1 calc(50% - 1.5rem);
	}

	.stylized-section > .stylized-section-heading {
		flex: 0 0 100%;
	}

	.stylized-section-subsection {
		margin: 0.75rem !important;
	}
}

@media(min-width: 48em) {
	.container.sjb-container {
		padding-top: 103px;
	}

	figure.forbes-image-gallery {
		margin: -0.5rem;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}

	figure.forbes-image-gallery > * {
		height: auto;
		margin: 0.5rem;
		flex: 1 0 5em;
	}
	
	.wpupg-grid {
		margin-left: auto !important;
	}
	
	.stylized-section .visual-flair::before {
		content: attr(data-visual-flair-content);
		font-weight: 400;
		color: #c0c0c0;
	}
	
	.home .sample_header .sample_header_inner h2 {
		font-size: 45px;
	}

	rs-module-wrap[data-source="gallery"] rs-layer[data-type="button"] {
		display: block !important;
	}
}

@media(min-width: 62em) {
	.home .sample_header .sample_header_inner h2 {
		font-size: 54px;
	}
}

@media(min-width: 104em) {
	.banner {
		height: initial;
	}
}

@supports(display: grid) and (object-fit: cover) {
	figure.forbes-image-gallery > * {
		height: 100%;
		flex: unset;
	}

	figure.forbes-image-gallery div > img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	@media(min-width: 48em) {
		figure.forbes-image-gallery {
			margin: 0;
			flex-wrap: unset;
			justify-content: unset;
			align-items: unset;
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-gap: 1rem;
		}
	}
}

@supports(object-fit: contain) {
	@media (max-width: 767px) {
		.sjb-page .list-data .company-logo img {
			object-fit: contain;
		}
	}
}

@supports (-webkit-touch-callout: none) {
	/* October 2020: This feature query (at present) allows us to target iOS Safari. This may be removed in future versions of iOS Safari, rendering this feature query null. */

	.parallax {
		/* iOS Safari doesn't support `background-attachment: fixed`, which is a property being used by the developer of this site to achieve a parallax effect. This CSS says "If it's iOS Safari, undo the parallax effect." */
		background-position: center center !important;
		background-attachment: initial !important;
	}
}