/* Variables
#222428
#036
#004270
#0066b3
#00aeef
#8dd8f8
#f3f4f6
#fff
---------------------------------------- */
:root {
  --primary: #0066b3;
  --secondary: #8dd8f8;
  --dark: #036;
  --light: #fff;
  --border: #8dd8f8;
  --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);
  --trans:transparent;
  --wfade: rgba(255, 255, 255, .6);
  --bfade: rgba(0, 0, 0, .8);
  --grey: #f3f4f6;
  --black:#222428;
}

/* Global
---------------------------------------- */
.sticky-wrapper {max-height: 100px;position: absolute;height: 100px;}
.my-sticky-header {background: transparent !important;position: absolute;top:0px;max-height: 100px !important;}
.loggedin .my-sticky-header {top:101px !important;}
*, body, html{font-family: "Roboto", sans-serif !important;font-weight: 400;font-size: 1rem;}
h1, h2, h3, h4, h5, h6 {color: var(--light);font-weight: 200;}
h1,h1 span {font-size: 3rem;color: var(--light);font-weight: 300;text-shadow: 0px 0px 10px var(--black);}
.block-title::before {background-color: var(--secondary);height:3px;}
.block-title::after {background-color: var(--grey);height:3px;}
.top-splash {position: absolute;bottom: -80px;z-index: 1000;width: 100%;}
.bottom-splash {position: absolute;bottom: 0px;z-index: 1000;width: 100%;}
.bottom-splash img,.top-splash img {width: 100%;}
.top-espa {display: none;}
.homepage .top-espa {display: block;}
.top-espa {position: absolute;top: 10%;left: 0px;width: 15%;z-index: 10000;}
.top-espa img {margin: 5px;}
.top-espa a {display: block;}
#block-xara-map iframe {width: 100%;}
.field--name-field-topbannerimage {display:none;}
.main-wrapper .container {padding: 0px;}
figcaption {text-align: left;}
.eu-cookie-compliance-category-description {display: none;}
#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: #000;}
div#sliding-popup, div#sliding-popup .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab {background-color: #fff !important;box-shadow: none;left: 0%;}
#sliding-popup {padding: 0 2rem 2rem;max-width: 540px;z-index: 30000 !important;}
body .accessibility-trigger button {z-index: 20000 !important;}
.mobile-menu {display:none;}
.scrolltop {bottom: 69px;right: 20px;width: 46px;height: 45px;}
.mm-panel a {border-bottom: none;font-size: 1.3rem;padding: 20px;}

/* Throbber
---------------------------------------- */
.cus-trobber {display: block;}
.cus-trobber {position: fixed;top: 0px;z-index: 10000;width: 100%;height: 100%;background:var(--light);}
.cus-trobber img {position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}
.cus-trobber-inactive {display: none;}

/* header
---------------------------------------- */
.header-container {justify-content: unset;}
.header {background:url(/sites/default/files/sitefiles/assets/frontpage.jpg);}
.header {height: 550px !important;}
.homepage header {height: auto !important;}
.site-logo img {display: block;width: 45%;}
.full-page-search {display:none;}
header .primary-menu-wrapper,
header .region-header {width: 100%;}
header .site-brand {width: 100%;}
#block-xara-branding,
#block-xara-allagiglossas,
#block-xara-responsivemenumobileicon {display: inline-block;vertical-align: top;}
#block-xara-branding {width:65%;}
#block-xara-allagiglossas {display: inline-block;width: 20%;vertical-align:middle;text-align:right;padding-top:15px;margin-right: 4%;}
#block-xara-responsivemenumobileicon {display: inline-block;width: 9%;vertical-align:middle;text-align:right;padding-top:15px;}
#block-xara-responsivemenumobileicon .block-content {padding-top: 3px}
#block-xara-allagiglossas ul li {display: inline-block;vertical-align: top;margin:0px 5px;width:20%;}
#block-xara-allagiglossas ul li img {width: 25px;height: 17px}
#block-xara-allagiglossas ul li a {margin:0px;padding: 0px;}
#block-xara-allagiglossas ul li a .image-field {margin: 0px;}
.page-header {-webkit-clip-path: none;clip-path: none;background-color: var(--trans);padding: 0px;margin: 7% 0%;}
.page-header::before {background-color: var(--trans);}
.responsive-menu-toggle-icon::before, 
.responsive-menu-toggle-icon::after, 
.responsive-menu-toggle-icon span.icon {background: var(--primary);}
.responsive-menu-toggle-icon .label {display:block !important;color:var(--primary) !important;left: 49px !important;}
.responsive-menu-toggle-icon::before {top: 4px;}
.responsive-menu-toggle-icon::after {top: 22px;}
.responsive-menu-toggle-icon span.icon {top: 13px;}
.responsive-menu-toggle-icon::before, 
.responsive-menu-toggle-icon::after, 
.responsive-menu-toggle-icon span.icon {width: 27px;height: 4px;left: 13px;border-radius: 2px;}


