/* ============================================================================= Jorge Rigabert 2020 / www.jorgerigabert.com / ========================================================================== */ /* MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNdddddddddddddNMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMd` -NMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMd` /MMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMd` oMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMd` yMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMd` `dMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMd` .mMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMd` :NMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMh` /MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMh` -yyyyydMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMh` /NMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMh` sMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMhhhhhy` .dMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMN: :NMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMN- sMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMN- .dMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMN. :NMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMm. oMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMm. +hhhhhmMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMm` `sMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMd` :mMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMN+///// .hMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM+ +NMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMs -dMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMy `sMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMh /NMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMd` .hMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMm` oMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMN. -mMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMM- `yMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMM/ /NMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMM+.hMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMsoMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMNmMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM */ :root{ --color-grey-dark-grey: 20,24,30; /* Spring I/O */ --color-spring-io-bar: 24,24,26; --color-spring-io-bar-detail: 62,62,66; --color-spring-io-primary: 78,194,108; --color-spring-io-background: 232,234,242; /* Dry Martini */ --color-dry-martini-bar: 20,24,30; --color-dry-martini-bar-detail: 66,68,68; --color-dry-martini-primary: 144,114,54; --color-dry-martini-background: 236,232,226; /* Alife */ --color-alife-bar: 25,24,23; --color-alife-bar-detail: 64,62,60; --color-alife-primary: 236,132,48; --color-alife-background: 235,228,226; /* elGordo */ --color-elgordo-bar: 24,24,24; --color-elgordo-bar-detail: 62,62,62; --color-elgordo-primary: 228,48,60; --color-elgordo-background: 242,242,242; /* Airway Gym */ --color-airway-gym-bar: 18,22,36; --color-airway-gym-bar-detail: 58,60,72; --color-airway-gym-primary: 18,160,218; --color-airway-gym-background: 226,232,236; /* Racket Hero */ --color-rackethero-bar: 20,24,34; --color-rackethero-bar-detail: 58,62,70; --color-rackethero-primary: 6,168,168; --color-rackethero-background: 226,228,236; /* 'Arewedoing */ --color-arewedoing-bar: 15,25,29; --color-arewedoing-bar-detail: 54,62,66; --color-arewedoing-primary: 12,132,180; --color-arewedoing-background: 226,234,236; /* Taloki */ --color-taloki-bar: 16,22,30; --color-taloki-bar-detail: 56,62,68; --color-taloki-primary: 56,192,234; --color-taloki-background: 236,240,242; /* Endesa */ --color-endesa-bar: 22,18,32; --color-endesa-bar-detail: 58,56,68; --color-endesa-primary: 114,72,248; --color-endesa-background: 230,230,238; /* Mixtape 01 */ --color-mixtape-01-bar: 26,22,26; --color-mixtape-01-bar-detail: 64,60,64; --color-mixtape-01-primary: 254,64,112; --color-mixtape-01-background: 236,230,236; /* Mixtape 02 */ --color-mixtape-02-bar: 22,24,26; --color-mixtape-02-bar-detail: 61,62,63; --color-mixtape-02-primary: 254,140,64; --color-mixtape-02-background: 236,236,230; /* Mixtape 03 */ --color-mixtape-03-bar: 22,26,26; --color-mixtape-03-bar-detail: 62,64,64; --color-mixtape-03-primary: 160,92,252; --color-mixtape-03-background: 230,236,236; } :root .dark{ --color-grey-dark-grey: 0,0,0; /* Spring I/O */ --color-spring-io-bar-detail: 40,39,42; --color-spring-io-background: 30,30,32; /* Dry Martini */ --color-dry-martini-bar-detail: 37,41,46; --color-dry-martini-background: 28,32,38; /* Alife */ --color-alife-bar-detail: 44,43,41; --color-alife-background: 35,34,32; /* elGordo */ --color-elgordo-bar-detail: 45,42,42; --color-elgordo-background: 35,33,33; /* Airway Gym */ --color-airway-gym-bar-detail: 36,39,55; --color-airway-gym-background: 26,30,46; /* Racket Hero */ --color-rackethero-bar-detail: 37,41,52; --color-rackethero-background: 28,32,44; /* 'Arewedoing */ --color-arewedoing-bar-detail: 33,43,47; --color-arewedoing-background: 24,34,38; /* Taloki */ --color-taloki-bar-detail: 32,39,47; --color-taloki-background: 24,30,40; /* Endesa */ --color-endesa-bar-detail: 37,34,50; --color-endesa-background: 28,26,42; /* Mixtape 01 */ --color-mixtape-01-bar-detail: 45,41,47; --color-mixtape-01-background: 36,32,38; /* Mixtape 02 */ --color-mixtape-02-bar-detail: 38,41,45; --color-mixtape-02-background: 30,32,36; /* Mixtape 03 */ --color-mixtape-03-bar-detail: 42,45,45; --color-mixtape-03-background: 32,36,36; } /* ========== Spring I/O ========== */ .spring-io .portfolio .label-background{ background: rgba(var(--color-spring-io-background),1); } .spring-io .grid-selector{ background: rgba(var(--color-spring-io-background),0.96); } .spring-io .portfolio .portfolio-img-hover::after{ box-shadow: inset 0 0 0 0 rgba(var(--color-spring-io-background),1), inset 0 0 0 0 rgba(var(--color-spring-io-background),1), inset 0 0 0 0 rgba(var(--color-spring-io-background),1); } body.spring-io, .spring-io nav.page-navigation, .works-navigation.spring-io, .spring-io nav.page-navigation .toggle-color{ background: rgba(var(--color-spring-io-bar),1); } .works-navigation.spring-io .sp1{ stroke: rgba(var(--color-spring-io-bar),1); } #fullpage.spring-io, .spring-io #contact-work-detail #custom-check:before{ background: rgba(var(--color-spring-io-background),1); } .spring-io #contact-work-detail .input--filled.textarea.input--thunder-form{ box-shadow: inset 0 -12px 0 0 rgba(var(--color-spring-io-background),1),inset 0 30px 0 0 rgba(var(--color-spring-io-background),1); background: repeating-linear-gradient(rgba(var(--color-spring-io-background),1), rgba(var(--color-spring-io-background),1) 36px, rgba(var(--color-black-white),0.18) 36px, rgba(var(--color-black-white),0.18) 37px); background-position: center 22px; } .spring-io #contact-work-detail .input--filled.textarea.p-60 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -44px 0 0 rgba(var(--color-spring-io-background),1); } .spring-io #contact-work-detail .input--filled.textarea.p-60 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -44px 0 0 rgba(var(--color-spring-io-background),1); } .spring-io #contact-work-detail .input--filled.textarea.p-550 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -50px 0 0 rgba(var(--color-spring-io-background),1); } .spring-io #contact-work-detail .input--filled.textarea.p-550 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -50px 0 0 rgba(var(--color-spring-io-background),1); } .spring-io #contact-work-detail .input--filled.textarea.p-666 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -86px 0 0 rgba(var(--color-spring-io-background),1); } .spring-io #contact-work-detail .input--filled.textarea.p-666 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -86px 0 0 rgba(var(--color-spring-io-background),1); } .spring-io #contact-work-detail .input--filled.textarea.p-1140 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -88px 0 0 rgba(var(--color-spring-io-background),1); } .spring-io #contact-work-detail .input--filled.textarea.p-1140 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -88px 0 0 rgba(var(--color-spring-io-background),1); } .spring-io nav.page-navigation::after, .spring-io nav.page-navigation::before, .works-navigation.spring-io::after{ background: rgba(var(--color-spring-io-bar-detail),1); } .bg-init.spring-io, .spring-io #works-detail h1 span, .spring-io .works-img-type-1 .col div span, .spring-io .works-img-type-5 .col div span, .spring-io .works-img-type-6 .col div span, .spring-io nav.page-navigation .detail::after, .spring-io nav.page-navigation .detail::before, .spring-io .works-end-navigation, .spring-io #contact-work-detail .cta:hover:before, .spring-io #contact-work-detail h4 span::after, .spring-io .menu--thunderbolt .menu__link::before, .spring-io .menu--thunderbolt .menu__link::after, .spring-io .portfolio .label p span::after, .spring-io ::selection{ background: rgba(var(--color-spring-io-primary),1); } .spring-io #works-detail h3, .spring-io .description p:last-child span, .spring-io .works-navigation .menu-icon p, .spring-io .global-menu__item.active, .spring-io .global-menu__item:hover, .spring-io #contact-work-detail .input__field--thunder-form:focus + .input__label--thunder-form, .spring-io .menu--thunderbolt .menu__item--current .menu__link{ color: rgba(var(--color-spring-io-primary),1); } .spring-io .works-navigation .menu-icon p{ -webkit-text-stroke: 0.24px rgba(var(--color-spring-io-primary),1); } .spring-io nav.page-navigation .active .wp0, .spring-io #reflection .lp1, .spring-io #light.lp1, .spring-io #waves .lp1, .spring-io #thunderbolt.lp0, .works-navigation.spring-io .ap0, .works-navigation.spring-io .sp0, .works-navigation.spring-io .sp2, .spring-io .works-end-navigation a .icon .ap0, .spring-io #contact-work-detail .graphic--thunder-form, .spring-io #contact-work-detail .cta svg, .spring-io .hero svg .wdp0{ stroke: rgba(var(--color-spring-io-primary),1); } .spring-io #thunderbolt.lp0, .works-navigation.spring-io .sp1{ fill: rgba(var(--color-spring-io-primary),1); } .spring-io.bg-menu #cookie-msg{ border-color: rgba(var(--color-spring-io-primary),1); } .spring-io #contact-work-detail .checkgroup:hover #custom-check:checked:before, .spring-io .cta:before{ border-color: rgba(var(--color-spring-io-primary),1); } .spring-io #contact-work-detail #custom-check:checked:before{ border-color: rgba(var(--color-spring-io-primary),1); background: rgba(var(--color-spring-io-primary),1); } .spring-io .grid-toggle{ background: rgba(var(--color-spring-io-primary),0.6); } .spring-io .list .portfolio:hover .portfolio-img-hover::after{ box-shadow: none; } .spring-io .grid .switch-icons_grid .swp0{ fill: rgba(var(--color-spring-io-primary),1); } .spring-io .grid .switch-icons_list .swp0{ fill: rgba(var(--color-spring-io-bar),0.48); } .spring-io .list .switch-icons_grid .swp0{ fill: rgba(var(--color-spring-io-bar),0.48); } .spring-io .list .switch-icons_list .swp0{ fill: rgba(var(--color-spring-io-primary),1); } .spring-io #cookie-msg{ background: rgba(var(--color-spring-io-bar),0.96)!important; } .spring-io #cookie-msg a:hover{ color: rgba(var(--color-spring-io-primary),1)!important; } .spring-io #cookie-msg a.btn-aceptar{ color: rgba(4,6,8,1)!important; background: rgba(var(--color-spring-io-primary),1)!important; } .spring-io #cookie-msg a.btn-aceptar:hover{ background: rgba(255,255,255,1)!important; } /* ========== Dry Marini ========== */ .dry-martini .portfolio .label-background{ background: rgba(var(--color-dry-martini-background),1); } .dry-martini .grid-selector{ background: rgba(var(--color-dry-martini-background),0.96); } .dry-martini .portfolio .portfolio-img-hover::after{ box-shadow: inset 0 0 0 0 rgba(var(--color-dry-martini-background),1), inset 0 0 0 0 rgba(var(--color-dry-martini-background),1), inset 0 0 0 0 rgba(var(--color-dry-martini-background),1); } body.dry-martini, .dry-martini nav.page-navigation, .works-navigation.dry-martini, .dry-martini nav.page-navigation .toggle-color{ background: rgba(var(--color-dry-martini-bar),1); } .works-navigation.dry-martini .sp1{ stroke: rgba(var(--color-dry-martini-bar),1); } #fullpage.dry-martini, .dry-martini #contact-work-detail #custom-check:before{ background: rgba(var(--color-dry-martini-background),1); } .dry-martini #contact-work-detail .input--filled.textarea.input--thunder-form{ box-shadow: inset 0 -12px 0 0 rgba(var(--color-dry-martini-background),1),inset 0 30px 0 0 rgba(var(--color-dry-martini-background),1); background: repeating-linear-gradient(rgba(var(--color-dry-martini-background),1), rgba(var(--color-dry-martini-background),1) 36px, rgba(var(--color-black-white),0.18) 36px, rgba(var(--color-black-white),0.18) 37px); background-position: center 22px; } .dry-martini #contact-work-detail .input--filled.textarea.p-60 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -44px 0 0 rgba(var(--color-dry-martini-background),1); } .dry-martini #contact-work-detail .input--filled.textarea.p-60 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -44px 0 0 rgba(var(--color-dry-martini-background),1); } .dry-martini #contact-work-detail .input--filled.textarea.p-550 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -50px 0 0 rgba(var(--color-dry-martini-background),1); } .dry-martini #contact-work-detail .input--filled.textarea.p-550 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -50px 0 0 rgba(var(--color-dry-martini-background),1); } .dry-martini #contact-work-detail .input--filled.textarea.p-666 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -86px 0 0 rgba(var(--color-dry-martini-background),1); } .dry-martini #contact-work-detail .input--filled.textarea.p-666 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -86px 0 0 rgba(var(--color-dry-martini-background),1); } .dry-martini #contact-work-detail .input--filled.textarea.p-1140 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -88px 0 0 rgba(var(--color-dry-martini-background),1); } .dry-martini #contact-work-detail .input--filled.textarea.p-1140 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -88px 0 0 rgba(var(--color-dry-martini-background),1); } .dry-martini nav.page-navigation::after, .dry-martini nav.page-navigation::before, .works-navigation.dry-martini::after{ background: rgba(var(--color-dry-martini-bar-detail),1); } .bg-init.dry-martini, .dry-martini #works-detail h1 span, .dry-martini .works-img-type-1 .col div span, .dry-martini .works-img-type-5 .col div span, .dry-martini .works-img-type-6 .col div span, .dry-martini nav.page-navigation .detail::after, .dry-martini nav.page-navigation .detail::before, .dry-martini .works-end-navigation, .dry-martini #contact-work-detail .cta:hover:before, .dry-martini #contact-work-detail h4 span::after, .dry-martini .menu--thunderbolt .menu__link::before, .dry-martini .menu--thunderbolt .menu__link::after, .dry-martini .portfolio .label p span::after, .dry-martini ::selection{ background: rgba(var(--color-dry-martini-primary),1); } .dry-martini #works-detail h3, .dry-martini .description p:last-child span, .dry-martini .works-navigation .menu-icon p, .dry-martini .global-menu__item.active, .dry-martini .global-menu__item:hover, .dry-martini #contact-work-detail .input__field--thunder-form:focus + .input__label--thunder-form, .dry-martini .menu--thunderbolt .menu__item--current .menu__link{ color: rgba(var(--color-dry-martini-primary),1); } .dry-martini .works-navigation .menu-icon p{ -webkit-text-stroke: 0.24px rgba(var(--color-dry-martini-primary),1); } .dry-martini nav.page-navigation .active .wp0, .dry-martini #reflection .lp1, .dry-martini #light.lp1, .dry-martini #waves .lp1, .dry-martini #thunderbolt.lp0, .works-navigation.dry-martini .ap0, .works-navigation.dry-martini .sp0, .works-navigation.dry-martini .sp2, .dry-martini .works-end-navigation a .icon .ap0, .dry-martini #contact-work-detail .graphic--thunder-form, .dry-martini #contact-work-detail .cta svg, .dry-martini .hero svg .wdp0{ stroke: rgba(var(--color-dry-martini-primary),1); } .dry-martini #thunderbolt.lp0, .works-navigation.dry-martini .sp1{ fill: rgba(var(--color-dry-martini-primary),1); } .dry-martini.bg-menu #cookie-msg{ border-color: rgba(var(--color-dry-martini-primary),1); } .dry-martini #contact-work-detail .checkgroup:hover #custom-check:checked:before, .dry-martini .cta:before{ border-color: rgba(var(--color-dry-martini-primary),1); } .dry-martini #contact-work-detail #custom-check:checked:before{ border-color: rgba(var(--color-dry-martini-primary),1); background: rgba(var(--color-dry-martini-primary),1); } .dry-martini .grid-toggle{ background: rgba(var(--color-dry-martini-primary),0.6); } .dry-martini .list .portfolio:hover .portfolio-img-hover::after{ box-shadow: none; } .dry-martini .grid .switch-icons_grid .swp0{ fill: rgba(var(--color-dry-martini-primary),1); } .dry-martini .grid .switch-icons_list .swp0{ fill: rgba(var(--color-dry-martini-bar),0.48); } .dry-martini .list .switch-icons_grid .swp0{ fill: rgba(var(--color-dry-martini-bar),0.48); } .dry-martini .list .switch-icons_list .swp0{ fill: rgba(var(--color-dry-martini-primary),1); } .dry-martini #cookie-msg{ background: rgba(var(--color-dry-martini-bar),0.96)!important; } .dry-martini #cookie-msg a:hover{ color: rgba(var(--color-dry-martini-primary),1)!important; } .dry-martini #cookie-msg a.btn-aceptar{ background: rgba(var(--color-dry-martini-primary),1)!important; } .dry-martini #cookie-msg a.btn-aceptar:hover{ background: rgba(255,255,255,1)!important; } /* ========== Alife ========== */ .alife .portfolio .label-background{ background: rgba(var(--color-alife-background),1); } .alife .grid-selector{ background: rgba(var(--color-alife-background),0.96); } .alife .portfolio .portfolio-img-hover::after{ box-shadow: inset 0 0 0 0 rgba(var(--color-alife-background),1), inset 0 0 0 0 rgba(var(--color-alife-background),1), inset 0 0 0 0 rgba(var(--color-alife-background),1); } body.alife, .alife nav.page-navigation, .works-navigation.alife, .alife nav.page-navigation .toggle-color{ background: rgba(var(--color-alife-bar),1); } .works-navigation.alife .sp1{ stroke: rgba(var(--color-alife-bar),1); } #fullpage.alife, .alife #contact-work-detail #custom-check:before{ background: rgba(var(--color-alife-background),1); } .alife #contact-work-detail .input--filled.textarea.input--thunder-form{ box-shadow: inset 0 -12px 0 0 rgba(var(--color-alife-background),1),inset 0 30px 0 0 rgba(var(--color-alife-background),1); background: repeating-linear-gradient(rgba(var(--color-alife-background),1), rgba(var(--color-alife-background),1) 36px, rgba(var(--color-black-white),0.18) 36px, rgba(var(--color-black-white),0.18) 37px); background-position: center 22px; } .alife #contact-work-detail .input--filled.textarea.p-60 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -44px 0 0 rgba(var(--color-alife-background),1); } .alife #contact-work-detail .input--filled.textarea.p-60 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -44px 0 0 rgba(var(--color-alife-background),1); } .alife #contact-work-detail .input--filled.textarea.p-550 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -50px 0 0 rgba(var(--color-alife-background),1); } .alife #contact-work-detail .input--filled.textarea.p-550 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -50px 0 0 rgba(var(--color-alife-background),1); } .alife #contact-work-detail .input--filled.textarea.p-666 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -86px 0 0 rgba(var(--color-alife-background),1); } .alife #contact-work-detail .input--filled.textarea.p-666 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -86px 0 0 rgba(var(--color-alife-background),1); } .alife #contact-work-detail .input--filled.textarea.p-1140 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -88px 0 0 rgba(var(--color-alife-background),1); } .alife #contact-work-detail .input--filled.textarea.p-1140 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -88px 0 0 rgba(var(--color-alife-background),1); } .alife nav.page-navigation::after, .alife nav.page-navigation::before, .works-navigation.alife::after{ background: rgba(var(--color-alife-bar-detail),1); } .bg-init.alife, .alife #works-detail h1 span, .alife .works-img-type-1 .col div span, .alife .works-img-type-5 .col div span, .alife .works-img-type-6 .col div span, .alife nav.page-navigation .detail::after, .alife nav.page-navigation .detail::before, .alife .works-end-navigation, .alife #contact-work-detail .cta:hover:before, .alife #contact-work-detail h4 span::after, .alife .menu--thunderbolt .menu__link::before, .alife .menu--thunderbolt .menu__link::after, .alife .portfolio .label p span::after, .alife ::selection{ background: rgba(var(--color-alife-primary),1); } .alife #works-detail h3, .alife .description p:last-child span, .alife .works-navigation .menu-icon p, .alife .global-menu__item.active, .alife .global-menu__item:hover, .alife #contact-work-detail .input__field--thunder-form:focus + .input__label--thunder-form, .alife .menu--thunderbolt .menu__item--current .menu__link{ color: rgba(var(--color-alife-primary),1); } .alife .works-navigation .menu-icon p{ -webkit-text-stroke: 0.24px rgba(var(--color-alife-primary),1); } .alife nav.page-navigation .active .wp0, .alife #reflection .lp1, .alife #light.lp1, .alife #waves .lp1, .alife #thunderbolt.lp0, .works-navigation.alife .ap0, .works-navigation.alife .sp0, .works-navigation.alife .sp2, .alife .works-end-navigation a .icon .ap0, .alife #contact-work-detail .graphic--thunder-form, .alife #contact-work-detail .cta svg, .alife .hero svg .wdp0{ stroke: rgba(var(--color-alife-primary),1); } .alife #thunderbolt.lp0, .works-navigation.alife .sp1{ fill: rgba(var(--color-alife-primary),1); } .alife.bg-menu #cookie-msg{ border-color: rgba(var(--color-alife-primary),1); } .alife #contact-work-detail .checkgroup:hover #custom-check:checked:before, .alife .cta:before{ border-color: rgba(var(--color-alife-primary),1); } .alife #contact-work-detail #custom-check:checked:before{ border-color: rgba(var(--color-alife-primary),1); background: rgba(var(--color-alife-primary),1); } .alife .grid-toggle{ background: rgba(var(--color-alife-primary),0.6); } .alife .list .portfolio:hover .portfolio-img-hover::after{ box-shadow: none; } .alife .grid .switch-icons_grid .swp0{ fill: rgba(var(--color-alife-primary),1); } .alife .grid .switch-icons_list .swp0{ fill: rgba(var(--color-alife-bar),0.48); } .alife .list .switch-icons_grid .swp0{ fill: rgba(var(--color-alife-bar),0.48); } .alife .list .switch-icons_list .swp0{ fill: rgba(var(--color-alife-primary),1); } .alife #cookie-msg{ background: rgba(var(--color-alife-bar),0.96)!important; } .alife #cookie-msg a:hover{ color: rgba(var(--color-alife-primary),1)!important; } .alife #cookie-msg a.btn-aceptar{ background: rgba(var(--color-alife-primary),1)!important; } .alife #cookie-msg a.btn-aceptar:hover{ background: rgba(255,255,255,1)!important; } /* ========== elGordo ========== */ .elgordo .portfolio .label-background{ background: rgba(var(--color-elgordo-background),1); } .elgordo .grid-selector{ background: rgba(var(--color-elgordo-background),0.96); } .elgordo .portfolio .portfolio-img-hover::after{ box-shadow: inset 0 0 0 0 rgba(var(--color-elgordo-background),1), inset 0 0 0 0 rgba(var(--color-elgordo-background),1), inset 0 0 0 0 rgba(var(--color-elgordo-background),1); } body.elgordo, .elgordo nav.page-navigation, .works-navigation.elgordo, .elgordo nav.page-navigation .toggle-color{ background: rgba(var(--color-elgordo-bar),1); } .works-navigation.elgordo .sp1{ stroke: rgba(var(--color-elgordo-bar),1); } #fullpage.elgordo, .elgordo #contact-work-detail #custom-check:before{ background: rgba(var(--color-elgordo-background),1); } .elgordo #contact-work-detail .input--filled.textarea.input--thunder-form{ box-shadow: inset 0 -12px 0 0 rgba(var(--color-elgordo-background),1),inset 0 30px 0 0 rgba(var(--color-elgordo-background),1); background: repeating-linear-gradient(rgba(var(--color-elgordo-background),1), rgba(var(--color-elgordo-background),1) 36px, rgba(var(--color-black-white),0.18) 36px, rgba(var(--color-black-white),0.18) 37px); background-position: center 22px; } .elgordo #contact-work-detail .input--filled.textarea.p-60 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -44px 0 0 rgba(var(--color-elgordo-background),1); } .elgordo #contact-work-detail .input--filled.textarea.p-60 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -44px 0 0 rgba(var(--color-elgordo-background),1); } .elgordo #contact-work-detail .input--filled.textarea.p-550 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -50px 0 0 rgba(var(--color-elgordo-background),1); } .elgordo #contact-work-detail .input--filled.textarea.p-550 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -50px 0 0 rgba(var(--color-elgordo-background),1); } .elgordo #contact-work-detail .input--filled.textarea.p-666 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -86px 0 0 rgba(var(--color-elgordo-background),1); } .elgordo #contact-work-detail .input--filled.textarea.p-666 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -86px 0 0 rgba(var(--color-elgordo-background),1); } .elgordo #contact-work-detail .input--filled.textarea.p-1140 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -88px 0 0 rgba(var(--color-elgordo-background),1); } .elgordo #contact-work-detail .input--filled.textarea.p-1140 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -88px 0 0 rgba(var(--color-elgordo-background),1); } .elgordo nav.page-navigation::after, .elgordo nav.page-navigation::before, .works-navigation.elgordo::after{ background: rgba(var(--color-elgordo-bar-detail),1); } .bg-init.elgordo, .elgordo #works-detail h1 span, .elgordo .works-img-type-1 .col div span, .elgordo .works-img-type-5 .col div span, .elgordo .works-img-type-6 .col div span, .elgordo nav.page-navigation .detail::after, .elgordo nav.page-navigation .detail::before, .elgordo .works-end-navigation, .elgordo #contact-work-detail .cta:hover:before, .elgordo #contact-work-detail h4 span::after, .elgordo .menu--thunderbolt .menu__link::before, .elgordo .menu--thunderbolt .menu__link::after, .elgordo .portfolio .label p span::after, .elgordo ::selection{ background: rgba(var(--color-elgordo-primary),1); } .elgordo #works-detail h3, .elgordo .description p:last-child span, .elgordo .works-navigation .menu-icon p, .elgordo .global-menu__item.active, .elgordo .global-menu__item:hover, .elgordo #contact-work-detail .input__field--thunder-form:focus + .input__label--thunder-form, .elgordo .menu--thunderbolt .menu__item--current .menu__link{ color: rgba(var(--color-elgordo-primary),1); } .elgordo .works-navigation .menu-icon p{ -webkit-text-stroke: 0.24px rgba(var(--color-elgordo-primary),1); } .elgordo nav.page-navigation .active .wp0, .elgordo #reflection .lp1, .elgordo #light.lp1, .elgordo #waves .lp1, .elgordo #thunderbolt.lp0, .works-navigation.elgordo .ap0, .works-navigation.elgordo .sp0, .works-navigation.elgordo .sp2, .elgordo .works-end-navigation a .icon .ap0, .elgordo #contact-work-detail .graphic--thunder-form, .elgordo #contact-work-detail .cta svg, .elgordo .hero svg .wdp0{ stroke: rgba(var(--color-elgordo-primary),1); } .elgordo #thunderbolt.lp0, .works-navigation.elgordo .sp1{ fill: rgba(var(--color-elgordo-primary),1); } .elgordo.bg-menu #cookie-msg{ border-color: rgba(var(--color-elgordo-primary),1); } .elgordo #contact-work-detail .checkgroup:hover #custom-check:checked:before, .elgordo .cta:before{ border-color: rgba(var(--color-elgordo-primary),1); } .elgordo #contact-work-detail #custom-check:checked:before{ border-color: rgba(var(--color-elgordo-primary),1); background: rgba(var(--color-elgordo-primary),1); } .elgordo .grid-toggle{ background: rgba(var(--color-elgordo-primary),0.6); } .elgordo .list .portfolio:hover .portfolio-img-hover::after{ box-shadow: none; } .elgordo .grid .switch-icons_grid .swp0{ fill: rgba(var(--color-elgordo-primary),1); } .elgordo .grid .switch-icons_list .swp0{ fill: rgba(var(--color-elgordo-bar),0.48); } .elgordo .list .switch-icons_grid .swp0{ fill: rgba(var(--color-elgordo-bar),0.48); } .elgordo .list .switch-icons_list .swp0{ fill: rgba(var(--color-elgordo-primary),1); } .elgordo #cookie-msg{ background: rgba(var(--color-elgordo-bar),0.96)!important; } .elgordo #cookie-msg a:hover{ color: rgba(var(--color-elgordo-primary),1)!important; } .elgordo #cookie-msg a.btn-aceptar{ background: rgba(var(--color-elgordo-primary),1)!important; } .elgordo #cookie-msg a.btn-aceptar:hover{ background: rgba(255,255,255,1)!important; } /* ========== Airway Gym ========== */ .airway-gym .portfolio .label-background{ background: rgba(var(--color-airway-gym-background),1); } .airway-gym .grid-selector{ background: rgba(var(--color-airway-gym-background),0.96); } .airway-gym .portfolio .portfolio-img-hover::after{ box-shadow: inset 0 0 0 0 rgba(var(--color-airway-gym-background),1), inset 0 0 0 0 rgba(var(--color-airway-gym-background),1), inset 0 0 0 0 rgba(var(--color-airway-gym-background),1); } body.airway-gym, .airway-gym nav.page-navigation, .works-navigation.airway-gym, .airway-gym nav.page-navigation .toggle-color{ background: rgba(var(--color-airway-gym-bar),1); } .works-navigation.airway-gym .sp1{ stroke: rgba(var(--color-airway-gym-bar),1); } #fullpage.airway-gym, .airway-gym #contact-work-detail #custom-check:before{ background: rgba(var(--color-airway-gym-background),1); } .airway-gym #contact-work-detail .input--filled.textarea.input--thunder-form{ box-shadow: inset 0 -12px 0 0 rgba(var(--color-airway-gym-background),1),inset 0 30px 0 0 rgba(var(--color-airway-gym-background),1); background: repeating-linear-gradient(rgba(var(--color-airway-gym-background),1), rgba(var(--color-airway-gym-background),1) 36px, rgba(var(--color-black-white),0.18) 36px, rgba(var(--color-black-white),0.18) 37px); background-position: center 22px; } .airway-gym #contact-work-detail .input--filled.textarea.p-60 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -44px 0 0 rgba(var(--color-airway-gym-background),1); } .airway-gym #contact-work-detail .input--filled.textarea.p-60 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -44px 0 0 rgba(var(--color-airway-gym-background),1); } .airway-gym #contact-work-detail .input--filled.textarea.p-550 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -50px 0 0 rgba(var(--color-airway-gym-background),1); } .airway-gym #contact-work-detail .input--filled.textarea.p-550 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -50px 0 0 rgba(var(--color-airway-gym-background),1); } .airway-gym #contact-work-detail .input--filled.textarea.p-666 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -86px 0 0 rgba(var(--color-airway-gym-background),1); } .airway-gym #contact-work-detail .input--filled.textarea.p-666 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -86px 0 0 rgba(var(--color-airway-gym-background),1); } .airway-gym #contact-work-detail .input--filled.textarea.p-1140 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -88px 0 0 rgba(var(--color-airway-gym-background),1); } .airway-gym #contact-work-detail .input--filled.textarea.p-1140 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -88px 0 0 rgba(var(--color-airway-gym-background),1); } .airway-gym nav.page-navigation::after, .airway-gym nav.page-navigation::before, .works-navigation.airway-gym::after{ background: rgba(var(--color-airway-gym-bar-detail),1); } .bg-init.airway-gym, .airway-gym #works-detail h1 span, .airway-gym .works-img-type-1 .col div span, .airway-gym .works-img-type-5 .col div span, .airway-gym .works-img-type-6 .col div span, .airway-gym nav.page-navigation .detail::after, .airway-gym nav.page-navigation .detail::before, .airway-gym .works-end-navigation, .airway-gym #contact-work-detail .cta:hover:before, .airway-gym #contact-work-detail h4 span::after, .airway-gym .menu--thunderbolt .menu__link::before, .airway-gym .menu--thunderbolt .menu__link::after, .airway-gym .portfolio .label p span::after, .airway-gym ::selection{ background: rgba(var(--color-airway-gym-primary),1); } .airway-gym #works-detail h3, .airway-gym .description p:last-child span, .airway-gym .works-navigation .menu-icon p, .airway-gym .global-menu__item.active, .airway-gym .global-menu__item:hover, .airway-gym #contact-work-detail .input__field--thunder-form:focus + .input__label--thunder-form, .airway-gym .menu--thunderbolt .menu__item--current .menu__link{ color: rgba(var(--color-airway-gym-primary),1); } .airway-gym .works-navigation .menu-icon p{ -webkit-text-stroke: 0.24px rgba(var(--color-airway-gym-primary),1); } .airway-gym nav.page-navigation .active .wp0, .airway-gym #reflection .lp1, .airway-gym #light.lp1, .airway-gym #waves .lp1, .airway-gym #thunderbolt.lp0, .works-navigation.airway-gym .ap0, .works-navigation.airway-gym .sp0, .works-navigation.airway-gym .sp2, .airway-gym .works-end-navigation a .icon .ap0, .airway-gym #contact-work-detail .graphic--thunder-form, .airway-gym #contact-work-detail .cta svg, .airway-gym .hero svg .wdp0{ stroke: rgba(var(--color-airway-gym-primary),1); } .airway-gym #thunderbolt.lp0, .works-navigation.airway-gym .sp1{ fill: rgba(var(--color-airway-gym-primary),1); } .airway-gym.bg-menu #cookie-msg{ border-color: rgba(var(--color-airway-gym-primary),1); } .airway-gym #contact-work-detail .checkgroup:hover #custom-check:checked:before, .airway-gym .cta:before{ border-color: rgba(var(--color-airway-gym-primary),1); } .airway-gym #contact-work-detail #custom-check:checked:before{ border-color: rgba(var(--color-airway-gym-primary),1); background: rgba(var(--color-airway-gym-primary),1); } .airway-gym .grid-toggle{ background: rgba(var(--color-airway-gym-primary),0.6); } .airway-gym .list .portfolio:hover .portfolio-img-hover::after{ box-shadow: none; } .airway-gym .grid .switch-icons_grid .swp0{ fill: rgba(var(--color-airway-gym-primary),1); } .airway-gym .grid .switch-icons_list .swp0{ fill: rgba(var(--color-airway-gym-bar),0.48); } .airway-gym .list .switch-icons_grid .swp0{ fill: rgba(var(--color-airway-gym-bar),0.48); } .airway-gym .list .switch-icons_list .swp0{ fill: rgba(var(--color-airway-gym-primary),1); } .airway-gym #cookie-msg{ background: rgba(var(--color-airway-gym-bar),0.96)!important; } .airway-gym #cookie-msg a:hover{ color: rgba(var(--color-airway-gym-primary),1)!important; } .airway-gym #cookie-msg a.btn-aceptar{ background: rgba(var(--color-airway-gym-primary),1)!important; } .airway-gym #cookie-msg a.btn-aceptar:hover{ background: rgba(255,255,255,1)!important; } /* ========== Racket Hero ========== */ .rackethero .portfolio .label-background{ background: rgba(var(--color-rackethero-background),1); } .rackethero .grid-selector{ background: rgba(var(--color-rackethero-background),0.96); } .rackethero .portfolio .portfolio-img-hover::after{ box-shadow: inset 0 0 0 0 rgba(var(--color-rackethero-background),1), inset 0 0 0 0 rgba(var(--color-rackethero-background),1), inset 0 0 0 0 rgba(var(--color-rackethero-background),1); } body.rackethero, .rackethero nav.page-navigation, .works-navigation.rackethero, .rackethero nav.page-navigation .toggle-color{ background: rgba(var(--color-rackethero-bar),1); } .works-navigation.rackethero .sp1{ stroke: rgba(var(--color-rackethero-bar),1); } #fullpage.rackethero, .rackethero #contact-work-detail #custom-check:before{ background: rgba(var(--color-rackethero-background),1); } .rackethero #contact-work-detail .input--filled.textarea.input--thunder-form{ box-shadow: inset 0 -12px 0 0 rgba(var(--color-rackethero-background),1),inset 0 30px 0 0 rgba(var(--color-rackethero-background),1); background: repeating-linear-gradient(rgba(var(--color-rackethero-background),1), rgba(var(--color-rackethero-background),1) 36px, rgba(var(--color-black-white),0.18) 36px, rgba(var(--color-black-white),0.18) 37px); background-position: center 22px; } .rackethero #contact-work-detail .input--filled.textarea.p-60 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -44px 0 0 rgba(var(--color-rackethero-background),1); } .rackethero #contact-work-detail .input--filled.textarea.p-60 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -44px 0 0 rgba(var(--color-rackethero-background),1); } .rackethero #contact-work-detail .input--filled.textarea.p-550 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -50px 0 0 rgba(var(--color-rackethero-background),1); } .rackethero #contact-work-detail .input--filled.textarea.p-550 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -50px 0 0 rgba(var(--color-rackethero-background),1); } .rackethero #contact-work-detail .input--filled.textarea.p-666 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -86px 0 0 rgba(var(--color-rackethero-background),1); } .rackethero #contact-work-detail .input--filled.textarea.p-666 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -86px 0 0 rgba(var(--color-rackethero-background),1); } .rackethero #contact-work-detail .input--filled.textarea.p-1140 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -88px 0 0 rgba(var(--color-rackethero-background),1); } .rackethero #contact-work-detail .input--filled.textarea.p-1140 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -88px 0 0 rgba(var(--color-rackethero-background),1); } .rackethero nav.page-navigation::after, .rackethero nav.page-navigation::before, .works-navigation.rackethero::after{ background: rgba(var(--color-rackethero-bar-detail),1); } .bg-init.rackethero, .rackethero #works-detail h1 span, .rackethero .works-img-type-1 .col div span, .rackethero .works-img-type-5 .col div span, .rackethero .works-img-type-6 .col div span, .rackethero nav.page-navigation .detail::after, .rackethero nav.page-navigation .detail::before, .rackethero .works-end-navigation, .rackethero #contact-work-detail .cta:hover:before, .rackethero #contact-work-detail h4 span::after, .rackethero .menu--thunderbolt .menu__link::before, .rackethero .menu--thunderbolt .menu__link::after, .rackethero .portfolio .label p span::after, .rackethero ::selection{ background: rgba(var(--color-rackethero-primary),1); } .rackethero #works-detail h3, .rackethero .description p:last-child span, .rackethero .works-navigation .menu-icon p, .rackethero .global-menu__item.active, .rackethero .global-menu__item:hover, .rackethero #contact-work-detail .input__field--thunder-form:focus + .input__label--thunder-form, .rackethero .menu--thunderbolt .menu__item--current .menu__link{ color: rgba(var(--color-rackethero-primary),1); } .rackethero .works-navigation .menu-icon p{ -webkit-text-stroke: 0.24px rgba(var(--color-rackethero-primary),1); } .rackethero nav.page-navigation .active .wp0, .rackethero #reflection .lp1, .rackethero #light.lp1, .rackethero #waves .lp1, .rackethero #thunderbolt.lp0, .works-navigation.rackethero .ap0, .works-navigation.rackethero .sp0, .works-navigation.rackethero .sp2, .rackethero .works-end-navigation a .icon .ap0, .rackethero #contact-work-detail .graphic--thunder-form, .rackethero #contact-work-detail .cta svg, .rackethero .hero svg .wdp0{ stroke: rgba(var(--color-rackethero-primary),1); } .rackethero #thunderbolt.lp0, .works-navigation.rackethero .sp1{ fill: rgba(var(--color-rackethero-primary),1); } .rackethero.bg-menu #cookie-msg{ border-color: rgba(var(--color-rackethero-primary),1); } .rackethero #contact-work-detail .checkgroup:hover #custom-check:checked:before, .rackethero .cta:before{ border-color: rgba(var(--color-rackethero-primary),1); } .rackethero #contact-work-detail #custom-check:checked:before{ border-color: rgba(var(--color-rackethero-primary),1); background: rgba(var(--color-rackethero-primary),1); } .rackethero .grid-toggle{ background: rgba(var(--color-rackethero-primary),0.6); } .rackethero .list .portfolio:hover .portfolio-img-hover::after{ box-shadow: none; } .rackethero .grid .switch-icons_grid .swp0{ fill: rgba(var(--color-rackethero-primary),1); } .rackethero .grid .switch-icons_list .swp0{ fill: rgba(var(--color-rackethero-bar),0.48); } .rackethero .list .switch-icons_grid .swp0{ fill: rgba(var(--color-rackethero-bar),0.48); } .rackethero .list .switch-icons_list .swp0{ fill: rgba(var(--color-rackethero-primary),1); } .rackethero #cookie-msg{ background: rgba(var(--color-rackethero-bar),0.96)!important; } .rackethero #cookie-msg a:hover{ color: rgba(var(--color-rackethero-primary),1)!important; } .rackethero #cookie-msg a.btn-aceptar{ background: rgba(var(--color-rackethero-primary),1)!important; } .rackethero #cookie-msg a.btn-aceptar:hover{ background: rgba(255,255,255,1)!important; } /* ========== 'Arewedoing ========== */ .arewedoing .portfolio .label-background{ background: rgba(var(--color-arewedoing-background),1); } .arewedoing .grid-selector{ background: rgba(var(--color-arewedoing-background),0.96); } .arewedoing .portfolio .portfolio-img-hover::after{ box-shadow: inset 0 0 0 0 rgba(var(--color-arewedoing-background),1), inset 0 0 0 0 rgba(var(--color-arewedoing-background),1), inset 0 0 0 0 rgba(var(--color-arewedoing-background),1); } body.arewedoing, .arewedoing nav.page-navigation, .works-navigation.arewedoing, .arewedoing nav.page-navigation .toggle-color{ background: rgba(var(--color-arewedoing-bar),1); } .works-navigation.arewedoing .sp1{ stroke: rgba(var(--color-arewedoing-bar),1); } #fullpage.arewedoing, .arewedoing #contact-work-detail #custom-check:before{ background: rgba(var(--color-arewedoing-background),1); } .arewedoing #contact-work-detail .input--filled.textarea.input--thunder-form{ box-shadow: inset 0 -12px 0 0 rgba(var(--color-arewedoing-background),1),inset 0 30px 0 0 rgba(var(--color-arewedoing-background),1); background: repeating-linear-gradient(rgba(var(--color-arewedoing-background),1), rgba(var(--color-arewedoing-background),1) 36px, rgba(var(--color-black-white),0.18) 36px, rgba(var(--color-black-white),0.18) 37px); background-position: center 22px; } .arewedoing #contact-work-detail .input--filled.textarea.p-60 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -44px 0 0 rgba(var(--color-arewedoing-background),1); } .arewedoing #contact-work-detail .input--filled.textarea.p-60 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -44px 0 0 rgba(var(--color-arewedoing-background),1); } .arewedoing #contact-work-detail .input--filled.textarea.p-550 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -50px 0 0 rgba(var(--color-arewedoing-background),1); } .arewedoing #contact-work-detail .input--filled.textarea.p-550 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -50px 0 0 rgba(var(--color-arewedoing-background),1); } .arewedoing #contact-work-detail .input--filled.textarea.p-666 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -86px 0 0 rgba(var(--color-arewedoing-background),1); } .arewedoing #contact-work-detail .input--filled.textarea.p-666 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -86px 0 0 rgba(var(--color-arewedoing-background),1); } .arewedoing #contact-work-detail .input--filled.textarea.p-1140 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -88px 0 0 rgba(var(--color-arewedoing-background),1); } .arewedoing #contact-work-detail .input--filled.textarea.p-1140 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -88px 0 0 rgba(var(--color-arewedoing-background),1); } .arewedoing nav.page-navigation::after, .arewedoing nav.page-navigation::before, .works-navigation.arewedoing::after{ background: rgba(var(--color-arewedoing-bar-detail),1); } .bg-init.arewedoing, .arewedoing #works-detail h1 span, .arewedoing .works-img-type-1 .col div span, .arewedoing .works-img-type-5 .col div span, .arewedoing .works-img-type-6 .col div span, .arewedoing nav.page-navigation .detail::after, .arewedoing nav.page-navigation .detail::before, .arewedoing .works-end-navigation, .arewedoing #contact-work-detail .cta:hover:before, .arewedoing #contact-work-detail h4 span::after, .arewedoing .menu--thunderbolt .menu__link::before, .arewedoing .menu--thunderbolt .menu__link::after, .arewedoing .portfolio .label p span::after, .arewedoing ::selection{ background: rgba(var(--color-arewedoing-primary),1); } .arewedoing #works-detail h3, .arewedoing .description p:last-child span, .arewedoing .works-navigation .menu-icon p, .arewedoing .global-menu__item.active, .arewedoing .global-menu__item:hover, .arewedoing #contact-work-detail .input__field--thunder-form:focus + .input__label--thunder-form, .arewedoing .menu--thunderbolt .menu__item--current .menu__link{ color: rgba(var(--color-arewedoing-primary),1); } .arewedoing .works-navigation .menu-icon p{ -webkit-text-stroke: 0.24px rgba(var(--color-arewedoing-primary),1); } .arewedoing nav.page-navigation .active .wp0, .arewedoing #reflection .lp1, .arewedoing #light.lp1, .arewedoing #waves .lp1, .arewedoing #thunderbolt.lp0, .works-navigation.arewedoing .ap0, .works-navigation.arewedoing .sp0, .works-navigation.arewedoing .sp2, .arewedoing .works-end-navigation a .icon .ap0, .arewedoing #contact-work-detail .graphic--thunder-form, .arewedoing #contact-work-detail .cta svg, .arewedoing .hero svg .wdp0{ stroke: rgba(var(--color-arewedoing-primary),1); } .arewedoing #thunderbolt.lp0, .works-navigation.arewedoing .sp1{ fill: rgba(var(--color-arewedoing-primary),1); } .arewedoing.bg-menu #cookie-msg{ border-color: rgba(var(--color-arewedoing-primary),1); } .arewedoing #contact-work-detail .checkgroup:hover #custom-check:checked:before, .arewedoing .cta:before{ border-color: rgba(var(--color-arewedoing-primary),1); } .arewedoing #contact-work-detail #custom-check:checked:before{ border-color: rgba(var(--color-arewedoing-primary),1); background: rgba(var(--color-arewedoing-primary),1); } .arewedoing .grid-toggle{ background: rgba(var(--color-arewedoing-primary),0.6); } .arewedoing .list .portfolio:hover .portfolio-img-hover::after{ box-shadow: none; } .arewedoing .grid .switch-icons_grid .swp0{ fill: rgba(var(--color-arewedoing-primary),1); } .arewedoing .grid .switch-icons_list .swp0{ fill: rgba(var(--color-arewedoing-bar),0.48); } .arewedoing .list .switch-icons_grid .swp0{ fill: rgba(var(--color-arewedoing-bar),0.48); } .arewedoing .list .switch-icons_list .swp0{ fill: rgba(var(--color-arewedoing-primary),1); } .arewedoing #cookie-msg{ background: rgba(var(--color-arewedoing-bar),0.96)!important; } .arewedoing #cookie-msg a:hover{ color: rgba(var(--color-arewedoing-primary),1)!important; } .arewedoing #cookie-msg a.btn-aceptar{ background: rgba(var(--color-arewedoing-primary),1)!important; } .arewedoing #cookie-msg a.btn-aceptar:hover{ background: rgba(255,255,255,1)!important; } /* ========== Taloki ========== */ .taloki .portfolio .label-background{ background: rgba(var(--color-taloki-background),1); } .taloki .grid-selector{ background: rgba(var(--color-taloki-background),0.96); } .taloki .portfolio .portfolio-img-hover::after{ box-shadow: inset 0 0 0 0 rgba(var(--color-taloki-background),1), inset 0 0 0 0 rgba(var(--color-taloki-background),1), inset 0 0 0 0 rgba(var(--color-taloki-background),1); } body.taloki, .taloki nav.page-navigation, .works-navigation.taloki, .taloki nav.page-navigation .toggle-color{ background: rgba(var(--color-taloki-bar),1); } .works-navigation.taloki .sp1{ stroke: rgba(var(--color-taloki-bar),1); } #fullpage.taloki, .taloki #contact-work-detail #custom-check:before{ background: rgba(var(--color-taloki-background),1); } .taloki #contact-work-detail .input--filled.textarea.input--thunder-form{ box-shadow: inset 0 -12px 0 0 rgba(var(--color-taloki-background),1),inset 0 30px 0 0 rgba(var(--color-taloki-background),1); background: repeating-linear-gradient(rgba(var(--color-taloki-background),1), rgba(var(--color-taloki-background),1) 36px, rgba(var(--color-black-white),0.18) 36px, rgba(var(--color-black-white),0.18) 37px); background-position: center 22px; } .taloki #contact-work-detail .input--filled.textarea.p-60 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -44px 0 0 rgba(var(--color-taloki-background),1); } .taloki #contact-work-detail .input--filled.textarea.p-60 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -44px 0 0 rgba(var(--color-taloki-background),1); } .taloki #contact-work-detail .input--filled.textarea.p-550 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -50px 0 0 rgba(var(--color-taloki-background),1); } .taloki #contact-work-detail .input--filled.textarea.p-550 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -50px 0 0 rgba(var(--color-taloki-background),1); } .taloki #contact-work-detail .input--filled.textarea.p-666 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -86px 0 0 rgba(var(--color-taloki-background),1); } .taloki #contact-work-detail .input--filled.textarea.p-666 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -86px 0 0 rgba(var(--color-taloki-background),1); } .taloki #contact-work-detail .input--filled.textarea.p-1140 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -88px 0 0 rgba(var(--color-taloki-background),1); } .taloki #contact-work-detail .input--filled.textarea.p-1140 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -88px 0 0 rgba(var(--color-taloki-background),1); } .taloki nav.page-navigation::after, .taloki nav.page-navigation::before, .works-navigation.taloki::after{ background: rgba(var(--color-taloki-bar-detail),1); } .bg-init.taloki, .taloki #works-detail h1 span, .taloki .works-img-type-1 .col div span, .taloki .works-img-type-5 .col div span, .taloki .works-img-type-6 .col div span, .taloki nav.page-navigation .detail::after, .taloki nav.page-navigation .detail::before, .taloki .works-end-navigation, .taloki #contact-work-detail .cta:hover:before, .taloki #contact-work-detail h4 span::after, .taloki .menu--thunderbolt .menu__link::before, .taloki .menu--thunderbolt .menu__link::after, .taloki .portfolio .label p span::after, .taloki ::selection{ background: rgba(var(--color-taloki-primary),1); } .taloki #works-detail h3, .taloki .description p:last-child span, .taloki .works-navigation .menu-icon p, .taloki .global-menu__item.active, .taloki .global-menu__item:hover, .taloki #contact-work-detail .input__field--thunder-form:focus + .input__label--thunder-form, .taloki .menu--thunderbolt .menu__item--current .menu__link{ color: rgba(var(--color-taloki-primary),1); } .taloki .works-navigation .menu-icon p{ -webkit-text-stroke: 0.24px rgba(var(--color-taloki-primary),1); } .taloki nav.page-navigation .active .wp0, .taloki #reflection .lp1, .taloki #light.lp1, .taloki #waves .lp1, .taloki #thunderbolt.lp0, .works-navigation.taloki .ap0, .works-navigation.taloki .sp0, .works-navigation.taloki .sp2, .taloki .works-end-navigation a .icon .ap0, .taloki #contact-work-detail .graphic--thunder-form, .taloki #contact-work-detail .cta svg, .taloki .hero svg .wdp0{ stroke: rgba(var(--color-taloki-primary),1); } .taloki #thunderbolt.lp0, .works-navigation.taloki .sp1{ fill: rgba(var(--color-taloki-primary),1); } .taloki.bg-menu #cookie-msg{ border-color: rgba(var(--color-taloki-primary),1); } .taloki #contact-work-detail .checkgroup:hover #custom-check:checked:before, .taloki .cta:before{ border-color: rgba(var(--color-taloki-primary),1); } .taloki #contact-work-detail #custom-check:checked:before{ border-color: rgba(var(--color-taloki-primary),1); background: rgba(var(--color-taloki-primary),1); } .taloki .grid-toggle{ background: rgba(var(--color-taloki-primary),0.6); } .taloki .list .portfolio:hover .portfolio-img-hover::after{ box-shadow: none; } .taloki .grid .switch-icons_grid .swp0{ fill: rgba(var(--color-taloki-primary),1); } .taloki .grid .switch-icons_list .swp0{ fill: rgba(var(--color-taloki-bar),0.48); } .taloki .list .switch-icons_grid .swp0{ fill: rgba(var(--color-taloki-bar),0.48); } .taloki .list .switch-icons_list .swp0{ fill: rgba(var(--color-taloki-primary),1); } .taloki #cookie-msg{ background: rgba(var(--color-taloki-bar),0.96)!important; } .taloki #cookie-msg a:hover{ color: rgba(var(--color-taloki-primary),1)!important; } .taloki #cookie-msg a.btn-aceptar{ color: rgba(4,6,8,1)!important; background: rgba(var(--color-taloki-primary),1)!important; } .taloki #cookie-msg a.btn-aceptar:hover{ background: rgba(255,255,255,1)!important; } /* ========== Endesa ========== */ .endesa .portfolio .label-background{ background: rgba(var(--color-endesa-background),1); } .endesa .grid-selector{ background: rgba(var(--color-endesa-background),0.96); } .endesa .portfolio .portfolio-img-hover::after{ box-shadow: inset 0 0 0 0 rgba(var(--color-endesa-background),1), inset 0 0 0 0 rgba(var(--color-endesa-background),1), inset 0 0 0 0 rgba(var(--color-endesa-background),1); } body.endesa, .endesa nav.page-navigation, .works-navigation.endesa, .endesa nav.page-navigation .toggle-color{ background: rgba(var(--color-endesa-bar),1); } .works-navigation.endesa .sp1{ stroke: rgba(var(--color-endesa-bar),1); } #fullpage.endesa, .endesa #contact-work-detail #custom-check:before{ background: rgba(var(--color-endesa-background),1); } .endesa #contact-work-detail .input--filled.textarea.input--thunder-form{ box-shadow: inset 0 -12px 0 0 rgba(var(--color-endesa-background),1),inset 0 30px 0 0 rgba(var(--color-endesa-background),1); background: repeating-linear-gradient(rgba(var(--color-endesa-background),1), rgba(var(--color-endesa-background),1) 36px, rgba(var(--color-black-white),0.18) 36px, rgba(var(--color-black-white),0.18) 37px); background-position: center 22px; } .endesa #contact-work-detail .input--filled.textarea.p-60 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -44px 0 0 rgba(var(--color-endesa-background),1); } .endesa #contact-work-detail .input--filled.textarea.p-60 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -44px 0 0 rgba(var(--color-endesa-background),1); } .endesa #contact-work-detail .input--filled.textarea.p-550 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -50px 0 0 rgba(var(--color-endesa-background),1); } .endesa #contact-work-detail .input--filled.textarea.p-550 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -50px 0 0 rgba(var(--color-endesa-background),1); } .endesa #contact-work-detail .input--filled.textarea.p-666 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -86px 0 0 rgba(var(--color-endesa-background),1); } .endesa #contact-work-detail .input--filled.textarea.p-666 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -86px 0 0 rgba(var(--color-endesa-background),1); } .endesa #contact-work-detail .input--filled.textarea.p-1140 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -88px 0 0 rgba(var(--color-endesa-background),1); } .endesa #contact-work-detail .input--filled.textarea.p-1140 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -88px 0 0 rgba(var(--color-endesa-background),1); } .endesa nav.page-navigation::after, .endesa nav.page-navigation::before, .works-navigation.endesa::after{ background: rgba(var(--color-endesa-bar-detail),1); } .bg-init.endesa, .endesa #works-detail h1 span, .endesa .works-img-type-1 .col div span, .endesa .works-img-type-5 .col div span, .endesa .works-img-type-6 .col div span, .endesa nav.page-navigation .detail::after, .endesa nav.page-navigation .detail::before, .endesa .works-end-navigation, .endesa #contact-work-detail .cta:hover:before, .endesa #contact-work-detail h4 span::after, .endesa .menu--thunderbolt .menu__link::before, .endesa .menu--thunderbolt .menu__link::after, .endesa .portfolio .label p span::after, .endesa ::selection{ background: rgba(var(--color-endesa-primary),1); } .endesa #works-detail h3, .endesa .description p:last-child span, .endesa .works-navigation .menu-icon p, .endesa .global-menu__item.active, .endesa .global-menu__item:hover, .endesa #contact-work-detail .input__field--thunder-form:focus + .input__label--thunder-form, .endesa .menu--thunderbolt .menu__item--current .menu__link{ color: rgba(var(--color-endesa-primary),1); } .endesa .works-navigation .menu-icon p{ -webkit-text-stroke: 0.24px rgba(var(--color-endesa-primary),1); } .endesa nav.page-navigation .active .wp0, .endesa #reflection .lp1, .endesa #light.lp1, .endesa #waves .lp1, .endesa #thunderbolt.lp0, .works-navigation.endesa .ap0, .works-navigation.endesa .sp0, .works-navigation.endesa .sp2, .endesa .works-end-navigation a .icon .ap0, .endesa #contact-work-detail .graphic--thunder-form, .endesa #contact-work-detail .cta svg, .endesa .hero svg .wdp0{ stroke: rgba(var(--color-endesa-primary),1); } .endesa #thunderbolt.lp0, .works-navigation.endesa .sp1{ fill: rgba(var(--color-endesa-primary),1); } .endesa.bg-menu #cookie-msg{ border-color: rgba(var(--color-endesa-primary),1); } .endesa #contact-work-detail .checkgroup:hover #custom-check:checked:before, .endesa .cta:before{ border-color: rgba(var(--color-endesa-primary),1); } .endesa #contact-work-detail #custom-check:checked:before{ border-color: rgba(var(--color-endesa-primary),1); background: rgba(var(--color-endesa-primary),1); } .endesa .grid-toggle{ background: rgba(var(--color-endesa-primary),0.6); } .endesa .list .portfolio:hover .portfolio-img-hover::after{ box-shadow: none; } .endesa .grid .switch-icons_grid .swp0{ fill: rgba(var(--color-endesa-primary),1); } .endesa .grid .switch-icons_list .swp0{ fill: rgba(var(--color-endesa-bar),0.48); } .endesa .list .switch-icons_grid .swp0{ fill: rgba(var(--color-endesa-bar),0.48); } .endesa .list .switch-icons_list .swp0{ fill: rgba(var(--color-endesa-primary),1); } .endesa #cookie-msg{ background: rgba(var(--color-endesa-bar),0.96)!important; } .endesa #cookie-msg a:hover{ color: rgba(var(--color-endesa-primary),1)!important; } .endesa #cookie-msg a.btn-aceptar{ background: rgba(var(--color-endesa-primary),1)!important; } .endesa #cookie-msg a.btn-aceptar:hover{ background: rgba(255,255,255,1)!important; } /* ========== Mixtape 01 ========== */ .mixtape-01 .portfolio .label-background{ background: rgba(var(--color-mixtape-01-background),1); } .mixtape-01 .grid-selector{ background: rgba(var(--color-mixtape-01-background),0.96); } .mixtape-01 .portfolio .portfolio-img-hover::after{ box-shadow: inset 0 0 0 0 rgba(var(--color-mixtape-01-background),1), inset 0 0 0 0 rgba(var(--color-mixtape-01-background),1), inset 0 0 0 0 rgba(var(--color-mixtape-01-background),1); } body.mixtape-01, .mixtape-01 nav.page-navigation, .works-navigation.mixtape-01, .mixtape-01 nav.page-navigation .toggle-color{ background: rgba(var(--color-mixtape-01-bar),1); } .works-navigation.mixtape-01 .sp1{ stroke: rgba(var(--color-mixtape-01-bar),1); } #fullpage.mixtape-01, .mixtape-01 #contact-work-detail #custom-check:before{ background: rgba(var(--color-mixtape-01-background),1); } .mixtape-01 #contact-work-detail .input--filled.textarea.input--thunder-form{ box-shadow: inset 0 -12px 0 0 rgba(var(--color-mixtape-01-background),1),inset 0 30px 0 0 rgba(var(--color-mixtape-01-background),1); background: repeating-linear-gradient(rgba(var(--color-mixtape-01-background),1), rgba(var(--color-mixtape-01-background),1) 36px, rgba(var(--color-black-white),0.18) 36px, rgba(var(--color-black-white),0.18) 37px); background-position: center 22px; } .mixtape-01 #contact-work-detail .input--filled.textarea.p-60 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -44px 0 0 rgba(var(--color-mixtape-01-background),1); } .mixtape-01 #contact-work-detail .input--filled.textarea.p-60 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -44px 0 0 rgba(var(--color-mixtape-01-background),1); } .mixtape-01 #contact-work-detail .input--filled.textarea.p-550 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -50px 0 0 rgba(var(--color-mixtape-01-background),1); } .mixtape-01 #contact-work-detail .input--filled.textarea.p-550 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -50px 0 0 rgba(var(--color-mixtape-01-background),1); } .mixtape-01 #contact-work-detail .input--filled.textarea.p-666 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -86px 0 0 rgba(var(--color-mixtape-01-background),1); } .mixtape-01 #contact-work-detail .input--filled.textarea.p-666 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -86px 0 0 rgba(var(--color-mixtape-01-background),1); } .mixtape-01 #contact-work-detail .input--filled.textarea.p-1140 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -88px 0 0 rgba(var(--color-mixtape-01-background),1); } .mixtape-01 #contact-work-detail .input--filled.textarea.p-1140 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -88px 0 0 rgba(var(--color-mixtape-01-background),1); } .mixtape-01 nav.page-navigation::after, .mixtape-01 nav.page-navigation::before, .works-navigation.mixtape-01::after{ background: rgba(var(--color-mixtape-01-bar-detail),1); } .bg-init.mixtape-01, .mixtape-01 #works-detail h1 span, .mixtape-01 .works-img-type-1 .col div span, .mixtape-01 .works-img-type-5 .col div span, .mixtape-01 .works-img-type-6 .col div span, .mixtape-01 nav.page-navigation .detail::after, .mixtape-01 nav.page-navigation .detail::before, .mixtape-01 .works-end-navigation, .mixtape-01 #contact-work-detail .cta:hover:before, .mixtape-01 #contact-work-detail h4 span::after, .mixtape-01 .menu--thunderbolt .menu__link::before, .mixtape-01 .menu--thunderbolt .menu__link::after, .mixtape-01 .portfolio .label p span::after, .mixtape-01 ::selection{ background: rgba(var(--color-mixtape-01-primary),1); } .mixtape-01 #works-detail h3, .mixtape-01 .description p:last-child span, .mixtape-01 .works-navigation .menu-icon p, .mixtape-01 .global-menu__item.active, .mixtape-01 .global-menu__item:hover, .mixtape-01 #contact-work-detail .input__field--thunder-form:focus + .input__label--thunder-form, .mixtape-01 .menu--thunderbolt .menu__item--current .menu__link{ color: rgba(var(--color-mixtape-01-primary),1); } .mixtape-01 .works-navigation .menu-icon p{ -webkit-text-stroke: 0.24px rgba(var(--color-mixtape-01-primary),1); } .mixtape-01 nav.page-navigation .active .wp0, .mixtape-01 #reflection .lp1, .mixtape-01 #light.lp1, .mixtape-01 #waves .lp1, .mixtape-01 #thunderbolt.lp0, .works-navigation.mixtape-01 .ap0, .works-navigation.mixtape-01 .sp0, .works-navigation.mixtape-01 .sp2, .mixtape-01 .works-end-navigation a .icon .ap0, .mixtape-01 #contact-work-detail .graphic--thunder-form, .mixtape-01 #contact-work-detail .cta svg, .mixtape-01 .hero svg .wdp0{ stroke: rgba(var(--color-mixtape-01-primary),1); } .mixtape-01 #thunderbolt.lp0, .works-navigation.mixtape-01 .sp1{ fill: rgba(var(--color-mixtape-01-primary),1); } .mixtape-01.bg-menu #cookie-msg{ border-color: rgba(var(--color-mixtape-01-primary),1); } .mixtape-01 #contact-work-detail .checkgroup:hover #custom-check:checked:before, .mixtape-01 .cta:before{ border-color: rgba(var(--color-mixtape-01-primary),1); } .mixtape-01 #contact-work-detail #custom-check:checked:before{ border-color: rgba(var(--color-mixtape-01-primary),1); background: rgba(var(--color-mixtape-01-primary),1); } .mixtape-01 .grid-toggle{ background: rgba(var(--color-mixtape-01-primary),0.6); } .mixtape-01 .list .portfolio:hover .portfolio-img-hover::after{ box-shadow: none; } .mixtape-01 .grid .switch-icons_grid .swp0{ fill: rgba(var(--color-mixtape-01-primary),1); } .mixtape-01 .grid .switch-icons_list .swp0{ fill: rgba(var(--color-mixtape-01-bar),0.48); } .mixtape-01 .list .switch-icons_grid .swp0{ fill: rgba(var(--color-mixtape-01-bar),0.48); } .mixtape-01 .list .switch-icons_list .swp0{ fill: rgba(var(--color-mixtape-01-primary),1); } .mixtape-01 #cookie-msg{ background: rgba(var(--color-mixtape-01-bar),0.96)!important; } .mixtape-01 #cookie-msg a:hover{ color: rgba(var(--color-mixtape-01-primary),1)!important; } .mixtape-01 #cookie-msg a.btn-aceptar{ background: rgba(var(--color-mixtape-01-primary),1)!important; } .mixtape-01 #cookie-msg a.btn-aceptar:hover{ background: rgba(255,255,255,1)!important; } /* ========== Mixtape 02 ========== */ .mixtape-02 .portfolio .label-background{ background: rgba(var(--color-mixtape-02-background),1); } .mixtape-02 .grid-selector{ background: rgba(var(--color-mixtape-02-background),0.96); } .mixtape-02 .portfolio .portfolio-img-hover::after{ box-shadow: inset 0 0 0 0 rgba(var(--color-mixtape-02-background),1), inset 0 0 0 0 rgba(var(--color-mixtape-02-background),1), inset 0 0 0 0 rgba(var(--color-mixtape-02-background),1); } body.mixtape-02, .mixtape-02 nav.page-navigation, .works-navigation.mixtape-02, .mixtape-02 nav.page-navigation .toggle-color{ background: rgba(var(--color-mixtape-02-bar),1); } .works-navigation.mixtape-02 .sp1{ stroke: rgba(var(--color-mixtape-02-bar),1); } #fullpage.mixtape-02, .mixtape-02 #contact-work-detail #custom-check:before{ background: rgba(var(--color-mixtape-02-background),1); } .mixtape-02 #contact-work-detail .input--filled.textarea.input--thunder-form{ box-shadow: inset 0 -12px 0 0 rgba(var(--color-mixtape-02-background),1),inset 0 30px 0 0 rgba(var(--color-mixtape-02-background),1); background: repeating-linear-gradient(rgba(var(--color-mixtape-02-background),1), rgba(var(--color-mixtape-02-background),1) 36px, rgba(var(--color-black-white),0.18) 36px, rgba(var(--color-black-white),0.18) 37px); background-position: center 22px; } .mixtape-02 #contact-work-detail .input--filled.textarea.p-60 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -44px 0 0 rgba(var(--color-mixtape-02-background),1); } .mixtape-02 #contact-work-detail .input--filled.textarea.p-60 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -44px 0 0 rgba(var(--color-mixtape-02-background),1); } .mixtape-02 #contact-work-detail .input--filled.textarea.p-550 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -50px 0 0 rgba(var(--color-mixtape-02-background),1); } .mixtape-02 #contact-work-detail .input--filled.textarea.p-550 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -50px 0 0 rgba(var(--color-mixtape-02-background),1); } .mixtape-02 #contact-work-detail .input--filled.textarea.p-666 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -86px 0 0 rgba(var(--color-mixtape-02-background),1); } .mixtape-02 #contact-work-detail .input--filled.textarea.p-666 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -86px 0 0 rgba(var(--color-mixtape-02-background),1); } .mixtape-02 #contact-work-detail .input--filled.textarea.p-1140 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -88px 0 0 rgba(var(--color-mixtape-02-background),1); } .mixtape-02 #contact-work-detail .input--filled.textarea.p-1140 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -88px 0 0 rgba(var(--color-mixtape-02-background),1); } .mixtape-02 nav.page-navigation::after, .mixtape-02 nav.page-navigation::before, .works-navigation.mixtape-02::after{ background: rgba(var(--color-mixtape-02-bar-detail),1); } .bg-init.mixtape-02, .mixtape-02 #works-detail h1 span, .mixtape-02 .works-img-type-1 .col div span, .mixtape-02 .works-img-type-5 .col div span, .mixtape-02 .works-img-type-6 .col div span, .mixtape-02 nav.page-navigation .detail::after, .mixtape-02 nav.page-navigation .detail::before, .mixtape-02 .works-end-navigation, .mixtape-02 #contact-work-detail .cta:hover:before, .mixtape-02 #contact-work-detail h4 span::after, .mixtape-02 .menu--thunderbolt .menu__link::before, .mixtape-02 .menu--thunderbolt .menu__link::after, .mixtape-02 .portfolio .label p span::after, .mixtape-02 ::selection{ background: rgba(var(--color-mixtape-02-primary),1); } .mixtape-02 #works-detail h3, .mixtape-02 .description p:last-child span, .mixtape-02 .works-navigation .menu-icon p, .mixtape-02 .global-menu__item.active, .mixtape-02 .global-menu__item:hover, .mixtape-02 #contact-work-detail .input__field--thunder-form:focus + .input__label--thunder-form, .mixtape-02 .menu--thunderbolt .menu__item--current .menu__link{ color: rgba(var(--color-mixtape-02-primary),1); } .mixtape-02 .works-navigation .menu-icon p{ -webkit-text-stroke: 0.24px rgba(var(--color-mixtape-02-primary),1); } .mixtape-02 nav.page-navigation .active .wp0, .mixtape-02 #reflection .lp1, .mixtape-02 #light.lp1, .mixtape-02 #waves .lp1, .mixtape-02 #thunderbolt.lp0, .works-navigation.mixtape-02 .ap0, .works-navigation.mixtape-02 .sp0, .works-navigation.mixtape-02 .sp2, .mixtape-02 .works-end-navigation a .icon .ap0, .mixtape-02 #contact-work-detail .graphic--thunder-form, .mixtape-02 #contact-work-detail .cta svg, .mixtape-02 .hero svg .wdp0{ stroke: rgba(var(--color-mixtape-02-primary),1); } .mixtape-02 #thunderbolt.lp0, .works-navigation.mixtape-02 .sp1{ fill: rgba(var(--color-mixtape-02-primary),1); } .mixtape-02.bg-menu #cookie-msg{ border-color: rgba(var(--color-mixtape-02-primary),1); } .mixtape-02 #contact-work-detail .checkgroup:hover #custom-check:checked:before, .mixtape-02 .cta:before{ border-color: rgba(var(--color-mixtape-02-primary),1); } .mixtape-02 #contact-work-detail #custom-check:checked:before{ border-color: rgba(var(--color-mixtape-02-primary),1); background: rgba(var(--color-mixtape-02-primary),1); } .mixtape-02 .grid-toggle{ background: rgba(var(--color-mixtape-02-primary),0.6); } .mixtape-02 .list .portfolio:hover .portfolio-img-hover::after{ box-shadow: none; } .mixtape-02 .grid .switch-icons_grid .swp0{ fill: rgba(var(--color-mixtape-02-primary),1); } .mixtape-02 .grid .switch-icons_list .swp0{ fill: rgba(var(--color-mixtape-02-bar),0.48); } .mixtape-02 .list .switch-icons_grid .swp0{ fill: rgba(var(--color-mixtape-02-bar),0.48); } .mixtape-02 .list .switch-icons_list .swp0{ fill: rgba(var(--color-mixtape-02-primary),1); } .mixtape-02 #cookie-msg{ background: rgba(var(--color-mixtape-02-bar),0.96)!important; } .mixtape-02 #cookie-msg a:hover{ color: rgba(var(--color-mixtape-02-primary),1)!important; } .mixtape-02 #cookie-msg a.btn-aceptar{ background: rgba(var(--color-mixtape-02-primary),1)!important; } .mixtape-02 #cookie-msg a.btn-aceptar:hover{ background: rgba(255,255,255,1)!important; } /* ========== Mixtape 03 ========== */ .mixtape-03 .portfolio .label-background{ background: rgba(var(--color-mixtape-03-background),1); } .mixtape-03 .grid-selector{ background: rgba(var(--color-mixtape-03-background),0.96); } .mixtape-03 .portfolio .portfolio-img-hover::after{ box-shadow: inset 0 0 0 0 rgba(var(--color-mixtape-03-background),1), inset 0 0 0 0 rgba(var(--color-mixtape-03-background),1), inset 0 0 0 0 rgba(var(--color-mixtape-03-background),1); } body.mixtape-03, .mixtape-03 nav.page-navigation, .works-navigation.mixtape-03, .mixtape-03 nav.page-navigation .toggle-color{ background: rgba(var(--color-mixtape-03-bar),1); } .works-navigation.mixtape-03 .sp1{ stroke: rgba(var(--color-mixtape-03-bar),1); } #fullpage.mixtape-03, .mixtape-03 #contact-work-detail #custom-check:before{ background: rgba(var(--color-mixtape-03-background),1); } .mixtape-03 #contact-work-detail .input--filled.textarea.input--thunder-form{ box-shadow: inset 0 -12px 0 0 rgba(var(--color-mixtape-03-background),1),inset 0 30px 0 0 rgba(var(--color-mixtape-03-background),1); background: repeating-linear-gradient(rgba(var(--color-mixtape-03-background),1), rgba(var(--color-mixtape-03-background),1) 36px, rgba(var(--color-black-white),0.18) 36px, rgba(var(--color-black-white),0.18) 37px); background-position: center 22px; } .mixtape-03 #contact-work-detail .input--filled.textarea.p-60 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -44px 0 0 rgba(var(--color-mixtape-03-background),1); } .mixtape-03 #contact-work-detail .input--filled.textarea.p-60 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -44px 0 0 rgba(var(--color-mixtape-03-background),1); } .mixtape-03 #contact-work-detail .input--filled.textarea.p-550 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -50px 0 0 rgba(var(--color-mixtape-03-background),1); } .mixtape-03 #contact-work-detail .input--filled.textarea.p-550 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -50px 0 0 rgba(var(--color-mixtape-03-background),1); } .mixtape-03 #contact-work-detail .input--filled.textarea.p-666 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -86px 0 0 rgba(var(--color-mixtape-03-background),1); } .mixtape-03 #contact-work-detail .input--filled.textarea.p-666 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -86px 0 0 rgba(var(--color-mixtape-03-background),1); } .mixtape-03 #contact-work-detail .input--filled.textarea.p-1140 .input__field.input__field--thunder-form{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.24), inset 0 -88px 0 0 rgba(var(--color-mixtape-03-background),1); } .mixtape-03 #contact-work-detail .input--filled.textarea.p-1140 .input__field.input__field--thunder-form:focus{ box-shadow: inset 0 -2px 0 0 rgba(var(--color-black-white),0.6), inset 0 -88px 0 0 rgba(var(--color-mixtape-03-background),1); } .mixtape-03 nav.page-navigation::after, .mixtape-03 nav.page-navigation::before, .works-navigation.mixtape-03::after{ background: rgba(var(--color-mixtape-03-bar-detail),1); } .bg-init.mixtape-03, .mixtape-03 #works-detail h1 span, .mixtape-03 .works-img-type-1 .col div span, .mixtape-03 .works-img-type-5 .col div span, .mixtape-03 .works-img-type-6 .col div span, .mixtape-03 nav.page-navigation .detail::after, .mixtape-03 nav.page-navigation .detail::before, .mixtape-03 .works-end-navigation, .mixtape-03 #contact-work-detail .cta:hover:before, .mixtape-03 #contact-work-detail h4 span::after, .mixtape-03 .menu--thunderbolt .menu__link::before, .mixtape-03 .menu--thunderbolt .menu__link::after, .mixtape-03 .portfolio .label p span::after, .mixtape-03 ::selection{ background: rgba(var(--color-mixtape-03-primary),1); } .mixtape-03 #works-detail h3, .mixtape-03 .description p:last-child span, .mixtape-03 .works-navigation .menu-icon p, .mixtape-03 .global-menu__item.active, .mixtape-03 .global-menu__item:hover, .mixtape-03 #contact-work-detail .input__field--thunder-form:focus + .input__label--thunder-form, .mixtape-03 .menu--thunderbolt .menu__item--current .menu__link{ color: rgba(var(--color-mixtape-03-primary),1); } .mixtape-03 .works-navigation .menu-icon p{ -webkit-text-stroke: 0.24px rgba(var(--color-mixtape-03-primary),1); } .mixtape-03 nav.page-navigation .active .wp0, .mixtape-03 #reflection .lp1, .mixtape-03 #light.lp1, .mixtape-03 #waves .lp1, .mixtape-03 #thunderbolt.lp0, .works-navigation.mixtape-03 .ap0, .works-navigation.mixtape-03 .sp0, .works-navigation.mixtape-03 .sp2, .mixtape-03 .works-end-navigation a .icon .ap0, .mixtape-03 #contact-work-detail .graphic--thunder-form, .mixtape-03 #contact-work-detail .cta svg, .mixtape-03 .hero svg .wdp0{ stroke: rgba(var(--color-mixtape-03-primary),1); } .mixtape-03 #thunderbolt.lp0, .works-navigation.mixtape-03 .sp1{ fill: rgba(var(--color-mixtape-03-primary),1); } .mixtape-03.bg-menu #cookie-msg{ border-color: rgba(var(--color-mixtape-03-primary),1); } .mixtape-03 #contact-work-detail .checkgroup:hover #custom-check:checked:before, .mixtape-03 .cta:before{ border-color: rgba(var(--color-mixtape-03-primary),1); } .mixtape-03 #contact-work-detail #custom-check:checked:before{ border-color: rgba(var(--color-mixtape-03-primary),1); background: rgba(var(--color-mixtape-03-primary),1); } .mixtape-03 .grid-toggle{ background: rgba(var(--color-mixtape-03-primary),0.6); } .mixtape-03 .list .portfolio:hover .portfolio-img-hover::after{ box-shadow: none; } .mixtape-03 .grid .switch-icons_grid .swp0{ fill: rgba(var(--color-mixtape-03-primary),1); } .mixtape-03 .grid .switch-icons_list .swp0{ fill: rgba(var(--color-mixtape-03-bar),0.48); } .mixtape-03 .list .switch-icons_grid .swp0{ fill: rgba(var(--color-mixtape-03-bar),0.48); } .mixtape-03 .list .switch-icons_list .swp0{ fill: rgba(var(--color-mixtape-03-primary),1); } .mixtape-03 #cookie-msg{ background: rgba(var(--color-mixtape-03-bar),0.96)!important; } .mixtape-03 #cookie-msg a:hover{ color: rgba(var(--color-mixtape-03-primary),1)!important; } .mixtape-03 #cookie-msg a.btn-aceptar{ background: rgba(var(--color-mixtape-03-primary),1)!important; } .mixtape-03 #cookie-msg a.btn-aceptar:hover{ background: rgba(255,255,255,1)!important; } /* ============================ Works Detail ============================ */ .spring-io #works-detail .hero{ background: url("../images/spring-io/spring-io-bg-hero-320.jpg") no-repeat center / cover; } .dry-martini #works-detail .hero{ background: url("../images/dry-martini/dry-martini-bg-hero-320.jpg") no-repeat center / cover; } .alife #works-detail .hero{ background: url("../images/alife/alife-bg-hero-320.jpg") no-repeat center / cover; } .elgordo #works-detail .hero{ background: url("../images/elgordo/elgordo-bg-hero-320.jpg") no-repeat center / cover; } .airway-gym #works-detail .hero{ background: url("../images/airway-gym/airway-gym-bg-hero-320.jpg") no-repeat center / cover; } .rackethero #works-detail .hero{ background: url("../images/rackethero/rackethero-bg-hero-320.jpg") no-repeat center / cover; } .arewedoing #works-detail .hero{ background: url("../images/arewedoing/arewedoing-bg-hero-320.jpg") no-repeat center / cover; } .taloki #works-detail .hero{ background: url("../images/taloki/taloki-bg-hero-320.jpg") no-repeat center / cover; } .endesa #works-detail .hero{ background: url("../images/endesa/endesa-bg-hero-320.jpg") no-repeat center / cover; } .mixtape-01 #works-detail .hero{ background: url("../images/mixtape-01/mixtape-01-bg-hero-320.jpg") no-repeat center / cover; } .mixtape-02 #works-detail .hero{ background: url("../images/mixtape-02/mixtape-02-bg-hero-320.jpg") no-repeat center / cover; } .mixtape-03 #works-detail .hero{ background: url("../images/mixtape-03/mixtape-03-bg-hero-320.jpg") no-repeat center / cover; } .works-fullpage h1{ display: inline-block; background: linear-gradient(rgba(255,255,255,1),rgba(255,255,255,1)) no-repeat 0 0; background-size: 0 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: rgba(255,255,255,0); } .works-fullpage h1::before{ position: absolute; top: 0; left: 0; content: attr(data-descr); background-size: 100% 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: rgba(255,255,255,0); -webkit-text-stroke: 1px rgba(255,255,255,1); } .works-fullpage h1.thunder-load.loaded{ animation: show-title 0.6s 0.36s linear forwards; } .works-fullpage h1.thunder-load.loaded::before{ animation: fadeOut 0.36s 0.84s linear forwards; } .hero{ height: 200px; text-align: center; padding: 94px 0 0; margin-bottom: 42px; } .hero h1 span{ position: absolute; width: 0; height: 2px; background: rgba(255,255,255,1); right: 35%; bottom: -22px; left: 35%; margin: auto; } .bg-started .hero h1 span{ animation: move-border 0.48s 0.48s ease-out forwards; } .hero img{ width: 80%; display: inline-block; max-width: 480px; margin: 52px 0 0; opacity: 0; background: url("../images/img-responsive-show-320.png") no-repeat center / 100%; } .dark .hero img{ background: url("../images/img-responsive-show-dark-320.png") no-repeat center / 100%; } .bg-started .hero img{ animation: fadeIn 0.36s 0.72s ease-in forwards; } .hero svg{ position: absolute; width: 80%; display: inline-block; max-width: 480px; top: 0; right: 0; bottom: 0; left: 0; margin: 184px auto 0; } .hero svg .wdp0{ fill: none; stroke: rgba(255,255,255,1); stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; stroke-dasharray: 3000; stroke-dashoffset: 3000; } .bg-started .wdp0{ animation: dash-opacity 0.96s 0.12s ease-in forwards; } .description{ padding-bottom: 36px; } .description h3{ text-align: left; padding-top: 24px; } .description p{ text-align: left; padding-top: 18px; color: rgba(var(--color-black-white),1); } .description p:last-child span{ padding: 0 6px; } #contact-work-detail .cta:hover span{ color: rgba(var(--color-white-black),1); -webkit-text-stroke: 0.5px rgba(var(--color-white-black),1); } #contact-work-detail .cta:hover svg{ stroke: rgba(var(--color-white-black),1); } /* ============================ Works Img-Type-1 ============================ */ .works-img-type-1{ padding: 24px 0 0; box-shadow: inset 0 126px 0 0 rgba(var(--color-grey-dark-grey),0.06); } .dark .works-img-type-1{ box-shadow: inset 0 126px 0 0 rgba(var(--color-grey-dark-grey),0.18); } .works-img-type-1.column-3, .dark .works-img-type-1.column-3{ padding: 0; box-shadow: none; } .works-img-type-1 .logo{ width: auto; height: 60px; margin: 0 auto; } .works-img-type-1 .col:last-child .logo{ display: none; } .dry-martini .works-img-type-1 .logo{ background: url("../images/dry-martini/dry-martini-logo.svg") no-repeat center / 100%; } .dark .dry-martini .works-img-type-1 .logo{ background: url("../images/dry-martini/dry-martini-logo-negative.svg") no-repeat center / 100%; } .alife .works-img-type-1 .logo{ background: url("../images/alife/alife-logo.png") no-repeat center / 100%; } .dark .alife .works-img-type-1 .logo{ background: url("../images/alife/alife-logo-negative.png") no-repeat center / 100%; } .elgordo .works-img-type-1 .logo{ background: url("../images/elgordo/elgordo-logo.svg") no-repeat center / 100%; } .dark .elgordo .works-img-type-1 .logo{ background: url("../images/elgordo/elgordo-logo-negative.svg") no-repeat center / 100%; } .rackethero .works-img-type-1 .logo{ background: url("../images/rackethero/rackethero-logo.svg") no-repeat center / 100%; } .dark .rackethero .works-img-type-1 .logo{ background: url("../images/rackethero/rackethero-logo-negative.svg") no-repeat center / 100%; } .works-img-type-1 .col div{ position: relative; padding-top: 18px; background: rgba(224,226,230,1); border-radius: 4px; margin-top: 24px; box-shadow: 0 -2px 12px 0 rgba(var(--color-grey-dark-grey),0.12), 0 1.6px 1.68px rgba(var(--color-grey-dark-grey),0.024), 0 4.8px 6px rgba(var(--color-grey-dark-grey),0.036), 0 12px 12px rgba(var(--color-grey-dark-grey),0.048), inset 0 0 60px 60px rgba(var(--color-white-black),0.36); } .dark .works-img-type-1 .col div{ box-shadow: 0 -2px 12px 0 rgba(var(--color-grey-dark-grey),0.48), 0 1.6px 1.68px rgba(var(--color-grey-dark-grey),0.024), 0 4.8px 6px rgba(var(--color-grey-dark-grey),0.036), 0 12px 12px rgba(var(--color-grey-dark-grey),0.048), inset 0 0 60px 60px rgba(4,6,8,0.24); } .dark.spring-io .works-img-type-1 .col div{ background: rgba(var(--color-spring-io-bar),1); } .dark.dry-martini .works-img-type-1 .col div{ background: rgba(var(--color-dry-martini-bar),1); } .dark.alife .works-img-type-1 .col div{ background: rgba(var(--color-alife-bar),1); } .dark.elgordo .works-img-type-1 .col div{ background: rgba(var(--color-elgordo-bar),1); } .dark.airway-gym .works-img-type-1 .col div{ background: rgba(var(--color-airway-gym-bar),1); } .dark.rackethero .works-img-type-1 .col div{ background: rgba(var(--color-rackethero-bar),1); } .dark.arewedoing .works-img-type-1 .col div{ background: rgba(var(--color-arewedoing-bar),1); } .dark.taloki .works-img-type-1 .col div{ background: rgba(var(--color-taloki-bar),1); } .dark.endesa .works-img-type-1 .col div{ background: rgba(var(--color-endesa-bar),1); } .dark.mixtape-01 .works-img-type-1 .col div{ background: rgba(var(--color-mixtape-01-bar),1); } .dark.mixtape-02 .works-img-type-1 .col div{ background: rgba(var(--color-mixtape-02-bar),1); } .dark.mixtape-03 .works-img-type-1 .col div{ background: rgba(var(--color-mixtape-03-bar),1); } .works-img-type-1 .col div span{ position: absolute; width: 6px; height: 6px; border-radius: 100%; background: rgba(var(--color-grey-dark-grey),1); top: 6px; left: 6px; opacity: 0.48; } .works-img-type-1 .col div span:nth-child(2){ left: 16px; opacity: 0.36; } .works-img-type-1 .col div span:nth-child(3){ left: 26px; opacity: 0.24; } .works-img-type-1 .col div img{ border-radius: 0 0 4px 4px; } .works-img-type-1.column-3.no-bars .col div{ padding-top: 0; } .works-img-type-1.column-3.no-bars .col div img{ border-radius: 4px; } /* ============================ Works Img-Type-2 ============================ */ .works-img-type-2 .wrapper{ background: rgba(var(--color-grey-dark-grey),0.06); margin-top: 24px; } .dark .works-img-type-2 .wrapper{ background: rgba(var(--color-grey-dark-grey),0.18); } .works-img-type-2 div{ position: relative; margin: 24px 0; } .works-img-type-2 div:nth-child(2){ background: url("../images/img-imac-show.png") no-repeat center / 100%; } .dark .works-img-type-2 div:nth-child(2){ background: url("../images/img-imac-pro-show.png") no-repeat center / 100%; } .works-img-type-2 div img:first-child{ display: none; } .works-img-type-2 div:nth-child(2) img:first-child{ display: block; } .works-img-type-2 div:nth-child(2) img:last-child{ position: absolute; width: 93.8%; height: auto; top: 3.8%; left: 3.1%; } .works-img-type-2 div:nth-child(1) img, .works-img-type-2 div:nth-child(3) img{ border-radius: 4px; } .works-img-type-2 div:nth-child(1) img:last-child, .works-img-type-2 div:nth-child(3) img:last-child{ border-radius: 4px; box-shadow: 0 -2px 12px 0 rgba(var(--color-grey-dark-grey),0.12), 0 1.6px 1.68px rgba(var(--color-grey-dark-grey),0.024), 0 4.8px 6px rgba(var(--color-grey-dark-grey),0.036), 0 12px 12px rgba(var(--color-grey-dark-grey),0.048); } .dark .works-img-type-2 div:nth-child(1) img:last-child, .dark .works-img-type-2 div:nth-child(3) img:last-child{ box-shadow: 0 -2px 12px 0 rgba(var(--color-grey-dark-grey),0.48), 0 1.6px 1.68px rgba(var(--color-grey-dark-grey),0.024), 0 4.8px 6px rgba(var(--color-grey-dark-grey),0.036), 0 12px 12px rgba(var(--color-grey-dark-grey),0.048); } /* ============================ Works Img-Type-3 ============================ */ .works-img-type-3 .wrapper{ display: flex; flex-direction: column; align-items: center; justify-content: center; overflow:hidden; padding-top: 36px; } .works-img-type-3 div{ flex-shrink:0; width: 200%; text-align: center; } .works-img-type-3 div img{ display: inline-block; width: auto; height: 300px; background: url("../images/img-devices-show-320.png") no-repeat center / 100%; } .dark .works-img-type-3 div img{ background: url("../images/img-devices-show-dark-320.png") no-repeat center / 100%; } .works-img-type-3 div:last-child img{ height: 120px; margin-top: -24px; background: none; } .elgordo .works-img-type-3 div:last-child img{ background: url("../images/elgordo/elgordo-logo-detail.svg") no-repeat center / 100%; } .dark .elgordo .works-img-type-3 div:last-child img{ background: url("../images/elgordo/elgordo-logo-detail-negative.svg") no-repeat center / 100%; } .airway-gym .works-img-type-3 div:last-child img{ background: url("../images/airway-gym/airway-gym-logo-detail.svg") no-repeat center / 100%; } .dark .airway-gym .works-img-type-3 div:last-child img{ background: url("../images/airway-gym/airway-gym-logo-detail-negative.svg") no-repeat center / 100%; } .rackethero .works-img-type-3 div:last-child img{ background: url("../images/rackethero/rackethero-logo-detail.svg") no-repeat center / 100%; } .dark .rackethero .works-img-type-3 div:last-child img{ background: url("../images/rackethero/rackethero-logo-detail-negative.svg") no-repeat center / 100%; } .arewedoing .works-img-type-3 div:last-child img{ background: url("../images/arewedoing/arewedoing-logo-detail.svg") no-repeat center / 100%; } .dark .arewedoing .works-img-type-3 div:last-child img{ background: url("../images/arewedoing/arewedoing-logo-detail-negative.svg") no-repeat center / 100%; } /* ============================ Works Img-Type-4 ============================ */ .works-img-type-4{ padding: 24px 0 0; box-shadow: inset 0 126px 0 0 rgba(var(--color-grey-dark-grey),0.06); } .works-img-type-4 .logo{ width: auto; height: 60px; margin: 0 auto; } .airway-gym .works-img-type-4 .logo{ background: url("../images/airway-gym/airway-gym-logo.svg") no-repeat center / 100%; } .dark .airway-gym .works-img-type-4 .logo{ background: url("../images/airway-gym/airway-gym-logo-negative.svg") no-repeat center / 100%; } .works-img-type-4 .grid-3 .col{ width: 90%; margin: auto; } .works-img-type-4 .col div{ position: relative; border-radius: 4px; margin-top: 24px; box-shadow: 0 -2px 12px 0 rgba(var(--color-grey-dark-grey),0.12), 0 1.6px 1.68px rgba(var(--color-grey-dark-grey),0.024), 0 4.8px 6px rgba(var(--color-grey-dark-grey),0.036), 0 12px 12px rgba(var(--color-grey-dark-grey),0.048); } .dark .works-img-type-4 .col div{ box-shadow: 0 -2px 12px 0 rgba(var(--color-grey-dark-grey),0.48), 0 1.6px 1.68px rgba(var(--color-grey-dark-grey),0.024), 0 4.8px 6px rgba(var(--color-grey-dark-grey),0.036), 0 12px 12px rgba(var(--color-grey-dark-grey),0.048); } .works-img-type-4 .col div span{ position: absolute; width: 6px; height: 6px; border-radius: 100%; background: red!important; top: 6px; left: 6px; opacity: 0.48; } .works-img-type-4 .col div span:nth-child(2){ left: 16px; opacity: 0.36; } .works-img-type-4 .col div span:nth-child(3){ left: 26px; opacity: 0.24; } .works-img-type-4 .col div img{ border-radius: 4px; } .works-img-type-4.combi-works{ padding: 0; box-shadow: none; } .works-img-type-4.combi-works:nth-of-type(5){ margin-bottom: 32px; } /* ============================ Works Img-Type-5 ============================ */ .works-img-type-5{ padding: 24px 0 0; } .works-img-type-5 .col div{ position: relative; padding-top: 18px; background: rgba(224,226,230,1); border-radius: 4px; margin-top: 24px; box-shadow: 0 -2px 12px 0 rgba(var(--color-grey-dark-grey),0.12), 0 1.6px 1.68px rgba(var(--color-grey-dark-grey),0.024), 0 4.8px 6px rgba(var(--color-grey-dark-grey),0.036), 0 12px 12px rgba(var(--color-grey-dark-grey),0.048), inset 0 0 60px 60px rgba(var(--color-white-black),0.36); } .dark .works-img-type-5 .col div{ box-shadow: 0 -2px 12px 0 rgba(var(--color-grey-dark-grey),0.48), 0 1.6px 1.68px rgba(var(--color-grey-dark-grey),0.024), 0 4.8px 6px rgba(var(--color-grey-dark-grey),0.036), 0 12px 12px rgba(var(--color-grey-dark-grey),0.048), inset 0 0 60px 60px rgba(4,6,8,0.24); } .dark.spring-io .works-img-type-5 .col div{ background: rgba(var(--color-spring-io-bar),1); } .dark.dry-martini .works-img-type-5 .col div{ background: rgba(var(--color-dry-martini-bar),1); } .dark.alife .works-img-type-5 .col div{ background: rgba(var(--color-alife-bar),1); } .dark.elgordo .works-img-type-5 .col div{ background: rgba(var(--color-elgordo-bar),1); } .dark.airway-gym .works-img-type-5 .col div{ background: rgba(var(--color-airway-gym-bar),1); } .dark.rackethero .works-img-type-5 .col div{ background: rgba(var(--color-rackethero-bar),1); } .dark.arewedoing .works-img-type-5 .col div{ background: rgba(var(--color-arewedoing-bar),1); } .dark.taloki .works-img-type-5 .col div{ background: rgba(var(--color-taloki-bar),1); } .dark.endesa .works-img-type-5 .col div{ background: rgba(var(--color-endesa-bar),1); } .dark.mixtape-01 .works-img-type-5 .col div{ background: rgba(var(--color-mixtape-01-bar),1); } .dark.mixtape-02 .works-img-type-5 .col div{ background: rgba(var(--color-mixtape-02-bar),1); } .dark.mixtape-03 .works-img-type-5 .col div{ background: rgba(var(--color-mixtape-03-bar),1); } .works-img-type-5 .col:first-child div{ margin-top: 0; } .works-img-type-5 .col div span{ position: absolute; width: 6px; height: 6px; border-radius: 100%; background: rgba(var(--color-grey-dark-grey),1); top: 6px; left: 6px; opacity: 0.48; } .works-img-type-5 .col div span:nth-child(2){ left: 16px; opacity: 0.36; } .works-img-type-5 .col div span:nth-child(3){ left: 26px; opacity: 0.24; } .works-img-type-5 .col div img{ border-radius: 0 0 4px 4px; } /* ============================ Works Img-Type-6 ============================ */ .works-img-type-6{ padding: 24px 0 0; } .works-img-type-6 .col div{ position: relative; padding-top: 18px; background: rgba(224,226,230,1); border-radius: 4px; margin-top: 24px; box-shadow: 0 -2px 12px 0 rgba(var(--color-grey-dark-grey),0.12), 0 1.6px 1.68px rgba(var(--color-grey-dark-grey),0.024), 0 4.8px 6px rgba(var(--color-grey-dark-grey),0.036), 0 12px 12px rgba(var(--color-grey-dark-grey),0.048), inset 0 0 60px 60px rgba(var(--color-white-black),0.36); } .dark .works-img-type-6 .col div{ box-shadow: 0 -2px 12px 0 rgba(var(--color-grey-dark-grey),0.48), 0 1.6px 1.68px rgba(var(--color-grey-dark-grey),0.024), 0 4.8px 6px rgba(var(--color-grey-dark-grey),0.036), 0 12px 12px rgba(var(--color-grey-dark-grey),0.048), inset 0 0 60px 60px rgba(4,6,8,0.24); } .dark.spring-io .works-img-type-6 .col div{ background: rgba(var(--color-spring-io-bar),1); } .dark.dry-martini .works-img-type-6 .col div{ background: rgba(var(--color-dry-martini-bar),1); } .dark.alife .works-img-type-6 .col div{ background: rgba(var(--color-alife-bar),1); } .dark.elgordo .works-img-type-6 .col div{ background: rgba(var(--color-elgordo-bar),1); } .dark.airway-gym .works-img-type-6 .col div{ background: rgba(var(--color-airway-gym-bar),1); } .dark.rackethero .works-img-type-6 .col div{ background: rgba(var(--color-rackethero-bar),1); } .dark.arewedoing .works-img-type-6 .col div{ background: rgba(var(--color-arewedoing-bar),1); } .dark.taloki .works-img-type-6 .col div{ background: rgba(var(--color-taloki-bar),1); } .dark.endesa .works-img-type-6 .col div{ background: rgba(var(--color-endesa-bar),1); } .dark.mixtape-01 .works-img-type-6 .col div{ background: rgba(var(--color-mixtape-01-bar),1); } .dark.mixtape-02 .works-img-type-6 .col div{ background: rgba(var(--color-mixtape-02-bar),1); } .dark.mixtape-03 .works-img-type-6 .col div{ background: rgba(var(--color-mixtape-03-bar),1); } .works-img-type-6 .col:first-child div{ margin-top: -176px; } .works-img-type-6 .col:last-child div{ margin-bottom: 32px; } .works-img-type-6 .col div span{ position: absolute; width: 6px; height: 6px; border-radius: 100%; background: rgba(var(--color-grey-dark-grey),1); top: 6px; left: 6px; opacity: 0.48; } .works-img-type-6 .col div span:nth-child(2){ left: 16px; opacity: 0.36; } .works-img-type-6 .col div span:nth-child(3){ left: 26px; opacity: 0.24; } .works-img-type-6 .col div img{ border-radius: 0 0 4px 4px; } .works-img-type-6.no-bars .col div{ padding-top: 0; } .works-img-type-6.no-bars .col div img{ border-radius: 4px; } .works-img-type-6.combi-works .col:last-child div{ margin-bottom: 0; } .works-img-type-6.combi-works:nth-of-type(4) .col:first-child div{ margin-top: 0; } /* ============================ Works End Navigation ============================ */ .works-end-navigation{ width: 100%; padding: 28px 0; background: rgba(var(--color-grey-dark-grey),0.06); position: relative; } .works-end-navigation section{ display: flex; flex-direction: column; } .works-end-navigation p{ position: relative; font-size: 12px; line-height: 12px; margin: 26px 0 30px; text-align: center; color: rgba(var(--color-white-black),0.6); } .works-end-navigation p::after{ position: absolute; content: ""; width: 42px; height: 42px; border-radius: 100%; border: 1px solid rgba(var(--color-white-black),0.6); top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .works-end-navigation p b{ font-weight: 400; color: rgba(var(--color-white-black),1); } .works-end-navigation a{ display: inline-block; width: 100%; text-align: center; line-height: 28px; } .works-end-navigation a span{ display: block; font-size: 12px; line-height: 16px; text-transform: uppercase; color: rgba(var(--color-white-black),0.6); } .works-end-navigation a:last-of-type span:last-of-type{ display: none; } .works-end-navigation a b, .works-end-navigation a:first-of-type b{ position: relative; display: inline-block; margin: auto; font-size: 26px; line-height: 36px; font-weight: 700; background: linear-gradient(rgba(var(--color-white-black),0.9),rgba(var(--color-white-black),0.9)) no-repeat 0 0; background-size: 0 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: 0px rgba(var(--color-white-black),0.48); transition: all linear 0.3s; } .works-end-navigation a:first-of-type b{ background: linear-gradient(rgba(var(--color-white-black),0.9),rgba(var(--color-white-black),0.9)) no-repeat right 0; background-size: 0 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: 0px rgba(var(--color-white-black),0.48); } .works-end-navigation a:hover b, .works-end-navigation a:first-of-type:hover b{ background-size: 100% 100%; animation: remove-stroke 0.84s ease forwards; } .works-end-navigation a b::before{ position: absolute; top: 0; left: 0; content: attr(data-descr); -webkit-text-fill-color: rgba(var(--color-white-black),0.48); } /* ======================================================= MEDIA QUERIES ======================================================= */ /* ========================= 375 ========================= */ @media only screen and (min-width: 375px){ /* ============================ Works Detail 375 ============================ */ .hero{ height: 224px; } .hero h1 span{ bottom: -23px; } .hero img{ margin: 54px 0 0; } .hero svg{ margin: 192px auto 0; } /* ============================ Works Img-Type-4 375 ============================ */ .works-img-type-4.combi-works:nth-of-type(5){ margin-bottom: 36px; } /* ============================ Works Img-Type-5 375 ============================ */ .works-img-type-5 .col:first-child div{ margin-top: 6px; } /* ============================ Works Img-Type-6 375 ============================ */ .works-img-type-6 .col:first-child div{ margin-top: -192px; } .works-img-type-6 .col:last-child div{ margin-bottom: 36px; } /* ============================ Works End Navigation 375 ============================ */ .works-end-navigation{ padding: 28px 0 29px; } .works-end-navigation p{ font-size: 13px; line-height: 13px; margin: 32px 0 36px; } .works-end-navigation p::after{ width: 48px; height: 48px; } .works-end-navigation a{ line-height: 30px; } .works-end-navigation a span{ font-size: 13px; line-height: 20px; } .works-end-navigation a b, .works-end-navigation a:first-of-type b{ font-size: 30px; line-height: 40px; } }/* ============================== End media 375 */ /* ========================= 414 ========================= */ @media only screen and (min-width: 414px){ /* ============================ Works Detail 414 ============================ */ .hero{ height: 240px; } .hero h1 span::after{ top: 57px; } .hero img{ margin: 55px 0 0; } .hero svg{ margin: 195px auto 0; } /* ============================ Works Img-Type-5 414 ============================ */ .works-img-type-5 .col:first-child div{ margin-top: 12px; } /* ============================ Works Img-Type-6 414 ============================ */ .works-img-type-6 .col:first-child div{ margin-top: -204px; } /* ============================ Works End Navigation 414 ============================ */ .works-end-navigation a b, .works-end-navigation a:first-of-type b{ font-size: 32px; line-height: 42px; } }/* ============================== End media 414 */ /* ========================= 768 ========================= */ @media only screen and (min-width: 768px){ /* ============================ Works Detail 768 ============================ */ #works-detail h1{ text-align: center; margin-left: 60px; } .hero{ height: 380px; padding: 84px 0 0; margin-bottom: 48px; } .hero h1 span{ bottom: -47px; } .hero img{ margin: 108px 0 0 60px; } .hero svg{ margin: 264px auto 0; padding-left: 60px; } .description{ padding-bottom: 48px; } #fullpage.works-fullpage .grid-2 .col, #fullpage.works-fullpage .grid-3--2-1 .col{ width: 100%; margin-left: 0; } #fullpage.works-fullpage .grid-3 .col{ width: 78%; margin-left: 11%; } .description h3{ padding-top: 36px; } .description p{ padding-top: 24px; } /* ============================ Works Img-Type-1 768 ============================ */ .works-img-type-1{ padding: 36px 0 0; box-shadow: inset 0 168px 0 0 rgba(var(--color-grey-dark-grey),0.06); } .dark .works-img-type-1{ box-shadow: inset 0 168px 0 0 rgba(var(--color-grey-dark-grey),0.18); } .works-img-type-1 .logo{ height: 78px; } .works-img-type-1 .col:last-child .logo{ display: none; } .works-img-type-1 .col div{ margin-top: 36px; } /* ============================ Works Img-Type-2 768 ============================ */ .works-img-type-2 .wrapper{ display: flex; align-items: center; justify-content: center; overflow: hidden; margin-top: 36px; } .works-img-type-2 div{ flex-shrink:0; width: 60%; margin: 36px 0; } .works-img-type-2 div img:first-child{ display: block; } .works-img-type-2 div img:last-child{ position: absolute; width: 93.8%; height: auto; top: 3.8%; left: 3.1%; } /* ============================ Works Img-Type-3 768 ============================ */ .works-img-type-3 .wrapper{ flex-direction: row; justify-content: flex-end; padding-top: 44px; padding-bottom: 24px; } .works-img-type-3 div{ width: 126%; } .works-img-type-3 div img, .works-img-type-3 div:last-child img{ width: 110%; height: auto; margin-top: 0; } .works-img-type-3 div:last-child{ width: 38%; margin-right: -3%; padding-left: 12%; } .works-img-type-3 div img{ background: url("../images/img-devices-show-768.png") no-repeat center / 100%; } .dark .works-img-type-3 div img{ background: url("../images/img-devices-show-dark-768.png") no-repeat center / 100%; } .works-img-type-3 div:last-child img{ background: none; } /* ============================ Works Img-Type-4 768 ============================ */ #fullpage.works-fullpage .works-img-type-4 .grid-3 .col{ width: 47%; margin-left: 6%; } #fullpage.works-fullpage .works-img-type-4 .grid-3 .col:nth-child(2n+1){ margin-left: 0; } #fullpage.works-fullpage .works-img-type-4 .grid-3 .col:nth-child(2n+2) div{ margin-top: 48px; } .works-img-type-4{ padding: 36px 0 0; box-shadow: inset 0 168px 0 0 rgba(var(--color-grey-dark-grey),0.06); } .works-img-type-4 .logo{ height: 78px; margin: 9px auto 90px; } .works-img-type-4 .col div{ margin-top: 0; } #fullpage.works-fullpage .works-img-type-4.combi-works .grid-3 .col:nth-child(1) div{ margin-top: 36px; } #fullpage.works-fullpage .works-img-type-4.combi-works .grid-3 .col:nth-child(2) div{ margin-top: 320px; } #fullpage.works-fullpage .works-img-type-4.combi-works .grid-3 .col:nth-child(3) div{ margin-top: -248px; } .works-img-type-4.combi-works{ padding: 0; box-shadow: none; } .works-img-type-4.combi-works:nth-of-type(5){ margin-bottom: 32px; } .works-img-type-4.combi-works:nth-of-type(5){ margin-bottom: 60px; } /* ============================ Works Img-Type-5 768 ============================ */ .works-img-type-5{ padding: 36px 0 0; } .works-img-type-5 .col div{ margin-top: 36px; } .works-img-type-5 .col:first-child div{ margin-top: 42px; } /* ============================ Works Img-Type-6 768 ============================ */ .works-img-type-6{ padding: 36px 0 0; } .works-img-type-6 .col div{ margin-top: 36px; } .works-img-type-6 .col:first-child div{ margin-top: -284px; } .works-img-type-6 .col:last-child div{ margin-bottom: 60px; } /* ============================ Works End Navigation 768 ============================ */ .works-end-navigation{ padding: 46px 0; } .works-end-navigation section{ flex-direction: row; } .works-end-navigation p{ display: inline-block; width: 16%; text-align: center; vertical-align: top; margin: 28px 0 0; } .works-end-navigation p::after{ width: 60px; height: 60px; } .works-end-navigation a{ width: 42%; text-align: right; line-height: 34px; } .works-end-navigation a span{ line-height: 14px; } .works-end-navigation a:last-of-type{ text-align: left; } .works-end-navigation a:last-of-type span:first-of-type{ display: none; } .works-end-navigation a:last-of-type span:last-of-type{ display: block; } .works-end-navigation a b, .works-end-navigation a:first-of-type b { font-size: 40px; line-height: 50px; } .works-end-navigation a b{ margin-right: auto; margin-left: 0; } .works-end-navigation a:first-of-type b{ margin-right: 0; margin-left: auto; } }/* ============================== End media 768 */ /* ========================= 1024 ========================= */ @media only screen and (min-width: 1024px){ /* ============================ Works Detail 1024 ============================ */ .spring-io #works-detail .hero{ background: url("../images/spring-io/spring-io-bg-hero-1024.jpg") no-repeat center / cover; } .dry-martini #works-detail .hero{ background: url("../images/dry-martini/dry-martini-bg-hero-1024.jpg") no-repeat center / cover; } .alife #works-detail .hero{ background: url("../images/alife/alife-bg-hero-1024.jpg") no-repeat center / cover; } .elgordo #works-detail .hero{ background: url("../images/elgordo/elgordo-bg-hero-1024.jpg") no-repeat center / cover; } .airway-gym #works-detail .hero{ background: url("../images/airway-gym/airway-gym-bg-hero-1024.jpg") no-repeat center / cover; } .rackethero #works-detail .hero{ background: url("../images/rackethero/rackethero-bg-hero-1024.jpg") no-repeat center / cover; } .arewedoing #works-detail .hero{ background: url("../images/arewedoing/arewedoing-bg-hero-1024.jpg") no-repeat center / cover; } .taloki #works-detail .hero{ background: url("../images/taloki/taloki-bg-hero-1024.jpg") no-repeat center / cover; } .endesa #works-detail .hero{ background: url("../images/endesa/endesa-bg-hero-1024.jpg") no-repeat center / cover; } .mixtape-01 #works-detail .hero{ background: url("../images/mixtape-01/mixtape-01-bg-hero-1024.jpg") no-repeat center / cover; } .mixtape-02 #works-detail .hero{ background: url("../images/mixtape-02/mixtape-02-bg-hero-1024.jpg") no-repeat center / cover; } .mixtape-03 #works-detail .hero{ background: url("../images/mixtape-03/mixtape-03-bg-hero-1024.jpg") no-repeat center / cover; } #fullpage.works-fullpage .grid-2 .col{ width: 47.5%; margin-left: 0; } #fullpage.works-fullpage .grid-2 .col:last-child{ margin-left: 5%; } #fullpage.works-fullpage .grid-3 .col{ width: 30.66%; margin-left: 0; } #fullpage.works-fullpage .grid-3 .col:nth-child(1n+2){ margin-left: 4%; } #fullpage.works-fullpage .grid-3--2-1 .col{ width: 56.5%; margin-left: 0; text-align: center; } #fullpage.works-fullpage .grid-3--2-1 .col:last-child{ width: 37.5%; margin-left: 6%; } #fullpage.spring-io.works-fullpage .grid-3--2-1 .col{ width: 55.97%; } #fullpage.spring-io.works-fullpage .grid-3--2-1 .col:last-child{ width: 38.03%; } #fullpage.dry-martini.works-fullpage .grid-3--2-1 .col{ width: 56.53%; } #fullpage.dry-martini.works-fullpage .grid-3--2-1 .col:last-child{ width: 37.47%; } #fullpage.alife.works-fullpage .grid-3--2-1 .col{ width: 56%; } #fullpage.alife.works-fullpage .grid-3--2-1 .col:last-child{ width: 38%; } #fullpage.elgordo.works-fullpage .grid-3--2-1 .col{ width: 56.2%; } #fullpage.elgordo.works-fullpage .grid-3--2-1 .col:last-child{ width: 37.8%; } #fullpage.rackethero.works-fullpage .grid-3--2-1 .col{ width: 56.37%; } #fullpage.rackethero.works-fullpage .grid-3--2-1 .col:last-child{ width: 37.63%; } .hero{ height: 400px; } .hero h1 span{ bottom: -51px; } .hero img{ max-width: 520px; margin: 116px 0 0 60px; } .hero svg{ max-width: 520px; margin: 272px auto 0; padding-left: 60px; } .description{ padding-bottom: 66px; } .description h3:nth-child(2), .description p:nth-child(3){ display: inline-block; padding-right: 18px; } /* ============================ Works Img-Type-1 1024 ============================ */ .works-img-type-1{ box-shadow: inset 0 150px 0 0 rgba(var(--color-grey-dark-grey),0.06); } .dark .works-img-type-1{ box-shadow: inset 0 150px 0 0 rgba(var(--color-grey-dark-grey),0.18); } .works-img-type-1 .col:first-child .logo{ display: none; } .works-img-type-1 .col:last-child .logo{ display: inline-block; } .works-img-type-1 .col div, .works-img-type-1.column-3 .col:first-child div, .works-img-type-1.column-3 .col:last-child div:first-of-type{ margin-top: 48px; } .works-img-type-1 .col:first-child div{ margin-top: -54px; } .works-img-type-1 .col:last-child div:first-of-type{ margin-top: 78px; } /* ============================ Works Img-Type-2 1024 ============================ */ .works-img-type-2 .wrapper{ margin-top: 48px; } .works-img-type-2 div{ width: 50%; margin: 48px 1%; } /* ============================ Works Img-Type-3 1024 ============================ */ .works-img-type-3 div{ width: 100%; } .works-img-type-3 div img, .works-img-type-3 div:last-child img{ width: 112%; } .works-img-type-3 div:last-child{ width: 30%; margin-right: -2%; padding-left: 12%; } /* ============================ Works Img-Type-4 1024 ============================ */ #fullpage.works-fullpage .works-img-type-4{ margin-top: -18px; } #fullpage.works-fullpage .works-img-type-4 .grid-3 .col{ width: 30%; } #fullpage.works-fullpage .works-img-type-4 .grid-3 .col:nth-child(2n+2) div{ margin-top: 0; } #fullpage.works-fullpage .works-img-type-4 .grid-3 .col:nth-child(3n+1){ margin-left: 0; } #fullpage.works-fullpage .works-img-type-4 .grid-3 .col, #fullpage.works-fullpage .works-img-type-4 .grid-3 .col:nth-child(3n+2), #fullpage.works-fullpage .works-img-type-4 .grid-3 .col:nth-child(3n+3){ margin-left: 5%; } #fullpage.works-fullpage .works-img-type-4 .grid-3 .col:nth-child(3n+1) div, #fullpage.works-fullpage .works-img-type-4 .grid-3 .col:nth-child(3n+3) div{ margin-top: 48px; } .works-img-type-4 .logo{ margin: 9px auto 108px; } #fullpage.works-fullpage .works-img-type-4.combi-works{ margin-top: 0; } #fullpage.works-fullpage .works-img-type-4.combi-works .grid-3 .col:nth-child(1) div, #fullpage.works-fullpage .works-img-type-4.combi-works .grid-3 .col:nth-child(2) div, #fullpage.works-fullpage .works-img-type-4.combi-works .grid-3 .col:nth-child(3) div{ margin-top: 48px; } /* ============================ Works Img-Type-5 1024 ============================ */ .works-img-type-5 .col div{ width: 84%; margin-top: 48px; margin-right: auto; margin-left: auto; } .works-img-type-5 .col:first-child div{ margin-top: 54px; } /* ============================ Works Img-Type-6 1024 ============================ */ .works-img-type-6 .col div{ width: 84%; margin-top: 48px; margin-right: auto; margin-left: auto; } .works-img-type-6 .col:first-child div{ margin-top: -294px; } .works-img-type-6.combi-works:nth-of-type(4){ padding-top: 48px; } /* ============================ Works End Navigation 1024 ============================ */ .works-end-navigation p{ margin: 29px 0 0; } .works-end-navigation p::after{ border: 2px solid rgba(var(--color-white-black),0.6); } .works-end-navigation a{ position: relative; } .works-end-navigation a::after, .works-end-navigation a::before{ position: absolute; content: ""; width: 42px; height: 2px; background: rgba(var(--color-white-black),0.6); top: 49px; left: 0; transform: rotate(45deg); transition: all 0.48s ease-in-out; } .works-end-navigation a::before{ top: 20px; transform: rotate(-45deg); } .works-end-navigation a:last-of-type::after, .works-end-navigation a:last-of-type::before{ right: 0; left: auto; transform: rotate(-45deg); } .works-end-navigation a:last-of-type::before{ transform: rotate(45deg); } .works-end-navigation a:hover::after, .works-end-navigation a:hover::before{ left: -20px; } .works-end-navigation a:last-of-type:hover::after, .works-end-navigation a:last-of-type:hover::before{ right: -20px; left: auto; } }/* ============================== End media 1024 */ /* ========================= 1280 ========================= */ @media only screen and (min-width: 1280px){ /* ============================ Dark Mode Switch 1280 ============================ */ .spring-io nav.page-navigation .toggle-color, .dry-martini nav.page-navigation .toggle-color, .alife nav.page-navigation .toggle-color, .elgordo nav.page-navigation .toggle-color, .airway-gym nav.page-navigation .toggle-color, .rackethero nav.page-navigation .toggle-color, .arewedoing nav.page-navigation .toggle-color, .taloki nav.page-navigation .toggle-color, .endesa nav.page-navigation .toggle-color, .mixtape-01 nav.page-navigation .toggle-color, .mixtape-02 nav.page-navigation .toggle-color, .mixtape-03 nav.page-navigation .toggle-color{ background: rgba(255,255,255,0.24); } .spring-io nav.page-navigation .toggle-color .gooey_bg{ background: rgba(var(--color-spring-io-primary),1); } .dry-martini nav.page-navigation .toggle-color .gooey_bg{ background: rgba(var(--color-dry-martini-primary),1); } .alife nav.page-navigation .toggle-color .gooey_bg{ background: rgba(var(--color-alife-primary),1); } .elgordo nav.page-navigation .toggle-color .gooey_bg{ background: rgba(var(--color-elgordo-primary),1); } .airway-gym nav.page-navigation .toggle-color .gooey_bg{ background: rgba(var(--color-airway-gym-primary),1); } .rackethero nav.page-navigation .toggle-color .gooey_bg{ background: rgba(var(--color-rackethero-primary),1); } .arewedoing nav.page-navigation .toggle-color .gooey_bg{ background: rgba(var(--color-arewedoing-primary),1); } .taloki nav.page-navigation .toggle-color .gooey_bg{ background: rgba(var(--color-taloki-primary),1); } .endesa nav.page-navigation .toggle-color .gooey_bg{ background: rgba(var(--color-endesa-primary),1); } .mixtape-01 nav.page-navigation .toggle-color .gooey_bg{ background: rgba(var(--color-mixtape-01-primary),1); } .mixtape-02 nav.page-navigation .toggle-color .gooey_bg{ background: rgba(var(--color-mixtape-02-primary),1); } .mixtape-03 nav.page-navigation .toggle-color .gooey_bg{ background: rgba(var(--color-mixtape-03-primary),1); } /* ============================ Works Detail 1280 ============================ */ #fullpage.works-fullpage .wrapper{ width: calc(92% - 286px); } #fullpage.works-fullpage .grid-3--2-1 .col{ width: 56.8%; } #fullpage.works-fullpage .grid-3--2-1 .col:last-child{ width: 37.7%; margin-left: 5.5%; } #fullpage.spring-io.works-fullpage .grid-3--2-1 .col{ width: 56.31%; } #fullpage.spring-io.works-fullpage .grid-3--2-1 .col:last-child{ width: 38.19%; } #fullpage.dry-martini.works-fullpage .grid-3--2-1 .col{ width: 56.84%; } #fullpage.dry-martini.works-fullpage .grid-3--2-1 .col:last-child{ width: 37.66%; } #fullpage.alife.works-fullpage .grid-3--2-1 .col{ width: 56.3%; } #fullpage.alife.works-fullpage .grid-3--2-1 .col:last-child{ width: 38.2%; } #fullpage.elgordo.works-fullpage .grid-3--2-1 .col{ width: 56.6%; } #fullpage.elgordo.works-fullpage .grid-3--2-1 .col:last-child{ width: 37.9%; } #fullpage.rackethero.works-fullpage .grid-3--2-1 .col{ width: 56.7%; } #fullpage.rackethero.works-fullpage .grid-3--2-1 .col:last-child{ width: 37.8%; } #works-detail h1{ margin-left: 200px; margin-right: 60px; } .hero{ margin-bottom: 60px; } .hero img{ margin: 116px 60px 0 200px; background: url("../images/img-responsive-show-1280.png") no-repeat center / 100%; } .dark .hero img{ background: url("../images/img-responsive-show-dark-1280.png") no-repeat center / 100%; } .hero svg{ margin: 274px auto 0; padding-right: 60px; padding-left: 200px; } .description{ padding-bottom: 84px; } .description h3{ padding-top: 42px; } /* ============================ Works Img-Type-1 1280 ============================ */ .works-img-type-1 .col div, .works-img-type-1.column-3 .col div{ padding-top: 24px; } .works-img-type-1 .col:first-child div{ margin-top: -60px; } .works-img-type-1 .col div span, .works-img-type-1.column-3 .col div span{ width: 8px; height: 8px; top: 8px; left: 8px; } .works-img-type-1 .col div span:nth-child(2), .works-img-type-1.column-3 .col div span:nth-child(2){ left: 24px; } .works-img-type-1 .col div span:nth-child(3), .works-img-type-1.column-3 .col div span:nth-child(3){ left: 40px; } .works-img-type-1 .col div{ border-radius: 6px; box-shadow: 0 -2px 12px 0 rgba(var(--color-grey-dark-grey),0.12), 0 1.6px 1.68px rgba(var(--color-grey-dark-grey),0.024), 0 4.8px 6px rgba(var(--color-grey-dark-grey),0.036), 0 18px 18px rgba(var(--color-grey-dark-grey),0.072), inset 0 0 60px 60px rgba(var(--color-white-black),0.36); } .dark .works-img-type-1 .col div{ box-shadow: 0 -2px 12px 0 rgba(var(--color-grey-dark-grey),0.48), 0 1.6px 1.68px rgba(var(--color-grey-dark-grey),0.024), 0 4.8px 6px rgba(var(--color-grey-dark-grey),0.036), 0 18px 18px rgba(var(--color-grey-dark-grey),0.072), inset 0 0 60px 60px rgba(4,6,8,0.24); } .works-img-type-1 .col div img{ border-radius: 0 0 6px 6px; } .works-img-type-1.column-3.no-bars .col div img{ border-radius: 6px; } /* ============================ Works Img-Type-2 1280 ============================ */ .works-img-type-2 div{ margin: 50px 1%; } .works-img-type-2 div:nth-child(1) img, .works-img-type-2 div:nth-child(3) img{ border-radius: 6px; } .works-img-type-2 div:nth-child(1) img:last-child, .works-img-type-2 div:nth-child(3) img:last-child{ border-radius: 6px; box-shadow: 0 -2px 12px 0 rgba(var(--color-grey-dark-grey),0.12), 0 1.6px 1.68px rgba(var(--color-grey-dark-grey),0.024), 0 4.8px 6px rgba(var(--color-grey-dark-grey),0.036), 0 18px 18px rgba(var(--color-grey-dark-grey),0.072); } .dark .works-img-type-2 div:nth-child(1) img:last-child, .dark .works-img-type-2 div:nth-child(3) img:last-child{ box-shadow: 0 -2px 12px 0 rgba(var(--color-grey-dark-grey),0.48), 0 1.6px 1.68px rgba(var(--color-grey-dark-grey),0.024), 0 4.8px 6px rgba(var(--color-grey-dark-grey),0.036), 0 18px 18px rgba(var(--color-grey-dark-grey),0.072); } /* ============================ Works Img-Type-4 1280 ============================ */ #fullpage.works-fullpage .works-img-type-4{ margin-top: -24px; } .works-img-type-4 .logo{ margin: 9px auto 120px; } .works-img-type-4 .col div{ border-radius: 6px; box-shadow: 0 -2px 12px 0 rgba(var(--color-grey-dark-grey),0.12), 0 1.6px 1.68px rgba(var(--color-grey-dark-grey),0.024), 0 4.8px 6px rgba(var(--color-grey-dark-grey),0.036), 0 18px 18px rgba(var(--color-grey-dark-grey),0.072); } .dark .works-img-type-4 .col div{ box-shadow: 0 -2px 12px 0 rgba(var(--color-grey-dark-grey),0.48), 0 1.6px 1.68px rgba(var(--color-grey-dark-grey),0.024), 0 4.8px 6px rgba(var(--color-grey-dark-grey),0.036), 0 18px 18px rgba(var(--color-grey-dark-grey),0.072); } .works-img-type-4 .col div img{ border-radius: 6px; } /* ============================ Works Img-Type-5 1280 ============================ */ .works-img-type-5 .col div{ padding-top: 24px; } .works-img-type-5 .col div{ margin-top: 48px; } .works-img-type-5 .col:first-child div{ margin-top: 36px; } .works-img-type-5 .col div span{ width: 8px; height: 8px; top: 8px; left: 8px; } .works-img-type-5 .col div span:nth-child(2){ left: 24px; } .works-img-type-5 .col div span:nth-child(3){ left: 40px; } .works-img-type-5 .col div{ border-radius: 6px; box-shadow: 0 -2px 12px 0 rgba(var(--color-grey-dark-grey),0.12), 0 1.6px 1.68px rgba(var(--color-grey-dark-grey),0.024), 0 4.8px 6px rgba(var(--color-grey-dark-grey),0.036), 0 18px 18px rgba(var(--color-grey-dark-grey),0.072), inset 0 0 60px 60px rgba(var(--color-white-black),0.36); } .dark .works-img-type-5 .col div{ box-shadow: 0 -2px 12px 0 rgba(var(--color-grey-dark-grey),0.48), 0 1.6px 1.68px rgba(var(--color-grey-dark-grey),0.024), 0 4.8px 6px rgba(var(--color-grey-dark-grey),0.036), 0 18px 18px rgba(var(--color-grey-dark-grey),0.072), inset 0 0 60px 60px rgba(4,6,8,0.24); } .works-img-type-5 .col div img{ border-radius: 0 0 6px 6px; } /* ============================ Works Img-Type-6 1280 ============================ */ .works-img-type-6 .col div{ padding-top: 24px; } .works-img-type-6 .col div{ margin-top: 48px; } .works-img-type-6 .col:first-child div{ margin-top: -304px; } .works-img-type-6 .col div span{ width: 8px; height: 8px; top: 8px; left: 8px; } .works-img-type-6 .col div span:nth-child(2){ left: 24px; } .works-img-type-6 .col div span:nth-child(3){ left: 40px; } .works-img-type-6 .col div{ border-radius: 6px; box-shadow: 0 -2px 12px 0 rgba(var(--color-grey-dark-grey),0.12), 0 1.6px 1.68px rgba(var(--color-grey-dark-grey),0.024), 0 4.8px 6px rgba(var(--color-grey-dark-grey),0.036), 0 18px 18px rgba(var(--color-grey-dark-grey),0.072), inset 0 0 60px 60px rgba(var(--color-white-black),0.36); } .dark .works-img-type-6 .col div{ box-shadow: 0 -2px 12px 0 rgba(var(--color-grey-dark-grey),0.48), 0 1.6px 1.68px rgba(var(--color-grey-dark-grey),0.024), 0 4.8px 6px rgba(var(--color-grey-dark-grey),0.036), 0 18px 18px rgba(var(--color-grey-dark-grey),0.072), inset 0 0 60px 60px rgba(4,6,8,0.24); } .works-img-type-6 .col div img{ border-radius: 0 0 6px 6px; } /* ============================ Works End Navigation 1280 ============================ */ .works-end-navigation{ padding: 46px 0; } .works-end-navigation p{ margin: 35px 0 0; } .works-end-navigation a{ line-height: 34px; } .works-end-navigation a span{ line-height: 16px; } .works-end-navigation a b, .works-end-navigation a:first-of-type b{ font-size: 50px; line-height: 60px; } .works-end-navigation a::after, .works-end-navigation a::before{ top: 55px; } .works-end-navigation a::before{ top: 26px; } }/* ============================== End media 1280 */ /* ========================= 1366 ========================= */ @media only screen and (min-width: 1366px){ /* ============================ Works Detail 1366 ============================ */ #fullpage.works-fullpage .wrapper{ width: calc(92% - 300px); padding-right: 4%; padding-left: calc(4% + 240px); } #fullpage.works-fullpage .grid-2 .col{ width: 47.25%; margin-left: 0; } #fullpage.works-fullpage .grid-2 .col:last-child{ margin-left: 5.5%; } #fullpage.works-fullpage .grid-3--2-1 .col{ width: 56.35%; } #fullpage.works-fullpage .grid-3--2-1 .col:last-child{ width: 38.2%; margin-left: 5.45%; } #fullpage.spring-io.works-fullpage .grid-3--2-1 .col{ width: 56.01%; } #fullpage.spring-io.works-fullpage .grid-3--2-1 .col:last-child{ width: 38.54%; } #fullpage.dry-martini.works-fullpage .grid-3--2-1 .col{ width: 56.37%; } #fullpage.dry-martini.works-fullpage .grid-3--2-1 .col:last-child{ width: 38.18%; } #fullpage.alife.works-fullpage .grid-3--2-1 .col{ width: 56.1%; } #fullpage.alife.works-fullpage .grid-3--2-1 .col:last-child{ width: 38.45%; } #fullpage.elgordo.works-fullpage .grid-3--2-1 .col{ width: 56.2%; } #fullpage.elgordo.works-fullpage .grid-3--2-1 .col:last-child{ width: 38.35%; } #fullpage.rackethero.works-fullpage .grid-3--2-1 .col{ width: 56.26%; } #fullpage.rackethero.works-fullpage .grid-3--2-1 .col:last-child{ width: 38.29%; } #works-detail h1{ margin-left: 240px; } .hero{ height: 422px; margin-bottom: 54px; } .hero img{ max-width: 560px; margin: 116px 60px 0 240px; } .hero svg{ max-width: 560px; margin: 274px auto 0; padding-right: 60px; padding-left: 240px; } /* ============================ Works Img-Type-1 1366 ============================ */ .works-img-type-1{ box-shadow: inset 0 156px 0 0 rgba(var(--color-grey-dark-grey),0.06); } .dark .works-img-type-1{ box-shadow: inset 0 156px 0 0 rgba(var(--color-grey-dark-grey),0.18); } .works-img-type-1 .logo{ height: 84px; } /* ============================ Works Img-Type-4 1366 ============================ */ #fullpage.works-fullpage .works-img-type-4 .grid-3 .col{ width: 29.33%; margin-left: 6%; } #fullpage.works-fullpage .works-img-type-4 .grid-3 .col:nth-child(3n+2), #fullpage.works-fullpage .works-img-type-4 .grid-3 .col:nth-child(3n+3){ margin-left: 6%; } #fullpage.works-fullpage .works-img-type-4 .grid-3 .col:nth-child(3n+1) div, #fullpage.works-fullpage .works-img-type-4 .grid-3 .col:nth-child(3n+3) div{ margin-top: 60px; } .works-img-type-4{ box-shadow: inset 0 156px 0 0 rgba(var(--color-grey-dark-grey),0.06); } .works-img-type-4 .logo{ height: 84px; margin-top: 0; } .works-img-type-4 .grid-3{ max-width: 1024px; } .works-img-type-4.combi-works:nth-of-type(5){ margin-bottom: 64px; } /* ============================ Works Img-Type-5 1366 ============================ */ .works-img-type-5 .col:first-child div{ margin-top: 48px; } /* ============================ Works Img-Type-6 1366 ============================ */ .works-img-type-6 .col:first-child div{ margin-top: -320px; } .works-img-type-6 .col:last-child div{ margin-bottom: 64px; } }/* ============================== End media 1366 */ /* ========================= 1440 ========================= */ @media only screen and (min-width: 1440px){ /* ============================ Works Detail 1440 ============================ */ #fullpage.works-fullpage .grid-3--2-1 .col{ width: 55.75%; } #fullpage.works-fullpage .grid-3--2-1 .col:last-child{ width: 38.75%; } #fullpage.spring-io.works-fullpage .grid-3--2-1 .col{ width: 55.6%; } #fullpage.spring-io.works-fullpage .grid-3--2-1 .col:last-child{ width: 38.95%; } #fullpage.dry-martini.works-fullpage .grid-3--2-1 .col{ width: 55.75%; } #fullpage.dry-martini.works-fullpage .grid-3--2-1 .col:last-child{ width: 38.8%; } #fullpage.alife.works-fullpage .grid-3--2-1 .col{ width: 55.81%; } #fullpage.alife.works-fullpage .grid-3--2-1 .col:last-child{ width: 38.74%; } #fullpage.elgordo.works-fullpage .grid-3--2-1 .col{ width: 55.7%; } #fullpage.elgordo.works-fullpage .grid-3--2-1 .col:last-child{ width: 38.85%; } #fullpage.rackethero.works-fullpage .grid-3--2-1 .col{ width: 55.69%; } #fullpage.rackethero.works-fullpage .grid-3--2-1 .col:last-child{ width: 38.86%; } #fullpage.works-fullpage .description .description-content{ max-width: 1024px; margin: auto; } /* ============================ Works Img-Type-1 1440 ============================ */ .works-img-type-1.column-3 .grid-3{ margin-top: 12px; } /* ============================ Works Img-Type-2 1440 ============================ */ .works-img-type-2 .wrapper{ margin-top: 56px; } .works-img-type-2 div{ width: 48%; margin: 58px 1%; } /* ============================ Works Img-Type-3 1440 ============================ */ .works-img-type-3 .wrapper{ padding-top: 60px; padding-bottom: 24px; } /* ============================ Works Img-Type-4 1440 ============================ */ .works-img-type-4.combi-works:nth-of-type(5){ margin-bottom: 76px; } /* ============================ Works Img-Type-6 1440 ============================ */ .works-img-type-6 .col:last-child div{ margin-bottom: 76px; } /* ============================ Works End Navigation 1440 ============================ */ .works-end-navigation .grid-1{ max-width: 916px; } }/* ============================== End media 1440 */ /* ========================= 1536 ========================= */ @media only screen and (min-width: 1536px){ /* ============================ Works Detail 1536 ============================ */ #fullpage.spring-io.works-fullpage .grid-3--2-1 .col{ width: 55.15%; } #fullpage.spring-io.works-fullpage .grid-3--2-1 .col:last-child{ width: 39.4%; } #fullpage.dry-martini.works-fullpage .grid-3--2-1 .col{ width: 55.04%; } #fullpage.dry-martini.works-fullpage .grid-3--2-1 .col:last-child{ width: 39.51%; } #fullpage.alife.works-fullpage .grid-3--2-1 .col{ width: 55.49%; } #fullpage.alife.works-fullpage .grid-3--2-1 .col:last-child{ width: 39.06%; } #fullpage.elgordo.works-fullpage .grid-3--2-1 .col{ width: 55.16%; } #fullpage.elgordo.works-fullpage .grid-3--2-1 .col:last-child{ width: 39.39%; } #fullpage.rackethero.works-fullpage .grid-3--2-1 .col{ width: 55.05%; } #fullpage.rackethero.works-fullpage .grid-3--2-1 .col:last-child{ width: 39.5%; } }/* ============================== End media 1536 */ /* ========================= 1596 ========================= */ @media only screen and (min-width: 1596px){ /* ============================ Works Detail 1596 ============================ */ #fullpage.works-fullpage .wrapper{ width: calc(92% - 320px); padding-left: calc(4% + 260px); } #fullpage.works-fullpage .description{ width: calc(84% - 320px); padding-right: 8%; padding-left: calc(8% + 260px); } #fullpage.works-fullpage .grid-2 .col{ width: 47.5%; } #fullpage.works-fullpage .grid-2 .col:last-child{ margin-left: 5%; } #fullpage.works-fullpage .grid-3--2-1 .col{ width: 58.35%; } #fullpage.works-fullpage .grid-3--2-1 .col:last-child{ width: 36.65%; margin-left: 5%; } #fullpage.spring-io.works-fullpage .grid-3--2-1 .col{ width: 57.28%; } #fullpage.spring-io.works-fullpage .grid-3--2-1 .col:last-child{ width: 37.72%; } #fullpage.dry-martini.works-fullpage .grid-3--2-1 .col{ width: 58.33%; } #fullpage.dry-martini.works-fullpage .grid-3--2-1 .col:last-child{ width: 36.67%; } #fullpage.alife.works-fullpage .grid-3--2-1 .col{ width: 57.15%; } #fullpage.alife.works-fullpage .grid-3--2-1 .col:last-child{ width: 37.85%; } #fullpage.elgordo.works-fullpage .grid-3--2-1 .col{ width: 57.67%; } #fullpage.elgordo.works-fullpage .grid-3--2-1 .col:last-child{ width: 37.33%; } #fullpage.rackethero.works-fullpage .grid-3--2-1 .col{ width: 58.08%; } #fullpage.rackethero.works-fullpage .grid-3--2-1 .col:last-child{ width: 36.92%; } #works-detail h1{ margin-left: 260px; } .hero{ height: 482px; margin-bottom: 72px; } .hero h1 span{ bottom: -58px; } .hero img{ max-width: 640px; margin: 132px 60px 0 260px; } .hero svg{ max-width: 640px; margin: 300px auto 0; padding-left: 260px; } .description{ padding-bottom: 96px; } .description h3{ padding-top: 48px; } /* ============================ Works Img-Type-1 1596 ============================ */ .works-img-type-1{ padding: 60px 0 0; box-shadow: inset 0 240px 0 0 rgba(var(--color-grey-dark-grey),0.06); } .dark .works-img-type-1{ box-shadow: inset 0 240px 0 0 rgba(var(--color-grey-dark-grey),0.18); } .works-img-type-1 .logo{ height: 120px; } .works-img-type-1 .col div{ padding-top: 36px; margin-top: 60px; } .works-img-type-1.column-3 .col div{ margin-top: 48px; } .works-img-type-1 .col:first-child div{ margin-top: -96px; } .works-img-type-1 .col:last-child div:first-of-type{ margin-top: 110px; } .works-img-type-1 .col div span{ width: 12px; height: 12px; top: 12px; left: 12px; } .works-img-type-1 .col div span:nth-child(2){ left: 32px; } .works-img-type-1 .col div span:nth-child(3){ left: 52px; } /* ============================ Works Img-Type-3 1596 ============================ */ .works-img-type-3 div{ width: 96%; } .works-img-type-3 div img, .works-img-type-3 div:last-child img{ width: 100%; } .works-img-type-3 div:last-child{ width: 29%; margin-right: -4%; padding-left: 1%; } /* ============================ Works Img-Type-4 1596 ============================ */ #fullpage.works-fullpage .works-img-type-4{ margin-top: -36px; } .works-img-type-4{ padding: 60px 0 0; box-shadow: inset 0 240px 0 0 rgba(var(--color-grey-dark-grey),0.06); } .works-img-type-4 .logo{ height: 120px; margin: 0 auto 144px; } #fullpage.works-fullpage .works-img-type-4.combi-works .grid-3 .col:nth-child(1) div, #fullpage.works-fullpage .works-img-type-4.combi-works .grid-3 .col:nth-child(2) div, #fullpage.works-fullpage .works-img-type-4.combi-works .grid-3 .col:nth-child(3) div{ margin-top: 60px; } /* ============================ Works Img-Type-5 1596 ============================ */ .works-img-type-5{ padding: 60px 0 0; } .works-img-type-5 .col div{ width: 80%; padding-top: 36px; margin-top: 60px; } .works-img-type-5 .col:first-child div{ margin-top: 24px; } .works-img-type-5 .col div span{ width: 12px; height: 12px; top: 12px; left: 12px; } .works-img-type-5 .col div span:nth-child(2){ left: 32px; } .works-img-type-5 .col div span:nth-child(3){ left: 52px; } /* ============================ Works Img-Type-6 1596 ============================ */ .works-img-type-6{ padding: 60px 0 0; } .works-img-type-6 .col div{ width: 80%; padding-top: 36px; margin-top: 60px; } .works-img-type-6 .col:first-child div{ margin-top: -396px; } .works-img-type-6 .col div span{ width: 12px; height: 12px; top: 12px; left: 12px; } .works-img-type-6 .col div span:nth-child(2){ left: 32px; } .works-img-type-6 .col div span:nth-child(3){ left: 52px; } .works-img-type-6.combi-works:nth-of-type(4){ padding-top: 60px; } /* ============================ Works End Navigation 1596 ============================ */ .works-end-navigation{ padding: 52px 0; } .works-end-navigation .grid-1{ max-width: 1200px; } .works-end-navigation p{ margin: 37px 0 0; } .works-end-navigation p::after{ width: 72px; height: 72px; } .works-end-navigation a b, .works-end-navigation a:first-of-type b { font-size: 54px; line-height: 64px; } .works-end-navigation a::after, .works-end-navigation a::before{ width: 48px; top: 59px; } .works-end-navigation a::before{ top: 25px; } }/* ============================== End media 1596 */ /* ========================= 1800 ========================= */ @media only screen and (min-width: 1800px){ /* ============================ Works Detail 1800 ============================ */ #fullpage.works-fullpage .grid-3--2-1 .col{ width: 56.75%; } #fullpage.works-fullpage .grid-3--2-1 .col:last-child{ width: 38.25%; } #fullpage.spring-io.works-fullpage .grid-3--2-1 .col{ width: 56.29%; } #fullpage.spring-io.works-fullpage .grid-3--2-1 .col:last-child{ width: 38.71%; } #fullpage.dry-martini.works-fullpage .grid-3--2-1 .col{ width: 56.76%; } #fullpage.dry-martini.works-fullpage .grid-3--2-1 .col:last-child{ width: 38.24%; } #fullpage.alife.works-fullpage .grid-3--2-1 .col{ width: 56.43%; } #fullpage.alife.works-fullpage .grid-3--2-1 .col:last-child{ width: 38.57%; } #fullpage.elgordo.works-fullpage .grid-3--2-1 .col{ width: 56.48%; } #fullpage.elgordo.works-fullpage .grid-3--2-1 .col:last-child{ width: 38.52%; } #fullpage.rackethero.works-fullpage .grid-3--2-1 .col{ width: 56.65%; } #fullpage.rackethero.works-fullpage .grid-3--2-1 .col:last-child{ width: 38.35%; } #fullpage.works-fullpage .description .description-content{ max-width: 1068px; } .hero{ height: 502px; margin-bottom: 92px; } .hero img{ margin: 152px 60px 0 260px; } .hero svg{ margin: 326px auto 0; } .hero h1 span{ bottom: -68px; } /* ============================ Works Img-Type-1 1800 ============================ */ .works-img-type-1.column-3 .grid-3{ margin-top: 20px; } /* ============================ Works Img-Type-2 1800 ============================ */ .works-img-type-2 .wrapper{ margin-top: 66px; } .works-img-type-2 div{ width: 44%; margin: 68px 1%; } /* ============================ Works Img-Type-3 1800 ============================ */ .works-img-type-3 .wrapper{ padding-top: 68px; padding-bottom: 40px; } /* ============================ Works Img-Type-4 1800 ============================ */ .works-img-type-4.combi-works:nth-of-type(5){ margin-bottom: 88px; } /* ============================ Works Img-Type-5 1800 ============================ */ .works-img-type-5 .col div{ width: 76%; } /* ============================ Works Img-Type-6 1800 ============================ */ .works-img-type-6 .col div{ width: 76%; } .works-img-type-6 .col:first-child div{ margin-top: -410px; } .works-img-type-6 .col:last-child div{ margin-bottom: 88px; } /* ============================ Contact 1800 ============================ */ .spring-io #contact-work-detail .input--filled.textarea.input--thunder-form{ background: repeating-linear-gradient(rgba(var(--color-spring-io-background),1), rgba(var(--color-spring-io-background),1) 37px, rgba(var(--color-black-white),0.18) 37px, rgba(var(--color-black-white),0.18) 38px); background-position: center 29px; } .dry-martini #contact-work-detail .input--filled.textarea.input--thunder-form{ background: repeating-linear-gradient(rgba(var(--color-dry-martini-background),1), rgba(var(--color-dry-martini-background),1) 37px, rgba(var(--color-black-white),0.18) 37px, rgba(var(--color-black-white),0.18) 38px); background-position: center 29px; } .alife #contact-work-detail .input--filled.textarea.input--thunder-form{ background: repeating-linear-gradient(rgba(var(--color-alife-background),1), rgba(var(--color-alife-background),1) 37px, rgba(var(--color-black-white),0.18) 37px, rgba(var(--color-black-white),0.18) 38px); background-position: center 29px; } .elgordo #contact-work-detail .input--filled.textarea.input--thunder-form{ background: repeating-linear-gradient(rgba(var(--color-elgordo-background),1), rgba(var(--color-elgordo-background),1) 37px, rgba(var(--color-black-white),0.18) 37px, rgba(var(--color-black-white),0.18) 38px); background-position: center 29px; } .airway-gym #contact-work-detail .input--filled.textarea.input--thunder-form{ background: repeating-linear-gradient(rgba(var(--color-airway-gym-background),1), rgba(var(--color-airway-gym-background),1) 37px, rgba(var(--color-black-white),0.18) 37px, rgba(var(--color-black-white),0.18) 38px); background-position: center 29px; } .rackethero #contact-work-detail .input--filled.textarea.input--thunder-form{ background: repeating-linear-gradient(rgba(var(--color-rackethero-background),1), rgba(var(--color-rackethero-background),1) 37px, rgba(var(--color-black-white),0.18) 37px, rgba(var(--color-black-white),0.18) 38px); background-position: center 29px; } .arewedoing #contact-work-detail .input--filled.textarea.input--thunder-form{ background: repeating-linear-gradient(rgba(var(--color-arewedoing-background),1), rgba(var(--color-arewedoing-background),1) 37px, rgba(var(--color-black-white),0.18) 37px, rgba(var(--color-black-white),0.18) 38px); background-position: center 29px; } .taloki #contact-work-detail .input--filled.textarea.input--thunder-form{ background: repeating-linear-gradient(rgba(var(--color-taloki-background),1), rgba(var(--color-taloki-background),1) 37px, rgba(var(--color-black-white),0.18) 37px, rgba(var(--color-black-white),0.18) 38px); background-position: center 29px; } .endesa #contact-work-detail .input--filled.textarea.input--thunder-form{ background: repeating-linear-gradient(rgba(var(--color-endesa-background),1), rgba(var(--color-endesa-background),1) 37px, rgba(var(--color-black-white),0.18) 37px, rgba(var(--color-black-white),0.18) 38px); background-position: center 29px; } .mixtape-01 #contact-work-detail .input--filled.textarea.input--thunder-form{ background: repeating-linear-gradient(rgba(var(--color-mixtape-01-background),1), rgba(var(--color-mixtape-01-background),1) 37px, rgba(var(--color-black-white),0.18) 37px, rgba(var(--color-black-white),0.18) 38px); background-position: center 29px; } .mixtape-02 #contact-work-detail .input--filled.textarea.input--thunder-form{ background: repeating-linear-gradient(rgba(var(--color-mixtape-02-background),1), rgba(var(--color-mixtape-02-background),1) 37px, rgba(var(--color-black-white),0.18) 37px, rgba(var(--color-black-white),0.18) 38px); background-position: center 29px; } .mixtape-03 #contact-work-detail .input--filled.textarea.input--thunder-form{ background: repeating-linear-gradient(rgba(var(--color-mixtape-03-background),1), rgba(var(--color-mixtape-03-background),1) 37px, rgba(var(--color-black-white),0.18) 37px, rgba(var(--color-black-white),0.18) 38px); background-position: center 29px; } /* ============================ Contact Work Detail 1800 ============================ */ #contact-work-detail h2{ padding: 68px 0 24px; } }/* ============================== End media 1800 */ /* ========================= 1900 ========================= */ @media only screen and (min-width: 1900px){ /* ============================ Works Detail 1900 ============================ */ #fullpage.works-fullpage .grid-3--2-1 .col{ width: 56%; } #fullpage.works-fullpage .grid-3--2-1 .col:last-child{ width: 39%; } #fullpage.spring-io.works-fullpage .grid-3--2-1 .col{ width: 55.82%; } #fullpage.spring-io.works-fullpage .grid-3--2-1 .col:last-child{ width: 39.18%; } #fullpage.dry-martini.works-fullpage .grid-3--2-1 .col{ width: 56.04%; } #fullpage.dry-martini.works-fullpage .grid-3--2-1 .col:last-child{ width: 38.96%; } #fullpage.alife.works-fullpage .grid-3--2-1 .col{ width: 56.1%; } #fullpage.alife.works-fullpage .grid-3--2-1 .col:last-child{ width: 38.9%; } #fullpage.elgordo.works-fullpage .grid-3--2-1 .col{ width: 55.9%; } #fullpage.elgordo.works-fullpage .grid-3--2-1 .col:last-child{ width: 39.1%; } #fullpage.rackethero.works-fullpage .grid-3--2-1 .col{ width: 55.98%; } #fullpage.rackethero.works-fullpage .grid-3--2-1 .col:last-child{ width: 39.02%; } }/* ============================== End media 1900 */ /* ========================= 1960 ========================= */ @media only screen and (min-width: 1960px){ /* ============================ Works Detail 1960 ============================ */ #fullpage.works-fullpage .description{ width: calc(76% - 320px); padding-right: 12%; padding-left: calc(12% + 260px); } #fullpage.works-fullpage .description .description-content{ max-width: 1120px; } #fullpage.works-fullpage .grid-3--2-1 .col{ width: 56%; } #fullpage.works-fullpage .grid-3--2-1 .col:last-child{ width: 39%; } #fullpage.spring-io.works-fullpage .grid-3--2-1 .col{ width: 56.06%; } #fullpage.spring-io.works-fullpage .grid-3--2-1 .col:last-child{ width: 38.94%; } #fullpage.dry-martini.works-fullpage .grid-3--2-1 .col{ width: 56.3%; } #fullpage.dry-martini.works-fullpage .grid-3--2-1 .col:last-child{ width: 38.7%; } #fullpage.alife.works-fullpage .grid-3--2-1 .col{ width: 56.22%; } #fullpage.alife.works-fullpage .grid-3--2-1 .col:last-child{ width: 38.78%; } #fullpage.elgordo.works-fullpage .grid-3--2-1 .col{ width: 56.2%; } #fullpage.elgordo.works-fullpage .grid-3--2-1 .col:last-child{ width: 38.8%; } #fullpage.rackethero.works-fullpage .grid-3--2-1 .col{ width: 56.22%; } #fullpage.rackethero.works-fullpage .grid-3--2-1 .col:last-child{ width: 38.78%; } .hero{ height: 522px; margin-bottom: 102px; } .hero h1 span{ bottom: -68px; } .hero img{ max-width: 700px; margin: 154px 60px 0 260px; } .hero svg{ max-width: 700px; margin: 328px auto 0; } .description{ padding-bottom: 108px; } .description h3{ padding-top: 60px; } /* ============================ Works Img-Type-1 1960 ============================ */ .works-img-type-1 .col div{ margin-top: 72px; } .works-img-type-1 .col:last-child div:first-of-type{ margin-top: 120px; } .works-img-type-1.column-3 .grid-3{ margin-top: 28px; } /* ============================ Works Img-Type-2 1960 ============================ */ .works-img-type-2 .wrapper{ margin-top: 74px; } .works-img-type-2 div{ width: 42%; margin: 74px 1%; } /* ============================ Works Img-Type-3 1960 ============================ */ .works-img-type-3 .wrapper{ padding-top: 72px; padding-bottom: 46px; } /* ============================ Works Img-Type-4 1960 ============================ */ .works-img-type-4 .grid-3{ max-width: 1120px; } .works-img-type-4.combi-works:nth-of-type(5){ margin-bottom: 92px; } #fullpage.works-fullpage .works-img-type-4.combi-works .grid-3 .col:nth-child(1) div, #fullpage.works-fullpage .works-img-type-4.combi-works .grid-3 .col:nth-child(2) div, #fullpage.works-fullpage .works-img-type-4.combi-works .grid-3 .col:nth-child(3) div{ margin-top: 72px; } /* ============================ Works Img-Type-5 1960 ============================ */ .works-img-type-5 .col div{ width: 72%; margin-top: 72px; } /* ============================ Works Img-Type-6 1960 ============================ */ .works-img-type-6 .col div{ width: 72%; margin-top: 72px; } .works-img-type-6 .col:first-child div{ margin-top: -438px; } .works-img-type-6 .col:last-child div{ margin-bottom: 92px; } .works-img-type-6.combi-works:nth-of-type(4){ padding-top: 72px; } /* ============================ Contact Work Detail 1960 ============================ */ #contact-work-detail h2{ padding: 78px 0 28px; } /* ============================ Works End Navigation 1960 ============================ */ .works-end-navigation{ padding: 54px 0 50px; } .works-end-navigation p{ font-size: 14px; line-height: 24px; margin: 33px 0 0; } .works-end-navigation p::after{ width: 78px; height: 78px; } .works-end-navigation a span{ font-size: 14px; line-height: 24px; } .works-end-navigation a b, .works-end-navigation a:first-of-type b{ font-size: 62px; line-height: 66px; } .works-end-navigation a::after, .works-end-navigation a::before{ width: 54px; top: 63px; } .works-end-navigation a::before{ top: 25px; } /* ============================ Contact 1960 ============================ */ .spring-io #contact-work-detail .input--filled.textarea.input--thunder-form{ background: repeating-linear-gradient(rgba(var(--color-spring-io-background),1), rgba(var(--color-spring-io-background),1) 39px, rgba(var(--color-black-white),0.18) 39px, rgba(var(--color-black-white),0.18) 40px); background-position: center 29px; } .dry-martini #contact-work-detail .input--filled.textarea.input--thunder-form{ background: repeating-linear-gradient(rgba(var(--color-dry-martini-background),1), rgba(var(--color-dry-martini-background),1) 39px, rgba(var(--color-black-white),0.18) 39px, rgba(var(--color-black-white),0.18) 40px); background-position: center 29px; } .alife #contact-work-detail .input--filled.textarea.input--thunder-form{ background: repeating-linear-gradient(rgba(var(--color-alife-background),1), rgba(var(--color-alife-background),1) 39px, rgba(var(--color-black-white),0.18) 39px, rgba(var(--color-black-white),0.18) 40px); background-position: center 29px; } .elgordo #contact-work-detail .input--filled.textarea.input--thunder-form{ background: repeating-linear-gradient(rgba(var(--color-elgordo-background),1), rgba(var(--color-elgordo-background),1) 39px, rgba(var(--color-black-white),0.18) 39px, rgba(var(--color-black-white),0.18) 40px); background-position: center 29px; } .airway-gym #contact-work-detail .input--filled.textarea.input--thunder-form{ background: repeating-linear-gradient(rgba(var(--color-airway-gym-background),1), rgba(var(--color-airway-gym-background),1) 39px, rgba(var(--color-black-white),0.18) 39px, rgba(var(--color-black-white),0.18) 40px); background-position: center 29px; } .rackethero #contact-work-detail .input--filled.textarea.input--thunder-form{ background: repeating-linear-gradient(rgba(var(--color-rackethero-background),1), rgba(var(--color-rackethero-background),1) 39px, rgba(var(--color-black-white),0.18) 39px, rgba(var(--color-black-white),0.18) 40px); background-position: center 29px; } .arewedoing #contact-work-detail .input--filled.textarea.input--thunder-form{ background: repeating-linear-gradient(rgba(var(--color-arewedoing-background),1), rgba(var(--color-arewedoing-background),1) 39px, rgba(var(--color-black-white),0.18) 39px, rgba(var(--color-black-white),0.18) 40px); background-position: center 29px; } .taloki #contact-work-detail .input--filled.textarea.input--thunder-form{ background: repeating-linear-gradient(rgba(var(--color-taloki-background),1), rgba(var(--color-taloki-background),1) 39px, rgba(var(--color-black-white),0.18) 39px, rgba(var(--color-black-white),0.18) 40px); background-position: center 29px; } .endesa #contact-work-detail .input--filled.textarea.input--thunder-form{ background: repeating-linear-gradient(rgba(var(--color-endesa-background),1), rgba(var(--color-endesa-background),1) 39px, rgba(var(--color-black-white),0.18) 39px, rgba(var(--color-black-white),0.18) 40px); background-position: center 29px; } .mixtape-01 #contact-work-detail .input--filled.textarea.input--thunder-form{ background: repeating-linear-gradient(rgba(var(--color-mixtape-01-background),1), rgba(var(--color-mixtape-01-background),1) 39px, rgba(var(--color-black-white),0.18) 39px, rgba(var(--color-black-white),0.18) 40px); background-position: center 29px; } .mixtape-02 #contact-work-detail .input--filled.textarea.input--thunder-form{ background: repeating-linear-gradient(rgba(var(--color-mixtape-02-background),1), rgba(var(--color-mixtape-02-background),1) 39px, rgba(var(--color-black-white),0.18) 39px, rgba(var(--color-black-white),0.18) 40px); background-position: center 29px; } .mixtape-03 #contact-work-detail .input--filled.textarea.input--thunder-form{ background: repeating-linear-gradient(rgba(var(--color-mixtape-03-background),1), rgba(var(--color-mixtape-03-background),1) 39px, rgba(var(--color-black-white),0.18) 39px, rgba(var(--color-black-white),0.18) 40px); background-position: center 29px; } }/* ============================== End media 1960 */ /* ========================= 2250 ========================= */ @media only screen and (min-width: 2250px) and (min-height: 980px){ /* ============================ Works Detail 2250 ============================ */ #works-detail h1{ margin-left: 300px; } #fullpage.works-fullpage .wrapper{ width: calc(92% - 360px); padding-left: calc(4% + 300px); } #fullpage.works-fullpage .description{ width: calc(76% - 360px); padding-right: 12%; padding-left: calc(12% + 300px); } #fullpage.works-fullpage .description .description-content{ max-width: 1170px; } #fullpage.works-fullpage .grid-3--2-1 .col{ width: 55.7%; } #fullpage.works-fullpage .grid-3--2-1 .col:last-child{ width: 39.3%; margin-left: 4%; } #fullpage.spring-io.works-fullpage .grid-3--2-1 .col{ width: 56.17%; } #fullpage.spring-io.works-fullpage .grid-3--2-1 .col:last-child{ width: 39.83%; } #fullpage.dry-martini.works-fullpage .grid-3--2-1 .col{ width: 56.2%; } #fullpage.dry-martini.works-fullpage .grid-3--2-1 .col:last-child{ width: 39.8%; } #fullpage.alife.works-fullpage .grid-3--2-1 .col{ width: 56.49%; } #fullpage.alife.works-fullpage .grid-3--2-1 .col:last-child{ width: 39.51%; } #fullpage.elgordo.works-fullpage .grid-3--2-1 .col{ width: 56.22%; } #fullpage.elgordo.works-fullpage .grid-3--2-1 .col:last-child{ width: 39.78%; } #fullpage.rackethero.works-fullpage .grid-3--2-1 .col{ width: 56.19%; } #fullpage.rackethero.works-fullpage .grid-3--2-1 .col:last-child{ width: 39.81%; } .hero{ height: 624px; margin-bottom: 84px; } .hero img{ max-width: 848px; margin: 172px 60px 0 300px; } .hero svg{ max-width: 848px; margin: 358px auto 0; padding-left: 300px; } .hero h1 span{ bottom: -76px; } .description{ padding-bottom: 108px; } .description h3{ padding-top: 60px; } /* ============================ Works Img-Type-1 2250 ============================ */ .works-img-type-1 .col div{ margin-top: 66px; } .works-img-type-1 .col:last-child div:first-of-type{ margin-top: 112px; } /* ============================ Works Img-Type-3 2250 ============================ */ .works-img-type-3 .wrapper{ padding-top: 76px; padding-bottom: 52px; } .works-img-type-3 div{ width: 84%; } .works-img-type-3 div img, .works-img-type-3 div:last-child img{ width: 100%; } .works-img-type-3 div:last-child{ width: 25%; margin-right: -2%; padding-left: 2%; } /* ============================ Works Img-Type-4 2250 ============================ */ .works-img-type-4 .grid-3{ max-width: 1170px; } .works-img-type-4.combi-works:nth-of-type(5){ margin-bottom: 100px; } /* ============================ Works Img-Type-5 2250 ============================ */ .works-img-type-5 .col:first-child div{ margin-top: 60px; } /* ============================ Works Img-Type-6 2250 ============================ */ .works-img-type-6 .col:first-child div{ margin-top: -492px; } .works-img-type-6 .col:last-child div{ margin-bottom: 100px; } /* ============================ Contact Work Detail 2250 ============================ */ #contact-work-detail h2{ padding: 84px 0 30px; } /* ============================ Works End Navigation 2250 ============================ */ .works-end-navigation{ padding: 62px 0 62px; } .works-end-navigation .grid-1{ max-width: 1280px; } .works-end-navigation p{ font-size: 16px; line-height: 26px; margin: 41px 0 0; } .works-end-navigation p::after{ width: 90px; height: 90px; } .works-end-navigation a span{ font-size: 16px; line-height: 26px; } .works-end-navigation a b, .works-end-navigation a:first-of-type b{ font-size: 70px; line-height: 80px; } .works-end-navigation a::after, .works-end-navigation a::before{ width: 60px; top: 75px; } .works-end-navigation a::before{ top: 33px; } }/* ============================== End media 2250 */ /* ========== Hover ========== */ @media (hover:hover){ .spring-io .portfolio:hover .portfolio-img-hover::after{ box-shadow: inset 0 12px 0 0 rgba(var(--color-spring-io-background),1), inset 12px 0 0 0 rgba(var(--color-spring-io-background),1), inset -12px 0 0 0 rgba(var(--color-spring-io-background),1); } .dry-martini .portfolio:hover .portfolio-img-hover::after{ box-shadow: inset 0 12px 0 0 rgba(var(--color-dry-martini-background),1), inset 12px 0 0 0 rgba(var(--color-dry-martini-background),1), inset -12px 0 0 0 rgba(var(--color-dry-martini-background),1); } .alife .portfolio:hover .portfolio-img-hover::after{ box-shadow: inset 0 12px 0 0 rgba(var(--color-alife-background),1), inset 12px 0 0 0 rgba(var(--color-alife-background),1), inset -12px 0 0 0 rgba(var(--color-alife-background),1); } .elgordo .portfolio:hover .portfolio-img-hover::after{ box-shadow: inset 0 12px 0 0 rgba(var(--color-elgordo-background),1), inset 12px 0 0 0 rgba(var(--color-elgordo-background),1), inset -12px 0 0 0 rgba(var(--color-elgordo-background),1); } .airway-gym .portfolio:hover .portfolio-img-hover::after{ box-shadow: inset 0 12px 0 0 rgba(var(--color-airway-gym-background),1), inset 12px 0 0 0 rgba(var(--color-airway-gym-background),1), inset -12px 0 0 0 rgba(var(--color-airway-gym-background),1); } .rackethero .portfolio:hover .portfolio-img-hover::after{ box-shadow: inset 0 12px 0 0 rgba(var(--color-rackethero-background),1), inset 12px 0 0 0 rgba(var(--color-rackethero-background),1), inset -12px 0 0 0 rgba(var(--color-rackethero-background),1); } .arewedoing .portfolio:hover .portfolio-img-hover::after{ box-shadow: inset 0 12px 0 0 rgba(var(--color-arewedoing-background),1), inset 12px 0 0 0 rgba(var(--color-arewedoing-background),1), inset -12px 0 0 0 rgba(var(--color-arewedoing-background),1); } .taloki .portfolio:hover .portfolio-img-hover::after{ box-shadow: inset 0 12px 0 0 rgba(var(--color-taloki-background),1), inset 12px 0 0 0 rgba(var(--color-taloki-background),1), inset -12px 0 0 0 rgba(var(--color-taloki-background),1); } .endesa .portfolio:hover .portfolio-img-hover::after{ box-shadow: inset 0 12px 0 0 rgba(var(--color-endesa-background),1), inset 12px 0 0 0 rgba(var(--color-endesa-background),1), inset -12px 0 0 0 rgba(var(--color-endesa-background),1); } .mixtape-01 .portfolio:hover .portfolio-img-hover::after{ box-shadow: inset 0 12px 0 0 rgba(var(--color-mixtape-01-background),1), inset 12px 0 0 0 rgba(var(--color-mixtape-01-background),1), inset -12px 0 0 0 rgba(var(--color-mixtape-01-background),1); } .mixtape-02 .portfolio:hover .portfolio-img-hover::after{ box-shadow: inset 0 12px 0 0 rgba(var(--color-mixtape-02-background),1), inset 12px 0 0 0 rgba(var(--color-mixtape-02-background),1), inset -12px 0 0 0 rgba(var(--color-mixtape-02-background),1); } .mixtape-03 .portfolio:hover .portfolio-img-hover::after{ box-shadow: inset 0 12px 0 0 rgba(var(--color-mixtape-03-background),1), inset 12px 0 0 0 rgba(var(--color-mixtape-03-background),1), inset -12px 0 0 0 rgba(var(--color-mixtape-03-background),1); } }