  /*

Theme Name:		CC Child
Template:		cc_parent
Author:			Computer Courage
Theme URI:		http://computercourage.com
Author URI:		http://www.computercourage.com/services/web-design/
Description:	A custom theme built by Computer Courage.
Version:		1.1

--------------------------------------------------------------- */
.cf:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

/* =General
---------------------------------------------------------------------- */

html {
	background: #fff;
}
body {
	font-family:'Gotham', sans-serif;
	font-size:16px;
	line-height:2em;
	letter-spacing:1px;
	font-weight:400;
	color:#333;
}
iframe {
	max-width: 100%;
}
#page, #header, #main, #footer {
	position: relative;
	width: 100%;
	display: inline-block;
}
.inner-page {
	width: 2000px;
	padding:0;
	max-width: 100%;
	margin: 0 auto;
	position:relative;
}
.single-people #main .inner-page {
	width: calc(100% - 30px);
}
.error404 header {
	position: relative;
}
.search-results h1 {
	margin-bottom: 2em;
}
.search-results h1,
.error404 h1 {
	margin-top: 0.5em;
	color: #333;
}
.search-results #main,
.error404 #main {
	margin-top: 78px;
}
.next-post .link {
	text-align: right;
	margin: 2rem 0;
}
.next-post .link a {
	min-height: 50px;
	display: inline-flex;
	padding-right: 64px;
	background-image: url(/wp-content/themes/cc_child//wp-content/themes/cc_child/images/hex-chevron.svg);
	background-position: right;
	background-repeat: no-repeat;
	background-size: 44px 50px;
	align-items: center;
	border-radius: 2px;
}
.next-post .link a:hover,
.next-post .link a:focus {
	color: #0D1C41;
	background-image: url(/wp-content/themes/cc_child/images/hex-chevron-white.svg);
}
.next-post .link a:focus-visible {
	outline: 2px solid #0D1C41;
	outline-offset: 2px;
}
.interior-width {
	width: 75.33783783783784%;
	margin:auto;
}
.first {
	margin-left:0;
	clear:left;
}
.last {
	margin-right: 0px;
	clear:right;
}
#page {
	top: auto;
}
#content {
	float: left;
	width: 100%;
}
#content.flexible-content {
	width: 67%;
}
#sidebar {
	float: right;
	width: 30%;
}
@media screen and (min-width: 1200px){
	#content.flexible-content {
		width: 72%;
	}
	#sidebar {
		float: right;
		width: 25%;
	}
}
#content, #sidebar {
}
.table {
	width:100%;
	display:table;
}
.table-cell {
	display:table-cell;
	vertical-align:middle;
}
.text-left {text-align:left;}
.text-right {text-align:right;}

.main-content ul, .main-content ol {
	margin-left:1.5em;
}
.main-content ul li, .main-content ol li {
	line-height:1.8;
	margin-bottom:1em;
}
.main-content ul li {
	list-style:disc;
}
.main-content ol li {
	list-style:decimal;
}

.clear { clear:both; }
.clear-10 { clear:both; padding-top:10px; }
.clear-20 { clear:both; padding-top:20px; }
.clear-30 { clear:both; padding-top:30px; }
.clear-40 { clear:both; padding-top:40px; }
.clear-50 { clear:both; padding-top:50px; }
.clear-80 { clear:both; padding-top:80px; }
.clear-100 { clear:both; padding-top:100px; }

/* =Header
---------------------------------------------------------------------- */
#header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:1000;
	background:url(/wp-content/themes/cc_child/images/90whitebg.png);
}
#header .container {
	padding:0 3em;
	max-width: calc(100% - 6em);
}
#header .table {
	position:relative;
	z-index:1;
}

#logo {
	padding-right: 20px;
}
#logo a {
	display: inline-block;
}
#logo img {
	height: 3.75em;
	display: inline-block;
}
#main-menu {
	float: left;
}
#main-menu li {
	line-height: 1.2;
}
#main-menu > ul > li {
	float: left;
	position: relative;
	margin-right: 1.6em;
	line-height: 4.875em;
}
@media screen and (min-width: 1050px){
	#main-menu li {
		margin-right: 2.7em;
	}
}
#main-menu a {
	font-size: 1em;
	letter-spacing:0;
	color:#333;
	display: inline-grid;
	padding: 0;
	text-decoration: none;
	font-weight:normal;
	text-transform:uppercase;
}
#main-menu ul ul {
	display: none;
	float: left;
	position: absolute;
	top: 4.875em;
	left: -2em;
	z-index: 99999;
	
	transition: opacity 0.25s ease-in-out 0s;
	-moz-transition: opacity 0.25s ease-in-out 0s;
	-webkit-transition: opacity 0.25s ease-in-out 0s;
	
	background:url(/wp-content/themes/cc_child/images/90whitebg.png);
	padding: 34px 40px 34px 40px;
	box-shadow: 0 4px 30px rgba(0,0,0,0.15);
}
#main-menu ul ul ul {
	left: 100%;
	top: 0;
	padding: 40px;
}
#main-menu ul ul a {
	width: 100%;
	height: auto;
	color: #0D1C41;
	padding-top: 6px;
	padding-bottom: 6px;
	text-transform: none;
}
#main-menu li a span {
	grid-row: 1;
	grid-column: 1;
}
#main-menu li a strong {
	visibility: hidden;
	grid-row: 1;
	grid-column: 1;
}
#main-menu li:hover > a,
#main-menu ul ul :hover > a,
#main-menu .menu > .current-menu-item > a,
#main-menu .current-menu-ancestor > a {
	color: #001E5F;
}
#main-menu li:hover > a span {
	visibility: hidden;
}
#main-menu li:hover > a strong {
	visibility: visible;
}

#main-menu ul li:hover > ul {
	display: grid;
}
.columns .sub-menu{
	grid-template-columns: repeat(2, 1fr);
	column-gap: 80px;
}
.menu-view-more{
	grid-column: span 2;
	border: solid #0D1C41 2px;
	color: #0D1C41;
	text-align: center;
	text-transform: uppercase !important;
	margin-top: 40px;
}
.sub-menu li{
	margin-right: 0px !important;
}
.sub-menu li a{
	white-space: nowrap;
	line-height: 26px !important;
	font-size: 12px !important;
}


.menu-social-menu-container a {
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	text-decoration: none;
	width: 44px;
	height: 44px;
	display: inline-grid;
	justify-content: center;
}
.menu-social-menu-container a:before {
	content: ' ';
	font-size: 18px;
	color: #343539;
	font-family: "proto2" !important;
	content: attr(data-icon);
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 44px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	align-self: center;
}
.menu-social-menu-container .facebook a:before {
	content: 'b';
}
.menu-social-menu-container .linkedin a:before {
	content: 'j';
}
.menu-social-menu-container .twitter a:before {
	content: 'k';
}
.menu-social-menu-container .googleplus a:before {
	content: 'p';
}
.menu-social-menu-container .pinterest a:before {
	content: 'w';
}
.menu-social-menu-container .yelp a:before {
	content: 'A';
}
.menu-social-menu-container .instagram a:before {
  content: "H";
}

	/* =Body
	-------------------------------------------------- */
	.contact-info .icon {
		height: 1.25em;
		margin: 0 .1em -.3em 0;
	}
	.contact-info {
		font-size:.9em;
		font-weight:700;
	}


