img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} /*# sourceURL=wp-img-auto-sizes-contain-inline-css */ img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } /*# sourceURL=wp-emoji-styles-inline-css */ :root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} /*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ .blocks-gallery-grid:not(.has-nested-images),.wp-block-gallery:not(.has-nested-images){display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item{display:flex;flex-direction:column;flex-grow:1;justify-content:center;margin:0 1em 1em 0;position:relative;width:calc(50% - 1em)}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n){margin-right:0}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figure,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure{align-items:flex-end;display:flex;height:100%;justify-content:flex-start;margin:0}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img{display:block;height:auto;max-width:100%;width:auto}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption{background:linear-gradient(0deg,#000000b3,#0000004d 70%,#0000);bottom:0;box-sizing:border-box;color:#fff;font-size:.8em;margin:0;max-height:100%;overflow:auto;padding:3em .77em .7em;position:absolute;text-align:center;width:100%;z-index:2}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img{display:inline}.blocks-gallery-grid:not(.has-nested-images) figcaption,.wp-block-gallery:not(.has-nested-images) figcaption{flex-grow:1}.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image img,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image img,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item a,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img{flex:1;height:100%;object-fit:cover;width:100%}.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item{margin-right:0;width:100%}@media (min-width:600px){.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item{margin-right:1em;width:calc(33.33333% - .66667em)}.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item{margin-right:1em;width:calc(25% - .75em)}.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item{margin-right:1em;width:calc(20% - .8em)}.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item{margin-right:1em;width:calc(16.66667% - .83333em)}.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item{margin-right:1em;width:calc(14.28571% - .85714em)}.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item{margin-right:1em;width:calc(12.5% - .875em)}.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n),.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n){margin-right:0}}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child{margin-right:0}.blocks-gallery-grid:not(.has-nested-images).alignleft,.blocks-gallery-grid:not(.has-nested-images).alignright,.wp-block-gallery:not(.has-nested-images).alignleft,.wp-block-gallery:not(.has-nested-images).alignright{max-width:420px;width:100%}.blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure,.wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure{justify-content:center}.wp-block-gallery:not(.is-cropped) .blocks-gallery-item{align-self:flex-start}figure.wp-block-gallery.has-nested-images{align-items:normal}.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){margin:0;width:calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2)}.wp-block-gallery.has-nested-images figure.wp-block-image{box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:center;max-width:100%;position:relative}.wp-block-gallery.has-nested-images figure.wp-block-image>a,.wp-block-gallery.has-nested-images figure.wp-block-image>div{flex-direction:column;flex-grow:1;margin:0}.wp-block-gallery.has-nested-images figure.wp-block-image img{display:block;height:auto;max-width:100%!important;width:auto}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption,.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before{bottom:0;left:0;max-height:100%;position:absolute;right:0}.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before{backdrop-filter:blur(3px);content:"";height:100%;-webkit-mask-image:linear-gradient(0deg,#000 20%,#0000);mask-image:linear-gradient(0deg,#000 20%,#0000);max-height:3em;pointer-events:none}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{box-sizing:border-box;color:#fff;font-size:13px;margin:0;overflow:auto;padding:1em;text-align:center;text-shadow:0 0 1.5px #000}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar{height:12px;width:12px}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar-track{background-color:initial}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:initial;border:3px solid #0000;border-radius:8px}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus-within::-webkit-scrollbar-thumb,.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus::-webkit-scrollbar-thumb,.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:hover::-webkit-scrollbar-thumb{background-color:#fffc}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{scrollbar-color:#0000 #0000;scrollbar-gutter:stable both-edges;scrollbar-width:thin}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus,.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus-within,.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:hover{scrollbar-color:#fffc #0000}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{will-change:transform}@media (hover:none){.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{scrollbar-color:#fffc #0000}}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{background:linear-gradient(0deg,#0006,#0000)}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption img{display:inline}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption a{color:inherit}.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>a,.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>div,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>a,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>div{flex:1 1 auto}.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border figcaption,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption{background:none;color:inherit;flex:initial;margin:0;padding:10px 10px 9px;position:relative;text-shadow:none}.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border:before,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded:before{content:none}.wp-block-gallery.has-nested-images figcaption{flex-basis:100%;flex-grow:1;text-align:center}.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image){margin-bottom:auto;margin-top:0}.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image){align-self:inherit}.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>a,.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>div:not(.components-drop-zone){display:flex}.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img{flex:1 0 0%;height:100%;object-fit:cover;width:100%}.wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image){width:100%}@media (min-width:600px){.wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image){width:calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px)*.66667)}.wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image){width:calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*.75)}.wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image){width:calc(20% - var(--wp--style--unstable-gallery-gap, 16px)*.8)}.wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image){width:calc(16.66667% - var(--wp--style--unstable-gallery-gap, 16px)*.83333)}.wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image){width:calc(14.28571% - var(--wp--style--unstable-gallery-gap, 16px)*.85714)}.wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image){width:calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px)*.875)}.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image){width:calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*.66667)}.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2),.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2)~figure.wp-block-image:not(#individual-image){width:calc(50% - var(--wp--style--unstable-gallery-gap, 16px)*.5)}.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:last-child{width:100%}}.wp-block-gallery.has-nested-images.alignleft,.wp-block-gallery.has-nested-images.alignright{max-width:420px;width:100%}.wp-block-gallery.has-nested-images.aligncenter{justify-content:center} /*# sourceURL=https://c0.wp.com/c/7.0/wp-includes/blocks/gallery/style.min.css */ /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} /*# sourceURL=/wp-includes/css/classic-themes.min.css */ .imageText { background: linear-gradient(270deg, #fff, #d3d3d3); } .overview { grid-gap: 50px; } .page .hero { grid-template-columns: 1fr; background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative; /* background: rgb(2,44,66); background: linear-gradient(90deg, rgba(2,44,66,1) 0%, rgba(108,176,209,1) 100%); color: #fff; */ height: calc(70vh); } .hero_title { font-size: 6.4rem; font-weight: 300; } .hero_logo { margin: 0 auto; max-width: 250px; } .hero_subtitle { font-size: 3.6rem; font-weight: 800; } .hero_description { font-size: 1.8rem; text-align: center; color: #EF5000; } .hero_description p { line-height: 1.4; } .hero_buttons { margin-top: 45px; } .heroBtn { display: inline-block; padding: 15px 50px; border-radius: 30px; color: #fff; margin: 10px; font-size: 1.4rem; font-weight: bold; background: #EF5000; text-decoration: none; } .heroBtn.dark { background-color: #655768; box-shadow: 0 1px 1px 0 #3a313c, inset 0 -1px 3px 0 #3a313c; } @media screen and (max-width: 992px){ .page .hero { height: 100vh; } .hero_title { font-size: 5.4rem; } .hero_subtitle { font-size: 2rem; } .hero_description { font-size: 1.6rem; } .hero_buttons { margin-top: 30px; } .heroBtn { display: block; } } .hero.megaHero { grid-template-columns: 1fr; position: relative; background-size: cover; } .hero.megaHero .hero__content { text-align:left; z-index: 2; background: rgba(0,0,0,0.4); padding: 30px; } .megaHero h1.hero_title { font-size: 6.4rem; font-weight: 900; color: #fff; line-height: 1; } .megaHero .hero_description { font-size: 1.6rem; line-height: 2; letter-spacing: normal; color: #ffffff; } .megaHero a.heroBtn { position: absolute; right: 40px; bottom: 30px; } .hero_description p { margin: 36px 0 0; font-size: 2.9rem; line-height: 1.4; } .hero_description p:first-of-type { margin: 10px 0 0; } @media screen and (max-width: 992px) { .hero.megaHero { background-position: center center; } .hero.megaHero::after { width: 100%; } .megaHero h1.hero_title { font-size: 4.8rem; } } .videoHero { height: auto; min-height: auto; } .video-wrapper { display: flex; align-items: stretch; justify-content: center; width: 100%; overflow: hidden; margin: 0 auto; background-size: cover; } .video-wrapper video{ display: block; object-fit: cover; object-position: center; width: 100%; } .text_buttons { text-align: center; } .partnersSlider { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; align-items: center; } .partnersSlider .partner { max-width: 200px; } .heroVideo { max-width: 100%; background-image: linear-gradient(238deg, #A92D2D, #380606); color: #fff; } .heroVideo h2 { margin-bottom: 20px; } .videoContainer video { max-width: 100%; height: auto; } .videoContainer { margin-bottom: 30px; } .heroVideo { background: rgb(2,44,66); background: linear-gradient(90deg, rgba(2,44,66,1) 0%, rgba(108,176,209,1) 100%); max-width: 100%; color: #fff; } .heroVideo h2 { margin-bottom: 20px; } .videoContainer { margin-bottom: 30px; } .videoContainer { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; } .videoContainer iframe, .videoContainer object, .videoContainer embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .callToAction { background: #054e52; background: linear-gradient(to top, #054e52 0%, #73aaac 100%); color: #fff; } .callToAction .hero_title { font-size: 5.4rem; } .callToAction .hero_title { font-weight: 300; margin-bottom: 20px; } @media screen and (max-width: 768px) { .callToAction .hero_title { font-size: 4.4rem; padding: 0 15px; } .callToAction .hero_subtitle { font-size: 2.2rem; padding: 0 15px; } } .formSection { background: #e9e9e9; } .split { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-areas: "left right"; column-gap: 30px; margin-bottom: 50px; } .left{ grid-area: left; } .right { grid-area: right; } .moreBtn { background-color: rgba(255, 255, 255, 0.74); color: #b67100; } .sectionText { margin-bottom: 30px; font-size: 1.6rem; line-height: 2; color: #565656; } @media screen and (max-width: 992px) { .split { grid-template-columns: 1fr; grid-template-areas: "left" "right"; } .left{ margin-bottom: 30px; } } .partners figure { overflow: hidden; height: 300px; width: 300px; border-radius: 50%; margin-bottom: 10px; } .partnersList { display: flex; flex-direction: row; columns: 3; flex-wrap: wrap; justify-content: space-around; } .partner { margin-bottom: 20px; } .partner a { text-decoration: none; color: #333; text-align: center; } .section.wp-block-acf-section-fullrightimage h2 { text-align: left; } .section.wp-block-acf-section-fullrightimage figure { border-radius: 50%; overflow: hidden; margin: 20px; max-width: 350px; max-height: 350px; } .tabsList > ul { list-style: none; } .accordion.section .tabsList > ul > li { width: 100%; background: none; padding: 0; } .tabsList h3 { display: block; width: 100%; border-bottom: 1px solid #fff; padding: 25px 0; position: relative; background-repeat: no-repeat; background-position: right 28px; } .tabsList h3 > a { text-decoration: none; width: 100%; display: block; position: relative; z-index: 1; } .tabsList h3:after { position: absolute; right: 75px; bottom: 25px; content: "ΔΕΙΤΕ ΠΕΡΙΣΣΟΤΕΡΑ"; font-size: 14px; display: block; z-index: 0; } @media screen and (max-width: 768px) { .tabsList h3:after { content: ""; } } .tabsList .r-tabs-state-default h3 { background-image: url("https://www.asterionstudios.gr/wp-content/themes/Landing%20Page/parts/blocks/accordeon/arrow_down.jpg"); } .tabsList .r-tabs-state-active h3 { background-image: url("https://www.asterionstudios.gr/wp-content/themes/Landing%20Page/parts/blocks/accordeon/arrow_up.jpg"); } :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} /*# sourceURL=global-styles-inline-css */ .wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; word-wrap: normal !important; word-break: normal !important; } .wpcf7 .hidden-fields-container { display: none; } .wpcf7 form .wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #00a0d2; /* Blue */ } .wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output { display: none; } .wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; /* Green */ } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { border-color: #dc3232; /* Red */ } .wpcf7 form.spam .wpcf7-response-output { border-color: #f56e28; /* Orange */ } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #ffb900; /* Yellow */ } .wpcf7-form-control-wrap { position: relative; } .wpcf7-not-valid-tip { color: #dc3232; /* Red */ font-size: 1em; font-weight: normal; display: block; } .use-floating-validation-tip .wpcf7-not-valid-tip { position: relative; top: -2ex; left: 1em; z-index: 100; border: 1px solid #dc3232; background: #fff; padding: .2em .8em; width: 24em; } .wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; } .wpcf7-list-item-label::before, .wpcf7-list-item-label::after { content: " "; } .wpcf7-spinner { visibility: hidden; display: inline-block; background-color: #23282d; /* Dark Gray 800 */ opacity: 0.75; width: 24px; height: 24px; border: none; border-radius: 100%; padding: 0; margin: 0 24px; position: relative; } form.submitting .wpcf7-spinner { visibility: visible; } .wpcf7-spinner::before { content: ''; position: absolute; background-color: #fbfbfc; /* Light Gray 100 */ top: 4px; left: 4px; width: 6px; height: 6px; border: none; border-radius: 100%; transform-origin: 8px 8px; animation-name: spin; animation-duration: 1000ms; animation-timing-function: linear; animation-iteration-count: infinite; } @media (prefers-reduced-motion: reduce) { .wpcf7-spinner::before { animation-name: blink; animation-duration: 2000ms; } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes blink { from { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } } .wpcf7 [inert] { opacity: 0.5; } .wpcf7 input[type="file"] { cursor: pointer; } .wpcf7 input[type="file"]:disabled { cursor: default; } .wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; } .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] { direction: ltr; } .wpcf7-reflection > output { display: list-item; list-style: none; } .wpcf7-reflection > output[hidden] { display: none; } /* Theme Name: JoinwebBasic Text Domain: joinweb Domain Path: /languages Theme URI: http://joinweb.gr Description: Lightweight naked Joinweb Theme. For use with custom grid. 1220 width version. Author: Joinweb Author URI: http://joinweb.gr Version: 2.1.2 License: MIT License License URI: http://opensource.org/licenses/MIT */ /* breakpoints - based on Bootstrap 4 breakpoints 0 full 576 540 768 720 992 960 1220 1220 */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 10px; } body { margin: 0; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-size: 14px; line-height: 1.42857143; } figure { margin: 0; } img { vertical-align: middle; border: 0; } .img-responsive, figure img { display: block; max-width: 100%; height: auto; } svg:not(:root) { overflow: hidden; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .inlineList { display: flex; flex-direction: row; margin: 0; padding: 0; list-style: none; } .text-center { text-align: center; } .text-right{ text-align: right; } a.skip-main { left:-999px; position:absolute; top:auto; width:1px; height:1px; overflow:hidden; z-index:-999; } a.skip-main:focus, a.skip-main:active { color: #fff; background-color:#000; left: auto; top: auto; width: 30%; height: auto; overflow:auto; margin: 10px 35%; padding:5px; border-radius: 15px; border:4px solid yellow; text-align:center; font-size:1.2em; z-index:999; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } /* layout */ .wrapper { margin: 0 auto; padding: 0 40px; } @media screen and (max-width: 576px) { .wrapper { width: 100%; padding: 0 15px; } } @media screen and (min-width: 576px) and (max-width: 768px) { .wrapper { width: 540px; padding: 0 15px; } } @media screen and (min-width: 768px) and (max-width: 992px) { .wrapper { width: 720px; } } @media screen and (min-width: 992px) and (max-width: 1220px) { .wrapper { width: 960px; } } @media screen and (min-width: 1220px) { .wrapper { width: 1220px; } } .hiddenXs { display: none; } @media screen and ( min-width: 576px) { .hiddenXs { display: block; } } @media screen and ( min-width: 576px) and (max-width: 768px) { .hiddenSm { display: none; } } @media screen and ( min-width: 768px) and (max-width: 992px) { .hiddenMd { display: none; } } @media screen and ( min-width: 992px) and (max-width: 1220px) { .hiddenLg { display: none; } } @media screen and ( min-width: 1220px) { .hiddenXl { display: none; } } .grid { display: grid; column-gap: 10px; } .noGap { column-gap: 0; } /* modules */ .hero { display: grid; height: 100vh; grid-template-columns: repeat(1, minmax(100px, 500px) ); grid-template-rows: auto; justify-content: space-around; align-content: center; background: #fff; } .hero__content { text-align: center; }@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-stretch: normal; src: url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbWmT.ttf) format('truetype'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-stretch: normal; src: url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWub2bWmT.ttf) format('truetype'); } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Slider */ .slick-loading .slick-list { background: #fff url('https://www.asterionstudios.gr/wp-content/themes/Landing%20Page/js/slick/ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('https://www.asterionstudios.gr/wp-content/themes/Landing%20Page/js/slick/fonts/slick.eot'); src: url('https://www.asterionstudios.gr/wp-content/themes/Landing%20Page/js/slick/fonts/slick.eot?#iefix') format('embedded-opentype'), url('https://www.asterionstudios.gr/wp-content/themes/Landing%20Page/js/slick/fonts/slick.woff') format('woff'), url('https://www.asterionstudios.gr/wp-content/themes/Landing%20Page/js/slick/fonts/slick.ttf') format('truetype'), url('https://www.asterionstudios.gr/wp-content/themes/Landing%20Page/js/slick/fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } .r-tabs .r-tabs-nav { margin: 0; padding: 0; } .r-tabs .r-tabs-tab { display: inline-block; margin: 0; list-style: none; } .r-tabs .r-tabs-panel { padding: 15px; display: none; } .r-tabs .r-tabs-accordion-title { display: none; } .r-tabs .r-tabs-panel.r-tabs-state-active { display: block; } /* Theme Name: joinweblandingpage Description: Landing Page theme Author: Joinweb Author URI: http://www.joinweb.gr Template: JoinwebBasic Version: 1.0.0 */ :root { --mainBlue: #18355d; --lightBlue: #67a1b7; } /********************* General ******************* **************************************************/ body, html { font-family: 'Roboto', sans-serif; font-size: 10px; scroll-behavior: smooth; color: #333333; background: #f7f7f7; } body { font-size: 1.6rem; } a { text-decoration: underline; color: #EF5000; } p { font-size: 1.6rem; } img { max-width: 100%; height: auto; } .outerWrapper { padding: 40px; } .wideWrapper { width: 1200px; margin: 0 auto; } .textWrapper { width: 900px; margin: 0 auto; } .narrowWrapper { width: 500px; margin: 0 auto; } .center{ text-align: center; } @media screen and (max-width: 1200px) { .wideWrapper { width: 100%; padding: 0 15px; } } @media screen and (max-width: 992px){ .wideWrapper, .narrowWrapper, .textWrapper { width: 100%; padding: 15px; } } /******************** Header ************************** *******************************************************/ .headerGrid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); grid-template-areas: "contact logo buttons"; } .header__info { grid-area: contact; color: var(--mainBlue); padding-top: 45px; } .header__logo{ grid-area: logo; padding-top: 40px; text-align: center; } .header__buttons { grid-area: buttons; padding-top: 14px; text-align: right; } .header__info .blueText { font-weight: bold; font-size: 1.8rem; } .header__info .smallText { font-size: 1.4rem; color: #000; } .button { color: var(--mainBlue); font-weight: normal; font-size: 1.8rem; text-align: right; text-decoration: none; padding: 17px 17px 17px 66px; display: inline-block; white-space: nowrap; width: 290px; margin-top: 15px; } .bookButton { background: url("https://www.asterionstudios.gr/wp-content/themes/Landing%20Page/images/calendar.jpg") no-repeat 15px 12px; } .phoneButton { background: url("https://www.asterionstudios.gr/wp-content/themes/Landing%20Page/images/telephone.jpg") no-repeat 15px 12px; } .header { width: 100%; color: #fff; top: 18px; left: 0; z-index: 3; display: block; transition: background-color 0.5s, padding 0.5s; } .menu .inlineList { justify-content: center; margin-top: 30px; margin-bottom: 20px; } .menu .inlineList li a { text-decoration: none; color: #000; opacity: 0.8; margin: 0 40px; } @media screen and (max-width: 768px) { .header .grid { grid-template-columns: minmax(0, 1fr); grid-template-areas: "contact" "logo" "buttons"; } .header__info { padding-top: 15px; padding-bottom: 20px; text-align: center; } .header__buttons { padding-top: 40px; text-align: center; } .menu .inlineList li a { margin: 0 5px; } } /********************** Grid ************************** *******************************************************/ .overview { grid-template-columns: 1fr 1fr; grid-template-areas: "left right"; grid-gap: 40px; } .left { grid-area: left; } .right { grid-area: right; } .textSection .left, .textSection .right { align-self: center; } .textSection p { font-size: 1.6rem; } @media screen and (max-width: 768px) { .overview { grid-template-columns: 1fr; grid-template-areas: "left" "right"; } } .section { padding: 70px 0; } .section h2, .section .sectionTitle { font-size: 5rem; font-weight: 300; text-align: center; margin: 100px 0; } .section .sectionTitle { margin-bottom: 70px; } @media screen and (max-width: 768px) { .section { padding: 30px 0; } .section h2, .section .sectionTitle { font-size: 2.4rem; } } .middleText { display: flex; align-items: center; justify-content: center; } /******************* Home Page ************************ *******************************************************/ .section ul { list-style: none; padding: 0; } .section ul li { background: url("https://www.asterionstudios.gr/wp-content/themes/Landing%20Page/images/dot.jpg") no-repeat; padding-left: 30px; background-size: 14px; background-position: 0 6px; } .notes { font-size: 1.4rem; line-height: 1.2; font-style: italic; color: #666; } .email { width: 70%; margin-right: 10px; } .submitButton { width: 20%; cursor: pointer; } .textCenter{ color: #fff; } /***************** Contact Form *********************** *******************************************************/ label { text-align: left; font-style: italic; font-weight: lighter; } input, textarea { width: 100%; border: 1px solid var(--mainBlue); background: #fff; padding: 10px; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; font-family: 'Roboto', sans-serif; font-size: 1.6rem; margin-bottom: 15px; } input:focus, textarea:focus { background: #fff; } input.wpcf7-submit { cursor: pointer; background: var(--mainBlue); display: inline-block; color: #fff; width: auto; float: right; } input[type='checkbox'], input[type='radio'] { width: auto; } span.wpcf7-list-item { margin: 0; } .wpcf7-form-control.wpcf7-checkbox label { margin: 0 10px 10px 0; } .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item { line-height: 1.6; } .wpcf7-form-control.wpcf7-submit.heroBtn { margin-left: 0; margin-right: 0; -webkit-appearance: none; } @media screen and (max-width: 768px) { .wpcf7-checkbox > span { margin-bottom: 10px; } } /******************** Footer ************************** *******************************************************/ .footer { background: #fff; } .footerLogo { padding-top: 35px; padding-bottom: 45px; } .siteFooter { grid-template-areas: "left middle1 right"; grid-template-columns: 227px minmax(0, 1fr) 227px; padding: 15px 30px; font-size: 1.2rem; } .siteFooter .left { grid-area: left; font-weight: bold; } .siteFooter .middle1 { grid-area: middle1; text-align: center; } .siteFooter .middle2 { grid-area: middle2; text-align: right; } .siteFooter .right { grid-area: right; text-align: right; } .siteFooter .right img { vertical-align: text-top; } .siteFooter .right a{ font-weight: bold; } .siteFooter a { text-decoration: none; color: #333333; } .siteFooter a:hover { color: #054e52; } .socialFooter { justify-content: flex-end; } .socialFooter li { margin-right: 15px; } .socialFooter svg { height: 20px; width: 20px; } .socialFooter .telephone { background: url("https://www.asterionstudios.gr/wp-content/themes/Landing%20Page/images/telephone.svg") no-repeat; padding-left: 20px; } .footerMenu { display: inline-flex; } .footerMenu li { margin: 0 5px; } .footerLinks { grid-template-columns: 1fr 1fr; grid-template-areas: "one two"; } .contactLinks { grid-area: one; } .socialLinks { grid-area: two; } @media screen and (max-width: 768px) { .siteFooter { grid-template-areas: "left" "middle1" "right"; grid-template-columns: 1fr; } .siteFooter .left, .siteFooter .middle1, .siteFooter .middle2, .siteFooter .right { text-align: center; margin-bottom: 10px; } .footerLinks { grid-template-columns: 1fr; grid-template-areas: "one" "two"; } .socialFooter { justify-content: center; margin-bottom: 15px; } p { line-height: 1.2; } } /* quickfixes */ .page-template-default .hero { height: calc( 100vh - 180px); } .grecaptcha-badge { bottom: 50px !important; } /* case studies */ .caseStudies { list-style: none; padding: 0; margin: 0; } .section ul.caseStudies li, ul.caseStudies li { background: #f6f6f6; margin-bottom: 30px; } .caseStudies li:nth-child(odd) .caseStudy { grid-template-columns: 400px minmax(0, 1fr) ; grid-template-areas: "image text"; } .caseStudies li:nth-child(even) .caseStudy { grid-template-columns: minmax(0, 1fr) 400px; grid-template-areas: "text image"; text-align: right; } .caseStudies a { text-decoration: none; color: #101010; } .caseStudy { grid-column-gap: 60px; } .caseStudy header { grid-area: image; } .caseStudy header figure { height: 400px; overflow: hidden; } .caseStudy footer { grid-area: text; } .caseStudy .projectTitle, .caseStudy .projectName { color: #00383c; } .caseStudy .projectTitle { font-size: 22px; font-weight: bold; } .caseStudy .projectName { font-size: 20px; font-weight: normal; } @media screen and (max-width: 900px) { .caseStudies li:nth-child(odd) .caseStudy, .caseStudies li:nth-child(even) .caseStudy { grid-template-columns: minmax(0, 1fr) ; grid-template-areas: "image" "text"; } } /* partners */ .partner { margin-bottom: 20px; text-align: center; } .partner a { text-decoration: none; color: #333; text-align: center; } .partnersCarousel .partner { margin-left: 5px; margin-right: 5px; } .partner__logo { margin: 0 auto 10px; } .partner__name { text-align: center; font-size: 25px; font-weight: bold; } .partner__title { font-size: 20px; color: var(--lightBlue); } /* full width map */ .map-responsive{ overflow:hidden; padding-bottom:56.25%; position:relative; height:0; } .map-responsive iframe{ left:0; top:0; height:100%; width:100%; position:absolute; } /* special cases */ #text_block_6177c4dac483b { color: var(--mainBlue); } #block_616977a1928c8 figure { border-radius: 50%; overflow: hidden; } #block_616977a1928c8 h2 { font-size: 5.5rem; color: var(--mainBlue); margin: 0 0 75px; } .accordion, .accordion a, .accordion .sectionTitle { color: #fff; } .servicesContent .examTitle { font-size: 34px; font-weight: lighter; } .servicesContent .clock { padding-left: 35px; background: url("https://www.asterionstudios.gr/wp-content/themes/Landing%20Page/images/clock.jpg") no-repeat; display: block; height: 28px; padding-top: 3px; } .fileButton { border: 2px solid #fff; color: #fff; margin: 48px auto 0; font-size: 1.4rem; display: block; font-weight: normal; background: url("https://www.asterionstudios.gr/wp-content/themes/Landing%20Page/images/download.jpg") no-repeat 15px 5px; padding-left: 70px; width: 310px; } .contact .split { grid-gap: 100px; } .contact h4 { font-weight: normal; margin: 0; line-height: 1.1; font-size: 2rem; color: #000; } .primaryInfo { font-size: 3rem; color: var(--mainBlue); line-height: 1; } .secondaryInfo { font-size: 2.3rem; color: #000; line-height: 1.2; } .time, .address, .tel { border-bottom: 2px solid var(--mainBlue); margin-top: 47px; padding-bottom: 24px; } .time { margin-top: 0; } .tel a { color: var(--mainBlue); text-decoration: none; } @media screen and (max-width: 768px){ #block_616977a1928c8 h2 { font-size: 4.2rem; } .section h2, .section .sectionTitle { font-size: 4.4rem; margin: 50px 0; } } .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-bullets, .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-custom { justify-content: center; } .mit{ margin-top:15px; }img#wpstats{display:none} .hero_title{text-align:center;} .textCenter { color: #000000; } .wp-block-jetpack-slideshow{margin-bottom:1.5em;min-width:0;position:relative}.wp-block-jetpack-slideshow [tabindex="-1"]:focus{outline:0}.wp-block-jetpack-slideshow.wp-amp-block>.wp-block-jetpack-slideshow_container{opacity:1}.wp-block-jetpack-slideshow.wp-amp-block.wp-block-jetpack-slideshow__autoplay .wp-block-jetpack-slideshow_button-play,.wp-block-jetpack-slideshow.wp-amp-block.wp-block-jetpack-slideshow__autoplay.wp-block-jetpack-slideshow__autoplay-playing .wp-block-jetpack-slideshow_button-pause{display:block}.wp-block-jetpack-slideshow.wp-amp-block.wp-block-jetpack-slideshow__autoplay.wp-block-jetpack-slideshow__autoplay-playing .wp-block-jetpack-slideshow_button-play{display:none}.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_container{opacity:0;overflow:hidden;width:100%}.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_container.wp-swiper-initialized{opacity:1}.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_container:not(.wp-swiper-initialized) .wp-block-jetpack-slideshow_swiper-wrapper{aspect-ratio:max(min(var(--aspect-ratio),1.7777777778),1);max-height:80vh}.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_container:not(.wp-swiper-initialized) .wp-block-jetpack-slideshow_slide:not(:first-of-type){height:1px}.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_container.swiper-container{display:block}.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_container .wp-block-jetpack-slideshow_slide,.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_container .wp-block-jetpack-slideshow_swiper-wrapper{line-height:normal;margin:0;padding:0}.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_container ul.wp-block-jetpack-slideshow_swiper-wrapper{display:flex}.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_slide{display:flex;height:100%;width:100%}.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_slide figure{align-items:center;display:flex;height:100%;justify-content:center;margin:0;position:relative;width:100%}.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_slide figure .wp-block-jetpack-slideshow_image{pointer-events:none;-webkit-user-select:none;user-select:none}.wp-block-jetpack-slideshow.alignfull .wp-block-jetpack-slideshow_image,.wp-block-jetpack-slideshow.alignwide .wp-block-jetpack-slideshow_image{max-width:unset;object-fit:cover;width:100vw}.wp-block-jetpack-slideshow .swiper-fade .wp-block-jetpack-slideshow_slide:not(.swiper-slide-active){opacity:0!important}.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_image{display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.wp-block-jetpack-slideshow .amp-carousel-button,.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-next,.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-pause,.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-play,.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-prev{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:contain;border:0;border-radius:4px;box-shadow:none;height:30px;margin:-14px 0 0;opacity:.5;padding:0;transition:opacity .5s ease-out;width:28px}.wp-block-jetpack-slideshow .amp-carousel-button:focus,.wp-block-jetpack-slideshow .amp-carousel-button:hover,.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-next:focus,.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-next:hover,.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-pause:focus,.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-pause:hover,.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-play:focus,.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-play:hover,.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-prev:focus,.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-prev:hover{background-color:#fff;opacity:1}.wp-block-jetpack-slideshow .amp-carousel-button:focus,.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-next:focus,.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-pause:focus,.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-play:focus,.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-prev:focus{outline:thin dotted #fff;outline-offset:-4px}.wp-block-jetpack-slideshow .amp-carousel-button{margin:0}.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-next,.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-prev{display:none}.wp-block-jetpack-slideshow .swiper-button-next:after,.wp-block-jetpack-slideshow .swiper-button-prev:after,.wp-block-jetpack-slideshow .swiper-rtl .swiper-button-next:after,.wp-block-jetpack-slideshow .swiper-rtl .swiper-button-prev:after{content:""}.wp-block-jetpack-slideshow .amp-carousel-button-next,.wp-block-jetpack-slideshow .swiper-button-next.swiper-button-white,.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-next,.wp-block-jetpack-slideshow.swiper-rtl .swiper-button-prev.swiper-button-white,.wp-block-jetpack-slideshow.swiper-rtl .wp-block-jetpack-slideshow_button-prev{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI1IDI0Ij48bWFzayBpZD0iYSIgd2lkdGg9IjgiIGhlaWdodD0iMTIiIHg9IjgiIHk9IjYiIG1hc2stdHlwZT0iYWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik04LjU5OCAxNi41OSAxMy4xNTYgMTIgOC41OTggNy40MSAxMC4wMDEgNmw1Ljk3IDYtNS45NyA2eiIvPjwvbWFzaz48ZyBtYXNrPSJ1cmwoI2EpIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJNLjM0NCAwaDIzLjg4MnYyNEguMzQ0eiIvPjwvZz48L3N2Zz4=)}.wp-block-jetpack-slideshow .amp-carousel-button-next>svg,.wp-block-jetpack-slideshow .swiper-button-next.swiper-button-white>svg,.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-next>svg,.wp-block-jetpack-slideshow.swiper-rtl .swiper-button-prev.swiper-button-white>svg,.wp-block-jetpack-slideshow.swiper-rtl .wp-block-jetpack-slideshow_button-prev>svg{visibility:hidden}.wp-block-jetpack-slideshow .amp-carousel-button-prev,.wp-block-jetpack-slideshow .swiper-button-prev.swiper-button-white,.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-prev,.wp-block-jetpack-slideshow.swiper-rtl .swiper-button-next.swiper-button-white,.wp-block-jetpack-slideshow.swiper-rtl .wp-block-jetpack-slideshow_button-next{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI1IDI0Ij48bWFzayBpZD0iYSIgd2lkdGg9IjkiIGhlaWdodD0iMTIiIHg9IjgiIHk9IjYiIG1hc2stdHlwZT0iYWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xNi4yMDcgMTYuNTkgMTEuNjUgMTJsNC41NTctNC41OUwxNC44MDQgNmwtNS45NyA2IDUuOTcgNnoiLz48L21hc2s+PGcgbWFzaz0idXJsKCNhKSI+PHBhdGggZmlsbD0iIzAwMCIgZD0iTS41NzkgMGgyMy44ODJ2MjRILjU3OXoiLz48L2c+PC9zdmc+)}.wp-block-jetpack-slideshow .amp-carousel-button-prev>svg,.wp-block-jetpack-slideshow .swiper-button-prev.swiper-button-white>svg,.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-prev>svg,.wp-block-jetpack-slideshow.swiper-rtl .swiper-button-next.swiper-button-white>svg,.wp-block-jetpack-slideshow.swiper-rtl .wp-block-jetpack-slideshow_button-next>svg{visibility:hidden}.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-pause,.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-play{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M6 19h4V5H6zm8-14v14h4V5z'/%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3C/svg%3E");display:none;inset-inline-end:10px;margin-top:0;position:absolute;top:10px;z-index:1}.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_autoplay-paused .wp-block-jetpack-slideshow_button-pause,.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-play{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3C/svg%3E")}.wp-block-jetpack-slideshow:has(>div[data-autoplay=true]) .wp-block-jetpack-slideshow_button-pause,.wp-block-jetpack-slideshow[data-autoplay=true] .wp-block-jetpack-slideshow_button-pause{display:block}.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_caption.gallery-caption{background-color:#00000080;bottom:0;box-sizing:border-box;color:#fff;cursor:text;left:0;margin:0!important;max-height:100%;opacity:1;padding:.75em;position:absolute;right:0;text-align:initial;z-index:1}.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_caption.gallery-caption a{color:inherit}.wp-block-jetpack-slideshow[data-autoplay=true] .wp-block-jetpack-slideshow_caption.gallery-caption{max-height:calc(100% - 68px)}.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-bullets,.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-custom{bottom:0;display:flex;gap:8px;justify-content:flex-start;line-height:24px;padding:10px 0 2px;position:relative}.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-bullets .swiper-pagination-bullet,.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-custom .swiper-pagination-bullet{background:currentColor;color:currentColor;height:8px;opacity:.5;transform:scale(.75);transition:opacity .25s,transform .25s;vertical-align:top;width:8px}.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-bullets .swiper-pagination-bullet:focus,.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-bullets .swiper-pagination-bullet:hover,.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-custom .swiper-pagination-bullet:focus,.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-custom .swiper-pagination-bullet:hover{opacity:1}.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-bullets .swiper-pagination-bullet:focus,.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-custom .swiper-pagination-bullet:focus{outline:thin dotted;outline-offset:0}.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-bullets .swiper-pagination-bullet-active,.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-bullets .swiper-pagination-bullet[selected],.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-custom .swiper-pagination-bullet-active,.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-custom .swiper-pagination-bullet[selected]{background-color:currentColor;opacity:1;transform:scale(1)}.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-bullets .swiper-pagination-simple,.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-custom .swiper-pagination-simple{font-size:14px;line-height:16px;text-align:start;width:100%}.wp-block-jetpack-slideshow_pagination.amp-pagination{text-align:center}.wp-block-jetpack-slideshow_pagination.amp-pagination .swiper-pagination-bullet{border:0;border-radius:100%;display:inline-block;margin:0 4px;padding:0}@media(min-width:600px){.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-next,.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-prev{display:block}}.is-email .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_container{height:auto;opacity:1;overflow:visible;width:auto}.is-email .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_container ul.wp-block-jetpack-slideshow_swiper-wrapper,.is-email .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_slide figure{display:block;margin-bottom:12px}.is-email .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_container ul.wp-block-jetpack-slideshow_swiper-wrapper,.is-email .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_slide{list-style:none;margin-left:auto;margin-right:auto}.is-email .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_slide{display:inline-block;height:auto;margin-left:2%!important;margin-right:2%!important;vertical-align:top;width:42%}.is-email .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_caption.gallery-caption{background-color:#0000;bottom:auto;color:inherit;inset-inline-end:auto;padding-top:0;position:relative}#editor:has(.wp-block-group.is-vertical:not(.is-layout-constrained)) .wp-block-group.is-vertical:not(.is-layout-constrained) .wp-block-jetpack-slideshow,.entry-content:has(.wp-block-group.is-vertical:not(.is-layout-constrained)) .wp-block-group.is-vertical:not(.is-layout-constrained) .wp-block-jetpack-slideshow{max-width:inherit}div:not(.entry-content):not(.block-editor__container)>.wp-block-group.is-vertical:not(.is-layout-constrained) .wp-block-jetpack-slideshow{max-width:100vw} /*# sourceURL=https://www.asterionstudios.gr/wp-content/plugins/jetpack/_inc/blocks/slideshow/view.css?minify=false */ :host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:ease;width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid #007aff;border-radius:50%;border-top-color:#0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}.swiper-button-next,.swiper-button-prev{align-items:center;color:#007aff;cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;width:44px;z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}svg{fill:currentColor;height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none;transform-origin:center;width:100%}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:-22px;top:50%}.swiper-button-prev{left:4px;right:auto;.swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{left:auto;right:4px}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:-22px;top:50%}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:4px;right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:4px}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon{transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:50%;margin-left:-22px;margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:4px;.swiper-navigation-icon{transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:4px;top:auto;.swiper-navigation-icon{transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:8px;left:0;top:auto;width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:#000;border-radius:50%;display:inline-block;height:8px;opacity:.2;width:8px;button&{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:#007aff;opacity:1}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:auto;right:8px;top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:6px 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 4px}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:inherit}.swiper-pagination-progressbar{background:#00000040;position:absolute;.swiper-pagination-progressbar-fill{background:#007aff;height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:4px;left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:4px}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:#0000001a;border-radius:10px;position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:4px;height:4px;left:1%;position:absolute;top:auto;width:98%;z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:98%;left:auto;position:absolute;right:4px;top:1%;width:4px;z-index:50}}.swiper-scrollbar-drag{background:#00000080;border-radius:10px;height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}:root { --jp-carousel-primary-color: #fff; --jp-carousel-primary-subtle-color: #999; --jp-carousel-bg-color: #000; --jp-carousel-bg-faded-color: #222; --jp-carousel-border-color: #3a3a3a; } :root .jp-carousel-light { --jp-carousel-primary-color: #000; --jp-carousel-primary-subtle-color: #646970; --jp-carousel-bg-color: #fff; --jp-carousel-bg-faded-color: #fbfbfb; --jp-carousel-border-color: #dcdcde; } .jp-carousel-overlay .swiper-button-prev, .jp-carousel-overlay .swiper-rtl .swiper-button-next, .jp-carousel-overlay .swiper-button-next, .jp-carousel-overlay .swiper-rtl .swiper-button-prev { background-image: none; } /* end of temporary fix */ [data-carousel-extra]:not(.jp-carousel-wrap) img, [data-carousel-extra]:not(.jp-carousel-wrap) img + figcaption { cursor: pointer; } .jp-carousel-wrap * { line-height: inherit; } .jp-carousel-wrap.swiper { height: auto; width: 100vw; } .jp-carousel-overlay .swiper-zoom-container { background-size: 200%; background-repeat: no-repeat; background-position: center; } /* To prevent flash of prev/next image scale transition after pinch zoom we need to hide them. Swiper does not add a class of `swiper-slide-zoomed` to slides on pinch and zoom so we have to target all affected elements in touch devices. */ .jp-carousel-overlay .swiper-slide.swiper-slide-prev .swiper-zoom-container img, .jp-carousel-overlay .swiper-slide.swiper-slide-next .swiper-zoom-container img { transition: none !important; } .jp-carousel-overlay .swiper-button-prev, .jp-carousel-overlay .swiper-button-next { opacity: 0.5; transition: 0.5s opacity ease-out; height: initial; width: initial; padding: 20px 40px; background-image: none; } .jp-carousel-overlay .swiper-button-prev:hover, .jp-carousel-overlay .swiper-button-next:hover { opacity: 1; } .jp-carousel-overlay .swiper-button-next::after, .jp-carousel-overlay .swiper-rtl .swiper-button-next::after, .jp-carousel-overlay .swiper-button-prev::after, .jp-carousel-overlay .swiper-rtl .swiper-button-prev::after { content: none; } .jp-carousel-overlay .swiper-button-prev svg, .jp-carousel-overlay .swiper-button-next svg { height: 30px; width: 28px; background: var(--jp-carousel-bg-color); border-radius: 4px; } .jp-carousel-overlay .swiper-button-prev svg:hover, .jp-carousel-overlay .swiper-button-next svg:hover { background: var(--jp-carousel-primary-subtle-color); } .jp-carousel-overlay { font-family: "Helvetica Neue", sans-serif !important; z-index: 2147483647; overflow-x: hidden; overflow-y: auto; direction: ltr; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: var(--jp-carousel-bg-color); } .jp-carousel-overlay * { box-sizing: border-box; } /* Fix for Twenty Nineteen theme compatibility */ .jp-carousel-overlay h1::before, .jp-carousel-overlay h2::before, .jp-carousel-overlay h3::before { content: none; display: none; } .jp-carousel-overlay .swiper .swiper-button-prev { left: 0; right: auto; } .jp-carousel-overlay .swiper .swiper-button-next { right: 0; left: auto; } .jp-carousel-overlay .swiper.swiper-rtl .swiper-button-prev, .jp-carousel-overlay .swiper.swiper-rtl .swiper-button-next { transform: scaleX(-1); } .jp-carousel-container { display: grid; grid-template-rows: 1fr 64px; /* 1. main carousel, 2. info area as footer */ height: 100%; } .jp-carousel-hide-controls .jp-carousel-container { grid-template-rows: 1fr; } .jp-carousel-hide-controls .swiper-wrapper { margin-top: -32px; /* Compensate for the remove of the height of the info bar. */ } .jp-carousel-hide-controls .jp-swiper-button-next, .jp-carousel-hide-controls .jp-swiper-button-prev { margin-top: -54px; /* The height of the info bar plus any top padding on the nav button itself. */ } .jp-carousel-msg { font-family: "Open Sans", sans-serif; font-style: normal; display: inline-block; line-height: 19px; padding: 11px 15px; font-size: 14px; text-align: center; margin: 25px 20px 0 2px; background-color: var(--jp-carousel-primary-color); border-left: 4px solid #ffba00; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); } .jp-carousel-info { display: flex; flex-direction: column; text-align: left !important; -webkit-font-smoothing: subpixel-antialiased !important; z-index: 100; background-color: var(--jp-carousel-bg-color); transition: opacity 200ms ease-out; opacity: 1; } .jp-carousel-hide-controls .jp-carousel-info { visibility: hidden; height: 0; overflow: hidden; } .jp-carousel-info-footer { position: relative; background-color: var(--jp-carousel-bg-color); height: 64px; display: flex; align-items: center; justify-content: space-between; width: 100vw; } .jp-carousel-info-extra { display: none; background-color: var(--jp-carousel-bg-color); padding: 35px; width: 100vw; border-top: 1px solid var(--jp-carousel-bg-faded-color); } .jp-carousel-title-and-caption { margin-bottom: 15px; } .jp-carousel-info-extra.jp-carousel-show { display: block; } .jp-carousel-info ::selection { background: var(--jp-carousel-primary-color); /* Safari */ color: var(--jp-carousel-primary-color); } .jp-carousel-info ::-moz-selection { background: var(--jp-carousel-primary-color); /* Firefox */ color: var(--jp-carousel-primary-color); } .jp-carousel-photo-info { left: 0 !important; width: 100% !important; } .jp-carousel-comments-wrapper { padding: 0; width: 100% !important; display: none; } .jp-carousel-comments-wrapper.jp-carousel-show { display: block; } .jp-carousel-comments-wrapper > .jp-carousel-photo-info { display: none; } .jp-carousel-transitions .jp-carousel-photo-info { transition: 400ms ease-out; } .jp-carousel-buttons { margin: -18px -20px 15px; padding: 8px 10px; border-bottom: 1px solid #222; background: #222; text-align: center; } div.jp-carousel-buttons a { border: none !important; color: var(--jp-carousel-primary-subtle-color); font: 400 11px/1.2em "Helvetica Neue", sans-serif !important; letter-spacing: 0 !important; padding: 5px 2px 5px 0; text-decoration: none !important; text-shadow: none !important; vertical-align: middle; -webkit-font-smoothing: subpixel-antialiased; } div.jp-carousel-buttons a:hover { color: var(--jp-carousel-primary-color); border: none !important; } .jp-carousel-transitions div.jp-carousel-buttons a:hover { transition: none !important; } .jp-carousel-slide, .jp-carousel-slide img { transform: translate3d(0, 0, 0); } .jp-carousel-close-hint { letter-spacing: 0 !important; position: fixed; top: 20px; right: 30px; padding: 10px; text-align: right; width: 45px; height: 45px; z-index: 15; color: var(--jp-carousel-primary-color); cursor: pointer; transition: opacity 200ms ease-out; } .jp-carousel-transitions .jp-carousel-close-hint { transition: color 200ms linear; } .jp-carousel-close-hint svg { padding: 3px 2px; background: var(--jp-carousel-bg-color); border-radius: 4px; } .jp-carousel-close-hint svg:hover { background: var(--jp-carousel-primary-subtle-color); } .jp-carousel-close-hint:hover { color: var(--jp-carousel-primary-color); } .jp-carousel-close-hint:hover span { border-color: var(--jp-carousel-primary-color); } /** Pagination Start **/ .jp-carousel-pagination-container { flex: 1; margin: 0 15px 0 35px; } .jp-swiper-pagination, .jp-carousel-pagination { color: var(--jp-carousel-primary-color); font-size: 15px; /* same as .jp-carousel-info-footer .jp-carousel-photo-title */ font-weight: 400; white-space: nowrap; display: none; position: static !important; } .jp-carousel-pagination-container .swiper-pagination { text-align: left; line-height: 8px; } .jp-carousel-pagination { padding-left: 5px; } .jp-swiper-pagination .swiper-pagination-bullet { background: var(--jp-carousel-primary-subtle-color); margin: 0 4px; } .jp-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--jp-carousel-primary-color); } .jp-swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) { background: var(--jp-carousel-primary-color); opacity: 0.5; } /** Pagination End **/ /** Title and Desc Start **/ .jp-carousel-info-footer .jp-carousel-photo-title-container { flex: 4; justify-content: center; overflow: hidden; margin: 0; } .jp-carousel-photo-title, .jp-carousel-photo-caption { background: none !important; border: none !important; display: inline-block; font: 400 20px/1.3em "Helvetica Neue", sans-serif; line-height: normal; letter-spacing: 0 !important; margin: 0 0 10px 0; padding: 0; overflow: hidden; text-shadow: none !important; text-transform: none !important; color: var(--jp-carousel-primary-color); } .jp-carousel-info-footer .jp-carousel-photo-caption { text-align: center; font-size: 15px; /* same as .jp-carousel-pagination */ white-space: nowrap; color: var(--jp-carousel-primary-subtle-color); cursor: pointer; margin: 0; text-overflow: ellipsis; } .jp-carousel-info-footer .jp-carousel-photo-caption p { margin: 0; } .jp-carousel-photo-title { font-size: 32px; margin-bottom: 2px; } .jp-carousel-photo-description { color: var(--jp-carousel-primary-subtle-color); font-size: 16px; margin: 25px 0; width: 100%; overflow: hidden; overflow-wrap: break-word; } .jp-carousel-photo-description p { color: var(--jp-carousel-primary-subtle-color); line-height: 1.4; margin-bottom: 0; } .jp-carousel-photo-description p a, .jp-carousel-comments p a, .jp-carousel-info h2 a { color: var(--jp-carousel-primary-color) !important; border: none !important; text-decoration: underline !important; font-weight: 400 !important; font-style: normal !important; } .jp-carousel-photo-description p strong, .jp-carousel-photo-description p b { font-weight: 700; color: var(--jp-carousel-primary-subtle-color); } .jp-carousel-photo-description p em, .jp-carousel-photo-description p i { font-style: italic; color: var(--jp-carousel-primary-subtle-color); } .jp-carousel-photo-description p a:hover, .jp-carousel-comments p a:hover, .jp-carousel-info h2 a:hover { color: var(--jp-carousel-primary-subtle-color) !important; } .jp-carousel-photo-description p:empty { display: none; } .jp-carousel-photo-info h1::before, .jp-carousel-photo-info h1::after, .jp-carousel-comments-wrapper h1::before, .jp-carousel-comments-wrapper h1::after { content: none !important; } .jp-carousel-caption { font-size: 14px; font-weight: 400; margin: 0; } /** Title and Desc End **/ /** Meta Box Start **/ .jp-carousel-image-meta { color: var(--jp-carousel-primary-color); font: 12px/1.4 "Helvetica Neue", sans-serif !important; width: 100%; display: none; } .jp-carousel-image-meta.jp-carousel-show { display: block; } .jp-carousel-image-meta li, .jp-carousel-image-meta h5 { font-family: "Helvetica Neue", sans-serif !important; position: inherit !important; top: auto !important; right: auto !important; left: auto !important; bottom: auto !important; background: none !important; border: none !important; font-weight: 400 !important; /* stylelint-disable-next-line declaration-property-unit-allowed-list -- this should be changed to a unitless value: https://developer.wordpress.org/coding-standards/wordpress-coding-standards/css/#values */ line-height: 1.3em !important; } .jp-carousel-image-meta ul { margin: 0 !important; padding: 0 !important; list-style: none !important; } .jp-carousel-image-meta li { width: 48% !important; display: inline-block !important; vertical-align: top !important; margin: 0 2% 15px 0 !important; color: var(--jp-carousel-primary-color) !important; font-size: 13px !important; } .jp-carousel-image-meta h5 { color: var(--jp-carousel-primary-subtle-color) !important; text-transform: uppercase !important; font-size: 10px !important; margin: 0 0 2px !important; letter-spacing: 0.1em !important; } a.jp-carousel-image-download { display: inline-block; clear: both; color: var(--jp-carousel-primary-subtle-color); line-height: 1; font-weight: 400; font-size: 14px; text-decoration: none; } a.jp-carousel-image-download svg { display: inline-block; vertical-align: middle; margin: 0 3px; padding-bottom: 2px; } a.jp-carousel-image-download span.photo-size { font-size: 11px; border-radius: 1em; margin-left: 2px; display: inline-block; } a.jp-carousel-image-download span.photo-size-times { padding: 0 1px 0 2px; } /** Meta Box End **/ /** Comments Start **/ .jp-carousel-comments { font: 15px/1.7 "Helvetica Neue", sans-serif !important; font-weight: 400; background: none transparent; width: 100%; bottom: 10px; margin-top: 20px; } .jp-carousel-comments p a:hover, .jp-carousel-comments p a:focus, .jp-carousel-comments p a:active { color: var(--jp-carousel-primary-color) !important; } .jp-carousel-comment { background: none transparent; color: var(--jp-carousel-primary-subtle-color); overflow: auto; width: 100%; display: flex; } .jp-carousel-comment + .jp-carousel-comment { margin-top: 20px; } .jp-carousel-comment:last-of-type { margin-bottom: 20px; } .jp-carousel-comment p { color: var(--jp-carousel-primary-subtle-color) !important; } .jp-carousel-comment .comment-author { font-size: 15px; font-weight: 500; padding: 0; width: auto; display: inline; float: none; border: none; margin: 0; } .jp-carousel-comment .comment-author a { color: var(--jp-carousel-primary-color); } .jp-carousel-comment .comment-gravatar { float: none; margin-right: 10px; } .jp-carousel-comment .comment-content { border: none; padding: 0; } .jp-carousel-comment .avatar { margin: 0; border-radius: 4px; border: none !important; padding: 0 !important; background-color: transparent !important; min-width: 64px; min-height: 64px; width: 64px; height: 64px; } .jp-carousel-comment .comment-date { color: var(--jp-carousel-primary-subtle-color); font-size: 11px; border-bottom: 1px solid var(--jp-carousel-bg-faded-color); margin-bottom: 6px; } #jp-carousel-comment-form { margin: 0 0 10px !important; width: 100%; } #jp-carousel-comment-form.jp-carousel-is-disabled { opacity: 0.5; pointer-events: none; } textarea#jp-carousel-comment-form-comment-field { background: var(--jp-carousel-bg-faded-color); border: 1px solid var(--jp-carousel-border-color); color: var(--jp-carousel-primary-subtle-color); font: 16px/1.4 "Helvetica Neue", sans-serif !important; width: 100%; padding: 10px 10px 5px; margin: 0; float: none; height: 147px; box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.1); border-radius: 3px; overflow: hidden; box-sizing: border-box; } textarea#jp-carousel-comment-form-comment-field::-webkit-input-placeholder { color: #555; } textarea#jp-carousel-comment-form-comment-field:focus { background: var(--jp-carousel-bg-faded-color); color: var(--jp-carousel-primary-subtle-color); } textarea#jp-carousel-comment-form-comment-field:focus::-webkit-input-placeholder { color: var(--jp-carousel-primary-subtle-color); } #jp-carousel-loading-overlay { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; } #jp-carousel-loading-wrapper { display: flex; align-items: center; justify-content: center; height: 100vh; width: 100vw; } #jp-carousel-library-loading { color: var(--jp-carousel-primary-color); } #jp-carousel-comment-form-spinner { display: none; position: absolute; margin: 0 auto; top: calc(50% - 10px); left: 0; bottom: 0; right: 0; color: var(--jp-carousel-primary-color); text-align: center; } .jp-carousel-info-content-wrapper { max-width: 800px; margin: auto; } #jp-carousel-comment-form-submit-and-info-wrapper { display: none; overflow: hidden; width: 100%; } #jp-carousel-comment-form-commenting-as input { background: var(--jp-carousel-bg-color); border: 1px solid var(--jp-carousel-border-color); color: var(--jp-carousel-primary-subtle-color); font: 16px/1.4 "Helvetica Neue", sans-serif !important; padding: 10px; float: left; box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.2); border-radius: 2px; width: 285px; } #jp-carousel-comment-form-commenting-as input:focus { background: var(--jp-carousel-bg-faded-color); color: var(--jp-carousel-primary-subtle-color); } #jp-carousel-comment-form-commenting-as p { font: 400 13px/1.7 "Helvetica Neue", sans-serif !important; margin: 22px 0 0; float: left; } #jp-carousel-comment-form-commenting-as fieldset { float: left; border: none; margin: 20px 0 0 0; padding: 0; clear: both; } #jp-carousel-comment-form-commenting-as label { font: 400 13px/1.7 "Helvetica Neue", sans-serif !important; margin: 0 20px 3px 0; float: left; width: 100px; } #jp-carousel-comment-form-button-submit { margin-top: 20px; margin-left: auto; display: block; border: solid 1px var(--jp-carousel-primary-color); background: var(--jp-carousel-bg-color); border-radius: 3px; padding: 8px 16px; font-size: 14px; color: var(--jp-carousel-primary-color); } #jp-carousel-comment-form-button-submit:active, #jp-carousel-comment-form-button-submit:focus { background: var(--jp-carousel-primary-color); color: var(--jp-carousel-bg-color); } #jp-carousel-comment-form-container { margin-bottom: 15px; width: 100%; margin-top: 20px; color: var(--jp-carousel-primary-subtle-color); position: relative; overflow: hidden; } #jp-carousel-comment-post-results { display: none; overflow: auto; width: 100%; } #jp-carousel-comment-post-results span { display: block; text-align: center; margin-top: 20px; width: 100%; overflow: auto; padding: 1em 0; box-sizing: border-box; border-radius: 2px; font: 13px/1.4 "Helvetica Neue", sans-serif !important; border: 1px solid var(--jp-carousel-border-color); box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.2); } .jp-carousel-comment-post-error { color: #df4926; } #jp-carousel-comments-closed { display: none; color: var(--jp-carousel-primary-subtle-color); } #jp-carousel-comments-loading { font: 400 15px/1.7 "Helvetica Neue", sans-serif !important; display: none; color: var(--jp-carousel-primary-subtle-color); text-align: left; margin-bottom: 20px; width: 100%; bottom: 10px; margin-top: 20px; } /** Icons Start **/ .jp-carousel-photo-icons-container { flex: 1; display: block; text-align: right; margin: 0 20px 0 30px; white-space: nowrap; } .jp-carousel-icon-btn { padding: 16px; text-decoration: none; border: none; background: none; display: inline-block; height: 64px; } .jp-carousel-icon { border: none; display: inline-block; line-height: 0; font-weight: 400; font-style: normal; border-radius: 4px; width: 31px; /* Prevent comments indicator from changing icon width */ padding: 4px 3px 3px; } .jp-carousel-icon:hover { background: var(--jp-carousel-primary-subtle-color); } .jp-carousel-icon svg { display: inline-block; } .jp-carousel-overlay rect { fill: var(--jp-carousel-primary-color); } .jp-carousel-selected .jp-carousel-icon { background: var(--jp-carousel-primary-color); } .jp-carousel-selected rect { fill: var(--jp-carousel-bg-color); } .jp-carousel-icon-comments.jp-carousel-show { display: inline-block; } .jp-carousel-icon .jp-carousel-has-comments-indicator { display: none; font-size: 12px; vertical-align: top; margin-left: -16px; line-height: 1; padding: 2px 4px; border-radius: 4px; background: var(--jp-carousel-primary-color); color: var(--jp-carousel-bg-color); font-weight: 400; font-family: "Helvetica Neue", sans-serif !important; position: relative; } .jp-carousel-selected .jp-carousel-icon .jp-carousel-has-comments-indicator { background: var(--jp-carousel-bg-color); color: var(--jp-carousel-primary-color); } .jp-carousel-has-comments-indicator.jp-carousel-show { display: inline-block; } /** Icons End **/ /* Small screens */ @media only screen and ( max-width: 760px ) { .jp-carousel-overlay .swiper .swiper-button-next, .jp-carousel-overlay .swiper .swiper-button-prev { display: none !important; } .jp-carousel-buttons { display: none !important; } .jp-carousel-image-meta { float: none !important; width: 100% !important; box-sizing: border-box; margin-left: 0; } .jp-carousel-close-hint { font-size: 26px !important; position: fixed !important; top: 10px; right: 10px; } /* The admin bar is fixed at top: 0*/ .admin-bar .jp-carousel-close-hint { top: 40px; } .jp-carousel-slide img { opacity: 1; } .jp-carousel-wrap { background-color: var(--jp-carousel-bg-color); } .jp-carousel-fadeaway { display: none; } .jp-carousel-info > .jp-carousel-photo-info { display: none; } .jp-carousel-comments-wrapper > .jp-carousel-photo-info { display: block; } .jp-carousel-caption { overflow: visible !important; } .jp-carousel-info-footer .jp-carousel-photo-title-container { display: none; } .jp-carousel-photo-icons-container { margin: 0 10px 0 0; white-space: nowrap; } .jp-carousel-icon-btn { padding-left: 20px; } .jp-carousel-pagination { padding-left: 5px; } .jp-carousel-pagination-container { margin-left: 25px; } .jp-carousel-comment .avatar { min-width: 48px; } #jp-carousel-comment-form-commenting-as fieldset, #jp-carousel-comment-form-commenting-as input { width: 100%; float: none; } } .wp-block-gallery.wp-block-gallery-1{--wp--style--unstable-gallery-gap:var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );gap:var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );} /*# sourceURL=core-block-supports-inline-css */