/* Custom AmaGo CSS */
/***
*** Additional CSS styles for 
***/
 
 
// FONTS
@font-face { 
font-family: 'Oleo Script Swash Caps'; 
font-style: normal; 
font-display: swap; 
src: url(https://www.amadeus360.de/wp-content/shops/burger/fonts/Oleo_Script_Swash_Caps/OleoScriptSwashCaps-Regular.ttf) format('truetype'); 
}
body {
color:#505050;
}
.main_popover_content {

}
.main_popover_content .btn-group-toggle {
border-radius:80px;
overflow:hidden;
}
.main_popover_content #getpostal_delivery .btn {
border-radius: 40px !important;
    width: 250px;
    height: 50px !important;
    font-size: 20px;
    margin-bottom: 1.75rem;
    margin-top: 1.25rem
}
.main_popover_content #getpostal_delivery .btn:hover {
background-color:#DB052C;
}
.main_popover_content #getpostal_pickup .btn {
border-radius: 40px !important;
    width: 250px;
    height: 50px !important;
    font-size: 20px !important;
    margin-bottom: 1.75rem;
    margin-top: 1.25rem
}
.main_popover_content #getpostal_pickup .btn:hover {
background-color:#DB052C;
}
 
/* language selector */
#content .container:first-child .dropdown:first-child {

}
#content .dropdown:first-child .btn-light {
background-color: rgba(255,255,255,0);
border-color: rgba(255,255,255,0);
margin-top:0.25rem;
margin-bottom: 2rem;
}
 
/* Main Nav */
.mainnav_scroll, .multistore-nav {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.mainnav_scroll ul li a, .multistore-nav ul li a {
height:45px;
padding: 0.75rem 0 0.5rem;
color:#101010;
font-family: Arial, sans-serif;
/*margin-top: 1rem;*/
}
.mainnav_scroll ul li a:hover, .multistore-nav ul li a:hover {
color: #DB052C;
}
.mainnav_scroll ul li.active a, .multistore-nav ul li.active a {
color: #DB052C;
border-bottom: 2px solid #DB052C;
}
 
/* MAIN SCREEN */
#mainscreen_articles {
padding: 0px 20px 0px !important;
}
#mainscreen_articles .meccode-list {}
#mainscreen_articles .meccode-item {
margin-bottom: 1rem;
    border: none;
    padding-right:0px;
    padding-left: 0px;
}
#mainscreen_articles .meccode-item a {
border:2px solid #dadada !important;
background-color:#ffffff;
margin-right:1rem;
border-radius: 0.75rem;
    overflow: hidden;
    position:relative;
}
#mainscreen_articles .meccode-item a:hover {}
 
#mainscreen_articles .meccode-item a .meccode-image {
width:100%;
min-height: 100%;
height: auto;
padding:0rem;
border-radius:0rem;
overflow:hidden;
}
 
#mainscreen_articles .meccode-item a .meccode-image .image-container {
width:100%;
height:auto;
border-radius:0.5rem;
overflow:hidden;
}
#mainscreen_articles .meccode-item a .meccode-image .image-container img {
width:100%;
height:100%;
transition: all 0.4s;
transition-timing-function: ease-out;
}
#mainscreen_articles .meccode-item a:hover .meccode-image .image-container img {
transform: scale(1.15, 1.15);
-ms-transform: scale(1.15, 1.15);
-webkit-transform: scale(1.15, 1.15);
transition: all 0.75s;
transition-timing-function: ease-in-out;
}
#mainscreen_articles .meccode-item a .meccode-name {
padding: 10px;
    font-family: 'Oleo Script Swash Caps', cursive;
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0.25px;
    
    color: #101010;
    width: 100%;
    position: absolute;
    display: block;
    background-color: rgba(255,255,255,0.85);
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 1.25rem;
    bottom: 0px;
    transition: all 0.4s;
    transition-timing-function: ease-out;
}
#mainscreen_articles .meccode-item a:hover .meccode-name {
font-weight:600;
padding-bottom:5.5rem;
padding-top:5.5rem;
transition: all 0.4s;
transition-timing-function: ease-in-out;
 
}
 
/* Basket */
.mainscreen_basket {
border-left: 1px solid #ffffff !important;
padding:0px !important;
}
.mainscreen_basket .banner-container, .banner-container {
margin-bottom:20px !important;
}
.mainscreen_basket .mainscreen_basket_fixed {
position: relative;
    background-color: #f6f7f4;
    border-radius: 0.75rem;
    padding: 30px;
    border:2px solid #CCCCCC;
    width: auto !important;
}
.mainscreen_basket .mainscreen_basket_fixed h3 {
text-align: center;
color: #505050;
font-weight:300;
letter-spacing:0.75px;
font-family: 'Muli',sans-serif;
 
background: url('https://www.amadeus360.de/wp-content/shops/italien/basket-icon.svg') no-repeat left top;
background-size:30px;
background-position: 20% center;
}
 
 
.mainscreen_basket .mainscreen_basket_fixed .basket-content-height {}
.mainscreen_basket .mainscreen_basket_fixed #basket_content {}
.mainscreen_basket .mainscreen_basket_fixed #basket_content #nothing-in-basket {}
 
