.masthead:not(.mixed-header), #phantom, footer {background: #5d5d5d !important;
background: -moz-linear-gradient(left, #5d5d5d 10%, #5d5d5d 30%, #588e87 64%, #588e87 64%, #55a69c 81%, #52c1b4 100%) !important;
background: -webkit-gradient(left top, right top, color-stop(10%, #5d5d5d), color-stop(30%, #5d5d5d), color-stop(64%, #588e87), color-stop(64%, #588e87), color-stop(81%, #55a69c), color-stop(100%, #52c1b4)) !important;

background: -webkit-linear-gradient(left, #5d5d5d 10%, #5d5d5d 30%, #588e87 64%, #588e87 64%, #55a69c 81%, #52c1b4 100%);
background: -o-linear-gradient(left, #5d5d5d 10%, #5d5d5d 30%, #588e87 64%, #588e87 64%, #55a69c 81%, #52c1b4 100%) !important;
background: -ms-linear-gradient(left, #5d5d5d 10%, #5d5d5d 30%, #588e87 64%, #588e87 64%, #55a69c 81%, #52c1b4 100%) !important;
background: linear-gradient(to right, #5d5d5d 10%, #5d5d5d 30%, #588e87 64%, #588e87 64%, #55a69c 81%, #52c1b4 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d5d5d', endColorstr='#52c1b4', GradientType=1 ) !important;
}

#bottom-bar{background: black !important;}

#phantom div.logo-box img {max-width: 100px !important; height: auto;}
.branding a img, .branding img {max-width: 300px !important; height: auto;}
.footer .textwidget a:hover {background: none !important; color: white !important; text-decoration: underline;}

h3 {color: #4bacb2;}

.footer .widget-title {color: #ffffff; font-weight: 600 !important;}

#main .content ul li:before {content: " "; width: 7px; height: 7px; border-top: 3px solid #50afb3; border-left: 3px solid #50afb3; position: absolute; transform: rotate(130deg);
left: 15px; margin-top: 6px;}

.content ul {list-style: none !important;}
.mobile-header-bar .mobile-branding img {max-width: 130px !important; padding: 20px 0;}

@media screen and (max-width: 950px){h3 {font-size:18px !important; line-height: 20px !important;}}

::placeholder {color: #393939 !important; opacity: 1;}
:-ms-input-placeholder {color: #393939 !important;}
::-ms-input-placeholder {color: #393939 !important;}

input[type="text"], input[type="search"], input[type="tel"], input[type="url"], input[type="email"], input[type="number"], input[type="date"], input[type="range"], input[type="password"], select, textarea, .wpcf7-number {
color: #393939 !important; border-color: #393939 !important; background: none !important; border-radius: 0 !important;}

#fila1 {display: grid; grid-template-columns: auto auto auto;}
#fila2{display: grid; grid-template-columns: 33.4% 66.60%;}

@media screen and (min-width:550px){
#fila1 > span.wpcf7-form-control-wrap.cognoms > input {border-right: 0; border-left: 0;}
#fila2 > span.wpcf7-form-control-wrap.telefon > input {border-top: 0 !important; border-bottom: 0 !important;}
#fila2 > span.wpcf7-form-control-wrap.municipi > input {border-top: 0; border-bottom: 0; border-left: 0;}
}

@media screen and (max-width:550px) {
#fila1, #fila2 {grid-template-columns: auto !important;}
#fila1 > span.wpcf7-form-control-wrap.nom > input {border-bottom: 0;}
#fila1 > span.wpcf7-form-control-wrap.email > input {border-top: 0; border-bottom: 0;}
#fila2 > span.wpcf7-form-control-wrap.municipi > input {border-top: 0; border-bottom: 0;}
}

.wpcf7-form input[type="submit"] {border: 2px solid #50afb2; background: #50afb3 !important; box-shadow: 1px 2px 6px 0px #b3b3b3; padding: 0px 15px !important; line-height: 30px !important; min-height: auto !important;}
.wpcf7-form input[type="submit"]:hover {background: white !important; color: #50afb3 !important;}

#logos {display: grid; grid-row-gap: 30px; grid-template-columns: auto auto auto auto auto auto auto auto; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px;}

@media screen and (min-width: 1000px) and (max-width: 1400px) {#logos {grid-template-columns: auto auto auto auto !important; text-align: center;}}
@media screen and (min-width: 750px) and (max-width: 1000px) {#logos {grid-template-columns: auto auto auto !important; text-align: center;}}

@media screen and (min-width: 450px) and (max-width:750px) {#logos img {max-width: 140px; height: auto !important; max-height: 60px;}
#logos {grid-template-columns: auto auto auto !important; text-align: center; align-items: center;}}

@media screen and (max-width: 450px) {#logos img {max-width: 240px; height: auto !important; max-height: 100px;} #logos {grid-template-columns: auto !important; text-align: center;}}













@media screen and (min-width: 500px) and (max-width: 778px) {.footer .widget {width: 50% !important;}}







#slide-button:hover{
background: #50afb3 !important;
color: white !important;
}



#slide-button {
cursor: pointer !important;
box-shadow: 2px 2px 9px #4c4141;
}


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

#slide-button {
padding: 4px !important;
border: 2px solid white !important;
color: #50afb3 !important;
margin: 10px 0 !important;
min-height: auto !important;
text-align: center !important;
}

}

@media screen and (min-width:800px) {

#slide-button {
background: none !important;
padding: 10px !important;
border: 2px solid white !important;
color: #50afb3;
margin-top: 30px !important;
text-align: center !important;
}

}

#slide-button:hover {    background: white;}


.post .rollover, .post .rollover-video:not(.ts-slide), .post img, img[class*=align], img[class*=wp-image-], img[class*=attachment-] {
max-width: 100%;
height: auto;
width: auto;
}





/* IMMOEBRE - https://immoebre.com/ */

/* slider button */
#slide-button:hover {
background: white !important;
color: #50afb3 !important;
/* border: 2px solid #50afb3!important; */
}

@media screen and (max-width: 800px) {
#slide-button:hover {
background: #50afb3 !important;
color: white !important;
}
}

/* cookies popup */
.cc-right {
right: initial !important;
left: 1em !important;
}



li .wpml-ls-link br {display: none !important;}