/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */

/* Increase the body font size on small touch devices */
body {
  font-size: 100%;
}
#main-content {
	margin: 0 10px;
}
.block-content {
	margin-right: 0;
    padding: 10px 10px 0 10px;
}
/* =============================================================================
 *   Responsive Menus
 * ========================================================================== */

.mean-container .mean-bar {
    background: none repeat scroll 0 0 #002b4c;
    float: left;
    min-height: 48px;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 999999;
}
.mean-container .mean-nav {
    background: #003660;
    text-align: right;
    margin-top: 48px;
    width: 100%;
}
.mean-container a.meanmenu-reveal {
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-family:Avenir, "Century Gothic", sans-serif; 
    font-weight:200; 
    font-style:normal;
	border-bottom: 1px solid #012346;
    font-size: 1em;
    height: 23px;
    line-height: 1.2em;
    padding: 13px 0 12px;
    position: absolute;
    right: 0;
    text-decoration: none;
    text-indent: 0;
    top: 0;
    width: 100%;
	float: left;
	text-align: right;
	ouline: none;
}
.mean-container a.meanmenu-reveal:visited,
.mean-container a.meanmenu-reveal:active {
	outline: none;
}
.mean-container a.meanmenu-reveal.meanclose {
	text-align: right !important;
	width: 95%;
	padding-right: 5%;

}
.mean-container a.meanmenu-reveal span {
	width: 22px;
	margin: 3px 10px 0 10px;
	clear: right;
	float: right;
}
.mean-container .mean-nav ul li a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    color: #FFFFFF;
    display: block;
    float: left;
    margin: 0;
    padding: 15px 5%;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
	font-family:Avenir, "Century Gothic", sans-serif; 
	font-weight:200; 
	font-style:normal;
    width: 90%;
}
.mean-container .mean-nav ul li a:hover {
	color: #003c78;
	background: #FEBC11;
}

 /* =============================================================================
 *   Header
 * ========================================================================== */
#branding {
	 width: 100%;
	 max-width: 300px;
 }
 #logo {
	 padding: 15px 0 0 0;
 }
 .region-header {
	 width: 100%;
 }
 #block-block-12 /*date*/ {
	 width: 100%;
	 margin: 0;
 }
 #block-views-main-category-title-block-1 {
	 width: 100%;
 }
  #block-block-2 {/*ucsb link*/
	margin-bottom: 10px;
	text-align: center;
}
#block-views-main-category-title-block-1, /*category titles*/
#block-views-main-category-title-block,
#block-block-12 {
	width: 100%;
	float: left;
	text-align: center;
}
.region-two-33-66-first .region-inner {
    margin: 0 10px 0 10px;
}
/* =============================================================================
 *   Mobile Menu Toggle
 *   See your theme settings extensions for how to enable the menu toggle.
 *   These are example styles for the menu toggle menu, you can use these in the
 *   relevant responsive stylesheets as required. Modify to suit your design.
 * ========================================================================== */
/* The toggle link */
.at-mt .at-menu-toggle h2 {
  margin-bottom: 5px;
}

.at-mt .at-menu-toggle h2 a {
  background: #eee;
  border: 2px solid #ccc;
  padding: 2px 10px;
}

/* Menu items */
.at-mt .at-menu-toggle ul.menu li a {
  background: #eee;
  border-bottom: 1px solid #fff;
}
 /* =============================================================================
 *   Regions
 * ========================================================================== */
.two-66-33 > .region-two-66-33-first, .two-33-66 > .region-two-33-66-second, .three-inset-right > .inset-wrapper > div.region-three-inset-right-middle, .three-inset-left > .inset-wrapper > div.region-three-inset-left-middle {
    width: 100% !important;
}
.two-66-33 > .region-two-66-33-second, .two-33-66 > .region-two-33-66-first, .three-inset-right > .inset-wrapper > div.region-three-inset-right-inset, .three-inset-left > .inset-wrapper > div.region-three-inset-left-inset, .three-3x33 > .region, .five-5x20 > .panel-row > .region {
    width: 100% !important;
}
.region-two-33-66-second .region-inner {
    margin: 0 10px 0 10px;
}
.region-sidebar-second .region-inner {
	margin: 0 10px;
}
.view-id-nodequeue_2 ul li {
	 width: 100%;
	margin: 0 5px 20px 0;
 }
 .view-id-nodequeue_2 ul li.views-row-first {
    margin-left: 0;
}
/* =============================================================================
 *   Footer
 * ========================================================================== */

