/******* Do not edit this file *******/
/*
My Custom CSS - by Salvatore Noschese
aka L'AltroWeb - https://laltroweb.it/
/*
Saved: Jul 21 2023 | 01:04:53 (pm)
/*
/******* Do not edit this file *******/

/*
* Estilos videos
*/

.yotu-playlist .yotu-pagination {
        display: inline-flex;
}

.yotu-button-prs {
    margin-top: -9px;
}


#twitter-widget-0 {
   height: 500px !important;  
}

.pdf:before {
    font-family: "FontAwesome";
    font-style: normal;
    content: "\f1c1";
    font-size: 25px;
    padding-right: 10px;
    color: red;
}


ul.none-li {
    margin-left: 0px;
}

ul.none-li li{
    list-style-type: none !important;
    padding: 0;
    margin-bottom:20px;
}

/*
* Estilos que menu lateral
*/
.menu-lateral-div{
    margin: 0;
    max-width: 100%;
  }


ul.menu-lateral-ul {
    display: grid;
    padding: 0px 0px 0px 20px;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    color: #a2a2a2;
    text-transform: none;
    text-decoration: none;
}

ul.menu-lateral-ul li {
    display: inline-block;
    float: left;
    width: 100%;
    margin-left: 0em;
}

ul.menu-lateral-ul li a {
    display: block;
    color: #a2a2a2 !important;
    padding: 0px;
    text-align: left;
    text-decoration: none;
    line-height: 30px;
    font-size: 17px;
    background-color: #fcfcfc;
}

ul.menu-lateral-ul li a:hover {
    color: #821e28 !important;
}

/*
* MENU QUE VOLEM RESPONSIVE
*/
.comu-menu-desplegat {
    max-height: 400px !important;
    transition: max-height 1s ease;
}

@media (max-width: 900px) {
    ul.comu-menu {
        flex-direction: column;
        max-height: 0px;
        transition: max-height 0.5s ease;
    }
    ul.comu-menu li {
        border-bottom:1px solid #fff;
    }
    .comu-menu-submenu-headerLink {
        height: 0px;
        visibility: collapse;
    }
}
@media (min-width: 901px)
{
    .comu-menu-header {
        display:none;
    } 
    ul.comu-menu {
        flex-direction: row;
        max-height: 40px;
    }
    ul.comu-menu li ul {
        visibility: collapse;
    }
}

.comu-menu-header {
    padding: 5px 0px 5px 0px;
    width: 100%;
    text-align: center;
}

.comu-menu-unselected:not(:hover) {
    color: #000 !important;
    background-color: #bfbfbf !important;
}


ul.comu-menu {
    display: flex;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    color: #000;
    text-transform: none;
    text-decoration: none;
}

ul.comu-menu li {
    display: inline-block;
    width: 100%;
    margin-left: 0em;
    border-right:1px solid #fff;
}

ul.comu-menu li:last-child {
    border-right: none;
}

ul.comu-menu li a {
    display: block;
    padding: 0px;
    text-align: center;
    text-decoration: none;
    line-height: 40px;
    font-size: 17px;
}

ul.comu-menu li.comu-menu-unselected a {
    color: #000 !important;
}
ul.comu-menu li a:hover {
    color: #821e28 !important;
}

ul.comu-menu-submenu li {
    background-color: #a5feeb;
}

ul.comu-menu-qf li a:hover:not(.li-volem) {
    color: #000 !important;
}

ul.comu-menu-qf li a {
    color: #000 !important;
}

.comu-menu-qf-parcs, .comu-menu-qf-parcs:hover {
    background-color: #3dcc26;
}
.comu-menu-qf-espai, .comu-menu-qf-espai:hover {
    background-color: #409bff;
}
.comu-menu-qf-barris, .comu-menu-qf-barris:hover {
    background-color: #b356ff;
}
.comu-menu-qf-casa, .comu-menu-qf-casa:hover {
    background-color: #f4962b;
}
.comu-menu-qf-horta, .comu-menu-qf-horta:hover {
    background-color: #bc9212;
}
.comu-menu-qf-compra, .comu-menu-qf-compra:hover {
    background-color: #fc6d6d;
}

/*
* Estilos /qui som /que volem/ menu
*/


