@charset "utf-8";
/*
Theme Name: Front 2024
Theme URI: https://www.frontinc.com/
Author: Rowland Holmes
Author URI: https://arturan.com/
Description: Front 2024 theme.
Version: 0.0.1
*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
main{display:block;}
hr{box-sizing:content-box;height:0;overflow:visible;}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}
b,strong{font-weight:700;}
pre,code,kbd,samp{font-family:monospace, monospace;font-size:1em;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-0.25em;}
sup{top:-0.5em;}
img{border-style:none;}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}
button,input{overflow:visible;}
button,select{text-transform:none;}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}
fieldset{padding:0.35em 0.75em 0.625em;}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
progress{vertical-align:baseline;}
textarea{overflow:auto;}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
[type="text"],[type="search"]{font-size:16px;letter-spacing:.05em;}
details{display:block;}
summary{display:list-item;}
template{display:none;}
.hidden, [hidden],.no-js .no-js-hidden,.js .js-hidden{display:none !important}
audio, canvas, iframe, img, svg, video{vertical-align:middle}
::-moz-selection{background:#343434;text-shadow:none}
::selection{background:#343434;text-shadow:none}

.sr-only{border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
.sr-only.focusable:active, .sr-only.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;white-space:inherit;width:auto}
.invisible{visibility:hidden}
.clearfix::before, .clearfix::after{content:" ";display:table}
.clearfix::after{clear:both}
.nowrap{white-space: nowrap;}
#skiptocontent a{position:absolute;top:-50px;padding:6px;left:0;color:#fff;border-right:1px solid #fff;border-bottom:1px solid #fff;border-bottom-right-radius:8px;background:transparent;-webkit-transition:top 1s ease-out,background 1s linear;transition:top 1s ease-out,background 1s linear;z-index:100}#skiptocontent a:focus{position:absolute;left:0;top:0;background:#D14A1F;outline:0;-webkit-transition:top .1s ease-in,background .5s linear;transition:top .1s ease-in,background .5s linear}


*{box-sizing:border-box}
.reverse{flex-direction:row-reverse}
figure{margin:0}
.wp-block-separator{border:none;border-bottom:1px solid var(--secondary);margin:1.1875rem 0}
h1,h2,h3,h4,h5,h6,hr{margin:1.1875rem 0 1rem;}
p{margin:1rem 0}

.auto-embed{position:relative;padding-bottom:56.25%}
.auto-embed iframe{position:absolute;height:100%;width:100%}

.wp-block-details{padding-left:1rem;}
.wp-block-details summary{margin-left:-.8rem;}
.wp-block-details summary::marker{content:'';}
.wp-block-details summary::-webkit-details-marker{display:none;}
/*.wp-block-details[open] summary::marker{content:'▼\0020';font-size:.9em}*/
.wp-block-details + .wp-block-details{margin-top:1rem;}
details .wp-block-details,
details .wp-block-details + .wp-block-details,
summary + p {margin-top:.5rem}
/*GLOBAL*/

/* figma font styles 12/03/24
credits: 10px -> .625em
credit caps: 11px -> .6875em
subheader 2: 12px -> .75em
body 2, subheader 1: 14px -> .875em
submenu: 15px -> .9375em 16/05/24 change to 14px -> .875em
body, main menu, header 4, header 4-cap: 16px -> 1em
header 3: 20px -> 1.25em
header 2: 24px -> 1.5em

line-height
body 2: 18px -> 1.2857
body: 22px -> 1.375
header 2: 28px -> 1.1667

weights
credits: 400
credit caps: 400
main menu: 500
submenu: 400
body: 300
body 2: 400
header 2: 500
header 3: 400
header 4: 400
header 4-cap: 
subheader 1: 500
subheader 2: 400
*/

 /* --color-text-active:#7c7c7c;*/
