/* Theme Name: Fundació Antoni Tàpies Theme URI: https://www.fundaciotapies.org Author: dosgrapas Author URI: http://www.dosgrapas.com/ Version: 2.0.30 Text Domain: tapies */ /*---------------------------------------------- GENERAL ----------------------------------------------*/ html, body { -webkit-font-smoothing: antialiased; } .friends-price, .friends-price-explanation { display: none !important; } body.product-template-default.single-product .product h2.price { margin-right: 15px !important; } .woocommerce span.onsale { z-index: 1 !important; } html { overflow-x:hidden; } *:focus {outline:none !important; } .grecaptcha-badge { display: none !important; } a.lightbox-button-turitop.lightbox-button-turitop-green { background-color: #FF5E5A !important; background: #FF5E5A !important; border: none !important; font-family: SctoGrotesk !important; font-weight: 700 !important; font-size: 13px !important; line-height: 20px !important; padding: 10px 14px 7px !important; text-transform: uppercase; color: #FFF!important; border-radius: 0 !important; } a.lightbox-button-turitop.lightbox-button-turitop-green:hover { opacity: 0.7 !important; } /*----- Reset CSS----- */ a, a:active, a:focus, button, button:active, button:focus, .bootstrap-select .dropdown-toggle:focus { outline:none !important; } a { color: inherit; } p { margin-bottom:0; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0; } a:hover, .obra a, .exhibition a, #exhibitions-filters a, #menu-prefooter a, #actuals a, #futures a, #anteriors a, #actuals a h2, #futures a h2, #anteriors a h2, #actuals a:hover, #futures a:hover, #anteriors a:hover, #actuals a:hover h2, #futures a:hover h2, #anteriors a:hover h2, #activitats-destacades a, #activitats-destacades a:hover, #activitats-destacades a h2, #activitats-destacades a:hover h2, #activitats-destacades-2 a, #activitats-destacades-2 a:hover, #activitats-destacades-2 a h2, #activitats-destacades-2 a:hover h2, #activitats-destacades-3 a, #activitats-destacades-3 a:hover, #activitats-destacades-3 a h2, #activitats-destacades-3 a:hover h2, #shop-sidebar a:visited, #shop-sidebar a:link { text-decoration:none !important; } .breadcrumbs a:link, .breadcrumbs a:visited, .page-numbers, .pagination-container a:link, .pagination-container a:visited { text-decoration:none; } .page-numbers, body.page-template-template-educacio .text a, .excerpt a:hover { text-decoration:none !important; } #shop-sidebar a:hover, #shop-sidebar .current-cat a, .wpml-ls-link:hover span, #menu-language a:hover span, .page-numbers:hover, .pagination-container a:hover, body.page-template-template-educacio .text a:hover, .excerpt a { text-decoration:underline !important; } table { border-spacing: 0; } fieldset,img { border: 0; } address,caption,cite,code,dfn,strong,th,var { font-weight: normal; font-style: normal; } strong{ font-weight: bold; } ol,ul { list-style: none; margin:0; padding:0; } caption,th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; margin:0; padding:0; } q:before,q:after { content:''; } abbr,acronym { border: 0; } img { width:100%; height:auto; } html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .next.page-numbers { float:right; } .prev.page-numbers { float:left; } .page-numbers { display:none; } .prev.page-numbers, .next.page-numbers { display:inherit; } input { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .woocommerce-message, .woocommerce-info { border: none !important; } .woocommerce-info a:hover { text-decoration: none; } .woocommerce .woocommerce-message a.button { margin-bottom: 0px !important; } /*----- Containers----- */ .breadcrumbs h6 { display:inline; } .wrap750 { width:100%; max-width:750px; margin:0 auto; overflow:hidden; } .wrap800 { width:100%; max-width:800px; margin:0 auto; overflow:hidden; padding:0 30px; } .wrap900 { width:calc(100% - 60px); max-width:900px; margin:0 auto; overflow:hidden; padding:0 30px; } .wrap960 { width:calc(100% - 60px); max-width:960px; margin:0 auto; overflow:hidden; padding:0 30px; } .wrap980 { width:calc(100% - 60px); max-width:980px; margin:0 auto; overflow:hidden; } .wrap1000 { width:calc(100% - 30px); max-width:1030px; margin:0 auto; padding:0 15px; } .wrap1120 { width:calc(100% - 60px); max-width:1120px; margin:0 auto; overflow:hidden; padding:0 30px; } .wrap1200 { width: 100%; max-width:1260px; margin:0 auto; overflow:hidden; padding:0 30px; } .wrap1180 { width:calc(100% - 60px); max-width:1400px; margin:0 auto; padding:0 30px; overflow:hidden; } .wrap1230 { width:calc(100% - 60px); max-width:1230px; margin:0 auto; padding:0 30px; overflow:hidden; } .wrap1500 { width: 100%; max-width:1560px; margin:0 auto; padding:0 30px; } .wrap { width:calc(100% - 280px); max-width:2150px; margin:0 auto; padding:0 140px; overflow:hidden; } .carousel.wrap { width:calc(100% - 280px) !important; } @media (min-width: 768px) and (max-width: 1599px) { .wrap { width:92%; padding:0 4%; overflow:hidden; } } @media (min-width: 1600px) { .wrap { width:85%; padding:0 7.5%; overflow:hidden; } } @media (min-width: 768px) { .mobile { display:none; } .full { display:inherit; } } @media (max-width: 767px) { .wrap { width:90%; padding:0 5%; overflow:hidden; } .mobile { display:inherit; } .full { display:none; } .wrap1180, .wrap900, .wrap { width:100% !important; } } /*------ Columns------- */ col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float:left;} col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float:left;} col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float:left;} col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {float:left;} col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {float:left;} @media (max-width: 575px) { .col-xs-1 {width:8.33% !important;} .col-xs-2 {width:16.66% !important;} .col-xs-3 {width:25% !important;} .col-xs-4 {width:33.33% !important;} .col-xs-5 {width:41.66% !important;} .col-xs-6 {width:50% !important;} .col-xs-7 {width:58.33% !important;} .col-xs-8 {width:66.66% !important;} .col-xs-9 {width:75% !important;} .col-xs-10 {width:83.33% !important;} .col-xs-11 {width:91.66% !important;}.col-xs-12 {width:100% !important;} .col-sm-1 {width:8.33%;} .col-sm-2 {width:16.66%;} .col-sm-3 {width:25%;} .col-sm-4 {width:33.33%;} .col-sm-5 {width:41.66%;} .col-sm-6 {width:50%;} .col-sm-7 {width:58.33%;} .col-sm-8 {width:66.66%;} .col-sm-9 {width:75%;} .col-sm-10 {width:83.33%;} .col-sm-11 {width:91.66%;}.col-sm-12 {width:100%;} .col-md-1 {width:8.33%;} .col-md-2 {width:16.66%;} .col-md-3 {width:25%;} .col-md-4 {width:33.33%;} .col-md-5 {width:41.66%;} .col-md-6 {width:50%;} .col-md-7 {width:58.33%;} .col-md-8 {width:66.66%;} .col-md-9 {width:75%;} .col-md-10 {width:83.33%;} .col-md-11 {width:91.66%;}.col-md-12 {width:100%;} .col-lg-1 {width:8.33%;} .col-lg-2 {width:16.66%;} .col-lg-3 {width:25%;} .col-lg-4 {width:33.33%;} .col-lg-5 {width:41.66%;} .col-lg-6 {width:50%;} .col-lg-7 {width:58.33%;} .col-lg-8 {width:66.66%;} .col-lg-9 {width:75%;} .col-lg-10 {width:83.33%;} .col-lg-11 {width:91.66%;}.col-lg-12 {width:100%;} .col-xl-1 {width:8.33%;} .col-xl-2 {width:16.66%;} .col-xl-3 {width:25%;} .col-xl-4 {width:33.33%;} .col-xl-5 {width:41.66%;} .col-xl-6 {width:50%;} .col-xl-7 {width:58.33%;} .col-xl-8 {width:66.66%;} .col-xl-9 {width:75%;} .col-xl-10 {width:83.33%;} .col-xl-11 {width:91.66%;}.col-xl-12 {width:100%;} } @media (min-width: 576px) and (max-width: 767px) { .col-xs-1 {width:8.33%;} .col-xs-2 {width:16.66%;} .col-xs-3 {width:25%;} .col-xs-4 {width:33.33%;} .col-xs-5 {width:41.66%;} .col-xs-6 {width:50%;} .col-xs-7 {width:58.33%;} .col-xs-8 {width:66.66%;} .col-xs-9 {width:75%;} .col-xs-10 {width:83.33%;} .col-xs-11 {width:91.66%;}.col-xs-12 {width:100%;} .col-sm-1 {width:8.33% !important;} .col-sm-2 {width:16.66% !important;} .col-sm-3 {width:25% !important;} .col-sm-4 {width:33.33% !important;} .col-sm-5 {width:41.66% !important;} .col-sm-6 {width:50% !important;} .col-sm-7 {width:58.33% !important;} .col-sm-8 {width:66.66% !important;} .col-sm-9 {width:75% !important;} .col-sm-10 {width:83.33% !important;} .col-sm-11 {width:91.66% !important;}.col-sm-12 {width:100% !important;} .col-md-1 {width:8.33%;} .col-md-2 {width:16.66%;} .col-md-3 {width:25%;} .col-md-4 {width:33.33%;} .col-md-5 {width:41.66%;} .col-md-6 {width:50%;} .col-md-7 {width:58.33%;} .col-md-8 {width:66.66%;} .col-md-9 {width:75%;} .col-md-10 {width:83.33%;} .col-md-11 {width:91.66%;}.col-md-12 {width:100%;} .col-lg-1 {width:8.33%;} .col-lg-2 {width:16.66%;} .col-lg-3 {width:25%;} .col-lg-4 {width:33.33%;} .col-lg-5 {width:41.66%;} .col-lg-6 {width:50%;} .col-lg-7 {width:58.33%;} .col-lg-8 {width:66.66%;} .col-lg-9 {width:75%;} .col-lg-10 {width:83.33%;} .col-lg-11 {width:91.66%;}.col-lg-12 {width:100%;} .col-xl-1 {width:8.33%;} .col-xl-2 {width:16.66%;} .col-xl-3 {width:25%;} .col-xl-4 {width:33.33%;} .col-xl-5 {width:41.66%;} .col-xl-6 {width:50%;} .col-xl-7 {width:58.33%;} .col-xl-8 {width:66.66%;} .col-xl-9 {width:75%;} .col-xl-10 {width:83.33%;} .col-xl-11 {width:91.66%;}.col-xl-12 {width:100%;} } @media (min-width: 768px) and (max-width: 991px) { .col-xs-1 {width:8.33%;} .col-xs-2 {width:16.66%;} .col-xs-3 {width:25%;} .col-xs-4 {width:33.33%;} .col-xs-5 {width:41.66%;} .col-xs-6 {width:50%;} .col-xs-7 {width:58.33%;} .col-xs-8 {width:66.66%;} .col-xs-9 {width:75%;} .col-xs-10 {width:83.33%;} .col-xs-11 {width:91.66%;}.col-xs-12 {width:100%;} .col-sm-1 {width:8.33%;} .col-sm-2 {width:16.66%;} .col-sm-3 {width:25%;} .col-sm-4 {width:33.33%;} .col-sm-5 {width:41.66%;} .col-sm-6 {width:50%;} .col-sm-7 {width:58.33%;} .col-sm-8 {width:66.66%;} .col-sm-9 {width:75%;} .col-sm-10 {width:83.33%;} .col-sm-11 {width:91.66%;}.col-sm-12 {width:100%;} .col-md-1 {width:8.33% !important;} .col-md-2 {width:16.66% !important;} .col-md-3 {width:25% !important;} .col-md-4 {width:33.33% !important;} .col-md-5 {width:41.66% !important;} .col-md-6 {width:50% !important;} .col-md-7 {width:58.33% !important;} .col-md-8 {width:66.66% !important;} .col-md-9 {width:75% !important;} .col-md-10 {width:83.33% !important;} .col-md-11 {width:91.66% !important;}.col-md-12 {width:100% !important;} .col-lg-1 {width:8.33%;} .col-lg-2 {width:16.66%;} .col-lg-3 {width:25%;} .col-lg-4 {width:33.33%;} .col-lg-5 {width:41.66%;} .col-lg-6 {width:50%;} .col-lg-7 {width:58.33%;} .col-lg-8 {width:66.66%;} .col-lg-9 {width:75%;} .col-lg-10 {width:83.33%;} .col-lg-11 {width:91.66%;}.col-lg-12 {width:100%;} .col-xl-1 {width:8.33%;} .col-xl-2 {width:16.66%;} .col-xl-3 {width:25%;} .col-xl-4 {width:33.33%;} .col-xl-5 {width:41.66%;} .col-xl-6 {width:50%;} .col-xl-7 {width:58.33%;} .col-xl-8 {width:66.66%;} .col-xl-9 {width:75%;} .col-xl-10 {width:83.33%;} .col-xl-11 {width:91.66%;}.col-xl-12 {width:100%;} } @media (min-width: 992px) and (max-width: 1199px) { .col-xs-1 {width:8.33%;} .col-xs-2 {width:16.66%;} .col-xs-3 {width:25%;} .col-xs-4 {width:33.33%;} .col-xs-5 {width:41.66%;} .col-xs-6 {width:50%;} .col-xs-7 {width:58.33%;} .col-xs-8 {width:66.66%;} .col-xs-9 {width:75%;} .col-xs-10 {width:83.33%;} .col-xs-11 {width:91.66%;}.col-xs-12 {width:100%;} .col-sm-1 {width:8.33%;} .col-sm-2 {width:16.66%;} .col-sm-3 {width:25%;} .col-sm-4 {width:33.33%;} .col-sm-5 {width:41.66%;} .col-sm-6 {width:50%;} .col-sm-7 {width:58.33%;} .col-sm-8 {width:66.66%;} .col-sm-9 {width:75%;} .col-sm-10 {width:83.33%;} .col-sm-11 {width:91.66%;}.col-sm-12 {width:100%;} .col-md-1 {width:8.33%;} .col-md-2 {width:16.66%;} .col-md-3 {width:25%;} .col-md-4 {width:33.33%;} .col-md-5 {width:41.66%;} .col-md-6 {width:50%;} .col-md-7 {width:58.33%;} .col-md-8 {width:66.66%;} .col-md-9 {width:75%;} .col-md-10 {width:83.33%;} .col-md-11 {width:91.66%;}.col-md-12 {width:100%;} .col-lg-1 {width:8.33% !important;} .col-lg-2 {width:16.66% !important;} .col-lg-3 {width:25% !important;} .col-lg-4 {width:33.33% !important;} .col-lg-5 {width:41.66% !important;} .col-lg-6 {width:50% !important;} .col-lg-7 {width:58.33% !important;} .col-lg-8 {width:66.66% !important;} .col-lg-9 {width:75% !important;} .col-lg-10 {width:83.33% !important;} .col-lg-11 {width:91.66% !important;}.col-lg-12 {width:100% !important;} .col-xl-1 {width:8.33%;} .col-xl-2 {width:16.66%;} .col-xl-3 {width:25%;} .col-xl-4 {width:33.33%;} .col-xl-5 {width:41.66%;} .col-xl-6 {width:50%;} .col-xl-7 {width:58.33%;} .col-xl-8 {width:66.66%;} .col-xl-9 {width:75%;} .col-xl-10 {width:83.33%;} .col-xl-11 {width:91.66%;}.col-xl-12 {width:100%;} } @media (min-width: 1200px) and (max-width: 1599px) { .col-xs-1 {width:8.33%;} .col-xs-2 {width:16.66%;} .col-xs-3 {width:25%;} .col-xs-4 {width:33.33%;} .col-xs-5 {width:41.66%;} .col-xs-6 {width:50%;} .col-xs-7 {width:58.33%;} .col-xs-8 {width:66.66%;} .col-xs-9 {width:75%;} .col-xs-10 {width:83.33%;} .col-xs-11 {width:91.66%;}.col-xs-12 {width:100%;} .col-sm-1 {width:8.33%;} .col-sm-2 {width:16.66%;} .col-sm-3 {width:25%;} .col-sm-4 {width:33.33%;} .col-sm-5 {width:41.66%;} .col-sm-6 {width:50%;} .col-sm-7 {width:58.33%;} .col-sm-8 {width:66.66%;} .col-sm-9 {width:75%;} .col-sm-10 {width:83.33%;} .col-sm-11 {width:91.66%;}.col-sm-12 {width:100%;} .col-md-1 {width:8.33%;} .col-md-2 {width:16.66%;} .col-md-3 {width:25%;} .col-md-4 {width:33.33%;} .col-md-5 {width:41.66%;} .col-md-6 {width:50%;} .col-md-7 {width:58.33%;} .col-md-8 {width:66.66%;} .col-md-9 {width:75%;} .col-md-10 {width:83.33%;} .col-md-11 {width:91.66%;}.col-md-12 {width:100%;} .col-lg-1 {width:8.33%;} .col-lg-2 {width:16.66%;} .col-lg-3 {width:25%;} .col-lg-4 {width:33.33%;} .col-lg-5 {width:41.66%;} .col-lg-6 {width:50%;} .col-lg-7 {width:58.33%;} .col-lg-8 {width:66.66%;} .col-lg-9 {width:75%;} .col-lg-10 {width:83.33%;} .col-lg-11 {width:91.66%;}.col-lg-12 {width:100%;} .col-xl-1 {width:8.33% !important;} .col-xl-2 {width:16.66% !important;} .col-xl-3 {width:25% !important;} .col-xl-4 {width:33.33% !important;} .col-xl-5 {width:41.66% !important;} .col-xl-6 {width:50% !important;} .col-xl-7 {width:58.33% !important;} .col-xl-8 {width:66.66% !important;} .col-xl-9 {width:75% !important;} .col-xl-10 {width:83.33% !important;} .col-xl-11 {width:91.66% !important;}.col-xl-12 {width:100% !important;} } @media (min-width: 1600px) { .col-xs-1 {width:8.33%;} .col-xs-2 {width:16.66%;} .col-xs-3 {width:25%;} .col-xs-4 {width:33.33%;} .col-xs-5 {width:41.66%;} .col-xs-6 {width:50%;} .col-xs-7 {width:58.33%;} .col-xs-8 {width:66.66%;} .col-xs-9 {width:75%;} .col-xs-10 {width:83.33%;} .col-xs-11 {width:91.66%;}.col-xs-12 {width:100%;} .col-sm-1 {width:8.33%;} .col-sm-2 {width:16.66%;} .col-sm-3 {width:25%;} .col-sm-4 {width:33.33%;} .col-sm-5 {width:41.66%;} .col-sm-6 {width:50%;} .col-sm-7 {width:58.33%;} .col-sm-8 {width:66.66%;} .col-sm-9 {width:75%;} .col-sm-10 {width:83.33%;} .col-sm-11 {width:91.66%;}.col-sm-12 {width:100%;} .col-md-1 {width:8.33%;} .col-md-2 {width:16.66%;} .col-md-3 {width:25%;} .col-md-4 {width:33.33%;} .col-md-5 {width:41.66%;} .col-md-6 {width:50%;} .col-md-7 {width:58.33%;} .col-md-8 {width:66.66%;} .col-md-9 {width:75%;} .col-md-10 {width:83.33%;} .col-md-11 {width:91.66%;}.col-md-12 {width:100%;} .col-lg-1 {width:8.33%;} .col-lg-2 {width:16.66%;} .col-lg-3 {width:25%;} .col-lg-4 {width:33.33%;} .col-lg-5 {width:41.66%;} .col-lg-6 {width:50%;} .col-lg-7 {width:58.33%;} .col-lg-8 {width:66.66%;} .col-lg-9 {width:75%;} .col-lg-10 {width:83.33%;} .col-lg-11 {width:91.66%;}.col-lg-12 {width:100%;} .col-xl-1 {width:8.33%;} .col-xl-2 {width:16.66%;} .col-xl-3 {width:25%;} .col-xl-4 {width:33.33%;} .col-xl-5 {width:41.66%;} .col-xl-6 {width:50%;} .col-xl-7 {width:58.33%;} .col-xl-8 {width:66.66%;} .col-xl-9 {width:75%;} .col-xl-10 {width:83.33%;} .col-xl-11 {width:91.66%;}.col-xl-12 {width:100%;} .col-xxl-1 {width:8.33% !important;} .col-xxl-2 {width:16.66% !important;} .col-xxl-3 {width:25% !important;} .col-xxl-4 {width:33.33% !important;} .col-xxl-5 {width:41.66% !important;} .col-xxl-6 {width:50% !important;} .col-xxl-7 {width:58.33% !important;} .col-xxl-8 {width:66.66% !important;} .col-xxl-9 {width:75% !important;} .col-xxl-10 {width:83.33% !important;} .col-xxl-11 {width:91.66% !important;}.col-xxl-12 {width:100% !important;} } /*------ Espais textos wordpress------- */ body.single-exposicio .exhibitions-template p, body.single-exposicio #single-container .exhibitions-template h2 { margin-bottom: 25px !important; } /*------ Colors------- */ /* White */ body.page-template-template_Exp01 #single-title-container h1, body.single-projecte #single-title-container h1, .background-button, .section.light #title-bottom h1, .section.light #left-bottom p, .section.light #left-bottom p strong, .section.light #left-bottom strong, .sidebar-template a.background-button, #home-video-title, .background-button-small.redbackground, #form-lloguer-container input[type='submit'], #wpcf7-f1104-p1099-o1 input[type='submit'], body.single-museu-i-biblioteca input[type='submit'], body.page-template-template_sense-menu-lateral input[type='submit'], .formulari input[type="submit"] { color:#FFF; } .woocommerce a.button, body.woocommerce-cart .woocommerce .cart .button, body.woocommerce-cart .coupon #amics button, .text-shop-slider p a, .onsale, .novetats .new, .page-template-template_shop .newsletter p, .page-template-template_shop .descompte a, .shop-prefooter #shop-prefooter-lightgrey .prefooter-content p a, .shop-prefooter #shop-prefooter-darkgrey .prefooter-content p a, body.woocommerce-checkout form.checkout #payment button#place_order, body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li button.account-log-out, .contact-shop input.wpcf7-submit, .link-distribuidor.active p, .woocommerce-edit-address .woocommerce-MyAccount-content #save-address button, .woocommerce-edit-account form button.woocommerce-Button, body.woocommerce-account .entry-content .account-loginContainer form button.woocommerce-Button, body.woocommerce-checkout form.woocommerce-form-login button[type="submit"] { color: #FFF !important; } /* Grey */ #pre-footer { border-color:#1a1a1a; } .lightgrey, .sb-search-input::-webkit-input-placeholder, .sb-search-input::-moz-placeholder, .sb-search-input:-ms-input-placeholder, .sb-search-input:-moz-placeholder, .sb-search-input::-ms-input-placeholder, .sb-search-input::placeholder { color: #1a1a1a !important; } .breadcrumbs a, .breadcrumbs h6 { color: #1a1a1a !important; } .grey, #middle-footer a, .wpml-ls-legacy-list-horizontal a, .woocommerce ul.products li.product .price { color:#1a1a1a !important; } p, #menu a, #exhibitions-filters a, .panel-group .panel-heading a, .space-details h3, .exhibitions-template h2, #shop-sidebar a, .orderby, .excerpt a , .date-home, .date-home .mesos .mes, #slide4 .exhibition p, .slider-novetats p.price, .page-template-template_product-categories #menu-categories .btn-group a p, .page-template-template_product-categories button, #no-results, .page-template-template_shop .descompte p, .articket-link, body.woocommerce-checkout #camps-obligatoris, body.woocommerce-checkout form .form-row.woocommerce-invalid label, body.woocommerce-account .entry-content .woocommerce-MyAccount-content p.content, body.woocommerce-account .entry-content form.login .form-row label span, .woocommerce .quantity .qty, .woocommerce-cart .product-price span, .woocommerce-cart .product-subtotal span, .woocommerce-cart .product-name a, body.woocommerce-cart .coupon .submenu-title h1, .woocommerce .cart_totals table.shop_table th, .woocommerce .cart_totals table.shop_table td, body.woocommerce-cart .coupon label h1, body.woocommerce-cart .coupon #amics input, body.woocommerce-cart .coupon #amics span.psw, body.woocommerce-checkout form.checkout input, .select2-container--default .select2-selection--single .select2-selection__rendered, body.woocommerce-checkout .select2-results__option, body.woocommerce-checkout .checkout .col-2 #ship-to-different-address label span, body.woocommerce-checkout form.checkout p.form-row textarea, body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation .logoutButton, body.woocommerce-account .woocommerce-MyAccount-content .info-punts p, .woocommerce-account form .woocommerce-address-fields .select2-container, .woocommerce-account form .woocommerce-address-fields .form-row input, .woocommerce-account form .woocommerce-address-fields .form-row input.input-text, .woocommerce-edit-account .woocommerce-MyAccount-content form input { color: #000 !important; } .extracte_alternatiu p { color:#1a1a1a !important; opacity: 1 !important; } footer p { color: #1a1a1a !important; } #footer-border li a, body.woocommerce-cart .woocommerce table.shop_table td a, body.woocommerce-cart .woocommerce table.shop_table td span, body.woocommerce-cart .woocommerce .cart_totals table.shop_table th, body.woocommerce-cart .coupon input#coupon_code, body.woocommerce-cart .coupon .submenu-title h1, body.woocommerce-cart .coupon #amics input, body.woocommerce-cart .coupon label h1, body.woocommerce-cart .coupon #amics label.remember, body.woocommerce-cart .coupon #amics span.psw, body.product-template-default .product .summary p, body.single-product table.variations select, .woocommerce-variation-add-to-cart.variations_button input.qty, { color: #1a1a1a !important; } .quantity-button { color: #1a1a1a; } .darkgrey, .sidebar-template a, .darkgrey p, .slider-novetats p.price, .slider-related p.price, body.product-template-default .product span.price, body.single-product .summary input, body.single-product .summary select, .categoria-shop p.price { color: #1a1a1a !important; } .breadcrumbs h6.active, .breadcrumbs a h6:hover, .worksnavigation h6:hover, .informacio-home .info-item p, .shop-prefooter #shop-prefooter-lightgrey .prefooter-content p, strong, .sidebar-template p strong, .section.dark #left-bottom p strong, .section.dark #left-bottom strong, body.product-template-default .product .summary .descompte-amics p { color: #1a1a1a !important; } .fitxa-label p, .worksnavigation h6, p.wp-caption-text, .page-numbers, .pagination-container a, .tipus-damics .info-punts p { color: #1a1a1a !important; } #primary-biography a, #primary-container-distribuidor a, body.page-template-template-educacio .text a, .home-tipe-slide { color: #1a1a1a !important; } #datepicker .input-group-addon, .perso p { color: #1a1a1a !important; } .shop-prefooter #shop-prefooter-darkgrey .prefooter-content p, .shop-prefooter #shop-prefooter-darkgrey .titol-seccio p { color: #1a1a1a !important; } body.woocommerce-cart .woocommerce table.shop_table td a.remove { color: #1a1a1a !important; } body.woocommerce-checkout form.checkout table.shop_table tbody tr td, body.woocommerce-checkout form.checkout table.shop_table td strong, body.woocommerce-checkout form.checkout table.shop_table tfoot tr th, body.woocommerce-checkout form.checkout table.shop_table tfoot tr td, body.woocommerce-checkout form.checkout #payment li label, body.woocommerce-account table td, body.woocommerce-account .woocommerce-customer-details .woocommerce-column address, body.woocommerce-account .woocommerce-customer-details .woocommerce-column address p, body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses address, body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses address p { color: #1a1a1a !important; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content p.titol { color: #1a1a1a !important; } body.single-product .summary p, body.product-template-default .product h2.friends-price, .info-producte .contingut-camp, .info-producte .nom-camp, .info-producte .contingut-camp strong, .preusvariations { color: #1a1a1a !important; } /* Black */ .black, #visitussbutton, .link-distribuidor p, .section.dark #title-bottom h1, .section.dark #left-bottom p, .fitxa-content p, .space h2, #title-page, .logos-images p, .bootstrap-select > .dropdown-toggle.bs-placeholder, body.single-exposicio .exhibitions-template h2, body.single-projecte .exhibitions-template h2, #slide4 .exhibition .title-slide-home, .informacio-home .info-item p.title-info-home, .informacio-home-small .panel-title a, body.woocommerce-cart h1.entry-title, body.woocommerce-cart .cart_totals h2, body.woocommerce-cart .cart_totals td span, body.woocommerce-cart .coupon h1, body.woocommerce-cart .woocommerce a.remove:hover, .text-shop-slider h3, .categories-botiga p, .text-shop-slider p, /*-.titol-seccio p, body.single-product .titol-seccio p,*/ .slider-novetats p, .slider-related p, .page-template-template_shop .descompte h2, .page-template-template_shop .descompte p strong, .shop-prefooter #shop-prefooter-lightgrey .titol-seccio p, .page-template-template_product-categories #menu-categories .btn-group a p.active, .page-template-template_product-categories #menu-categories .btn-group button strong, body.product-template-default .product h2, body.product-template-default .product span.price, body.product-template-default .product h1.product_title, .categoria-shop p, body.woocommerce-checkout .checkout .col-2 #ship-to-different-address label span, body.woocommerce-account .addresses a.edit, body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li.is-active a, body.woocommerce-account .addresses .title h3, body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li:hover a, body.woocommerce-account table tr td:first-child a, .woocommerce-edit-account .woocommerce-MyAccount-content form label, body.woocommerce-checkout form.woocommerce-form-login label, body.woocommerce-lost-password .entry-content form.woocommerce-ResetPassword button, body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li a, body.woocommerce-account .entry-content form.login button, body.woocommerce-checkout form.checkout p.form-row label, body.woocommerce-checkout .woocommerce form .form-row .required, .woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-address-fields label, .woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-address-fields label abbr, body.woocommerce-account .entry-content .woocommerce-MyAccount-content form.edit-account .form-row label span { color:#000 !important; } /* Red */ .red, h2.price { color: #ff0000 !important; } .redbotiga, a#entra-com-amic, .page-template-template_shop .newsletter #subscribe-button p, body.product-template-default .product h2.price, .page-template-template_shop .newsletter #subscribe-button p, .preusvariations .amount, body.woocommerce-account .entry-content .woocommerce-MyAccount-content p.subtitol, body.woocommerce-account .entry-content .woocommerce-MyAccount-content table.my_account_orders td.woocommerce-orders-table__cell-order-total, .woocommerce-message::before, .woocommerce-info::before, body.product-template-default .product .friends-price-explanation { color: #FF5F5B !important; } /*------ Background Colors------- */ /* Black */ .text-shop-slider p a { background-color: #1a1a1a !important; } /* White */ .edit, body.woocommerce-cart .coupon #amics input:focus, body.woocommerce-cart .coupon #amics input, .page-template-template_shop .newsletter #subscribe-button, section.related { background-color: #FFF !important; } /* Grey */ .grey-background { background-color:#E5E5E5 !important; } .greybackground { background-color: #4D4D4D !important; } body.page-template-template_Exp01 #nav-icon.hasScrolled span, body.single-exposicio #nav-icon.hasScrolled span, body.single-projecte #nav-icon.hasScrolled span { background-color: #464646 !important; } .shop-prefooter #shop-prefooter-darkgrey .prefooter-content p a { background-color: #808080 !important; } .text-shop-slider p a:hover { background-color: #545454 !important; } .categories-botiga a, .categories-botiga .text { background-color: #DBDBDB !important; } .categories-botiga:hover .text { background-color: #ececec !important; } body.woocommerce-cart .woocommerce .cart button.button { background-color: #B5B5B5 !important; } .page-template-template_product-categories #menu-categories .btn-group a p:hover { background-color: #CFCFCF !important; } body.woocommerce-account .addresses a.edit, body.woocommerce-lost-password .entry-content form.woocommerce-ResetPassword button, /*body.woocommerce-account .entry-content form.login button, body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation*/ { background-color: #EAEAEA !important; } /*body.woocommerce-account .entry-content .woocommerce-MyAccount-content, body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li.is-active,*/ .woocommerce-message, .woocommerce-info, .woocommerce-checkout #payment div.payment_box { background-color: #F9F9F9 !important; } #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before { border-bottom-color: #F9F9F9 !important; } /* Red */ .redbackground, #form-lloguer-container input[type='submit'], #wpcf7-f1104-p1099-o1 input[type='submit'], body.single-museu-i-biblioteca input[type="submit"], body.page-template-template_sense-menu-lateral #primary-container-distribuidor input[type='submit'], .formulari input[type="submit"], .woocommerce a.button, .single_add_to_cart_button, body.woocommerce-cart .coupon #amics button, .account-loginContainer form button.woocommerce-Button { background-color:#FF5E5A !important; } .redbotigabackground, .page-template-template_shop .newsletter, .onsale, .page-template-template_shop .descompte a, .shop-prefooter #shop-prefooter-lightgrey .prefooter-content p a, body.woocommerce-checkout form.checkout #payment button#place_order, body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li button.account-log-out, .contact-shop input.wpcf7-submit, .woocommerce-edit-address .woocommerce-MyAccount-content #save-address button, .woocommerce-edit-account form button.woocommerce-Button, body.woocommerce-checkout form.woocommerce-form-login button[type="submit"] { background-color: #FF5F5B !important; } /* Transparent */ body.woocommerce-cart .woocommerce a.remove:hover, body.woocommerce-account mark, body.woocommerce-account .entry-content .woocommerce-MyAccount-content form.edit-account .form-row input, body.woocommerce-account .entry-content form.login .form-row input { background-color: transparent !important; } /* Blue */ .novetats .new { background-color: #0071A5 !important; } /*------ Tipos-------*/ @font-face { font-family: 'SctoGrotesk'; src: url('fonts/Scto_Grotesk_A_Light.eot'); src: url('fonts/Scto_Grotesk_A_Light.eot?#iefix') format('embedded-opentype'), url('fonts/Scto_Grotesk_A_Light.woff2') format('woff2'), url('fonts/Scto_Grotesk_A_Light.woff') format('woff'), url('fonts/Scto_Grotesk_A_Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'SctoGrotesk'; src: url('fonts/Scto_Grotesk_A_Book.eot'); src: url('fonts/Scto_Grotesk_A_Book.eot?#iefix') format('embedded-opentype'), url('fonts/Scto_Grotesk_A_Book.woff2') format('woff2'), url('fonts/Scto_Grotesk_A_Book.woff') format('woff'), url('fonts/Scto_Grotesk_A_Book.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'SctoGrotesk'; src: url('fonts/Scto_Grotesk_A_Book_Italic.eot'); src: url('fonts/Scto_Grotesk_A_Book_Italic.eot?#iefix') format('embedded-opentype'), url('fonts/Scto_Grotesk_A_Book_Italic.woff2') format('woff2'), url('fonts/Scto_Grotesk_A_Book_Italic.woff') format('woff'), url('fonts/Scto_Grotesk_A_Book_Italic.ttf') format('truetype'); font-weight: 400; font-style: italic; } @font-face { font-family: 'SctoGrotesk'; src: url('fonts/Scto_Grotesk_A_Bold.eot'); src: url('fonts/Scto_Grotesk_A_Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Scto_Grotesk_A_Bold.woff2') format('woff2'), url('fonts/Scto_Grotesk_A_Bold.woff') format('woff'), url('fonts/Scto_Grotesk_A_Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'SctoGrotesk'; src: url('fonts/Scto_Grotesk_A_Bold_Italic.eot'); src: url('fonts/Scto_Grotesk_A_Bold_Italic.eot?#iefix') format('embedded-opentype'), url('fonts/Scto_Grotesk_A_Bold_Italic.woff2') format('woff2'), url('fonts/Scto_Grotesk_A_Bold_Italic.woff') format('woff'), url('fonts/Scto_Grotesk_A_Bold_Italic.ttf') format('truetype'); font-weight: 700; font-style: italic; } @font-face { font-family: 'RecklessNeue'; src: url('fonts/RecklessNeue-Book.eot'); src: url('fonts/RecklessNeue-Book.eot?#iefix') format('embedded-opentype'), url('fonts/RecklessNeue-Book.woff2') format('woff2'), url('fonts/RecklessNeue-Book.woff') format('woff'), url('fonts/RecklessNeue-Book.ttf') format('truetype'); font-weight: 400; font-style: normal; } h1, body.page-template-template_entradas h3 { font-family: SctoGrotesk !important; font-weight:700 !important; font-size:29px !important; line-height:38px !important; margin-bottom:16px !important;} h2, .exhibition h1 { font-family: SctoGrotesk !important; font-weight:300 !important; font-size:22px !important; line-height:34px !important;} h3, .space-description p, .quantity input, .text-rent-form p { font-family: SctoGrotesk !important; font-weight:400 !important; font-size:17px !important; line-height:26px !important;} h4, .product h2 { font-family: SctoGrotesk !important; font-weight:400 !Important; font-size:20px !important; line-height:25px !important;} h5 { font-family: SctoGrotesk !important; font-weight:700 !important; font-size:16px !important; line-height:22px !important;} h6, h6 p, .woocommerce ul.products li.product .price, .woocommerce-result-count, .orderby/*-, .page-numbers- */, .pswp__counter { font-family: SctoGrotesk !important; font-weight:400 !important; font-size:14px !important; line-height:18px !important; margin-bottom:0 !important;} .pagination-container a, .page-numbers { font-family: SctoGrotesk !important; font-weight:400 !important; font-size:17px !important; line-height:18px !important; margin-bottom:0 !important;} .carousel h6 p, .excerpt p, .woocommerce ul.products li.product .price { font-size:17px !important; line-height:22px !important; } p, .exhibition h1, body.home .exhibition p, #exhibition-related p, input, textarea, body.page-template-template_projectes h2, #date, .edit p a, .sb-search-input, body.single-product table.variations select { font-family: SctoGrotesk; font-weight:400; font-size:20px; line-height:34px;} #fullcarouselhome p { /*-font-family: SctoGrotesk !important; font-weight:300 !Important; font-size:17px !important; line-height:23px !important;- */ } /*-#primary-biography p, .cronologia p { font-family: SctoGrotesk !important; font-weight:300 !important; font-size:20px !important; line-height:32px !important;}- */ strong, body.page-template-template_projectes h2 { font-weight:700; } .breadcrumbs h6.active { font-weight:600; } .breadcrumbs a h6:hover { text-decoration: underline; } a:link, a:visited { text-decoration:underline; } #datepicker, #datepicker input, #datepicker span, .bootstrap-select button.btn, .bootstrap-select .dropdown-menu a, .btn-default { font-family: SctoGrotesk !important; font-weight:300 !important; font-size:16px !important; line-height:22px !important; } .datepicker.dropdown-menu { font-family: SctoGrotesk !important;} #eucookielaw p { font-family: SctoGrotesk !important; font-weight:400 !important; font-size:13px !important; line-height:18px !important; } p.wp-caption-text { font-size:14px !important; line-height: 18px !important; margin-top: 10px; } body.single-exposicio .exhibitions-template h2, body.single-projecte .exhibitions-template h2 {font-family: SctoGrotesk !important; font-weight:300 !important; font-size:30px !important; line-height:43px !important; margin-bottom:20px !important;} #primary-container-distribuidor h1, body.single-activitat h1, body.page-template-template_activitats h1, body.page-template-template_arxiu-activitats h1, body.page-template-template_edifici h1, body.page-template-template_lloguer h1, body.page-template-template_lloguer h3, #form-lloguer-container h3, body.page-template-template_projectes h1, body.page-template-template-single-distribuidor h1, body.page-template-template-periodical-publications h1, body.museu-i-biblioteca-template-default h1, body.page-template-template-edifici h1, body.page-template-template-rent h1, body.page-template-template-any-tapies h1 { font-family: SctoGrotesk; font-weight:700; font-size:29px; line-height:44px; margin-bottom:16px; } #form-lloguer-container h3 { font-family: SctoGrotesk !important; font-weight:300 !important; font-size:30px !important; line-height:44px !important; margin-bottom:16px !important; } /*-#primary-container-distribuidor p- */#primary-container-distribuidor h2, .panel-group .panel-heading a { font-family: SctoGrotesk; font-weight:300; font-size:29px; line-height:44px; } #primary-container-distribuidor h2 { margin-top:0 !important; } #biography-accordion-container p { font-family: SctoGrotesk; font-weight:300; font-size:20px; line-height:32px; } body.page-template-template_Exp01 #single-title-container h1, body.single-projecte #single-title-container h1 { font-family:Georgia, "Times New Roman", Times, serif; /*-font-size:67px; line-height:72px- */font-size:100px; line-height:120px; } body.page-template-template_Exp01 #single-title-container h1, body.single-projecte #single-title-container h1 { font-family:SctoGrotesk !important; /*-font-size:67px; line-height:72px- */font-size:80px !important; line-height:95px !important; font-weight:200 !important; letter-spacing:-1px !important; } #visitussbutton { font-family: SctoGrotesk; font-size:14px; font-weight: 400; line-height:0; text-decoration:none; } footer p { font-family: SctoGrotesk; font-weight:400; font-size:15px; line-height:21px;} .sidebar-template p, .sidebar-template a, .sidebar-template-left p, .sidebar-template-left a, .space p, #shop-sidebar a { font-family: SctoGrotesk; font-size:18px; line-height:22px; font-weight:300; } h3.widget-title { font-family: SctoGrotesk !important; font-size:14px !important; line-height:20px !important; font-weight:bold !important; text-transform:uppercase !important; } .space h2 { font-family: SctoGrotesk; font-size:14px; line-height:20px; font-weight:700; } .sidebar-template a:link, .sidebar-template a:visited { text-decoration:underline; } .sidebar-template a:hover { text-decoration:none; } .sidebar-template p strong, .sidebar-template-left p strong { font-weight:400; } #links-container p, #menu a { font-family: SctoGrotesk; font-weight:400; font-size:29px; line-height:34px; } #menu .sub-menu a { font-family: SctoGrotesk; font-weight:300; font-size:24px; line-height:26px; } .exhibitions-template p.logotext { font-family: SctoGrotesk; font-weight:600; font-size:12px; line-height:20px; margin-bottom: 0 !important; } body.single-exposicio .exhibitions-template p.logotext { margin-bottom: 0 !important; } .logos-images p { font-family: SctoGrotesk; font-weight:600; font-size:14px; line-height:20px; } .logos-images p { font-weight:400; border-bottom:none !important; } .date { font-family: SctoGrotesk; font-weight:700 !important; font-size:14px !important; line-height:20px !important; margin-bottom:4px; } #exhibition-related h2 { font-family: SctoGrotesk; font-weight:300; font-size:20px; line-height:28px; text-decoration:underline; } button.btn, .dropdown-menu a { font-family: SctoGrotesk; font-weight:300 !important; font-size:20px; line-height:28px !important; } #title-page { font-family: SctoGrotesk; font-weight:700; font-size:14px; line-height:22px; } .exhitibion-dates, #exhibitions-filters p, .obra p, .adquisicion p, .activity-dates { font-family: SctoGrotesk; font-weight:600; font-size:15px; line-height:24px; } .link-distribuidor p { font-family: SctoGrotesk; font-weight:400; font-size:16px; line-height:20px; } #footer-border a { font-family: SctoGrotesk; font-weight:300; font-size:29px; line-height:44px; } #middle-footer a, .wpml-ls-legacy-list-horizontal a, #menu-language a { font-family: SctoGrotesk; font-weight:400; font-size:15px; line-height:18px; text-decoration:underline; } #title-bottom h1 { font-family: SctoGrotesk; font-weight:200; font-size:60px; line-height:60px; } #left-bottom p { font-family: SctoGrotesk; font-weight:300; font-size:16px; line-height:22px; } #left-bottom p strong { font-weight:600; } #contact-home h2 { font-family: SctoGrotesk; font-weight:700; font-size:14px; line-height:20px; margin-top:0; } #contact-home p { font-family: SctoGrotesk; font-weight:400; font-size:14px; line-height:20px; } #home-video-title { font-family: SctoGrotesk; font-weight: 200; font-size:63px; line-height:70px; } .fitxa-label p, .fitxa-content p { font-family: SctoGrotesk; font-weight:400; font-size:18px; line-height:21px; } #primary-biography em { font-weight:300; font-style:italic; } #biography-accordion-container h2, #readmore, #readless { font-family: SctoGrotesk; font-weight:700; font-size:17px; line-height:25px; } .excerpt p { font-size:16px; line-height:22px;} .cat { font-family: SctoGrotesk !important; font-weight:300 !important; font-size:18px !important; line-height:22px !important; margin-bottom:0 !important; } .date-activitat, .related-container .excerpt p, .activities_homeContainer .excerpt p { font-size:18px !important; line-height:22px !important; margin-bottom:0 !important; margin-top: 0 !important; } .date-activitat { font-family: SctoGrotesk !important; font-weight:300 !important; } .related-container .excerpt p { font-family: SctoGrotesk !important; font-weight:300 !important; } .activities_homeContainer .excerpt p { font-family: SctoGrotesk !important; font-weight:300 !important; } .related-container .date-activitat, .activities_homeContainer .date-activitat { margin-bottom: 6px !important; } .info-horaris p, .info-practica p, .info-tarifes p { line-height: 27px; margin-bottom: 10px; } .info-practica strong { font-weight: 600; } .info-punts p { font-size: 15px; line-height: 23px; } .subproject p { line-height: 22px; font-size: 18px; margin-top: 5px; } .descomptes-element h3 { font-family: SctoGrotesk !important; font-weight: 700 !important; font-size: 26px !important; line-height: 30px !important; } @media (min-width: 1450px) { #slide4 .home-tipe-slide { font-family: SctoGrotesk !important; font-weight:400 !important; font-size:14px !important; line-height:20px !important; margin-bottom:5px !important; text-transform:uppercase; } #slide4 .date-home { font-family: SctoGrotesk !important; font-weight:300 !important; font-size:18px !important; line-height:24px !important; margin-bottom:0 !important; margin-top:10px !important; } #slide4 .title-slide-home { font-family: SctoGrotesk !important; font-weight:600 !important; font-size:22px !important; line-height:34px !important; margin-bottom:0 !important; margin-top: 30px !important; } #slide4 .text-slide-home p { font-family: SctoGrotesk !important; font-weight:300 !important; font-size:22px !important; line-height:34px !important; margin-bottom:0 !important; margin-top: 15px !important; } } @media (max-width: 1449px) { #slide4 .home-tipe-slide, #slide2 .home-tipe-slide, #slide1 .home-tipe-slide { font-family: SctoGrotesk !important; font-weight:400 !important; font-size:10px !important; line-height:16px !important; margin-bottom:5px !important; text-transform:uppercase; } #slide4 .date-home, #slide2 .date-home, #slide1 .date-home { font-family: SctoGrotesk !important; font-weight:300 !important; font-size:12px !important; line-height:18px !important; margin-bottom:0 !important; margin-top:6px !important; } #slide4 .title-slide-home, #slide2 .title-slide-home, #slide1 .title-slide-home { font-family: SctoGrotesk !important; font-weight:600 !important; font-size:15px !important; line-height:21px !important; margin-bottom:0 !important; margin-top: 20px !important; } #slide4 .text-slide-home p, #slide2 .text-slide-home p, #slide1 .text-slide-home p { font-family: SctoGrotesk !important; font-weight:300 !important; font-size:15px !important; line-height:21px !important; margin-bottom:0 !important; margin-top: 12px !important; } } .informacio-home p.title-info-home {font-family: SctoGrotesk; font-weight: 700; font-size: 15px; line-height: 18px; border-bottom: 1px solid #E5E5E5; margin-bottom: 15px;} .informacio-home p {font-family: SctoGrotesk; font-weight: 300; font-size: 13px; line-height: 16px; } .info-home-text-petit p, .info-home-text-petit a { font-family: SctoGrotesk; font-weight: 300; font-size: 11px; line-height: 15px; padding-top: 2px !important; } .info-home-text-petit a:link, .info-home-text-petit a:visited { text-decoration: none !important; } .info-home-text-petit a:hover { text-decoration: underline !important; } @media (min-width: 1450px) { .informacio-home p.title-info-home {font-family: SctoGrotesk; font-weight: 700; font-size: 30px; line-height: 38px; border-bottom: 1px solid #E5E5E5; margin-bottom: 15px;} .informacio-home p {font-family: SctoGrotesk; font-weight: 300; font-size: 22px; line-height: 35px; } .info-home-text-petit p, .info-home-text-petit a { font-family: SctoGrotesk; font-weight: 300; font-size: 19px; line-height: 28px; padding-top: 2px !important; } .info-item #map { height: 200px !important; } } @media (min-width: 1025px) and (max-width: 1449px){ .informacio-home p.title-info-home {font-family: SctoGrotesk; font-weight: 700; font-size: 20px; line-height: 26px; border-bottom: 1px solid #E5E5E5; margin-bottom: 15px;} .informacio-home p {font-family: SctoGrotesk; font-weight: 300; font-size: 15px; line-height: 23px; } .info-home-text-petit p, .info-home-text-petit a { font-family: SctoGrotesk; font-weight: 300; font-size: 13px; line-height: 19px; padding-top: 2px !important; } .info-home-text-petit a:link, .info-home-text-petit a:visited { text-decoration: none !important; } .info-home-text-petit a:hover { text-decoration: underline !important; } } @media (max-width: 1024px){ .info-item form input[type="submit"] { padding: 7px 15px 5px !important; font-size: 11px !important; line-height: 20px !important; min-width: 110px !important; } } .informacio-home-small .panel-title a { font-family: SctoGrotesk; font-weight: 700; font-size: 20px; line-height: 30px; } .informacio-home-small .panel-title a { text-decoration: none !important; } @media (max-width: 767px) { body.page-template-template_Exp01 #single-title-container h1, body.single-projecte #single-title-container h1 { font-size:60px; line-height:65px; } } @media (max-width: 680px) { body.page-template-template_Exp01 #single-title-container h1, body.single-projecte #single-title-container h1 { font-size:40px !important; line-height:50px !important; padding-left: 15px !Important; padding-right: 15px !Important; } } /*--- Fonts Shop ---*/ a#entra-com-amic { font-family: SctoGrotesk; font-weight: 700; font-size: 13px; line-height: 16px; } .text-shop-slider h3, .categories-botiga p, .page-template-template_shop .descompte h2 { font-family: SctoGrotesk; font-weight: 700 !important; font-size: 29px !important; line-height: 36px !important; } .text-shop-slider p { font-family: SctoGrotesk; font-weight: 400; font-size: 22px; line-height: 34px; } .text-shop-slider p a, .page-template-template_shop .descompte a, .shop-prefooter #shop-prefooter-lightgrey .prefooter-content p a, .shop-prefooter #shop-prefooter-darkgrey .prefooter-content p a, .contact-shop input.wpcf7-submit, body.woocommerce-checkout form.checkout_coupon button.button { font-family: SctoGrotesk !important; font-weight: 700 !important; font-size: 13px !important; line-height: 34px !important; } .onsale, .novetats .new { font-family: SctoGrotesk; font-weight: 700; font-size: 12px; line-height: 34px; } .slider-novetats p, .slider-related p, body.product-template-default .product h2, body.product-template-default .product span.price, .categoria-shop p.price, .categoria-shop p { font-family: SctoGrotesk; font-weight: 600 !important; font-size: 14px !important; line-height: 17px !important; } .shop-prefooter .titol-seccio p { font-family: SctoGrotesk; font-weight: 700 !important; font-size: 20px !important; line-height: 34px !important; } .shop-prefooter #shop-prefooter-lightgrey .prefooter-content p, .shop-prefooter #shop-prefooter-darkgrey .prefooter-content p, .shop-prefooter #shop-prefooter-darkgrey .prefooter-content p, body.woocommerce-checkout .select2-results__option, body.woocommerce-checkout .select2-container--default .select2-search--dropdown .select2-search__field { font-family: SctoGrotesk; font-weight: 300; font-size: 15px; line-height: 24px; } body.woocommerce-checkout .entry-header h1 { font-family: SctoGrotesk; font-weight: 700 !important; font-size: 36px !important; line-height: 44px !important; } body.woocommerce-cart h1.entry-title, .titol-seccio p, .page-template-template_shop .newsletter p, body.woocommerce-checkout h3#order_review_heading, body.woocommerce-checkout .woocommerce-billing-fields h3, body.woocommerce-checkout #payment #payment-title { font-family: SctoGrotesk; font-weight: 700 !important; font-size: 29px !important; line-height: 44px !important; } /*body.woocommerce-cart .woocommerce table.shop_table th,*/ body.woocommerce-cart .cart_totals h2, body.woocommerce-cart .cart_totals td span, body.woocommerce-cart .coupon h1 { font-family: SctoGrotesk !important; font-weight: 600 !important; font-size: 22px !important; line-height: 34px !important; } .page-template-template_shop .newsletter #subscribe-button p, body.woocommerce-cart .woocommerce .cart .button, body.woocommerce-cart .coupon input.button, body.woocommerce-cart .coupon #amics button, body.woocommerce-account .addresses a.edit, body.woocommerce-lost-password .entry-content form.woocommerce-ResetPassword button, body.woocommerce-account .entry-content form.login, /*body.woocommerce-account .entry-content .woocommerce-MyAccount-content form.edit-account p#save-edit-account button,*/ body.woocommerce-account .entry-content form.login button, body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li button.account-log-out { font-family: SctoGrotesk; font-weight: 700 !important; font-size: 13px !important; line-height: 20px !important; } /*body.woocommerce-cart .woocommerce table.shop_table td a,*/ body.woocommerce-cart .woocommerce table.shop_table td span, body.woocommerce-cart .woocommerce .cart_totals table.shop_table th, body.woocommerce-cart .coupon .submenu-title h1, .woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-info, .page-template-template_shop .descompte p, body.woocommerce-checkout .checkout .col-2 #ship-to-different-address label span { font-family: SctoGrotesk !important; font-weight: 300 !important; font-size: 20px !important; line-height: 34px !important; } body.woocommerce-order-received ul.order_details li, body.woocommerce-order-received ul.order_details li strong, body.woocommerce-order-received table.order_details th, body.woocommerce-order-received table.order_details td, body.woocommerce-order-received table.order_details td a, body.woocommerce-order-received section.woocommerce-customer-details address { font-family: SctoGrotesk !important; font-weight: 300 !important; font-size: 18px !important; line-height: 34px !important; } body.woocommerce-cart .coupon #amics input { font-family: SctoGrotesk; font-weight: 400; font-size: 16px; line-height: 20px; } body.woocommerce-cart .coupon label h1, body.woocommerce-cart .coupon #amics label.remember, body.woocommerce-cart .coupon #amics span.psw { font-family: SctoGrotesk; font-weight: 400 !important; font-size: 18px !important; line-height: 22px !important; } .page-template-template_product-categories #menu-categories .btn-group a p, .page-template-template_product-categories button, #no-results { font-family: SctoGrotesk; font-weight: 300; font-size: 16px; line-height: 30px; } .page-template-template_product-categories #menu-categories .btn-group a p, .page-template-template_product-categories button, #no-results { font-family: SctoGrotesk; font-weight: 300; font-size: 16px; line-height: 30px; } body.product-template-default .product h1.product_title { font-family: SctoGrotesk !important; font-weight: 600 !important; font-size: 29px !important; line-height: 35px !important; color: #1A1A1A !important; } body.product-template-default .product h2.price, body.product-template-default .product h2.friends-price, .preusvariations .amount { font-family: SctoGrotesk; font-weight: 300 !important; font-size: 29px !important; line-height: 38px !important; } body.product-template-default .descompte-amics p, body.woocommerce-cart .woocommerce .cart_totals table.shop_table tbody .shipping td { font-family: SctoGrotesk; font-weight: 400; font-size: 14px; line-height: 20px; } body.woocommerce-checkout form.checkout .select2-results__option[aria-selected], .select2-results__option[data-selected], body.woocommerce-checkout #camps-obligatoris { font-family: SctoGrotesk; font-weight: 400 !important; font-size: 14px; line-height: 30px; } body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li a { font-family: SctoGrotesk; font-weight: 400; font-size: 17px; line-height: 24px; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content p.titol { font-family: SctoGrotesk; font-weight: 300; font-size: 49px; line-height: 60px; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content p.subtitol { font-family: SctoGrotesk; font-weight: 300; font-size: 27px; line-height: 32px; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content p.content { font-family: SctoGrotesk !important; font-weight: 300 !important; font-size: 22px !important; line-height: 34px !important; } body.woocommerce-account .addresses .title h3 { font-family: SctoGrotesk; font-weight: 600 !important; font-size: 16px !important; line-height: 34px !important; } body.woocommerce-cart .coupon label h1, body.woocommerce-cart .coupon #amics span.psw, body.woocommerce-checkout form.checkout label, body.woocommerce-checkout form.checkout input, .select2-container--default .select2-selection--single .select2-selection__rendered, body.woocommerce-checkout #camps-obligatoris, body.woocommerce-checkout .select2-results__option, body.woocommerce-checkout form.checkout p.form-row textarea, body.woocommerce-checkout #payment div.payment_box p, .woocommerce-account form .woocommerce-address-fields .select2-container, .woocommerce-account form .woocommerce-address-fields .form-row input, .woocommerce-account form .woocommerce-address-fields .form-row input.input-text, .woocommerce-edit-account .woocommerce-MyAccount-content form input { font-family: SctoGrotesk; font-weight: 300 !important; font-size: 18px !important; line-height: 22px !important; } body.woocommerce-cart .coupon #amics span.psw, body.woocommerce-checkout #camps-obligatoris { font-size: 14px !important; } body.woocommerce-checkout .select2-results__option, .woocommerce-remove-coupon, body.woocommerce-checkout #payment div.payment_box p { font-size: 15px !important; } /*----- Buttons ----- */ .sidebar-template a.background-button, #form-lloguer-container input[type='submit'], #wpcf7-f1104-p1099-o1 input[type='submit'], body.single-museu-i-biblioteca input[type="submit"], body.page-template-template_sense-menu-lateral input[type="submit"], .formulari input[type="submit"], .single_add_to_cart_button { font-family: SctoGrotesk; font-weight: 700; font-size:13px; line-height:20px; padding:10px 14px 7px; display:inline-block; margin-bottom:10px; -webkit-transition: opacity 0.3s; /* Safari */ transition: opacity 0.3s; text-decoration:none; } .woocommerce a.button, .single_add_to_cart_button, body.woocommerce-account .entry-content .account-loginContainer form button.woocommerce-Button { font-family: SctoGrotesk !important; font-weight: 700 !important; font-size: 18px !important; line-height: 24px !important; padding: 8px 14px 5px !important; display:inline-block !important; margin-bottom:10px !important; -webkit-transition: opacity 0.3s !important; /* Safari */ transition: opacity 0.3s !important; text-decoration:none !important; border-radius:0 !Important; text-transform:uppercase !important; } .background-button-small{ font-family: SctoGrotesk; font-weight: bold; font-size:10px; line-height:14px; padding:7px 10px 6px; -webkit-transition: opacity 0.3s; /* Safari */ transition: opacity 0.3s; text-decoration:none; } .background-button-small:hover, .woocommerce a.button:hover, .single_add_to_cart_button:hover, #subscribe-button:hover, .page-template-template_shop .descompte a:hover, #shop-prefooter-lightgrey .prefooter-content p a:hover, .shop-prefooter #shop-prefooter-darkgrey .prefooter-content p a:hover, .categoria-shop .product-cat:hover img, .slider-novetats .slick-slide:hover .imatge-producte, .product-cat:hover .imatge-producte, body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses address .edit:hover, .woocommerce-edit-address .woocommerce-MyAccount-content #save-address button:hover { opacity:0.7 !important; } a.background-button { text-decoration:none !important; } .text-shop-slider p a, #subscribe-button, .page-template-template_shop .descompte a, #shop-prefooter-lightgrey .prefooter-content p a, .shop-prefooter #shop-prefooter-darkgrey .prefooter-content p a, .categoria-shop .product-cat img, .slider-novetats .slick-slide .imatge-producte, .product-cat .imatge-producte, body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses address .edit, .woocommerce-edit-address .woocommerce-MyAccount-content #save-address button { -webkit-transition: all 0.2s; transition: all 0.2s; } .slick-dots { display: none !important; } /*---------------------------------------------- IMAGES ----------------------------------------------*/ .cronologia, .obra, .press-element div div .linkactivitat, .project, .exhibition, .productcategory, #social-menu ul li a img, .products .product, .slider-novetats .slick-slide img { transition: opacity 0.2s ease; } .cronologia:hover, .obra:hover, .press-element div div .linkactivitat:hover, .project:hover, .exhibition:hover, .productcategory:hover, #social-menu ul li a img:hover, .products .product:hover { opacity:0.7;} #results-exhibitions-container .exhibition.upcoming:hover, .slider-novetats .slick-slide:hover img { opacity:0.4;} .exhibition.no-link:hover {opacity: 1 !important;} #primary-container-distribuidor .gallery img, #primary-biography .gallery img, #exhibitions-template .gallery img { border:0px !important; width:100% !important; } .gallery img { border:0px !important; } dl { margin-bottom:0 !important;} .gallery-columns-2 img{ margin-bottom:20px; } .gallery-columns-2 dl dt { padding-right:10px; padding-left:0; } .gallery-columns-2 dl:nth-child(3n+2) dt { padding-left:10px; padding-right:0; } .gallery-columns-3 img{ margin-bottom:20px; } .gallery-columns-2 dl dt { padding-right:10px; padding-left:0; } .slick-slide img { width:inherit !important; } #primary-container-distribuidor img.alignleft, #primary-biography img.alignleft, #exhibitions-template img.alignleft { width:inherit !important; float:left !important; margin-right:20px !important; } #primary-container-distribuidor img.alignright, #primary-biography img.alignright, #exhibitions-template img.alignright { width:inherit !important; float:right !important; margin-left:20px !important; } .video-container { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*---------------------------------------------- HEADER ----------------------------------------------*/ .header-top { border-bottom: 1px solid #1a1a1a; padding: 10px 0; } .header-top .header-top_row { display: flex; align-items: center; justify-content: space-between; } .header-top .header-top_row .sb-icon-search { position: relative; } .tickets-shop-lang { display: flex; justify-content: center; align-items: center; gap: 45px; } .buy-header-button, .shop-header-button, .tickets-shop-lang .wpml-ls-legacy-dropdown a { font-family: SctoGrotesk; font-size: 22px; line-height: 26px; font-weight: 300; background-color: transparent; text-decoration: none !important; padding: 0; color: #1a1a1a; cursor: pointer; } .buy-header-button { font-weight: 400; } .tickets-shop-lang .wpml-ls-legacy-dropdown { width: inherit; border: none; } .tickets-shop-lang .wpml-ls-legacy-dropdown a { border: none; text-decoration: none !important; } .tickets-shop-lang .wpml-ls-legacy-dropdown a:hover span { text-decoration: none !important; } .tickets-shop-lang .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle { padding-right: 30px; padding-left: 15px; } .tickets-shop-lang .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after { content: url('images/language_logo.svg'); width: 12px; border: none; top: 0; } .tickets-shop-lang .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { text-align: left; padding-bottom: 15px; background-color: #FFF; border-top: none; } .tickets-shop-lang .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li { padding-left: 15px; } .tickets-shop-lang .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li a { padding: 2px 0; } .tickets-shop-lang .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a, .tickets-shop-lang .wpml-ls-legacy-dropdown a:focus, .tickets-shop-lang .wpml-ls-legacy-dropdown a:hover { background-color: transparent !important; } .sb-icon-search { height: 27px !important; } .header-logos { display: flex; justify-content: space-between; align-items: center; padding: 15px 0; } .header-logos a { font-family: SctoGrotesk; font-size: 60px; line-height: 60px; font-weight: 400; text-decoration: none; letter-spacing: -1px; } #close-avis:hover { cursor:pointer; } .infotop, #avis-tancament { -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;} #avis-tancament { top: 0; } body.cookies #avis-tancament { top: 44px; } body #nav-icon { top: 38px !important; } body #home-languages { top: 29px !important; } body .infotop { top: 32px !important; } body #logo-exposicio { margin-top: 0px; } body.avis #nav-icon { top: 70px !important; } body.avis .buy-header-button { top: 69px !important; } body.avis #home-languages { top: 63px !important; } body.avis .infotop { top: 67px !important; } body.avis #logo-exposicio { margin-top: 35px; } body.cookies #nav-icon { top: 70px !important; } body.cookies #home-languages { top: 63px !important; } body.cookies .infotop { top: 67px !important; } body.cookies #logo-exposicio { margin-top: 35px; } body.cookies.avis #nav-icon { top: 110px !important; } body.cookies.avis #home-languages { top: 103px !important; } body.cookies.avis .infotop { top: 107px !important; } body.cookies.avis #logo-exposicio { margin-top: 75px; } #avis-tancament p { font-size: 19px !important; line-height: 26px !important; font-weight: 600 !important; color: #FFF !important; float: left; } #avis-tancament.theme_2020 { background-color: #eaeaea !important; } #avis-tancament.theme_2020 p { font-weight: 400 !important; color: #1a1a1a !important; width: calc(100% - 40px); } #avis-tancament.theme_2020 img { -webkit-filter: none !important; filter: none !important; } .breadcrumbs { border-bottom: 2px solid #E5E5E5 !important; padding-left: 20px; display: none; } .breadcrumbs h6.active { font-weight:700 !important; } .breadcrumbs a h6:hover { text-decoration:none !important; } #eucookielaw { padding:13px 40px; z-index:999999999; position:fixed; top:0; left:0; right:0; } #visitussbutton { border:1px solid #1a1a1a; padding:14px 14px 12px; position:absolute; right:38px; top:35px; } #title-page { position:absolute; top:45px; right:77px; } #nav-icon { float:right; width: 25px; width: 35px; height: 20px; height: 30px; position: fixed; top:35px; right:38px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: right .3s ease-in-out; -moz-transition: right .3s ease-in-out; -o-transition: right .3s ease-in-out; transition: right .3s ease-in-out; cursor: pointer; z-index:9999; } #nav-icon span { display: block; position: absolute; height: 3px; height: 4px; width: 100%; background: #1a1a1a; border-radius: 0px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } #nav-icon span:nth-child(1) { top: 0px; } #nav-icon span:nth-child(2),#nav-icon span:nth-child(3) { top: 8px; top: 10px; } #nav-icon span:nth-child(4) { top: 16px; top: 20px; } #nav-icon.open span:nth-child(1) { top: 18px; width: 0%; left: 50%; } #nav-icon.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #nav-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #nav-icon.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; } #visitussbutton { -webkit-transition: .5s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out;} #menu { position:fixed; top:0; right:0; width:380px; -webkit-transition: right 300ms ease-in-out; transition: right 300ms ease-in-out; height:100vh; z-index:9999; padding:30px 0; } #menu ul{ padding:40px 0px; } #menu li{ list-style:none; cursor: pointer; } #menu a { line-height:37px; margin:0; text-decoration:none !important; } #menu a:hover { color:#dadada !important; } #menu.open { right:0px; } #menu.close { right:-380px; opacity:1; text-shadow:none; font-weight:normal; } #container-movement { -webkit-transition: 0.3s; transition: 0.3s; transition-timing-function: ease-out; } #container-movement.right { -ms-transform: translate(0px,0px); -webkit-transform: translate(0px,0px); transform: translate(0px,0px); } #container-movement.left { -ms-transform: translate(-380px,0px); -webkit-transform: translate(-380px,0px); transform: translate(-380px,0px); } body #logo-exposicio { -webkit-filter: brightness(0%); filter: brightness(0%); } #title-page { text-transform:uppercase !important; } #menu-item-12920, #menu-item-13401, #menu-item-13379, .menu-item-12920, .menu-item-13401, .menu-item-13379, body.es #menu-item-28860 { display: none !important; } @media (max-width: 767px) { #home-languages { display: none !important; } #nav-icon { top:30px; } #visitussbutton { right:18px; top:13px; } #title-page { display:none; } #logo-exposicio { width: calc(100% - 100px); margin-left:18px; margin-top:0; max-width:420px !important; } header { text-align:left; } } @media (max-width: 1050px) { #title-page{ display:none !important; } } @media (max-width: 575px) { #logo-exposicio { max-width:calc(100% - 46px) !important; } } /*----- Search ----- */ #nav-icon { display: none; } #menu .searchFade.sb-icon-search { position: unset; float: right; margin: 0 25px 25px 0; } .searchContainer { display: none; align-items: center; justify-content: center; position: fixed; width: 100%; left: 0; bottom: 0; height: 100vh; background-color: #FFF; z-index: 99999; } .searchContainer .sb-search-input { position: inherit; font-size: 100px; font-weight: 200; max-width: none; padding: 0 0 100px 0; text-align: center; height: inherit; } .searchContainer .sb-icon-search { display: none; } #close-icon { width: 100px; height: 100px; position: fixed; top: 100px; right: 50px; } #close-icon:hover { cursor: pointer; } #close-icon span { display: block; position: absolute; height: 2px; width: 100%; background: #1a1a1a; } #close-icon span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #close-icon span:nth-child(2) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } @media (max-width: 767px) { .searchContainer { z-index: 99999; } .searchContainer .sb-search-input { font-size: 40px; padding: 0 15px 20px 15px; } #close-icon { width: 50px; height: 50px; top: 40px; right: 15px; } } /*----- Home ----- */ /*-body.home header { position:fixed; z-index:10; width:100%; height:8vh; padding:3vh 0; text-align:center; }-- */ body.home #logo-exposicio { -webkit-filter: brightness(100%) !important; filter: brightness(100%) !important; } body.home #logo-exposicio.light { -webkit-filter: brightness(100%) !important; filter: brightness(100%) !important; } body.home #logo-exposicio.dark { -webkit-filter: brightness(0%) !important; filter: brightness(0%) !important; } /*----- Menu ----- */ #ticket-mobile__button, .shop-mobile__button { display: block; padding: 7px 20px 5px 38px; margin: 0px 0px; letter-spacing: 1px; font-size: 24px; line-height: 32px; font-family: SctoGrotesk; font-weight: 400; cursor: pointer; } #ticket-mobile__button:hover, #menu a.shop-mobile__button:hover { background-color: #d9d9d9; color: #333333 !important; } .grecaptcha-badge { display: none !important; } #cart-logo { display: none !important; } /*-body,-- */ #menu, #menu-bottom-lang-social { background-color:#f2f2f2; } #page-content { background-color:#FFF; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #page-content.active { -webkit-transform: translate3d(-350px,0,0); -moz-transform: translate3d(-350px,0,0); transform: translate3d(-350px,0,0); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #nav-main ul { list-style: none; margin: 0; padding :0; text-align: left; } #nav-main ul a { display: block; text-decoration: none; } #nav-main ul li { display:inline-block; width: 100%;} #nav-main ul li a { text-decoration:none; display:block; padding: 7px 20px 5px 38px; color:#464646; margin: 0px 0px; letter-spacing: 1px; } #nav-main ul li a:hover { background: #d9d9d9; color:#333333 !important; } #nav-main ul li ul li a:hover { color: #0f6cb6; } #nav-main ul li ul li:hover { background: #d9d9d9; } #nav-main ul li ul { position: relative; } #nav-main ul ul li a { background: none; border: none; margin: 0 0 0 14px; } #nav-main ul ul li ul { margin: 0 0 0 35px; } ul.sub-menu li.current-menu-item { color: #0f6cb6 !important; font-weight: bold; } .sub-menu { background-color:#e6e6e6; } .sub-menu li:first-child { margin-top:15px; } .sub-menu li:last-child { margin-bottom:15px; } html.menuactive, html.menuactive body { /*--overflow:hidden;-- */ height:100%; } html.menuactive #menu { overflow: auto; height:100vh; } /*--#menu ul li:last-child a { margin-bottom:50px; }-- */ #menu .sub-menu li:last-child a { margin-bottom:0px; } html.menuactive #nav-icon { right:410px; } @media (max-width: 767px) { #menu { width:82%; } #menu.close { right:-82%; } #page-content.active { -webkit-transform: translate3d(-82%,0,0); -moz-transform: translate3d(-82%,0,0); transform: translate3d(-82%,0,0); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } html.menuactive #nav-icon { right:calc(82% + 18px); } #nav-icon { -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } .breadcrumbs { display:none; } body #nav-icon { right:25px; top: 26px !important; } } .sb-search { max-width:250px; margin-right:65px; } #count-items-cart { font-family: SctoGrotesk; border-radius:60px; width:15px; height:15px; font-size:10px; font-weight:bold; padding-top:9px; line-height:0; color:#1a1a1a; position:absolute; top:-5px; right:-4px; padding-left:4px; background-color:#FF5E5A; } #cart-logo { position:absolute; right:30px; top:36px; } #cart-logo img { width:24px;} #menu-bottom-lang-social { position:relative; bottom:0; left:0; right:0; } #menu-language { margin-left: 15px; float:left; clear: both; padding-bottom: 10px; } #menu-language ul { padding:0 !important; margin: 0 !important; } #menu-language li, #menu-language a { margin-bottom:0 !important; line-height: 0; } #menu #social-menu { padding-bottom:0 !important; margin-left: 24px !important; float:left; margin-top: 11px !important; clear: both; } #menu #social-menu ul { padding:0 !important; margin-bottom: 0 !important; } #menu #social-menu ul li { margin-left:3px; } #menu #social-menu ul li a img { width:26px; filter: invert(1); } #menu #social-menu ul li:last-child a { margin-bottom:0 !important; } .newsletter-button { float: left; margin-left: 28px !important; font-family: SctoGrotesk !important; font-weight: 400 !important; font-size: 18px !important; border: 1px solid #000 !important; line-height: 18px !important; padding: 15px 20px !important; -webkit-transition: 0.3s; transition: 0.3s; width: calc(100% - 56px); } #menu a.newsletter-button:hover { color: #000 !important; cursor: pointer; opacity: 0.8; } .breadcrumbs { margin-top:40px; } @media (max-width: 767px) { #menu-language a { font-size: 14px !important; line-height: 30px !important; } #menu-bottom-lang-social { bottom: 25px !important } } #close-avis:hover { cursor:pointer; } .infotop, #avis-tancament { -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;} #avis-tancament { top: 0; } body.cookies #avis-tancament { top: 44px; } body #home-languages { top: 28px !important; } body .infotop { top: 32px !important; } body.avis #nav-icon { top: 70px !important; } body.avis #home-languages { top: 63px !important; } body.avis .infotop { top: 67px !important; } body.cookies #nav-icon { top: 70px !important; } body.cookies #home-languages { top: 63px !important; } body.cookies .infotop { top: 67px !important; } body.cookies.avis #nav-icon { top: 110px !important; } body.cookies.avis #home-languages { top: 103px !important; } body.cookies.avis .infotop { top: 107px !important; } @media (min-width: 768px) and (max-width: 991px) { header { text-align: left !important; } #logo-exposicio { margin-left: 20px; max-width: 500px !important; } } /*--body.home .buy-header-button { top: 35px; }-- */ /*----- 2020 template ----- */ body.avis #home-languages.theme_2020 { top: 70px !important; } #logo-exposicio.theme_2020 { -webkit-filter: none; filter: none; } #home-languages.theme_2020 { display: inherit; position: absolute; top: 5px !important; left: 0 !important; width: 125px; } #home-languages.theme_2020 .wpml-ls-legacy-list-horizontal { text-align: left; } body.avis .topRight-preHeader { top: 70px !important; } body.avis .buy-header-button.theme_2020 { top: 0 !important; } .menu-2020-container { padding-bottom: 7px; } #menu .menu-2020-container { padding-bottom: 0; } .header-2020 { position: sticky; top: 0; left: 0; right: 0; z-index: 9; text-align: center; } .header-2020 .menu { padding: 18px 0 16px; background-color: #FFF; margin-bottom: 0; position: relative; z-index: 1; } .header-2020 .menu li { display: inline-block; margin: 0 8px; } .header-2020 .menu a { font-family: SctoGrotesk; font-size: 26px; line-height: 32px; text-decoration: none; font-weight: 400; padding-bottom: 12px; } .header-2020 .menu li:hover a { border-bottom: 1px solid #1a1a1a; } .header-2020 .menu li:hover .sub-menu a { border-bottom: none !important; } .header-2020 .sub-menu { display: none; width: 100% !important; position: absolute; top: 60px; left: 0; right: 0; padding: 20px 0 30px; background-color: #FFF; text-align: left; } .header-2020 .sub-menu a { float: left; width: 300px; text-align: left; padding: 4px 0 3px; font-weight: 300; } .header-2020 .sub-menu a:hover { cursor: pointer; background-position: calc(100% - 10px) center; font-weight: 400; } .header-2020 .sub-menu li { margin: 0; display: table; } .header-2020 #menu-item-12907 .sub-menu .sub-menu-wrap li, .header-2020 #menu-item-13367 .sub-menu .sub-menu-wrap li, .header-2020 #menu-item-13389 .sub-menu .sub-menu-wrap li, .header-2020 #menu-item-28946 .sub-menu .sub-menu-wrap li .header-2020 #menu-item-28990 .sub-menu .sub-menu-wrap li, .header-2020 #menu-item-29000 .sub-menu .sub-menu-wrap li, .header-2020 #menu-item-31028 .sub-menu .sub-menu-wrap li, /*--.header-2020 #menu-item-33170 .sub-menu .sub-menu-wrap li, .header-2020 #menu-item-33164 .sub-menu .sub-menu-wrap li, .header-2020 #menu-item-33166 .sub-menu .sub-menu-wrap li-*/ { display: inline-block; } /*--.header-2020 #menu-item-13389 .sub-menu a { width: 370px !important; }-*/ .header-2020 #menu-item-12903 .sub-menu a, .header-2020 #menu-item-13363 .sub-menu a, .header-2020 #menu-item-13385 .sub-menu a, .header-2020 #menu-item-31028 .sub-menu a { width: 400px; } /*--.header-2020 #menu-item-33170 .sub-menu-wrap, .header-2020 #menu-item-33164 .sub-menu-wrap, .header-2020 #menu-item-33166 .sub-menu-wrap { columns: auto 2; }-*/ .header-2020 #menu-item-33170 .sub-menu a, .header-2020 #menu-item-33164 .sub-menu a, .header-2020 #menu-item-33166 .sub-menu a { width: 440px; } body .sub-menu-wrap { max-width: 740px; margin: 0 auto; padding: 0 15px; } #menu-language .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer { margin-bottom: 0 !important; } #menu-language ul li a { font-size: 14px !important; line-height: 30px !important; background-color: transparent; color: #000 !important; } #menu-language ul li a:hover { color: #5c5c5c !important; } #menu-language ul li.wpml-ls-current-language a span { text-decoration: underline !important; color: #000 !important; } body.home .descomptes-container { margin-bottom: 150px; } @media (max-width: 1240px){ .header-top { border-bottom: none; position: absolute; right: 90px; top: 23px; } .header-top .tickets-shop-lang, .header-top .searchFade.sb-icon-search { display: none; } .header-logos a:first-child { display: none; } #nav-icon { display: inherit; } .header-2020, .topRight-preHeader { display: none; } #menu a { font-size:24px; line-height:32px;} #menu .sub-menu a { font-size:20px; line-height:26px;} } @media (min-width: 992px){ .header-2020 #menu-item-12907 .sub-menu a, .header-2020 #menu-item-13367 .sub-menu a, .header-2020 #menu-item-13389 .sub-menu a, .header-2020 #menu-item-28946 .sub-menu a, .header-2020 #menu-item-29000 .sub-menu a { width: 280px; } .header-2020 #menu-item-12907 .sub-menu-wrap, .header-2020 #menu-item-13367 .sub-menu-wrap, .header-2020 #menu-item-13389 .sub-menu-wrap, .header-2020 #menu-item-28946 .sub-menu-wrap, .header-2020 #menu-item-28990 .sub-menu-wrap, .header-2020 #menu-item-29000 .sub-menu-wrap { columns: auto 3; max-width: 940px; } .header-2020 #menu-item-31028 .sub-menu-wrap { columns: auto 2; max-width: 940px; } } @media (max-width: 991px) { .header-2020 #menu-item-12907 .sub-menu .sub-menu-wrap li, .header-2020 #menu-item-13367 .sub-menu .sub-menu-wrap li, .header-2020 #menu-item-13389 .sub-menu .sub-menu-wrap li, .header-2020 #menu-item-28946 .sub-menu .sub-menu-wrap li, .header-2020 #menu-item-28990 .sub-menu .sub-menu-wrap li, .header-2020 #menu-item-29000 .sub-menu .sub-menu-wrap li, .header-2020 #menu-item-31028 .sub-menu .sub-menu-wrap li { margin-right: 30px; } } @media (max-width: 991px) and (min-width: 768px){ #logo-exposicio.theme_2020 { /*--width: 40%;-*/ margin-left: 0 !important; max-width: 555px !important; } } @media (max-width: 767px){ .header-top { padding: 0; right: 80px; } .descomptes-container.wrap1230 { padding: 0 !important; } .header-logos a { font-size: 36px; line-height: 36px; } .header-logos { padding: 20px 0; } .myAccount-cart_shopMenu li { margin-left: 10px; } } @media (max-width: 400px){ .header-logos a { font-size: 30px; line-height: 30px; } .header-top { top: 20px; right: 75px; } body #nav-icon { top: 24px !important; } } /*---------------------------------------------- FOOTER ----------------------------------------------*/ .edit { padding:10px 0; } body.home .edit, body.page-template-template_index_dinamic .edit { padding: 0; } #footer-border { border-top: 2px solid #E5E5E5; } #footer-border ul li, #middle-footer ul li { display:inline-block; } .menu-prefooter-container { text-align:center;} #footer-border li {margin-right:45px; } #footer-border li:last-child, #middle-footer ul li:last-child {margin-right:0; } #middle-footer ul li { margin-right:20px; } #social-menu { text-align:center; padding-bottom:30px; } #social-menu ul li { display:inline; margin: 0 4px; } #social-menu ul li a img { width:32px; } .wpml-ls-statics-footer { display: none; } #menu .wpml-ls-statics-footer { display: block; } @media (max-width: 767px) { #footer-border ul li { display:block; margin-right:0; } } /*----- Home ----- */ body.home .section footer { position:absolute; left:0; right:0; bottom:0; } /*----- Lang selector ----- */ .wpml-ls-legacy-list-horizontal { text-align:center; } .wpml-ls-legacy-list-horizontal ul li a .wpml-ls-display { display:none !important; } .wpml-ls-legacy-list-horizontal a::after { content: " - ";} .wpml-ls-legacy-list-horizontal li:last-child a::after { content: "";} .wpml-ls-legacy-list-horizontal a { padding:5px 0 0 5px !important; } /*----- Cookies----- */ #eucookielaw, #gdpr-cookie-message { position: fixed; bottom: 0; right: 20px; background-color: #E5E5E5; width: 100%; padding: 0 30px; z-index: 9; text-align: center; left: 0; } #eucookielaw p, #gdpr-cookie-message p, #gdpr-cookie-message a { font-family: SctoGrotesk !important; line-height: 18px !important; font-weight: 400 !important;font-size: 13px !important; display: inline-block; margin-bottom: 7px; color: #5c5c5c !important; } #gdpr-cookie-message p:nth-child(2) { width: calc(100% - 180px); max-width: 855px; padding-right: 45px; text-align: left; } #gdpr-cookie-message p:nth-child(2) a { margin-bottom: 0; } #gdpr-cookie-message p:nth-child(4) { vertical-align: top; margin-top: 0px; } #gdpr-cookie-advanced { display: none; } #removecookie, #gdpr-cookie-message button { background-color: #5c5c5c; font-size: 12px; padding: 5px 14px; text-decoration: none; -webkit-transition: .3s ease; -moz-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; border-top: none; border-left: none; border-right: none; color: #FFF; line-height: 12px; } @media (max-width: 850px) { #gdpr-cookie-message p:nth-child(2) { width: 100%; padding-right: 0; } #gdpr-cookie-message p:nth-child(4) { margin-top: 0px; margin-bottom: 20px; } } /*----- Footer 2020----- */ footer .wrap1230 { width: 100%; } .footer-2020 { background-color: #1a1a1a; padding: 10px 0 25px; } .threeColums-footer { overflow: hidden; padding-top: 75px; } .seccio-prefooter:nth-child(1) { padding-right: 30px; } .seccio-prefooter:nth-child(2) { padding-right: 15px; padding-left: 15px; } .seccio-prefooter:nth-child(3) { padding-left: 30px; } .footer-2020 .titol-seccio { text-align: center; } .footer-2020 .titol-seccio p, .footer-2020 .footer-newsletter label { font-family: SctoGrotesk !important; font-weight: 400 !important; font-size: 26px !important; line-height: 26px !important; color: #f0f0f0 !important; border-bottom: 1px solid #FFF; padding-bottom: 30px; } .prefooter-arribar-text { padding-left: 35px; } .prefooter-content { padding: 28px 0 0; } .prefooter-content p { font-family: SctoGrotesk !important; font-weight: 400 !important; font-size: 18px !important; line-height: 22px !important; color: #f0f0f0 !important; margin-bottom: 10px; } ul.footer-social { display: flex; gap: 12px; } ul.footer-social li a:hover { opacity: 0.8; } ul.footer-social li a img { width: 42px; opacity: 0.9; } .logo-shopFooter { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-top: 90px; } .logo-shopFooter img { text-align: center; max-width: 590px !important; width: calc(100% - 80px); } .footer-2020 #middle-footer { margin-top: 20px; } .footer-2020 #middle-footer a { font-family: SctoGrotesk !important; font-weight: 400 !important; font-size: 13px !important; line-height: 13px !important; color: #909090 !important; text-decoration: none; } .footer-2020 #middle-footer a:hover { color: #FFF !important; } .footer-2020 #middle-footer ul { margin: 0; } .footer-2020 #middle-footer ul li { margin: 0 10px 0 0; } .footer-2020 .tarifes-home li:last-child { border-bottom: none; } .footer-2020 .footer_newsletter-social { clear: both; margin-top: 50px; display: flex; align-items: center; justify-content: space-between; } .footer-2020 .footer-newsletter { width: 68.2%; padding-right: 30px; } .footer-2020 .footer-newsletter input[type=email] { max-width: calc(100% - 60px) !important; font-family: SctoGrotesk; font-weight: 400; font-size: 18px; line-height: 22px; color: #f0f0f0 !important; padding: 18px 20px 16px; float: left; background-color: transparent; border-color: #f0f0f0; } .footer-2020 .footer-newsletter input[type=submit] { background-image: url(images/newsletter-submit.svg); background-size: 30px; background-position: center; background-repeat: no-repeat; color: transparent; background-color: transparent; border-top: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; border-left: none; float: left; padding: 0; height: 58px; width: 58px; cursor: pointer; transition: 0.2s ease; } .footer-2020 .footer-newsletter input[type=submit]:hover { background-color: #444444; } .footer_main-logo { font-family: SctoGrotesk; font-size: 60px; line-height: 60px; font-weight: 400; color: #f0f0f0; text-decoration: none !important; } .footer_logos { display: flex; align-items: center; gap: 14px 25px; flex-wrap: wrap; } .footer_logos a { transition: 0.2s ease; } .footer_logos a:hover { opacity: 0.8; } .footer_logos a img { height: 30px; width: auto; } @media (max-width: 1300px){ .logo-shopFooter { flex-direction: column; align-items: start; } } @media (max-width: 991px){ footer .threeColums-footer { display: flex; flex-direction: column; gap: 40px; } footer .threeColums-footer .seccio-prefooter { width: 100% !important; padding: 0 !important; } ul.footer-social { gap: 10px; } ul.footer-social li a img { width: 38px; } } @media (max-width: 767px){ .seccio-prefooter:nth-child(1), .seccio-prefooter:nth-child(2), .seccio-prefooter:nth-child(3) { padding: 0px; margin-bottom: 35px; } .footer-2020 .footer-newsletter { padding-right: 0; } .footer-2020 .footer-newsletter, ul.footer-social { width: 100%; } .footer-2020 .footer-newsletter label { width: 100%; text-align: center !important; padding-right: 0; } .footer-2020 .footer-newsletter input[type=email] { max-width: calc(100% - 58px) !important; } .footer-2020 .footer_newsletter-social { flex-direction: column; gap: 25px; margin-top: 20px; } .footer_main-logo { font-size: 36px; line-height: 36px; } .logo-shopFooter { margin-top: 60px; } } /*---------------------------------------------- HOME ----------------------------------------------*/ body.home { background-color:#FFF; } body.home #logo-exposicio, body.home #visitussbutton, body.home #nextslide { -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; } body.home #nav-icon.dark span { background:#1a1a1a !important; } body.home #nav-icon.light span { background:#fff !important; } body.home #nav-icon span {} body.home #visitussbutton.dark { color:#1a1a1a !important; border-color:#1a1a1a !important; } body.home #visitussbutton.light { color:#FFF !important; border-color:#FFF !important; } body.home #visitussbutton { color:#FFF; border-color:#FFF; } body.home #nextslide.dark { -webkit-filter: brightness(0%) !important; filter:brightness(0%) !important; } body.home #nextslide.light { -webkit-filter: brightness(100%) !important; filter:brightness(100%) !important; } body.home #nextslide { -webkit-filter: brightness(100%); filter:brightness(100%); } #moveSectionDown { position:fixed; right:20px; bottom:20px; z-index:9999999999; } .fp-tableCell { position:relative; } #left-bottom { position:absolute; left:40px; bottom:25px; } #title-bottom { position:absolute; left:0; right:0; bottom:25px; text-align:center; } #home-tres-columnes div div { padding:0 15px; } #home-languages { display: none; z-index: 9999999; position: fixed; top: 29px; right: 198px; -webkit-transition: right .5s ease-in-out; -moz-transition: right .5s ease-in-out; -o-transition: right .5s ease-in-out; transition: right .5s ease-in-out;} html.menuactive #home-languages { right: 462px; } .infotop { -webkit-transition: right .5s ease-in-out; -moz-transition: right .5s ease-in-out; -o-transition: right .5s ease-in-out; transition: right .5s ease-in-out;} html.menuactive #home-languages { right: 550px; } body.home #home-languages { display: inherit; } /* div.marquee { white-space:no-wrap overflow:hidden; } div.marquee > div.marquee-text { white-space:nowrap; display:inline; width:auto; } */ .featured-new { height: 30px; overflow: hidden; position:fixed; left:0; right:0; z-index:999999999999999999999; background-color:#FFF; border-bottom:1px solid red; } .featured-new p { color:red; position: absolute; width: 100%; height: 100%; margin: 0; line-height: 30px; text-align: center; /* Starting position */ -moz-transform:translateX(100%); -webkit-transform:translateX(100%); transform:translateX(100%); /* Apply animation to this element */ -moz-animation: featured-new 25s linear infinite; -webkit-animation: featured-new 25s linear infinite; animation: featured-new 25s linear infinite; } /* Move it (define the animation) */ @-moz-keyframes featured-new { 0% { -moz-transform: translateX(100%); } 100% { -moz-transform: translateX(-100%); } } @-webkit-keyframes featured-new { 0% { -webkit-transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); } } @keyframes featured-new { 0% { -moz-transform: translateX(100%); /* Firefox bug fix */ -webkit-transform: translateX(100%); /* Firefox bug fix */ transform: translateX(100%); } 100% { -moz-transform: translateX(-100%); /* Firefox bug fix */ -webkit-transform: translateX(-100%); /* Firefox bug fix */ transform: translateX(-100%); } } .diferentsdies span:after { content: ", "; } .diferentsdies span:last-child:after { content: ""; } #myCarousel .carousel-indicators, #myCarouselmedium .carousel-indicators, #myCarouselsmall .carousel-indicators { display:none; } body.home #myCarousel .right.carousel-control, body.home #myCarousel .left.carousel-control, body.home #myCarouselmedium .right.carousel-control, body.home #myCarouselmedium .left.carousel-control, body.home #myCarouselsmall .right.carousel-control, body.home #myCarouselsmall .left.carousel-control { display:inherit !important; } #myCarousel .carousel-control.left, #myCarouselmedium .carousel-control.left, #myCarouselsmall .carousel-control.left { left:50px; } #myCarousel .carousel-control.right, #myCarouselmedium .carousel-control.right, #myCarouselsmall .carousel-control.right { right:50px; } #carousel-home #myCarousel, #carousel-home #Carouselfull { height:440px; } #carousel-home #myCarouselmedium { height:455px; } #carousel-home #myCarouselsmall { height:470px; } #carousel-home #myCarouselmedium .carousel-control .glyphicon-chevron-right { margin-right:-17px !Important; } #carousel-home #myCarouselmedium .carousel-control.right { right:20px !important; } #carousel-home #myCarouselmedium .carousel-control .glyphicon-chevron-left { margin-left:-17px !Important; } #carousel-home #myCarouselmedium .carousel-control.left { left:20px !important; } /*----- Carousel ----- */ .fp-tableCell { height: inherit !important; } .carousel-indicators li { border:1px solid #666 !important; } .carousel-indicators .active { background-color: #666 !important; } .carousel-control.right { background-image:none !important; right:0; } .carousel-control .glyphicon-chevron-right { height:40px !important; background-image:url(images/next-carousel.svg); background-size:contain; background-repeat:no-repeat; margin-right:-50px !important; top:45% !important; } .carousel-control { width:25px !important; } .carousel-indicators { bottom: 0 !Important; } .carousel-control.left { background-image:none !important; left:0; } .carousel-control .glyphicon-chevron-left { height:40px !important; background-image:url(images/prev-carousel.svg); background-size:contain; background-repeat:no-repeat; margin-left:-50px !important; top:45% !Important; } .fp-slidesContainer { width:100% !important; } @media (min-width: 1200px) { .carousel.full { display:block; } .carousel.medium { display:none; } .carousel.small { display:none; } } @media (min-width: 992px) and (max-width: 1199px) { .carousel.wrap { width:calc(100% - 150px) !important; padding:75px !important; } #exhibition-related .carousel.wrap { width:100% !important; } } @media (min-width: 576px) and (max-width: 991px) { .carousel.wrap { width:calc(100% - 90px) !important; padding:45px !important; } #exhibition-related .carousel.wrap { width:100% !important; } } @media (min-width: 576px) and (max-width: 1199px) { .carousel.full { display:none; } .carousel.medium { display:block; } .carousel.small { display:none; } } @media (max-width: 575px) { .carousel.full { display:none; } .carousel.medium { display:none; } .carousel.small { display:block; } .carousel.wrap { width:calc(100% - 30px) !important; padding:15px !important; } } /*----- Video ----- */ .video { position: absolute; top: 50%; left: 50%; z-index: 1; min-width: 100%; min-height: 100vh; width: auto; height: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #home-video-title { position:relative; z-index:99999; text-align:center; max-width:720px; margin:0 auto; padding-top:32vh; } #home-video-button { position:relative; z-index:99999; font-weight:600; font-size:17px; opacity:1 !important; margin-top:55px; } /*----- Background movement ----- */ .background-movement { background-size:200% auto !important; -webkit-animation: 30s ease-out 0s normal none animate; -moz-animation: 30s ease-out 0s normal none animate; -ms-animation: 30s ease-out 0s normal none animate; -o-animation: 30s ease-out 0s normal none animate; animation: 30s ease-out 0s normal none animate; animation-fill-mode: forwards; } @-webkit-keyframes animate { from {background-position:0 50%;} to {background-position: 50% 50%;} } @-moz-keyframes animate { from {background-position:0 50%;} to {background-position: 50% 50%;} } @-ms-keyframes animate { from {background-position:0 50%;} to {background-position: 50% 50%;} } @-o-keyframes animate { from {background-position:0 50%;} to {background-position: 50% 50%;} } @keyframes animate { from {background-position:0 50%;} to {background-position: 50% 50%;} } /*----- Contact ----- */ #contact-home .col-md-8 .col-md-6 div { padding-right:50px; } #informacio-practica { padding:110px 70px; } @media (max-width: 1200px) { #informacio-practica { padding:50px 70px; } } @media (max-width: 991px) { .imatgefooterhome { display:none; } #informacio-practica { padding:40px 20px; } } .imatgefooterhome div { padding-right:35px; } .textfooterhome div { padding-left:35px; } .textfooterhome .links { margin-left:-7px; padding-top:50px; } .textfooterhome .link-distribuidor { margin-bottom:10px !important; } .textfooterhome .links, .textfooterhome .link-distribuidor { padding-left:0 !important; } .textfooterhome .link-distribuidor div { padding:0 5px !important; } .textfooterhome .link-distribuidor div div { background-color:rgba(0,0,0,0.1); padding:8px 10px !important; transition: background-color 0.2s ease;} .textfooterhome .link-distribuidor:hover div div { background-color:rgba(0,0,0,0.3);} .textfooterhome .link-distribuidor p, .textfooterhome .menu-home-text p { font-size:13px !important; font-weight:400 !important; } .menu-home-text { clear:both; } .menu-home-text ul li { margin-right:10px; } .menu-home-text ul li, .textfooterhome .menu-home-text p { display:inline; } .carousel .menu-home-text a:link p, .carousel .menu-home-text a:visited p { text-decoration:underline !important; } .carousel .menu-home-text a:hover p { text-decoration:none !important; } /*----- HOME 7 ----- */ #fullcarouselhome .right.carousel-control, #fullcarouselhome .left.carousel-control, #mediumcarouselhome .right.carousel-control, #mediumcarouselhome .left.carousel-control, #smallcarouselhome .right.carousel-control, #smallcarouselhome .left.carousel-control{ display:inherit !important; } #fullcarouselhome .item .exhibition div, #mediumcarouselhome .item .exhibition div { padding:0 25px;} #fullcarouselhome, #mediumcarouselhome, #smallcarouselhome { width:100% !important; } #background-index .fp-slidesContainer { transform:translate3d(0, 0px, 0px) !important;} @media (min-width: 1200px) { #fullcarouselhome { display:inherit; } #mediumcarouselhome, #smallcarouselhome { display:none; } #fullcarouselhome .item .exhibition:nth-child(2) { border-left:2px solid #E5E5E5; border-right:2px solid #E5E5E5; min-height:430px; } } @media (min-width: 576px) and (max-width: 1199px) { #fullcarouselhome, #smallcarouselhome { display:none; } #mediumcarouselhome { display:inherit; } #mediumcarouselhome .item .exhibition:nth-child(2) { border-left:2px solid #E5E5E5; min-height:460px; } } @media (max-width: 575px) { #fullcarouselhome, #mediumcarouselhome { display:none; } #smallcarouselhome { display:inherit; } } /*----- HOME 8 ----- */ .wrapslider { padding:0 80px; } .text-slide-home { padding: 0 !important; } #slide4 { display: inherit; } #slide4, #slide2, #slide1 { width: 100% !important; } @media (min-width: 992px) and (max-width: 1449px) { .wrapslider { padding:0 40px; } #slide4 .item .exhibition { min-height:420px; } #slide4 .item .exhibition:nth-child(1), #slide4 .item .exhibition:nth-child(2), #slide4 .item .exhibition:nth-child(3) { border-right:2px solid #E5E5E5 !important; } } @media screen and (min-width: 1450px){ #slide4 .item .exhibition:nth-child(1), #slide4 .item .exhibition:nth-child(2), #slide4 .item .exhibition:nth-child(3) { border-right:2px solid #E5E5E5 !important; } #slide4 .item .exhibition { min-height:650px; } #slide4 .item .exhibition div { padding: 0px 30px; } } @media (min-width: 992px) { #slide4 { display: inherit; } #slide2 { display: none; } #slide1 { display: none; } } @media (min-width: 576px) and (max-width: 991px) { .wrapslider { padding:0 40px; } #slide4, #slide1 { display: none; } #slide2 { display: inherit; } #slide2 .item .exhibition:nth-child(1) { border-right:2px solid #E5E5E5 !important; } #slide2 .item .exhibition { min-height:450px; } } @media (max-width: 575px) { .wrapslider { padding:0 40px; } #slide4, #slide2 { display: none; } #slide1 { display: inherit; } } .informacio-home { overflow: hidden; padding-left: 200px; padding-right: 200px; } .informacio-home .info-item:nth-child(1) .padding, .informacio-home .info-item:nth-child(4) .padding {padding-right: 30px; padding-bottom: 60px;} .informacio-home .info-item:nth-child(2) .padding, .informacio-home .info-item:nth-child(5) .padding {padding-right: 30px; padding-left: 30px; padding-bottom: 60px;} .informacio-home .info-item:nth-child(3) .padding, .informacio-home .info-item:nth-child(6) .padding {padding-left: 30px; padding-bottom: 60px;} .informacio-home .info-item:nth-child(4) { clear: both; } .info-home-text-petit { padding-top: 10px; } .info-home-text-petit div div:nth-child(1) { width: 30px; float: left; } .info-home-text-petit div div:nth-child(2) { width: calc(100% - 30px); float: right; } .tarifes-home li { clear:both; overflow: hidden; border-bottom: 1px solid #909090; padding: 13px 0; } .tarifes-home li p:nth-child(1) { float: left; width:calc(100% - 70px); } .tarifes-home li p:nth-child(2) { float: right; width: 70px; text-align: right; } .info-item form { clear:both; overflow: hidden; padding-top: 20px; } .info-item form input[type="email"] { border: 1px dotted #CCC; padding: 8px 15px 6px; } .info-item form input[type="submit"] { background-color: #333; color: #FFF; padding: 8px 25px 6px; font-family: SctoGrotesk; font-weight: 700; font-size: 14px; line-height: 20px; } .informacio-home { padding-left: 10% !important; padding-right: 10% !important; } @media (min-width: 1800px) { .informacio-home { /*--padding-left: 400px; padding-right: 400px;-- */padding-left: 10%; padding-right: 10%; } } @media (min-width: 1450px) and (max-width: 1799px) { .informacio-home { /*--padding-left: 200px; padding-right: 200px;-- */ } } @media (min-width: 1450px) { .informacio-home .info-item .padiding { padding-bottom: 120px !important; } } @media (min-width: 768px) and (max-width: 1200px) { .informacio-home { padding-left: 120px !important; padding-right: 120px !important; } .informacio-home .info-item .padding { padding-bottom: 30px !important; } .informacio-home .info-item:nth-child(2) .padding, .informacio-home .info-item:nth-child(5) .padding { padding-right: 15px; padding-left: 15px; padding-bottom: 30px; } } .info-item form input[type="email"] { min-width: 100%; } .info-item form input[type="submit"] { min-width: 130px; } @media (min-width: 768px){ .informacio-home-full { display: inherit; } .informacio-home-small { display: none; } } @media (max-width: 767px){ .informacio-home-full { display: none; } .informacio-home-small { display: inherit; } .informacio-home { padding-left: 20px !important; padding-right: 20px !important; padding-top: 70px !important; } } .informacio-home-small .panel-group .panel-heading a { padding: 12px 0px 10px; } .informacio-home-small .panel-body { padding: 15px 0 !important; } @media (min-width: 1025px){ .vimeo-wrapper { background-image: none !important; } } .panel-title a { background-image: url("images/open-tab.svg"); background-repeat: no-repeat; background-position: right 10px center; } .panel-title a.collapsed { background-image: url("images/close-tab.svg"); background-repeat: no-repeat; background-position: right 10px center; } /*--body.home header { display:none !important; }-- */ body.home .infotop { position:absolute; top:32px; left:38px; } body.home .infotop p { font-size:22px !important; line-height:26px !important; font-weight: 600 !important; } body.home .info-home { width: 100%; max-width: 700px; padding: 50px 0 0 38px; } body.home .info-home p { line-height:28px; } body.home .light p { color:#FFF !important; } body.home #nav-icon.light span { background:#FFF; } body.home .perso { font-size: 25px !important; line-height: 30px !important; color:#666 !important; font-weight:300 !important; font-family:SctoGrotesk !important; } body.home .space-perso { height:34px; } @media screen and (max-width: 1200px){ body.home .exhibition h1 { font-weight: 400!important;} body.home .perso { font-weight: 400!important; font-size: 20px!important; } } body.home .section { overflow: hidden !important; } body.home .superior p { display: initial !important; } body.home .section.light .infotop .mesos .mes, body.home .section.light .infotop .date-activitat { color: #FFF !important; } @media (max-width: 767px) { body.home .infotop { left: 18px; width: calc(100% - 80px); } body.home .info-home { padding:50px 20px 0; width: calc(100% - 40px); } } @media screen and (min-width: 1400px) and (min-aspect-ratio: 18/9) { body.home #logo-bottom img { max-height:18vh;} } @media screen and (max-width: 1399px) and (min-aspect-ratio: 18/9) { body.home #logo-bottom img { max-height:15vh;} } body.home .dark, body.home .dark p { color:#1a1a1a; } body.home .info-home p { color:#5c5c5c; } body.home #hideAll { position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; background-color: white; z-index: 99999999999999999;} body.home .mesos .mes, body.home .date-activitat { color:#1a1a1a !important; } body.home .container-white-image{ width: 100%; height:100%; padding: 4.5% 50px !important; padding: 135px 50px 3.5%!important; } body.home .container-white-image div{ background-size:contain; background-position:center; background-repeat:no-repeat; width:100%; height:100%; } body.home #fullcarouselhome .date-activitat { margin-bottom:5px !important; } body.home #fullcarouselhome h1 { font-size:22px !important; line-height:27px !important; font-weight:400 !important; } @media (min-width: 768px) and (max-width: 991px) { body.home .wrapslider { padding:0 50px; } } @media (max-width: 767px) { body.home .wrapslider { padding:0 10px; } } @media screen and (min-width: 1400px) { body.home #fullcarouselhome .date-activitat { margin-bottom: 6px !important; } body.home #fullcarouselhome .item .exhibition:nth-child(2), body.home #fullcarouselhome .item .exhibition:nth-child(3) { min-height:520px; } } @media screen and (max-width: 1399px) { body.home #fullcarouselhome h1 { margin-bottom:0 !Important; margin-top: 14px !important; } body.home #fullcarouselhome p { margin-top: 5px !important; } body.home #mediumcarouselhome h1 { padding-top:5px !Important; padding-bottom:0 !Important; margin-top: 14px !important; min-height:0 !Important; } body.home #mediumcarouselhome p { margin-top: 8px !important; } body.home .date-activitat { margin-top:0 !important; margin-bottom:5px !Important; } body.home #smallcarouselhome h1 { padding-top:0 !important; min-height:0 !important; margin-bottom:5px !important; } body.home #smallcarouselhome p { margin-top:6px !important; } } body.home #fullcarouselhome h1 { padding-top:0 !important; padding-bottom:0 !Important; } body.home #fullcarouselhome .item .exhibition { padding-top:20px; } @media screen and (min-width: 2000px) { body.home #fullcarouselhome .item .exhibition:nth-child(2), body.home #fullcarouselhome .item .exhibition:nth-child(3) { min-height:550px; } } body.home .volume:hover { cursor:pointer; } body.home .volume { width:30px; height:22px; position:absolute; top:32px; background-image:url("images/sound.svg"); background-size:contain; background-repeat:no-repeat; } body.home .volume.off { background-image:url("images/nosound.svg"); } body.home .dark .volume { background-image:url("images/sound-black.svg"); } body.home .dark .volume.off { background-image:url("images/nosound-black.svg"); } body.home .vimeo-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; overflow: hidden;} body.home .vimeo-wrapper iframe { width: 100vw; height: 56.25vw; min-height: 100vh; min-width: 177.77vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } body.home .video-container { position:initial !Important; } @media (max-width: 767px){ body.home .infotop { top:28px !important; } body.home .infotop p { font-size: 19px !important; line-height: 22px !important; } body.home .volume { width: 24px !important; top:30px !important; } body.home #logo-bottom { padding: 10px 17px 20px !important; } body.home .info-home { padding: 28px 20px 0 !important; } body.home .info-home p {font-size: 14px; line-height: 20px !important; } body.home .exhibition h1 { font-size: 18px !important; line-height: 25px !important; padding: 0 !important; margin: 8px 0 0 !important; } body.home .exhibition p { font-size: 16px !important; line-height: 16px !important; margin-top:0 !important; } } /*----- HOME 2020 ----- */ body.page-template-template_home-2020 { display: none; } .fadeIn { opacity:0; margin-top: 50px; } /* --- Fullwidth slider --- */ body.page-template-template_home-2020 .fullwidth-home-slider .slick-next, body.page-template-template_home-2020 .fullwidth-home-slider .slick-prev { width: 28px; height: 38px; top: inherit; bottom: 10px; z-index: 1; } body.page-template-template_home-2020 .fullwidth-home-slider .slick-next { right: calc(50% + 22px); cursor: pointer; } body.page-template-template_home-2020 .fullwidth-home-slider .slick-prev { right: calc(50% + 65px); left: auto; cursor: pointer; } body.page-template-template_home-2020 .slick-next:before, body.page-template-template-edifici .slick-next:before, body.page-template-template-any-tapies .slick-next:before { content: url('images/next-home.svg'); } body.page-template-template_home-2020 .slick-prev:before, body.page-template-template-edifici .slick-prev:before, body.page-template-template-any-tapies .slick-prev:before { content: url('images/prev-home.svg'); } body.page-template-template_home-2020 .fullwidth-home-slider .slick-slide { position: relative; } .fullwidth-home-slider { margin: 30px 0 0; } .fullwidth-home-slider a { display: flex !important; height: 65vh; overflow: hidden; } .fullwidth-home-slider a .fullwidth-home-slider_column { width: 50%; position: relative; overflow: hidden; } /*.fullwidth-home-slider a:hover .fullwidth-home-slider_column-image { transform: scale(1.15); }*/ body.page-template-template_home-2020 .fullwidth-home-slider_column-text { display: flex; align-items: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding-right: 80px; } body.page-template-template_home-2020 .fullwidth-home-slider_column-text div { margin-top: -60px; } body.page-template-template_home-2020 .fullwidth-home-slider_column-text p.fullwidth-home-slider_category { font-family: SctoGrotesk; font-size: 26px; line-height: 26px; font-weight: 300; } body.page-template-template_home-2020 .fullwidth-home-slider_column-text p.fullwidth-home-slider_category.is-subtitule { margin-top: 50px; } body.page-template-template_home-2020 .fullwidth-home-slider_column-text h2 { font-family: SctoGrotesk !important; font-size: 60px !important; line-height: 60px !important; font-weight: 400 !important; text-decoration: none; letter-spacing: -1px; } .fullwidth-home-slider_column-image { background-size: cover; background-position: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: all 150ms ease-in-out; } @media (max-width: 1400px){ .fullwidth-home-slider a { height: 55vh; } } @media (max-width: 1024px){ .fullwidth-home-slider a { height: 45vh; } body.page-template-template_home-2020 .fullwidth-home-slider_column-text { padding-right: 50px; } body.page-template-template_home-2020 .fullwidth-home-slider_column-text p.fullwidth-home-slider_category { font-size: 22px !important; line-height: 22px !important; } body.page-template-template_home-2020 .fullwidth-home-slider_column-text h2 { font-size: 46px !important; line-height: 46px !important; } body.page-template-template_home-2020 .fullwidth-home-slider_column-text p.fullwidth-home-slider_category.is-subtitule { margin-top: 40px; } body.page-template-template_home-2020 .fullwidth-home-slider .slick-next, body.page-template-template_home-2020 .fullwidth-home-slider .slick-prev { transform: scale(0.8); } body.page-template-template_home-2020 .fullwidth-home-slider .slick-next { right: calc(50% + 22px); } body.page-template-template_home-2020 .fullwidth-home-slider .slick-prev { right: calc(50% + 65px); } } @media (max-width: 767px){ .wrap1500.home-slider { padding: 0; } body.page-template-template_home-2020 .fullwidth-home-slider .slick-next, body.page-template-template_home-2020 .fullwidth-home-slider .slick-prev { opacity: 1; transform: scale(0.7); top: calc(20vh - 13px); filter: invert(1) brightness(2); } body.page-template-template_home-2020 .fullwidth-home-slider .slick-prev:before, body.page-template-template_home-2020 .fullwidth-home-slider .slick-next:before { opacity: 1; } body.page-template-template_home-2020 .fullwidth-home-slider .slick-next { right: 10px; } body.page-template-template_home-2020 .fullwidth-home-slider .slick-prev { left: 10px; } .fullwidth-home-slider a { height: auto; } .fullwidth-home-slider a { flex-direction: column-reverse; } .fullwidth-home-slider a .fullwidth-home-slider_column { width: 100%; } .fullwidth-home-slider a .fullwidth-home-slider_column:nth-child(2) { height: 40vh; } body.page-template-template_home-2020 .fullwidth-home-slider .slick-slide { text-decoration: none !important; } body.page-template-template_home-2020 .fullwidth-home-slider_column-text { position: relative; padding: 30px 25px 0 25px; } body.page-template-template_home-2020 .fullwidth-home-slider_column-text div { margin-top: 0; } body.page-template-template_home-2020 .fullwidth-home-slider_column-text p.fullwidth-home-slider_category { font-size: 18px !important; line-height: 18px !important; } body.page-template-template_home-2020 .fullwidth-home-slider_column-text h2 { font-size: 36px !important; line-height: 36px !important; margin-top: 14px; } body.page-template-template_home-2020 .fullwidth-home-slider_column-text p.fullwidth-home-slider_category.is-subtitule { margin-top: 20px; } } /* --- Exposicions --- */ body.page-template-template_home-2020 h1, body.page-template-template_home-2020 h2, .blog_archive h1 { font-family: SctoGrotesk !important; font-weight: 400 !important; font-size: 43px !important; line-height: 43px !important; letter-spacing: -1px; margin-bottom: 10px !important; } body.page-template-template_home-2020 .exhibitions_homeContainer { text-align: center; padding-top: 40px; padding-bottom: 60px; margin-top: 50px; } body.page-template-template_home-2020 .subtituleLink { font-family: SctoGrotesk !important; font-weight: 300 !important; font-size: 18px !important; line-height: 21px !important; color: #000; text-decoration: none; } body.page-template-template_home-2020 .subtituleLink:hover { text-decoration: underline !important; } body.page-template-template_home-2020 .currentExhibitions-container { overflow: hidden; padding-top: 40px; display: flex; gap: 20px; } body.page-template-template_home-2020 .exhibition { text-align: left; } body.page-template-template_home-2020 .exhibition img { margin-bottom: 12px; } body.page-template-template_home-2020 .exhibition p { display: inline-block; float: none !important; } body.page-template-template_home-2020 .exhibition p:nth-child(2) { margin-right: 22px; } body.page-template-template_home-2020 .exhibition .date-activitat { font-family: SctoGrotesk !important; font-size: 26px !important; line-height: 30px !important; font-weight: 300 !important; } body.page-template-template_home-2020 .exhibition h4 { font-weight: 400 !important; font-size: 26px !important; line-height: 30px !important; padding-top: 0 !important; margin-bottom: 5px !important; max-width: 440px; } body.page-template-template_home-2020 .currentExhibitions-container.one-exhibition.wrap1000 .exhibition h4 { max-width: none; } body.page-template-template_home-2020 .currentExhibitions-container.one-exhibition.wrap1000 .exhibition { margin-left: auto; margin-right: auto; border: none !important; float: none !important; width: 100% !important; max-width: 700px; } body.page-template-template_home-2020 .currentExhibitions-container .exhibition { margin-bottom: 0; } @media (max-width: 991px){ body.page-template-template_home-2020 .currentExhibitions-container { gap: 30px; } body.page-template-template_home-2020 .exhibition h4, body.page-template-template_home-2020 .exhibition .date-activitat { font-size: 22px !important; line-height: 26px !important; } .activities_homeContainer .wrap1230, .friends_homeContainer .wrap1230 { width: 100%; } } @media (min-width: 900px){ body.page-template-template_home-2020 .currentExhibitions-container.wrap1200 .exhibition { width: 33.333% !important; } body.page-template-template_home-2020 .currentExhibitions-container.wrap1200 .exhibition:nth-child(3n+2) { border-left: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; padding-bottom: 12px; } body.page-template-template_home-2020 .currentExhibitions-container.wrap1200 .exhibition:nth-child(3n+1) { clear: both; } } @media (min-width: 768px){ body.page-template-template_home-2020 .currentExhibitions-container.wrap1000 .exhibition { width: 50% !important; } } @media (max-width: 767px){ body.page-template-template_home-2020 .exhibitions_homeContainer { margin-top: 25px; } body.page-template-template_home-2020 h1, body.page-template-template_home-2020 h2, .blog_archive h1 { font-size: 36px !important; line-height: 36px !important; } body.page-template-template_home-2020 .exhibition h4, body.page-template-template_home-2020 .exhibition .date-activitat { font-size: 18px !important; line-height: 18px !important; } } @media (max-width: 700px){ body.page-template-template_home-2020 .currentExhibitions-container { flex-wrap: wrap; } } /*-- Activitats --*/ .activities_homeContainer { text-align: center; padding-bottom: 60px; } .activities_homeContainer .home-activitiesSlider a { text-decoration: none; } .activities_homeContainer .home-activitiesSlider { padding-top: 30px; } .activities_homeContainer .home-activitiesSlider .slick-prev, .activities_homeContainer .home-activitiesSlider .slick-next { width: 25px; } .activities_homeContainer .home-activitiesSlider .slick-prev { left: 5px; } .activities_homeContainer .home-activitiesSlider .slick-next { right: 5px; } .activities_homeContainer .slick-slide div { padding: 0 10px; text-align: left; } .activities_homeContainer .slick-slide div img { width: 100% !important; } .activities_homeContainer .slick-slide:hover div img { opacity: 0.7; -webkit-transition: all 0.2s; transition: all 0.2s; } .activities_homeContainer .slick-slide .cat { color: #1a1a1a !important; } .activities_homeContainer .slick-slide .excerpt { padding: 0; } @media (min-width: 1441px){ .activities_homeContainer .slick-slide div { padding: 0 15px; } } /*-- Edifici --*/ .building_homeContainer { text-align: center; padding-bottom: 130px; } .buildingImage-container { padding: 30px 0 0; } /*-- Activitats --*/ .blog_homeContainer { text-align: center; background-color: #f6f6f6; padding: 40px 0 50px; } .blog_homeContainer .slick-prev, .blog_homeContainer .slick-next, body.page-template-template_home-2020 .shop_homeContainer .slick-prev, body.page-template-template_home-2020 .shop_homeContainer .slick-next { width: 25px; } .blog_homeContainer .slick-prev, body.page-template-template_home-2020 .shop_homeContainer .slick-prev { left: 5px; } .blog_homeContainer .slick-next, body.page-template-template_home-2020 .shop_homeContainer .slick-next { right: 5px; } .blog_homeContainer h2 { margin-bottom: 30px; } .blog_homeContainer a { text-decoration: none; } .blog_homeContainer article.blog-element { padding: 0; } article.blog-element .circle-border { padding: 5px; border-radius: 50%; border: 2px solid #FF0000; max-width: 210px; margin: 0 auto; -webkit-transition: all 0.2s; transition: all 0.2s; } .blog-background-image { border-radius: 50%; background-size: 100%; background-position: center; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all all 0.2s; transition: all 0.2s; } .blog-background-image img { opacity: 0; } article.blog-element:hover .blog-background-image { background-size: 120%; } article.blog-element:hover .circle-border { border: 4px solid #0f27f0; } article.blog-element img { width: 100% !important; border-radius: 50%; } article.blog-element h4 { font-weight: 600 !important; padding-top: 12px; } /*-- Amics --*/ .friends_homeContainer .shop-banner { background-color: #b6b6b6; } .friends_homeContainer .shop-banner .image_shopBanner { background-image: url('images/banner-amics-2.jpg'); } .friends_homeContainer { text-align: center; padding-bottom: 150px; } .friends_homeContainer .text_shopBanner, .friends_homeContainer .image_shopBanner { padding: 75px 60px; } .friends_homeContainer .text_shopBanner { text-align: left; } .friends_homeContainer .text_shopBanner p { font-size: 46px; line-height: 46px; margin-bottom: 30px; font-weight: 300; } .friends_homeContainer .text_shopBanner a { font-family: SctoGrotesk; font-weight: 400; font-size: 12px; line-height: 15px; color: #FFF !important; padding: 10px 20px 6px; -webkit-transition: all 0.2s; transition: all 0.2s; } .friends_homeContainer .text_shopBanner a:hover{ background-color: #FFF; color: #C4B49B !important; } /*-- Shop --*/ .shop_homeContainer { text-align: center; padding-bottom: 20px; } .shop_homeContainer .slick-slide div { padding: 0 5.5%; } .shop-blogSlider { padding-top: 40px; text-align: left; } .shop-blogSlider a { text-decoration: none; } .shop-blogSlider img { width: 100% !important; } .shop-blogSlider h4 { padding-top: 12px; margin-bottom: 0 !important; } /*-- Descomptes --*/ body.page-template-template_home-2020 .descomptes-elementsContainer h3 { font-size: 43px !important; line-height: 43px !important; font-weight: 400 !important; letter-spacing: -1px; margin: 0 0 25px; } body.page-template-template_home-2020 .descomptes-elementsContainer img { margin-top: 25px; } body.page-template-template_home-2020 .descomptes-element:hover img { opacity: 0.7; -webkit-transition: all 0.2s; transition: all 0.2s; } .descomptes-element a:link, .descomptes-element a:visited { text-decoration: none !important; } @media (max-width: 991px) { body.page-template-template_home-2020 .descomptes-elementsContainer h3 { font-size: 36px !important; line-height: 36px !important; } } @media (min-width: 768px) { .eventsHome-bottomContainer { bottom: 30px; left: 30px; right: 30px; position: absolute; } .border-descomptesElement.eventsHome { position: relative; height: 100%; } } @media (max-width: 767px) { body.page-template-template_home-2020 .descomptes-container.wrap960 { padding: 0; } .descomptes-element { margin: 0 0 30px !important; } } /*---------------------------------------------- DISTRIBUIDOR COL·LECCIÓ ----------------------------------------------*/ body.page-template-template_distribuidor-collection #primary-container-distribuidor h1 { float: left; } #primary-container-distribuidor a.adv-search-button { float: right; margin-top: 26px; } .content-distribuidorColeccio { clear: both; } @media (max-width: 767px) { body.page-template-template_distribuidor-collection #primary-container-distribuidor h1, #primary-container-distribuidor a.adv-search-button { float: none !important; } #primary-container-distribuidor a.adv-search-button { display: inline; } .content-distribuidorColeccio { margin-top: 30px; } } /*---------------------------------------------- COL·LECCIÓ - BUSCADOR ----------------------------------------------*/ /*-- #filters { padding-left:20px; } .dropdown-menu { float:left; margin-right:40px; } #search-container { clear:both; padding:50px 0 200px; } .grid-sizer, .grid-item { width: 25%; } .colection-item { padding:0 20px 20px;} --*/ #collection-filters { padding-top:30px; padding-bottom:35px; } .btn.dropdown-toggle { border:none !important; border-radius:0px !important; background-color:transparent !important; } .btn-group .dropdown-toggle { box-shadow:none !important; } button.btn { padding-left: 0 !important; } .bootstrap-select.btn-group .dropdown-toggle .caret { background-image:url(images/select.svg); width:12px !important; height:7px !important; border:none !important; top:45% !important; right:5px !important; top:37% !important; height:12px !important; } .btn-group { width:auto !important; margin-right:25px !important; } .dropdown-menu.open { border-radius:0 !important; border: 2px solid #E5E5E5 !important; border-top:none !important; -webkit-box-shadow:none !important; box-shadow:none !important; } .subelement { padding-left:35px !important; } .bootstrap-select > .dropdown-toggle { width:auto !important; } .btn-group bootstrap-select { display:inline-block !important; } #works-container { padding-bottom:150px; } #works-container .obra { text-align:center; } #works-container .obra div { padding:0 15px 30px; } #works-container .obra .image-container { height:230px; } .obra p { margin-bottom:0 !Important; } .works-currentSearch { clear: both; padding-top: 40px; padding-bottom: 10px; } .works-currentSearch li { display: inline; font-family: SctoGrotesk !important; font-weight: 700 !important; font-size: 29px !important; line-height: 44px !important; margin-bottom: 16px !important; } .works-currentSearch li:after { content: ', '; } .works-currentSearch li:nth-child(1):after, .works-currentSearch li:last-child:after { content: ''; } .works-currentSearch.mobile { margin-bottom: 15px; } .colectionArchive-container .translated-title p { display: inline; } .colectionArchive-container h6.black p { font-weight: 600 !important; color: #1a1a1a !important; } @media (min-width: 1600px) { #works-container .obra:nth-child(6n+1) { clear:both; } #works-container.tapies-2020 .obra:nth-child(6n+1) { clear:none; } #works-container.tapies-2020 .obra:nth-child(4n+1) { clear:both; } } @media (min-width: 1200px) and (max-width: 1599px) { #works-container .obra:nth-child(4n+1) { clear:both; } } @media (min-width: 768px) and (max-width: 1199px) { #works-container .obra:nth-child(3n+1) { clear:both; } } @media (min-width: 576px) and (max-width: 767px) { #works-container .obra:nth-child(2n+1) { clear:both; } } @media (min-width: 651px) { .works-currentSearch.full { display: inherit; } .works-currentSearch.mobile { display: none; } } @media (max-width: 650px) { .works-currentSearch.full { display: none; } .works-currentSearch.mobile { display: inherit; } } /*-----New design-----*/ .colectionArchive-container { padding: 15px 0 0; } .results-advSearch__container { padding: 0 10px 0; margin: 0 auto; } body.page-template-template_collection-local .results-advSearch__container { padding: 0 10px 40px; margin: 0 auto 60px; } .catalogue-results { font-size: 18px !important; line-height: 22px !important; float: left; margin-top: 3px; } .catalogue-results span { margin-right: 5px; } .adv-search-button, #primary-container-distribuidor a.adv-search-button:link, #primary-container-distribuidor a.adv-search-button:visited { float: right; font-family: SctoGrotesk; font-weight: 400; font-size: 14px !important; line-height: 18px !important; color: #a3a3a3 !important; padding: 5px 16px 2px; text-decoration: none !important; border: 1px solid #a3a3a3; -webkit-transition: all 0.2s; transition: all 0.2s; } .adv-search-button:hover, #primary-container-distribuidor a.adv-search-button:hover { color: #FFF !important; background-color: #1a1a1a; border-color: #1a1a1a; text-decoration: none !important; } /*---------------------------------------------- SINGLE OBRA ----------------------------------------------*/ .single-obra footer .wrap1180 div, .single-biblioteca footer .wrap1180 div, .single-exposicio footer .wrap1180 div, .single-servei-educatiu footer .wrap1180 div, .single-projecte footer .wrap1180 div, body.page-template-template_activitats footer .wrap1180 div, body.single-servei-educatiu footer .wrap1180 div { display: none; } #image-container { position:relative; padding:0; margin-top:40px; margin-bottom:70px; overflow:hidden; } #link-obra-lightbox { position:absolute; bottom:0; margin-left:20px; } .slick-lightbox-close::before { font-size:40px !important; } /*----- Fitxa ----- */ #fitxa .fitxa-section { border-top:1px solid #B3B3B3; overflow:hidden; padding: 18px 0 16px; } /*-#fitxa .fitxa-section:last-child { border-bottom:1px solid #B3B3B3; }-*/ .fitxa-label { float:left; width:245px; } .fitxa-content { float:right; width:calc(100% - 245px); } .fitxa-content.bibliografia-content p:first-child, .fitxa-content.exposiciones-content p:first-child { display:none !important; } .fitxa-label p { padding-left:25px; } .fitxa-content p { padding-right:25px; } @media (max-width: 575px) { .fitxa-label p, .fitxa-content p { padding-right:15px; padding-left:15px; } .fitxa-label, .fitxa-content { width:100%; } } .worksnavigation { padding-top:70px;} .leftnavigation { float:left; } .rightnavigation { float: right; } /*-----New design-----*/ .back-advSearch__container { padding-top: 50px; } .back-advSearch__container a { color: #a3a3a3 !important; text-decoration: none; } /*.obra_sliderMiniature { height: 120px; width: 100%; margin: 0 1%; float: left; background-position: center; background-size: cover; }*/ .sliderMiniatures-container { max-width: 700px; margin: 20px auto 0 auto; display: flex; align-items: center; justify-content: center; } .sliderMiniatures-container a { width: 31.33%; margin: 0 1%; } .singleCollection-navigation { padding: 30px 5px 40px; } .singleCollection-navigation img { width: 15px; display: inline-block; -webkit-transition: all 0.1s; transition: all 0.1s; } .singleCollection-navigation h6 { font-size: 16px !important; color: #999999 !important; display: inline-block; } .singleCollection-navigation .leftnavigation img { margin-right: 7px; } .singleCollection-navigation .leftnavigation a:hover img { margin-left: -5px; margin-right: 12px; } .singleCollection-navigation .rightnavigation img { margin-left: 7px; } .singleCollection-navigation .rightnavigation a:hover img { margin-right: -5px; margin-left: 12px; } .back-advSearch__link { float: left; margin-top: -4px; } .back-advSearch__link h6, .returnCollection-logo { display: inline-block; -webkit-transition: all 0.1s; transition: all 0.1s; } .returnCollection-logo { width: 12px; margin-right: 5px; } .back-advSearch__link:hover img { margin-left: -5px; margin-right: 10px; } body.page-template-template_single-obra-local .slick-next:before { content: url(https://fundaciotapies.org/wp-content/themes/tapies/images/next-white.svg) !important; } body.page-template-template_single-obra-local .slick-prev:before { content: url(https://fundaciotapies.org/wp-content/themes/tapies/images/prev-white.svg) !important; } .collection-pagination__container { clear: both; text-align: center; padding-bottom: 70px; } /*-.collection-pagination__container ul { display: flex; align-items: center; justify-content: center; } .collection-pagination__container ul li { margin: 0 5px; } .collection-pagination__container ul li a { text-decoration: none; } .collection-pagination__container ul li a p { font-family: SctoGrotesk; font-size: 16px; font-weight: 400; color: #a3a3a3 !important; border: 1px solid #a3a3a3; border-radius: 50px; width: 28px; height: 28px; display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 2px 1px 0px 0; } .collection-pagination__container ul li a p:hover { color: #1a1a1a !important; border: 1px solid #1a1a1a; }--*/ .collection-pagination-top { text-align: center; float: left; width: calc(100% - 250px); } body.en .collection-pagination-top { width: calc(100% - 275px); } body.page-id-13491 .collection-pagination-top { width: calc(100% - 274px); } .pagination-form { display: inline-block; } .pagination-form button { font-family: SctoGrotesk; font-size: 16px; font-weight: 400; color: #a3a3a3 !important; border: 1px solid #a3a3a3; border-radius: 50px; width: 28px; height: 28px; display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 2px 1px 0px 0; background-color: #FFF; margin: 0 2px; } .pagination-form button:hover, .pagination-form.active button { color: #1a1a1a !important; border: 1px solid #1a1a1a; cursor: pointer; } @media (max-width: 767px) { .obra_sliderMiniature { height: 100px; } } /*---------------------------------------------- BUSQUEDA AVANÇADA OBRA ----------------------------------------------*/ body.page-template-template_buscador-avancat-coleccio .colectionArchive-container { padding: 40px 0 180px; } body.page-template-template_buscador-avancat-coleccio h1 { margin-bottom: 40px !important; } .buscador-avançat__container { padding: 0 0 15px; margin: 0 0 60px; } body.page-template-template_buscador-avancat-coleccio .advFormSearch-colection { padding-top: 60px; } .advSearchCollection-form { display: flex; } .advSearchCollection-form div { flex: 1; } .advSearchCollection-form div:nth-child(1) { padding: 0 2.5% 0 0; } .advSearchCollection-form div:nth-child(2) { padding: 0 0 0 2.5%; } .advSearchCollection-form label { width:100%; text-align: left; } .advSearchCollection-form label p { color: #1a1a1a !important; } .advSearchCollection-form input[type=text], .advSearchCollection-form select { font-family: SctoGrotesk; width: 100%; max-width: none; -webkit-appearance: none; padding: 12px 10px 10px; margin-bottom: 20px; } .advSearchCollection-form .select { margin-bottom: 22px; } .advSearchCollection-form .select .select_label { font-family: SctoGrotesk; } .advSearchCollection-form select { padding: 12px 40px 10px 10px; background-image: url(https://fundaciotapies.org/wp-content/themes/tapies/images/select.svg); background-repeat: no-repeat; background-position: 96% center; } .advSearchCollection-form input[type=submit] { max-width: none; font-size: 18px; font-weight: 400; font-family: SctoGrotesk; border: none; border-radius: 8px !important; background-color: #1a1a1a; color: #FFF; padding: 8px 20px 6px; margin: 30px 0 0; -webkit-transition: all 0.2s; transition: all 0.2s; } .advSearchCollection-form input[type=submit]:hover { opacity: 0.7; cursor: pointer; } body.page-template-template_buscador-avancat-coleccio .back-advSearch__link { color: #a3a3a3 !important; text-decoration: none !important; } @media (max-width: 767px) { body.page-template-template_buscador-avancat-coleccio .wrap1120.results-advSearch__container { padding: 0; } body.page-template-template_buscador-avancat-coleccio .advFormSearch-colection { padding: 60px 0; } body.page-template-template_buscador-avancat-coleccio .colectionArchive-container { padding: 40px 0 100px; } .advSearchCollection-form { flex-direction: column; } .advSearchCollection-form div:nth-child(1), .advSearchCollection-form div:nth-child(2) { padding: 0; } } @media (max-width: 650px) { .results-advSearch__container, .back-advSearch__container { text-align: center; } .adv-search-button, .back-advSearch__link, .catalogue-results { float: none; display: block; } .catalogue-results { margin-bottom: 10px; } .back-advSearch__link { margin-bottom: 15px; } .collection-pagination-top { float: none; width: 100%; margin-bottom: 15px; } } /*---------------------------------------------- DISTRIBUIDORS ----------------------------------------------*/ /*-#primary-container-distribuidor, --*/#single-activitats-container { border-bottom:2px solid #E5E5E5; margin-top:0px; padding-top:0px; padding-bottom:40px; } #primary-container-distribuidor a:link, #primary-container-distribuidor a:visited { text-decoration:underline !important; } #primary-container-distribuidor a:hover { text-decoration:none !important; } #links-container-distribuidor { padding-top:40px; padding-bottom:50px; } .link-distribuidor { margin-bottom:16px; } .link-distribuidor div { padding:0 8px; } .link-distribuidor div div { background-color:#E5E5E5; padding:12px 18px 10px; overflow:hidden; } .link-distribuidor.active div div { background-color:#1a1a1a; } .link-distribuidor div div p { float:left; margin:0; } .link-distribuidor div div img { float:right; width:14px; margin-top:4px; margin-right:5px; -webkit-transition: margin-right 0.2s; /* Safari */ transition: margin-right 0.2s; } .link-distribuidor:hover img { margin-right:0px; } #image-distribuidor { border-top:2px solid #E5E5E5; padding-top:75px; padding-bottom:100px; } .link-distribuidor p { max-width:200px; } /*---------------------------------------------- EXPOSICIONS ----------------------------------------------*/ #exhibitions-filters { padding-top:35px !Important; } #exhibitions-filters ul li { margin-right:15px; } #exhibitions-filters ul { border-bottom:2px solid #e5e5e5; } #exhibitions-filters ul li, #exhibitions-filters ul li p { display:inline; } #anterior-check, #actuals-check, #futures-check { width:12px; height:11px; display:inline-block; background-position:center; background-size:contain; background-repeat:no-repeat; margin-right:5px; } #results-exhibitions-container { padding-top:35px; padding-bottom:100px; } /*---#results-exhibitions-container .exhibition div,-*/ .carousel .item .exhibition div { padding: 0 15px; } .exhibition { margin-bottom:40px; } .exhibition h2 { line-height:28px !Important; padding-top:12px; clear:both; } body.home .exhibition p { line-height:28px !Important; } .exhitibion-dates.grey { float:left; } .exhitibion-dates.red, .exhitibion-dates.black { float:right; padding-right:10px; font-size:13px; } body.page-template-template_home-2020 .exhibition p.exhitibion-dates.red { font-size:13px; } #results-exhibitions-container .exhibition img, .featured-activity img { margin-bottom:7px; } /*---#results-exhibitions-container .exhibition.upcoming { opacity:0.6; } #results-exhibitions-container .exhibition.upcoming img { -webkit-filter: grayscale(100%); filter: grayscale(100%); }-*/ @media (max-width: 575px) {} @media (min-width: 576px) and (max-width: 991px) { #results-exhibitions-container .exhibition:nth-child(2n+1) { clear:both; } #results-exhibitions-container .exhibition:nth-child(2n+1) div { border-right:1px solid #e5e5e5; } } @media (min-width: 992px) and (max-width: 1599px) { /*---#results-exhibitions-container .exhibition:nth-child(3n+1) { clear:both; } #results-exhibitions-container .exhibition:nth-child(3n+1) div, #results-exhibitions-container .exhibition:nth-child(3n+2) div { border-right:1px solid #e5e5e5; }-*/ } @media (min-width: 1600px) { /*---#results-exhibitions-container .exhibition:nth-child(4n+1) { clear:both; } #results-exhibitions-container .exhibition:nth-child(4n+1) div, #results-exhibitions-container .exhibition:nth-child(4n+2) div, #results-exhibitions-container .exhibition:nth-child(4n+3) div, .carousel .item .exhibition:nth-child(4n+1) div, .carousel .item .exhibition:nth-child(4n+2) div { border-right:1px solid #e5e5e5; }-*/ } .carousel a:link, .carousel a:visited { text-decoration:none !important; } #actuals, #futures, #anteriors, #activitats-destacades, #activitats-destacades-2, #activitats-destacades-3 { clear:both; } #actuals .exhibition div, #futures .exhibition div, #anteriors .exhibition div, #activitats-destacades .exhibition div, #activitats-destacades-2 .exhibition div, #activitats-destacades-3 .exhibition div, #blog .exhibition div { padding: 0 15px; } #actuals .exhibition img, #futures .exhibition img, #anteriors .exhibition img, #activitats-destacades .exhibition img { margin-bottom:7px; } @media (min-width: 992px) { #actuals .exhibition:nth-child(2n+2), #activitats-destacades .exhibition:nth-child(2n+2) { clear:both; } #actuals .exhibition:nth-child(2n+2) div, #activitats-destacades .exhibition:nth-child(2n+2) div { border-right:1px solid #e5e5e5; } } @media (min-width: 1600px) { #futures .exhibition:nth-child(4n+2) { clear:both; } #futures .exhibition:nth-child(4n+2) div, #futures .exhibition:nth-child(4n+3) div, #futures .exhibition:nth-child(4n+4) div { border-right:1px solid #e5e5e5; } } @media (min-width: 992px) and (max-width: 1599px) { #futures .exhibition:nth-child(3n+2) { clear:both; } #futures .exhibition:nth-child(3n+2) div, #futures .exhibition:nth-child(3n+3) div { border-right:1px solid #e5e5e5; } } @media (min-width: 768px) and (max-width: 991px) { #futures .exhibition:nth-child(2n+2) { clear:both; } #futures .exhibition:nth-child(2n+2) div { border-right:1px solid #e5e5e5; } } @media (min-width: 1600px) { #anteriors .exhibition:nth-child(4n+1), #blog .exhibition:nth-child(4n+1) { clear:both; } #anteriors .exhibition:nth-child(4n+1) div, #anteriors .exhibition:nth-child(4n+2) div, #anteriors .exhibition:nth-child(4n+3) div, #blog .exhibition:nth-child(4n+1) div, #blog .exhibition:nth-child(4n+2) div, #blog .exhibition:nth-child(4n+3) div { border-right:1px solid #e5e5e5; } } @media (min-width: 992px) and (max-width: 1599px) { #anteriors .exhibition:nth-child(3n+1), #blog .exhibition:nth-child(3n+1) { clear:both; } #anteriors .exhibition:nth-child(3n+1) div, #anteriors .exhibition:nth-child(3n+2) div, #blog .exhibition:nth-child(3n+1) div, #blog .exhibition:nth-child(3n+2) div { border-right:1px solid #e5e5e5; } } @media (min-width: 768px) and (max-width: 991px) { #anteriors .exhibition:nth-child(2n+1), #blog .exhibition:nth-child(2n+1) { clear:both; } #anteriors .exhibition:nth-child(2n+1) div, #blog .exhibition:nth-child(2n+1) div { border-right:1px solid #e5e5e5; } } #anteriors .exhibition div {min-height:280px;} @media (max-width: 1199px) { .exhibition.upcoming .exhitibion-dates.black/*--, .exhibition.now .exhitibion-dates.red-*/ { display:none !important; } } /*-- filtre years-*/ .yearFilter-exhibitons { width:100%; border-bottom:2px solid #E5E5E5; text-align: right; margin-bottom: 30px; } #anteriors .yearFilter-exhibitons h1 { width: 140px !important; text-align: left; float: left; line-height: 25px !important; margin-top: 7px !important; margin-left: 15px !important; } @media (min-width: 768px) { .current-upcoming-itinerant_text { margin-left: 15px; } } /*---------------------------------------------- SINGLE EXPOSICIONS ----------------------------------------------*/ #single-container { margin-top: 40px; } .single-columns_left { width:90%; overflow: hidden; } .exhibitions-template h1 { font-family: SctoGrotesk !important; font-size: 60px !important; line-height: 60px !important; font-weight: 400 !important; letter-spacing: -1px; margin: 0; } body.single-exposicio .exhibitions-template p.dates_subtitule { font-family: SctoGrotesk !important; font-size: 26px !important; line-height: 26px !important; font-weight: 300 !important; margin: 20px 0 0 !important; } .single_content { padding-left: 15%; margin-top: 35px; } .exhibitions-template h2, .content h2, .single-content h2 { font-size: 22px !important; line-height: 36px !important; font-weight: 700 !important; padding:0 !important; margin: 50px 0 15px !important; color: #333 !important; } .exhibitions-template h3, .single-content h3 { font-size: 19px !important; line-height: 32px !important; font-weight: 600 !important; padding:0 !important; margin: 35px 0 15px !important; color: #5c5c5c !important; } .exhibitions-template p, .exhibitions-template li, .single-content p, .single-content li { font-family: SctoGrotesk; font-weight: 400; font-size: 20px; line-height: 25px; margin-bottom: 15px; } .exhibitions-template ul, .content ul, .single-content ul { list-style: inherit; padding-left: 15px; margin: 15px 0; } .exhibitions-template li, .content li, .single-content li { margin-bottom: 5px !important; color: #000 !important; } .exhibitions-template img, .content img, .single-content img { margin: 20px 0; } .exhibitions-template .wp-caption img, .content .wp-caption img, .single-content .wp-caption img { margin: 20px 0 0; } .exhibitions-template .wp-caption, .single-content .wp-caption { margin-bottom: 30px; } body.projecte-template-default header { padding-bottom:32px; background-color:#FFF; } body.page-template-template_Exp01 #single-title-container h1, body.single-projecte #single-title-container h1 { padding-left:5%; padding-right:5%; } body.exposicio-template-default .breadcrumbs, body.projecte-template-default .breadcrumbs { margin-top:0 !important; position:absolute !Important; top:545px !important;} #single-container .column { width:inherit !important; } .gallery-icon img, figure.wp-caption.alignnone img {margin-bottom:5px !important;} .gallery { margin-bottom:45px !Important; } figcaption { text-align:left; color:#CCC; font-size:14px !important; } figure.wp-caption.alignnone {width:100% !important; padding-bottom:15px !Important} body.page-template-template_Exp01 #visitussbutton, body.single-exposicio #visitussbutton, body.single-projecte #visitussbutton { border:1px solid #FFF; color:#FFF; } @media (max-width: 1435px) { .single-columns_left { width: 100%; } } @media (max-width: 1100px) { .single_content { padding-left: 0; } } @media (max-width: 991px) { .exhibitions-template { padding: 0 !important; } } @media (max-width: 767px) { .exhibitions-template h2, .content h2, .single-content h2 { font-size: 20px !important; line-height: 30px !important; } .exhibitions-template h3, .exhibitions-template p, .exhibitions-template li, .content h3, .content p, .content li, .single-content h3, .single-content p, .single-content li { font-size: 17px !important; line-height: 26px !important; } .exhibitions-template p.wp-caption-text, .content p.wp-caption-text, .single-content p.wp-caption-text { font-size: 14px !important; line-height: 18px !important; } body.exposicio-template-default header, body.projecte-template-default header { padding: 24px 0 30px !important; } .single_content { margin-top: 25px; } .exhibitions-template h1 { font-size: 36px !important; line-height: 36px !important; margin-bottom: 10px !important; } body.single-exposicio .exhibitions-template p.dates_subtitule { font-size: 18px !important; line-height: 22px !important; margin: 10px 0 0 !important; } .exhibitions-template p, .exhibitions-template li, .single-content p, .single-content li { font-size: 16px; line-height: 20px; } } #titol-container { width:100%; /*-max-width:700px- */max-width:900px; margin:0 auto; } body.page-template-template_Exp01 #single-title-container h1, body.single-projecte #single-title-container h1 { text-align:center; } .single-exhibitions__gallery { margin-bottom: 100px; overflow: hidden; } .single-exhibitions__gallery img{ float: left; width: 33.33%; padding: 3px; } body.single-exposicio #single-container .exhibitions-template h2.gallery-h2 { font-family: SctoGrotesk !important; font-weight: 700 !important; font-size: 29px !important; line-height: 29px !important; border-bottom: 2px solid #E5E5E5; padding-bottom: 5px !important; margin-top: 100px !important; } .exhibition-galleryItem { display: none; } #exhibition-gallery.active .exhibition-galleryItem { display: inherit; } .exhibition-galleryItem:nth-child(1), .exhibition-galleryItem:nth-child(2), .exhibition-galleryItem:nth-child(3), .exhibition-galleryItem:nth-child(4), .exhibition-galleryItem:nth-child(5), .exhibition-galleryItem:nth-child(6), .exhibition-galleryItem:nth-child(7), .exhibition-galleryItem:nth-child(8), .exhibition-galleryItem:nth-child(9) { display: inherit; } #exhibition-gallery.active #viewMore-galleryButton { display: none !important; } #exhibition-gallery.notactive #viewLess-galleryButton { display: none !important; } .exhibition-gallery__buttons { text-align: center; padding: 20px 0 0; clear: both; } .exhibition-gallery__buttons button { font-family: SctoGrotesk; font-weight: 700; font-size: 13px; line-height: 20px; padding: 10px 14px 7px; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; text-transform: uppercase; border: none; border-radius: 0; cursor: pointer; } .exhibition-gallery__buttons button:hover { background-color: #E5E5E5 !important; } @media (max-width: 767px){ .single-exhibitions__gallery img{ width: 50%; } .exhibition-galleryItem:nth-child(9) { display: none; } } /*----- Sidebar ----- */ .sidebar-template { float: left; width: 300px; padding-top: 15px; } .sidebar-template-left { float:left; width:200px; } .sidebar-template #social-menu { float:left; width:100%; text-align:left; display: none; } .sidebar-template #social-menu ul li { margin-left:0; margin-right:0; } .sidebar-template #social-menu ul li a img { width:24px; -webkit-filter: brightness(70%) !important; filter: brightness(70%) !important; -webkit-transition: opacity 0.3s; /* Safari */ transition: opacity 0.3s; } .sidebar-template #social-menu ul li a img:hover { opacity:0.7; } .sidebar-template .background-button, .sidebar-template a.background-button { font-family: SctoGrotesk; font-size: 18px; line-height: 18px; font-weight: 400; width: 100%; text-align: left; border: 1px solid #000; color: #000; background-color: transparent !important; padding: 15px 20px; cursor: pointer; margin-bottom: 30px; } .sidebar-template .background-button:hover { color: #FFF !important; background-color: #000 !important; } @media (max-width: 991px) { .sidebar-template { padding-bottom:18px; } .page-template-template_projectes #amic-button { display:inline-block; } .sidebar-template #social-menu { padding-left:0 !Important; } } @media (max-width: 850px) { .single .sidebar-template { flex-direction: column; gap: 20px; } .single .sidebar-template .col-md-4 { width: 100% !important; } } @media (max-width: 767px) { .sidebar-template div:nth-child(2) div { padding-right:0; } .sidebar-template div:nth-child(4) div { padding-left:0; } .sidebar-template { padding-bottom:30px; } #amic-button { margin-left:auto; margin-right:auto; } } /*----- General ----- */ .exhibitions-template { float:left; padding:0 40px 0 0; width: calc(100% - 300px); } .exhibitions-template-left { float:right; width:calc(100% - 285px); padding:0 0 0 85px; } #links-container { margin-top:90px; border-bottom:1px solid #1a1a1a; } #links-container ul li { border-top:1px solid #1a1a1a; overflow:hidden; padding:14px 0 12px; } #links-container a img { -webkit-transition: margin-left 0.3s; /* Safari */ transition: margin-left 0.3s; } #links-container a:hover img { margin-left:10px; } #exhibition-related { clear: both; padding-bottom: 120px; } #exhibition-related .carousel-indicators { display:inherit !important; } #exhibition-related .wrap1120 .col-xs-12, #exhibition-related .wrap .col-xs-12, #exhibition-related .wrap1180 .col-xs-12 { padding-bottom:40px; } #exhibition-related .wrap1120 .col-xs-12 div, #exhibition-related .wrap .col-xs-12 div, #exhibition-related .wrap1180 .col-xs-12 div { padding:0 6%; } #exhibition-related h2 { margin-bottom:15px; } #exhibition-related .tribe-events-calendar-series-archive__container--pill { display: none; } .carousel-control .glyphicon-chevron-left { left: 60% !important; } @media (max-width: 1199px) { #relatedmenys4 .padding-related-sense-slide { padding: 0 !important; } #exhibition-related #relatedmenys4 .col-xs-12 div { padding: 0 3%; } } @media (max-width: 575px) { #exhibition-related .wrap .col-xs-12 div { padding: 0 !important; } } /*----- Logos ----- */ #logos-container { clear:both; display:block; padding-top:65px; padding-bottom:60px; } #logos-container p { border-bottom:1px solid #CCC; } .logos-images { padding:18px 0 15px; overflow:hidden; } .logos-images.institucionals div div, .logos-images.collaboradors div div { height:60px; margin-bottom:30px; } .logos-images.organitzadors div div { height:75px; margin-bottom:30px; } @media (min-width: 768px) and (max-width: 991px) { .logos-images.institucionals div div, .logos-images.collaboradors div div { height:50px; } .logos-images.organitzadors div div { height:65px; } } @media (max-width: 767px) { .logos-images.institucionals div div, .logos-images.collaboradors div div { height:45px; } .logos-images.organitzadors div div { height:60px; } .exhibitions-template p.logotext { font-size: 14px !important; line-height: 20px !important; } #logos-container { padding-bottom: 0; } } /*--------- */ @media (max-width: 991px) { .exhibitions-template-left { width:100%; padding:45px 0 0 0; } #logos-container { padding-left:0; } #single-container.full-container { padding-top:40px !important; } .sidebar-template { display: flex; gap: 40px; } } @media (max-width: 767px) { #single-container { margin-top:0; } } /*----- Carousel ----- */ .related-container { width: 80%; margin: 0 auto; } .related-container h4, .activities_homeContainer h4 { font-family: SctoGrotesk !important; font-weight: 400 !important; font-size: 18px !important; line-height: 22px !important; margin-bottom: 2px !important; } body.page-template-template_Exp01 .carousel-control .glyphicon-chevron-left, body.single-exposicio .carousel-control .glyphicon-chevron-left, body.single-projecte .carousel-control .glyphicon-chevron-left { margin-left: 50px !Important; } body.page-template-template_Exp01 .carousel-control .glyphicon-chevron-right, body.single-exposicio .carousel-control .glyphicon-chevron-right, body.single-projecte .carousel-control .glyphicon-chevron-right { margin-right: 50px !Important; } body.page-template-template_Exp01 .carousel-inner .exhibition, body.single-exposicio .carousel-inner .exhibition, body.single-projecte .carousel-inner .exhibition { margin-bottom:20px; } .right.carousel-control, .left.carousel-control { } .carousel-inner .item { backface-visibility:visible !important; } .related-container .splide__arrow { background: transparent; } .related-container .splide__arrow svg { display: none; } .related-container .splide__arrow.splide__arrow--prev, .related-container .splide__arrow.splide__arrow--next { width: 18px; height: 32px; opacity: 1; } .related-container .splide__arrow.splide__arrow--prev { background-image: url('images/prev-related.svg'); background-repeat: no-repeat; left: -35px; } .related-container .splide__arrow.splide__arrow--next { background-image: url('images/next-related.svg'); background-repeat: no-repeat; right: -35px; } @media (min-width: 2100px) { .carousel.full .item div:nth-child(1) a div, .carousel.full .item div:nth-child(2) a div, .carousel.full .item div:nth-child(3) a div { border-right:1px solid #c9c9c9; min-height:450px; } } @media (min-width: 1750px) and (max-width: 2099px) { .carousel.full .item div:nth-child(1) a div, .carousel.full .item div:nth-child(2) a div, .carousel.full .item div:nth-child(3) a div { border-right:1px solid #c9c9c9; min-height:400px; } } @media (min-width: 1200px) and (max-width: 1749px) { .carousel.full .item div:nth-child(1) a div, .carousel.full .item div:nth-child(2) a div, .carousel.full .item div:nth-child(3) a div { border-right:1px solid #c9c9c9; min-height:350px; } } @media (max-width: 1435px){ .related-container { width: 90%; margin: 0 0 0 10%; } .related-container .splide__arrow.splide__arrow--prev, .related-container .splide__arrow.splide__arrow--next { width: 16px; height: 28px; } .related-container .splide__arrow.splide__arrow--prev { left: -26px; } .related-container .splide__arrow.splide__arrow--next { right: -26px; } } @media (max-width: 1100px){ .related-container { width: 100%; margin: 0; } } @media (min-width: 992px) and (max-width: 1199px) { .carousel.medium .item div:nth-child(1) a div { border-right:1px solid #c9c9c9; min-height:450px; } } @media (min-width: 768px) and (max-width: 991px) { .carousel.medium .item div:nth-child(1) a div { border-right:1px solid #c9c9c9; min-height:420px; } } @media (min-width: 480px) and (max-width: 767px) { .carousel.medium .item div:nth-child(1) a div { border-right:1px solid #c9c9c9; min-height:390px; } } @media (max-width: 991px) { .exhibitions-template, .exhibitions-template-left, .sidebar-template, .exhibitions-template-left, .sidebar-template-left { width:100%; } } .separador:last-child { display:none; } @media (max-width: 991px) { .single .sidebar-template{ margin-top:40px; } } @media (min-width: 1200px) { #title-slide-single { width:calc(100% - 280px) !important; } } @media (min-width: 992px) and (max-width: 1199px) { #title-slide-single { width:calc(100% - 175px) !important } } @media (min-width: 576px) and (max-width: 991px) { #title-slide-single { width:calc(100% - 115px) !important } } @media (max-width: 575px) { #title-slide-single { width:calc(100% - 60px) !important } } #relatedtitlewrap { text-align: center; margin-bottom: 30px; } #relatedtitlewrap h2 { font-family: SctoGrotesk !important; font-size: 43px !important; line-height: 43px !important; font-weight: 400 !important; letter-spacing: -1px; text-decoration: none; margin-bottom: 10px !important; } #relatedtitlewrap a { font-family: SctoGrotesk !important; font-size: 18px !important; line-height: 22px !important; font-weight: 300 !important; text-decoration: none; } #relatedtitlewrap a:hover { text-decoration: underline; } #exhibition-related #myCarouselmedium .right.carousel-control, #exhibition-related #myCarouselmedium .left.carousel-control, #exhibition-related #myCarousel .right.carousel-control, #exhibition-related #myCarousel .left.carousel-control { display:inherit; } @media (max-width: 1600px) { #exhibition-related #myCarousel .left.carousel-control { left:0px; } #exhibition-related #myCarousel .right.carousel-control { right:0px; } } #exhibition-related #myCarouselmedium .left.carousel-control { left:-20px; } #exhibition-related #myCarouselmedium .right.carousel-control { right:-20px; } .page-template-template_projectes #exhibition-related #myCarouselmedium .left.carousel-control { left:35px; } .page-template-template_projectes #exhibition-related #myCarouselmedium .right.carousel-control { right:35px; } @media (min-width: 768px) and (max-width: 991px) { #exhibition-related #myCarouselmedium .left.carousel-control { left:-35px; } #exhibition-related #myCarouselmedium .right.carousel-control { right:-35px; } } @media (max-width: 767px) { #relatedtitlewrap h2 { font-size: 36px !important; line-height: 36px !important; margin-bottom: 6px !important; } .related-container h4, .activities_homeContainer h4 { margin-top: 20px !important; } } /*---------------------------------------------- CALENDARI ----------------------------------------------*/ .download-button { font-family: SctoGrotesk !important; font-weight: 400 !important; font-size: 15px !important; border: 1px solid #9c9c9c !important; line-height: 15px !important; padding: 6px 10px 3px !important; float: right; margin-top: -35px; -o-transition: .3s right ease-in-out; transition: right .3s ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #primary-container-distribuidor a.download-button:hover { background-color: #9c9c9c !important; color: #FFF !important; text-decoration: none !important; } html.menuactive .datepicker { -webkit-transform: translate3d(-350px,0,0); -moz-transform: translate3d(-350px,0,0); transform: translate3d(-350px,0,0); } .datepicker { webkit-transition: transform 500ms ease-in-out; -moz-transition: transform 500ms ease-in-out; transition: transform 500ms ease-in-out; } #featured-activities-container div:first-child div { padding-right:20px; } #featured-activities-container div:nth-child(2) div { padding-right:10px; padding-left:10px; } #featured-activities-container div:last-child div { padding-left:20px; } #week { clear:both; padding-bottom:120px; padding-top:50px; } .day { clear:both; overflow:hidden; border-bottom:2px solid #E5E5E5; padding:35px 0 25px; } #llistat-activitats { clear:both; padding-top:30px; } .dayname { width:112px; float:left; padding-right:20px; } .dayscontainer { width:calc(100% - 132px); } .dayscontainer div div { padding:0 8px; } /*--- New ---*/ body.page-template-template-calendari .press-element div div { min-height:90px; } body.page-template-template-calendari .press-container .press-element div div, body.page-template-template-arxiu-activitats .press-container .press-element div div { border-top:2px solid #E5E5E5; } @media (min-width: 1200px) { .press-container .press-element:nth-child(4n+1) { clear:both; } body.page-template-template-calendari .press-container .press-element:nth-child(1) div div, body.page-template-template-calendari .press-container .press-element:nth-child(2) div div, body.page-template-template-calendari .press-container .press-element:nth-child(3) div div, body.page-template-template-calendari .press-container .press-element:nth-child(4) div div, body.page-template-template-arxiu-activitats .press-container .press-element:nth-child(1) div div, body.page-template-template-arxiu-activitats .press-container .press-element:nth-child(2) div div, body.page-template-template-arxiu-activitats .press-container .press-element:nth-child(3) div div, body.page-template-template-arxiu-activitats .press-container .press-element:nth-child(4) div div { border-top:none !important; } } @media (min-width: 768px) and (max-width: 1199px) { .press-container .press-element:nth-child(3n+1) { clear:both; } body.page-template-template-calendari .press-container .press-element:nth-child(1) div div, body.page-template-template-calendari .press-container .press-element:nth-child(2) div div, body.page-template-template-calendari .press-container .press-element:nth-child(3) div div { border-top:none !important; } } @media (min-width: 576px) and (max-width: 767px) { .press-container .press-element:nth-child(2n+1) { clear:both; } body.page-template-template-calendari .press-container .press-element:nth-child(1) div div, body.page-template-template-calendari .press-container .press-element:nth-child(2) div div { border-top:none !important; } } @media (max-width: 575px) { body.page-template-template-calendari .press-container .press-element:nth-child(1) div div { border-top:none !important; } } .cat { display:block; padding:10px 0; } #date { border: none !important; font-size: 20px; line-height: 26px; margin-top: 5px; max-width: 200px; text-align:left; padding:0; color:#1a1a1a; margin-bottom:0;} #date::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #909090;} #date::-moz-placeholder { /* Firefox 19+ */color: #909090;} #date:-ms-input-placeholder { /* IE 10+ */color: #909090;} #date:-moz-placeholder { /* Firefox 18- */color: #909090;} #datepicker { /*width:320px;- */width:100px; float:left; } #datepicker .input-group-addon { background-color:transparent; border:none; padding:4px 8px; } #datepicker input.input-sm { border:1px solid #c9c9c9; max-width:100px; padding:2px 3px 0; /*margin-top:7px;- */margin-top:7px; border-radius:1px; } .bootstrap-select { margin-left:25px !important; margin-bottom:3px !important; } .bs-placeholder .filter-option { color:#1a1a1a; } .btn-default { border:none !important; background-color:transparent !Important; /*margin-bottom:3px !important- */margin-top:3px !important } .btn-default[type="submit"] { text-decoration:underline; margin-top:3px !important } .dropdown-menu { margin:3px 0 0 !important; z-index: 100000 !important; } @media (max-width: 767px) { #activities-filters-container .bootstrap-select { display: block; clear: both; } #activities-filters-container #date { padding: 0; margin:0; } } /*----- versio 2 -----*/ .datepicker { box-shadow: none !important; border: 2px solid #E5E5E5; border-radius: 0 !important; } .datepicker.dropdown-menu { font-size: 18px !important; } .datepicker.dropdown-menu th, .datepicker.dropdown-menu td { padding: 7px 16px !important; } .datepicker-dropdown::before { content: ""; border:none; opacity: 0; } .datepicker-dropdown:after { border-left: none !important; border-right: none !important; } .page-template-template-calendari-2 .datepicker table tr td.active.active { background-color: #4D4D4F !important; background-image: none !important; text-shadow: none !important; } #noticia-destacada { float: right; width: calc(100% - 450px); } #activities-filters-container { overflow: hidden; padding-bottom: 40px; min-height: 365px; } #noticia-destacada .imatgedestacada div { padding-right: 30px; } @media (max-width: 767px) { .datepicker.dropdown-menu th, .datepicker.dropdown-menu td { padding: 7px 10px !important; } #noticia-destacada { display: none; } .datepicker.dropdown-menu { width: calc(100% - 32px); } .datepicker table { width: 100%; } } @media (max-width: 1120px) { .imatgedestacada div div { display: none; } .textdestacada{ width: 100% !important; } } #tancament { margin-top: 40px; padding-left: 28%; min-height: 250px; } @media (min-width: 768px) and (max-width: 1199px) { #tancament { padding-left: 37%; } } @media (max-width: 767px) { #tancament { padding-left: 0; } } .page-template-template-calendari-2 #tancament .textdestacada span { line-height: 25px; color: #5c5c5c; } .page-template-template-calendari-2 #activitats-tancament { clear: both; margin-top: 150px; overflow: hidden; } @media (max-width: 767px) { .page-template-template-calendari-2 #tancament { min-height: unset; } .page-template-template-calendari-2 #activitats-tancament { margin-top: 0px; } .press-container #cont-tancament .press-element:nth-child(2n+1) { clear: both !important; } .press-container #cont-tancament .press-element:first-child { clear: none !important; } .press-container #cont-tancament .press-element:nth-child(2n+2) { clear: none !important; } } /*---------------------------------------------- ACTIVITATS ----------------------------------------------*/ @media (min-width: 1200px) { #activitats-destacades .exhibition div { min-height:520px; } } @media (min-width: 992px) { #activitats-destacades-2 .exhibition:nth-child(4n+1), #activitats-destacades-3 .exhibition:nth-child(3n+1){ clear:both; } #activitats-destacades-2 .exhibition:nth-child(4n+1) div, #activitats-destacades-2 .exhibition:nth-child(4n+2) div, #activitats-destacades-2 .exhibition:nth-child(4n+3) div, #activitats-destacades-3 .exhibition:nth-child(3n+1) div, #activitats-destacades-3 .exhibition:nth-child(3n+2) div{ border-right: 1px solid #e5e5e5; } } @media (min-width: 768px) and (max-width: 991px) { #activitats-destacades-2 .exhibition:nth-child(2n+1), #activitats-destacades-3 .exhibition:nth-child(2n+1){ clear:both; } #activitats-destacades-2 .exhibition:nth-child(2n+1) div, #activitats-destacades-3 .exhibition:nth-child(2n+1) div{ border-right: 1px solid #e5e5e5; } } #featuredfull, #featuredsmall { width:calc(100% + 60px) !important; padding: 0 !important; margin-left: -30px; } #featuredfull .carousel-inner, #featuredsmall .carousel-inner {width:calc(100% - 60px) !important; margin:0 auto !important; } #featuredfull .item, #featuredsmall .item { opacity:1 !important; } #featuredfull .right.carousel-control, #featuredfull .left.carousel-control, #featuredsmall .right.carousel-control, #featuredsmall .left.carousel-control { display:inherit !important;} #featuredfull .left.carousel-control, #featuredsmall .left.carousel-control { padding-right: 20px; background-color: #FFF; opacity: 1;} #featuredfull .right.carousel-control, #featuredsmall .right.carousel-control { padding-left: 20px; background-color: #FFF; opacity: 1;} #featuredfull .carousel-control .glyphicon-chevron-left, #featuredsmall .carousel-control .glyphicon-chevron-left { left:0 !important; margin-left:0 !important; } #featuredfull .carousel-control .glyphicon-chevron-right, #featuredsmall .carousel-control .glyphicon-chevron-right { right:0 !important; margin-right:0 !important; } #featuredsmall .glyphicon-chevron-left, #featuredsmall .glyphicon-chevron-right { width:15px !important; } #featuredsmall .left.carousel-control { margin-left: 16px; padding-right: 4px; } #featuredsmall .right.carousel-control { margin-right: 16px; padding-left: 4px; } @media (min-width: 992px) { #featuredfull{ display:inherit; } #featuredsmall{ display:none; } } @media (max-width: 991px) { #featuredfull{ display:none; } #featuredsmall{ display:inherit; } } #featuredfull .item .exhibition:nth-child(1) div { border-right: 1px solid #e5e5e5; } #featuredfull .item .exhibition div { min-height: 525px; } .mesos .mes:first-child { text-transform:capitalize; } .mesos .mes:after { content:", "; } .mesos .mes:last-child:after { content:""; } @media (max-width: 1120px) { #featuredfull .item .exhibition div { min-height: 475px; } } /*---------------------------------------------- ARXIU D'ACTIVITATS ----------------------------------------------*/ body.page-template-template_arxiu-activitats .wrap1180 div div { padding:0 8px 30px; } @media (min-width: 992px) { #container-arxiu-activitats div:nth-child(4n+1) { clear:both; } } @media (min-width: 768px) and (max-width: 991px) { #container-arxiu-activitats div:nth-child(3n+1) { clear:both; } } @media (min-width: 576px) and (max-width: 767px) { #container-arxiu-activitats div:nth-child(2n+1) { clear:both; } } /*---------------------------------------------- SINGLE ACTIVITATS ----------------------------------------------*/ #single-activitats-container { border-bottom: none !important; padding-bottom:150px; } body.single-activitat .slick-track { /*--display: flex; align-items: center; justify-content: center;--*/ } body.single-activitat .single-exhibitions__gallery img { padding: 7px; } body.single-activitat .slick-slider { padding: 0 25px; } body.single-activitat .slick-next { right: 0; } body.single-activitat .slick-next:before { content: url(https://fundaciotapies.org/wp-content/themes/tapies/images/next-carousel-blog-1.svg); } body.single-activitat .slick-prev { left: 0; } body.single-activitat .slick-prev:before { content: url(https://fundaciotapies.org/wp-content/themes/tapies/images/prev-carousel-blog-1.svg); } @media (min-width: 992px) { body.single-activitat .sidebar-template, body.single-noticia .sidebar-template, body.single-servei-educatiu .sidebar-template { padding-top:85px; } } @media (max-width: 991px) { .single-servei-educatiu .exhibitions-template { padding: 0; } .single-servei-educatiu #logos-container { padding-top: 10px !important; } } /*---------------------------------------------- NOTICIES ----------------------------------------------*/ body.page-template-template_news .exhibition div { padding: 0 15px; } /*---------------------------------------------- BIOGRAFIA ----------------------------------------------*/ #primary-container-distribuidor a:link, #primary-container-distribuidor a:visited { text-decoration:none !important; } #primary-container-distribuidor a:hover { text-decoration:underline !important; } #biography-accordion-container { padding-top:35px !important; /*---padding-bottom:150px !important;--*/ } #primary-biography div div { padding-left:10%; padding-bottom:10%; padding-top:135px; } /*---#biography-accordion-container img { max-width:25%; padding-left:5%; padding-bottom:5%; float:right; }--*/ @media (max-width: 767px) { #primary-biography img /*---#biography-accordion-container img--*/ { max-width:100%; padding-left:0; padding-bottom:50px; } #primary-biography div div { padding-left:0; padding-bottom:50px; padding-top:50px; } } #readmore:hover, #readless:hover{ cursor:pointer; } #readless.notactive, #readmore.notactive { display:none; } #contingut-ext { -webkit-transition: 0.5s; /* Safari */ transition: 0.5s; height:0; opacity:0; padding-top:0 !important; padding-bottom:0 !Important; padding-left:0 !important; } #contingut-ext p { display:none; } #contingut-ext.active { height:auto; opacity:1; padding:30px 0 0 0 !Important; } #contingut-ext.active p { display:inherit; } #readless { margin-top:20px; } .panel-group .panel { border-radius:0 !important; } .panel { -webkit-box-shadow:none !important; box-shadow:none !important; border-top: 2px solid #E5E5E5 !important; border-bottom:none !important; border-left:none !important; border-right:none !important; } .panel:last-child { border-bottom: 2px solid #E5E5E5 !important; } .panel-group .panel + .panel { margin-top:0 !important; } .panel-heading { padding: 0 !important; } .panel-default > .panel-heading { background-color:transparent !important; } .panel-group .panel-heading a { line-height:1 !Important; width: 100%; display: block; padding:18px 8px 13px; } .panel-group .panel-heading + .panel-collapse > .panel-body{ border-top: 2px solid #E5E5E5 !important; } .panel-body { padding:50px 8px !important; } .cronologia div { padding:5px 5px 10px; } #biography-accordion-container a .cronologia div { border-right:1px solid #e5e5e5; margin-bottom:35px; } .cronologiacontainer { padding: 0 0 100px; overflow: hidden; } @media (min-width: 992px) { .cronologiacontainer a:nth-child(4n+0) div div { border-right:none !important;} } @media (min-width: 768px) and (max-width: 991px) { .cronologiacontainer a:nth-child(3n+0) div div { border-right:none !important;} } @media (max-width: 767px) { .cronologiacontainer a:nth-child(2n+0) div div { border-right:none !important;} } @media (max-width: 575px) { .cronologiacontainer a:nth-child(1n+0) div div { border-right:none !important;} } /*---------------------------------------------- EDIFICI ----------------------------------------------*/ #image-building { padding:30px 0; } /*---------------------------------------------- VISITANS ----------------------------------------------*/ .info-horaris, .info-practica { padding: 20px 0; overflow: hidden; } .info-arribar, .info-tarifes { padding: 30px 0; overflow: hidden; } @media (min-width: 768px){ .info-horaris .col-xs-12:nth-child(1), .info-arribar .col-xs-12:nth-child(1) { border-right: 2px solid #E5E5E5; } .info-horaris .col-xs-12:nth-child(3), .info-arribar .col-xs-12:nth-child(3) { border-left: 2px solid #E5E5E5; } .info-horaris div:nth-child(1) .padding, .patronat div:nth-child(1) .padding { padding: 0 30px 50px 0; } .info-horaris div:nth-child(2) .padding, .info-arribar div:nth-child(2) .padding, .patronat div:nth-child(2) .padding { padding: 0 30px 50px 30px; } .info-horaris div:nth-child(3) .padding, .info-arribar div:nth-child(3) .padding, .patronat div:nth-child(3) .padding { padding: 0 0 15px 30px; } .info-arribar div:nth-child(1) .padding { padding: 0 30px 15px 0; } } @media (max-width: 767px){ .info-horaris .col-xs-12, .info-arribar .col-xs-12 { padding-bottom: 15px; } .seccio-punts .content { clear: both; float:right; } } .info-tarifes .seccio-punts:nth-child(1), .info-tarifes .seccio-punts:nth-child(7) { border-top:1px dashed #5e5e5e; } .seccio-punts { border-bottom: 1px dashed #5e5e5e; clear: both; overflow: hidden; padding: 13px 0 0; } .seccio-punts .title { float:left; } .seccio-punts .content { float:right; } .info-punts { padding: 8px 0; } /*---------------------------------------------- LLOGUER ----------------------------------------------*/ .space { border-top:2px solid #E5E5E5; padding:60px 30px; overflow:hidden; } #space-container .space:last-child { border-bottom:2px solid #E5E5E5; } .space-text div { padding:0 0 0 40px; } @media (max-width: 991px) { .space-text div { padding:0; } .space-text { margin-top:40px;} } input, select /*---, #form-lloguer-container textarea---*/, textarea.wpcf7-form-control { /*---text-align:center; border:none; background-color:#e5e5e5; margin-bottom:15px; padding:15px 15px 12px; ---*/ border:1px solid #E5E5E5; margin-bottom: 10px; padding: 12px 25px 10px; max-width: calc(100% - 95px); background-color: #FFF; width: 100%; border-radius: 0 !important; } input[type="submit"] { width: inherit; } input[type="text"] { max-width: 280px; } /*--#form-lloguer-container textarea, #form-lloguer-container input, #form-lloguer-container .wpcf7-form-control-wrap.your-message { width: calc(100% - 30px); }-*/ /*--.g-recaptcha div { margin:20px 0; } #form-lloguer-container .g-recaptcha div { margin:20px auto; }-*/ #form-lloguer-container textarea { height:150px; } #form-lloguer-container input[type='submit'] { width:inherit !Important; margin-top:20px; } .space-details h3 { margin:0; } .space .right.carousel-control, .space .left.carousel-control { display:inherit; } .space .carousel-control .glyphicon-chevron-right { margin-right:-5px !important; } .space .carousel-control .glyphicon-chevron-left { margin-left:-5px !important; } .text-rent-form div { padding-left:30px;} @media (max-width:767px) { .text-rent-form div { padding-left:15px; padding-bottom:30px;} } #form-lloguer-container input { /*--max-width: calc(100% - 95px) !important; text-align: center !important;-*/ } @media (min-width:768px) { #form-lloguer-container .col-xs-12:nth-child(2) .padding { margin-left: 50px; } } .wpcf7-response-output { font-family: SctoGrotesk !important; padding: 15px !important; } /*---------------------------------------------- PROJECTES ----------------------------------------------*/ .project { padding:30px 0; border-bottom:2px solid #E5E5E5; } .project div .text { padding-top:15px; } .project div .image { padding-right:40px; } @media (max-width:767px) { .project div .image { padding-right:0px; } } /*---------------------------------------------- SINGLE PROJECTES ----------------------------------------------*/ .subprojects { margin-top: 100px; } .subprojects h3 { color: #000 !important; } .subproject-container { display: flex; flex-wrap: wrap; gap: 20px 3%; } .subproject-container a { width:31.33%; } .subproject-container a p { margin: 0; font-size: 17px !important; line-height: 21px !important; } .subprojects .subproject img { margin: 0 0 12px; } @media (min-width: 1200px) { .subproject-container a:nth-child(3n+0) .subproject div { border-right:none;} .subproject-container :nth-child(4n+0) .subproject { clear:both;} } @media (max-width: 767px) { .subproject-container { gap: 20px 4%; } .subproject-container a { width:48%; } } @media (min-width: 576px) and (max-width: 1199px) { .subproject-container a:nth-child(2n+0) .subproject div { border-right:none;} .subproject-container a:nth-child(3n+0) .subproject { clear:both;} } @media (max-width: 575px) { .subproject-container a:nth-child(1n+0) .subproject div { border-right:none;} } @media (max-width: 479px) { .subproject-container { gap: 35px 0; } .subproject-container a { width:100%; } } body.single-projecte #exhibition-related .left.carousel-control, body.single-projecte #exhibition-related .right.carousel-control, body.single-exposicio #exhibition-related .left.carousel-control, body.single-exposicio #exhibition-related .right.carousel-control { display: none; } /*---------------------------------------------- SINGLE DISTRIBUIDOR ----------------------------------------------*/ .sidebar-template-left .link-distribuidor { margin:0; border-top:2px solid #E5E5E5; } .sidebar-template-left .link-distribuidor:last-child { border-bottom:2px solid #E5E5E5; } .sidebar-template-left .link-distribuidor div { padding:0; } .sidebar-template-left .link-distribuidor div div { background-color:transparent; padding:12px 12px 10px; } @media (max-width: 991px) { .sidebar-template-left { display:none; } } /*---------------------------------------------- CONCERTAR CITA ----------------------------------------------*/ #wpcf7-f1104-p1099-o1 input, body.single-museu-i-biblioteca input, body.page-template-template_sense-menu-lateral #page-content #primary-container-distribuidor input { text-align:center; border:none; background-color:#e5e5e5; margin-bottom:15px; padding:15px 15px 12px; } #wpcf7-f1104-p1099-o1 input[type='submit'], body.single-museu-i-biblioteca input[type="submit"], body.page-template-template_sense-menu-lateral #primary-container-distribuidor input[type='submit'] { margin-top:20px; } #wpcf7-f1104-p1099-o1 strong, body.single-museu-i-biblioteca strong { margin:25px 0 15px; } span.wpcf7-list-item { display:block !important; } .dateinput, .hourinput { max-width: 150px !important; } .hourinput, .labelhour { float: right; } .labelhour { margin-top:12px; } .text-cita { margin-left: 95px; } /*--textarea.wpcf7-form-control {max-width:478px; }-*/ @media (max-width: 767px) { .text-cita { margin-left: 0; } .formulari input[type='submit']{ width: inherit !important; } label { text-align: left !important; display: block !Important; } input[type="text"], input[type="email"], select, textarea { max-width: 100% !important; } .hourinput, .labelhour { float: left; } } /*---------------------------------------------- SELECCIÓ D'ADQUISICIONS ----------------------------------------------*/ .adquisicion { margin-bottom:30px; } .adquisicion div { padding:0 15px; } @media (min-width: 1200px) { body.postid-1320 #adquisiciones-container .adquisicion:nth-child(4n+1), body.postid-1373 #adquisiciones-container .adquisicion:nth-child(4n+1), body.postid74 #adquisiciones-container .adquisicion:nth-child(4n+1) { clear:both; } body.postid-1322 #adquisiciones-container .adquisicion:nth-child(3n+1), body.postid-1371 #adquisiciones-container .adquisicion:nth-child(3n+1), body.postid-1372 #adquisiciones-container .adquisicion:nth-child(3n+1) { clear:both; } } @media (min-width: 768px) and (max-width: 1199px) { body.postid-1320 #adquisiciones-container .adquisicion:nth-child(3n+1), body.postid-1373 #adquisiciones-container .adquisicion:nth-child(3n+1), body.postid74 #adquisiciones-container .adquisicion:nth-child(3n+1) { clear:both; } body.postid-1322 #adquisiciones-container .adquisicion:nth-child(2n+1), body.postid-1371 #adquisiciones-container .adquisicion:nth-child(2n+1), body.postid-1372 #adquisiciones-container .adquisicion:nth-child(2n+1) { clear:both; } } @media (min-width: 576px) and (max-width: 767px) { body.postid-1320 #adquisiciones-container .adquisicion:nth-child(2n+1), body.postid-1373 #adquisiciones-container .adquisicion:nth-child(2n+1), body.postid74 #adquisiciones-container .adquisicion:nth-child(2n+1) { clear:both; } body.postid-1322 #adquisiciones-container .adquisicion:nth-child(2n+1), body.postid-1371 #adquisiciones-container .adquisicion:nth-child(2n+1), body.postid-1372 #adquisiciones-container .adquisicion:nth-child(2n+1) { clear:both; } } /*---------------------------------------------- PUBLICACIONS PERIODIQUES ----------------------------------------------*/ .left-column { float:left; width:calc(100% - 260px); } .right-column { float:right; width:230px; } .right-column img { width:100%; } .right-column li { margin-bottom:30px; } @media (max-width: 767px) { .left-column { width:100%; } .right-column { display:none; } } /*---------------------------------------------- PREMSA TEMPLATE ----------------------------------------------*/ .press-element div{ padding:0 10px; } body.page-template-template-premsa .press-element a div div { min-height:230px; } /*---------------------------------------------- PREMSA SINGLE ----------------------------------------------*/ @media (min-width: 768px) {.press-excerpt div { padding-left: 48px; }} @media (max-width: 767px) {.press-excerpt div { padding-top: 35px; }} .tauladocuments { clear:both; padding-top:75px; } .encabezado-tabla { padding:1px 15px; } .fila-tabla { display:block; border-bottom:2px solid #E5E5E5; padding:5px 10px 2px; } #primary-container-distribuidor .tauladocuments a:link, #primary-container-distribuidor .tauladocuments a:visited { text-decoration:none !Important; } #primary-container-distribuidor .tauladocuments a:hover div p { font-weight:600 !important; } .fila-tabla:hover { background-color:#efefef; } .download-image { float: right; position: relative; top: -29px; right: 15px; } #primary-container-distribuidor .press-excerpt a:link, #primary-container-distribuidor .press-excerpt a:visited { text-decoration:none !important; } #primary-container-distribuidor .press-excerpt a:hover { text-decoration:underline !important; } #titleContainer-singlePremsa { text-align: center; margin-top: 80px; } #titleContainer-singlePremsa h1 { font-size: 36px !important; line-height: 44px !important; margin-bottom: 10px !important; } #titleContainer-singlePremsa h2 { font-size: 20px !important; line-height: 24px !important; margin-top: 15px !important; font-weight: 400 !important; } .separator-line { max-width: 30px; } #extraInformation-singlePremsa { text-align: center; padding: 20px 0 0; } #extraInformation-singlePremsa p, #extraInformation-singlePremsa a { font-family: SctoGrotesk; font-size: 20px; line-height: 26px; color: #939393 !important; } #extraInformation-singlePremsa li { margin-right: 8px; } #buttons-pressFiles { text-align: center; margin-top: 55px; padding: 10px 0 !important; } #buttons-pressFiles a { font-family: SctoGrotesk; font-size: 14px; line-height: 16px; font-weight: 400; color:#1a1a1a !important; text-decoration: none; border: 1px solid #1a1a1a; margin: 0 8px 8px; padding: 5px 15px 1px; display: inline-block; } #buttons-pressFiles a:hover { background-color:#1a1a1a !important; color: #FFF !important; } #featuredImage-pressPage { margin-top: 50px; } #featuredImage-pressPage p { font-size: 13px; line-height: 20px; color: #333333 !important; margin-top: 15px; } #text-pressPage { margin-top: 60px; } #text-pressPage p { font-size: 22px; line-height: 32px; margin-bottom: 32px; color: #333333 !important; } #works-pressPage { margin-top: 60px; } #works-pressPage h3, #credits-pressPage h3 { font-size: 36px !important; line-height: 42px !important; font-weight: bold !important; border-bottom: 1px solid #333; padding-bottom: 5px; margin-bottom: 25px; } .work-element__pressPage, .activity-element__pressPage { border-top: 1px solid #E5E5E5; padding: 25px 0px 28px; } .work-element__pressPage:nth-child(2), .activity-element__pressPage:nth-child(2) { border-top: none; } .work-element__pressPage h4, .activity-element__pressPage h4 { font-size: 20px !important; line-height: 24px !important; font-weight: bold !important; } .work-element__pressPage p, .activity-element__pressPage p { color: #808080 !important; } .extraInformation-work-element__pressPage { padding-top: 20px; } .extraInformation-activity-element__pressPage { padding-top: 10px; } .extraInformation-work-element__pressPage p, .extraInformation-activity-element__pressPage p { font-size: 18px; line-height: 26px; } body.single-premsa #logos-container { width: 100% !important; padding-top: 25px !important; } body.single-premsa #logos-container p.lightgrey { color: #808080 !important; } #credits-pressPage { margin-top: 100px; } a.rm-link { font-family: SctoGrotesk; font-weight: 400; font-size: 20px; line-height: 20px; color: #808080 !important; border-bottom: 1px solid #808080; display: inline-block; margin-bottom: 45px; } a.rm-link:hover { border-bottom: 1px solid transparent; } /*---------------------------------------------- BLOG ----------------------------------------------*/ .exhibition h1 { clear:both; padding-top:14px; } .blog-slider .slick-prev, .blog-slider .slick-next { width: 25px; } .blog-slider .slick-next { right: -50px; z-index: 1; } .blog-slider .slick-prev { left: -50px; z-index: 1; } .slick-prev:before { content: url(https://fundaciotapies.org/wp-content/themes/tapies/images/prev-carousel-blog-1.svg); } .slick-next:before { content: url(https://fundaciotapies.org/wp-content/themes/tapies/images/next-carousel-blog-1.svg); } @media (max-width: 767px) { .blog-slider .slick-dots { display: block !important; bottom: -60px; } .blog-slider .slick-dots li { margin: 0 2px 20px; } .blog-slider .slick-dots li button:before { font-size: 12px; } } /*---------------------------------------------- 404 ----------------------------------------------*/ .error404 .link-distribuidor div div:hover { background-color:#1a1a1a;} .error404 .link-distribuidor div div:hover p { color:#fff;} /*---------------------------------------------- VOLS FERT-E AMIC ----------------------------------------------*/ body.page-id-55 input { width: calc(50% - 37px); } body.page-id-55 span:nth-child(1) input { margin-right:14px; } body.page-id-55 input[type="radio"] { width:15px; } body.page-id-55 input[type="submit"] { width:inherit; } /*---------------------------------------------- VOLS FER UNA DONACIÓ ----------------------------------------------*/ body.page-id-6105 label, body.page-id-2786 label, body.page-id-2789 label, body.page-id-2579 label, body.page-id-6384 label, body.page-id-6385 label, body.page-id-1449 label, body.page-id-1455 label, body.page-id-1456 label { width:140px; } body.page-id-6105 input, body.page-id-6105 select, body.page-id-2786 input, body.page-id-2786 select, body.page-id-2789 input, body.page-id-2789 select, body.page-id-6105 textarea.wpcf7-form-control, body.page-id-2786 textarea.wpcf7-form-control, body.page-id-2789 textarea.wpcf7-form-control, input.long, select.long, body.page-id-2579 input, body.page-id-6384 input, body.page-id-6385 input, body.page-id-2579 textarea, body.page-id-6384 textarea, body.page-id-6385 textarea, body.page-id-1449 input, body.page-id-1455 input, body.page-id-1456 input, body.page-id-1449 textarea, body.page-id-1455 textarea, body.page-id-1456 textarea { max-width: calc(100% - 140px); } input.short, select.short { max-width: 200px !important; } .text-cita { margin-left: 140px; } textarea.wpcf7-form-control { background-color:#fff; } @media (max-width: 767px) { body.page-id-6105 input, body.page-id-6105 select, body.page-id-2786 input, body.page-id-2786 select, body.page-id-2789 input, body.page-id-2789 select, body.page-id-6105 textarea.wpcf7-form-control, body.page-id-2786 textarea.wpcf7-form-control, body.page-id-2789 textarea.wpcf7-form-control, input.short, select.short { max-width: 100% !important; } .captchadiv { padding: 0 !important; } .text-cita { margin-left: 0; } } /*---------------------------------------------- FORMULARI TEMPLATE ----------------------------------------------*/ label{ width: 95px; text-align: right; padding-right: 25px; } label, form p { font-size: 18px; line-height: 21px; font-weight: 400 !important; } .formulari, .formulari-bottom { max-width: 580px; margin:0 auto; padding-top: 30px; } .formulari-bottom {padding-top: 15px;} /*--.formulari input, .formulari textarea { width:calc(100% - 50px) !important; } .formulari input[type="submit"] { width:inherit !important; } .textformulari div { padding-left:20px;}-*/ @media (max-width: 767px) { /*-.formulari input, .formulari textarea { width:calc(100% - 30px) !important; } .formulari textarea { max-width:100% !important; } .textformulari div { padding-left:0px;}-*/ } #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; } /* Add your own Mailchimp form style overrides in your site stylesheet or in this style block. We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */ #mc_embed_signup form { padding: 0px !important; } #mc_embed_signup form label, #mc_embed_signup form .indicates-required { font-size: 18px; line-height: 21px; font-weight: 400; font-family: SctoGrotesk; color: #5c5c5c; margin-top: 7px; } #mc_embed_signup form label { float: left; } #mc_embed_signup form .input-group label { float: none; } #mc_embed_signup .asterisk { color: #5c5c5c !important; padding-right: 1px; top: 0 !important; font-size: 100% !important; } #mc_embed_signup .mc-field-group input, #mc_embed_signup .mc-field-group select { max-width: 280px; border: 1px solid #e5e5e5; border-radius: 0 !important; } #mc_embed_signup .mc-field-group select { height: 30px; } #mc_embed_signup form .indicates-required { text-align: left; margin-bottom: 20px; font-size: 14px; } #mc_embed_signup .formulari { margin-bottom: 50px; } #mc_embed_signup form .input-group strong { font-size: 16px; } #mc_embed_signup form .input-group label { margin-left: 5px; } #mc_embed_signup form p { font-size: 20px; } #mc_embed_signup form input.button { text-align: center; } #mc_embed_signup .mc-field-group { padding-bottom: 0px; } #mc_embed_signup .mc-field-group.input-group ul { padding-top: 10px !important; } #mc_embed_signup .mc-field-group.input-group ul li { float: left; padding-right: 20px !important; } #mc_embed_signup .mc-field-group.input-group ul li input:checked { background-color: rgb(255, 94, 90); } #mc_embed_signup div#mce-responses { margin: 0 !important; padding: 0 !important; } /*---------------------------------------------- ARXIU EDUCACIÓ ----------------------------------------------*/ .activities-filters-container.educacio .bootstrap-select { margin-left:10px !important; } /*---------------------------------------------- COOKIES TABLE ----------------------------------------------*/ .page-template-template_sense-menu-lateral tr:first-child td { background-color: #eaeaeb; color: #1a1a1a; } body.page-template-template_sense-menu-lateral table td { border-top: 1px solid #0f1a2b; border-left: 1px solid #0f1a2b; padding: 5px; } body.page-template-template_sense-menu-lateral table { border-bottom: 1px solid #0f1a2b; border-right: 1px solid #0f1a2b; font-family: SctoGrotesk; font-weight: 400; font-size: 14px; line-height: 18px; color: #5c5c5c; } /*---------------------------------------------- MOBILE ----------------------------------------------*/ .formulari input[type="radio"], body.page-id-6109 input[type="radio"], body.page-id-6107 input[type="radio"], body.page-id-2767 input[type="radio"] { width: inherit !important; } .formulari input[type="submit"], body.page-id-6109 input[type="submit"], body.page-id-6107 input[type="submit"], body.page-id-2767 input[type="submit"] { /*-margin-top: 25px !important;-*/ margin-bottom: 25px !important; } input[type="submit"] { -webkit-appearance: none; } #margin-footer { padding-bottom:150px; } @media (max-width: 767px) { .wrap900, .wrap1180 { padding: 0 16px !important; } #image-distribuidor.wrap900 { padding: 40px 16px 50px !important; } #links-container-distribuidor { padding: 40px 16px 25px !important } #image-distribuidor { padding-top: 40px !important; } .link-distribuidor div div { padding: 12px 18px 10px !important; } #primary-container-distribuidor { padding-bottom: 40px !important; } .btn-group.bootstrap-select { margin-left: 0 !important; } .grey-background #fitxa { padding-top:40px !important; padding-bottom: 40px !important; } .formulari input, .formulari textarea, body.page-id-6109 input, body.page-id-6109 textarea, body.page-id-6107 input, body.page-id-6107 textarea, body.page-id-2767 input, body.page-id-2767 textarea { width: 100% !important; } .space { padding:60px 0px !important; } #actuals h1, #futures h1, #anteriors h1, body.page-template-template_activitats #primary-container-distribuidor h1 { margin-left:0 !important; width: 100% !important; } #actuals .exhibition div, #futures .exhibition div, #anteriors .exhibition div { padding: 0 !important; } #activitats-destacades-2 .exhibition div, #activitats-destacades-3 .exhibition div { padding: 0 !important; } #margin-footer { padding-bottom:40px !important; } #form-lloguer-container { padding-top: 40px !important; } .page-template-template_news #results-exhibitions-container{ padding-bottom: 50px !important; } .single-activitat #margin-footer, .page-template-template_blog #margin-footer, .page-template-template_news #margin-footer, .page-template-template_exibitions-2 #primary-container-distribuidor { padding-bottom:0px !important; } body.page-template-template_publicacions #works-container { padding-bottom: 50px; } } @media (max-width: 575px) { .link-distribuidor div { padding: 0 !important; } .page-template-template-calendari .press-element div { padding: 0 !important; } } /*----- Carousel----- */ @media (min-width: 1600px) { body.single-exposicio .carousel-control .glyphicon-chevron-right, body.single-projecte .carousel-control .glyphicon-chevron-right { margin-right: -62px !important; } body.single-exposicio .carousel-control .glyphicon-chevron-left, body.single-projecte .carousel-control .glyphicon-chevron-left { margin-left: -62px !important; } } @media (min-width: 1200px) and (max-width: 1599px) { body.single-exposicio .carousel-control .glyphicon-chevron-right, body.single-projecte .carousel-control .glyphicon-chevron-right { margin-right: -10px !important; } body.single-exposicio .carousel-control .glyphicon-chevron-left, body.single-projecte .carousel-control .glyphicon-chevron-left { margin-left: -10px !important; } } @media (min-width: 768px) and (max-width: 991px) { body.single-exposicio .carousel-control .glyphicon-chevron-right, body.single-projecte .carousel-control .glyphicon-chevron-right { margin-right: 15px !important; } body.single-exposicio .carousel-control .glyphicon-chevron-left, body.single-projecte .carousel-control .glyphicon-chevron-left { margin-left: 22px !important; } } #featuredsmall .carousel-control .glyphicon-chevron-left { left: 3px !important; } #featuredsmall .carousel-control .glyphicon-chevron-right { right: 3px !important; } @media (max-width: 767px) { .carousel-indicators, #featuredsmall .carousel-indicators { display: block !important; } .carousel-indicators li { margin-right: 2px !important; } #featuredsmall .right.carousel-control, #featuredsmall .left.carousel-control { display: none !important; } } /*---------------------------------------------- AVANTATGES ----------------------------------------------*/ #image-av { overflow: hidden; margin-bottom: 130px; } .tipus-damics ul { padding-left: 25px; } .tipus-damics ul li { list-style-image: url('images/av.svg'); } /*---------------------------------------- INFORMACIÓ INSITITUCIONAL -----------------------------------------*/ .patronat, .staff, .documentacio { overflow: hidden; } .patronat li { margin-bottom: 8px; } .staff div .padding div { margin-bottom: 30px; } .staff p { line-height: 29px; } @media (min-width: 992px) { .staff div:nth-child(1) .padding { padding: 0 30px 50px 0; } .staff div:nth-child(2) .padding { padding: 0 30px 50px 0; } .staff div:nth-child(3) .padding { padding: 0 0 50px 30px; } .staff div:nth-child(4) .padding { padding: 0 0 50px 30px; } } @media (min-width: 768px) and (max-width: 991px) { .staff div:nth-child(1) .padding, .staff div:nth-child(3) .padding { padding: 0 20px 0 0; } .staff div:nth-child(2) .padding, .staff div:nth-child(4) .padding { padding: 0 0 0 20px; } .staff div:nth-child(3) { clear: both; } } .documentacio .tauladocuments .fila-tabla:nth-child(1){ border-top: 2px solid #E5E5E5; } .title-section-file { float: left; } .arxiu2link, .arxiu1link { float: right; } .arxiu1link { margin-right: 50px; } .documentacio .fila-tabla { overflow: hidden; } .documentacio .fila-tabla a { text-decoration: none !important; margin-top:5px; } .documentacio .fila-tabla img { margin-top:-5px; } .documentacio .fila-tabla:hover .title-section-file { font-weight: 600; } @media (max-width: 767px) { .arxiu2link { clear: both; } } /*---------------------------------------- INFORMACIÓ INSITITUCIONAL -----------------------------------------*/ @media (min-width: 992px){ body.single-biblioteca .sidebar-template { padding-top: 26px; } } /*---------------------------------------- SINGLE PUBLICATION -----------------------------------------*/ .comprar-botiga-container { margin-top: 50px; } .comprar-botiga-link { font-family: SctoGrotesk; font-weight: 700; font-size: 18px; line-height: 24px; padding: 8px 14px 5px; display: inline-block; margin-bottom: 10px; -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration: none; border-radius: 0; text-transform: uppercase; color: #FFF; background-color: #1a1a1a; text-decoration: none !important; } .comprar-botiga-link:hover { background-color: #666; } @media (max-width: 767px){ .comprar-botiga-link { font-size: 15px; line-height: 24px; } } /*------------------------------------------- BLOG ---------------------------------------------*/ .blog_archive { margin-bottom: 100px; margin-top: 50px; } .blog_archive h1 { padding-bottom: 20px; text-align: center; } .blog_archive article.blog-element { text-align: center; padding: 0 15px; margin-bottom: 45px; } .blog_archive .pagination-container #previous { float: left; } .blog_archive .pagination-container #next { float: right; } @media (min-width: 992px ){ .blog_archive article.blog-element:nth-child(4n+1) { clear: both; } } @media (min-width: 768px ) and ( max-width: 991px) { .blog_archive article.blog-element:nth-child(3n+1) { clear: both; } } @media (min-width: 576px ) and ( max-width: 767px) { .blog_archive article.blog-element:nth-child(2n+1) { clear: both; } } /*---------------------------------------- SINGLE BLOG -----------------------------------------*/ body.single-blog .wrap750 { max-width: 810px; padding: 0 30px; } body.single-blog main { padding: 75px 0 0; } body.single-blog div.entry-header { text-align: center; } body.single-blog h1 { font-size: 43px !important; line-height: 48px !important; margin-bottom: 10px !important; } body.single-blog h2 { font-size: 24px !important; line-height: 32px !important; font-weight: bold !important; } body.single-blog .single-postThumbnail__container { padding: 45px 0 60px; } body.single-blog .single-postThumbnail__container .imageCaption { font-size: 14px; } body.single-blog .entry-content p, body.single-blog .entry-content li { font-family: SctoGrotesk; font-size: 22px !important; line-height: 34px !important; color: #333333 !important; margin-bottom: 20px; } body.single-blog .entry-content table { table-layout: fixed; } body.single-blog .entry-content td { vertical-align:top; } body.single-blog .entry-content td, body.single-blog .entry-content td p { font-family: SctoGrotesk; font-size: 18px !important; line-height: 26px !important; color: #333333 !important; margin-bottom: 15px; } body.single-blog .entry-content tr td:first-child { padding-right: 15px; } body.single-blog .entry-content tr td:nth-child(2) { padding-left: 15px; } body.single-blog .single-shareAndTags__container { padding: 70px 0 160px; } body.single-blog .single-shareAndTags__container p { font-size: 20px !important; line-height: 24px !important; font-weight: bold !important; color: #1A1A1A !important; } body.single-blog .single-shareAndTags__container img { width: 32px; filter: brightness(0); } body.single-blog .single-shareAndTags__container img:hover { opacity: 0.4; } body.single-blog .single-shareAndTags__container ul li { display: inline-block; margin-right: 4px; } body.single-blog .single-shareAndTags__container ul li:first-child { margin-right: 12px; } body.single-blog .tags-links a { font-family: SctoGrotesk; color: #808080 !important; border: 1px solid #808080; text-decoration: none; font-size: 18px; line-height: 22px; padding: 3px 12px 1px; transition:0.2s; } body.single-blog .tags-links a:hover { color: #FFF !important; background-color: #1a1a1a; border: 1px solid #1a1a1a; } body.single-blog .single-shareAndTags__container ul.tags-links { padding-top: 20px; } body.single-blog .single-shareAndTags__container ul.tags-links li { margin-right: 8px; } body.single-blog .blogs-container { border-top: 1px solid #cccccc; padding: 25px 0 125px; overflow: hidden; } body.single-blog .blogs-container article.blog-element { padding: 0 1%; width: 25%; float: left; } body.single-blog .blogs-container article.blog-element .excerpt { display: none !important; } body.single-blog .blogs-container article.blog-element h4 { font-weight: 300 !important; text-align: center; } body.single-blog .blogs-container article.blog-element img { transition:0.2s; } body.single-blog .blogs-container article.blog-element:hover img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } @media(max-width: 767px){ body.single-blog .entry-content p, body.single-blog .entry-content li, body.single-blog .entry-content td { font-size: 18px !important; line-height: 28px !important; } body.single-blog .entry-content td { width: 100% !important; display: inline-block; } body.single-blog .wrap750 { max-width: 750px; padding: 0 15px; } body.single-blog .blogs-container article.blog-element { width: 50%; } } article.blog-element { padding: 0 8%; } article.blog-element a { text-decoration: none; } article.blog-element .circle-border { padding: 5px; border-radius: 50%; border: 2px solid #FF0000; max-width: 210px; margin: 0 auto; } article.blog-element img { width: 100% !important; border-radius: 50%; } article.blog-element h4 { font-weight: 600 !important; padding-top: 12px; } /*-article.blog-element .excerpt p { font-size: 20px !important; line-height: 24px !important; }-*/ article.blog-element.slick-slide h4, article.blog-element.slick-slide .excerpt { padding-left: 15px; padding-right: 15px; } .nosemuestra { display: none !important; } /*---------------------------------------- L'edifici -----------------------------------------*/ .page-template-template-edifici #primary-container-distribuidor, .page-template-template_avantatges .wrap900, .page-template-template_formulari .wrap900, .page-template-template_els-amics .wrap980, .page-template-template_informacio-institucional .wrap980, .page-template-template-any-tapies #primary-container-distribuidor { padding-bottom: 120px !important; } .page-template-template_staff_2 .wrap980 { padding-bottom: 80px !important; } /*-----------------------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------------------*/ /*---------------------------------------------- SHOP - BOTIGA ----------------------------------------------*/ /*-----------------------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------------------*/ /*--- Header Botiga ---*/ header.header-botiga { overflow: hidden; padding: 22px 0 32px; } body.avis header.header-botiga { margin-top: 44px; } body.page-template-template_shop.avis #nav-icon, body.single-product.avis #nav-icon, body.woocommerce-cart.avis #nav-icon { top: 88px !important; } .languages-shop { position: absolute; left: 25px; top: 40px; } .myAccount-cart_shopMenu { position: relative; top: 6px; z-index: 1; } .myAccount-cart_shopMenu li { display: inline; margin-left: 12px; } .myAccount-cart_shopMenu a { text-decoration: none; } .myAccount-cart_shopMenu .myAccount-icon { width: 14px; top: -1px; position: relative; } .myAccount-cart_shopMenu .cart-icon { width: 26px; } .myAccount-cart-search { display: flex; gap: 20px; } /*--- Footer Botiga ---*/ .footer-2020.shop-footer { padding: 25px 0; } .goToMuseumWebsite { font-family: SctoGrotesk; font-weight: 400; font-size: 16px; line-height: 20px; color: #7F7F7F !important; } .goToMuseumWebsite img { width: 14px; margin-right: 18px; margin-left: 35px; } .footer-2020.shop-footer .prefooter-content p { line-height: 26px !important; margin-bottom: 20px; } /*------------------------------------------ HOME SHOP - HOME BOTIGA -----------------------------------------*/ /*--- Shop banner ---*/ body.page-template-template_shop .wrap960 { width: 100% !important; } .shop-banner { display: flex; margin-top: 50px; } .shop-banner .text_shopBanner, .shop-banner .image_shopBanner { flex: 1; padding: 30px; min-height: 40vh; } .shop-banner .text_shopBanner { display: flex; flex-direction: column; align-items: start; justify-content: space-between; } .shop-banner .image_shopBanner { background-position: center; background-size: cover; } .shop-banner .text_shopBanner p { font-family: SctoGrotesk; font-weight: 400; font-size: 43px; line-height: 48px; letter-spacing: -1px; color: #000 !important; margin-bottom: 30px; max-width: 420px; } .shop-banner .text_shopBanner p:last-child { margin-bottom: 0; } .shop-banner .text_shopBanner p.link { font-family: SctoGrotesk; font-weight: 400; font-size: 18px; line-height: 22px; color: #000 !important; border: 1px solid #000; text-decoration: none; padding: 12px 16px 10px; width: 100%; max-width: 270px; } .shop-banner .text_shopBanner a { border: 1px solid #FFF; text-decoration: none; font-size: 20px; padding: 12px 12px 8px; transition: all 0.2s ease; } .shop-banner:hover .text_shopBanner p.link { opacity: 0.7; } @media (max-width: 767px){ .shop-banner { flex-direction: column; } .shop-banner .image_shopBanner { min-height: 250px; } .shop-banner .text_shopBanner p { font-size: 36px; line-height: 40px; margin-bottom: 40px; } .shop-banner .text_shopBanner p.link { width: fit-content; } .shop-banner .text_shopBanner { min-height: inherit; } } /*--- Products container ---*/ .products-container { padding-top: 90px !important; padding-bottom: 150px; } .product-item { float: left; margin-bottom: 50px; } .product-item a { text-decoration: none; } .product-item img { transition:0.3s; } .product-item:hover img { opacity: 0.8; } .product-padding { padding: 0 20px 15px; } .product-item h4, .slider-related h4, .myAccount-productsSlider h4, .shop-viewMore a { font-family: SctoGrotesk !important; font-weight: 400 !important; font-size: 15px !important; line-height: 18px !important; margin-bottom: 2px; } .product-item p, .slider-related p, .myAccount-productsSlider p { font-family: SctoGrotesk !important; font-weight: 400 !important; font-size: 15px !important; line-height: 18px !important; } @media (min-width: 1151px) { .product-item { width: 25%; } .product-item:nth-child(4n+1) { clear: both; } } @media (min-width: 850px) and (max-width: 1150px) { .product-item { width: 33.33%; } .product-item:nth-child(3n+1) { clear: both; } } @media (min-width: 550px) and (max-width: 849px) { .product-item { width: 50%; } .product-item:nth-child(2n+1) { clear: both; } } @media (max-width: 549px) { .product-item { width: 100%; } } .products-slider .product-item { clear: none !important; text-align: center; margin-bottom: 0px; } .products-slider .shop_image-product img { margin: 0 auto; width: 100% !important; } .products-slider .slick-prev, .products-slider .slick-next { top: 38%; width: 24px; height: 24px; opacity: 0.4; } .products-slider .slick-next { right: -30px; } .products-slider .slick-next:before { content: url('images/next-carousel-blog-1.svg'); } .products-slider .slick-prev { left: -30px; } .products-slider .slick-prev:before { content: url('images/prev-carousel-blog-1.svg'); } .products-container.wrap1200 { padding: 0 35px; } .shop-viewMore { text-align: center; } .shop-viewMore a { font-weight: 700 !important; text-decoration: none; margin-bottom: 5px; color: #c0c0c0; -webkit-transition: all 0.2s; transition: all 0.2s; } .shop-viewMore a:hover { opacity: 0.8; } .shop-viewMore img { width: 25px; margin-top: 7px; } /*--- Newsletter banner ---*/ .newsletter-banner { display: flex; } .newsletter-banner .text_newsletterBanner { flex: 2; padding: 65px 38px 60px; } .newsletter-banner .image_newsletterBanner { flex: 1; padding: 65px 38px; background-position: center; background-size: cover; } .newsletter-banner .text_newsletterBanner p { font-family: SctoGrotesk; font-weight: 300; font-size: 24px; line-height: 29px; color: #FFF !important; margin-bottom: 40px; } .newsletter-banner .text_newsletterBanner label { padding-top: 10px; float: left; font-family: SctoGrotesk; font-weight: 700 !important; font-size: 26px; line-height: 30px; color: #FFF !important; padding-right: 35px; width: inherit; } .newsletter-banner .text_newsletterBanner input[type=email] { max-width: calc(100% - 190px) !important; font-family: SctoGrotesk; font-weight: 400; font-size: 16px; line-height: 20px; color: #5c5c5c !important; padding: 15px 20px 12px; float: left; } .newsletter-banner .text_newsletterBanner input[type=submit] { background-image: url(images/next.svg); background-size: 15px; background-position: center; background-repeat: no-repeat; color: transparent; background-color: rgb(229, 229, 229); border-color: rgb(229, 229, 229); float: left; padding: 0; height: 49px; width: 49px; } @media (max-width: 849px) { .newsletter-banner { flex-direction: column; } .newsletter-banner .image_newsletterBanner { padding: 120px 38px; } } /*--- Descomptes ---*/ body.page-template-template_shop h2 { font-family: SctoGrotesk !important; font-weight: 700 !important; font-size: 36px !important; line-height: 44px !important; text-align: center; } body.page-template-template_shop h3 { font-family: SctoGrotesk !important; font-weight: 700 !important; font-size: 30px !important; line-height: 36px !important; text-align: center; } body.page-template-template_shop .descomptes-container { padding: 100px 15px 0; } body.home .descomptes-elementsContainer { margin-bottom: 150px; } .descomptes-elementsContainer { display: flex; gap: 30px 20px; } .descomptes-element { position: relative; flex: 1; border: 1px solid #000; padding: 25px; display: flex; flex-direction: column; justify-content: space-between; align-items: stretch; overflow: hidden; } .descomptes-element p { font-family: SctoGrotesk; font-weight: 400; font-size: 18px; line-height: 22px; color:#000; } .descomptes-element p strong { color: #5c5c5c !important; } .descomptes-element h3 { margin-bottom: 35px; } .amics-buttonsContainer { padding: 46px 0 0; } .amics-buttonsContainer button { margin: 0 5px 10px; } .amics-buttonsContainer button:hover { cursor: pointer; } .amics-buttonsContainer .account-button { background-color: transparent; border: none; font-family: SctoGrotesk; font-weight: 600; font-size: 18px !important; line-height: 21px !important; } .amics-buttonsContainer .account-button:hover { opacity: 0.7; } .amics-buttonsContainer .account-button img { width: 20px; margin-right: 8px; } .amics-buttonsContainer .background-button { padding: 9px 30px 6px; } .border-descomptesElement { padding: 0 0 60px; flex: 1;} .articket-link { margin-top: 20px; font-family: SctoGrotesk; } @media (max-width: 767px) { #amics-banner_image { display: none; } body.page-template-template_shop .descomptes-container { padding: 100px 30px 0; } .descomptes-elementsContainer { display: inherit; } .descomptes-element { max-width: 100%; } } /*------------------------------------------------ ARCHIVES PRODUCT ------------------------------------------------*/ .shop_image-product { height: 300px; padding-bottom: 30px;} .shop_image-product img { display: block; width: 100%; height: 100%; object-fit: contain; } .product-item.publication-type img { filter: drop-shadow(4px 4px 3px rgba(0,0,0,.3)) drop-shadow(0px 0px 0px rgba(0,0,0,.2)); } .shop-submenu { text-align: center; padding: 20px 0 30px; } .shop-submenu ul li { display: inline-block; font-family: SctoGrotesk; font-size: 18px; line-height: 24px; text-decoration: none; text-decoration: none; font-weight: 300; margin: 0 10px; } .shop-submenu ul li a { text-decoration: none; color: #5c5c5c; } .shop-submenu ul li a.active, .shop-submenu ul li a:hover { color: #1a1a1a; } /*---------------------------------------------- SINGLE PRODUCT LAYOUT ----------------------------------------------*/ /* Gallery */ body.single-product .woocommerce-product-gallery__image { width: calc(100% - 40px); margin: 0 auto; } body.single-product .thumbnails ul { padding: 0px !important; margin: 0 auto!important; width: calc(100% - 30px); } #wooswipe .slick-next:before { content: url('images/next-wooswipe.svg'); } #wooswipe .slick-prev:before { content: url('images/prev-wooswipe.svg'); } #wooswipe .slick-prev, #wooswipe .slick-next { width: 10px; } #wooswipe .slick-next { right: -15px; } #wooswipe .slick-prev { left: -15px; } body.single-product .pswp { height: 100vh !important; } /* title */ body.single-product .breadcrumbs { width: calc(100% - 60px); max-width: 1120px; margin: 0 auto; overflow: hidden; padding: 50px 50px 0; border-bottom: none !important; display: inherit !important; } body.single-product .breadcrumbs div { border-bottom: none !important; } body.single-product .breadcrumbs h6.active { color: #7b7a7a !important; } body.single-product .wrap960 { width:calc(100% - 60px); max-width:1120px; margin:0 auto; overflow:hidden; padding: 35px 30px 0; } body.single-product .woocommerce-tabs { display: none; } body.product-template-default .product h1.product_title { margin-bottom: 0 !important; } body.product-template-default .product h2 { margin-top: 8px !important; } body.product-template-default .product h2.price, body.product-template-default .product h2.friends-price { display: inline-block; margin-right: 4px; } body.product-template-default .friends-price-explanation { font-family: SctoGrotesk !important; font-weight: 400 !important; font-size: 15px !important; line-height: 18px !important; display: inline-block; } @media (max-width: 767px) { body.single-product .breadcrumbs { width: calc(100% - 5px); } } /* price */ body.product-template-default .product h2.price { margin: 10px 0 0 !important; } body.single-product span.price { display: block; } body.single-product .friends-price, body.single-product .friends-price p { text-decoration: underline; } body.single-product .friends-price:hover, body.single-product .friends-price:hover p { text-decoration: none; } .single-friends__explanation { padding: 5px 0 15px; } /* variations */ .reset_variations, table.variations .label { display: none !important; } table.variations select { max-width: 280px !important; } body.single-product.woocommerce div.product form.cart .variations select { appearance: none; background-image: url(/wp-content/themes/tapies/images/close-tab.svg); background-repeat: no-repeat; background-position: 95% center; min-width: 150px !important; } /* add to cart */ .stock.in-stock { display: none; } body.single-product form.cart { margin-top: 25px; margin-bottom: 15px !important; } /* number Button */ .woocommerce div.product form.cart div.quantity { margin-right: 15px !important; } .woocommerce .quantity { width: 90px; } .woocommerce .quantity .qty { width: unset !important; padding: 5px 20px 2px; margin-left: 13px; } .quantity { position: relative; } input[type=number]:focus { outline: 0; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } .quantity input { max-width: 64px; width: 45px !important; height: 37px; line-height: 1.65; float: left; display: block; padding: 0; margin: 0; padding-left: 20px; } .quantity input:focus { outline: 0; } .quantity-nav { position: absolute; width: 90px; } .quantity-button.quantity-up { position: absolute; right: 0; background-color: #E5E5E5; width: 26px; text-align: center; height: 37px; font-size: 28px; } .quantity-button.quantity-down { position: absolute; left: 0; background-color: #E5E5E5; width: 26px; text-align: center; height: 37px; font-size: 28px; } .quantity-button.quantity-up:hover, .quantity-button.quantity-down:hover { cursor: pointer; } /* product description */ .product-description p, .quantity input { font-family: SctoGrotesk !important; font-size: 20px !important; line-height: 32px !important; font-weight: 300 !important; } .fila-producte { padding-bottom: 8px; } .info-producte { padding: 20px 0 0; } .info-producte .nom-camp { font-family: SctoGrotesk !important; font-size: 17px !important; line-height: 20px !important; font-weight: 400 !important; } .info-producte .contingut-camp, .preusvariations { font-family: SctoGrotesk !important; font-size: 17px !important; line-height: 20px !important; font-weight: 300 !important; } .info-producte .contingut-camp { display: inline; } .info-producte .contingut-camp strong { font-weight: 600 !important; } body.single-product .summary .product_meta { display: none; } /* related */ body.single-product .slick-track { min-width: 100%; } body.single-product .related.products .titol-seccio { margin: 80px 0 50px; } body.single-product .related.products .titol-seccio p { color:#1A1A1A !important; text-align: center; } body.single-product .related.products .product-item { width: 100% !important; margin: 0 !important; } body.single-product .related.products .shop_image-product { display: flex; align-items: center; justify-content: center; } body.single-product .related.products .shop_image-product img { height: 100%; } body.single-product .related.products .product-padding { padding: 0 20px 0; } .slider-related a, .slider-related a h4, .slider-related a p { text-decoration: none; } .slider-related a:hover img { opacity: 0.8; } body.single-product .slick-slider { margin-bottom: 75px; } body.single-product .slick-prev, body.single-product .slick-next { top: 40%; } body.single-product .slick-next:before{ content: url('images/next-carousel-blog.svg'); } body.single-product .slick-prev:before{ content: url('images/prev-carousel-blog.svg'); } @media (max-width: 767px) { body.single-product .wrap960 { width: 100%; } } /*---------------------------------------------- CART LAYOUT ----------------------------------------------*/ body.woocommerce-cart h1.entry-title { font-family: SctoGrotesk !important; font-size: 36px !important; line-height: 44px !important; font-weight: 700 !important; color: #1A1A1A; margin-top: 50px; margin-bottom: 20px !important; } .woocommerce table.shop_table { border-radius: 0 !important; } .woocommerce table.shop_table th { padding: 13px 12px 9px !important; } .woocommerce table.shop_table td { padding: 25px 12px !important; } body.woocommerce-cart .cart-firstRow { overflow: hidden; } /* products */ body.woocommerce-cart th.product-subtotal, body.woocommerce-cart td.product-subtotal { display: none; } body.woocommerce-cart table.shop_table.cart { width: calc(100% - 340px); float: left; } body.woocommerce-cart table.shop_table td.product-remove { padding: 6px 6px 6px 20px !important; text-align: center; } body.woocommerce-cart table.shop_table td.product-remove a.remove { width: 22px !important; font-size: 45px !important; font-weight: 100 !important; color: #FF5E5A !important; padding: 13px 0 0; } body.woocommerce-cart .woocommerce table.shop_table th { font-family: SctoGrotesk !important; font-size: 17px !important; line-height: 20px !important; font-weight: 300 !important; color: #666666 !important; } body.woocommerce-cart .woocommerce-cart-form .product-thumbnail { max-width: 125px; } body.woocommerce-cart .woocommerce-cart-form .product-thumbnail .imatge-producte { width: 100px; height: 70px; background-size: contain; background-position: center; background-repeat: no-repeat; } body.woocommerce-cart .woocommerce table.shop_table td a { font-family: SctoGrotesk !important; font-size: 17px !important; line-height: 20px !important; font-weight: 600 !important; color: #1A1A1A !important; text-decoration: none; } body.woocommerce-cart .woocommerce table.shop_table td.product-quantity { padding: 25px 45px 25px 30px!important; } body.woocommerce-cart .woocommerce table.shop_table th.product-quantity { padding-right: 45px !important; padding-left: 30px !important; } body.woocommerce-cart .woocommerce .cart button.button, a.cart-login { border-radius: 0; font-family: SctoGrotesk !important; font-size: 13px !important; line-height: 16px !important; font-weight: 600 !important; text-transform: uppercase; padding: 13px 20px 10px; } body.woocommerce-cart .woocommerce table.cart td.actions { padding-right: 45px !important; } /* totals */ body.woocommerce-cart .cart-collaterals { width: 310px; float: right; } body.woocommerce-cart .cart-collaterals h2 { display: none; } body.woocommerce-cart .cart-collaterals .cart_totals { padding: 20px; background-color: #f5f5f5; } body.woocommerce-cart .cart-collaterals .cart_totals .shop_table.shop_table_responsive, body.woocommerce-cart .cart-collaterals .cart_totals tr th, body.woocommerce-cart .cart-collaterals .cart_totals tr td { border: none; } body.woocommerce-cart.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width: 100% !important; } body.woocommerce-cart table.shop_table tbody:first-child tr:first-child th, body.woocommerce-cart table.shop_table tbody:first-child tr:first-child td { padding: 10px 0 12px !important; border-bottom: 1px solid rgba(0,0,0,.1); } body.woocommerce-cart table.shop_table tbody:first-child tr:first-child th, body.woocommerce-cart table.shop_table tbody:first-child tr:first-child td span { font-family: SctoGrotesk !important; font-size: 27px !important; line-height: 32px !important; font-weight: 600 !important; text-transform: uppercase; } body.woocommerce-cart table.shop_table tbody:first-child tr:first-child th { color: #1a1a1a !important; } body.woocommerce-cart table.shop_table tbody:first-child tr:first-child td { text-align: right; } body.woocommerce-cart table.shop_table tbody:first-child tr:first-child td span { text-align: right; color: #FF5E5A !important; } body.woocommerce-cart .woocommerce .cart_totals table.shop_table tbody:first-child tr:nth-child(2) th { padding: 18px 12px 9px !important; } body.woocommerce-cart .woocommerce .cart_totals table.shop_table tbody:first-child tr:nth-child(2) td { padding: 13px 12px 0px !important; } body.woocommerce-cart .woocommerce .cart_totals table.shop_table th { padding: 0 12px 0 !important; font-family: SctoGrotesk !important; font-size: 17px !important; line-height: 20px !important; font-weight: 400 !important; color: #5c5c5c !important; } body.woocommerce-cart .woocommerce .cart_totals table.shop_table td span { font-weight: 400 !important; } body.woocommerce-cart .woocommerce .cart_totals tr td { text-align: right; padding: 0 12px 0 !important; } body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button { width: 100%; padding: 14px 0 12px !important; } body.woocommerce-cart .wc-proceed-to-checkout { padding-bottom: 5px; } body.woocommerce-cart .cart_totals .includes_tax, body.woocommerce-cart .cart_totals .includes_tax span.woocommerce-Price-amount.amount, body.woocommerce-cart table.shop_table tbody:first-child tr:first-child td span.woocommerce-Price-currencySymbol { font-family: SctoGrotesk !important; font-size: 12px !important; line-height: 20px !important; font-weight: 300 !important; color: #666666 !important; } #shipping_method input[type="radio"] { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto !important; width: inherit; } /* Coupons and friends */ .couponsAndFriends-sidebar { width: 310px; float: right; padding-bottom: 50px; margin-top: 130px; } body.woocommerce-cart .coupon input#coupon_code { font-family: SctoGrotesk !important; font-size: 17px !important; line-height: 20px !important; font-weight: 400 !important; width: calc(100% - 44px); float: left; } .couponsAndFriends-sidebar .coupon p { margin-bottom: 20px; } .couponsAndFriends-sidebar .login-friend-cart p { margin-bottom: 30px; } .couponsAndFriends-sidebar .coupon p strong, .couponsAndFriends-sidebar .login-friend-cart p strong { font-weight: 600; } .couponsAndFriends-sidebar .coupon input[type=text] { padding: 16px 15px 13px; } body.woocommerce-cart .coupon input.button { background-image: url(images/next-white.svg); background-size: 10px; background-position: center; background-repeat: no-repeat; background-color: #828282; color: transparent; padding: 18px 18px 13px; float: right; float: right; } .login-friend-cart { clear: both; padding: 30px 0 0; } a.cart-login { color: #5c5c5c !important; border: 1px solid #5c5c5c; text-decoration: none; } a.cart-login:hover { background-color: #5c5c5c !important; color: #FFF !important; } /* Banner friends */ body.woocommerce-cart .shop-banner { width: calc(100% - 340px); max-width: 760px; float: left; margin-top: 120px; } body.woocommerce-cart .shop-banner .text_shopBanner, body.woocommerce-cart .shop-banner .image_shopBanner, body.page-template-archive-product .shop-banner .text_shopBanner, body.page-template-archive-product .shop-banner .image_shopBanner { padding: 40px 40px 20px; } body.woocommerce-cart .shop-banner .text_shopBanner p, body.page-template-archive-product .shop-banner .text_shopBanner p { font-family: SctoGrotesk; font-weight: 300; font-size: 33px; line-height: 40px; color: #FFF !important; margin-bottom: 20px; } body.woocommerce-cart .shop-banner .text_shopBanner p strong, body.page-template-archive-product .shop-banner .text_shopBanner p strong { color: #FFF !important; } body.woocommerce-cart .shop-banner .text_shopBanner a, body.page-template-archive-product .shop-banner .text_shopBanner a { font-family: SctoGrotesk; font-weight: 400; font-size: 12px; line-height: 15px; color: #FFF !important; padding: 10px 20px 6px;} @media (max-width: 1200px) { body.woocommerce-cart .wrap { width: 100%; } body.woocommerce-cart .entry-content .wrap1200 { padding: 0; } body.woocommerce-cart table.shop_table.cart { width: 100%; } body.woocommerce-cart .cart-collaterals { float: left; width: 100%; } body.woocommerce-cart .wc-proceed-to-checkout { max-width: 200px; margin: 0 auto; } } @media (max-width: 991px) { /* Coupons and friends */ .couponsAndFriends-sidebar { width: 100%; margin-top: 80px; } body.woocommerce-cart .coupon { float: left; width: 45%; } .login-friend-cart { clear: none !important; float: right; width: 45%; padding: 0; } body.woocommerce-cart .coupon input#coupon_code { max-width: none; } /* Banner friends */ body.woocommerce-cart .shop-banner { width: 100%; float: none; } } @media (max-width: 767px) { .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td { background-color: transparent !important; } body.woocommerce-cart .woocommerce table.shop_table td { font-family: SctoGrotesk !important; font-size: 17px !important; line-height: 20px !important; font-weight: 300 !important; color: #666666 !important; } .woocommerce table.shop_table td { padding: 25px 12px 16px !important; } .woocommerce .quantity { overflow: hidden; float: right; } body.woocommerce-cart .woocommerce table.shop_table td.product-quantity { padding: 18px 12px 18px 12px!important; overflow: hidden; } .quantity-button.quantity-up, .quantity-button.quantity-down { line-height: 37px; } body.woocommerce-cart .woocommerce table.cart td.actions { padding: 20px !important; } } /*---------------------------------------------- CHECKOUT ----------------------------------------------*/ body.woocommerce-checkout form.checkout .col-1, body.woocommerce-checkout form.checkout .col-2, body.woocommerce-checkout form.woocommerce-form-login { /*--width: 100%; clear: both;-*/ background-color: #f5f5f5; } /*-body.woocommerce-checkout form.checkout .woocommerce-billing-fields h3, body.woocommerce-checkout form.checkout table.shop_table thead { display: none !important; }-*/ body.woocommerce-checkout form.checkout .col-1 { padding: 50px 30px 75px; } body.woocommerce-checkout form.checkout .col-2 { padding: 50px 30px 40px; overflow: hidden; } body.woocommerce-checkout form.checkout_coupon { border-radius: 0; } body.woocommerce-checkout form.checkout_coupon button.button { background-color: #E5E5E5 !important; border-radius: 0; padding: 4px 20px 2px; text-transform: uppercase; } /*--- Login ---*/ body.woocommerce-checkout form.woocommerce-form-login { border: none; border-radius: 0; padding: 65px 50px; } body.woocommerce-checkout form.woocommerce-form-login label { width: 45% !important; float: left; margin-top: 13px; } body.woocommerce-checkout form.woocommerce-form-login input { width: 55% !important; float: left; } body.woocommerce-checkout form.woocommerce-form-login .form-row-first, body.woocommerce-checkout form.woocommerce-form-login .form-row-last { margin-top: 35px; } body.woocommerce-checkout form.woocommerce-form-login .form-row-last { clear: both; float: left; margin-top: 0; } body.woocommerce-checkout form.woocommerce-form-login label.woocommerce-form__label-for-checkbox { text-align: left; clear: both; } body.woocommerce-checkout form.woocommerce-form-login button[type="submit"] { float: left !important; font-weight: 400; border-radius: 0; text-transform: uppercase; margin: 30px 0; } body.woocommerce-checkout form.woocommerce-form-login .lost_password a { font-size: 14px; } /*--- Procés de Pagament ---*/ body.woocommerce-checkout header.entry-header { padding: 60px 0 40px; } body.woocommerce-checkout .woocommerce-billing-fields h3 { margin: 5px 0 30px; text-align: center; } body.woocommerce-checkout form.checkout p.form-row label, .woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-address-fields label, .woocommerce-edit-account .woocommerce-MyAccount-content form label, body.woocommerce-checkout form.woocommerce-form-login label { font-family: SctoGrotesk; font-weight: 400 !important; font-size: 16px !important; line-height: 20px !important; padding-right: 12px; } body.woocommerce-checkout .woocommerce form .form-row .required { border-bottom: none !important; cursor: inherit !important; text-decoration: none !important; } body.woocommerce-checkout form.checkout p.form-row select+span { width: 70% !important; max-width: 400px; } body.woocommerce-checkout form.checkout p.form-row { clear: both; float: left; width: 100%; } body.woocommerce-checkout form.checkout p.form-row label, body.woocommerce-checkout form.checkout p.form-row input { float: left; text-align: left; } body.woocommerce-checkout form.checkout p.form-row label { text-align: right; } body.woocommerce-checkout form.checkout p.form-row label { width: 30%; margin-top: 10px; } body.woocommerce-checkout form.checkout p.form-row input, body.woocommerce-checkout form.checkout p.form-row select, body.woocommerce-checkout form.checkout p.form-row textarea { width: 70%; max-width: 400px; } body.woocommerce-checkout form.checkout p.form-row textarea { border-color: #E5E5E5; padding: 10px; height: 85px; } body.woocommerce-checkout form.checkout p.form-row input[name="billing_first_name"], body.woocommerce-checkout form.checkout p.form-row input[name="billing_phone"], body.woocommerce-checkout form.checkout p.form-row input[name="billing_postcode"], body.woocommerce-checkout form.checkout p.form-row input[name="billing_city"], body.woocommerce-checkout form.checkout p.form-row select, body.woocommerce-checkout form .form-row.woocommerce-validated .select2-container { max-width: 250px; } body.woocommerce-checkout form.checkout input[type="text"] { max-width: 400px; } body.woocommerce-checkout form.checkout .select2-container .select2-selection--single { height: 40px; outline: 0; } body.woocommerce-checkout form.checkout .select2-container .select2-selection--single .select2-selection__rendered { padding-top: 8px !important; padding-left: 25px; } body.woocommerce-checkout form.checkout p#billing_address_2_field, body.woocommerce-checkout form.checkout p#shipping_address_2_field { padding-left: 30%; } body.woocommerce-checkout form.checkout input#billing_address_2 { width: 100%; } body.woocommerce-checkout form.checkout #customer_details { /*-max-width: 570px;-*/ margin: 0 auto 70px; } body.woocommerce-checkout form.checkout p#billing_address_2_field { padding-left: 30%; } body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper { overflow: hidden; } body.woocommerce-checkout #camps-obligatoris { padding-left: 30%; } body.woocommerce-checkout span.select2-search--dropdown input { max-width: unset !important; } body.woocommerce-checkout form.checkout .select2-container .select2-selection--single { border: 1px solid #E5E5E5 !important; border-radius: 0 !important; } body.woocommerce-checkout .select2-dropdown, .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #E5E5E5; } body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow { margin-top: 5px; } body.woocommerce-checkout .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] { background-color: #E5E5E5 !important; } body.woocommerce-checkout .select2-container--default .select2-results__option { padding: 9px 6px 6px; } body.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address { width: 100%; margin: 0; } body.woocommerce-checkout .checkout .col-2 #ship-to-different-address label { width: 100%; margin: 0; text-align: left; } body.woocommerce-checkout .checkout .col-2 #ship-to-different-address label input, body.woocommerce-checkout form.woocommerce-form-login input.woocommerce-form__input-checkbox { max-width: 20px; padding: 10px; margin: 0; margin-right: 20px; float: left; } body.woocommerce-checkout .checkout .col-2 #ship-to-different-address label input:checked, body.woocommerce-checkout #payment ul.payment_methods li input:checked, body.woocommerce-checkout form.checkout #payment .wc-terms-and-conditions input:checked, body.woocommerce-checkout form.woocommerce-form-login input.woocommerce-form__input-checkbox:checked { background-color: #cacaca; } body.woocommerce-checkout .checkout .col-2 #ship-to-different-address label span { font-family: SctoGrotesk; font-weight: 400 !important; font-size: 18px !important; line-height: 24px !important; padding-left: 40px; } body.woocommerce-checkout .woocommerce-shipping-fields .ship-to-different-address-explanation, body.woocommerce-checkout form.checkout table.shop_table tbody tr td, body.woocommerce-checkout form.checkout table.shop_table td strong, body.woocommerce-checkout form.checkout table.shop_table tfoot tr td, body.woocommerce-checkout form.checkout table.shop_table tfoot tr.shipping td span, body.woocommerce-account table tbody td, body.woocommerce-account table tfoot th, body.woocommerce-account table tfoot td, body.woocommerce-account table td strong.product-quantity, body.woocommerce-account table td small { font-family: SctoGrotesk; font-size: 17px; line-height: 20px; font-weight: 300 !important; } body.woocommerce-checkout .woocommerce-shipping-fields .ship-to-different-address-explanation { margin: 10px 0 30px; } body.woocommerce-checkout .woocommerce-shipping-fields .shipping_address { padding-bottom: 40px; overflow: hidden; display: none; } /*--- La Teva Comanda ---*/ body.woocommerce-checkout form.checkout table.shop_table { border: 1px solid #E5E5E5; } body.woocommerce-checkout h3#order_review_heading { text-align: center; margin: 0; padding: 55px 20px 0; } body.woocommerce-checkout #order_review { padding: 40px 90px; } body.woocommerce-checkout form.checkout table.shop_table { background-color: #FFF; margin-top: 0; } body.woocommerce-checkout form.checkout table.shop_table thead, body.woocommerce-account table thead, body.woocommerce-account .woocommerce-customer-details .woocommerce-column .woocommerce-column__title, body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title, .woocommerce-edit-account .woocommerce-MyAccount-content .dadesPersonals-titleHeader, .woocommerce-edit-account .woocommerce-MyAccount-content fieldset legend { background-color: #505050; } body.woocommerce-checkout form.checkout table.shop_table thead th, body.woocommerce-checkout form.checkout table.shop_table tfoot tr th, body.woocommerce-account table thead th, body.woocommerce-account .woocommerce-customer-details .woocommerce-column .woocommerce-column__title, body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title h3, .woocommerce-edit-account .woocommerce-MyAccount-content .dadesPersonals-titleHeader, .woocommerce-edit-account .woocommerce-MyAccount-content fieldset legend { color: #FFF !important; font-family: SctoGrotesk; font-weight: 400 !important; font-size: 16px !important; line-height: 24px !important; } body.woocommerce-checkout form.checkout table.shop_table td { border: 0; padding: 20px 12px 16px !important; } body.woocommerce-checkout form.checkout table.shop_table td.product-name { text-align: left; } body.woocommerce-checkout form.checkout table.shop_table td, body.woocommerce-checkout .woocommerce table.shop_table tfoot th { border-top: 1px solid #E5E5E5; } body.woocommerce-checkout .woocommerce table.shop_table tfoot tr.cart-subtotal th, body.woocommerce-checkout .woocommerce table.shop_table tfoot tr.cart-subtotal td { border-top: 2px solid #E5E5E5; } body.woocommerce-checkout form.checkout table.shop_table tfoot tr.order-total th { color: #1a1a1a !important; font-weight: bold !important; text-transform: uppercase; } body.woocommerce-checkout form.checkout table.shop_table tfoot tr.order-total td strong { color: #FF5F5B !important; font-weight: 400 !important; } /*--- Pagament ---*/ body.woocommerce-checkout #payment .payment_container { background-color: #f5f5f5; padding: 0 8% 70px; } body.woocommerce-checkout #payment #payment-title { text-align: center; margin-top: 120px; padding: 50px 50px 0; margin-bottom: 24px; } body.woocommerce-checkout form.checkout #payment input { padding: 8px; width: unset; border-radius: 100% !important; outline: 0 !important; } body.woocommerce-checkout form.checkout #payment { background: #FFF !important; } body.woocommerce-checkout form.checkout #payment ul { background: #FFF !important; overflow: hidden; border: 0 !important; padding-left: 0px; } body.woocommerce-checkout form.checkout #payment li { padding-right: 25px; } body.woocommerce-checkout form.checkout #payment li label { width: unset; font-family: SctoGrotesk; font-weight: bold !important; font-size: 17px !important; line-height: 24px !important; color: #5c5c5c !important; } body.woocommerce-checkout form.checkout #payment li.payment_method_paypal img { width: 50px; } body.woocommerce-checkout form.checkout #payment .about_paypal { display: none; } body.woocommerce-checkout form.checkout #payment button#place_order, .woocommerce-edit-address .woocommerce-MyAccount-content #save-address button, .woocommerce-edit-account form button.woocommerce-Button { transition: opacity 0.3s !important; float: none; text-transform: uppercase; padding: 12px 40px 8px; border-radius: 0; } body.woocommerce-checkout form.checkout #payment button#place_order:hover { opacity: 0.8; } body.woocommerce-checkout #payment div.payment_box { display: block !important; background-color: #FFF !important; padding: 0; margin: 5px 0 20px; } body.woocommerce-checkout form.checkout #payment .place-order { margin: 70px 0px 6px; } body.woocommerce-checkout #payment div.payment_box::before { display: none !important; } body.woocommerce-checkout form.checkout #payment li.wc_payment_method { border-left: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; padding: 20px 30px 3px; } body.woocommerce-checkout form.checkout #payment li.wc_payment_method:nth-child(1) { border-top: 1px solid #E5E5E5; } body.woocommerce-checkout ul.wc_payment_methods { padding: 0 !important; } body.woocommerce-checkout #payment ul.payment_methods li input { margin: 0px 6px 0 0; top: 3px; position: relative; } body.woocommerce-checkout form.checkout #payment .wc-terms-and-conditions input { border-radius: 0 !important; top: 2px; } body.woocommerce-checkout form.checkout #payment .wc-terms-and-conditions span { margin-left: 35px; color: #5c5c5c !important; } body.woocommerce-checkout form.checkout #payment .wc-terms-and-conditions span.required { margin: 0; } body.woocommerce-checkout form.checkout #payment .wc-terms-and-conditions label { width: 100%; text-align: left; } body.woocommerce-checkout .woocommerce-checkout-review-order .form-row.place-order { text-align: center; } body.woocommerce-checkout .woocommerce-checkout-review-order .form-row.place-order button, .woocommerce-edit-address .woocommerce-MyAccount-content #save-address button { margin-top: 30px; font-family: SctoGrotesk; font-weight: 400 !important; font-size: 22px !important; line-height: 35px !important; } .woocommerce-edit-account form button.woocommerce-Button { margin-top: 30px; font-family: SctoGrotesk; font-weight: 400 !important; font-size: 18px !important; line-height: 30px !important; } body.woocommerce-checkout .payment_method_redsys img { display: none; } /*--- Responsive ---*/ @media (max-width: 767px){ body.woocommerce-checkout form.checkout .col-2 { margin-top: 50px; } body.woocommerce-checkout form.checkout p.form-row label { text-align: right !important; } body.woocommerce-checkout #payment div.payment_box { position: relative !important; } body.woocommerce-checkout form.checkout #payment li { width: 100%; } body.woocommerce-checkout #payment ul.payment_methods li input { float: left; } body.woocommerce-checkout #order_review { padding: 40px 0; } } /*----------------------------------------- S'HA REBUT LA COMANDA -----------------------------------------*/ /*---body.woocommerce-order-received ul.order_details li strong, body.woocommerce-order-received table.order_details td strong, body.woocommerce-order-received table.order_details th { font-weight: 700 !important; } body.woocommerce-order-received table.order_details { border-top: 0; border-bottom: 0; } body.woocommerce-order-received table.order_details th, body.woocommerce-order-received table.order_details tfoot td { border-top: 1px solid rgba(0,0,0,.1) !important; } body.woocommerce-order-received table.order_details tfoot tr:last-child td, body.woocommerce-order-received table.order_details tfoot tr:last-child th { border-bottom: 1px solid rgba(0,0,0,.1) !important; } body.woocommerce-order-received ul.order_details, body.woocommerce-order-received section.woocommerce-order-details, body.woocommerce-order-received section.woocommerce-customer-details { margin-top: 50px; } @media (max-width: 1380px){ body.woocommerce-order-received ul.order_details li { float: left; border-right: 0; border-bottom: 1px dashed #d3ced2; width: calc(50% - 15px); padding: 10px 0px 10px 5px; margin: 0px; } body.woocommerce-order-received ul.order_details li:nth-child(2n+1) { clear: both; margin-right: 15px; } body.woocommerce-order-received ul.order_details li:nth-child(2n) { margin-left: 15px; } } @media (max-width: 991px){ body.woocommerce-order-received ul.order_details li { width: 100%; margin: 0px !important; clear: both; } }---*/ /*---------------------------------------------- MY ACCOUNT ----------------------------------------------*/ body.woocommerce-account .wrap { max-width: 1100px; } body.woocommerce-account h1.entry-title { display: none; } body.woocommerce-account header.entry-header { padding-top: 60px; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content p.titol { margin-bottom: 10px; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content p.subtitol { text-transform: capitalize; margin-bottom: 35px; } body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li a { display: block; width: 100%; text-decoration: none !important; background-image: url(images/tab-mask.png); background-position: 100% 50%; background-size: 17px 100%; background-repeat: no-repeat; } body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li.is-active a, body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li:hover a { background-color: #E5E5E5; } body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li:first-child .border-tab { border-top: 1px solid #E5E5E5; } body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li .border-tab { opacity: 0.55; width: calc(100% - 17px); border-bottom: 1px solid #E5E5E5; padding: 12px 10px 8px 40px; } body.woocommerce-account .woocommerce-MyAccount-navigation { padding-right: 6%; } body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li a:hover .border-tab, body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li.is-active a .border-tab { opacity: 1; } body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard .border-tab { background-image: url(images/dashboard-logo.svg); background-repeat: no-repeat; background-position: 11px center; background-size: 18px; } body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--orders .border-tab { background-image: url(images/orders-logo.svg); background-repeat: no-repeat; background-position: 10px center; background-size: 20px; } body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--downloads .border-tab { background-image: url(images/services-logo.svg); background-repeat: no-repeat; background-position: 8px center; background-size: 21px; } body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-address .border-tab { background-image: url(images/directions-logo.svg); background-repeat: no-repeat; background-position: 10px center; background-size: 18px; } body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-account .border-tab { background-image: url(images/details-logo.svg); background-repeat: no-repeat; background-position: 9px center; background-size: 20px; } body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation .logoutButton { margin-top: 25px; display: block; font-family: SctoGrotesk; font-weight: normal !important; font-size: 16px !important; line-height: 24px !important; } .myAccount-activitiesSlider .slick-slide { padding: 8px; } .myAccount-activitiesSlider .slick-slide a, .myAccount-productsSlider .slick-slide a { text-decoration: none; } .myAccount-activitiesSlider .slick-prev:before, .myAccount-productsSlider .slick-prev:before { content: url(https://fundaciotapies.org/wp-content/themes/tapies/images/prev-distribuidor-full-slider.svg); } .myAccount-activitiesSlider .slick-next:before, .myAccount-productsSlider .slick-next:before { content: url(https://fundaciotapies.org/wp-content/themes/tapies/images/next-distribuidor-full-slider.svg); } /*--- Comandes ---*/ body.woocommerce-account .woocommerce table.shop_table thead th, body.woocommerce-account .woocommerce-customer-details .woocommerce-column .woocommerce-column__title, body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses header.woocommerce-Address-title h3, .woocommerce-edit-account .woocommerce-MyAccount-content .dadesPersonals-titleHeader, .woocommerce-edit-account .woocommerce-MyAccount-content fieldset legend { padding: 7px 12px 4px !important; } body.woocommerce-account table.shop_table td, body.woocommerce-account table.shop_table th { padding: 20px 12px 15px !important; border-top: none !important; } body.woocommerce-account table.woocommerce-MyAccount-orders tbody td a { text-decoration: none; } body.woocommerce-account table tr th:first-child, body.woocommerce-account table tr td:first-child a { font-weight: 400 !important; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content table.my_account_orders td.woocommerce-orders-table__cell-order-actions a, body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses address .edit { font-family: SctoGrotesk; font-weight: 400 !important; font-size: 13px !important; line-height: 16px !important; text-transform: uppercase; color: #505050 !important; border: 1px solid #505050 !important; background-color: transparent !important; margin-right: 10px; margin-bottom: 2px; padding: 8px 14px 5px !important; text-decoration: none; } body.woocommerce-account table tr:nth-child(2n+2) { background-color: #f7f7f7; } body.woocommerce-account .woocommerce-customer-details .woocommerce-column .woocommerce-column__title { margin-bottom: 0; } body.woocommerce-account .woocommerce-customer-details .woocommerce-column address, body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses address { padding: 15px 10px 20px; } body.woocommerce-account .woocommerce-customer-details .woocommerce-column address { border-bottom-width: 1px; border-right-width: 1px; border-radius: 0; } body.woocommerce-account .woocommerce-customer-details .woocommerce-column address, body.woocommerce-account .woocommerce-customer-details .woocommerce-column address p, body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses address, body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses address p { font-family: SctoGrotesk; font-size: 19px; line-height: 30px; font-weight: 300 !important; } body.woocommerce-account .woocommerce-customer-details .woocommerce-column address .woocommerce-customer-details--phone { margin-top: 25px; } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before { font-size: 16px; } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before { font-size: 16px; opacity: 0.8; } body.woocommerce-account .woocommerce-MyAccount-content p { font-family: SctoGrotesk; font-size: 22px; line-height: 34px; font-weight: 300 !important; } body.woocommerce-account.woocommerce-view-order table.woocommerce-table--order-details { margin-top: 50px; } /*--- Serveis ---*/ body.woocommerce-account #image-av { margin-bottom: 90px; margin-top: 50px; } body.woocommerce-account .woocommerce-MyAccount-content .info-punts p { font-size: 14px; line-height: 18px; } body.woocommerce-account .woocommerce-MyAccount-content .tipus-damics ul li { margin-bottom: 10px; } body.woocommerce-account .woocommerce-MyAccount-content .tipus-damics ul li p { margin-left: 5px; } /*--- Adreces ---*/ body.woocommerce-account .woocommerce-MyAccount-content .col2-set.addresses { margin-top: 50px; } body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses header.woocommerce-Address-title { padding: 0; } body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses header.woocommerce-Address-title h3 { margin: 0; } body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses address { border: 1px solid rgba(0,0,0,.1); } body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses address .edit { display: table; margin-top: 40px; } .woocommerce-account form .form-row-first, .woocommerce-account form .form-row-last { width: 100% !important; } .woocommerce-account form .woocommerce-address-fields label { width: 30%; float: left; margin-top: 13px; } .woocommerce-account form .woocommerce-address-fields .form-row input, .woocommerce-account form .woocommerce-address-fields .form-row input.input-text { width: 70%; max-width: 320px; float: left; } .woocommerce-account form .woocommerce-address-fields .select2-container { width: 70%; max-width: 250px; } .woocommerce-account form .woocommerce-address-fields #billing_address_2_field, .woocommerce-account form .woocommerce-address-fields #shipping_address_2_field { padding-left: 30%; } .woocommerce-account form .woocommerce-address-fields .select2-selection { height: 40px; border: 1px solid #E5E5E5; border-radius: 0; } .woocommerce-account form .woocommerce-address-fields .select2-selection .select2-selection__rendered { padding-top: 8px !important; padding-left: 25px; } .woocommerce-account form .woocommerce-address-fields .select2-selection .select2-selection__arrow { margin-top: 7px; } .woocommerce-edit-address .woocommerce-MyAccount-content form h3 { font-family: SctoGrotesk !important; font-weight: 700 !important; font-size: 25px !important; line-height: 44px !important; margin: 0; border-bottom: 2px solid #E5E5E5; } .woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-address-fields { margin-top: 50px; } .woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-address-fields abbr { text-decoration: none; } .woocommerce-edit-address .woocommerce-MyAccount-content #save-address { margin-top: 50px; text-align: center; } .woocommerce-edit-account .woocommerce-MyAccount-content fieldset legend { margin-bottom: 30px; } .woocommerce-edit-account .woocommerce-MyAccount-content .dadesPersonals-container, .woocommerce-edit-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm fieldset { border: 1px solid #E5E5E5; margin: 0 0 40px; } .woocommerce-edit-account .woocommerce-MyAccount-content .dadesPersonals-container { padding: 30px; } .woocommerce-edit-account .woocommerce-MyAccount-content form label { width: 30% !important; float: left; margin-top: 13px; } .woocommerce-edit-account .woocommerce-MyAccount-content form input { width: 70% !important; float: left; max-width: 280px; } .woocommerce-edit-account .woocommerce-MyAccount-content fieldset .woocommerce-form-row { padding-left: 30px; padding-right: 30px; } .woocommerce-edit-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm fieldset { padding-bottom: 25px; } /*--- Login ---*/ .accountPage-loginContainer { width: 100%; max-width: 900px; margin: 0 auto; } .accountPage-loginContainer h1 { text-align: center; margin-bottom: 60px !important; font-size: 36px !important; } .account-loginContainer { display: flex; } .account-loginContainer .first-column, .account-loginContainer .second-column { flex: 1; } .account-loginContainer .first-column { background-position: center; background-size: cover; } .account-loginContainer .second-column { background-color: #f5f5f5; } .account-loginContainer form.login, .account-loginContainer form.woocommerce-ResetPassword { padding: 50px 40px 40px !important; margin: 0 !important; border: none !important; } .account-loginContainer form.login label { width: 100%; } .account-loginContainer form.login label[for=username], .account-loginContainer form.login label[for=password] { display: none !important; } body.woocommerce-account .entry-content .account-loginContainer form.login .form-row input, body.woocommerce-account .entry-content .account-loginContainer form.woocommerce-ResetPassword .form-row input { background-color: #FFF !important; max-width: none; } .account-loginContainer form.login input.woocommerce-form__input-checkbox { width: 30px; -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } .account-loginContainer form.login input[type="password"] { margin-bottom: 10px !important; } .account-loginContainer form.login p.woocommerce-LostPassword { font-family: SctoGrotesk !important; font-weight: 300 !important; font-size: 17px !important; line-height: 20px !important; } body.woocommerce-account .entry-content .account-loginContainer form button.woocommerce-Button { margin-top: 40px; } .account-loginContainer form input:-webkit-autofill, .account-loginContainer form input:-webkit-autofill:hover, .account-loginContainer form input:-webkit-autofill:focus, .account-loginContainer form input:-webkit-autofill:active { -webkit-background-color: white !important; -webkit-box-shadow: 0 0 0 30px white inset !important; } body.woocommerce-account .entry-content .account-loginContainer form button.woocommerce-Button { font-weight: 600 !important; } /*--- Lost password ---*/ body.woocommerce-account .entry-content .account-loginContainer form.woocommerce-ResetPassword .form-row input[type="text"] { margin-top: 20px; } body.woocommerce-account .entry-content .account-loginContainer form.woocommerce-ResetPassword button[type="submit"] { margin-top: 20px !important; } /*--- Reset password ---*/ body.woocommerce-account .entry-content .account-loginContainer form.woocommerce-ResetPassword label { width: 100%; text-align: left; } @media (max-width: 767px){ body.woocommerce-account .woocommerce-MyAccount-navigation { margin-bottom: 50px; } body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li a { background-image: none; } .account-loginContainer .first-column { display: none; } } /*---------------------------------------------- LANDING LLOGUER ----------------------------------------------*/ body.page-template-template_landing-lloguer { background-color: #f4f3ef !important; } body.page-template-template_landing-lloguer header { background-color: #FFF !important; } body.page-template-template_landing-lloguer .header-image__lloguer { margin-top: -15px; } body.page-template-template_landing-lloguer .SctoGroteskpro_s18-l20-w500 { line-height: inherit; } body.page-template-template_landing-lloguer .link-button { text-decoration: none; } body.page-template-template_landing-lloguer .link-button:hover .SctoGroteskpro_s18-l20-w500 { color: #FFF !important; } body.page-template-template_landing-lloguer #page-content { background-color: transparent !important; } h1.timenow_s97-l89-w300 { font-family: Timesnow, sans-serif !important; margin-bottom: 0 !important; font-size: 77px !important; line-height: 69px !important; font-weight: 300 !important; } .classicgroyesquepro-book_s22-l30-w400 { color: #7f7f7f !important; } .timenow_s70-l75-w300 { font-family: Timesnow, sans-serif !important; font-size: 47px !important; line-height: 51px !important; font-weight: 300 !important; } .timesnow-s63-l75-w300 { font-family: Timesnow, sans-serif !important; font-size: 52px !important; line-height: 62px !important; } .SctoGroteskpro_s27-l30-w600, .SctoGroteskpro_s36-l34-w600, .SctoGroteskpro_s28-l40-w400, .timesnow-s63-l75-w300 { color: #4c352e !important; } .SctoGroteskpro_s20-w28-w500, .SctoGroteskpro_s28-l40-w600, .SctoGroteskpro_s28-l40-w400.align-left { color: #5a4231 !important; } .SctoGroteskpro_s26-l50-w700 { margin-top: 0px !important; margin-bottom: 0px !important; font-family: SctoGroteskpro, sans-serif !important; color: #4c352e !important; font-size: 46px !important; line-height: 50px !important; font-weight: bold !important; } .SctoGroteskpro_s16-l20-w600, .SctoGroteskpro_s16-l20-wbook { color: #333 !important; line-height: inherit; } .SctoGroteskpro_s16-l20-wbook { font-family: 'SctoGroteskpro book', sans-serif !important; margin-bottom: 0 !important; font-size: 14px !important; line-height: 20px !important; } .logo-maps.bus, .logo-maps.metro, .fletxa-dropdown { width: auto; } .title_telef-contacte p { color: #FFF !important; } body.page-template-template_landing-lloguer #contactar-lloguer input[type="text"], body.page-template-template_landing-lloguer #contactar-lloguer input, body.page-template-template_landing-lloguer #contactar-lloguer select, body.page-template-template_landing-lloguer #contactar-lloguer textarea.wpcf7-form-control { max-width: none !important; } body.page-template-template_landing-lloguer #contactar-lloguer .submit-button { font-family: SctoGroteskpro, sans-serif !important; width: 100% !important; max-width: 220px !important; border-radius: 10px !important; } body.page-template-template_landing-lloguer .slick-list { width: 100%; } body.page-template-template_landing-lloguer .card-container { padding-bottom: 50px !important; } .desc_equip-float { margin-bottom: 85px !important; } .desc_num-container { text-align: center; } .text_doble-form .wpcf7-form-control-wrap { display: flex; } body.page-template-template_landing-lloguer #contactar-lloguer input[type="submit"] { background-color: #1a1a1a; color: #FFF; font-weight: 400; font-family: SctoGroteskpro, sans-serif !important; width: 100% !important; max-width: 220px !important; border-radius: 10px !important; font-size: 17px; line-height: 25px; } body.page-template-template_landing-lloguer #contactar-lloguer .buton-container { display: flex; flex-flow: row-reverse; align-items: center; } .page-template-template_landing-lloguer .slider_1 .slick-prev, .page-template-template_landing-lloguer .slider_1 .slick-next { width: 27px; height: 52px; } .page-template-template_landing-lloguer .slider_1 .slick-prev:before { content: url('https://uploads-ssl.webflow.com/6221d764905f000922600b71/6225f5fe56723a861b1d127c_path-2.svg'); } .page-template-template_landing-lloguer .slider_1 .slick-next:before { content: url('https://uploads-ssl.webflow.com/6221d764905f000922600b71/6225f5fe771afd207bf42370_path-2-copy.svg'); } .page-template-template_landing-lloguer .slider_1 .slick-next { right: -36px; z-index: 5 ; } .page-template-template_landing-lloguer .slider_1 .slick-prev { left: -45px; z-index: 5 ; } .page-template-template_landing-lloguer .event-slider__image { height: 35vh !important; } .page-template-template_landing-lloguer .events-slider .slick-prev:before { content: url('https://uploads-ssl.webflow.com/6221d764905f000922600b71/6225f5fe56723a861b1d127c_path-2.svg'); filter: brightness(500%); } .page-template-template_landing-lloguer .events-slider .slick-next:before { content: url('https://uploads-ssl.webflow.com/6221d764905f000922600b71/6225f5fe771afd207bf42370_path-2-copy.svg'); filter: brightness(500%); } .page-template-template_landing-lloguer .events-slider .slick-next { right: 30px; z-index: 5 ; } .page-template-template_landing-lloguer .events-slider .slick-prev { left: 30px; z-index: 5 ; } @media (min-width: 1920px){ .timenow_s70-l75-w300 { font-size: 70px !important; line-height: 75px !important; } } @media (min-width: 1550px){ .page-template-template_landing-lloguer .slider_1 .slick-next { right: -55px; z-index: 5 ; } .page-template-template_landing-lloguer .slider_1 .slick-prev { left: -55px; z-index: 5 ; } } @media (min-width: 1440px) { .timesnow-s63-l75-w300 { font-size: 63px !important; line-height: 75px !important; } body.page-template-template_landing-lloguer #contactar-lloguer input[type="submit"] { height: 58px; padding-top: 6px; padding-bottom: 6px; font-size: 20px; line-height: 24px; } } @media (min-width: 1440px) and (max-width: 1919px){ .timenow_s70-l75-w300 { font-size: 52px !important; line-height: 56px !important; } } @media screen and (max-width: 991px){ h1.timenow_s97-l89-w300 { font-size: 60px !important; line-height: 58px !important; } .SctoGroteskpro_s26-l50-w700 { font-size: 28px !important; line-height: 34px !important; } } @media (max-width: 767px){ h1.timenow_s97-l89-w300 { font-size: 40px !important; line-height: 40px !important; } .timesnow-s63-l75-w300 { font-size: 42px !important; line-height: 52px !important; } .page-template-template_landing-lloguer .slider_1 .slick-prev:before, .page-template-template_landing-lloguer .events-slider .slick-prev:before { content: url('https://uploads-ssl.webflow.com/6221d764905f000922600b71/622b29f92d58c4336d12776c_prev-mobile-3.svg'); } .page-template-template_landing-lloguer .slider_1 .slick-next:before, .page-template-template_landing-lloguer .events-slider .slick-next:before { content: url('https://uploads-ssl.webflow.com/6221d764905f000922600b71/622b29f9fe069e13fdb81651_next-mobile-3.svg'); } .page-template-template_landing-lloguer .slider_1 .slick-prev { left: -30px; z-index: 5; width: 18px; height: 40px; } .page-template-template_landing-lloguer .slider_1 .slick-next { right: -30px; z-index: 5; width: 18px; height: 40px; } .page-template-template_landing-lloguer .events-slider .slick-next { right: 10px; } .page-template-template_landing-lloguer .events-slider .slick-prev { left: 10px; } } .page-template-template_landing-lloguer .header-image__lloguer .w-embed.w-iframe { position: absolute; top: 0; bottom: 180px; left: 0; right: 0; } .page-template-template_landing-lloguer .header-image__lloguer .vimeo-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; overflow: hidden; } .page-template-template_landing-lloguer .vimeo-wrapper iframe { width: 100vw; height: 56.25vw; min-height: 100vh; min-width: 177.77vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media screen and (max-width: 479px){ h1.timenow_s97-l89-w300 { font-size: 38px !important; line-height: 38px !important; } .timenow_s70-l75-w300 { font-size: 30px !important; line-height: 40px !important; } .timesnow-s63-l75-w300 { font-size: 38px !important; line-height: 44px !important; } } @media (max-width: 1279px){ .page-template-template_landing-lloguer .header-image__lloguer .w-embed.w-iframe { bottom: 290px; } } @media (max-width: 767px){ .page-template-template_landing-lloguer .header-image__lloguer .w-embed.w-iframe { bottom: 240px; } } .page-template-template_landing-lloguer #lloguer-map .leaflet-control-container { display: none; } .page-template-template_landing-lloguer #lloguer-map .leaflet-tile-pane, .page-template-template_landing-lloguer #lloguer-map .leaflet-bottom.leaflet-right { filter: grayscale(100%); } /*---------------------------------------------- TRANSPARENCIA ----------------------------------------------*/ .page-template-template_transparencia h2 { font-family: SctoGrotesk !important; font-weight: 700 !important; font-size: 25px !important; line-height: 44px !important; margin-bottom: 0 !important; } .page-template-template_transparencia h3 { font-family: SctoGrotesk !important; font-weight: 700 !important; font-size: 23px !important; line-height: 30px !important; margin-bottom: 18px !important; } .normativa-container { border-top:2px solid #E5E5E5; padding-top:32px; padding-bottom: 50px; } .normativa-container p { font-family: SctoGrotesk; font-weight: 400; font-size: 20px; line-height: 27px; margin-bottom: 10px; } .transparencia-section-container { margin: 0 0 50px; overflow: hidden; } .transparencia-section-container p { font-family: SctoGrotesk; font-weight: 400; font-size: 18px; line-height: 25px; margin-bottom: 10px; } .transparencia-links__container { margin: 25px 0 0 -8px; } .transparencia-section-container .link-distribuidor p { font-weight: 400; font-size: 16px; line-height: 20px; } /*---------------------------------------------- ANY TÀPIES ----------------------------------------------*/ body.page-template-template-any-tapies .descomptes-element:hover img { opacity: 0.7; -webkit-transition: all 0.2s; transition: all 0.2s; } .exposicions-anyTapies__row { padding: 20px 15px 50px; } .h2-any { font-family: SctoGrotesk !important; font-weight: 700 !important; font-size: 26px !important; line-height: 30px !important; } .exposicions-anyTapies__container { margin: 35px 0 0; overflow: hidden; } .exposicions-anyTapies__row .exhibition { margin-bottom: 30px !important; } .exposicions-anyTapies__row .exhibition a .columns { display: flex; justify-content: space-between; } .exposicions-anyTapies__row .exhibition a .columns img { width: 44%; } .exposicions-anyTapies__row .exhibition a .columns .text { width: 51%; } .exposicions-anyTapies__row .exhibition a h4 { font-size: 23px !important; line-height: 27px !important; font-weight: 400 !important; margin: 40px 0 10px !important; } .exposicions-anyTapies__row .exhibition a p { line-height: 28px !important; font-size: 19px !important; } .agenda-anyTapies__row { padding: 20px 15px 50px; } .agenda-anyTapies__container { border-bottom: 1px solid #E5E5E5; padding: 35px 0 0; margin-bottom: 100px; } .agenda-row { text-decoration: none !important; font-family: SctoGrotesk; font-size: 19px !important; line-height: 22px !important; color: #5c5c5c !important; } .agenda-row .features { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #E5E5E5; padding: 15px 0px 10px; } .agenda-row .date { width: 15%; font-size: 19px !important; line-height: 22px !important; font-weight: 600 !important; margin-bottom: 0; color: #1a1a1a !important; } .agenda-row .title { width: 40%; } .agenda-row .place { width: 25%; } .agenda-row .arrow { width: 5%; height: 18px; background-image: url('images/next-menu.svg'); background-repeat: no-repeat; background-size: 25px; background-position: 0 center; transition: all 0.2s !important; } .agenda-row:hover .arrow { background-position: 30% center; } body.page-template-template-any-tapies .blog_homeContainer h2.h2-any { margin-bottom: 50px; text-align: left; } .mobile-arrow { display: none; } .material-premsa-grid { display: flex; flex-wrap: wrap; gap: 2.5%; margin-bottom: 20px; } .material-prensa-element { width:31.66% !important; display: block; margin-bottom: 50px; } .material-prensa-element:hover .classic-18-21-400 { color: #1a1a1a !important; } .dropdown_toggle-icon { width: 35px; } .dropdown_title h2 { color: #1a1a1a !important; margin-top: 0 !important; margin-bottom: 0 !important; font-family: Classic Grotesque Pro, sans-serif !important; font-size: 20px !important; font-weight: 600 !important; line-height: 20px !important; } .dropdown_content-container ul { list-style: inherit; margin-bottom: 0; padding-left: 20px; } .dropdown_content-container ul li, .dropdown_content-container ul li a, .dropdown_content-container p { color: #5c5c5c; font-family: Classic Grotesque Pro, sans-serif; font-size: 16px; line-height: 24px; text-decoration: none; } .dropdown_content-container ul li a:hover { text-decoration: underline !important; } .menu-sidebar-mobile_nav { width: 1530px !important; } .linkelement-sidebar_mobile { text-decoration: none !important; } .linkelement-sidebar_mobile.active { background-color: #1a1a1a !important; } .linkelement-sidebar_mobile:hover, .linkelement-sidebar_mobile:hover p, .linkelement-sidebar_mobile.active, .linkelement-sidebar_mobile.active p { color: #FFF !important; } ::-webkit-scrollbar { display: none; } @media (max-width: 767px){ body.page-template-template-any-tapies .descomptes-container.wrap1230 { width: 100% !important; } .exposicions-anyTapies__row { padding: 20px 0 50px; } body.page-template-template-any-tapies .blog_homeContainer h2.h2-any { text-align: center; } .exposicions-anyTapies__row .exhibition a .columns { display: block; } .exposicions-anyTapies__row .exhibition a .columns img { width: 100%; margin-bottom: 16px; } .exposicions-anyTapies__row .exhibition a .columns .text { width: 100%; } .exposicions-anyTapies__row .exhibition { margin-bottom: 50px !important; } .exposicions-anyTapies__row .exhibition a h4 { font-size: 21px !important; line-height: 25px !important; } .exposicions-anyTapies__row .exhibition a p { line-height: 23px !important; font-size: 17px !important; } .agenda-row { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #E5E5E5; line-height: 23px !important; font-size: 17px !important; } .agenda-row .date { line-height: 23px !important; font-size: 17px !important; } .agenda-row .features { flex-direction: column; width: calc(100% - 80px); border-top: none; } .agenda-row .features .arrow { display: none; } .agenda-row .date, .agenda-row .title, .agenda-row .place, .agenda-row .arrow { width: 100%; } .mobile-arrow { display: block; width: 50px; } .agenda-anyTapies__row { padding: 20px 0 50px; } .material-premsa-grid { gap: 5%; } .material-prensa-element { width:47.5% !important; } .dropdown_title h2 { font-size: 18px !important; line-height: 18px !important; } .dropdown_content-container ul li, .dropdown_content-container ul li a, .dropdown_content-container p { font-size: 15px !important; line-height: 23px !important; } } @media (max-width: 479px){ .dropdown_title h2 { font-size: 17px !important; line-height: 17px !important; } .dropdown_content-container ul li, .dropdown_content-container ul li a, .dropdown_content-container p { font-size: 14px !important; line-height: 20px !important; } } /*---body.woocommerce-account header h1.entry-title { display: none; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content { width: 65%; padding: 20px 50px; min-height: 450px; } body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation { width: 35%; min-height: 450px; }---*/ /*---body.woocommerce-account .my-account-header p.titol { position: absolute; top: 25%; left: 12%; margin: 0; font-family: SctoGrotesk; font-weight: 300; font-size: 55px; line-height: 66px; color: #474A4D; } body.woocommerce-account .my-account-header p.subtitol { position: absolute; top: 60%; left: 12%; margin: 0; font-family: SctoGrotesk; font-weight: 300; font-size: 27px; line-height: 32px; color: #474A4D; text-transform: capitalize; } body.woocommerce-account .my-account-header { margin-top: 50px; background-image: url(images/header-shop.jpg); background-position: center; background-size: cover; width: 100%; position: relative; height: 200px; }---*/ /* Navigation */ /*---body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li a { text-decoration: none; } body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li { padding: 0px 5px 0px 50px; }---*/ /* body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard a::before, body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--orders a::before, body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-address a::before, body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-account a::before, body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a::before { background-repeat: no-repeat; display: inline-block; width: 25px; height: 25px; content:""; margin-bottom: -5px; margin-right: 20px; } body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard a::before { background-image: url(images/escritorio.svg); } body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--orders a::before { background-image: url(images/comandes.svg); margin-bottom: -9px; } body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-address a::before { background-image: url(images/adreces.svg); } body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-account a::before { background-image: url(images/cuenta.svg); } body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a::before { background-image: url(images/close.svg); }*/ /*---body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--downloads { display: none; } body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li button.account-log-out { border: 0 !important; text-transform: uppercase; padding: 9px 18px 7px; cursor: pointer; }---*/ /* Dashbord */ /*---body.woocommerce-account .entry-content .woocommerce-MyAccount-content p.subtitol { padding-top: 10px; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content p.content { padding-top: 30px; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content p.content a { font-weight: 600; text-decoration: none; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content p.content:last-child { padding-top: 50px; } body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout { display: none; } body.woocommerce-orders .entry-content .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout, body.woocommerce-edit-address .entry-content .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout, body.woocommerce-edit-account .entry-content .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout { display: list-item !important; margin-top: 50px; }---*/ /* Orders */ /*---body.woocommerce-account .entry-content .woocommerce-MyAccount-content table.my_account_orders { border: 0; border-style: hidden; border-collapse: collapse; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content table.my_account_orders td { border: 0; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content table.my_account_orders tbody td { padding: 20px 8px; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content table.my_account_orders tr{ border-top: 1px dashed #989898; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content table.my_account_orders { border-bottom: 1px dashed #989898; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content table.my_account_orders td, body.woocommerce-account .entry-content .woocommerce-MyAccount-content table.my_account_orders td a { text-decoration: none; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content table.my_account_orders td.woocommerce-orders-table__cell-order-actions a { display: none !important; line-height: 14px !important; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content table.my_account_orders td.woocommerce-orders-table__cell-order-actions a.view { display: inline-block !important; } body.woocommerce-account.woocommerce-orders .entry-content .woocommerce-MyAccount-content { width: 70%; } body.woocommerce-account.woocommerce-orders .entry-content .woocommerce-MyAccount-navigation { width: 30%; } body.woocommerce-account .woocommerce-order-details table.shop_table th, body.woocommerce-account .woocommerce-order-details table.shop_table td, body.woocommerce-account .woocommerce-order-details table.shop_table td a, body.woocommerce-account .woocommerce-order-details address, body.woocommerce-account .woocommerce-customer-details address { text-decoration: none; } body.woocommerce-account .woocommerce-order-details table.shop_table th, body.woocommerce-account .woocommerce-order-details table.shop_table strong { font-weight: 600 !important; }---*/ /* Adress */ /*---body.woocommerce-account .entry-content .woocommerce-MyAccount-content form .woocommerce-address-fields .woocommerce-address-fields__field-wrapper { overflow: hidden; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content form .woocommerce-address-fields .form-row { clear: both; float: left; width: 100%; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content form .woocommerce-address-fields p#save-address { clear: both; max-width: 170px; margin: 50px auto; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content form .woocommerce-address-fields p#save-address button, body.woocommerce-account .addresses a.edit { font-size: 15px; border-radius: 0; text-transform: uppercase; text-decoration: none; padding: 16px 15px 14px; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content form .woocommerce-address-fields .form-row label, body.woocommerce-account .entry-content .woocommerce-MyAccount-content form .woocommerce-address-fields .form-row input { float: left; width: unset; max-width: unset; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content form .woocommerce-address-fields .form-row input#billing_address_2, body.woocommerce-account .entry-content .woocommerce-MyAccount-content form .woocommerce-address-fields .form-row input#shipping_address_2 { float: right; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content form .woocommerce-address-fields .form-row label { width: 30%; text-align: left; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content form .woocommerce-address-fields .form-row label abbr { border-bottom: none !important; cursor: inherit !important; text-decoration: none !important; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content form .woocommerce-address-fields .form-row input { width: 70%; } body.woocommerce-account form .woocommerce-address-fields p.form-row select+span { width: 70% !important; } body.woocommerce-account form .woocommerce-address-fields p.form-row select { width: 70%; } body.woocommerce-account form .woocommerce-address-fields .select2-container .select2-selection--single { height: 40px; border: 1px solid #E5E5E5; border-radius: 0px; outline: 0; } body.woocommerce-account form .woocommerce-address-fields .select2-container .select2-selection--single .select2-selection__rendered { padding-top: 5px !important; padding-left: 20px; } body.woocommerce-account span.select2-search--dropdown input { max-width: unset !important; } body.woocommerce-account .select2-dropdown { border: 1px solid #E5E5E5; } body.woocommerce-account .addresses .title h3 { margin-bottom: 0; } body.woocommerce-account .addresses header.title { border-bottom: 1px dashed #989898; padding: 0; } body.woocommerce-account .addresses address { margin: 30px 0 50px; }---*/ /* Account Details */ /*---body.woocommerce-account .entry-content .woocommerce-MyAccount-content form.edit-account { overflow: hidden; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content form.edit-account .form-row, body.woocommerce-account .entry-content .woocommerce-MyAccount-content form.edit-account fieldset { clear: both; float: left; width: 100%; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content form.edit-account fieldset legend { border: 0; padding-left: 30%; padding-top: 50px; margin-bottom: 5px; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content form.edit-account p#save-edit-account { clear: both; max-width: 170px; margin: 50px auto; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content form.edit-account p#save-edit-account button, body.woocommerce-lost-password .entry-content form.woocommerce-ResetPassword button { border-radius: 0; text-transform: uppercase; text-decoration: none; padding: 12px 15px 10px; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content form.edit-account .form-row label, body.woocommerce-account .entry-content .woocommerce-MyAccount-content form.edit-account .form-row input { float: left; width: unset; max-width: unset; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content form.edit-account .form-row label { width: 30%; text-align: right; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content form.edit-account .form-row input { width: 70%; border-radius: 5px !important; border: 1px solid #5c5c5c; max-width: 350px; }---*/ /* Log In */ /*----body.woocommerce-account .entry-content form.login .form-row { clear: both; float: left; width: 100%; } body.woocommerce-account .entry-content form.login button { clear: both; max-width: 170px; margin: 50px auto; border-radius: 0; text-transform: uppercase; text-decoration: none; padding: 12px 15px 10px; } body.woocommerce-account .entry-content form.login .form-row label, body.woocommerce-account .entry-content form.login .form-row input { float: left; width: unset; max-width: unset; } body.woocommerce-account .entry-content form.login .form-row label { width: 50%; text-align: right; } body.woocommerce-account .entry-content form.login .form-row input { width: 50%; border-radius: 5px !important; border: 1px solid #5c5c5c; max-width: 350px; } body.woocommerce-account .entry-content form.login .form-row input.woocommerce-form__input-checkbox { margin-top: 10px; padding: 7px; border-radius: 0 !important; max-width: 15px; margin-right: 10px; } body.woocommerce-account .entry-content form.login .form-row label.woocommerce-form__label-for-checkbox span { float: left; } body.woocommerce-account .entry-content form.login .form-row label.woocommerce-form__label-for-checkbox { width: unset; padding-left: 50%; padding-right: 0; } body.woocommerce-account .entry-content form.login .form-row input.woocommerce-form__input-checkbox { width: 15px; height: 15px; max-width: unset; padding: 0; cursor: pointer; } body.woocommerce-account .entry-content form.login .form-row input.woocommerce-form__input-checkbox:checked { background-color: #5c5c5c !important; padding: 5px; border: 2px solid white; -webkit-box-shadow: 0px 0px 0px 1px rgba(92,92,92,1); -moz-box-shadow: 0px 0px 0px 1px rgba(92,92,92,1); box-shadow: 0px 0px 0px 1px rgba(92,92,92,1); } body.woocommerce-account .entry-content p.lost_password a { padding-left: 50%; } body.woocommerce-lost-password .entry-content form.woocommerce-ResetPassword .form-row { clear: both; float: left; width: 100%; margin: 30px 0 0; } body.woocommerce-lost-password .entry-content form.woocommerce-ResetPassword .form-row label, body.woocommerce-lost-password .entry-content form.woocommerce-ResetPassword .form-row input { width: unset; float: left; }---*/ /* Responsive */ /*----@media (max-width: 1060px) and (min-width: 992px){ body.woocommerce-account .entry-content .woocommerce-MyAccount-content { padding: 20px 25px; } }---*/ /*----@media (max-width: 991px){---*/ /*----body.woocommerce-account .wrap { padding: 0 15px !important; }---*/ /* Navigation */ /*----body.woocommerce-account .entry-content .woocommerce-MyAccount-content { width: 100% !important; min-height: unset; padding: 40px 30px; box-shadow: 0px 3px 10px 0px #ccc; margin: 50px 0px; } body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation { width: 100% !important; min-height: unset; } body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li a { font-size: 20px !important; line-height: 48px; } body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li { padding: 20px 5px 10px 20px; }---*/ /* Dashboard */ /*----body.woocommerce-account .entry-content .woocommerce-MyAccount-content p.titol { font-size: 53px !important; line-height: 64px; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content p.subtitol { font-size: 25px !important; line-height: 30px; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content p.content { font-size: 20px !important; line-height: 32px; }---*/ /* Orders */ /*----body.woocommerce-account .entry-content .woocommerce-MyAccount-content table.my_account_orders tbody td { background-color: transparent !important; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content table.my_account_orders th span { font-size: 20px !important; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content table.my_account_orders td, body.woocommerce-account .entry-content .woocommerce-MyAccount-content table.my_account_orders td a { font-size: 20px !important; } body.woocommerce-account section.woocommerce-order-details, body.woocommerce-account section.woocommerce-customer-details { margin-top: 50px; } }---*/ /*---@media (max-width: 767px){----*/ /* Navigation */ /*---body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li { padding: 10px 5px 10px 30px; } body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li a { font-size: 19px !important; }---*/ /* Dashboard */ /*----body.woocommerce-account .entry-content .woocommerce-MyAccount-content p.titol { font-size: 44px !important; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content p.content { font-size: 19px !important; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content p.content:last-child { padding-top: 30px; }---*/ /* Orders */ /*----body.woocommerce-account .entry-content .woocommerce-MyAccount-content table.my_account_orders tr td::before { font-family: SctoGrotesk; font-weight: 600; font-size: 20px; line-height: 34px; color: #5c5c5c !important; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content table.my_account_orders td, body.woocommerce-account .entry-content .woocommerce-MyAccount-content table.my_account_orders td a { font-size: 20px !important; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content table.my_account_orders tbody td { padding: 10px 8px; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content table.my_account_orders tbody td:first-child { padding-top: 20px; } body.woocommerce-account .woocommerce-order-details table.shop_table th, body.woocommerce-account .woocommerce-order-details table.shop_table td, body.woocommerce-account .woocommerce-order-details table.shop_table td a, body.woocommerce-account .woocommerce-order-details address, body.woocommerce-account .woocommerce-customer-details address { font-size: 18px !important; }---*/ /* Address */ /*----body.woocommerce-account .entry-content .woocommerce-MyAccount-content .col-2 { margin-top: 30px; } body.woocommerce-account .addresses address { font-size: 20px !important; }---*/ /* Log In */ /*----body.woocommerce-account .entry-content p.lost_password a { padding-left: 0; } body.woocommerce-account .entry-content form.login button[name="login"] { float: left; margin: 10px 0px 10px 33.3%; } }---*/ /*---------------------------------------- CONTACT FORMS SHOP -----------------------------------------*/ /*-----.page-template-template_contacte-shop .titol-seccio { text-align: left; margin: 50px 0 20px; } .contact_info { padding-right: 25px; } .contact_info:last-child { padding-right: 0px; } .contact-form { clear: both; padding-top: 40px; } .contact-form div.wpcf7 { max-width: 580px; margin: 0 auto; padding-top: 30px; } .contact-shop label { font-family: SctoGrotesk; color: #5c5c5c; width: 150px; } .contact-shop input.wpcf7-email { width: unset; } .contact-shop input.wpcf7-tel { max-width: 280px; } .contact-shop input[name="your-surname"] { max-width: 372px; } .contact-shop label#message { vertical-align: top; } .contact-shop textarea[name="your-message"] { width: unset; } .contact-shop span.acceptance-970, .contact-shop span.acceptance-331 { float: left; } .contact-shop input.wpcf7-acceptance { float: left; max-width: 20px; padding: 5px; } .contact-shop input.wpcf7-acceptance:checked { background-color: #E5E5E5; } span.acceptance-970 + label, span.acceptance-331 + label { width: calc(100% - 20px); float: left; font-size: 14px !important; text-align: left; padding: 0 0 0 10px; } .contact-shop input.wpcf7-submit { margin-top: 20px; text-transform: uppercase; padding: 2px 20px 0px; border: none; } #condicions { overflow: hidden; margin-left: 154px; } #condicions + p { text-align: center; } @media (max-width: 767px){ .contact_info { padding-right: 0; padding-bottom: 25px; } #condicions { margin-left: 0; } .contact-shop input[name="your-name"] { max-width: 280px !important; } .contact-shop input.wpcf7-email, .contact-shop textarea[name="your-message"] { width: 100%; } }--*/ /*---------------------------------------- ACCIONS EDUCATIVES -----------------------------------------*/ .education-section { position: relative; } .education-section_anchor { position: absolute; top: -60px; } @media (min-width: 992px){ .page-template-template_accions-educatives .sidebar_sidebarsection { width: 15%; } .page-template-template_accions-educatives .main_sidebarsection { width: 82%; } } /*---------------------------------------- EVENTS -----------------------------------------*/ .tribe-events-calendar-list__event-venue { display: none !important; } .tribe-common-l-container.tribe-events-l-container { padding-top: 0px !important; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-header--has-event-search { flex-direction: row-reverse !important; } .tribe-events-header__events-bar, .tribe-events-c-top-bar { width: auto !important; } .tribe-events-c-events-bar__search-container { display: none !important; } .event-series-link { font-family: SctoGrotesk !important; font-size: 26px !important; line-height:31px !important; font-weight: 300 !important; margin-bottom: 0 !important; } .event-series-link a { text-decoration: none !important; } .event-series-link a:hover { text-decoration: underline !important; } .tribe-events-calendar-list__month-separator-text { text-transform: uppercase; } /*-.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event { flex-direction: row !important; }--*/ .tribe-events-calendar-list__event{ flex-direction: row !important; } .tribe-events-calendar-list__event-datetime-wrapper, .tribe-events-calendar-list__event-title { text-align: left; } .tribe-events-calendar-list__event-datetime-wrapper, .tribe-events-calendar-day__event-datetime-wrapper { text-transform: uppercase; font-family: SctoGrotesk !important; font-weight: 300 !important; font-size: 13px !important; line-height: 20px; color: #1a1a1a !important; text-align: left !important; } .tribe-events-calendar-list__event-date-tag { padding: 0 0 0 40px !important; } .tribe-events-calendar-list__event-title, .tribe-events-calendar-day__event-title { font-family: SctoGrotesk !important; font-weight: 600 !important; font-size: 22px !important; line-height: 35px !important; color: #1a1a1a !important; text-align: left !important; } .tribe-events-calendar-list__event-title a, .tribe-events-calendar-day__event-title a { text-decoration: none !important; border: 0 !important; } .tribe-events-calendar-list__event-date-tag-weekday { color: #1a1a1a !important; } .tribe-events-calendar-list__event-date-tag-datetime { padding-top: 2px !important; } .tribe-events-calendar-list__event-featured-image-wrapper { width: 30% !important; } .tribe-events-calendar-list__event-date-tag { width: 8% !important; min-width: 0 !important; } .tribe-events-calendar-list__event-details { width: 62% !important; } .tribe-events-calendar-list__event-description p, .tribe-events-calendar-day__event-description p { font-size: 18px !important; line-height: 27px !important; } .tribe-events-calendar-list__event-cost, .tribe-events-calendar-series-archive__link svg { display: none !important; } .tribe-events-calendar-series-archive__link { text-decoration: underline !important; } .tribe-events-calendar-series-archive__link:hover { text-decoration: none !important; } .tribe-events .tribe-events-calendar-series-archive__link { color: #141827 !important; } .tribe-events-calendar-series-archive__container::before { content: "| "; } .tribe-events .tribe-events-c-search__button, .tribe-events button.tribe-events-c-search__button { background-color: #1a1a1a !important; } .tribe-events-calendar-day__event-content.tribe-common-g-col { flex-direction: row !important; } .tribe-events-calendar-day__event-venue, .tribe-events-calendar-month__calendar-event-tooltip-cost, .tribe-events-c-subscribe-dropdown__container { display: none !important; } .tribe-events-c-top-bar__datepicker-time { font-size: 20px !important; } .tribe-events-calendar-month__calendar-event-title, .tribe-events-calendar-month__calendar-event-tooltip-title-link, .tribe-events-calendar-month__calendar-event-tooltip-description p, .tribe-events-calendar-month__multiday-event-hidden h3.tribe-events-calendar-month__multiday-event-hidden-title, h3.tribe-events-calendar-month__multiday-event-bar-title { font-size: 15px !important; line-height: 20px !important; margin-top: 5px !important; } h3.tribe-events-calendar-month__multiday-event-bar-title { margin-top: 3px !important; } .tribe-events-calendar-month__multiday-event-wrapper { margin-bottom:15px !important; } .tribe-events .tribe-events-calendar-month__multiday-event-bar-inner { background-color: rgb(105 105 105 / 24%) !important; } .tribe-events .tribe-events-calendar-month__multiday-event--past .tribe-events-calendar-month__multiday-event-bar-inner { background-color: rgb(199 199 199 / 24%) !important; } @media (max-width: 991px){ .single-tribe_events .exhibitions-template { padding: 0; } } @media (max-width: 767px){ .tribe-events-calendar-list__event-date-tag { padding: 0 0 0 20px !important; } .tribe-events-calendar-list__event-title, .tribe-events-calendar-day__event-title { font-size: 20px !important; line-height: 32px !important; } .tribe-events-calendar-list__event-description p, .tribe-events-calendar-day__event-description p { font-size: 15px !important; line-height: 22px !important; } .tribe-events-calendar-day__event-content.tribe-common-g-col { flex-direction: column !important; } .tribe-events-calendar-day__event-featured-image-wrapper, .tribe-events-calendar-day__event-details { width: 100% !important; } .tribe-events-calendar-day__event-featured-image-wrapper { margin-bottom: 12px !important; } .tribe-events-c-top-bar__datepicker-time { font-size: 18px !important; } } @media (max-width: 550px){ .tribe-events-calendar-list__event-date-tag { padding: 0 0 0 20px !important; } .tribe-events-calendar-list__event-featured-image-wrapper { width: 100% !important; margin-bottom: 15px !important; } .tribe-events-calendar-list__event-date-tag { width: 15% !important; min-width: 0 !important; } .tribe-events-calendar-list__event-details { width: 85% !important; } .tribe-common-g-row.tribe-events-calendar-list__event-row { margin-top: 20px !important; margin-bottom: 40px !important; } } /*---------------------------------------- SINGLE EVENT -----------------------------------------*/ .tribe-tickets__tickets-form { max-width: none !important; } .tribe-tickets__tickets-form h2 { margin-top: 0 !important; } .tribe-common button.tribe-common-c-btn--small, .event-tickets .tribe-tickets__tickets-buy.tribe-common-c-btn:disabled { background-color: #4D4D4D !important; } .single-tribe_events .tribe-events-pg-template { max-width: none !important; padding: 0 !important; } .sidebar-template p { margin: 0; } .wp-caption { width: 100% !important; } .exhibitions-template h2:nth-child(3), .exhibitions-template p:nth-child(3) img, .exhibitions-template .wp-caption:nth-child(3) img { margin-top: 0 !important; } #social-menu ul { padding: 0; } .tribe-events-calendar-list__event .tribe-events-calendar-list__event-venue-title { display: none; } /*---------------------------------------- SERIES SINGLE -----------------------------------------*/ .single-tribe_event_series .tribe-common-l-container.tribe-events-l-container { padding: 0 !important; margin-top: 40px; } .single-tribe_event_series .tribe-events-c-events-bar { display: none !important; } .single-tribe_event_series .tribe-common-h3.tribe-events-c-top-bar__datepicker-button { font-size: 20px !important; line-height: 24px !important; } .single-tribe_event_series h3.tribe-events-pro-summary__event-title, .single-tribe_event_series .tribe-events-pro-summary__event-datetime, .single-tribe_event_series .tribe-events-calendar-series-archive__container { margin: 0 !important; font-family: SctoGrotesk !important; font-weight: 400 !important; font-size: 17px !important; line-height: 26px !important; } .single-tribe_event_series .tribe-events-pro-summary__event-datetime-wrapper { width: auto !important; margin-right: 3px !important; } .single-tribe_event_series .tribe-common-g-row.tribe-events-pro-summary__event-row { margin-top: 5px; } .single-tribe_event_series .tribe-common-g-col.tribe-events-pro-summary__event-wrapper { padding-top: 10px; } .tribe-common .tribe-common-c-btn-border, .tribe-common a.tribe-common-c-btn-border { border: 1px solid #1a1a1a !important; color: #1a1a1a !important; } .tribe-common .tribe-common-c-btn-border:hover, .tribe-common a.tribe-common-c-btn-border:hover { background-color: #1a1a1a !important; color: #FFF !important; } .single-tribe_event_series .tribe-events-pro-summary__event-details { width: 100% !important; } .tribe-events-pro-summary__event-details .tribe-events-pro-summary__event-cost { display: none !important; } @media (max-width: 767px){ .single-tribe_event_series .tribe-events-pro-summary__event-header { flex-direction: column !important; padding-left: 0 !important; } .single-tribe_event_series .tribe-common-b3.tribe-events-pro-summary__event-datetime-wrapper, .single-tribe_event_series .tribe-events-pro-summary__event-title { width: 100% !important; } }