/* 
	Theme Name: Auburn Constructors 2025
	Theme URI: https://www.acsquantumdesign.com/
	Author: Ryan Stora
	Version: 2025.12.17
	Description: ACS Quantum Design Base Theme. This theme was built in 2025 using HTML5 and CSS3. It is fully responsive, adjusting to various screen sizes and optimizing the view appropriately. It is also ADA compliant up to Level AA and WCAG 2.1 standards.
*/

/* FONTS */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;600;800&display=swap');
/*
.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}
.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}
.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}
*/

/* GENERAL */

html {
	position: relative;
	padding: 0;
	margin: 0;
	min-height: 100%;
}
body {
	position: relative;
	font-family: 'Poppins', sans-serif;
	font-size: 100%;
	line-height: 100%;
	font-weight: 400;
	padding: 0;
	margin: 0;
	color: #cdd8e4;
	background-color: #2a3552;
	min-height: 100%;
}
strong {
	font-weight: 600;
	color: #fff;
}
a {
	color: #58d3ff;
	transition: all .25s ease;
}
a.absolute.hidden {
	font-size: 0;
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	z-index: 9;
}
a:hover {
	color: #fff;
	transition: all .25s ease;
}

/* BLOCKS */

h1, h2, h3, h4, h5, h6 {
	font-weight: 800;
	line-height: 1.2em;
	margin: 15px 0;
	padding: 0;
	color: #fff;
}
h1 {
	font-size: 4.5em;
}
h2 {
	font-size: 2.5em;
}
h3 {
	font-size: 1.75em;
}
h4 {
	font-size: 1.25em;
}
h5 {
	font-size: 1.15em;
}
h6 {
	font-size: 1em;
}
ol, ul {
    padding: 10px 0 10px 0px;
    margin: 0 0 0 30px;
}
ol ol, ul ul {
	padding: 5px 0 0 0;
}
ol li, ul li {
	padding: 4px 0;
	line-height: 1.4em;
}
ol liL:last-child, ul li:last-child {
	padding-bottom: 0;
}
p {
	font-size: 1em;
	line-height: 1.625em;
	padding: 10px 0;
	margin: 0;
}
a.wp-block-button__link {
	margin: 15px 10px 15px 0;
	padding: 18px 24px;
	background-color: #1e79be;
	transition: all .25s ease;
    font-size: 1em;
    font-weight: 600;
}
a.wp-block-button__link:hover {
	background-color: #203d8d;
	transition: all .25s ease;
}
hr.wp-block-separator {
	border-top: 2px solid rgba(255, 255, 255, .2);
	margin: 50px 0;
}
.wp-block-media-text > .wp-block-media-text__content {
	padding-left: 10%!important;
	padding-right: 0!important;
}
.wp-block-media-text.has-media-on-the-right > .wp-block-media-text__content {
	padding-left: 0!important;
	padding-right: 10%!important;
}
.wp-block-media-text.has-background > .wp-block-media-text__content {
	padding: 10%!important;
}
.wp-block-table.is-style-stripes {
	border-bottom: none!important;
}
.wp-block-table.is-style-stripes table thead {
	border-bottom: 2px solid rgba(255, 255, 255, .2);
}
.wp-block-table.is-style-stripes table thead th {
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #cdd8e4;
    padding: 10px 20px;
}
.wp-block-table.is-style-stripes tbody tr {
	background-color: #3b4560!important;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
	background-color: #282d3a!important;
}
.wp-block-table.is-style-stripes table tbody tr td {
	border: 2px solid rgba(255, 255, 255, .2);
	border-left: none;
	border-right: none;
}
td {
	font-size: .9em;
}
.wp-block-table.is-style-stripes table tbody tr td {
	line-height: 1.375em;
	padding: 30px 20px;
}
.wp-block-table.is-style-stripes table tbody tr td:first-child {
	max-width: 250px;
	font-weight: 600;
	color: #fff;
}
.wp-block-details {
	border: 2px solid #3b4560;
	border-radius: 4px;
	overflow: hidden;
	margin-bottom: 1em;
}
.wp-block-details summary {
	cursor: pointer;
	padding: 30px 70px 25px 30px;
	font-size: 1.2em;
	line-height: 1.5em;
	background: #282d3a;
	list-style: none;
	transition: background .25s ease;
}
.wp-block-details summary strong {
	font-size: 1.75em;
	font-weight: 800;
}
.wp-block-details summary:hover {
	background: #3b4560;
	transition: background .25s ease;
}
.wp-block-details .details-content {
	padding: 0;
	transition: height .5s ease;
	overflow: hidden;
	background: #282d3a;
}
.wp-block-details .details-content .details-content-inner {
	padding: 30px 40px;
}
.wp-block-details[open] summary {
	background: #3b4560;
}
.wp-block-details summary::after {
	content: "+";
	position: absolute;
	right: 30px;
	font-size: 1.2em;
}
.wp-block-details[open] summary::after {
	content: "−";
	font-size: 20px;
}

