$_SERVER['HTTP_HOST']$_SERVER['HTTP_HOST']$_SERVER['HTTP_HOST']@charset "UTF-8";
/*
CSS DOCUMENT -------------------------
License: Alen Kirn
URL: www.itlaw.si
Organization: IT Law
Description : Stylesheet
--------------------------------------
*/


/* [00] RESET */
/* --------------------------------------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline; background:transparent;}
body{line-height:1;}
ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote::before,blockquote:after,q::before,q:after{content:''; content:none;}
:focus{outline:0;}
::selection { background: #f5f5f5; color: darkGray; text-shadow: none;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
div, article, section, form{display:block;}
html {box-sizing: border-box; font-size: 100%;}
html, body {height: 100%; width: 100%;} 
::-webkit-input-placeholder {text-indent:0rem;}
:-moz-placeholder {text-indent:1rem;}
::-moz-placeholder {text-indent:1rem;}
:-ms-input-placeholder {text-indent:1rem;}
::placeholder{text-indent:1rem;}
*{box-sizing: border-box; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;}
*::after,
*::before {box-sizing: border-box;}
[type="search"]{-webkit-appearance: textfield;}


/* [02] FONTS */
/* --------------------------------------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Prompt:wght@300;400;500;700&display=swap');

/*

font-family: 'Playfair Display', serif;
font-family: 'Prompt', sans-serif;

*/


/* [01] VARIABLES & DEFAULTS */
/* --------------------------------------------------------------------------------------------- */

:root{
--gold: #806F52;
--gold-2: #867865;
--grey: #181612;
--dark-grey: #222222;
--text-white: #d2d2d1;/*#d2d2d1*/
--bezier-basic: .6s cubic-bezier(.165,.84,.44,1);

}

body {
	background: rgb(32,29,25);
	margin: 0;
	overflow: hidden;
	box-sizing: border-box;
}

html, body{
	font-family: 'Prompt', sans-serif;
	font-size: 24px;
	font-weight: 300;
}



/* [01] ANIMATIONS */
/* --------------------------------------------------------------------------------------------- */

@keyframes arrows {
  0%   {margin:0 30px 0 0; filter: blur(0px);}
  50%  {margin:0 20px 0 10px; filter: blur(2px);}
  100% {margin:0 30px 0 0; filter: blur(0px);}
}

@keyframes arrows2 {
  0%   {margin:0 10px 0 0; filter: blur(0px);}
  50%  {margin:0 20px 0 -10px; filter: blur(1px);}
  100% {margin:0 10px 0 0; filter: blur(0px);}
}

@keyframes bounce {
  from {
    transform: translateY(0px) rotate(90deg);
	filter: blur(2px);
  }
  to {
    transform: translateY(-15px) rotate(90deg);
	filter: blur(0px);
  }
}

@keyframes swipeup {
  0%   {transform: translateY(0px) rotate(90deg); filter: blur(2px); opacity: 0;}
  25%  {transform: translateY(5px) rotate(90deg); filter: blur(0);  opacity: 1;}
  50%  {transform: translateY(15px) rotate(90deg); filter: blur(0);  opacity: 1;}
  75%  {transform: translateY(25px) rotate(90deg); filter: blur(0);  opacity: 1;}
  100% {transform: translateY(30px) rotate(90deg); filter: blur(2px); opacity: 0;}
}

@keyframes scrollDown {
  0% {
    transform: translate(-50%, 40px) scale(0.5, 0.5);
    opacity: 0;
    animation-timing-function: ease-in;
  }
  10% {
    transform: translate(-50%, 20px) scale(0.4, 0.65);
	opacity: 1;
    animation-timing-function: ease-out;
  }
  20% {
    transform: translate(-50%, 0px) scale(0.6, 0.4);
    animation-timing-function: ease;
  }
  30% {
    transform: translate(-50%, 0px) scale(0.5, 0.5);
    animation-timing-function: ease-in;
    opacity: 1;
    filter: blur(2px);
  }
  50% {
    transform: translate(-50%, 0px) scale(0.9, 0.9);
    opacity: 0;
    filter: blur(5px);
  }
  65% {
    transform: translate(-50%, 20px) scale(1, 1.2);
    filter: blur(2px);
    opacity: 0;
  }
  80% {
    transform: translate(-50%, 40px) scale(1.05, 0.95);
    animation-timing-function: ease-out;
    opacity: 0;
    filter: blur(2px);
  }
  100% {
    transform: translate(-50%, 40px) scale(0.5, 0.5);
    opacity: 0;
    filter: blur(0px);
  }
}

/* [01] TEXTS */
/* --------------------------------------------------------------------------------------------- */

/*h1{font-family: 'Playfair Display', serif; font-weight: 700; font-size: 3vw; color: var(--text-white); line-height: 1.2;}*/

h4[id^="news-"]::before { 
  display: block; 
  content: " "; 
  margin-top: -200px; 
  height: 200px; 
  visibility: hidden; 
  pointer-events: none;
}

