/* FONTS */
@import url("https://fonts.googleapis.com/css?family=Roboto:300");
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700");
@font-face { font-family: 'AmericanTypewriterITCPro-Med'; src: url("../fonts/376189_0_0.eot"); src: url("../fonts/376189_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/376189_0_0.woff2") format("woff2"), url("../fonts/376189_0_0.woff") format("woff"), url("../fonts/376189_0_0.ttf") format("truetype"); }
@font-face { font-family: 'itc_serif_gothic_stdblack'; src: url("../fonts/serifgothicstd-black-webfont.woff2") format("woff2"), url("../fonts/serifgothicstd-black-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'grouch_btregular'; src: url("../fonts/grouchitcbybt-regular-webfont.woff2") format("woff2"), url("../fonts/grouchitcbybt-regular-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }
/* IMPORTS */
/* VARIABLES */
/* COLOURS */
/* LAYOUT */
body { font-family: "Roboto", serif; font-weight: 300; font-size: 30px; letter-spacing: 1px; }

h1, h2, h3, h4 { font-family: "grouch_btregular", sans-serif; letter-spacing: normal; }

.navbar { font-family: "Roboto Condensed"; text-transform: uppercase; background-color: transparent; padding: 20px 0; }
@media (min-width: 992px) { .navbar { position: fixed; top: 0; width: 100%; z-index: 999; }
  .navbar .active { opacity: 0.5; } }

@media (min-width: 992px) { .navbar-bg { background: #fff; }
  .navbar-bg a { color: #000 !important; }
  .navbar-bg .icon-basket { content: url(../images/basket2.png) !important; } }

.nav-link { padding: 0 20px 0 0; font-size: 18px; font-weight: bold; letter-spacing: 0.8px; color: #fff !important; text-align: right; margin-right: 20px; }
@media (min-width: 992px) { .nav-link { text-align: left; margin-right: 0; } }
.nav-link:hover { opacity: 0.5; }

.login { padding-right: 0; }

.btn { color: #002B49; background: #fff; border: solid 2px #002B49; padding: 10px 80px; font-size: 20px; font-weight: bold; border-radius: 0; margin: 30px 0; }
.btn:hover { color: #fff; background: #002B49; }

.btn-alt { color: #fff; border: solid 2px #fff; background-color: transparent; }
.btn-alt:hover { color: #002B49; background: #fff; }

.btn-basket { color: #fff; background-color: #002B49; border: solid 2px #002B49; padding: 10px 0; font-size: 20px; font-weight: bold; border-radius: 0; margin-top: 10px; width: 100%; display: block; text-align: center; }
.btn-basket:hover { color: #002B49; background-color: #fff; text-decoration: none; }

.form { max-width: 500px; margin: 30px auto; text-align: left; }
.form input[type=text], .form input[type=date], .form input[type=password], .form select, .form textarea { letter-spacing: 1.1px; display: block; font-family: "Roboto", serif; font-weight: 300; font-weight: bold; font-size: 16px; border: solid 2px #002B49; width: 100%; margin: 0 0 10px 0; padding: 4px 9px; color: #002B49; }
.form input[type=text]::-webkit-input-placeholder, .form input[type=date]::-webkit-input-placeholder, .form input[type=password]::-webkit-input-placeholder, .form select::-webkit-input-placeholder, .form textarea::-webkit-input-placeholder { color: #002B49; }
.form input[type=text]:-moz-placeholder, .form input[type=date]:-moz-placeholder, .form input[type=password]:-moz-placeholder, .form select:-moz-placeholder, .form textarea:-moz-placeholder { color: #002B49; }
.form input[type=text]::-moz-placeholder, .form input[type=date]::-moz-placeholder, .form input[type=password]::-moz-placeholder, .form select::-moz-placeholder, .form textarea::-moz-placeholder { color: #002B49; }
.form input[type=text]:-ms-input-placeholder, .form input[type=date]:-ms-input-placeholder, .form input[type=password]:-ms-input-placeholder, .form select:-ms-input-placeholder, .form textarea:-ms-input-placeholder { color: #002B49; }
@media (min-width: 768px) { .form input[type=text], .form input[type=date], .form input[type=password], .form select, .form textarea { font-size: 20px; } }
.form textarea { height: 100px; }
.form input[type=submit] { cursor: pointer; display: block; color: #fff; background: #002B49; border: none; padding: 5px 20px; font-size: 20px; }
@media (min-width: 768px) { .form input[type=submit] { font-size: 24px; } }
.form input[type=submit]:hover { opacity: 0.6; }

.stripe-button-el { background-image: none !important; box-shadow: none !important; }

.stripe-button-el span { display: block !important; color: #fff !important; background: #002B49 !important; border: none !important; padding: 5px 20px !important; font-size: 20px !important; border-radius: 0 !important; line-height: normal !important; height: auto !important; font-family: "Roboto", serif !important; font-weight: 300 !important; box-shadow: none !important; font-weight: normal !important; }
@media (min-width: 768px) { .stripe-button-el span { font-size: 24px !important; } }
.stripe-button-el span:hover { opacity: 0.6 !important; }

.top-banner { background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/pizza.jpg"); background-position: center top; background-size: cover; text-align: center; }
@media (min-width: 992px) { .top-banner { padding-bottom: 200px; } }
.top-banner h1 { position: relative; max-width: 970px; font-size: 30px; text-align: center; margin: 0 auto; color: #fff; padding: 50px 0 50px 0; }
@media (min-width: 768px) { .top-banner h1 { font-size: 60px; padding: 300px 0 95px 0; } }
.top-banner p { color: #fff; font-family: "grouch_btregular"; font-size: 30px; }
.top-banner p a { color: #fff; text-decoration: none; }
.top-banner .madeby { margin: 0 0 70px 0; width: 150px; }
@media (min-width: 768px) { .top-banner .madeby { width: 250px; } }
@media (min-width: 992px) { .top-banner .madeby { position: absolute; right: 0; bottom: -200px; } }

.cta-banner { background: #fff; padding: 50px 0; text-align: center; }
.cta-banner h2 { font-size: 28px; margin-bottom: 20px; color: #002B49; }
@media (min-width: 768px) { .cta-banner h2 { font-size: 32px; } }
.cta-banner p { position: relative; max-width: 843px; font-size: 18px; line-height: 24px; text-align: center; margin: 0 auto; color: #002B49; }
@media (min-width: 768px) { .cta-banner p { font-size: 22px; line-height: 32px; } }
.cta-banner a { color: #002B49; }
.cta-banner .btn { position: relative; margin: 30px 0 0 0; }

.content { background: #fff; padding: 50px 0; text-align: center; }
.content h2 { font-size: 28px; margin-bottom: 20px; color: #002B49; }
@media (min-width: 768px) { .content h2 { font-size: 32px; } }
.content p { position: relative; max-width: 650px; font-size: 18px; line-height: 28px; font-weight: bold; text-align: center; margin: 0 auto; color: #002B49; margin-bottom: 20px; }
@media (min-width: 768px) { .content p { font-size: 22px; line-height: 32px; } }
.content p a { color: #002B49; }
.content p a:hover { opacity: 0.7; text-decoration: none; }
.content .notice { border: dashed 1px #002B49; padding: 20px; margin-top: 40px; }

.cta-banner-img { background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/pasta.jpg"); background-position: center top; background-size: cover; text-align: center; }
.cta-banner-img h2 { color: #fff; }
.cta-banner-img p { color: #fff; }

.bg2 { background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/boathouse.jpg"); background-position: center top; background-size: cover; }

.bg3 { background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/about.jpg"); background-position: center top; background-size: cover; }

.bg4 { background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/about2.jpg"); background-position: center top; background-size: cover; }

.bg5 { background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/menu.jpg"); background-position: center top; background-size: cover; }

.footer { padding: 40px 0; background: #88dbdf; color: #002B49; }
.footer img { width: auto; max-width: 100%; padding-right: 20px; }
.footer .brands a { float: left; }
.footer .brands img { float: left; padding-right: 14px; max-width: 94px; }
.footer .brands .stack { padding-top: 30px; clear: both; float: left; max-width: 188px; }
@media (min-width: 992px) { .footer .brands .stack { padding-top: 0px; clear: none; } }
.footer .brands .stack img { display: block; padding-bottom: 27px; max-width: 188px; }
.footer .brands .circle { padding-top: 30px; padding-right: 0px; }
@media (min-width: 992px) { .footer .brands .circle { padding-top: 0px; } }
.footer .social img { padding-right: 10px; max-width: 51px; }
.footer .social img:hover { opacity: 0.6; }
.footer p { font-size: 14px; }
.footer h3 { font-size: 18px; margin-top: 30px; font-family: "Roboto Condensed"; font-weight: bold; }
@media (min-width: 768px) { .footer h3 { margin-top: 0; } }
.footer .createdby { margin-top: 20px; }
.footer .createdby a { color: #002B49; }
.footer .form { max-width: none; margin: 0 0 30px 0; text-align: left; }
.footer .form input[type=text] { font-size: 16px; font-weight: normal; border: solid 2px #002B49; padding: 5px 10px; color: #002B49; margin: 0 0 10px 0; background-color: transparent; }
.footer .form input[type=text]::-webkit-input-placeholder { color: #002B49; }
.footer .form input[type=text]:-moz-placeholder { color: #002B49; }
.footer .form input[type=text]::-moz-placeholder { color: #002B49; }
.footer .form input[type=text]:-ms-input-placeholder { color: #002B49; }
.footer .form input[type=submit] { background: #002B49; padding: 7px 15px; font-size: 15px; }

.icon-basket { width: 18px; height: 18px; display: inline-block; content: url(../images/basket.png); }

.navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }

.menus { margin: 20px auto; }
@media (min-width: 992px) { .menus { margin: 40px auto; } }
.menus .menus-top h2 { color: #002B49; font-size: 40px; text-align: center; }
.menus .menus-top .menus-nav { text-align: center; }
.menus .menus-top .menus-nav a { display: inline-block; border: solid 2px #002B49; background-color: #fff; color: #002B49; font-weight: bold; font-size: 19px; font-family: "grouch_btregular", sans-serif; padding: 5px 20px; margin: 10px 5px; }
.menus .menus-top .menus-nav a.active, .menus .menus-top .menus-nav a:hover { background-color: #002B49; color: #fff; text-decoration: none; }
.menus .menus-top p { text-align: center; font-size: 26px; font-weight: bold; color: #002B49; margin: 30px auto; max-width: 900px; }

.basket { border: solid 2px #002B49; padding: 10px; font-family: "grouch_btregular", sans-serif; color: #002B49; }
.basket .title { font-weight: bold; font-size: 20px; margin-bottom: 15px; }
.basket .item { margin-bottom: 5px; }
.basket .item div { font-size: 16px; margin: 0; padding: 0; float: left; }
.basket .item .name { width: 60%; }
.basket .item .name span { cursor: pointer; font-weight: bold; padding-right: 5px; }
.basket .item .quantity { width: 10%; text-align: center; }
.basket .item .price { width: 30%; text-align: right; }
.basket .item:after { clear: both; display: block; content: ""; }
.basket .delivery { margin-bottom: 5px; border-top: solid 1px #002B49; border-bottom: solid 1px #002B49; padding: 5px 0; margin-top: 10px; }
.basket .delivery div { font-size: 16px; margin: 0; padding: 0; float: left; }
.basket .delivery .name { width: 70%; }
.basket .delivery .price { width: 30%; text-align: right; }
.basket .delivery:after { clear: both; display: block; content: ""; }
.basket .empty { padding: 5px 0; margin: 0; }
.basket .empty div { font-size: 16px; margin: 0; padding: 0; float: left; }
.basket .empty .name { width: 100%; }
.basket .empty:after { clear: both; display: block; content: ""; }
.basket .total { margin-top: 10px; }
.basket .total div { font-size: 20px; margin: 0; padding: 0; float: left; font-weight: bold; }
.basket .total .name { width: 70%; }
.basket .total .price { width: 30%; text-align: right; }
.basket .total:after { clear: both; display: block; content: ""; }

.product { color: #002B49; font-size: 18px; text-align: center; margin-bottom: 40px; width: 100%; text-align: left; }
.product .image { padding-bottom: 20px; }
.product .image img { width: 100%; }
.product h3 { font-size: 32px; margin-bottom: 20px; }
.product p { margin-bottom: 15px; font-size: 18px; }
.product .price { font-weight: bold; }
.product select { letter-spacing: 1.1px; display: block; font-family: "Roboto", serif; font-weight: 300; font-size: 16px; border: solid 2px #002B49; width: 100%; margin: 0 0 10px 0; padding: 4px 9px; color: #002B49; }
.product select::-webkit-input-placeholder { color: #002B49; }
.product select:-moz-placeholder { color: #002B49; }
.product select::-moz-placeholder { color: #002B49; }
.product select:-ms-input-placeholder { color: #002B49; }
@media (min-width: 768px) { .product select { font-size: 20px; } }
.product .btn { color: #002B49; background-color: #fff; border: solid 2px #002B49; padding: 7px 0; font-size: 20px; font-weight: bold; border-radius: 0; margin-top: 10px; width: 100%; display: block; text-align: center; }
.product .btn:hover { background-color: #002B49; color: #fff; text-decoration: none; }

.checkout { margin: 20px auto; font-size: 20px; color: #002B49; }
@media (min-width: 992px) { .checkout { margin: 40px auto; } }
.checkout .progress .item { text-align: center; margin: 20px 0; }
.checkout .progress .item a { display: inline-block; border: solid 2px #002B49; background-color: #fff; color: #002B49; font-weight: bold; font-size: 19px; font-family: "grouch_btregular", sans-serif; padding: 5px 20px; margin: 0 8px; }
.checkout .progress .item a.active, .checkout .progress .item a:hover { background-color: #002B49; color: #fff; text-decoration: none; }
.checkout h2 { color: #002B49; font-size: 40px; text-align: left; }
.checkout .form { max-width: none; margin: 0 0 20px 0; }
.checkout p a { color: #002B49; }

.checkout-progress { border: solid 2px #002B49; font-family: "grouch_btregular", sans-serif; border-right: none; margin-bottom: 30px; display: none; }
@media (min-width: 992px) { .checkout-progress { display: block; } }
.checkout-progress .item { width: 25%; float: left; text-align: center; padding: 5px 0; font-weight: bold; border-right: solid 2px #002B49; margin-bottom: -1px; }
.checkout-progress .active { background: #002B49; color: #fff; }
.checkout-progress:after { clear: both; display: block; content: ""; }

.hide { display: none; }

*:focus, *:active, .btn:focus, .btn:active { outline: none !important; box-shadow: none; }

.col-md-6, .col-lg-12 { padding-left: 22px; padding-right: 22px; }

.navbar-toggler { position: absolute; top: 10px; z-index: 999; }

/*@include bp($sm) { background:red; }
@include bp($md) { background:blue; }
@include bp($lg) { background:pink; }
@include bp($xl) { background:yellow; }*/

/*# sourceMappingURL=main.min.css.map */