/* =Mobile Menu
---------------------------------------------------------------------- */

#mobile-menu, #mobile-screen, #mobile-header {
	display: none;
}
#mobile-menu {
	background: #ffffff;
	overflow: auto;
	transform: translatez(0);
	-o-transform: translatez(0);
	-ms-transform: translatez(0);
	-moz-transform: translatez(0);
	-webkit-transform: translatez(0);
}
#mobile-screen {
	background: rgba(0,0,0,0.5);
	left: 0;
	height: 100%;
}
#mobile-screen, #mobile-menu {
	position: fixed;
	z-index: 100;
	display: none;
	float: left;
}
#mobile-header {
	width: 100%;
	background: #fff;
	float: left;
	padding:1em 0;
	text-align:center;
	position:fixed;
	z-index:100;
}
#mobile-logo {
	display: inline-block;
	text-decoration: none;
}
#mobile-logo img {
	height:56px;
	display:block;
	margin:0 auto;
}
#mobile-header-icon {
	font-size: 40px;
	color: #000;
	cursor: pointer;
	position:absolute;
	left:0.5em;
	top:0.05em;
}
#mobile-header-icon:before {
	padding: 6px;
	float: right;
}
#mobile-menu-wrapper ul {
	margin: 0px;
	width: 100%;
}
#mobile-menu-wrapper li {
	margin: 0px;
	width: 100%;
}
.mobile-contact {
	position:absolute;
	top:0.7em;
	right:2em;
}
.mobile-contact li {
	display:inline-block;
}
.mobile-contact .icon {
	display:block;
}

#mobile-menu {
	font-size:2em;
}
#mobile-menu .title-2 {
	position: sticky;
	top: 0;
	background:#FFD83A;
	padding:1em 1.5em;
	font-size:1em;
	font-weight:bold;
	letter-spacing:0;
	font-style:italic;
	margin:0;
}

#mobile-menu-wrapper li.menu-item-has-children {
	display: grid;
	grid-template-columns: calc(100% - 44px) 44px;
	gap: 0;
	border-bottom: 1px solid #333;
}
#mobile-menu-wrapper li.menu-item-has-children.submenu--expanded > .sub-menu {
	display: block;
	position: relative;
	grid-column: 1/3;
	transition: all 0.125s ease;
}
#mobile-menu-wrapper li.menu-item-has-children > .menu--toggler svg {
	transition: all 0.125s ease;
}
#mobile-menu-wrapper li.menu-item-has-children.submenu--expanded > .menu--toggler svg {
	transform: rotate(90deg);
}
#mobile-menu-wrapper li.menu-item-has-children > a {
	border-bottom: none!important;
}
#mobile-menu-wrapper li.menu-item-has-children > .menu--toggler {
	cursor: pointer;
}
#mobile-menu-wrapper li.menu-item-has-children > a.open:before {
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}
#mobile-menu-wrapper .sub-menu {
	display: none;
}
#mobile-menu-wrapper a {
	color: #333333;
	letter-spacing:0;
	line-height: 21px!important;
	font-size: 16px;
	text-align: left;
	text-decoration: none;
	display:block;
	padding:1em 2em;
	font-weight:normal;
	font-style:italic;
}
#mobile-menu-wrapper #menu-main-menu > li > a {
	border-bottom: 1px solid #333;
	font-size:1em;
	padding:1em 1.5em;
}
#mobile-menu-wrapper .sub-menu {
	background-color: #f9f9f9;
	box-shadow: 0 0 6px 2px #dbdbdb inset;
	-moz-box-shadow: 0 0 6px 2px #dbdbdb inset;
	-webkit-box-shadow: 0 0 6px 2px #dbdbdb inset;
}
#mobile-menu-wrapper .sub-menu .sub-menu {
	background-color: #f3f3f3;
	box-shadow: 0 0 6px 2px #d0d0d0 inset;
	-moz-box-shadow: 0 0 6px 2px #d0d0d0 inset;
	-webkit-box-shadow: 0 0 6px 2px #d0d0d0 inset;
}
#mobile-menu-wrapper .sub-menu .sub-menu .sub-menu {
	background-color: #ededed;
	box-shadow: 0 0 6px 2px #c0c0c0 inset;
	-moz-box-shadow: 0 0 6px 2px #c0c0c0 inset;
	-webkit-box-shadow: 0 0 6px 2px #c0c0c0 inset;
}
#mobile-menu-wrapper .sub-menu .sub-menu .sub-menu .sub-menu  {
	background-color: #e7e7e7;
	box-shadow: 0 0 6px 2px #b0b0b0 inset;
	-moz-box-shadow: 0 0 6px 2px #b0b0b0 inset;
	-webkit-box-shadow: 0 0 6px 2px #b0b0b0 inset;
}
#mobile-menu-wrapper .sub-menu a {
	border-bottom: 1px dotted #e0e0e0;
}
#mobile-search {
	float: left;
	width: 100%;
	display: inline-block;
	clear: both;
	margin: 19px 0 10px;
}
#mobile-search .screen-reader-text, #mobile-search .search-submit {
	display: none;
}
#mobile-search .search-form {
	float: left;
	padding-left: 16.5%;
	width: 60%;
	margin-right: 16px;
}
#mobile-search input[type="search"] {
	line-height: 17px;
	font-size: 13px;
	color: #999999;
	padding: 7px;
	text-decoration: none;
	float: left;
	margin: 0!important;
	width: 97%!important;
	border: 1px solid #e3e3e3;
	border-radius: 3px;
}
#mobile-search input[type="search"]:focus {
	border: 1px solid #999999;
}
#mobile-search-icon:before {
	font-size: 26px;
	line-height: 34px;
	float: left;
	color: #9b9b9b;
	cursor: pointer;
}

