article.research-award.on-front-page > a > h2 > span{
  font-family: "Merriweather", serif;
    font-size: 18px;
    font-weight: normal;
}

.region-blocks-header .slick__arrow{
  display:none!important
}

article.research-award.on-front-page > a > h2 > span > div {
    margin-top: 8px;
    text-transform: none;
}

.llibret-oferta{
  padding:15px 15px 15px 25px;
  position:relative;
}

.llibret-oferta:before{
  content: "";
  display: block;
  content: "";
  font-family: "fontello";
  speak: none;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  min-width: 1em;
  text-align: center;
  margin-left:-25px;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Better Font Rendering =========== */
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  color: #f94141;
  font-size: 40px;
}

article.sessions-informatives.full .card-body {
    padding: 0px 35px 26px 35px;
    overflow: auto;
}

article.sessions-informatives.full .card-header button .question-wrapper .content {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
}

article.sessions-informatives.full .card-header:hover {
    background-color: #E5F2FB;
}

article.sessions-informatives.full .card-header{
    position: relative;
    cursor: pointer;
    border-top: 1px solid #0071CD;
    padding: 10px;
    padding-left: 15px;
}
article.sessions-informatives.full .card-header button .question-wrapper{
  display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
}

article.sessions-informatives.full .card-header button {
    color: #2e2e2e;
    text-decoration: none;
    width: 100%;
    text-align: left;
    margin: 0px;
    padding: 0px;
    outline:none;
    border:0;
}

article.sessions-informatives.full .card-header button[aria-expanded="false"]:after {
    content: "";
}

article.sessions-informatives.full .card-header button[aria-expanded="true"]:after {
    content: '';
}

article.sessions-informatives.full .card-header button:after {
    position: absolute;
    display: block;
    font-family: "fontello";
    color: #0071CD;
    speak: none;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    text-decoration: inherit;
    min-width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);
    font-size: 100%;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    right: 0px;
    top: 50%;
    transform: translate(0%, -50%);
    font-size: 22px;
}

.sessions-informatives.full .field--label {
position: relative;
cursor: pointer;
border-top: 1px solid #0071CD;
padding: 10px;
padding-left: 15px;
background-color: #f8f8f8;

font-size: 18px;
font-weight: bold;
margin-top: 25px;
}
.sessions-informatives.full .field--name-field-sess-info-mes-informacio .field--item,
.sessions-informatives.full .field--name-field-sess-info-lloc .field--item {
padding: 0px 35px 26px 35px;
overflow: auto;
}

.sessions-informatives.full .field--name-field-sess-info-mes-informacio .field--item::before,
.sessions-informatives.full .field--name-field-sess-info-lloc .field--item::before {
display: block;
content: "";
font-family: "fontello";
speak: none;
font-style: normal;
font-weight: normal;
display: inline-block;
text-decoration: inherit;
min-width: 1em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);
font-size: 120%;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
left: 35px;
color: #f94141;
font-size: 17px;
}
.sessions-informatives.full .field--name-field-sess-info-mes-informacio .field--item,
.sessions-informatives.full .field--name-field-sess-info-lloc .field--item{
position: relative;
top: 20px;
padding-left: 65px;
}

/* ==== JGuille, DesenvWeb, UB [2019-07-02] ====================== */

/* line 17, ../scss/node/_degree.scss */
article.degree.full .row .right .field {
font-style: italic;
font-weight: bold;
padding: 20px 0 10px 48px;
}

/* line 129, ../scss/fonts/_fontello.scss /
article.degree.full .row .right .field.field--name-field-ects-credits2::before,
article.degree.full .row .right .field--name-field-ects-credits::before,
article.degree.full .row .right .field--name-field-knowledge-branch::before,
article.degree.full .row .right .field--name-field-center::before,
article.degree.full .row .right .grade-cut-off-mark::before,
article.degree.full .row .right .field--name-field-degree-link::before {
display: block;
font-family: "fontello";
speak: none;
font-style: normal;
font-weight: normal;
display: inline-block;
text-decoration: inherit;
min-width: 1em;
text-align: center;
/ For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap /
line-height: 1em;
/ Animation center compensation - margins should be symmetric /
/ remove if not needed /
/ Uncomment for 3D effect /
/ text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); /
/ you can be more comfortable with increased icons size /
/ font-size: 120%; /
/ Better Font Rendering =========== */
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: .9em;
transform: translateY(-50%);
left: 0;
color: #f94141;
font-size: 30px;
}

article.degree.full .row .right .field.field--name-field-ects-credits2 {
/* fons-size: 1.2em; */
}

article.degree.full .row .right .field.field--name-field-ects-credits2::before {
/* content ""; /
/ content: "C"; /
/ min-width: 1.2em; /
/ text-align: center; */
/* left: 16px; */
/* content: ""; */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

/* line 87, ../scss/node/_degree.scss /
.page-node-type-degree .field-degree-link:before {
/ ... /
min-width: 1.3em;
/ ... */
}

