/* * var-red: #000000; * var-orange: #C2CBCE; * var-yellow: #F9D423; * var-light-yellow: #EDE574; * var-lightest-yellow: #E1F5C4; */


@font-face {


    font-family: buffalo_corsive;


    src: url('fonts/Buffalo_Chicken.ttf');


}





@font-face {


    font-family: mom;


    src: url('fonts/MomsDiner.ttf');


}





@font-face {


    font-family: tuscany;


    src: url('fonts/Tuscan MF Narrow.ttf');


}





@font-face {


    font-family: one_direction;


    src: url('fonts/OneDirection.ttf');


}





@font-face {


    font-family: oliver;


    src: url('fonts/olivier.ttf');


}





@font-face {


    font-family: brush_strokes;


    src: url('fonts/Brush Strokes.ttf');


}





@font-face {


    font-family: queen;


    src: url('fonts/Queen of today.ttf');


}





@font-face {


    font-family: queen-bold;


    src: url('http://catering.sciue.ca/css/fonts/Queen of today Bold.ttf');


    font-weight: bold;


}





@font-face {


    font-family: western;


    src: url('fonts/WesternSwagger.ttf');


}





@font-face {


    font-family: realistik;


    src: url('fonts/Realistik.otf');


}





@font-face {


    font-family: forever;


    src: url('fonts/always forever.ttf');


}





@font-face {


    font-family: dream;


    src: url('fonts/End of the dream.ttf');


}





.accordion dd > a {


    font-family: one_direction !important;


    text-transform: lowercase;


    font-size: 1.8rem !important;


    margin: 5px;


}





.accordion dd > a:hover {


    background-color: #333 !important;


    color: darkorange;


}





span.sub-title {


    font-family: one_direction !important;


    font-size: 2rem !important;


}





.side-nav li {


}





.side-nav li a {


    text-transform: lowercase;


    font-size: 1.2rem !important;


    line-height: 18px !important;


    font-style: normal !important;


    font-weight: normal;


    letter-spacing: 0;


    width: 120%;


    margin-left: -7px;


    vertical-align: middle;


    padding: 2px 0px 2px 0px;


}





.side-nav li a:hover {


    color: #000000;


}





.orbit-container .orbit-slides-container > * .orbit-caption {


    font-size: 20px !important;


    font-family: oliver !important;


}





.orbit-container .orbit-slides-container > * .orbit-caption > a {


    font-size: 24px !important;


}





* {


    padding: 0;


    margin: 0;


    font-family: Arial, Helvetica, sans-serif;


}





body {


    width: 75rem;


    margin: auto !important;


}





a {


    color: #000000;


    font-style: italic;


}





.warning-1 {


    font-size: 1.1rem;


    font-weight: 700;


    text-decoration: underline;


    color: white;


    background-color: darkorange;


    width: 1.3rem;


    border: 1px solid;


}





.cat-description {


    position: absolute;


    color: red;


    width: 17em;


    text-indent: 1em;


    text-align: justify;


    margin: 1em;


    top: .5em;


    left: 40.8em;


    padding: .5em;


    background-color: rgba(255, 153, 0, 0.13);


    border-radius: 3px;


}





img.description {


    width: 843px;


    margin-bottom: -5px;


}





#error {


    background-color: #b32600;


    color: white;


    width: 25.5em;


    height: 2.5em;


    line-height: 2.5em;


    border-radius: 2px;


    padding: 1em;


    font-weight: bold;


    font-size: 20px;


}





.error-field {


    background-color: #b32600;


    color: white;


}





.error-main {


    background-color: #b32600;


    color: #ffffff;


    width: 20em;


    height: 3em;


    position: relative;


    top: 0;


    left: 0;


    font-size: 2em;


}





#content {


    position: relative;


    width: 75em;


    border-radius: 1em;


    margin: 1.2em auto;


    padding-bottom: 3em;


}





#content img#watermark {


    position: absolute;


    opacity: .1;


    top: 0%;


    left: 5%;


    z-index: -10000;


}





h1.msg {


    position: relative;


    top: 4em;


    left: 2em;


}





header {


    width: 100%;


    margin: auto 0rem 0rem 5rem;


}