.menu-volem-div, .menu-som-div{
    margin: 0;
    max-width: 100%;
    border-top: 1px solid #b7b7b7;
    border-right: 1px solid #b7b7b7;
    border-left: 1px solid #b7b7b7;
}


ul.topnav-volem {
    display: flex;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    color: #000;
    text-transform: none;
    text-decoration: none;
}

ul.topnav-volem li {
    display: inline-block;
    float: left;
    width: 100%;
    margin-left: 0em;
    border-right:1px solid #fcfcfc;
}

ul.topnav-volem li:last-child {
    border-right: none;
}

ul.topnav-volem li a {
    display: block;
    color: #000 !important;
    padding: 0px;
    text-align: center;
    text-decoration: none;
    line-height: 40px;
    font-size: 17px;
}

ul.topnav-som li a:hover {
    color: #821e28 !important;
}


#topnav-actiu{
    background-color: #fcfcfc;
    color: #821e28 !important;
}

.topnav-parcs, .topnav-espai, .topnav-barris, .topnav-casa, .topnav-horta, .topnav-compra, .topnav{
    background-color: #bfbfbf;
}
.topnav-parcs:hover {
    background-color: #3dcc26;
}
.topnav-espai:hover {
    background-color: #409bff;
}
.topnav-barris:hover {
    background-color: #b356ff;
}
.topnav-casa:hover {
    background-color: #f4962b;
}
.topnav-horta:hover {
    background-color: #bc9212;
}
.topnav-compra:hover {
    background-color: #fc6d6d;
}
.topnav:hover {
     background-color: #fcfcfc;
}


@media screen and (max-width: 600px){
    ul.topnav-volem li {float: none;}
    ul.topnav-volem {display: block;}
}


/*
* Estilos que volem
*/




.que-volem-icones{
    float: left;
    margin-right: 50px;
    width: 200px;
    min-width: 150px;
}

.que-volem-icones-item{
    float: left;
    margin-right: 50px;
    width: 90px;
    min-width: 80px;
    margin-bottom: -15px;
}

.que-volem-icones-num{
    float: left;
    margin-right: 70px;
    width: 60px;
    min-width: 60px;
    margin-bottom: -6px;
}


.que-volem-top{
    display: flex;
    align-items: flex-end;
    border-bottom-width: 2px; 
    border-bottom-style: solid;
    padding-bottom: 30px;
}

.que-volem-item{
    display: flex;
    align-items: flex-end;
    padding-bottom: 30px;
}

.que-volem-item-num{
    display: block;
    align-items: center;
    padding-bottom: 30px;
}

.que-volem-titol{
    font-size: 2.5em;
    line-height: 1.2em;
}

@media only screen and (max-width: 800px){
   .que-volem-icones, .que-volem-icones-item, .que-volem-icones-num{
    margin-left: auto;
    margin-right: auto !important;
    }
    .que-volem-top, .que-volem-item, .que-volem-item-num{
    display: inline-grid;
    width: 100%;
    text-align: center;
    }
}

.parcs{
    background-color: #3dcc26 !important;
}

.espais{
     background-color: #409bff !important;
}
.barris{
     background-color: #b356ff !important;
}
.habitatge{
     background-color: #f4962b !important;
}
.horta{
     background-color: #bc9212 !important;
}
.compra{
     background-color: #fc6d6d !important;
}


/*
* Estilos Estat de Comptes
*/

.grafica-area{
    display:inline-block;
    margin-right: 20px;
    width: 62%;
}

@media only screen and (max-width: 780px) {
    /* For mobile phones: */
    [class*="grafica-area"] {
        width: 100%;
    }
}

.grafica-pie{
    display:inline-block;
    width: 30%;
}

@media only screen and (max-width: 780px) {
    /* For mobile phones: */
    [class*="grafica-pie"] {
        width: 100%;
    }
}

.grafica-primaries{
    display:inline-block;
   width: 49%;
}

@media only screen and (max-width: 780px) {
    /* For mobile phones: */
    [class*="grafica-primaries"] {
        width: 100%;
    }
}




.grafica-tabla{
    overflow: auto;
    white-space: nowrap;
    height: 400px;
}

/*
* Estilos peu
*/

