/****************************/
/* LOCAL CSS                */
/****************************/

/* Put your custom CSS and CSS overrides in this file and  */
/* rename it local.css.  By restricting your CSS changes   */
/* to local.css, your changes will not be overwritten when */
/* upgrading to a new version of this theme.  You can also */
/* use a local-rtl.css file for the equivalent in RTL.     */

/* Steps to activate local.css:                       */
/* 1. Add your custom CSS to this file                */
/* 2. Rename this file to local.css                   */
/* 3. Clear cached data at admin/settings/performance */

@font-face {
    font-family: 'DroidSerifRegular';
    src: url('../../../../../../fonts/DroidSerif-Regular-webfont.eot');
    src: url('../../../../../../fonts/DroidSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../../../../fonts/DroidSerif-Regular-webfont.woff') format('woff'),
         url('../../../../../../fonts/DroidSerif-Regular-webfont.ttf') format('truetype'),
         url('../../../../../../fonts/DroidSerif-Regular-webfont.svg#DroidSerifRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1.title {
  font-size: 25px;
  font-weight: normal;
  font-style: normal;
}

h1, h2, h3, h4, h5 {
  font-family: 'DroidSerifRegular', serif;
  font-weight: normal;
  font-style: normal;
}

.main-menu ul.menu a,
.block-superfish.block ul.sf-menu li a {
  font-family: 'DroidSerifRegular', "Times New Roman", Times, serif;
  font-weight: normal; 
  font-size: 13px;
}

form input.form-submit {
  font-family: 'DroidSerifRegular', "Times New Roman", Times, serif;
}
.bg-image-of-planet .content {
  font-size: 25px;
  font-family: 'DroidSerifRegular', Georgia, "Times New Roman", Times, serif;
}
/* Latest News */
.view-news .views-field-title a {
  font-family: 'Droid Serif', Georgia, "Times New Roman", Times, serif;
  font-size: 14px;
  font-weight: normal;
}
.photoCaption {
  border: 1px solid #CCCCCC;
  padding: 3px;
  font-family: Arial,Helvetica,Verdana,"Bitstream Vera Sans",sans-serif;
  font-size: 11px;
  font-style: italic;
}
.photoCaption img {
  vertical-align: middle;
  margin-bottom: 1px;
}
.captionRight {
  float:right;
  margin: 0px 0px 0px 0.8em;
}
.captionLeft {
  float:left;
  margin: 0px 0.8em 0px 0px;
}
/*remove dates from search results*/
.search-info {
  display: none;
}

/*display PI name on project pages*/
.field-label-inline .field-label, .field-label-inline .field-items {
        float: left;
        padding-bottom: 15px;
}
.field-label {
	color: #1d2647;
}
.field-name-field-pi {
        color: #1d2647;
        padding-top: 0px;
        padding-bottom: 15px;
        margin-top: -35px;
        margin-left: 25px;
}
/* boxes that link to group pages from the front page */

.fp-group-box {
        background-color: #ccc;
        border: 6px solid white;
        height: 113px;
        width: 145px;
        padding-top: 7px;
}

/* box with text about ICSI */

.fp-about {
        font-size: 1.1em;
        font-family: 'DroidSerifRegular', "Times New Roman", Times, serif;
}

/* boxes along bottom of front page use this style */

.fp-small-box h2 {
        font-size: 1.1em;
}
.fp-small-box p {
        font-size: 0.9em;
}

/* background image links for group boxes on front page */
/* image files are uploaded to about page */

.fp-ai {
        background: url("https://www.icsi.berkeley.edu/icsi/sites/default/files/ai.jpg");
}
.fp-mm {
        background: url("https://www.icsi.berkeley.edu/icsi/sites/default/files/mm.jpg");
}
.fp-initiatives {
        background: url("https://www.icsi.berkeley.edu/icsi/sites/default/files/initiatives.jpg");
}
.fp-networking {
        background: url("https://www.icsi.berkeley.edu/icsi/sites/default/files/networking.jpg");
}
.fp-speech {
        background: url("https://www.icsi.berkeley.edu/icsi/sites/default/files/speech.jpg");
}
.fp-vision {
        background: url("https://www.icsi.berkeley.edu/icsi/sites/default/files/vision.jpg");
}

/* use this class for text inside the group boxes on front page */

.fp-group-text, .fp-group-text a {
        color: white;
        font-family: 'Droid Serif', Georgia, "Times New Roman", Times, serif;
        font-size: 1.1em;
        line-height: 1.1em;
        font-weight: normal;
	text-align: center;
}

/* this style vertically centers text in group boxes on front page that are a single line of text */

.fp-one-line p, .fp-one-line a {
        position: relative;
        top: 8px;
}

/* slideshow controls for visitor page slideshow */
.views-slideshow-controls-text {
    text-align: center;
    font-size: .75em;
    opacity: .4;
    /* background: grey; */
    margin-left: -50px;
    margin-top: -5px;
}

.views-slideshow-controls-text-previous {
    margin-right: 15px;
}
.views-slideshow-controls-text-pause {
    margin-right: 15px;
}
.views-slideshow-controls-text-next {

}
/* Remove the underline & extra spacing in views grid */
/* This is used in list of policy keywords at policy/keywords */

.underline-view-rows .views-row, .underline-view-rows td {
    border-bottom: 0px;
    margin-bottom: 2px;
    padding-bottom: 2px;
}

/* Fusion apply settings
-------------------------------------------------------------- */

/* skin styles go here */
.grey-background .gutter,
.yellow-grey-background .gutter,
.yellow-background .gutter {
  padding: 15px 20px 10px;
  margin: 0;
}

.grey-background h2.block-title,
.yellow-grey-background h2.block-title,
.yellow-background h2.block-title {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;
  padding-bottom: 12px;
  margin-bottom: 10px;
  border-bottom: 1px solid #dcdcdc;
}

body.not-front .grey-background h2.block-title,
body.not-front .yellow-grey-background h2.block-title,
body.not-front .yellow-background h2.block-title {
  font-size: 14px;
}

.yellow-grey-background h2.block-title,
.grey-background h2.block-title {
  color: #a1a5b9;
}

body.not-front .yellow-grey-background h2.block-title,
body.not-front .grey-background h2.block-title {
  color: #202648;
}

.yellow-background h2.block-title {
  border-bottom: 1px solid #ded6a8;
  color: #a99f66;
}

.grey-background {
  background: transparent url("../images/grey-background.png") repeat-x scroll 0 top;
  border-top: 5px solid #202648;
}

.yellow-background {
  background: #f7eebb none no-repeat scroll 0 0;
  border-top: 5px solid #ffb515;
}

.yellow-grey-background {
  background: transparent url("../images/grey-background.png") repeat-x scroll 0 top;
  border-top: 5px solid #ffb515;
}