/* @override 


/*
Theme Name: The Tin Man's Garage
Theme URI: https://www.equirrium.com
Author: Equirrium Design
Author URI: https://www.equirrium.com
Description: Equirrium Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: eqm-theme
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

EQM Theme is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
	http://thetinmansgarage.com/wp-content/themes/the-tin-mans-garage/style.css?*
	https://tinmangarage.eqmdev.com/wp-content/themes/the-tin-mans-garage/style.css?*
*/

.ext-project-section-title-icon {
    background-color: #da291b;
    color: white;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    font-size: 2.5em;
}

.gallery-drop-menu-open .ext-project-section-title-icon {
    transform: rotate(180deg);
}

.ext-project-section-title-right {
    font-size: 2.8em;
    color: white;
}

.ext-project-section-drop-menu-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    /* grid-template-rows: repeat(5, 1fr); */
    grid-column-gap: 10px;
    grid-row-gap: 10px;
	padding: 30px 5% !important;
}

.ext-project-section-drop-menu-grid-cell {
    background-color: #202020;
    border-radius: 5px;
    overflow: hidden;
    padding: 8%;
	cursor: pointer;
}

.ext-project-section-drop-menu-grid-cell-image {
    border-radius: 5px;
    overflow: hidden;
	border: 1px solid #ffffff52;
}

.ext-project-section-drop-menu-grid-cell-image img {
    object-fit: cover;
}

.ext-project-section-drop-menu-grid-cell-title {
    color: white;
    font-weight: bold;
    text-align: center;
    font-size: 1.1em;
    margin-top: 15px;
}

.ext-project-section-drop-menu-grid-cell:hover, .ext-project-section-drop-menu-grid-cell.current-project-gallery {
    background-color: #da291b;
}

.featrued-gradient {
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 100%);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 100%);
    padding-top: 60px;
}

.project-next-prev-link-thumbnail-wrapper {
    width: 150px;
    flex-shrink: 0;
    margin: 0 20px;
    border-radius: 5px;
    overflow: hidden;
}

.nf-form-content, .nf-form-fields-required {
color: #000000 !important;
}

.sp-top-content-main-text {
    margin-right: 30px;
    width: 100%;
}



.ext-project-gallery-wrapper {
    display: flex;
}

.sp-top-content-gallery-row-across-top-layout {
    margin-top: 0 !important;
    background-color: #ffffff;
}

.soc-btn-new {
    color: #ffffff;
    background-color: #DA291C;
    font-size: 18px;
    padding: 11px 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    border-radius: 5px;
}

.soc-btn-new:hover {
       background-color: #c0291d;
}

.soc-btn-new .svg-icon {
    font-size: 30px;
}



.sub-page-container {
    padding: 5%;

}

.ext-project-gallery-wrapper {
	display: flex;
}

.mag-carousel-wrapper {
display: none;
}
 
 .magazine-full {
flex-shrink: 0;
 	margin: -1%;
 }
 
 .magazine-full-image-wrapper {
	padding: 1%;
	width: 25%;
	flex-shrink: 0;
 }

div.mag-carousel-wrapper div.carousel.flickity-enabled.is-draggable button.flickity-button.flickity-prev-next-button.previous {
	left: -36px;
}

div.mag-carousel-wrapper div.carousel.flickity-enabled.is-draggable button.flickity-button.flickity-prev-next-button.next {
	right: -36px;
}

div.mag-carousel-wrapper div.carousel.flickity-enabled div.flickity-viewport {
	height: 400px;
}

.carousel-image {
  display: block;
  height: 300px;
  /* set min-width, allow images to set cell width */
  min-width: 150px;
  max-width: 100%;

  /* vertically center */
  width: auto;
  margin-right: 10px;
}

.carousel.is-fullscreen .carousel-image {
  height: auto;
  max-height: 100%;
}

div.ext-project-gallery-item-wrap div.ext-project-gallery-ratio img {
		transition: all 0.3s ease;
}

div.ext-project-gallery-item-wrap:hover div.ext-project-gallery-ratio img {
	transform: scale(1.05);
}

 a.header-left{
 float: left;
 width: 203px;
 height: 76px;
 display: flex;
 }



/*Padding*/

.eq-pad-lrg {
	padding: 5%;
	transition: all 0.5s ease;
}

.eq-pad-med {
	padding: 5%;
	transition: all 0.5s ease;
}
		
/*Padding End*/

.grow { transition: all .3s ease-in-out; }
.grow:hover { transform: scale(1.03); }

/*Color*/

.eq-primary-color {
	color: #ff1c1c;
}

.eq-secondary-color {
	color: #079cff;
}

.eq-primary-color-bkg {
	background-color: #ff1c1c;
}

.eq-secondary-color-bkg {
	background-color: #079cff;
}

/*Color End*/


/*Rows & Columns*/

.eq-row {
	
}

.eq-col {
	
}

.eq-items-2 {
	width: 50%;
}

.eq-items-3 {
	width: 33.3%;
}

.eq-items-4 {
	width: 25%;
}
		
/*Rows & Columns End*/


/*Graphic Elements*/

.svg-icon {
    width: 1em;
    height: 1em;
	fill: currentColor;
}

.eq-button {
	border-radius: 40px;
}

.eq-rnd {

	overflow: hidden;
}

.eq-shadow {
	box-shadow: 2px 2px 6px #cccccc;
}

.eq-hr {
	
}

.eq-vr {
	
}
		
/*Graphic Elements End*/

.single-project-carousel-cell a.carousel-cell-ratio.ratio.ratio-16x9, div.sp-recent-projects-widget-project-featured-image-ratio.ratio-16x9  {
	border: 1px solid rgba(255, 255, 255, 0.25);
}
		
			
/*Typesetting*/

html {
	font: 1em sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
}

body {
	margin: 0;
}

h1, h2, h3, h4, h5, h6 {
	
}

div.sp-recent-projects-widget-project-title {
font-size: 14px;
color: #0a0a0a;
}

 div.hp-intro-text-content-wrap h1 {
	margin-bottom: 20px;
}



 
 