.peu {
    content: "";
    display: table;
    clear: both;
}
.floating-box-peu {
    display: inline-block;
    width:  320px;;
    min-width: 220px;
    margin-right: 30px;
    margin-bottom: 30px;
    vertical-align: top;
}

@media only screen and (max-width: 795px) {
    /* For mobile phones: */
    [class*="floating-box-peu"] {
        width: 100%;
    }
}

.xarxes-peu{
    width: 40px; 
    height: 40px;
}
.xarxes-peu-text{
    padding: 10px;
}

.xarxes-peu-text a:hover {
    color: #821e28 !important;
    text-decoration: underline;
}

.xarxes-peu-capsa{
    width: 49%;
    display: inline-block;
    padding-top: 12px;
    min-width: 120px;
}

.signatura-l {
    margin-top:10px;
    font-size: 1.5rem;
    display: inline-block;
    margin-right: 50px;
    float: left;
}
.signatura-r {
    margin-top:10px;
    font-size: 1.5rem;
    display: inline-block;
    float: right;
}
.signatura-l a:hover {
    color: #821e28 !important;
    text-decoration: underline;
}
@media only screen and (max-width: 800px) {
    .signatura {
        display: grid;
    }
}

.layout-full #colophon {
      padding-bottom: 10px;
}

/*
* Estilos fotos activistas
*/

div.gallery-activistes img {
    width: 100%;
    height: auto;
 }
 
 .block-activistes {
       overflow: auto;
  }

.responsive-activistes {
    padding: 0 6px;
    float: left;
    width: 32.99999%;
    box-sizing: border-box;
  }

@media only screen and (max-width: 700px) {
    .responsive-activistes {
        width: 49.99999%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 500px) {
    .responsive-activistes {
        width: 100%;
    }
}
.titul-activistes{
    margin-bottom: -20px;
    margin-top: 20px;
}

/*
* Estilos iconos portada
*/

.gallery-icones {
    margin-left: auto;
    margin-right: auto;
    height: auto; 
}



.text-icones {
    padding: 15px;
    text-align: center;
    font-size: 21px;
}



.responsive-icones {
    display: flex;
    float: left;
    width: 30.666%;
    box-sizing: border-box;
    margin-bottom: 80px;
    height: 250px;
}
.icones-1{
    width: 150px;
}
.icones-2{
    padding-top: 0px;
    width: 150px;
}
.icones-3{
    padding-top: 0px;
    width: 150px;
}
.icones-4{
    padding-top: 0px;
    width: 150px;
}
.icones-5{
    padding-top: 0px;
    width: 150px
}
.icones-6{
    padding-top: 0px;
    width: 150px;
}

.marge-a{
    margin-right: 4%;
}
.marge-b{
    margin-right: 4%;
}
.marge-c{
    margin-right: 0px;
}

@media only screen and (max-width: 800px){
    .responsive-icones {
        width: 48%;
        margin: 6px 0;
        color: #ffff;
    }
    .marge-a{
    margin-right: 4%;
    margin-bottom: 20px;
    }
    .marge-b{
    margin-right: 0px;
    margin-bottom: 20px;
    }
    .marge-c{
    margin-right: 4%;
    margin-bottom: 20px;
    }
}

@media only screen and (max-width: 510px){
    .responsive-icones {
        width: 100%;
        height: auto;
    }
    .marge-a{
    margin-right: 0px;
    margin-bottom: 20px;
    }
    .marge-b{
    margin-right: 0px;
    margin-bottom: 20px;
    }
    .marge-c{
    margin-right: 0px;
    margin-bottom: 20px;
    }
    .icones-2{
    padding-top: 0px;
    }
    .icones-3{
    padding-top: 0px;
    }
    .icones-4{
    padding-top: 0px;
    }
    .icones-5{
    padding-top: 0px;
    }
}

.responsive-boto {
    float: left;
    width: 24.9999%;
    box-sizing: border-box;
    padding-left: 20px;
    font-size: 15px;
    margin-top: 5px;
}


@media only screen and (max-width: 1220px){
    .responsive-boto {
        width: 49.99999%;
        margin: 6px 0;
        padding-left: 5%;
    }
}

@media only screen and (max-width: 620px){
    .responsive-boto {
        width: 100%;
    }
}

.boto-imatge{
    display: inline-block;
    margin-right: 9px;
    margin-bottom: 10px;
    float: left;
    width: 55px;
    height: 55px;
}

.boto-text{
    display: inline-block;
    max-width: 200px;
    float: left;
    margin-top: 5px;
    margin-right: -20px;
}
/*
* Estilos general
*/

.zoom {
    transition: transform .2s;
}

.zoom:hover {
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.9); /* Safari 3-8 */
    transform: scale(1.2); 
    color: #111010 !important;
}

