@charset "UTF-8";
/*
Theme Name: WP Default
Theme URI: 
Author: Silver Connect Web Design
Author URI: http://silverconnectwebdesign.com
Description: A theme for WordPress 5.
Requires at least: WordPress 4.9.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp5default
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

WP Default is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@font-face {
    font-family: 'Georgia';
    src: url('assets/fonts/Georgia/Georgia.eot');
    src: url('assets/fonts/Georgia/Georgia.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Georgia/Georgia.woff2') format('woff2'),
        url('assets/fonts/Georgia/Georgia.woff') format('woff'),
        url('assets/fonts/Georgia/Georgia.ttf') format('truetype'),
        url('assets/fonts/Georgia/Georgia.svg#Georgia') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Georgia';
    src: url('assets/fonts/Georgia/Georgia-Bold.eot');
    src: url('assets/fonts/Georgia/Georgia-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Georgia/Georgia-Bold.woff2') format('woff2'),
        url('assets/fonts/Georgia/Georgia-Bold.woff') format('woff'),
        url('assets/fonts/Georgia/Georgia-Bold.ttf') format('truetype'),
        url('assets/fonts/Georgia/Georgia-Bold.svg#Georgia-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/*###################################
# General Styles
###################################*/
html {font-size: 16px; /* 1em */ overflow: auto; line-height: 1.15; -webkit-text-size-adjust: 100%;}
body {font-family: "Montserrat", sans-serif; margin: 0 auto; width: 100%; min-width: 1200px;}
a, a:visited {color: inherit; text-decoration: none; transition: all .5s ease; -webkit-transition: all .5s ease; text-decoration: none !important;}
a:hover {}
a:focus {outline: none !important;}
img {transition: all ease 0.5s;}
p {margin: 20px 0;}
h1, h2 {font-size: 45px; font-weight: 700; margin-bottom: 30px;}
h1, h2, h3, h4, h5, h6 {line-height: 1.2; margin-bottom: 20px; font-family: "Georgia";}
h1, h2, h3, h4, h5, .h1, .h2, .h3, p, li  {margin-top: 0;}
h3 {font-size: 26px; font-weight: 400; color: #333;}
h4 {font-size: 16px; font-weight: 400; color: #333; }
p, li {font: 400 18px "Open Sans"; color: #333; line-height: 1.8;}

/*###################################
## Layouts
###################################*/
.site {margin: 0 auto;}
.full {width: 100%;}
.main {max-width: 100%;}
.entry-content {margin: 0;}
.hentry, .so-panel, .panel-grid {margin-bottom: 0!important;}
.has-1-columns .wp-block-column {flex-basis: 100%;}
.wp-block-column, .blocks-gallery-item {margin: 0 !important;}
.wp-block-gallery.is-cropped .blocks-gallery-item img {height: auto; width: auto; object-fit: contain;}
.screen-reader-text {border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important;}
.container, .container-fluid {max-width: 1640px; margin: 0 auto; padding-left: 15px; padding-right: 15px;}
.row {max-width: 100%; margin: 0 auto;}

.clearfix {clear: both;}

/*###################################
## Forms
###################################*/
.wpcf7-form {margin: 0 auto; text-align: center; }
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="tel"], .wpcf7-form textarea {font-family: "Open Sans"; font-size: 13px; color:#000; height:45px; display: block; width: 100%; border:1px solid #ddd; border-radius: 0; padding: 5px 10px; box-sizing: border-box; margin: 0 auto 8px; }
.wpcf7-form textarea {height: 120px; padding-top:10px; }
.wpcf7-form button {display: inline-block; margin: 20px auto 0; border-radius: 0; }
.wpcf7-form span.ctc-hide,
.wpcf7-form br { display: none; }
.wpcf7-form p { display: inline !important; }
.wpcf7-form .g-recaptcha > div { margin: 0 auto; }
.wpcf7-form .consents label { display: block; }

.form-row { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.form-col { flex: 1 0; }

/*###################################
## Buttons
###################################*/
.btn { font-weight: 700; font-size: 16px; background: #D22F25; padding: 15px 40px; display: inline-block; position: relative; z-index: 10; border-radius: 3px; color: #fff !important; text-transform: uppercase; }
.btn:hover { outline: 1px solid #D22F25; background-color: #111; }
.btn:before {width: 100%; height: 0; background: #111; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); position: absolute; content: ""; transition: all ease 0.5s; z-index: -1; }
.btn:hover:before {height: 100%;}
.btn:hover {color: #fff!important;}

/*###################################
## Menus
###################################*/
/*Main Menu*/
.main-navigation {clear: both; display: block; width: 100%;}
.main-navigation ul {list-style: none; margin: 0; padding-left: 0;}
.main-navigation li {float: none; display: inline-block; position: relative; margin-right: 70px; }
.main-navigation ul li a { color: #fff; font: 700 16px "Montserrat"; padding: 15px 0; letter-spacing: 1px; text-transform: uppercase; }
.main-navigation li.menu-item-has-children a:after {font-family: "FontAwesome"; content: "\f0d7"; margin-left: 10px;}
.main-navigation li.menu-item-has-children:hover a:after {content: "\f0d8";}
.main-navigation a:hover, .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a { color:#D22E25; border-bottom: 5px solid #D22E25; }

/* Sub Menu */
.main-navigation li.menu-item-has-children .sub-menu a:after {display: none;}
.main-navigation ul li.menu-item-has-children:hover ul {top: 100%; opacity: 1;}
.main-navigation ul ul {background: rgba(0, 0, 0, 0.7); opacity: 0; text-align: left; top: 50%; display: block; transition: all ease 0.5s;}
.main-navigation ul ul li.menu-item-has-children:hover ul {top: 50%!important; opacity: 1!important; z-index: 1!important;}
.main-navigation ul ul ul { left: 100%; top: -100%!important; transition: all ease 0.5s; opacity: 0!important; z-index: -1!important;}
.main-navigation .sub-menu li {display: block; text-align: left; margin-right: 0; margin-left: 0;}
.main-navigation .sub-menu a {color: #fff; width: 300px; padding: 15px 10px!important;}
.main-navigation .sub-menu a:hover, .main-navigation .sub-menu .current-menu-item > a, .main-navigation .sub-menu .current-menu-ancestor > a {color: #000; background: rgba(255,255,255,0.7)!important;}

/*Footer Menu*/
.footer-navigation ul {margin: 0; padding: 0; text-align: center;}
.footer-navigation li {display: inline-block; float: none;}
.footer-navigation li a {color: #fff; display: block; padding: 12px;}
.footer-navigation a:hover, .footer-navigation .current_page_item a, .footer-navigation .current-menu-item a {background: #ddd;}

/*Social Menu*/
.social-navigation ul {margin-bottom: 0;}
.social-navigation li {margin: 0 5px; vertical-align: middle; display: inline-block;}
.social-navigation li.sm-loc a:before {content: "\f041";}
.social-navigation li:first-of-type {margin-left: 0px;}
.social-navigation li:last-of-type {margin-right: 0px;}
.social-navigation a {font-size: 16px; color: #fff; display: inline-block; height: auto!important; width: auto!important;}
.social-navigation a:hover { color: #D22E25; }
/* .social-navigation a:before {width: 30px!important; height: 30px!important; line-height: 30px!important; background: #eee; border-radius: 50%; transition: all ease 0.5s;}
.social-navigation a:hover:before {transform: rotate(360deg); border-radius: 0px; background: #ddd; box-shadow: 0 0 10px #333;} */

/*###################################
## Header
###################################*/
.site-header {background: #111111; padding: 15px 0;}
.site-header .custom-logo { max-width: 100%; width: 200px; }

.site-header .row,
.header-info-top,
.header-info-bottom,
.header-phone { display: flex; justify-content: space-between; align-items: center; }

.header-info-top,
.header-info-bottom { justify-content: flex-end; }

.header-phone i, .header-phone span, .header-phone a { margin-right: 15px; }
.header-phone span, .header-phone a { font-weight: 700; font-size: 18px; }
.header-phone i, .header-phone a { color: #D22E25; }
.header-phone i { font-size: 30px; }
.header-phone span { color: #fff; }

.header-info-bottom { padding: 20px 0; }

/*###################################
## Banner
###################################*/
#banner { padding: 100px 0 230px; background: url(https://staging.dynaserverx.com/andysrestauranthighlandfalls.com/wp-content/uploads/2024/11/banner_background.jpg) no-repeat center; background-size: cover; }

.banner-caption { width: 450px; max-width: 100%; }
.banner-caption h1 { color: #D22F25; }
.banner-caption p { color: #fff; }

/*###################################
## Content
###################################*/
h1, .title { font-size: 50px; margin-bottom: 0; color: #D22E25; }
h1 small, .title small { display: block; font: 400 25px "Montserrat"; }
.site-content {}

#front { background: #111; }
#front h1 { text-align: center; }
#front p { color: #fff; }
#welcome { padding: 100px 0 0; margin-bottom: -200px; }
.welcome-title { margin-bottom: 50px; }
.welcome-title h1 small,
.welcome-title .title small,
.welcome-title p { max-width: 960px; margin-left: auto; margin-right: auto; }
.welcome-title .title small { color: #fff; }
.welcome-menu { margin-bottom: 170px; }
.welcome-menu-item h3 { margin-bottom: 10px; padding-top: 15px; font-size: 30px; color: #fff; font-weight: 700; text-align: center; }
.welcome-menu-item a { color: #D22E25; font-size: 20px; font-weight: 400; }
.welcome-text {}
.welcome-text-left,
.welcome-text-right { padding: 80px 0; }
.welcome-text-col h3 { font-size: 20px; font-weight: 400; color: #D22E25; margin-bottom: 20px; }
.welcome-text-col p,
.welcome-text-mid h3 { color: #fff; }
.welcome-text-left h3,
.welcome-text-left p { text-align: left; }
.welcome-text-mid h3,
.welcome-text-mid p { text-align: center; }
.welcome-text-right h3,
.welcome-text-right p { text-align: right; }
.welcome-media img { position: relative; z-index: 1; margin-top: -200px; }
#review { position: relative; margin: 0; text-align: center; position: relative; contain: content; -webkit-clip-path: polygon(50% 0, 100% 15%, 100% 100%, 0 100%, 0 15%); clip-path: polygon(50% 0, 100% 15%, 100% 100%, 0 100%, 0 15%); padding: 240px 0 100px; }
#review:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.8); z-index: 1; }
#review .container { max-width: 960px; }
.review-row { position: relative; z-index: 1; }
.review-row .title, 
.review-row p,
.review-row img { margin-bottom: 20px; }
.review-row .stars { font-size: 32px; color: #FFBF00; display: block; line-height: 1; ;letter-spacing: 5px; }
.review-row h5 { color: #fff; font: 700 30px "Georgia";  }
#menu { padding: 120px 0; }
#menu .container { max-width: 1370px; }
.menu-row { justify-content: center; }
.menu-row > div { width: auto !important; }
.menu-image img { width: 540px; max-width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }
.menu-text { padding-left: 30px; width: 540px; max-width: 100%; margin: 0 auto; }
#lunch-menu { flex-direction: row-reverse; }
#lunch-menu .menu-text { padding: 0 30px 0 0; }
#contact { text-align: center; color: #fff; min-height: 750px; -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 50% 100%, 0 85%); clip-path: polygon(0 0, 100% 0, 100% 85%, 50% 100%, 0 85%); position: relative;  }
#contact .container { padding: 80px 15px; max-width: 1370px; position: relative; z-index: 1; }
#contact:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.8); z-index: 1; }

/*###################################
## Footer
###################################*/
.site-footer { background: #111; }
.site-footer p,
.footer-info-col h4  { color: #FFF; }
#footer-top { padding: 40px 0; }
#footer-top .container { max-width: 960px; }
.footer-top-row { text-align: center; }
.footer-top-row p {  }

#footer-info { padding: 40px 0 80px; }
.footer-info-row { display: flex; justify-content: center; align-items: stretch; }
.footer-info-col { text-align: center; flex-grow: 1; padding: 0 20px; border-right: 1px solid rgba(255, 255, 2552, 0.2); }
.footer-phone { border: none; }
.footer-address p { max-width: 250px; margin-left: auto; margin-right: auto; }
.footer-info-col h4 i { display: block; color: #D22E25; font-size: 25px; margin-bottom: 15px; }
.footer-info-col h4 { font: 700 20px "Georgia"; margin-bottom: 15px; }

.site-info { border-top: 1px solid rgba(255, 255, 2552, 0.2); padding: 30px 0; }
.site-info .row { display: flex; justify-content: space-between; align-items: center; }
.copyright p { margin: 0; font-size: 14px; }

/*###################################
## Sidebar
###################################*/
#primary.sideMain {float:left; width: 70%;}
#secondary {float:right; width: 30%; padding: 20px; box-sizing: border-box; border: 1px solid #535353; box-sizing: border-box;}
.search-form {display: flex;}
.search-form .search-submit {width: 100%; max-width: 85px;}

/*###################################
## Inner Pages
###################################*/

#banner.page-banner { padding: 165px 0; text-align: center; }
#banner.page-banner h1 { font-size: 50px; color: #D22E25; }
#banner.page-banner h1 small { font: 400 25px "Montserrat"; color: #fff; display: block; }

.inner #content {background: #fff; text-align: left; min-height: 600px; padding: 80px 0;}
.inner #content h1 {text-align: center;}

/*###################################
## MENUS PAGE
###################################*/

.menus-page .menu-download-col { position: relative; width: 540px; max-width: 100%; margin: 0 auto; }
.menus-page .menu-download-col:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.6); z-index: 1; }
.menus-page .menu-download-col .textwidget { position: absolute; z-index: 1; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.menus-page .menu-download-col .title { color: #fff; margin-bottom: 15px; }
.menus-page .menu-download-col .btn { font-family: "Montserrat"; background-color: transparent; }
.menus-page .menu-download-col .btn,
.menus-page .menu-download-col .btn:hover { border: 2px solid #D22F25; text-transform: none; }

/*###################################
## CATERING PAGE
###################################*/

.catering-list { text-align: left; } 
.catering-list table { border-collapse: collapse; width: 100%; }
.catering-list table thead { font-size: 25px; font-family: Georgia, serif; color: #D22F25; }
.catering-list table tr { border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
.catering-list table tr th,td { padding: 30px 10px; }
.catering-list table td { font-family: "Open Sans"; font-weight: 700; }
.catering-list table tbody tr:hover { color: #fff; background: #D22F25; }

/*###################################
## POPULAR PAGE
###################################*/
.popular-row { flex-wrap: wrap !important; }
.popular-row > div { width: 17% !important; /*margin: 0 10px 10px auto;*/ margin: 20px; }
.popular-item { position: relative; padding: 30px 10px; background: #fff; box-shadow: -1px -1px 2px 2px #f2f2f2;  min-height: 120px; }
.popular-item h3,
.popular-item p { font-size: 18px; text-align: center; text-transform: uppercase; color: #111; }
.popular-item h3 { position: absolute; top: -25px; left: 0; right: 0; margin: 0 auto; width: -webkit-max-content; width: -moz-max-content; width: max-content; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; background: #fff; border: 2px solid #D22F25; font: 700 16px "Montserrat"; }
.popular-item:hover { background-color: #D22F25; }
.popular-item:hover p { color: #fff; }

/*###################################
## REVIEWS PAGE
###################################*/

.rev-row { max-width: 960px; margin: 0 auto; }
.rev-row > div > div { border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
.rev-row > div > div:last-child { border: none; }
.rev-item { padding: 15px 0; text-align: center; }
.rev-item h5 { font-size: 30px; margin: 0; }
.rev-item p { margin: 0; }
.rev-item .stars { color: #FFBF00; font-size: 32px; letter-spacing: 5px; line-height: 1.2; }

/* contact */
.inConBox {max-width: 550px; margin: 0 auto;}

/* error404 */
.inner #content .error-404 h1 {font-size: 35px;}
.inner #content .error-404 h2 {font-size: 70px;}
.error-404 .search-form {margin: 0 auto 20px;}
.error-404 {text-align: center;}

/*###################################
## Responsive
###################################*/

@media screen and (max-width: 1600px) {

}

@media screen and (max-width: 1440px) {
    h1, .title,
    #banner.page-banner h1 { font-size: 45px; }
    .site-header .custom-logo { max-width: 120px; }
    .main-navigation li { margin-right: 20px; }
    .main-navigation ul li a { font-size: 14px; }
    #welcome { padding-top: 40px; }
    .welcome-menu { margin-bottom: 40px; }
}

@media screen and (max-width: 1200px){
    h1, .title,
    #banner.page-banner h1 { font-size: 36px; }
    .btn { padding: 10px 25px; font-size: 14px; }
    body { min-width: 320px; }
    #banner { padding: 100px 0; }
    #review { padding-bottom: 40px; }
    #menu { padding: 40px 0; }
    .footer-info-row { flex-wrap: wrap; }
    .footer-info-col { flex: 0 auto; width: 50%; }
    .footer-hours { border: none; }
    .popular-row { justify-content: center !important; }
    .popular-row > div { width: 200px !important; }
}

@media screen and (max-width: 1024px) {
    #wprmenu_bar { width: 100%; }
    #wprmenu_bar .bar_logo { height: 40px; }
    #wprmenu_bar .menu_title a { top: -3px; }
    .site-header { padding: 5px 0; border-top: 1px solid rgba(255, 255, 255, 0.2); }
    .header-info-top, .header-info-bottom { justify-content: center; }
    .header-col { width: 100%; }
    .header-info-bottom { padding: 0; }
    .site-header .btn { position: fixed; top: 5px; right: 60px; padding: 10px; font-size: 12px; z-index: 999991; line-height: 1; }
    .admin-bar .site-header .btn { top: 37px; }
    .inner #content { padding: 40px 0; }
    #banner.page-banner { padding: 80px 0; }
}

@media screen and (max-width: 782px) {
    .admin-bar .site-header .btn { top: 51px; }
}

@media screen and (max-width: 768px) {
    h1, .title,
    #banner.page-banner h1 { font-size: 32px; }
    #banner { padding: 40px 0; }
    .banner-row { flex-direction: column-reverse !important; }
    .banner-caption { margin-top: 30px; text-align: center; width: 100%; }
    .welcome-text > div:nth-of-type(2) { order: -1; }
    .welcome-text-left,
    .welcome-text-right { padding: 20px 0; }
    .welcome-text-left h3,
    .welcome-text-left p,
    .welcome-text-right h3,
    .welcome-text-right p { text-align: center; }
    .welcome-media img { margin: 0; }
    .menu-text { padding: 20px 0; width: 100%; text-align: center; }
    #contact { min-height: unset; }
    #contact .container { padding: 40px 15px; }
    .popular-row { flex-direction: row !important; }
    .popular-row > div { margin: 0 10px 40px !important; }
}

@media screen and (max-width: 600px) {
    .header-info-top { flex-direction: column; }
    .header-phone i,
    .header-phone span { display: none; }
    .social-navigation a { font-size: 13px; }
    .form-row { flex-direction: column; gap: 0; }
    .form-col { flex: 0 auto; width: 100%; }
    #footer-info { padding-bottom: 40px; }
    .footer-info-row { flex-direction: column; }
    .footer-info-col { width: 100%; border: none; }
    .site-info { padding: 15px 0; }
    .site-info .row { flex-direction: column; }
    .site-info .col { width: 100%; }
    .copyright p,
    .social-navigation ul { text-align: center; }
}