#menu-social-menu {
	display: flex;
	justify-content: space-evenly;
}
#mobile-social-menu-wrapper {
	position: sticky;
	bottom: 0;
	width: 100%;
	text-align: center;
	background-color: #fff;
	box-shadow: 0 -2px 2px #dbdbdb;
	padding: 4px 0;
}
#mobile-social-menu-wrapper a:before {
	font-size:24px;
}
#mobile-social-menu-wrapper li {
	display:inline-block;
}

/* =Media Queries
---------------------------------------------------------------------- */
@media (max-width:1200px) {
	.menu-footer-menu-container {
		width: 80%;
		text-align: center;
		padding-left: 20%;
	}
}

@media (max-width: 960px) {
	/* General */
	html {
		font-size: 82%;
	}
	.row {
		width:90%;
		margin:2em auto;
	}
	.banner, .photo, .projects-row, .locations.row {
		width:100%;
	}
	
	/* Header */
	#header {
		display: none;
	}
	#mobile-header {
		display: inline-block;
	}
	#mobile-menu {
		left: -40%;
		width: 40%;
		font-size:1.75em;
	}
	#main {
		margin-top:5.5em!important;
	}
	#mobile-screen {
		width: 60%;
	}
	.archive_header {
		position:fixed;
		width:100%;
		z-index:50;
	}
	.archive_header .inner-page {
		padding:0.5em 2em;
		width: calc(100% - 4em);
	}
	.archive-content {
		margin-top:3.7em;
	}
	
	/* Body */
	.archive_header h1 {
		font-weight:bold;
	}
	.filters .taxonomy_list ul ul {
		padding-top:0.5em;
	}
	#main .taxonomy_list_toggle, #main .search_toggle {
		font-weight:500;
	}
	.photo .title {
		font-size:3.5em;
	}
	.corner-link {
		display:none;
	}
	.scrollingHotSpotLeft, .scrollingHotSpotRight {
		display:none!important;
	}
	.panel .details {
		font-size:1em;
	}
	.panel .details span {
		display:none;
	}
	.parallax {
		height:auto!important;
		padding:0!important;
		background:none!important;
	}
	.non-parallax {
		display:block!important;
		position:relative!important;
	}	
	.text.row, .small-photo, .body_text {
		width:90%;
	}		
	
	.fancybox-wrap, .fancybox-inner {
		width:100%!important;
		left:0!important;
		top:0!important;
	}
	.fancybox-wrap .fancybox-close {
		top:35px;
		position:absolute;
	}
	.panel-box h1.entry-title {
		padding-right:3em;
	}
	.fancybox-wrap .project-related {
		margin-top:0;
	}
	
	/* Footer */
	.footer_info {
		text-align:center;
		padding:1em;
	}
	.menu-footer-menu-container li {
		margin-right:0.5em;
	}
	.menu-footer-menu-container, .colophon, .copyright {
		position:static;
		padding:0;
		width:100%;
	}

	/* Forms & Buttons */


}

