/*
Theme Name: Catalans Lliures
Theme URI: https://institutostrom.org
Author: Sitelabs team (lead Marq Martí)
Author URI: https://sitelabs.es/
Description: Catalans Lliures
Version: 1.0
*/
/* GENERAL */


body {
    position: relative;
    line-height: 1.7;
    font-family: 'muli';
    font-weight: 400;
    color: #50555b;
    font-size: 17px;
}

div#cookie-law-info-bar {
    line-height: 1 !important;
}

.cli-plugin-button, .cli-plugin-button:visited, .medium.cli-plugin-button, .medium.cli-plugin-button:visited {
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    margin-top: 0;
    padding: 7px 7px;
}

.formo input.form-control {
    margin-bottom: 18px;
}

img.avatar.avatar-32.photo {
    width: 32px;
}

input.radiob {
    display: none;
}

.postdestacat h3 {
    font-size: 19px;
    line-height: 1.5;
    font-weight: bold;
}


.singlep p img.alignnone {
    margin: 20px 0;
}


#group1 label p {
    border: 2px solid #143258;
    padding: 10px !important;
    color: #143258;
    line-height: 21px;
    border-radius: 6px;
    margin-left: 0px;
    font-weight: bold;
    margin-bottom: 18px;
}

#group1 input[type="radio"]:checked+p {
    background: #143258;
    color: #fff;
}

#group1 label.radio-inline.text-center {
    margin-left: 7px !important;
    padding-left: 0;
    width: 28%;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #262626;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}



p {
    margin: 0 0 20px;
}
a .btn:focus,
a .btn:hover {
    text-decoration: none;
}

.agenda h3 {
    margin: 0;
    font-size: 15px;
    color: #555;
}

td.evente.event-date {
    text-align: center;
}
.event-date h3 {
    color: #1968cd;
}


.postdestacat h4 {
    margin-top: 0;
    margin-bottom: 20px;
}

.postdestacat a {
    color: #000;
}


.postdestacat p {
    margin-bottom: 0px;
}

.single h1.text-center {
    margin: 40px 0px;
}

.single h3 {
    margin-top: 50px;
    margin-bottom: 25px;
    font-size: 25px;
}


.agenda h1 {
    margin: 0;
    font-size: 20px;
    color: #999;
}


tr.headtaula {
    font-weight: 900;
}


.blog h4 {
    margin-top: 0px;
    font-size: 20px;
    line-height: 1.3;
}

.blog h4 a {
    color: #000;

}


.blog .panel {
    background: #f6f6f6;
    box-shadow: none;
    border-radius: 0px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.mitja img {
    width: 68px !important;
}

h5 {
    color: #143258 !important
}

.dropdown-menu>li>a {
    display: block;
    padding: 10px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.publicacions td {
    background: #fff !important;
}

.publicacions td.evente.event-title {
    width: 13%;
}


.publicacions h3 {
    font-size: 14px;
    margin-bottom: 11px;
}

.publicacions p {
    font-size: 13px;
}
.publicacions tr.space {
    height: 30px;
}

div#sotasignats {
    font-size: 12px;
    line-height: 13px;
}
.container.index.blog {
    margin-top: 60px;
}

tr.space {
    height: 30px;
}

.page-template-portada .agenda tr td {
    background: #fff !important;
}

.page-id-91 .seccio.caracteristiques.seccio4, .page-id-848 .seccio.caracteristiques.seccio4 {
    background: #f5f5f5;
}

.page-id-91 .seccio.caracteristiques.seccio4 h3, .page-id-848 .seccio.caracteristiques.seccio4 h3 {
font-size: 46px;
    font-family: muli;
    margin: 0 auto !important;
    color: #143258;
    margin-bottom: 40px !important;}



.page-id-91 .caracteristiques.seccio6 a, .page-id-848 .caracteristiques.seccio6 a {
    font-size: 10px;
    color: #b1b1b1;
}


 .page-id-91   .caracteristiques.seccio6 .col-md-3.text-center, .page-id-848   .caracteristiques.seccio6 .col-md-3.text-center {
    min-height: 170px;
}


.post-type-archive-agenda tr td {
    background: #fff !important;
}

.donacions button.btn.btn-win.btn-lg {
    margin-top: 12px !important;
    text-align: center;
}

.dropdown-menu li {
    margin-bottom: 0px;
    font-size: 12px;
}

.page-id-199 .cardsh .panel, .page-id-876 .cardsh .panel {
    margin-bottom: 50px;
}

.page-id-199 .cardsh p, .page-id-876 .cardsh p{
    font-size: 12px;
}

.page-id-199 .cardsh h2, .page-id-876 .cardsh h2 {
    font-size: 18px;
}

.page-id-199 .cardsh a, .page-id-876 .cardsh a{
    color: #1da1f2;
}

.page-id-199 .cap, .page-id-876 .cap {
    display: none;
}


.embed-responsive.embed-responsive-16by9 {
    margin: 50px 0px;
}


.footer {
    padding: 0;
    padding-top: 40px !important;
}

.page-id-199 h3.text-center, .page-id-876 h3.text-center {
    margin-bottom: 90px !important;
    margin-top: 0px;
}

.page-template-portada .seccio.seccio2.foto_mes_imatge_full h3 {
    text-align: center;
    font-size: 23px;
    max-width: 75%;
    margin: 0 auto;
    margin-bottom: 40px;
}

.donacions button.btn.btn-success.btn-lg.btn-block {
    background: #fff;
    color: #398439;
    font-size: 13px;
    text-transform: uppercase;
}

button.btn.btn-win.btn-lg.active {
    background: #e17518;
    box-shadow: none;
    color: #fff !important;
}





.agenda p{margin:0;}


a:hover {
    text-decoration: none
}
a {
    color: #143258
}
ul {
    list-style: none;
    padding: 0px;
}


li#menu-item-150 a {
    background: #1968cd;
    color: #fff;
    padding: 5px 13px !important;
    margin-top: 7px;
    margin-left: 13px;
    font-size: 12px;
}

