/* Variables
---------------------------------------- */
:root {
  --primary: #630103;
  --secondary: #333;
  --dark: #1B375F;
  --fade: rgba(255,255,255,0.8);
  --trans: transparent;
  --light: #eee;
  --border: #aaa;
  --color-heading: #111111;
  --font-text: "Roboto", sans-serif;
  --font-heading: "Roboto", sans-serif;
  --shadow: 0 0 10px 4px var(--border);
  --shadow2: 0 0 4px 2px var(--border);
}

/* Global
---------------------------------------- */
*, html, body {  font-family: "Roboto", sans-serif;font-optical-sizing: auto;font-weight: 400;font-style: normal;}
html {font-size: 75.5%; /* 1rem = 10px */}
body {font-size: 1.6rem;}
h1 {font-size: 3.4rem; /* 54px στο Desktop */}
h2, h3, h4, h5, h6 {font-size: 2.4rem; /* 54px στο Desktop */}

/* header
---------------------------------------- */
.header-main {background:var(--fade)!important;}
.homepage .header {background:url(/sites/default/files/sitefiles/assets/frontpage.jpg) no-repeat !important;background-size:cover;}
.page-header::before {background:url(/sites/default/files/sitefiles/assets/frontpage.jpg) no-repeat !important;background-size:cover;}
.sticky-wrapper {max-height: 100px;position: absolute;height: 100px;}
.my-sticky-header {background:transparent !important;position: absolute;top:0px;max-height: 100px !important;}
.logged_in .my-sticky-header {top:84px !important;}
.header-main {background: var(--trans)}
.site-brand {width: 100%;}
.region-header {display: flex;}
.region-header #block-xara-branding {width: 80%;}
.region-header #block-xara-allagiglossas {margin-right: 3%;}
.region-header #block-xara-allagiglossas ul li {list-style: none;}
.region-header #block-xara-allagiglossas .block-content ul  {display: flex;}
.region-header #block-xara-allagiglossas .block-content ul li img {width: 20px; height: 15px;margin:7px 10px}
.region-header #block-xara-branding .site-logo img {width: 30%}
.region-header #block-xara-responsivemenumobileicon {padding: 5px 0px;}
.responsive-menu-toggle-icon:before,
.responsive-menu-toggle-icon span.icon,
.responsive-menu-toggle-icon:after{background: var(--dark) !important;}
.responsive-menu-toggle-icon .label {display: none !important;}

/* slider
---------------------------------------- */
.slider {background-color: var(--trans) !important;}
.slider-image {display: none;}

/* frontblocks
---------------------------------------- */
#block-xara-accessengineering .block-content .field--name-body h2 {text-align: center;}
#block-xara-accessengineering {background: var(--light);padding:2%}
h2.block-title {text-align: center;}
#block-xara-syhneserotiseisfaqgiaanelkystiresskalasanabatoriakostos {Background:var(--light)}
#block-xara-syhneserotiseisfaqgiaanelkystiresskalasanabatoriakostos h3 {font-size: 2rem;}
#block-xara-syhneserotiseisfaqgiaanelkystiresskalasanabatoriakostos .faq-item {padding: 1%;border-bottom: 1px solid var(--border)}
#block-xara-idesmeysipoiotitastisaccessengineeringieggyisimasgiaesas h3 {font-size: 2rem}
#block-xara-idesmeysipoiotitastisaccessengineeringieggyisimasgiaesas .guarantee-section {display: flex;flex-wrap: wrap;margin-left: -1.5%;margin-right: -1.5%;justify-content: center;}
#block-xara-idesmeysipoiotitastisaccessengineeringieggyisimasgiaesas .guarantee-item {flex: 0 0 calc(25% - 3%);}
#block-xara-idesmeysipoiotitastisaccessengineeringieggyisimasgiaesas .guarantee-item h3 {min-height: 2lh;}
/* erga
---------------------------------------- */
.content-bottom .block {padding: 80px 0px}
.page-type-proionta .field__items,
.page-type-erga .field__items,
.erga-list {text-align: center;display: flex;flex-wrap: wrap;margin-left: -1.5%;margin-right: -1.5%;justify-content: center;}
.erga-list .group-head {flex: 0 0 calc(100% - 3%);box-sizing: border-box;padding: 0 20%;margin: 0 2.5% 30px 2.5%;}
.erga-list .group-head h2,
.erga-list .group-desc h1{font-size: 2rem;}
.erga-list .group-desc p,
.erga-list .group-desc ul{text-align:left;font-size:1rem;}
.page-type-proionta .field__items .field-item,
.page-type-erga .field__items .field-item,
.erga-list .views-row {flex: 0 0 calc(25% - 3%);margin: 0 1.5% 30px 1.5%;box-sizing: border-box;}
.

/* pages
---------------------------------------- */
.inner-page #block-xara-content {margin: 60px;}
.inner-page .field--name-field-eisagogi {text-align: center;}
.inner-page .field--name-field-eggyisi {background: var(--primary);color: var(--light);padding: 10px;text-align: center;}
.inner-page .field .field__label {background: var(--light);color: var(--dark);padding: 10px;text-align: center;}
.inner-page .field--type-text-with-summary {padding: 60px}
#block-xara-epikoinonia .field--type-text-with-summary {padding: 0px}
#map iframe {height: 400px;width: 100%;pointer-events: all;display: block;}
#block-xara-views-block-term-desc-block-2 {background: var(--light);padding: 2%;}
#block-xara-views-block-term-desc-block-2 .block-content .field-content {display: flex;flex-wrap: wrap;margin-left: -1.5%;margin-right: -1.5%;}
.half-split {flex: 0 0 calc(50% - 3%);margin: 0 1.5% 30px 1.5%;box-sizing: border-box;}


