body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@-webkit-keyframes a{to{transform:rotate(1turn)}}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("~owl.carousel/src/img/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* * Default theme - Owl Carousel CSS File */ .owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav [class*=owl-] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-nav [class*=owl-]:hover { background: #869791; color: #FFF; text-decoration: none; } .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } /* * Owl Carousel - Animate Plugin */ /*.owl-carousel{ .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-animated-in { z-index: 0; } .owl-animated-out { z-index: 1; } .fadeOut { animation-name: fadeOut; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }*/ @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; } .animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; } .animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; } @media (print), (prefers-reduced-motion) { .animated { -webkit-animation: unset !important; animation: unset !important; transition: none !important; } } /* ------------------------------------------------------------------------- */ /* VARIABLES 100X100 */ /* ------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- */ /* GENEREAL STYLE FRO 100X100 */ /* ------------------------------------------------------------------------- */ .center-content { text-align: center; } .left-content { text-align: left; } .right-content { text-align: right; } /* ------------------------------------------------------------------------- */ /* 100X100 GRID SYSTEM */ /* ------------------------------------------------------------------------- */ .column-container { font-size: 0; } .column { display: inline-block; padding: 0.5%; vertical-align: top; } .column-1 { width: 8.3333333333%; } .column-2 { width: 16.6666666667%; } .column-3 { width: 25%; } .column-4 { width: 33.333333333%; } .column-5 { width: 41.666666667%; } .column-6 { width: 50%; } .column-7 { width: 58.333333333%; } .column-8 { width: 66.666666667%; } .column-9 { width: 75%; } .column-10 { width: 83.33333333%; } .column-11 { width: 91.66666667%; } .column-12 { width: 100%; } /* Special Grids */ .column-margin { display: inline-block; vertical-align: top; } .column-1_11 { width: 8.5%; margin-left: 0.29545455%; margin-right: 0.29545455%; } @media only screen and (max-width: 1100px) { .column-1-tablet { width: 8.3333333333%; } .column-2-tablet { width: 16.6666666667%; } .column-3-tablet { width: 25%; } .column-4-tablet { width: 33.333333333%; } .column-5-tablet { width: 41.666666667%; } .column-6-tablet { width: 50%; } .column-7-tablet { width: 58.333333333%; } .column-8-tablet { width: 66.666666667%; } .column-9-tablet { width: 75%; } .column-10-tablet { width: 83.33333333%; } .column-11-tablet { width: 91.66666667%; } .column-12-tablet { width: 100%; } } @media only screen and (max-width: 800px) { .column-1-mobile { width: 8.3333333333%; } .column-2-mobile { width: 16.6666666667%; } .column-3-mobile { width: 25%; } .column-4-mobile { width: 33.333333333%; } .column-5-mobile { width: 41.666666667%; } .column-6-mobile { width: 50%; } .column-7-mobile { width: 58.333333333%; } .column-8-mobile { width: 66.666666667%; } .column-9-mobile { width: 75%; } .column-10-mobile { width: 83.33333333%; } .column-11-mobile { width: 91.66666667%; } .column-12-mobile { width: 100%; } .column-0-mobile { display: none; } } /* ------------------------------------------------------------------------- */ /* VARIABLES FORM VALIDATION 100x100 */ /* ------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- */ /* GENEREAL STYLE FORM VALIDATION 100x100 */ /* ------------------------------------------------------------------------- */ /* INPUT CSS */ .hundreds-validation__input_error { border-color: #e42c14 !important; } label.hundreds-validation__input_error, p.hundreds-validation__input_error, label.hundreds-validation__input_error a { color: #e42c14 !important; border-color: #e42c14 !important; } .newsletter-form label.hundreds-validation__input_error, .newsletter-form p.hundreds-validation__input_error, .newsletter-form label.hundreds-validation__input_error a { color: #e9ef19 !important; border-color: #e9ef19 !important; } .hundreds-form__error { display: none; color: #e42c14; } /*.hundreds-validation__input_success{ border-color: $hundreds-success-color !important; }*/ /* MESSAGES CSS */ .form-messages { margin: 20px 0 30px; } .form-messages__success { color: #24ae0c; } .form-messages__errors { color: #e42c14; } .form-messages_hide { display: none; } .form-messages_show { display: block; } /* ------------------------------------------------------------------------- */ /* WordPress WYSIWYG Editor Styles */ /* ------------------------------------------------------------------------- */ .entry-content img { margin: 0 0 1.5em 0; } .alignleft, img.alignleft { margin-right: 1.5em; display: inline; float: left; } .alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; } .aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; } .alignnone, img.alignnone { /* not sure about this one */ } .wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; } .wp-caption img { border: 0 none; padding: 0; margin: 0; } .wp-caption p.wp-caption-text { line-height: 1.5; font-size: 10px; margin: 0; } .wp-smiley { margin: 0 !important; max-height: 1em; } blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; } blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; } /* ------------------------------------------------------------------------- */ /* FONTS */ /* ------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- */ /* VARIABLES */ /* ------------------------------------------------------------------------- */ /* 400 y 600*/ /*600*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, figure, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; text-decoration: none; } /* ========================================================================== RESET CSS ========================================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, figure, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; text-decoration: none; } img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; } a { text-decoration: none; outline: 0; } a:hover { text-decoration: none; } * { margin: 0; padding: 0; } * { box-sizing: border-box; } p a { outline: 0; } p a:hover { text-decoration: underline; } input[type=submit], input { -webkit-appearance: none; -moz-appearance: none; appearance: none; } html, body { overflow-x: hidden; } /* ------------------------------------------------------------------------- */ /* GENEREAL STYLE - Classes used throught all the project */ /* ------------------------------------------------------------------------- */ body { background-color: #ECEBE5; min-height: 100%; font-family: "Libre Franklin", sans-serif; color: #1e1e1e; font-size: 1rem; line-height: 150%; -webkit-font-smoothing: antialiased; } p { font-size: 1rem; line-height: 150%; margin-bottom: 1.125rem; } .container { width: 100%; max-width: 1440px; margin: 0 auto; padding-left: 5%; padding-right: 5%; } .container-medio { width: 100%; max-width: 1100px; margin: 0 auto; padding-left: 5%; padding-right: 5%; } .container-mini { width: 100%; max-width: 900px; margin: 0 auto; padding-left: 5%; padding-right: 5%; } .container-micro { width: 100%; max-width: 700px; margin: 0 auto; padding-left: 5%; padding-right: 5%; } img { max-width: 100%; height: auto; } a, button { cursor: pointer; } .clearfix, .clear { clear: both; } strong { font-weight: 600; } p a, a { text-decoration: none; color: #2526A9; font-weight: 400; } p i, i { font-style: italic; } ul { list-style: none; } ul li, ol li { font-size: 1rem; } sup { vertical-align: super; font-size: smaller; } .no_padding { padding: 0px !important; } .align-center { text-align: center; } .align-right { text-align: right; } .padding-small { padding-top: 40px; padding-bottom: 40px; } .padding-medium { padding-top: 80px; padding-bottom: 80px; } .padding-big { padding-top: 140px; padding-bottom: 140px; } .padding-anchor { padding-top: 100px; padding-bottom: 40px; } .left { float: left; } .right { float: right; } .bg-color { background-color: #ECEBE5; } .bg-color-clear { background-color: #FAFAF9; } .bg-color-dark { background-color: #DAD7CB; } /* CALLTOACTIONS */ .calltoaction { display: inline-block; margin: 0; width: auto; text-align: center; padding: 12px 25px; color: white; font-family: "Libre Franklin", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 1.125rem; line-height: 120%; background-color: #2526A9; transition: all 0.2s; opacity: 1; -webkit-appearance: none; } .calltoaction.flex { display: inline-flex; align-items: center; } .calltoaction.flex img { width: 25px; margin-left: 10px; transition: all 0.2s; } .calltoaction:hover { text-decoration: none; } .calltoaction.flex:hover img { transform: translateX(6px); } .calltoaction.border { background-color: transparent; color: #2526A9; border: 1px solid #2526A9; } .calltoaction.border:hover { background-color: #2526A9; color: white; } .calltoaction-viewmore { background: #2526A9; color: white; width: auto; font-size: 1rem; border: 1px solid #2526A9; padding: 8px 20px; border-radius: 0px; } .calltoaction-viewmore:hover { border-color: black; } /* ANIMATIONS */ .animated { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1.6s; animation-duration: 1.6s; } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .fadeToLeft { -webkit-animation-name: fadeToLeft; animation-name: fadeToLeft; } .fadeToRight { -webkit-animation-name: fadeToRight; animation-name: fadeToRight; } .fadeOpacity { -webkit-animation-name: fadeOpacity; animation-name: fadeOpacity; } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes blinkingimage { 50% { transform: scaleY(1); } } @keyframes blinkingimage { 50% { transform: scaleY(1); } } @-webkit-keyframes blinking { 50% { opacity: 1; } } @keyframes blinking { 50% { opacity: 1; } } @-webkit-keyframes fadeInUp { 0% { opacity: 0; transform: translate(0, 200px); } 100% { opacity: 1; transform: translate(0, 0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translate(0, 200px); } 100% { opacity: 1; transform: translate(0, 0); } } @-webkit-keyframes fadeToLeft { 0% { opacity: 0; transform: translate(100px, 0); } 100% { opacity: 1; transform: translate(0, 0); } } @keyframes fadeToLeft { 0% { opacity: 0; transform: translate(100px, 0); } 100% { opacity: 1; transform: translate(0, 0); } } @-webkit-keyframes fadeToRight { 0% { opacity: 0; transform: translate(-100px, 0); } 100% { opacity: 1; transform: translate(0, 0); } } @keyframes fadeToRight { 0% { opacity: 0; transform: translate(-100px, 0); } 100% { opacity: 1; transform: translate(0, 0); } } @-webkit-keyframes fadeOpacity { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeOpacity { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeOut { 0% { opacity: 1; } 50% { opacity: 0; } } @media only screen and (max-width: 800px) { .padding-small { padding-top: 30px; padding-bottom: 30px; } .padding-medium { padding-top: 50px; padding-bottom: 50px; } .padding-big { padding-top: 80px; padding-bottom: 80px; } .padding-anchor { padding-top: 60px; padding-bottom: 40px; } .calltoaction { padding: 12px 35px; } .columna2, .columna2-last { float: none; width: 100%; margin-left: 0; margin-right: 0; } .columna4 { width: 49%; margin-bottom: 30px; } } @media only screen and (max-width: 600px) { .padding-small { padding-top: 25px; padding-bottom: 25px; } .padding-medium { padding-top: 30px; padding-bottom: 30px; } .padding-big { padding-top: 40px; padding-bottom: 40px; } .padding-anchor { padding-top: 40px; padding-bottom: 40px; } } @media only screen and (max-width: 480px) { p, ul li { font-size: 0.9rem; } .calltoaction { font-size: 0.9rem; } } /* ------------------------------------------------------------------------- */ /* GENEREAL STYLE - Classes used throught all the project */ /* ------------------------------------------------------------------------- */ h1, h2, h3, h4 { font-family: "Libre Franklin", sans-serif; font-weight: 600; color: #1e1e1e; line-height: 120%; margin-bottom: 30px; } h1, .title_h1 { font-size: clamp(1.6rem, 1.6rem + (1vw - 0.2rem) * 2, 2.5rem); } h2, .title_h2 { font-size: clamp(1.4rem, 1.4rem + (1vw - 0.2rem) * 2, 2rem); } h3, .title_h3 { font-size: clamp(1.2rem, 1.2rem + (1vw - 0.2rem) * 2, 1.75rem); } h4, h5, .title_h4 { font-size: clamp(1.1rem, 1.1rem + (1vw - 0.2rem) * 1.5, 1.5rem); } .title_center { text-align: center; } .title_white { color: white; } .uppercase { text-transform: uppercase; } @media only screen and (max-width: 1000px) { h1, h2, h3, h4 { margin-bottom: 26px; } } @media only screen and (max-width: 800px) { h1, h2, h3, h4 { margin-bottom: 24px; } } @media only screen and (max-width: 600px) { h1, h2, h3, h4 { margin-bottom: 20px; } .title_center { margin-bottom: 20px; } } @media only screen and (max-width: 480px) { .title_center { margin-bottom: 15px; } } /* ------------------------------------------------------------------------- */ /* COOKIES */ /* ------------------------------------------------------------------------- */ /*.cookies{ position: fixed; bottom: 10px; left:10px; width: 90%; max-width: 400px; padding: 25px 40px 20px 25px; z-index:100; background-color:white; border-radius: $border-radius; box-shadow: 0 0 20px rgba(0,0,0,0.2);} .cookies .message-close-button { position: absolute; top: 15px; right: 15px; width: 15px; height: 15px; background: transparent url(../images/close.svg) no-repeat; background-size: 100%; cursor:pointer;} .cookies p { font-size: 14px; color:$color-txt; line-height:130%; margin-bottom: 0;} .cookies p.cookies__text {margin-bottom:3px;} .cookies p:last-child {text-align: right;} .cookies p a{ color: $color-txt; font-weight:$font-weight-bold; font-size:15px;} .cookies p a:hover{ color: $color-txt;} @media only screen and (max-width: 800px){ .cookies p { font-size:13px; } .cookies p a{ font-size:14px;} } @media only screen and (max-width: 600px){ .cookies{ width: calc(100% - 20px); max-width: none;} .cookies p { font-size:12px; } .cookies p a{ font-size:13px;} }*/ ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0); border-radius: 5px; background-color: #ECEBE5; } ::-webkit-scrollbar { width: 5px; background-color: #ECEBE5; } ::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0); background-color: #DAD7CB; } /* ------------------------------------------------------------------------- */ /* HEADER STYLES */ /* ------------------------------------------------------------------------- */ .header { position: fixed; width: 100%; display: flex; align-items: center; box-sizing: border-box; background: white; z-index: 10; transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9); -webkit-transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9); } .header .container { display: flex; align-items: center; padding-top: 20px; padding-bottom: 20px; height: 130px; justify-content: space-between; transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9); -webkit-transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9); } .header.fixed { background-color: white; } .header.fixed .container { height: 73px; } .header.hidden { display: none; } /*.header.transparent { background:transparent; } .header.transparent.fixed { background-color:white; }*/ .header.dark { background: #DAD7CB; } .header.dark.fixed { background-color: white; } .header .header-start, .header .header-end { display: flex; align-items: center; } .header .web-logo { transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9); -webkit-transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9); } .header .web-logo .header__logo.white { display: none; } .header .web-logo .header__logo.color { display: block; } .header .web-logo .header__logo.mini { display: none; } /*.header.transparent .web-logo .header__logo.white { display:block; } .header.transparent .web-logo .header__logo.color { display:none; }*/ .header.fixed .web-logo .header__logo.white { display: none; } .header.fixed .web-logo .header__logo.color { display: none; } .header.fixed .web-logo .header__logo.mini { display: block; } /* MENU MINI */ .mini-menu ul { display: flex; justify-content: space-evenly; } .mini-menu ul li { padding: 0 10px; } .mini-menu ul li a { color: #1e1e1e; font-size: 14px; font-family: "Libre Franklin", sans-serif; font-weight: 400; text-transform: uppercase; position: relative; overflow: hidden; display: block; padding: 1px 1px; } .mini-menu ul li a:after { -webkit-backface-visibility: hidden; backface-visibility: hidden; transform-style: preserve-3d; transform: translateZ(0); will-change: transform; content: ""; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; background: #2526A9; transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9); -webkit-transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9); transform: translate3d(-103%, 0, 0); -webkit-transform: translate3d(-103%, 0, 0); } .mini-menu ul li a:hover:after, .mini-menu ul li.current-menu-item > a:after, .mini-menu ul li.selected a:after { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } .header.transparent .mini-menu ul li a { color: white; } .header.transparent .mini-menu ul li a:after { background: white; } .header.transparent.fixed .mini-menu ul li a { color: #1e1e1e; } .header.transparent.fixed .mini-menu ul li a:after { background: #2526A9; } /*2n nivel*/ .mini-menu ul li ul.sub-menu { margin-left: -15px; border: 0; position: absolute; width: auto; z-index: 3; background: white; padding: 15px 15px 10px; visibility: hidden; opacity: 0; filter: alpha(opacity=0); transition: all 0.2s; display: flex; flex-direction: column; align-items: flex-start; gap: 5px; border-radius: 10px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } .mini-menu ul li:hover ul.sub-menu { visibility: visible; opacity: 1; filter: alpha(opacity=100); } .mini-menu ul li ul.sub-menu li { padding: 0; margin: 0 0 5px; border-right: none; } .mini-menu ul li ul.sub-menu li:last-child { border: none; } .mini-menu ul li ul.sub-menu li a { font-size: 13px; line-height: 140%; color: #1e1e1e; padding: 1px 1px; cursor: pointer; } .mini-menu ul li.current-menu-parent ul.sub-menu li a, .mini-menu ul li.current-menu-item ul.sub-menu li a { color: #1e1e1e; } .mini-menu ul li.current-menu-parent ul.sub-menu li a:hover, .mini-menu ul li.current-menu-parent ul.sub-menu li.current-menu-item a { color: #1e1e1e; } .mini-menu ul li.current-menu-parent ul.sub-menu li a { color: #1e1e1e; } .header.transparent .mini-menu ul li ul.sub-menu a { color: #1e1e1e; } /* IDIOMAS */ /*.header_idiomas { z-index: 10001; margin-left:20px; } .header_idiomas ul { display: flex; } .header_idiomas ul li { margin-left:10px; } .header_idiomas ul li a {opacity:0.3; color:$color-txt; font-family:$main; font-size:12px; line-height:$line-height2; display: block; padding: 5px ; transition: all .5s cubic-bezier(.07,.71,.1,.9); -webkit-transition: all .5s cubic-bezier(.07,.71,.1,.9);} .header_idiomas ul li a:hover, .header_idiomas ul li.wpml-ls-current-language a { opacity:1;} .header.transparent .header_idiomas ul li a { color:white; } .header.transparent.fixed .header_idiomas ul li a { color:$color-txt; } .header.menu-opened .header_idiomas ul li a { color:$color-txt; }*/ /* IDIOMAS DROPDOWN*/ .header_idiomas { z-index: 10001; margin-left: 20px; } .header_idiomas ul { position: relative; } .header_idiomas ul li a { display: block; font-family: "Libre Franklin", sans-serif; font-size: 13px; color: #1e1e1e; border: 0; } .header_idiomas ul li a.wpml-ls-item-toggle { width: 35px; line-height: 150%; background: url(../images/arrow.svg) transparent right no-repeat; background-size: 10px; padding: 5px 10px 5px 0; } .header_idiomas ul ul li a { padding: 5px 6px 5px; } .header_idiomas ul ul.wpml-ls-sub-menu { visibility: hidden; position: absolute; right: 0; left: 0; padding: 0; margin: 0; z-index: 1002; border-radius: 5px; background: #ECEBE5; } .header_idiomas ul ul.wpml-ls-sub-menu li { background-color: transparent; } .header_idiomas ul ul.wpml-ls-sub-menu li a { display: block; line-height: 150%; margin: 0; background: none; } .header_idiomas ul ul.wpml-ls-sub-menu li a:hover { opacity: 0.8; } .header.transparent .header_idiomas ul ul.wpml-ls-sub-menu { background: #1e1e1e; } .header.transparent .header_idiomas ul li a { color: white; } .header.transparent .header_idiomas ul li a.wpml-ls-item-toggle { background: url(../images/arrow-white.svg) transparent right no-repeat; background-size: 10px; } .header.transparent.fixed .header_idiomas ul ul.wpml-ls-sub-menu { background: #ECEBE5; } .header.transparent.fixed .header_idiomas ul li a { color: #1e1e1e; } .header.transparent.fixed .header_idiomas ul li a.wpml-ls-item-toggle { background: url(../images/arrow.svg) transparent right no-repeat; background-size: 10px; } .header.menu-opened .header_idiomas ul li a { color: #1e1e1e; } /* MENU BURGER */ .header__menu-burguer { display: none; margin-left: 30px; } #nav-open-close { display: inline-block; position: relative; z-index: 10001; width: 40px; height: 25px; transform: rotate(0deg); transition: 0.5s ease-in-out; cursor: pointer; } #nav-open-close span { display: block; position: absolute; height: 2px; width: 100%; background: black; opacity: 1; right: 0; border-radius: 6px; transform: rotate(0deg); transition: 0.25s ease-in-out; } #nav-open-close span { background: #1e1e1e; } .header.transparent #nav-open-close span { background: white; } .header.transparent.fixed #nav-open-close span { background: #1e1e1e; } #nav-open-close span:nth-child(1) { top: 0px; } #nav-open-close span:nth-child(2) { top: 11px; } #nav-open-close span:nth-child(3) { top: 23px; } #nav-open-close.open span, .header.transparent #nav-open-close.open span, .header.transparent.fixed #nav-open-close.open span { background: #1e1e1e; } #nav-open-close.open span:nth-child(1) { top: 12px; transform: rotate(45deg); } #nav-open-close.open span:nth-child(2) { opacity: 0; right: 0px; width: 0; } #nav-open-close.open span:nth-child(3) { top: 12px; transform: rotate(-45deg); } /*MENU DESPLEGABLE*/ .header__desplegable { display: flex; flex-direction: column; justify-content: flex-start; position: fixed; top: 0; right: 0; width: 50%; height: 100vh; padding: 60px 4% 30px; background: white; z-index: 10000; opacity: 0; box-shadow: -1px 0px 10px rgba(0, 0, 0, 0.2); transform: translateX(100px); visibility: hidden; transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9); -webkit-transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9); } .header__desplegable.appear { visibility: visible; opacity: 1; transform: translateX(0); } .header__desplegable .mobile-content { display: flex; flex-direction: column; justify-content: space-between; height: calc(100svh - 90px); } .header__desplegable .mobile-content .top { flex: 1; display: flex; flex-direction: column; overflow-y: auto; margin-bottom: 20px; } .header__desplegable .menu { padding-right: 10px; } .header__desplegable .menu ul li { border-bottom: 1px solid #1e1e1e; } .header__desplegable .menu ul li a { position: relative; display: block; padding: 12px 15px 12px 0; color: #1e1e1e; font-family: "Libre Franklin", sans-serif; font-size: 26px; line-height: 120%; text-decoration: none; transition: all 0.2s; } .header__desplegable .menu ul ul { margin-bottom: 15px; } .header__desplegable .menu ul ul li { border-bottom: none; } .header__desplegable .menu ul ul li a { padding: 8px 0 6px; font-size: 16px; font-family: "Libre Franklin", sans-serif; } /*.header__desplegable .menu ul ul ul { margin:5px 0; } .header__desplegable .menu ul ul ul li { border-top:none; border-bottom:none; } .header__desplegable .menu ul ul ul li a { padding:0 0 6px 10px; font-size:16px; } */ .header__desplegable .menu ul ul { display: none; } .header__desplegable .menu li.active > ul { display: block; } .header__desplegable .menu ul li a:hover, .header__desplegable .menu ul li.current-menu-item a { color: #2526A9; } .header__desplegable .menu a:not(:only-child):before { content: ""; position: absolute; right: 0; top: 50%; width: 15px; height: 2px; background: #1e1e1e; transform: rotate(90deg); transition: all 0.2s; } .header__desplegable .menu a:not(:only-child):after { content: ""; position: absolute; right: 0; top: 50%; width: 15px; height: 2px; background: #1e1e1e; } .header__desplegable .menu .active > a:not(:only-child):before { transform: rotate(0deg); } .header__desplegable .mobile-content .bottom { display: flex; align-items: center; justify-content: space-between; } .header__desplegable .mobile-content .bottom a.contact { display: inline-block; color: #2526A9; font-family: "Libre Franklin", sans-serif; font-size: 20px; line-height: 120%; text-transform: uppercase; padding: 8px 12px; border: 1px solid #2526A9; } .header__desplegable .mobile-content .bottom ul.list-social { display: flex; align-items: center; flex-wrap: wrap; } .header__desplegable .mobile-content .bottom ul.list-social li { margin: 0 3px 0; } .header__desplegable .mobile-content .bottom ul.list-social li a { display: flex; padding: 5px; transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9); -webkit-transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9); } .header__desplegable .mobile-content .bottom ul.list-social li a:hover { opacity: 0.7; } .header__desplegable .mobile-content .bottom ul.list-social li a .social__img g, .header__desplegable .mobile-content .bottom ul.list-social li a .social__img path { fill: #1e1e1e; } /*main {margin-top:80px; }*/ main { margin-top: 130px; } main.header-space { margin-top: 0; } main.singular-space { margin-top: 70px; } @media only screen and (max-width: 1200px) { .mini-menu ul li { padding: 0 8px; } .mini-menu ul li a { font-size: 12px; } .mini-menu ul li ul.sub-menu li a { font-size: 12px; } .header__desplegable { width: 600px; } .header__desplegable .menu ul li a { font-size: 23px; } .header__desplegable .menu ul ul li a { font-size: 16px; } } @media only screen and (max-width: 1000px) { .mini-menu { display: none; } .header__menu-burguer { display: flex; } } @media only screen and (max-width: 800px) { .header .container, .header.fixed .container { height: 55px; } .header .web-logo .header__logo.color { display: none; } .header .web-logo .header__logo.mini { display: block; } main { margin-top: 55px; } main.singular-space { margin-top: 55px; } } @media only screen and (max-width: 600px) { .header .web-logo { width: 140px; } .header__desplegable { width: 100%; transform: translateX(100px); box-shadow: none; } .header__desplegable .menu ul li a { font-size: 20px; padding: 10px 15px 10px 0; } .header__desplegable .menu ul ul li a { font-size: 15px; } } @media only screen and (max-width: 400px) { .header .web-logo { width: 120px; } .header__desplegable .menu ul li a { font-size: 18px; } .header__desplegable .menu ul ul li a { font-size: 14px; } .header__desplegable .mobile-content .bottom a.contact { font-size: 15px; } .header__desplegable .mobile-content .bottom ul.list-social li { margin: 0 5px 0; } .header__desplegable .mobile-content .bottom ul.list-social li a { width: 25px; padding: 0; } } /* ------------------------------------------------------------------------- */ /* HOME CSS */ /* ------------------------------------------------------------------------- */ .home-slider { position: relative; background-color: #DAD7CB; height: 100vh; } .slider-info { position: absolute; width: 90%; max-width: 500px; left: 5%; top: 30%; color: white; z-index: 2; } .slider-info .slider-title { font-size: 35px; color: white; margin-bottom: 20px; } .slider-info p { font-size: 32px; line-height: 120%; margin-bottom: 0; } .slider-item { height: 100vh; min-height: 550px; position: relative; display: flex; } .slider-item .slider-container { position: relative; z-index: 1; height: 100%; display: flex; align-items: center; } .slider-item .box-image { position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center; } .slider-item .box-image:after { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(30, 30, 30, 0.3); } .slider-item .box-image.image-mobile { display: none; } /*.slider-sound-box { position: absolute; left:calc(50% - 200px); bottom: 80px; width:400px; padding:0 15px 0 0; background-color:rgba(30,30,30,0.8); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); display:flex; } .slider-sound-box .sound-box-image { width:80px; height:80px; } .slider-sound-box .sound-box-content { flex: 1; padding:15px 15px 10px; display:flex; flex-direction:column; } .slider-sound-box .sound-box-content .sound-box-title { margin-bottom:5px;} .slider-sound-box .sound-box-content .sound-box-title p { color:white; font-size:14px; line-height: 110%; width:230px; margin-bottom:5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .slider-sound-box .sound-box-content .sound-box-title p.title { font-weight:$font-weight-semibold; } .slider-sound-box .sound-box-content .sound-box-title p.artist { font-size:11px; } .sound-box-bar { width: 100%; display:flex; align-items: center; } .sound-box-bar .sound-box-line { position:relative; flex:1; width:100%; height:2px; background:rgba(255,255,255,0.3);} .sound-box-bar .sound-box-line .sound-box-line-reproducing {position:absolute; top:0; left:0; height:100%; width: 0%; background-color:white; } .sound-box-bar .sound-box-time { color:white; font-size:10px; line-height:$line-height2; opacity:0.5; margin-left:10px; } .slider-sound-box .sound-box-button { display: flex; align-items: center; } .slider-sound-box .sound-box-button .sound-button { width:43px; height:43px; display:flex; align-items: center; justify-content: center; border-radius: 100px; background-color:$color; cursor:pointer;} .slider-sound-box .sound-box-button .sound-button img { width: 16px; margin-left: 5px;} .slider-sound-box .sound-box-button .sound-button .pause { display:none; position:relative; width:10px; height:16px; } .slider-sound-box .sound-box-button .sound-button .pause:before { content: ""; position: absolute; top: 0; left: 0; width: 3px; height: 100%; background: white;} .slider-sound-box .sound-box-button .sound-button .pause:after {content: ""; position: absolute; top: 0; right: 0; width: 3px; height: 100%; background: white;} .slider-sound-box .sound-box-button .sound-button.playing img { display:none; } .slider-sound-box .sound-box-button .sound-button.playing .pause { display:block; } */ .owl-theme .owl-nav { width: 100%; margin: 20px auto 0; padding: 0; display: flex; justify-content: center; } .owl-theme .owl-nav [class*=owl-] { display: inline-block; width: 60px; height: 60px; border-radius: 100px; background: transparent url(../images/arrow.svg) no-repeat center !important; margin: 0; /*box-shadow:0 0 5px rgba(0,0,0,0.2);*/ transition: all 0.4s; } .owl-theme .owl-nav [class*=owl-] span { display: none; } .owl-theme .owl-nav .owl-prev { transform: rotate(-180deg); } .owl-theme .owl-nav .owl-next { right: 0; } .owl-theme .owl-nav [class*=owl-]:hover { background: transparent url(../images/arrow.svg) no-repeat center !important; } .owl-theme .owl-nav .disabled, .owl-theme .owl-nav [class*=owl-].disabled:hover { opacity: 0.4; } /*.owl-carousel-recent-released .owl-stage-outer { overflow: unset; }*/ .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; background: rgba(30, 30, 30, 0.5); } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #1e1e1e; } .owl-carousel-home.owl-theme .owl-dots, .owl-carousel-home.owl-theme .owl-nav.disabled + .owl-dots { position: absolute; bottom: 10px; width: 100%; } .owl-carousel-home.owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; background: rgba(255, 255, 255, 0.5); } .owl-carousel-home.owl-theme .owl-dots .owl-dot.active span, .owl-carousel-home.owl-theme .owl-dots .owl-dot:hover span { background: white; } .fundacio-home .titleprev { font-family: "Libre Franklin", sans-serif; font-size: 16px; margin-bottom: 10px; text-transform: uppercase; opacity: 0.4; } .fundacio-home .title { line-height: 120%; margin-bottom: 30px; } .agenda-home { background-color: #DAD7CB; } /* Destacats home */ /* .banners-home {display:flex; flex-wrap:wrap;} .banners-home .banner-home-item { min-height:360px; flex-basis:50%; border-top: 1px solid $color-txt; border-bottom: 1px solid $color-txt; border-right: 1px solid $color-txt;} .banners-home .banner-home-item:nth-child(even) { border-right:none;} .banners-home .banner-home-item:nth-child(n+3) { border-top: none;} .banners-home .banner-home-item a { position:relative; display:flex; flex-direction:column; justify-content:space-between; width:100%; height:100%; padding:30px;} .banners-home .banner-home-item a .banner-image { position:absolute; top: 0; left: 0;width:100%; height:100%; background-size:cover; background-position:center; opacity:0; transition: all .5s cubic-bezier(.07,.71,.1,.9); -webkit-transition: all .5s cubic-bezier(.07,.71,.1,.9);} .banners-home .banner-home-item a .banner-image:after { content:""; position:absolute; width:100%; height:100%; background:rgba(161,156,143,0.7); } .banners-home .banner-home-item a .banner-content { flex:1; margin-bottom:10px; z-index: 1;} .banners-home .banner-home-item a .banner-content .banner-home-pretitle { font-family:$main; color:#6D6F64; font-size:16px; margin-bottom:20px; } .banners-home .banner-home-item a .banner-content .banner-home-title { font-size:40px; line-height:$line-height2; margin-bottom:30px; } .banners-home .banner-home-item a .banner-content p { color:$color-txt;} .banners-home .banner-home-item a .flecha { z-index: 1; transition: all .5s cubic-bezier(.07,.71,.1,.9); -webkit-transition: all .5s cubic-bezier(.07,.71,.1,.9); } .banners-home .banner-home-item a .flecha .img { transition: all .5s cubic-bezier(.07,.71,.1,.9); -webkit-transition: all .5s cubic-bezier(.07,.71,.1,.9); } .banners-home .banner-home-item a:hover .banner-image { opacity:1; } .banners-home .banner-home-item a:hover .banner-content .banner-home-pretitle, .banners-home .banner-home-item a:hover .banner-content .banner-home-title, .banners-home .banner-home-item a:hover .banner-content p { color:white; } .banners-home .banner-home-item a:hover .flecha .img path { fill:white; } .banners-home .banner-home-item a:hover .flecha .img { transform:translateX(6px); } */ /* home actualitat */ .home-actualitat .container-actualitat { justify-content: center; } /* home parallax */ .home-parallax { position: relative; } .home-parallax .parallax-container { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; flex-direction: column; justify-content: center; } .home-parallax .dark { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(90deg, rgba(30, 30, 30, 0.8) 10%, rgba(30, 30, 30, 0.2) 60%); } .home-parallax a.festeamic { display: inline-flex; width: auto; align-items: flex-end; font-family: "Libre Franklin", sans-serif; font-weight: 600; color: white; font-size: 60px; line-height: 120%; } .home-parallax a.festeamic .svg { width: 40px; margin: 0 0 20px 20px; transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); } .home-parallax a.festeamic:hover .svg { transform: translateX(7px); } .otgs-development-site-front-end { display: none !important; } @media only screen and (max-width: 1200px) { .slider-info p { font-size: 26px; } .home-parallax a.festeamic { font-size: 50px; } } @media only screen and (max-width: 1000px) { .slider-info p { font-size: 22px; } .banners-home .banner-home-item a .banner-content .banner-home-pretitle { font-size: 15px; margin-bottom: 10px; } .banners-home .banner-home-item a .banner-content .banner-home-title { font-size: 28px; margin-bottom: 20px; } .home-parallax a.festeamic { font-size: 40px; } .home-parallax a.festeamic .svg { margin: 0 0 15px 20px; } } @media only screen and (max-width: 900px) { .slider-info .slider-title { font-size: 32px; } .slider-info p { font-size: 18px; } .slider-sound-box { bottom: 50px; } .banners-home { flex-direction: column; } .banners-home .banner-home-item { min-height: unset; border-right: none; } .banners-home .banner-home-item:first-child { border-bottom: none; } .banners-home .banner-home-item a { padding: 20px 2% 10px; } } @media only screen and (max-width: 800px) { .home-parallax a.festeamic { font-size: 30px; } .home-parallax a.festeamic .svg { margin: 0 0 8px 15px; } .slider-item .box-image.image-desktop { display: none; } .slider-item .box-image.image-mobile { display: block; } } @media only screen and (max-width: 600px) { .home-slider { height: calc(100vh - 70px); } .slider-item { height: calc(100vh - 70px); min-height: unset; } .slider-info { top: auto; bottom: 50px; } .slider-info .slider-title { font-size: 28px; } .slider-info p { font-size: 16px; } .banners-home .banner-home-item a .banner-content .banner-home-pretitle { font-size: 12px; margin-bottom: 5px; } .banners-home .banner-home-item a .banner-content .banner-home-title { font-size: 24px; margin-bottom: 10px; } .banners-home .banner-home-item a .flecha .svg { width: 30px; } } @media only screen and (max-width: 480px) { .slider-sound-box { width: 320px; left: calc(50% - 160px); } .slider-sound-box .sound-box-content .sound-box-title p { width: 150px; } .owl-carousel-gallery .owl-stage-outer { overflow: unset; } .home-parallax a.festeamic { font-size: 25px; text-align: center; flex-direction: column; align-items: center; } .home-parallax a.festeamic .svg { margin: 0; } } /* ------------------------------------------------------------------------- */ /* MAPS CSS */ /* ------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- */ /* PAGE PAGE STYLES */ /* ------------------------------------------------------------------------- */ img.mobile { display: none; } .background-dark { background-color: #DAD7CB; } /* PAGE MENUS */ .menupage-item { margin-bottom: 50px; } .menupage-item .menu-box { display: flex; align-items: flex-start; justify-content: space-between; gap: 0 20px; } .menupage-item .menu-box .menu-title { flex-basis: 40%; } .menupage-item .menu-box .menu-title .title { margin-bottom: 10px; } .menupage-item .menu-box .menu-images { flex-basis: 50%; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .menupage-item .menu-box .menu-images li { position: relative; margin: 0; height: 220px; overflow: hidden; } .menupage-item .menu-box .menu-images li a { display: block; position: relative; width: 100%; height: 100%; overflow: hidden; } .menupage-item .menu-box .menu-images li img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .menupage-item .menu-box .menu-images li.full { grid-area: 1/1/1/span2; } .menupage-item .menu-box .menu-images li .title { position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px; font-size: clamp(1.1rem, 1.1rem + (1vw - 0.2rem) * 1, 1.4rem); color: white; text-transform: uppercase; line-height: 120%; font-weight: 600; } /* GALLERY */ .gallery-item { position: relative; width: 100%; height: auto; overflow: hidden; display: flex; align-items: center; justify-content: center; aspect-ratio: 100/70; } .gallery-item img { height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .gallery-item img.mobile { display: none !important; } /* JORDI SAVALL */ .page-slider { position: relative; background-color: #DAD7CB; aspect-ratio: 100/30; overflow: hidden; } .page-slider img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .head-title { display: flex; flex-direction: column; gap: 10px; align-items: center; justify-content: center; } .head-title .title, .head-title .subtitle { margin: 0; text-transform: uppercase; } .head-title .subtitle { color: #2526A9; } /* .jordisavall-quote .titleprev { font-family: $main; text-transform: uppercase; opacity: 0.4; font-size:16px;} .jordisavall-blocks .block { display:flex; justify-content: space-between; margin-bottom:90px;} .jordisavall-blocks .block1 { margin-left:15%;} .jordisavall-blocks .block1 .block-text { flex-basis:38%; padding-top: 50px;} .jordisavall-blocks .block1 .block-image { flex-basis:55%;} .jordisavall-blocks .block2 { margin-left:15%;} .jordisavall-blocks .block2 .block-text { flex-basis:42%; padding-right:5%; padding-top: 50px;} .jordisavall-blocks .block2 .block-image { flex-basis:50%;} .jordisavall-blocks .block3 { align-items:flex-end;} .jordisavall-blocks .block3 .block-left { flex-basis:43%;} .jordisavall-blocks .block3 .block-image { flex-basis:48%;} .jordisavall-blocks .block3 .block-left .block-image .image {width:100%;} .jordisavall-blocks .block3 .block-left .block-text { margin:80px 0 0 15%;} */ .container-desplegables { position: relative; } .container-desplegables:after { content: ""; display: flex; width: 100%; height: 1px; background: #1e1e1e; } .container-desplegables .menu-button { display: flex; justify-content: space-between; align-items: center; padding: 30px; cursor: pointer; border-top: 1px solid #1e1e1e; } .container-desplegables .menu-button .button-title h2 { margin-bottom: 0; } .container-desplegables .menu-button .flecha { position: relative; width: 20px; height: 20px; margin-left: 10px; } .container-desplegables .menu-button .flecha:before { content: ""; position: absolute; width: 20px; top: 50%; left: 0; height: 2px; background-color: #1e1e1e; } .container-desplegables .menu-button .flecha:after { content: ""; position: absolute; width: 20px; top: 50%; left: 0; height: 2px; background-color: #1e1e1e; transform: rotate(90deg); transition: all 0.2s cubic-bezier(0.07, 0.71, 0.1, 0.9); -webkit-transition: all 0.2s cubic-bezier(0.07, 0.71, 0.1, 0.9); } .container-desplegables .menu-button.selected .flecha:after { transform: rotate(0); } .container-desplegables .menu-content { padding: 0 30px 50px; } .container-desplegables .menu-content ul { list-style: disc; padding-left: 20px; } .container-desplegables .menu-content ul li { margin-bottom: 15px; } .container-desplegables .menu-content ul.repertori_list { list-style: none; padding-left: 0; } .container-desplegables .menu-content ul.repertori_list li { display: flex; align-items: flex-start; } .container-desplegables .menu-content ul.repertori_list li span { line-height: 130%; margin: 0 10px 0 0; } .container-desplegables .menu-content ul.repertori_list li .buttons { display: flex; margin-top: -3px; } .container-desplegables .menu-content ul.repertori_list li .buttons a { display: inline-flex; width: 26px; margin-right: 8px; } .container-desplegables .menu-content .content-columns { width: 100%; display: flex; gap: 20px 40px; justify-content: space-between; } .container-desplegables .menu-content .content-columns .content-text { flex: 1; } .container-desplegables .menu-content .content-columns .buttons { flex-shrink: 0; display: flex; flex-direction: column; } .container-reconeixements ul { display: flex; flex-wrap: wrap; } .container-reconeixements ul li { flex-basis: 25%; padding: 30px 2%; margin: 0; border-top: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; } .container-reconeixements ul li:last-child { border-right: none; } .container-reconeixements ul li:nth-child(4n) { border-right: none; } .container-reconeixements ul li:nth-child(n+5) { border-top: none; } /* LA FUNDACIO */ .container-patronat { display: flex; flex-wrap: wrap; } .container-patronat .member-item { flex-basis: 25%; padding: 30px 2%; display: flex; flex-direction: column; justify-content: space-between; border-top: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; } .container-patronat .member-item:last-child { border-right: none; } .container-patronat .member-item:nth-child(4n) { border-right: none; } .container-patronat .member-item:nth-child(n+5) { border-top: none; } .container-patronat .member-item p { margin-bottom: 5px; } .container-patronat .member-item p.member { font-weight: 600; } .container-patronat .member-item p.mail { margin: 15px 0 0; font-size: 13px; } /* SUPORT */ .page-suport { display: flex; justify-content: space-between; align-items: flex-start; gap: 30px; } .page-suport .suport-content { flex-basis: 60%; } .page-suport .suport-image { flex-basis: 35%; position: relative; overflow: hidden; aspect-ratio: 1/1; } .suport-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } /* AMICS */ .amics-container { display: flex; } .amics-item { flex-basis: 33%; padding: 30px 2%; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #1e1e1e; border-left: none; } .amics-item:last-child { border-right: none; } .amics-item ul { list-style: disc; padding-left: 15px; margin: 20px 0 30px; } .amics-item ul li { margin-bottom: 5px; } .amics-item a.calltoaction { justify-content: space-between; } /* TRANSPARENCIA */ .buttons .calltoaction { margin: 5px; } /* POP UP */ .transparencia__popup { opacity: 0; visibility: hidden; display: flex; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 0 20px; background-color: rgba(0, 0, 0, 0.7); z-index: 1000; transition: all 0.2s; } .transparencia__popup.show { opacity: 1; visibility: visible; } .transparencia__popup-box { position: relative; width: 100%; max-width: 1000px; margin: 0 auto; background-color: #ECEBE5; height: 80%; max-height: 80%; border-radius: 0px; overflow: hidden; } .transparencia__popup-header { position: absolute; right: 20px; top: 20px; display: flex; align-items: center; } .transparencia__popup-header .transparencia__popup-nav { margin-right: 20px; } .transparencia__popup-header .transparencia__popup-nav a.nav-prev, .transparencia__popup-header .transparencia__popup-nav a.nav-next { font-size: 22px; color: #1e1e1e; padding: 5px 10px; } .transparencia__popup-header .close-popup { height: 40px; width: 40px; display: flex; justify-content: center; align-items: center; cursor: pointer; } .transparencia__popup-header .close-popup img { width: 30px; } .transparencia__popup-content { padding: 40px 7% 50px; height: 100%; overflow-y: scroll; } .transparencia__popup-content.hide { display: none; } /* CONTACT */ .container-contact { display: flex; border-top: 1px solid #1e1e1e; border-bottom: 1px solid #1e1e1e; } .container-contact .contact-left { flex-basis: 65%; padding: 30px 5% 30px 0; border-right: 1px solid #1e1e1e; } .container-contact .contact-right { flex-basis: 35%; padding: 30px 0 30px 5%; } @media only screen and (max-width: 1100px) { .container-desplegables .menu-content .content-columns { flex-direction: column; align-items: center; } } @media only screen and (max-width: 1000px) { /*.jordisavall-blocks .block1 .block-text { flex-basis: 50%;} .jordisavall-blocks .block1 .block-image { flex-basis: 45%;}*/ .container-reconeixements ul li { flex-basis: 33%; padding: 25px 2%; } .container-reconeixements ul li:nth-child(4n) { border-right: 1px solid #1e1e1e; } .container-reconeixements ul li:nth-child(3n) { border-right: none; } .container-reconeixements ul li:nth-child(n+4) { border-top: none; } .container-patronat .member-item { flex-basis: 33%; padding: 25px 2%; } .container-patronat .member-item:nth-child(4n) { border-right: 1px solid #1e1e1e; } .container-patronat .member-item:nth-child(3n) { border-right: none; } .container-patronat .member-item:nth-child(n+4) { border-top: none; } } @media only screen and (max-width: 900px) { .amics-container { flex-direction: column; } .amics-container .amics-item { border-right: none; } .amics-container .amics-item:nth-child(n+2) { border-top: none; } } @media only screen and (max-width: 800px) { img.desktop { display: none; } img.mobile { display: block; } .gallery-item img.desktop { display: none !important; } .gallery-item img.mobile { display: block !important; } .gallery-item { aspect-ratio: 1/1; } .menupage-item .menu-box { flex-direction: column; } .menupage-item .menu-box .menu-images li { height: 180px; } .page-suport { flex-direction: column; } /*.jordisavall-blocks .block {flex-direction:column; margin-bottom: 50px;} .jordisavall-blocks .block2 {flex-direction:column-reverse;} .jordisavall-blocks .block1, .jordisavall-blocks .block2 { margin-left: 0;} .jordisavall-blocks .block1 .block-text, .jordisavall-blocks .block2 .block-text {padding:0 5% 30px;} .jordisavall-blocks .block3 .block-left .block-text { margin: 50px 0 0; padding: 0 5% 30px;}*/ .container-desplegables .menu-button { padding: 20px 0; } .container-desplegables .menu-content { padding: 0 0px 50px; } .container-reconeixements ul li { flex-basis: 50%; padding: 20px 2%; } .container-reconeixements ul li:nth-child(3n) { border-right: 1px solid #1e1e1e; } .container-reconeixements ul li:nth-child(2n) { border-right: none; } .container-reconeixements ul li:nth-child(n+3) { border-top: none; } .container-patronat .member-item { flex-basis: 50%; padding: 20px 2%; } .container-patronat .member-item:nth-child(3n) { border-right: 1px solid #1e1e1e; } .container-patronat .member-item:nth-child(2n) { border-right: none; } .container-patronat .member-item:nth-child(n+3) { border-top: none; } .container-contact { flex-direction: column-reverse; text-align: center; border-top: none; border-bottom: none; } .container-contact .contact-left { padding: 0; border-right: none; } .container-contact .contact-right { padding: 0; } } @media only screen and (max-width: 600px) { .page-slider { aspect-ratio: 1/1; } .menupage-item { margin-bottom: 30px; } .menupage-item .menu-box .menu-images { width: 100%; } .menupage-item .menu-box .menu-images li { height: 150px; } .container-patronat .member-item p.mail { font-size: 11px; } } @media only screen and (max-width: 480px) { .container-patronat.container-equip .member-item { flex-basis: 100%; padding: 20px 5%; border-right: none; border-top: none; } .container-patronat.container-equip .member-item:first-child { border-top: 1px solid #1e1e1e; } } /* ------------------------------------------------------------------------- */ /* PAGE PAGE STYLES */ /* ------------------------------------------------------------------------- */ /* PARTIAL ITEM */ .actualitat-item { width: 23%; margin: 0 1% 3%; } .actualitat-item a { position: relative; width: 100%; height: 100%; } .actualitat-item a .image { position: relative; width: 100%; aspect-ratio: 100/60; overflow: hidden; } .actualitat-item a .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9); -webkit-transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9); } .actualitat-item a .content { margin-top: 15px; height: 160px; } .actualitat-item a .content .labels { margin-bottom: 5px; } .actualitat-item a .content .labels span { font-size: 0.7rem; } .actualitat-item a .content .home-title { color: #1e1e1e; font-size: clamp(1.2rem, 1.2rem + (1vw - 0.2rem) * 1.3, 1.3rem); line-height: 120%; margin-bottom: 5px; max-height: 100px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .actualitat-item a .content .home-date { color: #1e1e1e; opacity: 0.4; font-size: 0.8rem; font-weight: 600; } .actualitat-item a:hover .image img { transform: scale(1.05); } /* HOME */ .home-actualitat-container { display: flex; } .home-actualitat-container .actualitat-item { flex-basis: 23%; } /* PAGE ACTUALITAT */ .posts-filters { margin-bottom: 30px; } .posts__filter-list { display: flex; flex-wrap: wrap; margin: 30px 0; } button.post-filter-btn { -webkit-appearance: none; background-color: transparent; border: 1px solid #1e1e1e; border-radius: 0; margin: 0 15px 15px 0; text-transform: uppercase; font-size: 14px; line-height: 120%; padding: 8px 15px; transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9); -webkit-transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9); } button.post-filter-btn.active, button.post-filter-btn:hover { background-color: #2526A9; border-color: #2526A9; color: white; } /*.header-twocolumns { display:flex; justify-content: space-between; align-items: center; margin-bottom:25px;} .header-twocolumns .column .title { font-family:$main; font-size:32px; line-height:$line-height2; font-weight:$font-weight-semibold; margin:0; } .noticias-container { display:flex; flex-wrap:wrap; } .noticias-container .actualitat-item:nth-child(4n) { border-right: none;} .noticias-container .actualitat-item:nth-child(n + 5) {border-top:none;}*/ /* DETAIL PAGE */ .post-breadcrumb { position: absolute; left: 5%; } .post-breadcrumb a.back { display: flex; align-items: center; gap: 6px; padding: 3px 7px; border: 1px solid #2526A9; } .post-breadcrumb a.back span { text-transform: uppercase; font-size: 0.8rem; } .post-breadcrumb a.back img { display: block; width: 13px; transition: all 0.2s; transform: rotate(180deg) translateX(0px); } .post-breadcrumb a.back:hover img { transform: rotate(180deg) translateX(5px); } .labels { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px; } .labels span { display: inline-block; padding: 3px 7px; font-size: 0.9rem; line-height: 120%; color: #FAFAF9; text-transform: uppercase; background-color: #2526A9; border-radius: 3px; } .post-single-header { position: relative; } .post-single-header .post-single-header__title { margin-bottom: 15px; } .post-single-header .post-single-header__date { opacity: 0.4; font-weight: 600; font-size: 13px; } .post-single-header .labels { margin-bottom: 15px; } .post-single-header__image-container { position: relative; margin-top: -30px; } .post-single-header__image-container:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; aspect-ratio: 100/10; background: #DAD7CB; z-index: -1; } .post-single-content h1, .post-single-content h2, .post-single-content h3, .post-single-content h4 { font-size: clamp(1.2rem, 1.2rem + (1vw - 0.2rem) * 2, 1.75rem); margin: 40px 0 30px; text-align: left; } .post-single-content h1, .post-single-content h2 { font-size: clamp(1.4rem, 1.4rem + (1vw - 0.2rem) * 2, 2rem); } .post-single-content ul, .post-single-content ol { margin: 30px 0; padding-left: 25px; } .post-single-content ul li { list-style: disc; margin-bottom: 5px; } .post-single-content ol li { margin-bottom: 5px; } .post-single-content a { text-decoration: underline; } .post-single-content .blockquote { font-family: "Libre Franklin", sans-serif; font-size: 28px; line-height: 120%; margin: 30px 0; padding: 20px; border-top: 1px solid #1e1e1e; border-bottom: 1px solid #1e1e1e; } .post-single-content .blockquote p { margin: 0; } .post-single-content hr { margin: 30px auto; height: 1px; background: #e0e0e0; border: none; } .post-single-content .w-image { margin-bottom: 20px; } .wp-caption { margin-bottom: 20px; max-width: 100% !important; width: auto !important; } .wp-caption p.wp-caption-text { font-size: 13px; padding: 5px; text-align: left; } .wp-caption p.wp-caption-text b { font-weight: 400; color: #1e1e1e; } .video-responsive { height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; position: relative; } .video-responsive iframe, .video-responsive object, .video-responsive embed { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .download-pdf { text-align: center; margin: 60px 0; } #social_share { display: flex; justify-content: center; align-items: center; gap: 25px; text-align: center; } #social_share p.compartir_txt { font-weight: 600; color: #1e1e1e; font-size: 0.9rem; margin-bottom: 0; text-transform: uppercase; } #social_share .share-container { display: inline-flex; gap: 15px; align-items: center; } #social_share .share-container .share-item { display: flex; } #social_share .share-container .share-item img { width: 30px; transition: all 0.2s; } #social_share .share-container .share-item:hover { opacity: 0.8; } #social_share .share-container .share-item:hover img { transform: translateX(5px); } #social_share .share-container .share-item.share_mail { position: relative; cursor: pointer; } #social_share .share-container .share-item.share_mail .div-copied { display: none; position: absolute; left: calc(100% + 5px); top: 8px; padding: 5px 15px; font-size: 12px; line-height: 100%; font-weight: 400; color: #1e1e1e; background-color: #ECEBE5; border: 1px solid #DAD7CB; border-radius: 20px; } .navigation { display: flex; justify-content: space-between; margin: -50px 0 100px; padding: 20px 0; border-top: 1px solid; border-bottom: 1px solid; } .navigation .nav-previous a, .navigation .nav-next a { display: inline-flex; align-items: center; } .navigation .nav-previous a p, .navigation .nav-next a p { font-weight: 600; color: #1e1e1e; font-size: 0.9rem; line-height: 100%; margin: 0; } .navigation .nav-previous a span.arrow, .navigation .nav-next a span.arrow { display: inline-block; margin: 0 10px; transition: all 0.2s; } .navigation .nav-next { text-align: right; } .navigation .nav-next a { flex-direction: row-reverse; } .navigation .nav-next a span.arrow { transform: translateX(0px); } .navigation .nav-next a:hover span.arrow { transform: rotate(0deg) translateX(5px); } .navigation .nav-previous a span.arrow { transform: rotate(180deg) translateX(0px); } .navigation .nav-previous a:hover span.arrow { transform: rotate(180deg) translateX(5px); } @media only screen and (max-width: 1440px) { .post-breadcrumb { top: 30px; } } @media only screen and (max-width: 1000px) { .actualitat-item { width: 31.33%; } .home-actualitat-container .actualitat-item { flex-basis: 31.33%; } .home-actualitat-container .actualitat-item:nth-child(4) { display: none; } } @media only screen and (max-width: 800px) { .actualitat-item { width: 48%; } .home-actualitat-container { flex-wrap: wrap; } .home-actualitat-container .actualitat-item { flex-basis: 48%; } .home-actualitat-container .actualitat-item:nth-child(4) { display: block; } .post-breadcrumb { position: relative; left: 5%; top: 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-bottom: 20px; } .navigation { margin: 30px 0 50px; border: none; padding: 0; } } @media only screen and (max-width: 600px) { .actualitat-item { width: 100%; margin: 0 0 30px; } .home-actualitat-container .actualitat-item { flex-basis: 100%; } button.post-filter-btn { font-size: 12px; margin: 0 10px 5px 0; } .posts__filter-list { margin: 20px 0; } .post-single-header__image-container { margin-top: 0; } } /* ------------------------------------------------------------------------- */ /* PAGE PAGE STYLES */ /* ------------------------------------------------------------------------- */ /* PARTIAL ITEM */ .press-item { background-color: transparent; transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9); -webkit-transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9); cursor: pointer; } .press-item .image { position: relative; width: 100%; aspect-ratio: 100/60; overflow: hidden; } .press-item .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9); -webkit-transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9); } .press-item .content { margin-top: 15px; } .press-item .content .home-title { font-size: clamp(1.2rem, 1.2rem + (1vw - 0.2rem) * 1.3, 1.3rem); line-height: 120%; margin-bottom: 0.6rem; } .press-item .content .home-date { font-family: "Libre Franklin", sans-serif; color: #1e1e1e; opacity: 0.4; font-size: 0.8rem; font-weight: 600; margin-bottom: 5px; } .press-item:hover .image img { transform: scale(1.05); } /* PAGE PREMSA */ /* .press-twocolumns { display:flex; justify-content: space-between; } .press-twocolumns .column { padding:20px; } .press-twocolumns .column .title { font-family:$main; font-size:20px; margin-bottom:7px; } .press-twocolumns .column-left { } .press-twocolumns .column-left p {margin:0;} .press-twocolumns .column-right { flex-basis:75%; display:none; } .press-twocolumns .column .press-manuals { display:flex; } .press-twocolumns .column .press-manuals p { flex:1; margin:0; padding-right: 10px;} .press-twocolumns .column .press-manuals .buttons a { margin:5px; } */ .press-container { display: grid; grid-template-columns: repeat(4, 1fr); gap: 50px 30px; } /* POP UP PRESS */ .press__popup { opacity: 0; visibility: hidden; display: flex; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 0 20px; background-color: rgba(0, 0, 0, 0.7); z-index: 1000; transition: all 0.2s; } .press__popup.show { opacity: 1; visibility: visible; } .press__popup-box { position: relative; width: 100%; max-width: 1000px; margin: 0 auto; background-color: #ECEBE5; height: 80%; max-height: 80%; border-radius: 0px; overflow: hidden; } .press__popup-header { position: absolute; right: 20px; top: 20px; display: flex; align-items: center; } .press__popup-header .press__popup-nav { margin-right: 20px; } .press__popup-header .press__popup-nav a.nav-prev, .press__popup-header .press__popup-nav a.nav-next { font-size: 22px; color: #1e1e1e; padding: 5px 10px; } .press__popup-header .close-popup { height: 40px; width: 40px; display: flex; justify-content: center; align-items: center; cursor: pointer; } .press__popup-header .close-popup img { width: 30px; } .press__popup-content { padding: 40px 7% 50px; height: 100%; overflow-y: scroll; } .press__popup-content.hide { display: none; } @media only screen and (max-width: 1200px) { /*.press-twocolumns .column .press-manuals {flex-direction:column;} .press-twocolumns .column .press-manuals p {margin-bottom:10px;}*/ } @media only screen and (max-width: 1000px) { .press-container { grid-template-columns: repeat(3, 1fr); } } @media only screen and (max-width: 800px) { .press-container { grid-template-columns: repeat(2, 1fr); } /*.press-twocolumns { flex-direction: column; border-bottom: none;} .press-twocolumns .column { padding: 20px 0%;} .press-twocolumns .column-left { border-right: none; border-bottom: 1px solid $color-txt;}*/ } @media only screen and (max-width: 600px) { .press-container { grid-template-columns: 1fr; } .press-item .content .home-date { font-size: 11px; margin-bottom: 5px; } .press-item { flex-basis: 100%; border-right: none; } } /* ------------------------------------------------------------------------- */ /* PAGE PAGE STYLES */ /* ------------------------------------------------------------------------- */ /* PARTIAL ITEM */ .disco-item { position: relative; } .disco-item .disco-title { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 25px 6%; background: rgba(0, 0, 0, 0.7); opacity: 0; transition: all 0.2s; -webkit-transition: all 0.2s; } .disco-item:hover .disco-title { opacity: 1; } .disco-item .disco-title .disco-info { color: white; font-family: "Libre Franklin", sans-serif; font-size: 26px; margin-bottom: 0; line-height: 120%; font-weight: 600; } .disco-item .disco-title .link-shop { position: absolute; bottom: 20px; left: 5%; padding: 5px; } .disco-item .disco-title .link-spotify { position: absolute; bottom: 20px; right: 5%; padding: 5px; } .disco-item .disco-title .link-shop img, .disco-item .disco-title .link-spotify img { transition: all 0.4s; } .disco-item .disco-title .link-shop:hover img, .disco-item .disco-title .link-spotify:hover img { transform: scale(1.2); } .disco-item .sound-box-bar { display: none; } /* PAGE */ .container-discografia { display: flex; flex-wrap: wrap; } .container-discografia .disco-item { flex-basis: 25%; } .aliavox-logo { display: flex; align-items: center; justify-content: center; margin-bottom: 40px; } .aliavox-logo a { display: inline-block; padding-right: 20px; border-right: 1px solid #1e1e1e; } .aliavox-logo a img { max-width: 70px; } .aliavox-logo p { padding-left: 15px; font-size: 13px; margin: 0; max-width: 110px; } @media only screen and (max-width: 1000px) { .disco-item .disco-title .disco-info { font-size: 22px; } .container-discografia .disco-item { flex-basis: 33%; } } @media only screen and (max-width: 800px) { .container-discografia .disco-item { flex-basis: 50%; } } @media only screen and (max-width: 480px) { .container-discografia .disco-item { flex-basis: 100%; } } /* ------------------------------------------------------------------------- */ /* PAGE PAGE STYLES */ /* ------------------------------------------------------------------------- */ /* PARTIAL ITEM */ .media-item { width: 23%; margin: 0 1% 3%; } .media-item a { position: relative; width: 100%; height: 100%; } .media-item a .image { position: relative; width: 100%; aspect-ratio: 100/60; overflow: hidden; } .media-item a .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9); -webkit-transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9); } .media-item a .image .media-icon { position: absolute; bottom: 20px; width: 35px; height: 35px; right: 5%; z-index: 1; } .media-item a .image .media-icon .svg { width: 35px; } .media-item a .image .media-icon .svg path { fill: white; } .media-item a .content { margin-top: 15px; height: 160px; } .media-item a .content .labels { margin-bottom: 5px; } .media-item a .content .labels span { font-size: 0.7rem; } .media-item a .content .home-title { color: #1e1e1e; font-size: clamp(1.2rem, 1.2rem + (1vw - 0.2rem) * 1.3, 1.3rem); line-height: 120%; margin-bottom: 5px; max-height: 100px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .media-item a .content .home-date { color: #1e1e1e; opacity: 0.4; font-size: 0.8rem; font-weight: 600; } .media-item a:hover .image img { transform: scale(1.05); } /* MEDIA PAGE */ /* .page-media {display:flex;} .page-media .page-media-left {flex-basis:20%; padding-right:30px;} .page-media .page-media-left .media-filters {display:flex; flex-direction: column;} .page-media .page-media-left .mobile-filter-toggle { display: none; font-size: 18px; cursor: pointer; padding: 15px 3%; background-image: url(../images/arrow.svg); background-position: 95% center; background-repeat: no-repeat; border-top: 1px solid $color-txt;} .page-media .page-media-left .mobile-filter-toggle.opened {background-image: url(../images/arrow.svg); background-position: 95% center; background-repeat: no-repeat;} .media__filter-list { margin-bottom: 40px; } .media__filter-list .title { font-family: $main; font-weight:$font-weight-semibold; margin-bottom:15px; } .media__filter-list ul li { margin:7px 0;} .media__filter-list ul li label { cursor: pointer; display: block; font-size: 14px; line-height: $line-height; vertical-align: middle; padding-left: 30px; position: relative;} .media__filter-list ul li label:before { content: ''; display: block; position: absolute; top: 1px; left:0; height: 15px; width: 15px; border: 1px solid #909090; border-radius:3px; transition: all .5s cubic-bezier(.15,.9,.34,.95);} .media__filter-list ul li input[type=checkbox] { display: none;} .media__filter-list ul li input[type=checkbox]:checked+label { color:$color-txt;} .media__filter-list ul li input[type=checkbox]:checked+label:before { border-color: #909090; background-color: $color-txt;} .page-media .media-container { position:relative; flex:1; } */ .media-container { position: relative; } /* MEDIA SINGLE */ .gallery-container { display: flex; flex-wrap: wrap; justify-content: center; } .gallery-container .gallery-item { flex-basis: 33%; padding: 2px; } @media only screen and (max-width: 1200px) { .media-item { width: 48%; } } @media only screen and (max-width: 800px) { .media-item a .image .media-icon { width: 28px; height: 28px; bottom: 15px; } .media-item a .image .media-icon .svg { width: 28px; } .gallery-container .gallery-item { flex-basis: 50%; } } @media only screen and (max-width: 600px) { .media-item { margin: 0 0 30px; width: 100%; } .media-item a .content { height: auto; } .media-item a .content .home-title { max-height: unset; } button.media-filter-btn { font-size: 12px; margin: 0 10px 5px 0; } .media__filter-list { margin: 20px 0; } } /* ------------------------------------------------------------------------- */ /* PAGE PAGE STYLES */ /* ------------------------------------------------------------------------- */ /* PARTIAL ITEM */ .project-item { height: 360px; width: 50%; border-bottom: 1px solid #1e1e1e; } .project-item a { position: relative; display: flex; flex-direction: column; justify-content: space-between; width: 100%; height: 100%; padding: 30px 7% 20px; } .project-item a .image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; opacity: 0; transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9); -webkit-transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9); } .project-item a .image:after { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(161, 156, 143, 0.7); } .project-item a .content { flex: 1; margin-bottom: 10px; z-index: 1; } .project-item a .content .home-pretitle { font-family: "Libre Franklin", sans-serif; color: #1e1e1e; opacity: 0.4; font-size: 16px; font-weight: 600; text-transform: uppercase; margin-bottom: 5px; } .project-item a .content .home-title { font-size: 40px; line-height: 120%; margin-bottom: 0px; } .project-item a .flecha { z-index: 1; transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9); -webkit-transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9); } .project-item a .flecha .img { transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9); -webkit-transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9); } .project-item a:hover .image { opacity: 1; } .project-item a:hover .content .home-pretitle, .project-item a:hover .content .home-title, .project-item a:hover .content p { color: white; } .project-item a:hover .flecha .img path { fill: white; } .project-item a:hover .flecha .img { transform: translateX(6px); } /* PROJECTS PAGE */ .header-twocolumns .column .title { margin-bottom: 1rem; } /* SINGLE PAGE */ .project-single-header { display: flex; background-color: #DAD7CB; padding-top: 100px; } .project-single-header__info { flex-basis: 40%; display: flex; flex-direction: column; justify-content: space-between; padding-left: 4%; padding-right: 4%; } .project-single-header__info a.back { margin-bottom: 10px; display: inline-block; padding: 5px 5px 5px 0; } .project-single-header__info a.back img { width: 30px; transition: all 0.2s; transform: rotate(180deg) translateX(0px); } .project-single-header__info a.back:hover img { transform: rotate(180deg) translateX(5px); } .project-single-header__top .project-single-header__title { font-size: 40px; margin-bottom: 30px; } .project-single-header__top .project-category { margin-bottom: 5px; font-size: 15px; text-transform: uppercase; opacity: 0.7; } .project-single-header__top .project-detail { margin-bottom: 30px; } .project-single-header__image-container { flex-basis: 60%; } .project-single-header__image { min-height: 550px; background-size: cover; background-position: center; } /* content is same as post.scss */ @media only screen and (max-width: 1440px) { .project-single-header__info { flex-basis: 45%; } .project-single-header__image-container { flex-basis: 55%; } .project-single-header__image { min-height: 480px; } } @media only screen and (max-width: 1200px) { .project-item a .content .home-pretitle { font-size: 14px; } .project-item a .content .home-title { font-size: 35px; } } @media only screen and (max-width: 1100px) { .project-item { height: 310px; } .project-item a .content .home-pretitle { font-size: 13px; } .project-item a .content .home-title { font-size: 30px; } .project-single-header__info, .project-single-header__image-container { flex-basis: 50%; } .project-single-header__image { min-height: 450px; } .project-single-header__top .project-single-header__title { font-size: 35px; } .header-twocolumns .column .title { font-size: 28px; } } @media only screen and (max-width: 800px) { .project-item { height: 260px; } .project-item a { padding: 20px 5% 10px; } .project-item a .content .home-pretitle { margin-bottom: 5px; font-size: 11px; } .project-item a .content .home-title { font-size: 25px; } .project-item a .flecha .svg { width: 30px; } .project-single-header { flex-direction: column; padding-top: 60px; } .project-single-header__image { min-height: 400px; } } @media only screen and (max-width: 600px) { .project-item { height: auto; width: 100%; } .project-item a { padding: 20px 0 5px; } .project-item a .content .home-title { font-size: 22px; } .project-single-header__top .project-single-header__title { font-size: 30px; } .header-twocolumns .column .title { font-size: 24px; } } /* ------------------------------------------------------------------------- */ /* PAGE PAGE STYLES */ /* ------------------------------------------------------------------------- */ /* PARTIAL ITEM */ .festival-item { min-height: 310px; flex-basis: 33%; border-top: 1px solid #1e1e1e; border-bottom: 1px solid #1e1e1e; border-right: 1px solid #1e1e1e; } /*.festival-item:last-child { border-right:none;} */ .festival-item a { position: relative; display: flex; flex-direction: column; justify-content: space-between; width: 100%; height: 100%; padding: 30px 7% 20px; } .festival-item a .image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; opacity: 0; transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9); -webkit-transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9); } .festival-item a .image:after { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(161, 156, 143, 0.7); } .festival-item a .content { flex: 1; margin-bottom: 10px; z-index: 1; } .festival-item a .content .home-title { font-size: 40px; line-height: 120%; margin-bottom: 0px; } .festival-item a .flecha { z-index: 1; transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9); -webkit-transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9); } .festival-item a .flecha .img { transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9); -webkit-transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9); } .festival-item a:hover .image { opacity: 1; } .festival-item a:hover .content .home-title, .festival-item a:hover .content p { color: white; } .festival-item a:hover .flecha .img path { fill: white; } .festival-item a:hover .flecha .img { transform: translateX(6px); } .festival-item:nth-child(3n) { border-right: none; } .festival-item:nth-child(n+4) { border-top: none; } /* FESTIVALS PAGE */ .container-festivals { display: flex; flex-wrap: wrap; } /* single is same as projects.scss */ @media only screen and (max-width: 1200px) { .festival-item a .content .home-title { font-size: 35px; } } @media only screen and (max-width: 1000px) { .festival-item { min-height: 250px; } .festival-item a .content .home-title { font-size: 30px; } } @media only screen and (max-width: 800px) { .festival-item { min-height: 200px; flex-basis: 50%; } .festival-item a { padding: 20px 5% 5px; } .festival-item a .flecha .svg { width: 30px; } .festival-item:nth-child(3n) { border-right: 1px solid #1e1e1e; } .festival-item:nth-child(2n) { border-right: none; } .festival-item:nth-child(n+3) { border-top: none; } } @media only screen and (max-width: 600px) { .festival-item { min-height: 160px; } .festival-item a .content .home-title { font-size: 24px; } } /* ------------------------------------------------------------------------- */ /* GENERAL FORM STYLES */ /* ------------------------------------------------------------------------- */ .hundreds-form__form { position: relative; } .submit-button-container { position: relative; margin-top: 30px; } .hundreds__loader { position: absolute; top: 0px; width: 100%; height: 100%; background-color: rgba(236, 235, 229, 0.9); display: flex; align-items: center; justify-content: center; } .hundreds__messages--hide, .hundreds__loader_hidden { display: none; } .hundreds__messages--show { display: block; } .hundreds__messages { margin: 20px 0 0; } .hundreds__messages p { margin: 0; font-size: 16px; } .hundreds__messages p.hundreds__messages--errors { color: #e42c14; } .hundreds__messages p.hundreds__messages--success { color: #24ae0c; } /* checkbox labels privacy policy*/ .hundreds-form__checkbox label { color: #1e1e1e; cursor: pointer; display: block; font-size: 14px; font-weight: 400; line-height: 150%; vertical-align: middle; padding-left: 25px; margin-top: 10px; position: relative; text-align: left; } .hundreds-form__checkbox label:before { content: ""; display: block; position: absolute; top: 3px; left: 0; height: 12px; width: 12px; border: 1px solid #1e1e1e; background-color: transparent; border-radius: 2px; transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); } .hundreds-form__checkbox label a { color: #1e1e1e; border-bottom: 1px solid #1e1e1e; } form input[type=checkbox]:checked + label { color: #1e1e1e; } form input[type=checkbox]:checked + label:before { background-color: #1e1e1e; } form input[type=email], form input[type=text], form input[type=number], form textarea { border: 1px solid transparent; padding: 12px; margin-bottom: 10px; border-radius: 0; color: #1e1e1e; font-family: "Libre Franklin", sans-serif; font-size: 16px; background: white; outline: 0; width: 100%; transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-appearance: none; } form textarea { resize: none; } form input[type=checkbox], form input[type=radio] { display: none; } select { border: 1px solid transparent; margin-bottom: 10px; padding: 12px; border-radius: 0; background: white url(../images/arrow.svg) calc(100% - 20px) center no-repeat; font-size: 16px; font-family: "Libre Franklin", sans-serif; width: 100%; color: #1e1e1e; box-sizing: border-box; outline: 0; -webkit-appearance: none; } form input[type=submit] { display: block; position: relative; background: #2526A9; font-size: 20px; font-family: "Libre Franklin", sans-serif; font-weight: 400; cursor: pointer; border-radius: 0; border: none; color: white; border: 1px solid #1e1e1e; opacity: 1; margin: 0; outline: 0; padding: 15px 25px; width: 160px; -webkit-appearance: none; transition: all 0.2s cubic-bezier(0.15, 0.9, 0.34, 0.95); } form input[type=submit]:hover { background-color: white; color: #1e1e1e; } form button { display: inline-flex; align-items: center; justify-content: space-around; position: relative; background: #2526A9; font-size: 19px; font-family: "Libre Franklin", sans-serif; font-weight: 400; cursor: pointer; border-radius: 0; border: none; color: white; opacity: 1; margin: 0; outline: 0; padding: 9px 25px; width: 200px; -webkit-appearance: none; transition: all 0.2s cubic-bezier(0.15, 0.9, 0.34, 0.95); } form button img { width: 25px; margin-left: 10px; transition: all 0.2s; } form button:hover img { transform: translateX(6px); } ::-webkit-input-placeholder { opacity: 0.8; } :-moz-placeholder { opacity: 0.8; } ::-moz-placeholder { opacity: 0.8; } :-ms-input-placeholder { opacity: 0.8; } @media only screen and (max-width: 800px) { form { padding: 1%; } form input[type=submit] { font-size: 18px; width: 100%; } form label { font-size: 14px; } .hundreds-form__checkbox { margin: 0; width: auto; } } @media only screen and (max-width: 480px) { form input[type=submit] { padding: 12px; } form input[type=email], form input[type=text], form input[type=number] { font-size: 16px; } form label { font-size: 12px; } } /* ------------------------------------------------------------------------- */ /* NEWSLETTER FORM STYLES */ /* ------------------------------------------------------------------------- */ .hundreds__newsletter_form-box-container { display: flex; margin-bottom: 25px; } .hundreds__newsletter_form-box-container #hundreds__newsletter_email { flex: 1; } .hundreds__newsletter_form-box-container .hundreds-form__form-button { width: 50px; height: 45px; display: flex; align-items: center; justify-content: center; padding: 0; background-color: white; -webkit-appearance: none; transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); } .hundreds__newsletter_form-box-container .hundreds-form__form-button .bt-flecha { width: 30px; transform: translateX(0); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); } .hundreds__newsletter_form-box-container .hundreds-form__form-button .bt-flecha polygon { fill: black; } .hundreds__newsletter_form-box-container .hundreds-form__form-button:hover .bt-flecha { transform: translateX(7px); } .newsletter-form { position: relative; } .newsletter-form form input[type=email] { background: white; color: #1e1e1e; border: none; } .newsletter-form .hundreds-form__checkbox label { color: white; font-size: 12px; } .newsletter-form .hundreds-form__checkbox label:before { border: 1px solid white; top: 1px; } .newsletter-form .hundreds-form__checkbox label a { color: white; border-bottom: 1px solid white; } .newsletter-form input[type=checkbox]:checked + label { color: white; } .newsletter-form input[type=checkbox]:checked + label:before { background-color: white; } .newsletter-form .hundreds__loader { background-color: rgba(30, 30, 30, 0.6); } .newsletter-form ::-webkit-input-placeholder { color: #1e1e1e; opacity: 0.8; } .newsletter-form :-moz-placeholder { color: #1e1e1e; opacity: 0.8; } .newsletter-form ::-moz-placeholder { color: #1e1e1e; opacity: 0.8; } .newsletter-form :-ms-input-placeholder { color: #1e1e1e; opacity: 0.8; } .newsletter-form .hundreds__messages p.hundreds__messages--errors { color: #e9ef19; } .newsletter-form .hundreds__messages p.hundreds__messages--success { color: #6dff6d; } @media only screen and (max-width: 800px) { /*.hundreds__newsletter_form-box-container .hundreds-form__form-button { height: 45px;}*/ } @media only screen and (max-width: 480px) { /*.hundreds__newsletter_form-box-container .hundreds-form__form-button { height: 43px;}*/ } /* ------------------------------------------------------------------------- */ /* INSTAGRAM STYLES */ /* ------------------------------------------------------------------------- */ .hundreds__instagram a { width: 25%; display: inline-block; height: 200px; } .hundreds__instagram a li { width: 100%; height: 200px; background-size: cover; } /* ----------------------------------------------------------------------------------- SECTION: CALENDAR -------------------------------------------------------------------------------------- */ .calendario { position: relative; display: flex; /*overflow:hidden;*/ } #loading-calendar { position: absolute; z-index: 2; width: 100%; height: 100%; min-height: 150px; background: rgba(236, 235, 229, 0.7) url(../images/loader.svg) no-repeat center; } .agenda-home #loading-calendar { background: rgba(219, 215, 203, 0.7) url(../images/loader.svg) no-repeat center; } .visible { display: block; } .novisible { display: none; } .agenda-left { position: relative; width: 300px; padding: 20px 0 0; } .agenda-right { flex: 1; margin-left: 50px; padding: 20px 0 0 0; border-left: 1px solid #1e1e1e; min-height: 320px; } .agenda-right .title { padding-left: 40px; padding-bottom: 30px; border-bottom: 1px solid #1e1e1e; } .calendar-header { display: flex; align-items: center; justify-content: space-between; font-size: 19px; line-height: 120%; text-transform: uppercase; font-weight: 600; height: auto; margin-bottom: 10px; } .calendar-header .nav { display: flex; } .calendar-header .nav a.prev, .calendar-header .nav a.next { display: flex; margin: 0 0 0 15px; padding: 0 3px; } .calendar-header .nav a.prev .svg { width: 23px; transform: rotate(180deg); } .calendar-header .nav a.next .svg { width: 23px; } .calendar-header .nav a.prev .svg path, .calendar-header .nav a.next .svg path { fill: #1e1e1e; } .calendar-header .nav a.prev:hover, .calendar-header .nav a.next:hover { opacity: 0.6; } .month { padding-top: 15px; border-top: 1px solid #1e1e1e; margin: 0 auto; padding-bottom: 15px; border-bottom: 1px solid #1e1e1e; } .month ul.label { display: flex; margin-bottom: 5px; } .month ul.label li { flex-basis: 14.2%; margin: 0px; padding: 0px; list-style-type: none; text-align: center; font-size: 16px; color: #1e1e1e; font-weight: 600; line-height: 120%; text-transform: uppercase; background-color: transparent; } .month ul.dates { display: flex; flex-wrap: wrap; } .month ul.dates li { flex-basis: 14.2%; display: flex; align-items: center; justify-content: center; height: 30px; text-align: center; list-style: none; } .month ul.dates li span { position: relative; font-size: 16px; color: #1e1e1e; background-color: transparent; border-radius: 100px; width: 30px; height: 30px; line-height: 30px; transition: all 0.2s; } :focus { outline: none; } .month ul.dates li.today span { background-color: #c1bdab; } .month ul.dates li.activity_day { cursor: pointer; } .month ul.dates li.activity_day span { background-color: #2526A9; color: white; } .month ul.dates li.activity_day:hover span { background-color: #2526A9; color: white; } .month ul.dates li.activity_day.active span:after { content: ""; position: absolute; left: -3px; top: -3px; width: calc(100% + 2px); height: calc(100% + 2px); border-radius: 100px; border: 2px solid #2526A9; } .calendario article { display: flex; padding: 0 0 30px 40px; border-bottom: 1px solid #1e1e1e; margin-bottom: 30px; } .calendario article .image { width: 310px; margin-right: 30px; } .calendario article .image img { width: 100%; max-width: 310px; height: auto; } .calendario article .content { flex: 1; } .calendario article .content p.date { opacity: 0.4; font-size: 16px; text-transform: uppercase; line-height: 120%; font-weight: 600; margin-bottom: 10px; } .calendario article .content h1 { font-size: 28px; line-height: 130%; margin-bottom: 5px; } .calendario article .content h3 { font-size: 18px; line-height: 130%; margin-bottom: 5px; } .calendario article .content .content-agenda { margin-top: 25px; } .calendario article .content .content-agenda a { display: inline-block; position: relative; padding-right: 30px; } .calendario article .content .content-agenda a:after { content: ""; position: absolute; top: 7px; right: 0; width: 20px; height: 10px; background: url(../images/flecha.svg) no-repeat center right; background-size: 100%; } .agenda-calltoaction { /*display:none;*/ margin-top: 40px; text-align: center; } .agenda-home .calendario article { border-bottom: none; } /* PAGE STICKY CALENDAR */ .agenda-page-left { position: absolute; top: 0; width: 300px; } .agenda-page-left.fixed { position: fixed; top: 100px; } .agenda-page-left.fixed.bottom { position: absolute; top: auto; bottom: 0; } .agenda-page-right { width: 100%; min-height: 340px; margin-left: 350px; border-left: 1px solid #1e1e1e; padding-top: 20px; } @media screen and (max-width: 1200px) { .calendario article .image { width: 250px; } } @media screen and (max-width: 1100px) { .agenda-left, .agenda-page-left { width: 250px; } .agenda-right { margin-left: 30px; } .agenda-page-right { margin-left: 280px; } } @media screen and (max-width: 1000px) { .agenda-right .title { padding-left: 20px; } .calendario article .image { width: 200px; } .calendario article { padding: 0 0 20px 20px; margin-bottom: 20px; } } @media screen and (max-width: 900px) { .calendario article { flex-direction: column-reverse; } .calendario article .image { width: 100%; margin-right: 0; margin-bottom: 10px; } } @media screen and (max-width: 600px) { .calendario { flex-direction: column; } .agenda-left { width: 100%; margin-bottom: 30px; } .agenda-home .agenda-calltoaction { display: none; } .agenda-right { margin-left: 0; /*border-top: 1px solid $color-txt;*/ border-left: none; min-height: unset; } .agenda-right .title { padding-left: 0; padding-bottom: 20px; } .calendario article { padding: 0 0 20px 0; } .agenda-page-left, .agenda-page-left.fixed, .agenda-page-left.fixed.bottom { position: relative; width: 100%; margin-bottom: 30px; top: auto; bottom: auto; } .agenda-page-right { margin-left: 0px; border-top: 1px solid #1e1e1e; border-left: none; min-height: unset; } } /* ------------------------------------------------------------------------- */ /* FOOTER STYLES */ /* ------------------------------------------------------------------------- */ .footer-suport { background-color: #DAD7CB; } .container-suport { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .container-suport .suport-item { margin: 10px 15px; } .container-suport .suport-item img { max-height: 32px; } /* footer */ .footer { padding: 50px 0 20px; background-color: #1e1e1e; color: white; } .footer-top { display: flex; justify-content: space-between; gap: 20px; } .footer-top .footer-top-left { flex-basis: 100px; padding: 0 0 30px; } .footer-top .footer-top-left .footer-logo-partner img { max-width: 100px; } .footer-top .footer-top-left p { margin-top: 20px; font-size: 0.8rem; } .footer-top .footer-top-right { flex-basis: 33%; padding: 0 0 30px; } .footer-top .footer-top-right h2 { color: white; margin-bottom: 12px; } .footer-middle { display: flex; justify-content: flex-start; align-items: center; gap: 20px; padding: 20px 0; border-top: 1px solid white; } .footer-middle .footer-middle-left { flex-basis: 33%; flex-shrink: 0; } .footer-middle .footer-middle-right { flex-basis: 33%; display: flex; justify-content: center; } .footer-middle ul.list-social { gap: 10px; display: flex; align-items: center; flex-wrap: wrap; } .footer-middle ul.list-social li { margin: 0; } .footer-middle ul.list-social li a { display: flex; width: 30px; transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9); -webkit-transition: all 0.5s cubic-bezier(0.07, 0.71, 0.1, 0.9); } .footer-middle ul.list-social li a:hover { opacity: 0.7; } .footer-bottom { display: flex; justify-content: space-between; padding: 10px 0 0; border-top: 1px solid white; } .footer-bottom ul.links { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } .footer-bottom ul.links li { margin: 0; } .footer-bottom ul.links li a { padding: 5px; color: white; font-size: 12px; line-height: 110%; } .footer-bottom ul.links li a:hover { text-decoration: underline; } .footer-bottom a { color: white; font-size: 12px; line-height: 110%; } .footer-bottom a:hover { text-decoration: underline; } @media only screen and (max-width: 1100px) { .footer-top .footer-top-left p { font-size: 0.9rem; } .footer-top .footer-top-left .footer-logo-partner img { max-width: 90px; } .footer-top .footer-top-right { flex-basis: 70%; } .footer-middle { justify-content: space-between; } .footer-middle .footer-middle-left { flex-basis: auto; } .footer-middle .footer-middle-right { flex-basis: auto; justify-content: flex-end; } } @media only screen and (max-width: 600px) { .footer-top { flex-direction: column-reverse; padding: 0 0 20px 0; } .footer-top .footer-top-left { flex-basis: auto; padding: 0; text-align: center; } .footer-top .footer-top-left .footer-logo-partner img { max-width: 60px; } .footer-top .footer-top-left p { margin-top: 15px; } .footer-top .footer-top-right { padding: 0 0 25px 0px; margin-bottom: 25px; border-bottom: 1px solid white; } .footer-middle ul.list-social { margin-top: 0px; justify-content: center; } .footer-middle { flex-direction: column; text-align: center; padding: 30px 0; } .footer-bottom { flex-direction: column; text-align: center; padding: 20px 0 0; } .footer-bottom ul.links { justify-content: center; } } @media only screen and (max-width: 600px) { .container-suport .suport-item img { max-height: 25px; } } /*# sourceMappingURL=100x100.min.css.map*/