li#menu-item-886 a {
    background: #1968cd;
    color: #fff;
    padding: 5px 13px !important;
    margin-top: 7px;
    margin-left: 13px;
    font-size: 12px;
}

.page-template-portada header#top {
    box-shadow: none;
}


.current-menu-item a {
    color: #143258 !important;
    font-weight: bold !important;
}


.galeria .col-md-3 {
    margin-bottom: 30px;
}

.galeria .col-md-2 {
    margin-bottom: 30px;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 900;
    font-family: 'Merriweather';
    color: #143258;
    letter-spacing: 0.7px;
}

#mailing {
background: #143258; /* Old browsers */
background: -moz-linear-gradient(left, #143258 50%, #143258 50%, #1968cd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #143258 50%,#143258 50%,#1968cd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #143258 50%,#143258 50%,#1968cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#143258', endColorstr='#1968cd',GradientType=1 ); /* IE6-9 */
    padding: 20px;
}

.cap p {
    font-size: 21px;
    font-weight: 600;
    color: #a2a2a2;
    line-height: 24px;
    max-width: 600px;
    margin: 0 auto;
    margin-top: 30px;
}


.flexocenter {display: flex;
    align-items: center;}


#mailing h3 {
    float: left;
    margin: 0;
    color: #fff;
    margin-top: 10px;
    font-size: 30px;
}

#mailing input {
    border: 0px;
    border-radius: 6px;
    height: 53px;
    margin-left: 20px;
    padding: 0 12px;
    max-width: 175px;
}
#mailing button {
    border: 2px solid #fff;
    background: no-repeat;
    color: #fff;
    height: 53px;
    margin-left: 25px;
    padding: 0 20px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}


.btn {
    font-family: 'muli';
    font-weight: 600;
}

ul li {
    margin-bottom: 14px;
    font-size: 14px;
}


.secciobg p {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2;
}