:root{
  --primary:#000;
  --secondary:#343434;
  --color-text-primary:#fff;
  --color-text-active:#ccff66;
}
body{
  --wp--preset--font-size--small: .875em !important;
  --wp--preset--font-size--medium: 1.25em !important;
  --wp--preset--font-size--large: 1.5em !important;
  --wp--preset--font-size--x-large: 2em !important;
}

.header-2{font-size:var(--wp--preset--font-size--large)}
.header-3{font-size:var(--wp--preset--font-size--medium)}
.bodycopy, 
.mainmenu,
.header-4,
.header-4-cap,
.content-area-content h2,
#profile-menu .sub h2{font-size:1em}
.submenu,
#profile-content .pageid-17 h2{font-size:.875em}
.bodycopy-2,
.subheader-1{font-size:var(--wp--preset--font-size--small)}
.subheader-2{font-size:.75em}
.credit-caps{font-size:.6875em}
.credits{font-size:.625em}

.bodycopy{line-height:1.375}
.bodycopy-2{line-height:1.2857}
.header-2{line-height:1.1667}

.bodycopy{font-weight:300;}
.submenu,
.bodycopy-2,
.header-3,
.header-4,
.header-4-cap,
.subheader-2,
.credits,
.credit-caps{font-weight:400;}
.mainmenu,
.header-2,
.subheader-1,
.content-area-content h2{font-weight:500}

.date,
.subheader-2.location,
.architect,
.header-4-cap,
.credit-caps{text-transform:uppercase;}



/* header */
#header{position:fixed;top:0;width:100%;z-index: 1;background:var(--primary);}
#header .contain{display:flex;justify-content:space-between;align-items:center;height:3.5rem}

.logo svg path{fill:var(--color-text-primary)}

#main-menu ul,
#content-area-menu ul{list-style:none;margin:0;padding:0;text-transform:uppercase}
#main-menu .current-menu-item a,
#main-menu .current-page-ancestor a,
#content-area-menu .current-menu-item a,
#content-area-menu .current-menu-item a,
.single-front_projects .menu-item-4858 a,
.tax-sections .menu-item-4858 a,
.single-front_news .menu-item-4860 a,
.tax-group .menu-item-5455 a,
.single-front_expertise .menu-item-5455 a{color:var(--color-text-active)}

#search{-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)margin:0;padding:.5rem 0;width:100%;}
#search::placeholder {color:var(--color-text-primary);opacity: 1;}
#search:focus{outline:none;color:var(--color-text-primary)}
#search:focus::placeholder {opacity: .25;}
#search:-webkit-autofill {
-webkit-background-clip: text;
-webkit-text-fill-color:var(--color-text-primary) !important;
}
[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  height: .71625rem;
  width: .71625rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgZmlsbD0iI2ZmZiI+PHBhdGggZD0ibTYuNjAzIDcuMzgzIDQuODQ0IDQuODQ0Ljg4NC0uODg0TDcuNDg3IDYuNWw0Ljg0NC00Ljg0NC0uODg0LS44ODQtNC44NDQgNC44NDRMMS43Ni43NzFsLS44ODQuODg0TDUuNzIgNi41Ljg3NSAxMS4zNDNsLjg4NC44ODQgNC44NDQtNC44NDRaIi8+PC9zdmc+);
  background-size:.71625rem .71625rem;
}





/*! Flickity v3.0.0 */
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%;touch-action:pan-y}.flickity-slider{position:absolute;width:100%;height:100%;left:0}.flickity-rtl .flickity-slider{left:unset;right:0}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:grabbing}.flickity-cell{position:absolute;left:0}.flickity-rtl .flickity-cell{left:unset;right:0}