/* =Body
---------------------------------------------------------------------- */
*:focus-visible {
	outline: 2px solid #333;
	outline-offset: 2px;
}
.archive #main, 
.single #main, 
.page-about #main,
.page-services #main,
.page-contact #main {
	margin-top:4.9em;
}
a {
	font-size:.9em;
	font-weight:700;
	letter-spacing:.2em;
	color: #001E5F;
	
	text-decoration:none;
	text-transform:uppercase;
	
	transition: color 0.25s ease-in-out 0s;
	-moz-transition: color 0.25s ease-in-out 0s;
	-webkit-transition: color 0.25s ease-in-out 0s;
	
}
a:hover {color:#fec72e;}
.button {
	display: table;

	font-size: .9em;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	
	border-top: 2px solid #eee;
	border-bottom: 2px solid #eee;

	padding: .5em 2em;
	margin: 3em auto;
	
	transition: all 0.25s ease-in-out 0s;
	-moz-transition: all 0.25s ease-in-out 0s;
	-webkit-transition: all 0.25s ease-in-out 0s;
}
.grey_block .button {
	border-color:#fff;
}
.button:hover {
	background:#fec72e;
	border-color:#fec72e;
	color:#001E5F;
}
.not-button {
	appearance: none;
	background: transparent;
	padding: 0;
	margin: 0;
	border: none;
}
h1, h2, h3, h4, .title-2, .title-3 {
	margin-bottom: 0.5em;
	text-transform:uppercase;
}
h1 a, h2 a, h3 a, h4 a, .title-2 a, .title-3 a {
	text-decoration: none;
}
h1 {
	font-family: 'Gotham', sans-serif;
	font-style: italic;
	font-weight: 500;
	font-size: 75px;
	line-height: 40px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: #FFFFFF;
	text-shadow: 0px 4px 30px rgba(12, 11, 16, 0.1);
}
h2, .title-2 {
	font-weight: 500;
	font-size: 2.2em;
}
h3, .title-3 {
	font-weight: 700;
	font-size: 1em;
	margin:0;
}
.entry-title {
	font-size: 2.4em;
	font-weight:bold;
}
strong, strong * {
	font-weight:bold;
}
em, em *, i, i * {
	font-style:italic;
}
article {
	width: 100%;
}
article p {
	margin-bottom: 1.5em;
	line-height: 200%;
}
article ul, article ol {
	margin-bottom: 1.5em;
}
article li {
	list-style-position: inside;
	line-height: 160%;
}
article ul li {
	list-style-type: disc;
}
article ol li {
	list-style-type: decimal;
}
[hidden],
.hidden {
	display: none!important;
}
.preview-entry {
	width: 100%;
	margin-bottom: 1.25em;
	clear: left;
}
.preview-entry img {
	width: min(15%, 150px);
	height: auto;
	float: left;
	margin: 0 1rem 1rem 0;
}
.preview-entry h2 {
	margin-bottom: 0.25em;
}
.preview-entry a {
	letter-spacing: 0;
	text-transform: none;
	color: black;
}
.preview-entry a h2 {
	color: #333;
	text-transform: none;
}
.preview-entry a:hover h2,
.preview-entry a:focus-visible h2 {
	color: #001E5F;
}
.preview-entry p {
	color: black;
	font-weight: 400;
}
.alignleft {
	float: left;
	margin: 0.3em 1em 0.5em 0;
}
.alignright {
	float: right;
	margin: 0.3em 0 0.5em 1em;
}
.aligncenter {
	display: block;
	margin: 0 auto;
}
.wp-caption-text {
    font-size: 0.7em;
    line-height: 135%;
}
#content .wp-pagenavi {
	float: left;
	width: 100%;
	margin: 12px 0;
}
.wp-pagenavi a,
.wp-pagenavi a:hover,
.wp-pagenavi a:focus-visible {
	color: initial;
	font-weight: initial;
}
#comments {
	width: 100%;
	float: left;
}
#comment-list > li {
	width: 100%;
	float: left;
	margin: 0 0 2.5% 0;
}
#comments form label {
	display: block;
}
.widget {
	width: 100%;
	margin-bottom: 10%;
}
.widget p {
	margin-bottom: 1.45em;
	line-height: 1.6em;
}
.widget > ul {
	border-top: 1px dotted #cccccc;
}
.widget > ul li {
	display: block;
	width: 100%;
	border-bottom: 1px dotted #cccccc;
}
.widget > ul li a {
	line-height: 2em;
	text-decoration: none;
}

