/* Theme Name: Health Marketing Version: 1.0.0 Author: Health Marketing Author URI: https://healthmarketing.gr/ Template: hello-elementor width: 1366 breakpoints: 1024, 767 */ body:not(.elementor-editor-active) .top-only { display: none; } :root { --yellow:#FFB600; } /* rgba(255, 182, 0, .53) #FFB60087 */ .yellow { color:var(--yellow); } :root { --green:#767B37; } /* 696E30 686f2f */ .green { color:var(--green); } :root { --light-green:rgba(159, 171, 103, .3); } /* #9fab674d */ .light-green { color:var(--light-green); } :root { --brown:#572931; } /* brown 572a31 */ .brown { color:var(--brown); } :root { --red:#572931; } .red { color:var(--red); } :root { --grey:#e6e7e8; } .grey { color:var(--grey); } :root { --black:#151616; } /* WAS 231F20 */ .black { color:var(--black); } ::selection { text-shadow:none; background-color:var(--green); color:#fff; } img { color:transparent; } body { min-width:360px; overflow-y:auto; padding:0 50px; } body:not([class*="elementor-page-"]) .site-main { width:95%; max-width:1366px; padding:40px 0 100px; } body:not([class*="elementor-page-"]) h1 { margin-bottom:30px; font-size: 1.8em; } @media (max-width: 767px) { body:not([class*="elementor-page-"]) .site-main { padding:20px 0 80px; } body:not([class*="elementor-page-"]) h1 { margin-bottom: 20px; font-size: 1.6em; } } .full-width { width:calc(100% + 100px); max-width:calc(100% + 100px) !important; margin-left: -50px; } @media (max-width:767px) { body { padding:0 30px; } .full-width, .full-mob { width:calc(100% + 60px); max-width:calc(100% + 60px) !important; margin-left: -30px; overflow-y: hidden; } } .w1270 { max-width:1270px; margin:0 auto; } .w1150 { max-width:1150px; margin:0 auto; } .rel, .rel > .e-con-inner { position: relative; } .n-wr { white-space:nowrap; } /* ASSETS */ .m0, .m0 p { margin:0; } .multi-p p:last-child { margin-bottom:0 !important; } .med { font-weight:500; } .txt-center { text-align:center ; } ul, ol { padding:0 0 0 1em; /*margin-block-end: .9rem;*/ } .sb { font-weight:600; } .d-none { display:none; } @media (max-width:1366px) { .d-lg { display:none !important; } } @media (max-width:1366px) { .lg-d-none { display:none !important; } } @media (max-width:1023px) { .md-d-none { display:none !important; } .md-600, .md-600 * { font-weight:600 !important; } .md-500, .md-500 * { font-weight:500 !important; } .md-400, .md-400 * { font-weight:400 !important; } } @media (max-width:767px) { .sm-d-none { display:none !important; } .sm-600, .sm-600 * { font-weight:600 !important; } .sm-500, .sm-500 * { font-weight:500 !important; } .sm-400, .sm-400 * { font-weight:400 !important; } } @media (min-width:1024px) { .d-md { display:none !important; } } @media (min-width:768px) { .d-sm { display:none !important; } } @media(max-width:499px){ .mob750 { display:none; } .mob350 { display:flex; } } @media(min-width:500px) and (max-width:767px) { .mob750 { display:flex; } .mob350 { display:none; } } .shadow, .shadow-btn .elementor-button { box-shadow:4px 4px 20px 0px rgba(0, 0, 0, 0.15); } img.shadow-img, .shadow-img img { filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.4)); } .stroked::before, .stroked::after { content: ""; display: inline-block; width:4.5em; height:.4em; border-top:2px solid; } .stroked::before { margin-right:1em; } .stroked::after { margin-left:1em; } @media (max-width:767px) { .stroked { display:inline; } .stroked::before, .stroked::after { display:none; } } .stroked-full { width:100%; text-align:center; } .stroked-full .elementor-heading-title, .stroked-full img { position:relative; background-color:#fff; padding:0 min(40px, 4vw); z-index:1; } .stroked-full::before, .stroked-full::after { content: ""; position:absolute; display:inline-block; width:50%; height:100%; transform:translateY(50%); border-top:2px solid; } .stroked-full::before { left:0; } .stroked-full::after { right:0; } .stroked-right .elementor-heading-title { background-color:#fff; width:fit-content; padding-right:20px } .stroked-right:after { content:""; display: inline-block; width:100%; height:100%; position: absolute; left:0; border-top:2px solid; transform: translateY(-40%); z-index: -1; } .grey-btn .elementor-button, #cv_form button, #contact_form button, .e-loop__load-more .elementor-button { min-width:250px; padding:12px 25px; font-size:18px; font-weight:500; fill:var( --e-global-color-text ); color:var( --e-global-color-text ); background-color:transparent; background-image:linear-gradient(180deg, #FFFFFF 0%, #E5E6E7 100%); box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.3); border-radius:34px; } .grey-btn.big-btn .elementor-button,#cv_form button { padding:20px 35px; font-size:22px; font-weight:600; } .grey-btn .elementor-button:hover, .grey-btn .elementor-button:focus, #cv_form button:hover, #contact_form button:hover, .e-loop__load-more .elementor-button:hover, .e-loop__load-more .elementor-button:focus { color: var( --e-global-color-secondary ); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); } .grey-btn .elementor-button .elementor-button-text::after, #cv_form button span.elementor-button-text::after, .e-loop__load-more .elementor-button span.elementor-button-text::after { content:"ยป"; position: relative; top:-2px; left:8px; transition:left 0.2s ease-out; } .grey-btn .elementor-button:hover .elementor-button-text::after, #cv_form button:hover span.elementor-button-text::after, .e-loop__load-more .elementor-button:hover span.elementor-button-text::after { left:12px; } @media (max-width:1023px) { .grey-btn .elementor-button, .e-loop__load-more .elementor-button { min-width:0; font-size:17px; } .grey-btn.big-btn .elementor-button, #cv_form button, #contact_form button { min-width:200px; padding:12px 20px 14px; font-size:18px; } } /*.fs24 { font-size:24px; font-weight:600; }*/ /* reveal */ body:not(.elementor-editor-active) .reveal { /*display:inline-block; overflow:hidden;*/ white-space:nowrap; opacity:0; } body:not(.elementor-editor-active) .reveal.in-view { opacity:1 !important; } .reveal_L2R.in-view { animation:reveal_L2R 2s; } @keyframes reveal_L2R { 0% { clip-path: inset(0 100% 0 0); } 100% { clip-path: inset(0 0 0 0); } } .reveal_T2B.in-view { animation:reveal_T2B 2s; } @keyframes reveal_T2B { 0% { clip-path: inset(0 0 100% 0); } 100% { clip-path: inset(0 0 0 0); } } .reveal_R2L.in-view { animation:reveal_R2L 2s; } @keyframes reveal_R2L { 0% { clip-path: inset(0 0 0 100%); } 100% { clip-path: inset(0 0 0 0); } } /* elementor overrides */ @keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0,10%,0); } 100% { opacity: 1; transform: none; } } /*.animated { animation-duration: 0.75s; } .slideInDown { animation-name: slideInDown; } @keyframes slideInDown { 0% { transform: translate3d(0,-100%,0); visibility: visible; } 100% { transform: translate3d(0,0,0); } } .zoomIn { animation-name:zoomIn } @keyframes zoomIn { from { opacity:0; transform:scale3d(.3,.3,.3) } 50% { opacity:1 } }*/ /*.taste { text-align:center; padding:20px 0; background:url('/wp-content/uploads/2025/06/taste-yellow.webp') no-repeat center 10px; background-size:80%; }*/ /*.taste { text-align:center; } .taste::after { content:url('/wp-content/uploads/2025/06/taste-yellow.webp'); position:absolute; top:0; left:0; bottom:0; right:0; z-index:-1; }*/ /*.taste::after { content: "TASTE GOOD LIFE"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; line-height: 1em; font-size: max(50px, 5vw); font-weight: 900; color: #ffb600; opacity:.25; transform: translateY(-25%); }*/ /*.taste h2 { color:#572a31; font-weight:900; } @media (max-width:600px) { .taste { background-size:100%; } }*/ /*.taste h2::after { content:"TASTE GOOD LIFE"; width:100%; height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -53%); color:var(--yellow); font-size:1.8em; font-weight:900; letter-spacing:.06em; white-space:nowrap; opacity:.25; z-index:-1; }*/ /*.taste2 h2 { color:var(--yellow); font-size:1.8em; font-weight:900; letter-spacing:.06em; opacity:.25; z-index:-1; }*/ /*https://aggelakis.healthmarketing.gr/wp-content/uploads/2025/06/taste-yellow.webp*/ .grad-bg-yellow > .e-con-inner { background-color:transparent; background-image:linear-gradient(180deg, #FFB6006E 0%, #FFB60000 43%); border-radius:100px 100px 0 0; } .grad-bg-grey > .e-con-inner { background-color:transparent; background-image:linear-gradient(180deg, #DCDDDE6E 0%, #DCDDDE00 43%); border-radius:100px 100px 0 0; } .radius { border-radius:67px; } .hero-radius img { border-radius:0 7.3vw; } .hero-full-radius img { border-radius:7.3vw; } @media (max-width:1280px) { .grad-bg-yellow > .e-con-inner, .grad-bg-grey > .e-con-inner { border-radius:70px 70px 0 0; } .radius { border-radius:50px; } } @media (max-width:767px) { .grad-bg-yellow > .e-con-inner, .grad-bg-grey > .e-con-inner { border-radius:36px 36px 0 0; } .radius { border-radius:40px; } /* .hero-radius img { border-radius:0 0 7.3vw 7.3vw; }*/ } .top-left-color { position:relative; display:inline-block; } .top-left-color img { position:relative; display:block; z-index:2; border-radius:0 75px; } .top-left-color::before { content:""; position:absolute; left:0; bottom:0; width:100%; height:100%; z-index:1; border-radius:0 86px; opacity:0; transition: all 0.5s ease-out; } .top-left-color.yellow::before { background-color:var(--yellow); } .top-left-color.green::before { background-color:#9fab67bf; } .top-left-color.in-view::before { opacity:1; left:-22px; bottom:18px; width:calc(100% + 22px); height:calc(100% + 4px); transition-delay:.2s; } @media (max-width:767px) { .top-left-color img { border-radius:0 50px; } .top-left-color::before { border-radius:0 61px; } .top-left-color.in-view::before { left:-12px; bottom:2px; width:calc(100% + 12px); height:calc(100% + 10px); } } /* double yellows */ .top-left-yellows { position:relative; display:inline-block; } .top-left-yellows img { position:relative; display:block; z-index:2; border-radius:75px 0; } .top-left-yellows::before, .top-left-yellows::after { content:""; position:absolute; left:0; bottom:0; width:85%; height:calc(100% + 18px); background-color:rgba(255, 182, 0, 0.53); z-index:1; opacity: 0; transition: all 0.5s ease-out; } .top-left-yellows::before { border-radius:86px 0; } .top-left-yellows::after { border-radius:100px 0; } .top-left-yellows::before { opacity:1; left:-18px; bottom:0; transition-delay:.2s; } /* was .in-view */ .top-left-yellows::after { opacity:1; left:-36px; bottom:20px; transition-delay:.2s; } /* was .in-view */ /* section titles */ .section-title { position:relative; width:fit-content; min-width:250px; max-width:90%; margin:0 auto; opacity:0; visibility:hidden; transition:opacity 0.4s ease, transform 1s ease; } .section-title.ready { opacity: 1; visibility:visible; /*filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.5));*/ transform:translateY(-50%); } .masked-title { min-width:350px; position:relative; background:linear-gradient(to bottom, #fff, #d0d0d0); z-index:2; } .masked-color { position:absolute; top:0px; width:100%; height:100%; z-index:1; background: #ffb600; transition:transform 0.5s ease 0.2s; } .section-title.green .masked-color { background:#9fab67; } .section-title.red .masked-color { background:#fe3b1f; } .title-shadow { position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index:2; filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.5)); } .title-shadow svg { width:100%; height:100%; } .masked-title, .masked-color { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .masked-title.alt-shape, .masked-color.alt-shape { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); } .section-title.color-ready .color-left { transform:translateX(-30px); } .section-title.color-ready .color-right { transform:translateX(30px); } .masked-title > div { padding:15px 37px 17px 35px; text-align:center; } .section-title h2 { font-size:28px; font-weight:600; margin: 0; color:#333; } @media (max-width:1024px) { .masked-title { min-width:300px; } .section-title h2 { font-size:24px; } } @media (max-width:767px) { .section-title { min-width:220px; } .masked-title { min-width:0; } .masked-title > div { padding:8px 25px 10px 22px; } .section-title h2 { font-size:20px; } .top-left-yellows::before, .top-left-yellows::after { height: calc(100% + 10px); } .top-left-yellows.in-view::before { left:-10px; } .top-left-yellows.in-view::after { left: -20px; bottom: 10px; } } body.elementor-editor-active .section-title { opacity:1; visibility:visible; transform:translateY(-50%); filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.2)); } /* icon headings */ .icon-heading .elementor-icon-box-wrapper { /*max-width:fit-content;*/ min-height:113px; padding:30px 30px 30px 135px; } .icon-heading .elementor-icon-box-wrapper::before { content:""; position:absolute; bottom:10px; left:42px; width:calc(100% - 42px); height:82%; background-color:transparent; background-image:linear-gradient(180deg, #e5e6e7 0%, #f0f1f1 50%); border-radius:18px; box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.3); z-index: -1; } .icon-heading .elementor-icon-box-icon { position:absolute; top:0; left:0; } .icon-heading .elementor-icon { font-size:113px; } /*.icon-heading.elementor-position-left .elementor-icon-box-icon { margin-right:30px; }*/ .icon-heading .elementor-icon-box-title { display:flex; align-items:center; min-height:60px; font-size:24px; line-height:1.25; font-weight:600; text-align:left; } @media (max-width:1280px) { .icon-heading .elementor-icon-box-title { font-size:max(22px, 2vw); } } @media (max-width:767px) { .icon-heading .elementor-icon-box-wrapper { min-height:80px; padding:22px 22px 22px 85px; } .icon-heading .elementor-icon-box-wrapper::before { left:16px; width:calc(100% - 16px); } .icon-heading .elementor-icon { font-size:70px; } .icon-heading .elementor-icon-box-title { font-size:19px; font-weight:500; line-height:1.1; } } /* awards */ .awards .elementor-shortcode { display:flex; flex-direction:row; justify-content:space-evenly; gap:50px 38px; flex-wrap:wrap; } .awards .elementor-shortcode > div { /*max-width:40%;*/ text-align:center; } .awards .award-txts { font-size:14px; line-height:1.4; } .awards .award-txt1 { color:#000; font-weight:800; } .awards .award-txt2 { color:#686f2f; font-size:13px; font-weight:800; } .awards .award-txt3 { font-weight:600; line-height:1.1; } .awards div[data-dir="h"] { display:flex; align-items:center; gap:10px; } .awards div[data-dir="h"] .award-txts { white-space:nowrap; text-align:left; } /* HEADER */ header { position:relative; z-index:101; } ul.sub-menu { min-width:100% !important; } #burger, #header-back-btn { display:none; } /* products back */ /* parents */ body.parent-pageid-2861 #header-back-btn, body.parent-pageid-18080 #header-back-btn, /* templates */ body.elementor-page-11969 #header-back-btn, body.elementor-page-12208 #header-back-btn, body.elementor-page-14077 #header-back-btn, body.elementor-page-20253 #header-back-btn { display:flex; } /*#top-logo { max-width: 254px; }*/ @media (min-width:1400px) { .menu-top { display:flex; } .menu-btm { display:none; } } @media (max-width:1399px) { .menu-top { display:none; } .menu-btm { display:flex; } #header-back-btn .elementor-icon-box-content { display:none; } } @media (min-width:1069px) { .no-big { display:none; } } @media (max-width:1070px) { .menu-top, .menu-btm, .no-small { display:none !important; } #header-top > .e-con-inner { flex-wrap: wrap; padding-top:20px; } #header-top > .e-con-inner > div { width:100%; } #top-logo { order:2; justify-content:space-between; } #burger { display:flex; } } /*@media (max-width:634px) { #super-badge-mob { display:none !important; } }*/ .menu-btm:not(.fixed) .fixed-hen { display:none; } .menu-btm.fixed { display:flex; position:fixed; top:0; left:0; z-index:999; padding:10px 0 5px; background-color:rgba(255, 255, 255, 0.95); box-shadow:0 1px 2px rgba(0, 0, 0, 0.05); animation:slide-down 0.8s; } .lang-switcher h5 { margin:0; } .lang-switcher.header h5 { margin-bottom:12px; } .lang-switcher:not(.footer) h5 { color:var(--green); } .current-lang:hover { cursor:default; color:inherit !important; } .lang-switcher.footer, .lang-switcher.footer a, .lang-switcher.footer a.current-lang:hover { font-size:21px; color:var(--e-global-color-text) !important; } .lang-switcher.footer a:not(.current-lang):hover { color:#fff !important; } @media (max-width:767px) { .lang-switcher.header h5 { margin:0 2px; font-size:18px; } .lang-switcher.header .lang-link.current-lang, .lang-switcher.header .lang-separator { display:none; } } /*#fixed-menu.sticky { position:fixed; top:0; left:0; z-index:999; padding:10px !important; background-color:rgba(255, 255, 255, 0.95); box-shadow:0 1px 2px rgba(0, 0, 0, 0.05); border-bottom:none; animation:slide-down 0.8s; }*/ @keyframes slide-down { 0% { transform:translateY(-100%); } 100% { transform:translateY(0); } } #top-menu > nav > ul > li:first-child > a { padding-left:0; } #top-menu > nav > ul > li:last-child > a { padding-right:0; } ul.elementor-nav-menu--dropdown a, ul.elementor-nav-menu--dropdown a:focus, ul.elementor-nav-menu--dropdown a:hover { border:0px solid transparent; } /* HOME */ /* sliding heading */ .sliding_heading { display:flex; flex-direction:row; } .sliding_heading > div { width:50%; display:flex; align-items:center; } .sliding_heading-L { justify-content:flex-end; padding-right:40px; border-right:3px solid var(--yellow); } .sliding_heading-R { justify-content:flex-start; padding-left:40px; } .sliding_heading h2 { margin:0; padding:20px 0; font-size:44px; color:var(--green); } .sliding_heading h3 { margin:0; font-size:28px; color:var(--red); } @media (max-width:1365px) { .sliding_heading-L { padding-right:30px; } .sliding_heading-R { padding-left:30px; } .sliding_heading h2 { padding:12px 0; font-size:35px; } .sliding_heading h3 { font-size:24px; } } @media (max-width:1024px) { .sliding_heading-L { padding-right:20px; } .sliding_heading-R { padding-left:20px; } .sliding_heading h2 { padding:12px 0; font-size:30px; } .sliding_heading h3 { font-size:20px; } } @media (max-width:767px) { .sliding_heading h2 { padding:20px 0; font-size:44px; } .sliding_heading h3 { font-size:28px; } } /* VIDEO */ /*#video { position:relative; }*/ .sound_control { position: absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; } .sound-off { display:none; } .sound-on, .sound-off { position:absolute; top:36px; right:30px; width:32px; height:32px; cursor:pointer; } .sound-on svg, .sound-off svg { width:32px; height:32px; } .sound-on svg path { fill:var(--yellow); } .sound-off svg path { fill:var(--yellow); } .sound-on:hover svg path, .sound-off:hover svg path { fill:var(--green); } @media (max-width:767px) { .sound_control { top:-20px; left:100%; width:26px; height:26px; } } /* HISTORY */ /*#timeline .milestone { position: relative; width: fit-content; } #timeline svg { width:97px; height:auto; aspect-ratio: 97 / 117; } #timeline .milestone-content { position:absolute; top:22px; } #timeline h3 { font-size:28px; font-weight:500; color:var(--green); } #timeline p { font-size:16px; line-height:1.3; } */ /* MEMBERS */ /*#team-moto-mob > .elementor-widget-text-editor::before { content: url('/wp-content/uploads/2025/06/quotes-green.svg'); position:absolute; top:-20px; left:-20px; width:50px; height:auto; } #team-moto-mob > .elementor-widget-text-editor::after { content: url('/wp-content/uploads/2025/06/quotes-green.svg'); position:absolute; bottom:-20px; right:-20px; width:50px; height:auto; transform:rotate(180deg); }*/ #team-moto-mob { max-width:500px; } #team-moto-mob::before { content:''; position:absolute; top:-5px; left:-10px; width:40px; height:40px; background: url('/wp-content/uploads/2025/06/quotes-green.svg') center no-repeat; background-size: contain; } #team-moto-mob::after { content:''; position:absolute; bottom:-5px; right:-10px; width:40px; height:40px; background: url('/wp-content/uploads/2025/06/quotes-green.svg') center no-repeat; background-size:contain; transform:rotate(180deg); } .member-img { display: inline-block; width:20vw; max-width:200px; min-width:150px; filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.4)); } .member-img > div.elementor-widget-image { display: inline-block; width: 100%; aspect-ratio: 1 / 1; padding:5%; box-sizing:border-box; background-color: transparent; background-image: linear-gradient(180deg, #FFFFFF 0%, #DBDCDC 100%); -webkit-mask-image: url("data:image/svg+xml;utf8,"); -webkit-mask-size: contain; -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; mask-image: url("data:image/svg+xml;utf8,"); mask-size: contain; mask-position: center center; mask-repeat: no-repeat; } .member-img > div.elementor-widget-image img { display:block; width:100%; height:100%; object-fit:cover; -webkit-mask-image: url("data:image/svg+xml;utf8,"); -webkit-mask-size: contain; -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; mask-image: url("data:image/svg+xml;utf8,"); mask-size: contain; mask-position: center center; mask-repeat: no-repeat; } @media (max-width:767px) { .member-img { position:relative !important; } } .member-quote { min-width:100%; } .member-quote::before { content: url('/wp-content/uploads/2025/06/team-quote.svg'); position:absolute; top:0; left:-5px; } .member-quote::after { content: url('/wp-content/uploads/2025/06/team-quote.svg'); position:absolute; bottom:0; right:-5px; transform:rotate(180deg); } /*.member-quote::before { content: url('data:image/svg+xml;utf8, '); position:absolute; top:0; left:0; } .member-quote path { fill:#572a31; }*/ .elementor-widget-loop-grid.e-load-more-pagination-loading .e-load-more-spinner svg { display:block; margin-top:60px; width:30px; height:auto; } /* PRODUCTS */ :root{ --aw: 180px; } :root{ --ah: 425px; } .arched { position: relative; height: var(--ah); } .arcSVG { position:absolute; width:var(--aw); height:var(--ah); } .arcL .arcSVG { right:0; } .arcR .arcSVG { left:0; } .arched .elementor-widget-icon-box { position:absolute; width: fit-content; background-color: transparent; padding:5px 2px; background-image: linear-gradient(90deg, #E8E8E8 0%, #DBDBDB 100%); border-radius:50px; transform:translateY(-50%); } .arcL .elementor-widget-icon-box { padding-left:40px; } .arcR .elementor-widget-icon-box { padding-right:40px; } .arched .elementor-icon-box-wrapper { text-align: left; } /*.arched .elementor-icon-box-icon { margin-left:10px; }*/ .arched .elementor-icon-box-content { ax-width: fit-content; } .arched .elementor-icon-box-description { font-size: max(15px, .83vw); font-weight: 500; line-height: 1.1em; } /*.bullet1, .bullet2, .bullet3, .bullet4, .bullet5, .bullet6, .bullet7, .bullet8 { position: absolute; }*/ .bullet1 { top:0; right:0; } .bullet2 { top: calc(var(--ah) * .33); right:calc(var(--aw) - 50px); } .bullet3 { top: calc(var(--ah) * .66); right:calc(var(--aw) - 50px); } .bullet4 { top:100%; right:0; } .bullet5 { top: 0; left:0; } .bullet6 { top: calc(var(--ah) * .33); left:calc(var(--aw) - 50px); } .bullet7 { top: calc(var(--ah) * .66); left:calc(var(--aw) - 50px); } .bullet8 { top:100%; left:0; } /* PRODUCT CATEGORY */ @media (max-width: 1024px) and (min-width: 768px) { .product-link-wrapper a { max-width: 30% } } @media(max-width:767px){ .product-link-wrapper a { max-width: 45% } } a.product-link img { transition:all .4s; } a.product-link:hover img { transform: scale(1.05); } a.product-link p { color:initial; transition:all .4s; } a.product-link:hover p { color:var(--green); } /* SINGLE PRODUCT */ .instructions li { margin-bottom: 1em; } .postid-12128 .agrocert3, .postid-12126 .agrocert3, .postid-12122 .agrocert3, .postid-12124 .agrocert3, .postid-11971 .agrocert3 { display:none; } .postid-12213 .agrocert1, .postid-12221 .agrocert1, .postid-12217 .agrocert1 { display:none; } /* elaiopoulaki */ /*main.product-category-elaiopoulaki .prod-mob-badges { width:100%; margin-top: 10px; }*/ /*main.product-category-elaiopoulaki .prod-mob-badges .superfood { display:flex; }*/ .oliv-logistics { overflow-x:hidden; } @media (min-width:768px) { .oliv-logistics .elementor-widget-shortcode { min-width: 1050px; } } /* BUTCHERY */ .product-category-choriko .agrocert, .product-category-dialechto .agrocert, .product-category-horiko .agrocert, .product-category-dialekto .agrocert { display:none; } .butch-info[data-info="pro"] { display:none; } a.retail { color:var(--red) !important; font-weight:500; } a.retail:hover { text-decoration:underline; } .b2b-wrapper { display:flex; flex-wrap: wrap; } .b2b-item { display:flex; flex-direction:column; justify-content:center; align-items:center; } .b2b-separator { width:100%; height:2px; border-top:2px solid; margin:20px 0 18px; } .b2b-icon { display:flex; align-items:center; min-height:50px; margin-bottom:5px; } .b2b-svg { width:auto; height:auto; /*max-width:fit-content !important;*/ } .b2b-info { flex-grow:1; font-size:13px; font-weight:500; line-height:1; text-align:center; } /* COMMITMENTS */ .commit-icon .elementor-icon-box-wrapper { display:flex !important; flex-direction:column !important; gap:10px; } .commit-icon .elementor-icon-box-icon { order:2; transition:all .3s; } .commit-icon .elementor-icon-box-icon:hover { transform:scale(1.1); } .commit-icon .elementor-icon-box-icon svg { font-size:100px; } .commit-icon .elementor-icon-box-description { font-weight:600; white-space:nowrap; } .commit-icon .elementor-icon-box-description span { display:inline-block; line-height:1; color:var(--green); transition:all .3s linear; } .commit-icon .elementor-icon-box-icon:hover + .elementor-icon-box-content { color:var(--green); } .commit-icon .elementor-icon-box-icon:hover + .elementor-icon-box-content span { transform:translateX(3px); } @media (max-width:1280px) { .commit-icon .elementor-icon-box-wrapper { gap:6px; } .commit-icon .elementor-icon-box-icon svg { font-size:80px; } .commit-icon .elementor-icon-box-description { font-size:18px; font-weight:500; } } /* #commit-menu-wrapper { position:fixed; left:20px; top:50%; transform: translateY(-50%); z-index:101; display:none; } #commit-menu img { width:85px; height:auto; } #commit-menu a { transition:all .3s; } #commit-menu a:hover { transform:scale(1.1); } */ /*#commit-menu ul { max-width:fit-content; list-style-type:none; padding:0; } #commit-menu li a { display:flex; align-items:center; gap:10px; font-size:.85em; margin:4px auto; color:initial; } #commit-menu .elementor-icon-list-icon svg { width:66px; height:auto; } #commit-menu .elementor-icon-list-icon, #commit-menu .elementor-icon-list-text { transition:all .3s; } #commit-menu a:hover .elementor-icon-list-icon { transform:scale(1.1); } #commit-menu .elementor-icon-list-text { margin-left:5px; display:none; opacity:0; } #commit-menu a:hover .elementor-icon-list-icon + .elementor-icon-list-text { display:inline-block; opacity:1; }*/ /* SUSTAINABILITY */ #sustainability_carousel .elementor-widget-shortcode, #sustainability_carousel .elementor-widget-shortcode > .elementor-shortcode, .sustainability-slide { height:100%; } .sustainability-slide { display:flex; } #sustainability_carousel .left-side { width:420px; height:236px; border-radius:40px; padding:2px; } #sustainability_carousel .left-side .slider-img { width:100%; height:auto; aspect-ratio: 16 / 9; border-radius: 40px; filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.2)); background-color:#fff; background-position:center center; background-repeat:no-repeat; background-size:cover; } #sustainability_carousel .right-side { width:calc(100% - 420px); padding-left:40px; } #sustainability_carousel .right-side .title { max-width:85%; margin-bottom:12px; font-size:19px; font-weight:500; line-height:1.1em; color:var(--green); } #sustainability_carousel .right-side .content { font-size:16px; line-height:1.2; padding-right:10px; max-height:220px; overflow-x:hidden; overflow-y:auto; } #sustainability_carousel .sus_more { text-align: right; margin: 10px 30px; font-size: 16px; } #sus_post_title { text-align:center; font-size:24px; font-weight:500; line-height:1.2em; color:var(--green) } @media (max-width:1366px) { .sustainability-slide { flex-direction:column; } #sustainability_carousel .left-side { width:100%; max-width:450px; aspect-ratio: 16 / 9; height:auto; margin: 0 auto; } #sustainability_carousel .left-side .slider-img { border-radius:20px; } #sustainability_carousel .right-side { display:flex; flex-direction:column; width:100%; height:100%; padding:20px; } #sustainability_carousel .right-side .content { flex-grow:1; } } @media(max-width:767px){ /*#sustainability_carousel .right-side { padding: 20px 12vw 0 20px; } */ #sustainability_carousel .right-side .title { max-width:100%; font-size:16px; } #sustainability_carousel .right-side .content { font-size:14px; /*display:none;*/ } #sustainability_carousel .sus_more { margin-right: 0; } } /* @media(max-width:1024px){ #sustainability_carousel .left-side { height:280px; } .sustainability-slide .content { max-height: 150px; } } @media(max-width:767px){ #sustainability_carousel .left-side { width:calc(100% - 60px); height: auto; } #sustainability_carousel .right-side { width:calc(100% - 60px); padding-left:0; margin-top:20px; } . sustainability-slide .content { max-height: 150px; } }*/ /* HORECA */ @media (max-width:767px) { .why-us_mob-icon svg { clip-path: inset(0 0 0 62%); } .why-us_mob-icon svg .yellow-line { display: none; } } /* RECIPES */ @media (min-width:768px) { #recipes-filter-wrapper { display:flex !important; } } #recipes-filter-toggler { cursor:pointer; } /* NEWS SINGLE */ .elementor-15506 figure.wp-block-image { margin-top: 50px; margin-bottom: 50px; } /*.elementor-15506 figure.wp-block-image.aligncenter { margin: 50px auto; }*/ body.elementor-page-15506 .swiper-pagination-bullets.swiper-pagination-horizontal { left:50%; } /* elementor fix */ /* CONTACT */ .elementor-form label { margin-bottom:3px; } .elementor-form .elementor-field-type-textarea { margin-bottom:0; } .elementor-form .elementor-field-type-submit { margin-top:8px; } .elementor-form .elementor-message { font-size:13px; margin:5px 0 0; } .elementor-form > .elementor-message { font-size:18px; text-align:center; margin-top:60px; } .elementor-field-required label::after { content:' *'; color:inherit; } #contact_form input, #contact_form textarea { outline: 1px solid white; } @media(min-width:500px){ #cv_form .elementor-field-group.elementor-field-group-field_76164eb { flex-wrap:nowrap; } /* file input */ } #cv_form .elementor-field-group label { flex-basis:40%; line-height:1.2; } #cv_form .elementor-field-group input, #cv_form .elementor-field-group textarea { flex-basis:60%; } /*#cv_form .elementor-field-group input, #cv_form .elementor-field-group textarea { max-width:500px; }*/ #cv_form input[type="text"], #cv_form input[type="email"], #cv_form input[type="tel"], #cv_form textarea { box-shadow: 0 0 0px 3px rgba(0,0,0,.1); outline: 1px solid white; } #cv_form input[type="file"] { margin-left:10px; border-radius:0; } #cv_form .elementor-field-type-textarea { align-items:flex-start; } #cv_form .elementor-field-type-textarea label { margin-top:10px; } #cv_form .elementor-field-type-acceptance { margin-left:40%; line-height:1; } #cv_form .elementor-field-type-acceptance::after { clear: both; } #cv_form .elementor-field-type-acceptance label { margin-left:6px; font-size:17px; line-height:1; } #cv_form .elementor-field-type-acceptance label::after { display:none; } #cv_form .elementor-field-type-submit { margin:0 auto; } @media (max-width:1024px) { #cv_form .elementor-field-group { flex-wrap:wrap; } #cv_form .elementor-field-group label, #cv_form .elementor-field-group input, #cv_form .elementor-field-group textarea { flex-basis:100%; } #cv_form input[type="file"], #cv_form .elementor-field-type-acceptance, #cv_form .elementor-field-type-acceptance label { margin-left:0; } #cv_form input.elementor-acceptance-field { margin-right:5px; } } @media(max-width:767px){ #cv_form .elementor-field-group .elementor-field { border-width:2px; } } /* FOOTER */ footer, footer a, footer h5, footer label { color:#444; } #footer svg .white { fill:#444; } #footer .elementor-widget-icon-box { width:fit-content; } #footer .elementor-icon-box-icon { margin-right:10px; } #footer .elementor-icon-box-icon .elementor-icon { font-size:45px; } #footer .elementor-icon-box-description a, #footer .elementor-icon-box-description { font-size:18px; font-weight:600; line-height:1.5; color:#222; } #footer .elementor-icon-box-description a:hover, #credits a:hover { color:#fff; } /*#footer .elementor-icon-box-wrapper:hover a { color:#fff; } #footer .elementor-icon-box-wrapper:hover svg .white { fill:#fff; }*/ @media (max-width:767px){ #footer .elementor-widget-icon-box.elementor-mobile-position-top .elementor-icon-box-wrapper { display: flex; flex-direction: row; text-align: center; } } /*footer a { color:#fff; } footer a:hover { color:var(--green); }*/ #newsletter_form .elementor-field-type-submit { display:none; } #newsletter_form { position: relative; display: inline-block; } #form-field-n_email { width:100%; height:40px; box-sizing:border-box; padding:10px 25px 10px 20px; background:#fff; border:none; border-radius:20px; } #newsletter_form button[type="submit"] { position: absolute; right:8px; top:3px; min-height:34px; padding:0 20px; border:none; border-radius:20px; background:#ffb600; background:radial-gradient(circle,rgb(255, 182, 0) 0%, rgb(255, 136, 56) 100%); color:#333; cursor: pointer; } #newsletter_form button[type="submit"]:hover { background:rgb(255, 136, 56); color:#fff; } #newsletter_form .elementor-field-type-acceptance { margin-left:20px; } #newsletter_form .elementor-field-type-acceptance a { color:var(--brown); } @media (max-width:1024px){ #newsletter_form .elementor-field-type-acceptance { margin:0 auto; } #newsletter_form .elementor-field-type-acceptance .elementor-field-subgroup { width:100%; } #newsletter_form .elementor-field-type-acceptance .elementor-field-subgroup span { text-align: center; } #newsletter_form .elementor-field-type-acceptance span { font-size:14px; } } .footer-icon-list .elementor-icon-box-wrapper { gap:0; } @media (max-width:900px){ .footer-icon-list { display:grid; gap:30px; margin-bottom:40px; } .footer-icon-list > div { display:grid; grid-template-columns:1fr 1fr; gap:4px; } .footer-icon-list p { text-align:left; } } @media (max-width:580px){ .footer-icon-list > div { grid-template-columns:1fr; } } /* back to top */ #back-to-top { position:fixed; right:30px; bottom:30px; width:50px; height:50px; display:flex; justify-content:center; align-items:center; background-color:#000; border:2px solid #000; border-radius:50px; opacity:.4; -webkit-box-shadow:inset 0 0 0 1px #0003; box-shadow:inset 0 0 0 1px #0003; -webkit-transition:all .3s linear; transition:all .3s linear; -webkit-transform:translateY(0); transform:translateY(0); z-index:999; cursor:pointer; } #back-to-top:not(.shown) { opacity:0; visibility:hidden; -webkit-transform:translateY(20px); transform:translateY(20px); } #back-to-top:hover { opacity:1; background-color:var(--green); border-color:var(--green); } .elementor-posts-nothing-found { min-height: 200px; font-size: 24px; text-align: center; width: 300%; } @media(max-width:1024px) { .elementor-posts-nothing-found { width: 200%; } } @media(max-width:767px) { .elementor-posts-nothing-found { width: 100%; } } /*
One
Two
Three
Four