/**
 * Custom Styles for Penn AHEAD
 * 
 * Author: 	GSE IT Web Team
 * Date:	January 2014
 */

/** Base **/
body {
	line-height: 1.2em;
}

a {
	color: #bb0000;
}

a:hover {
	color: #d00000;
}

h1, h1.title {
	font-family: 'Lato Light';
	font-size: 50px;
/*	text-transform: uppercase; */
	margin-bottom: 40px;
	color: #5c0035;
}

h2 {
	font-size: 34px;
	margin-bottom: 10px;
	color: #2a3f5e;
	/*font-family: 'Crimson', Georgia, Times, serif;*/
	text-transform: none;
}

h3 {
	font-family: 'Lato Light';
	color: #90627a;
	line-height: 1.1em;
	}

h4{
	color: #747076;
}

#main-content h2 {
        font-family: 'Crimson', Georgia, Times, serif;
}

#header-callout {
	display: block;
	background-color: #F0F0F0;
	text-align: center;
	padding: 40px 0 40px 0;
	height: 410px;
	background-image: url(../img/ahead_bg.png);
	background-repeat:no-repeat;
	background-position:center -150px; 
}

/*
#header-callout img {
	width: 500px;
}
*/

#brand-banner {
	display: none;
}

.navbar {
	z-index: 1;
}

#main-menu li {
	height: 60px;
	margin-top: 10px;
	width: auto;
}

#main-menu li a {
	text-transform: none;
	padding: 18px 10px;
	height: 60px;
	line-height: 1.1em;
}

#main-menu li a span:last-child {
	display: block;
	text-transform: uppercase;
}

.nav > li > a:hover, 
.nav > li > a:focus,
.nav > li.active-trail a,
.nav > li > a.active {
	background-color: #2a3f5e;
}

/** Banner Styles **/
#banner-photo {
	top: 0;
	z-index: 0;
}

#banner {
	background-color: #e1e1e1;
	padding: 80px 0;
	text-align: center;
	margin-bottom: 40px;
	background-image: url(../img/ahead_bg.png);
	background-repeat:no-repeat;
	background-position:center -110px; 
}

/** Front Page Only **/
#front-top-content {
}

#front-top-content .container {
	padding: 50px 120px;
}

#front-middle-content .container {
	padding: 50px 105px;
	position: relative;
}

#front-top-content .container {
        padding: 50px 120px;
        background-color: #eee;
}

#front-middle-content .container {
        padding: 50px 105px;
        position: relative;
        color: #eee;
}

#front-middle-content {
        background-color: #747076;
}

#front-middle-content .views-field-view-node a {
        color: #5c0035;
}

.front p {
	font-size: 18px;
}

.front h1,
.front h2 {
	font-family: 'Lato Light';
	text-align: center;
	font-size: 55px;
	text-transform: uppercase;
	margin-bottom: 40px;
	color: #fff;
}

#front-top-content h1 {
  color: #5c0035;
}

#front-middle-content h2 {
	/*color: #5c0035; */
}

#block-block-1 p {
	font-size: 20px;
	line-height: 28px;
}

#block-block-1 a {
	color: #5c0035;
}

.views-field-title {
	font-size: 36px;
	margin-bottom: 10px;
}
#front-middle-content .views-field-title {
	line-height: 1.2em;
}
.views-field-title a {
	color: #00122d;
	text-decoration: underline;
}

.views-field-body p {
	margin-bottom: 5px;
}

.read-more-wrap,
.views-field-view-node {
	text-align: right;
	text-transform: uppercase;
	margin-right: 20px;
}

#front-middle-content .view-footer {
	position: absolute;
	right: -180px;
	top: 50%;
	margin-top: 110px;
}


#front-middle-content .view-footer {
        position: absolute;
        right: -120px;
        top: -120px;
        margin-top: 110px;
}

.btn.btn-round {
	text-align: center;
	color: #fff;
	font-family: 'Lato', Arial, serif;
	font-size: 20px;
	text-transform: uppercase;
	height: 150px;
	width: 150px;
	border-radius: 150px;
	 -moz-border-radius: 150px;
	 -webkit-border-radius: 150px;
	text-align: center;
	padding-top: 55px;
	line-height: 1em;
	border: 2px solid #fff;
}

