/* Theme Name: GeneratePress Child Theme URI: https://generatepress.com Description: Default GeneratePress child theme Author: Tom Usborne Author URI: https://tomusborne.com Template: generatepress Version: 0.1 */ /***********************************************************************************************************************************************/ /********************A wizard is never late, Frodo Baggins. Nor is he early. He arrives precisely when he means*********************************/ /***********************************************************************************************************************************************/ /*******************************************************************************************************************/ /* GENERIC*/ /******************************************************************************************************************/ /****************************************************************************/ /* COLORS*/ /****************************************************************************/ :root { --main: #0198cf; --secondary: #F0F3F9; --additional1: #282f3b; --white: #ffffff; --black: #000000; } /****************************************************************************/ /* OVERFLOW*/ /****************************************************************************/ body { overflow-x: hidden; } body:not(.home) #content { max-width: 1440px; margin: 40px auto; } .inside-left-sidebar { position: sticky; top: 130px; padding-right: 100px; } .inside-right-sidebar { position: sticky; top: 130px; padding: 15px; background: #0198cf; } .sidebar .widget { background-color: transparent !important; } .is-right-sidebar { width: 23% !important; color: #143b85; } .site-content:has(.widget-area) .content-area { width: 77%; } .inside-article { padding: 0 !important; } @media(min-width:1280px) { .entry-content p { text-align: justify; } } /****************************************************************************/ /* HEROS*/ /****************************************************************************/ .heros { display: flex; flex-direction: column; justify-content: center; min-height: 320px; } .heros h1 { color: var(--white); font-size: 35px; font-weight: bold; text-align: center; position: relative; z-index: 2; } .heros .yoast-breadcrumbs { text-align: center; position: relative; z-index: 2; } .heros .yoast-breadcrumbs span, .heros .yoast-breadcrumbs span a { color: var(--white); text-decoration: none; text-transform: uppercase; } .heros .yoast-breadcrumbs span a:hover { color: var(--main); } /****************************************************************************/ /* PREVENTS SUB MENUS TO KEEP OPEN WHEN CLICKING IN PRIMARY MENU ELEMENTS*/ /****************************************************************************/ @media (min-width: 1025px) { body .main-navigation:not(.toggled) ul li.sfHover>ul { opacity: 0; } body .main-navigation:not(.toggled) ul li.sfHover:hover>ul { opacity: 1; } } /*******************************************************************************************************************/ /* HEADER*/ /******************************************************************************************************************/ /****************************************************************************/ /* GENERIC*/ /****************************************************************************/ .search-toggle svg:hover { cursor: pointer; } .search-toggle .panel { background-color: var(--main); position: absolute; top: 135%; left: 24%; width: 100vw; height: 0; overflow: hidden; display: block; z-index: 1000; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transition: height 0.3s ease; -webkit-transition: height 0.3s ease; -moz-transition: height 0.3s ease; -ms-transition: height 0.3s ease; -o-transition: height 0.3s ease; } .is_stuck .search-toggle .panel { top: 100%; left: 50%; } .search-toggle .panel .asl_w_container { padding-top: 22px; margin-left: auto; margin-right: auto; max-width: 1000px; } .search-toggle .panel #ajaxsearchlite1 { background-image: unset; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .search-toggle .panel .asl_w_container #ajaxsearchlite1 .probox, .search-toggle .panel .asl_w_container div.asl_w .probox { background-image: unset !important; background-color: var(--white) !important; padding: 10px; } .search-toggle .panel .asl_w_container div.asl_m .proinput input.orig::placeholder, .search-toggle .panel .asl_w_container #ajaxsearchlite1 .probox .proinput input, .search-toggle .panel .asl_w_container div.asl_w .probox .proinput input { color: var(--black) !important; font-size: 16px; } .search-toggle .panel .asl_w_container div.asl_w .probox .promagnifier { background-color: var(--main) !important; background-image: unset !important; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } div.asl_r.vertical { background: var(--main) !important; } /****************************************************************************/ /* TOP BAR*/ /****************************************************************************/ .top-bar { background-color: var(--main); } .top-bar-align-right .widget:first-child { margin-left: 0 !important; width: 100%; } .custom-top-bar { display: flex; justify-content: flex-start; align-items: center; gap: 0px 20px; flex-wrap: wrap; } .custom-top-bar h4 { display: flex; align-items: center; margin-bottom: 0px; font-size: 14px; } .custom-top-bar h4 a { text-decoration: none; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; } .custom-top-bar h4 a:hover { color: var(--white); opacity: 0.7; } .custom-top-bar .wp-block-social-links { margin-left: auto; } .custom-top-bar .wp-block-social-links li svg path { fill: var(--white); } /************************************************************/ /* RESPONSIVE*/ /************************************************************/ @media(max-width: 845px) { .custom-top-bar { gap: 0px 10px } .top-bar .gb-headline-text { width: 25px; height: 30px; overflow: hidden; margin-left: -28px; opacity: 0; } .top-bar .gb-icon svg { width: 18px !important; height: 18px !important; } .top-bar .widget>.gb-container>.gb-headline:nth-child(3) svg { height: 23px !important; width: 23px !important; } } /****************************************************************************/ /* MENU*/ /****************************************************************************/ #primary-menu>ul>li>ul { background-color: var(--white); box-shadow: none; margin-top: 20px !important; padding-bottom: 15px; } #primary-menu>ul>li>ul:before { content: ""; height: 35px; top: -35px; position: absolute; left: 0; right: 0; } #primary-menu>ul>li>a { color: var(--black); font-size: 15px; font-weight: bold; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; } #primary-menu>ul>li>a:hover { color: var(--main); } #primary-menu>ul>li>ul>li>a { font-size: 13px; line-height: 18px; padding-top: 5px; padding-bottom: 5px; } .main-navigation.is_stuck #primary-menu>ul>li>ul { margin-top: 0px !important; } .main-navigation a { font-size: 14px; } /****************************************************************************/ /* MEGA MENU*/ /****************************************************************************/ @media(min-width: 1101px) { .mega-sub-menu .mega-menu-item-has-children { /* margin-bottom: 10px !important; */ } .mega-sub-menu .mega-sub-menu { margin-bottom: 20px !important; } @media (min-width: 30px) { nav .main-nav .mega-menu { position: static; } nav .main-nav .mega-menu>ul { position: absolute; width: 100%; left: 0 !important; display: flex; flex-wrap: wrap; } #menu-item-27>.sub-menu { padding: 25px 15px; } #menu-item-27>.sub-menu>li>a { /*color: var(--black);*/ color: #0198cf; font-weight: bold; margin-top: 10px; margin-bottom: 10px; } #menu-item-27>.sub-menu>li>a:after { content: ''; border-bottom: 1px dashed rgba(0, 0, 0, 0.1); display: block; margin-top: 5px; margin-bottom: 15px; width: 100%; } #menu-item-27>.sub-menu>li .sub-menu { padding-left: 20px; } #menu-item-27>.sub-menu>li .sub-menu li a { font-size: 13px; padding: 10px 10px; transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; } #menu-item-27>.sub-menu>li .sub-menu li a::before { content: url('data:image/svg+xml;utf8,'); display: inline-block; margin-right: 8px; vertical-align: middle; } #menu-item-27>.sub-menu>li .sub-menu li a:hover { color: var(--main); transform: translateX(10px); -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); } #menu-item-27>.sub-menu>li .sub-menu li a:hover::before { content: url('data:image/svg+xml;utf8,'); } #menu-item-36>.sub-menu { padding: 25px 15px; } #menu-item-36>.sub-menu>li:nth-child(1) { width: calc(100% - 0px); } #menu-item-36>.sub-menu>li:nth-child(2), #menu-item-36>.sub-menu>li:nth-child(3) { width: calc(50% - 0px); } #menu-item-36>.sub-menu>li>.sub-menu>li>a:after { content: ''; border-bottom: 1px solid var(--main); display: block; margin-top: 5px; width: 100%; } #menu-item-36>.sub-menu>li .sub-menu { display: flex; flex-wrap: wrap; padding-left: 20px; } #menu-item-36>.sub-menu>li>.sub-menu>li { width: calc(50% - 0px); } #menu-item-36>.sub-menu>li>.sub-menu>li>a { font-size: 13px; padding: 10px 10px; } #menu-item-36>.sub-menu>li>.sub-menu>li .sub-menu li a { font-size: 12px; padding: 5px 5px; transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; } #menu-item-36>.sub-menu>li>.sub-menu>li .sub-menu a::before { content: url('data:image/svg+xml;utf8,'); display: inline-block; margin-right: 8px; vertical-align: middle; } #menu-item-36>.sub-menu>li>.sub-menu>li .sub-menu li a:hover { color: var(--main); transform: translateX(10px); -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); } #menu-item-36>.sub-menu>li>.sub-menu>li .sub-menu a:hover::before { content: url('data:image/svg+xml;utf8,'); } /* #menu-item-36 .element-bg>a { background-color: var(--main) !important; border-top-left-radius: 15px; border-bottom-right-radius: 15px; color: var(--white); padding: 10px 20px; margin-top: 10px; margin-bottom: 10px; width: fit-content; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; } #menu-item-36 .element-bg:hover>a { border-top-right-radius: 15px; border-top-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 15px; } */ #menu-item-36 .element-bg>a { /*color: var(--black);*/ color: #0198cf; font-weight: bold; margin-top: 10px; margin-bottom: 10px; } #menu-item-36 .element-bg>a:after { content: ''; border-bottom: 1px dashed rgba(0, 0, 0, 0.1); display: block; margin-top: 5px; margin-bottom: 15px; width: 100%; } nav .main-nav .mega-menu>ul>li>a { font-weight: bold; } /* nav .main-nav .mega-menu>ul>li { display: inline-block; width: 25%; vertical-align: top; } */ /* nav .main-nav .mega-menu.mega-menu-col-2>ul>li { width: 50%; } nav .main-nav .mega-menu.mega-menu-col-3>ul>li { width: 33.3333%; } */ /* nav .main-nav .mega-menu.mega-menu-col-5>ul>li { width: 20%; } */ nav .main-nav .mega-menu>ul>li:hover>a, nav .main-nav .mega-menu>ul>li:focus>a, nav .main-nav .mega-menu>ul>li[class*="current-"]>a, nav .main-nav .mega-menu ul ul { background-color: transparent !important; color: inherit; } nav .main-nav .mega-menu ul .sub-menu { position: static; display: block; opacity: 1; visibility: visible; width: 100%; box-shadow: 0 0 0; left: 0; height: auto; pointer-events: auto; transform: scale(1); } nav .main-nav .mega-menu ul.toggled-on .sub-menu { pointer-events: auto; } nav .main-nav .mega-menu .sub-menu .menu-item-has-children .dropdown-menu-toggle { display: none; } } #mega-menu-wrap-primary #mega-menu-primary>li>ul.mega-sub-menu { /* width: 1000px !important; max-width: 100vw !important; right: 0 !important; left: unset !important; */ } #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-tabbed>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link { width: 50% !important; padding: 25px 15px; border-bottom: 1px solid #dddfe1 !important; } #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-tabbed>ul.mega-sub-menu>li.mega-menu-item.mega-toggle-on>a.mega-menu-link { border-right: 3px solid #181516 !important; } #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-tabbed>ul.mega-sub-menu>li.mega-menu-item>ul.mega-sub-menu { width: 50% !important; left: 50% !important; background: #f9f9f9; } #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-tabbed>ul.mega-sub-menu { background: white !important; } #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-tabbed>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link .mega-indicator { display: none !important; } #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout>ul.mega-sub-menu { max-width: 300px !important; } } /****************************************************************************/ /* FLOATING ICONS*/ /****************************************************************************/ .header-widget { position: fixed; right: 0; top: 45%; z-index: 9999; display: flex; flex-direction: column; gap: 10px; } .header-widget .gb-button-text { display: none; } .header-widget .gb-button { border-radius: 12px 0px 0px 12px; } /*******************************************************************************************************************/ /* HOME*/ /******************************************************************************************************************/ /****************************************************************************/ /* SECTION 1*/ /****************************************************************************/ .home-section1 { border-bottom: 4px solid var(--main); position: relative; z-index: 1; } /****************************************************************************/ /* SECTION 2*/ /****************************************************************************/ .home-section2 { position: relative; z-index: 2; } .home-section2 .inner-container .gb-grid-wrapper { justify-content: space-between; gap: 0px; transform: translateY(-50px); -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); } .home-section2 .inner-container .gb-grid-wrapper>div:nth-child(1), .home-section2 .inner-container .gb-grid-wrapper>div:nth-child(3) { background-color: var(--main); } .home-section2 .inner-container .gb-grid-wrapper>div:nth-child(2) { background-color: var(--black); } .home-section2 .inner-container .gb-grid-wrapper>div:nth-child(1) { border-top-left-radius: 25px; } .home-section2 .inner-container .gb-grid-wrapper>div:nth-child(3) { border-bottom-right-radius: 25px; } .home-section2 .inner-container .gb-grid-wrapper>div>div { padding: 40px; } .home-section2 .inner-container .gb-grid-wrapper>div>div h3 { color: var(--white); font-weight: bold; } .home-section2 .inner-container .gb-grid-wrapper>div>div h3 svg { fill: none; stroke: var(--white); width: 50px; height: 50px; } .home-section2 .inner-container .gb-grid-wrapper>div>div p { color: var(--white); } .home-section2 .inner-container .gb-grid-wrapper>div>div .gb-button { background-color: transparent; border: 1px solid var(--white); border-top-left-radius: 10px; border-bottom-right-radius: 10px; font-weight: bold; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; } .home-section2 .inner-container .gb-grid-wrapper>div>div .gb-button .gb-icon { opacity: 0; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; } .home-section2 .inner-container .gb-grid-wrapper>div>div .gb-button:hover { border-top-left-radius: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; } .home-section2 .inner-container .gb-grid-wrapper>div>div .gb-button:hover .gb-icon { opacity: 1; } /****************************************************************************/ /* SECTION 3*/ /****************************************************************************/ .home-section3 { padding-top: 150px; padding-bottom: 150px; } .home-section3 .inner-container .main-grid { justify-content: space-between; align-items: center; gap: 50px; } .home-section3 .inner-container .main-grid>div { width: calc(50% - 50px); } .home-section3 .inner-container .main-grid>div { position: relative; z-index: 10; } .home-section3 .inner-container .main-grid>div:first-child::before { content: "18 Χρόνια Εμπειρίας"; position: absolute; top: 50px; left: -30px; background-color: var(--main); color: var(--white); padding: 10px 20px; font-size: 18px; font-weight: bold; border-radius: 5px 5px 0 0; z-index: 3; } :lang(en-US) .home-section3 .inner-container .main-grid>div:first-child::before { content: "18 Υears of Εxperience"; position: absolute; top: 50px; left: -30px; background-color: var(--main); color: var(--white); padding: 10px 20px; font-size: 18px; font-weight: bold; border-radius: 5px 5px 0 0; z-index: 3; } .home-section3 .inner-container .main-grid>div:first-child::after { content: ''; position: absolute; top: 77px; left: -50px; border-left: 40px solid transparent; border-right: 40px solid transparent; border-top: 40px solid var(--main); z-index: -1; opacity: 0.9; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); } .home-section3 .inner-container .main-grid>div img { position: relative; z-index: 2; } .home-section3 .inner-container .main-grid>div .supertitle { color: var(--main); font-size: 22px; font-weight: bold; margin-bottom: 5px; padding: 0px 8px; width: fit-content; } .home-section3 .inner-container .main-grid>div .supertitle svg path { fill: var(--main); } .home-section3 .inner-container .main-grid>div h2 { color: var(--black); font-size: 50px; font-weight: bold; } .home-section3 .inner-container .main-grid>div .inner-grid { justify-content: space-between; gap: 20px; } .home-section3 .inner-container .main-grid>div .inner-grid>div { width: calc(50% - 20px); } .home-section3 .inner-container .main-grid>div .inner-grid>div svg { background-color: var(--main); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; padding: 15px; width: 80px; height: 80px; } .home-section3 .inner-container .main-grid>div .inner-grid>div svg g { fill: none; stroke: var(--white); } .home-section3 .inner-container .main-grid>div .inner-grid>div h3 { font-weight: bold; margin-bottom: 10px; } .home-section3 .inner-container .main-grid>div .gb-button { background-color: var(--main); border-top-left-radius: 10px; border-bottom-right-radius: 10px; font-weight: bold; border: 1px solid var(--main); transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; } .home-section3 .inner-container .main-grid>div .gb-button .gb-icon { opacity: 0; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; } .home-section3 .inner-container .main-grid>div .gb-button:hover { border-top-left-radius: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; } .home-section3 .inner-container .main-grid>div .gb-button:hover .gb-icon { opacity: 1; } /****************************************************************************/ /* SECTION 4*/ /****************************************************************************/ .home-section4 { /* display: flex; align-items: flex-end; min-height: 650px; */ } .home-section4 .inner-container { position: relative; z-index: 2; max-width: 1700px !important; margin-bottom: 30px; } .home-section4 .inner-container h2 { color: var(--white); font-size: 50px; font-weight: bold; padding-left: 100px; } .home-section4 .inner-container p { color: var(--white); /* padding-bottom: 150px; max-width: 50%; */ } .home-section4 .inner-container .text { color: var(--white); /* padding-bottom: 150px; max-width: 50%; padding-left: 100px; */ } .home-section4 .inner-container .gb-grid-wrapper { justify-content: space-between; } .home-section4 .inner-container .gb-grid-wrapper>div { /* width: calc(33.33% - 0px); */ } .home-section4 .inner-container .gb-grid-wrapper>div>div { position: relative; } .home-section4 .inner-container .gb-grid-wrapper>div:nth-child(2) { /* border-left: 1px solid rgba(255, 255, 255, 0.2); border-right: 1px solid rgba(255, 255, 255, 0.2); */ } .home-section4 .inner-container .gb-grid-wrapper>div .gb-button { background-color: transparent; display: flex; align-items: center; /* justify-content: center; */ gap: 20px; font-size: 19px; font-weight: bold; padding-top: 20px; padding-bottom: 50px; position: relative; text-align: left; width: 100%; } .home-section4 .inner-container .gb-grid-wrapper>div .gb-button::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background-color: var(--main); z-index: -1; transition: height 0.3s ease; -webkit-transition: height 0.3s ease; -moz-transition: height 0.3s ease; -ms-transition: height 0.3s ease; -o-transition: height 0.3s ease; } .home-section4 .inner-container .gb-grid-wrapper>div .gb-button:hover::after { height: 100%; } .home-section4 .inner-container .gb-grid-wrapper>div .gb-button strong { font-size: 40px; } .home-section4 .inner-container .gb-grid-wrapper>div p { font-size: 13px; position: absolute; bottom: -20px; z-index: 2; padding-bottom: 10px; max-width: 100%; left: 0%; text-align: center; opacity: 0; width: 100%; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; } .home-section4 .inner-container .gb-grid-wrapper>div:hover>div p { opacity: 1; } .home-section4 .gb-headline { max-width: 1700px; margin: auto; color: white !important; opacity: 1 !important; margin-top: 50px; z-index: 15; display: block; position: relative; margin-bottom: 50px; font-size: 50px; font-weight: bold; } /****************************************************************************/ /* SECTION 5*/ /****************************************************************************/ .home-section5 { padding-top: 150px; padding-bottom: 150px; } .home-section5 .inner-container h2 { color: var(--black); font-size: 50px; font-weight: bold; text-align: center; } .home-section5 .inner-container .gb-grid-wrapper { justify-content: space-between; gap: 20px; padding-top: 25px; } .home-section5 .inner-container .gb-grid-wrapper>div { background-color: var(--main); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; text-align: center; width: calc(20% - 20px); } .home-section5 .inner-container .gb-grid-wrapper>div>div { padding: 40px; } .home-section5 .inner-container .gb-grid-wrapper>div>div svg { width: 80px; height: 80px; } .home-section5 .inner-container .gb-grid-wrapper>div>div svg path { fill: var(--white); } .home-section5 .inner-container .gb-grid-wrapper>div>div .wp-block-getwid-counter__number { color: var(--white); font-size: 50px; font-weight: bold; } .home-section5 .inner-container .gb-grid-wrapper>div:nth-child(4) .wp-block-getwid-counter__number:after { content: '%'; } .home-section5 .inner-container .gb-grid-wrapper>div>div .wp-block-getwid-counter__suffix { color: var(--white); } /****************************************************************************/ /* SECTION 6*/ /****************************************************************************/ .home-section6 { padding-top: 50px; padding-bottom: 50px; } .home-section6 .inner-container h2 { color: var(--white); font-size: 50px; font-weight: bold; padding-top: 70px; padding-bottom: 70px; } .home-section6 .inner-container .gb-tabs { background-image: url(/wp-content/uploads/2024/09/home-section6-inner-n-02-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; gap: 50px; padding: 100px 30px 100px 30px; position: relative; } .home-section6 .inner-container .gb-tabs::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); border-radius: inherit; z-index: 1; } .home-section6 .inner-container .gb-tabs .gb-tabs__buttons { background-color: var(--white); border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; justify-content: flex-end; z-index: 2; height: 350px; width: 500px; } .home-section6 .inner-container .gb-tabs .gb-tabs__buttons .gb-button { background-color: transparent; color: var(--black); flex-direction: column; font-size: 19px; font-weight: bold; text-align: left; } .home-section6 .inner-container .gb-tabs .gb-tabs__buttons .gb-button:after { content: ''; border-bottom: 1px solid rgba(0, 0, 0, 0.2); display: block; margin-top: 10px; width: 100%; } .home-section6 .inner-container .gb-tabs .gb-tabs__buttons .gb-button.gb-block-is-current, .home-section6 .inner-container .gb-tabs .gb-tabs__buttons .gb-button:hover { color: var(--main); } .home-section6 .inner-container .gb-tabs .gb-tabs__buttons .cta-container { background-color: var(--main); border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; padding-top: 5px; padding-bottom: 5px; margin-top: 20px; } .home-section6 .inner-container .gb-tabs .gb-tabs__buttons .cta-container .cta-button { background-color: transparent; } .home-section6 .inner-container .gb-tabs .gb-tabs__buttons .cta-container .cta-button a { color: var(--white); display: flex; align-items: center; gap: 20px; font-size: 18px; font-weight: bold; text-align: left; text-decoration: none; } .home-section6 .inner-container .gb-tabs .gb-tabs__buttons .cta-container .cta-button svg { width: 40px; height: 40px; } .home-section6 .inner-container .gb-tabs__items { background-color: transparent; z-index: 2; } .home-section6 .inner-container .gb-tabs__items #gb-tab-item-bf25913b, .home-section6 .inner-container .gb-tabs__items #gb-tab-item-9373a376, .home-section6 .inner-container .gb-tabs__items #gb-tab-item-24d3545e { min-height: 400px; min-width: 900px; } .home-section6 .inner-container .gb-tabs__items #gb-tab-item-bf25913b .gb-grid-wrapper, .home-section6 .inner-container .gb-tabs__items #gb-tab-item-9373a376 .gb-grid-wrapper, .home-section6 .inner-container .gb-tabs__items #gb-tab-item-24d3545e .gb-grid-wrapper { justify-content: space-between; gap: 20px; } .home-section6 .inner-container .gb-tabs__items #gb-tab-item-bf25913b .gb-grid-wrapper>div { border: 1px solid var(--white); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; padding: 20px; text-align: center; width: calc(50% - 20px); } .home-section6 .inner-container .gb-tabs__items #gb-tab-item-9373a376 .gb-grid-wrapper>div { border: 1px solid var(--white); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; padding: 20px; text-align: center; width: calc(50% - 20px); } .home-section6 .inner-container .gb-tabs__items #gb-tab-item-24d3545e .gb-grid-wrapper>div { border: 1px solid var(--white); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; padding: 20px; text-align: center; width: calc(50% - 20px); } .home-section6 .inner-container .gb-tabs__items #gb-tab-item-bf25913b .gb-grid-wrapper>div svg, .home-section6 .inner-container .gb-tabs__items #gb-tab-item-9373a376 .gb-grid-wrapper>div svg, .home-section6 .inner-container .gb-tabs__items #gb-tab-item-24d3545e .gb-grid-wrapper>div svg { width: 80px; height: 80px; } .home-section6 .inner-container .gb-tabs__items #gb-tab-item-bf25913b .gb-grid-wrapper>div svg path, .home-section6 .inner-container .gb-tabs__items #gb-tab-item-9373a376 .gb-grid-wrapper>div svg path, .home-section6 .inner-container .gb-tabs__items #gb-tab-item-24d3545e .gb-grid-wrapper>div svg path { fill: var(--white); } .home-section6 .inner-container .gb-tabs__items #gb-tab-item-bf25913b .gb-grid-wrapper>div h4, .home-section6 .inner-container .gb-tabs__items #gb-tab-item-9373a376 .gb-grid-wrapper>div h4, .home-section6 .inner-container .gb-tabs__items #gb-tab-item-24d3545e .gb-grid-wrapper>div h4 { color: var(--white); font-size: 19px; font-weight: bold; margin-bottom: 0px; } /****************************************************************************/ /* SECTION 7*/ /****************************************************************************/ .home-section7 { padding-top: 0px; padding-bottom: 0px; } .home-section7 .wrapper { position: relative; } .home-section7 .inner-container .inner-wrapper { display: flex; align-items: center; justify-content: space-between; justify-content: center; } .home-section7 .inner-container .inner-wrapper h2 { color: var(--black); font-size: 50px; font-weight: bold; padding-bottom: 30px; } .home-section7 .inner-container .gb-button { background-color: var(--main); border: 1px solid var(--main); border-top-left-radius: 10px; border-bottom-right-radius: 10px; display: flex; justify-content: center; align-items: center; font-weight: bold; margin-top: 30px; margin-left: auto; margin-right: auto; width: fit-content; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; } .home-section7 .inner-container .gb-button .gb-icon { opacity: 0; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; } .home-section7 .inner-container .gb-button:hover { border-top-left-radius: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; } .home-section7 .inner-container .gb-button:hover .gb-icon { opacity: 1; } .home-section7 .inner-container .gb-query-loop-wrapper { justify-content: space-between; gap: 10px; } .home-section7 .inner-container .gb-query-loop-wrapper>div { background-color: var(--main); padding: 0px; width: calc(25% - 10px); border-radius: 20px !important; overflow: hidden; } .home-section7 .inner-container .gb-query-loop-wrapper>div>div { background-color: transparent; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; position: relative; display: flex; flex-direction: column; justify-content: flex-end; position: relative; padding: 0px; overflow: hidden; min-height: 270px; } .home-section7 .inner-container .gb-query-loop-wrapper>div>div figure { margin-bottom: 0px; } /* .home-section7 .inner-container .gb-query-loop-wrapper>div>div figure:before { background-image: linear-gradient(to top, var(--black), rgba(0, 0, 30, 0)); content: ''; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; } .home-section7 .inner-container .gb-query-loop-wrapper>div:hover>div figure:before { opacity: 0; transform: translateY(100%); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); } */ .home-section7 .inner-container .gb-query-loop-wrapper>div>div figure, .home-section7 .inner-container .gb-query-loop-wrapper>div>div figure img { /* border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; */ width: 100%; } .home-section7 .inner-container .gb-query-loop-wrapper>div>div h3 { font-size: 14px; font-weight: bold; padding: 20px; position: relative; z-index: 3; } .home-section7 .inner-container .gb-query-loop-wrapper>div>div h3 a { color: var(--white); text-decoration: none; } .home-section7 .inner-container .gb-query-loop-wrapper>div:hover>div h3 a { /* color: var(--additional1); */ } /* .home-section7 .inner-container .gb-query-loop-wrapper>div>div .overlay { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; } */ /* .home-section7 .inner-container .gb-query-loop-wrapper>div>div .overlay:before { background: var(--additional1); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; content: ''; position: absolute; width: 0%; height: 100%; right: -30px; top: 0; z-index: 2; transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; } .home-section7 .inner-container .gb-query-loop-wrapper>div:hover>div .overlay:before { left: -30px; opacity: 0.9; width: calc(100% + 60px); } */ .home-section7 .inner-container .gb-query-loop-wrapper>div>div .taxonomy-category { color: var(--white); position: relative; /* top: 70%; */ padding-bottom: 15px; z-index: 3; display: flex; gap: 5px; flex-wrap: wrap; padding: 0px 20px 20px 20px; } .home-section7 .inner-container .gb-query-loop-wrapper>div>div .taxonomy-category a { color: var(--white); font-size: 14px; text-decoration: none; background: white; color: var(--accent); padding: 5px 10px; border-radius: 15px; font-weight: bold; } /****************************************************************************/ /* SECTION 8*/ /****************************************************************************/ .home-section8 { padding-top: 75px; padding-bottom: 75px; } .home-section8 .wrapper { background-color: var(--secondary); position: relative; padding-top: 150px; padding-bottom: 150px; } .home-section8 .wrapper h2 { color: var(--black); font-size: 50px; font-weight: bold; text-align: center; } .home-section8 .shape-top svg { position: absolute; top: -67px; z-index: 2; width: calc(100% + 1.3px); height: 67px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); } .home-section8 .shape-bottom svg { position: absolute; bottom: -67px; z-index: 2; width: calc(100% + 1.3px); height: 67px; } .home-section8 .shape-top svg path { fill: var(--secondary); } .home-section8 .shape-bottom svg path { fill: var(--secondary); } .home-section8 .wrapper .gb-query-loop-wrapper .slick-track>div>div { background-color: transparent; } .home-section8 .wrapper .gb-query-loop-wrapper .slick-track>div>div figure { display: flex !important; justify-content: flex-end; max-height: 50px; } .home-section8 .wrapper .gb-query-loop-wrapper .slick-track>div>div figure img { object-fit: contain; height: 50px; } .home-section8 .wrapper .gb-query-loop-wrapper .slick-track>div>div h4 { font-size: 17px; font-style: italic; font-weight: bold; padding-top: 20px; text-align: right; } .home-section8 .wrapper .gb-query-loop-wrapper .slick-dots { bottom: -50px; } .home-section8 .wrapper .gb-query-loop-wrapper .slick-dots li { background-color: var(--additional1); width: 50px; height: 5px; } .home-section8 .wrapper .gb-query-loop-wrapper .slick-dots li.slick-active { background-color: var(--main); } .home-section8 .wrapper .gb-query-loop-wrapper .slick-dots li button:before { content: ''; color: var(--main); font-size: 20px; opacity: 1; } /****************************************************************************/ /* SECTION 9*/ /****************************************************************************/ .home-section9 { padding-top: 75px; padding-bottom: 75px; } .home-section9 .shape-top svg { position: absolute; top: -67px; z-index: 2; width: calc(100% + 1.3px); height: 67px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); } .home-section9 .shape-bottom svg { position: absolute; bottom: -67px; z-index: 2; width: calc(100% + 1.3px); height: 67px; } .home-section9 .shape-top svg path { fill: var(--secondary); } .home-section9 .shape-bottom svg path { fill: var(--secondary); } .home-section9 .wrapper { background-color: var(--secondary); position: relative; padding-top: 150px; padding-bottom: 150px; } .home-section9 .inner-container .inner-wrapper { display: flex; align-items: center; justify-content: space-between; justify-content: center; } .home-section9 .inner-container .inner-wrapper h2 { color: var(--black); font-size: 50px; font-weight: bold; padding-bottom: 30px; } .home-section9 .inner-container .gb-button { background-color: var(--main); border-top-left-radius: 10px; border-bottom-right-radius: 10px; display: flex; justify-content: center; align-items: center; font-weight: bold; border: 1px solid var(--main); margin-top: 30px; margin-left: auto; margin-right: auto; width: fit-content; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; } .home-section9 .inner-container .gb-button .gb-icon { opacity: 0; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; } .home-section9 .inner-container .gb-button:hover { border-top-left-radius: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; } .home-section9 .inner-container .gb-button:hover .gb-icon { opacity: 1; } .home-section9 .inner-container .gb-query-loop-wrapper { justify-content: space-between; gap: 10px; } .home-section9 .inner-container .gb-query-loop-wrapper>div { background-color: #0198cf; padding: 0px; width: calc(33.33% - 10px); /* border-radius: 20px !important; */ overflow: hidden; /* background: linear-gradient(to bottom, #0198cf 50%, rgba(0, 0, 0, 0) 100%); */ border-radius: 12px !important; border: 20px solid white !important; } .home-section9 .inner-container .gb-query-loop-wrapper>div>div { background-color: transparent; position: relative; display: flex; flex-direction: column; justify-content: space-between; position: relative; padding: 0px; overflow: hidden; min-height: 350px; height: 100%; padding-bottom: 20px; border-radius: 0; } .home-section9 .inner-container .gb-query-loop-wrapper>div>div figure { margin-bottom: 10px !important; } .home-section9 .gb-query-loop-item .gb-button { margin: unset !important; margin-left: auto !important; margin-right: 20px !important; font-size: 0; background-image: url("data:image/svg+xml,%0A%3Csvg width='20px' height='20px' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Complete'%3E%3Cg id='arrow-right'%3E%3Cg%3E%3Cpolyline data-name='Right' fill='none' id='Right-2' points='16.4 7 21.5 12 16.4 17' stroke='%23081020' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline fill='none' stroke='%23081020' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' x1='2.5' x2='19.2' y1='12' y2='12'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); width: 50px; height: 50px; background-repeat: no-repeat; background-position: center; border-top-left-radius: 12px !important; border-bottom-right-radius: 12px !important; background-color: white; border-color: #0198cf !important; } .home-section9.home-section7 .inner-container .gb-query-loop-wrapper>div { width: calc(25% - 10px) !important; } /* .home-section9 .inner-container .gb-query-loop-wrapper>div>div figure:before { background-image: linear-gradient(to top, var(--black), rgba(0, 0, 30, 0)); content: ''; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; } */ /* .home-section9 .inner-container .gb-query-loop-wrapper>div:hover>div figure:before { opacity: 0; transform: translateY(100%); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); } */ .home-section9 .inner-container .gb-query-loop-wrapper>div>div figure, .home-section9 .inner-container .gb-query-loop-wrapper>div>div figure img { /* border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; */ width: 100%; } .home-section9 .inner-container .gb-query-loop-wrapper>div>div h3 { font-size: 18px !important; font-weight: bold; padding: 20px; /* bottom: 35px; position: absolute; */ z-index: 3; } .home-section9 .inner-container .gb-query-loop-wrapper>div>div h3 a { color: var(--white); text-decoration: none; } .home-section9 .inner-container .gb-query-loop-wrapper>div:hover>div h3 a { /* color: var(--additional1); */ } .home-section9 .inner-container .gb-query-loop-wrapper>div>div .taxonomy-category { color: var(--white); position: relative; /* top: 70%; */ padding-bottom: 15px; z-index: 3; display: flex; gap: 5px; flex-wrap: wrap; padding: 0px 20px 20px 20px; } .home-section9 .inner-container .gb-query-loop-wrapper>div>div .taxonomy-category a { color: var(--white); font-size: 12px; text-decoration: none; background: white; color: #0198cf; padding: 5px 10px; border-radius: 15px; font-weight: bold; } .home-section9 .inner-container .gb-query-loop-wrapper>div>div .taxonomy-category .wp-block-post-terms__separator { display: none; } /* .home-section9 .inner-container .gb-query-loop-wrapper>div>div .overlay { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; } */ /* .home-section9 .inner-container .gb-query-loop-wrapper>div>div .overlay:before { background: var(--additional1); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; content: ''; position: absolute; width: 0%; height: 100%; right: -30px; top: 0; z-index: 2; transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; } */ /* .home-section9 .inner-container .gb-query-loop-wrapper>div:hover>div .overlay:before { left: -30px; opacity: 0.9; width: calc(100% + 60px); } */ /****************************************************************************/ /* SECTION 10*/ /****************************************************************************/ .home-section10 { padding-top: 50px; padding-bottom: 50px; } .home-section10 .inner-container h2 { color: var(--black); font-size: 50px; font-weight: bold; padding-bottom: 30px; } .home-section10 .inner-container .wp-block-gallery .slick-track .wp-block-image { display: block; max-height: 56px; margin-left: 20px; margin-right: 20px; } .home-section10 .inner-container .wp-block-gallery .slick-track .wp-block-image img { object-fit: contain; height: 56px; width: 100%; } .home-section10 .inner-container .wp-block-gallery .slick-dots { bottom: -80px; } .home-section10 .inner-container .wp-block-gallery .slick-dots li { background-color: var(--additional1); width: 50px; height: 5px; } .home-section10 .inner-container .wp-block-gallery .slick-dots li.slick-active { background-color: var(--main); } .home-section10 .inner-container .wp-block-gallery .slick-dots li button:before { content: ''; color: var(--main); font-size: 20px; opacity: 1; } /*******************************************************************************************************************/ /* ABOUT*/ /******************************************************************************************************************/ /****************************************************************************/ /* SECTION 1*/ /****************************************************************************/ .about-section1 { padding-top: 50px; padding-bottom: 50px; } .about-section1 .inner-container .gb-grid-wrapper { justify-content: space-between; align-items: center; gap: 50px; } .about-section1 .inner-container .gb-grid-wrapper>div { width: calc(50% - 50px); } /****************************************************************************/ /* SECTION 2*/ /****************************************************************************/ .about-section2 { padding-top: 150px; padding-bottom: 150px; } .about-section2 .inner-container h2 { color: var(--black); font-size: 50px; font-weight: bold; text-align: center; } .about-section2 .inner-container .gb-grid-wrapper { justify-content: space-between; gap: 20px; padding-top: 25px; } .about-section2 .inner-container .gb-grid-wrapper>div { text-align: center; width: calc(33.33% - 20px); } .about-section2 .inner-container .gb-grid-wrapper>div>div { padding: 40px; } .about-section2 .inner-container .gb-grid-wrapper>div>div svg { width: 80px; height: 80px; } .about-section2 .inner-container .gb-grid-wrapper>div>div svg path { fill: var(--main); } .about-section2 .inner-container .gb-grid-wrapper>div>div .wp-block-getwid-counter__number { color: var(--main); font-size: 50px; font-weight: bold; } /****************************************************************************/ /* SECTION 3*/ /****************************************************************************/ .about-section3 { padding-top: 150px; padding-bottom: 150px; } .about-section3 .inner-container h2 { color: var(--black); font-size: 50px; font-weight: bold; text-align: center; padding-bottom: 30px; } .about-section3 .inner-container .gb-query-loop-wrapper .slick-track>div { margin-left: 15px; margin-right: 15px; } .about-section3 .inner-container .gb-query-loop-wrapper .slick-track>div>div, .about-section3 .inner-container .gb-query-loop-wrapper .grid-element-team { background-color: var(--white); border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; padding: 0px; position: relative; } .about-section3 .inner-container .gb-query-loop-wrapper .slick-track>div>div figure, .about-section3 .inner-container .gb-query-loop-wrapper .grid-element-team figure { margin-bottom: 0px; } .about-section3 .inner-container .gb-query-loop-wrapper .slick-track>div>div img, .about-section3 .inner-container .gb-query-loop-wrapper .grid-element-team img { border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; } .about-section3 .inner-container .gb-query-loop-wrapper .slick-track>div>div::after, .about-section3 .inner-container .gb-query-loop-wrapper .grid-element-team::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 150px; background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); border-radius: 0 0 15px 15px; } .about-section3 .inner-container .gb-query-loop-wrapper .slick-track>div>div .team-block-content, .about-section3 .inner-container .gb-query-loop-wrapper .grid-element-team .team-block-content { position: absolute; top: 0; left: 0; padding: 20px; display: flex; flex-direction: column; height: 100%; justify-content: flex-end; } .about-section3 .inner-container .gb-query-loop-wrapper .slick-track>div>div .team-block-content h3 a, .about-section3 .inner-container .gb-query-loop-wrapper .grid-element-team .team-block-content h3 a { color: var(--white); font-size: 20px; font-weight: bold; text-decoration: none; position: relative; z-index: 2; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; } .about-section3 .inner-container .gb-query-loop-wrapper .slick-track>div:hover>div h3, .about-section3 .inner-container .gb-query-loop-wrapper .slick-track>div:hover>div .team-block-content .job-title, .about-section3 .inner-container .gb-query-loop-wrapper .grid-element-team:hover h3, .about-section3 .inner-container .gb-query-loop-wrapper .grid-element-team:hover .team-block-content .job-title { opacity: 0; height: 0px; } .about-section3 .inner-container .gb-query-loop-wrapper .slick-track>div>div .team-block-content .job-title, .about-section3 .inner-container .gb-query-loop-wrapper .grid-element-team .team-block-content .job-title { color: var(--white); margin-bottom: 5px; position: relative; z-index: 2; } .about-section3 .inner-container .gb-query-loop-wrapper .slick-track>div>div .team-block-content .gb-button, .about-section3 .inner-container .gb-query-loop-wrapper .grid-element-team .team-block-content .gb-button { background-color: var(--main); border-top-left-radius: 10px; border-bottom-right-radius: 10px; font-weight: bold; padding: 10px 20px; display: none; /* position: absolute; */ z-index: 2; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; } .about-section3 .inner-container .gb-query-loop-wrapper .slick-track>div:hover>div .team-block-content .gb-button, .about-section3 .inner-container .gb-query-loop-wrapper .grid-element-team:hover .team-block-content .gb-button { display: block; max-width: fit-content; } .about-section3 .inner-container .gb-query-loop-wrapper .slick-track>div:hover>div .team-block-content, .about-section3 .inner-container .gb-query-loop-wrapper .grid-element-team:hover .team-block-content { background: rgba(0, 0, 0, 0.6); justify-content: space-between; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } .about-section3 .inner-container .gb-query-loop-wrapper .slick-track>div>div .team-block-content .gb-button .gb-icon, .about-section3 .inner-container .gb-query-loop-wrapper .grid-element-team .team-block-content .gb-button .gb-icon { opacity: 0; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; } .about-section3 .inner-container .gb-query-loop-wrapper .slick-track>div>div .team-block-content .gb-button:hover, .about-section3 .inner-container .gb-query-loop-wrapper .grid-element-team .team-block-content .gb-button:hover { border-top-left-radius: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; } .about-section3 .inner-container .gb-query-loop-wrapper .slick-track>div>div .team-block-content .gb-button:hover .gb-icon, .about-section3 .inner-container .gb-query-loop-wrapper .grid-element-team .team-block-content .gb-button:hover .gb-icon { opacity: 1; } .about-section3 .inner-container .gb-query-loop-wrapper .slick-dots { bottom: -80px; } .about-section3 .inner-container .gb-query-loop-wrapper .slick-dots li { background-color: var(--black); width: 50px; height: 5px; } .about-section3 .inner-container .gb-query-loop-wrapper .slick-dots li.slick-active { background-color: var(--main); } .about-section3 .inner-container .gb-query-loop-wrapper .slick-dots li button:before { content: ''; color: var(--main); font-size: 20px; opacity: 1; } .about-section3 .inner-container .gb-query-loop-wrapper .post-excert { color: white; font-weight: bold; font-size: 18px; display: none; margin-bottom: 0; } .about-section3 .inner-container .gb-query-loop-wrapper .slick-track>div:hover>div .post-excert, .about-section3 .inner-container .gb-query-loop-wrapper .grid-element-team:hover .post-excert { display: block !important; } .about-section3 .inner-container .gb-query-loop-wrapper .read-more-container { display: none !important; } .page-id-690 .about-section3 { padding: unset; } /*******************************************************************************************************************/ /* BLOG & CATEGORY ARCHIVE*/ /******************************************************************************************************************/ /****************************************************************************/ /* GENERIC*/ /****************************************************************************/ .blog .site-main>div, .archive.category .site-main>div { justify-content: space-between; gap: 20px; padding-top: 50px; } .blog .site-main>div article, .archive.category .site-main>div article { box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.05); padding-left: 0px; width: calc(33.33% - 20px); } .blog .site-main .inside-article, .archive.category .site-main .inside-article { padding: 0px; position: relative; } .blog .site-main .post-image img, .archive.category .post-image img { width: 100%; } .blog .site-main .entry-title, .archive.category .site-main .entry-title { font-size: 20px; font-weight: bold; padding-left: 20px; padding-right: 20px; } /* .archive.category .site-main .entry-header { margin-bottom: 50px; } */ .blog .site-main .entry-header .entry-meta, .archive.category .site-main .entry-header .entry-meta, .blog .site-main .entry-summary, .archive.category .site-main .entry-summary { padding-left: 20px; padding-right: 20px; } .blog .site-main .entry-summary, .archive.category .site-main .entry-summary { padding-bottom: 20px; } .blog .site-main .entry-summary .read-more, .archive.category .site-main .entry-summary .read-more { background-color: transparent; color: var(--black); display: flex; align-items: center; gap: 10px; font-size: 14px; padding: 0px; min-height: 20px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; } .blog .site-main .entry-summary .read-more:after, .archive.category .site-main .entry-summary .read-more:after { content: ''; background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 5 7 7-7 7'/%3E%3C/svg%3E%0A"); background-size: contain; background-repeat: no-repeat; display: block; width: 15px; height: 15px; } .blog .site-main .entry-summary .read-more:hover:after, .archive.category .site-main .entry-summary .read-more:hover:after { background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%230198cf' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 5 7 7-7 7'/%3E%3C/svg%3E%0A"); } .blog .site-main .entry-summary .read-more:hover, .archive.category .site-main .entry-summary .read-more:hover { color: var(--main); } .blog .site-main .inside-article footer.entry-meta, .archive.category .site-main .inside-article footer.entry-meta { position: absolute; top: 0; left: 15px; } .blog .site-main .inside-article footer.entry-meta .icon-categories, .archive.category .site-main .inside-article footer.entry-meta .icon-categories { display: none; } .blog .site-main .inside-article footer.entry-meta .cat-links, .archive.category .site-main .inside-article footer.entry-meta .cat-links { color: var(--white); } .blog .site-main .inside-article footer.entry-meta .cat-links a, .archive.category .site-main .inside-article footer.entry-meta .cat-links a { background-color: var(--main); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; color: var(--white); text-decoration: none; padding: 5px 10px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; } .blog .site-main .inside-article footer.entry-meta .cat-links a:hover, .archive.category .site-main .inside-article footer.entry-meta .cat-links a:hover { opacity: 0.7; } .archive.category .site-main .read-more { background-color: var(--main); border: 1px solid transparent; border-top-left-radius: 12px; border-bottom-right-radius: 12px; display: flex; justify-content: center; align-items: center; float: right; margin-right: 30px; margin-bottom: 30px; width: 50px; height: 50px; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; } .archive.category .site-main .read-more svg { color: var(--white); } .archive.category .site-main .read-more:hover { background-color: transparent; border-color: var(--main); } .archive.category .site-main .read-more:hover svg { color: var(--main); } /*******************************************************************************************************************/ /* TEAM*/ /******************************************************************************************************************/ body.omada-template-default.single .heros { background-image: url('/wp-content/uploads/2025/03/dioikitiki-omada-vkpremium.jpg'); } /*******************************************************************************************************************/ /* SINGLE POST*/ /******************************************************************************************************************/ /****************************************************************************/ /* GENERIC*/ /****************************************************************************/ .hr_color { background: #27c2d6; color: #27c2d6; } .single-post .entry-header { display: flex; flex-direction: column; } .single-post .entry-header footer { order: -1; } .single-post .cat-links a { font-size: 13px !important; padding: 10px 15px !important; } .single-post .entry-header div.entry-meta { display: none; } .single-post .featured-image { border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; margin-left: auto; margin-right: auto; max-width: 720px; } .single-post .featured-image img { border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; } .single-post .yoast-breadcrumb { text-align: center; margin-bottom: 1em; } .single-post .yoast-breadcrumb span, .single-post .yoast-breadcrumb span a { color: var(--black); font-size: 15px; text-decoration: none; } .single-post .yoast-breadcrumb span a:hover { color: var(--main); } .single-post .entry-title { font-size: 32px; } .single-post .cat-links { color: var(--white); display: block; margin-bottom: 2em; width: fit-content; } .single-post .cat-links a { background-color: var(--main); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; color: var(--white); text-decoration: none; padding: 15px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; } .single-post .cat-links a:hover { opacity: 0.7; } .single-post h3 { font-size: 25px; } #page .single-post h4 { font-size: 20px; } @media(min-width:1280px) { .single-post article .inside-article .entry-content p { text-align: justify; } } /****************************************************************************/ /* RELATED POSTS*/ /****************************************************************************/ .single-post .related-posts ul { display: flex; justify-content: space-between; gap: 10px; list-style-type: none; padding: 0px; margin: 0px; } .single-post .related-posts ul li { border-top-left-radius: 15px; border-top-right-radius: 15px; width: calc(33.33% - 10px); } .single-post .related-posts ul li .post-image { border-top-left-radius: 15px; border-top-right-radius: 15px; display: block; width: 100%; } .single-post .related-posts ul li .post-image img { border-top-left-radius: 15px; border-top-right-radius: 15px; } .single-post .related-posts ul li .content-wrapper { background-color: var(--main); border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; position: relative; min-height: 200px; } .single-post .related-posts ul li .content-wrapper h3 { color: var(--white); font-size: 18px !important; font-weight: bold; padding: 20px 20px 0px 20px; margin-bottom: 10px; } .single-post .related-posts ul li .content-wrapper h3 a { color: var(--white); font-size: 18px !important; text-decoration: none; } .single-post .related-posts ul li:hover .content-wrapper h3 a { color: var(--additional1); } .single-post .related-posts ul li .content-wrapper .post-categories { color: var(--white); position: absolute; bottom: 20px; padding-bottom: 15px; left: 5%; z-index: 3; } .single-post .related-posts ul li .content-wrapper .post-categories a { color: var(--white); font-size: 15px; text-decoration: none; } /*******************************************************************************************************************/ /* CONTACT*/ /******************************************************************************************************************/ /****************************************************************************/ /* SECTION 1*/ /****************************************************************************/ .contact-section1 { padding-top: 50px; padding-bottom: 50px; } .contact-section1 .inner-container .gb-grid-wrapper { justify-content: space-between; align-items: center; gap: 50px; } .contact-section1 .inner-container .gb-grid-wrapper>div { width: calc(50% - 50px); } .contact-section1 .inner-container .gb-grid-wrapper>div .wpcf7-form { box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, .05); border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; padding: 50px 45px 35px; } .contact-section1 .inner-container .gb-grid-wrapper>div .wpcf7-form .wpcf7-text, .contact-section1 .inner-container .gb-grid-wrapper>div .wpcf7-form .wpcf7-email, .contact-section1 .inner-container .gb-grid-wrapper>div .wpcf7-form .wpcf7-textarea { background-color: transparent; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; margin-bottom: 20px; width: 100%; } .contact-section1 .inner-container .gb-grid-wrapper>div .wpcf7-form .wpcf7-acceptance { display: block; margin-bottom: 10px; } .contact-section1 .inner-container .gb-grid-wrapper>div .wpcf7-form .wpcf7-acceptance a { color: var(--black); } .contact-section1 .inner-container .gb-grid-wrapper>div .wpcf7-form .wpcf7-acceptance a:hover { color: var(--main); } .contact-section1 .inner-container .gb-grid-wrapper>div .wpcf7-form .wpcf7-submit { background-color: var(--main); border-top-left-radius: 15px; border-bottom-right-radius: 15px; color: var(--white); font-weight: bold; padding: 15px 30px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; width: 100%; } .contact-section1 .inner-container .gb-grid-wrapper>div .wpcf7-form .wpcf7-submit:hover { border-top-left-radius: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; } .contact-section1 .inner-container .gb-grid-wrapper>div .supertitle { color: var(--main); font-size: 20px; font-weight: bold; margin-bottom: 10px; width: fit-content; } .contact-section1 .inner-container .gb-grid-wrapper>div .supertitle:after { content: ''; border-bottom: 1px solid var(--main); display: block; margin-top: 5px; width: 100%; } .contact-section1 .inner-container .gb-grid-wrapper>div h2 { color: var(--black); font-size: 50px; font-weight: bold; } .contact-section1 .inner-container .gb-grid-wrapper>div h4 { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; padding: 20px; } .contact-section1 .inner-container .gb-grid-wrapper>div h4 .gb-icon { background-color: var(--main); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: flex; align-items: center; justify-content: center; width: 50px; min-width: 50px; height: 50px; } .contact-section1 .inner-container .gb-grid-wrapper>div h4 svg { width: 30px; height: 30px; fill: none; } .contact-section1 .inner-container .gb-grid-wrapper>div h4 svg path { stroke: var(--white); } .contact-section1 .inner-container .gb-grid-wrapper>div h4 a { color: var(--black); font-size: 18px; text-decoration: none; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; } .contact-section1 .inner-container .gb-grid-wrapper>div h4 a:hover { color: var(--main); } .contact-section1 .inner-container .gb-grid-wrapper>div .wp-block-social-links { margin-top: 30px; } .contact-section1 .inner-container .gb-grid-wrapper>div .wp-block-social-links li { background-color: var(--main); } /*******************************************************************************************************************/ /* FOOTER*/ /******************************************************************************************************************/ /****************************************************************************/ /* BEFORE FOOTER*/ /****************************************************************************/ .before-footer { transform: translateY(50px); -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); } .before-footer .inner-container { background-image: url(/wp-content/uploads/2024/09/before-footer-bg.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; max-width: 1000px; padding: 50px; position: relative; } .before-footer .inner-container::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); border-radius: inherit; z-index: 1; } .before-footer .inner-container h2 { color: var(--white); font-weight: bold; text-align: center; position: relative; z-index: 2; } .before-footer .inner-container p { color: var(--white); text-align: center; position: relative; z-index: 2; } .before-footer .inner-container #mailpoet_form_1 form.mailpoet_form { display: flex; flex-wrap: wrap; padding: 0px; margin-left: auto; margin-right: auto; max-width: 60%; position: relative; z-index: 2; } .before-footer .inner-container #mailpoet_form_1 form.mailpoet_form .mailpoet_paragraph:nth-child(7) { width: calc(60% - 0px) !important; } .before-footer .inner-container #mailpoet_form_1 form.mailpoet_form .mailpoet_paragraph:nth-child(8) { width: calc(40% - 0px) !important; } .before-footer .inner-container #mailpoet_form_1 form.mailpoet_form #form_email_1 { border-top-left-radius: 15px; padding: 17px 30px !important; } .before-footer .inner-container #mailpoet_form_1 form.mailpoet_form .mailpoet_submit { background-color: var(--black); border-bottom-right-radius: 15px; font-weight: bold; padding: 17px 30px !important; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; } .before-footer .inner-container #mailpoet_form_1 form.mailpoet_form .mailpoet_submit:hover { background-color: var(--main); } .before-footer .inner-container #mailpoet_form_1 form.mailpoet_form .mailpoet_paragraph.last { color: var(--white); text-align: center; width: calc(100% - 0px) !important; } .before-footer .inner-container #mailpoet_form_1 form.mailpoet_form .mailpoet_paragraph.last a { color: var(--white); transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; } .before-footer .inner-container #mailpoet_form_1 form.mailpoet_form .mailpoet_paragraph.last a:hover { opacity: 0.7; } .before-footer .gb-button { background-color: var(--main); border-top-left-radius: 15px; border-bottom-right-radius: 15px; color: var(--white); font-weight: bold; padding: 15px 30px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; width: 100%; z-index: 15; position: relative; } :lang(en-US) .site-footer #block-5 { display: none; } /****************************************************************************/ /* GENERIC*/ /****************************************************************************/ .site-footer .footer-widgets { background-color: var(--black); padding-top: 100px; } /****************************************************************************/ /* COLUMNS*/ /****************************************************************************/ .site-footer .footer-widgets h2 { color: var(--white); font-size: 25px; } .site-footer .footer-widgets .foot-col1 img { margin-bottom: 20px; } .site-footer .footer-widgets .foot-col1 p { color: var(--white); } .site-footer .footer-widgets ul li a { color: var(--white); text-decoration: underline; } .site-footer .footer-widgets .foot-col4 h4 { color: var(--white); font-size: 18px; font-weight: bold; } .site-footer .footer-widgets .foot-col4 p { color: var(--white); font-size: 16px; } .site-footer .footer-widgets .foot-col4 p a { color: var(--white); text-decoration: none; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; } .site-footer .footer-widgets .foot-col4 p a:hover { color: var(--main); } /****************************************************************************/ /* COPYRIGHT*/ /****************************************************************************/ .site-info { background-color: var(--main); border-top: 1px solid rgba(255, 255, 255, 0.1); } .copyright-bar { color: var(--white); display: flex; justify-content: center; align-items: center; gap: 10px; } .copyright-bar a { display: flex; align-items: center; } @media(max-width: 912px) { .copyright-bar { flex-direction: column; } } /*******************************************************************************************************************/ /* GALLERY CUSTOMERS PAGE*/ /******************************************************************************************************************/ .page-id-694 .wp-block-gallery.has-nested-images figure.wp-block-image img { max-height: 70px; width: auto; margin: auto; } .page-id-694 .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) { margin: unset !important; display: block !important; } .page-id-694 figure.wp-block-gallery.has-nested-images { align-items: normal; gap: 30px; justify-content: center !important; align-content: center !important; align-items: center !important; align-content: center !important; } .page-id-69229 .wp-block-gallery.has-nested-images figure.wp-block-image img { max-height: 70px; width: auto; margin: auto; } .page-id-69229 .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) { margin: unset !important; display: block !important; } .page-id-69229 figure.wp-block-gallery.has-nested-images { align-items: normal; gap: 30px; justify-content: center !important; align-content: center !important; align-items: center !important; align-content: center !important; } /*******************************************************************************************************************/ /* CASE STUDIES*/ /******************************************************************************************************************/ .post-type-archive-case_studies #main article { display: none; } .custom-grid-for-case-studies .pt-cv-content-item.pt-cv-1-col { padding: 20px; background: #fff; border-radius: 12px; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, .09); } .custom-grid-for-case-studies .pt-cv-overlay-wrapper { padding: 10px; border-radius: 12px; } .custom-grid-for-case-studies .pt-cv-thumb-wrapper { border-radius: 12px; background: linear-gradient(to top, #000 1%, rgba(0, 0, 0, 0) 100%) !important; } .pt-cv-thumb-wrapper::before { opacity: 1 !important; background: linear-gradient(to top, #000 1%, rgba(0, 0, 0, 0) 100%) !important; } .custom-grid-for-case-studies .pt-cv-content { position: absolute; top: 25px; right: 30px; } .custom-grid-for-case-studies .pt-cv-content .btn.btn-success.cvplbd { font-size: 0; margin: unset !important; background-image: url("data:image/svg+xml,%0A%3Csvg width='20px' height='20px' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Complete'%3E%3Cg id='arrow-right'%3E%3Cg%3E%3Cpolyline data-name='Right' fill='none' id='Right-2' points='16.4 7 21.5 12 16.4 17' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' x1='2.5' x2='19.2' y1='12' y2='12'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); width: 50px; height: 50px; background-repeat: no-repeat; background-position: center; padding: 0; border-top-left-radius: 12px; border-bottom-right-radius: 12px; } .custom-grid-for-case-studies .pt-cv-content { position: absolute; top: 35px; right: 35px; } .custom-grid-for-case-studies .pt-cv-title { padding: 0px; font-weight: bold !important; line-height: 20px !important; font-size: 16px !important; } .custom-grid-for-case-studies .pt-cv-title a { font-weight: bold !important; } .custom-grid-for-case-studies .pt-cv-taxoterm.above_title { padding: 0px 0px !important; margin: unset !important; order: 2; display: flex; gap: 5px; flex-wrap: wrap; } .cvp-live-filter.cvp-button .cvp-label { display: none; } .cvp-live-filter.cvp-button { display: flex; justify-content: center; margin-bottom: 30px !important; border-bottom: 1px solid #e4e7ee; position: sticky; top: 60px; z-index: 999; background: white !important; padding: 15px 0px; } .admin-bar .cvp-live-filter.cvp-button { top: 92px !important; } .cvp-live-filter.cvp-button .btn:last-child { /* display: none; */ } .cvp-live-filter.cvp-button input~div { padding: 6px 12px; cursor: pointer; border-bottom: 2px solid transparent !important; } .cvp-live-filter.cvp-button input[type="radio"]:checked~div { background: #00aeef; color: #fff; border-bottom-color: #00aeef !important; background: #fff !important; color: #000; font-weight: bold; } .custom-grid-for-case-studies .pt-cv-page { gap: 25px !important; } .page-id-67177 .home-section9 .wrapper, .page-id-67177 .home-section7, .page-id-69227 .home-section7, .page-id-69227 .home-section9 .wrapper { background: unset !important; padding: unset !important; } .page-id-67177 .home-section9.home-section7 .inner-container .gb-query-loop-wrapper>div, .page-id-69227 .home-section9.home-section7 .inner-container .gb-query-loop-wrapper>div { width: calc(25% - 10px) !important; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, .09); } .page-id-67177 .gb-query-loop-pagination .gb-button { margin: unset !important; width: 25px !important; height: 25px !important; margin: 0 3px !important; color: white !important; } .page-id-67177 .gb-query-loop-pagination .gb-button .gb-button-text, .page-id-69227 .gb-query-loop-pagination .gb-button .gb-button-text { display: none; } .page-id-67177 .gb-query-loop-pagination .gb-button .gb-icon, .page-id-69227 .gb-query-loop-pagination .gb-button .gb-icon { opacity: 1 !important; } .page-id-67177 .gb-query-loop-pagination .gb-button svg, .page-id-67177 .gb-query-loop-pagination .gb-button svg *, .page-id-69227 .gb-query-loop-pagination .gb-button svg, .page-id-69227 .gb-query-loop-pagination .gb-button svg * { color: white !important; stroke: white !important; fill: white !important; } .custom-grid-for-case-studies .pt-cv-thumb-wrapper { height: auto !important; background: unset !important; border-radius: unset !important; } .custom-grid-for-case-studies .pt-cv-thumb-wrapper::before { opacity: 1 !important; background: unset !important; } .custom-grid-for-case-studies .pt-cv-content-item.pt-cv-1-col { background: #0198cf !important; border-radius: 12px; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, .09); border: 20px solid white; padding: 0 !important; display: flex; flex-direction: column; } .custom-grid-for-case-studies .pt-cv-overlay-wrapper { position: relative !important; } .custom-grid-for-case-studies .pt-cv-content { position: relative; top: unset; right: unset; order: 3; margin-top: 10px; } .custom-grid-for-case-studies .pt-cv-page { grid-auto-rows: unset !important; } .custom-grid-for-case-studies .pt-cv-overlay-wrapper { justify-content: space-between !important; } .custom-grid-for-case-studies .pt-cv-rmwrap { display: flex; justify-content: flex-end; } .custom-grid-for-case-studies .pt-cv-content-item .pt-cv-taxoterm.above_title a { text-decoration: none; font-size: 10px; background: white; color: #0198cf; padding: 5px 10px; border-radius: 15px; font-weight: bold; } .custom-grid-for-case-studies .pt-cv-readmore:hover { border-top-left-radius: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; opacity: 1 !important; } .page-id-66751 .pt-cv-thumb-wrapper .pt-cv-thumbnail, .page-id-67172 .pt-cv-thumb-wrapper .pt-cv-thumbnail { width: 100% !important; height: auto !important; } .page-id-66751 .pt-cv-thumb-wrapper, .page-id-67172 .pt-cv-thumb-wrapper { overflow: unset !important; } /*******************************************************************************************************************/ /* PARENT PAGE*/ /******************************************************************************************************************/ .child-pages-grid .pt-cv-page { row-gap: 45px !important; } .child-pages-grid .pt-cv-page .pt-cv-content-item { overflow: visible !important; } .child-pages-grid .pt-cv-page .pt-cv-content-item .pt-cv-thumbnail { height: auto !important; } .child-pages-grid .pt-cv-page .pt-cv-rmwrap { z-index: 999; position: absolute; display: block; bottom: -25px; left: 0; width: 100%; } .child-pages-grid .pt-cv-page .pt-cv-content { min-height: 70px; margin-bottom: 40px !important; } /*******************************************************************************************************************/ /* SALEFORCE*/ /******************************************************************************************************************/ .salesforce_w2l_lead { width: 100%; /* max-width: 500px; */ } .sf_field:not(.sf_type_checkbox) { display: flex !important; flex-direction: column; gap: 5px; margin-block: 20px 0px; font-size: 14px; } .sf_type_checkbox { margin-top: 20px; font-size: 14px; } .w2lsubmit { margin-block: 10px; } select#sf_industry { font-size: 14px; } .sf_required_fields_msg { font-size: 14px; } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION HOME PAGE VVV VVV VVV VVV VVV VVV VVV */ /* --> HOME PAGE > EN [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .gb-container-15aa47fe { margin-bottom: 0px !important; padding-bottom: 0px !important; margin-top: 40px !important; } .gb-button-8f4b347c { height: 50px; display: flex; align-items: center; } .gb-button-8f4b347c .gb-icon { display: flex; align-items: center; justify-content: center } .gb-button-8f4b347c .gb-icon svg { height: 30px !important; width: 30px !important; fill: white !important; opacity: 1 !important; visibility: visible !important; padding: 0px !important } /* --> HOME PAGE > COUNTERS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .home .wp-block-getwid-counter__number+p { text-align: center !important } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION SINGLE POST VVV VVV VVV VVV VVV VVV VVV */ /* --> SINGLE POST > SIDEBAR [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media(min-width: 769px) { body.single-post #right-sidebar { position: sticky; top: 60px; height: fit-content } } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION POSTS PAGE VVV VVV VVV VVV VVV VVV VVV */ /* --> POSTS PAGE > KEEP IMAGES AS LINKS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .pt-cv-overlaygrid .pt-cv-thumb-wrapper::before { display: none !important; } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION SEARCH VVV VVV VVV VVV VVV VVV VVV */ .search-toggle .panel { width: 100vw; transform: none !important; right: 0px !important; left: 0px !important; position: fixed !important; z-index: 99999999999999999 !important; top: 145px !important; padding-inline: 20px !important; } header:has(#sticky-navigation) .search-toggle .panel { top: 60px !important; } /* #wpadminbar{ display:none !important; } html, nav{ margin-top: 0px !important; } */ /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION RESPONSIVE VVV VVV VVV VVV VVV VVV VVV */ /* --> RESPONSIVE > COMMON [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> RESPONSIVE > COMMON > BREADCRUMBS [2] =========================================================================================================== */ @media(max-width: 768px) { .yoast-breadcrumbs, .yoast-breadcrumb { display: none !important; } } /* --> RESPONSIVE > COMMON > HEADLINES [2] =========================================================================================================== */ @media(max-width: 1100px) { h2.gb-headline { font-size: clamp(26px, 3.2vw, 50px) !important; padding-inline: 15px; } .inside-footer-widgets H2.gb-headline { font-size: 20px !important } } /* --> RESPONSIVE > COMMON > TITLES [2] =========================================================================================================== */ @media(max-width: 991px) { h1, h2, h3 { line-height: normal !important; } h1 { font-size: 26px !important; } h2 { font-size: 23px !important; } .single-post .entry-title { font-size: 23px !important; margin-top: 20px; } h3 { font-size: 19px !important; } h4 { font-size: 17px !important; } } /* --> RESPONSIVE > COMMON > PAGE LAYOUT [2] =========================================================================================================== */ #main { padding-inline: 15px; } /* --> RESPONSIVE > COMMON > ACCESSIBILITY TAG [2] =========================================================================================================== */ @media(max-width: 1435px) { .accessibility-location-left .aicon_link { top: unset; bottom: 60px !important; transform: none !important; transform: scale(.7) !important; transform-origin: left; right: -48px; border-radius: 0px 100% 100% 0px !important; overflow: hidden !important; } } /* --> RESPONSIVE > COMMON > HERO SECTION [2] =========================================================================================================== */ .heros { padding-inline: 15px; } @media(max-width: 1100px) { .heros h1 { font-size: 25px; } } /* --> RESPONSIVE > COMMON > HERO SECTION > BREADCRUMBS [3] ------------------------------------------------------------- */ @media(max-width: 1100px) { .heros .yoast-breadcrumbs span, .heros .yoast-breadcrumbs span a { border-radius: 0px; } } /* --> RESPONSIVE > COMMON > TABLES [2] =========================================================================================================== */ .entry-content figure.wp-block-table { overflow: auto; width: 100% !important; margin-bottom: 20px; } .entry-content figure.wp-block-table table { min-width: 1410px } /* --> RESPONSIVE > COMMON > SIDEBARS [2] =========================================================================================================== */ /* --> RESPONSIVE > COMMON > SIDEBARS > LEFT [3] ------------------------------------------------------------- */ @media(max-width: 1450px) { .inside-left-sidebar { padding-inline: 15px !important; } } @media(max-width: 1100px) { .inside-left-sidebar { padding-right: 30px !important; } } @media(max-width: 768px) { #left-sidebar { order: -1; } } /* --> RESPONSIVE > HEADER [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> REPSONSIVE > HEADER > LAYOUT [2] =========================================================================================================== */ .menu-bar-items { display: none !important; } @media(max-width: 1100px) { .main-navigation .menu-bar-item>a svg { width: 20px; height: 20px } .menu-bar-items { display: block !important; } #mega-menu-wrap-primary { display: none !important; } } @media(max-width: 768px) { .has-inline-mobile-toggle .header-widget, .has-inline-mobile-toggle #site-navigation { width: fit-content; flex-basis: unset } .nav-float-right #site-navigation { margin-left: 0px !important; } #site-navigation .inside-navigation.grid-container>*:not(.search-toggle) { display: none !important } .search-toggle { display: block !important; } .menu-bar-item.slideout-toggle { display: block !important; } } @media(max-width: 450px) { .site-header .header-image { width: calc(100vw - 120px) !important } .inside-header { padding-inline: 10px } } /* --> RESPONSIVE > FOOTER [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .inside-footer-widgets H2 { border-bottom: 1px solid rgba(255, 255, 255, .3); padding-bottom: 16px; height: 80px; display: flex; align-items: flex-end; } .inside-footer-widgets>div:not(:last-child) { border-right: 1px solid rgba(255, 255, 255, .3); padding-right: 40px; } @media(max-width: 1100px) { .inside-footer-widgets { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } .inside-footer-widgets>div:nth-child(2) { border-right: none; } } @media(max-width: 768px) { .inside-footer-widgets>div { border-right: none !important; padding-right: 0px !important; } .inside-footer-widgets { display: flex !important; padding-bottom: 50px } } /* --> RESPONSIVE > MENU [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media(max-width: 1100px) { body .main-navigation:not(.toggled) ul li.sfHover>ul { opacity: 1; } /* --> RESPONSIVE > MENU > STICKY [2] =========================================================================================================== */ .nav-float-right .navigation-stick { width: 100vw !important; left: 0; } @media(max-width: 768px) { #sticky-navigation { padding-right: 20px } } @media (max-width: 768px) { .main-navigation.navigation-stick.has-sticky-branding .inside-navigation.grid-container { margin-top: 5px; } /* --> RESPONSIVE > MENU > LANGUAGE FLAG ITEMS [2] =========================================================================================================== */ .wpml-ls-menu-item { order: 99 !important; } /* --> RESPONSIVE > MENU > SUBMENUS [2] =========================================================================================================== */ /* --> RESPONSIVE > MENU > SUBMENUS > ALL LEVELS [3] ------------------------------------------------------------- */ .menu-item.menu-item-has-children.sfHover>a { font-weight: bold !important; color: white !important; background: var(--main); } .sub-menu { /* border-bottom: 1px solid var(--main); */ background: rgba(1, 152, 207, 0.18) !important; } /* --> RESPONSIVE > MENU > SUBMENUS > LEVEL #2 [3] ------------------------------------------------------------- */ .sub-menu .menu-item.menu-item-has-children.sfHover>a { background: #86cee9; color: black !important; } .sub-menu .sub-menu { /* border-bottom: 1px solid var(--main) !important; */ } /* --> RESPONSIVE > MENU > SUBMENUS > LEVEL #3 [3] ------------------------------------------------------------- */ .sub-menu .sub-menu { padding: 10px !important; } .sub-menu .sub-menu .menu-item.menu-item-has-children.sfHover>a { background: #b3d3df !important } .sub-menu .sub-menu .menu-item.menu-item-has-children.sfHover>ul { background: #d1ecf7 !important; } /* --> RESPONSIVE > MENU > ITEMS [2] =========================================================================================================== */ #menu-main-menu .menu-item>a { display: flex; flex-direction: row; justify-content: space-between; align-items: center } .main-navigation .main-nav ul li[class*="current-menu-"]>a { color: unset; } /* --> RESPONSIVE > MENU > ARROWS [3] ------------------------------------------------------------- */ #menu-main-menu .dropdown-menu-toggle span.gp-icon { transform: translateY(5px) } #menu-main-menu .dropdown-menu-toggle span.gp-icon svg { width: 20px; height: 20px; } .sub-menu .sub-menu .dropdown-menu-toggle { padding-right: 10px } } /* --> RESPONSIVE > HOME [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> RESPONSIVE > HOME > DISTANCES [2] =========================================================================================================== */ @media(max-width: 768px) { .home-section3 { padding-top: 30px; padding-bottom: 80px; } .home-section5 { padding-top: 80px; padding-bottom: 80px } .home-section6 .inner-container .gb-tabs { padding-bottom: 0px; padding-top: 50px } .home-section6 .inner-container h2 { padding-block: 0px 20px } .home-section9 .wrapper, .home-section8 .wrapper { padding-top: 50px; padding-bottom: 50px } .home-section9 { padding-top: 0px; padding-bottom: 140px } .home-section8 { padding-top: 0px; padding-bottom: 90px } .home-section10 { padding-bottom: 0px } .site-footer .footer-widgets { padding-top: 80px } .inside-footer-widgets>div:not(:last-child) { margin-bottom: 0px !important; } .inside-footer-widgets { padding-bottom: 0px !important; } } /* --> RESPONSIVE > HOME > SLIDESHOW [2] =========================================================================================================== */ @media(max-width: 1100px) { .sr7-layer:not([data-subtype="slidebg"]) { font-size: 20px !important; top: 100px !important; bottom: unset !important; } .sr7-layer * { overflow: visible !important; } sr7-txt { line-height: normal !important; } sr7-shp { display: none !important; } sr7-svg { display: none !important; } } @media(max-width: 550px) { sr7-txt { transform: translateY(-130px) !important; line-height: normal !important; } sr7-row { padding: 20px 30px !important; } sr7-arrow { display: none !important; } } @media(max-width: 400px) { sr7-txt { transform: translateY(-200px) !important; } sr7-txt.sr7-layer { font-size: 15px !important; } } /* --> RESPONSIVE > HOME > 3 DECLARATION COLUMNS [2] =========================================================================================================== */ @media(max-width: 1100px) { .gb-grid-wrapper-b9cb6e5f { flex-direction: column; } .gb-grid-wrapper-b9cb6e5f>div { width: 100% !important; } } @media(max-width: 600px) { .home-section2 .inner-container .gb-grid-wrapper { top: unset !important; transform: none; margin-top: 50px; } } @media(max-width: 550px) { .gb-grid-wrapper-b9cb6e5f .gb-grid-column .gb-container { text-align: center !important; } .gb-grid-wrapper-b9cb6e5f .gb-grid-column .gb-container .gb-headline { display: flex; flex-direction: column; gap: 10px; } .gb-grid-wrapper-b9cb6e5f .gb-grid-column .gb-container .gb-button .gb-icon { display: none; } } /* --> RESPONSIVE > HOME > BANNER & TEXT & ICONS (ΣΥΜΒΟΥΛΟΙ ΕΠΙΧΕΙΡΗΣΕΩΝ) [2] =========================================================================================================== */ @media(max-width: 1415px) { .gb-grid-wrapper-b302eeca { padding-inline: 15px !important; } } @media(max-width: 1100px) { .gb-grid-wrapper-b302eeca { display: flex; flex-direction: column; padding-inline: unset; } .gb-grid-wrapper-b302eeca>div { width: 100% !important; } } @media(max-width: 768px) { .gb-grid-wrapper-b302eeca .gb-container .gb-container { text-align: center } .gb-grid-wrapper-b302eeca .gb-button { margin: 20px auto 0px !important; float: none !important; display: block !important; width: fit-content; } } @media(max-width: 450px) { .gb-grid-wrapper-9dcd043e { display: flex; flex-direction: column; } .gb-grid-wrapper-9dcd043e>div { width: 100% !important; } } /* --> RESPONSIVE > HOME > TEXTS ON BG (ΥΠΗΡΕΣΙΕΣ) [2] =========================================================================================================== */ @media(max-width: 768px) { .gb-container-896eab2a { display: flex !important; flex-direction: column !important; padding-inline: 15px } } /* --> RESPONSIVE > HOME > 4 COLUMN DECLARATIONS (VK PREMIUM ΜΕ ΜΙΑ ΜΑΤΙΑ) [2] =========================================================================================================== */ @media(max-width: 1400px) { .gb-grid-wrapper-d9696c5d>div { width: 100% !important; } .gb-grid-wrapper-d9696c5d { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 15px !important; } } @media(max-width: 1100px) { .gb-grid-wrapper-d9696c5d { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media(max-width: 500px) { .gb-grid-wrapper-d9696c5d { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } } /* --> RESPONSIVE > HOME > TABS (ΧΡΗΜΑΤΟΔΟΤΙΚΑ ΕΡΓΑΛΕΙΑ) [2] =========================================================================================================== */ @media(max-width: 768px) { .home-section6 { padding-inline: 15px; } } /* --> RESPONSIVE > HOME > TABS > REMOVE LAST ONE [3] ------------------------------------------------------------- */ @media(max-width: 768px) { .gb-container-53687c6f .gb-tabs__buttons>button:last-of-type { display: none } } /* --> RESPONSIVE > HOME > TABS > RESTRUCTURING IN TO ACCORDION [3] ------------------------------------------------------------- */ @media(max-width: 768px) { button.gb-button-95c4c71d { flex-grow: unset !important; } .gb-container-53687c6f * { text-align: center !important; } .home-section6 .inner-container .gb-tabs .gb-tabs__buttons { padding-top: 20px; height: unset !important; max-width: 100% !important; } .gb-container-53687c6f.gb-tabs>.gb-container>button { height: fit-content !important; margin-top: 0px !important; color: black !important; border: none !important; width: 100% !important; } .gb-container-53687c6f .gb-tabs__button.button_activated { color: var(--main) !important; } /* .gb-container-53687c6f button:first-child { margin-top: 30px !important; } */ .gb-container-53687c6f .gb-tabs__item { width: 100% !important; max-height: 0px; overflow: hidden; opacity: 0; transition: all .3s; display: block !important; padding-block: 0px } .gb-container-53687c6f .gb-tabs__button.button_activated+.gb-tabs__item { max-height: 2000px !important; opacity: 1 !important; } .gb-container-53687c6f .gb-tabs__item .gb-container a { width: 100% !important; position: absolute !important; height: 100% !important; } .gb-container-53687c6f .gb-tabs__item .gb-container svg { width: 40px !important; height: 40px !important; } } @media(max-width: 450px) { .gb-container-53687c6f .cta-button>a { display: flex; flex-direction: column; gap: 0px !important; } } /* --> RESPONSIVE > HOME > TABS > NAV BAR [3] ------------------------------------------------------------- */ @media(max-width: 1200px) and (min-width: 701px) { .gb-container-53687c6f { display: flex; flex-direction: column !important; } .home-section6 .inner-container .gb-tabs .gb-tabs__buttons { height: auto } .gb-container-20537251 { width: 100% !important; display: flex !important; flex-direction: row !important; flex-wrap: wrap; justify-content: space-between !important; } .gb-container-20537251>button { width: 30% !important; height: 100px; margin-top: 30px } .gb-container-20537251>.cta-container { width: 100%; } } @media(max-width: 700px) { .gb-container-20537251 { flex-direction: column !important; } } /* --> RESPONSIVE > HOME > TABS > CONTENT [3] ------------------------------------------------------------- */ @media(max-width: 930px) { .gb-container-53687c6f .gb-tabs__items .gb-grid-wrapper { display: flex; flex-direction: column !important; } .gb-container-53687c6f .gb-tabs__items .gb-tabs__item { min-width: unset !important; max-width: unset !important; padding: 0px } .gb-container-53687c6f .gb-tabs__items .gb-grid-wrapper>div { width: 100% !important; } } /* --> RESPONSIVE > HOME > ΝΕΑ & ΕΝΗΜΕΡΩΣΕΙΣ [2] =========================================================================================================== */ @media(max-width: 1460px) { .gb-grid-wrapper.gb-grid-wrapper-ac68758c { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; padding-inline: 15px; margin: 0px; } .gb-grid-wrapper.gb-grid-wrapper-ac68758c>div { width: 100% !important; } } @media(max-width: 768px) { .home-section9 .inner-container .gb-query-loop-wrapper>div { border: none !important; } } @media(max-width: 550px) { .gb-grid-wrapper.gb-grid-wrapper-ac68758c { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } } /* --> RESPONSIVE > HOME > CASE STUDIES [2] =========================================================================================================== */ @media(max-width: 1460px) { .gb-grid-wrapper.gb-grid-wrapper-4e4f9b43 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; padding-inline: 15px; margin: 0px; } .home-section9.home-section7 .inner-container .gb-query-loop-wrapper>div { width: 100% !important; } } @media(max-width: 768px) { .home-section9.home-section7 .inner-container .gb-query-loop-wrapper>div { border: none !important; } } @media(max-width: 550px) { .gb-grid-wrapper.gb-grid-wrapper-4e4f9b43 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } } /* --> RESPONSIVE > HOME > ΕΙΠΑΝ ΓΙΑ ΕΜΑΣ [2] =========================================================================================================== */ @media(max-width: 1420px) { .gb-container.gb-container-8d28037a { padding-inline: 15px !important; } } /* --> RESPONSIVE > HOME > ΥΠΟΣΤΗΡΙΖΟΥΜΕ (MANUFACTURERS) [2] =========================================================================================================== */ @media(max-width: 1023px) { .gb-container.gb-container-dd9de30d .slick-dots { display: none !important; } } /* --> RESPONSIVE > Η ΕΤΑΙΡΕΙΑ | ΠΟΙΟΙ ΕΙΜΑΣΤΕ [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> RESPONSIVE > Η ΕΤΑΙΡΕΙΑ | ΠΟΙΟΙ ΕΙΜΑΣΤΕ > ΑΠΟΣΤΟΛΗ ΜΑΣ [2] =========================================================================================================== */ @media(max-width: 767px) { .gb-container-ee9149e1 { background-position: 80% center; position: relative; } .gb-container-ee9149e1:before { content: ""; width: 100%; height: 100%; background: rgba(22, 22, 22, .7); display: block; position: absolute; top: 0px; left: 0px; background-blend-mode: multiply; z-index: 0; } .gb-container.gb-container-e3eec906 { width: 100%; margin-left: 0px; position: relative; z-index: 1; } } /* --> RESPONSIVE > Η ΕΤΑΙΡΕΙΑ | ΠΟΙΟΙ ΕΙΜΑΣΤΕ > Η ΟΜΑΔΑ ΜΑΣ [2] =========================================================================================================== */ @media(max-width: 990px) { .gb-grid-wrapper-eb9db492 .gb-container .read-more-container+p { display: none; } .gb-grid-wrapper-eb9db492 .gb-container>h3 a { line-height: normal !important; display: flex !important; margin-bottom: 5px; } .gb-grid-wrapper-eb9db492 .gb-container>p { line-height: 1.2; font-size: 13px; } } @media(max-width: 479px) { .about-section3 .inner-container .gb-query-loop-wrapper .slick-dots li { background-color: var(--black); width: 10px; height: 10px; border-radius: 100%; } } /* --> RESPONSIVE > Η ΕΤΑΙΡΕΙΑ | ΔΙΟΙΚΗΤΙΚΗ ΟΜΑΔΑ [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> RESPONSIVE > Η ΕΤΑΙΡΕΙΑ | ΔΙΟΙΚΗΤΙΚΗ ΟΜΑΔΑ > GRID [2] =========================================================================================================== */ @media(max-width: 990px) { .gb-grid-wrapper-84e9fc74 .gb-container .read-more-container+p { display: none; } .gb-grid-wrapper-84e9fc74 .gb-container>h3 a { line-height: normal !important; display: flex !important; margin-bottom: 5px; } .gb-grid-wrapper-84e9fc74 .gb-container>p { line-height: 1.2; font-size: 13px; } } /* --> RESPONSIVE > Η ΕΤΑΙΡΕΙΑ | ΠΕΛΑΤΟΛΟΓΙΟ [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> RESPONSIVE > Η ΕΤΑΙΡΕΙΑ | ΠΕΛΑΤΟΛΟΓΙΟ > GRID [2] =========================================================================================================== */ @media(max-width: 990px) { .gb-container-361e25d1>.wp-block-gallery { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } .gb-container-361e25d1>.wp-block-gallery>figure { width: unset !important; } } @media(max-width: 768px) { .gb-container-361e25d1>.wp-block-gallery { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media(max-width: 480px) { .gb-container-361e25d1>.wp-block-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* --> RESPONSIVE > Η ΕΤΑΙΡΕΙΑ | CASE STUDIES [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> RESPONSIVE > Η ΕΤΑΙΡΕΙΑ | CASE STUDIES > NAVIGATION/FILTER [2] =========================================================================================================== */ @media(max-width: 1100px) { .cvp-live-filter { display: flex; flex-wrap: wrap; max-width: 100%; } .cvp-live-filter.cvp-button, .admin-bar .cvp-live-filter.cvp-button { position: relative !important; top: 0px !important; } } /* --> RESPONSIVE > Η ΕΤΑΙΡΕΙΑ | CASE STUDIES > CONTENTS [2] =========================================================================================================== */ html body #pt-cv-view-8db1aaac0o .pt-cv-readmore { color: #ffffff !important; background-color: #fff !important; } html body #pt-cv-view-8db1aaac0o .pt-cv-readmore:hover { color: #ffffff !important; background-color: #fff !important; } /* --> RESPONSIVE > CASE STUDIES [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media(max-width: 1460px) { .page-id-67177 .home-section9.home-section7 .inner-container .gb-query-loop-wrapper>div, .page-id-69227 .home-section9.home-section7 .inner-container .gb-query-loop-wrapper>div { width: 100% !important; } } /* --> RESPONSIVE > ARTICLES MAIN PAGE (ΕΠΕΝΔΥΤΙΚΑ ΚΙΝΗΤΡΑ | ΕΠΙΔΟΤΗΣΕΙΣ | ΕΝΕΡΓΑ ΠΡΟΓΡΑΜΜΑΤΑ ΕΣΠΑ) [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media(max-width: 990px) { article footer { width: 100%; } article footer .cat-links { white-space: pre-wrap !important; } article footer .cat-links>a { white-space: nowrap; } } @media(max-width: 768px) { body.archive .generate-columns-container { display: flex; flex-direction: column; } article { width: 100% !important; } } @media(max-width: 480px) { body.archive .inside-article { display: flex; flex-direction: column; } article footer { left: 0px !important; position: relative !important; background: var(--main); padding: 10px; order: -1 } article footer .cat-links { margin-bottom: 0px !important; } article footer .cat-links>a { white-space: normal; background: none !important; padding: 0px !important; font-size: 14px } } /* --> RESPONSIVE > SINGLE ARTICLE PAGE (ΕΠΕΝΔΥΤΙΚΑ ΚΙΝΗΤΡΑ | ΕΠΙΔΟΤΗΣΕΙΣ | ΕΝΕΡΓΑ ΠΡΟΓΡΑΜΜΑΤΑ ΕΣΠΑ | ΨΗΦΙΑΚΟΣ ΜΕΤΑΣΧΗΜΑΤΙΣΜΟΣ ) [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media(max-width: 768px) { #page .entry-header footer.entry-meta { display: none !important; } .site-content:has(.widget-area)>div { width: 100% !important; } .site-content:has(.widget-area)>#right-sidebar { padding-inline: 15px; } #right-sidebar { width: 100% !important; margin-bottom: 60px; } } /* --> RESPONSIVE > SINGLE ARTICLE PAGE > RELATED ARTICLES [2] =========================================================================================================== */ @media(max-width: 1250px) { .single-post .related-posts ul li .content-wrapper h3 { padding: 15px } .related-posts>ul { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); } .related-posts>ul li { width: 100% !important; } .single-post .related-posts ul li .content-wrapper { border-radius: 0px; display: flex; flex-direction: column; justify-content: space-between; } .single-post .related-posts ul li .content-wrapper .post-categories { position: relative; margin-top: 30px !important; width: 100% !important; left: unset; top: unset !important; bottom: unset; padding: 15px; background: rgba(0, 0, 0, .1); border-radius: 0px !important; margin-top: auto !important; } } @media(max-width: 768px) { .related-posts>ul { grid-template-columns: repeat(1, minmax(0, 1fr)); } } /* --> RESPONSIVE > ΥΠΗΡΕΣΙΕΣ | ΥΠΟΣΤΗΡΙΞΗ ΑΝΑΠΤΥΞΙΑΚΩΝ ΠΡΟΓΡΑΜΜΑΤΩΝ | ΠΡΟΓΡΑΜΜΑΤΑ ΕΣΠΑ + ΑΝΑΠΤΥΞΙΑΚΟΣ ΝΟΜΟΣ [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media(max-width: 768px) { .gb-grid-column-47767332 { order: -1 } } /* --> RESPONSIVE > ΕΠΙΚΟΙΝΩΝΙΑ [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media(max-width: 1500px) { .contact-section1 .inner-container .gb-grid-wrapper { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); } .contact-section1 .inner-container .gb-grid-wrapper>div { width: 100% !important; } } @media(max-width: 990px) { .contact-section1 .inner-container .gb-grid-wrapper { display: flex !important; flex-direction: column-reverse; } .contact-section1 .inner-container .gb-grid-wrapper>div:first-child { padding: 20px 25px; border: 3px dashed #ccc; } } /* --> ΠΕΡΙΕΧΟΜΕΝΟ ΑΡΘΡΩΝ [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .inside-article .entry-content * { font-family: Comfortaa !important; font-weight: 400 !important; text-transform: none !important; line-height: 1.5 !important; } /* --> ΠΕΡΙΕΧΟΜΕΝΟ ΑΡΘΡΩΝ [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .gb-container-15aa47fe { margin-bottom: 0px !important; padding-bottom: 0px !important; margin-top: 40px !important; } .gb-button-8f4b347c { height: 50px !important; display: flex !important; align-items: center !important; } .gb-button-8f4b347c .gb-icon { display: flex !important; align-items: center !important; justify-content: center !important; } .gb-button-8f4b347c .gb-icon svg { height: 30px !important; width: 30px !important; fill: white !important; opacity: 1 !important; visibility: visible !important; padding: 0px !important }