/* Custom CSS rules - Created by giannismit on 2021-12-18 20:42:19 */
:root {
  --btn-color: #4d291b;   /* χρώμα πλήκτρων */
  --btn-text: #ffe4d9;   /* χρώμα κειμένου πλήκτρων */
  --btn-hover: #4d291bd3;   /* χρώμα  hover*/
  --bg-footer: #685053; /* Χρώμα footer */
  --menu-text: #4d291b; /* Χρώμα μενού */
  --top-text: #4d291b94; /* Χρώμα Τοπ-τεχτ */
  --bg: #4d291b09; /* BG */
  --bg-boxes: #fdd9a442; /* BG boxes*/
  --bg-menu: #ffefd6; /* BG menu*/
  --botommenu-hover: #ffffff;   /* χρώμα κειμένου πλήκτρων */
  font-family: Arial, Helvetica, sans-serif;
}

  body {
  background-image: url("/templates/gcosmetics/images/bg-1.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
/* BG */

  a.tpl5_logout_prof {
    /* color: #DDDDDD; */
    color: var(--top-text);
  }

  a.tpl5_logout_prof img {
    /* border: 1px solid #DDDDDD; */
    border: 1px solid var(--top-text);
  }

  a.tpl5_logout {
    /* color: #DDDDDD; */
    color: var(--top-text);
  }

  .tpl5_cart_box a, .tpl5_cart_box a:visited, .tpl5_cart_box a:hover {
    /* color: #CCCCCC; */
    color: var(--top-text);
  }

  button.shop_act_button_cart, button[type="submit"].shop_act_button_cart, button[type="button"].shop_act_button_cart {
    /* background: #555555; */
    background: var(--menu-text);
  }

  .shop_qcart a, .shop_qcart a:visited, .shop_qcart a:hover, .shop_qcart a:active {
    /* background: #3F96D3; */
    background: var(--menu-text);
  }

  .tpl5_header_all_wrapno {
    background: #fff; 
  }

  .tpl5_sidecol .module {
    /* background: #f5f8fa; */
    background: var(--bg-boxes);
  }

.tpl5_pathwrap {
  /* background: #F8F8F8; */
  background: var(--bg-menu);
}

.tpl5_header_menu_line {
  /* background: rgba(248, 248, 248, 1); */
  background: var(--bg-menu);
}

.tpl5_header_top_line {
  /* background: rgba(0, 0, 0, 0.0); */
  background: var(--bg-menu);
}


/* TOP */
  /* .tpl5_header_top_line {
    background: rgba(0, 0, 0, 0.0); */
  }
  .tpl5_search_magn {
    /* color: #95C122; */
    color: var(--top-text);
  }
 
  input.tpl5_search_input, input[type="text"].tpl5_search_input, input.tpl5_search_input:hover, input.tpl5_search_input:focus {
    /* background: transparent; */
    background: var(--bg);
    /* color: #034A68; */
    color: var(--top-text);
  }

  input.tpl5_search_input:focus {
    /* background: #333; */
    background: var(--bg);
  }
  form.tpl5_searchform:hover .tpl5_search_magn {
    /* color: #FFFFFF; */
    color: var(--menu-text);
  }

/* BUTTONS */

a.shop_linkbtn:hover {
  /* background: #2E8AB8; */
  background: var(--btn-hover);
  color: var(--btn-text);
}

a.shop_linkbtn, a.shop_linkbtn:hover, a.shop_linkbtn:visited, a.shop_linkbtn:active {
  /* background: #3399cc; */
  background: var(--btn-color);
  border-radius: 6px;
}
.elx_vmenu li a:hover {
  background: var(--btn-hover);
  color: var(--btn-text);
}


/* TOP END */

/* LOGO start */
  .tpl5_header_menu_line {
    height: 84px;
  }
  .tpl5_logo {
    height: 84px;
  }

  .tpl5_logo > a:nth-child(1) > img:nth-child(1) {
    margin-top: 10px;
  }
  .tpl5_logo_title {
  /* color: #97c3f0; */
  color: #4d291b;
  }
  .tpl5_logo_title span {
    /* color: #FFFFFF; */
    color: #4d291b;
  }
  .tpl5_logo_slogan {
  /* color: #bbbbbb; */
  color: #4d291bd6;
  }
/*LOGO END */

/* SLIDER */
  .tpl5_slider {
    margin: 120px 0 0 0;
  }

/* MENU */

a.tpl5_mobmenu {
  /* color: #FFFFFF; */
  color: var(--menu-text);
}

 .tpl5_header_menu_line {
    /* background: rgba(248, 248, 248, 1);  */
    color: #4d291b; 
 }
 .elx_menu li a {
    color: #4d291b;
 } 

.elx_menu li a:hover, .elx_menu li:hover > a {
    border-radius: 20%;
  }

  .elx_menu li a {
    margin-bottom: 20px;
    }

  .elx_vmenu li.menu_active > a {
    /* background-color: #142E46; */
    background-color: var(--menu-text);
  }

 .elx_menu > li.menu_active > a {
    background: transparent;
    color: #4d291b;
    border-bottom: #4d291b;
    border-bottom-style: solid;
  }

 .elx_menu li a:hover, .elx_menu li:hover > a {
    background: transparent;
    color: #4d291b;
    border-bottom: solid #4d291b;
  }

  a.tpl5_mobmenuclose, a.tpl5_mobmenuclose:hover, a.tpl5_mobmenuclose:visited {
    /* background: #262A2E; */
    background: var(--btn-color);
  }

  .tpl5_footer_menu .elx_menu li a, .tpl5_footer_menu .elx_menu li a:visited, .tpl5_footer_menu .elx_menu li a:hover, .tpl5_footer_menu .elx_menu > li.menu_active > a {
    /* color: #828282; */
    color: var(--btn-text);
  }


/* MARQUEE */
  .tpl5_marquee_wrap {
    /* background: #111; */
    background: #4D291B24;
  }
  .tpl5_marquee {
    /* color: #FFFFFF; */
    color: var(--menu-text);
  }

 /* MARQUEE END */

/* CONDAINER */
  .tpl5_container {
    /* padding: 0 20px; */
    padding: 3px 30px;
  }

  ::selection {
  /* background: #4396ff; */
  background: #4d291b;
  }

  .grid-container3 {
    display: grid;
    grid-template-columns: auto auto auto ;
    grid-gap: 10px;
    padding: 10px;
  }
  
  .grid-container3 > div {
    background-color: rgba(255, 255, 255, 0.8);
    text-align: center;
    padding: 20px 0;
    
  }

  .grid-container2 {
    display: grid;
    grid-template-columns: 55% 45% ;
    grid-gap: 10px;
    padding: 10px;
  }
  
  .grid-container2 > div {
    background-color: rgba(255, 255, 255, 0.8);
    text-align: center;
    padding: 20px 0;
    
  }
  .grid-container1 {
    display: grid;
    grid-template-columns: auto ;
    grid-gap: 10px;
    padding: 10px;
  }
  
  .grid-container1 > div {
    background-color: rgba(255, 255, 255, 0.8);
    text-align: center;
    padding: 20px 0;    
  }

  .grid-container1 > div:nth-child(1) > img:nth-child(1) {
    height: 400px;
  }


  #googlemap1 {
    height: 400px !important;
  }