h1 {
		font-family: neue-haas-grotesk-text, sans-serif;
font-weight: 700;
font-style: normal;
}

h2.wp-block-heading:first-of-type {
    margin-top: 0;
}

h2 {
font: 27px neue-haas-grotesk-text, sans-serif;
font-weight: bold;
    color: #000000;
margin-top: 34px;
    margin-bottom: 12px;
}

h3 {
 font: 1.3em neue-haas-grotesk-text, sans-serif;
 font-weight: 700;
 margin-bottom: 7px;
 color: #3c3c3c;
}

 h3.project-gallery-list-item-project-title {
 font: 1.3em neue-haas-grotesk-text, sans-serif;
 font-weight: 700;
 margin-bottom: 7px;
 }

h4 {
		font-family: neue-haas-grotesk-text, sans-serif;
font-weight: bold;
color: #000000;
}

.ext-project-text p{
    color: #ffffff;
}

p {
	margin-bottom: 1.5em;
    font: 16px/29px neue-haas-grotesk-text, sans-serif;
    font-weight: 400;
font-style: normal;
color: #3c3c3c;
}

a, a:visited {
	color: inherit;
	text-decoration: none;
}



.ext-project-share-wrap a, .ext-project-share-wrap a:active{
	color: #BCBCBC;
}
a.build-book-btn {
    background-color: #da291b;
    color: white;
    display: inline-block;
    padding: 8px 10px 5px 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}

a.build-book-btn:hover{
	color: white;
    background-color: red;
}

a.build-book-maker-link {
    font-size: 0.9em;
}

a.build-book-maker-link:hover {
   color: #da291b;
}

a:focus, a:hover, a:active {
	outline: none;
}

body, button, input, select, textarea {
	color: #bcbbbb;
	font-family: sans-serif;
	font-size: 16px;
	line-height: 1.5;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}
		
/*Typesetting End*/
	
	
/*Text Clamping*/

.eq-clamp-2, .eq-clamp-3, .eq-clamp-4 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.eq-clamp-2 {
	-webkit-line-clamp: 2;
	line-clamp: 2;
}

.eq-clamp-3 {
	-webkit-line-clamp: 3;
	line-clamp: 3;
}

.eq-clamp-4 {
	-webkit-line-clamp: 4;
	line-clamp: 4;
}

/*Text Clamping End*/


/*Form Rows/Columns*/

.eq-form-row {
	display: flex;
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 30px;
}

.eq-form-col {
	padding-left: 15px;
	padding-right: 15px;
}

.eq-form-col.eq-form-1 {
	width: 100%;
}

.eq-form-col.eq-form-2 {
	width: 50%;
}

.eq-form-col.eq-form-3 {
	width: 33.33%;
}

.eq-form-col.eq-form-4 {
	width: 25%;
}

label.eq-form-check-group-label {
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 16px;
}

label.eq-form-group-label {
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 18px;
}

.eq-form-required-text {
	color: red;
	margin-bottom: 10px;
}

.eq-form-error-message, .eq-form-error {
	color: red;
}

.eq-field-error {
	border-color: red !important;
}

.eq-form-overall-error, .eq-form-overall-success {
	margin-top: 20px;
	margin-bottom: 0;
}

/*End Form Rows/Columns*/


/* flickity.css */

.flickity-resize .carousel-cell {
	min-height: 100%;
}

.carousel-wrapper {
	padding-top: 50px;
	padding-bottom: 50px;
}

.carousel-item {
	background-color: #a7a7a7;
	text-align: center;
}