@media (max-width: 650px) {
	/* General */
	html {
		font-size: 68%;
	}
	
	/* Header */
	#mobile-menu {
		left: -77%;
		width: 77%;
	}
	#mobile-screen {
		width: 23%;
	}
	
	/* Isotope Headers */
	.isotope-page-name {
		display: none;
	}
	.isotope-colon {
		display: none;
	}

	/* Body */
	#sidebar {
		display: none;
	}
	#content, #content.flexible-content {
		width: 100%;
	}
	#content .wp-pagenavi a.page, #content .wp-pagenavi .current {
		display: none;
	}
	
	.photo .title {
		font-size:2em;
	}
	.project-related .panel {
		width:49%;
		width:calc(50% - 5px);
	}
	.panel-box h1, .panel-box .project-related h2 {
		font-size:2em;
		font-style:italic;
	}

	/* Footer */

	/* Forms & Buttons */
	.gform_wrapper input[type="submit"] {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
		display: table;
		margin: 0 auto;
	}


	/* Profiles & 欧美日韩国产精品 - Removed to prevent text from overlapping faces in mobile view 
	.panel .valign {
	    z-index: 10;
	    bottom: 5px !important;
	    top: auto !important;
	}

	.panel .details {
	    opacity: 1 !important;
	}

	.panel .details h3 {
	    color: #fff;
	    font-size: .8em;
	    font-weight: 400;
	}

	.panel .details p {
	    color: #fff;
	    font-size: .7em;
	    display: none;
	}

	.panel .overlay {
	    display: none;
	}

	.panel img a {
		font-size: 1em;
	} 
	*/

}

@media (max-width: 430px) {
	html {
		font-size: 60%;
	}
	body {
		font-size:14px;
	}
	#main {
		margin-top:6em!important;
	}
	#mobile-menu {
		font-size:2em;
	}
	.interior-width {
		width:100%;
	}
	.photo .title {
		font-size:2.1em;
	}
	h2, .title-2 {
		font-size:1.5em;
	}
	
	.col {
		float:none;
		margin:0 0 10% 0!important;
		width:auto!important;
	}
	.two-col-text div {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		-webkit-column-gap:0;
		column-gap:0;
		width:100%;
	}
	
	.person-content h1 {
		float:none;
		width:auto;
		padding:1em 1.5em;
	}
	
	.projects-row .interior-width {
		width:100%;
	}
	#makeMeScrollable, .scrollWrapper {
		height:auto;
	}
	.scrollableArea, .scrollableArea .panel, .scrollableArea .panel .image, .scrollableArea .panel a, .scrollableArea .panel .image img {
		height:auto;
		width:185px;
	}
	.large-photo {
		padding-bottom:50%;
	}
	.button {
		line-height:1.5;
	}
	
	.archive_header {
		text-align:center;
	}
	.archive_header h1 {
		font-size:1.1em;
	}
	.filters .taxonomy_list, .filters .search {
		display:inline-block;
		margin-left:0.5em;
	}
	.filters .taxonomy_list {
		margin-left:0;
	}
	.filters .search form {
		width:6em;
	}
	.filters .search form input[type=text] {
		width:5em;
	}
	.filters .search input[type=submit] {
		display:none;
	}
	
	.description-aside, .description-content {
		margin:0;
		width:auto;
		float:none;
		text-align:left;
	}
	.body_text_image {
		margin:0 0 2em 0;
		float:none;
		width:100%;
		clear:both;
	}
	.body_text_content {
		padding:0;
	}
	.project-related .panel {
		width:50%;
		margin:0;
	}
	.awards .graphics img {
		max-width:50%;
		margin:0 5% 5% 0;
	}
	.clients li {
		width:45%;
	}
	
	.careers .sidebar, .careers .content {
		float:none;
		width:100%;
		text-align:left;
	}
	
	.fancybox-wrap .fancybox-close {
		top:22px;
	}
	
	.panel-box {
		position:fixed!important;
		overflow:scroll!important;
		height:100%!important;
	}
	.panel .details {
		opacity: 0;
	}

	.panel .details .valign {
		position: relative;
	}

	.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;
}
.isotope .panel .image {

}