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

@media print {
    #header,
    #block-warplab1-local-tasks,
				#print-link,
				footer#footer{
        display: none;
    }
}

@media all and (max-width: 991px) {
.sidebar-first {
    display: inherit;
}
}

@media all and (max-width: 540px) {
.site-logo{
		      height: auto;
        border-right: none;

 }
	
	.site-logo img{
		    padding-bottom: 10px;
        border-bottom: 2px solid black;
        border-radius: 0;
        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{
 	      float: left;
        width:720px;
        padding: 20px 5px;
        overflow: auto;
}
 /* p#header .search-block-form{
    width: 220px;
    margin-top: 35px;
 }*/
}


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

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

.container{
        width: 95%;
}

#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-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: 1px solid #336699;
   border-left: none;
}

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

#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{
	*	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 .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 ***/

.page-node-type-lab-member h1.page-title{
    margin: 0;
}
.node.node--view-mode-full .field--name-field-image{
    float: left;
    margin-right: 20px;
   width: inherit;
}

.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;
        
}
.view-content table,
table.views-table{
		width: 100%;
		border: white;
}
.view-content table caption,
table.views-table caption{
    color: #444;
    font-size: 1.3em;
    font-weight: bold;
    margin-top: 32px;
    text-align: left;
}
.view-content table  tr th,
table.views-table tr th{
		color: white;
		font-weight: normal;
		background: #777;
		border: 1px solid white;
		padding: 8px;
}
.view-content table tr th a,
table.views-table tr th a{
        color: white;
        text-decoration: underline;
}
.view-content table table tr td,
table.views-table tr td{
		padding:8px 12px;
		vertical-align: top;

		border: 1px solid white;
		
}
.view-content table tr,
table.views-table tr{
    background: #ddd;

}
.view-content table tr:nth-child(even),
table.views-table tr:nth-child(even) {
    background-color: #f2f2f2
  }

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,
img.image-style-people-photo{
    border: 1px solid #900;
    padding: 1px;
}


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

.view-filters{
        padding: 12px;
        background: #eee;
}

.view-filters label{
	    display: inherit; /* move labels above input */
}

.view-filters .form-item-field-manufacturer-target-id input{
	    width: 250px;
}

.view-filters legend{
    float: left;
    font-size: inherit;
    border-bottom: none;
    margin-bottom: 5px;
}
.view-filters fieldset{
    border: 1px solid white;
    padding: 3px 0 0 8px;
    background: #dfdfdf;
}
.view-filters fieldset .fieldset-wrapper .form-item{
    margin-top: .1em;
    margin-bottom: .5em;
}

.form-item-field-vendors-target-id input{
        width: 180px;
}
.form-item-field-catalog-num-value input{
        width: 180px;
}
.form-item-field-total-price-value input{
        width: 120px;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
    line-height: 20px;
}

#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 ***/


/*** 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,
a.btn-btt{
    color: #AAA;
}



/*** limited the width of sequence2 field used in Common Primer content type ***/

.view-header{
    margin-bottom: 15px;
}

.field--name-field-sequence2,
.views-field-field-sequence2{
   word-wrap: break-word;
   max-width: 23em;
}

a.btn,
.new-order-button,
.add-new-button{
        margin: 30px 0 30px 0;
}
a.btn,
.new-order-button a,
a.new-order-button,
.add-new-button a{
        border: none;
        padding: 8px 20px;
        color: #fff;
        background: #c01700;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        cursor: pointer;
}
a:hover.btn,
.new-order-button a:hover,
a:hover.new-order-button,
.add-new-button a:hover{
        background: #555;
        color:white;
}
/*** button ENDS ***/


/********** node--view-mode-horizontall *****/

body.path-orders .views-col{
	    margin-right: 35px;
}
.node--view-mode-horizontal h2{
	    font-size: 1em;
					margin:0;
					font-family: inherit;
}
.node--view-mode-horizontal .node__meta{
	    margin:0;
					color: inherit;
}
.node--view-mode-horizontal .field--name-field-description{
	    background: #EEE;
					min-height: 2em;
}
.node--view-mode-horizontal .field--name-field-hcom{
	    background: #D7FFD8;
}
.node--view-mode-horizontal .field--name-field-date-ordered{
	    background: #FDDDDD;
}

.node--view-mode-horizontal .field--name-field-date-received{
	    background: #c6ccf4;
}

.node--view-mode-horizontal .field--name-field-notes{
	    min-height: 5em;
					margin-bottom: 30px;
}

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


/*** equipment view ****/

.views-field-field-room-tag-imported,
.views-field-field-room-tag-number{
	    white-space: nowrap;
}
#view-field-room-tag-imported-table-column{
	    width: 200px;
}
#view-field-room-tag-number-table-column{
	    min-width: 325px;
}

