/*
Theme Name:         Sage Starter Theme
Theme URI:          https://roots.io/sage/
Description:        Sage is a WordPress starter theme. <a href="https://github.com/roots/sage">Contribute on GitHub</a>
Version:            8.1.1
Author:             Roots
Author URI:         https://roots.io/

License:            MIT License
License URI:        http://opensource.org/licenses/MIT
*/

img {
	height:auto;
	}
#events-row h2 {
  padding-right: 18px;
}

#events-row .slick-prev:before, #events-row .slick-next:before {
	font-size:28px!important;
}

#events-row .events .event-description:hover {
	color:#053166!important;
}

#events-row .slick-next, #events-row .slick-prev {
	width: 24px!important;
}

#events-row .slick-next:hover:before, #events-row .slick-prev:hover:before {
	color:#9fae00!important;
}

.home-news {
	margin-top:0!important;
}

body .breadcrumbs {
  font-weight: 400!important;
}

.intro, .single .entry-content .intro {
  margin: 0 0 30px 0;
  line-height: 1.25;
}

.intro, .single .entry-content .intro, .single .entry-content .subheader, .subheader
{
    	font-family: 'FreightMicroSemiBold'!important;
	line-height:22px!important;
	font-size:22px!important;
  	color: #053166!important;
}

.entry-content h3  {
	color:#8d8264!important;
	text-transform:uppercase;
	font-family: 'Open Sans'!important;
	line-height:22px;
	font-size:16px;
}

.widget-office-hours-wide .widget-button, .officehourswidget-5 .widget-button {
	display:none;
}

.parent-overview .sidebar li.menu-parent-overview a, .academic-support .sidebar li.menu-academic-support a, .about-the-center .sidebar li.menu-welcome-to-the-haas-dreamers-resource-center a, .mission .sidebar li.menu-mission a, .undocually-staff-initiative .sidebar li.menu-become-an-ally a, .legal-support-overview .sidebar li.menu-legal-support-at-cal a {
	color:#8d8264!important;
}

.sidebar li.menu-parent-overview a, .sidebar li.menu-academic-support a, .sidebar li.menu-welcome-to-the-haas-dreamers-resource-center a, .sidebar li.menu-mission a, .sidebar li.menu-become-an-ally a, .sidebar li.menu-legal-support-at-cal a {
	color:#053166!important;
}


.news-grid .news-image .title, .news-grid .recommended-image .title, .recommended-grid .news-image .title, .recommended-grid .recommended-image .title {
    font-family: FreightMicroSemiBold!important;
}

#primary-nav ul.nav > li {
  width: auto!important;
}

#primary-nav li>a {
  padding: 30px 47px!important;
}

#primary-nav .yamm-content ul li a {
	padding:10px 15px!important;
}

.hero-panel.single-featured-image {
  max-height: 300px;
}

.hero-panel {
  display: flex;
  display: -webkit-flex;
}

.home .hero-center .fa {
	transition:none!important;
}

.home .fa-play:before {
font-size: 26px;
  content: '\f138';
}

.home h1.hero-title {
	display:none;
}

.home .hero-panel {
background-position: top center;
}

.home .hero-panel .hero-center {
  left: auto;
  right: 0;
  top: 0;
  background: none;
  margin: 0 auto;
  position: static;
  max-width: 1211px;
  width: 100%;
  align-self: initial;
}

.hero-panel .hero-center {
	background:none!important;
}

body.home .hero-panel .hero-button {
    background: url('https://undocu.berkeley.edu/wp-content/uploads/2015/07/usp-video-play.png') no-repeat!important;
    width: 100%!important;
    background-position: center!important;
    background-size: 12.5%!important;
    height: 450px!important;
    padding: 0!important;
    margin-right: 0!important;
    color: transparent!important;
	opacity:0.7;
transition:all .25 ease-in-out;
}

.sstaff-info {
	clear:both;
	margin: 50px 0 20px;
    display: block;
    overflow: hidden;
}

.sstaff-info h2 {
	margin-bottom:25px;
}

.home .events {
	visibility:hidden;
}

.news-grid .block-grid-item .news-image .block  {
    height: 205px!important;
    }

body {
width:100%!important;
max-width:100%;
}

.image-block {
	display: block;
	clear: both;
	overflow: hidden;
}

.news-grid .block-grid-item .news-image .block, .recommended-grid .block-grid-item .recommended-image .block {
    display: flex;
  display: -webkit-flex;
}

.image-block figure {
	width: 45%!important;
	margin: 0 5% 0 0!important;
	float:left!important;
}

.home #events-row .slick-slide {
  padding: 0 8px 3px 16px;
}

.image-block figure img {
	width:100%;
}

.page-id-146 .widget-office-hours-wide .widget-button {
	display:none;
}

.open>.dropdown-toggle.widget-office-hours .widget-button:after, .open>.dropdown-toggle.widget-office-hours-wide .widget-button:after, .green-button:after, .widget-office-hours .widget-button:after, .widget-office-hours-wide .widget-button:after  {
	content:"\25B8";
	  margin-left: 6px;
	font-size: 16px;
}

.green-button {
	margin:10px;
}

.sidebar li.active a {
	color:#8d8264;
}

a.topic {
	text-transform:initial!important;
}

.recommended-grid li.block-grid-item:first-child .recommended-image .block {
	background-color:#427da4!important;
}

.recommended-grid .block-grid-item .recommended-image .block {
	background-color:#32A598!important;
}