.seccio {
    padding: 30px 0;
}
.seccio {
    border-bottom: 0px solid #EAEAEA;
}
.brand a {
    text-decoration: none;
    font-size: 17px;
    color: #4e5457 !important;
}
.brand {
    font-family: 'muli';
    font-weight: 400;
}
.blog .img img {
    margin-top: 30px;
    border-radius: 10px;
}
.blog h2 {
    margin-bottom: 40px
}
.cardsh h2 {
    font-size: 20px;
    margin-top: 0px;
}
.cardsh {
    background: #f3f3f3;
}
h5.data {
    color: #888 !important;
    font-family: muli;
    font-weight: 800;
    font-size: 14px;
}
.single img.wp-post-image {
    margin-bottom: 30px;
}
div.seccio:nth-of-type(last) {
    border-bottom: 0px;
}
.subfooter {
    padding: 20px;
}
.subfooter p {
    font-size: 13px;
    color: #555;
}
.footer li {
    list-style: none;
}
.footer {
    padding: 50px 0;
    border-top: 1px solid #f3f3f3;
    font-size: 13px;
    color: #555;
}
.footer h4 {
    color: #555;
    font-size: 16px
}
.footer a {
    color: #909090;
}
.navbar-default {
    background-color: #fff;
}
.btn-win {
    border-radius: 5px;
    padding: 14px 50px;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 900;
    color: #fff;
    background-image: linear-gradient(to right, #1968cd 0%, #143258 51%, #1968cd 100%);
      transition: 0.5s;
  background-size: 200% auto;
  color: white;
 /* text-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/
  box-shadow: 0 0 20px #eee;

}

.wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-dropdown.js-wpml-ls-legacy-dropdown {
    width: 130px;
    text-align: right;
    float: right;
}


.footer i.fa {
    color: #1968cd;
    font-size: 25px;
    margin-right: 20px;
}

/*.page-id-91 .seccio .container {
    max-width: 700px;
}*/

.intro a.btn.btn-lg.btn-win {
    margin-top: 40px;
}

.intro h3 {margin-top:60px; margin-bottom: 30px}

h4 {
    margin-bottom: 30px;
    margin-top: 30px;
}

i.fa.fa-tag {
    color: #1968cd;
    margin-right: 15px;
}

.h3, h3 {
    font-size: 24px;
    margin-bottom: 40px;
}


.btn-win:hover {
    background-position: right center;
    color: #fff;

}
.btn-call {
    background: none;
    border-radius: 0px;
    border: 2px solid #1968cd;
    color: #1968cd;
}
.btn-call:hover {
    border: 2px solid #1968cd;
    background: #1968cd;
    color: #fff;
}
.btn-inverse {
    background: none;
    border-radius: 0px;
    border: 2px solid #fff;
    color: #fff;
}
.btn-inverse:hover {
    border: 2px solid #fff;
    background: #fff;
    color: #000;
}
h5.subtitulo {
    text-transform: uppercase;
    color: #c8c8c8;
    font-weight: 500;
    letter-spacing: 2px;
    margin-bottom: 8px;
    font-size: 14px;
}
.form-control {
    display: block;
    width: 100%;
    height: 44px;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #f5f5f5;
    background-image: none;
    border: 0px solid #ccc;
    border-radius: 0px;
    box-shadow: none;
}
.mapa {
    width: 100%;
    height: 350px;
}
.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 60px;
    overflow: hidden;
}
.mosaico .panel {
    min-height: 350px;
    border: 0px;
    border-radius: 0px;
    color: #fff;
    margin-bottom: 0px;
    display: table;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}
.cardsh .panel-default {
    border-color: #ddd;
    border: 0px solid transparent;
}
.cardsh p {
    font-size: 14px;
}
.insidetable {
    display: table-cell;
    vertical-align: middle;
}
.mosaico .panel h2 {
    color: #fff;
}
.seccio.mosaico {
    padding: 0px;
    padding-top: 30px;
    border: none;
}
.nomestext h3 {
    font-size: 20px;
    margin-bottom: 40px;
}
header#top {
    padding: 0;
    margin-bottom: 0px;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
}
.navbar {
    position: relative;
    min-height: 0;
    border: none;
}
.header {
    border-bottom: 1px solid #e5e5e5;
}
.nav {
    float: right;
}
.cap {
    padding: 60px 0px;
    background: #eee;
    margin-bottom: 0px;
}
#menu-primary {
    margin-top: 5px !important;
}
img {
    width: 100%
}
.ini {
    margin-top: 35px;
    margin-bottom: 35px;
}
.jumbo h1 {
    font-size: 50px;
    font-weight: 900;
    margin-bottom: 30px;

}


.page-id-91 .seccio.caracteristiques.seccio1,
.page-id-848 .seccio.caracteristiques.seccio1 {
    background: #f6f6f6;
}


.page-id-91 .seccio.caracteristiques.seccio1 .container,
.page-id-848 .seccio.caracteristiques.seccio1 .container {
    width: 90%;
}

.caracteristiques h2 {
    margin-bottom: 50px;
}


.seccio.caracteristiques h3 {
    font-size: 16px;
    font-family: muli;
    margin: 0 auto !important;
}


.page-id-91 .seccio.caracteristiques.seccio1 p,
.page-id-848 .seccio.caracteristiques.seccio1 p {
display: none
}