.carousel-cell figure{position:relative;}
.carousel-cell img{width:100%;height:auto;}
.carousel-cell figcaption{position:absolute;color:var(--color-text-primary);opacity:0;transition:opacity .15s ease-out;}
.carousel-cell.is-selected figcaption{opacity:1}
.carousel-cell figcaption::before,
#content-media figure figcaption::before,
#floating-caption::before{ 
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-color: var(--primary);
    opacity: .6;
    border-radius:.5rem;
}
.nocap::before{display:none}
.carousel-cell figcaption div,
#content-media figure figcaption div,
#floating-caption div { 
  position: relative;
  z-index: 2;
  padding: 0.4rem 0.6rem 0.5rem;
}
.carousel-cell figcaption div.header-4,
#content-media figure figcaption div.header-4,
#floating-caption div.header-4{padding-bottom:.3rem}
.home .carousel-cell figcaption div.credits,
#content-media figure figcaption div.header-4 + .credits,
#profile-media figure figcaption div.header-4 + .credits,
#floating-caption div.header-4 + .credits,
.single-front_expertise .carousel-cell figcaption div.header-4 + .credits{padding-top:0;white-space:pre-wrap;}

#floating-caption{display:none;}

.flickity-page-dots {display:none}


/*! GLOBE */
    /*.globelet .largeSpot {
      fill: #000;
      stroke: #fff;
      stroke-width: 1px;
    }

    .globelet .smallSpot {
      fill: #000;
      stroke: #fff;
      stroke-width: 1px;
      width: 20px;
      height: 20px;
    }*/
    
    .globelet .largeSpot,
    .globelet .smallSpot {
      /*fill:rgba(255,255,255,.75);*/
      fill:rgba(0,0,0,.75);
      stroke-width: 0;
    }
    .globelet .largeSpot.current,
    .globelet .smallSpot.current {
      fill:#c3ff54;
      z-index:9;
    }
    .globelet .largeSpot {
      /*width: 1rem;
      height: 1rem;*/
      width: 2.25rem;
      height: 2.25rem;
    }
    .globelet .smallSpot {
     /* width: .5625rem;
      height: .5625rem;*/
      width: .9rem;
      height: .9rem;
    }

    .globelet .main {
      background-color: #000;
    }

    #dotLabel {
      padding: 0;
      text-align: left;
      vertical-align: middle;
      position: absolute;
      z-index: 9999999;
      font-family:'Roboto Flex',sans-serif;
      font-size:.9375em !important;
      font-weight:400 !important;
      color:#fff;
      background:#000 !important;
      transition:clip-path .15s ease-out,opacity .15s ease-out;
      opacity:0;
      clip-path:inset(0 100% 0 0);
      border-radius:0 0 .5rem .5rem;
      max-width:12.5rem;
    }
    #dotLabel.show {
      opacity:1;
      clip-path:inset(0 0);
    }
    #dotLabel .labeltext{}
    #dotLabel .labeltext span{display:block;padding: .375rem .5625rem;}

    .status {
      display: none !important;
    }

.loader {
  width: 48px;
  height: 48px;
  display: block;
  margin:15px auto;
  position: relative;
  color: #FFF;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
.loader::after,
.loader::before {
  content: '';  
  box-sizing: border-box;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 0;
  background-color: #FFF;
  border-radius: 50%;
  animation: scale50 1s infinite ease-in-out;
}
.loader::before {
  top: auto;
  bottom: 0;
  background-color: #c3ff54;
  animation-delay: 0.5s;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
@keyframes scale50 {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
} 

#spin.shown{position:fixed;inset:0;z-index:9999;width:100%;height:100dvh;background:rgba(0,0,0,.7);display:flex;align-items:center}


#magnification{position:absolute;bottom:1.5rem;right:1.5rem;z-index:1}
#magnification button{display:block;background:var(--secondary);position:relative;height:2.25rem;width:2.25rem;padding:0}
#magnification button#larger{border-radius:.5rem .5rem 0 0}
#magnification button#smaller{border-radius:0 0 .5rem .5rem}
#magnification button#larger::before{content:'';display: block;position:absolute;top:.6875rem;right:1.04625rem;
    height:.875rem;width:.1575rem;background-color:var(--color-text-primary);}
#magnification button::after{content:'';display: block;position:absolute;right:.6875rem;top:1.04625rem;
    width:.875rem;height:.1575rem;background-color:var(--color-text-primary);}