.mainscreen_basket .mainscreen_basket_fixed .btn {
border-radius:40px;
}
 
 
/* Legend */
.hide-on-mobile {}
.hide-on-mobile .map-legend {
justify-content: center;
margin-top: 2rem;
padding-bottom: 0.5rem;
}
 
 
/* Article list */
.article-list {}
.article-list h3 {
text-align: center;
color: #DB052C;
font-weight:300;
letter-spacing:0.75px;
font-family: 'Muli',sans-serif;
}
.article-list .articleitem {
background-color: #ffffff;
padding:0.75rem 1rem;
border-bottom:1px solid #c9dd94;
}
.article-list .articleitem:first-child {
border-top: 1px solid #c9dd94;
}
.article-list .articleitem:nth-child(4n-1) {
background-color: #efefef;
}
 
.article-list .articleitem .articleitem_image {
max-height: 6.5rem;
    overflow: hidden;
    border-radius: 0 0 30px 0;
    display: flex;
    padding: 0;
    margin: 0;
}
.article-list .articleitem .articleitem_image img {
width: 100%;
    align-self: center;
    height: auto;
}
.article-list .articleitem .articleitem_name {}
.article-list .articleitem .articleitem_name .pointer {
padding-top: 0.5rem;
    display: inline-block;
    font-size: 110%;
    padding-bottom: 0.25rem;
    color: #DB052C;
}
.article-list .articleitem .articleitem_name .pointer.article-description {
padding-top: 0rem;
padding-bottom: 0rem;
font-size: 80%;
color: #505050;
}
 
.article-list .articleitem .articleitem_name .lines-2 {}
.article-list .articleitem .articleitem_price {
font-size:16px;
padding-bottom: 0.5rem;
}
.article-list .articleitem .articleitem_basket {}
 
 
/* Modal menu to basket */
.menutobasket {}
.modal-body {}
.modal_articleitem_name {
color:#DB052C !important;
}
.modal_articleitem_price {
color:#DB052C !important;
}
.modal-body #addmenu_form {}
.modal-body #addmenu_form .btn-success {
border-radius: 40px;
    padding: 10px 30px;
    margin-bottom: 1.5rem;
}
 
/* fixes */
 
.mainscreen_basket {
border-left: none !important;
}
 
/* styles */
 
body {
background-image: url(https://www.amadeus360.de/wp-content/shops/italien/pattern.png);
    /*background-size: 60%;
    background-repeat-x: repeat-x;
    background-position-x: 105%;
    background-position-y: 600px;*/
    background-size: cover;
}
#wrapper {
background-image: url(https://www.amadeus360.de/wp-content/shops/italien/pizza.gif);
background-size: 70%;
background-repeat: no-repeat;
background-position-x: center;
background-position-y: bottom;
}
 
.header {
background: none !important;
/*background-color: rgba(255,255,255,0.6);*/
}
 
#content {
background: url(https://www.amadeus360.de/wp-content/shops/italien/logo_italian.svg) no-repeat center 8px;
background-size: 240px;
 
}
 
 
/* tablet switches */
@media (max-width:992px) {
#wrapper {
background-size:15%;
background-position-x:90%;
}
#mainscreen_articles .meccode-item a {
margin-right: 0rem;
}
}
 
/* mobile switches landscape */
@media (max-width:768px) {
#wrapper {
background-size:20%;
background-position-x:95%;
}
#mainscreen_articles .meccode-item a {
margin-right: 0rem;
}
}
 
/* mobiles switches portrait */
@media (max-width:576px) {
.header {
padding: 22px 16px 10px 0px;
}
#wrapper {
background-size:40%;
background-position-x:112%;
}
#mainscreen_articles .meccode-item a {
margin-right: 0rem;
}
#content {
background: url('https://www.amadeus360.de/wp-content/themes/amadeus-360/assets/demostores/amadeus-go-demo-logo.png') no-repeat center 16px;
background-size: 240px;
}
}
 
 
/* Header fixes */
.header {
display:none;
}
.sticky.header {
display: flex;
}
 
 
/* Main Color */
 
.maincolor_foreground {
color:#DB052C;
}
 
.maincolor_button {
background-color:#DB052C;
}
.maincolor_button:hover {
background-color:#505050;
}
 
 
.contentbox {
background-color: rgba(255,255,255,0.85);
}
 
 
/* HIDE LOGO */
.amaGoHeadline-amago-logo {
display: none;
}
 
 
/* CHECKOUT */
#checkout_basket {
background-color: rgba(255,255,255,0.75);
}
#checkout_basket form {
margin: 0rem 2rem 1rem ;
}
#checkout_basket + div {
background-color: rgba(144,191,33,0.2);
padding: 0rem 1.5rem 0rem;
padding-top: 42px !important;
}
#checkout_basket + div > h3 {
color:#DB052C;
}
 
 
/* FOOTER ICONS ALIGNMENT FIX */
#wrapper .hide-on-mobile:nth-last-child, 
#wrapper .hide-on-mobile .container {
text-align: center;
padding: 0.5rem 0rem 1.5rem;
}
#wrapper .hide-on-mobile .px-3 {
text-align: center;
    background: rgba(255,255,255,0.9);
    padding: 0.6rem 1rem;
}
 
 
/* footer for mobile switch */
@media (max-width:576px) {
.footer {
left: 15px;
padding: 15px 15px 15px;
height: 74px;
background-color: rgba(144,191,33,0.7);
}
.footer .btn {
font-weight: bold;
padding: 10px 0px;
font-size: 14px !important;
}
.footer .maincolor_button {
font-weight: bold;
}
.footer .maincolor_button2 {
font-weight: bold;
}
}