.recommended-grid li.block-grid-item:last-child .block:last-child {
	background-color:#053166!important;
}

.recommended-grid li.block-grid-item:last-child .block:last-child:hover, .recommended-grid li.block-grid-item:first-child .recommended-image .block:hover, .recommended-grid .block-grid-item .recommended-image .block:hover {
	background-color:#87941E !important;
}

.thumbnail .caption, .wp-caption .caption, .wp-caption-text {
  font-size: 12px;
}

ul.dropdown-menu ul, ul.dropdown-menu ul li {
  width: 100%;
	overflow-x:hidden;
}

body .widget-office-hours-wide .widget-image {
  margin-top: -48px;
}

body .widget-office-hours-wide .middle-column {
  padding-top: 0;
}

p.wide-p {
	margin-top:0;
}

.widget-office-hours-wide p.widget-title {
  padding: 0px 16px;
  display: inline;
  line-height: 3;
  margin: 0;
}

.widget-office-hours-wide .first-col {
  clear: left;
}

.hero-title.feat-vid, .hero-center.feat-vid {
	display:none!important;
}

ul.quicklinks {
list-style: none;
    padding: 0;
    font-weight: bold;
}

.wrap-section {
overflow:hidden;
}

a.anchor {
    display: block;
    position: relative;
    top: -50px;
    visibility: hidden;
}

.page-id-146 .widget-button {
	display:none;
}

a.totop {
    float: right;
	padding: 21px 21px 0;
    text-align: right;
    color: #053166;
}

a.totop:after {
font-family: 'FontAwesome';
    content: "\f077";
    margin-left: 5px;
}

#meet .green-button {
margin-left:0;
}

/* Marquee Styles */

#marquee {
	width: 100%;
	background: #f8b502;
	text-align: center;
	font-family: "FreightMicroSemibold";
	position: relative;

}

#marquee button {
    font-size: 37px;
    position: absolute;
    right: 10px;
    top: -6px;
    opacity: 1;
    text-shadow: none;
    color: #043165;
}

#marquee a {
    color: #043165;
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 15px;
}

#marquee a:hover {
  color: #fff;
  background-color: #32a598;
}

#marquee a:hover button {
  color: #fff;
}

.content > div > .instructions {
text-align: left;
padding:0;
}

.content > div > * {
padding-left: 0;
}


#google_translate_element {
	float: right;
}



@media screen
  and (min-width: 678px) {
.navbar-collapse.collapse {
    max-height: 74px;
}
}

@media screen
  and (min-width: 1024px) {
#primary-nav li.dropdown:hover > ul.dropdown-menu, #primary-nav li.menu-grants-funding:hover > ul.dropdown-menu {
    display: block!important;
}
}

@media screen
  and (max-width: 1200px) {
#primary-nav li>a {
  padding: 30px 27px!important;
}
#primary-nav .yamm-content ul li a {
	padding:10px 15px!important;
}
}

@media screen
  and (max-width: 1200px) and (min-width:768px) {
.news-grid .news-image .title, .news-grid .recommended-image .title, .recommended-grid .news-image .title, .recommended-grid .recommended-image .title {
font-size:18px!important;
}
}

@media (max-width: 1023px) {
body .hero-panel.single-featured-image {
  min-height: 0!important;
height:auto!important;
}

.page h1.hidden-xs.feat-vid {
	font-size:24px;
	display:block!important;
}



body .yamm-content .row .col-xs-7 {
  width: 90% !important;
}

body.home .hero-panel .hero-button, body.home .hero-panel .hero-button:hover {
  background: url('/wp-content/uploads/2015/07/usp-video-play.png') no-repeat!important;
  width: 100%!important;
  background-position: center!important;
  height: 100px!important;
  padding: 0!important;
  margin-right: 0!important;
  color: transparent!important;
}

section.widget.officehourswidget-2.OfficeHoursWidget {
max-width:100%!important;
padding:0!important;
}

#wpadminbar {
display:none!important;
}

.yamm-content .row:before {
  display: block;
}

.navbar-collapse.collapse.in {
overflow-x:hidden!important;
}

body #discover_links a.align-left {
  padding-left: 14px;
}


}

@media (max-width: 767px) {
body .navbar-nav .open .dropdown-menu {
	width:90%!important;
}

#logo-bar {
  margin-top: 80px!important;
}

.main, .sidebar, .sidebar-primary .main {
  padding-left: 5%;
  padding-right: 5%;
max-width:90%;
margin:39px auto 0;
}

.main, p.intro {
margin-top:0!important;
}

body #menu-main-navigation-static-masthead li:nth-child(2) .dropdown-menu, body #menu-main-navigation-static-masthead li:nth-child(1) .dropdown-menu, body #menu-main-navigation-static-masthead li:nth-child(3), body #menu-main-navigation-static-masthead li:nth-child(4) .dropdown-menu .dropdown-menu, body #menu-main-navigation-static-masthead li:nth-child(5) .dropdown-menu {
min-width: unset !important;
max-width: unset !important;
}

.news-grid .news-image .title, .news-grid .recommended-image .title, .recommended-grid .news-image .title, .recommended-grid .recommended-image .title {
	font-size:18px;
}

body .hero-panel {
  min-height: 0;
  height: auto;
}






}


@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
#primary-nav #navbar-collapse .container ul li {
width:60%;
} }

li#wp-admin-bar-cs-explain {
	display: none;
}