.supervox-work-grid {
	position:relative;	
	outline: 0;
    min-height:800px;
    font-size:16px;
   /* padding-top:45px;*/
    padding-top:87px;
}

body.page-template-work .blogPan{
	padding:0;
	margin-bottom:174px;
}

/* TOGGLE BUTTON */
.supervox-work-grid .toggle{
	margin-bottom: 10px;
    margin-top: 42px;
}


.supervox-work-grid .toggle a#doToggle{
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing: 0.6px;
	-webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}
.supervox-work-grid .toggle.open{background-color:transparent;}
.supervox-work-grid .toggle.open a#doToggle{
	color:#000 !important;	
}
.supervox-work-grid .toggle .showthis {
	margin-left:0;
}

.supervox-work-grid .toggle a#doToggle svg{
	fill:#FFF;
	width: 13px;
    height: 6px;
	top: -2px;
    position: relative;
}



/* FILTER MENU */
.supervox-work-grid .filters{
	text-align:center;
    margin-bottom:25px;
}

.supervox-work-grid .filters > li{
	list-style:none;
	display:inline-block;
    vertical-align:top;
}
.supervox-work-grid .filters > li > a{
	display:block;
	padding:4px 32px;
	margin:0 5px;
	font-size:17px;
	line-height:30px;
	color:#2f2d2f;
	border:1px solid #2f2d2f;	
	text-transform:uppercase;
	text-decoration:none;
}



