/* local.css gu.hms.harvard.edu */

@media all and (max-width: 540px) {
    .site-logo{
		height: auto;
        border-right: none;
        margin-bottom: 10px;
    }
	
	.site-logo img{
		padding-bottom: 10px;
        border-bottom: 2px solid black;
        margin-bottom: 10px;
        border-radius: 0;
    }
    
    #header .block-system-branding-block{
        width:100%;
        padding: 20px 5px;
        text-align: center;
    }

        
}

@media (max-width: 991px){
    .sidebar-first .region-sidebar-first{
        display: block;

    }

}


@media (min-width: 540px) {
    .site-logo{
		height: auto;
        float:left;
        padding-right: 20px;
        border-right: 2px solid black;
        margin-right: 20px;
    }
    #header .block-system-branding-block{
        width:720px;
        padding: 20px 5px;
        overflow: auto;
    }
    
    .block-views-blockpeople-block-1{
    	width: 50%;
    	float: left;
    }

    .block-views-blockpeople-block-2{
    	width: 50%;
    	float: right;
    }
}

/*********************************/

body{
	color: #222;
  font-size: 15px;
        
}

a:link,
a:visited{
    color: #CE2525;
    outline: medium none;
    text-decoration: none;
}

#header{
		background: #FFFFFF;
}

#header .container {
    padding-bottom: 5px;
    padding-top: 0;
}

#header .name-and-slogan {
  float: none;
  padding: 0;
}

.site-logo{
    max-width: none;
}
.site-logo img{
          width: 250px;
          max-width: none;
}

.site-name{
        font-size: 38px;
        font-family: Georgia,serif;
        line-height: 1.05em;
      letter-spacing: 1px;
}
.site-name a{
        color:#CE2525;
}

.box_shadow,
#main-menu .container,
#slideshow .container,
#featured .container,
#main .container,
#panel_first .container,
#panel_second .container{
    box-shadow:none;
    
}

/******** menu ****/

#main-menu .container ul.menu li:first-child > a{
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}


#main-menu{
		margin-bottom: 0;
        background: #AAA;
}


#main-menu .container{
		background: #333;

}

#main-menu .container{
		border-radius: 0;
        box-shadow: none;
}



#main-menu .container ul.menu li {
   border-left: none;
}

#main-menu .container ul.menu li.menu-item--active-trail > a,
#main-menu .container ul.menu li .is-active{
    background: #900;
}

#main-menu .container ul.menu li:hover > a,
#main-menu .container ul.menu ul.menu li:hover > a{
   * background: #333232;
}

#main-menu .container ul.menu ul.menu li a{
    color: #EEE;
}
#main-menu .container ul.menu ul.menu{
    background: #d33;
    border: 1px solid #A32222;
    color: white;
}
/****************************/



#main .container{

		border-radius: 0;
}


/**** slideshow ***/



#slideshow_container{
     *   height: 650px !important; /* overwrites height that is applied directly to element by js G.S. */
     /* removed above code since it doesn't work on mobile. instead I added this change to templates/views/views-view-unformatted--slideshow.html.twig */
}
#slideshow .container{
        border-radius: 0;
}
#slideshow .flex-caption{
        display: none;
}

#slideshow{
        margin-bottom: 0;
}
/********/



/*** blocks ***/

#block-views-block-jobs-block-1 h2:first-of-type{
    font-size: 2.571em;
}

#block-views-block-jobs-block-1 article.node h2{
    font-size: 1.57em;
    margin: 0;
}

/**************/

/*** sidebar ***/

.sidebar .block:last-child{
    margin-bottom: 15px;
}

.sidebar .views-row h2{
        text-transform: none;
        background: none;
        padding: 5px 15px;
        margin: -15px -15px 0;
}

.sidebar .field--name-field-date{
     /*   padding:5px 10px;
        background: #373a3d;
        color: white;*/
        font-weight: bold;
}

/****************/

/*** People node START ***/