.btn-round span:last-child {
	display: block;
}

.btn-round.btn-large {
	width: 200px;
	height: 200px;
	border-radius: 200px;
	 -moz-border-radius: 200px;
	 -webkit-border-radius: 200px;
}

/** Custom Drupal Stuff **/
#block-block-4 {
	margin-top: -3px;
}

#block-block-5 h2{
	text-transform: uppercase;
	font-family: 'Lato', 'Arial', serif;
	font-size: 26px;
	padding-bottom: 10px;
	margin-top: 0px;
}

#block-block-4 a:nth-child(2) img {
	margin: 0 8px 0 5px;
}

#block-views-news-and-pubs-block {
	position: relative;
}

.banner-cpp #logo img {
	width: 100%;
}

.banner-show {
	margin-top: 105px;
}

/** Footer **/

.ct-left a {
	color: #9caabf;
}

.footerBlue {
	color: #9caabf;
}

#footer a:hover {
	color: #9caabf;
}

.social {
	background-image: url(../img/ahead_sprite.png);
}

/** HomePage Banner Area **/

.knowledge {
	background-color: #bb0000;
	height: 175px !important;
	width: 175px !important;
	position:absolute;
	left: 5%;
	padding-top: 65px !important;
	margin-top: -15px;
}

.capacity {
	background-color: #2a3f5e;
	position:absolute;
	left: 15%;
	margin-top: 9%;
}

.leaders {
	background-color: #00122d;
	position: absolute;
	left: 26%;
	margin-top: 2%;
}

.convo {
	background-color: #5c0035;
	height: 190px !important;
	width: 190px !important;
	position: absolute;
	padding-top: 75px !important;
	right: 22%;
	margin-top: 5%;
}

.global {
	background-color: #00122d;
	position: absolute;
	margin-top: -1%;
	right: 14%;
}

.about {
	background-color: #bb0000;
	position: absolute;
	margin-top: -15%;
	right: 5%;
}

.btn-news {
	background-color: #2a3f5e;
}

.btn-news {
  background-color: #2a3f5e;
  border: none !important;
}

.btn-news:hover {
  background-color: #9caabf;
}

.view-press-coverage h3 {
display: none;
}

.view-presentations-publications h2 {
        border-bottom: 1px solid #2a3f5e;
        display:inline;
        line-height: 40px;
}

.view-presentations-publications h2:hover {
        color: #596e8c;
}

.donate {
  color: #9caabf;
  font-size: 13px;
  font-family: 'Lato',font sans-serif;
}

.donate:hover {
  color: white;
}

/* ----- Added 4-22 ----- */

/* ----- Moving AHEAD ----- */

.btn-results, .btn-commentary {
	padding-top: 50px !important;
	font-size: 17px !important;
	height: 125px !important;
	width: 125px !important;
	}
	
.btn-results {
		background-color: #00112d;
	}
	
.btn-commentary {
	background-color: #5c0035;
	}


/* ----- Join the Discussion ----- */

.join{
	text-align: center;
	color: #fff;
	font-family: 'Crimson', Georgia, Times, serif;
	height: 280px;
	width: 280px;
	border-radius: 280px;
	-moz-border-radius: 280px;
	-webkit-border-radius: 280px;
	background-color: #00112d;
	padding-top: 20px;
	margin-top: 60px;
	position: absolute;
	margin-left: -85px;
	font-size: 18px;
	line-height: 24px;
}

.join a {
	color: #90627a !important;
	font-weight: bold;
}

.join h2 {
	font-family: 'Crimson', Georgia, Times, serif;
	text-transform: none;
	font-size: 36px;
	margin-bottom: 10px;
}

#block-block-1 .col-md-9 {
	float: right;
}

/* ----- Twitter ----- */

.twitter-block {
	border: 1px solid #e1e1e1;
}

.tweet {
	line-height: 20px;
	margin: 10px 0px;
	padding: 15px 20px;
	border-top: 1px solid #e1e1e1;
	font-size: 18px;
}

