/* * * LAYOUT.CSS - "Geateria cioccolateria Oasi" * DESIGN BY LINOOLMOSTUDIO * */ /*__ FONTS __*/ /* LIGHT = font-family: ''; MEDIUM = font-family: ''; */ /*__ COLORS __*/ /* COLOR = color: #eb6c2a; color: rgb(235,108,42); */ /*__________________________________________________________________________________________________________________________________________________________________________*/ /* ┏┓ ┏┓ ┏━━━┓ ┏━━━┓ ┏━━━┓ ┏━━━┓ ┏━━━┓ ┃┃ ┃┃ ┃┏━━┛ ┃┏━┓┃ ┗┓┏┓┃ ┃┏━━┛ ┃┏━┓┃ ┃┗━┛┃ ┃┗━━┓ ┃┃ ┃┃ ┃┃┃┃ ┃┗━━┓ ┃┗━┛┃ ┃┏━┓┃ ┃┏━━┛ ┃┗━┛┃ ┃┃┃┃ ┃┏━━┛ ┃┏┓┏┛ ┃┃ ┃┃ ┃┗━━┓ ┃┏━┓┃ ┏┛┗┛┃ ┃┗━━┓ ┃┃┃┗┓ ┗┛ ┗┛ ┗━━━┛ ┗┛ ┗┛ ┗━━━┛ ┗━━━┛ ┗┛┗━┛ */ .head_wrapper { position: absolute; top: 0; left: 0; width: 100%; z-index: 3; } .head_i { padding: 3rem; } /*__________ HEAD LEFT __________*/ /* Head Logo */ .head_logo { display: inline-block; width: 260px; } .head_logo img { width: 100%; } /*__________ HEAD RIGHT __________*/ .head_hamburger { z-index: 4; } #menu-item-493, #menu-item-492, #menu-item-315, #menu-item-313, #menu-item-314, #menu-item-312 { display: none; } /*__________ OVERLAY __________*/ .overlay_menu { display: none; background: rgb(235,108,42); background: -moz-linear-gradient(45deg, rgba(235,108,42,1) 1%, rgba(255,163,114,1) 78%); background: -webkit-linear-gradient(45deg, rgba(235,108,42,1) 1%,rgba(255,163,114,1) 78%); background: linear-gradient(45deg, rgba(235,108,42,1) 1%,rgba(255,163,114,1) 78%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb6c2a', endColorstr='#ffa372',GradientType=1 ); position: absolute; top: 2rem; left: 2rem; overflow: hidden; width: calc(100% - 4rem); height: calc(100vh - 4rem); z-index: 2; } .overlay_i { padding: 1rem; } .box_menu { margin: .5rem; width: calc((100% / 3) - 1rem); height: calc(50vh - 4rem); } .box_menu span { font-family: 'Fogie', sans-serif; font-size: 2.4rem; color: #fff; position: relative; padding: 5%; text-align: center; } .box_menu span:after { content: ""; width: 4rem; height: .3rem; background-color: #ffae80; position: absolute; bottom: -1.5rem; left: calc(50% - 2rem); transition: .3s ease; } .box_menu:hover span:after { width: 8rem; left: calc(50% - 4rem); } .box_menu { overflow: hidden; opacity: 0; transform: scale(.9); transition: .3s ease-in-out .1s; } .box_menu .bkg_abs { transition: .4s ease-out; } .bm_1:hover .bkg_abs { transform: scale(1.1); filter: blur(2px); } .bm_2:hover .bkg_abs { transform: scale(1.1); filter: blur(2px); } .bm_3:hover .bkg_abs { transform: scale(1.1); filter: blur(2px); } .bm_4:hover .bkg_abs { transform: scale(1.1); filter: blur(2px); } .overlay_menu.active .bm_1 { opacity: 1; transform: scale(1); } .overlay_menu.active .bm_2 { opacity: 1; transform: scale(1); } .overlay_menu.active .bm_3 { opacity: 1; transform: scale(1); } .overlay_menu.active .bm_4 { opacity: 1; transform: scale(1); } .menu-menu-container { margin-bottom: 7%; } .menu_right { transform: translateX(120%); transition: 1s ease-in-out .1s; } .overlay_menu.active .menu_right { transform: translateX(0); } .menu-item a { font-family: 'Fogie', sans-serif; font-size: 4.7vw; color: #3f1c09; font-weight: 300; position: relative; display: inline-block; } .social.t_left { margin-bottom: 7%; padding-bottom: 7%; border-bottom: 1.5px solid #242424; } .menu-item a:before { content: ""; width: 0; height: 2px; background-color: #242424; position: absolute; bottom: 0; left: -.5rem; transition: .5s ease; } .menu-item a:hover:before { width: calc(100% + 1rem); } .menu_right p a:hover { } /*__________ BACK TO TOP __________*/ .back_top { display: none; position: fixed; bottom: 10px; right: 10px; width: 60px; z-index: 3; } /*__________________________________________________________________________________________________________________________________________________________________________*/ /* ┏━━━┓ ┏━━━┓ ┏━━━┓ ┏━━━━┓ ┏━━━┓ ┃┏━┓┃ ┃┏━┓┃ ┃┏━┓┃ ┃┏┓┏┓┃ ┃┏━┓┃ ┃┗━┛┃ ┃┃ ┃┃ ┃┗━┛┃ ┗┛┃┃┗┛ ┃┗━━┓ ┃┏━━┛ ┃┗━┛┃ ┃┏┓┏┛ ┃┃ ┗━━┓┃ ┃┃ ┃┏━┓┃ ┃┃┃┗┓ ┃┃ ┃┗━┛┃ ┗┛ ┗┛ ┗┛ ┗┛┗━┛ ┗┛ ┗━━━┛ */ /*__________ TITLE __________*/ .s1_title { text-align: center; } h1, h2 { background: rgb(235,108,42); background: -moz-linear-gradient(-65deg, rgba(235,108,42,1) 1%, rgba(255,163,114,1) 47%, rgba(235,108,42,1) 100%); background: -webkit-linear-gradient(-65deg, rgba(235,108,42,1) 1%,rgba(255,163,114,1) 47%,rgba(235,108,42,1) 100%); background: linear-gradient(-65deg, rgba(235,108,42,1) 1%,rgba(255,163,114,1) 47%,rgba(235,108,42,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb6c2a', endColorstr='#eb6c2a',GradientType=1 ); display: inline-block; -moz-background-clip: text; -moz-text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /*__________ TOP CALL TO ACTION FIXED __________*/ .fixed_cta { position: absolute; left: 0; background: -webkit-linear-gradient(left, rgba(235,108,42,1) 1%,rgba(255,163,114,1) 100%); background: linear-gradient(to right, rgba(235,108,42,1) 1%,rgba(255,163,114,1) 100%); padding: 1rem 10%; transition: .3s ease-in-out; z-index: 2; box-shadow: 0 10px 10px rgba(30,30,30,.1); } .fixed_cta h2 { font-size: 2.5rem; background: unset; color: #fff; -webkit-text-fill-color: #fff; padding-bottom: 1rem; display: block; transition: .3s ease-in-out; } .fixed_cta .link_w { margin-top: 0; z-index: 2; } .fixed_cta .text { transition: .3s ease; } .fixed_cta img { width: 35%; position: absolute; left: calc(60%); bottom: 0; transition: .2s ease; } .fixed_cta.fixed { position: fixed; top: 0; left: 0; padding: 1rem 10%; } .fixed_cta.fixed .text { width: 100%; display: flex; align-items: center; justify-content: center; } .fixed_cta.fixed h2 { font-size: 1.5rem; margin-right: 1rem; padding-bottom: 0; } .fixed_cta.fixed img { opacity: 0; } /*__________ LINK BUTTON __________*/ .link { background: rgb(235,108,42); background: -moz-linear-gradient(-65deg, rgba(235,108,42,1) 1%, rgba(255,163,114,1) 47%, rgba(235,108,42,1) 100%); background: -webkit-linear-gradient(-65deg, rgba(235,108,42,1) 1%,rgba(255,163,114,1) 47%,rgba(235,108,42,1) 100%); background: linear-gradient(-65deg, rgba(235,108,42,1) 1%,rgba(255,163,114,1) 47%,rgba(235,108,42,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb6c2a', endColorstr='#eb6c2a',GradientType=1 ); padding: .6rem 1.6rem; text-transform: uppercase; color: #fff; display: inline-block; margin-top: 1.5rem; background-size: 300% 100%; transition: .4s ease-in-out; } .link:hover { background-position: 100% 0; } .link_w { display: inline-block; color: #fff; border: 1px solid #fff; padding: .6rem 1.6rem; text-transform: uppercase; color: #fff; display: inline-block; margin-top: 1rem; } .link_w:hover { background-color: rgba(255,255,255,.4); } /*__________ OTHER __________*/ .cornice { margin: 2rem; border: 1px solid #eb6c2a; position: absolute; top: 0; left: 0; width: calc(100% - 4rem); height: calc(100vh - 4rem); } .sec_i.t_left.container .testo_sec p { color: #fff; } /*__________________________________________________________________________________________________________________________________________________________________________*/ /* ┏┓ ┏┓ ┏━━━┓ ┏━┓┏━┓ ┏━━━┓ ┏━━━┓ ┏━━━┓ ┏━━━┓ ┏━━━┓ ┃┃ ┃┃ ┃┏━┓┃ ┃ ┗┛ ┃ ┃┏━━┛ ┃┏━┓┃ ┃┏━┓┃ ┃┏━┓┃ ┃┏━━┛ ┃┗━┛┃ ┃┃ ┃┃ ┃┏┓┏┓┃ ┃┗━━┓ ┃┗━┛┃ ┃┃ ┃┃ ┃┃ ┗┛ ┃┗━━┓ ┃┏━┓┃ ┃┃ ┃┃ ┃┃┃┃┃┃ ┃┏━━┛ ┃┏━━┛ ┃┗━┛┃ ┃┃┏━┓ ┃┏━━┛ ┃┃ ┃┃ ┃┗━┛┃ ┃┃┃┃┃┃ ┃┗━━┓ ┃┃ ┃┏━┓┃ ┃┗┻━┃ ┃┗━━┓ ┗┛ ┗┛ ┗━━━┛ ┗┛┗┛┗┛ ┗━━━┛ ┗┛ ┗┛ ┗┛ ┗━━━┛ ┗━━━┛ */ .testo_sec.w50 p { width: 70%; } /*__________ SECTION 2 __________*/ #s2_home .bkg_sec .bkg_abs { background-image: url(../images/jpg/team.jpg); } .bkg_sec { height: 100%; width: 40%; height: 40rem; } .bkg_sec .bkg_abs { clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); transition: .5s ease-out; background-position: -400px; } .active .bkg_sec .bkg_abs{ clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%); background-position: 50%; } /*__________ SECTION 3 __________*/ #s3_home .bkg_sec .bkg_abs { background-size: contain ; background-color: transparent; clip-path: unset; background-position: 0; transform: unset; } .testo_sec .link:nth-of-type(2) { margin-left: 1rem; } .tilt { transform-style: preserve-3d; } .tilt_home_1 { transform: translateZ(20px); background-image: url(../images/png/cocco.png); } .tilt_home_2 { transform: translateZ(80px); background-image: url(../images/png/bicchiere-frutta.png); } .tilt_home_3 { transform: translateZ(120px); background-image: url(../images/png/fragole.png); } /*__________ SECTION 4 __________*/ #s4_home .bkg_abs { background-image: url(../images/jpg/cioccolato.jpg); } /*__________ SECTION 5 __________*/ #s5_home .bkg_sec .bkg_abs { background-image: url(../images/jpg/te.jpg); } /*__________ SECTION 6 __________*/ #s6_home .bkg_abs { background-image: url(../images/jpg/aperitivo.jpg); } /*__________ SECTION 7 __________*/ .s_mappa .bkg_abs.uno { background-image: url(../images/jpg/mappa.jpg); opacity: .3; } .s_mappa .bkg_abs.due { background-image: url(../images/png/pointer.png); } .s_mappa .bkg_sec .bkg_abs { background-image: url(../images/jpg/location.jpg); } .s_mappa .testo_sec { padding-right: 15%; } /*__________________________________________________________________________________________________________________________________________________________________________*/ /* ┏━━━┓ ┏━━━┓ ┏━━━┓ ┏━━━━┓ ┏━━━┓ ┏━━━┓ ┃┏━━┛ ┃┏━┓┃ ┃┏━┓┃ ┃┏┓┏┓┃ ┃┏━━┛ ┃┏━┓┃ ┃┗━━┓ ┃┃ ┃┃ ┃┃ ┃┃ ┗┛┃┃┗┛ ┃┗━━┓ ┃┗━┛┃ ┃┏━━┛ ┃┃ ┃┃ ┃┃ ┃┃ ┃┃ ┃┏━━┛ ┃┏┓┏┛ ┃┃ ┃┗━┛┃ ┃┗━┛┃ ┃┃ ┃┗━━┓ ┃┃┃┗┓ ┗┛ ┗━━━┛ ┗━━━┛ ┗┛ ┗━━━┛ ┗┛┗━┛ */ .section_premi img { width: auto; height: 100px; max-width: 90%; } .section_premi .swiper-slide { border-left: 1px solid #ccc; display: flex; align-content: center; justify-content: center; } /*__________ FOOTER CONTENT __________*/ .bkg_abs.footer { background: linear-gradient(to bottom, #fcfcfc 10%, transparent 100%), url(../images/png/texture_nero.png); -moz-background: linear-gradient(to bottom, #fcfcfc 10%, transparent 100%), url(../images/png/texture_nero.png); -webkit-background: linear-gradient(to bottom, #fcfcfc 10%, transparent 100%), url(../images/png/texture_nero.png); opacity: ; background-repeat: repeat; background-size: 60%; } .foot_logo { width: 350px; margin-bottom: 2rem; } .foot_block p, .foot_block a { font-size: 1.2rem; } .foot_block h2 { font-size: 3rem; margin-bottom: 0; } .foot_block p a { display: inline-block; } .foot_block p a:hover { color: #eb6c2a; } .social img { width: 2.8rem; margin: .3rem; transition: .2s ease; } .social img:hover { transform: scale(.9); } .credits { margin: 0 auto; margin-top: 5%; padding-top: 5%; border-top: 1px solid #999; width: 50%; } .credits a, .credits p { font-weight: 100; color: #4e4e4e; } /*__________________________________________________________________________________________________________________________________________________________________________*/ /* ┏━━━┓ ┏━━━┓ ┏━━━┓ ┏━━━┓ ┏━━━┓ ┃┏━┓┃ ┃┏━┓┃ ┃┏━┓┃ ┃┏━━┛ ┃┏━┓┃ ┃┗━┛┃ ┃┃ ┃┃ ┃┃ ┗┛ ┃┗━━┓ ┃┗━━┓ ┃┏━━┛ ┃┗━┛┃ ┃┃┏━┓ ┃┏━━┛ ┗━━┓┃ ┃┃ ┃┏━┓┃ ┃┗┻ ┃ ┃┗━━┓ ┃┗━┛┃ ┗┛ ┗┛ ┗┛ ┗━━━┛ ┗━━━┛ ┗━━━┛ */ .play { width: 5rem; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; filter: drop-shadow(0 0 10px rgba(30,30,30,.1)); } /*__________ TEMPLATE - 1 __________*/ .hero_parallax, .hero_parallax_2 { overflow: hidden; } .hero_parallax .bkg_abs, .hero_parallax_2 .bkg_abs { transition: 0s; } .page-standard .testo_sec p { margin-bottom: 1rem; } .texture { background: linear-gradient(to bottom, #fff 10%, transparent 100%), url(../images/png/texture_nero.png); -moz-background: linear-gradient(to bottom, #fcfcfc 10%, transparent 100%), url(../images/png/texture_nero.png); -webkit-background: linear-gradient(to bottom, #fcfcfc 10%, transparent 100%), url(../images/png/texture_nero.png); } #s4_10 h2 { font-size: 4rem; } .menu_gelato { width: 40rem; max-width: 100%; height: 25rem; margin: 2rem auto -5% auto; z-index: 1; position: relative; } .menu_gelato .link { background: rgb(55,38,17); background: -moz-linear-gradient(left, rgba(55,38,17,1) 1%, rgba(149,102,69,1) 47%, rgba(55,38,17,1) 100%); background: -webkit-linear-gradient(left, rgba(55,38,17,1) 1%,rgba(149,102,69,1) 47%,rgba(55,38,17,1) 100%); background: linear-gradient(to right, rgba(55,38,17,1) 1%,rgba(149,102,69,1) 47%,rgba(55,38,17,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#372611', endColorstr='#372611',GradientType=1 ); padding: .8rem 1.9rem; text-transform: uppercase; color: #fff; display: inline-block; margin-top: 1.5rem; background-size: 300% 100%; transition: .4s ease-in-out; } .menu_gelato .link:hover { background-position: 100% 0; } .filtro_gelato { width: 6rem; height: 6rem; position: relative; background-repeat: no-repeat; background-position: center; background-size: 65%; border-radius: 100px; margin: 1rem 2rem; opacity: .6; transition: .2s ease; cursor: pointer; } .filtro_creme { background-color: #6a3719; background-image: url(../images/svg/creme.svg); } .filtro_frutta { background-color: #ff7a32; background-image: url(../images/svg/frutta.svg); } .filtro_creme:after { content: "Gusti cremosi"; position: absolute; bottom: -1.6rem; width: 200px; left: -2rem; text-transform: uppercase; letter-spacing: 2px; font-weight: 100; } .filtro_frutta:after { content: "Gusti fruttati"; position: absolute; bottom: -1.6rem; width: 200px; left: -2rem; text-transform: uppercase; letter-spacing: 2px; font-weight: 100; } .filtro_gelato.active { opacity: 1; } .filtro_gelato:hover { opacity: .9; } .container_slider { height: 32rem; } .swiper-gelati-frutta, .swiper-gelati-creme { position: absolute; top: 0; left: 0; } .swiper-gelati-frutta, .swiper-gelati-creme { display: none; } .swiper-gelati-creme.active, .swiper-gelati-frutta.active { display: block; } /*__________ TEMPLATE - 2 __________*/ .contatti p a { display: inline-block; } .contatti p a:hover { color: #ff8146; } .contatti p a, .contatti p { font-size: 2rem; color: #242424; font-weight: 100; } .contatti p { margin-bottom: 1.4rem; line-height: 1.1; } .form { background-color: #ff8146; padding: 2rem; max-width: 25rem; } .form h2 { background: none; -webkit-text-fill-color: inherit; color: #fff; font-size: 3rem; display: block; text-align: center; } .ico { position: relative; padding-left: 3.5rem; } .ico:before { content: ""; position: absolute; left: 0; width: 2rem; height: 2rem; background-size: contain; background-repeat: no-repeat; background-position: center; } .ico-map:before { background-image: url(../images/svg/maps.svg); } .ico-tel:before { background-image: url(../images/svg/tel.svg); } .ico-mail:before { background-image: url(../images/svg/mail.svg); } /*__________________________________________________________________________________________________________________________________________________________________________*/ /* ┏━━━┓ ┏━━━┓ ┏━━━┓ ┏┓ ┏┓ ┏━━┓ ┏┓ ┏┓ ┏━━━┓ ┃┏━┓┃ ┃┏━┓┃ ┃┏━┓┃ ┃┃ ┃┃ ┗┫┣┛ ┃┗┓┏┛┃ ┃┏━━┛ ┃┃ ┃┃ ┃┗━┛┃ ┃┃ ┗┛ ┃┗━┛┃ ┃┃ ┗┓┃┃┏┛ ┃┗━━┓ ┃┗━┛┃ ┃┏┓┏┛ ┃┃ ┏┓ ┃┏━┓┃ ┃┃ ┃┗┛┃ ┃┏━━┛ ┃┏━┓┃ ┃┃┃┗┓ ┃┗━┛┃ ┃┃ ┃┃ ┏┫┣┓ ┗┓┏┛ ┃┗━━┓ ┗┛ ┗┛ ┗┛┗━┛ ┗━━━┛ ┗┛ ┗┛ ┗━━┛ ┗┛ ┗━━━┛ */ /*__________ SECTION 1 __________*/ .s3_archive .card-prodotti { width: calc(25% - 2rem); margin: 1rem; float: left; } .s3_archive .card-prodotti p { line-height: 1.3; } /*__________________________________________________________________________________________________________________________________________________________________________*/ /* ┏━━━┓ ┏━━━┓ ┏┓ ┏┓ ┏━━━┓ ┏━━━┓ ┏━━━┓ ┃┏━┓┃ ┃┏━┓┃ ┃┃ ┃┃ ┃┏━━┛ ┗┓┏┓┃ ┃┏━━┛ ┃┗━━┓ ┃┃ ┗┛ ┃┗━┛┃ ┃┗━━┓ ┃┃┃┃ ┃┗━━┓ ┗━━┓┃ ┃┃ ┏┓ ┃┏━┓┃ ┃┏━━┛ ┃┃┃┃ ┃┏━━┛ ┃┗━┛┃ ┃┗━┛┃ ┃┃ ┃┃ ┃┗━━┓ ┏┛┗┛┃ ┃┗━━┓ ┗━━━┛ ┗━━━┛ ┗┛ ┗┛ ┗━━━┛ ┗━━━┛ ┗━━━┛ */ /*__________ CARD __________*/ .card-gelati-i{ height: 26.5rem; } .card-prodotti-i { height: 31rem; } .rotate { transition: .4s ease; width: 100%; } .card-gelati-i, .card-prodotti-i { padding: 1.5rem; opacity: 0; transition: .4s ease; background-color: #fff; transform: rotateY(180deg); box-shadow: 0 0 10px rgba(30,30,30,.1); border-right: 6px solid orange; border-bottom: 6px solid orange; } .cat { text-transform: uppercase; margin-bottom: 1.5rem; padding-bottom: .5rem; border-bottom: 2px solid #242424; } .card-gelati-i h2, .card-prodotti-i h2 { font-size: 2.2rem; padding-bottom: 1rem; } .card-gelati-i p, .card-prodotti-i p { font-size: .9rem; } .card-gelati:hover .rotate, .card-prodotti:hover .rotate { transform: rotateY(180deg); } .card-gelati:hover .card-gelati-i, .card-prodotti:hover .card-prodotti-i { opacity: 1; } .nav { position: absolute; bottom: 0; width: 5rem; height: 1rem; z-index: 1; background-size: contain; } .nav_prev { left: 1rem; background-image: url(../images/svg/nav_prev.svg); } .nav_next { right: 1rem; background-image: url(../images/svg/nav_next.svg); } .card-prodotti .cat { text-transform: uppercase; margin-bottom: 2rem; padding-bottom: 1.2rem; border-bottom: 2px solid #242424; } .card-prodotti p { line-height: 1.1; } .card-prodotti a.link_post { margin-top: .5rem; position: relative; display: inline-block; font-weight: 700; } .card-prodotti a.link_post:before { content: ""; width: 0; height: 1px; background-color: #242424; position: absolute; bottom: 0; left: -.5rem; transition: .5s ease; } .card-prodotti a.link_post:hover:before { width: calc(100% + 1rem); } .card_info { position: absolute; bottom: 0; left: 0; width: 100%; padding: 1rem; background-color: #ff8146; } .card_info h2 { background: none; -webkit-text-fill-color: inherit; font-size: 2rem; color: #242424; padding-bottom: 0.5rem; } .card_info p { color: #242424; } .card_info .prezzo { margin-top: .8rem; font-size: 1.4rem; } .card_info hr { border: none; border-bottom: 1px solid #242424; } img.plus { display: none; } .prezzo { float: left; } .card_info img { width: 2rem; filter: brightness(0); float: right; margin-top: .8rem; } /*__________ CARD EMPTY __________*/ .s3_archive .rotate { background-color: #fff1d6; border-radius: 20px; } .s3_archive .bkg_png { width: 100%; height: 26rem; background-position: center; background-size: contain; background-repeat: no-repeat; position: absolute; top: 0; filter: drop-shadow(2px 4px 6px black); } .s3_archive .card-prodotti-i, .s3_archive .card_info { border-radius: 0px 0px 20px 20px; } h2.screen-reader-text { display: none; } .meta-nav { display: none; } .nav-links { display: flex; align-items: center; justify-content: center; margin-top: 2rem; } .page-numbers { margin: 0 15px; } .next.page-numbers, .prev.page-numbers { display: none; } .page-numbers { margin: 0 .5rem; border: 1px solid #ff8146; justify-content: center; padding: 8px; border-radius: 50px; width: 2rem; height: 2rem; display: flex; align-items: center; } .page-numbers.current { background-color: #ff8146; color: #fff; font-family: 'Comfortaa', sans-serif; } /*__________________________________________________________________________________________________________________________________________________________________________*/ /* ┏━━━┓ ┏━━┓ ┏━┓ ┏┓ ┏━━━┓ ┏┓ ┏━━━┓ ┃┏━┓┃ ┗┫┣┛ ┃ ┗┓┃┃ ┃┏━┓┃ ┃┃ ┃┏━━┛ ┃┗━━┓ ┃┃ ┃┏┓┗┛┃ ┃┃ ┗┛ ┃┃ ┃┗━━┓ ┗━━┓┃ ┃┃ ┃┃┗┓ ┃ ┃┃┏━┓ ┃┃ ┏┓ ┃┏━━┛ ┃┗━┛┃ ┏┫┣┓ ┃┃ ┃ ┃ ┃┗┻ ┃ ┃┗━┛┃ ┃┗━━┓ ┗━━━┛ ┗━━┛ ┗┛ ┗━┛ ┗━━━┛ ┗━━━┛ ┗━━━┛ */ /*__________ SECTION 1 __________*/ .s1_title .breadcrumbs li, .s1_title .breadcrumbs a { color: #fff; display: inline-block; font-size: .9rem; color: #fff; margin-left: .5rem; } .s1_title .breadcrumbs li { margin-left: .5rem; } /*__________ SECTION 2 __________*/ /*__________________________________________________________________________________________________________________________________________________________________________*/ /* ┏━━━┓ ┏━━━┓ ┏━━━┓ ┏━┓┏━┓ ┃┏━━┛ ┃┏━┓┃ ┃┏━┓┃ ┃ ┗┛ ┃ ┃┗━━┓ ┃┃ ┃┃ ┃┗━┛┃ ┃┏┓┏┓┃ ┃┏━━┛ ┃┃ ┃┃ ┃┏┓┏┛ ┃┃┃┃┃┃ ┃┃ ┃┗━┛┃ ┃┃┃┗┓ ┃┃┃┃┃┃ ┗┛ ┗━━━┛ ┗┛┗━┛ ┗┛┗┛┗┛ */ /*__________ FORM CONTATTI __________*/ #form input, #form textarea { background-color: transparent; color: #fff; border: none; border-bottom: 1px solid #fff; font-size: .9rem; } #form input::placeholder, #form textarea::placeholder { color: #fff; } #form .wpforms-field-label-inline a { color: #fff; display: inline-block; font-weight: 600; } #form .wpforms-field-label-inline { color: #fff; } #form .wpforms-submit { width: 100%; background-color: #fff; color: #ff8146; padding: 1rem; text-transform: uppercase; text-align: center; } .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) { background: #fff !important; border: 1px solid #1e1e1e !important; } .wpforms-confirmation-container-full p { color: #1e1e1e !important; text-align: center !important; } /*__________________________________________________________________________________________________________________________________________________________________________*/ /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*__________________________________________________________________________________________________________________________________________________________________________*/ /* ┏━━━┓ ┏━┓┏━┓ ┏━━━━┓ ┏━━━┓ ┏━━━┓ ┃┏━━┛ ┗┓┗┛┏┛ ┃┏┓┏┓┃ ┃┏━┓┃ ┃┏━┓┃ ┃┗━━┓ ┗┓┏┛ ┗┛┃┃┗┛ ┃┗━┛┃ ┃┃ ┃┃ ┃┏━━┛ ┏┛┗┓ ┃┃ ┃┏┓┏┛ ┃┗━┛┃ ┃┗━━┓ ┏┛┏┓┗┓ ┃┃ ┃┃┃┗┓ ┃┏━┓┃ ┗━━━┛ ┗━┛┗━┛ ┗┛ ┗┛┗━┛ ┗┛ ┗┛ */ /*__ FONTS __*/ /* LIGHT = font-family: ''; MEDIUM = font-family: ''; */ /*__ COLORS __*/ /* COLOR = color: #; color: rgba(); */ /*__________ THANK YOU PAGE __________*/ /*__________ 404 PAGE __________*/ /*__________ PRIVACY PAGE __________*/ .s1.s1_page.s1_privacy .s1_title { text-align: center; padding: 5%; } .s1.s1_page.s1_privacy .s1_title p { padding-top: 2.5%; } /*__________ CSS AGGIUNTIVO O MODIFICHE __________*/ /*__________ ADD TO CART __________*/ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } .quantity input { width: 55px; height: 43px; line-height: 1.65; float: left; display: block; padding: 0; margin: 0; padding-left: 10px; border: 1px solid #eee; font-size: 0.9rem; } .quantity input:focus { outline: 0; } .quantity-nav { float: left; position: relative; height: 42px; } .quantity-button { position: relative; cursor: pointer; border-left: 1px solid #eee; width: 20px; text-align: center; color: #333; font-size: 13px; font-family: 'Spartan', sans-serif; line-height: 1.7; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .quantity-button.quantity-up { position: absolute; height: 50%; top: 0; border-bottom: 1px solid #eee; } .quantity-button.quantity-down { position: absolute; bottom: -1px; height: 50%; } .quantity { display: block; margin-bottom: 20px; } .select_quantity { position: relative; width: auto; float: left; margin-right: 10px; } .increment { position: relative; float: left; } .select_quantity p { margin: 0px; font-family: 'Spartan', sans-serif; font-size: 15px; line-height: 1.2; } p.add_to_cart { display: inline-block; position: relative; padding: 10px 15px; margin: 0px; border: 1px solid #242424; background-color: #ea736e; color: #fff; font-family: 'Spartan', sans-serif; font-size: 0.8rem; line-height: 1.3; text-transform: uppercase; transition: .3s ease; overflow: hidden; } p.add_to_cart:hover { cursor: pointer; background-color: rgba(234, 115, 110, 0.6); } .card_selector { margin-top: 8%; } .add_item, .remove_item { font-family: 'Spartan', sans-serif; display: block; float: left; line-height: 1; font-size: 1rem; text-align: center; width: 20px; border: 1px solid #fff; text-decoration: none; color: #fff; } .add_item { border-right: 0px; } .cart_qty { margin-left: .7rem; } .select_quantita { margin-right: .7rem; } .form p, .form span, .div_list { color: #fff; font-family: 'Spartan', sans-serif; font-size: .8rem; } .div_list { margin-top: .5rem; } .quantity_text { margin-top: 7%; margin-bottom: 1.5rem; padding-bottom: .8rem; border-bottom: 1px solid #fff; }