#content header a img {


    border: none;


/ / added for microsoft ie compatibility margin : .1 em .1 em .1 em - 5.5 em;


    display: inline-block;


    position: relative;


    width: 110%;


    margin: 0px 0px 0px -78px;


}





#content-3 {


    width: 78rem;


    padding: 3rem 5rem 0rem 0rem;


    margin: 0rem 0rem 0rem 3rem;


    position: relative;


    display: block;


}





#forgot-form {


    position: fixed;


    width: 25rem;


    margin: 3% 0% 0% 37%;


    background: rgba(241, 241, 241, .5);


    padding: 3rem 0rem 0rem 3rem;


}





#forgot-form a {


    left: 30%;


}





#signin {


    position: absolute;


    width: 25rem;


    margin: 3% 0% 0% 36%;


    background: rgba(241, 241, 241, .5);


}





#signin h2 {


    text-align: center;


    margin: 0% 0% 8% -15%;


    display: block;


}





#signin h2 span {


    display: block;


}





#signin form {


    padding: 1rem 0rem 0rem 3rem;


}





#signin form a {


    left: 35%;


}





#signup {


    position: absolute;


    margin: 2.5rem 0rem 0rem 22%;


    width: 60%;


    padding: 1rem 1rem 0rem 2rem;


    background: rgba(241, 241, 241, .5);


}





#terms {


    position: relative;


    width: 100%;


    margin: -1rem 0rem 0rem 0rem;


}





#terms p {


    font-size: 12px;


    text-align: justify;


}





#terms p span {


    color: #000000;


    font-size: 12px;


    font-weight: bold;


    margin-left: 1.2em;


    display: inline-block;


    text-decoration: underline;


}





#social {


    float: right;


    position: absolute;


    top: 5em;


    left: 66em;


}





#social > ul {


    display: block;


    list-style-type: none;


}





#social > ul > li {


    display: inline;


}





#social > ul > li > a {


    display: inline-block;


    position: relative;


    opacity: 0.7;


    width: 32px;


    height: 32px;


}





#social > ul > li > a:hover {


    opacity: 1;


}





#social > ul > li a.gplus {


    background: url('images/social_sprite.png') 0 32px;


}





#social > ul > li a.facebook {


    background: url('images/social_sprite.png') 224px 32px;


}





#social > ul > li a.twitter {


    background: url('images/social_sprite.png') 64px 32px;


}





#search {


}





#search-button {


    height: 1.85rem;


    line-height: 100%;


}





#menus {


    position: absolute;


    margin-left: 0;


    top: 12.5em;


    left: 12.2em;


    margin-bottom: 3em;


    width: 58.8em;


    padding-bottom: .7em;


}





#menus ul.menu {


    display: inline-block;


    list-style-type: none;


}





#menus ul.menu > li {


    position: absolute;


}





#menus ul.menu > li.menu-1 {


    left: 10em;


}





#menus ul.menu > li.menu-2 {


    left: 20em;


}





#menus ul.menu > li.menu-3 {


    left: 30em;


}





#menus ul.menu > li.menu-4 {


    left: 40em;


}





#menus ul.menu > li.menu-5 {


    left: 50em;


}





#menus ul > li a.main_menu {


    display: inline-block;


    text-decoration: none;


    width: 10em;


    height: 3em;


    line-height: 3em;


    text-align: center;


    color: #798285;


    font-weight: bold;


}





#menus ul > li a.main_menu:hover {


    color: #ff8c00;


}





#sidebar {


    position: relative;


    margin: 5em 0 0 2em;


    width: 10em;


}





#sidebar ul {


    list-style-type: none;


    margin: .5em;


}





#sidebar ul > li a {


    display: inline-block;


    height: 32px;


    width: 32px;


    position: relative;


    text-indent: 40px;


    line-height: 50px;


    text-decoration: none;


    color: #000000;


    margin: 10px 0 0 0;


}





span.alert {


    color: red;


    text-decoration: underline;


    font-weight: bold;


}





#content-1 {


    position: relative;


    left: 12em;


    top: -9em;


    width: 52.9em;


}





#content-2 {


    position: relative;


    width: 60.5em;


}





