/* 
    Created on : Mar 17, 2015, 3:44:31 PM
    Author     : collin@stewarttalent.com
    Updated on : May 4, 2020 
    Version    : 1.1
*/

body {
    font-family:'Roboto', 'Montserrat', 'Open Sans', sans-serif;
    font-weight:300;
}

header {
    z-index:10000;
}

label {
    margin:0.85em 0px;
}

fieldset {
    margin-bottom:20px;
}

/* Special style for inline radio button list */
/* webroot/css/main.css */
DIV#content DIV.compactRadioGroup {
    padding-left: 1em;
}
 
DIV#content .compactRadioGroup LABEL,
DIV#content .compactRadioGroup INPUT {
    display: inline;
}

#main {
    /* padding-top:60px; */
    padding-bottom:120px;
}

.blank_divider {
    height:80px;
}

.container {
    padding:0;
}

.local-menu-top :hover {
    opacity:0.4; /* css standard */
    filter: alpha(opacity=40); /* internet explorer */
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.local-menu {
    display:none;
}

a.local-menu-item {
    display:inline-block;
    background-color:#949599;
    text-transform:uppercase;
    text-align:center;
    padding:20px 1px 18px;
    margin-bottom:12px;
    white-space:nowrap;
    overflow:hidden;
    /* text-overflow:clip; */ 
    color:#fff;
    font-size:48px;
}

a.local-menu-item-media {
	padding-left:10px;
	padding-right:10px;
}

a.local-menu-item span.verb {
    font-size:36px;
}

.local-menu-item :hover
{
    /* background-color:black; */
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    overflow:hidden;
    text-overflow:clip;
    max-height:74px;
}

a.local-menu-item, .local-staff-title{
    color:#fff;
	/* Knockout is a proprietary font, requiring license and configuration through typography.com */
    font-family: 'Knockout 27 A', 'Knockout 27 B', 'Oswald', sans-serif;
    font-weight: 300;
    font-style: normal;
    /* font-size:36px; */
}

a.local-menu-item:hover {
    /* color:#000; */
    color:#911;
}

.local-talent-link :hover {
    opacity:0.4;
}

.local-staff-item {
        background-color:#949599;
        text-transform:uppercase;
        text-align:center;
        margin-bottom:18px;
        height:84px;
        padding-top:12px;
}

.local-nav-splash-container {
    z-index:1000;
    padding-bottom:15px;
    margin-bottom:30px;
    border-bottom:2px solid transparent; 
}

.local-nav-splash-container:hover {
    border-bottom:2px solid #911;
}

.local-nav-splash-container img:hover {
        opacity:50%;
}

a.local-social-link {
    display:inline-block;
    background-color:#949599;
    text-transform:uppercase;
    text-align:center;
    white-space:nowrap;
    overflow:hidden;
    color:#fff;
    font-size:24px;
    padding:4px;
    /* margin:4px */
}

.special-heading .profile-section {
    margin-bottom: 0;
    color: #56646F;
    text-transform: uppercase;
}

.stats {
    white-space:nowrap;
}

.stats-label {
    text-transform: capitalize;
}

.stats-value {
    text-transform: lowercase;
}

.no-headshot {
    display:block;
    border: none;
    background: #555;
    color: #fff;
    font-family:'Roboto', 'Montserrat';
    font-size:2.5em;
    line-height:normal;
    text-align: left;
    padding: 4px 8px 4px 8px;
    overflow: hidden;
    width:270px;
    height:270px;
}

/* Voiceover cards need nothing, really */
.vo-headshot {
    display:block;
    border: none;
    background: #555;
    color: #fff;
    font-family:'Roboto', 'Montserrat';
    font-size:2.5em;
    line-height:normal;
    text-align: left;
    padding: 4px 8px 4px 8px;
    overflow: hidden;
    height:8px;
}

.single-people {
    overflow:hidden;
    text-overflow:clip;
    margin-bottom:36px;
}

.single-people .team-name {
    height:56px;
}

.single-people .hover-wrap .overlay {
	opacity: 0.85;
	filter: alpha(opacity=85);
	background:none;
}

.single-people .hover-wrap:hover .overlay,
.single-people .hover-wrap:active .overlay,
.single-people .hover-wrap:focus .overlay {
    border-width: 0px;
    opacity: 0.85;
    filter: alpha(opacity=85);
}

.single-people .profile-link {
    padding: 7px 10px;
    border-bottom: 2px solid #911;
    background-color: #FFFFFF;
    -webkit-transition: all 0.15s ease-in-out 0s;
    -moz-transition: all 0.15s ease-in-out 0s;
    -o-transition: all 0.15s ease-in-out 0s;
    transition: all 0.15s ease-in-out 0s;
}

.clip {
   white-space:nowrap;
}

/* Large desktop */
@media (min-width: 1200px) { 
    /*
    .no-headshot {
        height:212px;
    }
    */
}

@media (min-width: 980px) and (max-width: 1199px) {
    .no-headshot {
        height: 220px;
        width: 220px;
    }    
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    /*
    .blank_divider {
        height:40px;
    }
    .no-headshot {
        height:158px; 
    }
    .single-people {
            overflow:hidden;
            margin-bottom:36px;
            text-overflow:inherit;
            padding-bottom:0px;
    }
    .single-people .team-image {
            height:125px;
    }
    .single-people .team-name {
            height:86px;
            overflow:hidden;
    }
    .clip {
       white-space:pre-wrap;
    }
    */
    .no-headshot {
        height: 166px;
        width: 166px;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    /*
    .blank_divider {
        height:20px;
    }
    .local-nav-splash-container {
        width:100%;
        overflow:hidden;
    }
    .local-nav-splash-container img {
        width:100%;
        height:100%;
        margin:-25% 0 -32% 0;
    }
    */
    .single-people {
        width:400px;
    }
    .no-headshot {
        width: 400px;
        height: 400px;
    }
    .team-name {
        width: 400px;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
}

/*-----------------------------------------------------------------------------
KENBURNER RESPONSIVE BASIC STYLES OF HTML DOCUMENT

Screen Stylesheet

version:   	1.0
date:      	07/27/11
author:		themepunch
email:     	support@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/

.boxedcontainer	{
    max-width: 1170px; 
    margin:auto; 
    padding:0px 30px;
}

/*-----------------------------------------------------------------------------
BANSHEE NAV MENU CUSTOMIZATION
Screen Stylesheet
-----------------------------------------------------------------------------*/
#menu ul li a .bar {
    /* background: #F88A79; */
    background: #949599;
}

#menu ul .sub-menu li a:hover {
    background-color: #949599;
}

/*-----------------------------------------------------------------------------
BANSHEE CUSTOMIZATION
Screen Stylesheet

***** THIS SEEMS TO SCREW EVERYTHING UP *****
-----------------------------------------------------------------------------*/
@media (min-width: 320px) and (max-width: 767px) {
    header #logo a {
        font-size: 24px;
        line-height: 90px;
    }

    header #logo a img.standard {
        /* height: 60px; */
    }
    
    header .span3 {
        float: left;
        width: 40%;
    }

    header .span9 {
        float: right;
        width: 20%;
    }


}

