/*
 Theme Name:   Fira de Terrassa
 Description:  Tema Wordpress per a la fira de Terrassa
 Author:       Colectic, SCCL
 Author URI:   https://colectic.coop
 Template:     wp-bootstrap-starter
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, translation-ready, accessibility-ready
 Text Domain:  firaterrassa
*/

/*--------------------------------------------------------------
# ESTILS GENERALS
--------------------------------------------------------------*/

:root {
  --blue: #0C1A94;
}
body{
  font-family: 'Roboto', sans-serif;
  font-weight:400;
  font-size: 16px;
  line-height: 24px;
  text-align:left;
  vertical-align:top;
  color:#000000;
}
a{color: #0C1A94;}
h1{
  font-weight:bold;
  font-size:48px;
  line-height:59px;
  color:#000000;
}
h2,.contingut_titol{
  font-weight:700;
  font-size:22px;
  line-height:33px;
  color:#0C1A94;
}

/* CAPÇALERA */
header#masthead {
  background-color: #0C1A94 !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
h1 .site-title{color: #ffffff !important;
  font-size: 22px !important;
  line-height: 26px !important;
  font-weight: 400 !important;
  color:#fff !important;
}
.titol-web{
  display: flex;
  white-space: normal;
  line-height: inherit;
  font-size: 22px;
  line-height: 26px;
}
body #page a.skip-link.screen-reader-text{color: #0C1A94 !important;}
#wt-cli-privacy-save-btn{background-color:#0C1A94; color: #ffffff !important;}
.home h1 .site-title{color: #0C1A94 !important;}
.home header#masthead {
  background-color: #ffffff !important;
  color: #0C1A94 !important;
}
.navbar-light .navbar-toggler-icon {
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;

}
.home .navbar-light .navbar-toggler-icon {
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2812, 26, 248, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;

}
.navbar-light .navbar-toggler {
    color: rgba(255,255,255,.5);
    border-color: rgba(255,255,255,.1);
}
.home .navbar-light .navbar-toggler {
    color: rgba(12,26,148,.5);
    border-color: rgba(12,26,148,.1);
}
.home .navbar-light .navbar-toggler {
  color: #0C1A94 !important;
}
.navbar-toggler:focus {
    outline: 1px dotted;
    outline: 5px auto #ffffff;
}
.home .navbar-toggler:focus {
    outline: 1px dotted;
    outline: 5px auto #0C1A94;
}

.navbar-brand > a {
  font-size: 22px !important;
  line-height: 26px !important;
  font-weight: 400 !important;
  color:#fff !important;
}
.home .navbar-brand > a {
  color: #0C1A94 !important;
}
.navbar-brand > a:hover{text-decoration:underline;}
#masthead .navbar-nav>li a {
    text-transform: none !important;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a{
  color:#fff !important;
  font-weight:300 !important;
  font-size: 22px !important;
  line-height: 26px !important;
  padding-left: 20px !important;
  padding-right: 20px !important
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover{text-decoration:underline;}
.home:not(.theme-preset-active) #masthead .navbar-nav > li > a{
  color: #0C1A94 !important;
}
.logotip-ajuntament{
    padding: .625em .75em;
    padding-top: .375em;
    background: #e42313;
    margin-right: .625em;
    border-radius: 8px;
    max-width: 235px;
  }
  .navbar .media-body{min-height:55px;display: flex;}
  .navbar .media-body h1{margin:0px; padding:0px;}
@media only screen and (max-width: 1280px){
  #logotip-ajuntament{display: block; margin-bottom:15px;}
}
@media (max-width: 600px){
  .navbar .media{display:block;}
  .navbar .media-body{margin-top:20px;}
}

/* PEU DE PAGINA */
footer *{color:#fff;}
footer .site-info{padding-top:60px;padding-bottom:30px;}
footer .site-info-2{padding-top:30px;padding-bottom:30px;}
footer .site-info-2 {margin-top:190px;}
footer .site-info-2 .widget #menu-peu {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

#menu-peu > li > a:focus, #menu-peu > li > a:hover {
      background-color: transparent;
      text-decoration: underline;
}

footer .peu-esquerra .textwidget,
footer .peu-esquerra .textwidget a {
  text-align:left;
  color:#fff;
  font-weight:400;
  font-size: 22px;
  line-height: 26px;
  padding-left: 20px;
  padding-right: 20px;
}
footer .peu-dreta .textwidget,
footer .peu-dreta .textwidget a{
  text-align:right;
  color:#fff;
  font-weight:300;
  font-size: 22px;
  line-height: 26px;
  padding-left: 20px;
  padding-right: 20px;
}
footer .peu-dreta .textwidget a{padding:0;
  display: block;
  text-align: left;
}
footer .peu-dreta .textwidget{text-align: left;}
footer .peu-sota,
footer .peu-sota a{
  font-weight:300;
  font-size: 16px;
  line-height: 24px;
  text-align:left;
  color:#fff;
}
.separador-link{display:none;}

@media only screen and (min-width: 740px){
  .navbar-brand,
  #main-nav {
    margin-right:60px !important;
    margin-left:60px !important;
  }
  footer .peu-esquerra .widget{margin-left: 60px !important; }
  footer .peu-sota .widget{margin-left: 60px !important; }
  footer .peu-dreta .widget{margin-right: 60px !important; }
  footer .peu-dreta .textwidget, footer .peu-sota, footer .peu-dreta .textwidget a {text-align:right;}
  footer .peu-dreta .textwidget,
  footer .peu-dreta .textwidget a{
    text-align:right;
    padding-left: 20px;
    padding-right: 20px;
  }

  footer .peu-dreta .textwidget a:first-child {
      padding-left: 0px;
  }

  footer .peu-dreta .textwidget a:last-child {
      padding-right: 0px;
  }
  footer .peu-dreta .textwidget a,
  .separador-link{display:inline;}
}

