@font-face {
      font-family: 'Benton Gothic Bold';
      src: url('https://s3.amazonaws.com/latimes-datadesk-template/fonts/0.5.0/benton-gothic-bold.eot');
      src: url('https://s3.amazonaws.com/latimes-datadesk-template/fonts/0.5.0/benton-gothic-bold.eot?#iefix') format('embedded-opentype'),
           url('https://s3.amazonaws.com/latimes-datadesk-template/fonts/0.5.0/benton-gothic-bold.woff') format('woff'),
           url('https://s3.amazonaws.com/latimes-datadesk-template/fonts/0.5.0/benton-gothic-bold.ttf') format('truetype');
      font-weight:normal;
      font-style:normal;
    }
#tophat-container{margin-bottom:0;}

header.center h1 {
	max-width: 90%
}
.big .member-info h3{
	font-size:30px;
}
.grid {
	clear:both;
}
.academy-row {
	margin: 20px 0 20px;
	margin-left: auto;
	margin-right: auto;
}

h5.byline{
	font-size: 12px;
	font-family: 'Benton Gothic Regular', Arial, sans-serif;
	color: #CCC;
	margin: 5px 0;
}

.industry-header, h3.button-header {
    font-family: 'Benton Gothic Bold', Arial, sans-serif;
    letter-spacing: 0.2em;
    text-align: center;
    font-size: 2.3em;
    margin-bottom: 1em;
}

.industry-header {
	text-transform: uppercase;
	margin-bottom:10px;
}

.header-border {
	border-bottom: 5px solid #F8E6BA;
    width: 50%;
    margin-left:auto;
    margin-right:auto;
}

h3.button-header{
	font-size: 1em;
	letter-spacing:0em;
	margin-top: 0px;
}

.actors {
	font-family: 'Benton Gothic Bold', Arial, sans-serif;
	font-size:24px;
}


/*longer blurbs*/
.member.big {
	width:90%;
}

.member.big img{
	width:90%;
}

.member{
	min-height:251px;
    float: left;
    width: 48%;
    margin: 3% 0;
    padding: 0px 2% 0% 0;
}

.big .member-img{
	width: 53%;
}

.big .member-info{
	width: 45%;
	padding-left:0px;
}


.member-blurb-big, .member-blurb {
	font-family: Georgia, serif;
	font-size: 16px;
	margin-bottom:17px;
}

.caption{
	font-size: 10px;
	line-height: 17px;
	font-family: 'Benton Gothic Regular',Arial,sans-serif;
	color: #999;
	padding-left: 0px;
	margin: 3px 0 0 1px;
	text-align:left;
}

.pullout .member-img figcaption.figcaption{
	text-align:left;
}

.info {
	font-family: Georgia, serif;
	font-size: 16px;
	line-height: 22px;
}


span.reader-feedback a{
	font-family: 'Benton Gothic Bold';
	font-size: 18px;
	color:#A88335;
}
.big-letter {
	font-family:'Benton Gothic Bold', arial, sans-serif;
	font-size: 21px;
	line-height: 27px;
}

.member-img {
    width: 36%;
    float: left;
    display: inline-block;
}
/*makes the image fit the div*/
.member-info{
	min-height:249px;
	width:60%;
	float:left;
	display:inline-block;
	padding: 0 0 0 2%;
}

.member-img-big {
	max-width:40%;
	float:left;
	margin-right:20px;
}

h3.name, h4.work {
    margin-top: 0;
}

h3.name{
	font-family: 'Benton Gothic Bold', Arial, sans-serif;
	font-size: 22px;
    line-height:1.1em;
    margin-bottom:3px;
}

h4.work{
	font-family: 'Benton Gothic Regular', Arial, sans-serif;
	font-size: 14px;
    color:#616161;
}

/*buttons*/
.branch-select {
	display:none;
	font-size: 18px;
	color: #A88335;
	border: #F8E6BA 1px solid;
	margin-left: auto;
	margin-right: auto;
}

.sticky {
    text-align: center;
    background: white;
    position: fixed;
    margin-top:0;
    padding:10px 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    box-shadow: 0 10px 10px -10px rgba(0,0,0,0.2);
}

.sticky .branch-select {
	display:block;
}

.sticky .nav {
	display: none;
}

.btn{
	font-size:18px;
	color:#A88335;
	border:#F8E6BA 1px solid;
}

.branch-buttons-holder {
    text-align: center;
    margin: 20px 0;
    padding-top: 20px;
}

.branch-buttons-holder {
    display: inline-block;
    padding: 10px 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

a.read-more{
	margin:0 0 20px 0;
    text-align: left;
    padding:0;
	font-family: 'Benton Gothic Regular', Arial, sans-serif;
	font-size:13px;
}
a.read-more:hover{
	text-decoration: underline;
}

.branch-buttons-holder li {
    display: inline-block;
}

.branch-buttons-holder .btn:hover {
    background-color:#E1BD67;
    border:#F8E6BA 1px solid;
}

.branch-buttons-holder .btn {
    font-family: 'Benton Gothic Regular', Arial, sans-serif;
    box-shadow: none;
}

@media (max-width: 1200px) {
	.member-img {
		width:80%;
	}
	.member-info {
		width:80%;
	}
	.member {
		min-height:630px;
	}

@media (max-width: 1100px) {
	.member {
		min-height:632px;
	}

@media (max-width: 980px) {
	.branch-select {
		display: block;
		
	}

	.buttons-list {
		display: none;
	}
}
@media (max-width:768px){

	.branch-buttons-holder{
		padding: 0;
	}

	.ad-holder{
		text-align:center;
	}

	/*longer blurbs*/
	.member.big {
		width:100%;
	}

	.member.big img{
		width:100%;
	}
	.big {
		width:100%;
		margin-right:0px;
		padding-top:0px;
		float:none;
	}

	.big .member-img{
		width: 100%;
	}

	.big .member-info{
		width: 100%;
	}

	.member-img{
		width:100%;
	}
	.member {
    float: left;
    width: 47%;
    margin: 3% 0;
    padding: 0px 3% 0 0;
	}

	.member-img {
    width: 100%;
    float: none;
	}

	.member-info {
    width: 100%;
    float: none;
    padding:0;
	}

	h3.name, h4.credits {
    margin-top: 1em;
	}
}
@media (max-width:480px){
	.member {
		min-height:;
	}
}
@media (max-width:480px){
	.industry-header{
		font-size:1em;
	}
	.member {
    float: none;
    width: 100%;
    margin: 0;
    padding: 5% 0%;
    border-top: solid 1px #efefef;
	}
	.member.big {
		width:100%
	}
	.member.big img{
		width:100%
	}
	.member-info{
		padding:0;
	}
	h3.name{
	font-size: 24px;
	margin-bottom:0px;
	margin-top:.3em;
	}
	h4.credits{
		margin:.6em 0 1em;
	}
}