body{
    margin:0px;
    padding:0px;
}

#new-workspage-top-buffer{
    padding:60px 20px;
}

#new-workspage-top-buffer h1{
    text-align:center;
    font-family:didot,georgia,serif;
    color:#333;
    font-weight:normal;
    font-size:2.3em;
}

#new-workspage-top-text p{
    margin:0 0 0.5em 0;
    font-family:didot,georgia,serif;
    line-height:1.4em;
}

div.accordion-section{
    width:100%;
    text-align:center;
    box-sizing:border-box;
    padding:10px;
    position:relative;
    transition: height 0.3s, margin-top 0.3s, margin 0.3s;
    -webkit-transition: height 0.3s, margin-top 0.3s, margin 0.3s;
    background-repeat:no-repeat;
    background-size:cover;
    overflow:hidden;
    /* border-bottom:1px solid #666; */
    margin-bottom:8px;
}

div.accordion-section h1{
    font-size:1.5em;
}

div.accordion-section h2{
    font-size:1.2em;
}

div.accordion-section.valign_50{
    background-position:50% 50%;
}

div.accordion-section.valign_30{
    background-position:50% 30%;
}

div.accordion-section.valign_70{
    background-position:50% 70%;
}

div.accordion-section a.toggle{
    position:absolute;
    bottom:6px;
    right:10px;
    font-size:1.5em;
}

div.accordion-section a.invisible-opener{
    position:absolute;
    top:0;
    left:0px;
    width:100%;
    height:100%;
}

div.accordion-section.open a.invisible-opener{
    display:none;
}

div.accordion-section h1{
    font-family:didot;
    font-weight:normal;
}

div.accordion-section h1 a{
    text-decoration:none;
}

div.accordion-section div.subhead-details h2 a{
    text-decoration:none;
    font-weight:normal;
    font-family:didot;
}

div.accordion-section div.subhead-details div.workspage-line{
    width:50%;
    max-width:150px;
    height:0px;
    border-bottom:1px solid #fff;
    margin:20px auto;
}

div.accordion-section.black div.subhead-details div.workspage-line{
    border-bottom:1px solid #000;
}

div.accordion-section a.toggle, div.accordion-section h1 a, div.accordion-section div.subhead-details h2 a, div.accordion-section h1{
    color:#fff;
}

div.accordion-section.black a.toggle, div.accordion-section.black h1 a, div.accordion-section.black div.subhead-details h2 a, div.accordion-section.black h1{
    color:#333;
}
    
/** Set standard heights **/

div.accordion-section.closed{
    height:28vh;
}

div.accordion-section.closed h1{
    margin:65px 0 0 0;
}

div.accordion-section.open{
    height:80vh;
}

div.accordion-section.stowed{
    height:15vh;
}

div.accordion-section.open h1{
    margin:42px 0 0 0;
}

div.accordion-section.stowed h1{
    margin:25px 0 0 0;
}

div.accordion-section div.subhead-details{
    display:none;
}

div.accordion-section.open div.subhead-details{
    display:block;
}

/** Set homepage heights, where there will only ever be four sections **/

/* div.accordion-section.workspage-section.closed{
    height:25vh;
}

div.accordion-section.workspage-section.open{
    height:85vh;
}

div.accordion-section.workspage-section.stowed{
    height:5vh;
} */




div.accordion-section div.workspage-section-card{
    background-color:rgba(255,255,255,0.55);
    margin:0 auto;
    width:calc(100% - 20px);
    padding:20px;
    box-sizing:border-box;
    display:none;
    text-align:left;
}

div.accordion-section.open div.workspage-section-card{
    display:block;
}

div.accordion-section div.workspage-section-card p{
    font-family:didot;
    margin:0 0 10px 0;
    font-size:0.8em;
}

div.accordion-section div.workspage-section-card p:last-child{
    margin:0;
}

div.accordion-section div.content-block{
    text-align:left;
}

div.accordion-section div.content-block p{
    margin:0 0 0.35em 0;
    line-height:1.4em;
}

div.accordion-section.workspage-section div.content-block{
    transition:opacity 0.3s;
    -webkit-transition:opacity 0.3s;
    padding:20px;
    margin:0 auto;
    min-height:calc(100% - 140px);
    font-family:didot;
    box-sixing:border-box;
}

div.accordion-section.workspage-section div.content-block h2{
    margin:0 0 0.5em 0;
    font-weight:normal;
}

div.accordion-section.workspage-section div.content-block.columns{
    column-count: 2;
}

div.accordion-section.workspage-section div.content-block{
    background-color:rgba(0,0,0,0.45);
    color:#fff;
}

div.accordion-section.workspage-section.black div.content-block{
    background-color:rgba(255,255,255,0.45);
    color:#333;
}

div.accordion-section.workspage-section.closed div.content-block, div.accordion-section.workspage-section.stowed div.content-block{
    opacity:0;
}

div.accordion-section div.block-media-holder iframe{
    margin:0px;
    padding:0px;
    box-sizing:border-box;
}

div.accordion-section div.block-text-holder{
    /* overflow:scroll; */
}

@media screen and (max-width: 799px) {
    
    div.accordion-section div.block-media-holder iframe{
        width:100%;
        height:100%;
    }
    
    div.accordion-section div.block-media-holder{
        float:left;
        width:100%;
        padding-bottom: 55%;
        margin-bottom:10px;
        height:0;
    }
    
}

@media screen and (min-width: 540px) {
    
    div.accordion-section div.workspage-section-card{
        width:500px;
    }
    
}

@media screen and (min-width: 800px) {
    
    #new-workspage-top-buffer{
        padding:60px;
    }
    
    div.accordion-section div.block-media-holder iframe{
        height:100%;
        width:100%;
    }
    
    div.accordion-section div.block-media-holder{
        float:left;
        width:calc(50% - 15px);
        padding-bottom: 28%;
        height:0;
    }
    
    div.accordion-section div.block-text-holder{
        float:right;
        width:calc(50% - 15px);
    }
    
    div.accordion-section.workspage-section div.content-block{
        max-width:80%;
    }
    
    #new-workspage-top-text{
        /* column-count: 2; */
    }
    
}