/*
Author: Future Studios
Description: Primary Stylesheet
*/

/* XS styles and up. Global styles
--------------------------------------------------*/
html {
	overflow-y:scroll;	
}
body {
	color:#fff;
	font-family: 'proxima_novalight';	
}
.display-table {
	display:table;
	height:100%;
}
.display-table-cell {
	display:table-cell;
	vertical-align:middle;
}
h1.screen-size {
	position:relative;	
}
a:active,
a:focus {
	outline:none;	
}


/*Shorthand*/

a {
	color:#297176;	
}
.text-white {
	color:#fff;
}
a.text-white:hover {
	color:#fff;	
}
.no-padding {
	padding:0;	
}
.text-lowercase {
	text-transform:lowercase;	
}
.relative {
	position:relative;	
}


h2,h3,h4,h5,h6, p.lead {
	font-family: 'proxima_novalight';
	font-weight:normal;
	line-height:1.2;
	font-size:20px;

}
.activity-top-panel h2,
.feed-top-panel h2 {
	font-size:20px;
}
.bold {
	font-family: 'proxima_novalight';
	font-weight:normal;	
}

/*Fonts*/


@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('/assets/fonts/proximanova-regular-webfont.eot');
    src: url('/assets/fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/proximanova-regular-webfont.woff2') format('woff2'),
         url('/assets/fonts/proximanova-regular-webfont.woff') format('woff'),
         url('/assets/fonts/proximanova-regular-webfont.ttf') format('truetype'),
         url('/assets/fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_novalight';
    src: url('/assets/fonts/proximanova-light-webfont.eot');
    src: url('/assets/fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/proximanova-light-webfont.woff2') format('woff2'),
         url('/assets/fonts/proximanova-light-webfont.woff') format('woff'),
         url('/assets/fonts/proximanova-light-webfont.ttf') format('truetype'),
         url('/assets/fonts/proximanova-light-webfont.svg#proxima_novalight') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*Top Nav*/

#topnav {
	display: block;
    width: 97%; 
	background:none; 
	border:none;	
}
#topnav.page {
    position: absolute;
    top: 20px;	
}

/*Homepage Panel Top*/
	
.home-top-panel {
		background-color:#444;
		background-image:url(../img/bg/home2.jpg);
		background-size:cover; 
		height:90vh; 
		padding:30px 0;	
		color:#fff;
}
.home-top-panel.contact {
	background-image:url(../img/bg/home-hq.jpg);	
}


/*Homepage Panel Bottom*/


.home-bottom-panel {
		background-color:#2c3540;
		background-image:url(../img/bg-pattern.png);
		background-repeat:repeat; 
		height:10vh;
		padding-top:20px;	
}
/*Team Page*/

.team-top-panel {
	position:relative;
	height:99vh; 
	background-image:url(/assets/img/bg/team2.jpg);
	background-size:cover;	
}
.take-me-down {
	position:absolute;
	left:50%;
	margin-left:-35px;
	bottom:10px;
	z-index:5;	
}
.team-members, .team-about, .team-activity, .activity-nav, .feed-nav {
	background-color:#2c3540;
	padding:60px 0;
	background-image:url(../img/bg-pattern.png);
	background-repeat:repeat; 
	position:relative;		
}

/*Activity*/

.activity-top-panel {
	background-color:#93ae4e;
	padding:0px 0 50px;
	background-image:url(../img/bg-pattern.png);
	background-repeat:repeat; 
	position:relative;	
}
.activity-nav {
	padding:30px 0 10px;	
}

.team-activity {
	background-color:#93ae4e;	
}
.activity-content {
	color:#222;	
	padding-top:40px;
	padding-bottom:40px; 
	font-size:14px;
}
.activity-content h2 {
	font-size:20px;
}	


/*Feed*/

.feed-top-panel {
	background-color:#37989f;
	padding:0px 0 50px;
	background-image:url(../img/bg-pattern.png);
	background-repeat:repeat; 
	position:relative;	
}
.feed-content {
	color:#222;	
	padding-top:40px;
	padding-bottom:40px; 
	font-size:14px;
	background:#fff;
}
.feed-content a {
	color:#fff;	
}
.feed-content a:hover {
	text-decoration:none;	
}
.feed-nav {
	padding:30px 0 10px;	
}

