/******************************************************************
Theme Name: Whitefish Lake Restaurant
Theme URI: 
Author: Forest White
Author URI: http://www.forestwhite.com
Description: Custom responsive theme for Whitefish Lake Restaurant.
Text Domain: whitefish-lake-restaurant
Tags: full-width-template
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.0
*****************************************************************

Colors :

     black = #000

*/


/* WordPress Fixes  */

.wp-caption,
.screen-reader-text,
.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor {}

#wp-admin-bar-wp-logo,
#wp-admin-bar-customize,
#wp-admin-bar-comments,
#wp-admin-bar-new-content,
#wp-admin-bar-search {
    display: none!important;
}


/* DO NOT EDIT THIS */

.gallery-caption {}


/* THESE ARE USELESS */

.bypostauthor {}


/* THEY ARE ONLY TO KEEP THEME CHECK HAPPY */


/* GLOBAL */

html {
    background: #FFFFFF url(images/background.jpg) repeat-x!important;
    overflow-x: hidden!important;
    border: 0;
}

body {
    overflow-x: hidden!important;
}

body,
.header,
.footer {
    color: #666!important;
    background-color: transparent!important;
    font-size: 13px!important;
    line-height: 17px!important;
}

.wrap {
    width: 100%!important;
    max-width: 800px!important;
}

img {
    max-width: 100%;
}

h1 {
    text-align: center;
}


/* HEADER */

#inner-header {
    text-align: center!important;
}

.page-header {
    width: 800px;
    height: 100px;
    margin: 0 auto;
}

.logo::before {
    content: "";
    background: url(images/logo-before.png) no-repeat top right!important;
    width: 160px;
    height: 75px;
    display: inline-block;
}

.logo::after {
    content: "";
    background: url(images/logo-after.png) no-repeat top right!important;
    width: 160px;
    height: 75px;
    display: inline-block;
}

#navigation,
.home #navigation {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    background: #fff;
    padding: 0 1px 1px 1px;
}

.archive #navigation,
.page #navigation,
.single #navigation {
    background: #fff url(images/nav-bottom.png) no-repeat bottom center!important;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 0;
    padding: 0 1px 0 1px;
}

ul.nav {
    border: 1px solid #000;
    text-align: center!important;
}

.archive ul.nav,
.page ul.nav,
.single ul.nav {
    border: 1px solid #000;
    border-bottom: 0!important;
}

.home #navigation,
.home ul.nav {
    border-bottom: 1px solid #000!important;
    margin-bottom: 1px;
    background: #fff!important;
}

.nav li {
    display: inline-block!important;
    float: none!important;
}

.nav li a {
    font-family: 'Cinzel', serif;
    color: #000!important;
    text-decoration: none;
    padding: 10px 35px!important;
    font-weight: 400!important;
    font-size: 20px!important;
    text-transform: uppercase;
}

.nav li a:hover {
    text-decoration: none!important;
}

.nav li ul.sub-menu,
.nav li ul.children {
    border: 0!important;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.nav li ul.sub-menu li a {
    display: inline-block!important;
    font-size: 14px!important;
    line-height: 2!important;
    padding: 0 10px!important;
    width: auto!important;
    border-bottom: 0!important;
    margin: 0;
}

.nav li ul.sub-menu li {
    margin-top: 5px;
    border-left: 1px solid #ccc!important;
}

.nav li ul.sub-menu li:first-child {
    border-left: 0!important;
}

li#menu-item-291 ul.sub-menu {
    padding-right: 140px;
}

li#menu-item-54 ul.sub-menu {
    padding-left: 100px;
}

.nav a:hover {
    color: #ba0000!important;
}

.nav li:hover {
    background: url(images/navback-hover.png) repeat-x;
    border: 0!important;
    text-shadow: 0 0 5px #fff;
}

.nav li ul.sub-menu li {
    color: #000!important;
    background: #fff!important;
}