/* filter menu */
.filters > li > a > .work-down-arrow{display:inline;width:13px; height:6px;position:relative;top:-2px;fill:transparent;}
.filters > li > a > .work-down-arrow .fill{fill:transparent;}
.filters > li > a > .work-down-arrow .stroke{fill:#2f2d2f;}

/* OPEN SUB-MENU */ 
/* HOVERING */
.not-mobile .supervox-work-grid .filters > li:hover > a{border:1px solid #f15c22;color:#f15c22;}
.not-mobile .supervox-work-grid .filters > li:hover > .work-down-arrow{opacity:1;}
.not-mobile .supervox-work-grid .filters > li:hover > a > .work-down-arrow .stroke{fill:#f15c22;}
/*.supervox-work-grid .filters > li:hover .dropdown{display:block;}*/

/* SELECTED */
.supervox-work-grid .filters > li.active 	   > a		{background-color:#f15c22;border:#f15c22;}
.supervox-work-grid .filters > li.active:hover > a	{color:#FFF;}
.supervox-work-grid .filters > li.active 	   > a{border:1px solid #f15c22;color:#ffffff;}
.supervox-work-grid .filters > li.active 	   > a > .work-down-arrow .stroke,
.supervox-work-grid .filters > li.active:hover > a > .work-down-arrow .stroke{fill:#FFFFFF;}


/* POINTER UNDER FILTERS (SHOWN WHEN OPEN OR ACTIVE) */
.filters > li > .work-down-arrow{
    /*display:none;*/
    display:inline-block;
    opacity:0;
    width:34px;
    height:16px;
    margin-top:-1px;
    fill:transparent;
    z-index:9999;
}
.filters > li > .work-down-arrow .fill{fill:#f15c22;}
.filters > li > .work-down-arrow .stroke{fill:white;}
.filters > li.active > .work-down-arrow {opacity:1;}
.filters > li.active > .work-down-arrow .fill{fill:transparent;}
.filters > li.active > .work-down-arrow .stroke{fill:#f15c22;}




/* FILTER DROPDOWN */
.supervox-work-grid .filter-services .dropdown{z-index:8;}
.supervox-work-grid .filter-services .work-down-arrow{z-index:9;}
.supervox-work-grid .filter-clients .dropdown{z-index:6;}
.supervox-work-grid .filter-clients .work-down-arrow{z-index:7;}

.supervox-work-grid .filters .dropdown{
	position:absolute;
	display:none;
	right:0;
	left:0;
	padding-top:15px;
    overflow:hidden;
}
.supervox-work-grid .filters .dropdown .dropdown-inner{
	background-color:#f15a22;
	background-color:rgba(241, 90, 34, 0.85);
}
/* // handled by javascript now. See supervox-work-grid.js openFilterMenu() and closeFilterMenu()
.supervox-work-grid .filters li:hover .dropdown{
	display:block;	
}
*/
.supervox-work-grid .dropdown-inner{margin-right:-10px;}
.supervox-work-grid .dropdown-inner ul.clients,
.supervox-work-grid .dropdown-inner li.worktype{
    width:25%;
    float:left;
    padding:56px 0 55px 0;
    margin:0;
}

.supervox-work-grid .filters .dropdown-inner:after{content:' ';clear:both;display:block;}


.supervox-work-grid .filters .dropdown li{list-style:none;}
.supervox-work-grid .filters .dropdown li a,
.supervox-work-grid .filters .dropdown li .worktype-category-header{
	font-family:"Helveticaneue";
	padding:4px 10px 4px 29px;
	display:block;
	text-align:left;
	font-size:16px;
	line-height:20px;
	color:#FFF;
	text-decoration:none;
	
}

.supervox-work-grid .filter-services .dropdown li a{font-weight:normal;font-family:"Helveticaneue-light";font-size:17px;}
.supervox-work-grid .filter-services .dropdown li .worktype-category-header{font-weight:bold;text-transform:uppercase;letter-spacing:2px;padding-bottom:7px;font-size:22px;}
	
}
		
.supervox-work-grid .filters .dropdown li a:hover{
	text-decoration:underline;
}

/* sub-sub navigation ( work types under a category ) */ 
.supervox-work-grid .filters .dropdown li ul {
	padding:0;
}
.supervox-work-grid .filters .dropdown li ul li{
	display:block;
	width:100%;	
	float:none;
	color:#FFFFFF;
}

.supervox-work-grid .filters .dropdown li ul li a{
	font-family:"Helveticaneue-light";
	/*padding-left:20px;*/
	font-size:16px;
	text-decoration:none;
}
.supervox-work-grid .filters .dropdown li a:hover{text-decoration:underline;}

.supervox-work-grid .filters .dropdown .worktype{ color:#FFFFFF;text-align:left;}





/* mobile dropdown filter selector */
.mobile-work-select{display:none;}
html.mobile .mobile-work-select{
    display:block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 40px;
    opacity: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    padding-left: 20px;
}
/*
@media screen and (max-width: 660px) {

}
*/


/* CASE STUDY CAROUSEL AT TOP OF WORK PAGE */
.casestudy-carousel{}
/* the next two lines for show/hide will be removed once the carousel is working properly */ 
.casestudy-carousel .item{display:none;}
.casestudy-carousel .item:nth-child(1){display:block;}

.casestudy-carousel .item{
	width:100%;
	height:100%;
	position:absolute;
	background-size:cover;
	background-position:center center;
}
.casestudy-carousel .details-wrapper{
	position:absolute;
	bottom:60px;
	left:0;
	right:0;
}
.casestudy-carousel .details{
	background-color:#717577;
	background-color:rgb(113,117,119);
	background-color:rgba(113,117,119,0.7);
	color:#FFFFFF;
	width:66%;
	padding:0.75em 0.6153em 0.727272em 1.625em;
	margin-left:2.3125em; /* make room for the nav arrow */
}

.casestudy-carousel .details .label{
	font-size:1.0625em;
	margin-bottom:1em;
	text-transform:uppercase;
	letter-spacing:2.5;
}
.casestudy-carousel .details .name{
	font-size:3.3125em;
	margin-bottom:0.0754em;
}
.casestudy-carousel .details .description{
	font-size:1.4375em;
	margin-bottom: 1.913em;
  	line-height: 1.3;
	font-weight:normal;
}
.casestudy-carousel .details .more{
	color:#FFFFFF;
	font-size:1em;
	text-transform:uppercase:
}

.carousel-nav{
	padding-left:58px;
}
.carousel-nav ul{
	position:absolute;
	bottom:25px;
}
.carousel-nav li{
	display:inline-block;
	background-color:#999999;
	border-radius:5px;
	margin-right:15px;
	overflow:hidden;
	text-indent:-100px;
	width:10px;
	height:10px;
}
.carousel-nav li:hover{background-color:#FFF;}
.carousel-nav li.active{background-color:#ee6741;}
.casestudy-carousel {height:500px;}


@media (max-width: 960px) {
    .supervox-work-grid .filters .dropdown{margin-top:-5px;}
    .filters{margin-left:-5px;margin-right:-5px;}
    .filters > li{ display:block;width:100%;margin-bottom:10px;}
    .filters > li > .work-down-arrow{display:block;position:absolute;width:100%;}


}

@media screen and (max-width: 800px) {
    .supervox-work-grid{min-height:1050px;}/* if the dropdown is taller than the grid of boxes, this ensures that the dropdown has enough room to expand */

    .supervox-work-grid .dropdown-inner ul.clients,
    .supervox-work-grid .dropdown-inner li.worktype{
        width:100%;
        float:none;
		padding-top:10px;
		padding-bottom:10px;
    }
    .supervox-work-grid .dropdown-inner .two-col{
        width:50%;
        float:left;
        display:block;
    }
	.supervox-work-grid .filters .dropdown .worktype > li{margin-bottom:20px;}

}
@media screen and (max-width: 450px) {
    .supervox-work-grid{	min-height:1525px;}
    .supervox-work-grid .dropdown-inner > ul{
        width:100%;
        float:none;
    }

    .supervox-work-grid .dropdown-inner .two-col{
        width:auto;
        float:none;
    }

}