.carousel {
	width: 100%;
	opacity: 0;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.carousel.is-hidden {
   display: none;
}

.carousel.flickity-enabled, .carousel.small-carousel {
    opacity: 1;
}

.sp-top-row-gallery-container {
background-color: #dbdbdb;
margin-right: 0;
padding: 0;
}

.carousel.small-carousel {
    display: flex;
}

.carousel.small-carousel:after {
    content: '';
}

.carousel.always-carousel:after {
	content: 'flickity';
	display: none; /* hide :after */
}


.carousel-cell {
	padding: 0;
	counter-increment: carousel-cell;
	width: 25%;
}

.carousel-cell.single-project-carousel-cell {
    width: 33.33%;
}

.carousel-pad {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-radius: 5px;
	background-color: #ffffff;
	box-shadow: 0 0 3px #000000;
	padding: 10px;
}

.flickity-prev-next-button.next {

}

.flickity-prev-next-button.previous {
	
} 

.flickity-prev-next-button {
    width: 35px;
    height: 35px;
    background-color: rgba(255, 255, 255, 0.41) !important;
}

.flickity-prev-next-button:hover {

}

.flickity-button {
 
}

/* End flickity.css */


/*Menu*/

.menu ul {
	margin-bottom: 0;
	text-transform: uppercase;
}

.menu a {
	color: #ffffff;
	text-transform: uppercase;
	padding-right: 10px;
	padding-left: 10px;
	font: .8em/.2em neue-haas-grotesk-text, sans-serif;
	font-weight: 400;
font-style: normal;
}

.menu a:hover {
	color: #DA291C;
}

li.menu-item-has-children {
    position: relative;
}

.sub-menu a {
	margin-left: 0;
	color: #cbcbcb !important;
	text-transform: capitalize !important;
    font-size: 14px;
    width: 100%;
}

.sub-menu a:hover {
	color: #DA291C !important;
}

.sub-menu {
	display: none;

}

ul.sub-menu {
	list-style: none;
	margin: 0;
	padding: 10px;
	position: absolute;
	z-index: 100;
	background-color: rgba(255, 255, 255, 0.21);
    border-radius: 5px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
}

ul.sub-menu ul.sub-menu {
    white-space: nowrap;
    top: 0;
    position: absolute;
}

ul.sub-menu li {
	margin: 0;
	padding-bottom: 5px;
	padding-top: 5px;
	white-space: nowrap;
}

/*Menu End*/

/*Recaptcha*/

.grecaptcha-badge {
	visibility: hidden;
	opacity: 0;
	transition: linear opacity 1s;
}

.grecaptcha-badge.showgr {
	visibility: visible;
	opacity: 1;
	transition: linear opacity 1s;
}
	
/*Recaptcha End*/

/*Share Buttons*/

.share-btn-wrapper {
	position: relative;
	overflow: visible;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
}

.ext-project-title-text-wrapper .share-btn-wrapper {
    justify-content: flex-start;
    margin-top: 30px;
}

.share-btn-icon {

    color: #bfbfbf;
    background-color: #313131;
    font-size: 18px;
    padding: 11px 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    border-radius: 5px;
}

.ext-project-links-wrapper{
	width:100%;
}

.build-book-btn-icon {
	
	margin-right: 30px;
	border-radius: 12px;
}

.build-book-btn-icon{
	width:130px;
	object-fit: cover;
	flex-shrink: 0;
}

.build-book-btn-icon:hover{
	background-color: #000;
	
}


.share-btn-icon:hover {
    background-color: #575656;
}

a.build-book-btn:hover > .build-book-btn-icon {
	border-color: #DA291C !important;
	color: #DA291C !important;
}


.share-btn-controller {
	display: none;
	position: absolute;
	z-index: 2;
	top: 45px;
	background-color: #000000;
	border-radius: 5px;
	padding: 5px;
	-webkit-box-shadow: 1px 1px 1px rgba(110, 110, 110, 0.35);
			box-shadow: 1px 1px 1px rgba(110, 110, 110, 0.35);
    border: 1px solid #3d3d3d;
    left: 0;
}

.share-btn-wrapper.hovered .share-btn-controller {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	flex-direction: column;
}

a.share-item {
	width: 45px;
	height: 45px;
	background-color: #464646;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-radius: 5px;
	font-size: 20px;
	margin: 3px;
	color: #DA291C !important;
}

a.share-item:hover {
	background-color: #969696;
	color: #ffffff !important;
	text-decoration: none;
}

.ext-project-share-wrap p{
	margin-right:20px;
	margin-left:10px;
}
		
/*Share Buttons End*/	


/*Template Elements*/

.sidebar-wrapper {
	padding-right: 50px;
	padding-left: 50px;
}

.general-page-left {
	width: 100%;
}

.general-page-right {
	width: 25%;
	flex-shrink: 0;
}

.header-right {
	margin-left: 30px;
}

.menu-main-menu-container {
	width: 100%;
}

div.site-header-menu-toggle-wrap {
	display: none;
}

/*Template Elements End*/



/*Resets*/

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
	display: block;
}

audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden], template {
	display: none;
}

a {
	background-color: transparent;
}

a:active, a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b, strong {
	font-weight: bold;
	
}

dfn {
	font-style: italic;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

 hr.wp-block-separator.has-alpha-channel-opacity.is-style-wide {
	height: 1px !important;
	border-width: 1px !important;
	border-bottom-style: none;
 	margin-top: 3%;
	margin-bottom: 3%;
 }

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button, select {
	text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled], html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td, th {
	padding: 0;
}

html { /*This is very important!!!!!! It needs to stay!!!! */
	box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
}

body {
	background: #fff;
	
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul {
	list-style: disc;
}

ul li ul {
	margin-left: 0;
}

ol {
	list-style: decimal;
}

li > ul, li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	max-width: 100%;
	max-height: 100%;
	width: fit-content;
	height: fit-content;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

h1, h2, h3, h4, h5, h6, .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after {
	clear: both;
}

h2.wp-block-heading, h3.wp-block-heading {
    clear: initial;
}
		
/*Resets End*/


/*Menus*/

.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
	left: 100%;
}

ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
}

.menu ul {
	color: #ffffff;
}

/*Menus End*/


/* Screen Readers */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

#content[tabindex="-1"]:focus {
	outline: 0;
}

/* Screen Readers End */


/*WP-Alignments*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
		
/*WP-Alignments End*/


/*Widgets*/

.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/*Widgets End*/



/*Posts and pages - Comments -  Media*/

.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline, .updated:not(.published) {
	display: none;
}

.single .byline, .group-blog .byline {
	display: inline;
}

.page-content, .entry-content, .entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
		
		/* Make sure embeds and iframes fit their containers. */

embed, iframe, object {
	max-width: 100%;
}

/*Posts and pages - Comments -  Media End*/





/*Mobile Menu*/

div#mobile-menu { /* No Border or Margin can be added here. It changes the width of the box and causes it to be visable on the page */
	box-shadow: 0 0 21px rgba(0, 0, 0, 0);
	z-index: 10;
	overflow: auto;
	position: fixed;
	right: -300px;
	width: 300px;
	background-color: #323232;
}

div#mobile-menu.open {
	box-shadow: 0 0 21px rgba(0, 0, 0, 0.7);
}

a.site-header-menu-toggle {
	display: flex;

}

a.site-header-menu-toggle i {
	color: #bcbcbc;
	font-size: 2.5em;
	text-decoration: none;
}

a.site-header-menu-toggle:hover {
	text-decoration: none;
	color: #ec1a2d;
}

div#mobile-menu.nav-mobile-menu.mobile-nav-wrapper div.mobile-menu-container div.mobile-menu-menu-items-wrapper div.mobile-menu-top-level div.mobile-menu-parent-wrap a.nav-title {
	color: #ffffff;
}

.mobile-menu-sub-list div.mobile-menu-parent-wrap.mobile-menu-sub-parent-wrap a.nav-title {
	color: #797979 !important;
}

.mobile-menu-sub-list div.mobile-menu-parent-wrap.mobile-menu-sub-parent-wrap:hover a.nav-title {
	color: #ffffff !important;
}

.mobile-menu-sub-list.mobile-menu-sub-sub-list div.mobile-menu-parent-wrap.mobile-menu-sub-sub-parent-wrap a.nav-title {
	color: #979595 !important
}

.all-site-wrap {
	position: relative;
}

