@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900);
@import url(//fonts.googleapis.com/css?family=Oswald:400,700,300);

nav, h1,h2,h3,h4,h5,h6 {font-family: 'Oswald', sans-serif;}
.pointer {cursor: pointer;}
.nowrap {white-space: nowrap;}

.propertyColor {color: #db2e2e;}
.alert span {  
    line-height: 35px;
    vertical-align: top;
    display: inline-block;
    margin-left: 15px;
    font-weight: 500;

}

.alert i {
    font-size: 35px;
    line-height: 35px;
}

.alert {text-align: center;}

#header-top {
    background-color: #424242;
    color: white; 
    min-height: 45px; 
    line-height: 45px; 
    overflow: hidden;
}
#header-top a {
    text-decoration: none;
    color: white;
}
#header-top .email, #header-top .phone {
    font-size: 0.91em;
    font-weight: 600;
    margin-right: 15px;
}
#header-top ul.social {
	float: right;
    font-size: 22px;
    list-style: none;
    margin: 0;
}
#header-top ul.social li  {
    width: auto;
    display: inline-block;
}

header {position: relative; z-index: 9999;}
header .cart-items {position: relative;}
header .mobile-cart-items {position: relative; padding: 5px 8px 5px 0; display: none;}
header .mobile-cart-items a {color: black;text-transform: uppercase;}

header .cart-items-count {
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #db2e2e;
    font-size: 0.78em;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 600;
    color: #f4f4f4;
    position: absolute;
    top: 0;
    right: -12px;
    text-align: center;
    line-height: 18px;
}

header ul.navbar-nav li {text-align: center; margin: 0 5px; text-transform: uppercase;} 



/* offers */
#offers {margin-top: 40px;}
#offers .categories {font-family: 'Oswald', sans-serif;}
#offers .menu-items h2.category-name::before {
    content: '';
    display: block;
    height: 100px;
    margin-top: -100px;
    visibility: hidden;
}

#offers .categories article {position: sticky; z-index: 999; top: 160px;}
#offers .categories ul {list-style: none; padding: 0; margin: 0;}

#offers .categories ul > li > a i {float: left;}
#offers .categories ul > li > a span {
    display: inline-block;
    width: calc(100% - 20px);
    padding-left: 10px;
    line-height: 1.2em;
}

#offers .categories ul > li > a {
    display: block;
    font-size: 1em;
    font-weight: 400;
    padding: 10px 15px;
    color: #484848;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 1em;
    border-bottom: 1px solid #d2d2d2;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}

#offers .categories ul > li > a:hover {
    padding-left: 25px;
}

#offers aside h2 + hr {
    width: 50%;
}

#offers aside h2 + hr + hr {
    margin-bottom: 15px;
}

h2 + hr {
    float: left;
    width: 16%;
    height: 0;
    border-top: 5px solid #db2e2e;
    margin-top: 10px;
}


h2 + hr + hr {
    height: 0;
    border-top: 1px solid #d2d2d2;
    margin-top: 22px;
}
#offers ul.list {list-style: none; margin: 0; padding: 0;} 
#offers ul.list li.item {    float: none;
    margin-right: 0;
    padding: 5px 0 5px 65px;
    min-height: 75px;
    position: relative;
}
#offers ul.list li.item .food-image{
    width: 45px;
    height: 45px;
    background-size: cover;
    background-position: center center;
    float: left;
    border: 1px solid #9d9d9d;
    margin-right: 20px;
    position: absolute;
    left: 0;
}

#offers ul.list li.item .food-image i{
    opacity: 0;
    font-size: 20px;
    color: #424242;
    border-radius: 50%;
    width: 43px;
    height: 43px;
    line-height: 45px;
    text-align: center;
    background-color: #ffffffbf;    
	transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    cursor: pointer;
}

#offers ul.list li.item .food-image:hover i{opacity: 1;}

#offers ul.list li.item > article
{
    width: 100%;
    height: auto;
    padding: 0 70px 0 0;
    border: none;
    text-align: left;
    overflow: hidden;
}


#offers ul.list li.item > article h6 {
    float: left;
    margin: 0 15px 5px 0;
    font-size: 1.125em;
    font-weight: 400;
    color: #484848;
}

#offers ul.list li.item > h6 {
    position: absolute;
    top: 5px;
    right: 0;
}

#offers ul.list li.item i.showItem {
    position: absolute;
    top: 28px;
    right: 0;
    font-size: 20px;
    color: #db2e2e;
    cursor: pointer;
}

#offers ul.list li.item span.weight {
    font-weight: 400;
    font-style: italic;
    font-family: 'Source Sans Pro', sans-serif;
    float: left;
    font-size: 0.9em;
    margin: 0 15px 0 0;
}

