/*.castells {
    background: #f1eeea;
}
*/
.castells p {
    font-size: 16px;
}
 .castells #nav-main {
    border-top: 0;
}
 #noticia.castells .back, .castells p.top {
    font-size: 12px;
}
 .ca-slider {
     position: relative;
     margin-bottom: 20px;
     min-height: 300px;
}
 .ca-slider::before {
     content: '';
     display: block;
     position: absolute;
     width: 100%;
     height: 100%;
     background-image: linear-gradient(180deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,.75) 20%, transparent 100%);
}
 .ca-slider .ca-logo.ca-petit {
     right: 30px;
     bottom: 30px;
}
 #noticia.castells .ca-slider h1 {
     position: absolute;
    /*z-index: 1000;
    */
     top: 100px;
     left: 10px;
     color: white;
     font-size: 40px;
}
 #noticia.castells .title {
    background: none;
}
 .castells.basica .title {
    margin-bottom: 20px;
    background: none;
}
 .castells .bc {
    background: #b1a08b;
}
 .ca-menu {
     position: absolute;
     left: 10px;
     top: 30px;
     text-transform: uppercase;
     padding-right: 60px;
}
 .ca-menu .active a, .ca-menu a:hover {
     background: white;
     border-radius: 3px;
     padding: 4px 7px;
     color: black;
}
 .ca-menu li {
     background: none;
     padding-left: 0;
     display: inline-block;
     margin-bottom: 0;
     margin-right: 10px;
}
 .ca-menu a {
     color: white;
     padding: 4px 7px;
     font-weight: bold;
}
 .nav-bar {
    display: none;
}
 .castells .alert.alert-info {
     margin-bottom: 30px;
}
 .ca-top-bar {
     position: absolute;
     top: 30px;
     right: 30px;
     z-index: 1000;
}
 .ca-top-bar ul {
    margin:0;
    padding:0;
    list-style: none;
}
 .ca-top-bar li {
    text-align: right;
     background: none;
}
 .ca-top-bar .menu_eines li {
    margin:0;
    padding:0;
}
 .ca-top-bar .menu_eines a {
     color: white;
     text-transform: uppercase;
     font-size: .8em;
     border-bottom: 1px dotted #fff;
     padding: 10px 25px;
     background: #222;
     display: block;
     font-weight: bold;
}
 .ca-top-bar .menu_eines a:hover {
    background: #333;
}
 .ca-top-bar .ca-name {
    cursor: pointer;
}
 .ca-articles h2 {
     font-weight: normal;
}
 body #main .ca-articles li {
     display: inline;
     width: 31.2%;
     float: left;
     color: white;
     padding: 0;
     background-position: 0 0;
     background: #585452;
     position: relative;
     margin-bottom: 2rem;
     margin-right: 2rem;
    /*min-height: 333px;
    */
     min-height: 450px;
     overflow: hidden;
}
 body #main .ca-articles li:nth-child(3) {
    margin-right: 0;
}
 .ca-articles .ca-time {
     margin-bottom: 0;
}
 .castells .header-wrapper {
    background: transparent;
}
 .ca-articles h2 a {
     color: white;
     display: block;
}
 .ca-articles h2 a::before {
     content: '';
     display: block;
     position: absolute;
     background-color: #585452;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     mix-blend-mode: color;
    /*transition: background-image .15s ease-in-out;
    */
}
/* .ca-articles h2 a:hover::before */
.ca-a:hover h2 a::before {
     background-color: #ffb226;
     color: white;
     mix-blend-mode: soft-light;
}
 #main .ca-articles h2 a, #main .ca-rel a {
    color: white;
}
/*.ca-articles h2 a.groc:hover::before, .ca-rel a.groc:hover::before {
    background-color: #faa5067a
}
 .ca-articles h2 a.vermell:hover::before, .ca-rel a.vermell:hover::before {
    background-color: #f80c1485
}
 .ca-articles h2 a.verd:hover::before, .ca-rel a.verd:hover::before {
    background-color: #6bb12580
}
 .ca-articles h2 a.marro:hover::before, .ca-rel a.marro:hover::before {
    background-color: #b15c168e
}
 .ca-articles h2 a.blau:hover::before, .ca-rel a.blau:hover::before {
    background-color: #04787a6e
}
*/
 .ca-articles p {
    padding: 15px;
}
 .ca-articles p.ca-tag {
     background: #ffb226;
     padding: 8px;
     display: inline-block;
     position: relative;
     font-size: 16px;
     margin-right: auto;
     margin-top: auto;
}
 .ca-articles .ca-tag a {
     color: #fff;
}
 .ca-articles .ca-tag a:hover {
     transition: padding-left .15s ease-in-out;
     padding-left: 30px;
}
 .ca-tag:after {
     content: "";
     position: absolute;
     top:0;
     right: -20px;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 23px 0 19px 20px;
     border-color: transparent transparent transparent #ffb226;
}
 .test {
     z-index: 1000;
     position: relative;
     display: block;
     height: 42px;
     width: 20px;
    /* border: 1px black solid;
     */
}
 /* .test:hover, */
 .ca-a:hover .test {
     width: auto;
}
 .test a {
     position: absolute;
     top: 0px;
     display: block;
     background: green;
     color: transparent;
     max-width: 0;
     padding: 8px 0;
     font-size: 0;
     white-space: nowrap;
}
 /* .test a:hover, */
 .ca-a:hover .test a {
     transition: max-width .25s ease-in-out,color .25s ease-in-out;
     max-width: 100%;
     padding: 15px;
     font-size: 1.5rem;
     color: white;
}
 .test .fletxa {
     width: 0;
     height: 0;
     border-top: 30px solid transparent;
     border-bottom: 24px solid transparent;
     border-left: 33px solid green;
     display: block;
     position: absolute;
     top: 0;
     right: -33px;
}
 .test .fletxa a {
     border: 1px black solid;
     width: 100%;
     height: 100%;
     display: block;
}
/*.ca-articles p.groc {
    background: #ffb226;
}
 .ca-articles p.vermell {
    background: #ef282e;
}
 p.vermell:after {
    border-color: transparent transparent transparent #ef282e;
}
 .ca-articles p.verd {
    background: #82c441;
}
 .verd:after {
    border-color: transparent transparent transparent #82c441;
}
 .ca-articles p.marro {
    background: #b36b31;
}
 .marro:after {
    border-color: transparent transparent transparent #b36b31;
}
 .ca-articles p.blau {
    background: #00b7b9;
}
 .blau:after{
    border-color: transparent transparent transparent #00b7b9;
}
*/
 .castells #main .ca-rel li {
    padding-left: 0;
}
 .ca-rel a {
    padding: 30px;
     color: white;
    display: inline-block;
    width: 100%;
     font-size: 24px;
     position: relative;
}
 .ca-rel a::before {
     content: '';
     display: block;
     position: absolute;
     background-color: transparent;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     mix-blend-mode: soft-light;
     transition: background-color .15s ease-in-out;
}
 .ca-rel a:hover::before {
     background-color: #8b439a;
}
 .ca-articles-relacionats {
     display: flex;
     align-items: center;
}
 .ca-articles-relacionats span {
     margin-left: 20px;
}
 body #main .ca-articles li h2, #noticies.castells #main .ca-articles li h2 {
    color: white;
     /*text-transform: lowercase;*/
     text-transform: none;
     font-size: 37px;
    padding: 15px 15px 0 15px;
     margin-top: 0;
}
 .castells .title {
    margin-bottom: 0;
}
/* fitxa articles */
 #noticia.castells .thumbnail img {
     border-radius: 50%;
}
/* posters */
.ca-posters {
    display: flex;
     justify-content: flex-start;
     flex-wrap: wrap;
    gap: 1rem;
}

 body #main .ca-posters li {
    /*flex: 0 0 calc(33.33% - 1rem);
    */
     display: inline;
     /*float: left;*/
     width: calc(33.33% - 1rem);
     color: white;
     padding: 0;
     margin-bottom: 0;
     margin-right: 0;
     background: none;
     gap: 1rem;
}
 body #main .ca-posters li:nth-child(3) {
    margin-right: 0;
}
 .ca-posters img {
     width: 100%;
}
/* footer */
/*footer {
     position: relative;
     background: url(/media/css/castells-img/imatge-peu.png) no-repeat, url(/media/css/castells-img/img-fons-peu.png) no-repeat;
     background-size: cover;
}
*/
 .castells footer {
     position: relative;
     background-size: cover;
     background-repeat: no-repeat;
}
/*.castells footer .ca-detall {
    position: relative;
}
 .castells footer .ca-detall:after {
     content: "";
     position: absolute;
     background: url(/media/css/castells-img/img-fons-peu.png) no-repeat;
     width: 100%;
     height: 171px;
     bottom:-1px;
}
*/
 #home.castells footer .ca-copy {
     padding: 30px 0;
     text-align: center;
}
/*footer p {
    font-size: 16px;
}
*/
 footer .btns-peu {
     margin-bottom: 50px;
}
 footer .btns-peu a {
    text-decoration: none;
    position: relative;
    display: inline-block;
    width: 130px;
    height: 80px;
    padding-top: 60px;
    z-index: 100;
}
 footer .btns-peu a:hover {
    color: white;
}
 footer .btns-peu a::after {
     content: "";
     position: absolute;
     border-left: 60px solid transparent;
     border-right: 60px solid transparent;
     border-bottom: 100px solid #b1a08b;
     z-index: -50;
     left: 4px;
     top: 0px;
}
 footer .btns-peu a:hover::after {
     border-left: 60px solid transparent;
     border-right: 60px solid transparent;
     border-bottom: 100px solid black;
}
 footer .btns-peu li {
    font-size: 18px;
     margin-right: 60px;
     display: inline-block;
     margin-bottom: 40px;
}
 footer .btns-peu li:last-child() {
    margin-right: 0;
}
 footer .ca-franja {
     background: #b1a08b;
     color: white;
     padding: 30px 0;
}
 footer .ca-franja a {
    color: white;
}
 footer .ca-xarxes {
    display: flex;
    align-items:center;
     justify-content: end;
}
 footer .ca-xarxes img {
    margin-right: 20px;
}
 .ca-logos p, .ca-logos img {
     margin-bottom: 30px;
}
 .no-upper {
     text-transform: none;
}
 @media (min-width: 768px) {
     footer .ca-copy {
        padding: 100px 0;
    }
     #home.castells footer .ca-copy {
        padding: 60px 0;
    }
}
 @media (max-width: 768px) {
     body #main .ca-articles li, body #main .ca-posters li {
        width: 100%;
    }
     .castells footer .ca-detall:after {
         display: none;
        /*border:1px green solid;
        */
    }
}