/*! main content */
#content{padding-top:3.5rem}

.bodycopy img{max-width:100%;height:auto}
.bodycopy p iframe{max-width:100%;}

#search-modal{position:absolute;z-index:20;height:calc(100vh - 3.5rem);top:3.5rem;background:var(--primary);display:none}
#search-modal.open{display:block}

  #content-media figure{width:100%;height:100%;position:relative}
  #content-media figure img,
  #content-media figure video{width:100%;height:100%;object-fit:cover}

#content-area-wrap{background:var(--primary);}
#profile-area-header,
#content-area-header{background:var(--primary);}
#profile-area-menu,
#content-area-menu,
#search-modal.open nav{border-top:1px solid var(--secondary);display:grid;grid-template-columns:100%;grid-auto-rows:3.5rem}
#content-area-menu ul{align-self:center;}
#content-area-menu form,
#search-modal.open form,
#content-area-menu .number-results{margin:0;height:100%;display:flex;align-items:center;border-bottom:1px solid var(--secondary);}
#content-area-menu h1{margin:0;display:flex;align-items:center;}
#content-area-menu .number-results{border-top:1px solid var(--secondary);}


ul.article-list{list-style:none;margin:0;padding:0}

ul.search{counter-reset: section;}
ul.search .item{padding:0;}
ul.search .item a{display:flex;align-items:flex-start;padding:1rem 0}
ul.search .item a::before{counter-increment: section;content:counter(section) ". ";}
ul.search .item a .feature-text{padding-left:1rem;}

.feature-image figure img {width:100%;height:100%;object-fit:cover}

ul.articles .date{text-transform:uppercase}

.single-front_news .news-image{margin:1rem 0}
.single-front_news .news-image img{width:100%;height:auto}
.related-projects-title{border-top:1px solid var(--secondary);margin-top:1.5rem;padding-top:1.2rem}
.single-front_news .articles .item{padding-top:1rem;}

.link-wrap,
.next-previous{display:flex;justify-content:space-between;align-items:center;}
.single-front_news .date{margin-top:1rem}
.single-front_news h1{margin-top:.5rem}
.next-previous a.next{margin-left:1.5rem}
a.previous::before,
a.next::after {
  content:'';
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  display:inline-block;
  width:1.1rem;
  height:1rem;
  vertical-align: -.15em;
  background-color:var(--color-text-primary);
}

a.previous::before {
  -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-position: center left;
  mask-position: center left;
}
a.next::after {
  -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-position: center right;
  mask-position: center right;
}

#category-pdf::after{
  content:'';
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  display:inline-block;
  width:1.1rem;
  height:1rem;
  vertical-align: -.15em;
  background-color:var(--color-text-primary);
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 20' xml:space='preserve'><path d='M2.5 20A2.5 2.5 0 0 1 0 17.5v-6c0-.28.22-.5.5-.5s.5.22.5.5v6c0 .82.67 1.5 1.5 1.5h14c.83 0 1.5-.68 1.5-1.5v-6a.5.5 0 0 1 1 0v6a2.5 2.5 0 0 1-2.5 2.5h-14z'/><path d='M9.49 15H9.4v-.01h-.02l-.02-.01h-.02l-.03-.01-.02-.01a.49.49 0 0 1-.18-.13L4.13 9.39a.5.5 0 0 1 .03-.7.5.5 0 0 1 .7.03L9 13.22V.5c0-.28.22-.5.5-.5s.5.22.5.5v12.71l4.13-4.5a.5.5 0 0 1 .74.68l-4.98 5.42a.62.62 0 0 1-.05.06h-.01l-.01.01a.5.5 0 0 1-.32.12h-.01z'/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 20' xml:space='preserve'><path d='M2.5 20A2.5 2.5 0 0 1 0 17.5v-6c0-.28.22-.5.5-.5s.5.22.5.5v6c0 .82.67 1.5 1.5 1.5h14c.83 0 1.5-.68 1.5-1.5v-6a.5.5 0 0 1 1 0v6a2.5 2.5 0 0 1-2.5 2.5h-14z'/><path d='M9.49 15H9.4v-.01h-.02l-.02-.01h-.02l-.03-.01-.02-.01a.49.49 0 0 1-.18-.13L4.13 9.39a.5.5 0 0 1 .03-.7.5.5 0 0 1 .7.03L9 13.22V.5c0-.28.22-.5.5-.5s.5.22.5.5v12.71l4.13-4.5a.5.5 0 0 1 .74.68l-4.98 5.42a.62.62 0 0 1-.05.06h-.01l-.01.01a.5.5 0 0 1-.32.12h-.01z'/></svg>");
  -webkit-mask-position: center right;
  mask-position: center right;
}
  
  

