/* Css del tema convis que modifiquem */

:root {
    --convis-theme-color: #007ac1;
    --convis-theme-color-second: #ff0d00;
    --body-link-color: #007ac1;
    --body-link-color-hover: #00618e;
    --menu-link-color-hover: #00618e;
    --submenu-link-color-hover: #ff0d00;
    --bg-ressaltar: #3e64ff0d;
    --topbar-bg-color:#ff0d00;    
    --topbar-color-icon: #fff;
    --border-color: #DDDDDD;
    --topbar-link-color: #ffffff;
    --topbar-link-color-hover: #696868;
}


/*be003c*/


.alert-info {
  color: #00347f;
  background-color: var(--bg-ressaltar);
  border-color: var(--body-link-color);
}
/* caixes hover blau es perd l'enllaç*/
.iconbox-four__single:hover .iconbox-four__desc a {
    color: #fff !important;
    font-weight: bold;
}

/*marge al slideshow*/
.area.slideshow_content .block {
  margin-bottom: 1em !important;
}

.gva-view footer {
  margin-top: 1.5em !important; 
}

#block-convis-sub-titoldelapagina {
  margin-bottom: 2rem !important;    
}

.breadcrumb-content-inner {
    background-color: #F2F5F6;    
    margin-bottom: 2rem;
}

.breadcrumb-content-inner .breadcrumb-content-main {    
    padding: 30px 0px;
    text-align: left; 
}

.breadcrumb-content-inner .gva-block-breadcrumb .page-title {
    text-align: left;

}

.breadcrumb-content-inner .gva-block-breadcrumb .breadcrumb-links {
    padding:10px 0px;
}

.breadcrumb-content-inner .gva-block-breadcrumb .breadcrumb-links nav.breadcrumb ol li {
    float: left;
    font-size: 15px;
    color: var(--body-color);
    font-weight: 700;
}

.breadcrumb-content-inner .gva-block-breadcrumb .breadcrumb-links nav.breadcrumb ol li a{
    float: left;
    font-size: 15px;
    color: var(--convis-theme-color-second);
    font-weight: 700;
}

/*menu_perfils*/

@media (min-width: 1024.1px) {
    .navigation .menu_perfils > li {
        display: inline-block;
    }

    .navigation .menu_perfils > li > a {
        display: block;
        position: relative;
        font-size: 16px;
        font-weight: 400;
        line-height: 1;
        padding: 10px;                
        color: #fff;
    }
}

/* TOPBAR */
.topbar ul {
    display: flex;       /* Activa el mode Flexbox */
    list-style: none;    /* Treu els punts de la llista */
    margin: 0;
    padding: 0;
    gap: 20px;           /* Crea espai NOMÉS entre els elements (ni al principi ni al final) */
}

.topbar .region .block
 {
    margin: 0 !important;
}

.block-dropdown-language .dropbutton-wrapper ul.dropbutton {
  top: -5px !important;
  padding: 3px 30px 5px 30px !important;
}

.header-one__branding img {
  max-width: 240px;
}

.header-one__branding {
    margin-right: 20px;
}

/*logos*/
/*
.region__branding {
    padding: 0 !important;
    .logo-upc {
      margin-left: 8px;
      width: 30px;
      padding-left:5px;
    }

    .logo-fib {
      width: 200px;
      padding-left: 5px;
    }
  }
*/

@media (min-width: 768px){
  /*secció logo*/
  .region__branding{
    padding: 0 !important;
    .logo-upc {
      width: 40px;
    }

    .logo-fib {
      width: 275px;
      padding-left: 5px;
    }
  }
}

@media (min-width: 1200px){
/*secció logo*/
.region__branding {
  padding: 0 !important;
  .logo-upc {
    width: 45px;
  }

  .logo-fib {
    width: 315px;
    padding-left: 5px;
  }
}

}

/*botons*/

.button, .btn, .btn-white, .btn-theme, .btn-black, .btn-theme-second, .more-link a, .btn-theme-submit {
  
  padding: 15px 30px;
  text-transform: none !important;
}

.node--type-ranking .milestone-one__desc {
  font-size: small;
}

.node--type-ranking .milestone-one__content {
  justify-content: center;
}

.node--type-ranking .milestone-one__number-inner {
  margin-right: 0px;
}
.node--type-ranking .milestone-one__desc {
  border-top: solid 1px gray;
  padding-top: 10px;
}

.node--type-ranking .milestone-one__single {
  padding: 20px;
}


.text-right {
  text-align: right;
}

/* portofolio */
.fib_portfolio-one__title {
  font-size: 15px;
  line-height: 1.35;
  margin-bottom: 0;
}

