/* enllaços general */

.paragraph p a,
.paragraph li a {
    color: #009FDA;
    text-decoration: none;
}
.paragraph p a:hover,
.paragraph li a:hover {
    color: #002664;
}

/* header foto fons amb filtre colors */

.node--type-training #header-image-page {
    padding: 50px 0 40px;
}
.node--type-training #header-image-page:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    mix-blend-mode: color;
    opacity: 1;
}
.node--type-training.header-filter-color-blue #header-image-page:after {
    background: #009FDA url(../svg/pattern-blue-menu.svg) 0% 0% no-repeat padding-box;
}
.node--type-training.header-filter-color-green #header-image-page:after {
    background: #58A618 url(../svg/pattern-green-menu.svg) 0% 0% no-repeat padding-box;
}
.node--type-training.header-filter-color-orange #header-image-page:after {
    background: #ff8900 url(../svg/pattern-orange-menu.svg) 0% 0% no-repeat padding-box;
}
.node--type-training.header-filter-color-none #header-image-page:after {
    background: transparent url(../svg/pattern-highlight-white.svg) 0% 0% no-repeat padding-box;
}
@media screen and (max-width: 580px) {
    .node--type-training #header-image-page {
        padding: 0 0 40px;
    }
    #header-image-page > .container {
        padding: 0 2em 2em;
    }
}

/* zona header */

.node--type-training #header-image-page > .container {
    z-index: 8;
}
.node--type-training #header-image-page > .container:after {
    bottom: -40px;
    right: 124px;
}
.node--type-training #header-image-page .titol-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.node--type-training #header-image-page h1 {
    font-size: 35px;
    line-height: 132%;
    max-width: 82%;
    font-weight: 500;
}
.node--type-training #header-image-page .inscripcio .button {
    font-size: 14px;
    border: 1px solid #fff;
    background-color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    text-transform: uppercase;
}
.node--type-training.header-filter-color-blue #header-image-page .inscripcio .button,
.node--type-training.header-filter-color-none #header-image-page .inscripcio .button {
    color: #002664;
}
.node--type-training.header-filter-color-green #header-image-page .inscripcio .button {
    color: #41830b;
}
.node--type-training.header-filter-color-orange #header-image-page .inscripcio .button {
    color: #ca6e04;
}
.node--type-training #header-image-page .inscripcio .button:hover {
    background-color: transparent;
    color: #fff;
    cursor: pointer;
}
.node--type-training #header-image-page .subject {
    margin-top: 1em;
}
.node--type-training #header-image-page .subject .button {
    color: #fff;
    border: 1px solid #fff;
    padding: 10px 20px;
}
.node--type-training #header-image-page .header-date {
    margin: 2.5em 0 0;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}
.node--type-training #header-image-page .extras .share-btns {
    padding-left: 0;
    margin-top: 0.5em;
}
.node--type-training #header-image-page .extras {
    display: block;
}
/* menu public */
#header #public-navigation {
    padding: 14px 0;
}
#header #public-navigation nav ul.menu {
    align-items: center;
}
#header #public-navigation nav ul.menu li {
    border-right: 1px solid #4d5357;
    padding: 0 12px 1px;
    line-height: 100%;
}
#header #public-navigation nav ul.menu li:first-child,
#header #public-navigation nav ul.menu li:nth-last-child(2),
#header #public-navigation nav ul.menu li:last-child {
    border-right: 0;
}
#header #public-navigation nav ul.menu li .info-for {
    color: #4d5357;
    font-size: 13px;
    font-weight: bold;
}
#header #public-navigation nav ul.menu li.menu-item:last-child {
    padding: 10px 0;
    margin-left: 10px;
}
#header #public-navigation nav ul.menu li a.boto-menu-blau {
    border: 1px solid #009CD7;
    color: #009CD7;
    padding: 10px 12px;
    @media screen and (max-width:1200px ) and (min-width:990px){
        padding: 5px;
    }
}
#header #public-navigation nav ul.menu li a.boto-menu-blau:hover {
    border: 1px solid #002664;
    color: #002664;
}
@media screen and (max-width: 991px) {
    #header .public-mobile ul {
        padding-left: 26px;
    }
    #header .public-mobile nav ul.menu li .info-for {
        color: #fff;
        font-size: 15px;
        font-weight: bold;
    }
    #header .public-mobile li {
        margin: 15px 0;
    }
    #header .public-mobile nav ul.menu li.menu-item:last-child {
        padding: 10px 0;
        margin-top: 15px;
    }
    #header .public-mobile nav ul.menu li a.boto-menu-blau {
        border: 1px solid #fff;
        color: #fff;
        padding: 10px 12px;
    }
    #header .public-mobile nav ul.menu li a.boto-menu-blau:hover {
        border: 1px solid #009CD7;
        color: #009CD7;
    }
}
@media screen and (max-width: 800px) {
    .node--type-training #header-image-page .titol-wrapper {
        display: block;
    }
    .node--type-training #header-image-page .inscripcio {
        margin: 1em 0 3em;
    }
    .node--type-training #header-image-page {
        padding-bottom: 100px;
        overflow: hidden;
    }
    .node--type-training #header-image-page > .container:after {
        bottom: -101px;
        right: -5px;
    }
}
@media screen and (max-width: 600px) {
    .node--type-training .info .justify-content-center {
        max-width: 362px;
        margin: 0 auto;
        padding-bottom: 2em;
    }
}
@media screen and (max-width: 400px) {
    .node--type-training .info .justify-content-center {
        max-width: 275px;
    }
}