/*Accordion Effects*/

.panel {
	background:none;
	border:none;
	box-shadow:none;	
}
.panel-default > .panel-heading {
	background:none;
	border:none;
	padding-left:0;
	padding-right:0;	
}
.panel-title {
	color:#222;	
}
.panel-body {
	padding:0;
}

.panel-body .text-column {
	color:#999;	
}
.panel-body .text-column:first-child {
	color:#222;	
}




/*MiSC*/

.feed-top-panel h2,
.activity-top-panel h2 {
	margin-top:0;	
}
footer.footer {
	background-color:#232a32;
	background-image:url(../img/bg-pattern.png);
	background-repeat:repeat; 
	height:25vh;
	padding-top:20px;	
}
.boxed-heading {
	border: 1px solid #fff;
    display: inline-block;
    font-family: "proxima_nova_rgregular";
    margin-bottom: 20px;
    padding: 6px 30px;
    text-transform: uppercase;	
}
.boxed-heading.linked-in {
	padding: 4px 6px 0;	
}
.boxed-heading.icon {
	height: 30px;
    padding: 5px;
    width: 30px;
	border-color:#ccc;
}
.boxed-heading a {
	color:#fff;	
}
.boxed-heading a:hover {
	text-decoration:none;	
}
.boxed-heading a:active,
.boxed-heading a:focus {
	outline:none;	
}
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    font-size: 18px;
    height: 34px;
    padding: 4px 20px;		
}

/*Vimeo Embeds*/

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; } 
.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

/*Panel Overlays*/

section.page-panel {
	position:relative;	
}
.overlay {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:0;
}
.overlay-faded {
	opacity:0.4; 	
}
.overlay-pattern {
	background:url(../img/overlay-pattern.png);
	background-repeat:repeat;	
}

/*Video Embed Reset*/

.embed-container {
	position:relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
} 
.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;	
}


#credits {
	background: #000 none repeat scroll 0 0;
    color: #fff;
    height: 100%;
    margin-left: -440px;
    padding: 40px;
    position: absolute;
    right: -440px;
    top: 0;
    width: 440px;
    z-index: 50;
}
#credits ul li {
	padding: 10px 0;	
}
#credits hr {
	border-color:#222;	
}

.plus {
	background:url(/assets/img/more-dark.svg);
	background-position:5px 5px;
	background-repeat:no-repeat;	
}
.plus.minus {
	background:url(/assets/img/less-dark.svg);
	background-position:5px 4px;
	background-repeat:no-repeat;	
}
.plus a {
	display: block;
    height: 22px;
    margin-left: -1px;
    margin-top: -1px;
    padding: 0;
    width: 22px;	
}

/*Home*/

.who-made-this {
	bottom: 10px;
    height: 20px;
    position: absolute;
    right: 80px;
    	
}
.who-made-this p {
	position:relative;	
}
.who-made-this p:before {
	background:url(/assets/img/heart-white.svg);
	content: "";
    height: 65px;
    right: -55px;
    position: absolute;
    top: -22px;
    width: 65px;	
}

.share-this {
	cursor:pointer;	
}
.shares {
	bottom: -60px; 
	position: absolute; 
	left: 20px;
}

.addthis_sharing_toolbox {
	display:inline-block;
	position:absolute;
	right: 0;
    top: 45px;
	opacity:0;
	-webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;	
}
.shown {
	opacity:1;
	-webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;	
}


/*================================ 
Exclusive XS / Mobile Styles 
================================*/
@media (max-width:767px) { 

/*Screen size*/
h1.screen-size:before {
		content:"XS"	
}

figure.pull-left,
figure.pull-right {
	float:none!important;
	margin:40px 0;	 
}

.feed-top-panel h2, .activity-top-panel h2 {
	margin-top:30px;	
}

/*TopNav*/

#topnav.page {
	display: block;
    width: 90%; 
	background:none; 
	border:none;	
}
#topnav.page {
    position: absolute;
    top: 20px;
}
navbar-header {
	margin:0;	
}

.home-top-panel,
.home-bottom-panel {
	height:auto	
}

.team-top-panel {
	height:auto;
	padding-bottom:90px;	
}


/*Isotope*/