.project-content .video-carousel-wrapper {
	margin-bottom: 50px;
}
.project-content .aspect-ratio {
	aspect-ratio: 16/9;
	position: relative;
}
.project-content .aspect-ratio iframe {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.video-carousel-arrows {
	margin-top: 1rem;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	gap: 1rem;
}
.video-carousel-arrows > * {
	align-self: center;
}
.video-carousel-arrows button {
	appearance: none;
	border: none;
	background-color: transparent;
	min-height: 50px;
	display: inline-flex;
	cursor: pointer;
	padding: 0;
	padding-right: 54px;
	background-image: url(/wp-content/themes/cc_child//wp-content/themes/cc_child/images/hex-chevron.svg);
	background-position: right;
	background-repeat: no-repeat;
	background-size: 44px 50px;
	align-items: center;
	border-radius: 2px;
	font-size: .9em;
	font-weight: 700;
	letter-spacing: .2em;
	color: #001E5F;
	text-decoration: none;
	text-transform: uppercase;
	transition: color 0.25s ease-in-out 0s;
	-moz-transition: color 0.25s ease-in-out 0s;
	-webkit-transition: color 0.25s ease-in-out 0s;
}
@media screen and (max-width: 780px){
	.video-carousel-arrows button {
		font-size: .8em;
	}
}
.video-carousel-arrows button:first-child {
	padding-right: 0;
	padding-left: 54px;
	background-position: left;
	background-image: url(/wp-content/themes/cc_child/images/hex-chevron-back.svg);
}
.video-carousel-arrows button:hover,
.video-carousel-arrows button:focus {
	color: #0D1C41;
	background-image: url(/wp-content/themes/cc_child/images/hex-chevron-white.svg);
}
.video-carousel-arrows button:first-child:hover,
.video-carousel-arrows button:first-child:focus {
	color: #0D1C41;
	background-image: url(/wp-content/themes/cc_child/images/hex-chevron-white-back.svg);
}

.project-gallery {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 10px;
	margin-bottom: 50px;
}
@media screen and (max-width: 1199px){
	.project-gallery {
		grid-template-columns: repeat(2,1fr);
	}
}
@media screen and (max-width: 959px){
	.project-gallery {
		grid-template-columns: repeat(1,1fr);
	}
}
.gallery--image {
	position: relative;
	width: 100%;
	height: 214px;
}
.gallery--image a {
	display: block;
	height: 100%;
	width: 100%;
}
.gallery--image a:hover,
.gallery--image a:focus {
	outline: 2px solid #0D1C41;
}
.gallery--image img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.lg-toolbar {
	background-color: #fff;
	padding: 9px 60px!important;
}
.lg-toolbar .lg-download,
.lg-toolbar .lg-counter,
.lg-toolbar .lg-zoom-in {
	display: none;
}
.lg-toolbar h3 {
	display: none;
}
.lg-toolbar .lg-icon.lg-close {
	width: 60px;
	height: 60px;
	color: #080D17;
	border-radius: 4px;
	padding: 0;
	position: relative;
}
.lg-toolbar .lg-icon.lg-close:hover,
.lg-toolbar .lg-icon.lg-close:focus {
	color: #080D17;
	outline: 2px solid #080D17;
}
.lg-item .lg-error-msg {
	color: #080D17;
}
.lg-content .lg-next,
.lg-content .lg-prev {
	display: none!important;
}
.lg-toolbar .lg-icon.lg-close::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-size: 24px 24px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.6473 23.6483C23.1783 24.1172 22.4196 24.1172 21.9501 23.6483L12.0001 13.6961L2.04794 23.6483C1.57898 24.1172 0.82023 24.1172 0.350744 23.6483C-0.118217 23.1793 -0.118217 22.4206 0.350744 21.9511L10.3052 12.0011L0.352244 2.04892C-0.116717 1.57996 -0.116717 0.821207 0.352244 0.351721C0.821205 -0.11724 1.57996 -0.11724 2.04944 0.351721L12.0001 10.3062L21.9524 0.353971C22.4213 -0.11499 23.1801 -0.11499 23.6496 0.353971C24.1185 0.822932 24.1185 1.58168 23.6496 2.05117L13.6951 12.0011L23.6473 21.9533C24.1198 22.4183 24.1198 23.1833 23.6473 23.6483Z' fill='%23080D17'/%3E%3C/svg%3E");
}
/*
.lg-toolbar h3 {
	padding-top: 20px;
	vertical-align: middle;
	text-transform: uppercase;
	font-size: 24px;
	line-height: 22px;
	letter-spacing: 0.02em;
	display: inline-block;
}
*/
.lg-content {
	background-color: #fff;
}
.lg-sub-html {
	display: none!important;
}
.lg-backdrop {
	background: rgba(107, 116, 122, 0.9)!important;
}
.lg-container .lg-outer {
	max-width: 100%;
	width: 1440px;
	margin: 0 auto;
	left: 50%;
	transform: translateX(-50%);
	height: 90%;
	top: 5%;
}
.lg-outer .lg-thumb-outer {
	padding: 40px 40px 30px 40px!important;
	background-color: #fff!important;
}
.lg-thumb {
	width: auto!important;
	padding: 0!important;
	width: 970px;
	max-width: calc(100% - 180px);
   margin: 0 auto;
   opacity: 1;
}
@media screen and (max-width: 1199px){
	.lg-thumb {
		opacity: 0;
		height: 0!important;
	}
}
.lg-thumb-outer {
	display: grid;
	grid-template-columns: max-content auto max-content;
}
.lg-thumb-outer > * {
	align-self: center;
}
.lg-outer .lg-thumb-item {
	border-radius: 0!important;
	padding-bottom: 6px!important;
	border: none!important;
	border-bottom: 12px solid transparent!important;
}
.lg-outer .lg-thumb-item.active, 
.lg-outer .lg-thumb-item:hover {
	border-bottom: 12px solid #FDB713!important;
}
.lg-thumb-item {
	width: 130px!important;
	height: 100px!important;
	margin-right: 10px!important;
	margin-bottom: 10px!important;
}
.lg-prev:after,
.lg-next:before {
	display: none!important;
}
.lg-grab .lg-next, 
.lg-grab .lg-prev {
	background-color: transparent!important;
	padding: 0!important;
	width: 84px;
	height: 96px;
	position: relative!important;
	margin: 0!important;
	top: 0!important;
	left: 0;
	right: unset;
	border-radius: 0!important;
}

.flexslider {
	background:none;
	border:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	overflow:hidden;
}
.flex-direction-nav li {
	list-style:none;
}
.flex-control-paging {
	bottom:20px;
	right:20px;
	text-align:right;
	z-index:10;
}

.flexslider .flex-direction-nav a {
	width:17px;
	height:31px;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
}
.flexslider .flex-direction-nav a:before {
	content:'';
}
.flexslider .flex-direction-nav .flex-prev {
	background:url('/wp-content/themes/cc_child/images/arrow_left.png');
}
.flexslider .flex-direction-nav .flex-next {
	background:url('/wp-content/themes/cc_child/images/arrow_right.png');
}
.flexslider .flex-control-paging li a {
	background:url('/wp-content/themes/cc_child/images/dot_off.png');
	display:block;
	width:14px;
	height:14px;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
}
.flexslider .flex-control-paging li a.flex-active {
	background:url('/wp-content/themes/cc_child/images/dot_on.png');
}

/* =Singles
---------------------------------------------------------------------- */
.content--small,
.content--,
.single .video-carousel-wrapper {
	width: 1050px;
	max-width: 100%;
	margin: 0 auto;
}
.single .video-carousel-wrapper {
	margin-bottom: 4rem;
}
.widget_search form {
	display: flex;
}
.widget_search form label {
	width: calc(100% - 110px);
}
.widget_search form label input {
	width: 100%;
}
.widget_search .search-field {
	border: 1px solid #333;
	padding: 10px;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 400;
}
.widget_search .search-submit {
	color: black;
	background-color: #FDB713;
	padding: 10px 20px;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 1.5;
	font-weight: bold;
	transition: all 0.125s ease;
}
.widget .widget-title {
	font-size: 1.6em;
}
.widget_search .search-submit:hover,
.widget_search .search-submit:focus-visible {
	color: #fff;
	background-color: #333;
}
.widget > ul {
	margin-left: 0;
}
.widget > ul li {
	margin-bottom: 0.25em;
}
.widget > ul li a {
	text-transform: none;
	font-weight: 400;
	color: #333;
}
.widget > ul li a:hover,
.widget > ul li a:focus-visible {
	text-decoration: underline;
}

/* =Archives
---------------------------------------------------------------------- */
.archive-header {
	padding-top: 3em;
}
.archive-header h1 {
	color: #333;
}
.archive_header {
	background:#fec72e;
	position: fixed;
	z-index: 99;
	bottom: 0;
	left: 0;
	width: 100%;
}
.single-about .archive_header,
.single-services .archive_header,
.tax-project-category .archive_header {
	position: relative;
	bottom: unset!important;
}
.archive_header .inner-page {
	max-width: none;
	width: 100%;
}
.archive-header .inner-page > *,
.archive_header .inner-page > * {
	max-width: calc(100% - 6em);
	padding:1em 3em;
	display: grid;
	grid-template-columns: auto max-content;
	grid-row-gap: 1rem;
	justify-content: space-between;
}
.archive_header .inner-page > * > * {
	align-self:  center;
}
.archive_header .entry-title {
	font-style:italic;
	text-transform:uppercase;
	font-size:1.5em;
	font-weight:400;
	margin-bottom:0;
	color: #292E37;
}
.archive_header .filters {
	font-size:1.1em;
	display: flex;
	gap: 60px;
}
.archive_header .filters > * {
	align-self: center;
}
.filters label {
	font-size: 1em;
	line-height: 2;
	text-transform: uppercase;
	margin: 0;
}
.filters .search_form,
.filters .taxonomy_list {
	display: flex;
	gap: 20px;
}
.filters .search_form > *,
.filters .taxonomy_list > * {
	align-self: center;
}
.filters .taxonomy_list, .filters .search {
	position:relative;
}
.filters .taxonomy_list ul {
	margin:0;
}
.filters .taxonomy_list li {
	list-style:none;
	margin:0;
}
.filters .search input[type=submit] {
	background:url('/wp-content/themes/cc_child/images/search_icon.png') no-repeat center center;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	width:16px;
	height:16px;
	display:inline-block;
	vertical-align:middle;
}
.filters .search form input[type=text] {
	display:inline-block;
	vertical-align:middle;
	width:300px;
	border: 1px solid #6B747A;
	background-color: #fff;
	font-size: 13px;
	line-height: 24px;
	letter-spacing: 0.05em;
	color: #292E37;
	padding: 10px 20px;
}
.filters .taxonomy_list select {
	width: 260px;
	border: 1px solid #6B747A;
	background-color: #fff;
	font-size: 13px;
	line-height: 24px;
	letter-spacing: 0.05em;
	color: #292E37;
	padding: 10px 54px 10px 20px;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	background-size: 14px 8px;
	background-position: calc(100% - 20px) center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 8C6.74412 8 6.48812 7.90234 6.29312 7.70703L0.293121 1.70703C-0.0975037 1.31641 -0.0975037 0.683594 0.293121 0.292969C0.683746 -0.0976562 1.31656 -0.0976562 1.70718 0.292969L7 5.5875L12.2937 0.29375C12.6844 -0.0968752 13.3172 -0.0968752 13.7078 0.29375C14.0984 0.684375 14.0984 1.31719 13.7078 1.70781L7.70781 7.70781C7.5125 7.90312 7.25625 8 7 8Z' fill='%23292E37'/%3E%3C/svg%3E");
}
.archive-header .filters--toggler,
.archive_header .filters--toggler {
	display: none;
}
@media screen and (max-width: 1199px){
	.archive-header .filters--toggler,
	.archive_header .filters--toggler {
		display: block;
    	min-height: 44px;
    	min-width: 44px;
    	appearance: none;
    	-webkit-appearance: none;
    	border: 2px solid transparent;
    	border-radius: 4px;
    	background: transparent;
    	cursor: pointer;
		font-size: 13px;
		line-height: 24px;
		letter-spacing: 0.05em;
		grid-row: 1;
		grid-column: 2;
	}
	.archive-header .filters--toggler:hover,
	.archive-header .filters--toggler:focus-visible,
	.archive_header .filters--toggler:hover,
	.archive_header .filters--toggler:focus-visible {
    	outline: 2px solid #292E37;
	}
	.archive-header .filters--toggler::after,
	.archive_header .filters--toggler::after {
    	content: "l";
    	font-family: "proto2" !important;
		display: inline-block;
		vertical-align: middle;
		transition: all 0.25s ease;
	}
	.archive-header .filters--toggler span,
	.archive_header .filters--toggler span {
		display: inline-block;
		vertical-align: middle;
		margin-bottom: 0.05em;
	}
	.archive-header .filters--toggler .close-text,
	.archive_header .filters--toggler .close-text {
		display: none;
	}
	.archive-header .filters,
	.archive_header .filters {
		display: none;
	}
	.archive-header .filters--toggler.open .open-text,
	.archive_header .filters--toggler.open .open-text {
		display: none;
	}
	.archive-header .filters--toggler.open .close-text,
	.archive_header .filters--toggler.open .close-text {
		display: inline-block;
	}
	.archive-header .filters--toggler.open + .filters,
	.archive_header .filters--toggler.open + .filters {
		display: flex;
	}
	.archive-header .filters--toggler.open::after,
	.archive_header .filters--toggler.open::after {
		transform: rotate(-180deg);
	}
	.archive-header .inner-page,
	.archive_header .inner-page {
		flex-flow: row wrap;
		grid-row-gap: 1em;
	}
	.archive-header .filters,
	.archive_header .filters {
		flex-flow: column;
		grid-row-gap: 1em;
		grid-row: 2;
		grid-column: 1/3;
	}
	.archive-header .inner-page > *,
	.archive-header .filters > *,
	.archive_header .inner-page > *,
	.archive_header .filters > * {
		align-self: flex-start;
	}
	.filters .taxonomy_list {
		flex-flow: column;
		gap: 0.4rem;
	}
	.filters .search_form {
		flex-flow: row wrap;
		grid-row-gap: 0.4rem;
	}
	.filters .search label {
		grid-row: 1;
	}
	.filters .search form {
		position: relative;
	}
	.filters .search form input {
		grid-row: 2;
	}
	.filters .search_form label {
		width: 100%;
	}
	.filters .taxonomy_list > *,
	.filters .search_form > * {
		align-self: flex-start;
	}
	.filters,
	.filters .taxonomy_list,
	.filters .search,
	.filters .search_form,
	.filters .search form input[type="text"],
	.filters .taxonomy_list select {
		width: 100%;
		max-width: 100%;
	}
	.filters .search input[type="submit"] {
		width: 44px;
		height: 44px;
		position: absolute;
		bottom: 1px;
		right: 6px;
	}
}

.archive-content {
	padding:0 0.5%;
}

.isotope {
	margin-top: 40px;
	margin-bottom: 40px;
	width:100%;
}
.post-type-archive-projects .isotope {
	margin-bottom: 0;
}
.post-type-archive-projects {
	min-height: 101vh;
	overflow-y: scroll;
}
.column-title {
	font-size: 1.5em;
	page-break-inside: avoid;
    break-inside: avoid-column;
}
.isotope .panel {
	width:19.6%;
	height:0;
	padding-bottom:10.88%;
	margin:0;
	position:relative;
	overflow:hidden;
	/*
	border:1px solid #fff;
	box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
	*/
	float:none;
	margin-bottom:0.5%;
}
.isotope .panel-2 {
	width:39.7%;
	height:0;
	padding-bottom:22.3%;/*54364089775561%;*/
}
.isotope .gutter {
	width:0.5%;
}
.isotope .column-width {
	width:19.6%;
}
.isotope .panel .image {
	position:absolute;
	top:0;
	height:100%;
	width:100%;
}
.isotope .panel .no-image {
	background: #fec72e;
}
.isotope .panel .no-image .details {
	opacity: 1!important;
}
.isotope img {
	width:100%;
}
.isotope-category {
	text-transform: capitalize;
}

.post-type-archive-people .isotope {
	margin-left: auto;
	margin-right: auto;
	width: calc(245px * 5);
	max-width: 100%;
}
.post-type-archive-people .isotope .panel {
	height: auto;
	aspect-ratio: 1/1;
	padding: 0;
	display: grid;
	justify-content: center;
	align-items: center;
}
.post-type-archive-people .isotope .panel .image {
	width: 240px;
	height: auto;
	position: relative;
	max-width: 100%;
	aspect-ratio: 1/1;
}
.post-type-archive-people .isotope img {
	height: 100%;
	object-fit: cover;
}

.panel-box {
	margin-bottom:3em!important;
}
.panel-box .fancybox-skin {
	-webkit-box-shadow:none!important;
	box-shadow:none!important;
	background:none;
}
.panel-box .project-content, .panel-box .person-content {
	background:#fff;
}
.panel-box h1 {
	padding:1em 1.5em;
	margin:0;
	font-weight:500;
}
.panel-box .description-text {
	padding:0 3em 3em 3em;
}
.panel-box .project-related {
	background:#fff;
	margin-top:3em;
	padding:0 4px 4px 4px;
}

/* =Single Person/Project
---------------------------------------------------------------------- */
/* Layout */

.person-content .description-text{
	margin-top: 2rem;
	display: grid;
	grid-template-columns: minmax(30%, 233px) auto;
	grid-column-gap: 65px;
}
.person-content .description-text .description-aside {
	width: 100%;
	overflow: hidden;
	text-align: right;
}
.person-label{
	margin-top: 1.5rem;
	font-weight: 600;
}

@media screen and (max-width:960px){
	.person-content .description-text{
		grid-template-columns: none;
	}
	.person-content .description-text .description-aside{
		text-align: center;
		margin-bottom: 1.5rem;
	}
}

.person-featured-projects{
	display: grid;
	grid-template-columns: repeat(3,33%);
	grid-gap: 10px;
	margin-bottom: 2rem;
}
.person-featured-projects h2{
	grid-column: span 3;
}
.person-featured-projects .panel{
	aspect-ratio: 16/9;
}
.person-featured-projects .panel img{
	width: 100%;
}
@media screen and (max-width: 960px){
	.person-featured-projects{
		grid-template-columns: repeat(2,50%);
	}
	.person-featured-projects h2{
		grid-column: span 2;
	}
}

/* Styles */
.aside-break{
	border: none;
	background-color: #F1F2F3;
	height: 2px;
}

/* -- */
.chevron-hex {
	background: url(/wp-content/themes/cc_child/images/hex-chevron.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height: 24px;
	width: 21px;
	margin-left: 6px;
	display: inline-block;
	vertical-align: middle;
	filter: drop-shadow(0px 4px 30px rgba(12, 11, 16, 0.1));
}
.project-content {
	display: grid;
	grid-template-columns: calc(25% - 30px) calc(75% - 30px);
	gap: 60px;
	margin-bottom: 50px;
}
.content--main {
	grid-row: 1;
	grid-column: 2;
}
.content--side {
	grid-row: 1/3;
	grid-column: 1;
}
.content--next {
	grid-row: 2;
	grid-column: 2;
}
@media screen and (max-width: 1199px){
	.project-content {
		grid-template-columns: 100%;
	}
	.content--main {
		grid-row: 1;
		grid-column: 1;
	}
	.content--side {
		grid-row: 2;
		grid-column: 1;
	}
	.content--next {
		grid-row: 3;
		grid-column: 1;
	}
}
.description-text {
	overflow:auto;
	clear:both;
}
.description-image {
	max-width:100%;
	display:block;
	margin-bottom:1em;
}
@media screen and (min-width: 1200px){
	.content--side {
		text-align: right;
	}
}
.project--meta dt {
	font-weight:bold;
	text-transform:uppercase;
}
.project--meta dd {
	margin-bottom:20px;
}
.project--meta dd p {
	line-height:1.2;
}
.project--terms strong,
dt.person-label {
	text-transform: uppercase;
}
.project--terms a span {
	display: inline-block;
	vertical-align: middle;
}
.person-content {
	margin-bottom: 50px;
}
.person-content h1 {
	font-size: 36px;
	line-height: 1.11;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #292E37;
	font-style: normal;
	margin-bottom:  42px;
}
.person-content h1 span {
	font-size: 22px;
	line-height: 1.27;
	letter-spacing: 0.05em;
	color: #292E37;
	text-transform: none;
	font-weight: 400;
	display: block;
}
.project--people {
	margin-top: 40px;
}
.project--terms {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 2px solid #F1F2F3;
}
.project--terms a {
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	letter-spacing: 0.05em;
	color: #0D1C41;
	text-transform: none;
	margin-bottom: 0.5rem;
	display: inline-block;
}
.project--terms a:hover span,
.project--terms a:focus span {
	text-decoration: underline;
}
.description-content {
	width:100%;
}
.description-content h2 {
	margin: 48px 0 20px;
}
.project-content h1 {
	font-size: 36px;
	line-height: 40px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #000000;
	font-style: normal;
	margin-bottom: 29px;
}
.project-related {
	overflow:auto;
	padding: 60px 60px 30px;
	background: #F1F2F3;
}
@media screen and (max-width: 1199px){
	.project-related {
		padding: 60px 30px 30px;
	}
}
.project-related .panel {
	height: 214px;
}

.project-related h2 {
	margin-bottom: 49px;
	text-align: center;
	color: #000;
}


.recent_updates {
	overflow:auto;
	padding: 60px 60px 30px;
}
@media screen and (max-width: 1199px){
	.recent_updates {
		padding: 60px 30px 30px;
	}
}
.recent_updates .panel {
	height: 214px;
}

.recent_updates .cards {
	overflow: hidden;
}
.recent_updates h2 {
	color: #333;
	text-align: center;
	margin-bottom: 49px;
}
.recent_updates .slide__content--button {
	margin: auto 0 0 auto;
}
.recent_updates .slide__content--button a {
	margin: 2rem auto 0;
}
.recent_updates .details {
	display: flex;
	flex-flow: column;
}

.recent_updates .slider,
.project-related .slider {
	display: flex;
	justify-content: space-between;
	grid-column-gap: 1rem;
}
.recent_updates button,
.project-related button {
	border:  none;
	background: none;
	cursor: pointer;
	padding: 0;
	margin: 0;
	appearance:  none;
	-webkit-appearance:  none;
	z-index: 2;
	position: relative;
	height: max-content;
	align-self: center;
}
.recent_updates button:focus,
.project-related button:focus {
	outline: 2px solid #0D1C41;
}
.recent_updates button img,
.project-related button img {
	width: 84px;
   height: 96px;
   display: inline-block;
}
@media screen and (max-width: 1199px){
	.recent_updates button img,
	.project-related button img {
		width: 44px;
		height: 50px;
	}
}

.slides-1 button {
	visibility: hidden;
}
@media screen and (min-width: 960px){
	.slides-2 button {
		visibility: hidden;
	}
}
@media screen and (min-width: 1200px){
	.slides-3 button {
		visibility: hidden;
	}
}
@media screen and (min-width: 1440px){
	.slides-4 button {
		visibility: hidden;
	}
}

.update-slide h3 {
	font-size: 1.5em;
}
.update-slide .grid {
	display: grid;
	grid-template-columns: 100%;
	gap: 4rem;
	padding: 0;
}
@media screen and (min-width: 960px){
	.update-slide .grid {
		grid-template-columns: repeat(2, calc(50% - 2rem));
		padding: 0 4rem;
	}
}
.update-slide .image {
	position: relative;
	width: 620px;
	max-width: 100%;
	aspect-ratio: 16/9;
	margin-left: auto;
	margin-right: 0;
}
.update-slide .image img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.update-slide .details {
	width: 620px;
	max-width: 100%;
}
.update-slide .slide__content--date,
.update-slide .slide__content--text {
	margin-top: 0.75rem;
}

.card {
	border: 2px solid transparent;
}
.card:hover,
.card:focus-within {
	border-color: #0D1C41;
}
.card .grid {
	display: grid!important;
	flex-flow: column;
	grid-template-rows: 200px auto;
	height: 100%;
}
.card.slick-active .details {
	box-shadow: 0px 4px 30px rgba(12, 11, 16, 0.1);
}
.card .image {
	height: 200px;
	position: relative;
}
.card .image img {
	width:100%;
	display:block;
    height: 100%;
    position: absolute;
    object-fit: cover;
}
.card .details {
	padding: 30px;
	background-color: #fff;
}
.card h3 {
	font-weight: 500;
	font-size: 16px;
	line-height: 1.62;
	letter-spacing: 0.05em;
	color: #0D1C41;
	text-transform: none;
}
.card p {
	font-weight: 400;
	font-size: 16px;
	line-height: 2;
	letter-spacing: 0;
	color: #333;
	text-transform: none;
}

.project-related .slick-track {
    display: inline-grid!important;
    grid-auto-flow: column;
}

.project-related .slick-slide {
   margin-left: 15px!important;
   margin-right: 15px!important;
   height: calc(100% - 4px);
   padding-bottom: 2px;
}

.project-related .slick-list {
	margin: 0 -15px!important;
	padding-bottom: 34px;
}

.project-related .cards {
	max-width: 1440px;
	width: calc(100% - 200px);
	margin: 0 auto;
}
@media screen and (max-width: 1199px){
	.project-related .cards {
		width: calc(100% - 110px);
	}
}

.news-container span.desc {
    text-align: center;
}

.news-container span.desc p {
    line-height: 18px;
}

.news-container span.desc a:hover {
   color: #001E5F;
}

/* =Fancybox
---------------------------------------------------------------------- */
.fancybox-wrap .fancybox-close {
	background:url('/wp-content/themes/cc_child/images/close.gif');
	width:39px;
	height:39px;
	right:7%;
	top:50px;
	position:fixed;
}

/* =Banner
---------------------------------------------------------------------- */
.banner {
	border-top:0!important;
}
.noresults {
	display: none;
}
.scroll-more {
	text-align: right;
}
.scroll-more a {
	display: inline-block;
}
.scroll-more img {
	width: 44px;
	height: 50px;
	transform: rotate(90deg);
}
	
	/* Text
	-------------------------------------------------- */
	.text h2 {text-align:center;}
	.text div  {
		width: 100%;
		max-width:800px;
		margin:auto;	
	}
	.text.full-width {
		width: 1440px;
		max-width: calc(100% - 2em);
	}
	.text.full-width > div {
		max-width: 100%;
		width: 100%;
	}
	.two-col-text > div {
	    display: grid;
	    grid-template-columns: 100%;
	    gap: 4rem;
		
		text-align:left;
		width:calc(100% - 2rem);
		max-width: none;
	}
	.two-col-text > h2 + div {
		margin-top: 4rem;
	}
	@media screen and (min-width: 768px) {
		.two-col-text > div {
	    	gap: 2rem;
			grid-template-columns: repeat(2,calc(50% - 1rem));
		}
	}
	@media screen and (min-width: 1200px) {
		.two-col-text > div {
			width:75%;
			grid-template-columns: repeat(2,calc(50% - 2rem));
		}
	}
	
	/* Photo
	-------------------------------------------------- */
	.photo {
		width:100%;
		text-align:center;
		color:#fff;
		border-top:5px solid #fec72e;
		position:relative;
		overflow: hidden;
	}
	.photo img {
		width:100%;
		display:block;
	}
	.large-photo {
		padding-bottom: 56.25%;
	}
	.large-photo img,
	.small-banner img {
		height: 100%;
		object-fit: cover;
	}
	.small-photo {
		width: 75.33783783783784%;	
		padding-bottom: 28.25168918625%;
		margin:auto;
	}
	.parallax {
		height:0;
		background-size: 100%;
	}
	.parallax img {
		position:absolute;
		top:0;
		left:0;
	}
	.non-parallax {
		display:none!important;
	}
	.valign {
		position: absolute;
		width: 90%;
		margin: 0 5%;
		top: 50%;
		transform: translateY(-50%);
	}
	.photo .title {
		font-size:4.6875em;	
		font-style:italic;
		font-weight:500;
		line-height:1.2em;
		text-transform:uppercase;
		z-index: 1;
		text-shadow: 0px 4px 30px rgba(12, 11, 16, 0.1);
	}
	.corner-link {
		font-size:0.95em;
		position: absolute;
		width: 0;
		height: 0;
		bottom: 0;
		right: 0;
		
		border-top: 4em solid transparent;
		border-bottom: 0em solid transparent;
		border-right: 9em solid #fff;
		
		cursor:pointer;
		
		transition: border 0.25s ease-in-out 0s;
		-moz-transition: border 0.25s ease-in-out 0s;
		-webkit-transition: border 0.25s ease-in-out 0s;
	}
	.corner-link:hover {
		border-top: 15em solid transparent;
		border-bottom: 0em solid transparent;
		border-right: 28em solid #fff;
	}
	.corner-link .info {
		display: block;
		position: absolute;
		top: -1.85em;
		left: 4.5em;
		width: auto;
		visibility:visible;
		
		transition: border 0.25s ease-in-out 0s;
		-moz-transition: border 0.25s ease-in-out 0s;
		-webkit-transition: border 0.25s ease-in-out 0s;
		transition:visibility 0s linear 0.3s;
	}
	.corner-link:hover .info {
		visibility:hidden;
		transition-delay:0s;
	}
	.corner-link .project-details {
		position: absolute;
		bottom: 0;		
		right: -24em;
		width: 12em;
		height: 7.5em;
		color: #333;
	}
	.corner-link .project-details span {
		font-weight: 400;
		text-decoration: none;
		font-size: .9em;
		letter-spacing: .1em;
	}
	.corner-link .table-cell {vertical-align:bottom;}
	.corner-link a {
		position:absolute;
		width:26em;
		height:15em;
		bottom:0;
		right:0;
		z-index:10;
		color:#333;
		font-weight:400;
	}
	
	/* List and Body Text
	-------------------------------------------------- */
	.body_text {
		margin:3em auto;
		width:75.33783783783784%;
	}
	.list_content,
	.body_text_image {
		width:30%;
		float:left;
		text-align:right;
	}

	.body_text_image img {
		max-width:100%;
	}
	.body_text_image .caption {
		font-size:0.9em;
		line-height:1.1;
	}
	.body_text_content {
		padding-left:35%;
	}
	.body_text p {
		margin-bottom: 1.5em;
	}

	.list_content ul {
		padding: 0;
		margin: 0;
		padding-top: 57px;
	}

	.list_content li {
		list-style: none !important;
		font-size: .9em;
		margin-bottom: 1.5em !important;
	}

	.list_content li h4 {
		text-transform: uppercase;
		margin: 0;
		padding: 0;
		font-weight: bold;
		line-height: 1em;
	}

	.list_content li p {
		margin-bottom: 0;
	}

	
	/* Columns
	-------------------------------------------------- */
	.col {
		float:left;
		margin:0 5% 5% 0;	
	}
	.three_column .col {
		width:30%;
	}
	.col-0 {margin-right:0!important;}
	.two_column .col {
		width:48%;
		margin-right:4%;
	}
	.three_column h2 {
		margin-bottom:1em;
	}
	.news .col {
		width: 22%;
    		padding: 4% 4% 0 4%;
	}
	
	/* 欧美日韩国产精品 Scroll
	-------------------------------------------------- */
	.projects-row {padding:0;}
	#makeMeScrollable {
		overflow: hidden;
		position: relative;
		width: 100%;
		height: 200px;
	}
	.scrollWrapper {
		height: 100%;
		overflow: hidden;
		position: relative;
		width: 100%;
	}
	.scrollingHotSpotLeft,
	.scrollingHotSpotRight {
		position: absolute;
		top: 0;
		width: 40px;
		height: 100%;
		opacity: 0;
		z-index: 50000;
	}
	.scrollingHotSpotLeft {
		left: -5px;
		background: url(/wp-content/themes/cc_child/images/arrow_left.png) center center no-repeat;
	}
	.scrollingHotSpotRight {
		right: -5px;
		background: url(/wp-content/themes/cc_child/images/arrow_right.png) center center no-repeat;
	}
	.scrollableArea, .scrollableArea .panel, .scrollableArea .panel .image, .scrollableArea .panel a, .scrollableArea .panel .image img {
		height:100%;
	}
	.photos.scrollableArea img {
	
	}
	#arrow_nav {
		display: none;
	}
	.panel {
		float: left;
		margin: 0 5px 0 0;
	}
	.panel .image {
		position:relative;
		background:url('/wp-content/themes/cc_child/images/loading.gif') center center no-repeat;
		overflow: hidden;
		height: 100%;
	}
	.panel a {
		display:block;
	}
	.panel .details {
		text-align: center;
		width:100%;
		height:100%;
		
		letter-spacing:0;
		font-size:1.111em;
		color: #333;
		font-weight: 400;
		position:absolute;
		
		opacity:0;
		transition: opacity 0.25s ease-in-out 0s;
		-moz-transition: opacity 0.25s ease-in-out 0s;
		-webkit-transition: opacity 0.25s ease-in-out 0s;
	}
	.panel:hover .details {opacity:1;}
	.panel .overlay {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background:url(/wp-content/themes/cc_child/images/90whitebg.png);
		z-index:1;
	}
	.panel .valign {z-index:10;}
	.panel .details h3 {
		color:#001E5F;
		line-height:1.4;
	}
	.panel .details p {
		margin:0 0 0.4em 0;
		line-height:1.3;
	}
	.panel .details span {
		font-weight:700;
		letter-spacing:.2em;
		font-size:.9em;
	}

	/* Awards
	-------------------------------------------------- */
	.awards {
		text-align:center;
	}
	.awards .graphics {
		padding:2em 0;
	}
	.awards .graphics img {
		max-width:20%;
		margin-right:5%;
		vertical-align:middle;
	}
	.awards .button {
		border-color:#fff;
		margin:0 auto;
	}

	/* Testimonials
	-------------------------------------------------- */
	.testimonials .quotes {
		margin-top:2em;
		font-size:0.8em;
	}
	.quotes .col {
		width:22%;
		padding:4%;
		background:#fff;
	}
	.quotes .logo {
		margin:0 auto 2em 0;
		display:block;
		max-width:100%;
	}
	.testimonial-source {
		font-weight:bold;
		text-transform:uppercase;
		margin-top:1.5em;
		display:block;
	}
	.testimonials .intro_text {
		text-align:center;
		margin:2em 0 3em 0;
	}
	
	/* Clients
	-------------------------------------------------- */
	.clients .interior-container {
		background:none!important;
	}
	.clients li {
		display:inline-block;
		vertical-align:middle;
		width:12%;
		margin:0 2% 2% 0;
		text-align:center;
	}
	.clients li img {
		max-width:100%;
		max-height:100%;
	}
	
	/* Maps
	-------------------------------------------------- */
	.acf-map {
		width:100%;
		padding-bottom:25%;
		height:0;
	}

	.acf-locations .col {
		margin: 0 2.5% 2.5% 2.5%;
	}

	.locations h2 {
		margin-bottom:1.5em;
	}
	.locations.grey_block {
		margin-top:0;
		text-align:center;
	}
	.locations.grey_block .interior-container {
		background-color: #fff;
	}

	/* Careers
	-------------------------------------------------- */
	.career h2 {
		padding-left:30%;
		text-align:left;
	}
	.career_content {
		display:none;
	}
	#career_default {
		display:block;
	}
	.careers .sidebar {
		float:left;
		width:25%;
		text-align:right;
	}
	.careers .content {
		float:right;
		width:70%;
	}
	.careers .content p {
		margin-bottom:1.5em;
	}
	.career_list {
		margin:0 0 1em 0!important;
	}
	.career_list li {
		list-style:none!important;
		margin:0!important;
	}

	.home .row.text {
		padding: 3.8rem 0;
	}

	/* Homepage Video
	-------------------------------------------------- */
	.homepage-video {
		width: 100%;
		max-width: 1920px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		position: relative;
		display: grid;
		min-height: 700px;
		aspect-ratio: 16/9;
		background-color: #000;
	}
	.homepage-video:last-child {
		margin-bottom: 0;
	}
	.homepage-video .bg {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 1;
		background-color: #888;
	}
	.homepage-video h1,
	.homepage-video p {
		font-family: 'Gotham', sans-serif;
		color: white;
		text-shadow: 0px 4px 30px rgba(12, 11, 16, 0.1);
		text-align: center;
		text-transform: uppercase;
	}
	.homepage-video .text-wrapper {
		align-self: end;
		padding-top: 11.4583%;
		padding-bottom: 7.8125%;
		padding-left: 20px;
		padding-right: 20px;
		z-index: 2;
	}
	.tax-project-category .homepage-video .text-wrapper {
		align-self: center;
	}
	.homepage-video h1 {
		font-style: italic;
		font-size: 75px;
		line-height: 1.08;
		letter-spacing: 0.03em;
		margin-bottom: 33px;
		font-weight: 500;
	}
	.homepage-video p {
		font-size: 2.25rem;
		line-height: 1.11;
		letter-spacing: 0.02em;
		font-weight: 400;
	}
	.homepage-video .oembed-wrapper, 
	.homepage-video .image-wrapper {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
	}
	.homepage-video .image {
		z-index: -2;
	}
	.homepage-video .oembed-wrapper {
		z-index: -2;
	}
	.homepage-video .image-wrapper img {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		object-fit: cover;
	}
	.oembed-wrapper {
		position: relative;
		aspect-ratio: 16/9;
	}
	.oembed-wrapper > .plyr {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
	}
	.small-photo::before,
	.archive-banner .image-wrapper::after,
	.homepage-video .image-wrapper::after {
		content:  '';
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background: linear-gradient(0deg, rgba(2, 11, 30, 0.8) 0%, rgba(0, 31, 96, 0) 100%);
	}
	.homepage-video .video--toggler::focus-visible {
		outline-color: #fec72e;
	}
	.homepage-video .video--toggler {
		width: 130px;
		height: 150px;
		margin-bottom: 68px;
		display: inline-grid;
		justify-content: center;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		background-image: url('/wp-content/themes/cc_child/images/hex-opacity.svg');
		transition: opacity 0.25s ease;
	}
	@-moz-document url-prefix() {
		.homepage-video .video--toggler {
			background-image: url('/wp-content/themes/cc_child/images/hex.svg');
		}
	}
	.homepage-video .video--toggler svg {
		color: #292E37;
		align-self: center;
		width: 32px;
		height: 42px;
	}
	.homepage-video .video--toggler .fa-pause {
		display: none;
	}
	.homepage-video .video--toggler:hover,
	.homepage-video .video--toggler:focus-visible {
		background-image: url('/wp-content/themes/cc_child/images/hex.svg');
	}
	.homepage-video .video--toggler:hover svg,
	.homepage-video .video--toggler:focus-visible svg {
		color: #000;
	}
	.homepage-video.video--playing .image-wrapper {
		display: none;
	}
	.homepage-video.video--playing h1,
	.homepage-video.video--playing .text-wrapper > div {
		opacity: 0;
	}
	.homepage-video.video--playing .video--toggler .fa-pause {
		display: block;
	}
	.homepage-video.video--playing .video--toggler .fa-play {
		display: none;
	}
	.homepage-video.video--playing.hide-pause .text-wrapper{
		pointer-events: none;
	}
	.homepage-video.video--playing.hide-pause .video--toggler {
		opacity: 0;
		outline-color: transparent;
	}
	@media screen and (max-width: 1040px){
		.homepage-video h1 {
			font-size: 54px;
			line-height: 1;
		}
		.homepage-video p {
			font-size: 30px;
			line-height: 1.11;
		}
	}
	@media screen and (max-width: 768px){
		.homepage-video h1 {
			font-size: 40px;
			line-height: 1;
		}
		.homepage-video p {
			font-size: 24px;
			line-height: 1.11;
		}
	}

	/* info cards block */
	.info-cards {
		margin-top: 12px;
		margin-bottom: 12px;
	}
	.info-cards h2 {
		text-align: left;
		margin-top: 49px;
		margin-bottom: 19px;
	}
	.info-cards .cards {
		margin-top: 82px;
		margin-bottom: 84px;
		display: grid;
		grid-template-columns: 1fr;
		grid-column-gap: 72px;
		grid-row-gap: 60px;
	}
	@media screen and (min-width: 768px){
		.info-cards .cards {
			grid-template-columns: repeat(2,1fr);
		}
	}
	.info-cards .infocard {
		position: relative;
		display: grid;
		grid-template-rows: 130px auto;
	}
	.info-cards .infocard--image {
		position: relative;
		height: 130px;
	}
	.info-cards .infocard--image img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.info-cards .infocard--text {
		background: #FFFFFF;
		box-shadow: 0px 4px 30px rgba(12, 11, 16, 0.1);
		padding: 30px;
	}
	.info-cards .link {
		text-align: right;
	}
	.info-cards .link a {
		min-height: 50px;
		display: inline-flex;
		padding-right: 64px;
		background-image: url(/wp-content/themes/cc_child//wp-content/themes/cc_child/images/hex-chevron.svg);
		background-position: right;
		background-repeat: no-repeat;
		background-size: 44px 50px;
		align-items: center;
	}
	.info-cards .link a:hover,
	.info-cards .link a:focus {
		color: #0D1C41;
		background-image: url(/wp-content/themes/cc_child/images/hex-chevron-white.svg);
	}

	/* Archive banner overwrites homepage video */
	.archive-banner {
		margin-bottom: 27px;
	}
	.archive-banner.large-banner{
		aspect-ratio: 16/9;
	}
	.archive-banner.small-banner{
		aspect-ratio: 2.66/1;
	}
	.archive-banner .valign {
		z-index: 2;
	}

	.archive-banner .bg,
	.archive-banner .image-wrapper {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 1;
	}
	.archive-banner .text-wrapper > div {
		margin-bottom: 33px;
	}

	.archive-banner .video-wrapper {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.archive-banner .video-wrapper > * {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.archive--video {
		margin: 122px 0;
	}
	.archive--video .wrapper {
		display: grid;
		grid-template-columns: 2fr 1fr;
		grid-column-gap: 60px;
	}
	@media screen and (max-width: 1199px){
		.archive--video .wrapper {
			grid-template-columns: 1fr;
			grid-row-gap: 60px;
		}
	}
	.video--wrapper {
		position: relative;
		aspect-ratio: 16/9;
	}
	.video--wrapper > div,
	.video--wrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.archive--bottom {
		border-top: 2px solid #D9D9D9;
		padding: 78px 0 0;
		margin-bottom: 2rem;
		display: grid;
		grid-column-gap: 60px;
		grid-row-gap: 85px;
	}
	.archive--bottom:first-child {
		border-top: none;
		padding-top: 0;
	}
	.archive--bottom p {
		margin-bottom: 10px;
	}
	.archive--bottom p:last-child {
		margin-bottom: 0;
	}
	.archive--bottom.has-leaders {
		grid-template-columns: 1.5fr 1fr;
	}
	.archive--overview {
		grid-column: 1;
		grid-row: 1;
	}
	.archive--experience {
		grid-column: 1;
		grid-row: 2;
	}
	.archive--leaders {
		grid-column: 2;
		grid-row: 1;
	}
	.archive--bottom.multi-row .archive--leaders {
		grid-row: 1/3;
	}
	.archive--people {
		display: flex;
		flex-flow: column;
		gap: 30px;
	}
	.archive--overview h3,
	.archive--experience h3 {
		margin-bottom: 10px;
	}
	.archive--leaders h3 {
		margin-bottom: 23px;
	}
	.archive--people article {
		display: flex;
		flex-flow: row;
		gap: 20px;
	}
	.archive--people article > *{
		align-self: center;
	}
	.person--image {
		width: 104px;
	}
	.person--image img {
		width: 100%;
		height: 80px;
		object-fit: cover;
	}
	@media screen and (max-width: 1199px){
		.archive--bottom,
		.archive--bottom.has-leaders {
			grid-template-columns: 1fr;
		}
		.archive--overview {
			grid-column: 1;
			grid-row: 1;
		}
		.archive--experience {
			grid-column: 1;
			grid-row: 2;
		}
		.archive--leaders {
			grid-column: 1;
			grid-row: 3;
		}
		.archive--people article {
			flex-flow: column;
		}
		.archive--people article > *{
			align-self: flex-start;
		}
		.person--image {
			max-width: 100%;
			width: 300px;
		}
		.person--image img {
			width: 100%;
			height: auto;
		}
		.archive--people article strong {
			font-size: 24px;
			line-height: 22.5px;
			letter-spacing: 0.02em;
			text-transform: uppercase;
		}
	}
	.person--text p {
		margin-bottom: 0;
	}
	.person--text a {
		color: #333;
	}
	.person--text a:hover,
	.person--text a:focus {
		text-decoration: underline;
	}

	/* General
	-------------------------------------------------- */
	.container {
		width: 1440px;
		max-width: calc(100% - 6em);
		margin-left: auto;
		margin-right: auto;
	}
	@media screen and (max-width: 960px){
		.container {
			max-width: calc(100% - 2em);
		}
	}
	.page-contact .text iframe {
		aspect-ratio: 4/3;
		height: auto;
		width: 100%;
		max-width: 600px;
	}
	.page-contact .col {
		display:inline-block;
		float:none;
	}
	.page-contact .three_column .col {
		margin:0 3% 3% 0;
	}	
	.page-contact .two_column .col {
		width:44%;
		margin: 0 2.5% 2.5% 2.5%;
		min-width: 300px;
		margin-right: 2.5% !important;
	}
	.page-contact .row {
		text-align:center;
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	#contactform {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.page-contact .gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer{
		padding: 0;
		margin: 0;
	}
	.page-contact select {
		font-family: 'Gotham', sans-serif;
	}
	.grey_block {
		margin-top:3em;
		margin-bottom:3em;
		padding:0;
	}
	.grey_block h2 {
		text-align:center;
	}
	.grey_block .interior-container {
		background:#F1F1F1;
		border-top:6px solid #fec72e;
		padding:3em;
	}

/* =Footer
---------------------------------------------------------------------- */
#footer {
	background:#f1f1f1;
	color:#333;
	border-top:6px solid #fec72e;
}
#footer .inner-page {
}
.footer_info {
	padding:1em 3em;
	font-size:0.9em;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	gap: 1rem;
}
@media screen and (min-width: 768px){
	.footer_info {
		flex-flow: row nowrap;
	}
}
.social {
	text-transform:uppercase;
	position:absolute;
	top:22px;
	left:3em;
}
.copyright a {
	display: inline-block;
	margin-left: 30px;
	border-bottom: 2px solid transparent;
}
.copyright a:hover,
.copyright a:focus {
	border-color: #333;
}
.copyright img {
	position: relative;
	top: 3px;
}
.footer_info a {
	color:#333;
	text-decoration:none;
	letter-spacing:normal;
	font-weight:normal;
	text-transform:none;
}
.menu-footer-menu-container {
	width:100%;
	text-align:center;
}
.menu-footer-menu-container li {
	display:inline-block;
	margin-right:2em;
	height: 0px;
	overflow: hidden;
}
.menu-footer-menu-container li ul {
	display:none;
}




/* =Forms & Buttons
---------------------------------------------------------------------- */

textarea {
	overflow: hidden;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], textarea {
	border: 1px solid #e3e3e3;
	border-radius: 3px;
	width: 95.6%;
	padding: 1.7% 2.2%;
	line-height: 1.5em;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus {
	border: 1px solid #a0a0a0;
}
input[type="button"], input[type="submit"] {
	cursor: pointer;
}
.gform_wrapper {
	width: 99.4%;
}
.gform_wrapper.gravity-theme .gfield {
	width: 100%;
}
.gform_wrapper .gfield {
	margin-bottom: 2%;
}
.gform_wrapper li {
	list-style-type: none;
}
.gform_wrapper .gfield > .gfield_label {
	display: block;
	margin: 0 0 0.4em 0;
}
.gform_wrapper .validation_error {
	display: block;
	margin: 0 0 0.7em 0;
}
.gform_wrapper .validation_message {
	display: block;
	margin: 0.4em 0 0 0;
	font-size: 0.8em;
}
.gform_wrapper .gfield.gfield_error input, .gform_wrapper .gfield.gfield_error textarea {
	border: 1px solid #f81e4c;
}
.gform_wrapper input[type="submit"], #comments #submit, input[type="button"] {
	background: #f2f2f2;
	border: 1px solid #cecece;
	padding: 10px 20px;
	font-size: 0.8em;l
	border-radius: 3px;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-weight: bold;
}
.gform_ajax_spinner {
	display: none;
}

.page-contact #contactform {
	background: #f1f1f1;
}
.page-contact #contact-form {
	padding-top: 30px;
}
.page-contact #contact-form input {
	margin-bottom: 15px;
}
div.wpcf7-mail-sent-ok {
	border: 3px solid #fec72e !important;
}