.twitter-block h2 {
	padding: 20px 20px 10px 20px;
	margin: 0px;
}

.twitter-block h2 a {
	color: #044053;
}

.twitter-block a {
	color: #2a6496;
}

span.tweet-time a {
	white-space: nowrap;
	color: #90627a;
}

.tweet-retweet,
.tweet-time,
.tweet-user, .tweet-name {
	font-family: 'Lato', Arial, sans-serif;
	font-size: 12px;
}

.tweet-name {
	font-size: 15px;
	font-weight: bold;
	color: #90627a;
}

.tweet-user {
	color: #5c0035;
}

.tweet-retweet a {
	color: #90627a;
}

.tweet-retweet,
.tweet-time {
	font-size: 13px;
}

.tweet-actions {
	float: right;
	display: none;
	font-size: 14px;
	color: 
}

.tweet:hover .tweet-actions {
	display: block;
}

.twitter-block img {
	border: 1px solid #ddd;
}

/* ----- Results Button ----- */

.results-lg {
	text-align: center;
	color: #fff;
	font-family: 'Crimson', Georgia, Times, serif;
	height: 280px;
	width: 280px;
	border-radius: 280px;
	-moz-border-radius: 280px;
	-webkit-border-radius: 280px;
	background-color: #00112d;
	padding-top: 20px;
	margin: 20px 0px 20px 20px;
	float:right !important;
}

.results-lg h2 {
	color: white;
	margin-top: 10px !important;
}

.results-lg a {
	color: #90627a !important;
}

.results-sm {
	text-align:center;
	height: 150px;
	width: 150px;
	border-radius: 150px;
	background-color: #00112d;
	padding-top: 25px;
	float:left;
	margin-right: 10px;
}

.results-sm h3 a {
	color: #90627a;
	font-size: 90%;
}

.results-sm h3 a:hover {
	color: white;
}

.description {
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 40px;
}

/* ----- New! Alert Bubble ----- */

.new {
        position: absolute;
        width: 40px;
        border-radius: 150px;
        background-color: #d10000;
        color: white;
        z-index: 1000;
        font-family: lato;
        font-size: 12px;
        height: 40px;
        padding: 2px 0px 0px 6px;
        right: 430px;
        top: -4px;
}

.new a {
        color:white;
}

a.whats-ahead {
        color: #ff0000
}

.toggler {
        min-height: 30px;
        padding-left: 35px;
        background-image: url('../../../../ahead-penn.org/files/u3/ahead_toggle.png');
        background-repeat: no-repeat;
        display: block;
        padding-top: 3px;
}

.open-toggle .toggler {
        background-position: 0 -30px;
}

.front .inner-only {
	display: none;
}

/* ----- Styles for Publications Views ----- */


/* --- Sidebar --- */

#block-block-9 h2 {
	background-color: #2a3f5e;
	color: white;
	font-size: 26px;
	padding: 5px 10px;
}

#block-block-9 h3 {
	font-family: 'Lato', 'Arial', sans-serif;
	text-transform: uppercase;
	font-size: 20px;
	padding: 5px 0px;
	color: #2a3f5e;
}

/* --- Featured - Landing page --- */

.featured-pub-view h3 {
	background-color: #5c0035;
	font-family: 'Crimson', serif;
	color: white;
	font-size: 28px;
	padding: 5px 10px;
	margin: -15px 0px 20px 0px;
}

#block-views-18dc174506725b17db5fd6d8ea688bb6 h2 {
	background-color: #5c0035;
	font-family: 'Crimson', serif;
	color: white;
	font-size: 28px;
	padding: 5px 10px;
	margin: 10px 0px 20px 0px;
}

.featured-pub-view .views-field-title {
	color: #00112d;
}

.photoleft {
	margin-right: 20px;
}

.featured-pub-view .date-display-single {
	display: block;
	font-family: 'Lato Light';
	color: #90627a;
	font-size: 22px;
}

.featured-pub-view .views-field-field-type {
	font-family: 'Lato';
	color: #5c0035;
	text-transform: uppercase;
	font-size: 18px;
	padding-bottom: 10px;
}

