/* Custom AmaGo CSS */
/***
*** Additional CSS styles for
***/

// FONTS
@font-face {
font-family: &#39;Muli&#39;;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(&#39;https://www.amadeus360.de/wp-content/themes/amadeus-360/assets/fonts/muli/mulish-
regular.ttf&#39;) format(&#39;truetype&#39;);
}

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:#000;
}
.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:#000;
}

/* 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:#505050;
}
.mainnav_scroll ul li a:hover, .multistore-nav ul li a:hover {
color: #000;
}
.mainnav_scroll ul li.active a, .multistore-nav ul li.active a {
color: #000;
}

/* 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 {
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: &#39;Muli&#39;,sans-serif;;
font-size: 20px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.25;
letter-spacing: 0.25px;
color: #505050;
width: 100%;
position: absolute;
display: block;
background-color: #000;
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;
background-color: #000;
color: #ffffff;
}

/* 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: rgba(210,215,198,0.2);*/
background-color: #f6f7f4;
border-radius: 0px;
padding: 30px;
border:2px solid #000;
width: auto !important;
}
.mainscreen_basket .mainscreen_basket_fixed h3 {
text-align: center;
color: #505050;
font-weight:300;
letter-spacing:0.75px;
font-family: &#39;Muli&#39;,sans-serif;

background: url(&#39;https://www.amadeus360.de/wp-content/themes/amadeus-360/assets/demostores/shop-icon.png&#39;) 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: #000;
font-weight:300;

letter-spacing:0.75px; 
font-family: &#39;Muli&#39;,sans-serif;
}
.article-list .articleitem {
background-color: #ffffff;
padding:0.75rem 1rem;
border-bottom:1px solid #fff;
}
.article-list .articleitem:first-child {
border-top: 1px solid #000;
}
.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: #000;
}
.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:#000 !important;
}
.modal_articleitem_price {
color:#000 !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 */

#wrapper {
background-image: url(&#39;https://www.amadeus360.de/wp-content/themes/amadeus-360/assets/demostores/dishes.jpg&#39;);
background-size: 20%;
background-repeat-x: repeat;
background-position-x: 105%;
background-position-y: -5%;
}

.header {
background: none !important;
}

#content {
background: url(&#39;https://www.amadeus360.de/wp-content/shops/neutral/amadeus-go-demo-logo.svg&#39;) 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(&#39;https://www.amadeus360.de/wp-content/themes/amadeus-360/assets/demostores/amadeus-go-demo-logo.png&#39;) no-repeat center 16px;
background-size: 240px;
}
}

/* Header fixes */
.header {
display:none;
}
.sticky.header {
display: flex;
}

/* Main Color */

.maincolor_foreground {
color:#000;
}

.maincolor_button {
background-color:#000;
}

.maincolor_button:hover {
background-color:#505050;
}

.contentbox {
background-color: #fff;
}



/* CHECKOUT */
#checkout_basket {
background-color: #000);
}
#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 &gt; h3 {
color:#000;
}

/* FOOTER ICONS ALIGNMENT FIX */
#wrapper .hide-on-mobile:nth-last-child {
text-align: center;
padding: 0.5rem 0rem 1.5rem;
}
#wrapper .hide-on-mobile .px-3 {
text-align: center;
background: #000000;
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;
}

#p-image p-component amaGoHeadline-amago-logo bg-contain{

width: 200px!important;
}

}


