/*** Landing Page Zymphonies css customizations for vf4covid19.hms.harvard.edu ***/

@media (min-width: 576px){
    body.page-node-type-iframe .block-local-tasks-block,  
    body.page-node-type-iframe .field--name-body{
      max-width: 540px;
      margin: auto;
    }  
    body.page-node-type-iframe .main-content .container{
      max-width: 100%;
    }
}

@media (min-width: 768px) {
    #block-views-block-news-block-1 .col-sm-2{
      min-width: 100%;
  }
    #block-views-block-news-block-1 .views-row{
       height: 70px;
       text-align: center;
    }

  .path-frontpage .main-content {
    padding: 30px 15px;
  }


  .region-primary-menu li a span.sub-arrow{
     top: 18px;
  }

  .region-primary-menu li ul li a span.sub-arrow{
     top: 22px;
  }

    body.page-node-type-iframe .block-local-tasks-block,
    body.page-node-type-iframe .field--name-body{
      max-width: 720px;
      margin: auto;
    }
    body.page-node-type-iframe .main-content .container{
      max-width: 100%;
    }



}

@media (max-width: 767px) {
    #block-views-block-news-block-1 .col-sm-2{
      min-width: 100%;
  }
    #block-views-block-news-block-1 .views-row{
       max-height: 100px;
       padding: 17px;
       text-align: center;
    }

    body.page-node-type-iframe .block-local-tasks-block,
    body.page-node-type-iframe .field--name-body{
      max-width: 720px;
      margin:auto;
    }    
    body.page-node-type-iframe .main-content .container{
      max-width: 100%;
    }

    #block-views-block-features-block-1 .col-sm-6,
    #block-views-block-features-block-2 .col-sm-6,
    #block-views-block-features-block-3 .col-sm-6{
      min-width: 100%;
    }

}


@media (min-width: 992px) {
    #block-views-block-news-block-1 .col-sm-2{
      min-width: 20%;
  }
  
#block-views-block-news-block-1 .views-row{
  float: left;
  height: 120px;
  padding-top: 16px;
}

    body.page-node-type-iframe .block-local-tasks-block,
    body.page-node-type-iframe .field--name-body{
      max-width: 960px;
      margin:auto;
    }    
    body.page-node-type-iframe .main-content .container{
      max-width: 100%;
    }

}

@media (min-width: 1200px) {

    body.page-node-type-iframe .block-local-tasks-block,
    body.page-node-type-iframe .field--name-body{
      max-width: 1140px;
      margin:auto;
    }    
    body.page-node-type-iframe .main-content .container{
      max-width: 100%;
    }  
  
}


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


html{
    scroll-behavior: smooth;
}

img{
  height: auto; /* makes images responsive and prevents them from being distorted on mobile devices */
}
.header{
  height: 50px;
}

.path-frontpage .header{
  background: #000;
}

.region-header .brand a img {
  height: 60px;
  margin-right: 25px;
}

.region-header {
  padding: 0;
  min-width: 240px;
}

.site-branding__name{
  margin-top: -18px;
}

/****** hero-banner ************/

.hero-banner{
  top: 0;
  display: none;
}

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


/***** welcome-message region *********/


.welcome-message{
	padding: 0;
	background: transparent;
}

.welcome-message .block,
.welcome-message p{
	margin: 0;
}

.welcome-message img{
	vertical-align: top;
}


.welcome-message #block-herobanner img{
	width: 100%;
}

.welcome-message #block-herobanner .field--name-field-description-formatted{
	background: rgba(0,0,0,0.6);
  padding: 17px 20px 22px 20px;
  text-align: center;
  width: 50%;
  margin: 0 25%;
  position: absolute;
  font-size: 120%;
  display: block;
  top: 150px;
}

.welcome-message #block-herobanner .field--name-field-description-formatted,
.welcome-message #block-herobannerdescription a{
  color: #ffedb8;
}

.welcome-message #block-herobannerdescription{
	width: 50%;
  background: rgba(0,0,0,0.6);
  padding: 17px 20px 22px 20px;
  text-align: center;
  top: 250px;
  position: absolute;
  margin: 0 25%;
  font-size: 120%;
}


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

.region-page-title h1 {
    margin: 50px 0 0;
}



h1, .h1, h2, .h2, h3, .h3, h4, .h4,
h2.title{
  color: #d2a10f;
}

a{
  color: #b98b01;
}
a:hover{
  color: #c99f1f;
}

.block{
    display: block; /* to extend div with content */
    overflow: auto; /* to extend div with content */

}

.block-search,
.block-page-title-block,
.block-system-branding-block,
.block-views-blocknews-block-1{
    overflow: hidden;
}

.main-content .container #search-block-form{
    max-width: 400px;
    margin: 12px 0;
}

#search-block-form input.form-submit {
    background: url('../images/search.png?1532937786') no-repeat center #654aa5;
}

#block-views-block-features-block-1,
#block-vfvsvirtualflowforvirtualscreening,
#block-vflpvirtualflowforligandpreparation{
    border-top: 3px solid #DDD;
    margin-top: 40px;
}

#block-contributing li{
    list-style: inside;
}