.mobile-menu-parent-wrap {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #5c5c5c;
	align-items: center;
}

.mobile-menu-parent-wrap:hover {
	background-color: #DA291C;
}

.mobile-menu-parent-wrap a {
	display: flex;
	flex-grow: 1;
	text-decoration: none;
	padding: 10px 15px;
	font-weight: 400;
}

.mobile-menu-parent-wrap a:hover {
	background-color: #DA291C;
	color: #000000 !important;
}

.mobile-menu-sub-list.mobile-menu-sub-sub-list div.mobile-menu-parent-wrap.mobile-menu-sub-sub-parent-wrap:hover a.nav-title {
	background-color: #26a3f9;
	color: #ffffff !important;
}

.mobile-menu-sub-list.mobile-menu-sub-sub-list  div.mobile-menu-parent-wrap.mobile-menu-sub-sub-parent-wrap a.nav-title {
	background-color: #f4f4f4;
}

div#mobile-menu-sub-wrap-2.mobile-menu-sub-list.mobile-menu-sub-sub-list div.mobile-menu-parent-wrap.mobile-menu-sub-sub-parent-wrap {
	background-color: #c9c9c9;
	color: #868686;
}

.mobile-menu-sub-parent-wrap {
	background-color: #dbdbdb;
}

.mobile-menu-sub-dropdown-toggle {
	display: flex;
	background-color: rgba(0, 0, 0, 0.1);
	margin: 3px;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	cursor: pointer;
	font-size: 1.5em;
	transform: rotate(180deg);
}

.mobile-menu-sub-dropdown-toggle.collapsed {
	transform: rotate(0deg);
}

.mobile-menu-sub-dropdown-toggle:hover {
	background-color: rgba(0, 0, 0, 0.5);
	color: white;
	cursor: pointer;
}

.mobile-menu-sub-list {
	background-color: #eaeaea;
}

.mobile-menu-sub-level {
	border-bottom: 1px solid #888;
}

.mobile-menu-sub-level a {
	color: #3a3a3a;
	text-decoration: none;
	display: flex;
	padding: 10px 15px;
}

.mobile-menu-sub-level a:hover {
	background-color: #989898;
	color: white;
}

.mobile-menu-logo-wrap {
	padding: 20px 10px;
	text-align: center;
}
		
/*END Mobile Menu*/

.bkg-image-container {
    position: relative;
}

.bkg-image-wrap {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.bkg-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.header-wrapper {
    background-color: #000000;
	padding: 30px 40px;
	border-bottom: 2px solid #ad2017;
}

.top-area-content-wrapper {
    position: relative;
	z-index: 1;
    background-color: #ffffff;
}

.top-area-content-wrapper-home {
        position: relative;
	z-index: 1;
}

 .top-area-content {
    position: relative;
	z-index: 1;
    background: url(images/tin-mans-garage-bottom-area-background-new.jpg) #232323;
    background-size: ;
}

 .top-area-content:before {
    content: '';
    background-color: rgba(46, 46, 46, 0.43);
    backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
}



.hp-hero-col-1-2-wrap {
    width: 55%;
}

div#hp-hero-col-1 {
    width: 51%;
}

div#hp-hero-col-2 {
    width: 49%;
}

div#hp-hero-col-3 {
    flex-grow: 1;
}

#hp-hero-col-1 .hp-hero-image-wrap  {
	--bs-aspect-ratio: 139%;
}

#hp-hero-col-2 .hp-hero-image-wrap  {
	--bs-aspect-ratio: 69%;
}

#hp-hero-col-3 .hp-hero-image-wrap  {
	--bs-aspect-ratio: 95%;
}

.hp-hero-double-stack-col-wrap {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.hp-hero-col {
    display: flex;
    flex-direction: column;
}

.hp-hero-image-text-wrap {
    display: flex;
    flex-direction: column;
	position: relative;
	flex-grow: 1;
}

.hp-hero-image-wrap {
    flex-grow: 1;
}

.hp-hero-image-text-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px 15px;
}

.hp-hero-image-text-overlay-text {
    color: white;
    font: bold 14px neue-haas-grotesk-text, sans-serif;
    text-shadow: 0 0 2px #000000;
}

.hp-hero-image-text-overlay-arrow {
    color: #DA291C;
    font-size: 1em;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.26);
}

.hp-hero-image {

	width: 100%;
	height: 100%;
	object-fit: cover;
    box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.35);
}

.hp-hero-vert-spacer {
    width: 30px;
    flex-shrink: 0;
}

.hp-hero-horz-spacer {
    height: 30px;
    flex-shrink: 0;
}

.hp-hero-horz-spacer.only-show-phone {
	display: none;
}

.ratio-vert-featured {
	--bs-aspect-ratio: 150%;
}

.featured-page-item-wrap.three-cols {
    width: 33.33%;
}

.featured-page-item-wrap.two-cols {
    width: 50%;
}


.featured-page-menu-wrapper {
gap: 20px;
padding-top: 20px;
}

.featured-page-item-text-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10%;
	z-index: 10;
}

.featured-page-item-inner {
    border: 1px solid #707070;
    position: relative;
}

.featured-page-item-inner:before {
    content: '';
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    border: 1px solid #939393;
    z-index: 1;
}

.featured-page-item-inner:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, rgb(0 0 0 / 76%) 100%);
}

.featured-page-item-title {
    text-transform: uppercase;
	font: 3em/.9em ff-good-headline-web-pro-com, sans-serif;
	color: white;
	font-weight: 500;
font-style: normal;
margin-bottom: 5px;
}

h1.sp-title {
	    text-transform: uppercase;
	font: 50px/.8em ff-good-headline-web-pro-com, sans-serif;
	color: #ffffff;
	font-weight: 500;
font-style: normal;
}

.featured-page-item-text, .featured-page-item-details-text {
    color: #CECECE;
	font: 14px/21px neue-haas-grotesk-text, sans-serif !important;
	font-weight: 400;
font-style: normal;
margin-right: -4px;
}