body:not(.theme-preset-active) footer#colophon {
    color: #ffffff !important;
    background-color: #f7f7f7;
    background-color: #0C1A94 !important;
    min-height:449px !important;
  }
.page .entry-content blockquote{
  color:#0C1A94;
  font-weight:700;
  width: 50%;
  margin-bottom:48px;
  margin-top: 48px;
}
/* amplades màximes */

#botons-cerca-per-ambit form,
#botons-cerca-per-ambit select,
#botons-cerca-per-ambit label,
#cercador-lliure #cercador-input,
#llistat-entitats,
.single-entitat .site-main.container,
.page .site-main.container,
#mapa-content{
  max-width: 1280px !important;
}

/* PAGINA DE CONTACTE */
.contacte-xarxa{
  font-weight:300;
  font-size:22px;
  line-height: 25.78px;
}
.header-image-contact{width:100%; height:auto; margin-bottom:60px;}
/*--------------------------------------------------------------
# VISTA D'UNA ENTITAT
--------------------------------------------------------------*/
.carousel-indicators{bottom:-60px !important;}

.carousel-indicators li {
  border-radius:50% !important;
  width:15px !important;
  height:15px !important;
  background-color: #0C1A94 !important;
}
.carousel-control-next, .carousel-control-prev{
  width:50px !important;
  height:50px !important;
  background-color: #0C1A94 !important;
  color:#fff !important;
  border-radius:50% !important;
  top: calc(50% - 25px) !important;
}
.carousel-control-next{right:-50px !important;}
.carousel-control-prev{left:-50px !important;}

#nom-entitat,
#imatge-header,
#lema,
#qui_som,
#que_fem,
#on_actuem,
#contacta,
#logotip-entitat,
#document-entitat,
#video,
#galeria{margin-bottom:60px;}

#lema{
  font-weight:700;
  font-size: 16px;
  line-height: 24px;
  text-align:left;
  color:#0C1A94;
}
.contingut_text a{
  color:#000000;
  text-decoration:underline;
}
#contacta {
  font-weight:normal;
  font-size:22px;
  line-height:36px;
  color:#0C1A94;
}
#contacta a{
  font-weight:normal;
  font-size:22px;
  line-height:36px;
  color:#0C1A94;
  text-decoration:underline;
}
#contacta h2 {
  font-weight:normal;
  font-size:32px;
  line-height:43px;
  color:#000000;
}
.columna-documentacio .marc{
  border: 1px dashed #0c1a94;
  border-right: none;
  border-bottom: none;
}
.columna-documentacio h3{
  font-size: 22px;
  text-align: center;
  margin-bottom: 25px;
  margin-top: 56px;
}
.item-document,
.item-document .item-document-icon,
.item-document .item-document-icon a,
.item-document .item-document-icon a img,
.item-document .item-document-titol,
.item-document .item-document-titol a{text-align:center;}
.item-document .item-document-icon img{width:73px; height:73px; margin-bottom:20px;}
.item-document a{
  color:#0C1A94;
  text-decoration:none;
}
.item-document {margin-bottom:50px;}
#imatge-header{max-height:466px; overflow:hidden;}

#xarxes {
  font-size:22px;
  font-weight:300;
  line-height:26px;
  color:#0C1A94;
  text-align:right;
}
#xarxes a{text-decoration:underline; color:#0C1A94;}

/*--------------------------------------------------------------
# PORTADA
--------------------------------------------------------------*/
.home #content.site-content{padding-top:0px;}