.cards .panel.panel-default {
    border: 0px;
}
/*.panel:last-of-type {
    margin-bottom: 10px !important;
}*/
.jumbo p {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 50px;
    font-weight: 400;
    color: inherit;
}
tr.vacio {
    height: 10px;
}
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 13px;
    vertical-align: middle;
    border-top: 0px solid #ddd;
    background: #f3f3f3;
}
.table {
    font-size: 14px;
    margin-bottom: 0px;
}
.secciobg {
    color: #fff;
}
.secciobg h3 {
    color: #fff;
    margin-bottom: 50px;
    font-size: 35px;
}
.secciobg a.btn.btn-lg.btn-inverse {
    margin-top: 30px;
}
.seccio.cards {
    background: #f3f3f3;
}
.panel-default>.panel-heading {
    color: #333;
    background-color: #fff;
border: 0px}
.panel-body h3 {
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 15px;
    color: #000;
    font-weight: 500;
}

.seccio.cards h3, .foto_mes_imatge_full h3 {
    color: #000;
}

.lister p {
    margin-bottom: 4px;
}
.panel-body p {
    font-size: 13px;
    line-height: 18px;
}
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    color: #666;
    background-color: transparent;
    border-radius: 0px;
}
.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
    color: #143258;
}

.nav-pills>li {
    float: left;
    padding: 7px 0px;
    margin-bottom: 0px;
}

.brand {
    padding: 13px 0px;
}
.seccio.intro {
    padding: 80px !important;
    font-size: 16px;
}
.brand img {
    max-height: 30px;
    width: auto;
}


.table-responsive {
    border: 0px;
}



.page-id-91 .seccio.caracteristiques.seccio3,.page-id-848 .seccio.caracteristiques.seccio3 {
    background: #f5f5f5;
}



.page-id-91 .seccio.caracteristiques.seccio3 h3, .page-id-848 .seccio.caracteristiques.seccio3 h3{
    font-family: muli;
    margin: 0 auto !important;
    color: #143258;
    font-size: 72px;
    margin-bottom: 30px !important;
}

.page-id-91 .seccio.caracteristiques.seccio3 img, .page-id-848 .seccio.caracteristiques.seccio3 img {
width: 20%;
}

.subes{
    border: 2px solid #fff !important;
    background: transparent;
    color: #fff;
}







/* DESKTOP */

@media (min-width: 979px) {
    .ini {
        margin-top: 50px;
        margin-bottom: 50px;
    }

/* banner d'acceptacio de cookies */
	.moove-gdpr-info-bar-content {
		padding: 50px 0;
	}

.firma.col-md-3 {
    height: 160px;
}


.page-id-2 .seccio.foto_mes_imatge.seccio1 img, .page-id-840 .seccio.foto_mes_imatge.seccio1 img {
    position: relative;
    border: 10px solid #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,.1);
   }

.page-id-2 .seccio.foto_mes_imatge.seccio1 .col-md-4.text-center,
.page-id-840 .seccio.foto_mes_imatge.seccio1 .col-md-4.text-center {
    min-width: 40%;
}

.page-id-2 .seccio.foto_mes_imatge.seccio1 img,
.page-id-840 .seccio.foto_mes_imatge.seccio1 img {
    margin-left: 0px;
}

.postdestacat .row, .videodestacat .row {
    display: flex;
    align-items: center;
}



.page-id-91 .seccio5 .col-md-3, .page-id-848 .seccio5 .col-md-3 {
    width: 25%;
    min-height: 220px;
}


/*.blog .panel.panel-default .row {
    display: flex;
    align-items: center;
}*/


.blog .panel.panel-default .row {
    display: flex;
    align-items: stretch;
}


.blog .panel.panel-default .row p {
    margin-bottom: 0
}



    header .container {
        width: 100%;
        max-width: 100%;
        padding: 0px 50px;
    }
    .cardsh .row {
        display: flex;
        align-items: center;
    }
    .cards .container {
        max-width: 100%;
    }
.seccio {
    padding: 120px 0;
}
    .container {
        max-width: 980px;
    }
    .cap {
        padding: 130px 0;
    }
.nav-pills>li>a {
    padding: 10px;
    font-size: 14px;
    color: #555;
    font-weight: 900;
}
    .jumbo {
        padding: 130px 0;
    }
    .foto_mes_imatge_full .col-md-6.text-center {
        padding: 0px;
    }
    .foto_mes_imatge_full .row {
        width: 100%;
        display: flex;
        align-items: center;
        margin: 0;
    }
    .foto_mes_imatge .row {
        display: flex;
        align-items: center;
    }
    .foto_mes_imatge h3 {
        margin-top: 0px;
        font-size: 27px;
        line-height: 1.3;
        font-weight: 400;
    }
    .foto_mes_imatge_full p {
        margin-bottom: 30px;
    }
    .seccio.foto_mes_imatge_full {
        padding: 0;
        background: #f4f4f4;
        border-bottom: 0px;
    }
    .col-md-6.texterleft {
        padding: 0 50px;
    }
    .col-md-6.texteright {
        padding: 0px 50px;
    }
    .tablacontexto .row {
        display: flex;
        align-items: center;
    }
    .cardsh p {
        font-size: 14px;
        margin-right: 30px;
        margin-bottom: 0px;
    }
    .cards .panel-default {
        border-color: #ddd;
        border: 0px solid transparent;
        border-radius: 0px;
    }
}
/* TABLET */