.featured-page-item-details-text {
    text-transform: uppercase;
	font-size: 12px;
}

.featured-page-item-details-icon {
    color: #DA291C;
    font-size: 2em;
    line-height: 1;
    margin-left: 5px;
    display: flex;
}





.two-cols-wrapper.featured-page-menu-container {

}



.hp-intro-text-content-wrap p:last-of-type {
    margin-bottom: 0;
}
.hp-intro-text-content-wrap {
    position: relative;
    z-index: 1;
    text-align: left;
    padding: 8%;
    background-size: 10px;
}



.sbi_inner_wrap {
    border: 1px solid #707070;
}

.footer-three-cols-padding.footer-container {
    padding-top: 38%;
}

.footer-two-cols-padding.footer-container {

}

.home .footer-container {
    padding-top: 0 ;
}

.site-footer-wrapper {
    position: relative;
    z-index: 1;
    background-color: #000000;
    padding-top: 2%;
    padding-bottom: 2%;
}

.site-info {
    color: white;
}

a.footer-social-link {
    display: flex;
    color: #989898;
    border: 1px solid #707070;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    font-size: 1.7em;
}

a.footer-social-link:hover {
    background-color: #ffffff47;
}

.sp-title {
    color: white;
    margin-bottom: 0;
    line-height: 1;
}

.sp-title-bar {
    width: 4px;
    background-color: #DA291C;
    margin-right: 15px;
    display: none;
}

.sp-title-row {
    margin-bottom: -2px;
    background-color: #3d3d3d;
    padding: 20px;
    border-left: 8px solid #DA291C;
    
}

a.pill-btn {
    
    display: inline-block;
    border-radius: 5px;
    padding: 10px 20px 10px 19px;
    font-size: 0.9em;
    background-color: #2a2929;
    color: #DA291C;
}

a.pill-btn:hover {
    background-color: #707070;
}

.sp-share-container {
    margin-left: 15px;
}

.featured-project-image-ratio {
	--bs-aspect-ratio: 69%;
	border: 1px solid #6C6C6C;
}

div.project-gallery-list-item-image-ratio.ratio-16x9{
	border: 1px solid #6C6C6C;
    background-size: cover !important;
}

.sp-top-content-featured-projects-wrap {
    width: 25%;
    flex-shrink: 0;
	margin-right: 4%;
}

.featured-project-item {
    display: block;
}

.featured-project-item {
    display: block;
    position: relative;
    margin-bottom: 20px;
}

.featured-project-title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: white;
    padding: 30px 15px 10px;
    text-transform: uppercase;
    font-size: .9em;
	font-weight: bold;
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.52) 100%);
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.52) 100%);
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.52) 100%);
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.52) 100%);
	margin: 1px;
	text-shadow: 0 0 2px #000000;
}

.sp-recent-projects-widget-wrapper {
	flex-shrink: 0;
    width: 31.8%;
    border-left: 1px solid #b4b4b4;
    padding: 0 20px;
}

.sp-content-main-text-recent-projects-wrapper {
    padding: 5%;
}

.sp-recent-projects-widget-title {
    color: #000000;
    font-weight: bold;
    letter-spacing: 0;
    font-size: 16px;
}

a.sp-recent-projects-widget-all {
    color: #DA291C;
    font-size: 14px;
}



.sp-recent-projects-widget-header {

    padding-bottom: 0;
    margin-bottom: 15px;
}

.sp-recent-projects-widget-project-featured-image-wrap {
    width: 25%;
    flex-shrink: 0;
    margin-right: 5%;
}

a.sp-recent-projects-widget-project-item {
    background-color: #ffffff;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #b4b4b4;
}

.sp-recent-projects-widget-project-item:last-child {
	border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.featured-project-image {
    object-fit: cover;
}



.sp-top-content-project-gallery-list-container {
display: grid !important;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(5, 1fr);
gap: 20px;
padding: 20px;
}

a.project-gallery-list-item {
  display: flex;
  flex-direction: column;
  background-color: #f6f6f6;
  position: relative;
  box-shadow: 01px 01px 14px rgba(0, 0, 0, 0.13);
}

a.project-gallery-list-item:hover:before {
      position: absolute;
      content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='100px' viewBox='0 0 24 24' width='100px' fill='%23da291c'%3E%3Cg%3E%3Crect fill='none' height='100' width='100'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpolygon points='15.5 5 11 5 16 12 11 19 15.5 19 20.5 12'/%3E%3Cpolygon points='8.5 5 4 5 9 12 4 19 8.5 19 13.5 12'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.36);
      display: flex;
      justify-content: center;
      align-items: center;
      color: #e90000;
}

.project-gallery-list-item-title-excerpt-wrap {
    padding: 32px;
}

.project-gallery-list-item-excerpt {
    color: #555454;
}
a.project-gallery-list-item:last-of-type {
    border-bottom-style: none;
    margin-bottom: 0;
}

a.project-gallery-list-item:hover, a.project-gallery-list-item:hover h3.project-gallery-list-item-project-title {
    color: #DA291C;
}







a.carousel-cell-ratio {
    display: block;
}

.page-numbers {
    background-color: #DA291C;
    color: #ffffff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
}

a.page-numbers:hover, a.page-numbers:hover {
    background-color: #bfff09;
}

.page-numbers.current {
    opacity: 0.6;
}

.featured-page-item-image-wrap.show-on-phone-size {
	display: none !important;
}

.yt-cover-icon-wrap {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgb(254, 33, 33);
	font-size: 4em;
}

.yt-cover-icon-wrap:hover {
		color: rgba(255, 255, 255, 0.73);
}

.yt-video-cover {
	cursor: pointer;
}

.ext-project-layout-container {
    background-color: black;
}

.ext-project-title-text-wrapper {
    background-color: #262626;
	flex-grow: 1;
}

.ext-project-feat-image-wrap {
    width: 50%;
    flex-shrink: 0;
}

h1.ext-project-title {
    color: white;
    border-left: 5px solid #DA291C;
    padding-left: 20px;
	margin-bottom: 20px;
		font: 4em/.9em ff-good-headline-web-pro-com, sans-serif;
}