/* Slider
---------------------------------------- */
.header-main {background:var(--wfade)}
.slider {background-color: transparent;}
.slider-image {display: none;}
.slider-text ul {margin: 0 auto;text-align: center;}
.slider-text li p ,
.slider-text li h1 em,
.slider-text li h1 {color: var(--light);font-weight:200;}


/* front blocks
---------------------------------------- */
#block-xara-asfaleiakaipistopoiseis,
.region-content-home-top .block:nth-child(2n) {background-color: var(--grey);}
.region-content-home-top .block:nth-child(2n+1) {background-color: var(--black);}
.region-content-home-top .block:nth-child(1) {background-color: var(--light);}
.homepage-content .block {padding: 0rem 0;}
.promo-cont {box-sizing: border-box;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0px;padding: 0px;}
.promo-cont-img,
.promo-cont-info {width: 50%;}
.promo-cont-img img {object-fit:cover !important;width: 100% !important;height: 100% !important;}
.promo-cont-info {padding: 5% 5%;}
.region-content-home-top .block:nth-child(2n+1) .promo-cont-info h2 {color: var(--light);font-weight:400;}
.region-content-home-top .block:nth-child(1) .promo-cont-info h2,
.promo-cont-info h2 {color: var(--dark);font-weight:400;}
.promo-cont-info p {padding: 20px 0px 0px}
.region-content-home-top .block:nth-child(2n+1) .promo-cont-info p {color:var(--light)}
.region-content-home-top .block:nth-child(1) .promo-cont-info p {color:unset}
.promo-cont-info img {width: 47%;height: auto;}
#block-xara-asfaleiakaipistopoiseis .promo-cont-info img {width: 50%;height: auto;}
.homepage .content-bottom {margin-top:-35px;box-sizing: border-box;display: table;}
.content-bottom #block-xara-asfaleiakaipistopoiseis {display: block;width: 100%}
.content-bottom #block-xara-tooramamas,
.content-bottom #block-xara-katalogosproionton,
.content-bottom #block-xara-views-block-ta-nea-mas-block-1 {width:33%;display:table-cell;vertical-align:top;padding: 3% !important;color:var(--light)}
.content-bottom h2.block-title {margin-bottom: 60px;font-weight:400;}
#block-xara-tooramamas {background: url(/sites/default/files/sitefiles/assets/tinta.jpg);background-repeat: no-repeat;background-size:cover;background-position:center;}
#block-xara-katalogosproionton {background:var(--black);text-align: center;}
#block-xara-katalogosproionton img:nth-child(1) {width: 50%;margin-bottom:40px}
#block-xara-katalogosproionton img:nth-child(2) {width: 90%;}
#block-xara-views-block-ta-nea-mas-block-1 {background:var(--primary)}
#block-xara-views-block-ta-nea-mas-block-1 .views-field-title a {color: var(--light)}
#block-xara-simplenewssubscription .field--type-email{max-width:250px}
#block-xara-simplenewssubscription {color: var(--light)}