/* BOTONS CERCADOR AMBIT PORTADA */
#botons-cerca-per-ambit {
  background-color: #0C1A94;
}
#botons-cerca-per-ambit form {margin:0px;}
#botons-cerca-per-ambit form,
#botons-cerca-per-ambit select,
#botons-cerca-per-ambit label{
  width:100%;
  border:none;
  margin:0px;
  padding:0px;
}
#botons-cerca-per-ambit .ambit-selector{background-color: #FCCB7D;    height: 60px;}
#botons-cerca-per-ambit select{
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 70px;
  padding-right: 70px;
  margin: 0px;
  color: #0C1A94;
  font-weight: 300;
  font-size: 22px;
  line-height: 25.78px;
  background-color: transparent;
  min-height:60px;
}
#botons-cerca-per-ambit option{  padding-bottom: 10px;  padding-bottom: 10px;}

#botons-cerca-per-ambit  .ambit-selector select::selection{background-color: #FCCB7D;}
#botons-cerca-per-ambit .btn {
  background-color: #FCCB7D;
  line-height:26px;
  color:#0C1A94;
  text-align:center;
  border:1px solid #fff;
  padding-top:20px;
  padding-bottom:20px;
  border-radius:0px;
  font-weight: 300;
  font-size: 22px;
  line-height: 25.78px;
}

#botons-cerca-per-ambit  .ambit-selector select{
  -webkit-appearance: none;
  background-image:url("images/fletxa-avall.png");
  background-position: center right 10px;
  background-repeat:no-repeat;
}
#botons-cerca-per-ambit  .ambit-selector select:after{content:"";}
#botons-cerca-per-ambit  .ambit-selector select:before{content:"";}
#botons-cerca-per-ambit  .ambit-selector select:checked{
    background-image:url("images/fletxa-amunt.png");
}


#botons-cerca-per-ambit .btn:hover{
  background-color: #fff;

}
/* CERCADOR PORTADA */
#cercador-lliure{
  background-color:#0C1A94;
  text-align:center;
  padding-top:60px;
  padding-bottom:60px;
  color:#fff;
}
#cercador-lliure h2{
  color:#fff;
  font-weight: 300;
  font-size: 22px;
  line-height: 25.78px;
  text-align:center;
}
#cercador-lliure-titol{padding-left:20px; padding-right:20px;}
#cercador-lliure label{display:block;}
#cercador-lliure #cercador-input{
  width:100%;
  padding-top:20px;
  padding-bottom:20px;
  line-height:26px;
  color:#0C1A94;
  font-weight: 300;
  font-size: 22px;
  line-height: 25.78px;
  border:none;
  background-color:#fff;
  background-image:url("images/lupa.png");
  background-repeat:no-repeat;
  background-position: 20px center;
  background-size: 40px 40px;
  padding-left:80px;
  padding-right:20px;
}
/* GLOBUS INFORMACIO REGIO PORTADA */
#info{
  position:absolute;
  margin-top:50px;
  margin-left: 14%;
  padding:80px;
  padding-top:50px;
  padding-bottom:30px;
  border-radius: 79px;
  border:1px solid #0C1A94;
  background-color: #fff;
  color: #0C1A94;
  font-weight:300;
  font-size: 22px;
  line-height: 25.78px;
  text-align:center;
  z-index:1000;
}
.info-paisos{margin-bottom:20px;}
.info-entitats{margin-bottom:20px; margin-top:20px;}
.info-ambits{max-width:300px;}
.info-ambits{margin-bottom:20px; margin-top:20px;}
#info.america-del-nord,
#info.america-central-i-carib,
#info.america-del-sud-zona-andina,
#info.america-del-sud,
#info.info-region-europa,
#info.info-region-magrib,
#info.info-region-africa-occidental,
#info.info-region-africa-oriental,
#info.info-region-sudafrica,
#info.info-region-eurasia,
#info.info-region-asia,
#info.info-region-oceania,
#info.info-region-oceania2{
  margin-top:50px;
  margin-left: auto;
  margin-right: auto;
  max-width: calc(100% - 60px);
}