/*-----------------------------------------------------------------------------
YII CLISTVIEW CUSTOMIZATION
-----------------------------------------------------------------------------*/
.list-view .summary {
    margin:5px 0px 20px 0px;
    *zoom:1;
    text-align:left;
}

.list-view .sorter {
}

.list-view .pager {
    text-align:right;
}

/*------------------------------------------------------------------------------
SECTION MENU
-----------------------------------------------------------------------------*/
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
    text-align:center;
    display:inline-block;
    background-color:#949599;
    text-transform:uppercase;
    margin-bottom:12px;
    white-space:nowrap;
    overflow:hidden;
    color:#fff;
    font-size:48px;
}
#cssmenu ul {
	display:block;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu {
  width: auto;
    font-family: 'Knockout 27 A', 'Knockout 27 B', 'Oswald', sans-serif;
    font-weight: 300;
    font-style: normal;
  line-height: 1;
  text-transform:uppercase;
}
#cssmenu ul {
  background: none;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right > ul > li > a {
  margin-right: 0;
  margin-left: -4px;
}
#cssmenu > ul > li > a {
  z-index: 2;
  padding: 18px 25px 12px 25px;
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
  color: #444444;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  margin-right: -4px;
    display:inline-block;
    background-color:#949599;
    text-transform:uppercase;
    text-align:center;
    padding:20px 1px 18px;
    margin-bottom:12px;
    white-space:nowrap;
    overflow:hidden;
    /* text-wrap:none; */
    /* text-overflow:clip; */ 
    color:#fff;
    font-size:48px;
}
#cssmenu > ul > li.active > a,
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover {
  color: #ffffff;
}
#cssmenu > ul > li > a:after {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  width: 100%;
  height: 120%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  content: "";
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transform: perspective(5px) rotateX(2deg);
  -webkit-transform-origin: bottom;
  -moz-transform: perspective(5px) rotateX(2deg);
  -moz-transform-origin: bottom;
  transform: perspective(5px) rotateX(2deg);
  transform-origin: bottom;
}
#cssmenu > ul > li.active > a:after,
#cssmenu > ul > li:hover > a:after,
#cssmenu > ul > li > a:hover:after {
  background: #47c9af;
}