/* lyseis */
#block-xara-olokliromeneslyseis .block {padding: 80px 40px}
#block-xara-olokliromeneslyseis {background: url(/sites/default/files/sitefiles/assets/slideshow/SLIDER3-1536x512-1.jpg) no-repeat top left;background-size: cover;margin: 0px;  padding: 0px;}
#block-xara-olokliromeneslyseis .field--name-body .info-container {display: flex;padding:60px 30px;flex-wrap:wrap;}
#block-xara-olokliromeneslyseis .info-item {background:var(--fade);margin:10px;flex:1 0 11%;}
#block-xara-olokliromeneslyseis .info-item-inner {display: block; margin: 0px;padding: 20px;width: 100%;height: auto;}
#block-xara-olokliromeneslyseis.info-item-inner img {object-fit: cover; width: 100%;height: 100%;}
#block-xara-olokliromeneslyseis .info-item-inner h2 {font-size: 0.8rem; text-align: center;}

/* brands
---------------------------------------- */
#block-xara-brands {padding: 40px;text-align: center;}

/* Cookies  */
.eu-cookie-compliance-category-description {display:none;}
.sliding-popup-bottom,
.sliding-popup-top {width: 25% !important;}
#sliding-popup {padding: 0rem 1rem;max-width: 540px;}
div#sliding-popup.eu-cookie-withdraw-wrapper {background: var(--light);}
div#sliding-popup, 
div#sliding-popup 
.eu-cookie-withdraw-banner, 
.eu-cookie-withdraw-tab {background-color: var(--light);box-shadow: none;left: 0;}
#sliding-popup h1, 
#sliding-popup h2, 
#sliding-popup h3, 
#sliding-popup p, 
#sliding-popup label, 
#sliding-popup div, .eu-cookie-compliance-more-button, 
.eu-cookie-compliance-secondary-button, 
.eu-cookie-withdraw-tab {color: var(--dark);font-size:0.7rem;}
.eu-cookie-compliance-buttons .button {color: var(--color-heading);}
#sliding-popup h2 {font-size: 0.8rem;}
#sliding-popup {
transition: transform 0.3s;
transform: translateY(0%);
}
@media (max-width: 1200px) {
.sliding-popup-bottom, .sliding-popup-top {width:60% !important;max-width:540px;}
#sliding-popup {padding: 0rem 2rem;max-width: 540px;}
}
@media (min-width: 992px) {
  h2 {font-size: 2.4rem;}
}
@media (max-width: 768px) {
body {font-size: 1.5rem; /* 15px στο Mobile */}
h1 {font-size: 2rem; /* 54px στο Desktop */}
h2, h3, h4, h5, h6 {font-size: 1.6rem; /* 54px στο Desktop */}
.erga-list .group-head h2,
.erga-list .group-desc h1{font-size: 1.6rem;}
#block-xara-idesmeysipoiotitastisaccessengineeringieggyisimasgiaesas h3 {font-size: 1.6rem}
.erga-list .group-head {padding: 0 1%;}
.intro-text {line-height: 1.5;}
.sliding-popup-bottom, .sliding-popup-top {width: 100% !important;max-width:100%;}
#sliding-popup {padding: 0rem 2rem;max-width: 100%;}
.region-header #block-xara-branding .site-logo img {width: 36%;}
.homepage .header {background-size: cover !important;background-position: center !important;}
.inner-page .field--type-text-with-summary,
.inner-page #block-xara-content,
#block-xara-views-block-term-desc-block-1 {margin: 10px !important;}
.inner-page .field--type-text-with-summary {padding: 10px;}
#block-xara-olokliromeneslyseis .field--name-body .info-container {flex-wrap:wrap;}
.inner-page #block-xara-content .field--type-image .field__items .field-item,
.inner-page #block-xara-content .erga-list .views-row,
#block-xara-views-block-prods-block-2 .erga-list .views-row,
#block-xara-views-block-erga-block-1 .erga-list .views-row {text-align:center;margin:20px;flex:2 0 31%;}
#block-xara-olokliromeneslyseis .info-item {background:var(--fade);margin:10px;flex:2 0 31%;}
.main-wrapper {padding: 0rem 0;}
#block-xara-idesmeysipoiotitastisaccessengineeringieggyisimasgiaesas .guarantee-item {flex: 0 0 calc(100% - 3%);margin: 0 1.5% 30px 1.5%;box-sizing: border-box;}
.half-split {flex: 0 0 calc(100% - 3%);margin: 0 1.5% 30px 1.5%;box-sizing: border-box;}
}

@media (max-width: 680px) {
.region-header #block-xara-branding .site-logo img {width: 36%;}
.inner-page #block-xara-content .field--type-image .field__items .field-item,
.inner-page #block-xara-content .erga-list .views-row,
#block-xara-views-block-prods-block-2 .erga-list .views-row,
#block-xara-views-block-erga-block-1 .erga-list .views-row {text-align:center;margin:20px;flex:2 0 31%;}

}

@media (max-width: 450px) {
.region-header #block-xara-branding .site-logo img {width: 60%;}
.inner-page #block-xara-content .field--type-image .field__items .field-item,
.inner-page #block-xara-content .erga-list .views-row,
#block-xara-views-block-prods-block-2 .erga-list .views-row,
#block-xara-views-block-erga-block-1 .erga-list .views-row {text-align:center;margin:20px;flex:1 0 100%;}
#block-xara-olokliromeneslyseis .info-item {background:var(--fade);margin:10px;flex:2 0 71%;}
}

@media (max-width: 320px) {
.region-header #block-xara-branding .site-logo img {width: 93%;}
}