@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');

body {  
  padding-top: 50px;  /* 70px amb menú superior */
  padding-bottom: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  /*background-color: #f2f4f6;*/
}

h1, h2, h3, h4, h5 {
  font-family: 'Open Sans Condensed', sans-serif;
}

h2 {
  color: #633f5c;
  font-size: 2em;
  font-weight: 600;
}

h3 {
  font-size: 1.7em;
  font-weight: 400;
}

h4 {
  font-size: 1.2em;
  font-weight: 400;
}

p {
  line-height: 1.5em;
  margin-bottom: 1.5em;
}

ul, ol {
  padding-left: 15px !important;
}

li {
  margin-bottom: 5px;
}

.page {
  background-color: #fff;
  padding-top: 1.5em;
  padding-bottom: 3em;
}



.hr-title {
  height: 6px;
  background: url(../img/hr-bg.png) repeat-x 0 0;
  border: 0;
}

/* .header,
.footer {
  padding-right: 15px;
  padding-left: 15px;

} */
.text__color-accent {
  color: #0975c2;
}
/* Custom page header */
.header {
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
}

/* Make the masthead heading the same height as the navigation */
.header h3 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 40px;
}

.header_banner {
  font-family: 'Open Sans Condensed', sans-serif;
  background-color: #871f40;
  padding-top:1em; 
  color: #ffc57b; 
  font-size: 2rem;
  margin-top: 1px;
  line-height: 1.3em;
}

.header_banner strong {
  font-size:1.8rem;
}

.img-header {
  width: 100%;  /* Mateix ample que el contenidor */
  /*max-width: 1200px;*/
  margin:auto;
}

/* ASIDE */

.aside {  
  background-color: #353230;
  color: #f6f6f6;
  border-radius: 10px;
}

.aside .important {
  background-color: #1E1E1E;
  padding: 15px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.aside .banners {
  padding: 15px;
}

.aside .info {
  padding: 15px;
}

.aside h5 {
  font-size: 1.4em;
  margin-bottom: 20px;
  font-family: 'Open Sans Condensed', sans-serif;
  color: #ffc57b;
}

.aside .event {
  margin-bottom: 15px;
}

.aside .event .date {
  color: #cc0000;
  font-size: 1.1em;
  padding-bottom: 5px;
  margin-bottom: 2px;
  border-bottom: 1px solid #666;
}

.aside .event .title {
  color: #f6f6f6;
  font-size: .9em;
}

.aside img {
  width: 100%;
}

/* Custom page footer */
.footer {
  padding: 19px 15px 15px 15px !important;
  /*margin-top: 15px;*/
  font-size: .9em;
  color: #fff;
  border-top: 2px solid #ffc57b;
  background-color: #871f40;
}

.footer p {
  line-height: 20px;
}

.footer a {
  color: #fff;
  text-decoration: underline;
}

.text-white {
  color:white !important;
}

.btn-success {
  background-color: #ffc57b !important;
  border-color:#18192d !important;
  color:#18192d !important;
  width:50%;
  border-radius:25px;
  font-weight:bold;
  margin:auto;
  font-size:1.7rem;
  
}

.btn-success:hover {
  background-color: #fcac45 !important;
  border-color:#18192d !important;
  color:#18192d !important;

}


/*@media (min-width: 1200px) {

    .img-header {
        max-width: 1199px;
    }

}*/

/* Customize container */
@media (min-width: 768px) {

  .header_banner .col-md-4 {
    margin-bottom:0 !important;
  }

  .container {
    max-width: 1199px;
  }

  .page-content {
    padding-right: 0;
  }

}
.container-narrow > hr {
  margin: 30px 0;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .header,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
  /* Space out the masthead */
  .header {
    margin-bottom: 30px;
  }  
  
}

/* PAGINES */

.page-full {
  padding: 2px 15px 15px 15px;
}

.item
{
  padding-left: 10px;
  margin-bottom: 10px;
  border-left: 1px solid #355681;
}

.comites .item {
  margin-top: 2em;
}

.comites .item .row {
  margin-bottom: 5px;
}

.img-colaborador {
  margin-bottom: 1em;
  border:1px solid #f6f6f6;
}

.programa p {
  margin-bottom: .3em !important;
}

.programa .row {
  margin-bottom: 1em;
}

.cont-HB-covid{
  display: flex;
  flex-direction: column;
}

.titol-para{
  display: flex;
  align-items: center;
}
.titol-para > p {
  margin: 0px;
  margin-right: 20px;
  margin-bottom: 0px !important;
}
.hora-img-col{
  margin-top: 30px;
}

/* SALUTACIO SECTION BANER */

.banner-salutacio{
  background-color: #ffc57b1a;
  padding: 40px 0px;
}

.banner-salutacio > .container{
  display: flex;
}

.imatge-banner{
  width: 66%;
}

.imatge-banner > a > img{
  width: 100%;
  min-height: 300px;
}

.text-banner{
  width: 33%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 30px;
  text-align: center;
  justify-content: space-around;
  padding: 10px;
  color: #871f40;
}

.text-banner > h3{
  font-weight: bold;
}



.btn-banner {
  box-sizing: border-box;
  appearance: none;
  background-color: transparent;
  border: 2px solid red;
  border-radius: 0.6em;
  color: red;
  cursor: pointer;
  display: flex;
  align-self: center;
  line-height: 1;
  margin: 20px;
  padding: 10px 15px;
  text-decoration: none;
  text-align: center;
  font-weight: 700;}

  .btn-banner:hover,
  .btn-banner:focus {
    color: #fff;
    outline: 0;
  }

  .fourth {
    border-color: #871f40;
    color: #871f40;
    background-image: linear-gradient(45deg, #871f40 50%, transparent 50%);
    background-position: 100%;
    background-size: 400%;
    -webkit-transition: background 300ms ease-in-out;
    transition: background 300ms ease-in-out;
  }
  .fourth:hover {
    background-position: 0;
    text-decoration: none;
  }


  @media (max-width: 500px){
    .imatge-banner {
      width: 100%;
  }
    .text-banner {
      width: 99%;
  }
  .banner-salutacio > .container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
  }