ul.projects .item{padding:1.5rem 0 0;}
ul.projects a{display:flex;align-items:center;min-height:7.5rem}
ul.projects .feature-image figure{width:7.5rem;height:7.5rem}
ul.projects .feature-text{padding:.5rem .5rem .5rem 1.5rem}
#project-results .subheader-2.location{margin-top:.4rem}

/*.project-list article,
.article-list .item{padding:.571425rem 0}
.project-list a,
.article-list a{display:flex;align-items:center;gap:1.14285rem;}
.project-list .feature-image figure,
.article-list .feature-image figure {width:120px;height:90px}
.project-list .feature-image figure img,
.article-list .feature-image figure img,
.single-front_news .feature-image figure img {width:100%;height:100%;object-fit:cover}
.project-list .feature-text,
.article-list .feature-text {padding-right:1.14285rem;}
.project-list h2{margin:0;font-weight:300;font-size:1.14285em}
.project-list h3{margin:.5rem 0 0;font-weight:300;font-size:.85714em;text-transform:uppercase}*/

/*ul.search .item a .site-section{padding-top:.5rem}*/

/*.project-description-wrap{display:flex;flex-direction:column;justify-content:space-between;min-height:100%}*/
.roles{margin-bottom:1.5rem}
.role-title{margin:1rem 0 .2rem}

/*.project-description-main h1{font-weight:700;}
.project-description-main .location{font-weight:700;margin:1rem 0;text-transform: uppercase;}
.project-description-main .role-title{font-weight:600;font-size:.7857125em;text-transform: uppercase;}
.project-description-main .architect{font-weight:700;margin-bottom:1rem;text-transform: uppercase;}*/


#share-wrap{position:relative;/*margin-top:-.5rem*/}
#share-trigger{position:absolute;left:0;bottom:.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border-radius:0;border:none;background:0 0;padding:0;color:var(--color-text-primary);cursor:pointer;z-index:2;transition:opacity .25s ease-out}
#share-list-wrap{/*position:absolute;left:0;top:0;*/background:var(--primary);opacity:0;pointer-events:none;transition:opacity .25s ease-out}

#share-wrap.show-share #share-trigger{opacity:0;z-index:0;pointer-events:none}
#share-wrap.show-share #share-list-wrap{opacity:1;animation: enable-pointer-events 500ms;pointer-events:auto}
@keyframes enable-pointer-events {
  0% {
    visibility: hidden; 
  }
  100% {
    visibility: visible; 
  }  
}


.share-list-blocker{position:absolute;top:0;right:0;bottom:0;left:0;z-index:999;display:none;background:rgba(0,0,0,.75)}
.block{display:block}
#share-links{list-style:none;margin:0;padding:0;}
#share-links li a{display:block;padding:.5rem}
#share-links svg{width:auto;height:1.143rem;}
#share-links svg path{fill:var(--color-text-primary)}
#link-copied-alert{opacity:0;margin-left:2.7rem;transition:opacity .15s ease-out;}
#link-copied-alert.shown{opacity:1}