/* header hashtags i xarxes socials */

.node--type-training #header-image-page .extras .hashtags a {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    text-decoration: none;
    padding-left: 30px;
}
.node--type-training #header-image-page .extras .hashtags > a {
    display: inline-block;
    margin-right: 2em;
}
.node--type-training #header-image-page .extras .hashtags > a.instagram {
    background: transparent url(../svg/icon-instagram-blanc.svg) no-repeat center left;
}
.node--type-training #header-image-page .extras .hashtags > a.linkedin {
    background: transparent url(../svg/linkedin-icon.svg) no-repeat center left;
    background-size: 19px 19px;
}
.node--type-training #header-image-page .extras .hashtags > a.twitter {
    background: transparent url(../svg/twitter-icon.svg) no-repeat center left;
    background-size: 19px 19px;
}
.node--type-training .info .field-wrapper.group-language .field__item:after {
    width: calc(100% - 10px) !important;
}
@media screen and (max-width: 800px) {
    .node--type-training #header-image-page .extras .hashtags > a {
        display: block;
        margin: 12px 0;
    }
}

/* header info 4 columnes */

.node--type-training .group-language > div.field {
    height: calc(100% - 30px);
}
.node--type-training .info .group-date {
    background: transparent url(../svg/icon-calendar.svg) no-repeat 16px 30px;
    padding-top: 70px;
}
.node--type-training .info .group-language {
    background: transparent url(../svg/icon-bandera.svg) no-repeat 16px 30px;
    padding-top: 70px;
}
.node--type-training .info .group-format {
    background: transparent url(../svg/icon-format.svg) no-repeat 16px 30px;
    padding-top: 70px;
}
.node--type-training .info .group-location {
    background: transparent url(../svg/icon-location.svg) no-repeat 14px 30px;
    padding-top: 70px;
}

/* moduls -  A1 Text */

.node--type-training .paragraph-a1 .col-lg-8 {
    width: 81%;
    margin: 0 auto;
    padding: 0 12em 0 0;
    max-width: none;
    flex: none;
}
.node--type-training .paragraph-a1 .justify-content-center {
    justify-content: left !important;
}
.node--type-training .paragraph-a1 h2 {
    font-weight: 200;
}
@media screen and (max-width: 991px) {
    .node--type-training .paragraph-a1 .col-lg-8 {
        padding: 0;
        width: 100%;
    }
}
@media screen and (max-width: 575px) {
    .node--type-training .paragraph-a1 {
        padding-top: 0.5em;
    }
    .node--type-training .paragraph-a1 .col-lg-8 {
        padding: 0 24px;
    }
    .node--type-training .paragraph-a1 h2 {
        font-size: 36px;
    }
    .node--type-training .paragraph-a1 p {
        font-size: 18px;
    }
}

/* moduls - programa */