h1, h2{font-family: 'Playfair Display', serif; font-weight: 400; color: var(--gold); text-transform: none; font-size: 4rem; line-height: 1; margin: 90px 0;}
h2{text-transform: uppercase;}
h3{line-height: 1.2;}
h5, h6{font-family: 'Prompt', sans-serif; font-weight: 500; color: var(--text-white); text-transform: uppercase; font-size: 0.85rem; line-height: 1; letter-spacing: 0.05em; margin: 0;}
h5{font-size: 1rem; font-weight: 400;}
p{font-family: 'Prompt', sans-serif; font-weight: 300; color: #ffffff66;  font-size: 0.85rem; line-height: 1.5; letter-spacing: 0.05em; margin: 1em 0; padding-left: 100px;}/*var(--text-white);*/
p>strong, p>b{font-weight: 700;}
ol{padding-left: 150px;}
ol>li{font-family: 'Prompt', sans-serif; font-weight: 300; color: #ffffff66;  font-size: 0.85rem; line-height: 1.5; letter-spacing: 0.05em; margin: 1em 0;}
ul{padding-left: 150px;}
ul>li{font-family: 'Prompt', sans-serif; font-weight: 300; color: #ffffff66;  font-size: 0.85rem; line-height: 1.5; letter-spacing: 0.05em; margin: 1em 0; list-style: square; text-align: left;}

.four-oh-four{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100vh;}
.four-oh-four>h1{font-size: 8vw;}
.four-oh-four>a{display: flex; width: 200px; height: 40px; background: var(--gold); margin: 90px 0 0 0;justify-content: center;align-items: center;line-height: 1;color: white;text-transform: uppercase;font-weight: 500;font-size: 0.65rem;}
.blog table{margin-left: 100px; width: calc(100% - 100px);}
.blog table td{border: 1px #eee solid; padding: 0.5em;}

/*rgb(142,139,135)*/
a{font-weight: 500; text-decoration: none; color: var(--dark-grey);}
.description p>a{font-weight: 300; text-decoration: none; color: var(--gold-2); border-bottom: 1px #86786544 solid; transition: border .6s cubic-bezier(.165,.84,.44,1);}
.description p>a:hover{border-bottom: 1px var(--gold-2) solid;}

nav>a{font-size: 0.70rem; color: var(--text-white); font-weight: 500; text-decoration: none; margin-left: 50px; transition: color var(--bezier-basic); letter-spacing: 0.10em;}
nav>a:hover{color: var(--gold-2);}

h1.promo-text{display: flex; flex-direction: column; font-family: 'Playfair Display', serif; font-weight: 700; font-size: 3vw; color: var(--text-white); margin: 0 150px; line-height: 1.2; text-align: center; text-shadow: 0 0 20px rgba(0,0,0,1); text-transform: none;}
h1.promo-text>span{ font-size: 1.5vw; margin-top: 1em;}
h1.contact{margin: 90px 0 90px 1em;  text-indent: -1em; font-size: 6.5vw; text-transform: uppercase;}
h1.team{margin: 90px 0; display: flex; position: fixed; z-index: 0; width: 100vw; align-items: center; font-size: 11vh; text-transform: none;}
main.subpage.practice-areas h1{font-size: 5vw; text-transform: none;}/*margin: 90px 0 90px 100px;  text-indent: -100px; */


footer.subpage{width: auto; padding: 0 150px 0 0; height: auto; right: 0;}
footer.subpage>div:first-of-type{display: none;}


a[rel="license"]{display: flex; height: 30px; width: 70px; justify-content: space-between; opacity: 0.6; position: fixed; bottom: 50px; left: 50px; z-index: 100;}
a[rel="license"]>img{display: block; width: 30px; height: 30px;}


main.subpage{overflow: inherit; overflow-y: auto;}
.contact-boxes{display: flex;}
.contact-boxes>div{display: flex; flex-direction: column; width: 300px; margin-right: 200px;}
.contact-boxes>div a{display: inline-block; color: var(--text-white); font-weight: 300; margin-bottom: 0.5em; transition: color var(--bezier-basic);}
.contact-boxes>div a:hover{color: var(--gold-2);}
.contact-boxes>div a.maps-btn{font-size: 0.70rem; font-weight: 500; display: flex; justify-content: center; align-items: center; color: var(--gold-2); border: 2px var(--gold-2) solid; margin-top: 0.5rem; padding: 8px 10px; width: 60%; transition: all 0.15s ease-in;}
.contact-boxes>div a.maps-btn:hover{color: rgb(32,29,25); background: var(--gold); border-color: var(--gold);}
.contact-boxes-mobile{display: none;}
.contact-boxes p{padding: 0;}

/*
a.linkedin-btn{margin: 50px 0;width: auto;display: inline-block;padding: 8px 50px; font-size: 0.70rem; font-weight: 500; display: flex; justify-content: center; align-items: center; color: var(--gold-2); border: 2px var(--gold-2) solid; margin-top: 0.5rem; padding: 8px 10px; width: 60%; transition: all 0.15s ease-in;}
a.linkedin-btn:hover{color: rgb(32,29,25); background: var(--gold); border-color: var(--gold);}
*/

a.linkedin-btn{margin: 30px 0; display: inline-block;}
a.linkedin-btn>svg{fill: var(--gold-2); opacity: 0.8; transition: all 0.15s ease-in;}
a.linkedin-btn:hover>svg{opacity: 1;}


main.subpage>div.subpage-wrapper{display: block; width: 100%; padding: 0 80px; margin: 240px 0 100px 0; align-self: flex-start;}


.team-members{margin-top: 110px; display: flex; align-items: center;}
.team-members>h1{ display: flex; width: 50%; font-size: 3vw; margin:0 0 0 10%; line-height: 1.2;}
.team-members>div{display: flex; width: auto;}
.team-members>div>a.profile-picture-wrapper{display: flex; width: calc((100vw) / 30 * 4); height: calc((100vw) / 30 * 9); position: relative; overflow: hidden; justify-content: center;}
.team-members>div>a.profile-picture-wrapper:not(:last-of-type) {margin-right: 50px;}
.team-members>div>a.profile-picture-wrapper>div.gradient{background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%); position: absolute; display: block; width: 100%; height: 100%; z-index: 1;}
.team-members>div>a.profile-picture-wrapper>img{object-fit: cover; max-width: none; max-height: 100%; display: block; vertical-align: middle; opacity: 0.8; transition: all var(--bezier-basic); filter: grayscale(1);}
.team-members>div>a.profile-picture-wrapper>div.name{position: absolute; height: auto; bottom: 25px; left: 25px; z-index: 2;}
.team-members>div>a.profile-picture-wrapper>div.name>h2{font-size: 1.5rem; text-transform: none; margin: 10px 0;}
.team-members>div>a.profile-picture-wrapper>div.name>span{font-size: 0.65rem; text-transform: none; color: #666;}
.team-members>div>a.profile-picture-wrapper:hover>img{opacity: 1; transform: scale(1.1);}

.single-member{margin-top: 110px; display: grid; align-items: start; justify-content: start; grid-template-columns: 1fr auto; gap:100px;}
.single-member>div.description{display: block; width: 100%;}
.single-member>div.description>p{padding: 0;}
.single-member>div.description>p:first-of-type{margin-top: 0;}
.single-member>div.profile-picture-wrapper{display: flex; width: calc((100vw) / 30 * 9); height: calc((100vw) / 30 * 9); position: relative; overflow: hidden; justify-content: center; padding-left: 100px;}
.single-member>div.profile-picture-wrapper>div.gradient{background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%); position: absolute; display: block; width: 100%; height: 100%; z-index: 1;}
.single-member>div.profile-picture-wrapper>img{object-fit: cover; max-width: none; max-height: 100%; display: block; vertical-align: middle; opacity: 1; filter: grayscale(1);}
.single-member>div.profile-picture-wrapper>div.name{position: absolute; height: auto; bottom: 2rem; left: 0; z-index: 2;}
.single-member>div.profile-picture-wrapper>div.name>h2{font-size: 4rem; text-transform: none; margin: 1rem 0;}
.single-member>div.profile-picture-wrapper>div.name>span{font-size: 1rem; text-transform: none; color: var(--text-white);}
.profile-picture-mobile{display: none;}

main.subpage.practice-areas div.categories{display: inline-flex; flex-direction: column; margin-top: 90px;}
main.subpage.practice-areas div.categories>a{display: inline-block; color: var(--text-white); font-size: 1.5rem; margin-bottom: 1em; transition: color var(--bezier-basic);}
main.subpage.practice-areas div.categories>a:hover{color: var(--gold);}
main.subpage.practice-areas div.categories>a>i{display: none;}
main.subpage.practice-areas p{padding-left: 100px;}
main.subpage.practice-areas h5>a{display: inline-block; color: var(--gold); font-weight: 300; text-transform: lowercase; }
main.subpage.practice-areas h5>a::before{content: ""; display: inline-block; height: 12px; width: 20px; background: url(../images/arrow.svg) center center no-repeat; transform: rotate(180deg); opacity: 0.8; filter: brightness(100); margin-left: -60px;}




header{display: flex; width: 100%; padding: 0 150px; height: 240px; position: fixed; top: 0; align-items: center; justify-content: space-between; z-index: 90; background: linear-gradient(180deg, rgba(32,29,25,1) 55%, rgba(32,29,25,0) 100%);}
main{display: flex; width: 100%; height: 100%; padding: 0 150px; position: absolute; align-items: center; justify-content: center;}


header>a>img{width: 150px;}
header>div:last-of-type{display: none;}


body.blog{background: white;}
body.blog>header{background: white; background: linear-gradient(180deg, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%);}/* -webkit-backdrop-filter: saturate(180%) blur(15px); backdrop-filter: saturate(180%) blur(15px);*/
body.blog>header>a>img{filter: invert(); opacity: 0.2;}
body.blog>header a{color: #222;}
body.blog>header a:hover{color: var(--gold-2);}
body.blog p, body.blog ol>li, body.blog ul, body.blog ul>li{color: #222; line-height: 2;}
body.blog h5{color: #ccc;}
body.blog header+div.blog{position: fixed; display: flex; top:240px; padding: 0 230px; width: 100%; height: 50px; background: linear-gradient(180deg, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%); z-index: 1; align-items: flex-start;}
body.blog div.subpage-wrapper.second a{font-weight: inherit; color: var(--gold); position: relative; border-bottom: 1px #86786544 solid;transition: border .6s cubic-bezier(.165,.84,.44,1);}
body.blog div.subpage-wrapper.second a:hover{border-bottom: 1px var(--gold) solid;}
body.blog a[rel="license"]{opacity: 0.2;}
body.blog footer>div>span{color: #ccc;}
body.blog footer>div:last-of-type>a.active{color: #222;}
body.blog footer>div:last-of-type>a:not(.active){color: #ccc;}
body.blog footer>div:last-of-type>a:not(.active):hover{color: var(--gold-2);}

main.blog a.blog-record:first-of-type{margin-top: calc(90px - 24px);}
main.blog a.blog-record{display: flex; justify-content: space-between; align-items: center; min-height: 80px; position: relative;}
main.blog a.blog-record:hover>span{color: #222;}
main.blog a.blog-record:hover>h4{transform: translateX(10px) translateZ(0);}
main.blog a.blog-record>h4{font-family: 'Playfair Display', serif; font-weight: 400; color: var(--gold); text-align: left; font-size: 1.5rem; transform: translateZ(0); transition: transform .6s cubic-bezier(.165,.84,.44,1);  margin: 2rem 0; line-height: 1.2;}
main.blog a.blog-record>span{font-family: 'Prompt', sans-serif; font-weight: 300; color: #ccc; text-align: right; display: block; min-width: 150px; margin-left: 50px; font-size: 0.75rem; transition: color .6s cubic-bezier(.165,.84,.44,1);}
main.blog a.blog-record>span:last-of-type{display: none;}
main.blog a.blog-record:hover::after{opacity: 1;}
main.blog a.blog-record::after{content: ""; position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #222;opacity: .1;transition: opacity .6s cubic-bezier(.165,.84,.44,1);}

main.blog ol{counter-reset: list; position: relative;}
main.blog ol>li{list-style: none; margin-left: 2em;  text-indent: -2em;}
main.blog ol>li:before {counter-increment: list; content: "(" counter(list, lower-alpha) ")";}

main.blog ul>li{list-style: square; }
/*main.blog ul>li:before {counter-increment: list; content: "(" counter(list, lower-alpha) ")";}*/
div.back-bar{display: none;}

div.second>div.back-bar-normal{display: flex; width: 100%;}
div.second>div.back-bar-normal>a{display: flex; opacity: 1; font-size: 1rem;color: var(--gold-2); position: relative; align-items: center; text-transform: uppercase; font-weight: 400; line-height: 1; letter-spacing: 0.05em; margin: 0; padding: 0; border: none; filter: saturate(0%); transition: all 0.2s ease-in;}
div.second>div.back-bar-normal>a:hover{border: none; opacity: 1; filter: saturate(100%); color: var(--gold-2);}
div.second>div.back-bar-normal>a::before{content: ""; display: flex; width: 25px; height: 12px; background: url(../images/arrow-back.svg) right center no-repeat; background-size: contain; margin: 0 10px 0 0; border: none;}
div.second>div.back-bar-normal>a:hover::before{animation-name: arrows2; animation-duration: 0.45s; animation-timing-function: ease-in-out; animation-delay: 0.1s;  border: none;}


main.blog>div.second>div.back-bar-normal>a{display: flex; opacity: 0.4; font-size: 1rem;color: var(--gold-2);padding: 0;position: relative; align-items: center; text-transform: uppercase; font-weight: 400; line-height: 1; letter-spacing: 0.05em; margin: 0; padding: 0; border: none; filter: saturate(0%); transition: all 0.2s ease-in;}
main.blog>div.second>div.back-bar-normal>a:hover{border: none; opacity: 1; filter: saturate(100%);}
main.blog>div.second>div.back-bar-normal>span{display: flex;font-size: 1rem;color: #ccc;padding: 0;position: static; align-items: center; text-transform: uppercase; font-weight: 400; line-height: 1; letter-spacing: 0.05em; margin: 0; padding: 0;}
main.blog>div.second>div.back-bar-normal>span::before{content: ""; display: block; width: 2px; background: #eee; height: 100%; margin: 0 40px;}
main.blog>div.second>div.back-bar-normal>a::before{content: ""; display: flex; width: 25px; height: 12px; background: url(../images/arrow-back.svg) right center no-repeat; background-size: contain; margin: 0 10px 0 0; border: none;}
main.blog>div.second>div.back-bar-normal>a:hover::before{animation-name: arrows2; animation-duration: 0.45s; animation-timing-function: ease-in-out; animation-delay: 0.1s;  border: none;}



header.news{background: rgb(32,29,25);}
header.news+div.news{display: block; background: linear-gradient(180deg, rgba(32,29,25,1) 30%, rgba(32,29,25,0) 100%); position: absolute; top: 240px; padding:0 230px; width: 100%; z-index: 90;}
main.news>div.subpage-wrapper>div.news-post{display: flex; flex-direction: row; justify-content: space-between; padding: 2rem 0; position: relative;}
main.news>div.subpage-wrapper>div.news-post>div>p{margin: 0; padding: 0; color: #ffffff66; transition: color .6s cubic-bezier(.165,.84,.44,1);}
main.news>div.subpage-wrapper>div.news-post>div>p>a{display: inline; color: #ffffff66; font-weight: 300; border-bottom: 1px transparent solid; transition: all .6s cubic-bezier(.165,.84,.44,1);}
main.news>div.subpage-wrapper>div.news-post>span{font-family: 'Prompt', sans-serif;font-weight: 300;color: var(--text-white);text-align: right;display: block;min-width: 150px;margin-left: 50px;font-size: 0.75rem;}
main.news>div.subpage-wrapper>div.news-post:first-of-type{padding-top: 0; margin-top: 90px;}
main.news>div.subpage-wrapper>div.news-post::after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: var(--text-white);opacity: .1;transition: opacity .6s cubic-bezier(.165,.84,.44,1);}
main.news>div.subpage-wrapper>div.news-post:hover>div>p>a{color: var(--gold);  border-bottom: 1px var(--gold-2) solid;}
main.news>div.subpage-wrapper>div.news-post:hover::after{opacity: .3;}
main.news>div.subpage-wrapper>div.news-post>span:last-of-type{display: none;}
/*main.news>div.subpage-wrapper>div.news-post:hover>p{color: var(--text-white);}*/

main.news>div.subpage-wrapper>div.news-post>div>h4{
font-family: 'Playfair Display', serif;
font-weight: 400;
color: var(--gold);
text-align: left;
font-size: 1.5rem;
transform: translateZ(0);
transition: transform .6s cubic-bezier(.165,.84,.44,1);
margin: 0 0 2rem 0;
line-height: 1.2;
}


body .cookie-box{display: flex; flex-direction: column; justify-content: space-between; padding: 50px 50px 30px 50px; width: 700px; height: auto; background: #24211D; position: absolute; bottom: 0; right: 300px; z-index: 9999;}
body .cookie-box>p{padding: 0; font-size: 0.65rem; color: var(--text-white); line-height: 1.5;}
body .cookie-box>div{display: flex; justify-content: flex-end; align-items: center;}
/*
body .cookie-box>div>a:first-of-type{margin-right: auto; color: var(--gold-2); text-transform: none; font-size: 0.65rem; display: none;}
body .cookie-box>div>a:first-of-type::before{content: ""; display: inline-block; background: url(../images/arrow.svg) center center no-repeat; width: 0.58rem; height: 0.48rem; margin:0 30px 0 0; background-size: contain;}
body .cookie-box>div>a:first-of-type:hover::before{animation-name: arrows; animation-duration: 0.45s; animation-timing-function: ease-in-out; animation-delay: 0.1s;}
body .cookie-box>div>a:first-of-type::before{content: "";}
*/
body .cookie-box>div>a:nth-of-type(1){display: flex; justify-content: center; align-items: center; color: var(--text-white); background: var(--gold); font-size: 0.55rem; width: 80px; height: 30px;}
body .cookie-box>div>a:nth-of-type(2){display: flex; justify-content: center; align-items: center; color: var(--text-white); background: rgb(32,29,25); font-size: 0.55rem; width: 80px; height: 30px; margin-left: 10px;}

body.blog div.cookie-box{background: #eee;}
body.blog div.cookie-box>p{color: #999;}
body.blog div.cookie-box>h6{color: #222;}
body.blog div.cookie-box>div>a:nth-of-type(1){color: var(--text-white); background: var(--gold);}
body.blog div.cookie-box>div>a:nth-of-type(2){color: #999; background: none; border: 1px #999 solid;}


/* [01] FOOTER */
/* --------------------------------------------------------------------------------------------- */
footer{display: flex; width: 100%; padding: 0 150px; height: 100px; position: fixed; bottom: 50px; align-items: flex-end; justify-content: space-between; z-index: 90;}

/* Footer – Main Page */
footer>div:first-of-type{display: flex; width: 100%; margin: 0 300px 0 150px; justify-content: flex-start; letter-spacing: 0.10em;}
footer>div:first-of-type>a:last-of-type{margin-left: auto; text-align: right;}
footer>div:first-of-type>a:last-of-type>span:first-of-type{font-size: 1.65rem; font-weight: 700; text-transform: none; letter-spacing: 0.05em;}
footer>div:first-of-type>div, footer>div:first-of-type>a{display: block; font-size: 0.75rem; font-weight: 500; text-transform: uppercase; color: var(--text-white);}
footer>div:first-of-type>a{display: flex; flex-direction: column; justify-content: flex-end; text-decoration: none; font-weight: 500;}
footer>div:first-of-type>a>span:last-of-type{color: var(--gold-2); margin-top: 20px; text-transform: none; opacity: 0.8; transition: opacity 0.2s ease-in;}
footer>div:first-of-type>a>span:last-of-type::before{content: ""; display: inline-block; background: url(../images/arrow.svg) center center no-repeat; width: 0.875rem; height: 0.58rem; margin:0 30px 0 0; background-size: contain;}
footer>div:first-of-type>a:hover>span:last-of-type::before{animation-name: arrows; animation-duration: 0.45s; animation-timing-function: ease-in-out; animation-delay: 0.1s;}
footer>div:first-of-type>a:hover>span:last-of-type{opacity: 1;}

/* Footer – Logos */
footer>div:first-of-type>div:first-of-type{display: flex; flex-direction: column; justify-content: flex-end; text-decoration: none; font-weight: 500; width: 360px;}
footer>div:first-of-type>div{margin-right: 100px;}
footer>div:first-of-type>div:first-of-type>div{height: 24px; margin-top: 14px; max-width: 360px; overflow: hidden;}
footer>div:first-of-type>div:first-of-type>div>div{display: none;}
footer>div:first-of-type>div:first-of-type>div>div:first-of-type{display: flex;}
footer>div:first-of-type>div:first-of-type>div>div>img{margin-right: 20px; filter: grayscale(1) brightness(0) invert(1); opacity: 0.3;}

/* Language Change Buttons */
footer>div:last-of-type{display: flex; letter-spacing: 0.10em;}
footer>div:last-of-type>*{color: #666666; font-size: 0.6rem;}
footer>div:last-of-type>span{margin: 0 5px;}
footer>div:last-of-type>a.active{color: var(--text-white); cursor: default;}
footer>div:last-of-type>a:not(.active){color: #666666; transition: color var(--bezier-basic);}
footer>div:last-of-type>a:not(.active):hover{color: var(--gold-2);}




span.data-promo-text{display: none;}
.mobile-footer{display: none;}
nav.mobile{display: none;}
main>div.main-promo-text-mobile{display: none;}
div.landscapeOverlay{display: none;}

.swipe-down, .swipe-up{display: none;}
h5.blog, h1.blog{display: none;}

/*
div.change-screen-overlay{position: absolute; width: 100%; height: 100%; z-index: 999999; background: black;}
*/



@media (max-width: 1920px){
html, body{ font-size: 20px;}
footer>div:first-of-type{ margin: 0 150px 0 0;}
.contact-boxes>div{margin-right: 80px;}
.contact-boxes>div:last-of-type{margin: 0;}
.cookie-box{padding: 2rem 2rem 1.5rem 2rem;}

}

@media (max-width: 1700px){
ul{padding-left: 1rem;}
.four-oh-four>h1{font-size: 10vw;}
.four-oh-four>a{margin: 60px 0 0 0;}
footer, main, header, footer.subpage{padding:0 100px;}
header>a>img{width: 120px;}
nav>a{margin-left: 2rem;}
footer>div:first-of-type>div{margin-right: 50px;}
h1.contact{margin: 60px 0 60px 1em;}
main.subpage>div.subpage-wrapper{margin: 240px 0 50px 0; padding:0 70px;}
a[rel="license"]{height: 25px; width: 25px; left: 40px;}
a[rel="license"]>img{width: 25px; height: 25px;}
a[rel="license"]>img:last-of-type{display: none;}
body.blog header+div.blog{padding: 0 170px;}
main.blog a.blog-record:first-of-type{margin-top: calc(60px - 24px);}
p{padding-left: 0;}
ol{padding-left: 50px;}
main.subpage.practice-areas p{padding: 0;}

.team-members{margin-top: 80px;}
.team-members>div>a.profile-picture-wrapper{width: calc(100vw / 24 * 4); height: calc(100vw / 30 * 9);}
.team-members>div>a.profile-picture-wrapper:not(:last-of-type) {margin-right: 50px;}
.team-members>div>a.profile-picture-wrapper>div.name>h2{font-size: 1.5rem; margin: 0.5rem 0;}
.team-members>div>a.profile-picture-wrapper>div.name>span{font-size: 0.65rem;}

.single-member>div.profile-picture-wrapper>div.name>h2{font-size: 4vw; margin: 1vw 0;}
.single-member>div.profile-picture-wrapper>div.name>span{font-size: 0.85rem;}
.single-member{margin-top: 80px; gap:50px;}
.single-member>div.profile-picture-wrapper{padding-left: 4vw;}
.single-member>div.profile-picture-wrapper>div.name{bottom: 2vw;}

body .cookie-box{width: 500px; right: 200px;}


}

@media (max-width: 1280px){
h4[id^="news-"]::before{ 
  margin-top: -140px; 
  height: 140px; 
}
footer, main, header, footer.subpage{padding:0 50px;}
header{height: 140px;}
header>a>img{width: 100px;}
h1.promo-text{font-size: 3.5vw; margin: 0 2rem;}
footer>div:first-of-type>div:first-of-type{display: none;}
footer>div:first-of-type>a:last-of-type{margin-left: inherit; margin-left: 5rem; text-align: left;}
footer>div:first-of-type>a:last-of-type>span:first-of-type{font-size: 0.75rem; text-transform: uppercase; font-weight: 500;}
.contact-boxes>div{width: 250px; margin-right: 50px;}
h1.contact{margin: 60px 0 60px 1em;  text-indent: -1em; font-size: 8.5vw;}
main.subpage>div.subpage-wrapper{margin: 140px 0 50px 0; padding: 0;}
.contact-boxes>div a.maps-btn{width: 80%;}

a[rel="license"]{height: 20px; width: 20px; left: auto; right: 50px; bottom: 80px;}
a[rel="license"]>img{width: 20px; height: 20px;}
a[rel="license"]>img:last-of-type{display: none;}
a[rel="license"]{display: none;}

body.blog header+div.blog{padding: 0 50px; top: 140px; }
main.blog a.blog-record{margin-right: 0;}
main.blog a.blog-record>h4{line-height: 1.2; font-size: 1.1rem;}
main.blog a.blog-record>span{margin-left: 0;}
/*main.blog h1, main.blog p, main.blog ol{margin-right: 100px;}*/
main.blog>div.subpage-wrapper{padding: 0 100px 0 0;}
main.practice-areas>div.subpage-wrapper{padding: 0 100px 0 0;}
main.news>div.subpage-wrapper{padding: 0 100px 0 0;}
main.subpage.practice-areas div.categories{margin-top: 60px;}
main.subpage.practice-areas div.categories>a{font-size: 1.4rem; margin-bottom: 1rem;}
main.subpage.practice-areas h1{margin: 60px 0;}

main.news>div.subpage-wrapper>div.news-post:first-of-type{margin-top: 60px;}
main.news>div.subpage-wrapper>div.news-post{margin-right: 0; padding: 2rem 0;}
main.news>div.subpage-wrapper>div.news-post>span{margin-left: 0;}
main.news>div.subpage-wrapper>div.news-post>div>p>a{border-bottom: 1px var(--gold-2) solid; color: var(--gold-2);}
main.news>div.subpage-wrapper>div.news-post:hover::after{opacity: .1;}
main.news>div.subpage-wrapper>div.news-post>div>h4{font-size: 1.1rem;}

main.subpage.team>div.subpage-wrapper{padding: 0 100px 0 0;}
.team-members>h1{font-size: 2.5vw;}
.team-members>div{width: 50%;}
.team-members>div>a.profile-picture-wrapper{width: 50%;}
.team-members>div>a.profile-picture-wrapper:not(:last-of-type) {margin-right: 20px;}
.team-members>div>a.profile-picture-wrapper>div.name{bottom: 1rem; left: 1rem;}
.team-members>div>a.profile-picture-wrapper>div.name>h2{font-size: 1.2rem; margin: 0.5rem 0;}
.team-members>div>a.profile-picture-wrapper>div.name>span{font-size: 0.65rem;}

body .cookie-box{width: 50%; right: 0; left: 0;}


}

@media (max-width: 992px){
h4[id^="news-"]::before{ 
  margin-top: -120px; 
  height: 120px; 
}
main.news>div.subpage-wrapper>div.news-post>div>h4{font-size: 1.2rem;}
h1{font-size: 4rem; line-height: 1.2;}
h3{line-height: 1.2;}
h5, h6{font-size: 1rem;}
p{font-size: 1rem; line-height: 1.5;}
/*rgb(142,139,135)*/
a{font-weight: 500; text-decoration: none; color: var(--dark-grey);}
a[rel="license"]{display: none;}
.four-oh-four>h1{font-size: 15vw; margin:0 0 40px 0;}
.four-oh-four>a{margin: 60px 0 0 0; width: 8rem;}
header{height: 120px;}
header>div.burger{display: flex; flex-direction: column; width: 30px; height: 16px; justify-content: space-between; position: relative; border-radius: 0; transition: all 0.2s ease-in;}
header>div.burger>span{display: block; position: absolute; background: var(--text-white); width: 30px; height: 2px; top: 50%; transform: translateY(-50%); transition: all 0.2s ease-in;}
header>div.burger::before{content: ""; display: block; position: absolute; top: 0; background: var(--text-white); width: 30px; height: 2px; transition: all 0.2s ease-in;}
header>div.burger::after{content: ""; display: block; position: absolute; bottom: 0; background: var(--text-white); width: 30px; height: 2px; transition: all 0.2s ease-in;}
header>div.burger.active>span{opacity: 0;}
header>div.burger.active{transform: rotate(45deg);}
header>div.burger.active::before{transform: rotate(90deg) translateX(-1px); top: 50%;}
header>div.burger.active::after{transform: translateY(-50%); top: 50%;}
header>nav{display: none;}
nav.mobile{visibility:hidden; display: flex; flex-direction: column; position: absolute; z-index: 10; width: 100%; height: 100%; background: rgb(32,29,25); justify-content: center; align-items: center; opacity: 0; transition: all 0.2s ease-in-out;}
nav.mobile>a{margin: 0; font-size: 1.2rem; margin-bottom: 1.2rem; letter-spacing: 0;}
nav.mobile.active{visibility: visible; opacity: 1;}
nav.mobile>a{transform: scale(0.5); filter: blur(20px); transition: all 0.2s ease-out; transition-delay: 0.1s; opacity: 0;}
nav.mobile.active>a{transform: scale(1); filter: blur(0);  opacity: 1;}
nav.mobile>div{position: absolute; bottom: 50px; font-size: 0.75rem;}
nav.mobile>div>*{color: #666666; font-size: 0.75rem;}
nav.mobile>div>span{margin: 0 5px;}
nav.mobile>div>a.active{color: var(--text-white); cursor: default;}
nav.mobile>div>a:not(.active){color: #666666; transition: color var(--bezier-basic);}
nav.mobile>div>a:not(.active):hover{color: var(--gold-2);}
nav.mobile.white{background: white;}
nav.mobile.white>a{color: #222;}
nav.mobile.white>div>*{color: #ccc;}
nav.mobile.white>div>a.active{color: #222;}
nav.mobile.white>div>a:not(.active){color: #ccc; transition: color var(--bezier-basic);}
nav.mobile.white>div>a:not(.active):hover{color: var(--gold-2);}

main>div.main-promo-text-desktop{display: none;}
main>div.main-promo-text-mobile{display: flex; position: absolute; top: 35%; width: 100%; box-sizing: border-box; justify-content: center; flex-direction: column;}
main>div.main-promo-text-mobile>span{display: none;}
main>div.main-promo-text-mobile>h3{display: block; font-size: 1.3rem; color: var(--text-white); width: 70vw; text-align: center; margin: 0 auto; font-weight: 500; text-shadow: 0 0 20px rgba(0,0,0,1);}
main>div.main-promo-text-mobile>h1{font-size: 10vw; margin: 10px 50px 0 50px; text-align: center; text-shadow: 0 0 20px rgba(0,0,0,1); color: var(--text-white); font-weight: 700; line-height: 1; text-transform: none;}

footer{display: none;}
div.mobile-footer{position: absolute; bottom: 50px; padding: 0 50px; width: 100%; letter-spacing: 0.10em;}
div.mobile-footer>a{display: flex; flex-direction: column; justify-content: center; color: white; font-size: 1rem; text-transform: uppercase; font-weight: 500; position: relative;}
div.mobile-footer>a:nth-of-type(1){grid-area: news; background: rgba(255,255,255,0.15); -webkit-backdrop-filter: blur(10px);  backdrop-filter: blur(10px); padding: 50px;}
div.mobile-footer>a:nth-of-type(2){grid-area: areas; background: rgba(255,255,255,0.15); -webkit-backdrop-filter: blur(10px);  backdrop-filter: blur(10px); padding: 50px; font-size: 1.5rem; text-transform: none; font-weight: 700;}
div.mobile-footer>a:nth-of-type(3){display: none; grid-area: contact; background: var(--gold-2); align-items: center;}
div.mobile-footer>a:nth-of-type(1)>span{color: var(--gold-2); margin-top: 0.5rem; text-transform: none;}
div.mobile-footer>a>i{position: absolute; height: 28px; width: 42px; background: url(../images/arrow-mobile.svg) bottom right no-repeat; bottom: 25px; right: 25px;}

div.mobile-footer{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 150px;
  grid-template-areas: 
    "news areas";
	gap: 10px;
}


h1.contact{margin: 60px 0 60px 0;  text-indent: 0; font-size: 8.5vw;}
.contact-boxes>div a.maps-btn, .contact-boxes>div a.maps-btn:hover{width: 80%; border: none; display: inline-block; padding: 0; background: none; color: var(--gold-2); text-transform: uppercase;}
main.subpage>div.subpage-wrapper>.contact-boxes>div:nth-of-type(1){grid-area: general; width: auto; margin: 0;}
main.subpage>div.subpage-wrapper>.contact-boxes>div:nth-of-type(2){grid-area: address; width: auto; margin: 0;}
main.subpage>div.subpage-wrapper>.contact-boxes>div:nth-of-type(3){grid-area: contact; width: auto; margin: 0;}
main.subpage>div.subpage-wrapper>.contact-boxes{
	display: grid;
  	grid-template-columns: 1fr 1fr;
  	grid-template-rows: auto;
 	grid-template-areas: 
    "general address"
	"contact .";
	gap: 10px;
}


body.blog header+div.blog{padding: 20px 50px 0 50px; top: 120px; background: linear-gradient(180deg, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%);}
main.blog a.blog-record{margin-right: 0;}
main.blog a.blog-record>h4{line-height: 1.2; font-size: 1.1rem;}
main.blog a.blog-record>span{margin-left: 0;}
main.subpage.blog{overflow-y: auto;}
main.blog a.blog-record>span{display: none;}
main.blog a.blog-record>span:last-of-type{display: block; min-width: auto; margin-left: 50px;}

main.blog>div.subpage-wrapper{padding: 0;}
main.practice-areas>div.subpage-wrapper{padding: 0;}
main.blog h1{font-size: 2.5rem; margin: 60px 0;}
main.subpage.practice-areas h1{font-size: 3.5rem; margin: 60px 0;}

main.subpage.practice-areas div.categories{display: grid; grid-template-columns: 1fr 1fr; gap: 2rem;}
main.subpage.practice-areas div.categories>a{font-size: 1rem; margin-bottom: 0; color: var(--gold); display: block; border-left: 2px var(--gold) solid; padding-left: 10px; position: relative;}
main.subpage.practice-areas{overflow-y: auto;}
main.subpage.practice-areas div.categories{grid-auto-rows: 1fr; gap: 6px;}
main.subpage.practice-areas div.categories>a{font-size: 1rem; margin-bottom: 0; color: var(--text-white); text-transform: uppercase; line-height: 1.2; font-weight: 500; display: flex; text-align: left; padding: 25px; align-items: center; border-left: none; background: rgba(255,255,255,0.05);}
main.subpage.practice-areas div.categories>a>i{display: block; position: absolute;
height: 19px;
width: 28px;
background: url(../images/arrow-mobile.svg) bottom right no-repeat;
bottom: 15px;
right: 15px;}

main.news>div.subpage-wrapper{padding: 0;}
main.news>div.subpage-wrapper>div.news-post{margin-right: 0; padding: 2rem 0;}
main.news>div.subpage-wrapper>div.news-post>div{word-break: break-word;}
main.news>div.subpage-wrapper>div.news-post>span{margin-bottom: 2rem;}
main.news>div.subpage-wrapper>div.news-post>span:last-of-type{display: block; text-align: right; margin-left: 25px; margin-top: 0.5em; min-width: auto;}
main.news>div.subpage-wrapper>div.news-post>span:first-of-type{display: none;}

main.subpage.team>div.subpage-wrapper{padding: 0;}
.team-members{margin-top: 80px; flex-direction: column-reverse;}
.team-members>h1{font-size: 5vw; display: block; width: 100%; margin:0 0 60px 0;}
.team-members>div>a.profile-picture-wrapper>img{width: 100%;}
.team-members>div>a.profile-picture-wrapper:not(:last-of-type) {margin-right: 20px;}
.team-members>div>a.profile-picture-wrapper>div.name>h2{font-size: 1.5rem; margin: 0.25rem 0;}
.team-members>div>a.profile-picture-wrapper>div.name>span{font-size: 0.75rem;}

.team-members>div{display: grid; grid-template-columns: 1fr 1fr; width: 100%; gap:20px; margin-bottom: 0;}
.team-members>div>a.profile-picture-wrapper{width: 100%; height: 45vh;}




.single-member{display: flex; flex-direction: column;}
.single-member>div.description{margin-top: 50px;}
.single-member>div.description>p:first-of-type{margin-top: 0;}
.single-member>div.profile-picture-wrapper{display: flex; flex-direction: row-reverse; width: 100%; height: auto; position: relative; overflow: hidden; justify-content: flex-end; align-items: flex-start; padding-left: 0;}
.single-member>div.profile-picture-wrapper>div.gradient{display: none;}
.single-member>div.profile-picture-wrapper>img{object-fit: cover; max-width: none; max-height: 100%; width: 50%; display: block; vertical-align: middle; opacity: 1;}
.single-member>div.profile-picture-wrapper>div.name{position: static; margin-left: 50px;}
.single-member>div.profile-picture-wrapper>div.name>h2{font-size: 6vw; text-transform: none; margin: 0 0 1rem 0;}
.single-member>div.profile-picture-wrapper>div.name>span{font-size: 1rem; text-transform: none; color: var(--text-white);}

body .cookie-box{width: 100%;}
body .cookie-box>p{font-size: 0.85rem;}
/*
body .cookie-box>div>a:first-of-type{font-size: 0.85rem; display: none; align-items: center;}
body .cookie-box>div>a:first-of-type::before{width: 0.58rem; height: 0.48rem;}
*/
body .cookie-box>div>a:nth-of-type(1){font-size: 0.65rem; width: 100px; height: 36px;}
body .cookie-box>div>a:nth-of-type(2){font-size: 0.65rem; width: 100px; height: 36px; margin-left: 10px;}
}



@media (max-width: 480px){
h1{font-size: 4rem; line-height: 1.2;}
h3{line-height: 1.2;}
h5, h6{font-size: 1rem;}
p{font-size: 0.85rem; line-height: 1.5;}
/*rgb(142,139,135)*/
a{font-weight: 500; text-decoration: none; color: var(--dark-grey);}
.four-oh-four>h1{font-size: 6rem; margin:0 0 40px 0;}
.four-oh-four>h5{font-size: 0.85rem;}
.four-oh-four>a{margin: 60px 0 0 0; width: 10rem;}
footer, main, header{padding:0 25px;}
header{height: 90px;}
header>a>img{width: 90px;}
div.mobile-footer{bottom: 25px; padding: 0 25px; gap: 6px;
	grid-template-rows: 150px 75px;
  grid-template-areas: 
    "news areas"
	"contact contact";
}
div.mobile-footer>a{font-size: 0.65rem;}
div.mobile-footer>a:nth-of-type(1){font-size: 0.65rem; padding: 25px;}
div.mobile-footer>a:nth-of-type(2){font-size: 1rem; padding: 25px;}
div.mobile-footer>a:nth-of-type(3){display: flex;}
div.mobile-footer>a:nth-of-type(1)>span{font-size: 0.65rem;}
div.mobile-footer>a>i{height: 19px; width: 28px; bottom: 15px; right: 15px;}

main>div.main-promo-text-mobile{top: calc(50% - 150px);}
main>div.main-promo-text-mobile>h3{font-size: 4.5vw; width: 70vw;}
main>div.main-promo-text-mobile>h1{font-size: 6vmax; margin: 10px 25px 0 25px;}

.contact-boxes-mobile{display: flex; flex-direction: column; position: absolute; bottom: 25px; height: 160px; width: 100%; padding: 0 25px; justify-content: space-between;}
.contact-boxes-mobile>a{display: flex; width: 100%; height: 50px; border: 2px var(--gold-2) solid; background: var(--gold-2); align-items: center; justify-content: center; color: white; text-transform: uppercase; font-size: 0.65rem; letter-spacing: 0.10em;}
.contact-boxes-mobile>a:first-of-type{border: 2px var(--gold-2) solid; background: none; color: var(--gold-2);}


main.subpage{overflow: inherit; overflow-y: inherit;}
.contact-boxes>div a.maps-btn, .contact-boxes>div a.maps-btn:hover{display: none;}
main.subpage>div.subpage-wrapper{text-align: center; margin: 30% 0 0 0;}
main.subpage>div.subpage-wrapper.second{text-align: center; margin: 0; position: absolute; padding: 0 25px 100px 25px; top: 100vh;}
main.subpage>div.subpage-wrapper>h5:first-of-type{display: none;}
h1.contact{margin: 0 0 15% 0; font-size: 12vw; line-height: 1.2em;}
main.subpage>div.subpage-wrapper>.contact-boxes{display: flex; flex-direction: column;}
main.subpage>div.subpage-wrapper>.contact-boxes>div:first-of-type>p>span{display: none;}
main.subpage>div.subpage-wrapper>.contact-boxes>div:first-of-type>p{margin: 10px 0 5px 0;}
main.subpage>div.subpage-wrapper>.contact-boxes>div:nth-of-type(2)>h6{display: none;}
main.subpage>div.subpage-wrapper>.contact-boxes>div:nth-of-type(2)>p{margin: 0;}
main.subpage>div.subpage-wrapper>.contact-boxes>div:last-of-type{display: none;}

main.blog, main.practice-areas, main.team{z-index: 1;}
body.blog header+div.blog{display: none;}
main.blog a.blog-record>h4{line-height: 1.2; font-size: 1.1rem;}
main.blog a.blog-record:first-of-type{margin: 0;}
main.blog a.blog-record>span{display: none;}
main.blog a.blog-record>span:last-of-type{margin-left: 25px;}

main.blog p, main.blog ol>li, main.subpage.practice-areas p, main.subpage.practice-areas ol>li{text-align: left; font-size: 0.85rem;}
main.blog h1, main.subpage.practice-areas h1{display: flex;
/* text-align: left; */
font-size: 1.5rem;
line-height: 1.2;
margin-top: -90px;
margin-bottom: 60px;
min-height: 100vh;
/* display: block; */
text-align: center;
border-bottom: 1px #ccc solid;
 padding-bottom: 90px; 
align-items: center;}
main.blog ol{padding-left: 40px; counter-reset: list; position: relative; padding: 0;}
main.blog ol>li{list-style: none;}
main.blog ol>li:before {
  counter-increment: list;
  content: "(" counter(list, lower-alpha) ")";
}

div.second>div.back-bar-normal{display: none;}
div.back-bar{display: flex; justify-content: space-between; padding: 0 25px;
position: absolute;
top: 90px;
z-index: 2;
width: 100%;
}
div.back-bar>a{display: flex;font-size: 0.75rem;color: var(--gold);padding: 0;position: static; align-items: center; text-transform: uppercase; font-weight: 500;}
div.back-bar>span{display: flex;font-size: 0.90rem;color: #ccc;padding: 0;position: static; align-items: center; text-transform: uppercase; font-weight: 500;}
div.back-bar>a::before{content: ""; display: flex; width: 25px; height: 17px; background: url(../images/arrow-mobile.svg) right center no-repeat; background-size: contain; transform: rotate(180deg); margin-right: 5px;}



main.team{overflow-y: auto;}
main.news{overflow-y: auto;}
main.news>div.subpage-wrapper>div.news-post>div>p{text-align: left;}
main.news>div.subpage-wrapper>div.news-post:first-of-type{margin-top: 0;}


main.subpage.practice-areas h1{border-bottom: 1px #333 solid;}


main.subpage.practice-areas{overflow-y: auto;}
main.subpage.practice-areas div.categories{margin: 0; grid-auto-rows: 150px; gap: 6px;}
main.subpage.practice-areas div.categories>a{font-size: 0.65rem; margin-bottom: 0; color: var(--text-white); text-transform: uppercase; line-height: 1.2; font-weight: 500; display: flex; text-align: left; padding: 25px; align-items: center; border-left: none; background: rgba(255,255,255,0.05);}


.swipe-up{position: absolute;
height: 50px;
width: 50px;
bottom: 30px;
left: 50%;
visibility: hidden;
opacity: 0;
display: block;
transform: translateX(-50%) translateY(100px) rotate(270deg);
border-radius: 100%;
background: var(--gold);
box-shadow: 0 0 15px 0 #00000033;
cursor: pointer;
z-index: 2;
}

.swipe-up>span{background: url(/images/arrow-mobile.svg) center center no-repeat;
display: flex;
height: 20px;
width: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
filter: grayscale(1) brightness(2);
}


.swipe-down{position: absolute;
height: 65px;
bottom: 50px;
left: 50%;
transform: translateX(-50%);
font-size: 0.65rem;
display: flex;
flex-direction: column-reverse;
align-items: center;
justify-content: space-between;
color: #ffffff66;
}


.swipe-down>span {
  display: block;
  position: absolute;
  left: 50%;
  top: -20px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, 40px) scale(0.5, 0.5);
  background: #ffffff66;
  animation: scrollDown 2s ease-in infinite;
}

body.blog .swipe-down>span{background: #222;}
body.blog .swipe-down{color:#222;}
body.blog .swipe-up{background: white;}
body.blog .swipe-up>span{filter: grayscale(1) brightness(0);}




main.subpage.practice-areas div.categories>a>i{height: 19px;
width: 28px;
bottom: 15px;
right: 15px;}

div.subpage-wrapper.second>h1{display: none;}
div.subpage-wrapper.second>h5{display: none;}


h1.blog{display: flex; font-size: 7.5vw; justify-content: center;
text-align: center;
padding: 0 25px;
position: fixed;
top: 50%;
transform: translateY(-50%) translateX(-50%);
left: 50%;
width: 100%;
margin: 0;
z-index: 1;
flex-direction: column;
}

h1.blog.team>span{display: block; margin-top: 1rem; color: var(--text-white); font-family: 'Prompt', sans-serif; font-weight: 500; font-size: 0.65rem; text-transform: none;} 

h5.blog{
display: none;
position: fixed;
top: 240px;
width: 100%;
padding: 0 230px;
}


main.subpage.team-special>div.subpage-wrapper{margin: 0; height: 100%;}
.team-members{margin-top: 0; height: 100%; justify-content: flex-start;}
.team-members>h1{font-size: 7vw; display: block; width: 100%; margin:0 0 25px 0;}
.team-members>div{display: grid; grid-template-columns: 1fr 1fr; width: 100%; gap:5px; margin-bottom: 25px;}
.team-members>div>a.profile-picture-wrapper{width: 100%; height: 50vh;}
.team-members>div>a.profile-picture-wrapper>img{width: 100%;}
.team-members>div>a.profile-picture-wrapper:not(:last-of-type) {margin-right: 20px;}
.team-members>div>a.profile-picture-wrapper>div.name{bottom: 25px; left: inherit; width: 100%;}
.team-members>div>a.profile-picture-wrapper>div.name>h2{font-size: 1rem; margin: 0.25rem 0;}
.team-members>div>a.profile-picture-wrapper>div.name>span{font-size: 0.65rem;}

.profile-picture-mobile{display: block; width: 100vw; height: 100vh; position: fixed; opacity: 0.2; background-position: center center; background-repeat: no-repeat; background-size: cover; filter: grayscale(1);}


.single-member{display: block; margin-top: 0;}
.single-member>div.description{margin-top: 0;}
.single-member>div.description>p{text-align: left;}
.single-member>div.description>p:first-of-type{margin-top: 0;}
.single-member>div.profile-picture-wrapper{display: none;}

body .cookie-box{padding: 25px;}
body .cookie-box>p{font-size: 0.75rem;}
body .cookie-box>div{display: grid; grid-template-rows: 0 50px; grid-template-columns: 1fr 1fr; width: 100%;
grid-template-areas:
"cookienote cookienote"
"allowcookie denycookie";
gap: 5px;
}
/*
body .cookie-box>div>a:first-of-type{font-size: 0.75rem; grid-area: cookienote; margin-bottom: 1em;}
body .cookie-box>div>a:first-of-type::before{width: 0.85rem; height: 0.58rem;}
*/
body .cookie-box>div>a:nth-of-type(1){font-size: 0.75rem; width: 100%; height: 100%; grid-area: allowcookie;}
body .cookie-box>div>a:nth-of-type(2){font-size: 0.75rem; width: 100%; height: 100%; margin: 0;  grid-area: denycookie;}
body 

}

@media (max-width: 480px) and (orientation: landscape) {
  body>*{display: none;}
  body>div.landscapeOverlay{display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: #222; font-size: 6vmax; color: white;}
  body>div.landscapeOverlay>div{background: url(../images/rotate-screen.svg) center center no-repeat; background-size: cover; width: 200px; height: 100px;}
  
  nav.mobile{flex-direction: row;}
}


@media (max-width: 380px){

main.subpage.practice-areas div.categories>a{font-size: 0.55rem;}
main.subpage.practice-areas div.categories>a>i{height: 15px;
width: 20px;
bottom: 15px;
right: 15px;}


h1{font-size: 4rem; line-height: 1;}
h3{line-height: 1.2;}
h5, h6{font-size: 0.65rem;}
p{font-size: 0.75rem; line-height: 1.5;}
/*rgb(142,139,135)*/
a{font-weight: 500; text-decoration: none; color: var(--dark-grey);}

main>div.main-promo-text-mobile{top: calc(50% - 110px);}
div.mobile-footer>a{font-size: 0.55rem;}
div.mobile-footer>a:nth-of-type(1){font-size: 0.55rem; padding: 25px;}
div.mobile-footer>a:nth-of-type(2){font-size: 0.8rem; padding: 25px;}
div.mobile-footer>a:nth-of-type(1)>span{font-size: 0.55rem;}
div.mobile-footer>a>i{height: 15px; width: 20px; bottom: 15px; right: 15px;}
div.mobile-footer{bottom: 25px; padding: 0 25px; gap: 6px;
	grid-template-rows: 120px 60px;
  grid-template-areas: 
    "news areas"
	"contact contact";
}

h1.contact{font-size: 10vw;}
.contact-boxes-mobile{height: 120px;}
.contact-boxes-mobile>a{height: 100%; font-size: 0.55rem; margin-top: 5px;}


}