.ext-project-videos-wrapper {
    width: 55%;
    flex-shrink: 0;
}

.ext-project-vert-divider {
    width: 1px;
    background-color: #4a4a4a;
    margin-left: 4%;
    margin-right: 4%;
	flex-shrink: 0;
}

.ext-project-section-title {
    color: #ffffff;
	margin-bottom: 20px;
	font-weight: bold;
	font: 2.8em ff-good-headline-web-pro-com, sans-serif;
	line-height: .9em;
}

.project-photo-gallery-section-title-wrapper .ext-project-section-title {
    margin-bottom: 0;
}

.ext-project-padding-wrapper {
    padding: 5%;
    background-color: #101010;
}

.project-photo-gallery-section-title-wrapper {
      padding: 30px 5% !important;
      background-color: #1f1f1f;
	  cursor: pointer;
}

select#single-project-photo-gallery-choice {
    background-color: black;
    margin-left: 30px;
    padding: 10px 40px 10px 10px;
    border-radius: 5px;
	-webkit-appearance: none;
  	appearance: none;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 16px 12px;
}

.project-photo-gallery-choice-wrapper {
    position: relative;
}

.project-photo-gallery-choice-arrow-wrap {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    font-size: 1.4em;
}

.ext-project-video-item-wrap {
    width: 50%;
    padding: 20px;
    background-color: #202020;
}

.ext-project-video-row {
gap:20px
}

.ext-project-item-title {
    color: #fdfdfd;
    font-weight: bold;
	margin-bottom: 10px;
	font-size: .9em;
	line-height: 1.2em;
}

.ext-project-source-text {
    color: #DA291C;
    font-size: 0.9em;
}

.ext-project-video-item-text {
    margin-top: 20px;
}

.ext-project-link-image-wrapper {
    width: 20%;
    flex-shrink: 0;
    margin-right: 20px;
	max-width: 105px;
}

.ext-project-link-item {
    margin-bottom: 25px;
}

.ext-project-link-item:last-child {
    margin-bottom: 0px;
}

.ext-project-link-image {
    border: 1px solid #707070;
}

.ext-project-link-title {
    color: #CBCBCB;
    font-weight: bold;
    margin-bottom: 5px;
}