/* pages
---------------------------------------- */
#block-xara-periehomenokentrikisselidas {width: 80%;margin: 0 auto;}
#block-xara-diadikasies {background: var(--dark);padding:120px;}
#block-xara-diadikasies h2.block-title {width: 60%;margin: 0 auto;text-align: center;padding: 40px;}
#block-xara-diadikasies .block-content {width: 60%;margin: 0 auto;color: var(--light)}
#block-xara-fotografiesetairias {margin: 0px;padding: 40px 0px;}
#block-xara-fotografiesetairias .field-item {display: inline-block;vertical-align: top;width: 14%;margin: 1.1%;}
#block-xara-fotografiesetairias .field-item img {width: 100%;height: auto;}
.page-node-type-news .field--name-field-fotografies .field__label {display: none;}
.page-node-type-news .field--name-field-fotografies .field-item {display: inline-block;width: 32%;margin: 6px}
.page-node-type-news .field--name-field-fotografies .field-item img {width: 100%;height: auto;}

/* prodpages
---------------------------------------- */
.prods-page .views-field-field-topbannerimage {display: none;}
.prods-page .views-field-field-prodimage,
.prods-page .views-field-description__value {margin: 0px;padding: 0px;display: inline-block;vertical-align: top;width: 50%;padding:0px 5%;}
.prods-page .views-field-description__value img {width: 30%}
.prods-page .views-field-field-prodimage {text-align:center;}
.prods-page .views-field-field-prodimage img {width: 70%;}
.prods-list .views-row {display: inline-block;vertical-align: top;width: 29%;margin:3% 2%;}
.prods-list .views-row h2 a{font-size: 1.4rem !important;}
.prods-list .views-row p{padding: 0px 5px;height: 8lh;}
.prods-list .views-row .views-field-field-prodimage,
.prods-list .views-row .views-field-name {display: inline-block;vertical-align: top;width: 49%;}
.prods-list .views-row .views-field-field-prodimage img {width: 100%;height: auto;}
.prods-list .views-row .views-field-name a {display: block;width: 100%;text-align: center;}
#block-xara-views-block-prod-page-list-block-1 {width: 90%;margin: 0 auto;}
#block-xara-views-block-prod-page-list-block-1 h2 {text-align: center;color: var(--dark);margin: 40px;;}
#block-xara-views-block-prod-page-list-block-1 .views-row {display: inline-block;vertical-align: top;width: 30%;margin: 1%;}
#block-xara-views-block-prod-page-list-block-1 .views-row .prod-page-left,
#block-xara-views-block-prod-page-list-block-1 .views-row .prod-page-right {display: inline-block;vertical-align: top;}
#block-xara-views-block-prod-page-list-block-1 .views-row .prod-page-left {width: 23%;}
#block-xara-views-block-prod-page-list-block-1 .views-row .prod-page-left img {width: 90%;height: auto;}
#block-xara-views-block-prod-page-list-block-1 .views-row .prod-page-right {width: 75%;height:7lh}
#block-xara-views-block-prod-page-list-block-1 .views-row .prod-page-right a {display: block;margin-bottom: 20px;height: 2lh}

/* news
---------------------------------------- */
.news-list .views-row {display: inline-block;vertical-align: top;width: 30%;background:var(--grey);margin:10px;}
.news-list .views-row .views-field-field-exofyllo {margin: 0px;padding: 0px;width: 100%;}
.news-list .views-row .views-field-field-exofyllo img {width: 100%;height: auto;}
.news-list .views-row .views-field-title a {font-size: 1.4rem;display: block;padding: 0px 15px;min-height:2lh; }
.news-list .views-row .views-field-field-perigrafi {padding: 0px 15px;min-height:4lh;}
.news-list .views-row .views-field-view-node {padding: 0px 15px 10px;}
.node-submitted-details {background:var(--primary);padding: 5px;color: var(--light)}

