/*
Theme Name: J-School
Theme URI: https://journalism.berkeley.edu
Version: 1.0
Description: UC Berkeley Graduate School of Journalism
Author: Chuck Harris
Author URI: https://journalism.berkeley.edu/person/charris
template: bb-theme
*/

/*
h1, h2, h3, h4, h5, h6 {font-family: dinosaur,sans-serif;}
p, pre, blockquote, form, ul, ol, dl {font-family: 'Open Sans',sans-serif; font-weight: 400;}
*/

body {
	font-weight: 300;
	font-style: normal;
	font-size: 16px;
}


/*----- MOBILE RESPONSIVE ----*/
@media screen and (min-width: 992px) {
	/* space nav items across full width; apply to desktop only */
	ul#menu-main-menu {
		display: flex;
	    justify-content: space-between;
	    width: 100%;
	    margin-left: -25px; /* nudge flex box to left */
	}
}
/*----- NAV -----*/
/*
#menu-main-menu,
#menu-top-nav,
#mega-footer,
#mega-footer a,
.nav-level-2 a,
.nav-level-3 a {
	font-family: dinosaur,sans-serif !important;
}
*/
.nav-level-1 .current_page_item,
.nav-level-2 .current_page_item,
.nav-level-3 .current_page_item,
.current-page-ancestor {
	border-bottom: 4px solid #003262 !important;
}
.nav-level-1 li.current-menu-item > a,
.nav-level-2 li.current-menu-item > a,
.nav-level-3 li.current-menu-item > a {
	color: #003262 !important;
}
/* top nav - apply link - add button styling */
.apply-button a {
	background-color: #fdb515 !important;
	border-radius: 4px;
	padding: 8px 15px !important;
}
.donate-button a {
	background-color: #fdb515 !important;
	border-radius: 4px;
	padding: 8px 15px !important;
	color: #003262 !important;
}

/* top nav - search icon - reduce width */
#search-icon {
	width: 30px;
}
/* top nav - adjust social icon spacing */
.social-icon-link > a {
	padding: 10px 8px !important;
}
/* add down arrow at bottom of current nav item */
li.current-menu-item:after,
li.current-page-ancestor:after {
    content:'';
    position: absolute;
    left: 0;
    right: 0;
    margin: -4px auto;
    width: 0;
    height: 0;
    border-bottom: 4px solid #003262;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

/*----- FOOTER -----*/
#mega-footer a {
	line-height: 1.3em;
}
#mega-footer a:link, #mega-footer a:visited {
	color: inherit;
}
#mega-footer a:hover, #mega-footer a:active {
	color: #fdb515;
}
#mega-footer h5 {
	font-weight: 500;
	font-style: normal;
	font-size: 16px;
}

#mega-footer p {
	font-size:13px;font-weight: 400;
}
#mega-footer dt {
	font-size:14px;
	text-transform: uppercase;
	padding-bottom: 1.2em;
}
#mega-footer dd {
	font-size:14px;
	font-weight: 400;
	line-height:1.3em;
}
/*----- TEXT COLOR -----*/
.gold {color:#fdb515;}
.white {color: #ffffff;}
.dk-blue {color:#003262;}


/*----- EMAIL SUBSCRIPTION WIDGET -----*/
.email-subscription-form .uabb-sf-subheading {margin-bottom: 0 !important;}
.email-subscription-form .uabb-subscribe-form .uabb-head-wrap {margin-bottom: 0 !important;}
.email-subscription-form .uabb-subscribe-form-inline .uabb-form-wrap {margin: 0 10px !important;}

/*----- ADD CHEVERON-CIRCLE-RIGHT ICON FOLLOWING TEXT -----*/
.fas { font-weight:900 !important; }
.arrow::after {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

.arrow::after {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f138"; /* add FontAwesome icon */
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: inherit;
	margin-left:5px;
}

/*----- REASONS TO ATTEND -----*/
.reason-heading h3 {
	text-transform: uppercase;
	font-size: 18px;
	letter-spacing: -1px;
}
.reason-link p {
	text-transform: uppercase;
	padding: 0 10px !important;
	color: black;
}
.reason-text {
	border-left: 1px dotted black;
	border-right: 1px dotted black;
	padding: 0 10px !important;
}
.reason-text h4 {
	margin: 0; padding: 0;
	font-size: 24px;
}
.reason-text h5 {
	margin: 0; padding: 0;
}
.reason-number h4 span {
	padding-right: 2px;
}

/*----- PAGE BUILDER WIDETS -----*/
#what-we-make img, #latest-news img, #who-our-faculty img, #who-our-students img, #who-our-alumni img {
	/* force images same height and full width */
	width: 100% !important; height: 240px !important; object-fit: cover !important;
}


/*----- MISCELLANEOUS -----*/
.circle {
	/* circle styles */
	width: 70px;
	height: 70px;
	background-color: #ffffff;
	border-radius: 50%;

	/* become a flex container */
	/* its children will be flex items */
	display: flex;
	/* place items in column */
	flex-direction: column;
	/* center flex items horizontally */
	align-items: center;
	/* center all content vertically */
	justify-content: center;
}
.circle h4 {
	font-weight: 500;
	font-size: 24px;
	letter-spacing: -2px;
	padding-top: 5px;
}
.highlights {
	font-size: 24px;
	font-weight: 500;
	color: #003262;
}
/* Search form modal */
.searchwp-modal-form__overlay {
	background: rgba(0, 0, 0, 0.8) !important;
}
.searchwp-modal-form__overlay input[type=search] {
	font-size: 24px;
	color: #888;
}
.searchwp-modal-form-default .searchwp-modal-form__content {
	background-color: transparent !important;
}
.sidebar-quote {
	background-color: #eee !important;
}


/* ###################################### */
/* BEGIN PRINT STYLES ------------------- */
/* ###################################### */
@media print {

  @page {
    size: letter;
    margin: 20mm;
  }

  html, body {
    width: 1024px;
  }

  body {
    margin: 0 auto;
    line-height: 1em;
    word-spacing:1px;
    letter-spacing:0.2px;
    font: 14px "Times New Roman", Times, serif;
    background:white;
    color:black;
    width: 100%;
    float: none;
  }

  /* avoid page-breaks inside a listingContainer*/
  .listingContainer{
    page-break-inside: avoid;
  }

  h1 {
    font: 28px "Times New Roman", Times, serif;
  }

  h2 {
    font: 24px "Times New Roman", Times, serif;
  }

  h3 {
    font: 20px "Times New Roman", Times, serif;
  }

  /* Improve colour contrast of links */
  a:link, a:visited {
    color: #781351
  }

  /* URL */
  a:link, a:visited {
    background: transparent;
    color:#333;
    text-decoration:none;
  }

  a[href]:after {
    content: "" !important;
  }

  a[href^="http://"] {
    color:#000;
  }

  #header {
    height:75px;
    font-size: 24pt;
    color:black
  }
  #footer, #top-footer  {display: none;}
}
/* ###################################### */
/* END PRINT STYLES ------------------- */
/* ###################################### */