.featured-pub-view .views-row {
  clear: both;
  padding-top: 40px;
}

.featured-pub-view .views-row-first {
  padding-top:0px;
}


/* these styles make video presentations look good on the main pubs page */

.views-field-field-featured-publication-blurb .feature-video {
  max-width: 200px;
  margin-bottom: -20px;
}

.views-field-field-featured-publication-blurb .feature-video img  {
  width: 200px;
}

.featured-pub-view .views-row-1 .views-field-field-thumbnail-image .photoleft{
  margin-right:0px;
}

/* --- What's Ahead Archive aka New @ AHEAD --- */

.view-news-and-pubs.view-display-id-page .views-row {
  margin-bottom: 70px;
  clear: both;
}

.view-news-and-pubs.view-display-id-page p {
  margin-bottom: 0px;
}

/* --- Search Results Page --- */



/* --- Individual Pub Page --- */

.taxonomy-view h3, .pubs-year-view h3{
	background-color: #5c0035;
	font-family: 'Crimson', serif;
	color: white;
	font-size: 28px;
	padding: 5px 10px;
	margin: 5px 0px 20px 0px;
}

.field {
	margin-bottom: 20px;
}

/* Removing Labels */
.node-searchable-entry .field-name-field-type h3,
.node-searchable-entry .field-name-field-link-address h3,
.node-searchable-entry .field-name-field-publication-date-date h3,
.node-searchable-entry .field-name-field-project h3,
.node-searchable-entry .field-name-field-publication-details-descri h3,
.node-searchable-entry .field-name-field-author-details h3,
.node-searchable-entry .field-name-field-featured-publication-blurb h3{
	display: none !important;
}

/*-remove this style */
.node-searchable-entry .field-name-field-link-address {
	display: none;
}

.node-searchable-entry .field-name-field-feature-this {
	display: none !important;
}

/* Thumbnail */
.node-searchable-entry img {
	float: left;
	margin: 20px 20px 10px 0px;
}

.field-name-field-thumbnail-image h3.field-label {
	display: none;
}

/* Type */
.node-searchable-entry .field.field-name-field-type.field-type-list-text {
	font-family: 'Lato';
	background-color: #9caabf;
	color: #000;
	text-transform: uppercase;
	font-size: 18px;
	padding-bottom: 10px;
	padding: 0px 5px;
	margin-top: -15px;
}

/* Project */
.node-searchable-entry .field-name-field-project {
	font-family: 'Lato Light';
	color: #90627a;
	font-size: 30px;
	line-height: 1em;
	margin-top: 15px;
	margin-bottom: 5px;
}

/* Date */
.node-searchable-entry .field-name-field-publication-date-date {
	font-family: 'Lato';
	color: #5c0035;
	text-transform: uppercase;
	font-size: 20px;
}

/* Deets */
.node-searchable-entry .field-name-field-publication-details-descri p {
	margin-bottom: 5px;
}

/* Authors */

.node-searchable-entry .field-name-field-author-details{
	font-family: 'Lato';
	color: #5c0035;
	text-transform: uppercase;
	font-size: 20px;
}

/* Labels for Themes & Researchers */
.node-searchable-entry h3.field-label {
	font-family: 'Lato';
	font-weight: normal;
	color: #9caabf;
	text-transform: uppercase;
	font-size: 18px;
}

.node-searchable-entry .field-name-field-themes, .node-searchable-entry .field-name-field-researchers {
	line-height: 1.1;
	margin-bottom: 25px;
}

/* "Tag" for Publication Type */

.type-label {
        font-family: 'Lato';
        font-weight: normal;
        text-transform: uppercase;
        font-size: 14px;
        background-color: #9caabf;
        color: #000;
        padding: 1px 3px;
}

/* ---------- Styles for the Events Pages and Blocks ---------- */

.view-events-pages .views-row, .view-id-events .views-row {
        margin-top: 20px;
        margin-bottom: 40px;
        clear:both;
}

.views-field-field-event-image img {
        width:125px;
        height: auto;
        float: left;
        margin: 0px 15px 10px 0px;
}

