/* Add your css code here */

/*
Small screens are less than 601 pixels DP, medium screens are less than 993 pixels DP.
*/

/* Colors

Taronja pujat:
#ff9800

*/

/***********************
 * Correction to W3d8css styles
  */

body a.d8-has-image > img.w3-image{
  width: auto;
}

body .contextual-region .contextual .contextual-links a {
  background-color: grey;
}

/* Grids */

.views-view-grid article{
  border: solid 2px brown;
  border-radius: 10px;
  padding: 2%;
  margin 2%;
}

@media only screen and (max-width: 800px){ 

  .views-view-grid.cols-2.vertical .views-col{
    min-width: 99%;
  }

}

/* Misc. */

article ul.links li a{
  padding: 5px!important;
  border: solid orange 1px;
}

body .w3-search-block-form{
  width: 50%;
}

@media only screen and (max-width: 800px){ 

  body .w3-search-block-form{
    width: 100%;
    }

}

.pager__item--previous, .pager__item--next{
  font-size: 2em;
}

/***************************
* Generics
**********************/

/* Views */

.view header{
  font-size: 1.2em;
  font-style: italic;
  font-weight: bold;
  text-decoration-line: underline;
  text-decoration-color: orange;
  text-decoration-thickness: 3px; 
}

.view-filters form > div.w3-block{
  display: flex;
  justify-content: center;
  gap: 4%;
  border-top: 10px orange solid;
padding-top: 20px;
}

.view-filters form input.form-submit{
    color: white;
  font-weight: 700;
  background: orange;
  font-size: 1.2em;
}

/* Menus */

ul li a{
  font-family: 'Oswald','Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}


/************************
* Header
***************************/

#header-inner{
  /*display: flex;*/
}

#block-w3css-sdiliberia-branding{
  display: flex;
  /*justify-content: center;*/
  float: left;
  max-width: 154px;
}

@media only screen and (max-width: 600px){ 

  #header-inner #search-block-form{
    display: none;
  }

}

#header-inner #search-block-form{
  float: right;
  max-width: 230px;
}

#block-w3css-sdiliberia-donatebutton div.w3-button{
  color: #ff9800;
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: 700;
  float: right;
  clear: right;
  border: 6px solid #ff9800;
  border-radius: 22px;
  background-color: transparent;
  margin: 8px;
}

#block-w3css-sdiliberia-donatebutton div.w3-button a{
  /*color: white;*/
}

/* Top menu ***************/

#d8w3css-subtheme-style.css li a{
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.85em;
}

@media only screen and (min-width: 993px){
  
  #main-navigation-h #block-w3css-sdiliberia-main-menu ul.ul-parent{
    display: flex;
    justify-content: space-around;
  }

}

/*****************************
 * Front page
 */

body .top-container-inner{
  display: block;
}

.top-container-inner .first-top, .top-container-inner .second-top, .top-container-inner .third-top{
    width: 100% !important;
}


/* Slider *****************/

.path-frontpage #top-container-inner.w3-f-display{
  display: block;
}



/* Aquest selector diria que ha deixat de funcionar a d10: #slick-views-slider-block-1-1-slider */

#slick-views-slider-block-1-1-slider .slide__caption, #block-views-block-slider-block-1 .slide__caption{
  padding: 0;  
}

@media only screen and (min-width: 993px){ 

  #slick-views-slider-block-1-1-slider .slide__caption, #block-views-block-slider-block-1 .slide__caption{
    display: flex;
    flex-wrap: wrap;
  }

  #slick-views-slider-block-1-1-slider .slide__overlay, #block-views-block-slider-block-1 .slide__overlay{
    width: 60%;
  }

  #slick-views-slider-block-1-1-slider .slide__data, #block-views-block-slider-block-1 .slide__data{
    width: 35%;
    padding: 2%;
  }

}

h2.slide__title{
  font-size: 22px;
}

/* Programs */

.block-views-blockprogrammes-block-block-1 .view .view-content{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;  
  justify-content: space-around;
  align-items: flex-end;
}

.block-views-blockprogrammes-block-block-1 h3{
  font-size: 16px;
  max-width: 232px;
  z-index: 10;
  position: relative;
  padding-left: 8px;
  font-family: arial;
}

.block-views-blockprogrammes-block-block-1 h3 a{
  color: black!important;
}

.block-views-blockprogrammes-block-block-1 .views-field-field-programme-image{
  top: -66px;
  position: relative;
}

/* grid */

.path-frontpage .views-view-grid article{
  border: none;
}

/*
 * About us
 */
 
#block-views-block-programmes-block-block-1 .view-content{
  display: flex;
      display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
}

/*
 * Partners
 */

.path-view-partners .views-row p{
  text-align: left;
}


@media only screen and (max-width: 800px){ 

 .path-view-partners .views-col{
    min-width: 95%;
  }

 .path-view-partners .views-col img{
    width: auto!important;
  }



}

/*
  * Staff
  */

.view-staff-grid #staff_top{
  display: flex;
  gap: 12px;
}

.view-staff-grid #staff_top img{
  min-width: 209px;
}

.view-staff-grid #staff_right{
  align-self: center;
}

.view-staff-grid #staff_right > div{
  line-height: 1.2;
}

.view-staff-grid #staff_name{
  font-family: 'Fredericka the Great', cursive;
  font-size: 1.5em;
  margin-bottom: 8px;
  color: #4caf50 !important;
}

.view-staff-grid #staff_position{
  font-weight: 700;
}