/*

///////////////////////////////////////////////////////////////
// --------------------------------------------------------- //
// |                                                       | //
// |        _/_/_/                      _/               © | //
// |     _/          _/_/      _/_/_/  _/_/_/    _/_/_/    | //
// |      _/_/    _/_/_/_/  _/_/      _/    _/  _/    _/   | //
// |         _/  _/            _/_/  _/    _/  _/    _/    | //
// |  _/_/_/      _/_/_/  _/_/_/    _/    _/  _/    _/     | //
// |
// --------------------------------------------------   (c) 2012
////////////////////////////////////////////////////  Seshn Inc.

Theme Name: Seshn Dashboard Theme
Theme URI: http://seshn.com/
Description: Child Theme to Seshn Framwork
Author: SESHN
Author URI: http://seshn.com/themes/
Template: Seshn-Framework
Version: 0.1.0

*/

@import "../Seshn-Framework/style.css";

.Seshn {
opacity: 1;
width: 195px !important;
height: 50px;
margin: 52px 0 52px 28px !important;
padding: 0px;
background: url('http://i.imgur.com/dFiXxQh.png') no-repeat;
text-indent: -9999px;
transition: opacity .18s;
-moz-transition: opacity .18s;
-webkit-transition: opacity .18s;
-o-transition: opacity .18s;
opacity: .7 !important;
position: relative;
left: 7px;
}
.Seshn:hover{
	opacity: 0.7;
}
.Seshn a{
	width:203px !important;
	height:71px;
	display:block;
}

.Seshn_mobile{
    opacity: 1;
    width:203px !important;
    height:46px;
    margin:32px auto !important;
    padding:0px;
    background:url('http://brand.seshn.com/files/2013/09/seshn_mobile_nav_logo_dark.png') no-repeat;
    background-size: 100%;
    text-indent:-9999px;
    transition: opacity .18s;
    -moz-transition: opacity .18s; /* Firefox 4 */
    -webkit-transition: opacity .18s; /* Safari and Chrome */
    -o-transition: opacity .18s; /* Opera */
}
.Seshn_mobile:hover{
    opacity: 0.7;
}
.Seshn_mobile a{
    width:195px !important;
    height:66px;
    display:block;
}

.SeshDev{
	width:203px !important;
	height:71px;
	margin:20px auto !important;
	padding:0px;
	background:url('../Seshn-Framework/assets/img/shn-sprite.png') -116px 0px;
	text-indent:-9999px;
}
.SeshDev a{
	width:203px !important;
	height:71px;
	display:block;
}

/***** White Sticky Bar Styles *****/

.sticky_logo h1 {
margin: 66px 0 52px 28px !important;
}

.sticky_menu a, .sticky_menu a:visited {
color: rgba(122, 122, 122, 0.4);
}

.sticky_menu ul li .arrow {
background: url(http://seshn.com/wp-content/themes/Seshn-Framework/assets/img/shn-sprite.png) 0 -18px !important;
opacity: .3 !important;
}

.sticky_menu ul li.active .arrow {
background: url(http://seshn.com/wp-content/themes/Seshn-Framework/assets/img/shn-sprite.png) 0 -18px !important;
opacity: 1 !important;
}

.sticky_menu{
margin: 6px 0 0 0 !important;
position: relative !important;
top: 0px !important;
}

.sticky_menu ul li a, .sticky_menu ul li a:visited {
font-family: adelle !important;
}

.sticky_bar {
background: #fff !important;
}

.sticky_menu a:hover, .sticky_menu ul li a:hover, .sticky_menu ul li.current_page_item, .sticky_menu ul li.active, .sticky_menu ul li.active a {
background: rgba(0,0,0,.05) !important;
color: #333 !important;
}

.sticky_menu ul li:first-child {
border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.sticky_menu ul li {
border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.sticky_footer ul {
border-bottom: 1px solid rgba(0,0,0,0.1) !important;
}

#mobile_nav {
background: #fff !important;
}

#mobile_header .mobile_head {
background: #fff !important;
border-bottom: none !important;
}

#activator .bars li {
background: #333 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}

/*** People & Brand Page Template Styling ***/

.wrapper{
padding: 0px !important;
}

#shn-box .control{
margin-top: 20px !important;
}

@media(min-width: 768px) and (max-width: 1024px){
#shn-box .control {
margin-bottom: 10px !important;
}
}

/* Scene Box */
.centerit {
	text-align: center;
}