.page-contact .contact-form-column {
	display: inline-block;
	vertical-align: top;
	width: 47%;
	padding-left: 1%;
	padding-right: 1%;
}
@media screen and (max-width: 1199px){
	.page-contact .contact-form-column {
		width: 94%;
	}
}

.page-contact .contact-form-field {
	margin-bottom: 20px;
	max-width: 100% !important;
}

.page-contact .contact-form-field textarea {
	height: 17em;
}

.page-contact .contact-form-column label {
	display: none;
}

.page-contact #contactform.text .button {
	min-height: 50px;
	display: inline-flex;
	padding-right: 64px;
	padding-left: 20px;
	background-image: url(/wp-content/themes/cc_child//wp-content/themes/cc_child/images/hex-chevron.svg);
	background-position: right;
	background-repeat: no-repeat;
	background-size: 44px 50px;
	align-items: center;
	border: none;
	margin-right: 0;
	width: auto;

}
.page-contact #contactform.text .button:hover,
.page-contact #contactform.text .button:focus {
	color: #0D1C41;
	background-image: url(/wp-content/themes/cc_child/images/hex-chevron-white.svg);
}

body .categorySection .jobSection {
	margin-left: 0;
}
body .categorySection .jobSection .jobLinkContainer {
	width: 100%;
}
@media screen and (min-width: 768px){
	body .categorySection .jobSection .jobLinkContainer {
		width: max(66%,300px);
	}
}
body #bdh_common_sign_up2 {
	margin: 10px 0 0;
}
body #bdh_common_sign_up2:hover,
body #bdh_common_sign_up2:focus,
body #bdh_common_sign_up2:active {
	background-color: #fec72e;
	border-color: #fec72e;
}

