/* gwagner local.css */

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



@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;
}
  #header .search-block-form{
  *  width: 220px;
    margin-top: 30px;
 }
}


body{
	   background: none;
        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;
}

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

.site-name{
        font-size: 38px;
     *   font-weight: bold;
        font-family: Georgia,serif;
        line-height: 1.05em;
      *  white-space: nowrap;
      letter-spacing: 1px;
}
.site-name a{
        color:#CE2525;
}
.site-slogan{
      *  line-height: 1.2;
}

.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;
		border-top: 1px solid #999;
		border-bottom: 1px solid #999;

}


#main-menu .container{
		background: none;

}

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



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

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

#main-menu .container ul.menu li:hover > a,
#main-menu .container ul.menu ul.menu li:hover > a{
    background: none;
				color: #d33;
}

#main-menu .container ul.menu ul.menu li a{
    color: #333;
}
#main-menu .container ul.menu ul.menu{
    background: white;
    border: 1px solid #999;
    color: #333;
}

#main-menu .container ul.menu .menu-item--expanded > a::before{
	   color: #333;
}

.not-front #main-menu .container ul.menu li:first-child .is-active{
    background: none;
}

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

/*** footer menu ***/

#panel_second ul li::before {
    content: none;
}

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



#main .container{
	*	box-shadow: 0 0 2px #333;
		border-radius: 0;
}


/**** slideshow ***/

#block-views-block-slideshow-block-1{
      *  margin:-15px -15px 7px;
}

#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 h2 a:link,
.sidebar h2 a:visited{
    *    color: #eee;
}

.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;
}

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

/*** 3D Image Album ***/

.paragraph--type--unresized-image-link-description{
	  * display: block;
				overflow: auto;
}


.paragraph--type--unresized-image-link-description .field--name-field-title{
	   font-size: 22px;
				font-weight: bold;
				margin-bottom: 8px;

}

.node.node--view-mode-full .paragraph--type--unresized-image-link-description .field--name-field-image{
    float: left;
    margin-right: 20px;
				margin-bottom: 30px;
    width: 250px;

}



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

/*** People node START ***/

.page-node-type-lab-member h1.page-title{
    margin: 0;
}
.page-node-type-lab-member .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 ***/

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

.views-field-field-position{

}

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

table.views-table{
		width: 100%;
		border: white;
}
table.views-table caption{
    border-bottom: 1px dotted #bbb;
    color: #444;
    font-size: 1.3em;
    line-height: 2em;
    text-align: left;
}
table.views-table tr th{
   border-bottom: 1px solid #999;
			border-top: 1px solid #999;
			padding: 10px;
}

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

table.views-table tr td{
   padding: 10px;
			vertical-align: top;
			border-bottom: 1px solid #ddd;
		
}


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

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

.views-field-field-image img,
img.image-style-people-photo{
    border: 1px solid #777;
    padding: 2px;
}


/*** 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: 10px;
    padding-top: 0;
}

.attachment-after h1{
    border-bottom: 1px solid #bbb;
    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 ***/


/*** section panel_first panel_second etc. ***/

section#panel_first,
section#panel_second{
	   background: #3c4043;
				margin-bottom: 0;
}

section#panel_first .container,
section#panel_second .container{
	   background: none;
}



section#panel_first a{
    color: #bbb;   
}

section#panel_first a:hover{
    color: #eee;   
}

section#panel_first ul.menu{
	   margin-left: 0;
}

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


/*** Software Manual (paragraph) ***/

.paragraph--type--software-manual{
	   line-height: 35px;
				border-top: 1px solid #999;
				width: 320px;
}

.field--name-field-software-manuals .paragraph--type--subheading{
	   margin-top: 30px;
				margin-bottom: 5px;
	   font-weight: bold;
				font-size: 18px;
}

.paragraph--type--software-manual .field--name-field-software-name,
.paragraph--type--software-manual .field--name-field-version{
	   float: left;
				margin-right: 15px;
}

.paragraph--type--software-manual .field--name-field-software-name{
				width: 120px;
}

.paragraph--type--software-manual .field--name-field-version{
				width: 60px;
}

/**********************************/
 
 
/*** footer  ***/

#footer{
	   background: #272727;
				margin-bottom: 0;
}
#footer .container{
	   padding: 15px;
}
#footer .block{
    width: 100%;
}

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

/*** 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;
}

#block-addinternalpage{
    border: none;
    padding: 0;
}

.btn{
    background:#900;
}
a.btn{
    color: #eee;
}
.btn:hover,
.btn:focus{
    color: #FFFFFF;
    background: #046016;
}

/*** HarvardKey login/logout ***/
#block-harvardkeyloginlink,
#block-harvardkeylogoutlink{
    text-align: right;
}
#block-harvardkeyloginlink a,
#block-harvardkeylogoutlink a{
    color: #999;
}
#block-harvardkeyloginlink a:hover,
#block-harvardkeylogoutlink a:hover{
    color: #fff;
}
/********************************/

/***** FAQ ********/
summary.faqfield-question{
    background: #444;
    color: white;
    padding: 10px;
}
/*******************/

/******** OpenID Connect login button *********/

footer .block-openid-connect-login{
	margin: 0;
}
footer form#openid-connect-login-form{
	text-align: right;
}
footer input#edit-openid-connect-client-harvardkey-login{
	color: #999;
	font-weight: normal;
	border: none;
	background: none;
	padding: 0;
}
footer input#edit-openid-connect-client-harvardkey-login:hover{
	color: white;
	text-transform: underline;
}
/********************************************/