#gris-burdeux {
    color: #505050;
    font-size:15px;
}

.gris-burdeux {
    color: #505050 !important;
}


#gris-burdeux:hover {
    color: #821e28;
}

.gris-burdeux a:hover {
    color: #821e28 !important;
}


body.responsive.layout-full #page-wrapper .full-container {
    max-width: 1300px;
  }


.responsibe-main{
    border-bottom: 1px solid #b7b7b7;
    border-right: 1px solid #b7b7b7;
    border-left: 1px solid #b7b7b7;
    padding-left: 20%;
    padding-right: 20%;
    padding-bottom: 50px;
    padding-top: 30px;
}

@media only screen and (max-width: 896px) {
    /* For mobile phones: */
    [class*="responsibe-main"] {
    width: 100%;
    border: none;
    padding-left: 0% !important;
    padding-right: 0% !important;
    margin-top: -60px;
   }
}


.responsibe-content{
     margin-top: 40px !important;
}

@media only screen and (max-width: 896px) {
    /* For mobile phones: */
    [class*="responsibe-content"] {
    width: 89%;
    margin-left: 0px !important;
    margin-top: 0px !important;
    }
}

.vermell{
  color:#8B001F;
}

.tahoma{
  font-style: normal;
  font-size: 18px;
 }
.gris {
    color:#505050;
}

/*
* Estilos participa
*/

.responsibe-participa{
    padding-left: 4.4%;
    padding-right: 20%;
    padding-top: 57px;
    margin-bottom: 250px;
}

@media only screen and (max-width: 896px) {
    /* For mobile phones: */
    [class*="responsibe-participa"] {
    width: 94%;
    border: none;
    padding-left: 4%;
    padding-right: 3%;
    margin-top: -60px;
    }
}

/*
* Estilos primarias
*/

.responsibe-primarias{
    padding-left: 12%;
    padding-right: 12%;
    padding-top: 57px;
    margin-bottom: 250px;
}

@media only screen and (max-width: 896px) {
    /* For mobile phones: */
    [class*="responsibe-primarias"] {
    width: 94%;
    border: none;
    padding-left: 4%;
    padding-right: 3%;
    margin-top: -60px;
    }
}

.segon-tram{
    color: white; 
    font-size: 130%; 
    margin-top: -45px; 
    margin-left: 20px;
    margin-bottom: 19px;
}

/*
* Estilos aportaciones
*/

.responsibe-aporta{
   border-bottom: 1px solid #b7b7b7;
   border-right: 1px solid #b7b7b7;
   border-left: 1px solid #b7b7b7;
   padding-left: 100px;
   padding-right: 100px;
   margin-right: 70px;
   margin-left: 70px;
   padding-bottom: 100px;
}

@media only screen and (max-width: 896px) {
    /* For mobile phones: */
    [class*="responsibe-aporta"] {
   border-bottom:0px;
   border-right:0px;
   border-left:0px;
   padding-left:0px;
   padding-right:0px;
   margin-right:0px;
   margin-left:0px;
   margin-top: -60px;
    }
}


/*
* Estilos menu principal
*/

.boto-verd {
  background-color: #00ea19;
   border-radius: 3px;
   text-align: center;
   padding-left: 5px;
   padding-right: 5px;
   margin-left: 5px;
   margin-right: 5px;
      }
      
      @media only screen and (max-width: 1190px) {
    /* For mobile phones: */
    [class*="boto-verd"] {
   text-align: left;
  width: 150px !important;
  display: block !important;
    }
}
    
.boto-roig {
  background-color: #ff9f33;
   border-radius: 3px;
   text-align: center;
    padding-left: 5px;
   padding-right: 5px;
    margin-left: 5px;
   margin-right: 5px;
      }