.grid {
	border:5px solid #fff;
}	
.grid-item {
	 background: #ddd none repeat scroll 0 0;
    font-size: 18px;
    height: 280px;
	color:#fff;
	text-align:center;
	position:relative;
    padding: 40px 25px;
    width: 100%;
	font-weight:300;
	border:5px solid #fff;
	-webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;
}
.grid-item:hover {
	-webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;
}
.grid-item span {
	bottom:auto;
	opacity:1;
    position: relative;
    width: 100%;
	-webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;
}
.grid-item .overlay {
	opacity:1;
	background: rgba(0,0,0,0.4);
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;	
}

/*Feed*/

.panel-title p {
	margin-top:20px;	
}

/*Team*/
.team-three-box {
	padding-top:160px;	
}
.team-two {
	width: 100%;	
}
.team-top-panel .container {
	width:100%;
}	

.home-top-panel {
	padding:40px 0 90px;	
}
.who-made-this {
    bottom: -60px;
    height: 20px;
    position: absolute;
    right: 80px;
}

.addthis_sharing_toolbox {
	top:58px;
	width:75px;	
	right:-5px;
}


}


/*================================ 
SM / Tablets and up 
================================*/
@media (min-width:768px)  { 

/*Screen size*/
h1.screen-size:before {
		content:"SM"	
}

.feed-top-panel h2, .activity-top-panel h2 {
	margin-top:30px;	
}
h2.home-caption {
	width:455px;	
}

/*Isotope*/

.grid {
	border:5px solid #fff;
}	
.grid-item {
	 background: #ddd none repeat scroll 0 0;
    font-size: 18px;
    height: 350px;
	color:#fff;
	position:relative;
    padding: 40px 25px;
    width: 50%;
	font-weight:300;
	border:5px solid #fff;
	-webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;
}
.grid-item:hover {
	-webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;
}
.grid-item span {
	bottom: 30px;
	opacity:1;
    position: absolute;
    width: 80%;
	-webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;
}
.grid-item.wide {
	background:#555;
	width:100%;	
}
.grid-item.tall {
	background:#555;
	width:50%;
	height:700px;	
}

/*Feed*/

.panel-title p {
	margin-top:20px;	
}

/*Team*/
.team-three-box {
	padding-top:90px;	
}
.team-two {
	width: 100%;	
}
.addthis_sharing_toolbox {
	top:58px;
	width:75px;	
	right:-5px;
}
.shown {
	opacity:1;
	-webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;	
}
}

/*=============================== 
MD / Small desktops and up 
===============================*/
@media (min-width:992px) {
	
/*Screen size*/	 
h1.screen-size:before {
		content:"MD"	
}

.feed-top-panel h2, .activity-top-panel h2 {
	margin-top:10px;	
}

/*Nav*/ 

.navbar-default {
    background-color:transparent;
    border:none;
}
.navbar-default .navbar-nav > li > a {
	border: 1px solid #666871;
    color: #b1b0b7;
    font-size: 13px;
    margin: 0 10px 0 0;
    padding: 6px 24px;
	-webkit-transition: all 0.2s;
    transition: all 0.2s;
	height:34px;	
}
.white-nav .navbar-default .navbar-nav > li > a {
	border:1px solid #fff;
	color:#fff;	
}
.navbar-default .navbar-nav > li > a:hover {
	-webkit-transition: all 0.2s;
    transition: all 0.2s;
	background:#b1b0b7;
	position:relative;
	border:1px solid #b1b0b7;
	color:#2c3540;
}

.navbar-default .navbar-nav > li > a.first:before,
.navbar-default .navbar-nav > li > a.menu:before {
	content:"\f015";
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-9px;
	margin-left:-9px;
	font-family:'FontAwesome';
	color:#b1b0b7;
	font-size:18px;	
}
.white-nav .navbar-default .navbar-nav > li > a.first:before,
.white-nav .navbar-default .navbar-nav > li > a.menu:before {
	color:#fff;	
}
.navbar-default .navbar-nav > li > a.menu:before {
	content:"\f036";
	color:#b1b0b7;
}
.navbar-default .navbar-nav > li.current > a.first:before {
	color:#2c3540;
}
.navbar-default .navbar-nav > li.current > a.first {
	color:#2c3540;
	background:#b1b0b7;
	border:1px solid #b1b0b7;	
}

/*Home*/

.who-made-this {
	bottom: 10px;
    height: 20px;
    position: absolute;
    right: 80px;
    	
}
.who-made-this p {
	position:relative;	
}
.who-made-this p:before {
	background:url(/assets/img/heart-white.svg);
	content: "";
    height: 65px;
    right: -55px;
    position: absolute;
    top: -22px;
    width: 65px;	
}
	
/*Team Page*/

.team-box {
	position:absolute; 
	width:100%; 
	left:0; 
	bottom:12px; 
	border:1px solid #fff;
	padding-bottom:16px;	
}
.team-box#elliw {
	right:0; 
	left:auto; 
	top:12px; 
	bottom:auto;
}
.team-box h2{
	margin-bottom:0;	
}
.team-box:before {
	content:"";
	height:2px;
	width:25%;
	position:absolute;
	top:50%;
	right:-25%;
	background:#fff;
	z-index:0;	
}
.team-box#elliw:before {
	position:absolute;
	top:50%;
	left:-25%;
	right:auto;	
}