.gform_wrapper.gravity-theme .gfield select {
	cursor: pointer;
}

.page-contact .gform_wrapper.gravity-theme .gfield textarea.large {
    height: calc(288px / 2);
}

.map-location a {
	font-family: 'Gotham', sans-serif;
	font-weight: normal;
	color: #333;
	letter-spacing: 0;
	text-transform: capitalize;
	font-size: 1em;
}

.mobile-only {
	display: none;
}

/* Implementation of In The News new Design*/

.news-list {
  	list-style-type: none;
  	margin: 0;
  	padding: 0;
  	text-align: center;
}

.news-list .news-post {
 	display: inline-block;
 	position: relative;
}

.news-list .news-post img {
	width: 100%;
	height: auto;
	max-height: 325px;
}

ul.columns {
	column-count: 1;
	width: 800px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 3rem;
}
@media screen and (min-width: 768px){
	ul.columns {
		column-count: 2;
	}
}
ul.columns li {
	position: relative;
	padding-left: 2.125rem;
}
ul.columns li::marker {
	font-size: 0;
}
ul.columns li::before {
	content: '';
	background-image: url('/wp-content/themes/cc_child/images/plant-logo-icon.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 1.5rem;
	height: 1.5rem;
	left: 0;
	top: 0.625rem;
	position: absolute;
}

.about_us h2,
.our_services h2 {
	text-align: center;
}

span.text-content {
  background: rgba(255,255,255,0.8);
  display: table;
  height: 335px;
  padding-right: 1px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}

span.text-content span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding-right: 20px;
  padding-left: 20px;
  color: #333;
}