.paragraph-a5 {
    background: #eaeaf1 url(../svg/pattern-highlight-white-long.svg) repeat 0 0;
    background-size: 100% auto;
    padding-top: 0;
    padding-bottom: 0;
}
.paragraph-a5 .container {
    position: relative;
    padding: 0 0 2em 4em;
}
.paragraph-a5 .container:before {
    content: "";
    position: absolute;
    background-color: #fff;
    height: 100%;
    width: 100%;
    left: -100%;
}
.paragraph-a5 .container h2.title {
    padding-top: 2em;
}
.paragraph-a5 .links a.file{
    padding-right: 30px;
    text-transform: uppercase;
    color: #002664;
    text-decoration: none;
    font-size: 14px;
    background: transparent url('../svg/download-file.svg') no-repeat right center;
}
.paragraph-a5 p a {
    color: #009fda;
    text-decoration: none;
}
.paragraph-a5 p a:hover {
    color: #002664;
}
@media screen and (max-width: 575px) {
    .node--type-training .paragraph-a5  {
        padding: 0;
        margin: 0;
        background-size: auto;
    }
    .node--type-training .paragraph-a5 .container {
        padding: 0 24px 2em;
    }
    .node--type-training .paragraph-a5 .container h2.title {
        padding-top: 1em;
    }
}

/* modul ponents */

.q20-ponentes {
    margin: 3em 0 2em;
}
.q20-ponentes .ponentes-wrapper {
    display: flex;
    align-items: flex-start;
}
.q20-ponentes .card-people {
    width: 80%;
    margin: 2em 0;
}
.q20-ponentes.profiles-many .card-people {
    width: 45%;
    margin-right: 2em;
    align-items: stretch;
}
.card-people .retrat {
    width: 190px;
    margin-right: 3em;
}
.card-people .name {
    font-size: 22px;
}
.card-people p a {
    color: #009fda;
    text-decoration: none;
}
.card-people p a:hover {
    color: #002664;
}
@media screen and (max-width: 991px) {
    .q20-ponentes .ponentes-wrapper {
        display: block;
    }
    .q20-ponentes.profiles-many .card-people {
        width: 100%;
    }
}
@media screen and (max-width: 670px) {
    .node--type-training .card-people {
        display: block;
    }
    .node--type-training .card-people.profile-with-photo .text-wrapper {
        width: 100%;
    }
}
@media screen and (max-width: 520px) {
    .node--type-training .card-people {
        display: flex;
    }
    .node--type-training .card-people .retrat {
        margin-right: 1.5em;
    }
    .node--type-training .card-people .text-wrapper p {
        display: none;
    }
}

/* moduls -  doble foto */

.paragraph-r20-double-image {
    padding: 80px 0;
}
.paragraph-r20-double-image .title {
    font-size: 36px;
    margin-bottom: 1em;
    line-height: 122%;
}
.paragraph-r20-double-image .double-image-container {
    display: flex;
}
.paragraph-r20-double-image .double-image-container img {
    width: 100%;
}
.paragraph-r20-double-image .first-double-image {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 50%;
}
.paragraph-r20-double-image .first-double-image .decoration {
    height: 80px;
    width: 80px;
    background-color: #002664;
    margin-top: 2px;
}
.paragraph-r20-double-image .second-double-image {
    display: flex;
    flex-direction: column;
    width: calc(50% - 2px);
    margin-left: 2px;
}
.paragraph-r20-double-image .second-double-image .decoration {
    height: 80px;
    width: 80px;
    background-color: #0073CF;
    margin-bottom: 2px;
}
@media screen and (max-width: 575px) {
    .paragraph-r20-double-image {
        padding: 30px 0;
    }
    .paragraph-r20-double-image .double-image-container {
        display: block;
    }
    .paragraph-r20-double-image .first-double-image .decoration,
    .paragraph-r20-double-image .second-double-image .decoration {
        display: none;
    }
    .paragraph-r20-double-image .first-double-image,
    .paragraph-r20-double-image .second-double-image {
        width: 100%;
        margin: 0 0 4px;
    }
}

/* modul mapa */

.pr-custom-map-simple .title-wrapper {
    display: flex;
    justify-content: space-between;
    margin: 0 0 1.5em;
}
.pr-custom-map-simple {
    padding: 2em 0;
}
@media screen and (max-width: 575px) {
    .pr-custom-map-simple .title-wrapper {
        display: block;
    }
    .pr-custom-map-simple .title-wrapper .btn-cta {
        margin-top: 1em;
    }
}

/* moduls llista de logos */

.paragraph.list-logos .items {
    display: flex;
    flex-wrap: wrap;
}

