/*
Theme Name: YITH Proteo Child
Theme URI: https://proteo.yithemes.com/
Template: yith-proteo
Author: YITH
Author URI: https://yithemes.com
Description: Proteo is a modern, fast and fully customizable WooCommerce theme. Designed and developed by YITH - a team of top developers of premium themes - with a beautiful UI, a minimal design and an optimized code, is perfect for each kind of site or shop. With the Proteo Wizard you can import our demo content with just a few clicks - in less than 2 minutes! - and easily customize it using the advanced front-end customizer. Proteo is the best solution if you want a complete WooCommerce theme that works perfectly also in mobile devices and start quickly to sell your products with WooCommerce without technical knowledge. Works perfectly with page builders like Elementor, Gutenberg & Visual composer. Key features: # WooCommerce Ready # Responsive with a perfect mobile design # Compatible with Elementor, Gutenberg, Visual Composer and others page builders # Translation Ready # Frontend customizer with hundred of options to customize header, footer, pages, typography, style, ecc. # Google fonts support # Regularly updated and improved with new demos and advanced features # Support to all YITH plugins. Check all our Proteo demos: https://proteo.yithemes.com/
Tags: one-column,two-columns,left-sidebar,right-sidebar,wide-blocks,block-styles,buddypress,custom-background,custom-colors,custom-header,custom-logo,custom-menu,editor-style,featured-images,flexible-header,footer-widgets,full-width-template,rtl-language-support,theme-options,threaded-comments,translation-ready,blog,e-commerce,portfolio
Version: 1.9.8.1770200127
Updated: 2026-02-04 10:15:27

*/


/* Menu */
ul#primary-menu{
    font-family: 'Poppins';
    font-weight: 700;
}

 .widget, header.entry-header h1{
    font-family: 'Poppins' !important;
    font-weight: 700 !important;
}

*{
	outline:none;
}

.container {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}

.eg-under-gold.e-flex, .eg-grid-shadow {
    box-shadow: 3px 3px #FBCC3E;
}


.eg-greyarea{
background-image: linear-gradient(180deg, #69617000 0%, #0F011B 60% 60%);
}

/*Footer*/
section#block-5 {
    margin-left: auto;
    margin-right: auto;
}

/* Centering inside widgets (Proteo/WordPress) */
.widget .bm-contact,
.wp-block-widget-area .bm-contact{
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

/* Optional: force center even if parent uses flex or grid */
.widget .bm-contact{
  width: 100%;
}

.bm-contact__title{
  color: #fff;                 /* άλλαξέ το αν θες */
  font-weight: 800;
  font-size: 26px;
  margin: 0 0 10px;
}

.bm-contact__phone{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  color: #fff;
  text-decoration: none;
  font-weight: 700;
  font-size: 18px;
}

.bm-contact__phone:hover{
  text-decoration: underline;
}

.bm-contact__line{
  margin-top: 14px;
  color: rgba(255,255,255,.65);
  font-size: 12px;
  letter-spacing: 3px;
  line-height: 1.8;
}

/* mobile */
@media (max-width: 520px){
  .bm-contact__line{
    letter-spacing: 1.5px;
  }
}

@media (max-width: 768px) {
    .container {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
	
	.eg-greyarea{
background-image: linear-gradient(180deg, black 0%, #0F011B 60% 60%);
}
	
	section#block-4 {
    margin: 12px 40px 36px 18px;
}
	
}


/*Mobile Menu - Phone Button & Logo*/
.gg-mobile-menu-phone{
  display: block;
  width: 100%;
  background: #000;
  color: #fff !important;
  text-align: center;
  padding: 14px 16px;
  border-radius: 12px;
  font-weight: 700;
  text-decoration: none !important;
  line-height: 1;
}

/* Space between the two buttons */
.gg-mobile-menu-contacts{
  display: grid;
  gap: 10px;
}

/* Hover / tap feedback */
.gg-mobile-menu-phone:hover,
.gg-mobile-menu-phone:focus{
  background: #111;
  color: #fff !important;
}