@media screen and (min-width: 768px) {
    .header {
        margin-bottom: 30px;
    }
    .header,
    .marketing,
    .footer {
        padding-right: 0;
        padding-left: 0;
    }
    .menutop {
        float: right;
    }
    h2.titulo {
        margin-top: 50px;
        margin-bottom: 30px;
    }
    .seccio:nth-of-type(0) {
        padding-top: 0px !important;
    }



}
/* TELÈFON */

@media (max-width: 767px) {
    body {
        font-size: 14px
    }



.imatgeblog{
    height: 170px !important;
}

    .page-id-2 .seccio.foto_mes_imatge.seccio1 img, .page-id-840 .seccio.foto_mes_imatge.seccio1 img {
    position: relative;
    border: 10px solid #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,.1);
    max-width: 90%;
    margin-bottom: 40px;
}

    .cap h1.text-center {
    font-size: 25px;
    margin-top: 50px;
}

.subes{
    border: 2px solid #fff;
    background: transparent;
    color: #fff;
    width: 100%;
    margin-top: 10px;

}


#mailing .text-right {
    text-align: center !important;
}

div#mailing input {
    margin-bottom: 10px;
}

#mailing h3 {
    margin: 0 auto;
    color: #fff;
    margin-top: 10px;
    font-size: 24px;
    margin-bottom: 32px;
    width: 100%;
}



.subfooter .col-md-6 {
    text-align: center !important;
}

.postdestacat .row, .videodestacat .row {
    display: block !important;
}

.postdestacat .col-md-5 img {
    margin-top: 30px;
}


.videodestacat .col-md-4 {
    margin-top: 40px;
}

.wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-dropdown.js-wpml-ls-legacy-dropdown {
    width: 130px;
    text-align: center !important;
    margin: 0 auto !important;
        float: inherit;
}


.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
    white-space: normal;
}


td.evente.event-location {
    max-width: 150px;
}


.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;

}


.mitja img {
    width: 30px !important;
}

td.evente.event-location h3 {
    font-size: 12px;
    margin-bottom: 0px;
    text-align: left;
    letter-spacing: -0.2px;
}

.agenda h1 {
    margin: 0;
    font-size: 17px;
    color: #999;
}


.agenda td.evente.event-date {
    padding: 10px 0px;
    width: 65px !important;
}


p.adrequeta {
    display: inline-block !important;
    font-size: 12px;
    line-height: 13px;
    margin-top: 9px;
}

td.evente.event-ticket-link {
    padding: 0px;
    text-align: center;
    width: 60px;
    padding-right: 10px;
}


.agenda td.evente.event-ticket-link .btn {
    font-size: 11px !important;
}

.event-date h3 {
    color: #1968cd;
    font-size: 12px;
}




.agenda td.evente.event-title {
    display: none;
}

td.evente.event-ticket-link .btn {
    padding: 1px 6px;
    padding-top: 1px;
    padding-right: 6px;
    padding-bottom: 1px;
    padding-left: 6px;
    border-radius: 9px;
    font-size: 12px;
}

td.evente.event-title p {
    font-size: 12px;
}


td.evente.event-location p {
    display: none;
}

.seccio.intro {
    padding: 80px 0 !important;
    font-size: 16px;
}


.foto_mes_imatge_full .col-md-6.texterleft {
    background: #f5f5f5;
    padding: 40px 0px;
}

div#bs-example-navbar-collapse-1 {
    width: 100%;
    padding: 20px;
    margin: 0 auto;
}