/*#profile-menu #share-wrap{border-top:1px solid var(--secondary);}*/
#profile-menu #share-list-wrap{display:flex;flex-direction:column-reverse;/*margin-top:1rem*/}
#profile-menu #share-links{
    width: 7rem;
    background: #343434;
    border-radius: 0.5rem;
    display:flex;flex-wrap: wrap;
    justify-content: space-between;
}
#profile-menu #share-links li {padding:0;width:33.333%;margin: 0.3rem 0;text-align: center;}
#profile-menu #share-links a{padding:.3rem}
#profile-menu #share-links svg{height:1rem}
#profile-menu #share-trigger{bottom:auto;top:1rem;left:.6rem}
#profile-menu #link-copied-alert{margin:.5rem 0 0}


/* social added 09/25 */
#social-wrap{position:relative;}
#social-trigger{position:absolute;left:0;bottom:.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border-radius:0;border:none;background:0 0;padding:0;color:var(--color-text-primary);cursor:pointer;z-index:2;transition:opacity .25s ease-out}
#social-list-wrap{background:var(--primary);opacity:0;pointer-events:none;transition:opacity .25s ease-out}

#social-wrap.show-social #social-trigger{opacity:0;z-index:0;pointer-events:none}
#social-wrap.show-social #social-list-wrap{opacity:1;animation: enable-pointer-events 500ms;pointer-events:auto}
@keyframes enable-pointer-events {
  0% {
    visibility: hidden; 
  }
  100% {
    visibility: visible; 
  }  
}


.social-list-blocker{position:absolute;top:0;right:0;bottom:0;left:0;z-index:999;display:none;background:rgba(0,0,0,.75)}
#social-links{list-style:none;margin:0;padding:0;}
#social-links li a{display:block;padding:.5rem}
#social-links svg{width:auto;height:1.143rem;}
#social-links svg path{fill:var(--color-text-primary)}

#profile-menu #social-wrap{border-top:1px solid var(--secondary);}
#profile-menu #social-list-wrap{display:flex;flex-direction:column-reverse;margin-top:.5rem}
#profile-menu #social-links{
    width: 7rem;
    background: #343434;
    border-radius: 0.5rem;
    display:flex;flex-wrap: wrap;
    justify-content: space-between;
}
#profile-menu #social-links li {padding:0;width:33.333%;margin: 0.3rem 0;text-align: center;}
#profile-menu #social-links a{padding:.3rem}
#profile-menu #social-links svg{height:1rem}
#profile-menu #social-trigger{bottom:auto;top:1rem;left:.6rem}


#project-menu ul{list-style:none;margin:0;padding:0;}


/*
.link-wrap{border-bottom:1px solid var(--secondary);padding:1.2rem 0 1rem;margin-bottom:1.4rem}
.single-front_news .date,
.section-title{text-transform:uppercase}
.single-front_news .feature-image{margin-top:1rem}

*/


#profile-menu ul,
#expertise-nav ul{list-style:none;margin:0;padding:0}
#expertise-nav li.description{
    padding: 0.35rem 0.5rem;
}

.address-block a{display:block}

.allteam summary{position:relative;z-index:10}
details[open] > summary{color:var(--color-text-active);}
details ul{padding-left:1rem}
.person{margin:.5rem 0 0;position:relative}
.person-name.hasbio{position:absolute;top:0;left:0;z-index:1;cursor:pointer}
.person.open .person-name.hasbio{color:var(--color-text-active);}
.person-bio{max-height:1rem;opacity:0;transition: max-height .7s ease-out, opacity .8s ease-out;}
.person-bio p{margin:0}
.person-bio p + p{margin-top:1rem}
.person .teamname{opacity:0;}
.person.open .person-bio{opacity:1;max-height:100dvh;transition: max-height 1s ease-out, opacity .5s ease-out;}



/*

@media screen and (min-width: 320px) and (max-width: 781px) and (orientation: landscape) {
  html {
    transform: rotate(-90deg);
    transform-origin: left top;
    width: 100vh;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
  }
}
*/