#content-1 table th {


    font-size: 1.1em;


    font-style: italic;


    font-weight: bold;


    margin: 0.2em;


}





#content-1 table tbody tr {


    height: auto;


}





#content-1 table tbody tr td {


    padding: 1.0em;


    text-align: left;


}





#content-1 table tbody tr td input, select, textarea {


    background-color: inherit;


    border: none;


    color: #000000;


    text-align: right;


}





#content-1 table tbody tr td input, select {


    width: 3.3em;


}





#content-1 table tbody tr td textarea {


    width: 20em;


    height: 4.5em;


}





#content-1 table tbody tr td input[type="button"] {


    cursor: pointer;


    width: 5.6em;


}





#content-1 table tbody tr td input[type="button"].check-out {


    text-decoration: underline;


}





#content-1 table tbody tr:nth-child(odd) {


    background-color: #d9e2e5;


}





#content-1 table tbody tr:nth-child(even) {


    background-color: transparent;


}





.intro {


    width: 30em;


    margin: 3em 3em 3em 2em;


    text-align: justify;


    text-indent: 1em;


    position: relative;


    top: 3em;


    left: -3em;


}





#address {


    position: relative;


    left: 32em;


    width: 20em;


    color: #000000;


    font-size: 16px;


    font-weight: bolder;


    font-style: italic;


    margin-bottom: 25px;


}





#address > ul > li {


    list-style-type: none;


}





#address ul.b_address {


    display: block;


    left: 10em;


    position: absolute;


    top: 0em;


    margin-left: 10px;


}





footer {


    position: relative;


    margin: 1.2em auto 0em 2em;


    width: 100%;


    font-size: 8px;


}





footer span a.copyright {


    display: block;


    position: absolute;


}





.ingredients {


    display: block;


    position: relative;


    float: right;


    font-weight: bold;


}





.suggestion {


    width: 10em;


    font-family: inherit;


    text-align: center;


    background-color: rgba(0, 146, 0, 0.6);


    border: none;


    font-weight: bold;


    border-radius: 5px;


    color: #FFFFFF;


}





.warning {


    width: 10em;


    font-family: inherit;


    text-align: center;


    background-color: rgba(256, 0, 0, 0.6);


    color: #ffffff;


    border: none;


    border-radius: 5px;


    font-weight: bold;


}





#table_variant {


    display: inline-table;


}





.button.expand {


    margin-left: .3rem !important;


}





.sidebar {


    display: block;


    position: absolute;


    width: 14rem;


    margin-top: .55rem;


    height: 41.5rem;


    border-left: 1px solid #dddddd;


    border-top: 1px solid #dddddd;


    border-bottom: 1px solid #dddddd;


    border-top-left-radius: 3px;


    border-bottom-left-radius: 3px;


}





.number-items {


    display: inline-block;


    margin-left: 1rem;


    line-height: 100%;


    font-size: 1.1rem;


    font-weight: bolder;


    cursor: default;


}





.messages {


    float: left;


    width: 62%;


    height: 3rem;


    display: block;


    position: relative;


    top: -37rem;


    margin-left: 11.5rem;


}





ul.custom-side-nav li {


    height: 3rem;


    border-top: 1px solid #a9a9a9;


    border-right: 1px solid #a9a9a9;


    border-left: 1px solid #a9a9a9;


    margin: 0;


}





ul.custom-side-nav li:first-child {


    border-top-right-radius: 5px;


    border-top-left-radius: 5px;


}





ul.custom-side-nav li:hover {


    background-color: #e9e9e9;


}





ul.custom-side-nav li:last-child {


    border-bottom: 1px solid #a9a9a9;


    border-bottom-left-radius: 5px;


    border-bottom-right-radius: 5px;


}





ul.custom-side-nav li a {


    line-height: 3rem;


    margin-left: 1.0rem;


}





.body-items {


    width: 45rem;


    margin: 0;


    left: 18.5%;


    border-top: 1px solid lightgray;


    border-right: 1px solid lightgray;


    border-bottom: 1px solid lightgray;


    top: 668.8px;


    border-bottom-right-radius: 3px;


    border-top-right-radius: 3px;


    height: 41.5rem;


    position: absolute;


    overflow-x: hidden;


    overflow-y: auto;


    padding: 1rem;


}