#block-block-4,
#block-block-3,
#block-block-5,
#block-block-6  {
	width: 100%;
}
.block-3.block-region-footer {
	width: 100%;
	line-height: 1.2em;
}
#block-block-3 {
	margin-bottom: 25px;
}

/* =============================================================================
 *   Editors Picks
 * ========================================================================== */

 .view-id-nodequeue_2 ul li {
	 width: 100%;
 }
 
/* =============================================================================
 *   Homepage blocks
 * ========================================================================== */
 
 #block-pa-news-plus-pa-news-plus-block, /*news plus*/
  #block-views-events-front-page-block-1, /*news and events*/
   #block-pa-todayinhistory-block-pa-todayinhistory-block, /*today in history*/
   #block-block-30, /*subscribe*/
  #block-views-nodequeue-3-block-5, /*visual pick*/ 
  #block-views-homepage-videos-block, /*video picks*/
  #block-views-news-plus-frontpage-block-1, /*around the world*/
   #block-views-undergrad-research-blog-block, /*UR blogging - deprecated*/ 
   #block-pa-student-blogs-pa-student-blogs-block, /*New Student blog block */
   #block-views-sports-block, /*sports scores*/
    #block-block-33, /*twitter sports*/
   #block-views-topics-block-1, /*topics*/
   #block-views-popular-block, /*trending*/
   #block-views-vote-block, /*vote*/
   #block-block-8, /*follow*/ 
   #block-fb-social-frontpage-feed /*facbeook recent activity*/{ 
	 width: 100%;
	 margin: 0 0 20px 0;
	 padding: 0;
 }
 #block-views-nodequeue-3-block-5 /*visual pick*/{
	clear: left;
}
   #block-views-homepage-videos-block img, /*video picks*/
   #block-views-nodequeue-2-block img /*editors picks*/ {
	   margin: 0 10px 0 0;
   }
 #block-block-8 .block-inner {
	 padding: 0 20px 0 30px;
 }
 /*emoticons*/
 #block-block-14 .block-content ul li {
    float: left;
    margin: 0 3px 10px 0;
	margin-right: 10px;
}
/*featured story on homepage*/
#block-views-nodequeue-4-block .views-field-title a {
	width: 100%;
	float: none;
}
 /* =============================================================================
 *   Special Issue
 * ========================================================================== */