#mailing {
    background: #ccc;
}


    .jumbo h1 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .jumbo p {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 25px;
    }
    .blog h2 {
        margin-bottom: 15px;
        font-size: 22px;
    }
    .single h1.text-center {
        font-size: 20px;
        margin-bottom: 25px;
    }
    .thumbnailpost {
        margin-left: -15px;
        margin-right: -15px;
    }
    .single img.wp-post-image {
        margin-bottom: 20px;
    }
    h3 {
        font-size: 22px;
        text-align: center
    }
    .nomestext h3 {
        font-size: 22px;
        margin-bottom: 25px;
        margin-bottom: 25px;
    }
    .panel .col-md-8.text-left {
        padding: 20px 40px;
    }
    .mosaico .panel.panel-default {
        margin: 0 auto;
        margin-bottom: 40px;
    }
    .seccio.foto_mes_imatge_full {
        padding: 0px;
    }
    .foto_mes_imatge_full .col-md-6.text-center {
        padding-right: 0px;
        padding-left: 0px;
    }
    .foto_mes_imatge_full .row {
        margin: 0px;
    }
    #menu-primary li a {
        color: #555;
        font-size: 15px;
    }
    .brand {
        margin-left: 16px;
        padding: 3px 0px;
        margin-top: 6px;
    }
    .seccio {
        padding: 80px 0;
    }
    .footer {
        text-align: center;
    }
    .footer h4 {
        margin-top: 40px;
    }
    .nav-tabs li {
        font-size: 10px;
    }
    img {
        width: 100%
    }
    .menutop {
        text-align: center;
        padding: 7px 0;
        width: 100%
    }
.nav > li > a {
    position: relative;
    display: block;
    padding: 7px 6px;
    border-bottom: 0px !important;
    color: #666;
}
    .nav-pills > li {
        float: none !important;
    }
    header#top {
        padding: 0px 0;
        position: fixed;
        width: 100%;
        top: 0px;
        box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.19);
    }
    .cap,
    .jumbo {
        padding-top: 60px;
    }
    .container.ini {
        margin-top: 60px;
    }
    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus {
        background-color: #ED2D9C;
    }
    .navbar-inverse .navbar-toggle {
        border-color: #fff;
    }
    .dropdown-menu>li>a {
        display: block;
        padding: 24px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
        border-bottom: 1px solid #f3f3f3;
        font-size: 14px;
        text-align: center;
    }
    .open>.dropdown-menu {
        display: block;
        width: 100%;
    }
    .table {
        margin-top: 50px
    }
    .panel.panel-default {
        margin: 20px;
        margin-bottom: 40px;
    }
}




.panel-heading h1 {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.panel img.wp-post-image {
    margin-bottom: 0px;
}

.progress {
    height: 20px;
    margin-bottom: 10px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}


.single-fets .container.ini {
    max-width: 100%;
}

body.single-fets {
    background: #f6f6f6;
}

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

.destacats td {
    background: #fff !important;
}

button#quickstart-sign-in {
    float: right;
}

div#bs-example-navbar-collapse-1 {
    float: right;
}

button#quickstart-sign-in {
    float: right;
    margin-left: 20px;
    margin-top: 5px;
}

.label {
    display: inline;
    padding: 0.2em 1em 0.2em;
    font-size: 61%;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.label-default {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #7b7b7b !important;
}



.panel-body {
    padding: 30px;
}

.panel.panel-default {
    border: 0px;
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.18);
}


/* estils pel nou formulari de donacions */
#field_1_1 {
	text-align: center;
}

#field_1_1 input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}

#field_1_1 label {
	float: left;
	width: 28%;
	padding: 10px !important;
	margin: 10px !important;
	color: #143258;
	line-height: 21px;
	border-radius: 6px;
	margin-left: 0px;
	font-weight: bold;
	border: 2px solid #143258;
	border-radius: 6px;
	cursor: pointer;
}

#field_1_1  label:hover {
  	background-color: #143258;
	color:white;
}

#field_1_1  input[type="radio"]:focus + label {
  	background-color: #143258;
	color:white;
}

#field_1_1  input[type="radio"]:checked + label {
  	background-color: #143258;
	color:white;
}
body .gform_wrapper .gform_footer input[type=submit] {
	border-radius: 5px;
	padding: 14px 50px;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: 900;
	color: #fff;
	background-image: linear-gradient(to right, #1968cd 0%, #143258 51%, #1968cd 100%);
	transition: 0.5s;
	background-size: 200% auto;
	color: white;
	box-shadow: 0 0 20px #eee;
}