#offers ul.list li.item > article > hr {
    display: flex;
    border-bottom: 1px dotted #d2d2d2;
    border-top: none;
    margin-top: 9px;
}

#offers ul.list li.item > article > p {
    font-size: 0.875em;
    font-weight: 300;
    line-height: 24px;
    color: #a0a0a0;
    width: 100%;
}

#offers ul.list li.item span.alergens {
     font-weight: 400;
    font-style: italic;
    font-family: 'Source Sans Pro', sans-serif;
    float: right;
    padding-left: 1em;
    color: #484848;
}

#offers #alergens-list h3 {font-size: 1.5rem;}
#offers #alergens-list p {font-size: 0.9rem;}


.gm-ui-hover-effect {
    display: none !important;
}
.gm-style-iw {
    height: auto;
    width: 320px;
}


.tooltip {
    z-index: 10000 !important;
}

.pulse{
    box-shadow: 0 0 0 0 rgba(219, 46, 47, 1);
    transform: scale(1);
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(219, 46, 47, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(219, 46, 47, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(219, 46, 47, 0);
    }
}



/* upsell */

/* .upsell-modal {max-width: 950px !important; width: 100% !important;} */
.upsell-modal {z-index: 9999 !important;}
.upsell-modal i {cursor: pointer;}
.offer-container {margin-bottom: 25px; width: 300px; float: left;}
.offer-container h3{font-size: 17px; margin-bottom: 15px; line-height: 1.3em;}
.offer-container h2{font-size: 22px; margin-bottom: 0; font-weight: 500;}
.offer-container h2 span{float: right; font-weight: 100; font-size: 80%;}
.offer-container h2 + p{padding-bottom: 15px;font-size: 14px;font-style: italic;}
.offer-container .offer_count_picker {font-size: 20px; line-height: 100%;  float: right;}
.offer-container span {float: left; font-size: 20px;}
.offer-container .price {font-size: 22px; float: left; color: #db2e2e; font-weight: 600;}

.offer-container .offer_count_picker .less, .offer-container .offer_count_picker .more
{
	display: inline-block; float: left; margin: 0 3px; color: #db2e2e;
}

.offer-container .offer_count_picker .count
{
	display: inline-block; float: left; margin: 0 3px;
}

.offer-container textarea, .upsells-container textarea{   
	width: 100%;
    max-width: 100%;
    height: 55px;
    border: 1px solid rgb(187, 187, 187);
    padding: 10px;
    margin: 0 0 15px;
    border-radius: 3px;
}

.offer-container hr {
    background: #c1c1c1;
    height: 1px;
    width: 100%;
    margin: 15px 0;
}

.offer-container img{width: 100%; max-width: 100%; margin: 10px 0 20px;}

.upsells-container {width: 560px; float: right;}
.upsells-container h3{font-size: 17px; margin-bottom: 10px; 
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;}
.upsells-container h3.collapsed {margin-bottom: 0;}
.upsell-offers .upsell-offer {margin: 5px 0px; font-size: 14px; line-height: 100%; font-family: sans-serif;}
.upsell-offers .upsell-offer .upsell-name strong{float: right;}
.upsell-offers .upsell-offer .upsell_count_picker {position: relative;display: inline-block;float: left; margin-right: 5px; color: #db2e2e}
.upsell-offers .upsell-offer .less, .upsell-offers .upsell-offer .more, .upsell-offers .upsell-offer .count
{
	display: inline-block; float: left; margin: 0 3px; line-height: 100%;
}

.upsells-container .upsell-offers-category {
    margin-bottom: 10px;
    border-bottom: 1px dashed #bfbfbf;
    padding-bottom: 10px;
}

.upsells-container .upsell-offers-category h3.pointer:not(.collapsed) i.show{display: none;}
.upsells-container .upsell-offers-category h3.pointer:not(.collapsed) i.hide{display: inline-block;}
.upsells-container .upsell-offers-category h3.pointer.collapsed i.show{display: inline-block;}
.upsells-container .upsell-offers-category h3.pointer.collapsed i.hide{display: none;}


.upsells-container hr {
    background: #919191;
    height: 1px;
    width: 100%;
    margin: 15px 0;
}

.upsells-container button {
	background-color: #db2e2e;
    text-align: center;
    display: inline-block;
    padding: 7px 25px;
    float: right;
    border: 0;
    color: white;
}

.upsells-container .offer-summary {
	float: left;
    font-size: 18px;
    color: #db2e2e;
    font-weight: 700;
    font-family: sans-serif;
}

.upsells-container .offer-summary span{font-size: 24px;}


/* Daily menu*/


.daily-menu-items h4 {    border-bottom: 1px solid #dddcdc;
    padding-bottom: 5px; font-size: 1.3rem; clear: both;}
.daily-menu-items .menu-per-day {margin-bottom: 30px; }

.daily-menu-items .menu-per-day label {
    font-family: 'Oswald', sans-serif; 
    margin: 0;
    cursor: pointer;
    font-size: 1.1em;
    font-weight: 300;
    color: #484848;
    width: 100%;
}

.daily-menu-items .menu-per-day .menu-item {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed gray;}
.daily-menu-items .menu-per-day .menu-item:last-child{border-bottom: none; padding-bottom: 0;}
.daily-menu-items .menu-per-day .weight {display: inline-block; float: left; width: 60px; font-weight: 400;}
.daily-menu-items .menu-per-day .name {display: inline-block; float: left; width: calc(100% - 150px);}
.daily-menu-items .menu-per-day .name.noItem {color: #a4a4a4;}
.daily-menu-items .menu-per-day .price {display: inline-block; float: right; font-family: 'Oswald', sans-serif;  font-size: 1.125em; font-weight: 400;}
.daily-menu-items .menu-per-day  p{margin-left: 60px;  margin-bottom: 5px; font-size:80%;}

.menu-container {    margin-top: 35px;
    border-top: 3px solid #787878;
    padding-top: 20px;
}
.menu-container .menu_count_picker {    font-size: 22px;
    line-height: 100%;
    margin: 10px 0;
    position: relative;
    float: left;}
.menu-container .menu_count_picker span {float: left;}
.menu-container .menu-summary {font-size: 22px; float: right; color: #db2e2e; font-weight: 600;}
.menu-container .addMenuToBasket {background-color: #db2e2e;
    text-align: center;
    display: inline-block;
    padding: 7px 25px;
    float: right;
    border: 0;
    color: white;
clear: both;}

.menu-container .menu_count_picker .less, .menu-container .menu_count_picker .more
{
	display: inline-block; float: left; margin: 0 3px; color: #db2e2e;
}

.menu-container .menu_count_picker .count
{
	display: inline-block; float: left; margin: 0 3px;
}

/* orders */

#checkout select, #checkout input, #checkout textarea{background-color: #fafafa;}
#checkout #orderTicket .sticky-top{top: 160px;}


/*--------------
  21.1 TICKET
--------------*/
.ticket {
	background-color: #424242;
	padding: 30px 0 25px;
	position: relative;
}

.ticket > h6 {
	font-size: 0.875em; /* 14px / 16px */
	font-weight: 700;
	color: #f4f4f4;
	margin: 0 0 15px 15px;
}

.ticket > p {
	font-size: 0.875em; /* 14px / 16px */
	font-family: "Oswald", sans-serif;
	font-weight: 400;
	color: #f4f4f4;
	text-transform: uppercase;
	padding: 15px;
    border-bottom: 1px dashed #949494;
    margin-bottom: 0;
}

.ticket > p span {
	float: right;
	color: #f4f4f4;
}

.ticket > .total {
	padding-top: 30px;
	border-bottom: 1px dashed #4b4b4b;
}

.ticket > .total span {
	font-size: 2.142857142857143em; /* 30px / 14px */
	line-height: 5px;
}

.ticket > a {text-decoration: none;}

.ticket > a.button {
	font-size: 0.875em;
    width: 240px;
    margin: 25px auto 10px;
    height: 35px;
    line-height: 35px;
    background: #db2e2e;
    width: 80%;
    display: block;
    text-align: center;
    color: white;
}

.ticket > a.button.confirmed {
	background-color: #95c22b;
	background-image: none;
}

.ticket > a.button.confirmed + p,
.ticket > a.button.confirmed + p + p {
	font-size: 12px;
	font-family: "Source Sans Pro", sans-serif;
	line-height: 20px;
	text-transform: none;
	border: none;
	padding: 0 15px;
	text-align: center;
	margin-bottom: 5px;
}

.ticket > a.button.confirmed + p span,
.ticket > a.button.confirmed + p + p span {
	float: none;
	color: #95c22b;
}

.ticket img[alt="cart-logo"] {
	margin: 10px 0 0 48px;
}

.ticket > p:last-child {
	font-size: 0.5625em; /* 9px / 16px */
	font-family: "Source Sans Pro", sans-serif;
	color: #a2a2a2;
	border: none;
	padding: 0;
	text-align: center;
	margin-top: 10px;
}

#checkout-wrap .removeFromBasket {color: #db2e2e; font-size: 30px;}
#checkout-wrap label.error {
    font-size: 0.8rem;
    font-weight: 500;
    color: #db2e2e;
}
#checkout-wrap table.basket-items {width: 100%;}
#checkout-wrap table.basket-items thead tr {border-bottom: 1px solid #424242;}
#checkout-wrap table.basket-items thead th {font-family: 'Oswald', sans-serif; font-weight: 100;}
#checkout-wrap table.basket-items tbody tr{border-bottom: 1px dashed darkgray;}
#checkout-wrap table.basket-items tr td{padding: 10px 0;}
#checkout-wrap table.basket-items tr td span.alter-label {display: none;font-size: 0.8rem;font-weight: 500;}
#checkout-wrap table.basket-items .quantity{font-size: 1.2rem;line-height: 100%; display: inline-block;}
#checkout-wrap table.basket-items .quantity i{ color: #db2e2e;}
#checkout-wrap table.basket-items .quantity .count{ margin: 0 8px;}
#checkout-wrap table.basket-items .description h6{margin: 0;}
#checkout-wrap table.basket-items .description span{font-size: 0.75rem; color: #757575; display: block; line-height: 120%; margin: 3px 0 0;}
#checkout-wrap table.basket-items span.note{font-size: 0.8rem;font-style: italic; margin: 5px 0 0;}

/* map */

#map {
    height: 380px;
}

.terms-conditions a, .terms-conditions a:hover {text-decoration: none; color: #db2e2e;}

/* footer */

footer {background-color: #282828; color: white; text-align: center; font-size: 15px; font-weight:600; line-height: 80px;}
footer p{margin: 0;}

/***************************************/
/* 25. MEDIA QUERIES */
/***************************************/

@media screen and (max-width: 1199.98px) 
{
     #offers .categories {width: 100%;}
     #offers .categories::-webkit-scrollbar {display: none;}
     #offers .categories ul > li > a:hover{padding-left: 15px;}

    .upsells-container button {width: 100%; margin-top: 10px;}
    


}

@media (max-width: 991.98px) {
    #offers {margin-top: 5px;}
    #offers .categories {
        position: sticky;
        top: 120px;
        z-index: 9995;
        background: white;
        padding-top: 10px;
    }
    #offers aside  .category-name {display: none;}
    #offers aside  ul.category {display: flex; white-space: nowrap; margin-bottom: 15px !important; overflow-x: overlay;}
    #offers aside  ul.category {border-bottom: 1px solid darkgray;}
	#offers aside  ul.category li {
		float: left;
    }
    #offers .categories ul > li > a {border: none;}
    header .cart-items {display: none;}
    header .mobile-cart-items {display: inline-block;}

    #offers ul.list li.item { padding: 5px 0; margin: 5px 0; min-height: 90px; border-bottom: 1px dashed darkgray;}
	#offers ul.list > li .food-image {display: none;}

	#offers ul.list > li i.showItem {
		position: absolute;
		top: 5px !important;
		right: 10px !important;
		font-size: 22px;
		margin-right: 0;
		color: #db2e2e;
		cursor: pointer;
		border: 1px solid;
		padding: 10px;
		border-radius: 50%;
	}

	#offers ul.list > li > h6 {
	    position: absolute;
		top: 55px !important;
		right: 12px !important;
		float: none;
	}

	#offers ul.list li.item span.alergens {
		clear: both;
		padding: 0;
	}

	#offers ul.list li i.showItem.selected {
		background-color: #db2e2e;
		color: white;
    }

    #offers ul.list li.item > article h6 {font-weight: 300;}

    #offers .menu-items h2.category-name::before {height: 160px;}

    .upsell-offers .upsell-offer .less, .upsell-offers .upsell-offer .more, .upsell-offers .upsell-offer .count {font-size: 17px; margin: 0;}
    .upsell-offers .upsell-offer .count {margin: 0 10px;}
    .upsell-offers .upsell-offer .upsell_count_picker {margin-right: 8px;}
    
}

@media (max-width: 767.98px) {
    .w100 {width: 100%; padding-bottom: 0 !important;}
    .w25 {width: 25%;}
    .w33 {width: 33%;}
     #checkout-wrap table.basket-items thead {display: none;}
     #checkout-wrap table.basket-items tbody tr td {display: inline-block;}
     #checkout-wrap table.basket-items tr td span.alter-label {display: block;}
     
    header .cart-items {display: none;}
    header .mobile-cart-items {display: inline-block;}
    header #header-top ul.social {display: none;}
    #header-top .email{
        font-size: 0.8em;
        font-weight: 600;
        margin-right: 0;
        float: left;
    }
    #header-top .phone {
        font-size: 0.8em;
        font-weight: 600;
        margin-right: 0;
        float: right;
    }
    
    .daily-menu-items .menu-per-day .name {width: calc(100% - 65px);}
    .menu-item label .price {
        width: 100%;
        text-align: right;
        display: inline-block;
    }

    .menu-container .addMenuToBasket {width: 100%; margin-top: 15px;}
    .menu-container .menu_count_picker {float: right;}
}