/* HEADER */

header {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 0 0;
}
header .logo {
	padding-left: 5%;
}
header .logo figure {
	margin: 0;
}
header .logo figure img {
	max-width: 255px;
}

/* MENU */

#primary {
	padding: 40px 5% 25px 0;
	border-bottom: 2px solid rgba(255, 255, 255, .2);
}
#primary ul.menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
#primary ul.menu li {
	display: inline-block;
}
#primary ul.menu li {
	padding: 0 18px;
	position: relative;
}
#primary ul.menu li:first-child {
	padding-left: 0;
}
#primary ul.menu li:last-child {
	padding-left: 0;
}
#primary ul.menu li a {
	position: relative;
	font-weight: 600;
	padding: 10px 0 27px;
	text-decoration: none;
	color: #bfcddc;
	transition: color .2s ease;
}
#primary ul.menu li a::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 2px;
	background-color: #fff;
	transition: all .2s ease;
}
#primary ul.menu li a:hover::after {
	left: 0;
	width: 100%;
	transition: all .2s ease;
}
#primary ul.menu li a:hover {
	color: #fff;
	transition: color .2s ease;
}

	/* SUBMENU */

	#primary ul.menu li ul.sub-menu {
		left: -999em;
		position: absolute;
		opacity: 0;
		transition: opacity .5s ease;
		padding: 0;
		margin: 0;
		top: 59px;
		width: auto;
		background-color: rgba(255, 255, 255, 0);
		transition: opacity .5s ease, top .5s ease, left 0s ease .5s;
	}
	#primary ul.menu li:hover ul.sub-menu {
		top: 49px;
		left: 18px;
		opacity: 1;
		transition: opacity .25s ease, top .25s ease, left 0s ease;
	}
	#primary ul.menu li ul.sub-menu li {
		padding: 0;
		width: 100%;
	}
	#primary ul.menu li ul.sub-menu li a {
		font-weight: 400;
		padding: 10px 15px;
		display: block;
		white-space: nowrap;
		background-color: rgba(255, 255, 255, .2);
		transition: all .2s ease;
	}
	#primary ul.menu li ul.sub-menu li a:hover {
		padding: 10px 10px 10px 20px;
		background-color: rgba(255, 255, 255, .4);
		transition: all .2s ease;
	}
	#primary ul.menu li ul.sub-menu li a::after {
		display: none;
	}

	/* MOBILE */
	
	#navbtn {
		display: none;
		position: relative;
		width: auto;
		text-align: right;
		float: right;
		clear: both;
		overflow: hidden;
		padding: 15px;
		height: 52px;
		background: none;
		border: 0;
		z-index: 999;
	}
	#navbtn span {
		font-size: 0;
	}
	.lines {
		clear: both;
		text-align: center;
		width: 35px;
		height: 22px;
		margin: 0 auto;
		cursor: pointer;
		float: right;
	}
	.lines .line {
		background-color: #fff;
		height: 4px;
	}
	.lines .line.one {
		width: 100%;
		transition: all .25s ease;
	}
	.lines .line.two {
		width: 68%;
		margin: 5px 0;
		transition: all .25s ease;
	}
	.lines .line.three {
		width: 85%;
		transition: all .25s ease;
	}
	.lines:hover .line.one {
		width: 85%;
		transition: all .25s ease;
	}
	.lines:hover .line.two {
		width: 100%;
		transition: all .25s ease;
	}
	.lines:hover .line.three {
		width: 68%;
		transition: all .25s ease;
	}
	.open .lines .line.two {
		display: none;
	}
	.open .lines .line.one {
		width: 90%;
		margin: 9px 0 0 0;
		transform: rotate(45deg);
		transition: all .25s ease;
	}
	.open .lines .line.three {
		width: 90%;
		margin: -4px 0 0 0;
		transform: rotate(-45deg);
		transition: all .25s ease;
	}