.nav li ul.sub-menu li a:hover,
.nav li ul.sub-menu li:hover {
    color: #ba0000!important;
}


/* BODY */

.home #content {
    text-align: center;
}

#content {
    margin-top: 0!important;
}

.hentry {
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
    border: none!important;
    background: none!important;
}

article {
    text-align: center!important;
    min-height: 620px;
}

article a {
    font-weight: bold;
    text-decoration: none;
}

#main {
    background: #fff url(images/background-blank.png) top center no-repeat;
    min-height: 540px;
    width: 100%;
    padding: 40px 140px;
}

.page-id-23 #main {
    background: url(images/background-history.jpg) top center no-repeat;
    padding-top: 110px;
}

.page-id-27 #main {
    background: url(images/background-menus.jpg) top center no-repeat;
    padding-top: 30px;
}

.page-id-29 #main {
    background: url(images/background-giftcerts.jpg) top center no-repeat;
}

.page-id-31 #main,
.page-id-250 #main,
.page-id-249 #main,
.page-id-85 #main,
.page-id-86 #main,
.page-id-273 #main,
.page-id-271 #main,
.page-id-268 #main {
    background: url(images/background-paybill.jpg) top center no-repeat;
}

.page-id-34 #main {
    background: url(images/background-diningroom.jpg) top center no-repeat;
}

.page-id-36 #main {
    background: url(images/background-clubhouse.jpg) top center no-repeat;
}

.page-id-38 #main {
    background: url(images/background-deck.jpg) top center no-repeat;
}

.page-id-40 #main {
    background: url(images/background-staff.jpg) top center no-repeat;
}

.page-id-42 #main {
    background: url(images/background-events.jpg) top center no-repeat;
    padding-top: 30px;
}

h1.page-title {
    font-family: 'EB Garamond', serif;
    color: #000;
    font-weight: normal;
    background: url(images/title-greyline.png) no-repeat bottom center;
    margin-bottom: 30px;
}

.menu-box,
.event-box {
    padding: 15px 15px 0 15px;
    border: 1px solid #ccc;
    margin-bottom: 30px;
    font-size: 12px!important;
    line-height: 14px;
    min-height: 140px;
    text-align: left!important;
}

.event-box {
    text-align: right!important;
}

.menu-box img {
    float: left;
    margin-right: 15px!important;
    margin-bottom: 60px!important;
    border: 1px solid #fff;
    outline: 1px solid #000;
}

.event-box img {
    float: right;
    margin-left: 15px!important;
    margin-bottom: 60px!important;
    display: block;
}

.menu-box .title,
.event-box .title {
    font-size: 26px!important;
    font-family: 'EB Garamond', serif;
    color: #000;
    padding: 5px 0;
    display: inline-block;
}

.menu-box a,
.event-box a {
    color: #000!important;
    text-decoration: none;
    font-weight: normal;
    font-size: 18px;
    line-height: 20px;
    font-family: 'EB Garamond', serif;
}

.staff-box {
    background: #fff url(images/greyline.png) no-repeat bottom center!important;
    padding-bottom: 20px;
    margin-bottom: 30px;
    text-align: left;
    font-size: 11px!important;
    line-height: 13px;
}

.staff-box:last-child {
    background: none!important;
    padding-bottom: 0;
    margin-bottom: 0;
}

.staff-box strong {
    font-size: 20px;
    line-height: 22px;
    color: #000;
    font-family: 'EB Garamond', serif;
    font-weight: normal;
}

.ngg-gallery-thumbnail img {
    border: 1px solid #fff!important;
    outline: 1px solid #000!important;
    padding: 1px!important;
}

.ngg-galleryoverview {
    border: 1px solid #ccc;
    padding: 10px!important;
    margin-bottom: 0!important;
}

.photo-ex {
    font-size: 10px;
    color: #aaa;
    text-transform: uppercase;
}