.pe-thumbs{
	padding: 0;
	width: 100%;
	height: 378px;
	margin: 20px auto;
	position: relative;
	background: url('../../../files/special_issue/jfk.jpg') center center;
	border: 2px solid #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	overflow: hidden;
}
h3.specialissue a {
    font-family: 'Roboto Condensed',sans-serif;
    font-size: 1.4em;
    margin: 0 0 10px;
    width: 100%;
}
p.specialissue {
	clear: both;
	width: 100%;
}
/* Slideshows */
.view-slideshows .views-field-field-slideshow-image .views-slideshow-controls-bottom {
	padding: 0;
	color: #000;
	bottom: 3px;
	height: auto;
}
.field-name-field-main-image .full-caption,
.video-embed-description,
.field-slideshow-caption,
.field-name-field-inline-image .field-name-field-caption,
.view-slideshows .views-field-field-caption,
.field-name-field-main-image figure, 
.field-name-field-main-image-vertical figure,
.field-name-field-inline-image figure,
.view-slideshows .views-slideshow-cycle-main-frame-row,
.video-embed-description {
	font-size: .85em;
}
/*related topics blocks*/
#block-pa-related-topics-pa-related-topics .block-content {
	padding: 10px 0 0 0;
}
.node-type-article #block-pa-related-topics-pa-related-topics #related-topics {
    float: left;
    padding-right: 0;
    width: 30%;
}
.node-type-article #block-pa-related-topics-pa-related-topics .related-articles {
	width: 67%;
}
/*homepage feature*/
#block-views-nodequeue-4-block .block-content {
    padding: 10px;
}
h2.block-title {
    padding: 10px 10px 10px 10px;
}
/*social icons*/
#block-block-29 {
	float: right;
	margin: 20px 0 10px 0;
}
#block-block-29 .block-content {
	padding: 0;
	margin:0;
}
#block-block-29 .block-content ul li {
	float: left;
	margin: 0 0 0 4px;
}
#block-block-29 .block-content ul li a {
	display: block;
	width: 28px;
	height: 28px;
	text-indent: -999999px;
}
#block-block-29 ul li.facebook a {
	background: url('../../../files/layout_images/social-icons-mobile.gif') no-repeat 0 0;
}
#block-block-29 ul li.facebook a:hover {
	background: url('../../../files/layout_images/social-icons-mobile.gif') no-repeat 0 -28px;
}
#block-block-29 ul li.twitter a {
	background: url('../../../files/layout_images/social-icons-mobile.gif') no-repeat -28px 0;
}
#block-block-29 ul li.twitter a:hover {
	background: url('../../../files/layout_images/social-icons-mobile.gif') no-repeat -28px -28px;
}
#block-block-29 ul li.google-plus a {
	background: url('../../../files/layout_images/social-icons-mobile.gif') no-repeat -56px 0;
}
#block-block-29 ul li.google-plus a:hover {
	background: url('../../../files/layout_images/social-icons-mobile.gif') no-repeat -56px -28px;
}
#block-block-29 ul li.vimeo a {
	background: url('../../../files/layout_images/social-icons-mobile.gif') no-repeat -84px 0;
}
#block-block-29 ul li.vimeo a:hover {
	background: url('../../../files/layout_images/social-icons-mobile.gif') no-repeat -84px -28px;
}
#block-block-29 ul li.futurity a {
	background: url('../../../files/layout_images/social-icons-mobile.gif') no-repeat -112px 0;
}
#block-block-29 ul li.futurity a:hover {
	background: url('../../../files/layout_images/social-icons-mobile.gif') no-repeat -112px -28px;
}
#block-block-29 ul li.linkedin a {
	background: url('../../../files/layout_images/social-icons-mobile.gif') no-repeat -140px 0;
}
#block-block-29 ul li.linkedin a:hover {
	background: url('../../../files/layout_images/social-icons-mobile.gif') no-repeat -140px -28px;
}
#block-block-29 ul li.youtube a {
	background: url('../../../files/layout_images/social-icons-mobile.gif') no-repeat -168px 0;
}
#block-block-29 ul li.youtube a:hover {
	background: url('../../../files/layout_images/social-icons-mobile.gif') no-repeat -168px -28px;
}
#block-block-29 ul li.uctv a {
	background: url('../../../files/layout_images/social-icons-mobile.gif') no-repeat -196px 0;
}
#block-block-29 ul li.uctv a:hover {
	background: url('../../../files/layout_images/social-icons-mobile.gif') no-repeat -196px -28px;
}
#block-block-29 ul li.rss a {
	background: url('../../../files/layout_images/social-icons-mobile.gif') no-repeat -224px 0;
}
#block-block-29 ul li.rss a:hover {
	background: url('../../../files/layout_images/social-icons-mobile.gif') no-repeat -224px -28px;
}

/*commencement highlights*/
.page-node-14241 #page-title,
.page-node-14242 #page-title  {
	width: 100%;
}


#columns .content-inner {
    margin-top: 0;
    padding-top: 24px;
}

#block-block-28 {
	width: auto;
}

/******** Localist widgets *********/
/* full page widget - event landing page */
.localist_minicalendar {
    float: none;
    width: 100%;
}
.localist_widget_container {
    width: 100% !Important;
}
.localist_widget_container a.lw_event_item_image {
    float: none !important;
    max-width: 100% !important;
}
.localist_widget_container .lw_event_meta {
    width: 100% !important;
    float: none !important;
}
.localist_widget_container .action_button a {
    margin-top: 0px !important;
}

/* Homepage feature */
#block-block-36 {
		float: left;
  	width: 100%;
    margin-right: 0;
}