/* HOME */

.main {
	position: relative;
	width: 100%;
	overflow: hidden;
	z-index: 1;
}
.main .full {
	position: relative;
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: right;
	padding: 0 5%;
	box-sizing: border-box;
}
.main .hero.full {
	margin: 0 auto;
	width: 100%;
	display: flex;
	justify-content: right;
	z-index: 9;
}
.main .hero.full .content {
	max-width: 600px;
	text-align: left;
	z-index: 99;
}
.main .hero.full .content h1 {
	color: #fff;
}
.flag {
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .06em;
	font-size: 1em;
	line-height: 1.625em;
	padding: 10px 20px;
	border-left: 4px solid #58d3ff;
	background-color: #1e79be;
	display: inline-block;
	margin: 10px 0;
}
.overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	opacity: .75;
	background: #203D8D;
	background: linear-gradient(145deg,rgba(32, 61, 141, 1) 0%, rgba(30, 121, 190, 1) 50%, rgba(32, 61, 141, 1) 100%);
}
.home .overlay::before {
	content: '';
	position: absolute;
	max-width: 850px;
	width: 120%;
	height: 100%;
	background: url('/wp-content/themes/auburn-constructors-2025/images/icon.png');
	background-repeat: no-repeat;
	background-position: left -50px bottom 0;
	background-size: 100%;
	opacity: .15;
}
.home .overlay::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	opacity: .75;
	background: #000;
	background: linear-gradient(25deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 1) 100%);
}
.home .main ul#slides {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.home .main ul#slides li {
	height: 100%;
	padding: 0;
}
.home .main ul#slides img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.home .main ul#slides p.tag {
	position: absolute;
	bottom: 100px;
	left: 5%;
	z-index: 999;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .06em;
	line-height: 2em;
	color: #fff;
}

/* PAGE */