span.text-content p.read {
  text-transform: uppercase !important;
  font-weight: 600 !important;
}

span.text-content p.read:hover {
  color: #fec72e !important;
  cursor: pointer; 
  cursor: hand;
}

span.text-content span p {
  color: #333333;
  line-height: 22px;
  margin-top: 10px;
	text-transform: none;
	font-weight: normal;
}

span.text-content span h3 {
  color: #0b1e60;
  line-height: 1.3em;
}

span.text-content span a {
  color: #333;
}

.news-list .news-post:hover span.text-content {
  opacity: 1;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {

	span.text-content {
    		background: rgba(255,255,255,0.8);
    		display: table;
    		height: auto;
    		position: relative;
    		opacity: 1;
    		margin-top: 20px;
    		padding-bottom: 12px;
	}
	span.text-content span h3 {
		font-size: 1.2em;
	}

	.news-list .news-post img {
		width: 75%;
	}
	.news-container span.desc {
		display: none;
	}
}

@media only screen and (max-width: 1200px) {
	.isotope .panel {
		width:24.625%;
		padding-bottom:13.65%;
	}
	.isotope .column-width {
		width:24.625%;
	}
	.isotope .panel-2 {
		width:49.75%;
		padding-bottom:27.78%%; /*.9%;*/
	}

	.page-contact .two_column .col-0 {
		margin-right: 2.5% !important;
	}
}

@media only screen and (max-width: 960px) {
	.isotope .panel {
		width:33%;
		padding-bottom:18%;
	}
	.isotope .column-width {
		width:33%;
	}
	.isotope .panel-2 {
		width:66.5%;
		padding-bottom:36.5%; /*6%;*/
	}
}

@media only screen and (max-width: 600px) {
	.isotope .panel {
		width:49.75%;
		padding-bottom:27.4%;
	}
	.isotope .column-width {
		width:49.75%;
	}
	.isotope .panel-2 {
		width:100%;
		padding-bottom:55%;
	}
	.acf-map {
		display: none;
	}
	.list_content {
		display: none;
	}

	.mobile-only {
		display: block;
	}

	.mobile-only .list-item h4 {
		display: inline;
	}
	.mobile-only .list-item span {
		display: none;
	}
	.interior-width.all-posts {
    		width: 100%;
	}
}


@media only screen and (min-width: 1559px) {
	.news-list .news-post img {
    		width: 100%;
   		max-height: none;
	}
	span.text-content {
    		height: 455px;
	}
}
.video--paused .plyr__controls,
.homepage-video:not(.video--paused) .plyr--stopped .plyr__controls {
	opacity: 0;
	pointer-events: none;
	transform: translateY(100%);
}	
.video--playing .bg,
.video--playing .plyr {
	z-index: 1;
}
.video--playing .text-wrapper {
	pointer-events: none;
}
.plyr--video .plyr__controls {
	padding-top: var(--plyr-control-spacing,10px)!important;
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
	display: none!important;
}
.plyr__control--overlaid {
	border-radius: 0!important;
	width: 130px!important;
	height: 150px!important;
	background: url(/wp-content/themes/cc_child/images/hex.svg)!important;
	background-size: contain!important;
	color: #080D17!important;
}
@media screen and (max-width: 768px){
	.plyr__control--overlaid {
		width: 65px!important;
		height: 75px!important;
	}
}
.plyr__control--overlaid svg {
	margin: 0 auto;
	width: 32px!important;
	height: 42px!important;
}
@media screen and (max-width: 768px){
	.plyr__control--overlaid svg{
		width: 16px!important;
		height: 26px!important;
	}
}

:root {
	--plyr-video-controls-background: #080D17;
	--plyr-range-fill-background: #FDB713;
	--plyr-video-progress-buffered-background:  #ffffff;
	--plyr-video-control-background-hover: #FDB713;
	--plyr-color-main: #FDB713;
	--plyr-video-control-color-hover: #080D17;
}