.body-items table {


    border: none;


}





.cart-preview {


    width: 15rem;


    position: absolute;


    top: 668.8px;


    right: 0.5rem;


    overflow-y: auto;


    font-size: 12px;


    margin-left: 1rem;


    max-height: 500px;


}





#b-card {


    visibility: hidden;


    position: absolute;


    width: 15rem;


    font-size: 12px;


    margin-left: 1rem;


    height: 150px;


    border: 1px solid darkgrey;


    border-radius: 5px;


    top: 1181px;


    right: 9px;


}





.cart-preview table tr th, .cart-preview table tr td {


    font-size: 0.675rem;


    text-align: center;


}





.active {


    font-size: 1.1rem;


    font-weight: bolder; /*text-decoration: underline;*/


    color: #ff5600;


}





img.loader {


    display: block;


    width: 64px;


    height: 64px;


    margin: 15% 45%;


    position: absolute;


}





.short-text {


    width: 9rem;


}





.long-text {


    width: 21rem;


}





.currency {


    width: 7.5rem;


}





.number {


    width: 5rem;


}





.search-loader {


    display: block;


    position: absolute;


    top: .9rem;


    left: 7.5rem;


    visibility: hidden;


}





#signup .small-5 {


    width: 50%;


}





#np {


    left: -20%;


}





.welcome {


    background: #000 url("images/catering_1920.jpg") no-repeat;


    background-size: 100%;


    background-position-y: 20px;


}





.main-content {


    margin: 10% auto;


    background: transparent;


    width: 100%;


    height: 80%;


}





.transparent {


    background: transparent !important;


}





.dark {


    background-color: #000000;


}





.inch-2 {


    height: 8rem;


    width: inherit;


}





.bottom {


    position: fixed;


    bottom: 0;


}





.loader {


    position: fixed;


    display: none;


    width: 100%;


    height: 100%;


    margin: -10% 0%;


    background: rgba(209, 209, 209, 0) url("images/ajax-loader.gif") no-repeat center;


    z-index: 5000;


}





.small-text {


    width: 10rem;


}





#table_items table tr td input[disabled], #searchTable table tr td input[disabled] {


    background: transparent;


    border: none;


    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);


    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);


}





#footer {


    width: inherit;


    background-color: #333;


    height: 3rem;


    margin-top: auto;


    top: 84rem;


    position: absolute;


    border-radius: 3px;


}





.accordion dd {


    display: block;


    margin-bottom: -10px !important;


    margin-top: -10px !important;


}





.placeCard {


    position: absolute;


    width: 20px;


    height: 20px;


    border: none;


    background-color: transparent;


    z-index: 100000;


    top: 850px;


    left: 20px;


}





#one {


    top: 210px;


    left: 490px;


}





#two {


    top: 705px;


    left: 105px;


}





#three {


    top: 268px;


    left: 930px;


}





#four {


    top: 790px;


    left: 745px;


}





#five {


    top: 750px;


    left: 900px;


}





#six {


    top: 268px;


    left: 0px;


}





/*Mobile Compatibility*/


@media (max-width: 320px) {


    * {


        font-size: 9px !important;


    }





    #signin {


        padding: 0;


        left: -85px;


    }


}





@media (max-width: 480px) {


    ul.left li a img {


        margin-top: -.4rem;


    }


}





@media (max-width: 640px) {


}





@media (max-width: 768px) {


    * {


        font-size: 12px!important;


    }


    .large-white {


        font-size: 24px!important;


    }


}





@media (max-width: 1024px) {


    * {


        font-size: 12!important;


    }


    .large-white {


        font-size: 24px!important;


    }


}





@media (max-width: 1280px) {


}





@media (max-width: 1366px) {


}





@media (min-width: 1367px) {


}





#copyright {


    margin: -25px 20px 0px 0px;


    font-size: 0.8rem;


}





.intro {


    display: none;


    position: absolute;


    top: 50px;


    width: 100%;


    text-align: center;


    font-size: 45px;


    font-weight: bold;


    left: -90px;


}





#cart-button-preview {


    cursor: hand;


}