.ext-project-gallery-item-wrap {
    width: 25%;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

.ext-project-gallery-img {
    object-fit: cover;
}

.ext-project-link-item:hover .ext-project-item-title {
    color: #DA291C;
}

.ext-project-gallery-item-hover-icon {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    align-items: center;
    justify-content: center;
    font-size: 5em;
    color: rgba(255, 255, 255, 0) !important;


}

.ext-project-gallery-item-wrap:hover .ext-project-gallery-item-hover-icon {
	display: flex;
}

.project-next-prev-content-wrapper {
    position: relative;
    z-index: 100;
    background-color: #393939;
    padding: 40px !important;
}

.project-next-prev-link a {
    color: white;
	font: 3em/.7em ff-good-headline-web-pro-com, sans-serif;
}

.project-next-prev-link a:hover {
    color: #DA291C;
}

.project-next-prev-link a svg {
    color: #DA291C;
    font-size: 1.5em;
}

.ext-project-feat-image-ratio {
    height: 100%;
}

.ext-project-no-videos-links-spacer {
    margin-bottom: 50px;
}

.ext-project-horz-divider {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #484848;
}



.ext-project-magazine-carousel {
    opacity: 1;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
	display: flex;
}

.ext-project-magazine-carousel.is-hidden {
   display: none;
}

.ext-project-magazine-carousel.flickity-enabled {
    opacity: 1;
}

/* disable Flickity by default */
.ext-project-magazine-carousel:after {
    content: '';
	display: none;
}

a.magazine-lightbox-link:hover .publication-text-wrapper {
    background-color: #DA291C;
    color: #090909 !important;
}
a.magazine-lightbox-link:hover svg {
    color: #090909 !important;
}

.publication-text-wrapper {
    width: 100%;
    justify-content: space-between;
    padding: 15px;
    background-color: #1f1f1f;
    align-items: center;
    font-weight: bold;
    font-size: 18px;
}

.publication-text-wrapper svg {
    font-size: 26px;
    color: #DA291C;
}

.magazine-full-image {
    object-fit: cover;
}

.sp-top-content-basic-content-layout .wp-block-image .alignleft {
    margin: 2% 2% 2% 0;
}

a.ext-project-excerpt-read-more {
    display: inline-block;
    /* border: 1px solid #ccc; */
    /* padding: 5px 15px; */
    margin-bottom: 15px;
    /* color: #DA291C; */
    text-decoration: underline;
}

.ext-project-full-text-wrapper, .ext-project-padding-wrapper.eq-pad-lrg {
     padding: 5% 10%;
     background-color: #ffffff;
}






.fabric-pattern-bkg-container {
    background-color: #f1f1f1;
}


.cush-bkg:before {
  content: "";
  background-color: rgba(0, 0, 0, 0);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;



}



.ext-project-full-text-wrapper p {
    font-size: 16px;
    line-height: 34px;
}

@media (max-width: 1700px) {
	
}

@media (max-width: 1600px) {

}

@media (max-width: 1500px) {
			.featured-page-item-text-wrapper {
		font-size: .9em;
	}
	
 div.featured-page-item-text {
		line-height: 1.2em;
	}
}

@media (max-width: 1400px) {
    

	.general-page-left {
		width: 70%;
	}


	
	.general-page-right {
		width: 30%;
	}
}

@media (max-width: 1300px) {
	.ext-project-section-drop-menu-grid {
		grid-template-columns: repeat(4, 1fr);
	}

	.general-page-header-wrapper {
		background-color: #b6b6b6;
		height: 275px;
	}
	
	.sidebar-wrapper {
		padding-right: 30px;
		padding-left: 30px;
	}

	.ext-project-link-image-wrapper {
		width: 25%;
	}
}

@media (max-width: 1199px) {
    
.sp-top-content-project-gallery-list-container {
display: grid !important;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(5, 1fr);

}
	.general-page-header-wrapper {
		background-color: #b6b6b6;
		height: 250px;
	}

	.sp-top-content-featured-projects-wrap {
		width: 33.33%;
	}
	
	.menu a {
	color: white;
	text-transform: uppercase;
	padding-right: 6px;
	padding-left: 6px;
	font: .8em/.2em neue-haas-grotesk-text, sans-serif;
	font-weight: 400;
font-style: normal;
}

	
}

@media (max-width: 991px) {

	.ext-project-section-drop-menu-grid {
		grid-template-columns: repeat(3, 1fr);
	}
    
    
    .ext-project-full-text-wrapper, .ext-project-title-text-wrapper, .ext-project-padding-wrapper {
    padding: 50px 60px !important;

}
	.ext-project-magazine-carousel {
		opacity: 0;
		display: block;
	}
	 /* show Flickity for smaller devices */
	 .ext-project-magazine-carousel:after {
        content: 'flickity';
        display: none;
    }

	.magazine-image-inner {
		aspect-ratio: initial;
		height: initial;
	}
	
	h1.ext-project-title {
    color: white;
    border-left: 5px solid #DA291C;
    padding-left: 20px;
	margin-bottom: 20px;
		font: 3em/.9em ff-good-headline-web-pro-com, sans-serif;
}
	
	 a.header-left{
 float: left;
 width: 162px;
         height: 60px;
     }
	
	.header-wrapper {
    background-color: #000000;
	padding: 20px;
}
	


	
	
div.sp-recent-projects-widget-header{
		flex-direction: column;
		align-items: flex-start !important;
		padding-bottom: 13px;
		margin-bottom: 13px;
}
	
	
	
	
	.eq-form-row {
		flex-wrap: wrap;
	}
	
	.eq-form-col.eq-form-3 {
		width: 50%;
	}
	
	.eq-form-col.eq-form-4 {
		width: 50%;
	}
	
	.eq-form-col.eq-form-4, .eq-form-col.eq-form-3 {
		margin-bottom: 30px;
	}
	
	.eq-form-col.eq-form-3:last-of-type, .eq-form-col.eq-form-4:last-of-type, .eq-form-col.eq-form-4:nth-of-type(3) {
		margin-bottom: 0;
	}
	
	.sidebar-wrapper {
		padding-right: 50px;
		padding-left: 50px;
	}
	
	.general-page-wrapper {
		flex-direction: column;
	}
	
	.general-page-left {
		width: 100%;
	}
	
	.general-page-right {
		width: 100%;
	}
	
	.general-page-header-wrapper {
		background-color: #b6b6b6;
		height: 225px;
	}
	
	div.site-header-menu-toggle-wrap {
		display: flex;
		align-items: center;
	}

	a.site-header-menu-toggle {
		color: white;
		font-size: 2.5em;
	}

	a.site-header-menu-toggle:hover {
		color: #DA291C;
	}
	
	.header-right {
		display: none !important;
	}

	.featured-page-item-title {
		font-size: 2em;
	}

	.carousel-cell {
		width: 33.33%;
	}

	.carousel.small-carousel:after, .carousel.always-carousel:after {
        content: 'flickity';
		display: none; /* hide :after */
    }

	.carousel.small-carousel {
		display: block;
	}


	

	

	.hp-hero-horz-spacer {
		height: 15px;
	}

	.hp-hero-vert-spacer {
		width: 15px;
	}
 div.featured-page-item-details-wrap {
		float: left;
	}

	.ext-video-artles-wrapper {
		flex-direction: column;
	}

	.ext-project-videos-wrapper {
		width: 100%;
	}

	.ext-project-vert-divider {
		width: 100%;
		margin: 40px 0;
		height: 1px;
	}

	.ext-project-link-image-wrapper {
		width: 20%;
	}

	.ext-project-gallery-item-wrap {
		width: 33.33%;
	}

	.ext-project-top-section {
		flex-direction: column;
	}

	.ext-project-feat-image-ratio {
		height: auto;
	}

	.ext-project-feat-image-wrap {
		width: 100%;
	}
}

@media (max-width: 767px) {
	.magazine-full-image-wrapper {
		width: 100%;
	}

	.ext-project-section-drop-menu-grid {
		grid-template-columns: repeat(1, 1fr);
		grid-column-gap: 0px;
	}


	.ext-project-section-title-right {
		display: none !important;
	}

	.ext-project-section-drop-menu-grid-cell {
		display: flex;
		align-items: center;
	}

	.ext-project-section-drop-menu-grid-cell-image {
		width: 40%;
		flex-shrink: 0;
		margin-right: 20px;
	}

	.ext-project-section-drop-menu-grid-cell-title {
		margin-top: 0;
		text-align: left;
	}

	.ext-project-section-drop-menu-grid-cell {
		padding: 5%;
	}
    
.sp-top-content-project-gallery-list-container {
display: grid !important;
grid-template-columns: repeat(1, 1fr);
grid-template-rows: repeat(5, 1fr);
gap: 10px;
padding: 10px;
}

	.header-wrapper {
		padding: 25px 25px 25px 30px;
	}

 h3.project-gallery-list-item-project-title {
     margin-bottom: 10px;
 }



.project-gallery-list-item-image-wrap {
    width: 100%;
}

.project-gallery-list-item-image-wrap img {
    width: 100%;
}



.sp-top-content-main-text {
    margin-right: 0px;
}

.carousel-cell {
	padding: 0px;
}

.flickity-prev-next-button.next {
	right: 18px !important;
}

.flickity-prev-next-button.previous {
	left: 18px !important;
} 

.sp-top-row-gallery-container {

padding: 0;
}

.eq-pad-lrg {
	padding: 50px 30px;

}

.eq-pad-med {
	padding: 5%;

}

h2 {
    font-size: 20px !important;
    line-height: 25px;
}

.sub-page-container {
    padding: 50px 30px;

}


.top-area-content-wrapper {
    padding: 0;
}


.sp-top-content-main-text,   {

    padding: 30px;

}

.ext-project-full-text-wrapper, .ext-project-title-text-wrapper, .ext-project-padding-wrapper {
    padding: 40px 20px !important;

}


	select#single-project-photo-gallery-choice {
		margin-left: 0;
		margin-top: 20px;
	}
	
	.ext-project-section-title {
	font-size: 3em;
}
	
	
	body.project-template-default.single.single-project.postid-2279.wp-embed-responsive div.site.all-site-wrap.push div.ext-project-layout-container div.ext-project-top-section.d-flex div.ext-project-title-text-wrapper.eq-pad-med {
		padding: 13% 9%;
	}
	
	
	
	
	.featured-project-title {
		font-size: 12px;
	}
	
	.project-next-prev-link a {
    color: white;
	font: 2em/.7em ff-good-headline-web-pro-com, sans-serif;
}
	
	.footer-three-cols-padding.footer-container {
    padding-top: 0%;
}

 div.site-info {
	margin-bottom: 20px;
}

footer.site-footer-wrapper {
	flex-direction: column;
    padding: 40px;
}


	
	
	
	
	.sp-title {
		text-align: left;
        font-size: 44px !important;
    }
	
		div.sp-recent-projects-widget-header{
		flex-direction: row;
align-items: center !important;


}
	
	.featured-page-item-details-icon {
    color: #92D400;
    font-size: 2em;
    line-height: 1;
    margin-left: -1px;
    display: flex;
		position: absolute;
		right: 20px;
		bottom: 20px;
	}
	
	.sp-title-row {

    padding-bottom: 4%;
    margin-bottom: 5%;
}
	
	.sp-title-bar {
		display: none;
	}
	
	
	

	
	
 	.home .featured-page-menu-container, .home .hp-intro-text-content-wrap{
	margin-bottom: 0;
         padding: 50px 30px;
   
     }
     
     
	

	
 div.featured-page-item-text-wrapper {
		padding: 19px;
	}
	
 div.featured-page-item-details-text {
		display: none;
	}
	
	
	
 a.header-left{
 height: 60px;
 float: left;
 width: 166px;
 }
	.eq-form-col.eq-form-2 {
		width: 100%;
		margin-bottom: 30px;
	}
	
	.eq-form-col.eq-form-3 {
		width: 100%;
	}
	
	.eq-form-col.eq-form-4 {
		width: 100%;
	}
	
	.eq-form-col.eq-form-1, .eq-form-col.eq-form-2, .eq-form-col.eq-form-4, .eq-form-col.eq-form-3 {
		margin-bottom: 30px;
	}
	
	.eq-form-col.eq-form-3:last-of-type, .eq-form-col.eq-form-4:last-of-type, .eq-form-col.eq-form-4:nth-of-type(3) {
		margin-bottom: 30px;
	}
	
	.eq-form-row {
		margin-bottom: 0;
	}
	
	.sidebar-wrapper {
		padding-right: 20px;
		padding-left: 20px;
	}
	
	.general-page-header-wrapper {
		background-color: #b6b6b6;
		height: 200px;
	}
	
	ul {
		text-align: left;
	}

	.carousel-cell, .carousel-cell.single-project-carousel-cell {
		width: 50%;
	}

	.sp-top-content-featured-projects-left-layout {
		flex-direction: column;
	}

	.featured-project-item {
		width: 50%;
		margin: 0 10px;
	}

	.sp-top-content-featured-projects-wrap {
		width: auto;
		display: flex;
		margin: 0 -10px 30px;
	}

	

	.featured-page-menu-wrapper {
		flex-direction: column;

	}

	.featured-page-item-wrap {
		width: 100% !important;

	}

	.footer-two-cols-padding.footer-container {
		padding-top: 19%;
	}

	.sp-content-main-text-recent-projects-wrapper {
		flex-direction: column;
        padding: 50px 30px;
    }

	.sp-recent-projects-widget-wrapper {
		width: 100%;
		flex-shrink: 0;
		margin-left: 0;
        border-top: 1px solid #6f6f6f;
        padding-top: 20px;
        padding-right: 0;
        padding-left: 0;
        border-left-style: none;
    }

	.flickity-prev-next-button.previous {
		left: -10px;
	}

	.flickity-prev-next-button.next {
		right: -10px;
	}

	.sp-title-row {
		        margin-bottom: 0;
 
 justify-content: center;
 align-items: center;
    
        padding: 16px 16px 16px 20px;
    }






	a.project-gallery-list-item {
		flex-direction: column;
        padding: 0;
    }

	

	.hp-hero-area-wrapper {
		flex-direction: column;
	}

	.hp-hero-col-1-2-wrap {
		width: 100%;
	}
	
	div#hp-hero-col-1 {
		width: 50%;
	}
	
	div#hp-hero-col-2 {
		width: 50%;
	}

	.hp-hero-horz-spacer.only-show-phone {
		display: block;
	}

	.yt-cover-icon-wrap {
		font-size: 4em;
	}

	.ext-project-link-image-wrapper {
		width: 25%;
	}

	.project-next-prev-links-row {
		flex-direction: column;
	}

	.project-next-prev-link.project-prev-link {
		margin-bottom: 30px;
	}

	.ext-project-gallery-item-wrap {
		width: 50%;
	}
}

@media (max-width: 575px) {
		.carousel-cell, .carousel-cell.single-project-carousel-cell {
		width: 100%;
	}
	.general-page-image-block:last-of-type, .featured-project-item:last-of-type {
		display: none;
	}
	
		.featured-project-item {
		width: 100%;

	}
	
	.general-page-header-wrapper {
		background-color: #b6b6b6;
		height: 150px;
	}



	.ext-project-video-item-wrap {
		width: 100%;
		padding: 20px;
	}

	.ext-project-video-row {
		flex-direction: column;
	
	}

	.ext-project-link-image-wrapper {
		width: 30%;
	}
}