.hero.int {
	position: relative;
	height: 50vh;
	width: 100%;
	display: flex;
	align-items: flex-end;
	border-bottom: 3px solid #1e79be;
}
.hero.int .inner {
	position: relative;
	margin: 0 auto 100px;
	width: 90%;
	max-width: 1200px;
	z-index: 9;
}
.hero.int .inner h1.title {
	color: #fff;
}
.wrap.int {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 100px 0 160px;
    z-index: 99;
    position: relative;
}
.wrap.int .content {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.page-template-default .wrap.int .content {
	max-width: 600px;
}
.icon-large {
	position: absolute;
	width: auto;
	height: auto;
	opacity: .05;
	z-index: 9;
	right: -50px;
	top: 180px;
}
.main .int .content.full {
    width: 100%;
    max-width: 100%;
    position: relative;
    overflow: hidden;
    height: auto;
    display: block;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

/* FOOTER */

footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: #203d8d;
	z-index: 9;
}
footer .copyright {
	position: relative;
	width: 100%;
	padding: 10px 5%;
	box-sizing: border-box;
}
footer .copyright p {
	color: #bfcddc;
	font-size: .8em;
	text-align: right;
}
footer .copyright p a {
	color: #bfcddc;
	transition: color .2s ease;
}
footer .copyright p a:hover {
	color: #fff;
	transition: color .2s ease;
}

/* PROJECTS */

.post-type-archive-project .wrap.int .content {
	max-width: 600px;
}
.projects {
	display: flex;
	flex-wrap: wrap;
	gap: 3%;
	align-items: stretch;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 100px 0 0;
}
.projects article.project {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: calc(33.333% - 3%);
	min-width: 250px;
	margin-bottom: 3%;
	background-color: #282d3a;
}
.projects article.project figure.image {
	position: relative;
	width: 100%;
	height: 25vh;
}
.projects article.project figure.image h2 {
	position: absolute;
	bottom: 0;
	padding: 8% 10%;
	margin: 0;
	font-size: 1.3em;
	z-index: 9;
	font-weight: 600;
	transition: padding .25s ease;
}
.projects article.project figure.image:hover h2 {
	padding: 8% 10% 10%;
	transition: padding .25s ease;
}
.projects article.project figure.image {
	position: relative;
	padding: 0;
	margin: 0;
}
.projects article.project figure.image .overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		0deg,
		rgba(30, 121, 190, 1) 0%,
		rgba(30, 121, 190, 0) 100%
	);
}
.projects article.project figure.image .overlay::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		0deg,
		rgba(44, 61, 110, 1) 0%,
		rgba(44, 61, 110, 0.5) 100%
	);
	opacity: 0;
	transition: opacity 0.25s ease;
}
.projects article.project figure.image:hover .overlay::after {
	opacity: 1;
}
.projects article.project figure.image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.projects article.project .details {
	position: relative;
	overflow: hidden;
	padding: 8% 10%;
	border-top: 5px solid #3b4560;
}
.project .details p {
	color: #cdd8e4;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.5em;
	padding: 6px 0;
}
.project .details p strong {
	color: #cdd8e4;
}
.project .details p .tag {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .06em;
	line-height: 2em;
	color: #fff;
}
.project .details .owner p .tag {
	color: #58d3ff;
}
.content p .tag {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: #58d3ff;
}
.single-project .wrap.int .project,
.single-bid .wrap.int .project {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: nowrap;
}
.single-project .wrap.int .project .content,
.single-bid .wrap.int .project .content {
	width: 60%;
}
.single-project .wrap.int .project .details,
.single-bid .wrap.int .project .details {
	width: 30%;
	z-index: 9;
	background-color: #282d3a;
	border-left: 5px solid #3b4560;
	margin-top: -220px;
	-webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.3); 
	box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.3);
}
.single-project .wrap.int .project .details figure {
	width: 100%;
	height: 20vh;
	margin: 0;
}
.single-project .wrap.int .project .details figure img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.single-project .wrap.int .project .details p,
.single-bid .wrap.int .project .details p {
	padding: 8% 10%;
	border-top: 1px solid #3b4560;
	font-weight: 200;
}
.single-bid .wrap.int .project .details p a strong {
	color: #58d3ff;
}
.single-bid .wrap.int .project .details p a:hover strong {
	color: #fff;
} 
.single-project .editor,
.single-bid .editor {
	margin-top: 50px;
	padding-top: 50px;
	border-top: 1px solid #3b4560;
}

/* 404 ERROR */

.error404 .main .full .hero {
	justify-content: center;
	margin: 0 auto;
}
.error404 .main .full .hero .content {
	text-align: left;
}
.error404 .main .full .hero .content p {
	color: #fff;
}
.error404 .overlay::before {
	content: '';
	position: absolute;
	max-width: 850px;
	width: 120%;
	height: 100%;
	background: url('/wp-content/themes/auburn-constructors-2025/images/icon.png');
	background-repeat: no-repeat;
	background-position: left -50px bottom 0;
	background-size: 100%;
	opacity: .1;
}

/* RESPONSIVE */

@media (max-width: 1300px) {
	#primary ul.menu li {
		padding: 0 10px;
	}
	#primary ul.menu li a {
		font-size: 90%;
	}
}

