@import url('https://fonts.googleapis.com/css2?family=Fira+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sofia+Sans:ital,wght@0,1..1000;1,1..1000&display=swap');
@import url('https://www.plus4u.gr/css/vars.css');

* { font-family: 'Fira Sans', sans-serif; box-sizing: border-box; }

body { margin: 0; padding: 0; background-color: white; }

/* LANDING PAGE */
.catalog { display: block; margin: 20px; }
.catalog_button { display: block; width: 100%; padding: 5px; background-color: #55b049; border-radius: 4px; vertical-align: middle; cursor: pointer; }
.catalog_button_opened { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.catalog_text { display: inline-block; color: white; padding: 5px; }
.catalog_icon { display: block; float: right; width: 30px; height: 30px; transition: 0.6s; }
.catalog_icon_opened { transform: rotateX(180deg); transition: 0.6s; }
.catalog_content { display: none; width: 100%; padding: 5px; background-color: white; border: 1px solid #CCCCCC; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; text-align: center; overflow: hidden; }
.catalog_content_opened { display: block; height: auto; }
.catalog_shop { display: inline-block; width: 80px; height: 80px; margin: 5px; padding: 5px; border-radius: 4px; background-color: transparent; overflow: hidden; }
.catalog_shop:hover { background-color: #c9ffd0; }
.catalog_shop_icon { display: inline-block; width: 50px; height: 50px; }
.catalog_shop_name { display: inline-block; width: 100%; height: 20px; margin-top: 5px; font-size: x-small; line-height: 1em; color: #444444; overflow: hidden; }
.catalog_category { display: inline-block; width: 80px; height: 80px; margin: 5px; padding: 5px; border-radius: 4px; background-color: transparent; overflow: hidden; }
.catalog_category:hover { background-color: #c9ffd0; }
.catalog_category_icon { display: inline-block; width: 50px; height: 50px; }
.catalog_category_name { display: inline-block; width: 100%; height: 20px; margin-top: 5px; font-size: x-small; line-height: 1em; color: #444444; overflow: hidden; }
.catalog_shop_box_container { display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 100; background-color: rgba(0, 0, 0, 0.3); overflow: hidden; }
.catalog_shop_box { position: absolute; left: 50%; width: 300px; margin-left: -150px; top: 10%; max-height: 80%; padding: 20px; background-color: white; border-radius: 10px; text-align: center; overflow: auto; }
.catalog_shop_box_name { color: #55b049; text-align: center; text-transform: capitalize; }
.catalog_shop_box_icon { width: 50px; height: 50px; margin: 10px; }
.catalog_shop_box_category { margin-top: 2px; border: 1px solid #55b049; border-radius: 3px; }
.catalog_shop_box_category_name { padding: 5px 10px; background-color: #55b049; color: white; text-transform: capitalize; }
.catalog_shop_box_subcategories { display: none; padding: 2px; overflow: hidden; }
.catalog_shop_box_subcategory { margin-top: 2px; padding: 5px 10px; background-color: orange; border-radius: 3px; color: white; text-transform: capitalize; }
.catalog_shop_box_subcategory:first-child { margin-top: 0; }

.banner_section { display: block; position: relative; margin: 0 20px; overflow: hidden; }
.banner_section_content { display: block; position: relative; width: 100%; background-color: orange; border-radius: 4px; perspective: 1000px; overflow: hidden; }
.banner_image { display: inline-block; }
.banner_previous { display: inline-block; position: absolute; height: 30px; left: 5px; top: 50%; margin-top: -15px; }
.banner_next { display: inline-block; position: absolute; height: 30px; right: 5px; top: 50%; margin-top: -15px; }
.banner_paging { display: block; text-align: center; }
.banner_bullet { display: inline-block; width: 10px; height: 10px; margin: 5px 2.5px; background-color: grey; border-radius: 100px; }
.banner_bullet_selected { background-color: #55b049; }


/* QUICK SEARCH */
#ac_wrap { width: 100px; }