/* Theme Name: Fundació Antoni Tàpies Theme URI: https://www.fundaciotapies.org Author: dosgrapas Author URI: http://www.dosgrapas.com/ Version: 1.9.97 Text Domain: tapies */ /*---------------------------------------------- GENERAL ----------------------------------------------*/ .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: ClassicGrotesque !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; } .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: 35px !important; } /*------ Colors------- */ /* White */ body.page-template-template_Exp01 #single-title-container h1, body.single-exposicio #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, .sidebar-template a#amic-button, 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:#E5E5E5; } .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: #CCC !important; } .breadcrumbs a, .breadcrumbs h6 { color: #7b7a7a !important; } .grey, #middle-footer a, .wpml-ls-legacy-list-horizontal a, .woocommerce ul.products li.product .price { color:#a3a3a3 !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: #5c5c5c !important; } #menu-language a span, #menu-language a:hover span, .extracte_alternatiu p { color:#5c5c5c !important; opacity: 1 !important; } footer p { color: #7F7F7F !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: #4D4D4D !important; } .quantity-button { color: #b1b1b1; } .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: #808080 !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: #333333 !important; } .fitxa-label p, .worksnavigation h6, p.wp-caption-text, .page-numbers, .pagination-container a, .tipus-damics .info-punts p { color: #999999 !important; } #primary-biography a, #primary-container-distribuidor a, body.page-template-template-educacio .text a, .home-tipe-slide { color: #9c9c9c !important; } #datepicker .input-group-addon, .perso p { color: #666 !important; } .shop-prefooter #shop-prefooter-darkgrey .prefooter-content p, .shop-prefooter #shop-prefooter-darkgrey .titol-seccio p { color: #DBDBDB !important; } body.woocommerce-cart .woocommerce table.shop_table td a.remove { color: #989898 !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: #363636 !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: #4D4D4D !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: #000 !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: ClassicGrotesque; font-display: swap; src: url(fonts/ClassicGrotesquePro-Light.otf); font-weight: 200; } @font-face { font-family: ClassicGrotesque; font-display: swap; src: url(fonts/ClassicGrotesquePro-Book.otf); font-weight: 300; } @font-face { font-family: ClassicGrotesque; font-display: swap; src: url(fonts/ClassicGrotesquePro-Regular.otf); font-weight: 400; } @font-face { font-family: ClassicGrotesque; font-display: swap; src: url(fonts/ClassicGrotesquePro-Medium.otf); font-weight: 500; } @font-face { font-family: ClassicGrotesque; font-display: swap; src: url(fonts/ClassicGrotesquePro-SemiBold.otf); font-weight: 600; } @font-face { font-family: ClassicGrotesque; font-display: swap; src: url(fonts/ClassicGrotesquePro-Bold.otf); font-weight: 700; } @font-face { font-family: Apercu; font-display: swap; src: url(fonts/Apercu_Bold.otf); font-weight: bold; }-*/ @font-face { font-family: 'ClassicGrotesque'; src: url('fonts/ClassicGrotesquePro-SemiBold.eot'); src: url('fonts/ClassicGrotesquePro-SemiBold.eot?#iefix') format('embedded-opentype'), url('fonts/ClassicGrotesquePro-SemiBold.woff2') format('woff2'), url('fonts/ClassicGrotesquePro-SemiBold.woff') format('woff'), url('fonts/ClassicGrotesquePro-SemiBold.ttf') format('truetype'), url('fonts/ClassicGrotesquePro-SemiBold.svg#ClassicGrotesquePro-SemiBold') format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: 'ClassicGrotesque'; src: url('fonts/ClassicGrotesquePro-Medium.eot'); src: url('fonts/ClassicGrotesquePro-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/ClassicGrotesquePro-Medium.woff2') format('woff2'), url('fonts/ClassicGrotesquePro-Medium.woff') format('woff'), url('fonts/ClassicGrotesquePro-Medium.ttf') format('truetype'), url('fonts/ClassicGrotesquePro-Medium.svg#ClassicGrotesquePro-Medium') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'ClassicGrotesque'; src: url('fonts/ClassicGrotesquePro-Light.eot'); src: url('fonts/ClassicGrotesquePro-Light.eot?#iefix') format('embedded-opentype'), url('fonts/ClassicGrotesquePro-Light.woff2') format('woff2'), url('fonts/ClassicGrotesquePro-Light.woff') format('woff'), url('fonts/ClassicGrotesquePro-Light.ttf') format('truetype'), url('fonts/ClassicGrotesquePro-Light.svg#ClassicGrotesquePro-Light') format('svg'); font-weight: 200; font-style: normal; } @font-face { font-family: 'ClassicGrotesque'; src: url('fonts/ClassicGrotesquePro-Book.eot'); src: url('fonts/ClassicGrotesquePro-Book.eot?#iefix') format('embedded-opentype'), url('fonts/ClassicGrotesquePro-Book.woff2') format('woff2'), url('fonts/ClassicGrotesquePro-Book.woff') format('woff'), url('fonts/ClassicGrotesquePro-Book.ttf') format('truetype'), url('fonts/ClassicGrotesquePro-Book.svg#ClassicGrotesquePro-Book') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'ClassicGrotesque'; src: url('fonts/ClassicGrotesquePro-Regular.eot'); src: url('fonts/ClassicGrotesquePro-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/ClassicGrotesquePro-Regular.woff2') format('woff2'), url('fonts/ClassicGrotesquePro-Regular.woff') format('woff'), url('fonts/ClassicGrotesquePro-Regular.ttf') format('truetype'), url('fonts/ClassicGrotesquePro-Regular.svg#ClassicGrotesquePro-Regular') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'ClassicGrotesque'; src: url('fonts/ClassicGrotesquePro-Bold.eot'); src: url('fonts/ClassicGrotesquePro-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/ClassicGrotesquePro-Bold.woff2') format('woff2'), url('fonts/ClassicGrotesquePro-Bold.woff') format('woff'), url('fonts/ClassicGrotesquePro-Bold.ttf') format('truetype'), url('fonts/ClassicGrotesquePro-Bold.svg#ClassicGrotesquePro-Bold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Apercu'; src: url('fonts/Apercu-Bold.eot'); src: url('fonts/Apercu-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Apercu-Bold.woff2') format('woff2'), url('fonts/Apercu-Bold.woff') format('woff'), url('fonts/Apercu-Bold.ttf') format('truetype'), url('fonts/Apercu-Bold.svg#Apercu-Bold') format('svg'); font-weight: bold; font-style: normal; } h1, body.page-template-template_entradas h3 { font-family: ClassicGrotesque !important; font-weight:700 !important; font-size:29px !important; line-height:44px !important; margin-bottom:16px !important;} h2, .exhibition h1 { font-family: ClassicGrotesque !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: ClassicGrotesque !important; font-weight:400 !important; font-size:17px !important; line-height:26px !important;} h4, .product h2 { font-family: ClassicGrotesque !important; font-weight:500 !Important; font-size:20px !important; line-height:25px !important;} h5 { font-family: ClassicGrotesque !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: ClassicGrotesque !important; font-weight:400 !important; font-size:14px !important; line-height:18px !important; margin-bottom:0 !important;} .pagination-container a, .page-numbers { font-family: ClassicGrotesque !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: ClassicGrotesque; font-weight:400; font-size:20px; line-height:34px;} #fullcarouselhome p { /*-font-family: ClassicGrotesque !important; font-weight:300 !Important; font-size:17px !important; line-height:23px !important;- */ } /*-#primary-biography p, .cronologia p { font-family: ClassicGrotesque !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: ClassicGrotesque !important; font-weight:300 !important; font-size:16px !important; line-height:22px !important; } .datepicker.dropdown-menu { font-family: ClassicGrotesque !important;} #eucookielaw p { font-family: ClassicGrotesque !important; font-weight:500 !important; font-size:13px !important; line-height:18px !important; } p.wp-caption-text { font-size:14px !important; } body.single-exposicio .exhibitions-template h2, body.single-projecte .exhibitions-template h2 {font-family: ClassicGrotesque !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: ClassicGrotesque; font-weight:700; font-size:29px; line-height:44px; margin-bottom:16px; } #form-lloguer-container h3 { font-family: ClassicGrotesque !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: ClassicGrotesque; font-weight:300; font-size:29px; line-height:44px; } #primary-container-distribuidor h2 { margin-top:0 !important; } #biography-accordion-container p { font-family: ClassicGrotesque; font-weight:300; font-size:20px; line-height:32px; } body.page-template-template_Exp01 #single-title-container h1, body.single-exposicio #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-exposicio #single-title-container h1, body.single-projecte #single-title-container h1 { font-family:ClassicGrotesque !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: ClassicGrotesque; font-size:14px; font-weight: 500; line-height:0; text-decoration:none; } footer p { font-family: ClassicGrotesque; 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: ClassicGrotesque; font-size:14px; font-weight:400; line-height:20px; } h3.widget-title { font-family: ClassicGrotesque !important; font-size:14px !important; line-height:20px !important; font-weight:bold !important; text-transform:uppercase !important; } .space h2 { font-family: ClassicGrotesque; 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:700; } #links-container p, #menu a { font-family: ClassicGrotesque; font-weight:300; font-size:29px; line-height:34px; } #menu .sub-menu a { font-family: ClassicGrotesque; font-weight:300; font-size:24px; line-height:26px; } .logotext { font-family: ClassicGrotesque; font-weight:600; font-size:12px; line-height:20px; } .logos-images p { font-family: ClassicGrotesque; font-weight:600; font-size:14px; line-height:20px; } .logos-images p { font-weight:400; border-bottom:none !important; } .date { font-family: ClassicGrotesque; font-weight:700 !important; font-size:14px !important; line-height:20px !important; margin-bottom:4px; } #exhibition-related h2 { font-family: ClassicGrotesque; font-weight:300; font-size:20px; line-height:28px; text-decoration:underline; } button.btn, .dropdown-menu a { font-family: ClassicGrotesque; font-weight:300 !important; font-size:20px; line-height:28px !important; } #title-page { font-family: ClassicGrotesque; font-weight:700; font-size:14px; line-height:22px; } .exhitibion-dates, #exhibitions-filters p, .obra p, .adquisicion p, .activity-dates { font-family: ClassicGrotesque; font-weight:600; font-size:15px; line-height:24px; } .link-distribuidor p { font-family: ClassicGrotesque; font-weight:500; font-size:16px; line-height:20px; } #footer-border a { font-family: ClassicGrotesque; font-weight:300; font-size:29px; line-height:44px; } #middle-footer a, .wpml-ls-legacy-list-horizontal a, #menu-language a { font-family: ClassicGrotesque; font-weight:400; font-size:15px; line-height:18px; text-decoration:underline; } #title-bottom h1 { font-family: ClassicGrotesque; font-weight:200; font-size:60px; line-height:60px; } #left-bottom p { font-family: ClassicGrotesque; font-weight:300; font-size:16px; line-height:22px; } #left-bottom p strong { font-weight:600; } #contact-home h2 { font-family: ClassicGrotesque; font-weight:700; font-size:14px; line-height:20px; margin-top:0; } #contact-home p { font-family: ClassicGrotesque; font-weight:400; font-size:14px; line-height:20px; } #home-video-title { font-family: ClassicGrotesque; font-weight: 200; font-size:63px; line-height:70px; } .fitxa-label p, .fitxa-content p { font-family: ClassicGrotesque; 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: ClassicGrotesque; font-weight:700; font-size:17px; line-height:25px; } .excerpt p { font-size:16px; line-height:22px;} .cat { font-family: ClassicGrotesque !important; font-weight:600 !important; font-size:12px !important; line-height:18px !important; margin-bottom:0 !important; text-transform:uppercase; } .date-activitat { font-family: ClassicGrotesque !important; font-weight:300 !important; font-size:17px !important; line-height:24px !important; margin-bottom:0 !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: ClassicGrotesque !important; font-weight: 700 !important; font-size: 26px !important; line-height: 30px !important; } @media (min-width: 1450px) { #slide4 .home-tipe-slide { font-family: ClassicGrotesque !important; font-weight:500 !important; font-size:14px !important; line-height:20px !important; margin-bottom:5px !important; text-transform:uppercase; } #slide4 .date-home { font-family: ClassicGrotesque !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: ClassicGrotesque !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: ClassicGrotesque !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: ClassicGrotesque !important; font-weight:500 !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: ClassicGrotesque !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: ClassicGrotesque !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: ClassicGrotesque !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: ClassicGrotesque; font-weight: 700; font-size: 15px; line-height: 18px; border-bottom: 1px solid #E5E5E5; margin-bottom: 15px;} .informacio-home p {font-family: ClassicGrotesque; font-weight: 300; font-size: 13px; line-height: 16px; } .info-home-text-petit p, .info-home-text-petit a { font-family: ClassicGrotesque; 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: ClassicGrotesque; font-weight: 700; font-size: 30px; line-height: 38px; border-bottom: 1px solid #E5E5E5; margin-bottom: 15px;} .informacio-home p {font-family: ClassicGrotesque; font-weight: 300; font-size: 22px; line-height: 35px; } .info-home-text-petit p, .info-home-text-petit a { font-family: ClassicGrotesque; 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: ClassicGrotesque; font-weight: 700; font-size: 20px; line-height: 26px; border-bottom: 1px solid #E5E5E5; margin-bottom: 15px;} .informacio-home p {font-family: ClassicGrotesque; font-weight: 300; font-size: 15px; line-height: 23px; } .info-home-text-petit p, .info-home-text-petit a { font-family: ClassicGrotesque; 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: ClassicGrotesque; 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-exposicio #single-title-container h1, body.single-projecte #single-title-container h1 { font-size:60px; line-height:65px; } body.single-exposicio #single-title-container h1 { font-family:ClassicGrotesque !important; font-size:65px !important; line-height:85px !important; } } @media (max-width: 680px) { body.page-template-template_Exp01 #single-title-container h1, body.single-exposicio #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: ClassicGrotesque; font-weight: 700; font-size: 13px; line-height: 16px; } .text-shop-slider h3, .categories-botiga p, .page-template-template_shop .descompte h2 { font-family: ClassicGrotesque; font-weight: 700 !important; font-size: 29px !important; line-height: 36px !important; } .text-shop-slider p { font-family: ClassicGrotesque; font-weight: 500; 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: ClassicGrotesque !important; font-weight: 700 !important; font-size: 13px !important; line-height: 34px !important; } .onsale, .novetats .new { font-family: ClassicGrotesque; 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: ClassicGrotesque; font-weight: 600 !important; font-size: 14px !important; line-height: 17px !important; } .shop-prefooter .titol-seccio p { font-family: ClassicGrotesque; 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: ClassicGrotesque; font-weight: 300; font-size: 15px; line-height: 24px; } body.woocommerce-checkout .entry-header h1 { font-family: ClassicGrotesque; 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: ClassicGrotesque; 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: ClassicGrotesque !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: ClassicGrotesque; 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: ClassicGrotesque !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: ClassicGrotesque !important; font-weight: 300 !important; font-size: 18px !important; line-height: 34px !important; } body.woocommerce-cart .coupon #amics input { font-family: ClassicGrotesque; 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: ClassicGrotesque; 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: ClassicGrotesque; 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: ClassicGrotesque; font-weight: 300; font-size: 16px; line-height: 30px; } body.product-template-default .product h1.product_title { font-family: ClassicGrotesque !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: ClassicGrotesque; 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: ClassicGrotesque; 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: ClassicGrotesque; font-weight: 500 !important; font-size: 14px; line-height: 30px; } body.woocommerce-account .entry-content .woocommerce-MyAccount-navigation li a { font-family: ClassicGrotesque; font-weight: 500; font-size: 17px; line-height: 24px; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content p.titol { font-family: ClassicGrotesque; font-weight: 300; font-size: 49px; line-height: 60px; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content p.subtitol { font-family: ClassicGrotesque; font-weight: 300; font-size: 27px; line-height: 32px; } body.woocommerce-account .entry-content .woocommerce-MyAccount-content p.content { font-family: ClassicGrotesque !important; font-weight: 300 !important; font-size: 22px !important; line-height: 34px !important; } body.woocommerce-account .addresses .title h3 { font-family: ClassicGrotesque; 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: ClassicGrotesque; 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 ----- */ .background-button, .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: ClassicGrotesque; 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: ClassicGrotesque !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: Apercu; 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:hover, .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; } .sidebar-template button { text-transform: uppercase; } .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 ----------------------------------------------*/ #menu-language { margin-left: 26px !important; } .lang-selector { padding: 4px 0 0 20px; } .lang-selector li, #menu-language li { display: inline-block; } .lang-selector li a { font-family: ClassicGrotesque; font-size: 15px; line-height: 22px; font-weight: 300; text-decoration: none; color: #666666; transition: 0.2s; } .lang-selector li.current-lang a, .lang-selector li:hover a, #menu #menu-language .lang-selector a:hover { color: #000 !important; } #close-avis:hover { cursor:pointer; } .infotop, #avis-tancament/*--, .header-image-container--*/ { -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: 46px !important; } body.home #nav-icon { top: 35px !important; } body #home-languages { top: 29px !important; } body .infotop { top: 32px !important; } body #logo-exposicio { margin-top: 0px; } body .header-image-container { 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.avis .header-image-container { 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 .header-image-container { 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; } body.cookies.avis .header-image-container { 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: #000 !important; width: calc(100% - 40px); } #avis-tancament.theme_2020 img { -webkit-filter: none !important; filter: none !important; } @media (max-width: 767px) { #home-languages { display: 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; } header { padding:22px 0; width:100%; text-align:center; } #visitussbutton { border:1px solid #000; 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 .5s ease-in-out; -moz-transition: right .5s ease-in-out; -o-transition: right .5s ease-in-out; transition: right .5s ease-in-out; cursor: pointer; z-index:9999; } #nav-icon span { display: block; position: absolute; height: 3px; height: 4px; width: 100%; background: #000; 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: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;} #menu { position:fixed; top:0; right:0; width:350px; -webkit-transition: right 500ms ease-in-out; transition: right 500ms 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:-350px; 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); /* IE 9 */ -webkit-transform: translate(0px,0px); /* Safari */ transform: translate(0px,0px); /* Standard syntax */ } #container-movement.left { -ms-transform: translate(-350px,0px); /* IE 9 */ -webkit-transform: translate(-350px,0px); /* Safari */ transform: translate(-350px,0px); /* Standard syntax */ } body #logo-exposicio { -webkit-filter: brightness(0%); filter: brightness(0%); } @media (max-width: 767px) { #nav-icon {/*left:18px;*/ 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: 575px) { #logo-exposicio { max-width:calc(100% - 46px) !important; } } #title-page { text-transform:uppercase !important; } @media (max-width: 1050px) { #title-page{ display:none !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; } /*----- 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 ----- */ #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 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; transition: all 500ms 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 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; transition: all 500ms 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: 11px 20px 7px 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:20px; } .sub-menu li:last-child { margin-bottom:20px; } 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:390px; } @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 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } html.menuactive #nav-icon { right:calc(82% + 18px); } #nav-icon { -webkit-transition: .51s ease-in-out; -moz-transition: .51s ease-in-out; -o-transition: .51s ease-in-out; transition: .51s ease-in-out; } #menu a { font-size:24px; line-height:32px;} #menu .sub-menu a { font-size:20px; line-height:26px;} .breadcrumbs { display:none; } body #nav-icon { right:18px; top: 38px !important; } } .sb-search { max-width:250px; margin-right:65px; } #count-items-cart { font-family: ClassicGrotesque; border-radius:60px; width:15px; height:15px; font-size:10px; font-weight:bold; padding-top:9px; line-height:0; color:#000; position:absolute; top:-5px; right:5px; 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; } #menu #social-menu ul li:last-child a { margin-bottom:0 !important; } .newsletter-button { float: left; margin-left: 28px !important; font-family: ClassicGrotesque !important; font-weight: 400 !important; font-size: 15px !important; text-transform: uppercase !important; border: 1px solid #5c5c5c !important; line-height: 15px !important; padding: 6px 10px 3px !important; -webkit-transition: 0.3s; transition: 0.3s; } .buy-header-button { margin-left: 28px !important; font-family: ClassicGrotesque !important; font-weight: 400 !important ; font-size: 15px !important; text-transform: uppercase !important; border: 1px solid #5c5c5c !important; line-height: 15px !important; padding: 6px 10px 3px !important; -webkit-transition: right 0.5s; transition: right 0.5s; background-color: #FFF; } .newsletter-button:hover, .buy-header-button:hover { background-color: #5c5c5c !important; color: #FFF !important; cursor: pointer; } .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; } } .buy-header-button { position: fixed; right: 95px; top: 45px; z-index: 9; -o-transition: right .5s ease-in-out; transition: right .5s ease-in-out; -webkit-transition: right 500ms ease-in-out; -moz-transition: right 500ms ease-in-out; transition: right 500ms ease-in-out; } html.menuactive .buy-header-button { right: 439px; } @media (max-width: 767px) { .buy-header-button { display: none; } } /*--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; } header.theme_2020 { padding: 48px 0 15px; } #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; } .topRight-preHeader { position: absolute; right: 25px; top: 15px; } .topRight-preHeader .buy-header-button { position: relative; top: 0; right: 0; font-size: 14px !important; padding: 5px 6px 2px !important; margin-left: 15px !important; } .topRight-preHeader .visit-us-button { display: none; font-family: ClassicGrotesque !important; z-index: 1; position: relative; text-decoration: none; margin-left: 8px; } .topRight-preHeader .visit-us-button:hover { text-decoration: underline !important; } .topRight-preHeader .sb-icon-search { z-index: 1; position: relative; display: inline-block; margin-top: 0; top: 4px; width: 22px; height: 18px; } body.avis .topRight-preHeader { top: 70px !important; } body.avis .buy-header-button.theme_2020 { top: 0 !important; } .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; border-bottom: 1px solid #E5E5E5; margin-bottom: 0; position: relative; z-index: 1; } .header-2020 .menu li { display: inline-block; margin: 0 16px; } .header-2020 .menu a { font-family: ClassicGrotesque; font-size: 22px; line-height: 30px; text-decoration: none; font-weight: 300; padding-bottom: 20px; -webkit-transition: all 0.2s; transition: all 0.2s; } .header-2020 .menu a:hover { color: #666666; } .header-2020 .sub-menu { display: none; width: 100% !important; position: absolute; top: 64px; left: 0; right: 0; padding: 40px 0 50px; background-color: #eaeaea; text-align: left; } .header-2020 .sub-menu a { float: left; width: 300px; text-align: left; padding: 6px 0 5px; background-image: url(https://fundaciotapies.org/wp-content/themes/tapies/images/next-menu.svg); background-repeat: no-repeat; background-position: calc(100% - 20px) center; background-size: 21px; -webkit-transition: all 0.2s; transition: all 0.2s; } .header-2020 .sub-menu a:hover { cursor: pointer; background-position: calc(100% - 10px) center; } .header-2020 .sub-menu li { border-bottom: 1px solid #c8c8c8; margin: 0; display: table; } .header-2020 .sub-menu li:first-child { border-top: 1px solid #c8c8c8; } .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 { 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 { width: 400px; } body .sub-menu-wrap { max-width: 740px; margin: 0 auto; padding: 0 15px; } @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 li:nth-child(4), .header-2020 #menu-item-12907 .sub-menu li:nth-child(7), .header-2020 #menu-item-13367 .sub-menu li:nth-child(4), .header-2020 #menu-item-13367 .sub-menu li:nth-child(7), .header-2020 #menu-item-13389 .sub-menu li:nth-child(4), .header-2020 #menu-item-13389 .sub-menu li:nth-child(7), .header-2020 #menu-item-28946 .sub-menu li:nth-child(4), .header-2020 #menu-item-28946 .sub-menu li:nth-child(7), .header-2020 #menu-item-28990 .sub-menu li:nth-child(4), .header-2020 #menu-item-28990 .sub-menu li:nth-child(7), .header-2020 #menu-item-29000 .sub-menu li:nth-child(4), .header-2020 #menu-item-29000 .sub-menu li:nth-child(7) { border-top: 1px solid #c8c8c8; } .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; } } @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 { margin-right: 30px; } .header-2020 #menu-item-12907 .sub-menu li:nth-child(2), .header-2020 #menu-item-13367 .sub-menu li:nth-child(2), .header-2020 #menu-item-13389 .sub-menu li:nth-child(2), .header-2020 #menu-item-28946 .sub-menu li:nth-child(2), .header-2020 #menu-item-28990 .sub-menu li:nth-child(2), .header-2020 #menu-item-29000 .sub-menu li:nth-child(2) { border-top: 1px solid #c8c8c8; } } @media (max-width: 991px) and (min-width: 768px){ #logo-exposicio.theme_2020 { /*--width: 40%;-*/ margin-left: 0 !important; max-width: 555px !important; } header.theme_2020 { text-align: center !important; } } @media (max-width: 767px){ header.theme_2020 { padding: 22px 0; } .header-2020, .topRight-preHeader { display: none; } #nav-icon.theme_2020 { top: 30px !important; } .descomptes-container.wrap1230 { padding: 0 !important; } } /*---------------------------------------------- FOOTER ----------------------------------------------*/ /*-#pre-footer { border-top-width:2px; border-bottom-width:2px; border-top-style:solid; border-bottom-style:solid; overflow:hidden; padding:42px 0; } #pre-footer .col-md-5 div, #pre-footer .col-md-3 div, #pre-footer .col-md-2 div { padding-right:55px; } #menu-prefooter li { display:inherit; } footer ul li { display:inline; margin-right:30px; } .menu-footer-container { float:left; } #social-menu { float:right; } #social-menu ul li { display:inline; margin-right:0px; margin-left:8px; } #social-menu ul li a img { width:32px; } #logo-footer { max-width:325px; width:100%; } body.page-template-template_Exp01 #pre-footer { border-top:none !important; }-*/ .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 { padding:30px 15px 10px; text-align:center; } #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; } @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: ClassicGrotesque !important; line-height: 18px !important; font-weight: 500 !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-2020 { background-color: #1a1a1a; padding: 10px 0 25px; } .threeColums-footer { padding: 65px 30px 0; } .seccio-prefooter:nth-child(1) { padding-right: 24px; } .seccio-prefooter:nth-child(2) { padding-right: 12px; padding-left: 12px; } .seccio-prefooter:nth-child(3) { padding-left: 24px; } .footer-2020 .titol-seccio p, .footer-2020 .footer-newsletter label { font-family: ClassicGrotesque !important; font-weight: 700 !important; font-size: 25px !important; line-height: 25px !important; color: #FFF !important; border-bottom: 1px solid #7F7F7F; padding-bottom: 8px; } .prefooter-content { padding: 28px 0 0; } .prefooter-content p { font-family: ClassicGrotesque !important; font-weight: 400 !important; font-size: 19px !important; line-height: 26px !important; color: #C8C8C8 !important; margin-bottom: 10px; } .footer-2020 #social-menu ul li a img { width: 42px; } .logo-shopFooter { text-align: center; padding: 50px 0 32px; } .logo-shopFooter img { text-align: center; max-width: 590px !important; width: calc(100% - 80px); } .footer-2020 #social-menu { border-bottom: 1px solid #7F7F7F; padding-bottom: 55px; } .footer-2020 #middle-footer { padding: 36px 0 0; } .footer-2020 #middle-footer a { font-family: ClassicGrotesque !important; font-weight: 400 !important; font-size: 18px !important; line-height: 23px !important; color: #C8C8C8 !important; text-decoration: none; } .footer-2020 #middle-footer a:hover { color: #FFF !important; } .footer-2020 #middle-footer ul li { margin: 0 18px; } .footer-2020 .tarifes-home li:last-child { border-bottom: none; } .footer-2020 .footer-newsletter { width: 100%; max-width: 500px; margin: 0 auto; padding: 70px 0 15px; } .footer-2020 .footer-newsletter label { border-bottom: none; padding-right: 35px; width: inherit; display: inline-block; float: left; padding-top: 13px; } .footer-2020 .footer-newsletter input[type=email] { max-width: calc(100% - 220px) !important; font-family: ClassicGrotesque; font-weight: 400; font-size: 16px; line-height: 20px; color: #c1c1c1 !important; padding: 15px 20px 12px; float: left; background-color: #484848; border-color: #484848; } .footer-2020 .footer-newsletter input[type=submit] { background-image: url(images/next.svg); background-size: 15px; background-position: center; background-repeat: no-repeat; color: transparent; background-color: #848484; border-color: #848484; float: left; padding: 0; height: 49px; width: 49px; } @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 { width: 70%; } .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% - 50px) !important; } } /*---------------------------------------------- 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:#000 !important; } body.home #nav-icon.light span { background:#fff !important; } body.home #nav-icon span {} body.home #visitussbutton.dark { color:#000 !important; border-color:#000 !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:500 !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 dotted #CCC; padding: 7px 0 5px; } .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: ClassicGrotesque; 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:ClassicGrotesque !important; } body.home .space-perso { height:34px; } @media screen and (max-width: 1200px){ body.home .exhibition h1 { font-weight: 500!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; } body.home .date-activitat, body.home .date-activitat .mesos .mes { font-family: ClassicGrotesque !important; font-weight: 600 !important; font-size: 12px !important; line-height: 18px !important; margin-bottom: 0 !important; text-transform: uppercase !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:#000; } 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:#adadad !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:500 !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; } body.home #nav-icon { top:27px !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 { border-bottom: 1px solid #E5E5E5; } 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: 25px; top: inherit; bottom: 35px; z-index: 1; } body.page-template-template_home-2020 .fullwidth-home-slider .slick-next { right: 20px; } body.page-template-template_home-2020 .fullwidth-home-slider .slick-prev { left: 20px; } 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('https://fundaciotapies.org/wp-content/themes/tapies/images/next-distribuidor-full-slider.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('https://fundaciotapies.org/wp-content/themes/tapies/images/prev-distribuidor-full-slider.svg'); } body.page-template-template_home-2020 .fullwidth-home-slider .slick-slide { position: relative; } body.page-template-template_home-2020 .fullwidth-home-slider .text-container { padding: 30px 70px 25px; text-align: center; background-color: #FFF; position: absolute; bottom: 0; left: 0; right: 0; } body.page-template-template_home-2020 .fullwidth-home-slider h3 { font-family: ClassicGrotesque !important; font-weight: 300 !important; font-size: 28px !important; line-height: 34px !important; margin: 0; } body.page-template-template_home-2020 .fullwidth-home-slider .loading-turitop { margin-top: 15px; } body.page-template-template_home-2020 .fullwidth-home-slider a { text-decoration: none; } body.page-template-template_home-2020 .fullwidth-home-slider .slick-slide.boxed .backgroundPadding { padding: 30px 0 60px; text-align-last: center; } body.page-template-template_home-2020 .fullwidth-home-slider .slick-slide img { margin: 0 auto; max-width: 100%; } body.page-template-template_home-2020 .fullwidth-home-slider .slick-slide.fullwidth .backgroundImage h2 { text-align: center; background-color: #FFF; margin: 0; position: absolute; bottom: 0; left: 0; right: 0; } body.page-template-template_home-2020 .homeSlider-background { height: calc(100vh - 264px); background-size: contain; background-repeat: no-repeat; background-position: center; margin: 0 auto; } @media (min-width: 1600px){ body.page-template-template_home-2020 .homeSlider-background { height: calc(90vh - 264px); } } @media (min-width: 768px){ body.page-template-template_home-2020 .fullwidth-home-slider .slick-slide.boxed .backgroundPadding.fullslide { padding: 0 0 90px; } } @media (max-width: 767px){ body.page-template-template_home-2020 .fullwidth-home-slider .slick-slide.boxed .backgroundPadding { padding: 0 0 60px; } body.page-template-template_home-2020 .homeSlider-background { height: 50vh; } body.page-template-template_home-2020 .fullwidth-home-slider .text-container { padding: 20px 54px 15px; } body.page-template-template_home-2020 .fullwidth-home-slider h3 { font-size: 22px !important; line-height: 26px !important; } body.page-template-template_home-2020 .fullwidth-home-slider .loading-turitop { margin-top: 10px; } body.page-template-template_home-2020 .fullwidth-home-slider .slick-next, body.page-template-template_home-2020 .fullwidth-home-slider .slick-prev { bottom: 15px; } body.page-template-template_home-2020 .fullwidth-home-slider .slick-next { right: 12px; } body.page-template-template_home-2020 .fullwidth-home-slider .slick-prev { left: 12px; } } /* --- Exposicions --- */ body.page-template-template_home-2020 h1, body.page-template-template_home-2020 h2, .blog_archive h1 { font-family: ClassicGrotesque !important; font-weight: 700 !important; font-size: 36px !important; line-height: 44px !important; } body.page-template-template_home-2020 .exhibitions_homeContainer { text-align: center; padding-top: 40px; padding-bottom: 60px;} body.page-template-template_home-2020 .subtituleLink { font-family: ClassicGrotesque !important; font-weight: 300 !important; font-size: 18px !important; line-height: 21px !important; color: #666666; } body.page-template-template_home-2020 .currentExhibitions-container { overflow: hidden; padding-top: 40px; } body.page-template-template_home-2020 .currentExhibitions-container .exhibition { padding: 0 16px; } 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-size: 15px !important; line-height: 18px !important; font-weight: 600 !important; } body.page-template-template_home-2020 .exhibition h4 { font-weight: 400 !important; font-size: 22px !important; line-height: 26px !important; padding-top: 0 !important; max-width: 320px; } 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; } @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; } body.page-template-template_home-2020 .currentExhibitions-container.wrap1000 .exhibition:nth-child(2n+1) { border-right: 1px solid #e5e5e5; clear: both; } } /*-- Activitats --*/ .activities_homeContainer { text-align: center; padding-bottom: 100px; } .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: #9c9c9c !important; } .activities_homeContainer .slick-slide .date-activitat { margin-top:7px !important; } .activities_homeContainer .slick-slide .excerpt { padding: 0; } /*-- 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 { text-align: center; padding-top: 75px; 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: ClassicGrotesque; font-weight: 500; 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: 30px !important; line-height: 36px !important; font-weight: 700 !important; } 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 (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: ClassicGrotesque !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: #000 !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: ClassicGrotesque; 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: #000; border-color: #000; 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:235px; } .fitxa-content { float:right; width:calc(100% - 235px); } .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: ClassicGrotesque; 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: #000 !important; border: 1px solid #000; }--*/ .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: ClassicGrotesque; 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: #000 !important; border: 1px solid #000; 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: #000 !important; } .advSearchCollection-form input[type=text], .advSearchCollection-form select { font-family: ClassicGrotesque; 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: ClassicGrotesque; } .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: 500; font-family: ClassicGrotesque; border: none; border-radius: 8px !important; background-color: #000; 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:#000; } .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 ----------------------------------------------*/ .exhibitions-template h2 { padding:0 !important; margin:0 !important; } body.exposicio-template-default header, body.projecte-template-default header { padding-bottom:32px; background-color:#FFF; } body.page-template-template_Exp01 #single-title-container h1, body.single-exposicio #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;} body.page-template-template_Exp01 #page-content, body.single-exposicio #page-content, body.single-projecte #page-content { background-color:#262c3c; } #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; } .header-image-container { width:100%; height:420px; position:fixed; top:115px; top:188px; z-index:-1; background-position:center !important;} .header-image-container-text { width:100%; height:420px; position:fixed; top:115px; top:205px; z-index:-1; background-position:center !important;} .header-image-container { opacity:0.4; } @media (max-width: 767px) { .header-image-container-text { top:115px; } body.exposicio-template-default header, body.projecte-template-default header { padding: 24px 0 30px !important; } .header-image-container { background-size:cover !Important; top:82px; } } #single-container { margin-top:415px; background-color:#fff; } #titol-container { width:100%; /*-max-width:700px- */max-width:900px; margin:0 auto; } body.page-template-template_Exp01 #single-title-container h1, body.single-exposicio #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: ClassicGrotesque !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: ClassicGrotesque; 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:right; width:200px; } .sidebar-template-left { float:left; width:200px; } .sidebar-template #social-menu { float:left; margin-top:20px; width:100%; text-align:left; } .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; } @media (max-width: 991px) { .sidebar-template div:nth-child(2) div { padding-right:45px; } .sidebar-template div:nth-child(4) div { padding-left:45px; } .sidebar-template { padding-bottom:18px; } #amic-button { clear:both; display:inherit; width:max-content; width:-moz-max-content; } .page-template-template_projectes #amic-button { display:inline-block; } .sidebar-template #social-menu { padding-left:0 !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 { text-align:center; padding-bottom:30px; } #amic-button { margin-left:auto; margin-right:auto; } .sidebar-template #social-menu { text-align:center !important; } } /*----- General ----- */ .exhibitions-template { float:left; width:calc(100% - 200px); padding:0 85px 0 0; } .exhibitions-template-left { float:right; width:calc(100% - 285px); padding:0 0 0 85px; } #links-container { margin-top:90px; border-bottom:1px solid #000; } #links-container ul li { border-top:1px solid #000; 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 { padding:30px 0 30px; } #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 img { /*-----margin-bottom:10px;----- */ } #exhibition-related h2 { margin-bottom:15px; } .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%; } } /*----- Logos ----- */ #logos-container { clear:both; display:block; padding-top:65px; padding-bottom:60px; width:calc(100% - 285px); } #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; } } /*--------- */ @media (max-width: 991px) { .exhibitions-template, .exhibitions-template-left { width:100%; padding:45px 0 0 0; } #logos-container { width:100%; padding-left:0; } #single-container.full-container { padding-top:40px !important; } } @media (max-width: 767px) { #single-container { margin-top:385px; } } /*----- Carousel ----- */ 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; } @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, #relatedsenseslide .exhibition:nth-child(1) a div, #relatedsenseslide .exhibition:nth-child(2) a div, #relatedsenseslide .exhibition: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, #relatedsenseslide .exhibition:nth-child(1) a div, #relatedsenseslide .exhibition:nth-child(2) a div, #relatedsenseslide .exhibition: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, #relatedsenseslide .exhibition:nth-child(1) a div, #relatedsenseslide .exhibition:nth-child(2) a div, #relatedsenseslide .exhibition:nth-child(3) a div { border-right:1px solid #c9c9c9; min-height:350px; } } @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 } } .padding-related-sense-slide { padding: 0 35px; overflow: hidden; } @media (max-width: 1199px) { #relatedsenseslide { display:none;} } #relatedtitlewrap h2 { padding-left:calc(35px + 1%); } @media (min-width: 768px) and (max-width: 1199px) { #relatedtitlewrap h2 { padding-left:1%; } } @media (min-width: 992px) and (max-width: 1199px) { #exhibition-related #myCarouselmedium{ padding: 10px 75px !important; } } @media (max-width: 767px) { #relatedtitlewrap h2 { padding-left:3%; } } #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; } } /*---------------------------------------------- CALENDARI ----------------------------------------------*/ .download-button { font-family: ClassicGrotesque !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 8px; } #date { border: none !important; font-size: 20px; line-height: 26px; margin-top: 5px; max-width: 200px; text-align:left; padding:0; color:#000; margin-bottom:0;} #date::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #000;} #date::-moz-placeholder { /* Firefox 19+ */color: #000;} #date:-ms-input-placeholder { /* IE 10+ */color: #000;} #date:-moz-placeholder { /* Firefox 18- */color: #000;} #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:#000; } .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: ClassicGrotesque !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 ----------------------------------------------*/ .subproject div { padding:0 10px; margin-bottom:40px; } /*-.subproject-container .subproject div { border-right:1px solid #c9c9c9;}--*/ @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 (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;} } 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: ClassicGrotesque; 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: ClassicGrotesque; 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: ClassicGrotesque; 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:#000;} .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: ClassicGRotesque; 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: #000; } 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: ClassicGrotesque; 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: ClassicGrotesque; 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: #000; 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: ClassicGrotesque; 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: ClassicGrotesque; 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: ClassicGrotesque; 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: #000; border: 1px solid #000; } 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: absolute; right: 127px; top: 2px; z-index: 1; width: 80px; } .myAccount-cart_shopMenu li { display: inline; margin-left: 12px; } .myAccount-cart_shopMenu a { text-decoration: none; } .myAccount-cart_shopMenu img { opacity: 0.7; } .myAccount-cart_shopMenu .myAccount-icon { width: 14px; top: -1px; position: relative; } .myAccount-cart_shopMenu .cart-icon { width: 25px; } /*--- Footer Botiga ---*/ .footer-2020.shop-footer { padding: 25px 0; } .goToMuseumWebsite { font-family: ClassicGrotesque; font-weight: 500; 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: 60px; } .shop-banner .text_shopBanner, .shop-banner .image_shopBanner { flex: 1; padding: 75px; } .shop-banner .image_shopBanner { background-position: center; background-size: cover; } .shop-banner .text_shopBanner p { font-family: ClassicGrotesque; font-weight: 200; font-size: 37px; line-height: 45px; color: #FFF !important; margin-bottom: 30px; } .shop-banner .text_shopBanner p:last-child { margin-bottom: 0; } .shop-banner .text_shopBanner p.link { font-family: ClassicGrotesque; font-weight: 300; font-size: 16px; line-height: 20px; color: #FFF !important; border: 1px solid #FFF; text-decoration: none; padding: 12px 30px 8px; width: fit-content; } .shop-banner .text_shopBanner a { border: 1px solid #FFF; text-decoration: none; font-size: 20px; padding: 12px 12px 8px; } @media (max-width: 767px){ .shop-banner { flex-direction: column; } .shop-banner .text_shopBanner, .shop-banner .image_shopBanner { padding: 45px; } .shop-banner .image_shopBanner { min-height: 250px; } } /*--- 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: ClassicGrotesque !important; font-weight: 500 !important; font-size: 15px !important; line-height: 18px !important; margin-bottom: 2px; } .product-item p, .slider-related p, .myAccount-productsSlider p { font-family: ClassicGrotesque !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: ClassicGrotesque; 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: ClassicGrotesque; 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: ClassicGrotesque; 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: ClassicGrotesque !important; font-weight: 700 !important; font-size: 36px !important; line-height: 44px !important; text-align: center; } body.page-template-template_shop h3 { font-family: ClassicGrotesque !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; } .descomptes-elementsContainer { display: flex; } .descomptes-element { position: relative; flex: 1; text-align: center; border: 1px solid #E5E5E5; border-radius: 10px; max-width: calc(50% - 30px); margin: 0 15px 30px; display: flex; flex-direction: column; justify-content: space-between; align-items: stretch; overflow: hidden; } .descomptes-element p { font-family: ClassicGrotesque; font-weight: 400; font-size: 18px; line-height: 26px; color:#5c5c5c; } .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: ClassicGrotesque; 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: 30px; flex: 1;} .articket-link { margin-top: 20px; font-family: ClassicGrotesque; } @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: ClassicGrotesque; 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: #000; } /*---------------------------------------------- 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: ClassicGrotesque !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: ClassicGrotesque !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: ClassicGrotesque !important; font-size: 17px !important; line-height: 20px !important; font-weight: 500 !important; } .info-producte .contingut-camp, .preusvariations { font-family: ClassicGrotesque !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: ClassicGrotesque !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: ClassicGrotesque !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: ClassicGrotesque !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: ClassicGrotesque !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: ClassicGrotesque !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: #000 !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: ClassicGrotesque !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: ClassicGrotesque !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: ClassicGrotesque !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: ClassicGrotesque; 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: ClassicGrotesque; font-weight: 500; 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: ClassicGrotesque !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; } } /*--- General ---*/ /*h1.product_title { line-height:38px !important; } #shop-icon a { position: fixed; left: 40px; top: 40px; z-index: 9; text-decoration: none; } #shop-icon p#cart-number { width: 17px; height: 17px; line-height: 0; position: absolute; top: 24px; right: 4px; color: #FF5F5B !important; font-family: ClassicGrotesque; font-weight: 700; font-size: 15px; } @media (max-width: 991px){ #logo-header-shop { padding-top: 10px; } } @media (max-width: 767px){ #shop-icon a { left: 20px; top: 25px; } #shop-icon p#cart-number { padding-left: 5px; right: 5px; } .header-botiga #entra-com-amic { display: none; } } /*--- Header Botiga ---*/ /*---header.header-botiga { overflow: hidden; padding: 22px 0 32px; } body.avis header.header-botiga { margin-top: 88px; } .header-botiga div { float: left; width: 55%; } .header-botiga div:first-child, .header-botiga div:last-child { width: 22.5%; } #shop-icon { padding-top: 15px; padding-left: 60px; float: left; } #shop-icon img { width: 25px; } a#entra-com-amic { float: right; padding-right: 100px; padding-top: 25px; text-transform: uppercase; margin-top: 4px; } body.avis a#entra-com-amic { padding-top: 6px; }---*/ /*---.slider-full { padding: 0px; width: 100%; max-width: none !important; } .page-template-template_shop .slider-shop .slick-slide { min-height: 440px; background-size: cover; } .page-template-template_shop .slick-slider { margin-bottom: 20px; } .slick-prev:before, .slick-next:before { color: transparent !important; font-size: 35px !important; filter: brightness(0%); } .page-template-template_shop .slick-prev:before, .slider-related .slick-prev:before { height:40px !important; background-image:url(images/prev-carousel.svg) !important; background-size:contain; background-repeat:no-repeat; margin-left:-30px !important; left: 50px; z-index: 1000; } .page-template-template_shop .slick-next:before, .slider-related .slick-next:before { height:40px !important; background-image:url(images/next-carousel.svg) !important; background-size:contain; background-repeat:no-repeat; margin-right:-30px !important; right: 50px; z-index: 1000; } .page-template-template_shop .slick-prev, .slider-related .slick-prev { left: 50px !important; z-index: 1000; } .page-template-template_shop .slick-next, .slider-related .slick-next { right: 50px !important; z-index: 1000; } .text-shop-slider { float: right; max-width: 400px; margin-top: 100px; } .text-shop-slider p a { text-transform: uppercase; text-decoration: none; padding: 10px 20px; } .page-template-template_shop .breadcrumbs { margin-top: 0px !important; } .page-template-template_shop #main-content .titol-seccio { overflow: hidden; margin-top: 70px; } .titol-seccio p { border-bottom: 1px solid #989898; margin-bottom: 15px; }---*/ /*--- Slider Novetats ---*/ /*---.slider-novetats .slick-prev, .slider-novetats .slick-next { margin-top: -40px; } .page-template-template_shop .slider-novetats .imatge-producte, .slider-related { margin-top: 10px; } .page-template-template_shop .slider-novetats .slick-prev, .slider-related .slick-prev { left: -7px !important; z-index: 1000; } .page-template-template_shop .slider-novetats .slick-next, .slider-related .slick-next { right: -17px !important; z-index: 1000; } .page-template-template_shop .slider-novetats img { width: 100% !important; } .page-template-template_shop .slider-novetats .slick-prev.slick-disabled:before, .page-template-template_shop .slider-novetats .slick-next.slick-disabled:before, .page-template-template_shop .slider-novetats .slick-prev:before, .page-template-template_shop .slider-novetats .slick-next:before, .slider-related .slick-prev.slick-disabled:before, .slider-related .slick-next.slick-disabled:before, .slider-related .slick-prev:before, .slider-related .slick-next:before { opacity: 0.5 !important; } .slider-novetats a, .slider-related a { text-decoration: none; } @media (max-width: 991px){ .page-template-template_shop .slider-novetats .slick-prev:before, .slider-related .slick-prev:before { margin-left:-15px !important; } .page-template-template_shop .slider-novetats .slick-next:before, .slider-related .slick-next:before { margin-right:-15px !important; } .page-template-template_shop .slider-novetats .slick-prev, .slider-related .slick-prev { left: -15px !important; } .page-template-template_shop .slider-novetats .slick-next, .slider-related .slick-next { right: -30px !important; } } @media (max-width: 767px){ .page-template-template_shop .slider-novetats .slick-prev:before, .slider-related .slick-prev:before { margin-left: 0px !important; } .page-template-template_shop .slider-novetats .slick-next:before, .slider-related .slick-next:before { margin-right: 0px !important; } .page-template-template_shop .slider-novetats .slick-prev, .slider-related .slick-prev { left: -5px !important; } .page-template-template_shop .slider-novetats .slick-next, .slider-related .slick-next { right: -5px !important; } .slick-slider .slick-list { margin: 0px 15px; } } .slider-novetats .imatge-producte { height: 250px; } @media (max-width: 991px) and (min-width: 768px){ .slider-novetats .imatge-producte { height: 300px; } } @media (max-width: 767px) { .slider-novetats .imatge-producte { height: 265px; } } .novetats { position: relative; } .novetats .new { transform: rotate(-25deg); padding: 3px 7px 2px; position: absolute; text-align: center; top: -9px; left: 1%; border-radius: 50%; z-index: 9999; } @media (min-width: 992px) and (max-width: 1130px) { .novetats .new { left: -5%; } } @media (max-width: 991px) { .novetats .new { left: 10%; } } @media (max-width: 767px) { .novetats .new { left: 15%; } } @media (max-width: 575px) { .novetats .new { left: 5%; } }---*/ /*--- Tot el que hi pots trobar ---*/ /*---.categories-botiga { margin-bottom: 30px; } .categories-botiga a { text-decoration: none; } .categories-botiga p { padding: 0px 30px 0px; } .categories-botiga .image, .categories-botiga .text { float:left; } .categories-botiga .image div { min-height: 110px; background-size: cover; background-position: center; } .categories-botiga .text { float:left; height: 110px; line-height: 115px; -webkit-transition: all 0.3s; transition: all 0.3s; } .categories-botiga .text p { display: inline-block; line-height: normal; vertical-align: middle; } @media (min-width: 768px) { .categories-botiga:nth-child(2n+1) { padding-right: 10px; clear: both; } .categories-botiga:nth-child(2n) { padding-left: 10px; } }---*/ /*--- Ofertes ---*/ /*---.page-template-template_shop .ofertes-container { width: 25%; max-width: 25%; padding: 15px; text-align: center; } .ofertes { position: relative; } .onsale { transform: rotate(-25deg); padding: 3px 3px 2px; position: absolute; text-align: center; top: -9px; left: 1%; border-radius: 50%; z-index: 9999; } @media (min-width: 992px) and (max-width: 1130px) { .onsale { left: -5%; } } @media (max-width: 991px) { .onsale { left: 10%; } } @media (max-width: 767px) { .onsale { left: 15%; } } @media (max-width: 575px) { .onsale { left: 5%; } }---*/ /*--- Newsletter ---*/ /*---.page-template-template_shop .newsletter { overflow: hidden; margin: 100px 0px; } .page-template-template_shop .newsletter #subscribe-button { width: 75% !important; margin: 24px auto; text-align: center; padding: 10px 20px 6px; } .page-template-template_shop .newsletter #newsletter-container { margin: 60px auto 50px; max-width: 1050px; overflow: hidden; padding: 0px 25px; } .page-template-template_shop .newsletter #newsletter-container div:first-child { float:left; width: 80%; } .page-template-template_shop .newsletter #newsletter-container div:last-child { float:left; width: 20%; } @media (max-width: 900px) { .page-template-template_shop .newsletter #newsletter-container div { width: 100% !important; clear: both; } .page-template-template_shop .newsletter div#subscribe-button { width: unset !important; } }---*/ /*--- Descomptes ---*/ /*---.page-template-template_shop .descompte:nth-child(2n+1) { padding-right: 20px; clear: both; } .page-template-template_shop .descompte:nth-child(2n) { padding-left: 20px; } @media (max-width: 767px) { .page-template-template_shop .descompte { padding: 0px !important; clear: both; } } .page-template-template_shop .descompte { margin-bottom: 30px; } .page-template-template_shop .descompte h2 { margin-top: 30px; } .page-template-template_shop .descompte a, .shop-prefooter #shop-prefooter-lightgrey .prefooter-content p a, .shop-prefooter #shop-prefooter-darkgrey .prefooter-content p a { text-decoration: none; text-transform: uppercase; padding: 10px 20px 8px; top: 20px; position: relative;}---*/ /*--- Shop Prefooter ---*/ /*---.prefooter-content { padding-bottom: 20px; } .shop-prefooter .titol-seccio { padding-bottom: 10px; } .shop-prefooter #shop-prefooter-lightgrey, .shop-prefooter #shop-prefooter-darkgrey { padding: 65px 0px; } .shop-prefooter .seccio-prefooter { padding-right: 45px; padding-right: 45px; } .shop-prefooter .seccio-prefooter:nth-child(3n) { padding-right: 0px; } .shop-prefooter .seccio-prefooter:nth-child(3n+1) { padding-left: 0px; clear: both; } @media (min-width: 768px) and (max-width: 991px) { .shop-prefooter .seccio-prefooter { width: 50% !important; margin-top: 50px; } .shop-prefooter .seccio-prefooter:nth-child(3n+1) { width: 100% !important; margin-top: 0px; padding: 0; } } @media (max-width: 767px) { .shop-prefooter .seccio-prefooter { padding: 0; clear: both; margin-top: 50px; } .shop-prefooter .seccio-prefooter:nth-child(3n+1) { margin-top: 0px; } } #container-producte-destacat { padding:0 10px; margin:60px 0; } #producte-destacat { overflow:hidden; } #categories-botiga .productcategory div { padding:0 10px; } #content-destacat { padding:50px 0; float:right; width:55%; } .productcategory { margin-bottom:15px; } @media (min-width: 576px) and (max-width: 767px) { #categories-botiga a:nth-child(2n+1) .productcategory { clear:both; }} @media (min-width: 768px) and (max-width: 991px) { #categories-botiga a:nth-child(3n+1) .productcategory { clear:both; }} @media (min-width: 992px) and (max-width: 1199px) { #categories-botiga a:nth-child(4n+1) .productcategory { clear:both; }} @media (min-width: 1200px) { #categories-botiga a:nth-child(6n+1) .productcategory { clear:both; }}---*/ /*---------------------------------------------- SINGLE CATEGORIA ----------------------------------------------*/ /*---.imatge-producte { background-size: contain; background-position: center; background-repeat: no-repeat; height: 190px; width: 100%; } .page-template-template_product-categories #menu-categories { border-bottom: 1px solid #989898; margin-bottom: 15px; margin-top: 40px; } .page-template-template_product-categories .dropdown-menu { min-width: 260px; } .page-template-template_product-categories .btn .caret { margin-left: 5px; } .page-template-template_product-categories #menu-categories .btn-group a { text-decoration: none; } .page-template-template_product-categories #menu-categories .btn-group a p.active, .page-template-template_product-categories #menu-categories .btn-group button strong { font-weight: bold; } .page-template-template_product-categories #menu-categories .btn-group a p { padding: 0 25px; } .page-template-template_product-categories #menu-categories .btn-group a p.subcategory { padding-left: 40px; } .page-template-template_product-categories #menu-categories .btn-group a p.sub-subcategory { padding-left: 60px; } #menu-categories .btn { padding: 6px 12px 0; } .page-template-template_product-categories .buto-filtres { float: right; margin-right: 0px !important; } .categoria-shop { padding-top: 30px; } .categoria-shop a { text-decoration: none; } .categoria-shop .product-cat { margin-bottom: 45px; } .categoria-shop .product-cat .product-text { text-align: center; padding-top: 20px; } .categoria-shop p { margin-bottom: 3px; } @media (min-width: 992px) { .categoria-shop .col-lg-50 { width: 20% !important; } .categoria-shop .col-lg-50 .product-cat { padding-right: 10px; padding-left: 10px; } .categoria-shop .col-lg-50:nth-child(5n) .product-cat { padding-right: 0px; } .categoria-shop .col-lg-50:nth-child(5n+1) .product-cat {padding-left: 0px; } .categoria-shop .col-lg-50:nth-child(5n+1) { clear: both; } } @media (max-width: 991px) and (min-width: 768px){ .imatge-producte { height: 230px; } .categoria-shop .col-md-4 .product-cat { padding-right: 10px; padding-left: 10px; } .categoria-shop .col-md-4:nth-child(3n) .product-cat { padding-right: 0px; } .categoria-shop .col-md-4:nth-child(3n+1) .product-cat { padding-left: 0px; } .categoria-shop .col-md-4:nth-child(3n+1) { clear: both; } } @media (max-width: 767px) { .categoria-shop .col-sm-6 .product-cat { padding-right: 10px; padding-left: 10px; } .categoria-shop .col-sm-6:nth-child(2n) .product-cat { padding-right: 0px; } .categoria-shop .col-sm-6:nth-child(2n+1) .product-cat { padding-left: 0px; } .categoria-shop .col-sm-6:nth-child(2n+1) { clear: both; } .imatge-producte { height: 265px; } .page-template-template_product-categories #menu-categories .btn-group { margin-right: 5px !important; } } @media (max-width: 650px) { .page-template-template_product-categories #menu-categories { display: flow-root; } .page-template-template_product-categories #menu-categories .btn-group { clear: both; float: left; } .page-template-template_product-categories #menu-categories .btn-group:last-child .dropdown-menu { right: unset !important; } }---*/ /*---------------------------------------------- SHOP ARCHIVE LAYOUT ----------------------------------------------*/ /*---.product h2 { padding:0 !important; } .woocommerce ul.products li.product .price { margin:5px 0 0 !important; } #shop-sidebar { float:left; width:220px; padding-top: 10px; } #shop-content { float:right; width:calc(100% - 240px); } .woocommerce-ordering{ width: 190px; background:url('https://fundaciotapies.org/new/wp-content/themes/tapies/images/select.svg') no-repeat; background-position:100% center; overflow:hidden; } .orderby{ background: transparent; line-height: 1; border: 0; padding: 0; border-radius: 0; width: 120%; position: relative; z-index: 10; font-size: 1em; text-align: right; padding-right: 45px; } body.archive .products .add_to_cart_button { display:none !important; } .buto-categories .dropdown-menu, .buto-filtres .dropdown-menu { z-index: 99999; }---*/ /*---------------------------------------------- PRODUCT SINGLE ----------------------------------------------*/ /*---body.product-template-default .breadcrumbs { margin-top:15px; margin-bottom: 85px; } body.product-template-default .product_meta, body.product-template-default .woocommerce-tabs, .related.products .add_to_cart_button { display:none !important; } body.single-product .product span.onsale, body.single-product .product span.new { font-size: 22px; top: 12px; left: -27px; } body.single-product .product span.new { padding: .1em 0.7em; } body.single-product .related.products span.onsale, body.single-product .related.products span.new { font-size: 13px; top: 0px; left: 30px; line-height: 40px; padding: 3px 3px 2px; margin-top: 2px; } body.single-product .related.products span.new { padding: 3px 6px 2px; line-height: 36px; } body.product-template-default .related.products { clear:both; } .related.products { padding:20px 0 10px; margin-top:100px; } .woocommerce-page div.product div.images { width:39% !important; } .woocommerce-page div.product div.summary { width:55% !important; } .reset_variations, table.variations td.label { display: none !important; } @media (max-width: 767px) { body.product-template-default .product{ margin-top:30px; } .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary { width:100% !important; } } body.product-template-default .product h1 { margin-bottom:0 !important; } body.product-template-default .product h2 { margin-top:5px !important; } body.single-product .product form.cart { margin-top:40px !important; margin-bottom:10px !important; } body.single-product table.variations select { -webkit-appearance: button; -webkit-border-radius: 0; -webkit-padding-end: 20px; -webkit-padding-start: 2px; -webkit-user-select: none; background-image: url(images/select-variation.png); background-position: 97% center; background-repeat: no-repeat; overflow: hidden; padding: 10px 10px 5px; text-overflow: ellipsis; white-space: nowrap; width: 300px; line-height: 19px; } body.single-product table.variations select, .quantity input { border: 1px solid #AAA; } .woocommerce div.product form.cart .variations select { min-width: 50% !important; } section.info-producte { overflow: hidden; padding: 28px 0px; margin-top: 35px; } .info-producte .fila-producte:first-child { border-top: 1px solid #808080; margin-top: 30px; } .info-producte .fila-producte:last-child { margin-bottom: 30px; } .info-producte .fila-producte { padding: 20px 0px 15px; border-bottom: 1px solid #808080; overflow: hidden; } .info-producte .nom-camp, .info-producte .contingut-camp { float: left; } .info-producte .nom-camp { width: 20%; padding-left: 20px; } .info-producte .contingut-camp { width: 80%; padding-left: 20px; } @media (max-width: 767px){ .info-producte .contingut-camp { clear: both; width: 100%; } .info-producte .nom-camp { width: 100%; } } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { text-align: center; } body.product-template-default .product h2, body.product-template-default .product a, body.product-template-default .product span.price, body.product-template-default .product .price ins { text-decoration: none; } body.product-template-default .product .price del { display: none !important; } body.product-template-default .product h2 { margin-bottom: 0px; margin-top: 5px !important; } body.product-template-default .product .summary p, body.single-product table.variations select, .quantity-button, .woocommerce-variation-add-to-cart.variations_button input.qty { font-weight: 300; } body.product-template-default .product h2.price { margin-bottom: 30px; } body.product-template-default .descompte-amics { margin-top: 30px; } body.product-template-default .descompte-amics p:first-child { font-weight: 700; } body.product-template-default .descompte-amics a { text-decoration: underline; } body.product-template-default .descompte-amics a:hover { text-decoration: none; } .woocommerce .slider-related div.product { width: 20%; padding: 10px; text-align: center; float: left; } @media (max-width: 575px){ .woocommerce .slider-related div.product { width: 100%; } } .slider-related .slick-slide img { width: 100% !important; }---*/ /* Input Button */ /*---.woocommerce div.product form.cart div.quantity { margin-right: 10px !important; } .woocommerce .quantity .qty { width: unset !important; padding: 5px 20px 2px 2px; } .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: 38px; line-height: 1.65; float: left; display: block; padding: 0; margin: 0; padding-left: 20px; } .quantity input:focus { outline: 0; } .quantity-nav { float: left; position: relative; height: 36px; } .quantity-button { position: relative; cursor: pointer; border-left: 1px solid #AAA; width: 20px; text-align: center; font-size: 24px; font-family: ClassicGrotesque; line-height: 22px; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .quantity-button.quantity-up { position: absolute; height: 52%; top: 0; } .quantity-button.quantity-down { position: absolute; bottom: -1px; height: 50%; font-size: 30px; line-height: 19px; } #wooswipe .thumbnails { overflow: inherit !important; } #wooswipe .slick-next:before, #wooswipe .slick-prev:before {line-height: 0; } #wooswipe .slick-next:before, .pswp__button--arrow--right:before { content: url(images/next-carousel.svg) !important; } #wooswipe .slick-prev:before, .pswp__button--arrow--left:before { content: url(images/prev-carousel.svg) !important; } .pswp { height: 100vh !important; } .pswp__counter { top: 10px !important; } .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before { background-image: none !important; } .related.products .slick-dots { display: none !important; } .related.products .slick-prev, .related.products .slick-next { top: 40%; } body.product-template-default .summary .preusvariations.preus { margin-bottom: 30px; } body.product-template-default .summary .preusvariations span.variation-prices:last-child span.separator { display: none; }---*/ /*---------------------------------------------- CISTELLA BOTIGA ----------------------------------------------*/ /*--- General ---*/ /*---body.woocommerce-cart .wrap { position: relative; } body.woocommerce-cart h1.entry-title { overflow: hidden; margin-top: 40px; border-bottom: 2px solid #989898; margin-bottom: 15px; text-align: left; }---*/ /*--- General table ---*/ /*---body.woocommerce-cart .woocommerce table.shop_table { border: none; } body.woocommerce-cart .woocommerce table.shop_table td { border-top: 1px dashed #989898; } body.woocommerce-cart .woocommerce table.shop_table th.product-name { position: absolute; left: 0; padding-left: 4.5%; } @media (min-width: 1601px){ body.woocommerce-cart .woocommerce table.shop_table th.product-name { padding-left: 9%; } } body.woocommerce-cart .woocommerce table.shop_table td a, body.woocommerce-cart .woocommerce table.shop_table td span { text-decoration: none; } .woocommerce-cart table.cart img { max-width: 150px; padding: 25px 15px; width: 100% !important; } body.woocommerce-cart .woocommerce table.shop_table td a.remove { font-size: 5em !important; font-weight: 200 !important; width: 0.5em; height: 0.5em; } body.woocommerce-cart .quantity { overflow: hidden; } body.woocommerce-cart .woocommerce .cart .button { border-radius: 0; opacity: 1; text-transform: uppercase; padding: 10px 10px 7px; } body.woocommerce-cart table.cart .product-thumbnail { min-width: 140px !important; padding-top: 20px; padding-bottom: 20px; }---*/ /*--- Total table ---*/ /*---body.woocommerce-cart .woocommerce .cart_totals table.shop_table tbody tr td span { font-weight: 700 !important; } body.woocommerce-cart .woocommerce table.shop_table tbody tr:last-child td { padding: 12px 0px 10px; } body.woocommerce-cart .woocommerce .cart_totals table.shop_table th, body.woocommerce-cart .coupon input#coupon_code { padding: 12px 0px 10px; border-bottom: 1px dashed #989898; } body.woocommerce-cart .cart_totals td span { font-size: 20px !important; } body.woocommerce-cart .woocommerce .cart_totals table.shop_table tbody td { text-align: right; padding: 13px 0px 10px; border-bottom: 1px dashed #989898; border-top: 0; } body.woocommerce-cart .cart_totals h2, body.woocommerce-cart .coupon h1 { border-bottom: 1px dashed #989898; padding-bottom: 10px; margin-bottom: 0px; } .woocommerce-cart .wc-proceed-to-checkout { text-align: center; } body.woocommerce-cart button[name="update_cart"] { padding: 10px 10px 8px; }---*/ /*--- Taules de sota ---*/ /*---body.woocommerce-cart .coupon, body.woocommerce-cart .cart-collaterals { width: 50%; float: left; } body.woocommerce-cart .coupon { padding: 20px 35px 20px 0px; } body.woocommerce-cart .coupon h1 { padding: 0px 0px 10px; width: 100%; text-align: left; margin-top: 0px; } body.woocommerce-cart .coupon input { outline: none; padding: 10px; max-width: unset; margin-top: 20px; float: left; width: calc(60% - 15px); margin-right: 15px; } body.woocommerce-cart .coupon input:last-child { width: calc(40% - 15px); margin-left: 15px; margin-right: 0px; } body.woocommerce-cart .woocommerce .cart_totals { width: 100%; padding: 0px 0px 20px 35px; } body.woocommerce-cart .coupon input.button, body.woocommerce-cart .coupon #amics button { border-radius: 0; text-transform: uppercase; padding: 10px 10px 7px; border: none; } body.woocommerce-cart .coupon input#coupon_code { line-height: 20px !important; border: 1px solid #989898; padding: 10px 0px 8px 10px; } body.woocommerce-cart .coupon .submenu-title h1 { width: unset; border: 0; float: left; margin: 0px !important; padding-bottom: 0px; } body.woocommerce-cart i { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); border: solid #989898; border-width: 0 2px 2px 0; display: inline-block; padding: 7px; float: right; margin-top: 10px; } body.woocommerce-cart i.active { transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-top: 0px; } body.woocommerce-cart i:hover { border: solid #4d4d4d; border-width: 0 2px 2px 0; display: inline-block; padding: 7px; float: right; } body.woocommerce-cart .coupon .submenu-title { overflow: hidden; clear: both; width: 100%; border-bottom: 1px dashed #989898; padding: 10px 10px 10px 0px; } body.woocommerce-cart .coupon .submenu-title:hover { cursor: pointer !important; } body.woocommerce-cart .coupon #promocio, body.woocommerce-cart .coupon #amics { display: none; overflow: hidden; margin-bottom: 30px; margin-top: 20px; } body.woocommerce-cart .coupon #amics label, body.woocommerce-cart .coupon #amics button { float: left; } body.woocommerce-cart .coupon #amics input { float: right; border-radius: 0; } body.woocommerce-cart .coupon #amics label, body.woocommerce-cart .coupon #amics button { clear: both; } body.woocommerce-cart .coupon #amics input, body.woocommerce-cart .coupon #amics label { margin: 10px 0px; } body.woocommerce-cart .coupon #amics label { width: calc(50% - 50px); } body.woocommerce-cart .coupon label h1 { width: unset; border: 0; margin: 0px !important; padding-bottom: 0px; text-align: right; } body.woocommerce-cart .coupon #amics input[name="remember"] { max-width: 15px; margin-top: 3px; margin-right: 10px; padding: 0; height: 15px; float: left; clear: both; } body.woocommerce-cart .coupon #amics input[name="remember"]:checked { background-color: #B5B5B5 !important; } body.woocommerce-cart .coupon #amics span.psw { float: left; clear: both; margin-bottom: 20px; text-decoration: underline; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-background-color: white !important; -webkit-box-shadow: 0 0 0 30px white inset !important; } body.woocommerce-cart .coupon .submenu-content label:last-of-type h1 { float: left; font-size: 16px !important; } body.woocommerce-cart .coupon #amics input { padding-top: 13px; }---*/ /*--- Responsive ---*/ /*---@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: #FFF !important; } .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before { font-family: ClassicGrotesque !important; font-weight: 300 !important; font-size: 17px !important; line-height: 30px !important; } .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before { font-family: ClassicGrotesque !important; font-weight: 600 !important; font-size: 19px !important; line-height: 30px !important; } body.woocommerce-cart .woocommerce table .product-quantity { overflow: hidden; } body.woocommerce-cart .woocommerce table .product-quantity .quantity { float: right; } body.woocommerce-cart .coupon, body.woocommerce-cart .cart-collaterals { width: 100%; clear: both; } body.woocommerce-cart .coupon { padding-right: 0px !important; } body.woocommerce-cart .cart-collaterals .cart_totals { padding-left: 0px !important; } body.woocommerce-cart #promocio label { display: none !important; } .woocommerce table.shop_table_responsive tbody tr:first-child td:first-child, .woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child { border-top: 1px dashed #989898 !important; } body.woocommerce-cart .woocommerce table.shop_table td a.remove { font-size: 4em !important; } body.woocommerce-cart .woocommerce table.shop_table_responsive tr.cart_item { margin-top: 30px; } body.woocommerce-cart .woocommerce table.shop_table_responsive tr.cart_item:first-child { margin-top: 0px; } body.woocommerce-cart .woocommerce table.shop_table td a { font-size: 18px !important; } } @media (min-width: 576px) and (max-width: 767px){ body.woocommerce-cart .coupon #amics input:focus, body.woocommerce-cart .coupon #amics input { width: 50%; } }---*/ /*---------------------------------------------- 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: 500; 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: ClassicGrotesque; font-weight: 500 !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: ClassicGrotesque; font-weight: 500 !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: ClassicGrotesque; 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: ClassicGrotesque; font-weight: 500 !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: #000 !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: 500 !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: ClassicGrotesque; 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: ClassicGrotesque; font-weight: 500 !important; font-size: 22px !important; line-height: 35px !important; } .woocommerce-edit-account form button.woocommerce-Button { margin-top: 30px; font-family: ClassicGrotesque; font-weight: 500 !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: ClassicGrotesque; 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: 500 !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: ClassicGrotesque; font-weight: 500 !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: ClassicGrotesque; 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: ClassicGrotesque; 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: ClassicGrotesque !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: ClassicGrotesque !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 .classicgrotesquepro_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 .classicgrotesquepro_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; } .classicgrotesquepro_s27-l30-w600, .classicgrotesquepro_s36-l34-w600, .classicgrotesquepro_s28-l40-w400, .timesnow-s63-l75-w300 { color: #4c352e !important; } .classicgrotesquepro_s20-w28-w500, .classicgrotesquepro_s28-l40-w600, .classicgrotesquepro_s28-l40-w400.align-left { color: #5a4231 !important; } .classicgrotesquepro_s26-l50-w700 { margin-top: 0px !important; margin-bottom: 0px !important; font-family: Classicgrotesquepro, sans-serif !important; color: #4c352e !important; font-size: 46px !important; line-height: 50px !important; font-weight: bold !important; } .classicgrotesquepro_s16-l20-w600, .classicgrotesquepro_s16-l20-wbook { color: #333 !important; line-height: inherit; } .classicgrotesquepro_s16-l20-wbook { font-family: 'Classicgrotesquepro 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: Classicgrotesquepro, 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: #000; color: #FFF; font-weight: 500; font-family: Classicgrotesquepro, 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; } .classicgrotesquepro_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: ClassicGrotesque !important; font-weight: 700 !important; font-size: 25px !important; line-height: 44px !important; margin-bottom: 0 !important; } .page-template-template_transparencia h3 { font-family: ClassicGrotesque !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: ClassicGrotesque; 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: ClassicGrotesque; 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: 500; 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: ClassicGrotesque !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: 500 !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: ClassicGrotesque; 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: #000 !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: #000 !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; } @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: ClassicGrotesque; 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: ClassicGrotesque; 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: ClassicGrotesque; 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: ClassicGrotesque; 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%; } }--*/