/* moduls - formulari */

.paragraph-w1 {
    padding: 3em 0;
}
.paragraph-w1 h2 {
    margin: 0 0 2em;
}
@media screen and (max-width: 575px) {
    .node--type-training .paragraph-w1 {
        padding: 1em 0;
    }
    .node--type-training .paragraph-w1 h2 {
        margin: 0 0 0.5em;
    }
}

/* LLISTAT */

.event-list .col-date .info-date .any {
    font-weight: 600;
    font-size: 18px;
}

/* Paragraph R7 - icones */

.paragraph-e1 .paragraph-r7 .image-icon .media,
.template-tool-list .paragraph-r7 .image-icon .media {
    position: relative;
}

/* MENU PRINCIPAL - EDITORS */

body.user-logged-in #header #primary-navigation-section .wrapper-menu,
body.user-logged-in.toolbar-horizontal #header #primary-navigation-section .wrapper-menu,
body.user-logged-in.toolbar-vertical #header #primary-navigation-section .wrapper-menu {
    top: 150px;
}
body.user-logged-in.toolbar-tray-open.toolbar-horizontal #header #primary-navigation-section .wrapper-menu {
    top: 200px;
}

/* Breadcrumb hover */

.breadcrumb-header li a:hover {
    color: #009fda;
}

/* CTA + Share en headers */

#header-basic-page .extras > div:first-child,
#header-image-page .extras > div:first-child {
    margin-right: 0;
}
#header-basic-page .extras .btn-cta a,
#header-image-page .extras .btn-cta a {
    margin-right: 38px;
}
#header-basic-page .extras .share-btns,
#header-image-page .extras .share-btns {
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
}
#header-basic-page .extras .share-btns .share-label,
#header-image-page .extras .share-btns .share-label {
    font-size: 14px;
    line-height: 35px;
    text-decoration: none;
    color: #4d5357;
    background: none;
    padding-right: 0;
    display: inline-block;
}
#header-image-page .extras .share-btns .share-label {
    color: #fff; 
}
#header-basic-page .extras .share-btns .share-icon,
#header-image-page .extras .share-btns .share-icon {
    background: url(../svg/share-icon.svg) no-repeat center top 8px;
    display: inline-block;
    width: 34px;
    margin-left: 6px;
}
#header-image-page .extras .share-btns .share-icon {
    background: transparent url(../svg/share-icon-white.svg) no-repeat center top 8px;
}
#header-basic-page .extras .share-btns:hover .share-icon,
#header-image-page .extras .share-btns:hover .share-icon {
    /* background: #009fda url(/themes/custom/portbcn/css/../img/share-icon-white.svg) no-repeat center top 8px; */
    cursor: pointer;
}
#header-basic-page .extras .share-btns div.a2a_kit,
#header-image-page .extras .share-btns div.a2a_kit {
    background-color: #009fda;
    padding: 4px 2px 4px 5px;
    display: none;
}
#header-basic-page .extras .share-btns:hover div.a2a_kit,
#header-image-page .extras .share-btns:hover div.a2a_kit {
    display: block;
}
#header-basic-page .extras .share-btns div.a2a_kit a,
#header-image-page .extras .share-btns div.a2a_kit a {
    padding-right: 8px;
    background: none;
}
#header-basic-page .extras .share-btns div.a2a_kit .a2a_dd,
#header-image-page .extras .share-btns div.a2a_kit .a2a_dd {
    display: none;
}
#header-basic-page .extras .share-btns .a2a_default_style .a2a_svg,
#header-image-page .extras .share-btns .a2a_default_style .a2a_svg {
    background-color: transparent !important;
}

/* llistes items r4 cta list */

.link-arrow .link-item {
    margin: 5px;
}
.link-arrow .link-item.arrow-item {
    width: 100%;
}
.paragraph-r4-cta-list .link-arrow .link-item a {
    display: block;
    padding: 0 30px 0 0;
    background-position: top 2px right;
}

/* llistat empreses */
.template-company-teaser .field--name-field-company-email {
    background: url(../svg/email-contact.svg) no-repeat 0 4px;
}
.template-company-teaser .field--name-field-company-email a {
    color: #002664;
    text-decoration: none;
}
.template-company-teaser .field--name-field-company-email a:hover {
    color: #009FDA;
}