@media only screen and (min-width: 740px){
  #info.america-del-nord,
  #info.america-central-i-carib,
  #info.america-del-sud-zona-andina,
  #info.america-del-sud{
    margin-top:100px;
    margin-left: 25%;
  }
  #info.info-region-europa{
    margin-top:50px;
    margin-left: 15%;
  }
  #info.info-region-magrib,
  #info.info-region-africa-occidental,
  #info.info-region-africa-oriental,
  #info.info-region-sudafrica{
    margin-top: 180px;
    margin-left: 5%;
  }
  #info.info-region-eurasia,
  #info.info-region-asia{
    margin-top: 150px;
    margin-left: 23%;
  }
  #info.info-region-oceania,
  #info.info-region-oceania2{
    margin-top: 250px;
    margin-left: 33%;
  }
}
#info h3{
  font-weight:400;
  font-size: 32px;
  line-height: 37.5px;
  text-align:center;
  color: #0C1A94;
}
.info-paisos-descripcio,
.info-entitats-descripcio,
.info-ambits-descripcio{
  font-weight:300;
  font-size: 22px;
  line-height: 25.78px;
  text-align:center;
}
.info-paisos-numero,
.info-entitats-numero,
.info-ambits-numero{
  font-weight:400;
  font-size: 32px;
  line-height: 37.5px;
  text-align:center;
}
#info .btn{
  margin-top:10px;
  padding:15px;
  padding-top:10px;
  padding-bottom:10px;
  background-color:#0C1A94;
  color:#fff;
  font-weight: 400;
  font-size: 32px;
  line-height: 37.5px;
  text-align: center;
  border-radius:35px;
}
#llistat-entitats{
  font-weight:400;
  font-size: 16px;
  line-height:19px;
  color:#000;
  margin-bottom:60px;
}
.pagination .numero-de-pagines{
  font-size: 22px;
  line-height:25.78px;
  color:#000;
  padding:20px;
  display:inline-block;
  vertical-align:center;
}
.pagination a{display:inline-block;}
.pagination{
  margin-top:60px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  display: block;
  margin-bottom:60px;
}
.home #llistat-entitats{margin-top:150px;}
#llistat-entitats .entitat-nom h3,
#llistat-entitats a.nom-entitat {
  font-size:16px;
  line-height:19px;
  font-weight:700;
  color: #0C1A94;
  text-decoration: none;
  margin-bottom:0px;
}
#llistat-entitats .nom-entitat:hover,
#llistat-entitats .nom-entitat:hover h3{
  color:#000;
}
#llistat-entitats h2.titol-resultats {font-weight:300; color:#000;}
#llistat-entitats h2.titol-resultats .titol-resultats-resultat,
#llistat-entitats h2.titol-resultats > span {color: #0C1A94; font-weight:700; }
#llistat-entitats h2.titol-resultats .titol-resultats-resultat a {color: #0C1A94; font-weight:700; text-decoration:underline;}
#llistat-entitats h2.titol-resultats .titol-resultats-resultat a:hover{color:#000;}
.entitat-imatge{margin-bottom:20px;}
#llistat-entitats a{
  color: #000;
  text-decoration:underline;
}
#llistat-entitats a:hover{color: #0C1A94;}
#llistat-entitats .col{margin-bottom:60px;}

#llistat-entitats .entitat-web{overflow:hidden;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; max-width:135px;}

/* MAPA */
#mapa-content-titol-regions a{color:#fff;}
#mapa-content-titol-regions a:hover{text-decoration:underline;}
#mapa-mundi{width:100%; height:auto;}
#mapa{background-color:#0C1A94;text-align:center; padding-top:20px; padding-bottom:20px;}
#mapa-content{display:inline-block; text-align:center; margin-left:auto; margin-right:auto;}
#mapa-content h2{
  color:#fff;
  font-weight: 300;
  font-size: 22px;
  line-height: 25.78px;
  text-align:center;
}

#america-del-nord,
#america-central-i-carib,
#america-del-sud-zona-andina,
#america-del-sud,
#europa,
#magrib,
#africa-occidental,
#africa-oriental,
#sudafrica,
#eurasia,
#asia,
#oceania,
#oceania2{
  fill-opacity:1;
  stroke-width:0.13231991;
}
a:hover path{
  fill:#ffffff !important;
  -webkit-transition:  all 2s ease-out;
  -moz-transition:  all 2s ease-out;
  -o-transition: all 2s ease-out;
  transition: all 0.5s ease;
}

#america-del-nord{
	fill:#b07751;
}
#america-central-i-carib{
	fill:#fbca7c;
}
#america-del-sud{
	fill:#93774e;
}
#america-del-sud-zona-andina{
	fill:#caad77;
}
#europa{
	fill:#8a4f3b;
}
#magrib{
	fill:#e28770;
}
#africa-occidental{
	fill:#bd5437;
}

#africa-oriental{
	fill:#8a2c0e;
}
#sudafrica{
	fill:#cd6849;
}
#eurasia{
	fill:#b1b0b0;
}
#asia{
	fill:#f9ebc0;
}
#oceania{
	fill:#cbae8d;
}
#oceania2{
  fill:#e0e0e0;
}