.navbar-toggle{
  padding: 5px 0;
}



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

.menu-base-theme li a{
  padding: 10px 20px;
}

.menu-base-theme li a:hover,
.menu-base-theme li a:focus,
.menu-base-theme li a:active,
.menu-base-theme li.active a,
.menu-base-theme li a.highlighted {
    color: #ffedb8;
    line-height: 100%;
    padding: 10px 20px;
}

.menu-base-theme li a.is-active,
.region-primary-menu ul ul li a:hover,
.region-primary-menu ul ul ul li a:hover,
.region-primary-menu ul ul ul ul li a:hover{
    color: #ffedb8;
}

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


/**** book ***/

ul.menu li {
    list-style: none outside;
    text-align: left;
}

ul.menu li.menu-item--collapsed {
    list-style-image: url(../../../../../core/misc/menu-collapsed.png);
    list-style-type: disc;
}

ul.menu li.menu-item--expanded {
    list-style-image: url(../../../../../core/misc/menu-expanded.png);
    list-style-type: circle;
}

.book-navigation .menu {

    background: #EEE;
    padding: 0.5em 1em;
    margin-bottom: 2px;
}

.book-navigation .book-pager {
    background: #EEE;
    padding: .5em 1em;
}

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

/****** sidebar ***************/
.sidebar{
    background: #EEE;
}
/*******************************/


.views-field-field-image {
   text-align: center;

}



/******* News **************************/


body.path-frontpage .highlighted{
  background: #000;
  position: relative;
  color: #888;
 /* display: block;
  overflow: auto; */

}


#block-views-block-news-block-1{
  margin-bottom: inherit;
}



#block-views-block-news-block-1 .views-row:hover{
  background: #ffedb8;
  color: black;
}

#block-views-block-news-block-1 .views-row a{
  color: #ffedb8;
}

#block-views-block-news-block-1 .views-row:hover a{
  color: black;
}

#block-views-block-news-block-1 .views-view-grid .views-col{
  max-width: inherit; /* overwrites bootstrap.min.css */
}

body.page-node-type-news .field--name-field-date,
body.path-news .field--name-field-date{
  margin-bottom: 12px;
}

body.path-news .views-row,
body.path-news form.views-exposed-form{
  margin-bottom: 40px;
}

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


/******* features blocks *******************/
#block-views-block-features-block-1 .views-view-grid .views-col,
#block-views-block-features-block-2 .views-view-grid .views-col,
#block-views-block-features-block-3 .views-view-grid .views-col{
  max-width: inherit; /* overwrites bootstrap.min.css */
}



#block-views-block-features-block-1 .views-row,
#block-views-block-features-block-2 .views-row,
#block-views-block-features-block-3 .views-row{
  margin-top: 45px;
  float: left; 
  min-height: 465px;
}

#block-views-block-features-block-1 .views-field-field-description,
#block-views-block-features-block-1 .views-field-body,
#block-views-block-features-block-2 .views-field-field-description,
#block-views-block-features-block-2 .views-field-body,
#block-views-block-features-block-3 .views-field-field-description,
#block-views-block-features-block-3 .views-field-body{
  overflow: hidden;
}

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


/***** news ********/


body.path-news .views-row .field--name-body p{
  margin: 0 0 8px 0; 
}


.node-readmore a{
    background: none;
    color: #d29e05;
    padding: 0;
    font-weight: 600;
}

/*body.path-order-targeted-protein-sites input[type="submit"],
body.path-order-special-compound-sets input[type="submit"], */
.btn,
input[type="submit"]{
  background: #000000;
  color: white;
  padding: 12px 18px;
  line-height: 100%;
  margin-right: 2px;
  border-radius: 4px;
  cursor: pointer;
}

.btn:hover,
input[type="submit"]:hover {
    background: #e8be42;
    color: #000000;
}

body.path-news ul.links.inline {
    margin-bottom: 35px;
}

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


.bottom-widget{
 /* background: #9678DA; */ /* purple */
 background: #ffedb8;   /* light gold */
 padding: 40px 15px;
 color: black;

}

/******* footer ********/
#footer{
    padding: 45px 0 12px 0;
    background: #3D3D3D;
}

#footer ul.menu{
    margin-bottom: 0;
}

#footer ul.menu li {
  display: inline;
  margin-right: 12px;
}

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




/******** iframe *******/

.field--name-field-iframe{
    overflow: hidden;
    padding-top: 100%;
    position: relative;
}

.field--name-field-iframe iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

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


/**** video field ***/

.video-embed-field-provider-youtube,
.field--type-video-embed-field .field__item{
     margin: 15px 0;
}

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

/**** pagination ***/
ul.js-pager__items li{
  display: inline;
  margin-right: 7px;
}
/*********************/


/***** paragraphs ***/
.field--name-field-components{
  margin-bottom: 30px;
}
.paragraph--type--image-with-caption{
  margin-bottom: 20px;
}
/***********************/

/***** sponsor logos ***/
.sponsor-logos{
  text-align: center;
}
.sponsor-logos img{
  margin: 5px 24px;

}

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

/*** draggable views ***/

a.tabledrag-handle .handle{
  width: 25px;
  height: 25px;
}


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