h1.page-title{
    margin: .4em 0 1em 0;
}

/*
.node.node--view-mode-full .field--name-field-image{
    float: left;
    margin-right: 20px;
    width: 100px;
    height:200px;
}
*/

.page-node-type-lab-member .field--name-lab-member-positions{
    margin-bottom: 20px;
}

.page-node-type-lab-member .field--name-field-address,
.page-node-type-lab-member .field--name-field-phone,
.page-node-type-lab-member .field--name-field-fax,
.page-node-type-lab-member .field--name-body{
    overflow: hidden;
}
/*** People node ENDS ***/



/*** people view display ***/

body.path-people .views-view-grid{
	margin-bottom: 40px;
}

.views-field-field-photo{
        float: left;
        margin-right: 25px;
}
body.path-people .views-field-title h2{
        margin-bottom:3px;
}

body.path-people .view-content h3,
body.path-people .view-content caption{
	color: #900;
	font-size: 1.7em;
}


h4.people-title{
	font-family: "oswaldregular";
	font-size: 1.2em;
}

body.path-people .views-field-body{
        margin-top: 15px;
        
}

table.views-table{
	width: 100%;
	margin-bottom: 2em;
}
table.views-table caption{
	font-family: "oswaldregular";
  color: #444;
  font-size: 1.428em;
  font-weight: bold;
  margin: 20px 0 12px;
  text-align: left;
}
table.views-table tr th{
	border-bottom: 1px solid #ddd;
  padding: 8px 12px 8px 0;
  text-transform: uppercase;
}

table.views-table tr th a{
        color: white;
        text-decoration: underline;
}

table.views-table tr td{
		padding:8px 12px 8px 0;
		vertical-align: top;
		border-bottom: 1px solid #eee;
		
}

body.path-people .attachment table.views-table td.views-field-title{
        width: 25%;
}

body.path-people .attachment table.views-table td.views-field-field-year-1{
        width: 15%;
}
body.path-people .attachment table.views-table td.views-field-field-description-plain-long{
        width: 55%;
}

.people-view-name{
		font-weight: bold;
}

td.views-field-field-image{
    width: 150px;
    min-width: 150px;
}

/*.views-field-field-image img, */
body.path-people img.image-style-people-photo{
  border: 1px solid #ddd;
}



/*** people alumni view display ENDS ***/

/*** photo album node ***/


.field--name-field-photos .field__item{
    border: 2px solid #ce2525;
    float: left;
    margin: 10px;
    padding: 1px;
}
/*** photo albumn node ENDS ***/

p#news {
    font-size: 14px;
    font-weight: bold;
    margin: 5px 0;
    text-transform: uppercase;
}
/*** news node and view ***/
.field--name-field-news-image{
    float:left;
    margin-right: 20px;
}
/*** news node and view ENDS ***/


/*** view ***/

#main .container .content .views-row{
    border-top: none;
    margin-bottom: 1.5em;
    padding-top: 0;
}

.attachment-after h1{
    font-size: 2.571em;
    margin-top: 25px;
}

/**** publicatins ***/
body.path-publications #main .container .content .views-row{
    margin-bottom: 8px;

}
body.path-publications #main .container .content .views-row .views-field-body p{
    margin-bottom: 0;
}

/*** publications END ***/


/*** panel_first ***/

section#panel_first a{
    color: #bbb;   
}

section#panel_first a:hover{
    color: #eee;   
}
/************************/
 
 
/*** footer START ***/
#footer .block{
    width: 100%;
}
/*** footer END ***/

/*** copyright ***/
#footer #block-copyright{
    text-align: center;
}
/*** copyright ENDS ***/

/*** button ***/

a.btn-btt{
    color: #AAA;
}

/*** button ENDS ***/

/*** limited the width of sequence2 field used in Common Primer content type ***/
.field--name-field-sequence2,
.views-field-field-sequence2{
   word-wrap: break-word;
   max-width: 23em;
}