/* CONDAINER END */

/* FOOTER */ 
  .tpl5_footer {
    color: var(--btn-text);
    /* background: #2a2a2a; */
    background: var(--bg-footer);
  }
  .tpl5_footer_copy {
    /* color: #888888; */
    color: var(--btn-text);
  }
    .tpl5_footer_copyicons {

    border-top: 1px solid;
  }
  .tpl5_footer_copyicons {
    /* border-top: 1px solid; */
    border-top: 1px solid var(--btn-text);
  }
  .tpl5_footer_icons a:hover {
    /* color: #FFFFFF; */
    /* border-color: #DDDDDD; */
    color: var(--btn-text);
    border-color: var(--btn-text);
  }
  .tpl5_footer_icons a, .tpl5_footer_icons a:visited, .tpl5_footer_icons a:hover {
    /* border: 1px solid #555555; */
    border: 1px solid var(--btn-text);
  }

/*FOOTER END */
 
/* BOX */
  a.tpl5_logout:hover, a.tpl5_logout_prof:hover, a.tpl5_login:hover {
    /* color: #034A68; */
    color: var(--menu-text);
  }

  .tpl5_cart_box a:hover {
    /* color: #FFFFFF; */
    color: var(--menu-text);
  }

  .elx5_modalhead {
    /* background: #0F6EBE; */
    background: var(--bg-bottom);
  }

  button.elx5_btn:hover, button[type="submit"].elx5_btn:hover, button[type="button"].elx5_btn:hover {
    /* background: #0E699E; */
    /* border: 1px solid #045889; */
    /* color: #FFFFFF; */
    background: var(--btn-hover);
    border: 1px solid var(--btn-color);
    color: var(--btn-text);
  }

  button.elx5_btn, button[type="submit"].elx5_btn, button[type="button"].elx5_btn {
    /* background: #1C90F3; */
    /* border: 1px solid #0C81E4; */
    background: var(--btn-color);
    border: 1px solid var(--btn-color);
  }

/* template.css | https://www.gcosmetics.gr/templates/gcosmetics/css/template.css?v=1643653726 */

.tpl5_regprompt a, .tpl5_regprompt a:visited, .tpl5_regprompt a:hover {
  color: var(--top-text);
}

/* BOX END */

/* EIKONA Protis selidas */

  .tpl5_header_fpbg {
    width: 100%;
    margin-top: 120px;
  }
  
  .tpl5_header_all_wrap {
    min-height: 550px;
  }
/* EIKONA Protis selidas END */