* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url("/assets/boxsizing-e4d8d5333e5eb7cf3c9499f6de12dad2.htc");
    line-height: 1.45em;
}

.uppercase-letter-spacing{letter-spacing: 0.4px;}

.row{margin-right:0px;margin-left:0px;}

h1{font-size: clamp(2em, 2.2vw, 2.5em);}

body {
    background: #fefdfe;
    color: #47423b;
    font-size: 16px;
    line-height: 1.45em;
}

body [role='wrapper'] {
    width: 100%;
    margin: 0 auto;
    max-width: 1260px
}

body [role='content'] {
    clear: both;
    overflow: hidden;
    padding: 20px 0;
    margin-left: 15px;
    margin-right: 15px;
}

:focus {outline: 0}
a{text-decoration:underline;}
.text-underline{text-decoration: underline!important;}
a:not([href]){color:#ffffff;}
a:hover{color:#ffffff;}

a{cursor: pointer;}

nav {
    width: 7em;
    display: flex;
    justify-content: space-between;
}

nav a {
    position: relative;
}

nav a::before{
    content: '•';
    display: inline-block;
    position: absolute;
    left: -0.8em;
    opacity: 0;
    transition: opacity 300ms ease-in-out;
}

.navItemActive::before{
    opacity: 1;
    transition: opacity 300ms ease-in-out;
}

hr {
    border: 0;
    clear:both;
    display:block;
    width: 100%;               
    background-color:#cccccc;
    height: 1px; 
  }

/* nav-item--active  */

a.nav-item--active::before{
    content: '•';
    display: inline-block;
    /* padding-right: 0.4em; */
}

.greater-than{
    padding-left: 0.5em;
    position: relative;
    top:1px;
}
.small{font-size: 0.7em;}

#route-container {
    opacity: 1;
    transition: opacity 0.3s ease;
}

#route-container.fadeOut {opacity: 0;}

.opaque-border{border:1px solid rgba(255,255,255,0.2);}

.o-80{opacity:.8;}

.px-1{padding-left: 5px!important;padding-right: 5px!important;}

.arrows-container{
    top: 177px; 
    right:15px; 
    position:fixed;
    width:120px;
}

.arrows{
    width:6%;
    position: relative;
    bottom: 1px;
}

.work-selects{
    margin: 5px 135px 50px 350px;
    max-width: 980px;
    min-width: 220px;
}

/* .descriptor::before{
    content: "";
    background-image: url(../images/descriptor-dots-hr.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 50% auto;
    width: 50%;
    height: 100%;
    position: absolute;
    top:-0.5em;
    left:-4.5em;
} */

.descriptor::before{
    content: "";
    display: inline-block;
    width: 35%;
    height: 115%;
    position: absolute;
    top:-0.375em;
    /* left:-0.1em; */
    left:2.75em;
    border-left:1px dashed red;

}

.descriptor::after{
    content: "";
    display: inline-block;
    width: 35%;
    height: 115%;
    position: absolute;
    /* transform: rotateX(90deg); */
    /* left:-0.1em; */
    border-top:1px dashed red;

}


.case-study-blurb{
    position:fixed;
    -webkit-backface-visibility: hidden;
    width: 300px; 
    float: left;
    padding: 0px 5px;
}

.view-more::after{
    /* content: url(../images/view-more-arrow.png); */
    content: "";
    background-image: url(../images/view-more-arrow.png);
    background-repeat: no-repeat;
    background-size: 8px 9px;
    display: inline-block;
    position:absolute;
    height: 100%;
    width: 100%;
    top:8px;
    left:90px;
    /* padding-left:1em; */
    /* background-size: 5px 5px; */
    /* width: 5px; */
    /* height: 5px; */
}

.flip-arrow{transform: rotate(180deg);}
.w-55{width: 58%;}

.slideSource{
    opacity:1;
    transition:opacity 1s;
}

.slideSource.fade{
    opacity:0;
}

/* .my-container{
    border:5px solid green;
}

.my-row{
 border: 3px solid red;
}

.my-col{
    border:3px dotted blue;
} */

/* .full-screen-element {
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: 100vw;
    position: relative;
    right: 50%;
    width: 100vw;
  } */

  .full-screen-image {
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: 100vw;
    position: relative;
    right: 50%;
    width: 100vw;
  }

.offset-case-studies{margin-left:-0.625em;}

.pl-6{padding-left:0.625rem;}
.pl-7{padding-left: 0.1rem;}

@media only screen and (max-width: 1026px) {
    .case-study-blurb{
        width: auto;
        float: none;
        padding:25px 5px;
        position: static;
    }
    .work-selects{
        width: auto;
        max-width: none;
        min-width: 0;
        margin: 0;
        padding: 0px 5px;
    }

    .arrows-container{
        position: static;
        bottom: 0;
        top: auto;
        width: 7.5em;
        margin:auto;
        padding:0px 0px 30px 0px;
        /* margin-top:150px; */
    }
}


@media only screen and (max-width: 767px) {
    .w-55{width: 100%;}
    .left-align{text-align: left!important;}

    .full-screen-mobile{
        width: 100% !important;;
    }

    .full-screen-element {
        left: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        max-width: 100vw;
        position: relative;
        right: 50%;
        width: 100vw;
      }
}

@media only screen and (max-width: 560px){
body [role='content'] {
    padding: 0px 0 20px;
    }

}