.serving-time {
    font-size: 17px;
    font-family: 'Cinzel', serif;
    position: relative;
    line-height: 30px;
    color: #000;
    letter-spacing: -.5px;
}

.serving-time::before {
    content: "";
    background: url(images/flur-left.png) left top no-repeat!important;
    width: 45px;
    height: 30px;
    display: inline-block;
    margin-bottom: -10px;
}

.serving-time::after {
    content: "";
    background: url(images/flur-right.png) right top no-repeat!important;
    width: 45px;
    height: 30px;
    display: inline-block;
    margin-bottom: -10px;
}

.page-footer {
    font-size: 12px;
}

.quote {
    font-size: 16px;
    color: #999;
}

.page-sub-menu a {
    font-weight: normal;
    color: #bbb;
    margin: 40px 5px 0 5px!important;
    display: inline-block;
}

.page-footer-menu {
    border: 1px solid #ccc!important;
    width: 100%;
    max-width: 500px;
    margin: 20px auto;
}

.page-footer-menu a {
    font-weight: normal;
    color: #bbb;
    margin: 5px!important;
    display: inline-block;
}

.slideshowlink,
#post-27 h1.page-title,
#post-42 h1.page-title,
#post-23 h1.page-title,
th.product-thumbnail,
td.product-thumbnail,
th.product-quantity,
td.product-quantity,
th.product-subtotal,
td.product-subtotal,
#post-249 .single_variation,
#post-249 .product_meta,
#post-249 .pyb,
#post-250 .gft,
.product .images,
.product_title,
.quantity,
.woocommerce-tabs,
#ywcnp_form_name_your_price label,
.addon-name,
.col-2,
.summary p.price,
td.label,
.reset_variations,
select#pa_price option:first-child {
    display: none!important;
}

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
    float: right;
    width: 100%!important;
}

.woocommerce div.product form.cart .button,
.woocommerce #content div.product form.cart .button,
.woocommerce-page div.product form.cart .button,
.woocommerce-page #content div.product form.cart .button {
    margin-top: 30px!important;
    float: none!important;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: #86C400!important;
}

div#ywcnp_form_name_your_price {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 80px;
}

#product-250 .product-addon {
    width: 90%;
    max-width: 440px;
    float: right!important;
    position: absolute;
    top: 100px;
}

#ywcnp_form_name_your_price input {
    width: 80px!important;
    margin: 0 5px;
    padding: 3px;
    box-shadow: none!important;
}

#ywcnp_form_name_your_price::before {
    content: "I would like to make a Payment of";
}

#ywcnp_form_name_your_price::after {
    content: "(ex. $12.34)";
    font-style: italic;
    color: #ccc;
}

.product .summary {
    border: 1px solid #ccc;
    padding: 20px;
}

.product input[type="text"],
.product textarea {
    display: inline-block!important;
    line-height: 20px!important;
    padding: 0 5px!important;
    border-radius: 0!important;
    border: 1px solid #ccc!important;
    width: 200px!important;
    background-color: #fff!important;
    margin-left: 10px!important;
}

.product textarea {
    width: 90%!important;
    padding: 10px!important;
    min-height: 60px;
}

.product button[type="submit"] {
    background: url(images/submit.gif)!important;
    height: 41px!important;
    width: 177px!important;
    border: 0!important;
    font-size: 0!important;
}

.product button[type="submit"]:hover {
    opacity: 0.7;
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
    width: 100%!important;
}

.paynav a {
    font-size: 12px;
    color: #999;
    font-weight: normal;
}

table.variations select {
    width: 80px!important;
    border-width: 0;
    display: inline-block;
    background-position: 90% center;
    line-height: 26px;
    font-size: 18px;
}

table.variations td,
table.variations tr {
    border: 0!important;
    border-bottom: 0!important;
}

#pa_price {
    float: none!important;
}

#post-249 .variations::before {
    content: "I would like to purchase a Gift Certificate for ";
}

.variations tbody {
    display: inline-block;
    margin-bottom: -10px;
}