.scenes, .people{
margin-bottom: 100px;
}

.people{
margin-top: 46px;
}

.scenes .row-fluid > [class*="span"]:first-child, .people .row-fluid gg [class*="span"]:first-child {
margin-left: 0;
position: relative;
left: 0px !important;
}

.span4{
  opacity: 1 !important;
  transition: all .2s ease-in-out !important;
  -moz-transition: all .2s ease-in-out !important;
  -webkit-transition: all .2s ease-out !important;
  -o-transition: all .2s ease-in-out !important;
  }
  
  .span4:hover{
  opacity: .7 !important; 
  }

.people .scenebox { 
	width:222px;
	height:222px;
	margin:0px auto;
	position:relative;
	text-shadow:none;
	overflow:hidden;
	text-align: center;
}
.words .wordsbox {
width: 222px;
height: 50px;
margin: 0px auto;
position: relative;
text-shadow: none;
overflow: hidden;
text-align: center;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
padding-bottom: 10px;
padding-top: 14px;
}

.words h2 {
font-family: adelle !important;
font-size: 26px !important;
font-weight: 600 !important;
color: #333 !important;
text-align: center !important;
border-top: 1px solid rgb(211, 211, 211);
padding-top: 20px;
-webkit-font-smoothing: antialiased;
}

.words .wordsbox a{
-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}