/* contact
---------------------------------------- */
#block-xara-content,
#block-xara-epikoinonia-2,
#block-xara-pospernatohronotismiakatsikastinsparti,
#block-xara-ietaireia {display: inline-block;vertical-align: top;width: 49%;padding: 20px 40px}
#block-xara-pospernatohronotismiakatsikastinsparti,
#block-xara-ietaireia {margin: 0px;padding: 0px;}
.page-node-type-page #block-xara-content {padding: 170px;80px;background: var(--trans)}
.page-node-7 #block-xara-content {padding: 0px 4%;background: var(--trans)}
.page-node-7 #block-xara-content h3 {color: var(--primary);margin: 30px 0px;font-weight:400}
.page-node-7 #block-xara-content h3.halfline:before,
.page-node-7 #block-xara-content h3.halfline:after {border-bottom: 2px solid var(--primary);content: '';display: block;margin-left: 0%;width: 30%;margin:10px 0px;}
#block-xara-epikoinonia-2 h2 {color: var(--dark);}
#block-xara-content {background: #f3f4f6}
#block-xara-pospernatohronotismiakatsikastinsparti img,
#block-xara-ietaireia img {width: 100%;height: auto;}
#block-xara-epikoinonia-2 .block-content div,
#block-xara-epikoinonia .block-content div {font-size:1.3rem;padding:5px;}
#block-xara-epikoinonia .block-content div {color: var(--light)}
#block-xara-epikoinonia-2 .block-content span,
#block-xara-epikoinonia .block-content span {display: inline-block; vertical-align:top;width: 80%;margin:8px 10px;font-size:1.3rem}
#block-xara-epikoinonia-2 .block-content .mysvg {width: 3%; margin:8px 0px;padding:0px;font-size:1rem;}
#block-xara-epikoinonia .block-content .mysvg {width: 9%; margin:8px 0px;padding:0px;font-size:1rem;}


/* Footer
---------------------------------------- */
.main-wrapper {padding: 5rem 0 0;}
.site-footer::before,
.site-footer {background-color: var(--dark);-webkit-clip-path: none !important;clip-path: none !important;padding-top: 2rem !important;}
.footer-bottom {background:var(--dark);color:var(--light)}
.footer-bottom-container {border-top: 1px solid var(--light);}
.footer a {color: var(--light) !important;}
.footer a:hover {color: var(--secondary) !important;}
.footer p {color: var(--light);}
.designed a {color: var(--light);display: block;text-align:center;position: relative;z-index: 100000;}
.designed {width: 50%;margin: 0 auto;}

@media (max-width: 2014px) {
.top-splash {bottom: -1px;}
}
@media (max-width: 1400px) {
header {background-position:right !important;}
}
@media (max-width: 1368px) {
#block-xara-views-block-prod-page-list-block-1 .views-row {display: inline-block;vertical-align: top;width: 47%;margin: 4% 1%;}
#block-xara-epikoinonia-2 .block-content .mysvg {width: 5%;margin: 8px 0px;padding: 0px;font-size: 1rem;}
#block-xara-epikoinonia .block-content .mysvg {width: 3%;margin: 8px 0px;padding: 0px;font-size: 1rem;}
}
@media (max-width: 1024px) {
#block-xara-views-block-prod-page-list-block-1 .views-row {display: inline-block;vertical-align: top;width: 47%;margin: 7% 1%;}
.slider-text h1 {font-size: 1.4rem;font-weight: 400 !important;}
.slider-text li p, .slider-text li h1 em, .slider-text li h1 {color: var(--light);font-weight: 300;}
div#block-xara-breadcrumbs {display: none;}
#block-xara-diadikasies .block-content {width: 80%;margin: 0 auto;color: var(--light)}
.responsive-menu-toggle-icon .label {display:none !important;}
.prods-list .views-row {display: inline-block;vertical-align: top;width: 29%;margin:3% 1%;}
.prods-list .views-row h2 a{font-size: 1.2rem !important;}
.prods-list .views-row p{padding: 0px 1px;height: 9lh}
}