.views-field.views-field-field-date, .views-field.views-field-field-location {
    line-height: 24px;
}

.time-place {
        font-family: 'Lato';
        font-size: 18px;
        line-height: 18px;
        color: #5c0035;
        margin-bottom: 0px;
}

.node-type-event .field-name-field-date, .node-type-event .field-name-field-location {
        font-family: 'Lato';
        font-size: 18px;
        line-height: 18px;
        color: #5c0035;
        margin-bottom: 0px;
        padding-bottom: 5px;
}

.views-field.views-field-field-location, .node-type-event .field-name-field-location {
    margin-bottom: 10px;
}

.field-name-field-event-type {
        font-family: 'Lato';
    color: #90627a;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 18px;
}

.field.field-name-field-event-image.field-type-image.field-label-hidden {
    text-align: center;
}

a.btn-rm {
        background-color: #2a3f5e;
        padding: 2px 5px;
        color:white;
        float:right;
        margin-top: -20px;
}
    
.page-node-6 #sidebar .block-menu-block {
    margin-bottom: 40px;
}

a.btn-rm:hover {
        background-color: #00112d;
}

#sidebar ul.menu li ul.menu > li:first-child {
  border-top: 1px solid #ccc;
}

#sidebar ul.menu li ul li a:before {
    content: "»\00a0\00a0";
    font-family: "Crimson", Georgia, serif;
}

#sidebar ul.menu li ul li a {
    padding-left: 20px;
}
/*
.page-events-at-ahead #sidebar ul.menu .active-trail.active.menu-mlid-567 > a {
    background-color: #fff !important;
    color: #333 !important;
}

.page-node-97 #sidebar ul.menu .active-trail.active .menu-mlid-563 > a,
.page-node-97 #sidebar ul.menu .active-trail.active .menu-mlid-566 > a,
.page-node-97 #sidebar ul.menu .active-trail.active .menu-mlid-565 > a {
    background-color: #fff !important;
    color: #333 !important;
}

.page-node-97 #sidebar ul.menu .active-trail.active .menu-mlid-563 > a:hover,
.page-node-97 #sidebar ul.menu .active-trail.active .menu-mlid-566 > a:hover,
.page-node-97 #sidebar ul.menu .active-trail.active .menu-mlid-565 > a:hover {
    background-color: #00112d !important;
    color: white !important
}*/

/* This style is the one we need to override. */
#sidebar ul.menu li.active a, #sidebar ul.menu li:hover a {
    background-color: #fff;
    color: #333 !important;
}

#sidebar ul.menu li.active > a, #sidebar ul.menu li:hover > a {
    background-color: #00122d;
    color: #fff !important;
}

#sidebar ul.menu li.expanded > a {
    background-color: #fff !important;
    color: #333 !important;
    cursor: default;
}

.event-tag, .node-research-project .field-name-field-project-theme {
        font-family: 'Lato';
    background-color: #5c0035; /*#9caabf;*/
    color: white;
    text-transform: uppercase;
    font-size: 18px;
    padding: 2px 5px;
    color: white;
}

.block-menu-block h2, .block-menu h2,
#block-menu-block-2 h2 {
    font-family: 'Lato', 'Arial', serif !important;
}

/* ---------- Ahead Blog Styles ---------- */

.view-blog-posts .views-row {
	margin-bottom: 30px;
}

.front .view-blog-posts .views-row {
	margin: 0 10%;
}

.node-type-blog-entry .field-name-field-blog-date {
	font-family: 'Lato';
    font-size: 18px;
    line-height: 18px;
    color: #5c0035;
    margin-bottom: 30px;
}

.node-type-blog-entry .field-name-field-blog-author, .node-type-blog-entry .field-name-field-author {
	font-size: 26px;
    line-height: 1em;
    margin-top: 10px;
    margin-bottom: 20px;
    color: #90627a;
    font-family: 'Lato Light';
}

.field-name-field-event-image img {
    max-width: 80%;
    height: auto;
    text-align: center;
}

.views-field-field-teaser .field-content > p:nth-last-child(2) {
    margin-bottom: 0;
}


/* ---------- College Promise Program ---------- */

/* ----- Filter Programs ----- */