@media (max-width: 600px) {
  .fib_portfolio-one__title {
    font-size: 20px;
  }
}

.fib_portfolio-one__title a {
  color: #fff;
}

.fib_portfolio-one__title a:hover {
  color: var(--convis-theme-color);
}

.portfolio-one__content:hover .fib_portfolio-one__title a {
  color: var(--body-link-color);
}

.fib_portfolio-one__content-inner {
  position: absolute;
  z-index: 2;
  left: 15px;
  right: 15px;
  bottom: 15px;
  padding-left: 15px;
  padding-right: 5px;
  border-left: 4px solid #fff;
  -webkit-transition: .3s;
  transition: .3s;
}

@media (max-width: 600px) {
  .fib_portfolio-one__content-inner {
    left: 20px;
    right: 20px;
    bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.portfolio-one__content:hover .fib_portfolio-one__content-inner {
  padding-top: 10px;
  padding-bottom: 15px;
  background: #fff;
  border-color: var(--convis-theme-color-second);
}

@media (max-width: 600px) {
  .portfolio-one__content:hover .fib_portfolio-one__content-inner {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.node--type-premi{
  padding: 10px 0px;
}

.node--type-premi .post-featured__single .field--name-field-pr-imatge{
  padding: 0px;
}

.node--type-premi .post-featured__single, .node--type-noticia .post-featured__single{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
}

.node--type-premi .post-featured__content, .node--type-noticia .post-featured__content{
  padding-left: 10px;
  font-size: small;
}

.node--type-premi .post-featured_fib__titol, .node--type-noticia .post-featured_fib__titol{
  height: 55px;
  overflow: hidden;
  line-height: normal;
}

.node--type-premi .post-featured__image, .node--type-noticia .post-featured__image{
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
  padding-top: 7px;
}

/* visula links */
.fib-visual-link-title a{
  font-size: 1.4rem;
  font-weight: 700;
  color: #fff;
  line-height: normal;
}


.iconbox-one__icon-inner {
  margin-left: auto;
  margin-right: auto;
}

.iconbox-one__icon-inner.left {
margin-left:0  !important;
}

.iconbox-one__icon-inner.right {
  margin-right:0  !important;
}

.iconbox-one__title {
  font-size: 20px;
  line-height: 1.55em;
  margin-bottom: 0;
  font-family: var(--convis-heading-font-family);
  font-weight: 700;
  color: #1A1A1A;
  margin-top: 0;
}

#index_list .list-group-item + .list-group-item {
    border: 1px solid rgba(0, 0, 0, 0.125);
}


/*custom menu_esq */

.sidebar .block {
  background: none;
  padding: 0px;
}


.sidebar .block-menu ul li {
  border-bottom: 1px solid var(--border-color) !important;
  border-left:  3px solid var(--convis-theme-color) !important;
  margin-bottom: 0.6rem !important;
  margin-top: 0 !important;
  padding: 0.5rem 0 0.5rem 1rem !important;  
}

.sidebar .block-menu ul li a:after {
  content: none;
}

.sidebar .block-menu ul li:hover,  .sidebar .block-menu ul li:active {  
  border-left:  3px solid var(--convis-theme-color-second) !important;
  margin-bottom: 0.6rem !important;
  padding: 0.5rem 0 0.5rem 1rem !important;  
}


/*menu superior*/

  .navigation .gva_menu > li > a {    
    display: block;
    position: relative;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    padding: 35px 12px;    
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    text-align: center;
    color: var(--menu-link-color);
  }

    .navigation .gva_menu .sub-menu > li > a {
    display: flex;    
    align-items: center;
    justify-content: flex-start;      
    line-height: 20px;    
    font-size: 15px;    
  }

  .navigation .gva_menu .sub-menu {
    padding: 10px 10px 10px 20px;
  }

  .navigation .gva_menu .sub-menu > li {
    padding: 5px 0;    
  }


.icaret_right {
 margin-left: auto !important; 
 color: var(--body-color);
}

/*selector -idioma*/


.block-dropdown-language .dropbutton-wrapper.open {
    background:none;
    padding-top: 5px;
}

.block-dropdown-language .dropbutton-wrapper.open ul.dropbutton {
  border-radius: 20px; 
  color:#007ac1;
  padding: 2px 30px 5px 30px;
}


#footer{
  padding-top:1.5em;
}


.gva-job-box .content-inner {
     padding-left: 0 !important;
}

.call-to-action-one__content {
    padding: 40px 50px !important; 
}



.node--type-ranking .milestone-one__single {
    margin: 0px !important;    
}

.milestone-one__number-inner {
    font-size: 30px !important;        
    justify-content: center !important;
}