@media (max-width: 1024px) {
	h1 {
		font-size: 3.5em;
	}
	#primary { 
		width: auto;
		border-bottom: none;
		padding: 0 5% 0 0;
	}
	header #primary nav .menu-top-navigation-container ul { 
		width: 100%; 
	}
	header #primary nav .menu-top-navigation-container { 
		display: block; 
		position: fixed;
		padding: 150px 10%;
		box-sizing: border-box;
		top: 0; 
		left: -100%; 
		background-color: rgba(0, 0, 0, 1); 
		width: 100%; 
		height: 100%; 
		overflow-y: scroll; 
		z-index: 99;
		transition: left .5s ease 0s;
	}
	header.open #primary nav .menu-top-navigation-container { 
		left: 0%;
		transition: left .5s ease 0s;
	}
	header #primary nav .menu-top-navigation-container > ul,
	header #primary nav .menu-top-navigation-container > ul.menu { 
		padding: 0; width: 100%; 
	}
	header #primary nav .menu-top-navigation-container ul li,
	header #primary nav .menu-top-navigation-container ul.menu li { 
		display: block; 
		padding: 0; 
		float: none; 
	}
	header #primary nav .menu-top-navigation-container ul li a,
	header #primary nav .menu-top-navigation-container ul.menu li a,
	header #primary nav .menu-top-navigation-container ul li:first-child a,
	header #primary nav .menu-top-navigation-container ul.menu li:first-child a,
	header #primary nav .menu-top-navigation-container ul li:last-child a,
	header #primary nav .menu-top-navigation-container ul.menu li:last-child a,
	#primary nav ul li:first-child a, 
	#primary ul.menu li:first-child a { 
		display: block; 
		color: #fff; 
		padding: 20px 30px; 
		font-size: 1.5em; 
		line-height: 1.4em; 
		border-top: 1px solid #919191; 
		text-align: left; 
	}
	header #primary nav .menu-top-navigation-container ul li:first-child a,
	header #primary nav .menu-top-navigation-container ul.menu li:first-child a,
	#primary nav ul li:first-child a, 
	#primary ul.menu li:first-child a{
		border-top: none;
	}
	header #primary nav .menu-top-navigation-container ul li:last-child a,
	header #primary nav .menu-top-navigation-container ul.menu li:last-child a,
	header #primary nav .menu-top-navigation-container ul li.current-menu-item:last-child a,
	header #primary nav .menu-top-navigation-container ul.menu li.current-menu-item:last-child a {
		border-bottom: 1px solid #919191;
	}
	#primary nav ul li a, #primary ul.menu li a { 
		padding: 20px 30px; 
	}
	header #primary nav .menu-top-navigation-container ul li ul.sub-menu,
	header #primary nav .menu-top-navigation-container ul.menu li ul.sub-menu, 
	header #primary nav .menu-top-navigation-container ul li ul.sub-menu li ul.sub-menu,
	header #primary nav .menu-top-navigation-container ul.menu li ul.sub-menu li ul.sub-menu { 
		width: 100%; 
		background: none; 
		display: block; 
		clear: both; 
		overflow: hidden; 
		position: relative; 
		left: 0; 
		opacity: 1; 
	}
	header #primary nav .menu-top-navigation-container ul li ul.sub-menu li a,
	header #primary nav .menu-top-navigation-container ul.menu li ul.sub-menu li a { 
		padding: 20px 30px 20px 50px; 
		background-color: rgba(20, 66, 76, .9); 
		color: #fff; 
	}
	header #primary nav .menu-top-navigation-container ul li ul.sub-menu li ul.sub-menu li a,
	header #primary nav .menu-top-navigation-container ul.menu li ul.sub-menu li ul.sub-menu li a { 
		padding: 20px 30px 20px 70px; 
	}
	header #primary nav .menu-top-navigation-container ul li ul.sub-menu li ul.sub-menu li ul.sub-menu li a,
	header #primary nav .menu-top-navigation-container ul.menu li ul.sub-menu li ul.sub-menu li ul.sub-menu li a { 
		padding: 20px 30px 20px 90px; 
	}
	header #primary nav .menu-top-navigation-container ul li:hover a, 
	header #primary nav .menu-top-navigation-container ul li.active a, 
	header #primary nav .menu-top-navigation-container ul li a:focus, 
	header #primary nav .menu-top-navigation-container ul li.current-menu-item a, 
	header #primary nav .menu-top-navigation-container ul li.current-menu-ancestor a,
	header #primary nav .menu-top-navigation-container ul li.current_page_parent a,
	header #primary nav .menu-top-navigation-container ul.menu li:hover a, 
	header #primary nav .menu-top-navigation-container ul.menu li.active a, 
	header #primary nav .menu-top-navigation-container ul.menu li a:focus, 
	header #primary nav .menu-top-navigation-container ul.menu li.current-menu-item a, 
	header #primary nav .menu-top-navigation-container ul.menu li.current-menu-ancestor a,
	header #primary nav .menu-top-navigation-container ul.menu li.current_page_parent a {  
		color: #fff; 
		background-color: #1a1a1a; 
		border-bottom: none;  
	}
	#primary ul.menu li a:hover::after {
		left: 0;
	    width: 100%;
	    transition: all .0s ease;
	}
	#primary ul.menu li a::after {
	    content: '';
	    display: block;
	    position: absolute;
	    bottom: 0;
	    right: 0;
	    width: 0%;
	    height: 2px;
	    background-color: #fff;
	    transition: all 1s ease .15s;
	}
	#navbtn { 
		display: block; 
	}
}