#block-views-aff41734e37d8c6fb496bf4d7d2eeea3 {
    padding: 20px;
    padding-top: 5px;
    border: 1px solid #e1e1e1;
}

#block-views-aff41734e37d8c6fb496bf4d7d2eeea3 h2 {
	font-size: 26px;
}

.view-college-promise-programs .views-field {
	padding: 10px 0px;
	line-height: 1;
}

.view-college-promise-programs .views-label {
	line-height: 1 !important;
}

.view-college-promise-programs .views-row {
	padding: 20px;
	padding-top: 10px;
	border: 1px solid #e1e1e1;
}

.view-college-promise-programs .views-field-field-state .views-label{
	display: none;
}

.view-college-promise-programs .views-field-field-state {
	font-family: 'Lato';
    background-color: #5c0035; /*#9caabf;*/
    color: white;
    text-transform: uppercase;
    font-size: 18px;
    padding: 5px;
    margin: 15px 0px;
}

.table-terms p {
	margin-bottom: 0px;
}

.table-striped > tbody > tr:nth-child(odd) > th {
    color: white;
    font-family: 'Lato';
    background-color: #2a3f5e;
}

.block-webform {
    border: 2px solid #e1e1e1 !important;
    padding: 0 20px;
    margin-bottom: 20px;
}

h3.large {
	font-size: 30px;
	line-height: 34px;
}

.call-out {
	border: 1px solid #e1e1e1;
	padding: 20px;
}

.view-college-promise-programs .btn-rm {
	margin-top: 0px; 
	text-transform: none;
	float: none;
}

.view-college-promise-programs .views-field-view-node {
	margin-right: 0px;
}

.join-sub {
	float:left;
	position: inherit;
	margin: 20px 30px 20px 0px;
	padding-top: 40px;
}

.join-sub h2{
	color: white;
}

#block-views-aff41734e37d8c6fb496bf4d7d2eeea3 label{
	font-family: 'Lato';
	font-size: 17px;
	color: #747076;
	font-weight: normal;
}

.item-list .pager li {
  padding: 0px;
}

.item-list ul li:before {
    content: none !important;
}

.item-list ul li{
    margin: 0px 10px;
}

#main-content ul.pager li {
    text-indent: 0px;
}

.pager-current {
  font-weight:bold;
}

.pager li > a, .pager li > span {
    border: none;
    padding: 0px;
}

/* ---------- Creating Knowledge Projects View ---------- */

.view-projects .col-md-6{
    background-color: #e1e1e1;
    line-height: 1.2;
    font-size: 18px;
    padding: 10px 20px 30px;
    width: 48%;
    min-height: 350px;
    margin-right: 2%;
    margin-bottom: 2%;
}

.view-projects .views-field {
        margin: 5px 0px;
}

.view-projects .views-field-field-project-date {
        font-family: 'Lato', 'Arial', sans-serif;
        font-size: 16px;
        margin-bottom: 15px;
}

.view-projects .views-field-title {
        margin-bottom: 20px;
}

.view-projects .event-tag a, .view-projects .event-tag a:hover {
        color: white;
}

.view-projects .event-tag:hover {
        /*background-color: #90627a;*/
}

.view-projects .btn-rm {
        bottom: 20px;
        position: relative;
        margin-top: 15px;
        text-transform: none;
        font-size: 20px;
        padding-right: 10px;
        right: 0px;
        float: none;
        position: absolute;
}

.view-projects h3 {
	color: #5c0035;
}

/* ---- Projects Node ---- */

.node-research-project .field-name-field-project-date {
        font-family: 'Lato', 'Arial', sans-serif;
}

.node-research-project .field-name-field-project-theme {
        display: inline-block !important;
        margin-bottom: 5px;
}

.node-research-project .field-name-field-project-theme:hover {
        /* background-color: #90627a; */
}

.node-research-project .field-name-field-project-theme a{
        color: white;
}

li.menu-374 a, li.menu-784 a, li.menu-377 a, li.menu-378 a {
    padding: 24px 10px 18px 10px !important;
}

/* ---------- Blog ---------- */

