/*   ARTS GREENSBORO V2    */

body {
    position: relative;
}

/*
.title-bar {
    z-index: 100;
    padding-left: 0;
}
*/

.dropdown.menu {
    padding-left: 0;
}

.title-bar a {
    color: #3e3e3e;
}

.title-bar li {
    margin-left: 0px;
    border: none;
}

.is-dropdown-submenu {
    border: none; 
    box-shadow: 1px 8px 10px 0px rgba(0, 0, 0, 0.2);
    
}

.sub-menu-item {
    background-color: white;
}

.dropdown.menu li ul {
    background-color: white;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    border-color: #3e3e3e transparent transparent;
    
}



.floatBG {
    position: absolute;
    background-color: #a640fc;
    background-color: #f5f9fc;
    background-color: #eff4f8;
    z-index: -1;
    width: 100%;
    height: calc(800px - 35vh);
    top: 0;
    left: 0;
}

#flyInFloat {
    background-color: #3780E3;
}


#artsGreens {
    background-color: white;
    background-color: #F85EA3;
    background-color: #a640fc;
    background-color: #f5f9fc;
    background-color: transparent;
    
/*    height: 42vh;*/
    text-align: center;
/*    z-index: 10;*/
}



#kinetypeBG {
    background-color: #E2A435;
    background-color: #FFDF30;
}


.catBox {
    position: relative;
}

.category {
    font-family: 'Overpass Black';
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 16px;
    position: absolute;
/*    top: 100px;*/
/*    margin: 0 auto;*/
    text-align: center;
    width: 100%;
    z-index: 0;
}


/*

p.category::after {
    border: inset 5px;
    content: "";
    border-color: #F85EA3 transparent transparent;
    top: 12px;
    left: 6px;
    position: relative;
}
*/

.caseTitle {
    font-family: 'Overpass Black','Poppins Bold';
    
    color: #F85EA3;
    color: #a640fc;
    color: #ab55f4;
    color: white;
    color: #3e3e3e;
    
    
    letter-spacing: -1px; 
    font-size: 52px;
    line-height: 58px;
    font-size: 44px;
    line-height: 48px;
    margin-bottom: 20px;
    
    
/*    text-shadow: 0px -2px 0px #F85EA3;*/
/*    text-shadow: 3px 3px 0px #58DCDB, 8px 8px 15px #cbc4c7;*/
}



.textWhite {
    color: white;
}

.textWhite a {
    color: white;
}


.prevCard {
    position: relative;
/*    top: -20px;*/
    
}

.appMockup {
    position: relative;
    z-index: 30;
}

.appMockup:hover {
    z-index: 100;
}

.asideHL {
    color: #3e3e3e;
    font-size: 36px;
    text-align: center;
}

.screenBox {
    background-color: white;
}

.sketchesBox {
    background-color: white;
}

a.textWhite {
    color: #3e3e3e;
/*    color: white;*/
}

.leadText {
/*    margin-top: 30px;*/
/*
    padding-top: 25vh;
    padding-top: 180px;
*/
/*    padding-bottom: 20px;*/
    background-color: transparent;
}

h1,h2,h3,h4,h5,h6 {
    font-family: Overpass;
}

.caseTitle {
    font-family: 'Overpass Black';
/*    font-weight: 900;*/
    text-transform: uppercase;
    letter-spacing: 2px;
}

.leadText h4 {
    font-family: 'Overpass Black','Overpass Black';
/*    font-weight: 900;*/
    text-transform: uppercase;
    letter-spacing: 2px;
/*    padding-top: 50px;*/
}


#scrollup:hover {
    background-color: #64edd8;
    background-color: #F85EA3;
}

.top-bar a:hover {
    color: white;
    color: #F85EA3;
}


.PS {
    font-size: 17px;
    line-height: 32px;
/*
    text-transform: uppercase;
    letter-spacing: 1px;
*/
    margin-top: 50px;
    padding-bottom: 40px;
    
    font-size: 18px;
    font-family: 'Overpass Regular', 'Karla Bold', sans-serif;
    color: #9a9a9a;
    color: #47B5D0;
    color: #3e3e3e;
}

/*
.secHL {
    font-family: 'Overpass Black';
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 2px;
}
*/


@media all and (width: 1024px) {
    
    .floatBG {
    height: calc(800px - 25vh);
    }
    
}



@media all and (max-width: 580px) {
    
    
    .category {
        text-align: left;
        width: auto;
    }
    
    .floatBG {
    height: 90vh;
    height: calc(800px - 30vh);
}
    
    .prevCard {
    position: relative;
/*    top: -50px;*/
    
}
    
    .caseHead {
        padding-top: 90px;
        
    }
    
    .caseTitle {
        margin-top: 20px;
        font-size: 40px;
        
        font-size: 36px;
        line-height: 46px;
    }
    
    
    
    
    
    #artsGreens {
/*    height: 60vh;*/
    text-align: left;
}
    
    
    
    .leadText {
/*    padding-top: 40vh;*/
/*    padding-top: 220px;*/
    
    }
    
}


/*

.funTitle {
    font-family: 'Poppins Bold','Bubblegum', Helvetica Neue;
    font-size: 36px;
    color: #3e3e3e;
    letter-spacing: -1px;
}
*/


.desc {
    font-family: 'Overpass Black';
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 16px;
}

@media all and (max-width: 340px) {

    .floatBG {
    
    height: calc(800px - 30vh);
}
    
    
    .caseTitle {
        font-size: 30px;
        line-height: 40px;
    }
    
    p {
        font-size: 16px;
    }
    
    .designedBy {
        font-size: 16px;
    }
    
    .sideItem ul li a {
    font-size: 15px;
    
    }
    
}



/*   ARTS GREENSBORO V2    */