/* llistat informacio estadistica */

.paragraph-cercador .search-col #edit-field-yearly--wrapper .form-radios .form-item-field-yearly:nth-child(1) {
    display: none;
}

/* PROPERTIES */

.ndtype-properties .container {
    width: 1170px;
    margin: 30px auto;
    padding: 0 15px;
}
.ndtype-properties .info .col-lg-5,
.ndtype-properties .info .col-lg-6,
.ndtype-properties .info .col-lg-7 {
    padding: 0 40px 0 0;
}
.ndtype-properties #header-basic-page {
    padding: 60px 0;
    border-bottom: 0;
    position: relative;
    margin-bottom: 50px;
    border-bottom: 1px solid #0073CF;
}
.ndtype-properties #header-basic-page h1 {
    margin-left: -3px;
}
.ndtype-properties #header-basic-page .menu-patrimoni {
    position: absolute;
    top: 0;
    left: 0;
}
.ndtype-properties #header-basic-page .menu-patrimoni .item-title {
    background-color: #eee;
    padding: 14px 36px;
    font-weight: bold;
    font-size: 16px;
}
.ndtype-properties .image-col {
    margin-bottom: 40px   ;
}
.ndtype-properties .image-col .image-caption {
    font-style: italic;
    margin-top: 10px;
}
.ndtype-properties .data-col > .field {
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}
.ndtype-properties .data-col > .field.location {
    display: flex;
}
.ndtype-properties .data-col .field .label {
    width: 200px;
    display: inline-block;
    margin-right: 20px;
}
.ndtype-properties .data-col.col-1 .field .label {
    width: 300px;
}
.ndtype-properties .data-col .field:first-child .label {
    padding: 0 0 10px;
}
.ndtype-properties .content .intro-text {
    padding: 30px 0 10px;
    font-size: 22px;
    color: #009FDA;
}
.ndtype-properties .link-more-info a.link-arrow,
.ndtype-properties .data-col a.link-arrow {
    text-transform: uppercase;
    font-size: 14px;
}
.ndtype-properties .data-col a.link-arrow {
    margin-top: 6px;
}
.ndtype-properties .link-more-info a.link-arrow,
.ndtype-properties .data-col a.link-arrow {
    padding-right: 30px;
    background-image: url('../svg/arrow-right-small-light-blue.svg');
    color: #002664;
}
.ndtype-properties .link-more-info a.link-arrow:hover,
.ndtype-properties .data-col a.link-arrow:hover {
    color: #4D5357;
    background-image: url('../svg/arrow-right-blue.svg');
}
.ndtype-properties .body-text {
    padding: 30px 0 0;
    font-size: 17px;    
}
.ndtype-properties .body-text p {
    margin-bottom: 20px;
}

/* PROPERTIES RELACIONATS */

.ndtype-properties .relacionats {
    margin: 100px 0;
}
.ndtype-properties .relacionats h2 {
    margin-bottom: 32px;
}
/*.ndtype-properties .relacionats .intro {
    margin: 15px 0 25px;
}*/
.ndtype-properties .relacionats .item-list {
    position: relative;
}
.ndtype-properties .relacionats .side-title {
    color: #009FDA;
    text-transform: uppercase;
    font-size: 13px;
    rotate: -90deg;
    position: absolute;
    top: 76px;
    left: -80px;
}
.ndtype-properties .relacionats .view-content{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    border-left: 12px solid #009FDA;
    padding-left: 15px;
    margin-left: 30px;
}
.ndtype-properties .relacionats .view-empty {
    border-left: 12px solid #009FDA;
    padding-left: 15px;
    margin-left: 30px;
    height: 200px;
}
.ndtype-properties .relacionats .views-row a {
    position: relative;
}
.ndtype-properties .relacionats .views-row img {
    aspect-ratio: 1;
}
.ndtype-properties .relacionats .views-row .image.empty {
    width: 100%;
    aspect-ratio: 1;
    background: #ccc url(../jpg/properties_default_img.jpg) no-repeat center center;
}
.ndtype-properties .relacionats .views-row h3 {
    position: absolute;
    bottom: 30px;
    left: 30px;
    color: #fff;
    font-weight: normal;
}

/* PROPERTIES LLISTAT */