/* line 75, ../scss/node/_degree.scss */
.page-node-type-degree .field-degree-link {
/* position: relative; */
/* top: 20px; */
/* padding-left: 48px; */
}

/* line 199, ../scss/node/_research.scss */
article.research.research-award .card > .title {
position: absolute;
bottom: 0;
font-size: 18px;
z-index: 3;
color: white;
margin: 0;
left: 0;
width: 100%;
min-height: 33.33%;
padding: 15px;
background-color: rgba(0, 0, 0, 0.7);
font-weight: 600;
}

.field--name-field-titol-alternatiu{
  text-transform:uppercase;
}

@media screen and (max-width:1100px){
  .llibret-oferta{
    padding-left:50px;
  }
  .llibret-oferta:before{
    margin-left:0;
  }
}

.main-container .llistat-links-activitats{
  border: 0;
  margin: 20px 0 30px 0;
}

.main-container .llistat-links-activitats a{
  display:inline-block;
  border: 0;
  margin-right: 15px;
  margin-bottom:15px;
  color: #000;
  text-align: right;
  padding: 0 10px 5px 0;
  font-size: 20px;
  line-height:30px;
}

.main-container .llistat-links-activitats a.small{
  font-size:16px;
  line-height:20px;
}

.main-container .llistat-links-activitats a.active{
  border-bottom: 5px solid orange;
}

.paragraph--type--llistat-premis-grup .field--name-field-titol-grup{
  font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
    margin-top: 22px;
}

  .paragraph--type--llistat-premis-grup.award .field--name-field-premis > .field--item{
    display: inline-block;
      width: 32%;
      height: 120px;
      margin-bottom: 30px;
      margin-right: 1%;
      background-color: #EAEAEA;
  }
  .paragraph--type--llistat-premis-grup.research .field--name-field-premis > .field--item {
    display: inline-block;
    width: 280px;
    height: 280px;
    margin-right: 8px;
    margin-bottom: 8px;
    overflow: hidden;
  }



.llistat-activitats .field--name-field-titol{
  font-size:30px;
  font-weight:bold;
}

.awards-destacados{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.awards-destacados .field--name-field-titol-grup{
  flex: 0 0 100%;
}

.first-col-award{
  width:32%;
  margin-right:2%;
}

.col-second-award{
  width:64%;
}

.col-second-award .llistat{
  margin-top:30px;
}

.col-second-award .llistat li{
  margin:10px 0;
}

@media screen and (max-width:1100px){
  .paragraph--type--llistat-premis-grup.award .field--name-field-premis > .field--item{
    width: 345px;
    display:block;
  }
  .paragraph--type--llistat-premis-grup.research .field--name-field-premis > .field--item{
    display: inline-block;
    width: 345px;
    height: 590px;
    margin-bottom: 40px;
  }

  article.award.research-award .content .card-wrapper .image-wrapper {
      width: 120px;
      display: inline-block;
  }
  .first-col-award,
  .col-second-award{
    width:100%;
  }
  .col-second-award .text-intro{
    margin-top:30px;
  }

  article.research.research-award .introduction-sm > div {
      z-index: 10;
      bottom:auto;
  }
  article.research.research-award .card > .title{
    bottom:auto;
    top:230px;
    min-height:20%;
  }
}

/* Bàner imatge amb el text incorporat [2020-05-18, JG]: */
.region-blocks-header .field--name-field-image-text-title, .region-blocks-header .field--name-field-image-text-subtitle {
	display: none !important;
}
/* @media screen and (max-width: 1400px) and (min-width: 1100px)
.slick-track .paragraph-image-text .two-columns .left-column { */
@media screen and (min-width: 1100px) {
	.slick-track .paragraph-image-text .two-columns .left-column {
		 width: 100%!important;
		 position: absolute;
		 text-align: center;
	}
}
.region-blocks-header .paragraph-image-text .link-button {
	margin-top: 20%!important; /* 42%!important; */
	/* margin-left: 97%!important; */
	margin-right: 20px!important;
	float: right;
}

.field--name-field-video-image {
	display: block;
}
.header-mobile-image{
	display:none;
}

@media screen and (max-width: 1100px) {
	.region-blocks-header .paragraph-image-text .link-button {
		margin-top: 80%!important;
		margin-left: 26%!important;
		float: none;
		width: 180px!important;
	}

	.field--name-field-video-image {
		display: none;
	}
	.header-mobile-image{
		display:block;
	}
	
	.field--name-field-image-text-background, .slick-slider .field--item.field--name-field-video-image{
		display:none!important;
	}
  
	.view-eva-bottom-links.view-display-id-link_to_tots_graus .views-row .views-field-view-node {
	  margin-top: 50px;
	  float: right;
	  margin-right: 10px;
	}
}