/* small screens */
@media (max-width: 781px){
  .mobile-hidden{display:none !important}
  
  #header{z-index:1000;}
  #header .contain{padding:0 1.5rem}
  .logo svg{height:1.5rem}
 
  #menu-trigger,#menu-trigger .icon{margin:0;padding:0;cursor:pointer;pointer-events:auto}
  #menu-trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border-radius:0;border:none;background:0 0;transform:translateZ(0);width:32px;height:23px}
  #menu-trigger .icon span,
  #menu-trigger .icon span::after,
  #menu-trigger .icon span::before {position:absolute;display:block;width:100%;height:2px;background-color:var(--color-text-primary);}
  #menu-trigger .icon span{background-color:transparent;}
  #menu-trigger .icon span::after,
  #menu-trigger .icon span::before{content:"";transition-duration:.15s,.15s;transition-delay:.15s,0s;width:100%}
  #menu-trigger .icon span::before{top:-7px;transition-property:top,transform}
  #menu-trigger .icon span::after{bottom:-7px;transition-property:bottom,transform}
  .is-active #menu-trigger .icon span::before{top:0;transform:rotate(45deg);transition-delay:0s,.15s;}
  .is-active #menu-trigger .icon span::after{bottom:0;transform:rotate(-45deg);transition-delay:0s,.15s;}
  
  #main-menu{transform:translateY(-100%);position:fixed;top:0;left:0;width:100%;transition:transform 250ms ease-out;z-index:-1;background:var(--primary);}
  .is-active #main-menu{transform:translateY(0);overflow-y:scroll;}
  
  #main-menu ul{padding:3.5rem 0 .4rem;}
  #main-menu li{padding:.8rem 0;}
  #main-menu a{display:block;color:var(--color-text-primary);text-decoration:none;padding:.5rem 1.5rem;}
  #main-menu li.search svg{display:none}
  
  #content{min-height:100dvh;}
  
  
  .carousel-cell figure{margin-bottom:6px;}
  
  .carousel-cell figcaption{/*bottom:.5rem;left:1.5rem;right:1.5rem;*/position:static;/*max-height:0;*/overflow:hidden;/*transition:opacity .5s ease-out, max-height .25s ease-out;*/opacity:1}
  
  .single-front_projects .carousel-cell figcaption{opacity:0}
  
  
  .carousel-cell.showcredit figcaption {opacity:1;/*max-height:200px;*/transition:opacity .5s ease-out, max-height .5s ease-out;}
  
  .carousel-cell figcaption::before{content:initial}
  
  .carousel-cell figcaption div {padding: 0.6rem 1.5rem 0.3rem;}
  
  .button-trigger{display:none}
  #slides{display:none}
  
  #search-modal{position:fixed;width:100%;}
  
  
  #content-area-wrap{padding-top:calc(50dvh - 5.25rem);}
  #content-media.mobile-hidden + #content-area-wrap,
  .tax-group #content-area-wrap{padding-top:0;}
  
  #content-area-header,
  #profile-area-header{position:sticky;top:3.5rem;z-index:1}
  #content-area-menu,
  #profile-area-menu,
  #search-modal.open nav{margin:0 1.5rem;border-bottom:1px solid var(--secondary);}
  #content-area-menu ul{display:flex;justify-content:space-between;}
  
  .content-area-content,
  .profile-area-content{margin:0 1.5rem;padding-bottom:1.5rem}
  #content-media figure figcaption{position:relative;margin:.5rem .9rem;}
  
  ul.search .item a .feature-text .title{font-size:1em;}
  
  .feature-image figure {width:100%;height:auto}
  
  .articles .date{margin:.5rem 0;}
  .articles .title{margin-bottom:1.5rem;}

  html,.single-front_news,
  .single-front_news #content{min-height:100%;}
  .single-front_news #content-area-wrap{min-height:100%;position:relative;padding-bottom:1rem}
  .single-front_news .content-area-content{height:calc(100% - 4.7rem);padding-bottom:3.5rem;/*overflow-x:hidden*/}
  .single-front_news .content-footer{bottom:0;position:absolute;width:calc(100% - 3rem);padding-bottom:1.5rem;margin:0 1.5rem;}
  
  .single-front_news .articles a{display:flex;align-items:center;min-height:7.5rem}
  .single-front_news .articles .feature-image figure{width:7.5rem;height:7.5rem}
  .single-front_news .articles .feature-text{padding:.5rem .5rem .5rem 1.5rem}
  .single-front_news .articles .title{margin-bottom:0;}
  
  
  /*
  #content-area-menu{width:100%;position:sticky;background:var(--primary);top:3.5rem}
  .menu-profile-container,
  .search-form,
  .number-results,
  .page-title{font-size:1.07145em;margin:0 1.71425rem;padding:1.1425rem 0;border-bottom:1px solid var(--secondary);}
  .search-form{padding:0.807rem 0;}
  .number-results{padding:1.3215rem 0;}
  .page-title,
  .section-title{font-size:1em;text-transform:uppercase;font-weight:600;padding:1.3645rem 0;}
  #search{font-size:16px}
  #menu-profile{display:flex;justify-content:space-between;}
  .content-area-content{font-size:1.071425em;padding:.3rem 1.71425rem 1.1425rem}
  .content-area-content h2+p{margin-top:1rem}*/
  
  #projects{/*position:relative;width:100vw;height:calc(100vh - 3.5rem);height:calc(100dvh - 3.5rem);*/}
  #globe-wrap{position:fixed;top:3.5rem;width:100vw;/*height:100vw;*/height:calc(50dvh - 5.25rem);z-index:2;background:var(--primary);}
  #globe{position:relative;width:100vw;/*height:100vw;*/}
  /*.projects-columns{width:100vw;overflow-y:auto;}*/

  #project-nav{transform:translateY(-100%);position:fixed;left:0;width:100%;transition:transform 750ms ease-in;z-index:2;background:var(--primary);top:3.5rem;}
  .project-nav-open #project-nav{transform:translateY(0);overflow-y:scroll;transition:transform 500ms ease-out;}
  
  #project-menu ul{padding-top:3.5rem}

  .projects-title{display:flex;justify-content:space-between;padding:0 1.5rem;position:fixed;top:3.5rem;background:var(--primary);width:100%;height:3.5rem;align-items:center;z-index:4}
  .projects-title::after{content:'';position:absolute;width:calc(100vw - 3rem);border-bottom:1px solid var(--secondary);left:1.5rem;bottom:0}
  .projects-title::before{content:'';position:absolute;width:calc(100vw - 3rem);border-top:1px solid var(--secondary);left:1.5rem;top:0}
  #projects-tax-trigger,
  #projects-list-trigger{margin:0;padding:0 1rem 0 0;cursor:pointer;pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border-radius:0;border:none;background:0 0;transform:translateZ(0);color:var(--color-text-primary)}

  #projects-tax-trigger::after{
    content: '';
    position: absolute;
    top: 0.3rem;
    right: 0;
    width: 0;
    height: 0;
    border-left: .3rem solid transparent;
    border-right: .3rem solid transparent;
    border-top: calc(.6rem * 0.8660254) solid var(--color-text-primary);
	  transition:transform .15s ease-out;
	  transform: rotate(30deg);
  }
  #projects-tax-trigger{position:relative}
  .project-nav-open #projects-tax-trigger::after{transform: rotate(120deg);transform-origin: .3rem .2rem;}

  #project-menu{margin:0 1.5rem;padding:.3rem 0 3rem}
  #project-menu li{display:inline-block;margin-right:.5rem}
  #project-menu li a{display: inline-block;padding:.3rem 0}
  #project-menu li.current-menu-item a{color:var(--color-text-active)}
  #project-menu li.underline::after{content:'';display:block;width:calc(100vw - 3rem);border-bottom:1px solid var(--secondary);padding-top:.3rem;margin-bottom:.3rem}
	

  .project-list-hidden #globe{height:calc(100vh - 7rem);height:calc(100dvh - 7rem)}
  .project-list-hidden .projects-columns{top:calc(100vh - 3.5rem);top:calc(100dvh - 3.5rem);overflow-y:hidden;}
  .project-list-hidden .projects-title{top:calc(100vh - 3.5rem);top:calc(100dvh - 3.5rem);}
  .project-list-hidden #projects-tax-trigger{pointer-events:none}
  .project-list-hidden #projects-tax-trigger::after{display:none}

  ul.projects a{min-height:5.625rem;}
  ul.projects .feature-image figure{height:5.625rem;}
	
  #project-results{padding:3.5rem 0 1.5rem;}
  ul.projects{padding:0 1.5rem;}
  /*.project-list-hidden #project-nav{top:calc(100vw + 7rem);*/
	
	.project-description{margin:0 1.5rem;padding:0}
  /*.roles{font-size:.92857em;}
  .role-title{display:none}*/
  .description-mobile{margin:0 1.5rem;padding:.5rem 0 2rem}
  .single-front_projects .share-wrap{margin-top:2.5rem}
  
  .description-desktop{display:none}
  
  
 /* .article-list a{display:block;}
  .article-list .feature-image figure {width:100%;height:auto}
  .article-list .feature-text {padding:.7rem 0 1.14285rem;}
  .article-list .date{margin:0;font-size:.9333em}
  .article-list .title {line-height:1.2;font-size:1.6em}
  .search-results .article-list .title {font-size:1.06667em}
  ul.search .item a::before{padding-top:0rem}
  .search-results .article-list .feature-text {padding-top:.2rem}*/
  
  
  #share-trigger{display:block}
  #post-nav{margin:0 1.5rem 1.5rem;display:flex;justify-content:space-between;align-items: baseline;}
  #post-nav div{flex-basis:33.33%}
  #post-nav div.globe{text-align:center}
  #post-nav div.next{text-align:right}
  
  #post-nav div.previous a::before {
  content:'';
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 19' xml:space='preserve'><path d='M.29 10.2a.98.98 0 0 1 0-1.4L9.09 0l1.39 1.38L2.36 9.5l8.12 8.12L9.09 19 .3 10.2z'/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 19' xml:space='preserve'><path d='M.29 10.2a.98.98 0 0 1 0-1.4L9.09 0l1.39 1.38L2.36 9.5l8.12 8.12L9.09 19 .3 10.2z'/></svg>");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position: center left;
  mask-position: center left;
  display:inline-block;
  width:1.5rem;
  height:1.3rem;
  vertical-align: middle;
  background-color:#7C7C7C;
}
  
  #post-nav div.next a::after {
  content:'';
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 19' xml:space='preserve'><path d='M10.71 10.2c.39-.4.39-1 0-1.4L1.91 0 .52 1.38 8.64 9.5.52 17.62 1.91 19l8.8-8.8z'/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 19' xml:space='preserve'><path d='M10.71 10.2c.39-.4.39-1 0-1.4L1.91 0 .52 1.38 8.64 9.5.52 17.62 1.91 19l8.8-8.8z'/></svg>");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position: center right;
  mask-position: center right;
  display:inline-block;
  width:1.5rem;
  height:1.3rem;
  vertical-align: middle;
  background-color:#7C7C7C;
}
  
  .share-list-wrap{width:calc(100% - 3rem);left:1.5rem;bottom:2rem;}
  .link-copied-alert{margin-left:2rem;}
  #share-links{display:flex;justify-content:space-between}
  
  
  /* profile + expertise */
  #profile-menu li.profile-li,
  #expertise-groups li.topli{padding:.5rem;border-radius:.5rem; background-color:var(--primary);transition: background-color 2s ease-out;margin-top:.5rem}
  #profile-menu a.profile-a,
  #expertise-groups a.topa{display:flex;justify-content:space-between;}
  #profile-menu a.profile-a::after,
  #expertise-groups a.topa::after {
    content:'';
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 19' xml:space='preserve'><path d='M10.71 10.2c.39-.4.39-1 0-1.4L1.91 0 .52 1.38 8.64 9.5.52 17.62 1.91 19l8.8-8.8z'/></svg>");
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 19' xml:space='preserve'><path d='M10.71 10.2c.39-.4.39-1 0-1.4L1.91 0 .52 1.38 8.64 9.5.52 17.62 1.91 19l8.8-8.8z'/></svg>");
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    display:inline-block;
    width:1.5rem;
    height:1.3rem;
    vertical-align: middle;
    background-color:#7C7C7C;
    transition: transform .15s ease-out;
    transform-origin: 43% 46%;
  }
  #profile-menu li.profile-li.open,
  #expertise-groups li.topli.open{background-color:var(--secondary);transition: background-color .5s ease-out}
  #profile-menu .open a.profile-a::after,
  #expertise-groups .open a.topa::after {transform:rotate(90deg);}
  #profile-menu .sub,
  #expertise-groups .sub{max-height:0;overflow:hidden;transition: max-height 1s ease-out;margin:0 .5rem}
  #profile-menu .open .sub,
  #expertise-groups .open .sub{max-height:1000dvh;}
  #expertise-groups .sub li{padding:.5rem 0;opacity:0;transition: opacity 1s ease-out}
  #expertise-groups .open .sub li{opacity:1}
  #expertise-groups .sub a{display:block}
  
  .single-front_expertise .carousel-container{margin:1.5rem 0}

  .isvideo,
  .isvideo figure,
  .isvideo video{width:100%;}
  
  #profile-menu #share-wrap,
  #profile-menu #social-trigger{display:none}
  #profile-menu #social-wrap{border-top:none}
  #profile-menu #social-list-wrap{opacity:1}
  #profile-menu #social-links{background:none}
  
}