.properties.coleccions {
    margin-top: 30px;
    margin-bottom: 80px;
}
.properties.coleccions .form .tabs {
    display: flex;
    margin: 0;
}
.properties.coleccions .form .tabs div {
    background-color: #0073CF;
    margin-right: 5px;
    color: #fff;
    padding: 0;
    font-size: 14px;
    font-weight: normal;
    display: block;
}
.properties.coleccions .form .tabs div.active {
    padding: 10px 20px;
}
.properties.coleccions .form .tabs a {
    padding: 0;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    width: 100%;
    padding: 10px 20px;
    font-size: 14px;
    background-color: #002664;
}
.properties.coleccions .form .tabs a:hover {
    opacity: 0.6;
}
.properties.coleccions .form form {
    background-color: #0073CF;
    padding: 20px;
    margin-bottom: 20px;
}
.properties.coleccions .form form .form--inline {
    position: relative;
    width: 60%;
}
.properties.coleccions .form form .form-type-textfield {
    width: 100%;
}
.properties.coleccions .form form .form-type-textfield input {
    border: 0;
    font-size: 13px;
    padding: 12px 20px;
    width: 100%;
    background-size: 17px;
}
.properties.coleccions .form form .form-actions {
    position: absolute;
    top:4px;
    right: 14px;
}
.properties.coleccions .form form .form-actions input {
    font-size: 1px;
    color: transparent;
    background: transparent url(../svg/ico-search.svg) no-repeat right center;
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 0;
    opacity: 0.6;
    transform: scale(0.8);
    transition: all 0.5s ease-in-out;
}
.properties.coleccions .form form .form-actions input:hover {
    opacity: 1;
    transform: scale(1.0);
}
.properties.coleccions .form form .form-type-select {
    margin: 10px 0;
}
.properties.coleccions .form form .form-type-select ul {
    color: #fff;
    margin: 0;
    padding: 0;
}
.properties.coleccions .form form .form-type-select li {
    list-style-type: none;
    margin-right: 26px;
    font-size: 15px;
    display: inline-block;
}
.properties.coleccions .form form .form-type-select li a {
    color: #fff;
}
.properties.coleccions .form form .form-type-select li a.bef-link--selected {
    font-weight: bold;
}
.properties.coleccions .form form .form-type-select li a:hover {
    opacity: 0.7;
}
.properties.coleccions .view-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 80px 40px;
}
.properties.coleccions .view-content .views-row > a {
    text-decoration: none;
    color: #4D5357;
    font-size: 14px;
    line-height: 24px;
}
.properties.coleccions .view-content .views-row > a h3 {
    color: #002664;
    font-size: 20px;
    margin: 20px 0 13px;
}
.properties.coleccions .view-content .views-row > a .image.empty {
    width: 100%;
    aspect-ratio: 22 / 12;
    background: #d3d3d3 url(../jpg/properties_default_img.jpg) no-repeat center center;
    border-bottom: 1px solid #d3d3d3;
}

@media screen and (max-width: 840px) {
    .properties.coleccions .form form .form-type-textfield input {
        width: 100%;
    }
    .properties.coleccions .form form .form-type-select ul {
        margin: -10px 0;
    }
    .properties.coleccions .view-content {
        grid-template-columns: 1fr 1fr;
    }
    .properties.coleccions .form form .form-type-select li {
        padding: 10px 0;
    }
}
@media screen and (max-width: 620px) {
    .properties.coleccions .view-content {
        grid-template-columns: 1fr;
    }
}
@media screen and (max-width: 500px) {
    .ndtype-properties .info .image-col,
    .ndtype-properties .info .data-col {
        width: 100%;
        padding: 0;
    }
    .ndtype-properties .data-col > .field {
        display: block !important;
    }
    .ndtype-properties .data-col .field .label {
        width: 100%;
        display: block;
        margin-right: 0;
    }
    .ndtype-properties .data-col .field .value {
        width: 100%;
    }
    .ndtype-properties .container {
        width: 100%;
    }
    .ndtype-properties .relacionats h2 {
        margin-bottom: 18px;
    }
    .ndtype-properties .relacionats .side-title {
        rotate: none;
        position: relative;
        top: 0;
        left: 0;
    }
    .ndtype-properties .relacionats .view-content {
        grid-template-columns: 1fr;
        border-left: 0;
        padding-left: 0;
        margin-left: 0;
        margin-top: 30px;
    }
}