.team-three-box {
	display:table-cell; 
	height:100%; 
	vertical-align: middle; 
	width:100%;
	padding-top:0px;
}	
.team-one {
	width:35%; 
	height:300px; 
	float:left; 
	position:relative; 
	z-index:0;
}	
.team-two {
	width:30%; 
	height:300px; 
	float:left; 
	position:relative; 
	z-index:5;
}
.team-three {
	width:35%; 
	height:300px; 
	float:left; 
	position:relative; 
	z-index:0;
}	

/*Isotope*/

.grid {
	border:5px solid #fff;
}	
.grid-item {
	 background: #ddd none repeat scroll 0 0;
    font-size: 14px;
    height: 350px;
	color:#fff;
	position:relative;
    padding: 40px 25px;
    width: 25%;
	font-weight:300;
	border:5px solid #fff;
	-webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;
}
.grid-item:hover {
	-webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;
}
.grid-item .overlay {
	opacity:0;
	background: rgba(0,0,0,0.4);
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;	
	-webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;
}
.grid-item:hover .overlay {
	opacity:1;
	-webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;
}

.grid-item span {
	bottom: 30px;
	opacity:0;
    position: absolute;
    width: 80%;
	-webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;
}
.grid-item:hover span {
	opacity:1;
	-webkit-transition: all 0.3s 0.4s; /* Safari */
    transition: all 0.3s 0.4s;	
}
.grid-item.wide {
	background:#555;
	width:50%;	
}
.grid-item.tall {
	background:#555;
	width:25%;
	height:700px;	
}

/*Slide In News*/

.mm-listview .news-item {
	-webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;	
	padding: 30px 60px 30px 20px;
	cursor:pointer;
}
.mm-listview .news-item:hover {
	-webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;
	background:#333;
	/*padding-left:30px;*/	
}
.mm-listview .news-item h3 {
	position:relative;
	display:inline-block;	
}
.mm-listview .news-item h3:before {
	color: #fff;
    content: "\f105";
    font-family: "FontAwesome";
    font-size: 14px;
    opacity: 0;
    position: absolute;
    right: -12px;
    top: 7px;
	-webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;
}
.mm-listview .news-item:hover h3:before {
	-webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;
	opacity:1;
	/*right:-16px;*/	
}

/*Feed*/

.panel-title p {
	margin-top:0px;	
}

.team-padded-right {
	display:block;
	width:60%;	
}

.shares {
	bottom: -20px; 
	position: absolute; 
	right: 20px;
}	

.addthis_sharing_toolbox {
	display:inline-block;
	position:absolute;
	right: -5px;
    top: 45px;
	opacity:0;
	-webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;	
}

.shown {
	opacity:1;
	-webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;	
}

.feed-top-panel h2, .activity-top-panel h2 {
    margin-top: 10px;
     padding-left: 0px;
    padding-right: 160px;
}
}


/*============================== 
LG / Large desktops and up 
==============================*/
@media (min-width:1200px) { 

/*Screen size*/
h1.screen-size:before {
		content:"LG"	
}

.team-padded-right {
	display:block;
	width:40%;	
}
}

/*============================== 
XL / Extra large desktops and up 
==============================*/
@media (min-width:1600px) { 

/*Screen size*/
h1.screen-size:before {
		content:"XL"	
}
}