/* Theme Name: WerkStatt Child Theme Theme URI: http://themeforest.net/user/fuelthemes Description: A Premium theme for magazine, editor, community and more! WordPress Theme by fuelthemes – Update notifications available on Twitter and Themeforest Follow us on twitter – Follow us on Themeforest Version: 1.0.0 Author: fuelthemes Template: werkstatt */ @font-face { font-family: Gotham; src: url(assets/fonts/GothamGRBook.otf) format("opentype"); font-weight: normal; } @font-face { font-family: Gotham; src: url(assets/fonts/GothamGRLight.otf) format("opentype"); font-weight: 200; } @font-face { font-family: Gotham; src: url(assets/fonts/GothamGRMedium.otf) format("opentype"); font-weight: 600; } @font-face { font-family: Gotham; src: url(assets/fonts/GothamGRThin.otf) format("opentype"); font-weight: 100; } @font-face { font-family: Gotham; src: url(assets/fonts/GothamGRBold.otf) format("opentype"); font-weight: bold; } @font-face { font-family: Roboto-Thin; src: url(assets/fonts/Roboto-Thin.ttf) format("truetype"); font-weight: bold; } #blog-row .post-content { display: none; } .thb-portfolio .post-4480.type-portfolio .thb-categories { color: white !important; } .thb-portfolio .post-4493.type-portfolio .thb-categories { color: white !important; } .thb-portfolio .post-3566.type-portfolio .thb-categories { color: white !important; } .thb-portfolio .post-4493.type-portfolio .portfolio-link:hover h2 { color:#e7342a; } .thb-portfolio .post-4480.type-portfolio .portfolio-link:hover h2 { color:#e7342a; } .thb-portfolio .post-3566.type-portfolio .portfolio-link:hover h2 { color: #9b221a !important; } .thb-portfolio .post-3635.type-portfolio .thb-categories { color: white !important; } .thb-portfolio .post-3635.type-portfolio .portfolio-link:hover h2 { color: #286a5e !important; } .thb-portfolio .post-3646.type-portfolio .thb-categories { color: white !important; } .thb-portfolio .post-3646.type-portfolio .portfolio-link:hover h2 { color: #286a5e !important; } .thb-portfolio .post-3649.type-portfolio .thb-categories { color: white !important; } .thb-portfolio .post-3649.type-portfolio .portfolio-link:hover h2 { color: #25407b !important; } .thb-portfolio .post-3660.type-portfolio .thb-categories { color: white !important; } .thb-portfolio .post-3660.type-portfolio .portfolio-link:hover h2 { color: #25407b !important; } .thb-portfolio .post-4691.type-portfolio .thb-categories { color: white !important; } .thb-portfolio .post-4691.type-portfolio .portfolio-link:hover h2 { color: #003162; } .thb-portfolio .post-4702.type-portfolio .thb-categories { color: white !important; } .thb-portfolio .post-4702.type-portfolio .portfolio-link:hover h2 { color: #003162; } .thb-portfolio .post-5006.type-portfolio .portfolio-link:hover h2 { color: #855f92; } h1,h2, h3, h4, h5, h6, p, span, div { /* font-family: gotham;*/ } .thb-mobile-menu a:focus { color: #000; } /*#logos_button:before{ content: ""; position: absolute; background-color: #383736!important; bottom: 0; left: 0; right: 0; top: 100%; z-index: -1; border-radius: 0.4em; -webkit-transition: top 0.09s ease-in; } #logos_button:hover:before{ top: 0; }*/ a.ecom-link:after { content: "|"; margin-right: 5%; } .portfolio-logos1{ padding: 0px 123px; } path.fil3{ fill:#DDDC04; } path.fil4{ fill:#ffffff; } .vc_btn3-container.postcontactbutton.vc_btn3-center a.vc_general.vc_btn3.vc_btn3-size-lg.vc_btn3-shape-round.vc_btn3-style-modern.vc_btn3-color-grey { background-color: #DDDC04; color: #59580F; font-weight: 500; } .postgoogleli #wrapper ol li:before{ color:#DDDC04 !important;} li.postgoogleli:before{ color:#DDDC04 !important; border: 2px solid #DDDC04 !important; } @media screen and (min-width:1580px){ .portfolio-logos1{ padding: 0px 15%; } } @media only screen and (min-width: 1025px) { .clients-logo-column { min-width: 100%; } } @media only screen and (min-width: 1380px) { .clients-logo-column { min-width: 99%; } } @media only screen and (min-width: 1440px) { .clients-logo-column { min-width: 94%; } } @media only screen and (min-width: 1450px) { .clients-logo-column { min-width: 93%; } } @media only screen and (min-width: 1465px) { .clients-logo-column { min-width: 92%; } } @media only screen and (min-width: 1480px) { .clients-logo-column { min-width: 90%; } } @media only screen and (min-width: 1510px) { .clients-logo-column { min-width: 89%; } } @media only screen and (min-width: 1531px) { .clients-logo-column { min-width: 88%; } } @media only screen and (min-width: 1547px) { .clients-logo-column { min-width: 87%; } } @media only screen and (min-width: 1600px) { .clients-logo-column { min-width: 83%; } } @media only screen and (min-width: 1636px) { .clients-logo-column { min-width: 82%; } } @media only screen and (min-width: 1672px) { .clients-logo-column { min-width: 81%; } } @media only screen and (min-width: 1692px) { .clients-logo-column { min-width: 80%; } } @media only screen and (min-width: 1714px) { .clients-logo-column { min-width: 79%; } } @media only screen and (min-width: 1735px) { .clients-logo-column { min-width: 78%; } } @media only screen and (min-width: 1736px) { .clients-logo-column { min-width: 75%; } } @media only screen and (max-width: 1248px) { .thb-portfolio .type-portfolio h2 { font-size: calc(36px + 40 * ((100vw - 320px) / 1120)*0.6)!important; } } @media only screen and (max-width: 640px) { .centered-logo { text-align: center!important; } #footer .textwidget .thb-language-switcher { top: 426px!important; } } @media only screen and (min-width: 738px) and (max-width: 781px) { .align-center.clients-logo-row { width: 94%; margin: 0em 3%; } } @media only screen and (min-width: 782px) and (max-width: 1024px) { #thb_language_selector { right: 18%!important; } #thb_language_selector { right: calc(14% + 21px) !important; } .align-center.clients-logo-row { /* width: 79%; margin: 0em 12%;*/ } } #portfolio-1272 .portfolio-holder .thb-placeholder { background-repeat: no-repeat; } .portfolio-text-font, .portfolio-text-font p, .portfolio-text-font h5{ font-size: 16px; text-align: justify; } .portfolio-text-bold h5, .portfolio-text-bold h2 { font-weight: bold; } .post-1466 .thb-portfolio .type-portfolio .thb-categories { display: none; } .portfolio-header a, .portfolio-header a:focus, .portfolio_nav a, .portfolio_nav a:focus{ color: #000; } i.fa.fa-close { color: #000; } /*.button[data-modal="test"]:hover { background-color: #1F1F1F!important; }*/ .button[data-modal="test"]:hover h1{ color: #fff!important; } .button[data-modal="test"]:active, #prints_button:active, #logos_button:active, #digital_button:active, .digital_button_custom, #mage_button:active, .wpcf7-form-control.wpcf7-submit:active, .call-to-action-button:active { -webkit-box-shadow: 0px 20px 25px -11px rgba(0,0,0,0.60)!important; box-shadow: 0px 20px 25px -11px rgba(0,0,0,0.60)!important; -webkit-transform: translateY(4px)!important; transform: translateY(4px)!important; } #prints_button:focus, #logos_button:focus, #digital_button:focus, .digital_button_custom, #mage_button:focus { outline: none; } #prints_button, #logos_button, #mage_button, .digital_button_custom, #digital_button { -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-property: all; transition-property: all; -webkit-transition-timing-function: cubic-bezier(0.37, 0.31, 0.2, 0.85); transition-timing-function: cubic-bezier(0.37, 0.31, 0.2, 0.85); } .modal { height: 80%; } .modal #button-row .vc_btn3-container button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-width: 0px; border-radius: 0.4em; border-color: #fff; color: #000; background-color: #fff; min-width: 194px; height: 50px; position: relative; z-index: 1; font-family: Ubuntu, Arial; font-size: 0.92em; padding: 1% 2%; margin-top: 2em; vertical-align: middle; -webkit-box-shadow: 0px 20px 59px -11px rgba(0,0,0,0.40); box-shadow: 0px 20px 59px -11px rgba(0,0,0,0.40); } /*.modal #button-row .call-to-action-button.contact_two { margin-left: -20px; } .modal #button-row .call-to-action-button.contact_three { margin-left: -40px;} */ #logos_button:before, #prints_button:before { content: ""; position: absolute; background-color: #dddc04!important; bottom: 0; left: 0; right: 0; top: 100%; z-index: -1; border-radius: 0.4em; -webkit-transition: top 0.09s ease-in; } #mage_button:before, #digital_button:before, .digital_button_custom:before{ content: ""; position: absolute; background-color: #23282D!important; bottom: 0; left: 0; right: 0; top: 100%; z-index: -1; border-radius: 0.4em; -webkit-transition: top 0.09s ease-in; } .modal #button-row .vc_btn3-container button:before { content: ""; position: absolute; background-color: #dddc04!important; bottom: 0; left: 0; right: 0; top: 100%; z-index: -1; border-radius: 0.4em; -webkit-transition: top 0.09s ease-in; } .button[data-modal="test"]:before { content: ""; position: absolute; background-color: #23282D!important; bottom: 0; left: 0; right: 0; top: 100%; z-index: -1; border-radius: 0.4em; -webkit-transition: top 0.09s ease-in; } .button[data-modal="test"]:hover:before{ top: 0; } #logos_button:hover:before, #prints_button:hover:before, #mage_button:hover:before, #digital_button:hover:before, .digital_button_custom:hover:before, .modal #button-row .vc_btn3-container button:hover:before{ top: 0; } #magento-projects a img { padding:0%; } .contact-info-column .vc_custom_1518531756622{ border-bottom-style: none!important; } .logos-portfolio-button-column-left{ text-align:right; padding-right:65px; } .prints-button-column{ padding-left:50px; } .services-heading-font { /* font-family: Gotham;*/ font-weight: bold; } .services-heading { font-size: 2.7em; } .services-paragraph { width: 96%; /* padding: 0px 10%;*/ } .magento_button a { border-color: #f15c22!important; background-color: #f15c22!important; } #prints_button:hover .fil0_svg, #logos_button:hover .fil0_svg { fill: #fff!important; } #mage_auto_type div { color: #fff; } .page-id-1466 .vc_custom_heading.mage_title { font-weight: 100; } .page-id-1765 .vc_custom_1518010272587 .vc_custom_heading, .page-id-1768 .vc_custom_1518010272587 .vc_custom_heading { font-weight: 100; } .vc_parallax .vc_parallax-inner { background-attachment: fixed!important; background-position: inherit!important; background-size: cover; background-repeat: no-repeat; } /* .post-1768 [data-row-title="parallax-row"], .post-190 [data-row-title="parallax-row"], .post-1136 [data-row-title="parallax-row"], .post-1765 [data-row-title="parallax-row"], */ .post-2415 [data-row-title="parallax-row"], .post-2411 [data-row-title="parallax-row"] { -webkit-filter: grayscale(100%); filter: grayscale(100%) brightness(118%); } [data-row-title="parallax-row"] { padding-top: 12%; padding-bottom: 9%; } @media only screen and (max-width: 500px) { [data-row-title="parallax-row"] { padding-top: 40%; padding-bottom: 9%; } } @media only screen and (min-width: 501px) and (max-width: 700px) { [data-row-title="parallax-row"] { padding-top: 20%; padding-bottom: 9%; } } @media only screen and (min-width: 701px) and (max-width: 1024px) { [data-row-title="parallax-row"] { padding-top: 15%; padding-bottom: 9%; } } .row .columns .wpb_wrapper, .wpb_single_image img { height: 100%!important; } .magento-portfolio .thb-portfolio .type-portfolio h2{ text-decoration: none; overflow: visible; } /*------------------------------------POST PAGE-------------------------------*/ .post .post-title a { font-size: 23px; } .post .post-content p { font-size: 16px; } /*-----------------------------------TEAM MEMBERS-----------------------------*/ /* .thb-team-row .thb-team-member .team-information { background:rgba(221,220,4,0.8); }*/ .thb-team-row .thb-team-member:nth-child(1) .team-information { background-image: url("https://www.artabout.gr/wp-content/uploads/2025/01/Thanasis-Z_2BW.jpg"); object-fit: cover; background-size: cover; } .thb-team-row .thb-team-member:nth-child(2) .team-information { background-image: url("https://www.artabout.gr/wp-content/uploads/2025/01/Dimitris_2BW-1.jpg"); object-fit: cover; background-size: cover; } .thb-team-row .thb-team-member:nth-child(3) .team-information { background-image: url("https://www.artabout.gr/wp-content/uploads/2025/01/Apostolos_2BW.jpg"); object-fit: cover; background-size: cover; } .thb-team-row .thb-team-member:nth-child(4) .team-information { background-image: url("https://www.artabout.gr/wp-content/uploads/2025/01/Alexandros_2BW.jpg"); object-fit: cover; background-size: cover; } .thb-team-row .thb-team-member:nth-child(5) .team-information { background-image: url("https://www.artabout.gr/wp-content/uploads/2025/01/Kiki_2BW.jpg"); object-fit: cover; background-size: cover; } .thb-team-row .thb-team-member:nth-child(6) .team-information { background-image: url("https://www.artabout.gr/wp-content/uploads/2025/01/Giannis_2BW.jpg"); object-fit: cover; background-size: cover; } .thb-team-row .thb-team-member:nth-child(7) .team-information { background-image: url("https://www.artabout.gr/wp-content/uploads/2025/02/Valantis_2BW2.jpg"); object-fit: cover; background-size: cover; } .thb-team-row .thb-team-member:nth-child(8) .team-information { background-image: url("https://www.artabout.gr/wp-content/uploads/2025/01/Thanasis-P_2BW.jpg"); object-fit: cover; background-size: cover; } .thb-team-row .thb-team-member:nth-child(9) .team-information { background-image: url("https://www.artabout.gr/wp-content/uploads/2025/01/Ntina_2BW.jpg"); object-fit: cover; background-size: cover; } .thb-team-row .thb-team-member:nth-child(10) .team-information { background-image: url("https://www.artabout.gr/wp-content/uploads/2025/01/Soula_2BW.jpg"); object-fit: cover; background-size: cover; } .thb-team-row .thb-team-member:nth-child(11) .team-information { background-image: url("https://www.artabout.gr/wp-content/uploads/2025/03/Giorgos_3BW.jpg"); object-fit: cover; background-size: cover; } .thb-team-row .thb-team-member:nth-child(12) .team-information { background: none; } @media screen and (min-width:1441px){ .thb-team-row { position:relative; left:205px; max-width: 70% !important; } } .thb-team-row .row.style1 .thb-team-member .team-information .job-title:not(:nth-child(1)) { margin-bottom: 0px; } @media only screen and (max-width: 640px){ .thb-team-row .thb-team-member { padding-left: 0.95rem; padding-right: 0.95rem; } .about-us-text { padding: 0 0.4rem 0; } } /*-----------------------------------CONTACT FORM-----------------------------*/ .wpcf7-form textarea { height: 118px; min-height: 60px; line-height:40px; } .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.full, .wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email.full, .wpcf7-tel.wpcf7-validates-as-tel.full, .wpcf7-form-control.wpcf7-textarea.full, .wpcf7-form-control.wpcf7-select.budget-drop-down { font-size: 13px!important; } .wpcf7-form .bold-label label{ font-weight: 700; color: #505050; } .wpcf7-form-control.wpcf7-select.budget-drop-down{ display: none; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; margin-top: 15px; padding-bottom: 7px; border-bottom-color: #ECECEC; } .input[type="submit"].wpcf7-form-control.wpcf7-submit.btn:before{ content: ""; position: absolute; background-color: #dddc04!important; bottom: 0; left: 0; right: 0; top: 100%; z-index: -1; border-radius: 0.4em; transition: top 0.09s ease-in!important; -webkit-transition: top 0.09s ease-in!important; } .wpcf7-form-control.wpcf7-checkbox .input[type=checkbox]{ border-radius: 100%; } .wpcf7-checkbox label{ display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border:none; } .wpcf7-checkbox > span > label > input { position: absolute; opacity: 0; cursor: pointer; } .wpcf7-checkbox > span > label > span:before { border-radius: 0; position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #fff; margin-top: 8px; border-style: solid; border-width: 1px; } .modal .wpcf7-checkbox > span > label > span:before { background-color: #f0f0f0; } /* #contact-one-content .wpcf7-submit.btn { margin: 0; background-color: #fff; color: #000; } */ #contact-one-content .wpcf7-text{ border-bottom: 1px solid #787878; } #contact-one-content textarea { background-image: repeating-linear-gradient(to bottom, transparent, transparent 38px, rgba(1,1,1,1) 39px); } #contact-one-content .contact-form-title label{ /* font-family: gotham;*/ font-size: 30px; font-weight: bold; padding-left: 15px; } #contact-one-content .contact-form-title { margin-bottom: 30px; } #contact-one-content #back-buttn { margin-top: -30px; } #contact-one-content .wpcf7-form-control.wpcf7-select.budget-drop-down-one { display: none; } /*#contact-one-content .dropdown dt a { border: 1px solid #000; }*/ #contact-one-content .dropdown dt a {background:url(https://artabout.gr/wp-content/uploads/2018/02/angle-arrow-down.png) no-repeat 100% 60%; background-size: 14px 14px; display:block; padding-right:20px; border:1px solid rgba(0, 0, 0, 0.5); border-top-width:0px; border-left-width:0px; border-right-width:0px; width:100%; padding:5px 0px;} #contact-one-content .dropdown dd ul { z-index: 1; -webkit-box-shadow: 0px 20px 59px -14px rgba(194,188,194,1); box-shadow: 0px 20px 59px -14px rgba(194,188,194,1); background:#fff none repeat scroll 0 0; border:0px solid #d4ca9a; color:#000; display:none; left:0px; padding:5px 0px; position:absolute; top:2px; width:auto; min-width:94%; list-style:none;} #back-buttn .goback-button img { width: 25px; margin-bottom: 10px; } /*.wpcf7-checkbox > span > label > span:hover:before { background-color: #ccc; }*/ .wpcf7-checkbox input[type=checkbox]:checked + span:before { content: url('https://artabout.gr/wp-content/uploads/2018/06/checkbox-check.png'); padding: 4px 1px; } .wpcf7-checkbox > span > label > span:before:after { content: ""; position: absolute; display: none; } /*.wpcf7-form-control.wpcf7-submit.btn:hover { background-color: #dddc04!important; color: #000; }*/ .wpcf7-form-control.wpcf7-submit { font-weight: bold; border-radius: 6.4px; -webkit-box-shadow: 0px 20px 59px -11px rgba(0,0,0,0.40); box-shadow: 0px 20px 59px -11px rgba(0,0,0,0.40); z-index:1; } .wpcf7-form-control.wpcf7-submit:hover { color:#000; } .wpcf7-form-control.wpcf7-submit:before { content: ""; position: relative; background-color: #dddc04!important; bottom: 0; left: 0; right: 0; top: 100%; z-index: -1; border-radius: 0.4em; -webkit-transition: top 0.09s ease-in; transition: top 0.09s ease-in; display:block; width:100px; height:15px; } .wpcf7-form-control.wpcf7-submit.btn:hover:before{ top: 0; } select.budget-drop-down{ -moz-appearance: none; -webkit-appearance: none; -webkit-border-radius: 0px; appearance: none; outline-width: 0; background:url(https://artabout.gr/wp-content/uploads/2018/02/angle-arrow-down.png) no-repeat 100% 35%; background-size: 14px 14px; display: block; } /*-------------------------------DROPDOWN CUSTOM STYLE-----------------------*/ .dropdown dd, .dropdown dl, .dropdown a {font-weight: 400!important; font-size: 13px;} .dropdown dd, .dropdown dt, .dropdown ul {margin:0px; padding:0px; } .dropdown dd { position:relative; } .dropdown a, .dropdown a:visited {color:#000; text-decoration:none; outline:none; height: 30px;} .dropdown a:hover { color:#000;} .dropdown dt a:hover { color:#000;} .dropdown dt a {background:url(https://artabout.gr/wp-content/uploads/2018/02/angle-arrow-down.png) no-repeat 100% 60%; background-size: 14px 14px; display:block; padding-right:20px; border:1px solid #ECECEC; border-top-width:0px; border-left-width:0px; border-right-width:0px; padding:5px 0px;} .dropdown dt a span {cursor:pointer; display:block;} .dropdown dd ul { z-index: 1; -webkit-box-shadow: 0px 20px 59px -14px rgba(194,188,194,1); box-shadow: 0px 20px 59px -14px rgba(194,188,194,1); background:#fff none repeat scroll 0 0; border:0px solid #d4ca9a; color:#000; display:none; left:0px; padding:5px 0px; position:absolute; top:2px; width:auto; min-width:240px; list-style:none;} .dropdown span.value { display:none;} .dropdown dd ul li a { padding:3px 7px; display:block;} .dropdown dd ul li a:hover { background-color:#dddc04;} .dropdown img.flag { border:none; vertical-align:middle; margin-left:10px; } .flagvisibility { display:none;} .dropdown { margin-top: 9px;} /*.dropdown dd ul li:first-child{display:none!important;}*/ #wpcf7-f731-o2 label{ font-size: 13px; } /*------------------------------------RESPONSIVE-----------------------------*/ @media only screen and (max-width: 1760px) { #footer .textwidget .thb-language-switcher { right: calc(18% + 35px)!important; }} @media only screen and (max-width: 1024px) { #modal-heading { margin-right:100px; } } @media only screen and (min-width: 1200px){ /*.mac-responsive img { padding: 0px 175px; }*/ .post-content .firstsection { height: 935px; } } @media only screen and (max-width:1024px){ #footer .textwidget .thb-language-switcher { right: calc(38% + 41px)!important; top: 377px !important; } #footer .textwidget .thb-language-switcher { top: 426px !important; } } @media only screen and (max-width: 500px){ .site-content { text-align: center; display: block!important; padding-bottom: 30px!important; padding-top: 30px!important; } .site-content #modal-heading { margin-right: 0px!important; margin-bottom: 25px; } } @media only screen and (min-width: 1380px){ .services-paragraph .wpb_wrapper { padding: 20px 50px; } .services-paragraph .wpb_wrapper > p { font-size: 15px; margin-bottom: 1.25rem; line-height: 22px; } #mage_buton { margin-top: 42px; } .services-heading { font-size: 2.0em; margin-left: 7%; } .magento-projects-heading { font-size: 2.0em; } .googlepartner{ margin-top:4em; } } @media only screen and (min-width: 1274px) and (max-width: 1379px){ .services-paragraph .wpb_wrapper{ padding: 7px 55px; } .services-paragraph .wpb_wrapper > p{ font-size: 13px; } .services-heading { font-size: 2.0em; margin-left: 8%; } .magento-projects-heading { font-size: 2em; } } @media only screen and (min-width: 965px) and (max-width: 1273px){ .services-paragraph .wpb_wrapper{ padding: 0px 33px; } .services-paragraph .wpb_wrapper > p{ font-size: 12px; line-height: 1.4; } .services-heading { font-size: 1.7em; margin-left: 5.7%; } .magento-heading-1, .magento-heading-2, .magento-heading-3 { margin-left: 6.7%; } .magento-projects-heading { font-size: 1.7em; } } @media only screen and (min-width: 783px) and (max-width: 964px){ .services-paragraph .wpb_wrapper{ padding: 0px 39px; } .services-paragraph .wpb_wrapper > p{ font-size: 11px; line-height: 1.3; margin-bottom: 0.8rem; } .services-heading { font-size: 1.5em; margin-left: 10%; } .magento-projects-heading { font-size: 1.5em; } } @media only screen and (min-width: 641px) and (max-width: 782px){ .services-paragraph .wpb_wrapper{ padding: 0px 23px; } .services-paragraph .wpb_wrapper > p{ font-size: 10px; line-height: 1.2; margin-bottom: 0.7rem; } .services-heading { font-size: 1.4em; margin-left: 7%; } .magento-projects-heading { font-size: 1.4em; } .magento-heading-1 { margin-top: 2em;} .magento-heading-2 { margin-top: 2.5em;} .magento-heading-3 { margin-top: 2em;} #softone-image { width:50px!important; height:10px!important; margin-right:5%!important; } #singular-image { width:75px!important; height:15px!important; margin-right:5%!important; } #entersoft-image { width:75px!important; height:15px!important; margin-right:0%!important; } } @media only screen and (min-width: 783px) and (max-width: 1024px){ #softone-image { width:80px!important; height:20px!important; margin-right:3%!important; } #singular-image { width:120px!important; height:25px!important; margin-right:3%!important; } #entersoft-image { width:80px!important; height:23px!important; margin-right:0%!important; } } @media only screen and (max-width: 640px) and (min-width: 500px){ .services-paragraph .wpb_wrapper{ padding: 0px 20px 0px 30px; } .services-paragraph .wpb_wrapper > p{ font-size: 15px; line-height: 1.2; margin-bottom: 0.7rem; } .services-heading { font-size: 1.8em; margin-left: 5%; } .magento-paragraph-1{ font-size: 15px; padding: 0px 15px; } .logos-portfolio-button-column-left{ text-align:center; padding-right: 0px; } .prints-button-column-right{ text-align:center; /* padding-left: 20px*/ } .site .site-content > h1{ margin-right: 20px!important; } .button[data-modal="test"]{ padding: 0px 20px; height: 70px!important; } .button[data-modal="test"] h1{ font-size: 22px!important; display: inline-table; } .services-paragraph .wpb_text_column a{ text-align: center; } /*#mage_button { margin-left: 30px!important; }*/ #logos-button { margin-right: 10px; } } @media only screen and (max-width: 500px){ .services-paragraph .wpb_wrapper{ padding: 0px 20px 0px 30px; } /*.services-paragraph .wpb_wrapper > p{ font-size: 15px; line-height: 1.2; margin-bottom: 0.7rem; }*/ .services-heading { font-size: 1.8em; margin-left: 8%; } .magento-paragraph-1{ font-size: 15px; padding: 0px 15px; } .logos-portfolio-button-column-left{ text-align:center; padding-right: 0px; } .prints-button-column-right{ text-align:center; /* padding-left: 20px*/ } .site .site-content > h1{ /* margin-right: 20px!important;*/ } .button[data-modal="test"]{ padding: 0px 20px; } .button[data-modal="test"] h1{ font-size: 22px!important; display: inline-table; } .services-paragraph .wpb_text_column a{ text-align: center; } #logos-button { margin-right: 10px; } } @media only screen and (max-width: 640px){ .width550 p { max-width: 100%!important; padding: 0px 3em; } } @media only screen and (min-width: 641px) and (max-width: 1060px){ .button[data-modal="test"] h1{ font-size: 22px!important; } .button{ padding: 0px 18px; } } @media only screen and (max-width: 1024px){ .site-content{ padding: 75px 20px; } } /*@media only screen and (max-width: 640px){ .logos-portfolio-button-column-left{ text-align:center; padding-right: 0px; } .prints-button-column-right{ text-align:center; padding-left: 20px } #mage_button{ margin-left: 25%; } }*/ @media only screen and (min-width: 640px) { .services-image-resize .wpb_wrapper .vc_single_image-wrapper > img { min-height: 30.125em; } } @media only screen and (max-width: 640px) { .services-image-resize .wpb_wrapper .vc_single_image-wrapper > img, .magento-image-resize .wpb_wrapper .vc_single_image-wrapper > img{ padding: 0em 3em 2em 2em; } } @media only screen and (min-width: 1021px) { .magento-heading-1 { margin-top: 3em; } .magento-heading-2 { margin-top: 4.5em; } .magento-heading-3 { margin-top: 3em; } } @media only screen and (max-width: 1020px) and (min-width: 783px) { .magento-heading-1 { margin-top: 2em; } .magento-heading-2 { margin-top: 3.5em; } .magento-heading-3 { margin-top: 2.5em; } } @media only screen and (max-width: 782px) and (min-width: 641px) { .magento-heading-1 { margin-top: 2em; } .magento-heading-2 { margin-top: 2.5em; } .magento-heading-3 { margin-top: 1.5em; } } @media only screen and (max-width: 640px) { .magento-heading-1 { margin-top: 2em; } .magento-heading-2 { margin-top: 2em; } .magento-heading-3 { margin-top: 2em; } } @media only screen and (min-width: 1602px){ .service-heading-1, .service-heading-2 { margin-top: 140px; } } @media only screen and (max-width: 1601px) { .service-heading-1, .service-heading-2 { margin-top: 60px; } } @media only screen and (max-width: 639px) { .modal[data-modal="test"] { padding-top: 70px; } .modal__footer { top: 65px!important; } } /*----------------------------------------------------------------------------*/ .newsletter-design-heading .wpb_wrapper p { color:#fff; font-size: 60px; line-height: 50px; } .blue-row-left-image img { margin-top: 10.5em; } @media only screen and (min-width: 1556px) { .newsletter-design-heading .wpb_wrapper { margin-left: 30%; margin-top: 7em; } } @media only screen and (min-width: 1440px) and (max-width: 1555px) { .newsletter-design-heading .wpb_wrapper { margin-left: 26%; margin-top: 7em; } .newsletter-design-heading .wpb_wrapper p { font-size: 50px; line-height: 50px; } } @media only screen and (min-width: 1024px) and (max-width: 1439px){ .newsletter-design-heading .wpb_wrapper { margin-left: 23%; margin-top: 7em; } .newsletter-design-heading .wpb_wrapper p { font-size: 50px; line-height: 40px; } } @media only screen and (min-width: 768px) and (max-width: 1023px){ .newsletter-design-heading .wpb_wrapper { margin-left: 20%; margin-top: 7em; } .newsletter-design-heading .wpb_wrapper p { font-size: 40px; line-height: 35px; } } @media only screen and (min-width: 641px) and (max-width: 767px){ .newsletter-design-heading .wpb_wrapper { margin-left: 20%; margin-top: 7em; } .newsletter-design-heading .wpb_wrapper p { font-size: 30px; line-height: 25px; } .blue-row-left-image img { margin-top: 7.5em; } } @media only screen and (min-width: 601px) and (max-width: 640px) { .newsletter-design-heading .wpb_wrapper { margin-left: 20%; margin-top: 7em; } .blue-row-left-image img { margin-top: 5.5em; } } @media only screen and (min-width: 481px) and (max-width: 600px) { .newsletter-design-heading .wpb_wrapper { margin-left: 20%; margin-top: 7em; } .blue-row-left-image img { margin-top: 5.5em; } .newsletter-design-heading .wpb_wrapper p { font-size: 45px; line-height: 40px; } } @media only screen and (min-width: 481px) and (max-width: 600px) { .newsletter-design-heading .wpb_wrapper { margin-left: 20%; margin-top: 7em; } .blue-row-left-image img { margin-top: 5.5em; } .newsletter-design-heading .wpb_wrapper p { font-size: 45px; line-height: 40px; } } @media only screen and (min-width: 426px) and (max-width: 480px) { .newsletter-design-heading .wpb_wrapper { margin-left: 20%; margin-top: 7em; } .blue-row-left-image img { margin-top: 5.5em; } .newsletter-design-heading .wpb_wrapper p { font-size: 40px; line-height: 40px; } } @media only screen and (min-width: 376px) and (max-width: 425px) { .newsletter-design-heading .wpb_wrapper { margin-left: 20%; margin-top: 7em; } .blue-row-left-image img { margin-top: 5.5em; } .newsletter-design-heading .wpb_wrapper p { font-size: 35px; line-height: 30px; } } @media only screen and (min-width: 320px) and (max-width: 375px) { .newsletter-design-heading .wpb_wrapper { margin-left: 20%; margin-top: 7em; } .blue-row-left-image img { margin-top: 5.5em; } .newsletter-design-heading .wpb_wrapper p { font-size: 30px; line-height: 25px; } } @media only screen and (max-width: 319px) { .newsletter-design-heading .wpb_wrapper { margin-left: 20%; margin-top: 7em; } .blue-row-left-image img { margin-top: 5.5em; } .newsletter-design-heading .wpb_wrapper p { font-size: 30px; line-height: 25px; } } #blue-row .wpb_single_image img { max-width: 80%; } a:hover { color: #dddc04; } .portfolio-website .wpb_wrapper p { margin-top: 25px; } .portfolio-website .wpb_wrapper p > a { color: #000; } .portfolio-website .wpb_wrapper p > a:hover { color: #000; cursor: pointer; } .portfolio-website .wpb_wrapper p > a { font-weight: 700; } .portfolio-website .wpb_wrapper p > a:after { display: none; } .portfolio-website .wpb_wrapper p > a:hover .fil0_svg { fill: #dddc04!important; } .justify p { text-align: justify; } .magento-paragraph-1{ max-width: 628px!important; } .width550 p { font-size:15px; line-height: 22px; max-width: 570px; margin: 0 auto; } .weight300 p { /*font-weight: 300;*/ } /* HEADER */ svg.logo { fill: #000000; margin-right: 10px; } .call-to-action-button { /*padding-left: 70px!important; padding-right: 70px!important; padding-top: 17px!important; padding-bottom: 17px!important;*/ font-weight: bold; font-size: 14px!important; width: 194px; } .mobile-menu-bottom a.facebook, .mobile-menu-bottom a.instagram, .mobile-menu-bottom a.twitter, .mobile-menu-bottom a.linkedin, .mobile-menu-bottom a.behance { color: #000; } .button:not(.thb-text-style):not(.thb-border-style):not(.thb-fill-style):hover{ background-color:#f0f0f0; } #custom-menu h6 { color: #333; opacity: .4; } .header:hover svg.logo .fil1 { fill: #dddc04; } .header svg.logo .fil1 { fill: #dddc04; } .header.over:hover svg.logo .fil2 { -webkit-animation: logoFill 0.2s cubic-bezier(.2, .6, .8, .4) forwards; animation: logoFill 0.2s cubic-bezier(.2, .6, .8, .4) forwards; } .header.out svg.logo .fil2 { -webkit-animation: logoFill2 0.2s cubic-bezier(.2, .6, .8, .4) forwards; animation: logoFill2 0.2s cubic-bezier(.2, .6, .8, .4) forwards; } @-webkit-keyframes logoFill { 0% { -webkit-clip-path: inset(0px 0px 0px 0px); clip-path: inset(0px 0px 0px 0px); } 100% { -webkit-clip-path: inset(0px 0px 50px 0px); clip-path: inset(0px 0px 50px 0px); } } @keyframes logoFill { 0% { -webkit-clip-path: inset(0px 0px 0px 0px); clip-path: inset(0px 0px 0px 0px); } 100% { -webkit-clip-path: inset(0px 0px 50px 0px); clip-path: inset(0px 0px 50px 0px); } } @-webkit-keyframes logoFill2 { 0% { -webkit-clip-path: inset(0px 0px 50px 0px); clip-path: inset(0px 0px 50px 0px); } 100% { -webkit-clip-path: inset(0px 0px 0px 0px); clip-path: inset(0px 0px 0px 0px); } } @keyframes logoFill2 { 0% { -webkit-clip-path: inset(0px 0px 50px 0px); clip-path: inset(0px 0px 50px 0px); } 100% { -webkit-clip-path: inset(0px 0px 0px 0px); clip-path: inset(0px 0px 0px 0px); } } .header .logolink { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mobile-toggle span { width: 26px; height: 4px; border-radius: 0; } .disable_header_fill-off .header:before, .disable_header_fill-off .header:before { -webkit-transform: scale(1, 1); transform: scale(1, 1); } /*filtra sta projects (prosorina)*/ .logo-holder .thb-portfolio-filter ul { padding-left: 6em; } @media only screen and (min-width:1024px) { .logo-holder .thb-portfolio-filter ul li a { opacity: 1; } .logo-holder .thb-portfolio-filter ul li a.active { text-decoration: underline; -webkit-text-decoration-color: #dddc04; text-decoration-color: #dddc04; } } .logo-holder .thb-portfolio-filter ul li:hover a:after { height: 120%; } .logo-holder .thb-portfolio-filter ul li a:after { content: ""; position: absolute; left: -.375rem; bottom: -.125rem; background: #dddc04; width: calc(100% + 12px); height: 0; z-index: -1; -webkit-transition: height .5s ease; transition: height .5s ease; } .logo-holder .thb-portfolio-filter { visibility: inherit!important; opacity: 1!important; display: -webkit-inline-box!important; display: -ms-inline-flexbox!important; display: inline-flex!important; -webkit-transform: none; transform: none; padding: inherit; top: 10%; } .thb-portfolio .type-portfolio.title-center .portfolio-link h2 { color:#fff; } .thb-portfolio-filter li a { -webkit-transform: matrix(1, 0, 0, 1, 0, 0)!important; transform: matrix(1, 0, 0, 1, 0, 0)!important; } .logo-holder .thb-portfolio-filter ul { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: none; transform: none; } .logo-holder .thb-portfolio-filter ul li { padding-right: 0px; margin-right: 15px; } /*responsive filtra sta projects -- prosorina*/ @media screen and (min-width: 1701px) { .logo-holder .thb-portfolio-filter { left: 29vw!important; } } @media only screen and (max-width:1700px) and (min-width: 1556px) { .logo-holder .thb-portfolio-filter { left: 27vw!important; } } @media only screen and (max-width:1555px) and (min-width: 1024px) { .logo-holder .thb-portfolio-filter { left: 22vw!important; } } @media only screen and (max-width:1220px) and (min-width: 1221px) { .logo-holder .thb-portfolio-filter { left: 25vw!important; } } @media only screen and (max-width:1023px) { .logo-holder .thb-portfolio-filter { display: none!important; } } @media only screen and (min-width: 40.063em) { .thb-borders-on .header { margin-top: 0px; } } /* */ .mobile-toggle span:nth-child(1) { top: 16px; } .mobile-toggle span:nth-child(2) { top: 23px; } .mobile-toggle span:nth-child(3) { top: 30px; } /* PAGE BORDER */ /* @media only screen and (min-width: 40.063em) { .thb-borders { border-left-width: 3.1em; border-right-width: 3.1em; border-bottom-width: 0; border-top-width: 0; } } */ .thb-autotype .thb-autotype-entry { font-family: 'Ubuntu',Arial; color: #000; } .typed-cursor { color: #fff; } .thb-preloader { display: none; } /* SCROLL BOTTOM */ .scroll-bottom { border-radius: 14px; border: 3px solid #dddc04; -webkit-transform: scale(1, 1); transform: scale(1, 1); bottom: 60px; } .scroll-bottom div { position: absolute; display: block; top: 29%; left: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; background: #dddc04; border-radius: 50%; -webkit-animation: ani-mouse 2.5s linear infinite; animation: ani-mouse 2.5s linear infinite; } .scroll-bottom>div:after, .scroll-bottom>div:before, .scroll-bottom:before { content: none; } @-webkit-keyframes ani-mouse { 0% { opacity: 1; top: 29%; } 15% { opacity: 1; top: 50%; } 50% { opacity: 0; top: 50%; } 100% { opacity: 0; top: 29%; } } @keyframes ani-mouse { 0% { opacity: 1; top: 29%; } 15% { opacity: 1; top: 50%; } 50% { opacity: 0; top: 50%; } 100% { opacity: 0; top: 29%; } } .services h2.arrow:after { display: inline-block; content: ' '; background-image: url(https://artabout.gr/wp-content/uploads/2018/02/right-arrow-1.svg); background-size: 19px 18px; width: 19px; height: 17px; margin-left: 10px; } .services h2 { font-weight: normal; text-decoration: underline; text-align: left; line-height: 25px; } @media screen and (min-width:1271px) { .services h2 { font-size: 1.57em; } } @media screen and (min-width: 1024px) and (max-width: 1270px) { .services h2 { font-size: 1.3em; } } @media screen and (max-width: 414px) and (min-width: 366px) { .services h2, .heading-arxiki h2 { font-size: 19px!important; } } @media screen and (max-width: 365px) and (min-width: 350px) { .services h2, .heading-arxiki h2 { font-size: 18px!important; } } @media screen and (max-width: 349px) and (min-width: 333px) { .services h2, .heading-arxiki h2 { font-size: 17px!important; } } @media screen and (max-width: 332px) { .services h2, .heading-arxiki h2 { font-size: 16px!important; } } .services h2 { text-decoration: none; } .services h2 > a:hover{ color: #dddc04; } .moreprojectsarxiki span.arrow:after { display: inline-block; content: ' '; background-image: url(assets/svg/arrow.svg); background-size: 19px 18px; width: 19px; height: 17px; margin-left: 10px; } span.arrow:after { display: inline-block; content: ' '; background-image: url(assets/svg/arrow.svg); background-size: 13px 10px; width: 13px; height: 10px; margin-left: 10px; margin-bottom: 2px; } .titlearxiki h5 { text-align: left; font-size: 1.25em; } .moreprojectsarxiki .arrow { position: relative; font-size: 2rem; font-weight: bold; line-height: 25vh; margin: 0 auto; border: none; color: #000; } @media only screen and (min-width: 1024px) and (max-width: 1182px) { .moreprojectsarxiki .arrow { font-size: 1.65rem; } } @media only screen and (max-width: 349px) { .moreprojectsarxiki .arrow { font-size: 1.5rem; } .moreprojectsarxiki span.arrow:after { margin-bottom: 2px; } } @media screen and (min-width: 1024px) and (max-width: 1270px) { .heading-arxiki h2 { font-size: 1.4em!important; } } /* FOOTER */ #footer .row .widget p { font-size: 13px; } #footer ul li a { color: #fff; font-size: 13px; } #footer .textwidget .thb-language-switcher{ display: block; position: absolute; right: 417px; top: 226px; } @media (max-width: 320px){ #footer .textwidget .thb-language-switcher { display: block; position: absolute; right: 83px; top: 374px; } } @media (max-width: 320px){ #footer .textwidget .thb-language-switcher { display: block; position: absolute; right: 83px; top: 374px; } #footer .textwidget .thb-language-switcher { right: 90px!important; top: 444px !important; } } @media (min-width: 321px) and (max-width: 411px) { #footer .textwidget .thb-language-switcher { display: block; position: absolute; right: 115px; top: 379px; } #footer .textwidget .thb-language-switcher { top: 445px !important; right: 31%!important; } } @media (min-width: 412px) and (max-width: 480px) { #footer .textwidget .thb-language-switcher { display: block; position: absolute; right: 130px; top: 379px; } #footer .textwidget .thb-language-switcher { right: 145px!important; top: 457px!important; } } @media (min-width: 481px) and (max-width: 768px) { #footer .textwidget .thb-language-switcher { display: block; position: absolute; right: 300px !important; top: 379px; } } #footer .thb-language-switcher a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: rgba(255, 255, 255, 0.93); position: relative; margin-right: 14px; text-transform: capitalize; will-change: color; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #footer .thb-language-switcher a.active:after, #footer .thb-language-switcher a:hover:after{ -webkit-transform: scale(1, 1); transform: scale(1, 1); } #footer .thb-language-switcher a:after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 1px solid #dddc04; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: 0 0; transform-origin: 0 0; will-change: transform; } #footer .thb-language-switcher a.active, #footer .thb-language-switcher a:hover{ color:#fff; } #footer .menubg-placeholder, #footer .thb-language-switcher a:after{ -webkit-transition: all 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85); transition: all 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85); } /* 4stilo footer kentro - mazi me to arxeio footer.php_4stilo_kentro .footer.full-width-footer .row { margin-left: auto; margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; max-width: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } */ /* .footer.dark h6, .footer h6 { color: #000; } */ /*.footer p { color: #000; font-weight: 600; } */ .fa-twitter:before { margin-right: 8px; } .fa-instagram:before { margin-right: 8px; } .fa-facebook:before { margin-right: 13px; } .fa-linkedin:before { margin-right: 9px; } .fa-behance:before { margin-right: 4px; } .fa-youtube-play:before { margin-right: 7px; } .footerlogo svg { fill: rgba(255, 255, 255, 0.15); } .custom-column .vc_column-inner > .wpb_wrapper { max-width: 700px; margin: 0 auto; } .custom-column p { text-align: justify; } .thb-iconbox figure svg path, .thb-iconbox figure svg circle, .thb-iconbox figure svg rect, .thb-iconbox figure svg ellipse { stroke: #000000; } blockquote p { font-weight: 400; } @media only screen and (min-width: 64.063em) { .thb-testimonials.style1 blockquote p { font-size: 17px; } } /* case studies masonry */ @media only screen and (max-width: 640px){ .thb-portfolio .type-portfolio .portfolio-link{ padding: 40px; } .thb-portfolio .portfolio-holder > a { margin: auto; height: -webkit-max-content; height: -moz-max-content; height: max-content; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .thb-portfolio .post-2411 .portfolio-holder > a, .thb-portfolio .post-2589 .portfolio-holder > a{ width: initial; } } .thb-portfolio .type-portfolio .portfolio-link { background-color: transparent; opacity: 1; } .thb-portfolio .type-portfolio:hover .portfolio-link { background: transparent; } .thb-portfolio .type-portfolio h2 span:not(.next) { -webkit-transform: none; transform: none; } .thb-portfolio .type-portfolio h2 span:not(.next) { -webkit-transition: color 1s ease; transition: color 1s ease; } .thb-portfolio .post-1057.type-portfolio:hover h2 { color: #41352c; } .thb-portfolio .post-1272.type-portfolio:hover h2 { color: #ed1c29; } .thb-portfolio .post-1273.type-portfolio:hover h2 { color: #424143; } .thb-portfolio .post-1275.type-portfolio:hover h2 { color: #bc4946; } .thb-portfolio .post-2056.type-portfolio:hover h2 { color: #988866; } .thb-portfolio .post-2099.type-portfolio:hover h2 { color: #15c0d5; } .thb-portfolio .post-1054.type-portfolio:hover h2 { color: #0e347a; } .thb-portfolio .post-1080.type-portfolio:hover h2 { color: #2dabe2; } .thb-portfolio .post-1089.type-portfolio:hover h2 { color: #f6a523; } .thb-portfolio .post-1450.type-portfolio h2 { line-height: 1.2; } /* .thb-portfolio .post-1069.type-portfolio:hover h2, .thb-portfolio .post-1450.type-portfolio:hover h2, .thb-portfolio .post-1276.type-portfolio:hover h2, .thb-portfolio .post-2589.type-portfolio:hover h2, .thb-portfolio .post-2703.type-portfolio:hover h2, .thb-portfolio .post-2679.type-portfolio:hover h2, .thb-portfolio .post-2605.type-portfolio:hover h2 { color: #000000; } */ .thb-portfolio .type-portfolio .portfolio-link:hover h2 { color: #000; } .thb-portfolio .post-2411.type-portfolio .portfolio-link:hover h2, .thb-portfolio .post-2415.type-portfolio .portfolio-link:hover h2 { color: #1f1f1f; } .thb-portfolio .post-1274.type-portfolio .portfolio-link:hover h2 { color: #d02367; } .thb-portfolio .post-1075.type-portfolio .portfolio-link:hover h2 { color: #186973; } .thb-portfolio .post-2107.type-portfolio .portfolio-link:hover h2 { color: #15c0d5; } .thb-portfolio .post-2453.type-portfolio .portfolio-link:hover h2 { color: #4ba8de; } .thb-portfolio .post-2636.type-portfolio .portfolio-link:hover h2 { color: #8f0d00; } .thb-portfolio .post-2922.type-portfolio .portfolio-link:hover h2 { color: #d38951; } .thb-portfolio .post-2703.type-portfolio .portfolio-link:hover h2 { color: #d21439; } .thb-portfolio .post-2679.type-portfolio .portfolio-link:hover h2 { color: #aa8a77; } .thb-portfolio .post-2605.type-portfolio .portfolio-link:hover h2 { color: #bdbdbd; } .thb-portfolio .post-2589.type-portfolio .portfolio-link:hover h2 { color: #df1c1c; } .thb-portfolio .post-2099.type-portfolio .portfolio-link:hover h2 { color: #15c0d5; } .thb-portfolio .post-1272.type-portfolio .portfolio-link:hover h2 { color: #ed1c29; } .thb-portfolio .post-2056.type-portfolio .portfolio-link:hover h2 { color: #988866; } .thb-portfolio .post-1089.type-portfolio .portfolio-link:hover h2 { color: #f6a523; } .thb-portfolio .post-1054.type-portfolio .portfolio-link:hover h2 { color: #0e347a; } .thb-portfolio .post-1080.type-portfolio .portfolio-link:hover h2 { color: #25ace3; } .thb-portfolio .post-1057.type-portfolio .portfolio-link:hover h2 { color: #746c69; } .thb-portfolio .post-1275.type-portfolio .portfolio-link:hover h2 { color: #bc4946; } .thb-portfolio .post-1069.type-portfolio .portfolio-link:hover h2 { color: #e7342a; } .thb-portfolio .post-1273.type-portfolio .portfolio-link:hover h2 { color: #aaa599; } .thb-portfolio .post-4803.type-portfolio .portfolio-link:hover h2 { color: #28338a; } .thb-portfolio .post-4745.type-portfolio .portfolio-link:hover h2 { color: #5f853a; } .thb-portfolio .post-5006.type-portfolio .portfolio-link:hover h2 { color: #855f92; } .thb-portfolio .post-5179.type-portfolio .portfolio-link:hover h2 { color: #65001e; } .thb-portfolio .post-5170.type-portfolio .portfolio-link:hover h2{ color: #1f517c; } .thb-portfolio .post-1275.type-portfolio { z-index: 1; } .thb-portfolio .type-portfolio h2 span{ font-family: 'Ubuntu-Bold', Arial!important; font-weight: 200 !important; } @media screen and (min-width: 320px) { .thb-portfolio .type-portfolio h2 { font-size: calc(49px + 40 * ((100vw - 320px) / 1120)*0.6); } } @media screen and (min-width: 1440px) { .thb-portfolio .type-portfolio h2 { /*font-size: 4.998em;*/ font-size: 80px; } } /*------*/ .image_shad { -webkit-box-shadow: 0px 0px 20px 11px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 20px 11px rgba(0, 0, 0, 0.3); } .clientsgrid .thb-client-row .thb-client:hover { background-color: #F2F2F2; } .thb-client-row.thb-opacity .thb-client img { opacity: 0.5; } .thb-client-row.thb-opacity .thb-client img { margin: 0 auto; } .home-header-caption p, .home-header-caption aside { margin-bottom: 0px; } /* CUSTOM MENU */ .mobile-menu-bottom #text-4, .mobile-menu-bottom #text-7 { display: none; } .thb-mobile-menu a { /*border-bottom: .125rem solid #fff;*/ padding-bottom: .3125rem; position: relative; } .thb-mobile-menu a:after { content: ""; position: absolute; left: -.375rem; bottom: -.125rem; background: #fff; width: calc(100% + 12px); height: 0; z-index: -1; -webkit-transition: height .5s ease; transition: height .5s ease; } .thb-mobile-menu a:hover:after { height: 120%; } #custom-menu .mobile-menu-bottom .widget p { font-weight: 600; } #custom-menu .menubg-placeholder, #custom-menu .thb-language-switcher a:after { -webkit-transition: all 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85); transition: all 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85); } #custom-menu .menubg-placeholder { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-position: center; background-size: cover; } .mobile-menu-bottom #text-4 { margin-top: -1.7em; } .mobile-menu-bottom #text-7 { margin-top: -0.5em; } #custom-menu.open, #custom-menu.opening, #custom-menu.closing { -webkit-box-shadow: inset 0 -30px 60px -10px rgba(0, 0, 0, 0.1); box-shadow: inset 0 -30px 60px -10px rgba(0, 0, 0, 0.1); } #custom-menu { display: none; /*position: relative;*/ top: 0; z-index: 110; /*padding: 30px;*/ width: 100%; max-width: 100%; overflow: hidden; right: 0; background: #dddc04; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: fixed; } @media only screen and (min-width: 40.063em) { #custom-menu { /* padding: 30px 50px;*/ width: 100%; } } @media only screen and (min-width: 64.063em) { #custom-menu { /* padding: 50px 70px;*/ width: 100%; } } /* @media only screen and (min-width: 75em) { #custom-menu { padding: 70px 90px; } } */ #custom-menu .close-btn { position: absolute; top: 10px; right: 10px; z-index: 30; cursor: pointer; display: block; width: 35px; line-height: 1; } @media only screen and (min-width: 64.063em) { #custom-menu .close-btn { top: 30px; right: 50px; } } #custom-menu .close-btn path { stroke: #000; stroke-width: 7; } #custom-menu .menubg-placeholder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0; } #custom-menu .thb-language-switcher { margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: initial; min-height: 23px; } /* @media only screen and (min-width: 40.063em) { #custom-menu .thb-language-switcher { margin-bottom: 25px; } } @media only screen and (min-width: 90.063em) { #custom-menu .thb-language-switcher { margin-bottom: 35px; } } */ #custom-menu .thb-language-switcher a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: rgba(51, 51, 51, 0.4); position: relative; margin-right: 14px; text-transform: capitalize; will-change: color; -webkit-backface-visibility: hidden; backface-visibility: hidden; /* -webkit-transform: translateY(100%); transform: translateY(100%);*/ } .thb-mobile-menu .link_container .link_inner { -webkit-transform: none; transform: none; } #custom-menu .thb-language-switcher a:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: 0 0; transform-origin: 0 0; will-change: transform; } #custom-menu .thb-language-switcher a.active, #custom-menu .thb-language-switcher a:hover { color: #fff; } #custom-menu .thb-language-switcher a.active:after, #custom-menu .thb-language-switcher a:hover:after { -webkit-transform: scale(1, 1); transform: scale(1, 1); } /* #custom-menu .custom_scroll { display: -webkit-box; display: -ms-flexbox; display: flex; } #custom-menu .custom_scroll>div:not(.iScrollVerticalScrollbar) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: absolute; top: 0; left: 0; min-height: 100%; } #custom-menu .custom_scroll .iScrollVerticalScrollbar { width: 4px !important; opacity: 0; } #custom-menu .custom_scroll .iScrollVerticalScrollbar .iScrollIndicator { -webkit-transition: background 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85); transition: background 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85); border: 0 !important; border-radius: 2px !important; background: rgba(255, 255, 255, 0.2) !important; } #custom-menu .custom_scroll .iScrollVerticalScrollbar .iScrollIndicator:hover { background: rgba(255, 255, 255, 0.6) !important; } #custom-menu .custom_scroll:hover .iScrollVerticalScrollbar { opacity: 1; } */ #custom-menu .mobile-menu-top { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 66%; } #custom-menu .menu-footer { color: rgba(255, 255, 255, 0.5); font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; margin-top: 30px; } #custom-menu .mobile-menu-bottom { -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 33%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; /*flex-wrap: wrap;*/ -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; flex-direction: column; } #custom-menu .mobile-menu-bottom div:first-child { margin-bottom: 0px; } #custom-menu .custom_scroll>div { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 63.75rem; min-height: 0; padding-top: 6.375rem; /*padding-top: 3rem;*/ margin: 0 auto; } #custom-menu .menu-footer>div { -webkit-transform: translateY(100%); transform: translateY(100%); } #custom-menu .menu-footer>div *:last-child { margin-bottom: 0; } #custom-menu .menu-footer p { font-size: inherit; line-height: 1.4; color: inherit; } #custom-menu.light { background: #ededed; } #custom-menu.light .close-btn path { stroke: rgba(31, 31, 31, 0.7); } #custom-menu.light .thb-language-switcher a { color: #9d9ea4; } #custom-menu.light .thb-language-switcher a:hover, #custom-menu.light .thb-language-switcher a.active { color: #5b5c62; } #custom-menu.light .thb-language-switcher a:hover:after, #custom-menu.light .thb-language-switcher a.active:after { border-color: #5b5c62; } #custom-menu.light .thb-mobile-menu a { color: #5b5c62; } #custom-menu.light .thb-mobile-menu a:hover { color: #8c8c94; } #custom-menu.light .thb-mobile-menu .nav-link-mask { background: #ededed; } #custom-menu.light .thb-mobile-menu .nav-link-mask-text { color: #8c8c94; } #custom-menu.light .thb-mobile-menu .menu_arrow { fill: #5b5c62; } #custom-menu.light .thb-secondary-menu a { color: #5b5c62; } #custom-menu.light .thb-secondary-menu a:hover:before { background: #5b5c62; } #custom-menu.light .menu-footer { color: rgba(0, 0, 0, 0.5); } #custom-menu.light .custom_scroll .iScrollVerticalScrollbar .iScrollIndicator { background: rgba(31, 31, 31, 0.4) !important; } #custom-menu.light .custom_scroll .iScrollVerticalScrollbar .iScrollIndicator:hover { background: rgba(31, 31, 31, 0.6) !important; } #custom-menu.style2 { width: 100%; padding: 0; text-align: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); } #custom-menu.style2 .thb-language-switcher { margin: 30px 0 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #custom-menu.style2 .thb-language-switcher a { margin: 0 7px; } #custom-menu.style2 .custom_scroll { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 30px; width: calc(100% - 60px); } #custom-menu.style2 .custom_scroll>div:not(.iScrollVerticalScrollbar) { width: 100%; } #custom-menu.style2 .thb-mobile-menu { margin: 30px 0; } #custom-menu.style2 .thb-mobile-menu .link_container { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #custom-menu.style2 .mobile-menu-top { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #custom-menu.style2 .mobile-menu-bottom { padding: 20px 0 30px; } #custom-menu.style2 .thb-secondary-menu { display: block; white-space: nowrap; width: 100%; margin: 0 auto; } #custom-menu.style2 .thb-secondary-menu li { margin: 0 10px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; float: none; width: auto; } #custom-menu.style2 .thb-secondary-menu a { font-size: 14px; } #custom-menu.style2 .menu-footer { margin-top: 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; } .thb-show-all .close-btn { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1 } .transition { -webkit-transition: none; transition: none; } .thb-mobile-menu { display: -webkit-box; display: -ms-flexbox; display: inline-flex; width: 50%; -webkit-transition: none; transition: none; -ms-flex-wrap: wrap; flex-wrap: wrap; } .thb-mobile-menu .link_container, .thb-secondary-menu li { overflow: initial; } .thb-mobile-menu a, .mm-link-animation-bg-fill .thb-mobile-menu a:hover, #custom-menu .widget p, #custom-menu .thb-language-switcher a.active, #custom-menu .thb-language-switcher a:hover { color: #000; } .firstsection img { margin-bottom: -10%; } @media only screen and (min-width: 90.063em) { .thb-mobile-menu a { font-size: 1.3rem; } } .thb-mobile-menu li { -webkit-box-flex: 1; -ms-flex: 1 0 51%; flex: 1 0 51%; margin-bottom: 1rem; } #custom-menu .mobile-menu-bottom div { -webkit-box-flex: 1; -ms-flex: 1 0 40%; flex: 1 0 40%; } @media only screen and (min-width: 768px) { #custom-menu { padding-bottom: 5rem; } } .fa.fa-behance { margin-left: 3px; } .fa.fa-youtube-play { margin-left: 3px; } /* SERVICES */ .textservices { max-width: 381px; } .textservices p { font-size: 24px; line-height: 31px; } .services.clientsgrid .thb-client-row .thb-client img { padding: 25%; margin: 0 auto; height: 100%; } /* CASE STUDIES */ .haritidismobile .wpb_content_element { margin-top: 35px; } @media only screen and (min-width: 64.063em) { .single-portfolio h2 { font-size: 33px; } } /* LINEAR GRADIENT HEADER BACKGROUND (προσθεσε τις κλασεις .customskew και .project-header στο column του row) .customskew:after { content: ""; position: absolute; right: 0; width: 100%; background: #fff; -webkit-transform: skewY(-2.3deg); transform: skewY(-2.3deg); z-index: 1; } .project-header { background: -webkit-linear-gradient(95deg, #fff 0%, #fff 20%, #9A8A71 20%, #9A8A71 100%); background: linear-gradient(-5deg, #fff 0%, #fff 20%, #9A8A71 20%, #9A8A71 100%); } .project-header { height: calc(100vh); padding-top: .9375rem; margin-bottom: calc(50vh); } @media only screen and (min-width: 1440px) { .project-header { padding-top: 3.75rem; } } @media only screen and (min-width: 1366px) { .project-header { margin-bottom: calc(60vh); } } @media only screen and (min-width: 1025px) { .project-header { padding-top: .9375rem; } } @media only screen and (min-width: 1024px) { .project-header { padding-top: calc(5vh); margin-bottom: calc(40vh); } } @media only screen and (min-width: 768px) { .project-header { height: calc(75vh); padding-top: calc(15vh); } } .customskew { position: relative; } .project-header:after { bottom: calc(-6vw); height: calc(12vw); background-image: none!important; -webkit-transform: skewY(-6.5deg); transform: skewY(-6.5deg); margin-bottom: 0!important; } @media only screen and (min-width: 1366px) { .project-header:after { bottom: calc(-5vw); height: calc(9vw); -webkit-transform: skewY(-4.7deg); transform: skewY(-4.7deg); } }*/ .portfolio_fullpage .wpb_wrapper .wpb_single_image.wpb_content_element { margin-bottom: 0px; } .logoinfosection .wpb_text_column { margin-top: 13vh; } .logoinfosection .wpb_single_image { margin-bottom: 10vh; } .logoinfosection.logotodos .wpb_single_image { margin-bottom: 0px; } .todos_logo img { margin: 50% 0 0; } .logoinfosection .columns:first-child { padding-right: 2.5vh; } .logoinfosection .columns:last-child { padding-left: 2.5vh; } @media only screen and (max-width: 640px) and (min-width: 300px) { .logoinfosection .columns:first-child { padding-right: 0vh; } .logoinfosection .columns:last-child { padding-left: 0vh; } } .underlinetitle h2 { position: relative; } .underlinetitle h2:after { content: ""; display: block; margin: 10px auto 0 auto; width: 5%; height: 2px; } .underlinetitle.zstoresundertitle h2:after { background-color: #BD4A47; } .underlinetitle.todosundertitle h2:after { background-color: #ed1c29; } .underlinetitle.vinotecaundertitle h2:after { background-color: #900e02; } .underlinetitle.freightsundertitle h2:after { background-color: #ffffff; } .haritidis_newsletter .wpb_wrapper.vc_figure { height: 500px; } #newsletter_har { overflow: auto; } #newsletter_har::-webkit-scrollbar { display: none; } #newsletter_har .newsletter_title .wpb_wrapper { position: absolute; } .newsletter_title h1 { font-family: "Ubuntu",Arial; font-weight:300; letter-spacing: 0px; } .newsletter_title h1:first-child { font-family: "Ubuntu",Arial; font-weight: 400; letter-spacing: 0px; margin-bottom: 0px; } .no-image-margin .wpb_single_image { margin-bottom: 0px; } @media only screen and (min-width: 75em) { .newsletter_title h1 { font-size: 70px; } } .gotham h2 { font-family: "Ubuntu",Arial; } .robotothin h2 { font-family: "Ubuntu",Arial; font-weight: 300; margin-bottom: 15px; } .robotothin { margin-top: 80px; margin-bottom: 2%!important; } @media only screen and (min-width: 64.063em) { .single-portfolio .robotothin h2 { font-size: 36px; } } @media screen and (max-width: 768px) { .thb-mobile-menu { width: 100%; } #custom-menu .mobile-menu-top { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; display: block; } #custom-menu .mobile-menu-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: none; transition: none; -ms-flex-wrap: wrap; flex-wrap: wrap; } #custom-menu { padding: 1.25rem; } #custom-menu .custom_scroll>div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: none; min-height: calc(100vh); padding-top: 0; } .mobile-toggle { top: 0!important; } } @media only screen and (max-width:425px) { .img-hide-bellow-425px { display: none; } } @media only screen and (min-width:426px) { .img-hide-over-425px { display: none; } } @media only screen and (max-width:1024px) { .home-header-caption { display: none; } } @media only screen and (min-width: 40.0625em) and (max-width: 64.0625em) { .clients-logo-row .thb-client-row .columns{ width:33%!important; -webkit-box-flex: 0; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%; } } #scroll_to_top { display:none; } /*Zendesk help bubble*/ .u-userLauncherColor { background-color:#DDDC04 !important; } /*Portfolio*/ @media only screen and (min-width: 64.063em) { .thb-portfolio .type-portfolio .portfolio-link { padding: 45px 28px; } } .modal__footer button { width: 48px!important; } .modal .wpb_row { padding-top: 0%!important; } /* input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { border-bottom: 1px solid #000; } */ .vc_custom_1501244281793 .wpb_wrapper .thb-autotype { width: -webkit-max-content; width: -moz-max-content; width: max-content; } .page .thb-autotype .typed-cursor { color: #dddc04; } .page-id-1466 .thb-autotype .typed-cursor { color: #ffffff; } .page-id-1136 .thb-autotype .typed-cursor { color: #000000; } .vc_custom_1528369982362 .wpb_wrapper h2 { font-size: 25px!important; } #upload { margin: 0 0 5% 0; } .contact-link { margin-left: 7%; font-size: 1.5em; text-align: left; } .contact-link a { color: #dddc04; } .contact-link a:hover { color: #ffffff; } .contact-link span.arrow:after { background-image: url(https://artabout.gr/wp-content/uploads/2018/02/right-arrow-1.svg); background-repeat: no-repeat; background-size: 21px 18px; width: 21px; height: 18px; position: relative; top: 0.2em; } .page-id-190 .thb-autotype .typed-cursor, .page-id-1768 .thb-autotype .typed-cursor { color: #dddc04!important; } .post-gallery.parallax{ } @media only screen and (min-width: 769px) and (max-width: 781px) { #thb_language_selector { right: 11%!important; }} #thb_language_selector { display: block; position: absolute; right: 190px; top: 307px; } @media (min-width: 481px) and (max-width: 768px) { #thb_language_selector { position: absolute; right: 309px; top: 337px; } #thb_language_selector { right: calc(38% + 10px ); top: 313px; } #thb_language_selector a{ font-size:20px; } } @media (max-width: 640px) { #thb_language_selector { top: 263px; right: 38%; }} @media (max-width:320px){ #thb_language_selector { position: absolute; right: 88px; top: 268px; } } @media (min-width: 321px) and (max-width: 410px) { #thb_language_selector { position: absolute; right: 116px; top: 268px; right: 28%; } } @media (min-width: 411px) and (max-width: 414px) { #thb_language_selector { position: absolute; right: 131px; top: 268px; } } .thb-team-member .team-information .job-title { width: 73%; } .post-2922 .firstsection img { padding-top: 0.4em; } .vc_custom_1501244281793 .wpb_wrapper .thb-autotype { float: none; text-align: center; margin: auto; } .vc_custom_1501244281793 .wpb_wrapper .wpb_text_column.wpb_content_element { float: none; text-align: center; margin: auto; max-width: 52%; } .full-width-row .wpb_wrapper .wpb_text_column.wpb_content_element.robotothin { margin-bottom: 3em!important; margin-top: 0!important; } .portfolio .firstsection .wpb_wrapper .wpb_text_column.wpb_content_element.robotothin { margin-bottom: 3em!important; margin-top: 4em!important; } /* .modal__footer { top: 180px!important; }*/ .overlay__ripple { background: #f0f0f0!important; } /* .modal { height: 100%; }*/ .logos-portfolio-button-column-left .wpb_content_element.wpb_raw_html { margin-bottom: 0; } .moreprojectsarxiki a:hover .arrow { color: #dddc04; -webkit-transition: all 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85); transition: all 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85); } .clientsgrid h3 a { color: #000; } .clientsgrid a:hover { color: #dddc04; -webkit-transition: all 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85); transition: all 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85); } /* bug fixes */ .transition, .thb-portfolio, .thb-portfolio .type-portfolio h1 span:not(.next), .thb-portfolio .type-portfolio h2 span:not(.next), .thb-portfolio .type-portfolio .thb-categories span:not(.next){ -moz-transition: all 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85); -o-transition: all 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85); -webkit-transition: all 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85); transition: all 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85); transition-delay: 0s; } .header .row .regular-header{text-align: center;} .home-header-caption{width: 50%;text-align: center;position: absolute; left: 0; right: 0; margin: 0 auto} #wrapper{z-index: 2; position: relative;} .thb-portfolio .type-portfolio .portfolio-link{height: 100%} #button_contact_mobile{display: none;height: 60px !important;} #button_contact_mobile svg{display: inline-block; margin-top: 12px; float: left;} #button_contact_mobile h1{display: inline-block; margin-bottom: 0; padding-top: 15px!important} .fixed-footer-container{bottom: 1px;} .services h2 a { color: #fff; font-weight: normal; } .heading-arxiki h2 { font-weight: normal!important; } .portfolio-text-font.portfolio-text-bold a { color: #dddc04; } .portfolio-text-font.portfolio-text-bold a:hover { color: #dddc04; border-bottom: 1px solid; text-decoration: none; } .portfolio-text-font.portfolio-text-bold a:hover:after { content: none!important; } .mobile-menu-bottom #text-6 { display: none; } #custom-menu #text-3.widget a { color: #000000; } #custom-menu #text-3.widget a:hover { border-bottom: 2px solid #fff; -webkit-transition: all 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85); transition: all 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85); } #footer a, #footer #text-6 p { color: #ffffff; } #footer a:hover { color: #dddc04; } #footer .social.facebook:hover { color: #2d4373; } #footer .social.twitter:hover { color: #0087ba; } #footer .social.instagram:hover { background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 ); color:transparent; -webkit-background-clip: text; background-clip: text; } #footer .social.linkedin:hover { color: #005983; } #footer .social.behance:hover { color: #0050e3; } #footer .social.youtube:hover { color: #FF0000; } .about-us-text a, .titlearxiki a:focus { color: #dddc04; } .vc_custom_1481121778436 .contact-info-column { padding: 0 6%; } #mobile_copy { display: none; } .mobile-toggle { width: 26px; height: 20px; } .mobile-toggle span { right: 12px; } .mobile-toggle { width: 84px; height: 50px; top: 0!important; display: block; } .row.thb_video_bg, .vc_custom_1529415799645 { z-index: 1; margin-top: 10px; background-position: inherit !important; } .single-portfolio #wrapper .cf { margin-top: 40px; } /*.postid-2636*/ .header .mobile-toggle span { background: #3f3f3f!important; } /*Blog*/ .single-post .post-category, .post-meta a { display: none!important; } /************************** RESPONSIVE *****************************/ @media only screen and (min-width: 1133px) { .thb_video_bg .wpb_wrapper h5 { font-size: 20px; width: 56%; margin: auto; } } @media only screen and (max-width: 1199px) { .vc_custom_1501244281793 .wpb_wrapper .wpb_text_column.wpb_content_element { max-width: 80%; } } @media only screen and (max-width: 445px) { .vc_custom_1501244281793 .wpb_wrapper .thb-autotype h1 { font-size: 26px; } .vc_custom_1501244281793 .wpb_wrapper .wpb_text_column.wpb_content_element h5 { font-size: 15px!important; } #button_contact_mobile{display: inline-block;} #button_contact_desktop{display: none;} } @media only screen and (max-width: 400px) { .vc_custom_1501244281793 .wpb_wrapper .thb-autotype h1 { font-size: 20px; } .wpb_wrapper .thb-autotype h1 { font-size: 28px; } } @media only screen and (min-width: 64.063em) { .thb-portfolio .type-portfolio.title-center .portfolio-link h2 {line-height: 1.2em;} } @media only screen and (max-width: 1662px) { .thb-portfolio .type-portfolio.title-center .portfolio-link h2 { padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width: 1355px) and (min-width: 1025px) { .modal-site .button { height: 81px!important; } .site-content { padding: 75px 3%; } } @media (min-width: 1537px) { .modal__footer { top: 146px!important; } } @media (max-width: 1356px) and (min-width: 1536px) { .modal__footer { top: 116px!important; } } @media (max-width: 1355px) and (min-width: 1025px) { .modal__footer { top: 93px!important; } } @media only screen and (max-width: 1024px) and (min-width: 509px) { .modal-site .site-content .button { min-width: 235px!important; } } @media only screen and (max-width: 1024px) { #mobile_copy { display: block; margin-top: 22px; } #mobile_copy p { color: #fff; } #footer #text-6 { display: none; } #footer .row div:not(:first-of-type) { width: 50%; max-width: 50%; margin-top: 30px; } } @media screen and (max-width: 768px) { /*.mobile-toggle { top: 18px!important; }*/ #custom-menu { padding-right: 0; } #custom-menu .close-btn { top: 15px; padding: 2%; right: 0; width: 49px; } .thb_video_bg { background-image: url(https://www.artabout.gr/wp-content/uploads/2018/06/Timelapse_homepage_Mobile.jpg)!important; } } @media only screen and (max-width: 751px) { .thb-portfolio .type-portfolio.title-center .portfolio-link h2 { font-size: 3em; } } @media only screen and (max-width: 335px) { .page-id-330 .portfolio-holder .portfolio-link { height: 65%!important; } } @media (max-width: 640px) { #modal-heading { font-size: 19px!important; } .footerlogo { margin-bottom: 5%; } .mage_goto_button { text-align: center; } .mage_goto_button button { margin-left: 0!important; } #logos_button { padding: 1% 5%!important; right: 0.2em; } #prints_button { padding: 1% 2%!important; } .vc_custom_1528455927728.heading-arxiki h2 { font-size: 20px!important; } #magento-development-row, #mage_services { flex-direction: column-reverse; } .page-id-29 .posts-shortcode .post { margin: 5%; } .page-id-330 .portfolio-holder .portfolio-link { margin: auto; width: 65%!important; height: 60%; padding: 0; } .page-id-190 .vc_custom_1528450908856 .wpb_wrapper:first-of-type, .page-id-190 .vc_custom_1528795206552 .wpb_wrapper:first-of-type, .page-id-190 .vc_custom_1528794624875 .wpb_wrapper:first-of-type { padding-right: 20px; padding-left: 20px; margin-top: 20px; } .thb-portfolio .type-portfolio.thb-animate-from-bottom .portfolio-holder{opacity: 1!important} p{font-size: 16px; line-height: 24px;} p.vc_custom_heading{margin-bottom: 15px;} .vc_custom_1528804346937, .vc_custom_1519649956857{margin-top: 0!important} .vc_custom_1519649940610{margin-top: 1em!important} } @media only screen and (max-width: 414px) { .page-id-190 .vc_custom_1528450908856 .wpb_wrapper:first-of-type, .page-id-190 .vc_custom_1528795206552 .wpb_wrapper:first-of-type, .page-id-190 .vc_custom_1528794624875 .wpb_wrapper:first-of-type { padding-right: 10px; padding-left: 10px; margin-top: 20px; } } @media only screen and (max-width: 1079px) { .modal-site .button { height: 67px!important; } .modal-site .button h1 { font-size: 20px!important; } } @media only screen and (max-width: 572px) and (min-width: 505px) { #softone-image, #singular-image { margin-right: 4%!important; } .integration-img { text-align: center; } } @media only screen and (max-width: 614px) { .thb-portfolio .type-portfolio .portfolio-link { width: 100%; } .thb-portfolio .type-portfolio.title-center .portfolio-link h2 { margin-top: 5%; } } @media only screen and (max-width: 504px) { .integration-img img { margin-right: auto!important; margin-left: auto; margin-bottom: 30px; display: block; } .integration-img { text-align: center; } } @media only screen and (max-width: 1482px) and (min-width: 1200px) { .vc_custom_1501244281793 .wpb_wrapper .wpb_text_column.wpb_content_element { max-width: 66%; } } /* @media only screen and (max-width: 1482px) and (min-width: 1356px) { .modal__footer { top: 150px!important; } } @media only screen and (max-width: 1356px) and (min-width: 1025px) { .modal__footer { top: 125px!important; } }*/ @media (max-width: 1024px)/* and (min-width: 509px)*/ { .modal__footer img { width: 23px!important; } #back-buttn .goback-button img { width: 33px; } .modal__footer { top: 78px!important; } .modal__footer button { min-width: 54px!important; } /* .modal-wrapper { z-index: 900000000; }*/ } .fixed-footer-container { z-index: 1; } .modal { margin-top: 0!important; } @media only screen and (max-width: 518px) and (min-width: 474px) { .page-id-190 .thb-autotype h2 { font-size: 20px; } } @media only screen and (max-width: 518px) and (min-width: 474px) { .page-id-190 .thb-autotype h2, .page-id-1136 .thb-autotype h2 { font-size: 20px; } } @media only screen and (max-width: 473px) and (min-width: 428px) { .page-id-190 .thb-autotype h2, .page-id-1136 .thb-autotype h2 { font-size: 18px; } } @media only screen and (max-width: 427px) and (min-width: 383px) { .page-id-190 .thb-autotype h2, .page-id-1136 .thb-autotype h2 { font-size: 16px; } } @media only screen and (max-width: 382px) and (min-width: 360px) { .page-id-190 .thb-autotype h2, .page-id-1136 .thb-autotype h2 { font-size: 15px; } } @media only screen and (max-width: 359px) and (min-width: 338px) { .page-id-190 .thb-autotype h2, .page-id-1136 .thb-autotype h2 { font-size: 14px; } } @media only screen and (max-width: 337px) { .page-id-190 .thb-autotype h2, .page-id-1136 .thb-autotype h2 { font-size: 13px; } } @media only screen and (max-width: 333px) { .page-id-1466 .thb-autotype h2 { font-size: 21px; } } /*-------------------------------GDPR PLUGIN------------------------------------*/ /*POP UP SETTINGS*/ .njt-gdpr { text-align: center; padding: 10px 10px 1px 10px; } .njt-gdpr .njt-gdpr-content { display: inline-block; } .njt-gdpr .njt-gdpr-btns { display: inline-block; vertical-align: text-bottom; margin-left: 2%; } .njt-gdpr-content p { margin-bottom: 0; font-size: 13px; } .njt-gdpr-btns .accept-btn p { font-size: 15px; } .njt-gdpr-content a { color: #000000; border-bottom: 1px solid #000000; } .njt-gdpr-content a:hover { color: #dddc04; border-bottom: none; } /*TABS & TABLE STYLING*/ .vc_tta-panels-container table{ margin:0 0 20px; padding:0; width:100%; border-collapse:collapse; border-spacing:0; background-color:#fff; border-top:1px solid #ececec} .vc_tta-panels-container tr th:first-child, body:not(.woocommerce-cart) .main-content tr td:first-child{ border-left-style:solid; border-left-width:1px; border-color:#ececec} .vc_tta-panels-container tr th:first-child, body:not(.woocommerce-cart) .main-content tr td:first-child{ border-left-style:solid; border-left-width:1px} .vc_tta-panels-container th{ border-left:medium none; border-style:none solid solid none; border-top:medium none; border-width:medium 1px 1px medium; font-weight:bold; padding:10px; text-align:left; border-color:#ececec} .vc_tta-panels-container td{border-color:#ececec; border-left:none; border-style:none solid solid none; border-top:medium none; border-width:medium 1px 1px medium; font-size:13px; padding:10px} .vc_tta-panels-container table tr:nth-child(2n+1){ background-color:#fcfcfc} .vc_tta-panels-container button, .njt_gdpr_policy_decline_btn, .njt_gdpr_policy_accept_btn { background: #dddc04; padding: 11px 20px; border-radius: 3px; } .vc_tta-container h3 { font-size: 23px; } .vc_tta-container h4 { font-size: 20px; } .vc_tta-container p, .vc_tta-container td { font-size: 17px; } .njt-gdpr-privacy-settings-frm tr td:last-of-type { text-align: center; } /*CF7 FORMS*/ form p label { display: inline-flex; flex-direction: row-reverse; margin-top: 2%; } form p label .accepted { display: inline-block; width: 158%; } form p label .njt-gdpr-accept { display: inline-block; width: 10%; } form p label .njt-gdpr-accept .wpcf7-list-item{ margin: 0 1em 0 0!important; } /* .wpcf7-form p { position: relative; bottom: 125px; } .wpcf7-form .row:first-of-type { padding-bottom: 5%!important; } */ /*PRIVACY POLICY TEXT & TABLE*/ .table-responsive th, .table-responsive td { width: 33.33%; border: 1px solid #000; border-color: #000!important; padding: 1%; } .privacy-policy { text-align: justify; } .privacy-policy li { text-align: left; } .privacy-policy a { color: #dddc04; } /*GDPR POP UP RESPONSIVE*/ @media (max-width: 842px) { #launcher { display: none; } } @media (min-width: 731px) { .njt-gdpr-btns .accept-btn { padding: 6px 18px!important; } } @media (max-width: 730px) { .njt-gdpr-content p { font-size: 12px; line-height: 16px; } .njt-gdpr-btns .accept-btn { padding: 3px 13px!important; } } @media (max-width: 674px) { .njt-gdpr { padding: 8px 6px 5px 6px; } .njt-gdpr-content { margin-bottom: 2px; } } @media (max-width: 666px) { .njt-gdpr { padding: 5px 0px 5px 0px; } } @media (max-width: 540px) { .njt-gdpr-content p { font-size: 11px; line-height: 11px; } .njt-gdpr-btns .accept-btn { padding: 4px 17px!important; } .njt-gdpr-btns .accept-btn p { font-size: 13px; } } /* @media (max-width: 849px) { .njt-gdpr .njt-gdpr-btns { display: block; } } @media (max-width: 640px) { .njt-gdpr-content p { line-height: 16px; } } @media (max-width: 625px) { .njt-gdpr.njt-gdpr-full_width.bottom { padding-bottom: 3%; } } @media (max-width: 560px) { .njt-gdpr.njt-gdpr-full_width.bottom { padding-left: 1%; padding-right: 1%; } } @media (max-width: 551px) { .njt-gdpr-content p { line-height: 14px; font-size: 11px; } .njt-gdpr-btns .accept-btn { padding: 1px 11px!important; margin-top: 1%; } } @media (max-width: 505px) { .njt-gdpr .njt-gdpr-content { max-width: 60%; text-align: left; } } */ .postid-2958 .blog-container.page-padding .wpb_wrapper h3,.postid-2958 .blog-container.page-padding .wpb_wrapper p,.postid-2958 .blog-container.page-padding .wpb_wrapper li,.postid-2958 .blog-container.page-padding .wpb_wrapper td,.single.single-portfolio.postid-1080 div#blue-row span.bold-title{ font-family:'Ubuntu','BlinkMacSystemFont',-apple-system,'Roboto','Lucida Sans'!important; } #digital_button:before { background-color: #dddc04!important; } button#digital_button { background-color: #000000!important; } button.digital_button_custom{ background-color: #000000!important; } button.digital_button_custom:before{ background-color: #dddc04!important; } div.blog-container > div >div.pagination-style1 { margin-bottom:50px !important; } .thb-mobile-menu .small-menu a { font-size: 1.1em; font-weight: 400; } #menu-right-nav-menu li:first-child { margin-bottom: 0.6rem; } #menu-right-nav-menu.thb-mobile-menu .small-menu { margin-bottom: 0.3rem; } .wp_right_menu { width: 100%; color: #000; } .wp_right_menu a{ color: #000; } .wp_right_menu ul li a:hover:before { width: 0px; margin-right: 0px; } .wp_right_menu a.wpml-ls-link { text-transform: uppercase; color: #333; } .wp_right_menu .wpml-ls-legacy-list-horizontal { padding: 0; border: 0; } .wp_right_menu .wpml-ls-current-language a { font-weight: 600; } .wp_right_menu .wpml-ls-legacy-list-horizontal a { padding: 0 10px; } .wp_right_menu li.wpml-ls-first-item a { padding: 0 10px 0 0; } .wp_right_menu li.wpml-ls-last-item a { border-left: 2px solid #979797; } .wp_right_menu .info { display: flex; } .wp_right_menu .address { line-height: 2; } .mobile-menu-bottom em { font-size: 1.75rem; margin-right: 0.7em; margin-bottom: 15px; } .mobile-menu-bottom span.txt { margin-right: 15px; font-weight: 600; } .mobile-menu-bottom span.txt a{ font-weight: 400; } aside#custom_html-2 { margin: auto 0 0; } aside#custom_html-3 { margin-bottom: 40px; } .menu-logo { position: absolute; top: 30px; left: 50px; z-index: 999; } .mobile-menu-bottom .fa-twitter:before { margin-right: 0px; } .mobile-menu-bottom .fa-instagram:before { margin-right: 0px; } .mobile-menu-bottom .fa-facebook:before { margin-right: 0px; } .mobile-menu-bottom .fa-facebook-square:before { margin-right: 0px; } .mobile-menu-bottom .fa-linkedin:before { margin-right: 0px; } .mobile-menu-bottom .fa-behance:before { margin-right: 0px; } .only-mob { display: none; } @media only screen and (max-width: 768px) { aside#custom_html-2 { margin: 0; } aside#custom_html-3 { margin-bottom: 100%; } .custom_scroll { margin-top: 20px; } #custom-menu a.menu-logo.logolink { position: relative; top: 0; left: 0; } .only-mob { display: block; } #menu-right-nav-menu { display: none; } .thb-mobile-menu li { margin-bottom: 10px; } .thb-mobile-menu .next { transform: scale(1.3) rotate(90deg)!important; } .thb-mobile-menu .menu_arrow { fill: #000; } .thb-mobile-menu a+span.next { margin-left: 65px; } .thb-mobile-menu .sub-menu li:first-child>.link_container .back { display: none; } .thb-mobile-menu .sub-menu { opacity: 1; position: relative; visibility: visible; left: 0px; display: none; } .next.arrow-rotate { transform: scale(1.3) rotate(270deg)!important; -webkit-transform: scale(1.3) rotate(270deg); -moz-transform: scale(1.3) rotate(270deg); -ms-transform: scale(1.3) rotate(270deg); -o-transform: scale(1.3) rotate(270deg); } } .page-id-3810 #eshop-marketing-row .magento-heading-1 { margin-top: 0; } .page-id-3810 #eshop-marketing-row .magento-paragraph1 { margin-bottom: 0; } .page-id-3810 #eshop-marketing-row .magento-paragraph3 { font-weight: 700; margin-top: 50px; margin-bottom: 0; } .page-id-3810 #eshop-marketing-row .magento-paragraph3 p { font-size: 2em; color: #1f1f1f; } .page-id-3810 #eshop-marketing-row .magento-paragraph2 p { font-size: 18px; } .page-id-3810 #success-story-1-row .magento-heading-1 { margin-top: 0; margin-left: 0; } .page-id-3810 #success-story-1-row > .custom-column > .vc_column-inner > .wpb_wrapper { margin: auto; height: auto !important; } .postid-6365 #espa .wpb_text_column.wpb_content_element:last-child > .wpb_wrapper > p:nth-of-type(3) { margin-bottom: 0; } .postid-6365 #espa .wpb_text_column.wpb_content_element:last-child > .wpb_wrapper > p:nth-of-type(4) { margin-bottom: 0; } .typed-cursor { font-size: 34px; } @media only screen and (min-width: 64.063em) { .typed-cursor { font-size: 42px; } } @media only screen and (min-width: 75em) { .typed-cursor { font-size: 60px; } } body { height: 100%; overflow-x: hidden; background: #f2f0e6; } body.js-lock-scroll { overflow: hidden !important; } body.js-lock-pointer { pointer-events: none !important; } a { color: #3d9ccc; text-decoration: none; } a:focus, a:hover { color: #226181; } .site { position: relative; width: 100%; height: 100%; overflow: visible; background-color: #dddc04; } .site-content { display: -ms-flexbox; -ms-flex-align: center; -ms-flex-pack: center; display: flex; justify-content: center; align-items: center; min-height: 100%; padding-bottom: 75px; padding-top: 75px; } .button { background: transparent; } .modal-wrapper { padding-top:7%; } .spawn { animation: fadein 2s; opacity:1!important; display: block!important; } .hideit { display:none; } .goback-button i { font-size:35px; color:#000; } .goback-button { padding-bottom: 20px; } .button--circular { position: relative; border-radius: 100%; padding: 0.875rem; } .button--circular span { display: block; height: 0; line-height: 0; margin: 50% 0 -50% 0; width: calc(100%); padding-bottom: calc(100%); } .button--circular .fa { display: inline; line-height: 0; } .overlay, .modal-wrapper { position: fixed; display: none; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .overlay { z-index: 10000; overflow: hidden; } .overlay.js-open { display: block; } .overlay__ripple { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; background: #dddc04; opacity: 0; transform-origin: 0 0; backface-visiblity: hidden; transform: scale(0) translate3d(-50%, -50%, 0); transition: opacity 600ms ease-in-out, transform 600ms cubic-bezier(0.7, 0, 0.6, 0.8); } .js-animate-in .overlay__ripple { opacity: 1; transform: scale(1) translate3d(-50%, -50%, 0); } .js-animate-done .overlay__ripple { border-radius: 0; transform: none; transition: opacity 600ms ease-in-out; } .modal-wrapper { z-index: 10001; overflow: hidden; -webkit-overflow-scrolling: touch; display: -ms-flexbox; -ms-flex-align: center; -ms-flex-pack: center; display: flex; flex-direction: column; justify-content: space-between; align-items: center; } .overlay:not(.js-open) + .modal-wrapper { display: none; } .overlay.js-animate-in.js-animate-done + .modal-wrapper { background-color: #f0f0f0; overflow: auto; } .modal { display: none; width: 100%; margin: 1.75rem; padding: 1.3125rem; padding-bottom: 3.9375rem; opacity: 0; } .modal[data-modal="test"] { opacity: 0; transform: scale(0.95); } .cssclippaths .modal[data-modal="test"] { transform: translateZ(0); -webkit-clip-path: circle(0% at 50% 50%); transition: opacity 300ms ease-in-out, -webkit-clip-path 300ms cubic-bezier(0.7, 0, 0.6, 0.8); } .overlay[data-modal="test"].js-open + .modal-wrapper .modal[data-modal="test"] { display: block; } .overlay[data-modal="test"].js-animate-in + .modal-wrapper .modal[data-modal="test"] { opacity: 1; transform: scale(1); } .modal__footer { position: absolute; right: 0; top: 20px; text-align: right; } @keyframes fadein { from { opacity:0; } to { opacity:1;c } } @-moz-keyframes fadein { /* Firefox */ from { opacity:0; } to { opacity:1; } } @-webkit-keyframes fadein { /* Safari and Chrome */ from { opacity:0; } to { opacity:1; } } @-o-keyframes fadein { /* Opera */ from { opacity:0; } to { opacity: 1; } } /*lang menu footer fix*/ #thb_language_selector { position: unset !important; }