@media (max-width: 768px) {
	body {
		font-size: 90%;
	}
	h1 {
		font-size: 3em;
	}
	h2 {
		font-size: 2em;
	}
	.hero.int .inner {
		margin: 0 auto 50px;
	}
	.wrap.int {
		padding: 50px 0 100px;
	}
	.projects {
		margin: 50px 0 0;
	}
	.wp-block-details summary strong {
		font-size: 1.5em;
	}
	.wp-block-table table,
	.wp-block-table thead,
	.wp-block-table tbody,
	.wp-block-table th,
	.wp-block-table td,
	.wp-block-table tr {
		display: block;
		width: 100%;
	}
	.wp-block-table thead {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.wp-block-table tr {
		margin-bottom: 1rem;
		padding: 0;
		border-radius: 6px;
	}
	.wp-block-table td {
		position: relative;
		padding-left: 190px!important;
		text-align: left;
		border: none;
		width: auto;
	}
	.wp-block-table.is-style-stripes table tbody tr td:first-child {
		width: auto;
	}
	.wp-block-table.is-style-stripes table tbody tr td {
		padding: 20px;
		border: none;
		border-bottom: 2px solid rgba(255, 255, 255, .2);
	}
	.wp-block-table.is-style-stripes table tbody tr td:last-child {
		border-bottom: none;
	}
	.wp-block-table td:last-child {
		border-bottom: 0;
	}
	.wp-block-table td::before {
        content: attr(data-label);
        position: absolute;
        left: 0;
        width: 165px;
        padding: 20px 20px 20px 20px;
        font-weight: 600;
        white-space: nowrap;
        border-right: 2px solid rgba(255, 255, 255, .2);
        top: 0;
        box-sizing: border-box;
        height: 100%;
	}
	.wp-block-table.is-style-stripes table tbody tr td:first-child {
		max-width: 100%;
	}
	.single-project .wrap.int .project,
	.single-bid .wrap.int .project {
		flex-wrap: wrap;
	}
	.single-project .wrap.int .project .content,
	.single-bid .wrap.int .project .content {
		width: 100%;
	}
	.single-project .wrap.int .project .details,
	.single-bid .wrap.int .project .details {
		width: 100%;
		margin-top: 50px;
	}
	.single-project .wrap.int .project .details figure {
		display: none;
	}
	.single-project .wrap.int .project .details p,
	.single-bid .wrap.int .project .details p {
		padding: 20px 30px;
	}
}

@media (max-width: 572px) {
	.projects article.project {
		margin-bottom: 10%;
	}
	.wp-block-details summary strong {
		font-size: 1.25em;
	}
}