#front-blog-content .container {
	padding: 50px 105px;
}

@media (max-width: 991px) {
	#front-blog-content .container {
		padding: 25px;
	}
}

#front-blog-content .views-field-view-node a {
	color: #5c0035;
}

.view-blog-posts .views-field-field-thumbnail img{
	float: left;
	width: 80px;
	height: auto;
	margin: 0px 20px 10px 0px;
	border: 1px solid #2a3f5e;
}

.view-blog-posts .views-field-title {
	line-height: 1.2em;
}

.view-blog-posts .join {
	position: static;
	float: right;
}

.blog-title {
	margin-bottom: 20px;
}

#block-views-blog-posts-block-2 > h2 {
	display: none;
}

.logo-blog-ahead {
	width: 20%;
	position: absolute;
}

.logo-blog-pell {
	position: absolute;
	margin-top: -75px;
	width: 20%;
}

/* -- Author -- */

.field.field-name-field-author.field-type-text.field-label-hidden, .field.field-name-field-blog-author.field-type-taxonomy-term-reference.field-label-hidden {
    background-color: #d9dfe8;
    padding: 20px;
    margin-bottom: 0px;
}

.field.field-name-field-about-the-author.field-type-text-long.field-label-hidden {
    background-color: #d9dfe8;
    padding: 0px 20px 20px 20px;
}

.field.field-name-field-about-the-author.field-type-text-long.field-label-hidden p {
    font-size: 18px;
    line-height: 22px;
}

.field.field-name-field-thumbnail.field-type-image.field-label-hidden {
    float: left;
    padding: 0px 20px;
}

.field.field-name-field-thumbnail.field-type-image.field-label-hidden img{
	max-width: 150px;
	height: auto;
}

/** Responsive **/
@media (max-width: 1200px) {
	#header-callout .knowledge {
		left: 0;
	}
	#header-callout .global {
		top: 120px;
	}
	#header-callout .convo {
		right: 26%;
		top: 120px
	}
	#header-callout .about {
		right: 2%;
		top: 70px;
	}
	#header-callout .leaders {
		left: 28%;
	}
	
	div.join {
		margin-left: -110px;
	}
	
	.logo-blog-ahead {
		top: -10px;
	}

}

@media (max-width: 991px) {
  	#main-menu li a span:last-child {
  		display: inline;
  	}

	#front-top-content .container,
	#front-middle-content .container {
		padding: 25px;
	}
	
	#header-callout .capacity {
		margin-top: 15%;	
		left: 14%;
	}
	#header-callout .global {
		top: 120px;
		right: 3%;
	}
	#header-callout .convo {
		right: 19%;
		top: 120px
	}
	#header-callout .about {
		right: -20px;
		top: 30px;
	}
	#logo img {
		width: 450px;
		height: auto;
	}
	
	.join {
		display: none;
	}

        .banner-cpp .banner-hide {
                display: none;
        }

        .banner-cpp #logo img {
                width: auto;
        }

        .banner-show {
                margin: 60px 0px;
        }
        
    .logo-blog-ahead {
		top: 0px;
	}

	.logo-blog-pell {
	    margin-top: -60px;
	}
}

@media (max-width: 767px) {
	#header-callout {
		height: 200px;
		background-position: center center;
	}

	#front-middle-content .view-footer,
	#header-callout .btn-round {
		display: none !important;
	}
	
	#header-callout .knowledge {
		left: -20px;
	}
	
	#banner-photo {
		display: block;
	}
	#logo img {
		width: 90%;
		height: auto;
		max-width: 500px; /* No bigger than actual image */
	}
	.social {
		background-image: url(../img/ahead_sprite_mobile.png) !important;
	}
	.social.facebook,
	.social.facebook:hover {
		margin: 0 25px;
	}
	.social.twitter {
		background-position: -25px 0;
	}
	.social.twitter:hover {
		background-position: -25px -25px;
	}
	.social.linkedin:hover {
		background-position: -75px -25px;
	}
	
	.logo-blog-ahead {
		position: static;
		width: 50%;
	}

	.logo-blog-pell {
	    position: static;
	    width: 50%;
	}
	
}