/* medium screens */
@media (min-width:782px){
  body{overflow:hidden}
  .desktop-hidden{display:none !important}
  
  #content{overflow:hidden}
  
 /* *{scrollbar-color: var(--secondary) var(--primary);}*/
  
  ::-webkit-scrollbar-track{
    -webkit-box-shadow:none;
    background-color:var(--primary);
  }
  ::-webkit-scrollbar-track:disabled{background-color:var(--primary);}
  ::-webkit-scrollbar{
    width:1rem;
    background-color:var(--primary);
  }
  ::-webkit-scrollbar-thumb{
    background-color:var(--secondary);
    border-left:.4375rem solid var(--primary);
    border-right:.4375rem solid var(--primary);
    border-radius:0;
  }
  
  #header .contain{padding:0 2rem}
  .logo svg{height:1.875rem}
  
  #menu-trigger{display:none}
  
  #main-menu li{display:inline-block;padding:0}
  #main-menu li+li{padding-left:3.2rem}
  #main-menu li.search svg{width:1rem}
  #main-menu li.search span{display:none}
  #main-menu a{transition:color .15s ease-out;}
  #main-menu a:hover{color:var(--color-text-active);}
  #main-menu a svg path{fill:var(--color-text-primary);transition:fill .15s ease-out;}
  #main-menu a:hover svg path,
  body.page-id-4899 #main-menu a svg path,
  body.search #main-menu li.search svg path{fill:var(--color-text-active);}
  
  
  .carousel{position:relative;width:100%;height:calc(100vh - 3.5rem);}
  .carousel-container:after{content:'flickity';display:none;}
  /*.length-1 .carousel-container:after{content:''}
  .carousel-container:after{content:attr(data-carousel);}*/
  .carousel-cell figure{margin-right:6px;}
  .carousel-cell img{width:auto;height:calc(100vh - 3.5rem);}
  .length-1 .carousel-container,
  .length-1 .carousel-cell{height:100%}
  .length-1 .carousel-cell figure{width:100%;height:100%}
  .length-1 .carousel-cell figure img,
  .length-1 .carousel-cell  figure video{width:100%;height:100%;object-fit:cover}
  .length-1 .button-trigger,
  .length-0 .button-trigger,
  .length-1 .flickity-page-dots,
  .length-0 .flickity-page-dots{display:none}
  
  .carousel-cell figcaption{bottom:2rem;left:2rem;}
  .length-1 .carousel-cell figcaption{opacity:1}
  .home .carousel-cell figcaption{display:none}
  #floating-caption{display:block;position:absolute;bottom:2rem;left:2rem;}
  
  .button-trigger{position:absolute;z-index:4;width:10vw;height:75vh;top:10vh;display:flex;align-items:center;}
  .button-left{left:0;justify-content:flex-start}
  .button-right{right:0;justify-content:flex-end}
  .button-trigger button{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border-radius:0 10px 10px 0;border:none;background:transparent;position:relative;padding:2rem .5rem;transition:opacity .15s ease-out;opacity:0;cursor:pointer;overflow:hidden}
  .button-trigger button::before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;background-color:var(--primary);opacity:.7;}
  .button-right button{border-radius:10px 0 0 10px;}
  .button-trigger button.initial,
  .button-trigger:hover button{opacity:1}
  .button-trigger button svg{width:2rem}
  .button-trigger button path{fill:#fff}
  
  .mouse-change{width: 50%;height: 100%;top:0;z-index:1}
  .mouse-change button{padding:0;width:100%;height:100%;outline:none !important;}
  .mouse-change button::before{content:initial;}
  .mouse-change.button-right button{cursor: url("data:image/svg+xml;utf8,%3csvg xmlns='http://www.w3.org/2000/svg' width='21' height='36' viewBox='0 0 21 36' xml:space='preserve'%3e%3cpath fill='%23FFF' d='M2.06 35.3c.2.19.51.19.7 0l16.98-16.98a.5.5 0 0 0 0-.7L2.77.65a.5.5 0 0 0-.71 0L.65 2.06a.5.5 0 0 0 0 .7l15.2 15.21-15.2 15.2a.5.5 0 0 0 0 .71l1.41 1.41z'/%3e%3cpath d='M3.12 35.65a1 1 0 0 1-.7.29c-.26 0-.52-.1-.71-.3l-1.42-1.4a1.01 1.01 0 0 1 0-1.42l14.85-14.85L.3 3.12c-.2-.2-.29-.45-.29-.7 0-.26.1-.52.3-.71L1.7.29A1 1 0 0 1 2.42 0a1 1 0 0 1 .71.3L20.1 17.25a1 1 0 0 1 0 1.41L3.12 35.66zm-.7-.71 16.96-16.97L2.42 1 1.01 2.4H1l15.2 15.2c.2.2.2.52 0 .72L1 33.52l1.41 1.41z'/%3e%3c/svg%3e") 16 16, pointer !important;}
  .mouse-change.button-left button{cursor: url("data:image/svg+xml;utf8,%3csvg xmlns='http://www.w3.org/2000/svg' width='21' height='36' viewBox='0 0 21 36' xml:space='preserve'%3e%3cpath fill='%23fff' d='M19.74 33.88a.5.5 0 0 0 0-.7L4.54 17.96l15.2-15.2a.5.5 0 0 0 0-.71L18.32.65a.5.5 0 0 0-.7 0L.65 17.62a.5.5 0 0 0 0 .7L17.62 35.3c.2.19.5.19.7 0l1.42-1.42z'/%3e%3cpath d='M17.26 35.65.3 18.68a1 1 0 0 1-.29-.71 1 1 0 0 1 .3-.7L17.25.28a1 1 0 0 1 .71-.29 1 1 0 0 1 .7.3l1.42 1.4c.2.2.3.46.3.71a1 1 0 0 1-.3.71L5.24 17.97 20.1 32.82c.19.19.3.44.3.7a1 1 0 0 1-.3.72l-1.41 1.41c-.2.19-.45.3-.71.3a1 1 0 0 1-.7-.3zm.71-.71 1.41-1.41-15.2-15.2a.5.5 0 0 1 0-.72l15.2-15.2L17.97 1 1 17.97l16.97 16.97z'/%3e%3c/svg%3e") 16 16, pointer !important;}
  .mouse-change.button-right button:active{cursor: url("data:image/svg+xml;utf8,%3csvg xmlns='http://www.w3.org/2000/svg' width='21' height='36' viewBox='0 0 21 36' xml:space='preserve'%3e%3cpath d='M2.06 35.3c.2.19.51.19.7 0l16.98-16.98a.5.5 0 0 0 0-.7L2.77.65a.5.5 0 0 0-.71 0L.65 2.06a.5.5 0 0 0 0 .7l15.2 15.21-15.2 15.2a.5.5 0 0 0 0 .71l1.41 1.41z'/%3e%3cpath fill='%23FFF' d='M3.12 35.65a1 1 0 0 1-.7.29c-.26 0-.52-.1-.71-.3l-1.42-1.4a1.01 1.01 0 0 1 0-1.42l14.85-14.85L.3 3.12c-.2-.2-.29-.45-.29-.7 0-.26.1-.52.3-.71L1.7.29A1 1 0 0 1 2.42 0a1 1 0 0 1 .71.3L20.1 17.25a1 1 0 0 1 0 1.41L3.12 35.66zm-.7-.71 16.96-16.97L2.42 1 1.01 2.4H1l15.2 15.2c.2.2.2.52 0 .72L1 33.52l1.41 1.41z'/%3e%3c/svg%3e") 16 16, pointer !important;}
  .mouse-change.button-left button:active{cursor: url("data:image/svg+xml;utf8,%3csvg xmlns='http://www.w3.org/2000/svg' width='21' height='36' viewBox='0 0 21 36' xml:space='preserve'%3e%3cpath d='M19.74 33.88a.5.5 0 0 0 0-.7L4.54 17.96l15.2-15.2a.5.5 0 0 0 0-.71L18.32.65a.5.5 0 0 0-.7 0L.65 17.62a.5.5 0 0 0 0 .7L17.62 35.3c.2.19.5.19.7 0l1.42-1.42z'/%3e%3cpath fill='%23fff' d='M17.26 35.65.3 18.68a1 1 0 0 1-.29-.71 1 1 0 0 1 .3-.7L17.25.28a1 1 0 0 1 .71-.29 1 1 0 0 1 .7.3l1.42 1.4c.2.2.3.46.3.71a1 1 0 0 1-.3.71L5.24 17.97 20.1 32.82c.19.19.3.44.3.7a1 1 0 0 1-.3.72l-1.41 1.41c-.2.19-.45.3-.71.3a1 1 0 0 1-.7-.3zm.71-.71 1.41-1.41-15.2-15.2a.5.5 0 0 1 0-.72l15.2-15.2L17.97 1 1 17.97l16.97 16.97z'/%3e%3c/svg%3e") 16 16, pointer !important;}
  
  

  
  body.search .button-trigger,
  body.single-front_news .button-trigger,
  .page-template-page-sidecontent .button-trigger,
  .post-type-archive-front_news .button-trigger{display:none}
  
  .flickity-page-dots{position: absolute;left:50%;transform:translateX(-50%);bottom:2rem;z-index:2; /* above viewport */text-align: center;display: flex;justify-content: center;flex-wrap: wrap;
  
    background-color: var(--primary);
    opacity: .6;
    border-radius:.5rem;
    padding:.4rem;
  
  }
  .flickity-page-dot {position: relative;display: block;width: 10px;height: 10px;padding: 0;margin: 0 4px;background: #202020;border-radius: 50%;cursor: pointer;appearance: none;border: none;text-indent: -9999px;overflow: hidden}
  .flickity-rtl .flickity-page-dot{text-indent: 9999px}
  .flickity-page-dot:hover{background: #7c7c7c;}
  .flickity-page-dot:active{background: #7c7c7c;}
  .flickity-page-dot.is-selected{background: #7c7c7c;}
  
  body.search .flickity-page-dots,
  body.single-front_news .flickity-page-dots,
  .page-template-page-sidecontent .flickity-page-dots,
  .post-type-archive-front_news .flickity-page-dots{display:none}
  
  .bodycopy a{transition:color .15s ease-out;}
  .bodycopy a:hover{color:var(--color-text-active);}
  .bodycopy .address-block a:hover{color:inherit;}
  
  #search-modal{width:36.8rem;}
  
  article.sidecontent{display:flex;justify-content:space-between;}
  #content-media{width: calc(100% - 36.8rem);height:calc(100vh - 3.5rem);}
  #content-media figure figcaption{position:absolute;bottom:2rem;left:2rem;color:var(--color-text-primary);}
  
  #content-area-wrap{/*position:absolute;z-index:1;*/width:36.8rem;height:calc(100vh - 3.5rem);}
  #slide-cover{position:absolute;z-index:1;left:36.8rem;width:calc(100vw - 36.8rem);height:calc(100vh - 3.5rem);background:rgba(0,0,0,.5)}
  #profile-area-menu,
  #content-area-menu,
  #search-modal.open nav{margin:0 2rem;}
  .hasmenu #content-area-menu{border-bottom:1px solid var(--secondary);}
  #content-area-menu li{display:inline-block;padding:0;}
  #content-area-menu li+li{padding-left:1.5rem}
  #content-area-menu a,
  .link-wrap a{transition:color .15s ease-out;}
  #content-area-menu a:hover,
  .link-wrap a:hover{color:var(--color-text-active);}
  
  .link-wrap{border-bottom:1px solid var(--secondary);}

  a.previous::before,
  a.next::after {transition:background-color .15s ease-out;}
  a.previous:hover::before,
  a.next:hover::after {background-color:var(--color-text-active);}

  a.previous,
  a.next {transition:color .15s ease-out;}
  a.previous:hover,
  a.next:hover {color:var(--color-text-active);}
  
  .content-area-content{overflow-y:scroll;height:calc(100vh - 3.55rem);margin-left:2rem;padding:0 1rem 1.5rem 0} 
  
  .hasmenu .content-area-content{height:calc(100vh - 7.05rem);}
  
  body.page-id-4899 .content-area-content{height:auto;}
  body.search .content-area-content{height:calc(100vh - 10.55rem);}
  ul.search .item{padding:1rem 0 0;}
  ul.search .item a::before{padding-top:.1rem}
  ul.search .item a{padding:1rem .5rem;}
  
  .article-list a{transition:background .15s ease-out;border-radius:.5rem}
  .article-list a:hover{background:#343434;color:#fff;}
  .article-list a:active{color:#000;}
  
  .articles .item{padding:1.5rem 0 0;}
  .articles a{display:flex;align-items:center;min-height:7.5rem}
  .articles .feature-image figure{width:7.5rem;height:7.5rem}
  .articles .feature-text{padding:.5rem .5rem .5rem 1.5rem}
  .articles .date{margin:0 0 .5rem 0;}
  
  
  
  
/* contact */
  body.page-id-17 .content-area-content{height:calc(100vh - 3.55rem)}
  body.page-id-17 #content-area-wrap{position:static;}
  .haslocation{cursor:pointer;transition:background .15s ease-out;border-radius:.5rem;padding:.5rem;}
  .haslocation:hover{background:#343434;}
  .haslocation p{margin:0}
  h2 + .haslocation{margin-top:-.5rem}
  
  
/*! GLOBE */
    .globelet .largeSpot,
    .globelet .smallSpot {
      transition:fill .15s ease-out;
      cursor:pointer;
    }
    .globelet .largeSpot:not(.current):hover,
    .globelet .smallSpot:not(.current):hover {
      fill:#000;
    }
    /*.globelet .largeSpot:active,
    .globelet .smallSpot:active {
      fill:#343434;
    }*/
#magnification button{transition:background-color .15s ease-out;}
#magnification button:hover{background-color:#7c7c7c}
#magnification button:active::after,
#magnification button#larger:active::before{background-color:#000}
  
  
  
  #projects,
  #contactpage{display:flex;justify-content:space-between;}
  #globe-wrap{position:relative;flex-grow:1;height:calc(100vh - 3.5rem);overflow-y:hidden;}
  #globe{width:100%;height:100%;}
  .projects-columns{display:grid;grid-template-columns:1fr 2fr;width:34.8rem;margin-left:2rem;}
  /*.projects-columns::before{content:'';border-top:1px solid var(--secondary);display:inline-block;
    position:absolute;
    width:588px;
    height:0;}*/
    
  #project-nav{height:calc(100vh - 3.5rem);overflow-y:scroll;padding-top:1px;border-top:1px solid var(--secondary);}
  #project-nav li.underline{border-bottom:1px solid var(--secondary);margin-bottom:.5rem;padding-bottom:.5rem;}
  #project-menu ul li:first-child{display:flex;height:3.5rem;align-items:center;padding-bottom:0}
  #project-menu ul li:first-child a{width:100%}
  #project-nav li a{display:block;padding:.5rem;transition:background .15s ease-out;max-width:99%;border-radius:.5rem}
  #project-nav li.current-menu-item a,
  #project-nav li a:hover{background:#343434;}
  #project-nav li:not(.current-menu-item) a:active{color:#000;}
  
  .project-list{/*padding:1px 0 0 1.14285rem;*/}
  .projects-title{border-top:1px solid var(--secondary);/*border-bottom:1px solid var(--secondary);display:flex;height:calc(3.5rem + 2px);align-items:center;*/margin-right:2rem;display:flex;justify-content:space-between}
  #projects-tax-trigger,
  #projects-list-trigger{display:none}
    
  #project-results{height:calc(100vh - 3.5rem);overflow-y:scroll;}
  ul.article-list {
    margin: 0 1rem 1rem 0;
  }
  ul.projects .item{width:100%;
    padding-top:.9rem}
  .project-list article{padding-right:1rem}
  .project-list a{transition:background .15s ease-out;border-radius:.5rem}
  .project-list a:hover{background:#343434;}
  .project-list a:active{color:#000;}
  
  #category-pdf::after path{transition:background-color .15s ease-out;}
  #category-pdf:hover{background:0 0;}
  #category-pdf:hover::after{background-color:var(--color-text-active);}
  
  .project-description{overflow-y:auto;width:36.8rem;height:calc(100vh - 3.5rem)}
  .project-description-wrap{padding:0 2rem 2rem 2rem;}
  .project-description-main{padding:0;}
  .project-description-main .link-wrap{border-top:1px solid var(--secondary);height:3.5rem;position:sticky;top:0;z-index:1;background:var(--primary);}
  .project-description-main h1{margin-top:2rem}
  .description-mobile,
  #post-nav{display:none}
  
	
  #share-links li{display:inline-block}
  #share-links li+li{padding-left:1.7857rem}
  #share-links a svg path{transition:fill .15s ease-out;}
  #share-links a:hover svg path{fill:var(--color-text-active)}
  #share-trigger{transition:color .15s ease-out;}
  #share-trigger:hover{color:var(--color-text-active)}
  
/* social 09/25 */
  #social-links li{display:inline-block}
  #social-links li+li{padding-left:1.7857rem}
  #social-links a svg path{transition:fill .15s ease-out;}
  #social-links a:hover svg path{fill:var(--color-text-active)}
  #social-trigger{transition:color .15s ease-out;}
  #social-trigger:hover{color:var(--color-text-active)}

  .project-description{position:absolute;background:var(--primary);z-index:3;transition:opacity .5s ease-out;}
  .p-d-closed{opacity:0}
  .p-d-closed .project-description-wrap{pointer-events:none}
  .project-description-blank{width:36.8rem;height:calc(100vh - 3.5rem);background:var(--primary);}
  

/* profile */
  #profile-media{width: calc(100% - 36.8rem);height:calc(100vh - 3.5rem);opacity:1;transition:opacity .5s ease-out;}
  #profile-media.fade{opacity:0;transition:opacity 0s linear;}
  #profile-area-wrap{width:36.8rem;height:calc(100vh - 3.5rem);}
  .profile-area-content{display:flex;justify-content:space-between;padding-top: 0.5rem;} 
  #profile-menu{margin-left:2rem;overflow-y:scroll;height:calc(100vh - 3.55rem);padding:0 1rem 1.5rem 0}
  #profile-content{overflow-y:scroll;height:calc(100vh - 3.55rem);padding:0 1rem 1.5rem 0;flex-basis:70%}


  #expertise-nav{display:grid;grid-template-columns: 1fr 2fr;column-gap:1rem;padding-top:.5rem;}
  #profile-menu li,
  #expertise-nav li{margin:.5rem 0}
  #profile-menu li a,
  #expertise-nav li a{display:block;padding:.6rem .5rem;transition:background .15s ease-out;border-radius:.5rem}
  #expertise-nav #expertise-subs li a{padding:.35rem .5rem;}
  #profile-menu li a:hover,
  #profile-menu li.current a,
  #expertise-nav li a:hover,
  #expertise-nav li.current a{background:#343434;color:#fff;}
  #profile-menu li a:active,
  #expertise-nav li a:active{color:#000;}
  #profile-menu .sub,
  #expertise-groups .sub{display:none}
  
  .single-front_expertise .project-description-main h1{margin-top:revert;margin-bottom:2rem}
  
  
  .person-name.hasbio{transition:color .5s ease-out;}
  .person-name.hasbio:hover{color:var(--color-text-active);}
  
  summary{transition:color .5s ease-out;}
  summary:hover{color:var(--color-text-active);}
  
  .isvideo,
  .isvideo figure{height:100%;max-width:100%}
  .isvideo video{height:100%;width:100%;object-fit:cover}
  
  #videocontrol{padding:.6rem 1.5rem .5rem;background:rgba(0,0,0,.75);position:absolute;bottom:2rem;right:2rem;z-index:10;cursor:pointer;font-size:1.25em;font-weight:900;border-radius:.5rem}
  
  
  a.address-block:hover{color:#fff}

}