/** * @file * Subtheme specific CSS. */ /********* TIPOGRAFIES ************/ @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700'); body {font-family: 'Source Sans Pro', sans-serif;background: white !important;} @font-face { font-family: 'icomoon'; src: url('../fonts/parkguell-icons.eot?p6iarp'); src: url('../fonts/parkguell-icons.eot?p6iarp#iefix') format('embedded-opentype'), url('../fonts/parkguell-icons.ttf?p6iarp') format('truetype'), url('../fonts/parkguell-icons.woff?p6iarp') format('woff'), url('../fonts/parkguell-icons.svg?p6iarp#icomoon') format('svg'); font-weight: normal; font-style: normal; } .btn:focus {box-shadow: none !important} [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-gaudir-mes-menu:before { content: "\e908"; } .icon-Bus-guell:before { content: "\e909"; } .icon-Bus-guell_v2:before { content: "\e90b"; } .icon-gaudir-mes:before { content: "\e90a"; } .icon-unesco:before { content: "\e907"; } .icon-recomanades:before { content: "\e900"; } .icon-com_arribar:before { content: "\e901"; } .icon-stopwatch:before { content: "\e952"; } .icon-inspiracio-01:before { content: "\e902"; } .icon-gaudi:before { content: "\e903"; } .icon-tour-virtual:before { content: "\e905"; } .icon-zonificacio:before { content: "\e906"; } .icon-directions_bus:before { content: "\e530"; } .icon-newspaper:before { content: "\e904"; } .icon-images:before { content: "\e90e"; } .icon-book:before { content: "\e91f"; } .icon-stack:before { content: "\e92e"; } .icon-ticket:before { content: "\e939"; } .icon-map:before { content: "\e94b"; } .icon-hour-glass:before { content: "\e979"; } .icon-flag:before { content: "\e9cc"; } .icon-man-woman:before { content: "\e9de"; } /********* ESTILS GENÈRICS ************/ h1 {font-size: 30px;} .node__content {font-size: 16px; margin-top: 0px;} .path-frontpage h2, .bloc-news-home h2, .bloc-agenda-home h2 {font-size:30px;} h2, h3 {font-size: 22px;} h1.title {margin: 0px 0 30px 0;} #block-eslogan div {font-weight: 600; font-size: 32px;} #block-eslogan div a {color:#333; text-decoration: none} #block-eslogan div a:hover {color:#006DC6;} h4 {font-size: 16px; font-weight: 600} #main .content h2:first-child {margin-top: 30px;margin-bottom: 15px;} #main .content h2 {color:#006DC6; margin: 40px 0;} #main .content h3 {margin:30px 0;} .path-frontpage h3 {margin:0 0 .5rem 0 !important;} .front-page .node__content h2 {color: #333 !important} #block-xarxessocial p {margin-bottom: 0;} #block-xarxessocial a {color:#696973;} article .node__content>div:last-child>div:last-child {padding-bottom: 60px;} .wrapper-bar-top { background-color: #4869ad; } #block-aviscontaminacio { width:100%; } .navbar {padding: 5px} .navbar .container {padding-left: 0; padding-right: 0} .navbar .navbar-brand .img-fluid {max-height: 64px; width: auto} .grow { transition: all .3s ease-in-out;} .grow:hover { transform: scale(1.1);filter:brightness(70%)} .ec-toggle-link {margin: 15px 0;display: inline-block;} .expand-arrow {margin-left: 10px; position: relative; top: 1px; color: #007AC3;} .expand-arrow-up {transition: all ease .4s; -webkit-transform: scaleY(-1);-moz-transform: scaleY(-1); -o-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1);} .breadcrumb {font-size:12px !important;background: none; padding-left: 0; padding-top: 10px;} .front-page .breadcrumb{display: none;} .contextual {z-index: 9999;} .paragraph.paragraph--type--bp-columns-two-uneven.paragraph--style--66-33 .paragraph--type--bp-columns-two-uneven__2col-column1 {padding-left: 0;padding-right: 36px;} .paragraph--type--bp-accordion .card {border: 0} .paragraph.paragraph--width--full>.paragraph__column, .node--type-pagina-basica-full-width .paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__1col {padding-left: 0;padding-right: 0;} .path-frontpage #block-park-guell-page-title {display: none} #toolbar-administration {z-index: 999999999 !important; position: relative;} .node--type-pagina-basica-full-width #main .row-offcanvas {margin: 0;} .node--type-pagina-basica-full-width #main .main-content {padding: 0;} .node--type-pagina-basica-full-width .block-system-main-block {clear:left;} .node--type-pagina-basica-full-width #main .block-system-breadcrumb-block, .node--type-pagina-basica-full-width #main .block-page-title-block, .node--type-pagina-basica-full-width #main nav.tabs {width: 1140px !important; margin: 0 auto; float: none;} .node--type-pagina-basica-full-width #main .row-offcanvas {clear:left;} .custom-container .paragraph__column:first-child {float: left; width: 66.66666667% !important; margin-left: 16.66666667%;} .custom-container .paragraph__column:first-child .paragraph .paragraph__column {float: none; width: 100% !important; margin-left: 0;} .custom-container .paragraph--type--bp-columns__2col .paragraph__column {width: 100% !important; margin: 0 !important;} .custom-container-1140 .paragraph__column:first-child {width: 1140px; margin: 0 auto; float: none;} .custom-container-1140 .paragraph__column:first-child .paragraph .paragraph__column {width: 100%;} .btn-primary {border-radius: 0.3em; padding: 7px 30px;} .btn-primary:hover {border-color:#005AA3} .btn-secundary {border-radius: 0.3em; padding: 7px 30px; background: #417B5E; color:white;} .btn-secundary:hover, .btn-secundary:focus {background-color: #32644B; color:white} .paragraph--color--rgba-grey-light {background: #f2f2f2 !important} .little-text {font-size: 14px;font-style: italic;} #header .logo-barra h3{font-weight: 600;} .logo-barra, .menu--main, .menu--menu-principal-es, .menu--menu-principal-en,.menu--menu-principal-en-2, .menu--menu-principal-fr {margin:0 auto;} .social-btn {width: 30px; height: 24px; display: inline-block; margin-left: 5px;margin-top: 12px;} .social-btn .fontawesome-icon-inline {font-size: 20px;} .social-btn:hover {text-decoration: none} .se-block .block-content .se-container .se-links-container {width:180px;height: 25px !important;} .imatge-adaptable .paragraph__column .field--name-bp-image-field img {width: 100%; height: auto;} .img-adaptable img {width: 100%; height: auto;} .image-content-box {border: 1px solid #E5E5E5; border-radius: 3px; padding: 15px } .image-content-box img {width: 100%; height: auto;} .centered-image {width: 100%; height: auto; margin:20px 0;} .centered-image .field--type-image{float:none; text-align: center;} .centered-image .text-inf-img{font-size: 14px;text-align: center} .centered-image h2 {margin-bottom: 0px !important;} .div-inf-space{border-bottom: 1px solid #ddd; margin-bottom: 15px;} .square-bloc {background: #f2f2f2;padding: 15px;margin: 0 5px 20px 5px;} .new_more_info {margin: 35px 0;} .new_more_info h3 {margin-bottom:20px;} .new_more_info .more-info-new-txt {font-family: 'Source Sans Pro', sans-serif;} .new_more_info a {border: 1px solid #E5E5E5; padding: 10px; color: #417B5E; display: block; margin-bottom: 10px; font-size: 0.9rem;} .new_more_info .bcn-icon-dreta-medium:before {position: relative;top: 1px;font-size: 0.8rem; margin-right: 5px;} .content_more_info {margin-top:50px;} .content_more_info h3 {margin-bottom: 25px;} .content_more_info a {border: 1px solid #E5E5E5; padding: 10px; color: #417B5E; display: block; margin-bottom: 10px; font-size: 0.9rem;} .content_more_info .more-info-new-txt {font-family: 'Source Sans Pro', sans-serif;} .content_more_info .bcn-icon-dreta-medium:before {position: relative; top: 1px; font-size: 0.8rem; margin-right: 5px;} .content-box .bcn-icon-informacio-consultes {font-size: 53px;color: #417b5e;} .content-box .center-responsive {text-align: center;} .link-box-side a {text-align: center;border: 1px solid #E5E5E5; padding: 10px; color: #417B5E; display: block; margin-bottom: 25px; font-size: 0.9rem; -o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;} .link-box-side a:hover {border: 1px solid #417B5E;background: #f2f2f2;color: #417B5E; text-decoration: none} .link-box-side span, .link-box-side-unlink span {font-size: 48px; margin: 15px 0; display: block;} .link-box-side-unlink {text-align: center;border: 1px solid #417B5E; padding: 10px; display: block} .link-box-side-unlink span {color:#417B5E;} .link-box-side-unlink p {font-size: 0.9rem;} @media (min-width: 1200px){ .container {max-width: 1140px !important;} } @media (min-width:991px) and (max-width:1200px) { .node--type-pagina-basica-full-width #main .block-system-breadcrumb-block, .node--type-pagina-basica-full-width #main .block-page-title-block, .node--type-pagina-basica-full-width #main nav.tabs, .custom-container-1140 .paragraph__column:first-child {width: 920px !important; margin: 0 auto; float: none;} .container {max-width: 920px;} .custom-container-1140 .paragraph__column:first-child .paragraph .paragraph__column {width: 100% !important;} .custom-container-1140-planifica .paragraph__column:first-child {width: 920px !important; margin: 0 auto; float: none;} .container {max-width: 920px;} .custom-container-1140-planifica .paragraph__column:first-child .paragraph .paragraph__column {width: 100% !important;} } @media (min-width:768px) and (max-width:1440px) { .paragraph.paragraph--width--medium>.paragraph__column {width: 90%; margin-left: 6%} .custom-container .paragraph__column:first-child {float: left; width: 90% !important; margin-left: 6%} } @media (min-width:768px) and (max-width: 990px){ .path-frontpage .custom-container-1140 .paragraph__column:first-child { width: calc(100% - 40px) !important; margin: 0 auto !important; float: none; } .path-frontpage .custom-container-1140-planifica .paragraph__column:first-child { width: calc(100% - 40px) !important; margin: 0 auto !important; float: none; } .path-frontpage #guide, .path-frontpage #news {padding: 0 !important;} } @media (min-width: 991px){ .centered-image .field--type-image img {border-radius: 5px;max-height: 300px;width: auto;margin-top: 12px;} } @media (max-width:990px) { .centered-image .field--type-image img {width: 80%; height: auto} .custom-container-1140 .paragraph__column:first-child {float: left; width: calc(100% - 8%); margin-left: 4%;} .path-frontpage .custom-container-1140 .paragraph__column:first-child {width: 100%; margin-left:0;} .custom-container-1140-planifica .paragraph__column:first-child {float: left; width: calc(100% - 8%); margin-left: 4%;} .path-frontpage .custom-container-1140-planifica .paragraph__column:first-child {width: 100%; margin-left:0;} #navbar-top, .path-frontpage .paragraph--id--905 {display: none} .navbar-collapse {display: block !important;} .awemenu-mobile .awemenu-container {width: 100% !important;} .node--type-pagina-basica-full-width #main .block-system-breadcrumb-block, .node--type-pagina-basica-full-width #main .block-page-title-block, .node--type-pagina-basica-full-width #main nav.tabs {float: left; width: calc(100% - 90px) !important; margin-left: 5%;} .awemenu-megamenu .ac-column, .awemenu-megamenu .ac_section {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none} .awemenu-item-home {display: none} #block-xarxessocial {display: none} } @media (min-width:768px){ .paragraph>.paragraph__column {padding-left: 0px; padding-right: 0px;} .paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__2col:first-child {padding-left: 0px;} .paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__2col:last-child {padding-right: 0px;} } @media (max-width: 768px){ .paragraph--type--carousel-superior-intern {margin-bottom: 30px !important} .owl-carousel .owl-dot {border-radius: 20px; width: 12px !important; height: 12px !important; margin: 5px 7px !important;} .container {max-width: calc(100% - 10%);} } @media (max-width:575px) { h1.title {margin: 0px 0 30px 0;} .node__content {padding-left: 0px; padding-right: 0px;} .paragraph--type--carousel-superior-intern {margin-bottom: 20px !important;} .paragraph--type--carousel-superior-intern figure {height: 190px;} } @media (max-width:480px) { .site-footer .container {max-width: 100%; padding-bottom: 15px;} .path-frontpage h2, .bloc-news-home h2, .bloc-agenda-home h2 {font-size:26px;} .path-frontpage .faqs_bloc {margin-right: 0px; margin-left: 0px;} } .estada-lleure figcaption, .governanca-park figcaption, .parc-escoles figcaption, .zona-regulada figcaption, .patrimoni-humanitat figcaption, .programa-educatiu figcaption, .perque-zona-regulada figcaption, .acces-sostenible figcaption, .parc-entorn figcaption, .visites-guiades figcaption, .jardins-austria figcaption, .escalinata-drac figcaption, .portic-bugadera figcaption, .plasa-natura figcaption, .camins-viaductes figcaption, .galeria-imatges-figcaption figcaption, .accesos-pavellons-porteria figcaption, .sala-hipostila figcaption, .horaris-tarifes figcaption {display: none} article .nav-tabs .nav-item.show .nav-link, article .nav-tabs .nav-link.active, article .nav-pills .nav-link.active, article .nav-pills .show>.nav-link {color: #222; background-color: #f2f2f2;border: solid 1px #696973;} article .nav-tabs .nav-link, article .nav-pills .nav-link {border: 0;border-top-left-radius: 0;border-top-right-radius: 0;color: white;background-color: #696973;} /****** COLORBOX ********/ .bcn-icon-maximitzar::before {content: "\e996"; position: absolute;bottom: 10px;left: calc(100% - 45px);font-size: 20px;z-index: 9999;cursor: pointer;color: white;background-color: rgba(0,0,0,0.6);width: 35px;height: 35px;padding: 8px;} .embed-img {position: relative;} .governanca-park .cboxPhoto {background: white} .governanca-park .embed-img {border: 1px solid #e5e5e5;} /********* ESTILS MENU ************/ .front-page {overflow-x: hidden; overflow-y: hidden;} .front-page #main-wrapper, .front-page #main {padding-top: 0; margin-top:0;} .front-page .view-slideshow-home .field-content {padding: 0; margin-top:0;} #main-wrapper {padding-top:10px;} #main-wrapper .container {padding-left: 0; padding-right: 0} .web-header-mobile{display: none;} .awemenu {display: flex; flex-wrap: nowrap;} .awemenu-default.awemenu-nav {font-family: 'Source Sans Pro', sans-serif;} .awemenu-default.awemenu-nav .awemenu-submenu {background-color:#666;} .awemenu-standard .awemenu > .awemenu-item:nth-child(2):hover, .awemenu-standard .awemenu > .awemenu-item:nth-child(3):hover, .awemenu-standard .awemenu > .awemenu-item:nth-child(4):hover {color:white;} .awemenu-standard .awemenu > .awemenu-item, .awemenu-top .awemenu > .awemenu-item {flex: 1 1; float:none;} .awemenu-default.awemenu-nav .awemenu-item > a {font-size:15px;} .awemenu-default.awemenu-nav .awemenu > .awemenu-item > a {border:0; text-align: center;padding: 19px 15px;cursor: pointer;} .awemenu-default-color-1.awemenu-default.awemenu-nav, .awemenu-default-color-1.awemenu-default.awemenu-mobile {background-color: #3D3D41} .awemenu-active {box-shadow: inset 0 -5px 0 #006DC6} .awemenu-active:last-child {box-shadow: none;} .awemenu-default.awemenu-nav .awemenu-item:hover > a {background-color: transparent !important;} .awemenu-item-home a {display: none} .awemenu-sticky .awemenu-item-home a {display:block;color:white; padding: 0 10px; position: relative; top: calc(50% - 14px); font-size: 20px;} .awemenu-sticky .awemenu-item-home a:hover {text-decoration:none;color:white;} #navbar-main {padding: 0} .toolbar-vertical .navbar-toggler {display: none;} #navbar-main {background-color: #3D3D41;} .awemenu-nav {z-index: 999 !important;} .awemenu .awemenu-item-right:last-child a { border: 1px solid white !important; border-radius: 4px; padding: 8px 10px !important; margin: 10px 40px; -webkit-transition: background-color 0.4s ease-out; -moz-transition: background-color 0.4s ease-out; -o-transition: background-color 0.4s ease-out; transition: background-color 0.4s ease-out; } .awemenu .awemenu-item-right:last-child a:hover {background-color: #006DC6 !important; border:1px solid #006DC6 !important;} .megamenu-list ul, .megamenu-list li {list-style: none;padding-left:0; margin-left:0;} .megamenu-list li a {padding: 5px 0 5px 0px; display: block; color:white;} .megamenu-list li span {color:white; margin-right: 14px; font-size: 18px; position: relative; top: 1px; display: inline-block;} #origen-icn {background: url(../images/origen.svg) left center no-repeat; background-size: 24px 24px;} #gaudi-icn {background: url(../images/gaudi.svg) left center no-repeat; background-size: 24px 24px;} #historia-icn {background: url(../images/historia.svg) left center no-repeat; background-size: 24px 24px;} #espais-icn {background: url(../images/espais.svg) left center no-repeat; background-size: 24px 24px;} #zones-icn {background: url(../images/zones.svg) left center no-repeat; background-size: 24px 24px;} .arrow-icn {background: url(../images/arrow.svg) 40px center no-repeat; background-size: 12px 12px; padding: 5px 0 5px 60px !important;} #biodiversitat-icn {background: url(../images/biodiversitat.svg) left center no-repeat; background-size: 24px 24px;} #galeria-icn {background: url(../images/galeria.svg) left center no-repeat; background-size: 24px 24px;} #tour-icn {background: url(../images/tour.svg) left center no-repeat; background-size: 24px 24px;} #tres-turons-icn {background: url(../images/tres-turons.svg) left center no-repeat; background-size: 24px 24px;} .awemenu-megamenu .ac-column, .awemenu-megamenu .ac_section {-webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8); -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8); box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);} @media (min-width:991px) and (max-width:1200px) { .navbar .awemenu-container {width: 960px !important;} .awemenu-megamenu .ac-column {float: left;width: 33.333333%;} .awemenu .awemenu-item-right:last-child {white-space: nowrap} } @media (max-width:990px) { .web-header-mobile{display: block;} .awemenu-default.awemenu-mobile .awemenu {background-color: #3D3D41;} nav.awemenu-active {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none} .ac_container {width: 100%} .ac_container .ac-column {padding-left: 5px !important;} .ac_container .megamenu-list li a span {margin-right: 15px;} .awemenu-megamenu .ac-column, .awemenu-megamenu .ac_section {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none} .awemenu-default.awemenu-nav .awemenu > .awemenu-item > a {text-align: left} .awemenu-default.awemenu-mobile .awemenu .awemenu-item > a:hover {color: white;} .awemenu .awemenu-item-right {border-bottom: 1px solid #666; color:white;} .web-header-mobile {float: left;color:white !important;padding: 14px 0; margin-bottom: 0; width: calc(100% - 40px); font-weight: 600} .web-header-mobile h2 {font-size:23px;} .awemenu-bars .amm-bar {float:right;font-size: 30px; margin-top: 12px;} } /********* ESTILS SLIDER HOME ************/ .slide-link-btn {display: none;margin: 25px auto 0; max-width: 225px;} .view-slideshow-home .owl-item {position:relative;} .view-slideshow-home .title-slide .small-text-title {font-size:30px;} .view-slideshow-home .title-slide .big-text-title {font-size:60px;} .lang-es .view-slideshow-home .title-slide .big-text-title {font-size:53px;} .view-slideshow-home .owl-theme .owl-controls {position: absolute; bottom: 60px;z-index: 999; width: 350px;left: calc(50% - 175px);} #news-pause-slider {color: white;display: inline-block;cursor: pointer;position: relative;top: -4px;z-index: 999;margin-right: 5px;} .view-slideshow-home .owl-theme .owl-controls .owl-pagination {display:inline-block !important;} .view-slideshow-home .owl-theme .owl-controls .owl-page span {width:14px; height:14px; background: white;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.9);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.9);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.9);} .container-text-slide {position: absolute;width: 400px;height: 200px;top: 55%;left: 50%; margin-top: -125px;margin-left: -200px;} .title-slide {text-align:center;color: white; font-weight: 700;text-shadow: 0px 0px 10px rgba(20, 20, 20, 1);} .title-slide .small-text-title {font-size: 30px; display: block; text-align: left;text-transform: uppercase;position: relative; top: 5px;} .title-slide .big-text-title {text-align: left; display: block;text-transform: uppercase;} .text-box {text-align:center; color:white; background: rgba(39,77,58,0.8); padding: 10px;margin-top: 10px;border-radius: 4px;} .text-box p {margin:0;} .view-slideshow-home .container {margin: 0 auto; position: absolute; top: 0; left: 50%; margin-left: -570px; height: 380px; width: 1140px;} .view-slideshow-home .owl-theme .owl-buttons {position: relative; top: calc(50% - 24px);} .view-slideshow-home .owl-carousel .owl-prev, .view-slideshow-home .owl-carousel .owl-next { cursor: pointer; width: 48px !important; height: 48px !important; background: rgba(0,0,0,0.7) !important; border-radius: 24px !important; opacity:1 !important;font-size: 21px !important; line-height: 40px;} .view-slideshow-home .owl-theme .owl-buttons .owl-prev {float:left;} .view-slideshow-home .owl-theme .owl-buttons .owl-next {float:right;} .view-slideshow-home .owl-theme .owl-buttons .owl-next:before {position: relative;top: 3px; left: 1px;} .view-slideshow-home .owl-theme .owl-buttons .owl-prev:before {position: relative;top: 3px; left: -1px;} @media (min-width:1921px){ .view-slideshow-home .owl-item img {width: 100%} } @media (min-width:991px) and (max-width:1200px) { .slide-link-btn {display: none;} .view-slideshow-home .container {margin: 0 auto; position: absolute; top: 0; left: 50%; margin-left: -480px; height: 380px; width: 960px;} .view-slideshow-home .views-field-field-imatge-slideshow img {object-fit: cover; width: 100%; } } @media (min-width:768px) and (max-width:990px) { .slide-link-btn {display: none;} .view-slideshow-home .container {margin: 0 auto; position: absolute; top: 0; left: 50%; margin-left: -360px; height: 380px; width: 720px;} } @media (min-width:600px) and (max-width:767px) { .slide-link-btn {display: none;} .view-slideshow-home .owl-theme .owl-buttons {display: none} .view-slideshow-home .container {margin: 0 auto; position: absolute; top: 0; left: 50%; margin-left: -250px; height: 380px; width: 500px;} } @media (max-width:599px) { .slide-link-btn {display: block;} .title-slide .small-text-title {top:0px; margin-right:5px;} .view-slideshow-home .owl-theme .owl-buttons {display: none} .view-slideshow-home .views-field-field-imatge-slideshow img {width: 100%; height: 200px; object-fit: cover;} .view-slideshow-home .container {margin: 0 auto; position: relative;top: 0;left: 0;margin-left: 0;height: auto;width: auto;} .container-text-slide {padding-left: 20px;position: relative; width: 100%;height: auto !important;top: 0;left: 0;margin-top: 0;margin-left: 0;} .text-box {background: white; text-align: left; color: #696973; padding: 0px; margin-top:10px;} .text-box .container {max-width: 100%;} .title-slide {font-size: 1rem !important;text-align: left;text-shadow: none;color:#222;font-weight: 400;margin-top: 20px;} .title-slide .small-text-title, .title-slide .big-text-title {font-size:24px !important;font-weight: 600;text-align: left;display: inline-block; text-transform: none;} .title-slide .big-text-title{text-align: left; display: inline-block;text-transform: none;} #news-pause-slider{color: #696973;} .view-slideshow-home .owl-theme .owl-controls {position: relative; margin: 25px auto;bottom: 0;left: 0;} .view-slideshow-home .owl-theme .owl-controls .owl-page span {width: 14px;height: 14px;background: #696973;-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} } /********* ESTILS NEWSTICKER ************/ .bloc-incidencies {display: none;} .bloc-incidencies .view-header {float: left; width: 200px; color: #222; background: #D5B757;padding: 11px 0 10px 0; font-weight: 600; box-sizing: border-box; text-align:center; height: auto;} .bloc-incidencies .view-content {float: left; width: calc(100% - 200px); margin-right: 0; margin-left: 0; box-sizing: border-box;} .bloc-incidencies .view-content .owl-item {padding-top: 11px; padding-left: 20px; height: auto;} .bloc-incidencies .owl-controls {float:right; margin-top: 0; width: 96px; height: 48px;} .bloc-incidencies .owl-controls .owl-buttons div {border-radius: 0 !important; color: #222; font-weight: bold; font-size: 18px; margin: 0 0 0 0;} .bloc-incidencies .owl-controls .owl-buttons .owl-next {cursor:pointer; line-height: 40px; background-color: #E6C96A !important; background-size: 16px 16px !important; opacity: 1; overflow: hidden; width: 48px; height: 48px; display: inline-block;} .bloc-incidencies .owl-controls .owl-buttons .owl-prev {cursor:pointer; line-height: 40px; background-color: #E6C96A !important; background-size: 16px 16px !important; opacity: 1; overflow: hidden; width: 48px; height: 48px; display: inline-block;} .bloc-incidencies .view-content .owl-wrapper-outer {float:right; width: calc(100% - 96px); background: #F5D670;} .bloc-incidencies .col-auto {padding-left: 0; padding-right: 0;} .bloc-incidencies .newsticker-pause {cursor:pointer; display:inline-block; position: absolute;right: 0; height: 48px; width: 48px; background: #E6C96A; z-index: 9; text-align: center; line-height: 48px;} .bloc-incidencies .newsticker-play {cursor:pointer; display:inline-block; position: absolute;right: 0; height: 48px; width: 48px; background: #E6C96A; z-index: 9; text-align: center; line-height: 48px;} .bloc-incidencies .owl-controls .owl-buttons .owl-next:hover, .bloc-incidencies .owl-controls .owl-buttons .owl-prev:hover, .bloc-incidencies .newsticker-play:hover, .bloc-incidencies .newsticker-pause:hover {background: #FFEBA1 !important;} .bloc-incidencies .views-field-body p {width: calc(100% - 150px);} .bloc-incidencies .view-header .view-header-num-incidencies{position: relative; top: 1px;display: inline-block;width: 24px; height: 24px;line-height: 22px;font-weight: 600;background-color: rgba(39,77,58,0.8);border-radius: 100%;text-align: center;color: white;margin-left: 7px;} .bloc-incidencies .view-content .owl-item p {margin-bottom:13px} .bloc-incidencies .view-bloc-incidencies {background: #F5D670; display: flex} @media (min-width: 990px) { .bloc-incidencies .owl-theme .owl-controls .owl-pagination {display: none;} } @media (max-width: 990px) { .bloc-incidencies .view-bloc-incidencies{display: inherit;} .bloc-incidencies .view-content .owl-wrapper-outer {float:none;} .bloc-incidencies .owl-theme .owl-controls .owl-pagination {display: inline-block;} .bloc-incidencies .owl-theme .owl-controls .owl-buttons, .bloc-incidencies .newsticker-pause {display: none;} .bloc-incidencies .view-header {float: none;width: 100%; font-size: 1.1rem;padding-left: 20px;text-align: left;} .bloc-incidencies .view-content .owl-wrapper-outer, .bloc-incidencies .view-content, .bloc-incidencies .views-field-body p {width: 100%;} .bloc-incidencies .owl-controls {float: none;text-align: center;margin: 25px auto 0;} .bloc-incidencies .views-field-body p {white-space: inherit;} .bloc-incidencies .view-content .owl-item {height: 100%;} .custom-container .paragraph__column:first-child {width: 100%!important;margin-left: 0px;} } .view-bloc-incidencies .owl-wrapper{perspective:none !important;transform-origin: right !important; -webkit-perspective: none; -webkit-transform: translate(0,0,0)!important;transform:translate(0px, 0px, 0px)!important;} /********* DESTACATS ************/ .paragraph--id--14 {background: #f0f0f0 } .bloc-destacats {margin-top:50px;} .bloc-destacats h2 {text-align: center; margin-bottom: 35px;} .paragraph--type--nested-destacats .paragraph__column {display: none} .carousel-destacat-full{ width:100% !important; overflow:hidden; } .carousel-destacat-half{ width: calc(50% - 30px) !important; margin: 0 15px; overflow:hidden; } .paragraph--type--nested-destacats figure {background: #e0e0e0; position: relative;border-top-left-radius: 8px; border-top-right-radius: 8px;} .paragraph--type--nested-destacats .container_imagen_responsive {max-height: 313px;} .paragraph--type--nested-destacats .carousel-destacat-full {max-height: 460px; margin-bottom: 0} .container_imagen_responsive figcaption {background: #F2F2F2; position: absolute; bottom: 0; width: 100%;} .front-page .node__content {margin-top:70px;} .front-page .paragraph--type--nested-destacats figcaption {cursor:pointer; background: rgba(255,255,255,0.86);border-bottom: 5px solid #417B5E;text-align: left; padding-left: 22px;} .front-page .paragraph--type--nested-destacats .owl-carousel {padding-top:0;margin-bottom: 50px;} .paragraph--type--nested-destacats .owl-nav .bcn-icon-esquerra-bold, .paragraph--type--nested-destacats .owl-nav .bcn-icon-dreta-bold {font-size: 28px;} .paragraph--type--nested-destacats .owl-nav {position: absolute; top: calc(50% - 20px); left: 0; width: 100%;} .paragraph--type--nested-destacats .owl-nav .owl-prev {position: absolute; top: 0; left: -40px; -webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;} .paragraph--type--nested-destacats .owl-nav .owl-prev:hover {-webkit-transform: translate(-8px,0);transform: translate(-8px,0);} .paragraph--type--nested-destacats .owl-nav .owl-next {position: absolute; top: 0; right: -40px; -webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;} .paragraph--type--nested-destacats .owl-nav .owl-next:hover {-webkit-transform: translate(8px,0); transform: translate(8px,0);} .container_imagen_responsive figcaption h4 {padding-top: 15px; padding-bottom: 15px; margin-bottom: 0; padding-right: 45px; font-family: 'Source Sans Pro', sans-serif;} .container_imagen_responsive figcaption p {display: none; font-family: 'Source Sans Pro', sans-serif;margin-left: 34px;} .container_imagen_responsive figcaption .bcn-icon-dalt-bold {position: absolute;right: 24px; top:20px;font-size: 18px;} .container_imagen_responsive .captionExpand .bcn-icon-dalt-bold {transition: all ease .4s; -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1);} .container_imagen_responsive .bcn-social {position: absolute; right: 10px; top: 5px; width: 105px;} .paragraph--type--nested-destacats .se-block .block-content .se-container .se-links-container .se-links .se-link {margin-right:3px;} .paragraph--type--nested-destacats .se-block .block-content .se-container .se-links-container .se-links .se-link:last-child {margin-right:6px;} .destacat_desktop {padding-bottom: 0 !important} .destacat_desktop .se-block .block-content .se-container .se-trigger img, .responsive-destacats .se-block .block-content .se-container .se-trigger img{filter: brightness(0%);} .front-page .paragraph--type--carousel-superior-intern {margin-bottom: 0;} .destacat_desktop .se-block.se-align-right .block-content .se-container .se-trigger, .responsive-destacats .se-block.se-align-right .block-content .se-container .se-trigger{background: rgba(255,255,255,0.7);width: 26px !important;height: 26px !important;position: absolute;right: -10px;top: -6px;} .destacat_desktop .se-block .block-content .se-container .se-trigger img, .responsive-destacats .se-block .block-content .se-container .se-trigger img{max-height: 22px;} .destacat_desktop .se-block.se-align-right .block-content .se-container .se-links-container, .responsive-destacats .se-block.se-align-right .block-content .se-container .se-links-container{margin-right: 13px;position: absolute;top: -9px;right: 0px;} .icons-destacats {font-size: 20px;color: #417B5E;margin-right: 14px;position: relative; top: 0px; float: left;} .container_imagen_responsive figcaption h4 div{width: 90%;} .responsive-destacats {display: none;} @media (max-width: 768px) { .destacat_desktop {display: none!important} .compartir {display: none} .responsive-destacats {display: block;} .front-page .paragraph--type--nested-destacats figcaption {background: rgba(255,255,255,1);} .front-page .node__content {margin-top:0px;padding-left:0;padding-right: 0} .imagen_responsive {height: auto !important;} .owl-carousel_destacat {width: 100% !important; margin-left: 0 !important;background-color: #F2F2F2;padding-top: 30px!important;padding-bottom: 30px!important;} .owl-carousel_destacat figure {margin-bottom: 0px;height: 343px;margin-right: 15px;margin-left: 15px;} .container_imagen_responsive figcaption h4 {font-size: 16px;font-weight: 600} .container_imagen_responsive figcaption p {font-size: 14px; width: calc(100% - 55px); margin-left: 0;} .container_imagen_responsive figcaption .bcn-icon-dalt-bold {top:19px;} .container_imagen_responsive figcaption .bcn-icon-dalt-bold {right: 19px;} .front-page .paragraph--type--nested-destacats .owl-carousel {margin-bottom:0;} } /********* COMPONENT STORYMAP ************/ #block-views-block-history-map-block-1,.title-story-map-responsive{display: none} .title-story-map-responsive{color: #417B5E; font-size: 28px; font-weight: 600;padding-top: 28px; box-sizing: border-box; padding-bottom: 16px;font-weight: 700;text-align: center} @media (max-width: 990px) { #block-views-block-history-map-block-1,.title-story-map-responsive {display: block} #block-componenthomestorymap {display: none;} } #anchor1-img {background-image: url(/sites/default/files/parc_en_territori.jpg);} #anchor2-img {background-image: url(/sites/default/files/Parc_i_entorn.jpg);} #anchor3-img {background-image: url(/sites/default/files/11.jpg);} #anchor4-img {background-image: url(/sites/default/files/biodiversitat_story.jpg);} .slideStoryHide{background-position: center center; background-repeat: no-repeat; object-fit: cover;} .story-goto {text-decoration:none;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);position: absolute;bottom: 40px; right: 0px; color:#006DC6; background: white;width: 50px; height: 50px;border-radius: 25px;font-size: 28px;} .story-goto:hover {text-decoration: none;} .story-goto:before {text-decoration: none;position: relative; top: 10px;left: 11px;} .story-map {position: absolute;top: 0;left: calc(50% - 570px);padding-left:0; padding-right:0;} @media (min-width: 1921px) { #anchor1-img {background-size: 100%;} #anchor2-img {background-size: 100%;} #anchor3-img {background-size: 100%;} #anchor4-img {background-size: 100%;} } @media (max-width: 1200px) { .story-map{left: calc(50% - 510px)}; } .paragraph--id--904 .paragraph__column{padding-bottom:0px } .paragraph--id--904 .field--type-entity-reference{margin-bottom: 0px;} .inf-storymap .icon-style-story{color: #417B5E;font-size:26px;position: relative;top: 4px;margin-right: 10px;} .inf-storymap .icon-legend{float: right;position: relative; top: 5px;color: #417B5E; font-size: 20px;} .inf-storymap .btn-primary{padding: 8px 18px; margin-top: 16px; margin-bottom: 15px;} #collapse-story-map .btn-link{color: #333333;font-size: 22px;width: 100%;text-align: left;} #collapse-story-map .btn-link:focus{padding-top: 10px; padding-bottom: 10px;} #collapse-story-map .card-body{color:#333333;font-size: 16px;line-height: 17px;} .inf-storymap .card{background-color: transparent;border-left: 0; border-right: 0;border:0;} .inf-storymap .card:nth-child(2){border-top: 0px;border-left: 0; border-right: 0;} .inf-storymap .card:nth-child(5){border-bottom: 0px;border-left: 0; border-right: 0;} .inf-storymap .title-story-map{-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);width: 400px;font-size: 42px;padding-left: 30px;color: #417B5E;background-color: white;font-weight: 700;top: 30px;left: -5px;z-index: 9;position: absolute;} .car-first{height: 115px; border-top: 0;} .paragraph--id--250 .paragraph__column {padding-left: 0px; padding-right: 0px;padding-bottom:0;} .story-map .accordion {width: 390px;height: 560px;background-color: rgba(255, 255, 255, 0.9)} .story-map .card-body {padding: 7px 24px 15px 24px;} .story-map .card-header {padding: 2px 10px;background-color: transparent;border-top: 1px solid rgba(0,0,0,.125);border-bottom: 0px !important;} #collapse-story-map .card:nth-child(2) .card-header {border-top: 0px !important} .bxslider {position: relative} .bxslider .slide{width:100%;height:560px;background-position: center center} .inf-storymap .card .collapsed{padding-top: 10px;padding-bottom: 10px;} #bx-pager{background-color:#E0DDD6;height:500px;width:450px;position:absolute;z-index:99; top:0; right:0;} .divbx {width:100%;} #bx-pager a {color:#333; width: 100%;} .nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color:#EAE8E4;} .scrollable-content {height:338px;max-height:338px;overflow-y:auto;overflow-x: hidden;} .scrollable-content::-webkit-scrollbar {width:15px; } .scrollable-content::-webkit-scrollbar * {background:transparent; /* manage scrollbar background color here*/} .scrollable-content::-webkit-scrollbar-thumb {background: #417B5E !important; /* manage scrollbar thumb background color here*/} .storymap .titlebx-pager {opacity: 1; height: 89px;} .storymap .titlebx-pager h3{color: #417B5E; font-size: 28px; font-weight: 600;padding-top: 28px; box-sizing: border-box; padding-left: 32px;} .scrollable-content .active {font-weight: 600;} .scrollable-content .nav-link {font-size: 1.2rem; padding: 20px 20px 20px 32px;} .infoStory {padding: 20px 40px} .infoStory h3 {margin-bottom: 0} .buttonStory {padding:20px 0; position: relative} .buttonStory .btn {position: absolute; top: calc(50% - 23px);} .buttonStory-arrow {position: absolute; right: 25px; top: calc(50% - 10px); font-size: 21px;} .expandedStory .buttonStory-arrow {transition: all ease .4s; -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1);} .contentStory { background-color: #F2F2F2; position: absolute; bottom: 0; width: 100%; z-index: 99;} .nav-pills .nav-link.active, .nav-pills .show>.nav-link { background-color: #EAE8E4; } .scrollable-content .nav-aj-icon {color:#417B5E;} .resumeStory, .buttonStory{display:none;} .slideStoryHide {position:absolute;left:0;top:0;-webkit-transition: opacity 1s ease-in-out;-moz-transition: opacity 1s ease-in-out;-o-transition: opacity 1s ease-in-out;transition: opacity 1s ease-in-out;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);} .slideStoryHide.slideStoryShow {opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=1);} .btn-link:hover {text-decoration: none;background-color: transparent;border-color: transparent;} .btn-link:focus{text-decoration: none;} .history_map_container{background-color: #F2F2F2;padding: 20px;font-size: 16px;} .history_map_container .title_history{color: black;font-weight: 600} .history_map_container p{color: #696973} .history_map_container .button-history{text-align: center} #block-views-block-history-map-block-1 .views-field-field-img img{width: 100%;height: auto;} /********* BLOCS PARALLAX ************/ .paragraph--id--13 .paragraph__column {padding-bottom: 0} .parallax_home .app-park-guell, .parallax_home_2 .app-park-guell {text-align: center} .banner-web-app .app-park-guell, .banner-web-app .app-park-guell-txt, .banner-web-app .father-img-app {float: right;} .banner-web-app .father-img-app {position: relative} .banner-web-app .app-park-guell-txt {width: 385px; margin: 0 20px; padding-top: 5px;} .banner-web-app .app-park-guell-txt p {margin-bottom: 0; font-size: 14px;} .parallax_home .app-park-guell-txt p, .parallax_home_2 .app-park-guell-txt p {font-size: 14px;} .parallax_home {padding: 35px 0 15px 0;color:white; background-image: url(../images/tothom_bg.jpg); background-attachment:fixed;background-position: center; background-repeat: no-repeat; object-fit: cover;} .parallax_home_2 {padding: 35px 0 15px 0;color:white; background-image: url(../images/app_bg.jpg); background-attachment:fixed;background-position: center; background-repeat: no-repeat; object-fit: cover;} .parallax_home .paragraph__column, .parallax_home_2 .paragraph__column {padding-bottom:0;} .parallax_home h3, .parallax_home_2 h3 {font-weight: 600} .apple-store-app {margin-bottom: 5px; display: inline-block;-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);} .google-play-app {margin-top: 5px;margin-bottom: 15px; display: inline-block;-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);} .app-park-guell-img-left img{width: 74px;-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);} .banner-web-app{ background-color: rgba(255, 255, 255, 0.9); padding: 17px 0 17px 0 ; width: 55%; border-top-right-radius: 8px; border-bottom-right-radius: 8px; padding-right: 25px; } .banner-web-park{ background-color: rgba(255, 255, 255, 0.9); padding: 20px 25px 20px 25px ; padding-right: 15.6%; width: 45%; border-top-left-radius: 8px; border-bottom-left-radius: 8px; padding-right: 15px; float: right; } .app-park-guell {margin-top:6px;} .banner-web-park {position: absolute;right: 0px;top: calc(50% - 75px);} .banner-web-park h3 {color:#417B5E;font-size: 37px; white-space: nowrap; font-weight: 700;} .banner-web-park p {color: #696973;font-size: 14px;} .parallax_home, .parallax_home_2 {padding: 65px 0 65px 0;color: #333;} .banner-web-app {position: absolute;left: 0px;top: calc(50% - 60px);} .banner-web-app .app-park-guell-txt h3 {font-size: 22px;} .banner-web-app img {max-width: 122px;} .img-responsive-app {display: none;} .btn-parc-tothom {color: white; font-size: 14px; font-weight: 700;padding: 10px 18px;} .btn-parc-tothom:hover { color: white; } .banner-web-park div{width: 480px;} .banner-web-park .inf-park{width: 280px; float: left; margin-left: 4px; margin-right: 10px;} .banner-web-app .apps-img-responsive .app-list-google {top: 43px; left: 0px; padding: 5px 15px;line-height: 24px;width: 148px;} .banner-web-app .apps-img-responsive .app-list-apple {top: 90px; left: 0px; padding: 5px 15px;line-height: 24px;width: 148px;} .app-park-guell-txt-mob {display: none} .paralax-home-img .paragraph__column{padding-bottom: 0px;} .parallax-img-container {height: 280px; overflow:hidden;} .paralax-home-img .paragraph--type--bp-simple, .paralax_subhome_img .paragraph--type--bp-simple {display: block !important} @media (min-width:1280px) and (max-width: 1600px){ .banner-web-app {padding-right: 20px;} .banner-web-app .app-park-guell-txt {width: 360px;} } @media (min-width:1200px) and (max-width: 1280px){ .banner-web-app{width: 57%; padding-right: 20px; padding-left: 2%;} } @media (min-width:1061px) and (max-width: 1199px){ .banner-web-app{width: 62%; padding-right: 20px; padding-left: 2%;} } @media (min-width:990px) and (max-width: 1060px){ .banner-web-app{width: 65%; padding-right: 20px; padding-left: 2%;} } @media (min-width:990px) and (max-width: 1200px){ .banner-web-app .app-park-guell-txt {width: 360px;} .banner-web-park {width: 48%;} } @media screen and (max-width: 989px){ .banner-web-app .father-img-app, .app-park-guell-txt-mob, .wrap-app-imgs {width: 100%} .app-park-guell-img-left, .banner-web-app .app-park-guell, .banner-web-app .app-park-guell-txt {display: none} .app-park-guell-txt-mob {display: block; text-align: center} .banner-web-park,.banner-web-app{margin-left: auto;margin-right: auto;left: 0;right: 0;top: calc(50% - 92px); padding-right:15px;} .parallax_home_2 .app-park-guell{display: none;} .banner-web-park .bcn-icon-parcs{display: none} .banner-web-app{margin: auto; border-top-left-radius: 8px;border-bottom-left-radius: 8px;padding-left: 15px;width: 380px;} .banner-web-park{top: calc(50% - 90px);margin: auto; border-top-right-radius: 8px;border-bottom-right-radius: 8px;padding-left: 15px;float: none;text-align: center;width: 380px;} .banner-web-park h3{font-size: 26px;} .img-responsive-app,.apps-img-responsive{display: table-cell;vertical-align: top; width: 16%;} .apps-img-responsive{position: relative;text-align: left;padding-left: 20px;} .img-responsive-app{text-align: right; padding-top: 8px;} .banner-web-app .app-park-guell-txt p{display: none;} .banner-web-app .app-park-guell-txt h3{text-align: center;margin-bottom: 22px;font-size: 21px;} .father-img-app{text-align: center;vertical-align: top;display: table;} .banner-web-park div{width: 100%;} .banner-web-park .inf-park{width: 100%;float: none;} .banner-web-app img {max-width: none;} .google-play-app{margin-bottom: 12px; margin-top: 8px;} .banner-web-app .apps-img-responsive .app-list-google {top: 62px; left: 19px; padding: 8px 18px;line-height: 30px;width: 180px;} .banner-web-app .apps-img-responsive .app-list-apple {top: 118px; left: 19px; padding: 8px 18px;line-height: 30px;width: 180px;} } @media screen and (max-width: 420px){ .banner-web-app {width: 330px;} .banner-web-park {border-radius: 0; width: 100%;} .parallax-subhome-img-container img, .parallax-img-container img {transform: none !important} } @media screen and (max-width: 420px){ .banner-web-app h3 {font-size: 21px} } /********* BLOC NEWS HOME & PAGINA TOTES ************/ .bloc-news-home {margin-bottom: 50px;} .bloc-news-home h2 {margin-bottom:30px;} .bloc-news-home .more-news {margin-top:20px;} .bloc-news-home .compartir, #news_all .compartir {position: absolute; right: 10px; top: 5px; width: 110px; z-index: 20;} .bloc-news-home .item {position: relative; height: 137px; width: 100%; border: 1px solid #e7e7e7;} .bloc-news-home .media-destacat {position: initial; float: left; margin-bottom: 0; width: 42%; height: 135px;} .bloc-news-home .item .media-content {overflow: hidden; position: relative; float: left; padding: 2.2% 4%; width: 58%; height: 135px;} .bloc-news-home .texte-noticia .se-block li {margin-left:3px;} .bloc-news-home .news { margin-bottom: 1.5rem; padding: 0;} .bloc-news-home .compartir, .bloc-agenda-home .compartir {width: 200px !important;} .bloc-news-home .contextual, .bloc-agenda-home .contextual {z-index: 9999999;} #news_all .news {margin-bottom: 1.5rem;} #news_all .item h3, .bloc-news-home .item h3 {font-size: 20px; letter-spacing: -0.01em; line-height: 21px;margin-top: 5px !important;} #news_all .item h3 a, .bloc-news-home .item h3 a {color:#000;} #news_all .item h3 a:hover, .bloc-news-home .item h3 a:hover {color: #006DC6;} #news_all .item .media-destacat img, .bloc-news-home .media-destacat img {width: 100%; height: 100%;object-fit: cover;} #news_all .item {position: relative; height: 126px; width: 100%; border: 1px solid #e7e7e7;} #news_all .item .media-destacat {position: initial; float: left; margin-bottom: 0; width: 42%; height: 124px;} #news_all .item .media-content, .bloc-news-home .item .media-content {overflow: hidden; position: relative; float: left; padding: 2.2% 4%; width: 58%; height: 124px;} #news_all .item .media-content .event-date, .bloc-news-home .item .media-content .event-date {font-size: 0.8rem;color:#696973} .paginatorDiv {margin-top: 20px;} .paginatorNum {text-align: center;} .paginatorNum a span {font-size: 0.9rem} .paginatorNum a {margin-right: 20px; font-size: 1rem; color: #666;} .paginatorA-active {font-weight: 700; color:#444 !important;} .pull-right { float: right !important; min-height: 180px;} .pull-left { float: left; } .row-noticia {display: inherit !important} .page-node-53 #block-park-guell-page-title {display: none} #noticia h1 {margin-bottom: 10px;line-height: 40px;} #noticia h3 {margin-bottom: 20px;} #noticia .content img {width: 100%; height: auto;} #noticia .attachments {background: #f2f2f2; padding: 20px;} #noticia .attachments div {margin-bottom: 15px;} #noticia .attachments div:last-child {margin-bottom:0;} #noticia .attachments img {width: 24px; height: auto; margin-right: 10px;} #noticia .galleria-info-text {display: none} #noticia .new_more_info {margin-top:30px;} #noticia .new_more_info a {border: 1px solid #E5E5E5; padding: 10px; color: #417B5E; display: block; margin-bottom: 10px; font-size: 0.9rem;} #noticia .new_more_info .more-info-new-txt {font-family: 'Source Sans Pro', sans-serif;} #noticia .new_more_info .bcn-icon-dreta-medium:before {position: relative; top: 1px; font-size: 0.8rem; margin-right: 5px;} #noticia .owl-responsive-new {display:none;} .headerNewsDiv {background: #F2F2F2; padding: 10px 15px; margin-bottom: 30px; font-size: 0.9rem;} .headerNewsDiv .dateIniContainer, .headerNewsDiv .dateEndContainer, .headerNewsDiv .dateBtnContainer {display: inline-block;} .headerNewsDiv .dateFilterDiv {float:left;} .headerNewsDiv .numPageDiv {float:right;} .headerNewsDiv #dateIni, .headerNewsDiv #dateEnd {border-bottom: 1px solid #999;border-left: 0;border-right: 0;border-top: 0;background: #F2F2F2;width: 140px;} .headerNewsDiv #dateIni {margin-right:20px;} .headerNewsDiv .filter-date-btn {padding: 2px 30px; margin-left: 30px; font-size: 0.8rem;} .headerNewsDiv #selectNumNewsForPage{background: #f2f2f2;border-left: 0;border-top: 0;border-right: 0;position: relative; top: 3px;} .headerNewsDiv .bcn-icon-calendari {font-size: 1.4rem; position: relative; top: 5px; margin-right: 5px;} @media (max-width: 990px) { #news_all .item h3 {font-size: 1.3rem;} .headerNewsDiv .numPageDiv {display: none} #noticia .col-md-6 {flex: 0 0 100%; max-width: 100%;} #noticia .pull-right:empty {display: none;} #noticia .pull-right{margin-bottom: 20px;} .paragraph--id--47 .paragraph--type--bp-columns__2col {padding: 0 !important;} .paragraph--id--47 .field--name-bp-block:first-child {margin-bottom: 0} .path-frontpage #guide, .path-frontpage #news {padding: 0 20px;} } @media (max-width: 768px) { .path-frontpage .bloc-news-home {padding-top: 30px; border-top: 1px solid #DDD; margin-top: 30px; background: white;padding-bottom: 50px; margin-bottom: 0;} .path-frontpage .bloc-agenda-home {margin-top: 0; background: white; padding-bottom: 30px; margin-bottom: 0;} .bloc-news-home h2 {text-align: center;} .bloc-news-home .item {border: 0; height:auto;} .bloc-news-home .more-news {margin: 35px auto 0; width: 215px; display: block;} .bloc-news-home .linkNewsDetail {font-size: 1.3rem;} .headerNewsDiv .dateFilterDiv {float:none;} .headerNewsDiv .filter-date-btn {margin-left:0;} .headerNewsDiv .dateIniContainer, .headerNewsDiv .dateEndContainer {width: 50%;} .headerNewsDiv #dateIni {width: calc(100% - 50px);} .headerNewsDiv #dateEnd {width: calc(100% - 28px);} .headerNewsDiv .dateBtnContainer {display: block; text-align: center;margin-top: 20px; margin-bottom: 10px;} .photo-galleria .owl-nav {display: none} .photo-galleria .owl-carousel .owl-dots {margin-top:20px;} .photo-galleria .owl-carousel .owl-dot {margin: 0 2px;} } @media (max-width: 767px) { #noticia .photo-galleria .block_thumb:empty > #noticia .pull-right {display: none;} #noticia .owl-responsive-new {display:block;} } @media (max-width: 500px) { .headerNewsDiv .bcn-icon-calendari {margin-right: 10px;} .headerNewsDiv #dateIni {margin-right: 0;} .headerNewsDiv .dateIniContainer, .headerNewsDiv .dateEndContainer {display:block; width: 100%; margin-bottom: 10px; text-align: center;} .headerNewsDiv #dateIni, .headerNewsDiv #dateEnd {width: calc(100% - 45px);} } /********* BLOC AGENDA HOME & PÀGINA TOTES ************/ .page-node-78 #block-park-guell-page-title {display: none} .bloc-agenda-home {margin-bottom: 50px;} .bloc-agenda-home .guide { margin-bottom: 1.5rem;border: 1px solid #e7e7e7; padding: 0;} #guides_all .guide{margin-bottom: 30px;} .bloc-agenda-home .compartir {position: absolute; right: 10px; top: 5px; width: 110px; z-index: 99;} #guides_all .item {position:relative;} #guides_all .compartir {position: absolute; right: 0px; top: 0px; width: 110px; z-index: 99;} #guides_all .compartir .se-block {width: auto;} #guides_all .compartir .se-trigger {background: rgba(255,255,255,0.75); width: 24px !important; height: 24px !important;} #guides_all .se-container .se-links-container {width: 70px;} #guides_all .compartir .se-trigger img {display: block;width: 18px;height: 20px;filter: brightness(50%);position: relative;top: 1px;left: 3px;max-height: 20px;} .bloc-agenda-home .se-block li, #guides_all .se-block li {margin-left: 3px;} .bloc-agenda-home h2 {margin-bottom:30px;} .bloc-agenda-home h3 {margin-top: 0px!important; font-size: 20px; letter-spacing: -0.01em; line-height: 21px;max-height: 70px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #guides_all .media-content h3 {margin-top: 0px; font-size: 20px; letter-spacing: -0.01em; line-height: 21px;max-height: 70px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .bloc-agenda-home h3 a, #guides_all .media-content h3 a {color:#000;} .bloc-agenda-home h3 a:hover, #guides_all .media-content h3 a:hover {color: #006DC6;} .bloc-agenda-home .media-destacat {position: initial; float: left; margin-bottom: 0; width: 42%; height: 135px;} #guides_all .media-destacat {height: 150px;} .bloc-agenda-home .media-destacat img, #guides_all .media-destacat img {width: 100%; height: 100%; object-fit: cover;} .bloc-agenda-home .media-content {overflow: hidden; position: relative; float: left; padding: 2.2% 4%; width: 58%; height: 135px;} .bloc-agenda-home .details-guide {line-height: 18px; position: absolute; bottom: 10px;width: 90%;} .bloc-agenda-home .event-date .event-date, .bloc-agenda-home .event-ubication, #guides_all .event-date .event-date, #guides_all .event-ubication {font-weight: 700; color: #696973;} #guides_all .details-guide {line-height: 17px;position: absolute; bottom: 15px; width: calc(100% - 60px);} .bloc-agenda-home .event-date, .bloc-agenda-home .event-ubication, .bloc-agenda-home .linkNewsDetail, #guides_all .event-date, #guides_all .event-ubication, #guides_all .linkNewsDetail {font-size: 0.9rem} .bloc-agenda-home .event-ubication, .bloc-agenda-home .linkNewsDetail, #guides_all .event-ubication, #guides_all .linkNewsDetail {display: inline-block;} .bloc-agenda-home .linkNewsDetail {max-width: calc(100% - 30px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; top: 4px; margin-left: 5px;} #guides_all .linkNewsDetail {max-width: calc(100% - 30px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; top: 4px; margin-left: 5px;} .bloc-agenda-home .views-field-field-quan-activitat .field-content, .bloc-agenda-home .views-field-field-localitzacio-activitat .field-content {display: inline-block; margin-left:5px;} .label-news {font-weight:600; display: inline-block;} .bloc-agenda-home .views-field-field-quan-activitat {margin-top: 15px;} .bloc-agenda-home .views-field-field-quan-activitat, .bloc-agenda-home .views-field-field-localitzacio-activitat, .bloc-agenda-home .views-field-title, .bloc-agenda-home .views-field-body, .bloc-agenda-home .views-field-view-node {padding: 0 15px;} .bloc-agenda-home .views-field-field-quan-activitat, .bloc-agenda-home .views-field-field-localitzacio-activitat {font-size: 0.8em;} .bloc-agenda-home .views-field-body {margin-bottom: 10px;} .bloc-agenda-home .views-field-view-node a {color: #00796b} .bloc-agenda-home .more-activities {margin-top:20px;} #guides_all .media-content {background: #F2F2F2; padding: 15px; min-height: 160px;} .vista-agenda .activitat {margin-bottom: 20px;} .vista-agenda .activitat-txt h3 {color: #00796b; margin-top: 10px;} .vista-agenda .activitat-txt .field-quan-activitat .field-content, .vista-agenda .activitat-txt .field-localitzacio-activitat .field-content {display: inline-block; margin-left:5px;} .vista-agenda .activitat-txt .field-quan-activitat, .vista-agenda .activitat-txt .field-localitzacio-activitat, .vista-agenda .activitat-txt .field-title-activitat, .vista-agenda .activitat-txt .field-quan-activitat, .vista-agenda .activitat-txt .field-localitzacio-activitat {font-size: 0.8em;} .vista-agenda .activitat-txt .field-body-activitat {margin-bottom: 10px;} .vista-agenda .activitat-txt .field-view-node-activitat a {color: #00796b} .vista-agenda {position: relative; height: 135px; width: 100%; border: 1px solid #e7e7e7;margin-bottom: 1.5rem;overflow: hidden;} .vista-agenda .media-destacat {position: initial; float: left; margin-bottom: 0; width: 42%; height: 135px;} .vista-agenda .media-content {overflow: hidden; position: relative; float: left; padding: 2.2% 4%; width: 58%; height: 135px;} .vista-agenda .views-field-share-everywhere-field {position: absolute; right: 10px; top: 5px; width: 110px; z-index: 9999;} .vista-agenda .media-content .field-title-activitat {font-size: 1.4rem; letter-spacing: -0.01em; line-height: 1;} .bloc-agenda-home .views-row {position: relative; height: 135px; width: 100%; border: 1px solid #e7e7e7;margin-bottom: 1.5rem;overflow: hidden;} .bloc-agenda-home .views-field-share-everywhere-field {position: absolute; right: 10px; top: 5px; width: 110px; z-index: 9999;} .bloc-agenda-home .media-content .field-title-activitat {font-size: 1.4rem; letter-spacing: -0.01em; line-height: 1;} .bloc-agenda-home .activitat-txt h3 {margin-top: 10px; font-size: 1.4rem; letter-spacing: -0.01em; line-height: 1;margin-top: 0;} .bloc-agenda-home .activitat-txt h3 a {color:#000;} .bloc-agenda-home .activitat-txt h3 a:hover {color: #006DC6;} .bloc-agenda-home .activitat-txt .field-quan-activitat, .bloc-agenda-home .activitat-txt .field-localitzacio-activitat {font-size: 0.5em;} #actividad h1 {margin-bottom: 30px;} #actividad .pull-left img {width: 100%; height:auto; margin-bottom: 40px} #contingut-addicional {display: block;float: right;position: relative;padding-left: 20px;} #contingut-addicional dl, #contingut-addicional .box-info {background: #f2f2f2; font-size: 14px;margin-top: 0;margin-bottom: 0.8em;} #contingut-addicional dl dt {padding: 14px 46px; font-size: 16px;} #contingut-addicional dl.on dt {cursor:pointer;background: url(../images/ico-detall-rosa.png) no-repeat 13px -477px, url(../images/arrow.png) no-repeat right 0;background-color: #e6e6e6;} #contingut-addicional dl.on dt.active {color:white;background: url(../images/ico-detall-rosa.png) no-repeat 13px 12px, url(../images/arrow.png) no-repeat right -50px;background-color: #417B5E;} #contingut-addicional dl.on dd {height: auto;overflow: hidden;} #contingut-addicional dl dd { padding: 15px;} #contingut-addicional dl dd span {font-weight: 700} #contingut-addicional dl.quan dd {display:none;} #contingut-addicional dd a { hyphens: auto; word-break: break-word; } #contingut-addicional dl.quan dt {cursor:pointer;background: url(../images/ico-detall-rosa.png) no-repeat 13px -541px, url(../images/arrow.png) no-repeat right 0;background-color: #e6e6e6;} #contingut-addicional dl.quan dt.active {color:white;background: url(../images/ico-detall-rosa.png) no-repeat 13px -54px, url(../images/arrow.png) no-repeat right -50px;background-color: #417B5E;} #contingut-addicional .box-info.phones dt {cursor:pointer;background: url(../images/ico-detall-rosa.png) no-repeat 13px -662px, url(../images/arrow.png) no-repeat right 0;background-color: #e6e6e6;} #contingut-addicional .box-info.phones dt.active {color:white;background: url(../images/ico-detall-rosa.png) no-repeat 13px -173px, url(../images/arrow.png) no-repeat right -50px;background-color: #417B5E;} #contingut-addicional .box-info dl, #fitxa #contingut-addicional dl.on dd {display: none;} #contingut-addicional .box-info dl dt {padding: 0 0.3em 0 0;float: left;font-size: 1em;background: none;letter-spacing: 0;clear: both;display: inline;font-weight: 400;} #contingut-addicional .box-info dl dd {padding: 0 0 0.8em 0;color: #666;font-weight: 300;} #contingut-addicional .box-info dl:last-child dd {padding-bottom: 0;} #contingut-addicional .box-info.web dt {cursor: pointer;background: url(../images/ico-detall-rosa.png) no-repeat 13px -717px, url(../images/arrow.png) no-repeat right 0;background-color: #e6e6e6;} #contingut-addicional .box-info.web dt.active {color:white;background: url(../images/ico-detall-rosa.png) no-repeat 13px -229px, url(../images/arrow.png) no-repeat right -50px;background-color: #417B5E;} #contingut-addicional .box-info.xarxes dt {cursor: pointer;background: url(../images/ico-detall-rosa.png) no-repeat 10px -835px, url(../images/arrow.png) no-repeat right 0;background-color: #e6e6e6;} #contingut-addicional .box-info.xarxes dt.active {color:white;background: url(../images/ico-detall-rosa.png) no-repeat 10px -347px, url(../images/arrow.png) no-repeat right -50px; background-color: #417B5E;} #contingut-addicional .box-info.email dt {cursor: pointer;background: url(../images/ico-detall-rosa.png) no-repeat 10px -775px, url(../images/arrow.png) no-repeat right 0;background-color: #e6e6e6;} #contingut-addicional .box-info.email dt.active {color:white;background: url(../images/ico-detall-rosa.png) no-repeat 10px -286px, url(../images/arrow.png) no-repeat right -50px; background-color: #417B5E;} #contenidor-pestanes {clear: both;width: 100%;margin-top: 40px;} #contenidor-pestanes ul#menu-pestanes {height: auto;margin: 0 0 -1px;padding: 0;clear: both;overflow: hidden;list-style-type: none;list-style: none;padding: 0;} #contenidor-pestanes ul#menu-pestanes li {float: left;margin: 0;padding: 0;list-style-type: none;background: none;list-style: none;} #contenidor-pestanes.pestanyes-3 ul#menu-pestanes li {width: 33.3%;} #contenidor-pestanes #menu-pestanes li a {width: 100%;display: block; text-decoration: none;border-bottom: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5; color: #696973;font-size: 1rem;height: 50px;padding: 12px 0;text-align: center;background: #f8f8f8;} #contenidor-pestanes #menu-pestanes li:last-child a {border-right: 1px solid #e5e5e5;} #contenidor-pestanes #menu-pestanes li a.active {border-bottom: 0;background: #f2f2f2;text-align: center;display: block; color: #696973;} #contenidor-pestanes .tabdetall {overflow-x:auto;background: #f2f2f2;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;padding: 30px;height: auto; /*overflow: hidden;*/} #contenidor-pestanes .tabdetall #horari {margin: 0 0 2em;background: #e6e6e6;} #contenidor-pestanes .tabdetall #horari h3 {background: #e30054;border: 1px solid #fff;color: #fff;font-family: "Source Sans Pro";font-size: 1.6em;font-weight: bold;margin: 0 0 -1px;padding: 0.5em 0.7em; text-transform: uppercase;border-bottom: 5px solid #f2f2f2;} #contenidor-pestanes .tabdetall #horari .content-horari {overflow: auto;} #contenidor-pestanes #div-informacio table {width: 100%;font-size: 1rem;border: 0;empty-cells: hide;border-collapse: collapse;background: #e6e6e6;} #contenidor-pestanes #div-informacio table th {text-transform: capitalize;padding-left: 10px;} #contenidor-pestanes #div-informacio table th:nth-child(1) {min-width: 100px;} #contenidor-pestanes #div-informacio table th:nth-child(2) {min-width: 75px;} #contenidor-pestanes #div-informacio table th:nth-child(3) {min-width: 75px;} #contenidor-pestanes #div-informacio table th:nth-child(4) {min-width: 120px;} #contenidor-pestanes #div-informacio table th:nth-child(5) {min-width: 120px;} #contenidor-pestanes #div-informacio table td {background-color: #fff;border-collapse: collapse;font-size: 1rem;margin: 0;padding: 0;vertical-align: middle; border: 1px solid #FFF; word-break: break-word; word-wrap: break-word;} /* #contenidor-pestanes #div-informacio table tr:nth-child(1) > td:nth-child(2) {vertical-align: middle!important; width: 200px; word-break: break-word; word-wrap: break-word;} */ #contenidor-pestanes #div-informacio table td:not([status="empty"]) {border: 1px solid #c0c0c0;} #contenidor-pestanes #div-informacio table td.content-info {display: table-cell;padding: 0.5em 0.7em;} #contenidor-pestanes .tabdetall p {margin: 0;padding: 0;} #contenidor-pestanes .tabdetall dt {float: left;margin: 0 0.3em 0 0;padding: 0;} #contenidor-pestanes .tabdetall dt:after {content: ":";} #contenidor-pestanes .tabdetall dd {margin: 0 0.3em 0 0;padding: 0;} #contenidor-pestanes .tabdetall h3, #contenidor-pestanes .tabdetall dl {font-size: 1rem;} #div-arribar .adreca {float:left;min-width: calc(100% - 145px); margin-bottom: 0;} #div-arribar .btn-secundary {float:right;margin-top: 5px; margin-right: 5px;} .guide-info-title {font-weight: 600; font-size: 18px;margin-bottom: 10px; display: block;} @media (max-width: 990px) { #contingut-addicional {margin-top: 40px;} } @media (min-width:768px) and (max-width:1200px) { #guides_all .media-content {min-height: 175px;} #guides_all .details-guide {max-width: calc(100% - 60px);} #guides_all .linkNewsDetail {max-width: calc(100% - 30px);} } @media (max-width: 768px) { .paragraph--id--914 .paragraph--type--bp-columns__2col {padding-left: 20px !important;padding-right: 20px !important;} .paragraph--id--908 .paragraph--type--bp-columns__2col {padding-left:0 !important; padding-right: 0 !important} .bloc-agenda-home .media-destacat, .bloc-news-home .media-destacat {width: 32%; height: auto;} .bloc-agenda-home .media-content, .bloc-news-home .item .media-content {width: 68%; padding: 5px 20px 0px 20px;height: 120px;} #news_all .item .media-content, .bloc-news-home .item .media-content {height:auto;} #guides_all .media-content {min-height: 160px;} #guides_all .details-guide {max-width: calc(100% - 60px);} #guides_all .linkNewsDetail {max-width: calc(100% - 30px);} .bloc-agenda-home .linkNewsDetail {max-width: calc(100% - 52px);} .bloc-agenda-home {padding-top: 30px; border-top: 1px solid #DDD; margin-top: 30px;} .bloc-agenda-home h2 {text-align: center;} .bloc-agenda-home .guide {border: 0;} .bloc-agenda-home .more-activities {margin: 35px auto 0; width: 215px; display: block;} #news_all .item h3, .bloc-news-home .item h3, .bloc-news-home .linkNewsDetail, .bloc-agenda-home h3 {font-size: 16px;} #guides_all .event-ubication, #guides_all .linkNewsDetail {font-size: 12px} } @media (max-width: 574px) { #guides_all .media-content {min-height: 140px;} #guides_all .details-guide {width: calc(100% - 60px);} #contenidor-pestanes .tabdetall {padding: 20px} } /********* BLOC MAPA COM ARRIBAR **************/ #map { height: 450px; } .cc-selector input{ margin:0;padding:0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } .walking {background:url(../images/walk.svg);} .transit {background:url(../images/bus.svg);} .driving {background:url(../images/car.svg);} .cc-selector input:active +.changemode-cc {opacity: .9;} .cc-selector input:checked +.changemode-cc{ -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-filter: brightness(1.2) grayscale(.5) opacity(1); -moz-filter: brightness(1.2) grayscale(.5) opacity(1); -ms-filter: brightness(1.2) grayscale(.5) opacity(1); -o-filter: brightness(1.2) grayscale(.5) opacity(1); filter: brightness(1.2) grayscale(.5) opacity(1); } .changemode-cc{ cursor:pointer; background-size:contain; background-repeat:no-repeat; display:inline-block; width: 36px; height: 20px; -webkit-transition: all 100ms ease-in; -moz-transition: all 100ms ease-in; -ms-transition: all 100ms ease-in; -o-transition: all 100ms ease-in; transition: all 100ms ease-in; -webkit-filter: brightness(1.8) grayscale(1) opacity(.7); -moz-filter: brightness(1.8) grayscale(1) opacity(.7); -ms-filter: brightness(1.8) grayscale(1) opacity(.7); -o-filter: brightness(1.8) grayscale(1) opacity(.7); filter: brightness(1.8) grayscale(1) opacity(.7); } .changemode-cc:hover{ -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9); -moz-filter: brightness(1.2) grayscale(.5) opacity(.9); -ms-filter: brightness(1.2) grayscale(.5) opacity(.9); -o-filter: brightness(1.2) grayscale(.5) opacity(.9); filter: brightness(1.2) grayscale(.5) opacity(.9); } .controls { margin-top: 10px; border: 1px solid transparent; border-radius: 2px 0 0 2px; box-sizing: border-box; -moz-box-sizing: border-box; height: 32px; outline: none; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); } #origin-input, #origin-input1 { background-color: #fff; font-family: Roboto; font-size: 13px; font-weight: 300; margin-left: 12px; padding: 0 11px 0 13px; text-overflow: ellipsis; width: 200px; } #origin-input:focus, #origin-input1:focus { border-color: #007AC3; } #mode-selector { color: #fff; background-color: #007AC3; margin-left: 12px; padding: 5px 5px 0px 10px; } #mylocation-btn, #mylocation-btn1, #locationMap-btn, #locationMap-btn1, #rutes-select { margin-left: 12px; padding: 2px 11px 0px 11px; cursor: pointer; font-size: 21px; background: white; color: #333; } #mode-selector label { font-family: Roboto; font-size: 13px; font-weight: 300; } #rutes-select{ margin-right: 12px; } #left-panel { font-family: 'Roboto', 'sans-serif'; line-height: 30px; padding-left: 10px; } #left-panel select, #left-panel input { font-size: 15px; } #left-panel select { width: 100%; } #left-panel i { font-size: 12px; } #left-panel { background-color: white; position: absolute; left: 0px; top: 0px; z-index: 99999; max-height: 450px; width: 450px; overflow: auto; display: none; } #close-left-panel{ margin-right: 5px; position: relative; cursor:pointer; background-color: #007AC3; color:white; text-align: left; padding-left: 10px; } #close-left-panel:before {font-family: 'icoajuntament' !important;content:"\e9b7";width: 14px;height: 14px; display: inline-block; margin-right: 5px;} .transport-mode { height: 32px; width: 65px; list-style:none; padding-left:0; margin-left: 10px; border: 0; } *::-ms-backdrop,.walking,.transport-mode li.walking {background-image:url(../images/walk.png);} *::-ms-backdrop,.transit,.transport-mode li.transit {background-image:url(../images/bus.png);} *::-ms-backdrop,.driving,.transport-mode li.driving {background-image:url(../images/car.png);} *::-ms-backdrop,#changemode-walking,#changemode-transit,#changemode-driving {opacity: 0;width: 1px;height: 1px;overflow: hidden;} .transport-mode li {background-size: 24px 24px !important; text-indent: 500px; overflow: hidden; width:65px; height:32px; padding: 5px 10px; z-index: 2; cursor: pointer;} .transport-mode li.walking {background: #007AC3 url(../images/walk.svg) center center no-repeat;} .transport-mode li.transit {background: #007AC3 url(../images/bus.svg) center center no-repeat;} .transport-mode li.driving {background: #007AC3 url(../images/car.svg) center center no-repeat;} .transport-mode li:not(.init) { float: left; display: none; } .transport-mode li:not(.init):hover, .transport-mode li.selected:not(.init) { background-color: #008ee0;} li.init { cursor: pointer; background-position: 13px center !important;} a#submit { z-index: 1; } @media print { #map { height: 500px; margin: 0; } #right-panel { float: none; width: auto; } } @media (max-width: 990px) { #left-panel{width: 100%;position: inherit;} } @media (max-width:830px) { #map .gm-style-mtc {display:none;} .transport-mode .bcn-icon-baix-bold {position: absolute; top: calc(50% - 5px); right: 8px; color: white} } @media (max-width:799px) { #left-panel{width:100%} } /********* BLOC PLÀNOL & SERVEIS ************/ #park-map {width:100%;height:500px;margin:0px auto;float:left;} /********* AVIS LEGAL **********/ .avis-legal .paragraph>.paragraph__column, .accessibilitat #bcn-accessibilitat {padding: 0} .accessibilitat article {padding-bottom: 50px;} /********* FAQS ACORDEON ************/ .paragraph--id--911 h2 {margin-top: 45px !important;margin-bottom: 15px !important;} .preguntes-respostes .paragraph--color--rgba-grey-light {padding-top:40px; } .preguntes-respostes .paragraph--color--rgba-grey-light .paragraph__column {padding-left:0; padding-right:0;} .paragraph--id--85 .paragraph__column {padding-top: 0 !important;} .views-bootstrap-acordion-faqs-bloc-home-block-3 {margin-top: 20px;} .faqs_bloc-header .paragraph__column {padding-top:40px !important; padding-bottom: 0 !important;} .faqs_bloc-header h2 {margin: 0 0 10px 0;} .path-frontpage .faqs_bloc {margin-bottom: 50px;} .view-acordion-faqs-bloc-home .panel-group {width: 100%} .view-acordion-faqs-bloc-home .panel {margin-bottom: 10px;} .view-acordion-faqs-bloc-home .panel-title {background: white; border-left:5px solid #006DC6; margin-bottom: 0;position: relative;} .view-acordion-faqs-bloc-home .panel-title a {font-weight: 400;color:#000; text-decoration: none;font-size: 18px; padding: 15px 50px 15px 20px; display: inline-block; line-height: 1.8rem; width: 100%} .view-acordion-faqs-bloc-home .panel-body {background: white; padding: 20px; } .view-acordion-faqs-bloc-home .panel-body p {margin-bottom: 0; color:#696973;} .view-acordion-faqs-bloc-home .acordeon-expanded {background: #417B5E; border-left: 5px solid #417B5E; color: white;} .view-acordion-faqs-bloc-home .acordeon-expanded a {color: white;} .view-acordion-faqs-bloc-home .panel-title a:after {font-weight: 400;content: '\e9bb';font-family: "icoajuntament"; font-size: 24px; position: absolute; right: 20px; top: calc(50% - 12px); color: #006DC6; transition: all ease .4s;} .view-acordion-faqs-bloc-home .acordeon-expanded a:after {font-weight: 400;content: '\e9bb'; font-family: "icoajuntament"; font-size: 24px; position: absolute;right: 20px;top: calc(50% - 12px);color: white;transition: all ease .4s;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);} .view-acordion-faqs-bloc-home .panel-default .panel-heading{border: solid 1px #DBDBDB;} @media (max-width: 1440px) and (min-width: 768px){ .paragraph--id--85 .paragraph--type--bp-columns__2col .paragraph__column {width: 100% !important} } @media (max-width: 768px){ .path-frontpage .faqs_bloc {margin-bottom: 20px;} } @media (max-width: 500px){ .view-acordion-faqs-bloc-home .panel-title a {line-height: 26px !important} } /********* BLOC INSTAGRAM HOME ************/ .bloc-instagram-home .paragraph__column {padding: 0 !important; } .bloc-instagram-home h2 {text-align: center; margin: 40px auto !important; position: relative} .bloc-instagram-home h2 a {color:#333; text-decoration: none} .bloc-instagram-home h2 a:hover {color:#006dc6;} .bloc-instagram-home .insta-follow {position: absolute; right: 15px; top: 6px; font-size: 16px;color:#3b3b3b} .bloc-instagram-home .insta-follow a{color:#3b3b3b} .bloc-instagram-home .insta-follow:after { content: '\e948'; font-family: "icoajuntament"; font-size: 16px; background: #CF4568; margin-left: 10px; color: white; width: 28px; height: 28px; display: inline-block; border-radius: 14px; position: relative; top: 1px; padding-top: 5px; padding-right: 1px; } .bloc-instagram-home .owl-carousel {position: relative;} .bloc-instagram-home .owl-carousel .owl-prev, .bloc-instagram-home .owl-carousel .owl-next { cursor: pointer; width: 48px !important; height: 48px !important; background: rgba(0,0,0,0.7) !important; border-radius: 24px !important; opacity:1 !important;font-size: 21px !important; line-height: 41px;} .bloc-instagram-home .owl-nav .owl-prev {position:absolute; left:20.5%; top: 37%} .bloc-instagram-home .owl-nav .owl-next {position:absolute; right:20.5%; top: 37%} .bloc-instagram-home .owl-nav .owl-next:before {position: relative;top: 3px; left: 1px;} .bloc-instagram-home .owl-nav .owl-prev:before {position: relative;top: 3px; left: -1px;} @media (min-width: 1400px) and (max-width: 1600px) { .bloc-instagram-home .owl-nav .owl-prev {left:14% !important} .bloc-instagram-home .owl-nav .owl-next {right:14% !important} } @media (min-width: 769px) and (max-width: 1399px) { .bloc-instagram-home .owl-nav .owl-prev {left:8% !important} .bloc-instagram-home .owl-nav .owl-next {right:8% !important} } @media (max-width: 768px) { .bloc-instagram-home .owl-nav .owl-prev {display:none !important} .bloc-instagram-home .owl-nav .owl-next {display:none !important} .bloc-instagram-home .insta-follow {right: 20px;} .bloc-instagram-home .insta-follow a {padding-top: 36px; overflow: hidden; display: block; position: absolute; top: 0; right: 0 !important; width: 32px; height: 32px; z-index: 99;right: 30px;} .bloc-instagram-home .insta-follow:after {width: 32px; height: 32px;border-radius: 16px;font-size: 19px;} } @media (max-width: 460px) { .bloc-instagram-home .insta-follow {display: none} } /********* BLOC MENÚ FOOTER ************/ .path-frontpage .site-footer {margin-top:0;} .site-footer__menu .region-menu-footer {display: block; margin:0;} .bloc-menu-footer {background: url(../images/trencadis_1920.jpg); background-size: cover; padding: 0 !important; font-family: 'Source Sans Pro', sans-serif; color:white !important;} .site-footer .block {margin: 0;} .bloc-menu-footer ul {padding-left: 0 !important; list-style: none; margin: 25px 0; line-height: 26px;} .bloc-menu-footer .footer-list-title {font-weight: 600;} .bloc-menu-footer .footer-contact-bloc {text-align:right;padding-right: 30px;} .btn-footer-toggle{text-transform: uppercase;} .site-footer .content a, .site-footer .content a.is-active {color: white;} .site-footer .footer-list-title{padding-bottom: 10px; font-size: 15px; color:white;} .btn-footer-toggle {position:relative;background-color: rgba(0,0,0,0.2);width: 100%; display: none;text-align: left;border-radius: 0;padding: 10px 10px 10px 20px;} .site-footer .bcn-icon-facebook, .site-footer .bcn-icon-instagram{font-size: 20px;margin-left: 10px;} .site-footer .bcn-icon-correu-email, .site-footer .bcn-icon-telefon{font-size: 24px;color: white;} .site-footer .bcn-icon-telefon{margin-right: 25px;} .site-footer .bcn-icon-correu-email{margin-right: 44px;} .btn-footer-toggle .bcn-icon-dalt-medium, .btn-footer-toggle .bcn-icon-baix-medium {position: absolute;right: 25px; top: 13px;} .unesco-logo {width: 75px;height: 120px;margin-top: 30px; background: url(../images/unesco_vertical_logo.svg) no-repeat;} .pg_footer{display: grid; gap: 20px; grid-template-columns: 1fr 1fr 1fr 1fr 75px;} .pg_footer .no_title_list{ padding-top: 36px;} @media screen and (max-width: 989px){ .btn-footer-toggle {display: block;} .bloc-menu-footer ul{margin-top: 30px; margin-bottom: 0px;} .bloc-menu-footer {background: url('/themes/park_guell/images/bg_footer_menu.jpg'); background-size: cover;} .bloc-menu-footer #collapseFooter {padding-bottom: 32px;} .pg_footer{display: grid; gap: 20px; grid-template-columns: 1fr 1fr;} #block-blocmenufooter{background-color: #363633;} .unesco-logo {width: 200px;height: 96px;margin-top: 30px; background: url(../images/unesco_footer.svg) no-repeat;} } @media screen and (max-width: 989px){ .bloc-menu-footer ul {padding-left: 10px !important;} .unesco-logo {width: 128px;height: 62px;} } @media screen and (max-width: 768px){ .site-footer__bottom ul {padding-left: 0 !important; padding-bottom: 20px; padding-top: 15px;} } @media screen and (max-width: 500px){ .site-footer__bottom ul {padding-bottom:0;} } /********* PEU CORPORATIUS AJUNTAMENT ************/ .site-footer {padding: 0; border: 0;} .site-footer__bottom {padding: 0; border: 0; margin: 0;} .site-footer .site-footer__bottom .region {margin-top: 0; height: 56px;} .site-footer__bottom .block {margin: 0;} #block-bloccomprafooter .content {padding: 0} .peu_corporatiu_aj .row { display: block; } .peu_corporatiu_aj { background: #f2f2f2; padding: 1rem 0; font-family: 'Source Sans Pro', sans-serif; } .peu_corporatiu_aj a img { height: 40px; width: 122px; max-width: 122px; } .peu_corporatiu_aj ul { text-align: right; float: right; margin: 0; } .peu_corporatiu_aj ul li { display: inline-block; margin-right: 1rem; margin-top: 10px; } .peu_corporatiu_aj a { color: black !important; } @media screen and (max-width: 768px){ .peu_corporatiu_aj ul li {margin-right:10px} } /********* BLOC FLOTANT COMPRA ************/ body.compra_desplegat { margin-bottom: 200px; } body.compra_desplegat_mini { margin-bottom: 50px; } @media screen and (max-width: 1680px){ body.compra_desplegat { margin-bottom: 150px; } } @media screen and (max-width: 768px){ .site-footer__bottom {height: 110px;} } @media screen and (max-width: 560px){ .site-footer__bottom {height: 150px;} body.compra_desplegat_mini {margin-bottom: 65px;} } #block-bloccomprafooter {position: inherit;} #compra_desplegat { transform: skewY(-2deg); transform-origin: top right; width: 100%; height: 200px; position: fixed; bottom: 0; left: 0; display: none; cursor: pointer; z-index: 999999; background: #db2d2d; /* Old browsers */ background: -moz-linear-gradient(left, #db2d2d 0%, #d18334 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #db2d2d 0%,#d18334 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #db2d2d 0%,#d18334 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db2d2d', endColorstr='#d18334',GradientType=1 ); /* IE6-9 */ } #compra_desplegat_mini { width: 100%; height: 50px; position: fixed; background-color: #DB2D2D; bottom: 0; left: 0; display: none; z-index: 999999; font-family: 'Source Sans Pro', sans-serif; cursor: pointer; } #compra_desplegat_mini .bcn-icon-dalt-bold {margin-right: 15px;} #compra_desplegat_mini .bcn-icon-dalt-bold, #compra_desplegat_mini .text-min-compra {position:relative; top: 5px;} #compra_desplegat .big_img_left{ position: absolute; top: 28px; left: 0px; transform: skewY(+2deg); background-image: url('/themes/park_guell/images/1920-park.png'); background-repeat: no-repeat; width: 100%; height: 100%; } #compra_desplegat .img-ticket { position: absolute; right: 15px; background-image: url('/themes/park_guell/images/1920-ticket-cut.png'); width: 330px; height: 249px; background-repeat: no-repeat; bottom: -48px; /*clip-path: polygon(0% 24%, 100% 24%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(0% 24%, 100% 24%, 100% 100%, 0% 100%); background-image: url('/themes/park_guell/images/1920-ticket.png'); */ } #compra_desplegat .text-container{ transform: skewY(+2deg); font-size: 32px; color: white; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; } #compra_desplegat .text-container .bcn-icon-baix-bold {font-size: 21px; margin-right: 15px;} .btn-primary-buy{ color: #0B55FC !important; background-color: #fff; background-image: none; border-color: #fff; border-width: 2px; font-family: 'Source Sans Pro', sans-serif; font-size:18px; font-weight: 700; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .btn-primary-buy:hover{ color: white !important; background: #0B55FC; border:2px solid #0B55FC; } .btn-outline-primary-visitants{ color: #fff; background-color: transparent; background-image: none; border-color: #fff; border-width: 2px; margin-bottom: 12px; margin-right: 24px; font-family: 'Source Sans Pro', sans-serif; font-size:18px; font-weight: 700; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .btn-outline-primary-visitants:hover{ color: red !important; background: white; } #compra_desplegat .btn-outline-primary-visitants, #compra_desplegat .btn-primary-buy { font-size: 18px; } #compra_desplegat_mini .btn-outline-primary-visitants, #compra_desplegat_mini .btn-primary-buy{ font-size: 14px; margin-bottom: 0px; } #compra_desplegat_mini .text-container{ color:white; font-size: 19px; font-weight: 600; } #compra_desplegat_mini .buttons-mini-compra {text-align: right;} @media (max-width: 987px) { #compra_desplegat_mini .buttons-mini-compra {display: none;} } .buttons-cont{ transform: skewY(+2deg); margin-top: 24px; } .center-container { position: relative; height: 100%; } .absolute-center { height: 50%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .button-responsive{ display: none; } #compra_desplegat_mini{ font-size: 14px; } #compra_desplegat_mini .absolute-center{ margin-top: 7px; } @media (max-width: 1680px) and (min-width: 990px) { #compra_desplegat .big_img_left{ background-image: url('/themes/park_guell/images/1280-park.png'); top: 10px; } #compra_desplegat .img-ticket{ background-image: url('/themes/park_guell/images/1280-ticket-cut.png'); right: -51px; bottom: -98px; } } @media (max-width: 1680px) { #compra_desplegat{height: 150px;} } @media (max-width: 1199px) { #compra_desplegat .absolute-center{height: 0px;margin: 0px;margin-top: 15px;} .buttons-cont {margin-top: 15px;} } @media (min-width: 1200px) and (max-width: 1680px) { .buttons-cont{ transform: skewY(+2deg); margin-top: 14px; } #compra_desplegat .text-container{ position: relative; top: -8px; } } @media (min-width: 990px) and (max-width: 1200px) { #compra_desplegat .absolute-center {top: 24px;} #compra_desplegat .text-container {font-size: 27px} } @media (max-width: 989px) { #compra_desplegat_mini .absolute-center {margin-top: 9px;} .button-responsive {display: block;float: right;} .button-desktop {display: none;} .button-responsive {display: block;float: right;} #compra_desplegat_mini .text-container {font-size: 17px; font-weight: 600;} #compra_desplegat_mini .btn-primary-buy {font-size: 13px;margin-bottom: 0px;} } @media (min-width: 768px) and (max-width: 990px) { #compra_desplegat .absolute-center {flex: none;} #compra_desplegat .text-container {font-size: 27px;text-align: center; margin: 5px 0 10px 0; flex: none; max-width: 100%;} .buttons-cont {margin-top: 3px; flex: none; max-width: 100%;} .buttons-cont .row {display: block; text-align: center;} .buttons-cont .row .col-xs {display: inline-block;} #compra_desplegat .btn-outline-primary-visitants {margin-bottom: 0;} #compra_desplegat .btn-outline-primary-visitants, #compra_desplegat .btn-primary-buy {font-size: 16px;} #compra_desplegat .big_img_left{ background-image: url('/themes/park_guell/images/990-park.png'); top: 20px; display: block; } #compra_desplegat .img-ticket{ background-image: url('/themes/park_guell/images/1280-ticket-cut.png'); right: -51px; bottom: -98px; display: block; } } @media (min-width: 600px) and (max-width: 768px){ #compra_desplegat .big_img_left{ background-image: url('/themes/park_guell/images/990-park.png'); top: 20px; display: block; } #compra_desplegat .img-ticket{ background-image: url('/themes/park_guell/images/1280-ticket-cut.png'); right: -51px; bottom: -98px; display: block; } } @media (max-width: 768px) { #compra_desplegat_mini .btn-outline-primary-visitants {display: none;} #compra_desplegat .text-container {font-size: 24px;text-align: center; margin: 10px 0;} .buttons-cont {margin-top: 10px;} .buttons-cont .row {display: block; text-align: center;} .buttons-cont .row .col-xs {display: inline-block;} #compra_desplegat .btn-outline-primary-visitants, #compra_desplegat .btn-primary-buy {font-size: 14px;} #compra_desplegat .btn-outline-primary-visitants {margin-bottom: 0;} } @media (max-width: 599px) { #compra_desplegat .big_img_left{display: none;} #compra_desplegat .img-ticket{display: none;} } @media (max-width: 480px) { #compra_desplegat .absolute-center {top:18px;} #compra_desplegat .text-container {font-size: 21px; margin:0px 0 10px 0;padding: 0 10px;} #compra_desplegat .text-container .bcn-icon-baix-bold {margin-right: 5px} .buttons-cont {margin-top: 8px;margin-left: 0px; padding-left: 0 !important; padding-right: 0 !important;} #compra_desplegat .btn-outline-primary-visitants, #compra_desplegat .btn-primary-buy {font-size: 12px;} .btn-outline-primary-visitants {margin-right: 10px;} #compra_desplegat_mini .text-container {font-family: 'Source Sans Pro', sans-serif; font-size: 15px; font-weight: 600; margin-top: 3px;padding: 0 10px;} #compra_desplegat_mini .bcn-icon-dalt-bold {margin-right: 5px;} #compra_desplegat_mini .bcn-icon-dalt-bold, #compra_desplegat_mini .text-min-compra {position:relative; top: 5px;} #compra_desplegat_mini .btn-primary-buy {font-size: 11px;} } /********* ENLLAÇOS INTERÈS ************/ .bloc-enllac-personalitzat {padding: 0 !important; text-align: center} .bloc-enllac-personalitzat a {margin-bottom: 20px; background: white; border-radius: 4px; display:block; padding: 15px 15px; border:1px solid #e0e0e0; text-decoration: none;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;} .bloc-enllac-personalitzat a:hover {border: 1px solid #83bfa1; background: #f6f6f6} .bloc-enllac-personalitzat .field--name-field-titol-bloc {font-weight: 600; font-size: 20px; margin:5px 0; color: #000;} .bloc-enllac-personalitzat .field--name-body {color: #666;} .bloc-enllac-personalitzat .field--type-fontawesome-icon {font-size: 38px; color: #417B5E;} .bloc-enllac-personalitzat p {margin-bottom: 0;line-height: 21px; font-size: 14px;} .link-enllac-interes {display:none} @media (min-width: 990px){ .bloc-enllac-personalitzat a {margin-left: 15px; margin-right: 15px;} } /********* IFRAME COMPRA ************/ .iframe-reserva {min-height: 930px; } /********* XARXES SOCIALS ICON ************/ .views-field-share-everywhere-field .se-block{ position: absolute; top: 0px; right: 15px; width: 150px; } .views-field-share-everywhere-field .se-trigger { background: rgba(255,255,255,0.75); width: 26px !important; height: 26px !important; } .views-field-share-everywhere-field .se-trigger img {display: block; width: 20px;height: 22px;filter: brightness(0%); position: relative; top: 2px; left: 3px;} /********* BLOC ALTRES ESPAIS EMBLEMÀTICS ************/ .bloc-altres-espais {padding-bottom: 50px !important;} .bloc-altres-espais h2 {color:#3b3b3b; font-family: 'Source Sans Pro', sans-serif; text-align: center; padding: 30px 0;} .bloc-altres-espais .field--name-field-descripcio-destacat {display: none;} .bloc-altres-espais .field--name-field-imatge-destacada {width: 255px; height: 164px;} .bloc-altres-espais .field--name-field-imatge-destacada img {min-height: 164px;} .bloc-altres-espais img {width: 100%; height: 255px; max-height: 164px;object-fit: cover;} .bloc-altres-espais .caption-carousel-altres-espais {border-bottom: 5px solid #417B5E;position: absolute; bottom: 0px; z-index: 9; background: rgba(255,255,255,0.85); padding: 10px; box-sizing: border-box; width: calc(100% - 30px); margin: 0;} .bloc-altres-espais .caption-title-altres-espais {width: 100%;} .bloc-altres-espais .caption-resum-altres-espais, .bloc-altres-espais .caption-link-altres-espais {display: none} .bloc-altres-espais .views-field-title {position: relative;} .bloc-altres-espais .caption-title-altres-espais, .bloc-altres-espais .caption-resum-altres-espais {color:#3b3b3b !important; font-family: 'Source Sans Pro', sans-serif;} .bloc-altres-espais .caption-resum-altres-espais {margin-top:5px;} .bloc-altres-espais .caption-title-altres-espais {font-weight: 600; font-size: 1rem; width: calc(100% - 30px);} .bloc-altres-espais .paragraph__column .img-carousel-altres-espais {padding-bottom:0;} .caption-carousel-altres-espais .bcn-icon-dalt-medium, .caption-carousel-altres-espais .bcn-icon-baix-medium { position: absolute; right: 15px; top: calc(50% - 8px); font-size: 18px; color:#696973 } .img-carousel-altres-espais .paragraph > .paragraph__column{padding-bottom: 0px;} .views-field-share-everywhere-field .se-block{width: auto;} .view-altres-espais-arquitectonics .views-field-share-everywhere-field .se-block {right: 30px;} .list-espais-emblematics .content h2{margin-bottom: 0px!important;} @media (min-width: 990px) and (max-width: 1200px) { .bloc-altres-espais .container {width: 890px;} .bloc-altres-espais .owl-carousel .owl-item {width: 211px !important; margin-right: 15px;} .view-altres-espais-arquitectonics .views-field-share-everywhere-field .se-block {right:0;} .bloc-altres-espais .owl-carousel .owl-item:last-child {margin-right: 0} .bloc-altres-espais .caption-carousel-altres-espais {width: 100%} } @media (min-width: 480px) and (max-width: 785px){ .img-carousel-altres-espais .paragraph > .paragraph__column {padding:0;} .bloc-altres-espais .caption-carousel-altres-espais {width: 100%} .paragraph--type--drupal-block-personalitzat {margin-top: 20px;} .bloc-altres-espais .field--name-field-imatge-destacada {width: 100%; height: auto;} .bloc-altres-espais .field--name-field-imatge-destacada img {height: auto; max-height: none;object-fit: none;margin-bottom: 0} .bloc-altres-espais .owl-carousel .owl-item {width: 187px !important; margin-right: 15px;} .bloc-altres-espais .owl-carousel .owl-item:last-child {margin-right: 0} .bloc-altres-espais .se-block {right: 0px !important;} .bloc-altres-espais .owl-theme .owl-controls {margin-top: 25px;} } @media (min-width:769px){ .bloc-altres-espais .field--name-field-imatge-destacada {width: 255px; height: 185px;} .bloc-altres-espais .field--name-field-imatge-destacada img {height: 255px; max-height: 185px;object-fit: cover;} } @media (max-width: 990px) { .bloc-altres-espais {padding-bottom: 25px !important;} } @media (min-width: 786px) and (max-width: 990px) { .bloc-altres-espais .caption-carousel-altres-espais {width: calc(100% - 15px);} .view-altres-espais-arquitectonics .views-field-share-everywhere-field .se-block {right:0;} .bloc-altres-espais .owl-carousel .owl-item {width: 230px !important; margin-right: 15px;} .bloc-altres-espais .owl-carousel .owl-item:last-child {margin-right: 0} .bloc-altres-espais .caption-carousel-altres-espais {width: 100%} .bloc-altres-espais .se-block {right: 0px;} .bloc-altres-espais .owl-theme .owl-controls {margin-top: 25px;} } @media (max-width:479px){ .img-carousel-altres-espais .paragraph > .paragraph__column {padding:0;} .bloc-altres-espais .field--name-field-imatge-destacada {width: 100%; height: 185px;} .bloc-altres-espais .field--name-field-imatge-destacada img {min-height: 185px;} .bloc-altres-espais .caption-carousel-altres-espais {width: 100%} .bloc-altres-espais .se-block {right: 0px !important;} .bloc-altres-espais .owl-theme .owl-controls {margin-top: 25px;} } /*------------- PÀGINA ESPAIS EMBLEMÀTICS ------------*/ #views-bootstrap-espais-emblematics-ii-block-1 {width: 100%;} #views-bootstrap-espais-emblematics-ii-block-1 .field--name-field-imatge-destacada img {max-width: 100%;height: 200px;object-fit: cover;margin: 0px;} #views-bootstrap-espais-emblematics-ii-block-1 .caption-resum-altres-espais, #views-bootstrap-espais-emblematics-ii-block-1 .caption-title-altres-espais {color: #3b3b3b !important;font-family: 'Source Sans Pro', sans-serif;} #views-bootstrap-espais-emblematics-ii-block-1 .field.field--name-field-descripcio-destacat.field--type-string.field--label-hidden.field__item, #views-bootstrap-espais-emblematics-ii-block-1 .caption-resum-altres-espais {display: none;font-size: 13px; margin-top: 5px;} #views-bootstrap-espais-emblematics-ii-block-1 .field.field--name-field-imatge-destacada.field--type-image.field--label-hidden.field__item{margin:0px;} #views-bootstrap-espais-emblematics-ii-block-1 .caption-carousel-altres-espais {border-bottom: 5px solid #417B5E;position: absolute; bottom: 0px; z-index: 9; background: rgba(255,255,255,0.85); padding: 10px; box-sizing: border-box; width: calc(100% - 30px);cursor:pointer;} #views-bootstrap-espais-emblematics-ii-block-1 .row .colums-margin {margin-bottom: 30px;} #views-bootstrap-espais-emblematics-ii-block-1 .caption-title-altres-espais {font-weight: 600; font-size: 1rem; width: calc(100% - 30px); line-height: 18px;} @media (max-width:575px){ .node--type-espais-emblematics .paragraph--type--carousel-superior-intern figure {height: auto !important} #views-bootstrap-espais-emblematics-ii-block-1 .row .colums-margin {margin-bottom: 30px;min-width:100%;} } #views-bootstrap-espais-emblematics-ii-block-1 div .clearfix { display:none!important;} /*------------- PÀGINA GALERIA MULTIMEDIA ------------*/ #views-bootstrap-galeria-imatges-v1-block-1 {width: 100%;} #views-bootstrap-galeria-imatges-v1-block-1 .img-carousel-altres-espais a img {max-width: 100%;height: 200px;object-fit: cover;margin: 0px;} #views-bootstrap-galeria-imatges-v1-block-1 .caption-resum-altres-espais, #views-bootstrap-galeria-imatges-v1-block-1 .caption-title-altres-espais {color: #3b3b3b !important;font-family: 'Source Sans Pro', sans-serif;} #views-bootstrap-galeria-imatges-v1-block-1 .field.field--name-field-descripcio-destacat.field--type-string.field--label-hidden.field__item, #views-bootstrap-galeria-imatges-v1-block-1 .caption-resum-altres-espais {display: none;font-size: 13px; margin-top: 5px;} #views-bootstrap-galeria-imatges-v1-block-1 .field.field--name-field-imatge-destacada.field--type-image.field--label-hidden.field__item{margin:0px;} #views-bootstrap-galeria-imatges-v1-block-1 .caption-carousel-altres-espais {border-bottom: 5px solid #417B5E;position: absolute; bottom: 0px; z-index: 9; background: rgba(255,255,255,0.85); padding: 10px; box-sizing: border-box; width: calc(100% - 30px);cursor:pointer;} #views-bootstrap-galeria-imatges-v1-block-1 .row .colums-margin {margin-bottom: 30px;} #views-bootstrap-galeria-imatges-v1-block-1 .caption-title-altres-espais {font-weight: 600; font-size: 1rem; width: calc(100% - 30px); line-height: 18px;} @media (max-width:575px){ #views-bootstrap-galeria-imatges-v1-block-1 .row .colums-margin {margin-bottom: 30px;min-width:100%;} } #views-bootstrap-galeria-imatges-v1-block-1 div .clearfix { display:none!important;} .node--type-galeria-multimedia-grid .breadcrumb{display: none;} .field--name-field-imagen-portada-galeria, .field--name-field-resum-portada-galeria{ display:none; } .list-galeria-imatges .content h2{margin-bottom: 0px!important;} /*------------- PÀGINA ESTAT DE LES OBRES ------------*/ #views-bootstrap-estat-de-les-obres-ii-block-obres {width: 100%;} #views-bootstrap-estat-de-les-obres-ii-block-obres .field--name-field-imatge-destacada img {max-width: 100%;height: 200px;object-fit: cover;margin: 0px;} #views-bootstrap-estat-de-les-obres-ii-block-obres .caption-resum-altres-espais, #views-bootstrap-estat-de-les-obres-ii-block-obres .caption-title-altres-espais {color: #3b3b3b !important;font-family: 'Source Sans Pro', sans-serif;} #views-bootstrap-estat-de-les-obres-ii-block-obres .field.field--name-field-descripcio-destacat.field--type-string.field--label-hidden.field__item, #views-bootstrap-estat-de-les-obres-ii-block-obres .caption-resum-altres-espais {display: none;font-size: 13px; margin-top: 5px;} #views-bootstrap-estat-de-les-obres-ii-block-obres .field.field--name-field-imatge-destacada.field--type-image.field--label-hidden.field__item{margin:0px;} #views-bootstrap-estat-de-les-obres-ii-block-obres .caption-carousel-altres-espais {border-bottom: 5px solid #417B5E;position: absolute; bottom: 0px; z-index: 9; background: rgba(255,255,255,0.85); padding: 10px; box-sizing: border-box; width: calc(100% - 30px);cursor:pointer;} #views-bootstrap-estat-de-les-obres-ii-block-obres .row .colums-margin {margin-bottom: 30px;} #views-bootstrap-estat-de-les-obres-ii-block-obres .caption-title-altres-espais {font-weight: 600; font-size: 1rem; width: calc(100% - 30px); line-height: 18px;} @media (max-width:575px){ .node--type-estat-de-les-obres .paragraph--type--carousel-superior-intern figure {height: auto !important} #views-bootstrap-estat-de-les-obres-ii-block-obres .row .colums-margin {margin-bottom: 30px;min-width:100%;} } #views-bootstrap-estat-de-les-obres-ii-block-obres div .clearfix { display:none!important;} .field--name-field-imagen-portada-galeria, .field--name-field-resum-portada-galeria{ display:none; } @media (max-width:575px){ .node--type-galeria-imatges .paragraph--type--carousel-superior-intern figure {height: auto !important} } .list-galeria-imatges .content h2{margin-bottom: 0px!important;} /************* PÀGINA GALERIA ************/ .lightgallery-wrapper .col-md-3 {max-height: 190px; overflow: hidden; margin-bottom: 30px;} .lightgallery-wrapper img {width: 100%; min-height: 190px;} .intro-text-galeria {margin-bottom: 40px;} @media (min-width: 768px) and (max-width: 990px) { .lightgallery-wrapper .col-md-3 {max-height: 120px; overflow: hidden; margin-bottom: 30px;} .lightgallery-wrapper img {width: 100%; min-height: 120px;} } @media (max-width: 768px) { .lightgallery-wrapper .col-sm-4 {max-height: 120px; overflow: hidden; margin-bottom: 30px;} .lightgallery-wrapper .col-sm-4 img {width: 100%; min-height: 120px;} } @media (max-width: 575px) { .lightgallery-wrapper .col-6 {max-height: 150px; overflow: hidden; margin-bottom: 30px;margin-bottom: 20px; padding: 0 10px;} .lightgallery-wrapper .col-6 img {width: 100%; min-height: 150px;} .lightgallery-wrapper .row {margin-left:0; margin-right: 0} } /************* PÀGINA TOUR VIRTUAL *************/ .tour-virtual {margin-top:45px; margin-bottom: 50px;} /************** BLOC ADDTOANY **************/ #block-addtoanybuttons {text-align: center;} #block-addtoanybuttons h2 {font-size: 1rem} #block-addtoanybuttons .addtoany_list {margin: 20px auto 0px; width: 162px; display: block !important;} /*********** UN PARC PER A TOTHOM ************/ .paragraph--id--304 {margin-top: 20px;} .view-slideshow-subhome .title-slide {font-size:49px; letter-spacing: -1px;} .lang-es .view-slideshow-subhome .title-slide, .lang-ca .view-slideshow-subhome .title-slide {font-size:44px; letter-spacing: -1px;} .un-parc-per-a-tothom .container-text-slide {width: 572px; margin-left: -286px;} .un-parc-per-a-tothom .paragraph--id--302 .paragraph__column {padding-bottom: 0;} .un-parc-per-a-tothom .paragraph.paragraph--color>.paragraph__column {padding-top: 40px; padding-bottom: 20px;} #news-pause-slider-subhome {display:none;color: #696973;cursor: pointer;position: relative;top: -5px; margin-right: 5px;} .parc-tothom-paddings {cursor:pointer} .parc_ofereix_block .views-field-share-everywhere-field .se-block {width: 206px;} .se-block.se-align-right .block-content .se-container .se-links-container{width: 144px;} .un-parc-per-a-tothom .parc_ofereix{margin-top: 45px;} .block-views-blockslideshow-subhome-block-1 {padding-bottom: 0px;} .block-views-blockslideshow-subhome-block-1 .owl-theme .owl-controls .owl-page span {width: 14px;height: 14px;background: white;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.9);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.9);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.9);} .block-views-blockslideshow-subhome-block-1 .owl-theme .owl-buttons .owl-prev {float: left;} .block-views-blockslideshow-subhome-block-1 .owl-theme .owl-buttons .owl-next {float: right;} .block-views-blockslideshow-subhome-block-1 .container-text-slide {margin-top: -95px;} .lang-es .block-views-blockslideshow-subhome-block-1 .container-text-slide, .lang-ca .block-views-blockslideshow-subhome-block-1 .container-text-slide {margin-top: -90px;} .block-views-blockslideshow-subhome-block-1 .container {margin: 0 auto;position: absolute;top: 0;left: 50%;margin-left: -570px;height: 320px;width: 1140px;} .block-views-blockslideshow-subhome-block-1 .field-content {padding: 0;margin-top: 0;} .block-views-blockslideshow-subhome-block-1 .owl-theme .owl-buttons {position: relative;top: calc(50% - 32px);} .block-views-blockslideshow-subhome-block-1 .owl-carousel .owl-prev, .block-views-blockslideshow-subhome-block-1 .owl-carousel .owl-next {cursor: pointer;width: 48px !important;height: 48px !important;background: rgba(0,0,0,0.7) !important;border-radius: 24px !important;opacity: 1 !important;font-size: 21px !important;line-height: 47px;} .paragraph--id--302 .owl-controls{display: none!important} .sub_home_first_paralax {padding: 80px 0 80px 0;color:white; background-image: url(../images/subhome_park_parallax1.jpg); background-attachment:fixed;background-position: center; background-repeat: no-repeat; object-fit: cover;} .sub_home_second_paralax {padding: 80px 0 80px 0;color:white; background-image: url(../images/subhome_park_parallax2.jpg); background-attachment:fixed;background-position: center; background-repeat: no-repeat; object-fit: cover;} .un-parc-per-a-tothom .title, .un-parc-per-a-tothom #block-park-guell-breadcrumbs {display: none;} .un-parc-per-a-tothom #main-wrapper {padding: 0px;} .un-parc-per-a-tothom #main,.un-parc-per-a-tothom .node__content {margin-top: 0px;} .parc_ofereix .title_parc,.parc_ofereix .content_parc {text-align: center;} .parc_ofereix .title_parc {font-size: 30px; color:#46484B; margin-bottom: 5px;} .parc_ofereix .content_parc {color:#696973;font-size: 14px;} #main #block-prova h2,#main #block-agenda h2 {color: black;} .un-parc-per-a-tothom .parc_ofereix_block {position: relative;} .parc_ofereix_block img{width: 100%;height: auto;object-fit: cover;margin: 0px;} .parc_ofereix_block .caption-carousel-altres-espais{border-bottom: 5px solid #417B5E;position: absolute;bottom: 0px;z-index: 9;background: rgba(255,255,255,0.85);padding: 10px;box-sizing: border-box;width: 100%;} .parc_ofereix_block .icons{color: #417B5E;font-size: 20px;margin-right: 10px;position: relative;top: 2px;} .parc_ofereix_block .caption-title-altres-espais{font-size: 16px;font-weight: 600;} .parc_ofereix_block .caption-resum-altres-espais,.parc_ofereix_block .caption-resum-altres-espais p{font-size: 14px;margin-bottom: 0px;line-height: 19px; margin-left: 16px;margin-right: 10px;} .parc-tothom-paddings {border-top-left-radius: 7px;border-top-right-radius: 7px;overflow: hidden;} .circle_img {cursor:pointer;display: none; border-radius: 50%;background: rgba(0,0,0,0.6);padding: 11px;padding-bottom: 13px;position: absolute;color: white;font-size: 34px;z-index: 1;position: absolute;left: 50%;top:calc(50% - 28px);transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);} .parallax-subhome-img-container{height: 180px; overflow:hidden;} .un-parc-per-a-tothom .paralax_subhome_img.paragraph>.paragraph__column{padding-bottom:0px} .parallax-subhome-img-container img, .parallax-img-container img {background-attachment: fixed;will-change: transform;vertical-align: middle;transition: transform 0.05s ease-out;} .un-parc-per-a-tothom #block-addtoanybuttons{padding-top: 40px;padding-bottom: 45px;} .un-parc-per-a-tothom #block-addtoanybuttons .addtoany_list{margin: 10px auto 0px;} @media (min-width: 1921px) { .parallax-subhome-img-container img, .parallax-img-container img {width:100%;} } @media (max-width: 1200px) and (min-width: 991px){ .block-views-blockslideshow-subhome-block-1 .container {margin: 0 auto;position: absolute;top: 0;left: 50%;margin-left: -480px;height: 380px;width: 960px;} } @media (max-width: 1200px) and (min-width: 768px){ .block-views-blockslideshow-subhome-block-1 .container-text-slide {margin-top: -130px;} .block-views-blockslideshow-subhome-block-1 .owl-theme .owl-buttons {top: calc(50% - 50px);} } @media (min-width: 990px) { .paragraph--id--331 .owl-wrapper {width: 100% !important;transform: none !important;} .paragraph--id--331 .owl-item {width: calc(33% - 30px) !important; margin: 20px 15px;} .paragraph--id--331 .views-field-share-everywhere-field .se-block {right:0px;} .paragraph--id--331 .owl-pagination {display: none !important} } @media (max-width: 990px) and (min-width: 768px){ .block-views-blockslideshow-subhome-block-1 .container {margin: 0 auto;position: absolute;top: 0;left: 50%;margin-left: -360px;height: 380px;width: 720px;} } @media (max-width: 990px){ .parc-tothom-paddings{margin:0 15px 15px 15px;} .sub_home_second_paralax,.sub_home_first_paralax,.un-parc-per-a-tothom #block-addtoanybuttons{display: none} .un-parc-per-a-tothom .view-slideshow-subhome .owl-theme .owl-controls .owl-pagination {display: inline-block !important} } @media (min-width:600px) and (max-width:767px) { .block-views-blockslideshow-subhome-block-1 .container-text-slide {margin-top: -128px;} .view-slideshow-subhome .title-slide {font-size: 48px;} .block-views-blockslideshow-subhome-block-1 .owl-theme .owl-buttons {display: none} .block-views-blockslideshow-subhome-block-1 .container {margin: 0 auto; position: absolute; top: 0; left: 50%; margin-left: -250px; height: 380px; width: 500px;} } @media (max-width:768px) { .paragraph--id--302 .paragraph__column {padding-left:0 !important; padding-right: 0 !important} } @media (max-width:599px) { .paragraph--id--304 {margin-top: 0px;} .paragraph--id--304 .paragraph__column {width: 100% !important; margin-left: 0 !important;} .block-views-blockslideshow-subhome-block-1 .container-text-slide {margin-top:0px;} .paragraph--id--302 .owl-controls, #news-pause-slider-subhome {display: inline-block !important;} .block-views-blockslideshow-subhome-block-1 .owl-theme .owl-buttons {display: none} .block-views-blockslideshow-subhome-block-1 .views-field-field-imatge-slideshow img {width: 100%; height: 200px; object-fit: cover;} .block-views-blockslideshow-subhome-block-1 .container {max-width: 100%;margin: 0 auto; position: relative;top: 0;left: 0;margin-left: 0;height: auto;width: auto;} .block-views-blockslideshow-subhome-block-1 .owl-theme .owl-controls {position: relative;margin: 25px auto 0;left: calc(50% - 150px);width: 300px;} .block-views-blockslideshow-subhome-block-1 .owl-theme .owl-controls .owl-page span {width: 14px;height: 14px;background: #696973;-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .view-slideshow-subhome .title-slide {font-size: 24px !important; font-weight: 600;letter-spacing: 0px; padding-top: 20px;} .un-parc-per-a-tothom .container-text-slide {width: 100%; margin-left: 0px; background: white;} .un-parc-per-a-tothom .text-box {font-size: 16px;} .un-parc-per-a-tothom .paragraph--type--bp-columns__2col .field--name-bp-block {margin-bottom: 0} .un-parc-per-a-tothom .bloc-news-home {margin-top: 0px;margin-bottom: 0; padding-bottom: 45px;padding-top: 32px;} .un-parc-per-a-tothom .bloc-agenda-home, .un-parc-per-a-tothom .bloc-news-home {background: #f2f2f2;} .un-parc-per-a-tothom .bloc-agenda-home {margin-top: 0; padding-bottom: 60px; margin-bottom: 0;} .paralax_subhome_img, .un-parc-per-a-tothom .content_parc {display: none} .un-parc-per-a-tothom .parc_ofereix { margin-top: 0px;} .un-parc-per-a-tothom .paragraph--type--bp-columns__2col {padding: 0 !important;} #guide, #news {padding: 0 15px;} .paragraph--id--318 .paragraph__column {padding-bottom: 0 !important;} } /********* LLOCS WEBS RECOMENATS ************/ .sep-web-recommenats{margin-right: 12px;margin-left: 12px;position: relative;} .view-llocs-web-recomanats img{width: 100%; height: auto;object-fit: cover;margin: 0px;} .view-llocs-web-recomanats .views-field-body, .view-llocs-web-recomanats .views-field-title span{position: absolute;bottom: 0px;color: white;background: rgba(105,105,115,0.9);width: 100% ;font-size: 14px;font-weight: 600;letter-spacing: 0;vertical-align: middle;padding-bottom: 5px;} .btn-web{border-radius: 45px;font-weight: 400;background: #FFF;color: #777;width: auto;padding: 0.2em 0.7em 0.2em;text-decoration: none;font-size: 14px;margin-left: 9px;margin-bottom: -11px;} .btn-web:hover{color: #777;text-decoration: none;} .view-llocs-web-recomanats .views-field-body p,.view-llocs-web-recomanats .views-field-body .field-content,.view-llocs-web-recomanats .views-field-title span{font-size: 14px;margin-bottom: 0px;line-height: 18px;padding: 4px 4px;line-height: 13px;} .view-llocs-web-recomanats .views-field-body .field-content{margin-bottom: 5px;} .view-llocs-web-recomanats .views-field-field-link{display: none;} .viewsreference--view-title{font-size: 30px;color: #333333;text-align: center;margin-bottom: 25px;} .view-llocs-web-recomanats .owl-controls {margin-top: 20px;} .view-llocs-web-recomanats .owl-buttons .owl-prev, .view-llocs-web-recomanats .owl-buttons .owl-next{font-size: 28px!important;color: #696973!important;opacity: 1;} .view-llocs-web-recomanats .owl-theme .owl-controls .owl-buttons div {padding: 0 60px;position: absolute;top: 33%;} .view-llocs-web-recomanats .owl-theme .owl-controls .owl-buttons .owl-prev {left: -56px;padding-left: 20px;} .view-llocs-web-recomanats .owl-theme .owl-controls .owl-buttons .owl-next {right: -30px;padding-right: 20px;} .view-llocs-web-recomanats .owl-pagination{display: none} @media (max-width: 975px) { .view-llocs-web-recomanats .owl-pagination{display: block} .view-llocs-web-recomanats .owl-buttons{display: none} } /*********** NATURA I BIODIVERSITAT ************/ .block-img{height: 400px; overflow: hidden;width: 100%;} .all-block{width:203px;} .btn-carousel-vertical{width: 100%;text-align: center;border:1px solid gray} .all-block .block-img img{margin-top: 10px;} .owl-carousel-biodiversitat.owl-theme .owl-dots .owl-dot span{display: none;} .natura-biodiversitat h3:first-child {margin-top:0 !important;} .natura-biodiversitat .nav-fill .nav-item{font-size: 16px;} .natura-biodiversitat #tabBiodiversitatContent img, .natura-biodiversitat .field--type-image img{width: 100%;height: auto;margin-bottom:0px; margin-top:10px;} .natura-biodiversitat .field--type-image{margin-right:0px;} .natura-biodiversitat .card-header {padding: 0px;border-bottom: 0px;border-radius: 0px;} .natura-biodiversitat .card-header h5 button{border-radius: 0px;text-align: left;} .natura-biodiversitat .card-header h5 button[aria-expanded="false"]{background: white;border-left: 5px solid #1679bf;margin-bottom: 0;position: relative;color: #3b3b3b;text-decoration: none;font-size: 1.2rem;display: inline-block;line-height: 1.8rem;width: 100%;} .natura-biodiversitat .card-header h5 button[aria-expanded="true"] {background: #417B5E;border-left: 5px solid #417B5E;color: white;width: 100%;text-align: left;} .natura-biodiversitat #accordion .card{margin-bottom: 10px;border-radius: 0px;} .natura-biodiversitat .card-header h5 button[aria-expanded="false"]::after {content: '\e9bb';font-family: "icoajuntament";font-size: 24px;position: absolute;right: 20px;top: 8px;color: #1679bf;transition: all ease .4s;} .natura-biodiversitat .card-header h5 button[aria-expanded="true"]::after {content: '\e9bb';font-family: "icoajuntament";font-size: 24px;position: absolute;right: 20px;top: 0px;color: white;transition: all ease .4s;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);} .box-atlas-side{cursor:pointer;text-align: center;border: 1px solid #E5E5E5;padding: 10px;display: block;margin-bottom: 25px;font-size: 0.9rem;-o-transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;transition: .5s;} .box-atlas-side-link, .box-atlas-side-link:hover {text-decoration: none; color: #417B5E;} .box-atlas-side:hover {border:1px solid #417B5E; background: #f8f8f8} .box-atlas-side span{font-size: 48px;margin: 15px 0;display: block;color: #417B5E;} .box-atlas-side p{color: #696973;} .box-atlas-side h3{margin-bottom: 5px!important;margin-top: 10px !important;font-size: 20px;font-weight: 600;} .box-atlas-side a{color: #417B5E;} .box-atlas-side a:hover{color: #417B5E;} #tabBiodiversitat {border-bottom: 0} #tabBiodiversitatContent .row .col-md-8{padding-right: 36px;} #tabBiodiversitat.nav-tabs .nav-link{height: calc(100% - 1px);border-top-left-radius:0px;border-top-right-radius:0px;background-color: #F8F8F8;color: #696973;border-left: solid 1px #E5E5E5;border-right: solid 1px #E5E5E5;border-top: solid 1px #E5E5E5;border-bottom: solid 1px #E5E5E5;} #tabBiodiversitat.nav-tabs .nav-link.active{background-color: white;color: #696973;border-bottom: solid 1px white;} .natura-biodiversitat .nav-tabs .nav-item{font-size: 18px;} @media (min-width:768px) { .owl-carousel-biodiversitat{display:none!important} } @media (max-width:768px) { .paragraph--id--796 {margin-bottom: 30px;} .all-block{display: none;} #tabBiodiversitatContent .row .col-md-8 {padding-left: 0 !important; padding-right: 0 !important} } @media (max-width:991px) { .natura-biodiversitat .nav-fill .nav-item{width:100%} #tabBiodiversitat.nav{display: block} #tabBiodiversitat.nav-tabs .nav-link{border-bottom: solid 1px #E5E5E5;} #tabBiodiversitat.nav-tabs .nav-link.active{border-bottom: solid 1px #E5E5E5;} } @media (max-width: 1200px) and (min-width: 991px){ .natura-biodiversitat .nav-tabs .nav-item{font-size: 15px;} } @media (max-width:560px) { .paragraph--id--796 {margin-bottom: 0px;} } #tabBiodiversitatContent { padding: 40px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } /************ PÀGINA COMPRA ************/ #compra{ margin-bottom: 40px; margin-top: 30px; } #compra .center-btn-compra { text-align: center; position: absolute; bottom: 25px; width: calc(100% - 50px); } #compra .btn-compra{ color: #000000; font-weight: 900; background-color: #FFFFFF; border-color: #FFFFFF; border-radius: 4px; font-size:14px; min-width: 120px; } #compra .btn-compra:hover {background:#005AA3;} #compra .btn-compra-mid1, #compra .btn-compra-mid2 {padding: 5px 10px; font-size: 12px;} #compra .btn-compra-mid2 {margin-left: 8px;} .lang-fr #compra .btn-compra-mid2 {margin-left: 0;} .lang-fr #compra .btn-compra-mid1, .lang-fr #compra .btn-compra-mid2 {width: 200px;} .lang-fr .btn-compra-mid1 {margin-bottom: 15px !important;} #compra .background-guell-yellow { color: white; min-height: 227px; padding: 20px 25px 20px 25px; background-image: url('/themes/park_guell/images/C-bg-mask.png'); border-radius: 5px; min-height: 372px; position: relative; } #compra .background-guell-green{ color: white; min-height: 227px; padding: 20px 25px 20px 25px; background-image: url('/themes/park_guell/images/A-bg-mask.png'); border-radius: 5px; min-height: 372px; position: relative; } .lang-fr #compra .background-guell-green, .lang-fr #compra .background-guell-blue, .lang-fr #compra .background-guell-yellow { min-height: 410px; } #compra .background-guell-blue{ color: white; padding: 20px 25px 20px 25px; background-image: url('/themes/park_guell/images/B-bg-mask.png'); border-radius: 5px; min-height: 372px; position: relative; } #compra .background-guell-yellow .col-lg-12, #compra .background-guell-green .col-lg-12, #compra .background-guell-blue .col-lg-12 {position: inherit;} #compra .background-guell-blue .link-text {color:white;text-decoration: underline} #compra .title{font-size: 22px; line-height: 28px; float: left; max-width: 178px; margin-right: 10px;} #compra .text {font-size: 16px; clear: left;} .ticket-desktop-ind{ background-image: url('/themes/park_guell/images/ticket_desktop_ind.svg'); width: 120px; height: 106px; background-size: 104px 78px; background-repeat: no-repeat; display: inline-block; margin-left: 10px; } .ticket-desktop{ background-image: url('/themes/park_guell/images/ticket_desktop.svg'); width: 130px; height: 90px; background-size: 130px 92px; background-repeat: no-repeat; display: inline-block; } .ticket-desktop-blue{ background-image: url('/themes/park_guell/images/tickets_desktop.svg'); width: 120px; height: 106px; background-size: 108px 88px; display: inline-block; background-repeat: no-repeat; } .ticket-mobile-blue{ display: none; background-image: url('/themes/park_guell/images/tickets_mobile.svg'); width: 125px; height: 58px; margin-bottom: 20px; background-repeat: no-repeat; } .ticket-mobile-ind{ display: none; background-image: url('/themes/park_guell/images/ticket_mobile_ind.svg'); width: 121px; height: 81px; margin-bottom: 20px; background-repeat: no-repeat; } .ticket-mobile{ display: none; background-image: url('/themes/park_guell/images/ticket_desktop.svg'); width: 121px; height: 81px; margin-bottom: 20px; background-repeat: no-repeat; } .btn-green-toggle { background-color: #417b5e; border-color: #417b5e; width: 100%; color: white; display: none; text-align: left; border-radius: 0; padding: 10px; } .btn-green-toggle:hover, .btn-green-toggle:focus{color:white;} .info-box-compra {margin-top: 30px;margin-left: 0; margin-right: 0;} .info-box-compra .info-compra p {margin-bottom: 0} #visitar-compra p ,#visitar-compra .visitar-entrada ul li {font-size: 16;color:#696973;} .info-box-compra .bcn-icon-informacio-consultes {font-size: 48px;color: #417b5e;} #visitar-compra .visitar-entrada ul li {margin-bottom: 10px;} .border-grey, #visitar-compra .visitar-entrada {margin-bottom:20px;border: 1px solid #E5E5E5;padding: 25px 15px 25px 15px; border-radius: 3px;} #visitar-compra .inf li {list-style-type:none} .img-responsive{width: 100%;height: auto;} #visitar-compra .contenidor_descripcio_textos p, #visitar-compra .contenidor_titol_textos p {margin-bottom: 0px;} #visitar-compra .contenidor_descripcio_textos p {font-size: 13px;} #visitar-compra .contenidor_titol_textos {font-weight: bold;font-size: 16px;} .btn-green-toggle .bcn-icon-dalt-medium.icon-legend, .btn-green-toggle .bcn-icon-baix-medium{float: right;margin-top: 3px;} #visitar-compra .contenidor_imatge_icon img{ width: auto; } #visitar-compra .inf{margin-bottom: 20px!important;} #visitar-compra .llegenda .contenidor_imatge_icon {text-align: center;} #block-blocdelplanolserveis {padding-left: 0;padding-right: 0;padding-bottom: 0;margin-bottom: 20px;border: 1px solid #ddd;border-bottom: 1px solid #ddd;} .info-compra li {margin-bottom: 20px;} .consulta-disponibilitat {background: #e0eafc; border-radius: 4px; text-align: center; padding: 25px 0;margin-bottom: 20px} .compra-entrades .title-v2 {font-size: 22px; font-weight: 600; display: inline-block; margin-right: 20px; position: relative; top: 2px; margin-bottom: 0;} @media (min-width: 990px) and (max-width: 1200px) { #compra .background-guell-green, #compra .background-guell-yellow, #compra .background-guell-blue {min-height: 550px !important;} .ticket-desktop-ind, .ticket-desktop-blue {width: 104px; height: 85px; margin: 0 auto; display: block;} .ticket-desktop {width: 120px; margin: 10px auto; display: block; height: 90px;} .ticket-desktop-blue {height: 95px; width: 100px;} #compra .title {font-size: 20px; line-height: 30px; max-width: none; margin-right: 0px; float:none;} #compra .btn-compra-mid1 { margin-bottom: 15px;} #compra .btn-compra-mid1, #compra .btn-compra-mid2 {padding: 5px 10px; font-size: 14px;} .lang-fr #compra .btn-compra-mid2 {font-size: 12px;} #compra .btn-compra-mid2 {margin-left: 0;} } @media (min-width: 768px) and (max-width: 990px) { #compra .center-btn-compra {position: relative; width: auto;bottom: 0;} #compra .btn-compra-mid1, #compra .btn-compra-mid2 {padding: 5px 10px; font-size: 14px;margin-top: 4px;} .lang-fr #compra .btn-compra-mid1, .lang-fr #compra .btn-compra-mid2 {width: 220px;} .lang-fr .btn-compra-mid1 {margin-bottom: 0px !important; margin-right: 10px;} .ticket-desktop-ind, .ticket-desktop, .ticket-desktop-blue{display: none;} #compra .background-guell-yellow, #compra .background-guell-green{margin-bottom: 30px;} #compra .background-guell-yellow, #compra .background-guell-green, #compra .background-guell-blue {min-height: 235px !important;} .ticket-mobile {display: block;float: right;width: 120px;height: 80px;margin-bottom: 10px;} .ticket-mobile-ind {display: block;float: right;width: 120px;height: 80px;margin-bottom: 10px;} .ticket-mobile-blue{display: block;float: right;width: 145px;height: 85px;margin-bottom: 10px;} #compra .text {text-align: left;clear: both;} #compra .title {text-align: left;font-size: 26px;line-height: 35px;float: left;max-width: 502px;margin-right: 10px;} } @media (max-width: 767px) { .lang-fr #compra .background-guell-green, .lang-fr #compra .background-guell-blue, .lang-fr #compra .background-guell-yellow {min-height: auto !important;} #compra .center-btn-compra {position: relative; width: auto;bottom: 0;} #compra .btn-compra-mid2 {margin-left: 15px !important;} #compra .btn-compra-mid1, #compra .btn-compra-mid2 {padding: 5px 10px; font-size: 12px;} #block-blocdelplanolserveis {margin-bottom: 0px;} #visitar-compra .llegenda {margin-bottom: 10px; padding: 0} .compra-extend {padding: 0} .compra-extend h2 {font-size: 22px;margin-bottom: 24px;} #compra .title {float: none; max-width: none; margin-right: 0} #compra .title,#compra .text {text-align: center;} #compra .btn-compra{float:none;margin: 10px 0;} #compra .background-guell-yellow, #compra .background-guell-green{margin-bottom: 15px !important;} #compra .background-guell-yellow, #compra .background-guell-green, #compra .background-guell-blue {text-align: center;} .ticket-desktop-ind, .ticket-desktop, .ticket-desktop-blue{display: none;} .ticket-mobile-ind, .ticket-mobile,.ticket-mobile-blue{display: block; margin: 0 auto 10px; width: 130px; height: 90px;} .ticket-mobile-blue {width: 164px;} .center-responsive{align-items: center;justify-content: space-around;display: flex;} #visitar-compra .bcn-icon-informacio-consultes{margin-bottom: 20px;} .btn-green-toggle {display: block;} #visitar-compra .border-grey{border: none;padding: 20px 0px 25px 0px !important;} #visitar-compra .llegenda .border-grey {border-bottom: 1px solid #ddd !important} .info-box-compra {border: solid #E5E5E5 1px !important;} .info-box-compra .center-responsive {margin-bottom: 15px;} .info-box-compra ul { padding-left: 35px;} .paragraph--id--252 .field--type-entity-reference{margin:0px;} .paragraph--id--252 .paragraph__column{padding-bottom:0px;} } @media (max-width: 650px) { .compra-entrades .title-v2 {display: block;margin-right: 0} .consulta-disponibilitat .btn-primary {margin-top: 20px;} } @media (max-width: 480px) { #compra .btn-compra-mid2 {margin-left: 0px !important;} } /******** PÀGINA DISPONIBILITAT *******/ #datepickerDispo {border-top: 2px solid #77bde5;} #datepickerDispo li {background:none;border:0; color:#666; text-align: center; border-radius: 0; cursor:pointer;} #datepickerDispo li.active {border-top:5px solid #007AC3;color:#007AC3; font-weight: bold} .c3-shapes-data4 path{ opacity: 0.2!important;} #paginationAttendanceChart div{ display:inline-block; cursor:pointer; margin-right: 20px; font-size: 1rem; color: #666; text-decoration: underline; } #paginationAttendanceChart div:last-child{margin-right:0;} #paginationAttendanceChart{text-align: center;margin-top: 25px;} #paginationAttendanceChart div.selected{text-decoration:none;font-weight: bold;} #chartAttendanceContainer{max-width: 600px;margin: 50px auto 20px;} #msgerrorDispo {text-align: center} @media (max-width:400px) { #datepickerDispo { padding-top: 15px; } #datepickerDispo li.active { border-top: 0; color: white; font-weight: bold; background: #007AC3; border-radius: 4px; } #chartAttendanceContainer { margin: 15px auto 20px; } #mainAttendanceChart g:nth-child(3) {margin-top:15px;} } /******** PÀGINA VISITES GUIADES ******/ .visites-guiades .paragraph--id--377 {display: none} .calendar-tabs .nav-link {padding: 15px 40px;} .calendar-content {background: #f2f2f2; padding: 40px 30px;} .calendar-content .ui-datepicker {width: 100%;padding: 0; border: 0} .datepicker-container {margin-bottom: 40px;} .datepicker-container table {font-family: 'Source Sans Pro', sans-serif; font-size:1rem; width: 100%;border-collapse: collapse; margin: 0 0 10px 0 !important;} .datepicker-container .ui-datepicker-title {font-family: 'Source Sans Pro', sans-serif;font-weight: 600; color: white} .datepicker-container .ui-datepicker .ui-datepicker-header {border: 0; border-radius: 0; background: #006DC6;} #datepickerP .ui-datepicker .ui-datepicker-header {background: #417B5E} .datepicker-container .ui-datepicker .ui-datepicker-header a, .datepicker-container .ui-datepicker .ui-datepicker-header a:hover, .datepicker-container .ui-datepicker .ui-datepicker-header a:active, .datepicker-container .ui-datepicker .ui-datepicker-header a:focus {font-weight: 600;border: 0;background: 0;top: 0;cursor: pointer;} .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {left: 0;} .ui-datepicker .ui-datepicker-header .ui-datepicker-next, .ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover {right: 0;} .datepicker-container .ui-datepicker-header .ui-datepicker-prev:before {font-family: 'icoajuntament' !important;content: "\e9b7";width: 14px;height: 14px;left: 10px;position: relative;top: 4px; font-size: 12px; padding: 6px;border-radius: 12px;color: white;} .datepicker-container .ui-datepicker-header .ui-datepicker-next:before {font-family: 'icoajuntament' !important;content: "\e999";width: 14px;height: 14px;right: 4px;position: relative;top: 4px; font-size: 12px; padding: 6px;border-radius: 12px;color: white;} .datepicker-container .ui-datepicker-header a .ui-icon {display: none;} .datepicker-container .ui-datepicker tr {border:0; background: white} .datepicker-container .ui-datepicker th, .datepicker-container .ui-datepicker td {text-align: center} .datepicker-container .ui-widget-content .ui-state-default {background: none;border: 0;} .datepicker-container .ui-datepicker td span.ui-state-active, .datepicker-container .ui-datepicker td a.ui-state-active {border-radius: 50%; background: #006DC6;color: #fff;line-height: 21px;} #datepickerP.ui-datepicker td span.ui-state-active, #datepickerP .ui-datepicker td a.ui-state-active {background: #417B5E;} .calender-content .ui-state-highlight {border-radius: 15%; background: #006DC6;color: #fff;} .datepicker-container .ui-datepicker td span, .datepicker-container .ui-datepicker td a {display: inline-block;text-align: center;width: 26px;height: 26px;} .datepicker-container #info-date, .datepicker-container #infoP-date {background: white;} #info-date .info-actual-date {background: #006DC6; text-align: center; color: white; line-height: 37px; font-weight: 600;} #infoP-date .info-actual-date {background: #417B5E; text-align: center; color: white; line-height: 37px; font-weight: 600;} #info-date .info-visites-lang, #infoP-date .info-visites-lang {padding-left:0;list-style: none; line-height: 30px; margin-bottom: 8px;} #info-date #info-wrap, #infoP-date #infoP-wrap {padding: 15px 30px 0 30px;} #info-date #info-dia-tancat, #infoP-date #infoP-dia-tancat {padding: 30px; text-align: center} #info-date .little-text, #infoP-date .little-text {padding: 0px 0px 5px 2px; line-height: 20px; margin-top: 10px;} #info-date .visita-buy, #infoP-date .visita-buy {margin: 10px 0 30px 30px;} .info-visites-lang .info-visita-txt {min-width: 70px; display: inline-block;} #info-date .info-visita-cat, #infoP-date .info-visita-cat {padding-left: 30px;background: url(../images/catalunya.svg) left center no-repeat; background-size: 20px 20px;} #info-date .info-visita-esp, #infoP-date .info-visita-esp {padding-left: 30px;background: url(../images/spain.svg) left center no-repeat; background-size: 20px 20px;} #info-date .info-visita-fra, #infoP-date .info-visita-fra {padding-left: 30px;background: url(../images/france.svg) left center no-repeat; background-size: 20px 20px;} #info-date .info-visita-eng, #infoP-date .info-visita-eng {padding-left: 30px;background: url(../images/england.svg) left center no-repeat; background-size: 20px 20px;} .punt-de-trobada img {max-height: 150px} .punt-de-trobada .little-text {display: block; margin-top: 5px;} .visites-guiades-inf .icons-visites-guiades {font-size: 27px;font-weight: 600;color: #006DC6;margin-bottom: 20px;} #cal2 .visites-guiades-inf .icons-visites-guiades {color: #417B5E;} .visites-guiades-inf .icons-visites-guiades span {position: relative; top: 3px; margin-right: 5px;} .visites-guiades-inf li {list-style-type: none;line-height: 23px;} .visites-guiades-inf{padding-bottom: 20px;} .visites-guiades-inf ul{padding-left: 0px;} .visites-guiades #cal1-tab {color:#006DC6;font-weight: 600} .visites-guiades #cal2-tab {color:#417B5E;font-weight: 600} .visites-guiades .content .nav-tabs .nav-link{background-color: #F8F8F8;color: #696973;font-size: 18px;border-left: solid 1px #E5E5E5;border-left: solid 1px #E5E5E5;border-top: solid 1px #E5E5E5;border-right: solid 1px #E5E5E5;border-radius:0px;} .visites-guiades .content .nav-tabs .nav-link.active{border-bottom: solid 1px #f2f2f2;border-left: solid 1px #E5E5E5;border-top: solid 1px #E5E5E5;border-right: solid 1px #E5E5E5;color: #696973;background-color:#f2f2f2} .calendar-content{border-left: solid 1px #E5E5E5;border-bottom: solid 1px #E5E5E5;border-right: solid 1px #E5E5E5;} .visites-guiades .content .nav-tabs .nav-link :not(.active) {border-bottom: solid 1px #dee2e6;} .visites-guiades .content .nav-tabs {border-bottom: 1px solid #dee2e6;} @media (min-width: 992px){ .datepicker-container .ui-datepicker td {padding: 10px 0;} } @media (min-width: 768px) and (max-width: 989px) { .visites-guiades .paragraph--id--377 {display: block} .visites-guiades .paragraph--id--375 {display: none} .paragraph--id--376 .paragraph--type--bp-columns-two-uneven__2col-column1 {float: none !important; width: 100% !important} } @media (max-width: 768px) { #info-date {margin-top: 15px;} .datepicker-container .ui-datepicker td a {width: 36px; height: 36px; padding: 8px;} } @media (max-width: 509px) { .visites-guiades .content .nav-tabs .nav-item {width: 100%} .visites-guiades .content .nav-tabs .nav-link, .visites-guiades .content .nav-tabs .nav-link.active {border-bottom: solid 1px #E5E5E5;} } /******** PÀGINA TARIFES & HORARIS **********/ .horaris-tarifes .datepicker-container { margin-bottom: 40px;margin-top: 25px;} .datepicker-container .ui-datepicker { width: 100%; padding: 0;border: 0;} .horaris-tarifes .datepicker-container .ui-datepicker tr {border:0; background: #f2f2f2} .horaris-tarifes #info-date #info-dia-tancat {background: #f2f2f2} .horaris-tarifes #info-date #info-temporada {background: #f2f2f2; padding: 20px 30px 10px 30px; font-weight: 600;} .horaris-tarifes #info-date .info-wrap {background: #f2f2f2; padding-left: 30px; padding-bottom: 30px;} .horaris-tarifes .info-hora-inici {padding-left: 30px;background: url(../images/entrada.svg) left center no-repeat; background-size: 20px 20px; margin-bottom: 5px;} .horaris-tarifes .info-hora-fi {padding-left: 30px;background: url(../images/sortida.svg) left center no-repeat; background-size: 20px 20px; margin-bottom: 5px;} .horaris-tarifes .info-ultima-hora {padding-left: 30px;background: url(../images/last_hour.svg) left center no-repeat; background-size: 20px 20px;} .horaris-tarifes .info-hora-inici-txt, .horaris-tarifes .info-hora-fi-txt, .horaris-tarifes .info-ultima-hora-txt {width: 160px; display: inline-block} .horaris-tarifes h3 {margin-top: 0 !important} .horaris-tarifes .owl-dots {display: none} .horaris-tarifes .owl-carousel .owl-dot {border-radius: 20px; width: 12px; height: 12px; margin: 5px 7px;} .preus-park-wrap {border-radius: 3px; border: 1px solid #E5E5E5; padding: 0 20px; margin-bottom: 15px;} .preus-park {font-size: 1rem; padding: 20px;} .preus-park tr, .preus-park th, .preus-park thead th {border-bottom: 1px solid #E5E5E5 !important} .preus-park td, .preus-park th {background: white;} .preus-park th:nth-child(2), .preus-park th:nth-child(3), .preus-park td:nth-child(2), .preus-park td:nth-child(3) {text-align:center;} .preus-park th {color:#222;} .preus-park td {color: #666; border-bottom: 1px solid #E5E5E5 !important;} .preus-park tr:last-child {border-bottom: 0 !important;} .preus-park tbody tr:last-child td {border-bottom: 0 !important;border-top: 0 !important;} @media (max-width: 768px) { .horaris-tarifes .owl-dots {display: block} .horaris-tarifes .paragraph--type--carousel-superior-intern {margin-bottom: 25px;} } /******** GRUPS ORGANITZATS ********/ .grups-organitzats .custom-container-1140 .paragraph__column:first-child {padding-left: 0; padding-right: 0;} .grups-organitzats .paragraph--type--bp-accordion .paragraph__column {padding-bottom: 0;} .grups-organitzats .paragraph--type--bp-image {margin-bottom: 30px;} .grups-organitzats h4 {margin-bottom: 15px;} .grups-organitzats .little-text {margin-top: 10px;} .grups-organitzats .content h2 {margin: 30px 0;} .grups-organitzats .paragraph--type--drupal-block-personalitzat {margin-bottom: 30px;} .grups-organitzats h2.text-align-center {margin-bottom: 0 !important; margin-top: 10px !important;} .grups-organitzats .paragraph--type--bp-column-wrapper:last-child {margin-top: 30px;} .grups-organitzats .paragraph--type--bp-column-wrapper:last-child .paragraph--type--bp-simple .paragraph__column {padding-bottom: 0px;} .grups-organitzats .paragraph--type--bp-column-wrapper {padding-bottom: 40px} .grups-organitzats img{width: 100%;height: auto;} .paragraph--bp-accordion-container .panel-title a {background: white; border-left:5px solid #006DC6; margin-bottom: 0;position: relative;color:#3b3b3b; text-decoration: none;font-size: 1.2rem; padding: 15px 45px 15px 20px !important; display: inline-block; line-height: 1.8rem; width: 100%} .paragraph--bp-accordion-container .card-header{padding: 0px;border-bottom:0px;} .paragraph--bp-accordion-container .panel-group {width: 100%} .paragraph--bp-accordion-container .panel-body {background: white; padding: 20px; } .paragraph.paragraph--type--bp-accordion .panel-heading a[aria-expanded="true"] {background: #417B5E; border-left: 5px solid #417B5E; color: white;} .paragraph.paragraph--type--bp-accordion .panel-heading a[aria-expanded="true"] a {color: white;} .paragraph.paragraph--type--bp-accordion .panel-heading a[aria-expanded="false"].display::after {content: '\e9bb';font-family: "icoajuntament"; font-size: 24px; position: absolute; right: 20px; top: calc(50% - 12px); color: #006DC6; transition: all ease .4s;} .paragraph.paragraph--type--bp-accordion .panel-heading a[aria-expanded="true"].display::after {content: '\e9bb'; font-family: "icoajuntament"; font-size: 24px; position: absolute;right: 20px;top: calc(50% - 12px);color: white;transition: all ease .4s;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);} .ticket-steps {padding-left: 15px;} .ticket-steps li {margin-bottom: 10px;} @media (max-width: 990px) { .grups-organitzats .paragraph--id--946 {margin-bottom: 0} .grups-organitzats .paragraph--id--949 .paragraph__column {padding-bottom: 0} } @media (max-width: 768px) { .grups-organitzats .paragraph--id--947 .btn-primary {margin-bottom: 30px;} .grups-organitzats .paragraph--id--947 .col-12:last-child .btn-primary {margin-bottom: 0;} .grups-organitzats .paragraph--id--947 .col-12 {padding-left: 40px;} } /********* PLANOLS I SERVEIS ************/ .planol-serveis .info-box-compra { margin-top: 40px !important;} .obres-park-guell{padding: 20px;margin: 30px 0; border-radius: 3px;background: #F5D670;} .obres-park-guell span {color: black;font-size: 36px;} .icons-fz-50{font-size: 26px;} div.background-icon-blue{width: 44px;height: 44px; border-radius: 50%;background: #006DC6; display: flex; justify-content: center; align-items: center; text-align: center;color: white;} #accesibilitat .contenidor_descripcio_textos{font-size: 16px;color: #696973;} #accesibilitat .contenidor_titol_textos h3{font-size: 18px;color: #000000;font-weight: 600} #accesibilitat .row{margin-bottom: 10px;} .planol-serveis .content h3 {margin:10px 0 !important;} #visitar-compra:first-child .row{margin: 0px;} .paragraph--id--121 .paragraph__column {padding-bottom: 0;} .paragraph--id--121 .field--name-bp-block {margin-bottom: 0} .planol-serveis .paragraph--color--rgba-grey-light {margin-top: 30px; padding-top: 30px;} @media (min-width: 1200px){ #visitar-compra:first-child .row .llegenda {padding-left: 0} } @media (min-width: 990px){ #visitar-compra:first-child .row .col-lg-8 {padding-left:40px; padding-right: 0} } @media (max-width: 990px){ .obres-park-guell {margin:30px 15px !important;} } @media (max-width: 768px) { .obres-park-guell .col-12 {padding-left: 0; padding-right: 0;} .obres-park-guell .col-12:first-child {text-align: center; margin-bottom: 10px; padding-top: 10px;} .obres-park-guell .col-12:first-child span {font-size: 48px;} .planol-serveis #visitar-compra .llegenda .border-grey {padding-top:0;} #accesibilitat h2 {margin-top: 15px !important; margin-bottom: 20px !important;margin-right: 15px !important; margin-left:15px !important;} #accesibilitat .row {margin: 0 5px;} .paragraph.paragraph--type--bp-columns-two-uneven.paragraph--style--66-33 .paragraph--type--bp-columns-two-uneven__2col-column1 {padding-right: 0} #accesibilitat .background-icon-blue {margin: 15px 0 10px; width: 54px; height: 54px;} #accesibilitat .background-icon-blue span {font-size: 32px;} } @media (max-width: 520px){ .obres-park-guell {width: calc(100% - 30px) !important;} } /******** COM ARRIBAR **********/ .com-arribar .content h3 { margin: 10px 0 !important; } .tabs-com-arribar #pills-bus-tab {background: url(../images/bus-guell-btn.svg) center center no-repeat;border: 1px solid #ddd;padding: 40px 120px;max-width: 314px;text-indent: -999999999px;white-space: nowrap;overflow: hidden;background-color: white;} .tabs-com-arribar #pills-park-tab {background: url(../images/park-guell-btn.svg) center center no-repeat;border: 1px solid #ddd;padding: 40px 120px;max-width: 314px;text-indent: -999999999px;white-space: nowrap;overflow: hidden;background-color: white;} .tabs-com-arribar .nav-link.active {background-color: #e5e5e5 !important;} .bus-guell-explain, .parc-guell-explain {text-align: center; margin-top: 25px; margin-bottom: 5px; line-height: 25px;} .parc-guell-explain {display: none;} .bold-text {font-weight: 700} .blue-bold-text {font-weight: 700;color: #006DC6} /******** PÀGINA GAUDIR MÉS ********/ .gaudir-mes .paragraph--id--701 img {width: 100%; height: auto} .gaudir-mes .paragraph--id--701 .field--name-bp-image-field {margin-right: 0} .gaudir-mes .ico-text-center .text-wrapper {padding-right: 15px;} @media only screen and (min-width: 768px){ .gaudir-mes .ico-text-center {padding-top: 20px;padding-bottom: 10px;border: 1px solid #E5E5E5;background: #f2f2f2;margin-top: 40px;} .gaudir-mes .ico-text-center .icona-wrapper {background: white;display: inline-block;position: relative;border: 2px solid #99588c;border-radius: 100%;width: 120px;height: 120px;padding: 26px;top: calc(50% - 65px);} .gaudir-mes .ico-text-center .icona-wrapper span {color: #70b8af;font-size: 64px;} .gaudir-mes .ico-text-center h3 {color: #336666; margin: 5px 0 15px 0 !important;} } @media only screen and (max-width: 767px){ .gaudir-mes .ico-text-center {padding-top: 20px;padding-bottom: 10px;border: 1px solid #E5E5E5;background: #f2f2f2;margin-top: 40px;} .gaudir-mes .ico-text-center .icona-wrapper {background: white;display: inline-block;position: relative;border: 2px solid #99588c;border-radius: 100%;width: 80px;height: 80px;padding: 16px;} .gaudir-mes .ico-text-center .icona-wrapper span {color: #70b8af;font-size: 46px;} .gaudir-mes .ico-text-center h3 {color: #336666; margin: 20px 0 20px 0 !important; font-size: 18px; font-weight: 600; text-align: center} .gaudir-mes .ico-text-center p {text-align: center;font-size: 0.9rem;} .gaudir-mes .ico-text-center .text-wrapper {padding-left: 15px} } @media (min-width: 768px) and (max-width: 990px){ .gaudir-mes .paragraph--type--bp-columns-two-uneven__2col-column1 {width: 100% !important;} .gaudir-mes .paragraph--type--bp-columns-two-uneven__2col-column2 {width: 50% !important; clear:left; margin: 0 auto; float: none !important; padding-top: 40px;} .gaudir-mes .ico-text-center .icona-wrapper {left: 10px;} } @media (min-width: 990px) and (max-width: 1200px){ .gaudir-mes .ico-text-center .icona-wrapper {left: 10px;} } /******** PÀGINA BUS GÜELL ***********/ .lang-ca .bus-guell-grafic {background: url(../images/Bus_Guell_Grafic_v2.svg) left center no-repeat;object-fit: cover; width: 100%; height: 290px; margin-bottom: 10px;} .lang-es .bus-guell-grafic {background: url(../images/Bus_Guell_Grafic_ES.svg) left center no-repeat;object-fit: cover; width: 100%; height: 290px; margin-bottom: 10px;} .lang-en .bus-guell-grafic {background: url(../images/Bus_Guell_Grafic_EN.svg) left center no-repeat;object-fit: cover; width: 100%; height: 290px; margin-bottom: 10px;} .lang-fr .bus-guell-grafic {background: url(../images/Bus_Guell_Grafic_FR.svg) left center no-repeat;object-fit: cover; width: 100%; height: 290px; margin-bottom: 10px;} @media (min-width: 990px) and (max-width: 1200px){ .info-box-compra .col-md-1 {padding-left:0;} } @media (min-width: 601px) and (max-width: 990px){ .info-box-compra .info-compra {padding-left:25px; padding-right: 0} .info-box-compra .col-md-1 {padding-left:0;} } @media (min-width: 601px) and (max-width: 990px){ .lang-ca .bus-guell-grafic, .lang-es .bus-guell-grafic, .lang-en .bus-guell-grafic, .lang-fr .bus-guell-grafic {height: 220px;} } @media (max-width: 767px){ .info-box-compra .info-compra {padding-left: 0;} .bus-guell .info-box-compra .bcn-icon-informacio-consultes {margin-bottom: 20px;} } @media (min-width: 601px) and (max-width: 768px){ .paragraph--id--791 .paragraph__column {padding-left: 0;padding-right: 0;} .lang-ca .bus-guell-grafic, .lang-es .bus-guell-grafic, .lang-en .bus-guell-grafic, .lang-fr .bus-guell-grafic {height: 174px;} } @media (max-width: 600px){ .lang-ca .bus-guell-grafic {background: url(../images/Bus_Guell_Grafic_vertical.svg) center center no-repeat;object-fit: cover; width: 100%; height: 600px; margin-bottom: 10px;} .lang-es .bus-guell-grafic {background: url(../images/Bus_Guell_Grafic_vertical_ES.svg) center center no-repeat;object-fit: cover; width: 100%; height: 600px; margin-bottom: 10px;} .lang-en .bus-guell-grafic {background: url(../images/Bus_Guell_Grafic_vertical_EN.svg) center center no-repeat;object-fit: cover; width: 100%; height: 600px; margin-bottom: 10px;} .lang-fr .bus-guell-grafic {background: url(../images/Bus_Guell_Grafic_vertical_FR.svg) center center no-repeat;object-fit: cover; width: 100%; height: 600px; margin-bottom: 10px;} } /********* ITINERARIS RECOMANATS *********/ #pills-tab li {margin:5px;} article .nav-tabs .nav-link, article .nav-pills .nav-link {border-top-left-radius: .25rem; border-top-right-radius:.25rem;} .paragraph--id--750 {margin-top: 40px} .llengenda-itinerari img {max-width: 31px; width: 24px;} .itinerari-desktop {margin-bottom: 20px !important;} .itinerari-mobile {display:none;margin-bottom: 35px !important;} .itinerari-mobile li.nav-item {margin-bottom: 8px !important; display: block; text-align: center;} .llengenda-itinerari {margin-top: 5px;} .itineraris-recomanats .app-list {display: none;list-style: none;position: absolute;top: 95%;left: 20%;padding: 5px 10px;border: 1px solid rgb(184, 179, 179);background-color: #fff;z-index: 3;font-size: 0.9rem;} .app-list a {color: #3b3b3b;} .itineraris-recomanats .app-list li {text-align: left;} .itineraris-recomanats .open-list img {width: 150px;margin-top:5px;margin-bottom:15px;} .itineraris-recomanats .content-apps-park {position: relative;} .itineraris-recomanats .app-list li.first {font-weight: 600;margin-bottom: 5px; text-decoration: none} .apps-img-responsive .app-list-google {border-radius: 3px;list-style: none;position: absolute; top: 45px; left: 15px;padding: 8px 12px;border: 1px solid rgb(184, 179, 179);background-color: #fff;z-index: 3;font-size: 0.9rem;} .apps-img-responsive .app-list-apple {border-radius: 3px;list-style: none;position: absolute; top: 93px; left: 15px;padding: 8px 12px;border: 1px solid rgb(184, 179, 179);background-color: #fff;z-index: 3;font-size: 0.9rem;} .apps-img-responsive .app-list-apple li.first, .apps-img-responsive .app-list-google li.first {font-weight: 600;} .itinerari1 {color: #EF5350 !important;background-color: white !important; border: solid 1px #EF5350 !important;} .itinerari2 {color: #BA68C8 !important;background-color: white !important; border: solid 1px #BA68C8 !important;} .itinerari3 {color: #64B5F6 !important;background-color: white !important; border: solid 1px #64B5F6 !important;} .itinerari1.active {color: #fff !important;background-color: #F44336 !important; border: solid 1px #F44336 !important;} .itinerari2.active {color: #fff !important;background-color: #9C27B0 !important; border: solid 1px #9C27B0 !important;} .itinerari3.active {color: #fff !important;background-color: #2196F3 !important; border: solid 1px #2196F3 !important;} @media (min-width:768px) and (max-width:990px) { .llengenda-itinerari img {width: 20px;} .contenidor_imatge_icon {padding: 0 10px;} .contenidor_titol_textos p {line-height: 21px;} } @media (min-width:768px) { .img-responsive-mobile-app{display: none;} .itineraris-recomanats .content-apps-park{margin-top: 50%;text-align: center;} } @media (max-width:768px) { .itinerari-mobile {display: block} .paragraph--id--750 {text-align: center} .itineraris-recomanats .app-list {left: calc(50% - 66px);} .content-apps-park{margin-top: 0%;} .img-mobile-app, .itinerari-desktop {display: none;} } @media (min-width:400px) and (max-width:767px) { .img-responsive-mobile-app{width:237px; margin-top:40px;} } /******** PROGRAMA EDUCATIU ***********/ .programa-educatiu .paragraph--id--945, .programa-educatiu .paragraph--id--999{width: 1140px !important; margin: 0 auto; float: none;height: 320px !important; min-width: inherit;margin-bottom: 60px;} .programa-educatiu .paragraph--color--rgba-grey-light{padding-bottom: 60px;margin-top:25px;} .programa-educatiu .paragraph--color--rgba-grey-light h2{ margin-bottom: 20px!important; margin-top: 10px !important;} .programa-educatiu .node .field--type-image {margin:0 0 25px 0;} .programa-educatiu .owl-carousel .owl-dot {border-radius: 20px; width: 12px; height: 12px; margin: 5px 7px;} @media (max-width:990px) { .programa-educatiu .paragraph--id--999 {width: calc(100% - 100px) !important; height: auto !important;margin-bottom: 15px;} } @media (max-width:768px) { .programa-educatiu .paragraph--id--999 {width: calc(100% - 60px) !important; height: auto !important;margin-bottom: 15px;} .programa-educatiu .paragraph.paragraph--width--medium>.paragraph__column {width: 90%; margin-left: 6%} } /******** PÀGINA COMPRA ENTRADES *********/ .compra-entrades .paragraph--id--1063 , .compra-entrades .paragraph--id--1064{padding-top: 35px;} .compra-entrades .paragraph--id--703 .field--type-image , .compra-entrades .paragraph--id--1064 .field--type-image {margin-right: 0} .compra-entrades .paragraph--id--1063 img , .compra-entrades .paragraph--id--1064 img {width: 100%; height: auto} .compra-entrades .ico-text-center {margin-bottom: 60px;padding-top: 12px;padding-bottom: 10px;border: 1px solid #E5E5E5;background: white;} .compra-entrades .ico-text-center .icona-wrapper { margin-left: 20px; margin-right: 20px;background: #fff3ff;display: inline-block;position: relative;border: 2px solid #99588c;border-radius: 100%;width: 80px;height: 80px;padding: 16px;} .compra-entrades .ico-text-center .icona-wrapper span {color: #70b8af;font-size: 46px;} .compra-entrades .ico-text-center h3 {color: #336666; margin: 5px 0 15px 0 !important;} .compra-entrades .ico-text-center .text-wrapper {display: inline-block;width: calc(100% - 126px);padding-right: 15px;} @media (min-width: 769px) and (max-width: 1024px){ .compra-entrades .paragraph--id--703 .paragraph--type--bp-columns__2col , .compra-entrades .paragraph--id--1064 .paragraph--type--bp-columns__2col {width: 80% !important; margin:0 auto;clear:left;float: none;} .compra-entrades .paragraph--id--703 .field--type-image , .compra-entrades .paragraph--id--1064 .field--type-image {margin-bottom: 15px; margin-left: 15px; margin-right: 15px; float: none;} } @media (max-width: 1024px){ .compra-entrades .paragraph--id--703 .field--type-image , .compra-entrades .paragraph--id--1064 .field--type-image {margin-bottom: 15px; margin-left: 15px; margin-right: 15px; float: none;} .compra-entrades .ico-text-center {margin-left: 15px; margin-right: 15px;} } @media (max-width: 500px){ .paragraph--id--703 .paragraph--type--bp-columns__2col , .paragraph--id--1064 .paragraph--type--bp-columns__2col {padding-left: 0 !important; padding-right: 0 !important} .compra-entrades .ico-text-center .icona-wrapper {margin: 0 auto;display: block;} .compra-entrades .ico-text-center {margin-bottom: 0} .compra-entrades .ico-text-center .text-wrapper {display: block;width: 100%; text-align: center;margin-top: 20px;padding-left: 15px;} } /******** PÀGINA NORMATIVA *********/ .normativa-access main .content ol li {margin-bottom: 15px;} /******* SITE MAP *********/ #site-map .menu li:not(.footer-list-title){margin-left: 20px;} #site-map .menu li.footer-list-title{margin-top: 15px;font-weight: 600;} #site-map .menu-footer{margin-top: 15px} /******** CONTACT **********/ .contact-form small {font-size: 90%;} .contact-form .first-select-form {width: 300px;} .contact-form .protection-text {margin-top: 30px !important;} .contact-form .form-check label {display: inline-block; margin-left: 5px; margin-top: 5px;position: relative; width: 100%; height: 80px;} .contact-form .form-check label label {position: absolute; width: 100%; height: 60px; left: 0; top: -5px;} .contact-form .form-actions {margin-top: 30px;} .contact-form .js-form-item, .contact-form .form-actions {width: 600px; margin: 0 auto;} .contact-form .js-form-item {margin-bottom:20px} .contact-form .js-form-type-webform-markup:first-child {width: auto !important; margin-bottom: 30px;} .webform-submission-form {margin-bottom: 50px;} @media (max-width: 768px){ .contact-form .first-select-form {width: auto;} .contact-form .js-form-item, .contact-form .form-actions {width: auto;} } /*********************/ /*ESTILS CSS-INJECTOR*/ /*********************/ /**************** CSS RESET ***********************/ .bcn-avis * { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; font-family: "Source Sans Pro", sans-serif; vertical-align: baseline; } /**************** CSS RESET ***********************/ .bcn-avisos { text-decoration: none; display: block; clear: both; } .bcn-avisos:hover { text-decoration: none; } /******************* GRID IF NO BOOTSTRAP *******************/ .bcn-avisos .bcn-avisos-grid { width: 1080px; margin: 0 auto; height: auto; position: relative; height: 100%; } @media screen and (max-width: 1024px) { .bcn-avisos .bcn-avisos-grid { width: 906px; } } @media screen and (max-width: 1023px) and (min-width: 768px) { .bcn-avisos .bcn-avisos-grid { width: 90.1%; } } @media screen and (max-width: 767px) { .bcn-avisos .bcn-avisos-grid { width: 93.75%; } } /******************* GRID IF NO BOOTSTRAP *******************/ #bcn-avisos-mesura { visibility: hidden; display: none; } .bcn-avisos p { font-size: 18px; line-height: 20px; } .bcn-avisos sub { bottom: 0; font-size: 60%; } .bcn-avisos .bcn-avisos-titol { background-color: white; } .bcn-avisos.negatiu { background-color: #4869ad; } .bcn-avisos.negatiu .bcn-avisos-titol { background-color: #4869ad; } .bcn-avisos.negatiu .bcn-avisos-titol p, .bcn-avisos.negatiu .bcn-avisos-text p, .bcn-avisos.negatiu .bcn-icon-dreta-bold { color: white; } .bcn-avisos .bcn-avisos-text p, .bcn-avisos .bcn-icon-dreta-bold { color: black; } .bcn-avisos .bcn-avisos-titol p { color: #e62037; } /* PARTIAL SLIDE */ @-moz-keyframes partial { 0% { -moz-transform: translate(0); } 100% { -moz-transform: translate(-100%); } } @-webkit-keyframes partial { 0% { -webkit-transform: translate(0); } 100% { -webkit-transform: translate(-100%); } } @keyframes partial { 0% { transform: translate(0); } 100% { transform: translate(-100%); } } /* FULL SLIDE */ @-moz-keyframes slide { 0% { -moz-transform: translate(100%); } 100% { -moz-transform: translate(-100%); } } @-webkit-keyframes slide { 0% { -webkit-transform: translate(100%); } 100% { -webkit-transform: translate(-100%); } } @keyframes slide { 0% { transform: translate(100%); } 100% { transform: translate(-100%); } } .bcn-avisos .bcn-avisos-text p.bcn-partial { /*Firefox*/ -moz-animation-name: partial; -moz-animation-duration: 30s; -moz-animation-iteration-count: 1; -moz-animation-timing-function: linear; -moz-animation-delay: 5s; /*Webkit*/ -webkit-animation-name: partial; -webkit-animation-duration: 30s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: linear; -webkit-animation-delay: 5s; /*Standard*/ animation-name: partial; animation-duration: 30s; animation-iteration-count: 1; animation-timing-function: linear; animation-delay: 5s; } .bcn-avisos .bcn-avisos-text p.bcn-slide { /*Firefox*/ -moz-animation-name: slide; -moz-animation-duration: 45s; -moz-animation-iteration-count: 1; -moz-animation-timing-function: linear; /*-moz-animation-delay: 15s;*/ /*Webkit*/ -webkit-animation-name: slide; -webkit-animation-duration: 45s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: linear; /*-webkit-animation-delay: 15s;*/ /*Standard*/ animation-name: slide; animation-duration: 45s; animation-iteration-count: 1; animation-timing-function: linear; /*animation-delay: 15s;*/ } @media only screen and (min-width:768px) { .bcn-avisos { overflow: hidden; min-height: 55px; height: auto; } .bcn-avisos .container, .bcn-avisos .row, .bcn-avisos .col-xs-12 { height: 100%; } .bcn-avisos .bcn-avis { position: relative; overflow: hidden; line-height: 55px; } .bcn-avisos .bcn-avisos-titol { position: relative; z-index: 1; float: left; line-height: 52px; } .bcn-avisos .bcn-avisos-titol * { display: inline-block; } .bcn-avisos .bcn-avisos-text { overflow: hidden; } .bcn-avisos .bcn-avisos-titol img { height: 30px; width: auto; vertical-align: middle; margin-right: 16px; } .bcn-avisos p { font-size: 18px; line-height: 55px; } .bcn-avisos .bcn-avisos-titol p { vertical-align: middle; padding-right: 12px; font-weight: 600; letter-spacing: -0.1px; /*margin-top: 8px;*/ } .bcn-avisos .bcn-avisos-text p { line-height: 55px; letter-spacing: -0.1px; } .bcn-avisos .bcn-avisos-text p.bcn-fixed { position: absolute; white-space: nowrap; } .bcn-avisos .bcn-icon-dreta-bold { position: absolute; top: 50%; right: 0; -ms-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); font-size: 18px; padding-left: 22px; padding-top: 8px; padding-bottom: 8px; line-height: 55px; } .bcn-avisos .bcn-icon-baix-light { display: none; } .bcn-avisos .bcn-icon-dreta-bold { background-color: white; } .bcn-avisos.negatiu .bcn-icon-dreta-bold { background-color: #4869ad; } .bcn-avisos .bcn-avisos-text .clon { -ms-transform: translate(100%,0); -moz-transform: translate(100%,0); -webkit-transform: translate(100%,0); transform: translate(100%,0); } .bcn-avisos.bcn-ie9 { height: auto; } .bcn-avisos.bcn-ie9 .bcn-avis { -ms-transform: none; -moz-transform: none; -webkit-transform: none; transform: none; overflow: auto; padding: 6px 0; } } @media only screen and (max-width:767px) { .bcn-avisos { padding-top: 8px; padding-bottom: 10px; } .bcn-avisos .grid { position: relative; } .bcn-avisos .bcn-avisos-titol { margin-bottom: 6px; } .bcn-avisos .bcn-avisos-titol img { margin-right: 8px; vertical-align: middle; float: left; margin-bottom: 4px; height: 21px; width: auto; } .bcn-avisos .bcn-avisos-titol p { display: block; font-size: 16px; line-height: 16px; font-weight: 600; position: relative; float: left; width: calc(100% - 30px); margin-bottom: 10px; } .bcn-avisos .bcn-avisos-text { padding-right: 18px; transition: all ease .5s; height: auto; clear: both; } .bcn-avisos .bcn-avisos-text.bcn-clamp { height: 32px !important; overflow: hidden; } .bcn-avisos .bcn-avisos-text p { font-size: 14px; line-height: 16px; } .bcn-avisos .bcn-icon-dreta-bold { display: none; } .bcn-avisos .bcn-icon-baix-light { position: absolute; right: 10px; bottom: 0px; font-size: 18px; transition: all ease .5s; } .bcn-avisos .bcn-icon-baix-light.bcn-rotate { -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .bcn-avisos .bcn-icon-baix-light { color: black; } .bcn-avisos.negatiu .bcn-icon-baix-light { color: white; } } #cboxOverlay {width: 600px;height: 500px;left: calc(50% - 300px);top: calc(50% - 250px); opacity: 0.75 !important;border-radius:5px;} #cboxLoadedContent {background:white;padding: 20px; max-width: calc(100% - 40px);font-size: 15px;} .preu-guell-box .info-entrada, .preu-guell-box .info-visita-guiada, .preu-guell-box .info-visita-guiada-plus, .preu-guell-box .info-visita-guiada-privada, .preu-guell-box .info-grups-organitzats {display:none;} .info-entrada ul, .info-visita-guiada ul, .info-visita-guiada-plus ul, .info-visita-guiada-privada ul {padding-left:20px;} .info-entrada li, .info-visita-guiada li, .info-visita-guiada-plus li, .info-visita-guiada-privada li {margin-bottom: 10px; line-height: 20px;} #compra .img-buying {min-height:201px;} #compra .img-buying img {border-radius: 10px;} .preu-guell-box {position:relative;min-height:338px;} .blue-guell .preu-guell-box {position:relative;min-height:300px;} .blue-guell .preu {position: absolute;right: 30px;top: 135px; color: white; font-size: 36px; font-weight: 600;z-index:999} .blue-guell .taca-entrada-individual {position: absolute;right: 20px;top: 110px;z-index:99;} .red-guell .preu {position: absolute;left: 32px;top: 133px; color: white; font-size: 36px; font-weight: 600;z-index:999} .red-guell .taca-visita-guiada {position: absolute;left: 20px;top: 93px;z-index:99;} .yellow-guell .preu {position: absolute;left: 32px;top: 10px; color: white; font-size: 36px; font-weight: 600;z-index:999} .yellow-guell .taca-visita-guiada-plus {position: absolute;left: 20px;top: 5px;z-index:99;} .green-guell .preu {position: absolute;right: 30px;top: 13px; color: white; font-size: 36px; font-weight: 600;z-index:999} .green-guell .taca-visita-guiada-privada {position: absolute;right: 20px;top: 5px;z-index:99;} #compra .btn-compra {width: calc(100% - 40px);} #compra .title {text-align: left;padding-left: 15px;margin-top: 5px;} #compra .text {text-align: left; padding-left: 15px; font-size: 16px;color:#666;} #compra .blue-guell, #compra .red-guell, #compra .yellow-guell, #compra .green-guell { margin: 5px; padding: 0 0 20px 0; background-image: none; background-color: white; border: 1px solid #d2d2d2; border-radius: 15px; position: relative; } #compra .blue-guell:hover { background-color: #ECF4FF; border: 1px solid #006DC6; } #compra .red-guell:hover { background-color: #FFEEEE; border: 1px solid #FF3D3E; } #compra .yellow-guell:hover { background-color: #FFF4E1; border: 1px solid #F59B00; } #compra .green-guell:hover { background-color: #DFFFEF; border: 1px solid #417B5E; } #compra .center-btn-compra { width: 100%; position: relative; bottom: 0; } #compra .red-guell .btn-compra{ background: #FF3D3E; border-color: #FF3D3E; } #compra .red-guell .btn-compra:hover{ background: #e82727; border-color: #e82727; } #compra .yellow-guell .btn-compra{ background: #F59B00; border-color: #F59B00; } #compra .yellow-guell .btn-compra:hover{ background: #e58500; border-color: #e58500; } #compra .green-guell .btn-compra{ background: #417B5E; border-color: #417B5E; } #compra .green-guell .btn-compra:hover{ background: #326b4d; border-color: #326b4d; } .grups-stamp{ background:#D9E4DF; border-radius: 4px; text-align: center; padding: 25px 0; margin-bottom: 20px; } .escoles-stamp{ background-color: rgba(255,61,62,0.2); border-radius: 4px; text-align: center; padding: 25px 0; margin-bottom: 20px; } .grups-stamp .title-v2, .escoles-stamp .title-v2 { font-size: 22px; font-weight: 600; float:left; margin-left: 25px; position: relative; top: 2px; margin-bottom: 0; } .grups-stamp .right-btn {color:#417B5E;background:transparent;border-color: #417B5E;font-weight: 600;float:right; margin-right:25px;} .grups-stamp .right-btn:hover,.grups-stamp .right-btn:focus {color:white;background:#417B5E !important;border-color: #417B5E !important;} .escoles-stamp .escoles-btn {color:#FF3D3E;background:transparent;border-color: #FF3D3E;font-weight: 600;float:right; margin-right:25px;} .escoles-stamp .escoles-btn:hover,.escoles-stamp .escoles-btn:focus {color:white;background:#FF3D3E !important;border-color: #FF3D3E !important;} @media screen and (min-width: 992px) and (max-width: 1200px) { .blue-guell .preu {position: absolute;right: 29px;top: 101px; color: white; font-size: 31px; font-weight: 600;} .red-guell .preu {position: absolute;left: 29px;top: 101px; color: white; font-size: 31px; font-weight: 600;} .yellow-guell .preu {position: absolute;left: 28px;top: 7px; color: white; font-size: 31px; font-weight: 600;} .green-guell .preu {position: absolute;right: 27px;top: 10px; color: white; font-size: 31px; font-weight: 600;} .green-guell .taca-visita-guiada-privada {right:1px;} .blue-guell .taca-entrada-individual {right:-1px;top: 86px;} .red-guell .taca-visita-guiada {top:73px;} .green-guell .taca-visita-guiada-privada img, .yellow-guell .taca-visita-guiada-plus img, .red-guell .taca-visita-guiada img, .blue-guell .taca-entrada-individual img {width:80%;} #compra .img-buying {min-height: 155px;} #compra .title {font-size: 18px;} #compra .text {font-size: 15px !important;} } @media screen and (min-width: 769px) and (max-width: 991px) { #compra .blue-guell, #compra .red-guell, #compra .yellow-guell, #compra .green-guell {padding:0;} #compra .blue-guell, #compra .red-guell, #compra .yellow-guell {margin-bottom:20px;} #compra .center-btn-compra {text-align: left; margin-left: 20px;} #compra .btn-compra {width: 240px;} .blue-guell .preu {left: 198px;top: 136px;} .green-guell .preu {left: 198px;top: 15px;} #compra .title {padding-left: 20px; margin-top: 15px;} #compra .text {padding-left: 20px;} .red-guell .taca-visita-guiada {top: 96px;} .blue-guell .taca-entrada-individual {left:162px;} .green-guell .taca-visita-guiada-privada {left: 171px;} } @media (max-width: 768px){ #compra .img-buying {text-align:center;} #compra .blue-guell, #compra .red-guell, #compra .yellow-guell, #compra .green-guell {padding: 20px 0 10px 0;} #compra .blue-guell, #compra .red-guell, #compra .yellow-guell {margin-bottom:20px;} .blue-guell .preu {right: calc(50% - 110px);z-index:999; top: 134px;} .blue-guell .taca-entrada-individual {right: 56px; top: 104px;} .red-guell .preu {left: calc(50% - 110px);z-index:999; top: 136px;} .red-guell .taca-visita-guiada {top:91px; left:56px;} .yellow-guell .preu {left: calc(50% - 110px);z-index:999; top: 12px;} .yellow-guell .taca-visita-guiada-plus {left: 56px; top: 0px;} .green-guell .preu {right: calc(50% - 110px);z-index:999; top: 15px;} .green-guell .taca-visita-guiada-privada {right: 57px; top: 0px;} #compra .btn-compra {width: 242px;} #compra .title {text-align:center;} #compra .text {text-align:center;} } @media (max-width: 450px){ #cboxOverlay {width: 100%;height: 100%;left: 0;top: 0;border-radius:0px} #compra .btn-compra {margin: 30px auto 0 !important;} #compra .blue-guell, #compra .red-guell, #compra .yellow-guell, #compra .green-guell {padding: 20px 0 20px 0;} .grups-stamp {margin-bottom: 20px;} .grups-stamp, .escoles-stamp, .grups-stamp .grups-btn, .escoles-stamp .escoles-btn {text-align:center;} .grups-stamp .title-v2, .escoles-stamp .title-v2 {float: none; margin: 0 0 20px 0;} .grups-stamp .grups-btn, .escoles-stamp .escoles-btn {float:none; margin:0;} .grups-stamp .right-btn {float:none; margin-right:0;} .blue-guell .preu {top:132px;} .blue-guell .taca-entrada-individual {right: 21px; top: 104px;} .red-guell .preu {top:131px;} .red-guell .taca-visita-guiada {top:91px; left:21px;} .yellow-guell .preu {top:7px;} .yellow-guell .taca-visita-guiada-plus {left: 21px; top: 0px;} .green-guell .preu {top:10px;} .green-guell .taca-visita-guiada-privada {right: 21px; top: 0px;} .obres-park-guell {margin:30px 0 !important;width: 100% !important;} } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { .blue-guell .taca-entrada-individual {right: 28px; top: 104px;} .red-guell .taca-visita-guiada {top:91px; left:28px;} .yellow-guell .taca-visita-guiada-plus {left: 28px; top: 0px;} .green-guell .taca-visita-guiada-privada {right: 28px; top: 0px;} .grups-stamp .right-btn {float:none; margin-right:0;} } .awemenu-nav {z-index: 9999 !important;} /*** AMAGAR VISITES GUIADES PLUS A "VISITES GUIADES" *****/ .calendar-tabs li.nav-item:nth-child(2) { display: none; } /*** FI ***/ /****Visites guiades Plus ****/ .visites-guiades #cal2-tab {color: #de8d00; font-weight: 600;} .visites-guiades #cal3-tab {color: #417B5E; font-weight: 600;} .visites-plus #cal2-tab, #cal2 .visites-guiades-inf .icons-visites-guiades, .visites-plus .visites-guiades-inf .icons-visites-guiades {color: #de8d00;} #cal3 .visites-guiades-inf .icons-visites-guiades {color: #417B5E;} .visites-plus .calendar-tabs li.nav-item {width:100%;} .visites-plus .calendar-tabs li.nav-item a {padding: 25px 40px 0px 35px;} .visites-plus .paragraph--id--1251 {display:none;} .visites-plus #cal2-tab {font-size: 27px;} .datepicker-container #infoPlus-date {background: white;} #infoPlus-date .info-visita-cat, #infoPlus-date .info-visita-fra {display:none;} #infoPlus-date .little-text {padding: 0px 0px 5px 2px; line-height: 20px; margin-top: 10px;} #infoPlus-date .info-visites-lang {padding-left: 0; list-style: none; line-height: 30px; margin-bottom: 8px;} #infoPlus-date .info-visita-cat {padding-left: 30px;background: url(/themes/park_guell/images/catalunya.svg) left center no-repeat; background-size: 20px 20px;} #infoPlus-date .info-visita-esp {padding-left: 30px;background: url(/themes/park_guell/images/spain.svg) left center no-repeat; background-size: 20px 20px;} #infoPlus-date .info-visita-fra {padding-left: 30px;background: url(/themes/park_guell/images/france.svg) left center no-repeat; background-size: 20px 20px;} #infoPlus-date .info-visita-eng {padding-left: 30px;background: url(/themes/park_guell/images/england.svg) left center no-repeat; background-size: 20px 20px;} #infoPlus-date .info-actual-date {text-align: center;color: white;line-height: 37px;font-weight: 600;} #infoPlus-date .visita-buy {margin: 10px 0 30px 30px; background: #de8d00; border-color: #de8d00;} #infoPlus-wrap {padding: 15px 30px 0 30px;} #datepickerPlus .ui-datepicker td a.ui-state-active {background: #de8d00;} #datepickerPlus .ui-datepicker .ui-datepicker-header, #infoPlus-date .info-actual-date, .visites-plus .datepicker-container .ui-datepicker .ui-datepicker-header, .visites-plus .datepicker-container .ui-datepicker td a.ui-state-active {background:#de8d00;} @media (max-width:480px) { .visites-plus .owl-carousel .imagen_responsive{height:inherit !important} .visites-plus .paragraph--id--1251 {display:block;} .visites-plus .paragraph--id--1248 .paragraph--type--bp-columns-two-uneven__2col-column2 {display:none;} .visites-plus .paragraph--id--1249 .paragraph__column {padding-left:0; padding-right:0;} .visites-plus .calendar-tabs li.nav-item a {padding: 15px 40px 15px 35px;} .visites-plus .calendar-content {padding: 40px 20px 40px 20px;} .visites-plus .paragraph--id--1175>.paragraph__column {padding-left: 0px; padding-right: 0px;} .visites-plus .little-text>.paragraph__column {padding-left: 5px; padding-right: 5px;} .visites-plus #info-date #info-wrap {padding: 15px 20px 0 20px;} .visites-plus .punt-de-trobada img {max-width:100%;} } /* Amagar info-hora-fi vell */ .info-hora-fi-old {display:none;} .time-note {padding:20px 15px 0 15px;display:block;} .horaris-tarifes .info-hora-inici-txt, .horaris-tarifes .info-ultima-hora-txt {width:170px;} #info-hora-inici-value, #info-ultima-hora-value {display:inline-block;} /* iFrame contacto */ #iframe-contact {width:100%;border:0;min-height:1720px;} #iframe-contact body {overflow:hidden;} #iframe-contact input.send {max-width: 300px !important; height:50px !important;} @media (min-width:375px){ #iframe-contact {min-height:1570px;} } @media (min-width:412px){ #iframe-contact {min-height:1530px;} } @media (min-width:480px){ #iframe-contact {min-height:1460px;} } @media (min-width:600px){ #iframe-contact {min-height:1390px;} } @media (min-width:700px){ #iframe-contact {min-height:1350px;} } @media (min-width:768px){ #iframe-contact {min-height:1330px;} } @media (min-width:992px){ #iframe-contact {min-height:1300px;} } @media (min-width:1200px){ #iframe-contact {min-height:1275px;} } /* Nous Sliders */ .programa-educatiu .paragraph--id--1118 { width: 1140px !important; margin: 0 auto; float: none; height: 320px !important; min-width: inherit; margin-bottom: 60px; } /* Estils botons Descarrega APP */ .apple-store-app {margin-top:40px;} @media (max-width:400px) { .apple-store-app {margin-top:30px;} .banner-web-app .apps-img-responsive .app-list-apple {top: 90px;} } /*Estils Visites Guiades */ #infoP-date #infoP-wrap p {margin-bottom: 5px;} #infoP-date .info-visita-cat, #infoP-date .info-visita-esp, #infoP-date .info-visita-eng, #infoP-date .info-visita-fra {display:inline-block;} #infoP-date #infoP-wrap .idiomes-par {margin-top: 10px;} .visites-guiades .paragraph--id--1155 {display: none} /*Estils Grups Organitzats*/ .grups-organitzats .bloc-enllac-personalitzat a:nth-child(1) {border-color: #43A047 !important; background: #E8F5E9 !important;} .grups-organitzats .bloc-enllac-personalitzat a:nth-child(2) {border-color: #1E88E5 !important; background: #E1F5FE !important;} .grups-organitzats .bloc-enllac-personalitzat a:nth-child(2) .field--type-fontawesome-icon {color: #1976D2;} .grups-organitzats .bloc-enllac-personalitzat a:nth-child(3) {background: #F3E5F5; border-color: #9C27B0 !important;} .grups-organitzats .bloc-enllac-personalitzat a:nth-child(3) .field--type-fontawesome-icon {color: #8E24AA;} /*Estils Programa educatiu*/ .programa-educatiu .bloc-enllac-personalitzat a:nth-child(1) { border-color: #43A047 !important; background: #E8F5E9 !important; } .programa-educatiu .bloc-enllac-personalitzat a:nth-child(2) { border-color: #1E88E5 !important; background: #E1F5FE !important; } .programa-educatiu .bloc-enllac-personalitzat a:nth-child(2) .field--type-fontawesome-icon { color: #1976D2; } .programa-educatiu .bloc-enllac-personalitzat a:nth-child(3) { background: #ffe7e7; border-color: #FF3D3E !important; } .programa-educatiu .bloc-enllac-personalitzat a:nth-child(3) .field--type-fontawesome-icon { color: #FF3D3E; } .programa-educatiu .bloc-enllac-personalitzat a:nth-child(4) { background: #f2f2f2; border-color: #5c5c5c !important; } .programa-educatiu .bloc-enllac-personalitzat a:nth-child(4) .field--type-fontawesome-icon { color: #5c5c5c; } .programa-educatiu .bloc-enllac-personalitzat a:nth-child(5) { background: #FFF4E1; border-color: #F59B00 !important; } .programa-educatiu .bloc-enllac-personalitzat a:nth-child(5) .field--type-fontawesome-icon { color: #F59B00; } /* Estils Menu principal */ .awemenu .awemenu-active-perm {box-shadow: inset 0 -5px 0 #006DC6;} .awemenu-active-perm-button a{ border: 1px solid #006DC6 !important; border-radius: 4px; padding: 8px 10px !important; background-color: #006DC6 !important; margin: 10px 40px; -webkit-transition: background-color 0.4s ease-out; -moz-transition: background-color 0.4s ease-out; -o-transition: background-color 0.4s ease-out; transition: background-color 0.4s ease-out; } .awemenu .awemenu-item-right:last-child:not(.awemenu-active-perm-button) a { border: 1px solid white; border-radius: 4px; padding: 8px 10px !important; margin: 10px 40px; -webkit-transition: background-color 0.4s ease-out; -moz-transition: background-color 0.4s ease-out; -o-transition: background-color 0.4s ease-out; transition: background-color 0.4s ease-out; } /* Estils pàgina de compra d'entrades */ .compra-entrades .awemenu .awemenu-item-right:last-child a {border: 1px solid #006DC6 !important;background-color: #006DC6 !important;} #compra .background-guell-yellow { min-height: 227px; margin: 5px; padding: 0; background-image: none; background-color: white; border: 1px solid #d2d2d2; border-radius: 5px; min-height: 372px; position: relative; } #compra .background-guell-green{ min-height: 227px; margin: 5px; padding: 0; background-image: none; background-color: white; border: 1px solid #d2d2d2; border-radius: 5px; min-height: 372px; position: relative; } #compra .background-guell-blue{ min-height: 227px; margin: 5px; padding: 0; background-image: none; background-color: white; border: 1px solid #d2d2d2; border-radius: 5px; min-height: 372px; position: relative; } /* Pagina coneix */ .item-coneix-img{ max-height: 300px; overflow: hidden; width: 100%; z-index: -1; border-radius: 30px 30px 0px 0px; } .item-coneix-img img{ width: 100%; position: relative; } .item-coneix-text{ position: relative; margin-top:-50px; z-index:9; background-color:#0b6eb1; color:white; padding: 20px 20px 20px 20px; border-radius: 0px 30px 30px 30px; } .item-coneix-text h2{ color:white!important; font-weight: bold; margin-bottom:20px!important; margin-top:15px!important; } .item-coneix-text a{ background-color: white; color:#0b6eb1; border-color:white!important; padding: 5px 20px 5px 20px; } .paragraph--type--bp-columns__1col{ padding-left:15px!important; padding-right:15px!important; } .item-coneix-text-sub{ min-height: 110px; } /* MEGAMENU LINKS */ /* Assegurar color lletra blanc de "Coneix el PG" */ /* PRE: c276 (ca). c338 (es). c272 (es) */ /* PRO: c272 (ca, en2, fr). c342 (es) */ /* Clone: c286 (ca, en2, fr). c342 (es) */ #menu-c272 > a, #menu-c276 > a, #menu-c338 > a, #menu-c342 > a {color:#fff;} /* Ocultar menú "Planifica la teva visita" si no és mobile */ @media (min-width: 768px){ /* PRE: c203 (ca). c243 (es). c199 (es) */ /* PRO: c199 (ca, en2, fr). c247 (es) */ /* Clone: c203 (ca, en2, fr). c247 (es) */ #menu-c199, #menu-c203, #menu-c243, #menu-c247 {display:none;} } /* FI-MEGAMENU LINKS */ #compra .img-buying {margin:5px;} #compra .img-buying img {border-radius: 5px; max-width: 100%; height: auto;} #compra .title {color: black; max-width: 360px; text-align:center; display: block; float:none; font-weight: 600; margin-top: 15px;margin-bottom: 0;} #compra .background-guell-blue .title {margin-bottom:20px;} #compra .text {color: #999;font-size: 22px; text-align: center;} #compra .center-btn-compra {position:absolute; bottom:20px; width:100%;} #compra .btn-compra {color:white;background:#006DC6;font-weight: 600;border-color:#006DC6;} #compra .pre-title {position: absolute; top: 28px; left: 36px; font-weight: 600; font-size: 28px; text-shadow: -2px 1px 3px rgba(0,0,0,0.65);} .ticket-desktop-blue {width: 180px; height: 130px; background-image: url(/sites/default/files/tickets.svg); position: absolute; top: 35px; right: 30px; background-size: 180px 130px;} @media (max-width: 1200px) and (min-width: 990px){ #compra .background-guell-green, #compra .background-guell-yellow, #compra .background-guell-blue {min-height: 400px !important;} .ticket-desktop-blue {width: 135px; height: 100px; background-image: url(/sites/default/files/tickets.svg); position: absolute; top: 40px; right: 25px; background-size: 135px 100px;} } @media (max-width: 990px) and (min-width: 768px){ #compra .title {max-width: none; margin-right:0; margin-top:0;} #compra .img-buying, #compra .buying-box-txt {display:inline-block;vertical-align: top;} #compra .buying-box-txt {width: calc(100% - 382px);position:relative;} #compra .background-guell-yellow, #compra .background-guell-green, #compra .background-guell-blue {min-height: 0 !important;} #compra .background-guell-yellow, #compra .background-guell-green {margin-bottom:15px;} #compra .background-guell-yellow .buying-box-txt {top: 45px;} #compra .background-guell-green .buying-box-txt {top: 15px;} #compra .background-guell-blue .buying-box-txt {top: 45px;} #compra .background-guell-green .title, #compra .background-guell-blue .title {line-height:30px;} #compra .ticket-desktop-blue {display:block; width: 190px; height: 140px; background-image: url(/sites/default/files/tickets.svg); position: absolute; top: 40px; left: 135px; background-size: 190px 140px;} #compra .ticket-mobile-blue {display:none;} #compra .btn-compra-mid2 {margin-left: 0px;} #compra .center-btn-compra {position:absolute; bottom:-60px; width:100%;} } @media (max-width:990px) { .awemenu .awemenu-active-perm {box-shadow: none;} .awemenu .awemenu-item-right:last-child a {text-align: center !important; width: 270px; margin: 20px auto!important; background-color: #006DC6 !important; border:1px solid #006DC6 !important;} .programa-educatiu .paragraph--id--1118 {width: calc(100% - 100px) !important; height: auto !important;margin-bottom: 15px;} } @media (min-width: 768px) and (max-width: 989px) { .visites-guiades .paragraph--id--1155 {display: block} .visites-guiades .paragraph--id--1151 {display: none} .paragraph--id--1152 .paragraph--type--bp-columns-two-uneven__2col-column1 {float: none !important; width: 100% !important} } @media (max-width:768px) { .ticket-desktop-blue {display:block;width: 180px; height: 130px; background-image: url(/sites/default/files/tickets.svg); position: absolute; top: 35px; right: 30px; background-size: 180px 130px;} #compra .ticket-mobile-blue {display:none;} #compra .img-buying {position:relative;max-width: 360px; margin: 5px auto;} #compra .title {max-width: none;} #compra .center-btn-compra {position: inherit; margin-top: -10px; margin-bottom: 10px;} .programa-educatiu .paragraph--id--1118 {width: calc(100% - 60px) !important; height: auto !important;margin-bottom: 15px;} } @media (max-width:450px) { #compra .img-buying {margin-top:0;} #compra .background-guell-blue {margin:0;} #compra .background-guell-yellow, #compra .background-guell-green {margin: 0 0 20px 0;} #compra .background-guell-yellow, #compra .background-guell-blue, #compra .background-guell-green {min-height: auto;} #compra .ticket-desktop-blue {display: block; width: 150px; height: 130px; background-image: url(/sites/default/files/tickets.svg); position: absolute; top: 35px; right: 25px; background-size: 150px 130px;} #compra .btn-compra {display:block; margin:0 20% 20px !important;} #compra .center-btn-compra {position:inherit; width:100%;} #compra .background-guell-green .btn-compra-mid1 {margin-bottom: 10px !important;} } .paragraph>.paragraph__column>div>#virtual-visit>a { position: fixed; left: 0; top: 269px; z-index: 1000; } .paragraph>.paragraph__column>div>#virtual-visit>a>img{ width: 120px; margin-left: -2px; } @media (max-width: 768px){ .paragraph>.paragraph__column>div>#virtual-visit>a>img{ width: 70px; margin-left: -1px; } .paragraph>.paragraph__column>div>#virtual-visit>a { top: 280px; } } /* Planifica la teva visita */ .custom-container-1140-planifica .paragraph__column:first-child { width: 1140px; margin: 0 auto; float: none; } .custom-container-1140-planifica .paragraph__column:first-child .paragraph .paragraph__column { width: 100%; margin-left:0px; padding:0px; } /* AGENDA */ .warning-agenda{ color: #006dc6; font-size: 1.1em; margin-bottom: 10px; font-weight: 700; clear: both; } #box-translate{ background: none repeat scroll 0 0 #f2f2f2; border-radius: 20px; float: left; display: inline-block; font-size: 1.1em; letter-spacing: -0.05em; margin: 0 0 2em; padding: 1.2em 2em; position: relative; text-align: center; width: auto; } .info-translate > img{ width: auto!important; margin:0px 0px 0px 10px!important; } /*Versió mòbil menu principal*/ .block.block-menu.contextual-region.ac_page-wrapper.ac_wrap_menu-main.menu--main, .block.block-menu.contextual-region.ac_page-wrapper.ac_wrap_menu-menu-principal-es.menu--menu-principal-es, .block.block-menu.contextual-region.ac_page-wrapper.ac_wrap_menu-menu-principal-en-2.menu--menu-principal-en-2, .block.block-menu.contextual-region.ac_page-wrapper.ac_wrap_menu-menu-principal-fr.menu--menu-principal-fr { display: flex; justify-content: space-between; flex-direction: column; } aside.container.section.clearfix { padding: 0px; margin: 0px 20px; } #block-subtitoldelapagina { display: none; padding-left: 0px; padding-top: 5px; margin-top: 15px; height: 35px; } #block-btnicoentrades { display: none; position: relative; z-index: 10000; width: fit-content; top: -15px; margin-left: auto; margin-right: 73px; } #block-btnicoentrades a { height: 70px; width: 87px; border-radius: 0px; border: 0px; background-color: rgb(0, 110, 199); margin-bottom: 0px; } .bcn-icon-reserves{ color: #fff !important; } @media (min-width:1921px){ #block-subtitoldelapagina{display: none;} #block-btnicoentrades {display: none;} } @media (min-width:991px) and (max-width:1200px) { #block-subtitoldelapagina{display: none;} #block-btnicoentrades {display: none;} } @media (max-width:990px) { #block-eslogan{visibility: hidden; display: none;} .slide-link-btn{ background-color: #fff !important; color: #000 !important; border-color: #000 !important;} #block-subtitoldelapagina {display: block; top: 0px} #block-btnicoentrades {display: block; top: -20px; } .awemenu-nav {top: -85px;} #navbar-main {height: 45px; top: 15px;} #block-btnicoentrades a { height: 65px;} .scrolled #block-btnicoentrades {position: fixed;top: 0px;right: 0px;} .scrolled #block-btnicoentrades a {height: 64px; padding: 0.8rem;} } @media (min-width:768px) and (max-width:990px) { #block-btnicoentrades {display: block; top: -15px;} #block-btnicoentrades a {height: 70px;} .awemenu-nav {top: -85px;} #navbar-main {height: 55px; top: 15px;} .scrolled #block-btnicoentrades {position: fixed;top: 0px;right: 0px;} .scrolled #block-btnicoentrades a {height: 59px;} } @media (min-width:600px) and (max-width:767px) { #block-btnicoentrades {display: block; top: -21px;} #block-btnicoentrades a {height: 64px; padding: 12px 15px;} .awemenu-nav {top: -85px;} #navbar-main {height: 43px; top: 15px;} .scrolled #block-btnicoentrades {position: fixed;top: 0px;right: 0px;} .scrolled #block-btnicoentrades a {height: 59px;} } @media (max-width: 480px) { .scrollup #block-btnicoentrades {display: block; top: -21px;} .scrollup #block-btnicoentrades a {height: 64px; padding: 12px 15px;} .awemenu-nav {top: -85px;} #navbar-main {height: 43px; top: 15px;} .scrolled #block-btnicoentrades {position: fixed;top: 0px;right: 0px;} .scrolled #block-btnicoentrades a {height: 59px; padding: 0.6rem;} } /* Bloc Avís disponibilitat d'entrades */ #block-avisdisponibilitatdentrades div.semafor { padding: 10px 15px; text-align: center; } #block-avisdisponibilitatdentrades div.semafor_verd { background-color: #dfffe5; } #block-avisdisponibilitatdentrades div.semafor_groc { background-color: #ffeddf; } #block-avisdisponibilitatdentrades div.semafor_vermell { background-color: #ffdfe2; } #block-avisdisponibilitatdentrades div.semafor_esgotades { background-color: #ffdfe2; } #block-avisdisponibilitatdentrades div.semafor_ocult { display: none; } #block-avisdisponibilitatdentrades div.semafor h3 { font-weight: bold; font-size: 24px; margin-bottom: 0 !important; } #block-avisdisponibilitatdentrades div.semafor h3 img { margin-right: 10px; width:50px; height: 50px; } #block-avisdisponibilitatdentrades div.semafor p { margin-bottom: 0; }