/*
Theme Name: Somethumb
Theme URI: https://www.somethumb.com/
Description: Custom Theme for desktop, tablet and mobile devices
Author: Somethumb Company
Author URI: https://somethumb.com/
Version: 4.0
Date: 20221007
Tested up to: 6.1
Requires PHP: 5.6
License: Private, Copyright 2003-2022
Text Domain: somethumb
*/
:root {
	--color: 				#54575C;
	--color-wh:			#ffffff;
	--color-link: 	#bf2e1a;
	--color-link-h:	#54575C;
	--color-title: 	#bf2e1a;
	--base-color: 	#939598;
	--bg-color-rd:	#bf2e1a;
	--line-margin: 	1.313em;
	--line-height: 	1.5;
	--padding: 			3em;
}
* {
  font-family: proxima-nova, sans-serif;
	line-height: var(--line-height);
}
body {
  font-size: 16px;
	font-weight: 300;
	letter-spacing: -.005em;
  color: var(--color);
  background-color: #ffffff;
}
.screen-reader-text {
	display: none;
}
.dsk {
	display: block;
}
.mob {
	display: none;
}
p {
	margin: 0 0 var(--line-margin);
}
b, strong {
	font-weight: 600;
}
main h1 {
	font-weight: 600;
	font-size: 137.5%;
	color: var(--color-title);
}
body:not(.home) main h2 {
	font-weight: 500;
	font-size: 125%;
	color: var(--color-title);
}
main h3 {
	font-weight: 400;
	font-size: 112.5%;
	color: var(--color-title);
}
main h3 em {
	font-style: italic;
}
main ul {
	list-style: disc;
	margin: 0 0 var(--line-margin) var(--line-margin);
}
a {
	color: var(--color-link);
	text-decoration: none;
	-webkit-transition: all ease-in .15s;
	-o-transition: all ease-in .15s;
	transition: all ease-in .15s;
}
a:hover {
	text-decoration: none;
	color: var(--color-link-h);
}
header {
	width: 100%;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: space-between;
	position: relative;
	padding: var(--padding);
	flex-wrap: wrap;
}
.home header h1 {
	display: none;
}
header figure {
	margin-bottom: .5em;
}
header figure a {
	display: inline-block;
	max-width: 233px;
}
header nav {
	margin-bottom: calc(.5em + 3px);
}
header nav ul {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	white-space: nowrap;
}
header nav li {
	margin: 0 16px;
	line-height: 1;
}
header nav li:first-child {
	margin-left: 0;
}
header nav li a {
	text-transform: lowercase;
	font-size: 137.5%;
	color: var(--color-link-h);
	line-height: 1;
}
header nav li a:hover, header nav li.current-menu-item a, .single-project header nav li.menu-item-33 a  {
  color: var(--color-link);
}
.hamburger, .hamburger-label {
	display: none;
}
#hero figure {
  position: relative;
}
#hero figure figcaption {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: var(--color-wh);
	text-align: center;
	margin: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 0 calc(var(--padding)/3);
}
#hero figure figcaption h2 {
	font-size: 400%;
	text-align: center;
	margin-bottom: .25em;
	line-height: 1;
	font-weight: 400;
}
#hero figure figcaption p {
	font-size: 187.5%;
	max-width: 900px;
	text-align: center;
	margin-bottom: .8em;
	line-height: 1.25;
	font-weight: 400;
}
#hero figure figcaption a {
	border: 1px solid var(--color-wh);
	color: var(--color-wh);
	padding: 23px 40px 24px;
	font-size: 112.5%;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1;
	margin-bottom: .313em;
}
#hero figure figcaption a:hover {
	background-color: var(--color-wh);
	color: var(--base-color);
}
.slick-dots li.slick-active button::before {
	color: var(--base-color);
}
.slick-dots li button::before {
	font-size: 15px;
	-webkit-transition: all ease-in .15s;
	-o-transition: all ease-in .15s;
	transition: all ease-in .15s;
}
#feat {
	padding: 1em var(--padding) 0;
}
#feat .slick-list {
  margin-left: -1em; /* px size of slide space */
  width: calc(100% + 2em); /* add double the px size of slide space */
}
#feat figure {
	margin: calc(var(--padding)/3);
}
body:not(.home) main {
	padding: 0 var(--padding) var(--padding);
}
.page-id-22 main section:first-of-type {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-auto-rows: 1fr;
  gap: 2em 2em;
  grid-auto-flow: row;
  grid-template-areas:
    ". . .";
}
.prjs figure {
	position: relative;
}
.prjs figure img {
	border: 1px solid lightgrey;
}
.prjs figure img:hover {
	filter: drop-shadow(4px 4px 8px #aaa);
}
.prjs figure figcaption {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(72, 55, 48, 0.65);
	width: 100%;
	height: 100%;
}
.prjs figure figcaption a {
	display: block;
	cursor: pointer;
	height: inherit;
	width: auto;
	text-decoration: none;
	padding: 25px;
}
.prjs figure figcaption h2 {
	color: var(--color-wh);
	font-size: 125.0%;
	font-weight: 500;
	letter-spacing: -.015em;
}
.prjs h3 {
	visibility: hidden;
}
.prjs .slick-arrow { 
	opacity: .5;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out; 
} 
.prjs .slick-arrow:hover { 
	opacity: 1;
}
.slick-dots {
	bottom: -20px;
}
.slick-prev::before, .slick-next::before {
	color: var(--color);
}
svg.slick-prev, svg.slick-next {
	color: var(--color);
	opacity: .3;
	height: 90px;
	width: 90px;
}
svg.slick-prev:hover, svg.slick-prev:focus, svg.slick-next:hover, svg.slick-next:focus {
	color: var(--color);
	opacity: .4;
}
/* Single Project */
.single-project article section div {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	margin-bottom: 1em;
}
.single-project article figure:first-of-type {
	margin-right: 1%;
}
.single-project article figure:last-of-type {
	margin-left: 1%;
}
.single-project article figure img {
	border: 1px solid lightgray;
}
.single-project h1 {
	font-size: 200%;
	color: var(--color-title);
	font-weight: 400;
}
.single-project h2 {
	font-weight: 400;
}
.project-post-nav ul {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	margin: 0 0 1em;
	list-style: none;
	justify-content: space-between;
}
#abt {
	background-color: var(--bg-color-rd);
	padding: var(--padding);
}
#abt h4 {
	color: var(--color-wh);
	margin-bottom: .313em;
	font-size: 	225.0%;
}
#abt p {
	color: var(--color-wh);
	font-size: 125.0%;
}
#abt aside .wp-container-4 {
	gap: var(--padding);
}
#abt aside .wp-block-column {
	border-right: 1px solid #fff;
	padding-right: var(--padding);
}
#abt aside .wp-block-column:last-child {
	border-right: none;
	padding-right: 0;
}
#tst {
	text-align: center;
	max-width: 80%;
	margin: var(--padding) auto;
}
#tst figure q {
	margin: 0 0 .5em;
	line-height: 1.3em;
	display: inline-block;
	color: #bf2e1a;
	font-size: 150%;
	font-weight: 300;
	quotes: "“" "”" "‘" "’";
}
#tst figure q::before {
    content: open-quote;
}
#tst figure q::after {
    content: close-quote;
}
#tst figure figcaption {
	color: #bf2e1a;
	font-size: 112.5%;
	text-transform: uppercase;
}
#tst figure figcaption cite {
	font-weight: 600;
}
footer {
	background-color: #939598;
	color: var(--color-wh);
	width: 100%;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: space-between;
	padding: var(--padding);
	flex-wrap: wrap;
}
footer p {
	margin-bottom: 0;
}
footer a {
	color: var(--color-wh);
	padding: 0 calc(var(--padding)/2);
}
footer a:hover {
  color: var(--color-wh);
  text-decoration: underline;
}
footer a:first-of-type {
	padding-left: 0;
}
footer nav ul:not(#menu-footer) li:first-of-type a {
	padding-left: 0;
}
footer section {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	white-space: nowrap;
}
footer nav {
	margin-bottom: calc(var(--padding)/3);
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	white-space: nowrap;
}
footer nav ul {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	white-space: nowrap;
	justify-content: center;
}
footer nav li:first-child {
	margin-left: 0;
}
footer nav li:last-child {
	margin-right: 0;
}
footer nav #menu-social-media li a {
  padding: 0;
}
footer nav #menu-social-media li a svg {
	transition: transform 0.3s ease-out;
	padding: 0 .375em;
}
footer nav #menu-social-media li a svg:hover {
  color: var(--color-wh);
  transform: scale(1.25) !important;
  transition: transform 0.3s;
}
footer aside {
	flex-basis: 100%;
}
/* Forms */
.gform_wrapper.gravity-theme input[type="color"], .gform_wrapper.gravity-theme input[type="date"], .gform_wrapper.gravity-theme input[type="datetime-local"], .gform_wrapper.gravity-theme input[type="datetime"], .gform_wrapper.gravity-theme input[type="email"], .gform_wrapper.gravity-theme input[type="month"], .gform_wrapper.gravity-theme input[type="number"], .gform_wrapper.gravity-theme input[type="password"], .gform_wrapper.gravity-theme input[type="search"], .gform_wrapper.gravity-theme input[type="tel"], .gform_wrapper.gravity-theme input[type="text"], .gform_wrapper.gravity-theme input[type="time"], .gform_wrapper.gravity-theme input[type="url"], .gform_wrapper.gravity-theme input[type="week"], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
	font-size: 100%;
	padding: 4px 8px;
	margin-bottom: 0;
	margin-top: 0;
	border: 1px solid var(--color);
	border-radius: 4px;
}
.gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input {
	margin-bottom: 8px;
	border-radius: 4px;
	background-color: var(--base-color);
	color: #fff;
	font-size: 112.5%;
	border: 2px solid var(--base-color);
	text-transform: uppercase;
	font-weight: 600;
	padding: 5px 14px;
	cursor: pointer;
}
.gform_wrapper.gravity-theme .gform_footer button:hover, .gform_wrapper.gravity-theme .gform_footer input:hover, .gform_wrapper.gravity-theme .gform_page_footer button:hover, .gform_wrapper.gravity-theme .gform_page_footer input:hover {
	background-color: #fff;
	color: var(--base-color);
}