@media (max-width: 830px) {
.content-bottom #block-xara-tooramamas,
.content-bottom #block-xara-katalogosproionton,
.content-bottom #block-xara-views-block-ta-nea-mas-block-1 {width:100%;display:block;vertical-align:top;padding: 40px !important;color:var(--light)}
.site-logo img {display: block;width: 40%;}
#block-xara-allagiglossas ul {width:100%;margin:0px;padding:0px;}
#block-xara-allagiglossas ul li {display: inline-block;vertical-align: top;margin:0px 5px;width:30%;}
#block-xara-branding {width:60%;}
#block-xara-allagiglossas {display: inline-block;width: 20%;vertical-align:middle;text-align:right;padding-top:0px;margin-right:1% !important;}
#block-xara-responsivemenumobileicon {display: inline-block;width: 10%;vertical-align:middle;text-align:right;padding-top:0px;}
#block-xara-responsivemenumobileicon .block-content {padding-top: 3px}
.top-espa {width: 28%;}
.top-splash {bottom: -1px;}
#block-xara-epikoinonia .block-content .mysvg {width: 10%;}
#block-xara-epikoinonia-2 .block-content .mysvg {width: 9%;}
.prods-list .views-row {display: inline-block;vertical-align: top;width: 47%;margin:3% 1%;}
.prods-list .views-row h2 a{font-size: 1.2rem !important;}
.prods-list .views-row p{padding: 0px 1px;height: 9lh}
}

@media (max-width: 570px) {
.site-logo img {display: block;width: 70%;}
#block-xara-allagiglossas ul {width:100%;margin:0px;padding:0px;}
#block-xara-allagiglossas ul li {display: inline-block;vertical-align: top;margin:0px 5px;width:30%;}
#block-xara-allagiglossas ul li img {width: 31px !important;height: 19px !important;}
#block-xara-branding {width:40%;}
#block-xara-allagiglossas {display: inline-block;width: 30%;vertical-align:middle;text-align:right;padding-top:0px;margin-right:1% !important;}
#block-xara-responsivemenumobileicon {display: inline-block;width: 10%;vertical-align:middle;text-align:right;padding-top:0px;}
#block-xara-responsivemenumobileicon .block-content {padding-top: 3px}

.top-espa {width: 28%;}
.top-splash {bottom: -1px;}
.promo-cont {box-sizing: border-box;display: flex;flex-direction:column;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0px;padding: 0px;}
.promo-cont-img,
.promo-cont-info {width: 100%;}
.promo-cont-img img {object-fit:cover !important;width: 100% !important;height: 100% !important;min-height:400px;}
.promo-cont-info {padding: 20px;text-align: center;}
.promo-cont-info img {width: 47%;}
.promo-cont:nth-child(1n+1) .promo-cont-info {order:1}
.promo-cont:nth-child(1n+1) .promo-cont-img {order:0;}
#block-xara-content,
#block-xara-epikoinonia-2,
#block-xara-pospernatohronotismiakatsikastinsparti,
#block-xara-ietaireia  {display: block;vertical-align: top;width: 100%;padding: 20px 20px}
.page-node-7 #block-xara-content {padding: 0px 20px;background: var(--trans)}
.page-node-7 #block-xara-content h3 {color: var(--primary);margin: 30px 0px;font-weight:400}
#block-xara-diadikasies {background: var(--dark);padding: 20px;}
#block-xara-fotografiesetairias .field-item {display:block;vertical-align: top;width: 100%;margin: 14px;}
.prods-list .views-row {display: block;vertical-align: top;width: 100%;margin: 20px;}
.prods-page .views-field-field-prodimage, 
.prods-page .views-field-description__value {margin: 0px;padding: 0px;display: block;vertical-align: top;width: 100%;padding: 0px 20px;}
.prods-page .views-field-description__value img {width: 100%;}
#block-xara-views-block-prod-page-list-block-1 .views-row .prod-page-left {width: 100%;}
#block-xara-views-block-prod-page-list-block-1 .views-row {display: block;vertical-align: top;width: 100%;margin: 60px 20px;}
h1, h1 span {font-size: 2rem;}
.news-list .views-row {display: block;vertical-align: top;width: 100%;background: var(--grey);margin: 10px;}
.page-node-type-news .field--name-field-fotografies .field-item {display: block;width: 100%;margin: 6px;}
.page-node-type-page #block-xara-content {padding: 20px;background: var(--trans)}

}