@media only screen and (max-width: 1190px) {
    /* For mobile phones: */
    [class*="boto-roig"] {
   text-align: left;
  width: 150px !important;
  display: block !important;
    }
}

.boto-blau {
  background-color: #00ffe4;
   border-radius: 3px;
    text-align: center;
     padding-left: 5px;
   padding-right: 5px;
    margin-left: 5px;
   margin-right: 5px;
     }

@media only screen and (max-width: 1190px) {
    /* For mobile phones: */
    [class*="boto-blau"] {
   text-align: left;
  width: 150px !important;
  display: block !important;
    }
}

.boto-borde {
  background-color: #fff;
  border: 2px solid #8B001F !important;
   border-radius: 3px;
    text-align: center;
     padding-left: 5px;
   padding-right: 5px;
    margin-left: 5px;
   margin-right: 5px;
     }

@media only screen and (max-width: 1190px) {
    /* For mobile phones: */
    [class*="boto-borde"] {
   text-align: left;
  width: 150px !important;
  display: block !important;
    }
}

.tecniques-mobil{
  background: color #a5feeb !important; 
}

.tematique-mobil{
  background: color #bafea5 !important;  
}    

@media only screen and (max-width: 1190px) {
 #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu {
 display:none;
}
}
    
    
.wp-megamenu-wrap .wpmm-nav-wrap > ul > li > a {
      margin-top: -4px;
}
 .wp-megamenu-wrap.wpmm-mobile-menu .wpmm-nav-wrap .wp-megamenu {
  padding: 0px;
 }

.wpmm_brand_logo_wrap {
    width: 25% !important;
}


/*
* Estilos cabezare
*/


.widget-title {
    color:#505050;}
.page-title {
    color:#505050 !important;}

/*
* Estilos para listas check
*/
ul.check{margin-left: 0;}

ul.check li:before {
  content: " ";
  display: block;
  border: solid 0.7em;
  border-color:/*#fff*/ #8B001F;
  border-radius: .8em;
  height: 0;
  width: 0;
  position: absolute;
  left: 0.5em !important;
  top: 12px;
  margin-top: -0.5em;
}

ul.check li {
font-size: 1.1em;
/*font-style: italic;*/
font-weight: normal;
list-style-type: none !important;
margin-left:0 !important;;
margin-bottom: 0.5em;
padding: 0.25em 0 0 2.5em;
position: relative;
}

ul.check li strong{color: #FF7700;}

ul.check li:after {
  content: " ";
  display: block;
  width: 0.3em;
  height: 0.6em;
  border: solid #fff;
  border-width: 0 0.15em 0.15em 0;
  position: absolute;
  left: 0.95em;
  top: 12px;
  margin-top: -0.3em;
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}








/*
* Estilos para el selector de idiomas
*/

.socialLinksContainer {
    position: relative;
    margin-top: 5px;
    float: right;
}
.socialLink {
    position: relative;
    float: right;
    margin-right: 5px;
}
.header-2 {
       max-width: 100%;
    
}
.header-2 ul {
    list-style-type: none;
}

.language-chooser li {
    display: inline;
}
.language-chooser li + li:before {
    content: " - ";
}
.language-chooser span {
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
    color: #666 !important;
}


/*
* Estilos para los formularios de contribución
*/
.contrib-fieldset {
    border: 3px solid #8B001F;
    border-radius: 5px;
    padding: 20px 30px;
    margin-bottom: 20px;
    min-width: 150px;
}

.contrib-legend {
    border: 3px solid #8B001F;
    border-radius: 5px;
    padding: 10px;
    font-weight: bold;
    font-size: 16px;
    margin-left: 20px;
}

.contrib-fieldset p, input {
    border-radius: 5px;
}

.contrib-fieldset p, input, select, span {
    font-size: 16px;
}

.contrib-euroValueInput {
    width: 100px;
}

.contrib-oblig {
    font-size: smaller;
    color: #b0b0b0;
    margin-left: 10px;
}

.contrib-accountPart {
    position: relative;
    float: left;
    width: 77px;
}

.contrib-pleaseAccept {
    color: red;
}

#contrib-submitButton {
   width: 100%;
   font-size: 20px;
   padding-top: 20px;
   padding-bottom: 20px;
}

.contrib-info-nif {
    color: #8B001F;
    font-size: 14px;
}

.contrib-info-iban {
    color: #8B001F;
    font-size: 14px;
}

input.wpcf7-free-text {
    width: 50px;
}


/*
* Estilos para formularios de contacto
*/

textarea {
     width: 100%;
}

input[type="text"], input[type="email"], input[type="tel"] {
    padding: 7px;
    border: 1px solid #ccc;
}

/*
* Icono menu movil
*/

.mobilenav-main-link img {
  max-height: 19px;
  max-width: 20px;
  margin-right: 18px;
}


/*
* Estilos nueva wev vantage

*/

.texte-icones-portada {
	text-align: center;
    margin-bottom: 80px !important;
}


a.button,
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  background: #811d27;
  border-radius: 9px;
  line-height: 0.5;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
 }
 
 a.button:hover, button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .post-navigation a:hover, #image-navigation a:hover, article.post .more-link:hover, article.page .more-link:hover, .paging-navigation a:hover, .woocommerce #page-wrapper .button:hover, .woocommerce a.button:hover, .woocommerce .checkout-button:hover, .woocommerce input.button:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover, #infinite-handle span:hover {
    background: #ef3f00;
}
 
 


