/*** customizations for virtual-flow.org ***/

@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;
}
.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{
  top: 0;
  display: none;
}
/*
.hero-banner-description{
  
  width: 980px;
  background: rgba(0,0,0,0.3);
  padding: 8px 20px;
  text-align: center;
  left: 50%;
  margin-left: -490px;
  margin-top: -125px;
  height: 170px;
}
.hero-banner-description a{
    color: #d1c4f2;
}
*/


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


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

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

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


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

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

.welcome-message #block-herobanner .field--name-field-description a{
  color: #d1c4f2;
}

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

a{
  color: #9678DA;
}
a:hover{
  color: #654aa5;
}

.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: 4px solid #9678DA;
    border-top: 3px solid #DDD;
    margin-top: 40px;
}

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


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


/*** registration form ***/
.form-email, 
.form-text, 
.form-textarea{
  border-color: #cccccc;
}
#block-userregistrationnote{
  margin-bottom: 0;
  max-width: 500px;
  margin: 10px auto;
  font-weight: 500;
}
#block-userregistrationnote p{
  margin: 0;
}
form.user-register-form{
  margin-top: 10px;
}
label.form-required::after{
  content: ' *';
}

form.user-register-form .form-type-email label::after{

  content: ' (university/company email, no private email addresses like qq or gmail) *';

}
form.user-register-form #edit-field-comment-wrapper textarea{
  max-width: 100%;
}
#edit-terms-of-use{
  padding: 5px 8px;
  border: 1px solid #dddddd;
}
#edit-terms-of-use p{
  margin-bottom: 5px;
}
.form-item-terms-of-use-checkbox{
  margin-top: 0;
  margin-bottom: 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: #9678DA;
    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: #9678DA;
}

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


/**** 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 {
  float: left;
  margin-right: 25px;
}



/******* 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: #9678DA;
  color: black;
}

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

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

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

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

/******************************************/
.tabs a:focus, 
.tabs a:hover,
.tabs a.is-active {
  background-color: #775bba;
}

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


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

.btn,
.node-readmore a,
input[type="submit"] {
    background: none;
    color: #7455B9;
    font-weight: 600;
}

input[type="submit"]{
  border: 2px solid;
}

.btn:hover,
.node-readmore a:hover,
input[type="submit"]:hover {
    background: #775bba;
    color: #fff;
}

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

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


.bottom-widget{
  background: #9678DA;
  padding: 40px 15px;
}

/******* footer ********/
#footer{
    padding: 40px 15px;
}

#footer #block-landingpage-zymphonies-theme-account-menu ul{
    margin-bottom: 0;
}

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




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