/* local.css artavanis-tsakonas.hms.harvard.edu */

@media all and (max-width: 740px) {
.site-logo{
	display: none;
 }
	

 #header .block-system-branding-block{
        padding: 20px 5px;
}
        
}



@media (min-width: 740px) {
    .site-logo{
		    height: auto;
        float:left;
        margin-right: 10px;
     }
    .site-logo img{
     	  background: none;
     	  padding: 5px 0;
        margin-top: unset;
     }
   
	  #header div.block-system-branding-block::after{
					*	 content: url(/sites/artavanis-tsakonas.hms.harvard.edu/files/artavanis-header-1.jpg);
					}
    #header .block-system-branding-block{
        width:695px;
        float: left;
    }
    #block-banner2{
	    float: right;
	    
}

}

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

body{
		  background-image: url(/sites/artavanis-tsakonas.hms.harvard.edu/files/artavanis-bg-pattern.gif);
        font-size: 15px;       
}


/*** links ***/
#main a,
#main a:link,
#main a:visited{
    color: #663300;
    outline: none;
    text-decoration: none;
}
#main a:hover{
	    color: #CC3300;
}
/***************/

#header{
		background: #eae9d7;
}

#header .container {
    padding: 3px 8px;
}



.site-logo img{
		width: 90%; 
}
.site-name{
	      margin-top: 0;
        font-size: 34px;
        font-weight: 300;
        line-height: 1em;
        letter-spacing: 1px;
						  text-transform: uppercase;
}
.site-name a{
        color:#6F6138;
}
.site-slogan{
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 15px;
}

.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: #eae9d7;
}


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

}

#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: #420909;
}

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

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

h1.page-title{
	    color: #7C6539;
}

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


/**** 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 .views-row h2{
        text-transform: none;
        background: none;
        padding: 5px 15px;
        margin: -15px -15px 0;
}

.sidebar .field--name-field-date{
        font-weight: bold;
}

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


/********* Research *******/

.field--name-field-project-authors{
	    margin-bottom: 12px;
}

.field--name-field-collaborators{
	    height: 72px;
}

.field--name-field-photos{
	    float: left;
					margin-right: 15px;
}

article .field--name-body{
	position: inherit;
}

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




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

body.path-people .views-field-title{
	    white-space: nowrap;
}

.views-field-field-position{
	    margin-bottom: 15px;

}

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

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{
		color: black;
		font-weight: normal;
		background: #EAE9D7;
	 border-top: 1px solid #A59485;
		padding: 8px;
}

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

table.views-table tr td{
		padding:8px 25px 8px 0;
		vertical-align: top;
		background: #EAE9D7;
	 border-top: 1px solid #A59485;
		
}


.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: 2px solid #999;
    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{
    color: #7C6539;
    font-size: 2.571em;
    margin-top: 25px;
}




/*** panel_first ***/
#panel_first .container{
	    background: #eae9d7;
}

section#panel_first a{
    color: #633;   
}

section#panel_first a:hover{
    color: #CC3300;   
}
/************************/
 
/*** menu--footer ***/

.menu--footer ul.menu{
    text-align: center;
}
.menu--footer ul.menu li{
    display: inline-block;
    border-left: 1px solid #663333;
    padding: 0 0 0 7px;
    margin-left: 7px;
    line-height: 100%;    
}
.menu--footer ul.menu li:first-child{
    border-left: none;
}

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

 
/*** footer START ***/
#footer .block{
    width: 100%;
				color: inherit;
}

#footer ul.menu li a{
	   color: inherit;
}

/*** footer END ***/

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

/*** button ***/
.add-new-button{

					margin-bottom: 20px;
}

#main .add-new-button a,
#main .add-new-button a:link,
#main .add-new-button a:visited{
	    padding: 8px 20px;
     color: #fff;
     background: #663333;
     border-radius: 3px;
     -webkit-border-radius: 3px;
     cursor: pointer;
}


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

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

.field--name-body img{
	    margin: 5px 12px;
}