.woocommerce #payment div.payment_box,
.woocommerce-page #payment div.payment_box {
    width: 100%!important;
}

#wc-authorize-net-aim-exp-month {
    float: left!important;
    margin-right: 20px;
    display: inline-block!important;
    width: 45%!important;
}

#wc-authorize-net-aim-exp-year {
    float: left!important;
    display: inline-block!important;
    width: 35%!important;
}

.chars_remaining {
    display: inline-block;
    width: 100%;
}

.product-addon-ship-to textarea {
    height: 100px!important;
}


/* HOMEPAGE */

#post-1 .article-header,
#post-1 .article-footer,
#cuisine-menu,
#facilities-menu {
    display: none;
}

#post-1 {
    padding: 0;
    padding-top: 10px;
    min-height: 200px;
}

#post-1 .entry-content {
    padding: 0;
}

.homebox {
    width: 100%;
    margin: 20px auto;
    clear: both;
    text-align: center;
    overflow-x: hidden;
}

.box {
    width: 49.5%;
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: center!important;
}

.mapbutton img {
    padding-right: 20px;
    margin-right: 20px!important;
}

.widCOE {
    margin: 0 auto!important;
}

.res {
    color: #000;
    font-family: 'EB Garamond', serif!important;
    padding-top: 30px!important;
    line-height: 24px!important;
}

.res strong {
    font-family: 'Cinzel', serif!important;
    padding-left: 10px;
    font-weight: normal;
}


/* NEWS & EVENTS */

a.excerpt-read-more {
    display: block;
    line-height: 30px;
    padding: 0 30px;
    background: #000;
    color: #fff!Important;
    text-decoration: none;
    float: none;
    clear: both;
    width: 35%;
    margin-left: 30%;
    margin-top: 30px;
    font-weight: bold;
}

.thumb-box {
    margin: 10px 0;
}


/* FOOTER */

#footer-phone {
    font-size: 18px;
    line-height: 20px;
    font-family: 'Cinzel', serif;
    padding: 30px 0;
    position: relative;
    width: 100%;
    max-width: 800px;
    display: inline-block;
}

#footer-phone::before {
    content: "";
    background: url(images/footer-left.png) right no-repeat!important;
    width: 180px;
    height: 40px;
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
}

#footer-phone::after {
    content: "";
    background: url(images/footer-right.png) left no-repeat!important;
    width: 180px;
    height: 40px;
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle;
}

.footer,
.footer a {
    color: #bbb!important;
    text-align: center;
    font-size: 11px!important;
    text-decoration: none;
}

.footer a:hover {
    color: #333!important;
}

#CDSWIDCOE .widCOELink {
    display: none;
}


/* RESPONSIVE DESIGN */

@media screen and (max-width: 815px) {
    .page-header {
        width: 100%;
        overflow: hidden;
        background-position: center!important;
    }
    .page #navigation,
    .single #navigation {
        border-left: 0;
        border-right: 0;
    }
    .page ul.nav,
    .single ul.nav {
        border: 0;
        border-top: 1px solid #000;
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    #main {
        padding: 0 15%;
    }
    .logo::before,
    .logo::after,
    #footer-phone::before,
    #footer-phone::after {
        display: none;
    }
    .nav li a {
        padding: 10px 20px!important;
    }
    .sub-menu {
        padding: 0!important;
        margin: 1px 0 0 0!important;
        display: inline-block;
        visibility: hidden;
    }
    .nav li:hover .sub-menu {
        visibility: visible;
    }
}

@media screen and (max-width: 665px) {
    .mapbutton {
        border-right: 0;
    }
    .nav li ul.sub-menu {
        display: inline-block!important;
    }
    .nav li a {
        padding: 10px 15px!important;
    }
    .hentry {
        background: #fff url()!important;
    }
    #main {
        padding: 0 5%;
    }
    #post-23 h1.page-title,
    #post-27 h1.page-title,
    #post-42 h1.page-title {
        display: block!important;
    }
    #post-23,
    #post-27 {
        padding-top: 10px!important
    }
}