/*
* Estilos inicio
*/

.layout-full .panel-row-style.panel-row-style-wide-grey,
.layout-full .wide-grey.panel-row-style,
.layout-full .panel-row-style.panel-row-style-full-width,
.layout-full.panels-style-force-full .panel-row-style {
  margin: 0 -1000px;
  padding: 5px 1000px 0px 1000px;
}

.entry-content .alignleft {
  /* This is also styled on a global level */
  margin: 5px 1em 11px 0;
}


/*
* fons de portada - menus top primary

*/
.wpmm-sticky.wpmm-sticky-wrap .wpmm-nav-wrap {
   margin: 0 auto;
   position: relative;
   width: auto;
   padding-left: 0px;
   padding-right: 0px;
}

#wp-megamenu-primary {
 padding-right:0px;
 padding-left:0px
 }
#wp-megamenu-primary {
 padding-top: 15px;
 padding-bottom: 8px; 
}

.so-widget-sow-button-wire-6b7583963825 .ow-button-base a.ow-button-hover:hover {
  background: #000;
  color: #000 !important;
  border: 1px solid #000;
}

.so-widget-sow-button-wire-6b7583963825 .ow-button-base a {
  border: 1px solid #821e28;
}

#wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li ul.wp-megamenu-sub-menu li a {
 text-transform:none;
}

.rpwe-thumb{
border: 1px solid #7b7b7b !important;
box-shadow: none !important;
margin: 2px 10px 2px 0;
padding: 3px !important;
max-width: 100%;
}

.wpmm_brand_logo_wrap {
   float: left;
    margin: auto;
    width: 30%;
    position: relative;
    z-index: 2;
}

 #masthead {
  padding: 0px 0px 0px 0px;
}




/*
* Estilos para calendario
*/

.event-cal {
    background-color: #fff;
    border: 1px solid #821e28;
    border-radius: 9px;
    padding: 5px;
}

/*
* Estilos para paginas contenido
*/

.llista-noticies{
    margin-left: 30px;
    margin-right: 30px;
}
@media only screen and (max-width: 680px) {
    /* For mobile phones: */
   .llista-noticies{
        margin-left: 0px;
        margin-right: 0px;
    }
}



#main {
  padding: 20px;
}

.page-template-default #primary {
  width: 65%;
  margin-left: 30px;
}

@media only screen and (max-width: 680px) {
    /* For mobile phones: */
   .page-template-default #primary {
        margin-left: 0px !important;
    }
}

.widget-wrapper, .widget-wrapper-consens, .widget-wrapper-primaries  {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background-color: #f9f9f9;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  margin: 0 0 20px 0;
  padding: 20px;
}

#secondary .widget .widget-title,
#footer-widgets .widget .widget-title,
#masthead-widgets .widget .widget-title {
   padding: 5px 10px; 
    border-left: 5px solid #000000; 
    border-bottom: 0; 
    background: #f2f2f2; 
}