.paragraph--type--room-tag-number .field--name-field-room,
.paragraph--type--room-tag-number .field--name-field-tag-number,
.paragraph--type--room-tag-number .field--name-field-harvard-id,
.paragraph--type--room-tag-number .field--name-field-link{
	    float: left;
}

.paragraph--type--room-tag-number .field--name-field-tag-number:before,
.paragraph--type--room-tag-number .field--name-field-harvard-id:before,
.paragraph--type--room-tag-number .field--name-field-link:before{
	    content: " - ";
					margin-left: 5px;
}



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

/*** paragraph 'ingredient' ***/

/*
 .field--name-field-ingredients .field__items > .field__item{
	    counter-increment: myIndex;
}
 .field--name-field-ingredients .field__items > .field__item:before{
    content: counter(myIndex)".";
				margin-right: 8px;
				float: left;
				color: #999;
}
*/


body.page-node-type-recipe .field--name-field-ingredients .field__items,
body.page-node-type-recipe .field--name-field-notes .field__item,
body.page-node-type-recipe .field--name-field-instructions .field__item,
body.page-node-type-recipe .field--name-field-requested-by .field__item,
body.page-node-type-recipe .field--name-field-lab .field__item{
     margin-bottom: 8px;
     width: 450px;
     padding: 10px 12px;
     background: #eee;
}

.field--name-field-notes,
.field--name-field-instructions,
.field--name-field-lab,
.field--name-field-requested-by,
.field--name-field-request-media{
     clear: both;
}

.field--name-field-ingredients .field__label,
.field--name-field-notes .field__label,
.field--name-field-instructions .field__label,
.field--name-field-lab .field__label,
.field--name-field-requested-by .field__label{
     min-width: 120px;
}

.view-content .field--name-field-name,
.view-content .field--name-field-amount,
.field--name-field-ingredients .field--name-field-name,
.field--name-field-ingredients .field--name-field-amount,
body.page-node-type-recipe .field--name-field-notes .field__item,
body.page-node-type-recipe .field--name-field-instructions .field__item,
body.page-node-type-recipe .field--name-field-lab .field__item,
body.page-node-type-recipe .field--name-field-requested-by .field__item{
	    float: left;   
}


.view-content .field--name-field-name:after,
.field--name-field-ingredients .field--name-field-name:after{
	    content: " - ";
					margin-right: 5px;
}

.field--name-field-request-media{
     margin-top: 22px;
     background: #eee;
     padding: 10px;
}

/***** print link ***/
#print-link a{
	    padding: 0.2em 1em;
					background: #eee;

}
#print-link {
					margin-bottom: 5px;
}

#edit-field-recipe-link-0-uri--description.description{
     font-size: inherit;
     color: red;
}
#edit-field-recipe-link-0-uri--description .item-list ul{
     list-style-type: none;
}
#edit-field-recipe-link-0-uri--description .item-list ul li{
     margin: 0;
}

#edit-field-recipe-link-0-uri--description .item-list ul li:nth-child(2){
     display: none;
}


#block-addimportantnotice,
#block-addsafetytip{
     padding: 0;
     border: none;
}
#block-addimportantnotice .add-new-button,
#block-addsafetytip .add-new-button{
     margin: 5px;
}

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

/*

.view-content .field--name-field-name,
.view-content .field--name-field-amount{
	    float: left;   
}



.view-content .field--name-field-name:after{
	    content: " - ";
					padding-right: 5px;
}

*/

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

/*** form fields ***/

.views-field-form-field-field-unit-price input{
    width: 90px;
}

.views-field-form-field-field-date-ordered h4.label,
.views-field-form-field-field-date-received h4.label{
    display: none;
}

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

/**** aggregated sum of the Total field *****/
.view-content table thead tr:nth-child(2) td,
.view-content table tfoot tr td{
    color: green;
    font-weight: 700;
}
/**************************************************/


/********* editable fields **************/
.views-field .field--name-field-date-ordered .label,
.views-field .field--name-field-date-received .label{
    display: none;
}

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

/*** User login on front page only *************/

body.front form#user-login-form,
body.front li:has(> a.request-password-link){
	display: none;
}
form#openid-connect-login-form input#edit-openid-connect-client-harvardkey-login{
	border: 2px solid #222;
	border-radius: 10px;
  background: #900;
  color: white;
  padding: 12px 25px;
  font-weight: bold;
  box-shadow: 1px 1px 5px gray;
  letter-spacing: 1px;
}
form#openid-connect-login-form input#edit-openid-connect-client-harvardkey-login:hover{
	background: red;
}

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