/**
*
 * Place your custom styles here.
 */
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
 
body{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
}
a{
    color: #7b2173;
}
a:hover{
    color: #a675a1;
}

#navbar{   
    border-color: white;
    background-color: white; 
}

@media only screen and (min-width: 767px) {
    .navbar-collapse{
        padding-top: 4em;
        padding-left:0%;
        float:right;
        margin-bottom: 0;    
        text-transform: uppercase;
        font-size: 1em; 
        letter-spacing: -.01em;
        font-weight: 600;
        border-color: white;
        background-color: white; 
    }
}

@media only screen and (max-width: 767px) {
    .navbar-collapse{
        padding-left:0%;
        margin-bottom: 0;    
        text-transform: uppercase;   
        font-size: 1em; 
        letter-spacing: -.01em;
        font-weight: 600;
        border-color: white;
        background-color: white; 
    }
}

#navbar ul li a{
    padding:0.5em 0.5em 0.5em 0.5em;
    text-align: center;
    font-weight: bold;
}

#navbar ul li a:hover{
    background-color: #e7e7e7;
    font-style: bold;
}

#navbar ul li.active a {
    color: white;
    background-color: black;
}

.breadcrumb{
    margin: 0em;
    padding: 1em 0 1em 0;
    background-color: white;
}


aside .navbar-nav li.active a{
    color: white;
    background-color: black;
    
}
aside .navbar-nav li{
   float: none;
   border-bottom: 0.1em solid gray;
   
}


aside .navbar-nav li a{
    color: #777;
    padding:0.5em 0.5em 0.5em 0.5em;
    text-align: center;
    font-weight: bold;
}


.paragraph--type--node{
    margin: 0 0 2em 0;
    overflow: hidden;

}

.paragraph--type--node .field--name-field-title{
    font-size: 1em;
    padding: 0.50em 0.50em 0.50em 0.50em;
    float: center;
    text-align: justify;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #eaeaea
    
}
.paragraph--type--node .field--name-field-node-image{
    margin: 0.50em 0.50em 0 0;
    float: left;
}
.paragraph--type--node .field--name-field-node-description{
    margin: 0.50em 0 0 0;
    text-align: justify;
}


@media only screen and (max-width: 992px) {
    .blockcontainer .region{
        display: flex !important;
        flex-direction: row !important; 
        flex-wrap: wrap !important;    
    }
}

@media only screen and (min-width: 992px) {
    .blockcontainer .region{
        display: flex !important;
        flex-direction: row !important; 
        flex-wrap: nowrap !important;    
    }
}

.blockcontainer .block-views{
    flex-grow: 1 !important;
    flex-wrap: wrap !important;
    
    margin: 0.5% 0 0 0 !important;
    padding: 0.50em 0.50em 0.50em 0.50em;
    
}

.block-views:hover{    
    background-color: #972d82;
    color:white;

}

.block-views:hover a{
    color:white ;
}

.front-block-title{
    text-transform: uppercase;
    font-size: 2em;
    
}

.views-row{
    margin-bottom: 0.5em;
}

/* footer */

.footer-class{ 
    
    background-color: #808080;
    width: 100%;
   
}

footer .field--item{
    width: 100%;
    float: left !important;
}

footer .field--item img{
    margin-left: 0;
    margin-right: auto;
}
.footer_text{
    font-size:14px;
    color:white;
}


a[href="/https/inb-elixir.es/transbionet"]{
 /* border-left: 2px solid gray;*/
 color:#abcde5 !important;
 background:linear-gradient(black,black) left no-repeat;
 background-size:1px 16px;
}
a[href="https://www.elixir-europe.org/"]{
   color:#f47d20 !important;
   background:linear-gradient(black, black) left no-repeat;
   background-size:1px 16px;

}

#block-bootstrapsimplecarouselblock{
  height: 580px !important;
  width: 100% !important;
}


.carousel-img {
  width:auto;
  margin-left: auto;
  margin-right: auto;
  height: 60vh !important;
  object-fit:contain;
}

@media only screen and (max-width: 767px) {
  .carousel-img {
    width:auto;
    margin-left: auto;
    margin-right: auto;
    height: 30vh !important;
    object-fit:contain;
  }
}

/* Display taxonomy terms inline */

/*.field--item {
	color: green;
}*/

.field--type-entity-reference .field--items .field--item {
    display: inline;
}

.field--type-entity-reference {
	clear:right;
}

/* CUSTOM VIEWS CSS */

.view-inb-nodes .view-content h3 {
    font-size: 1em;
    padding: 0.50em 0.50em 0.50em 0.50em;
    float: center;
    text-align: justify;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #eaeaea !important;
}	

.view-inb-nodes .view-content .field-wrapper {
    display: flex;
    margin-top: 0.5rem;
}

@media only screen and (min-width: 992px) {
  .view-inb-nodes .view-content .field-wrapper .field-label {
    font-weight: bold;
    width: 14%;
  }

  .view-inb-nodes .view-content .field-wrapper .field-value {
    width: 86%;
  }
}