.scenebox{
	width: 222px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.scenes .scenebox { 
	width: 222px !important;
    margin-left: auto;
    margin-right: auto;
	position:relative;
	text-shadow:none;
	overflow:hidden;
	text-align: center;
	background-color: #FFF;
    margin-bottom: 40px;
    padding: 3px;
}

@media  (min-width: 768px) and (max-width: 1024px){
.scenes .scenebox { 
width: 222px !important;
}
}
.scenes .scenebox:hover{
	box-shadow: 0 1px 7px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 1px 7px 2px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0 1px 7px 2px rgba(0, 0, 0, 0.05);
}

.scenebox a{
    display:block;
    text-align: center;
}
.people .scenebox a img{
    border-radius: 111px;
    width:222px;
	height:222px;
}

.brand .scenebox a img{
    width:222px;
	height:222px;
}

.words .wordsbox a img{
    border-radius: 111px;
    width:50px;
	height:50px;
}

.people .scenebox:hover{
	border-radius: 200px;
	box-shadow: 0 1px 7px 2px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 0 1px 7px 2px rgba(0, 0, 0, 0.07);
	-webkit-box-shadow: 0 1px 7px 2px rgba(0, 0, 0, 0.07);
}

.brand .scenebox:hover{
    width: 222px !important;
	height:222px !important;
	box-shadow: 0 1px 7px 2px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 0 1px 7px 2px rgba(0, 0, 0, 0.07);
	-webkit-box-shadow: 0 1px 7px 2px rgba(0, 0, 0, 0.07);
}
	
.scenes .scenebox a {
    width: 222px;
}

@media  (min-width: 768px) and (max-width: 1024px){
.scenes .scenebox a {
    width: 222px;
}
}
.scenes .scenebox a img{
    width: 222px;
}
@media  (min-width: 768px) and (max-width: 1024px){
.scenes .scenebox a img{
width: 222px;
margin: 0 20px 0 0;
}
}
.status {
    text-align: center;
}
.people .shnlabel{
	color: rgb(41, 132, 216);
	display:block;
	margin-top:20px;
	margin-bottom:45px;
	font-size:16px;
	line-height:16px;
	text-align: center;
}

.brand .shnlabel{
	color: rgb(41, 132, 216);
	display:block;
	margin-top:20px;
	margin-bottom:45px;
	font-size:16px;
	line-height:16px;
	text-align: center;
}

.scenes .shnlabel{
	color: #5A5A5A;
	display:block;
	margin:20px auto;
	margin-bottom:20px;
	line-height:16px;
	text-align: center;
	font-size: 12px;
	font-family: proxima-nova;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.shnperson{
	color: rgb(41, 132, 216);
	display:block;
	margin-top:16px;
	font-size:22px;
	line-height:25px;
	text-align: center;
	font-family: adelle !important;
	font-weight: 700;
}

.words{
margin-top: 20px;
}

.wordsbox-shnperson{
	color: rgb(41, 132, 216);
	display:block;
	margin-top:16px;
	margin-bottom: 20px;
	font-size:22px;
	line-height:1.4;
	text-align: center;
	font-family: adelle !important;
	padding: 0 10px 0 10px;
}

.shnlink{
    display:block;
	color:rgb(90,90,90) !important;
	margin-top:4px;
	margin-bottom:45px;
	font-size:10px;
	line-height:13px;
	text-align: center;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 700;
}

.wordsbox-shnlink {
display: block;
color: #909090 !important;
margin-top: 4px;
margin-bottom: 25px;
font-size: 18px;
line-height: 1.4;
text-align: left;
text-transform: none;
letter-spacing: 0px;
padding: 0 10px 0 10px;
-webkit-font-smoothing: antialiased;
}

.scenebox .shnlink:hover{
	color:rgb(0,0,0);
}
.scenebox .overlay {
	position:absolute;
	top:0px;
	left: 0px;
	width:204px;
	height:204px;
	cursor:pointer;
}
.scenebox .overlay .addme{ 
	position:absolute;
	padding-top:0px;
	font-size:32px;
	line-height:32px;
	font-family: "HelveticaNeue Bold";
	font-weight: normal;
	background:rgba(0,0,0,0.4);
	color:#FFF;
	top:0px;
	right:0px;
	width:38px;
	height:38px;
	
	transition: background .4s;
	-moz-transition: background .4s; /* Firefox 4 */
	-webkit-transition: background .4s; /* Safari and Chrome */
	-o-transition: background .4s; /* Opera */
}
.scenebox .overlay:hover .addme{ 
	background:rgba(63,110,205, 1);
}
.scenebox .overlay .capsule{ 
	opacity:0;
	margin:70px 35px;
	background:rgba(0,0,0,0.5);
	color:#FFF;
	padding:6px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	transition: opacity .4s;
	-moz-transition: opacity .4s; /* Firefox 4 */
	-webkit-transition: opacity .4s; /* Safari and Chrome */
	-o-transition: opacity .4s; /* Opera */
}
.scenebox .overlay:hover .capsule{ 
	opacity:1;
}
.scenebox .overlay .capsule span{
	color:rgb(180,180,180);
}
.scenebox .overlay .capsule .amnt{
	font-family: "HelveticaNeue Bold";
	font-weight: normal;
	font-size:24px;
	color:#FFF;
}

.people_title, .brands_title {
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 20px;
position: absolute;
top: 34px;
margin: 0 0 0 0px;
}

@media (min-width: 320px) and (max-width: 540px) {
.people_title, .brands_title {
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 16px;
position: relative;
top: 2px;
margin: 0 0 0 20px;
}
}

.people_submenu {
margin: 0 auto;
text-align: right;
font-size: 16px;
border-bottom: 1px solid 
rgb(211, 211, 211);
padding-top: 14px;
padding-bottom: 34px;
margin-top: 0px;
margin-bottom: 50px;
padding-right: 0px;
border-top: none !important;
}


.highlights_submenu {
margin: 0 auto;
text-align: left;
font-size: 16px;
border-bottom: 1px solid 
rgb(211, 211, 211);
padding-top: 4px;
padding-bottom: 34px;
margin-top: -36px;
margin-bottom: 6px;
width: 940px;
margin-left: 34px;
padding-right: 0px;
text-indent: 788px;
}

@media (min-width: 320px) and (max-width: 480px) {
.highlights_submenu {
display: none !important;
}
}

.highlights_title {
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 20px;
position: relative;
top: 9px;
margin: 24px 0 22px 35px;
width: 300px;
}

@media (min-width: 320px) and (max-width: 480px) {
.highlights_title {
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 20px;
position: relative;
top: 9px;
margin: 15px 0 22px 15px;
width: 300px;
}
}

.highlights_subtitle {
font-family: adelle !important;
font-style: italic !important;
font-size: 20px;
text-transform: none;
opacity: .4;
letter-spacing: 0px;
font-weight: 500;
}

.people_submenu a, .highlights_submenu a{
color: rgb(41, 132, 216);
font-weight: 700;
margin: 0 2px 0 2px;
}

.people_submenu a:hover, .highlights_submenu a:hover{
border-bottom: 2px solid rgb(41, 132, 216);
}

@media (min-width: 320px) and (max-width: 540px) {
.people_submenu {
margin: 0 auto;
text-align: right;
font-size: 12px;
padding-bottom: 14px;
padding-top: 14px;
border-top: none !important;
border-bottom: none !important;
margin-bottom: 50px;
margin-top: -30px;
padding-right: 20px;
}
}

.people_current{
font-weight:700;
}