blockquote { 
    font-size: 15px; 
    font-size: 1.5rem; 
    line-height: 1.6; 
    font-style: normal; 
    color: #666; 
    padding: 15px; 
    padding: 0.9375rem; 
    border-left: 3px solid #821e28 !important; 
    border-right: 3px solid #821e28 !important; 
    display: inline-block; 
    box-shadow: 2px 2px 15px #ccc; 
}
.entry-content blockquote {
    font-style: normal;
  }

.entry-content h1 {
  font-size: 2.5em;
  line-height: 1.2em;
}

p {
  font-size: 108%;
}

@media only screen and (max-width: 510px) {
    /* For mobile phones: */
    [class*="contingut"] {
        width: 100%;
        display: inline-block;
    }
}

/*
* Estilos para paginas noticias 
 */


.post{
    max-width: 641px;
    margin-right: 40px;
    margin-left: 30px;
}

@media only screen and (max-width: 680px) {
    /* For mobile phones: */
   .post{
        margin-right: 0px;
        margin-left: 0px;
    }
}

.content-single-title {
    font-weight: bold !important;
    font-size: 33px;
    font-family: "Roboto";
    font-weight: 900;
    line-height: 1.2em;
}

@media only screen and (max-width: 510px) {
    /* For mobile phones: */
    [class*="content-single-title"] {
       font-size: 19px;
    }
}

.attachment-post-thumbnail {
    width: 700px !important;
    height: auto;
}


.entry-single-meta{
    padding: 5px;
    border-top: 1px solid #d1cbcc; 
    border-bottom: 1px solid #d1cbcc; 
    margin: 10px;
    color: 787878;
}

.entry-title {
     color: #821e28 !important;
}
.entry-title a:hover {
     color: #ef3f00 !important;
}
/*
* Estilos para pagina blog
 */
 
 a {
    color: #959595;
}

 .noticies-llista {
    max-width: 100%;
}
 
 .llista-noticies{
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #d1cbcc; 
    display: flex;
  flex-wrap: wrap;
 }
 
.article.page.post-with-thumbnail-icon{
    width: 100% !important;
    float: right;
}
.entry-llista{
     max-width: 750px ;
     content: '';
     display: table;
     clear: both;
}

article.post.post-with-thumbnail-icon .entry-thumbnail,
article.page.post-with-thumbnail-icon .entry-thumbnail{
  margin-top: 0.2em;
  padding-right:  20px;
  margin-bottom: 0px;
  float: left;
  width: auto;
  max-width: 320px;
  padding-bottom: 20px;
}
@media only screen and (max-width: 510px) {
    /* For mobile phones: */
    [class*="entry-thumbnail"] {
        width: 100%;
        max-width: 400px;
        padding-right: 0px !important;
   }
}

@media only screen and (max-width: 510px) {
    /* For mobile phones: */
    [class*="entry-title"] {
        width: 100%;
        display: inline-block;
    }
}

article.post.post-with-thumbnail-icon .entry-main,
article.page.post-with-thumbnail-icon .entry-main {
  max-width:100px;
  min-width: 30px;
  float: left;
}

.pagination{
     font-size: 15px;
      padding: 9px 13px 8px 13px; 
      text-align: left;
}

.pagination span{
    padding: 9px 13px 8px 13px;
}
.pagination a{
  padding: 9px 13px 8px 13px;  
}

.pagination .current {
     padding: 9px 13px 8px 13px;
    background: -moz-linear-gradient(center bottom, #8b001f 0%, #9b243e 100%);
}

.contrib-fieldset span {
    font-size: 15px;
}


.post-navigation a, #image-navigation a {
     font-size: 15px;
     padding: 9px 13px 8px 13px; 
}


/*

* barra lateral
*/
 
 #secondary {
    margin-right: 30px;
    margin-top: 20px;
}
 
@media only screen and (max-width: 500px) {
#rpwe_widget-6 {
    display: none;
}
}


/*
* Estilos noticias portada
*/
 
@media only screen and (max-width: 500px) {

.rpwe-thumb{
        width: 100%;
        display: inline-block;
    }
}


@media only screen and (max-width: 500px) {

.entry-content ul li{
        margin-left: 0px;
    }
}