@media screen and (max-width: 480px) {
    .nav li a {
        padding: 10px 10px!important;
    }
}

@media screen and (min-width: 0px) and (max-width: 440px) {
    ul.nav {
        border: 0!important;
    }
    .nav li {
        background: url(images/navback-hover.png) repeat-x;
        width: 48%;
        float: left!important;
        border: 1px solid #000;
        box-sizing: border-box;
        margin: 5px 1% 0 1%!important;
    }
    .nav li:hover {
        background: #000;
        display: inline-block!important;
        border: 1px solid #000!important;
        box-sizing: border-box;
        text-shadow: none;
    }
    .nav li:hover a {
        color: #fff!important;
    }
    .nav li a {
        padding: 10px 0!important;
    }
    #navigation {
        padding: 0 !important;
        border: 0!important;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }
    .nav li ul.sub-menu li {
        border: 0!important;
    }
    .page ul.nav,
    .single ul.nav {
        border: 0;
    }
    #cuisine-menu a,
    #facilities-menu a {
        font-size: 18px!important;
        line-height: 26px!important;
        width: 100%!important;
        display: inline-block;
        font-family: 'Cinzel', serif!important;
        text-align: center;
        text-decoration: none;
    }
    ul.sub-menu {
        border-bottom: 1px solid #000!important;
        padding: 10px 0!important;
        background: #fff!important;
    }
    .sub-menu li {
        width: 100%;
        margin: 0!important;
    }
    .nav li:hover .sub-menu {
        visibility: hidden;
    }
    #inner-header {
        width: 100%;
        max-width: 400px;
    }
    .logo,
    .logo img {
        width: 100%!important;
    }
    #main {
        padding: 0 10px;
    }
    .page-footer-menu {
        border: 0!important;
        width: 80%!important;
        margin: 0 auto!important;
    }
    #footer-phone {
        width: 70%!important;
        margin: 0 auto!important;
    }
    #footer-phone.res {
        width: 80%!important;
    }
    .res {
        font-size: 24px!important;
        color: #333;
        display: block;
    }
    .box,
    .widCOETitle,
    .widCOEDate,
    .widCOELogo,
    .widCOELink {
        width: 100%!important;
        text-align: center!important;
    }
    .widCOE {
        width: 80%!important;
    }
    #TA_certificateOfExcellence633 {
        margin-top: 20px;
    }
    .widCOEImg {
        margin: 0 auto!important;
    }
    .homebox:first-child {
        margin-top: 0;
    }
    .metaslider,
    .page-header {
        border-bottom: 1px solid #000!important;
    }
    .page #navigation,
    .single #navigation {
        background: #fff!important;
    }
    .entry-content {
        text-align: center;
    }
    .entry-content img {
        float: none;
        clear: both;
        display: block;
        margin: 0 auto 20px auto!important;
    }
    .menu-box img,
    .event-box img {
        width: 100%;
        height: 120px!important;
    }
    h1.page-title {
        margin-top: 20px!important;
    }
    .page-id-27 #cuisine-menu,
    .postid-249 #cuisine-menu,
    .postid-250 #cuisine-menu,
    .page-id-34 #facilities-menu,
    .page-id-36 #facilities-menu,
    .page-id-38 #facilities-menu,
    .page-id-40 #facilities-menu {
        display: inline-block;
        width: 100%;
        padding-top: 20px;
    }
    .res strong {
        padding-left: 0;
        font-size: 36px;
        line-height: 48px;
    }
    .ngg-gallery-thumbnail,
    .ngg-gallery-thumbnail img,
    .ngg-gallery-thumbnail-box {
        width: 100%!important;
    }
    .ngg-gallery-thumbnail-box {
        width: 48%!important;
        margin: auto 1%!important;
    }
}