/*
Theme Name: Avellinos
Theme URI:
Author: the Development team
Author URI: https://wordpress.org/
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.
WP5 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/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Layouts
# Fonts
# Buttons
# Search Box
# Flexbox
# Forms
	## Quick Form
		### Responsive
	## Contact Us Form
		### Responsive
# Menus
	## Main Menu
		### Responsive
	## Sub Menu
		### Responsive
	## Footer Menu
		### Responsive
	## Social Menu
		### Responsive
# Header
# Banner
# Contents
	## Welcome Section
		### Responsive
	## Practice Areas Section
		### Responsive
	## Profile Section
		### Responsive
	## Gallery Section
		### Responsive
	## Contact Us Section
		### Responsive
	## Badges Section
		### Responsive
# Footer
# Sidebar Section
	## Responsive
# Inner Pages
	## Blog Page
		### Responsive
	## Search Page
		### Responsive
	## Error Page
		### Responsive
	## Attorney Profile Page
--------------------------------------------------------------*/
html {}

body {
    font-family: 'Abril Fatface', cursive;
    margin: 0 auto;
    width: 100%;
    min-width: 1200px;
}

@media screen and (max-width: 1200px) {
    body {
        min-width: 320px;
    }
}

/*###################################
## Layouts
###################################*/
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    word-wrap: normal !important;
    overflow: hidden;
    height: 1px;
    margin: -1px;
    padding: 0;
    width: 1px;
    border: 0;
}

.wp-block-column,
.blocks-gallery-item {
    margin: 0 !important;
}

.has-1-columns .wp-block-column {
    flex-basis: 100%;
}

.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}

.cta {
    display: none;
}

.grecaptcha-badge {
    z-index: 999999;
}

.w-bg,
.inner h1.entry-title {
    background: url(assets/images/title-bg.png) no-repeat;
    display: inline-block;
    color: #FFF;
    padding: 30px 65px;
    background-size: 100% 100%;
}

.dblk {
    display: block;
}

.wp-block-image {
    margin: 0 auto;
    padding: 0;
}

#cookie-law-info-bar {
    font-family: 'Open Sans', sans-serif !important;
    background: radial-gradient(#9C0B10 30%, #760306) !important;
    color: #FFF !important;
}

#CONSTANT_OPEN_URL {
    color: #FFF !important;
}

@media screen and (max-width: 800px) {
    .cta {
        background: #9C0B10 url("assets/images/phonecall.png") no-repeat center center;
        border-bottom-left-radius: 40px;
        border-top: 2px solid #000;
        border-top-left-radius: 40px;
        text-decoration: none;
        text-indent: -9999em;
        position: fixed;
        display: block;
        bottom: 13%;
        height: 80px;
        width: 100px;
        z-index: 999;
        right: 0;
    }

    #wprmenu_bar {
        box-shadow: 0px 0px 2px #000;
    }

    #wprmenu_bar .menu_title a {
        color: #FFF;
        top: 0;
    }

    html body div.wprm-overlay {
        background: transparent;
    }
}

/*###################################
## Fonts
###################################*/
a,
a:visited {
    -webkit-transition: all .5s ease;
    text-decoration: none !important;
    text-decoration: none;
    transition: all .5s ease;
    color: #555;
}

a:hover {
    text-shadow: 0px 0px 5px #000;
}

a:focus {
    outline: none !important;
}

h1,
h2,
h3 {
    margin: 0 auto;
}

h1 {
    font-size: 70px;
    color: #9C0B10;
    font-weight: 400;
}

h2 {
    font-size: 67px;
    font-weight: 400;
    line-height: 98%;
}

h3 {
    font-size: 31px;
    font-weight: 400;
}

p,
ul,
ol {
    font-family: 'Open Sans', sans-serif;
    letter-spacing: .25px;
    line-height: 32px;
    font-weight: 400;
    font-size: 15px;
    color: #525252;
}
/*
p:last-of-type {
    margin: 0 !important;
} */

figcaption {
    transition: all .5s linear;
}

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

    h1,
    h2 {
        font-size: 50px !important;
    }
}

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

    h1,
    h2 {
        font-size: 32px !important;
    }
}

/*###################################
## Buttons
###################################*/
.btn a,
.btn input {
    font-family: 'Century Gothic', 'Didact Gothic', sans-serif;
    padding: 19px 0;
    color: #FFF;
    position: relative;
    z-index: 1;
    display: inline-block;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 2px;
    line-height: 120%;
    border-radius: 0;
    font-weight: bold;
    width: 153px;
}

.btn a:hover,
.btn input:hover {
    box-shadow: 0px 10px 20px -10px #000;
}

.btn a::after {
    content: "";
    background: linear-gradient(to right, transparent, rgba(255, 255, 255, .3));
    transition: all .5s linear;
    transform: scaleX(0);
    transform-origin: left;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
    left: 0;
    top: 0;
}

.btn a:hover:after {
    transform: scaleX(1);
}

.btn-g a,
.btn-g input {
    background: radial-gradient(#007A1F 30%, #005512);
}

.btn-r a {
    background: radial-gradient(#9C0B10 30%, #760306);
}

@media screen and (max-width: 599px) {
    .btn {
        margin: 0 auto 10px !important;
    }
}

/*###################################
## Search
###################################*/
.sidebar form,
.error-404 form {
    position: relative;
    max-width: 700px;
    margin: 10px auto;
}

.sidebar input[type="search"],
.error-404 input[type="search"] {
    width: 100%;
    padding: 5px 10px;
}

.sidebar input[type="submit"],
.error-404 input[type="submit"] {
    background: linear-gradient(to bottom, #FFF, #ccc);
    border: 1px solid #000;
    position: absolute;
    padding: 6px;
    right: 0;
    top: 0;
}

.sidebar .widget:not(:nth-of-type(1)) {
    background: rgba(255, 255, 255, .5);
    border-bottom: 1px solid #CCC;
    padding-bottom: 20px;
    margin-bottom: 20px;
    padding: 10px 20px;
}

.sidebar input[type="submit"],
.error-404 input[type="submit"] {
    transition: all .4s linear;
}

.sidebar input[type="submit"]:hover,
.error-404 input[type="submit"]:hover {
    box-shadow: 0px 0px 20px #000;
}

/*###################################
## Flexbox
###################################*/
.dflex {
    display: flex;
    display: -webkit-flex;
}

.sb-flex {
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.sa-flex {
    justify-content: space-around;
    -webkit-justify-content: space-around;
}

.cn-flex {
    justify-content: center;
    -webkit-justify-content: center;
}

.fe-flex {
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}

.align-center {
    align-items: center;
    -webkit-align-items: center;
}

/*###################################
## Forms
###################################*/
form p {
    margin: 0 0 10px !important;
    width: 100%;
}

form label {
    display: block;
    color: #FFF;
}

form input[type="submit"] {
    transition: all .5s linear;
}

/*Quick Form*/
.q-form {
    text-align: center;
    position: relative;
    z-index: 1;
}

.q-form .dflex p {
    flex-basis: 32.5%;
}

.q-form p {
    margin: 0 0 10px !important;
    width: 100%;
}

.q-form label {
    display: block;
    color: #FFF;
}

.q-form input:not([type="checkbox"]):not([type="submit"]),
.q-form textarea {
    width: 100%;
    font-family: 'Century Gothic', 'Didact Gothic', sans-serif;
    box-sizing: border-box;
    letter-spacing: .03em;
    font-weight: 400;
    font-size: 15px;
    border-radius: 0;
    background: none;
    color: #777777;
    padding: 10px 20px;
    background: #FFF;
    border: none;
}

.q-form input::placeholder,
.q-form textarea::placeholder {
    color: #777;
}

.q-form textarea {
    max-height: 115px;
}

.q-form input[type="submit"] {
    border: none;
    font-weight: 400;
}

/*Contact Us Form*/
.c-form {
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
}

.c-form input:not([type="checkbox"]):not([type="submit"]),
.c-form textarea {
    font-family: 'Open Sans', sans-serif;
    box-shadow: 2px 2px 2px #000;
    letter-spacing: .03em;
    border: 1px solid #000;
    box-sizing: border-box;
    border-radius: 0;
    background: none;
    font-weight: 400;
    font-size: 15px;
    padding: 19px;
    color: #000;
    width: 100%;
}

.c-form label {
    color: #000;
}

/*###################################
## Menus
###################################*/
/*Main Menu*/
.main-navigation {}

.main-navigation ul {
    -webkit-justify-content: space-around;
    justify-content: space-around;
    display: -webkit-flex;
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
}

.main-navigation ul li {
    display: inline-block;
    margin-right: 10px;
}

.main-navigation ul li:last-of-type {
    margin-bottom: 0;
}

.main-navigation ul li a {
    font-weight: 400;
    font-size: 15px;
    position: relative;
    line-height: 120%;
    padding: 12px 25px;
    display: block;
    color: #555555;
    font-family: 'Century Gothic', 'Didact Gothic', sans-serif;
    letter-spacing: 1px;
    line-height: 120%;
    text-transform: uppercase;
    z-index: 1;
}

.main-navigation ul li a::before {
    content: "";
    background: url(assets/images/nav-bg.png) no-repeat;
    transition: all .4s linear;
    transform-origin: left;
    transform: scale(0);
    position: absolute;
    margin: auto;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: 100% 100%;
    z-index: -1;
}

.main-navigation ul li a:hover::before,
.main-navigation .current-menu-item a::before,
.main-navigation .current_page_item a::before {
    transform: scale(1);
}

.main-navigation ul li a:hover,
.main-navigation .current-menu-item a,
.main-navigation .current_page_item a {
    color: #FFF;
    text-shadow: 0px 0px 1px #FFF, 0px 0px 1px #FFF;
}

.main-navigation ul li:hover ul {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
}

/*Sub Menu*/
.main-navigation ul ul {
    background: #007A1F;
    transition: all .4s linear;
    box-shadow: 0px 0px 2px #555;
    box-sizing: border-box;
    position: absolute;
    visibility: hidden;
    border-radius: 5px;
    margin-top: 50px;
    max-width: 250px;
    display: block;
    width: 100%;
    opacity: 0;
}

.main-navigation ul ul li {
    display: block;
    margin-right: 0;
}

.main-navigation ul ul li a {
    padding: 15px;
    display: block;
    box-sizing: border-box;
    border-radius: 5px;
    color: #FFF;
}

.main-navigation ul ul li a::before {
    display: none;
}

.main-navigation ul ul li a:hover {
    background: #005E15;
}

/*Sub Sub Menu*/
/*.main-navigation ul ul ul {visibility: hidden !important; margin-top: -48px !important; opacity: 0 !important; position: absolute; margin-left: 240px; 	}
.main-navigation ul ul li:hover ul {visibility: visible !important; opacity: 1 !important; margin-left: 182px;  }
.main-navigation ul ul ul li {}*/
/*Footer Menu*/
.footer-navigation {}

.footer-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}

.footer-navigation ul li {
    display: inline-block;
    margin: 0 25px;
}

.footer-navigation ul li a {
    color: #FFF;
    text-transform: uppercase;
    font-family: 'Century Gothic', 'Didact Gothic', sans-serif;
    font-size: 13px;
    letter-spacing: .5px;
    line-height: 120%;
}

.footer-navigation ul li a:hover {
    text-shadow: 0px 0px 20px #FFF, 0px 0px 20px #FFF, 0px 0px 20px #FFF;
}

/*Social Menu*/
.social-navigation {}

.social-navigation .svg-icon {
    display: none;
}

.social-navigation ul {
    margin: 0 !important;
    list-style: none;
    display: block;
    padding: 0;
    position: relative;
    top: -5px;
}

.social-navigation ul li {
    transition: all .4s linear;
    border-radius: 50%;
    margin: 0 0 0 20px;
    height: 27px;
    width: 27px;
    background: #FFF;
}

.social-navigation ul li:hover {
    transform: rotateZ(360deg);
}

.social-navigation ul li:nth-of-type(1):hover {
    background: #385599;
}

.social-navigation ul li:nth-of-type(2):hover {
    background: #D64937;
}

.social-navigation ul li:nth-of-type(3):hover {
    background: #0270AD;
}

.social-navigation ul li:nth-of-type(4):hover {
    background: #4FC5F7;
}

.social-navigation ul li a {
    color: #FFF;
}

.social-navigation ul li a:hover {
    text-shadow: none;
}

.social-navigation ul li a::before {
    font-size: 16px;
    position: relative;
    top: 6px;
    font-family: 'FontAwesome';
    color: #005404;
    transition: all .5s linear;
}

.social-navigation ul li:hover a::before {
    color: #FFF;
}

/*###################################
## Header
###################################*/
.site-header {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 1;
}

.site-header .container {
    max-width: 1775px;
}

.site-header .hd-logo img {
    position: absolute;
    top: 150px;
    left: 3.5%;
}

.site-header .hd-top {
    background: rgba(0, 84, 4, .72);
}

.site-header .hd-top p {
    color: #FFF;
    font-size: 16px;
}

.site-header .hd-bot {
    background: #FFF;
    padding: 10px 0;
}

.site-header .hd-bot p {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    color: #FF0000;
    line-height: 120%;
}

.site-header .hd-bot p span {
    position: relative;
    top: -5px;
    margin-right: 10px;
}

.site-header .hd-bot .hd-num {
    font-family: 'Century Gothic', 'Didact Gothic', sans-serif;
    font-weight: bold;
    font-size: 28px;
    color: #444444;
    letter-spacing: .2px;
    line-height: 120%;
    margin-right: 20px;
}

@media screen and (max-width: 1780px) {
    .site-header .container {
        padding: 0 10px;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 1300px) {
    .site-header .hd-logo img {
        max-width: 30%;
        height: auto;
    }
}

@media screen and (max-width: 1100px) {
    .main-navigation ul li a {
        padding: 12px 15px;
        font-size: 13px;
    }

    .site-header .hd-bot .hd-num {
        font-size: 20px;
    }

    .site-header .hd-bot p span {
        top: -2px;
    }
}

@media screen and (max-width: 930px) {
    .main-navigation ul li a {
        padding: 10px 12px;
        font-size: 10px;
    }

    .site-header .hd-logo img {
        max-width: 40%;
    }
}

@media screen and (max-width: 800px) {
    .hd-top {
        padding: 10px 0;
    }

    .site-header .hd-logo img {
        top: 75px;
    }
}

@media screen and (max-width: 720px) {
    .site-header .hd-logo {
        text-align: center;
        background: radial-gradient(#888, #555);
    }

    .site-header .hd-logo img {
        position: static;
        margin: 0 auto;
        padding: 10px 0;
    }

    .site-header {
        position: static;
    }

    .site-header .hd-top-wrap {
        display: block;
    }

    .site-header .hd-top div {
        width: 100%;
        text-align: center;
    }

    .social-navigation ul li:nth-of-type(1) {
        margin-left: 0;
    }
}

@media screen and (max-width: 500px) {
    .site-header .hd-top p {
        font-size: 16px;
        line-height: 140%;
        margin-bottom: 10px !important;
    }

    .site-header .hd-logo img {
        max-width: 50%;
    }
}

/*###################################
## Banner
###################################*/
.site-banner {
    position: relative;
}

.site-banner .widget_metaslider_widget {
    position: relative;
}

.site-banner .widget_metaslider_widget::after {
    content: "";
    background: linear-gradient(to right, rgba(0, 0, 0, .7), transparent 70%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.site-banner .widget_text {
    position: absolute;
    left: 3%;
    bottom: 9%;
    z-index: 1;
}

.site-banner .widget_text h2 {
    color: #FFF;
    font-size: 60px;
    line-height: 110%;
    max-width: 810px;
}

.site-banner .widget_text h3 {
    color: #FFF;
    font-size: 35px;
    letter-spacing: .05px;
    line-height: 150%;
}

.site-banner .widget_text .btn {
    display: inline-block;
    margin-right: 30px;
}

.site-banner .widget_text .btn a {
    width: 214px;
    padding: 22px 0;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 1.7px;
}

.site-banner .metaslider {
    padding-bottom: 0;
}

@media screen and (max-width: 1200px) {
    .site-banner .widget_text {
        bottom: 3%;
    }

    .site-banner .widget_text h2 {
        font-size: 50px;
        max-width: 700px;
    }

    .site-banner .widget_text h3 {
        font-size: 25px;
    }
}

@media screen and (max-width: 950px) {
    .site-banner .widget_text {
        padding: 20px 10px;
        text-align: center;
        position: static;
        box-sizing: border-box;
    }

    .site-banner .widget_text h2 {
        max-width: 100%;
        line-height: 120%;
        text-shadow: 0px 0px 10px #000, 0px 0px 10px #000;
    }

    .site-banner .widget_text h3 {
        color: #333;
        margin: 20px auto;
    }
}

@media screen and (max-width: 500px) {
    .site-banner .widget_text h3 {
        font-size: 20px;
    }
}

/*###################################
## Content
###################################*/
.site-content {}

/*Top Content Section*/
.top-content {
    background: radial-gradient(#9C0B10 30%, #760306);
    padding: 55px 0;
    position: relative;
}

.top-content::after {
    content: "";
    background: url(assets/images/side-img1.png) no-repeat;
    width: 348px;
    height: 362px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-size: 100% 100%;
}

.top-content .cn-top-con {
    position: relative;
    z-index: 1;
}

.top-content h2 {
    color: #FFF;
    letter-spacing: 3.2px;
    margin-bottom: 10px;
}

.top-content p {
    color: #FFF;
    max-width: 1040px;
    font-family: 'Century Gothic', 'Didact Gothic', sans-serif;
    margin: 0 auto !important;
    font-size: 17px;
}

.top-content .ico-wrap {
    max-width: 1300px;
    margin: 30px auto 0;
    text-align: center;
}

.top-content .ico-wrap figcaption {
    font-size: 28px;
    line-height: 116%;
    color: #FFF;
    display: block;
    margin-top: 12px;
}

.top-content .ico-wrap img {
    transition: all 1s linear;
    width: 100%;
    max-width: 128px;
    height: auto;
}

.top-content .ico-wrap .wp-block-column:hover img {
    transform: rotateY(360deg);
}

.top-content .ico-wrap .wp-block-column:hover figcaption {
    text-shadow: 0px 5px 5px #FFF;
}

@media screen and (max-width: 950px) {
    .top-content .ico-wrap figcaption {
        font-size: 22px;
        text-shadow: 0px 0px 2px #000, 0px 0px 2px #000;
    }
}

@media screen and (max-width: 800px) {
    .cn-top-con {
        padding: 0 10px;
    }

    .top-content .ico-wrap {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

    .top-content .ico-wrap .wp-block-column {
        flex-basis: 32%;
        margin-bottom: 20px !important;
    }
}

@media screen and (max-width: 500px) {
    .top-content .ico-wrap .wp-block-column {
        flex-basis: 50%;
    }

    .top-content::after {
        display: none;
    }
}

/*Welcome Section*/
.welcome {
    position: relative;
}

.welcome::after {
    content: "";
    background: url(assets/images/side-img2.png) no-repeat;
    width: 282px;
    height: 350px;
    position: absolute;
    left: 0;
    bottom: 7%;
}

.welcome .wlc-wrap {
    max-width: 1415px;
    margin: 0 auto;
    padding: 80px 0;
    position: relative;
}

.welcome .wlc-wrap .wlc-l {
    box-shadow: 0px 0px 8px #333;
    padding: 65px 170px 80px 80px;
    box-sizing: border-box;
    flex-basis: 60%;
    flex-grow: unset;
    position: relative;
    z-index: 1;
    background: #FFF;
}

.welcome .wlc-wrap .wlc-r {
    flex-basis: 40%;
    width: 46%;
    position: absolute;
    right: 3%;
    top: 17%;
    z-index: 2;
}

.welcome .wlc-wrap .btn {
    margin-top: 35px;
}

.welcome h2 {
    font-size: 88px;
    line-height: 105%;
    color: #9C0B10;
}

.welcome h2 small {
    display: block;
    font-family: 'Century Gothic', 'Didact Gothic', sans-serif;
    font-size: 30px;
    line-height: 120%;
    color: #555555;
}

.welcome .wlc-wrap p {
    margin-bottom: 40px;
}

.welcome .wlc-wrap p:nth-of-type(1) {
    margin: 0 auto;
}

.welcome p strong {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 31px;
    color: #005404;
    line-height: 116%;
    letter-spacing: 0;
}

.welcome .cn2-img-wrap {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.welcome .cn2-img-wrap .wp-block-column {
    flex-basis: 50%;
    margin: 0 auto 8px !important;
}

.welcome .wp-block-image img {
    transition: all .5s linear;
}

.welcome .wp-block-image:hover img {
    transform: scale(1.03);
    filter: brightness(110%);
    box-shadow: 0px 0px 10px #555;
}

@media screen and (max-width: 1470px) {
    .welcome {
        padding: 0 10px;
    }
}

@media screen and (max-width: 1400px) {
    .welcome .cn2-img-wrap .wp-block-column {
        flex-basis: 48%;
    }
}

@media screen and (max-width: 1300px) {
    .welcome .wlc-wrap .wlc-l {
        padding: 65px 130px 65px 50px;
    }

    .welcome p strong {
        font-size: 25px;
    }
}

@media screen and (max-width: 1110px) {
    .welcome p strong {
        font-size: 20px;
    }
}

@media screen and (max-width: 970px) {
    .welcome h2 {
        font-size: 70px;
    }

    .welcome .wlc-wrap .wlc-l {
        padding: 65px 100px 65px 50px;
    }

    .welcome p strong {
        font-size: 18px;
    }
}

@media screen and (max-width: 800px) {
    .welcome .wlc-wrap {
        padding: 20px 0;
    }

    .welcome::after {
        display: none;
    }

    .welcome .wlc-wrap {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

    .welcome .wlc-wrap .wlc-l {
        margin-bottom: 20px !important;
        padding: 10px;
        text-align: center;
    }

    .welcome .wlc-wrap .wlc-l,
    .welcome .wlc-wrap .wlc-r {
        flex-basis: 100%;
        width: 100%;
        position: static;
    }

    .welcome h2 {
        font-size: 60px !important;
    }

    .welcome .cn2-img-wrap .wp-block-column {
        flex-basis: 23%;
    }

    .welcome .cn2-img-wrap {
        justify-content: center;
        -webkit-justify-content: center;
    }

    .welcome .wp-block-image img {
        display: block;
        margin: 0 auto 20px;
    }
}

@media screen and (max-width: 500px) {
    .welcome h2 small {
        font-size: 25px;
    }

    .welcome .wlc-wrap p {
        margin-bottom: 20px;
    }

    .welcome .wlc-wrap .btn {
        margin-top: 20px !important;
    }
}

/*Our Menu Section*/
.our-menu {
    background: url(assets/images/menu-bg.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding-bottom: 50px;
    text-align: center;
    position: relative;
    z-index: 1;
}

.our-menu::after {
    content: "";
    background: url(assets/images/side-img3.png) no-repeat;
    width: 374px;
    height: 280px;
    bottom: -11.5%;
    left: 0;
    position: absolute;
    z-index: 10;
    background-size: 100% 100%;
    z-index: -1;
}

.our-menu h2 {
    margin-bottom: 50px;
}

.our-menu .menu-wrap {
    max-width: 1625px;
    margin: 0 auto;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.our-menu .menu-wrap .wp-block-column {
    flex-basis: 24.3%;
    background: #FFF;
    margin-bottom: 15px !important;
    border-top: 17px solid #B20000;
}

.our-menu .menu-wrap .wp-block-column:nth-of-type(2n) {
    border-color: #005404;
}

.our-menu .menu-wrap .wp-block-image {
    overflow: hidden;
}

.our-menu .menu-wrap .wp-block-image img {
    transition: all .5s linear;
}

.our-menu .menu-wrap .wp-block-column:hover img {
    transform: scale(1.03);
    filter: brightness(110%);
}

.our-menu .menu-wrap figcaption {
    font-size: 28px;
    color: #B20000;
    letter-spacing: .56px;
    line-height: 120%;
    padding: 15px 0;
}

.our-menu .menu-wrap .wp-block-column:hover figcaption {
    text-shadow: 0px 5px 10px #000;
}

.our-menu .btn {
    margin-top: 20px;
}

@media screen and (max-width: 1630px) {
    .our-menu .menu-wrap {
        padding: 0 10px;
    }
}

@media screen and (max-width: 1000px) {
    .our-menu::after {
        bottom: 0;
    }
}

@media screen and (max-width: 700px) {
    .our-menu .menu-wrap {
        padding: 0 10px;
    }

    .our-menu .menu-wrap .wp-block-column {
        flex-basis: 48%;
    }
}

@media screen and (max-width: 600px) {
    .our-menu .menu-wrap .wp-block-column {
        margin: 0 5px 10px !important;
        flex-basis: 46%;
    }
}

@media screen and (max-width: 500px) {
    .our-menu .menu-wrap figcaption {
        font-size: 20px;
    }

    .our-menu::after {
        display: none;
    }
}

/*Daily Specials Section*/
.daily-specials {
    text-align: center;
    background: radial-gradient(#007A1F 30%, #005512);
    padding-bottom: 95px;
}

.daily-specials h2 {
    margin-bottom: 30px;
}

.daily-specials .daily-wrap {
    max-width: 1510px;
    margin: 0 auto;
}

.daily-specials .daily-wrap h3 {
    text-align: left;
    font-size: 35px;
    color: #B20000;
    letter-spacing: .56px;
    line-height: 120%;
    margin-left: 40px;
    margin-bottom: -10px;
}

.daily-specials .daily-wrap p {
    margin: 0;
}

.daily-specials .daily-wrap .price {
    margin: 0 auto;
    color: #B20000;
    font-weight: 800;
    font-size: 28px;
    line-height: 92%;
    position: absolute;
    left: 13%;
    top: 50%;
    text-align: left;
}

.daily-specials .daily-wrap .price small {
    font-weight: 700;
    font-size: 20px;
    display: block;
    line-height: 92%;
}

.daily-specials .sa_hover_container {
    max-height: 367px;
}

.daily-specials .ds-bot {
    background: radial-gradient(#9C0B10 30%, #760306);
    padding: 15px 30px;
    text-align: center;
    display: block;
    height: 100%;
    min-height: 200px;
}

.daily-specials .ds-bot p {
    color: #FFF;
    line-height: 120%;
    font-weight: 700;
    font-size: 17px;
    letter-spacing: 0;
}

.daily-specials .ds-bot p strong {
    font-size: 26px;
    line-height: 120%;
    font-weight: 400;
    letter-spacing: .17px;
    margin-bottom: 7px;
    display: block;
    font-family: 'Abril Fatface', cursive;
}

.daily-specials .ds-bot p:nth-of-type(2) {
    padding: 0 19px;
}

.daily-specials .owl-item {
    position: relative;
    z-index: 1;
}

.daily-specials .owl-item::before {
    content: "";
    width: 90%;
    height: 95%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px dashed #888;
    margin: auto;
}

.daily-specials .owl-nav,
.daily-specials .sa_owl_theme .disabled .owl-prev,
.daily-specials .sa_owl_theme .disabled .owl-next {
    display: block !important;
}

.daily-specials .sa_owl_theme .owl-nav .owl-prev {
    left: -70px;
}

.daily-specials .sa_owl_theme .owl-nav .owl-next {
    right: -70px;
}

.daily-specials .sa_owl_theme .owl-nav button.owl-prev {
    background: url(assets/images/l-arr.png) no-repeat !important;
    width: 44px !important;
    height: 44px !important;
}

.daily-specials .sa_owl_theme .owl-nav button.owl-next {
    background: url(assets/images/r-arr.png) no-repeat !important;
    width: 44px !important;
    height: 44px !important;
}

.daily-specials .sa_owl_theme .owl-nav button.owl-next:hover,
.daily-specials .sa_owl_theme .owl-nav button.owl-prev:hover {
    background-color: transparent !important;
    transform: scale(1.03);
}

@media screen and (max-width: 1655px) {
    .daily-specials .sa_owl_theme .owl-nav .owl-prev {
        left: 10px;
        background-color: #666 !important;
    }

    .daily-specials .sa_owl_theme .owl-nav .owl-next {
        right: 10px;
    }

    .daily-specials .sa_owl_theme .owl-nav button.owl-next,
    .daily-specials .sa_owl_theme .owl-nav button.owl-prev {
        background-color: rgba(0, 0, 0, .3) !important;
        border-radius: 50%;
    }
}

@media screen and (max-width: 1400px) {
    .daily-specials .daily-wrap .price {
        top: 47%;
    }
}

@media screen and (max-width: 1335px) {
    .daily-specials .ds-bot {
        padding: 15px 10px;
    }
}

@media screen and (max-width: 1290px) {
    .daily-specials .daily-wrap .price small {
        font-size: 15px;
    }

    .daily-specials .daily-wrap .price {
        top: 45%;
        font-size: 23px;
    }
}

@media screen and (max-width: 1170px) {
    .daily-specials .daily-wrap .price {
        top: 40%;
    }
}

@media screen and (max-width: 1040px) {
    .daily-specials .daily-wrap .price {
        top: 37%;
        left: 8%;
    }
}

@media screen and (max-width: 979px) {
    .daily-specials .daily-wrap .price {
        position: static;
        text-align: center;
        width: 100%;
    }

    .daily-specials .ds-top {
        min-height: 218px;
        margin-bottom: 10px;
    }

    .daily-specials .ds-bot p strong {
        font-size: 20px;
    }

    .daily-specials .ds-bot p {
        font-size: 15px;
    }
}

@media screen and (max-width: 800px) {
    .daily-specials {
        padding-bottom: 40px;
    }
}

/*Reviews Section*/
.reviews {
    background: url(assets/images/rev-bg.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 65px 0 35px;
    position: relative;
}

.reviews::after {
    content: "";
    background: url(assets/images/side-img4.png) no-repeat;
    width: 275px;
    height: 570px;
    position: absolute;
    right: 0;
    top: 3%;
    background-size: 100% 100%;
}

.reviews-con {
    position: relative;
    z-index: 1;
}

.reviews .reviews-wrap {
    max-width: 1280px;
    margin: 0 auto;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.reviews .reviews-wrap .wp-block-column {
    flex-basis: 31.8%;
    background: #FFF;
    min-height: 432px;
}

.reviews h2 {
    margin-bottom: 40px;
    color: #FFF;
    font-size: 67px;
    letter-spacing: .8px;
}

.reviews .rev-w-pad {
    padding: 0 30px;
}

.reviews .star {
    margin-top: 20px;
}

.reviews p {
    margin: 0;
    font-size: 15px;
    color: #525252;
    letter-spacing: .25px;
    line-height: 26px;
}

.reviews .name {
    font-family: 'Century Gothic', 'Didact Gothic', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 0;
    display: block;
    margin-top: 5px;
}

.reviews .btn {
    margin-top: 38px;
}

.reviews .rev-img img {
    display: block;
    width: 100%;
}

@media screen and (max-width: 1290px) {
    .reviews .reviews-wrap {
        padding: 0 10px;
    }
}

@media screen and (max-width: 800px) {
    .reviews {
        padding: 20px 0;
    }

    .reviews h2 {
        margin-bottom: 20px;
    }

    .reviews .reviews-wrap .wp-block-column {
        padding-bottom: 10px;
    }

    .reviews .rev-w-pad {
        padding: 0 10px;
        text-align: center;
    }
}

@media screen and (max-width: 600px) {
    .reviews .reviews-wrap .wp-block-column {
        flex-basis: 100%;
        margin-bottom: 20px !important;
        min-height: 300px;
    }
}

/*###################################
## Footer
###################################*/
.site-footer {}

.quick-form {
    background: url(assets/images/ctc-bg.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 60px 0 30px;
    text-align: center;
    position: relative;
}

.quick-form::before {
    content: "";
    background: url(assets/images/ctc-img1.png) no-repeat;
    width: 33%;
    height: 415px;
    position: absolute;
    left: 0;
    top: 0;
    background-size: 100% 100%;
}

.quick-form::after {
    content: "";
    background: url(assets/images/ctc-img2.png) no-repeat;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 352px;
    height: 558px;
}

.quick-form form {
    max-width: 969px;
    background: url(assets/images/ctc-box-bg.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 35px 50px;
    position: relative;
    z-index: 1;
}

.quick-form form h2 {
    text-align: center;
    margin-bottom: 20px;
    color: #FFF;
}

.quick-form h3 {
    font-size: 35px;
    color: #005E15;
    letter-spacing: .05px;
    line-height: 98%;
    margin: 30px auto 0;
    position: relative;
    z-index: 1;
}

.ft-top {
    background: #000;
    padding: 57px 0 5px;
    color: #FFF;
    position: relative;
    z-index: 1;
}

.ft-top::before {
    content: "";
    background: url(assets/images/side-img5.png) no-repeat;
    width: 389px;
    height: 570px;
    position: absolute;
    top: -55%;
    left: 0;
    z-index: -1;
    background-size: 100% 100%;
}

.ft-top h3,
.ft-top p,
.ft-top p a {
    text-shadow: 0px 0px 2px #000, 0px 0px 2px #000;
}

.ft-top h3 {
    margin-bottom: 30px;
}

.ft-top p {
    font-family: 'Century Gothic', 'Didact Gothic', sans-serif;
}

.ft-top-wrap {
    max-width: 1200px;
    margin: 0 auto;
}

.ft-ctc {
    flex-basis: 29%;
}

.ft-ctc p {
    margin-bottom: 37px !important;
}

.ft-ctc p,
.ft-ctc p a {
    color: #FFF;
    margin: 0;
    font-size: 15px;
    letter-spacing: .68px;
    line-height: 25px;
}

.ft-ctc p a:hover {
    text-shadow: 0px 3px 10px #FFF, 0px 3px 10px #FFF;
}

.ft-tel {
    font-weight: 700;
    font-size: 28px !important;
    letter-spacing: .8px !important;
    line-height: 120% !important;
}

.ft-ctc p small {
    display: block;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    color: #F8F1ED;
    line-height: 120%;
}

.ft-add {
    max-width: 300px;
}

.bus-hrs {
    flex-basis: 36%;
}

.bus-hrs p {
    color: #FFF;
    font-size: 19px;
    letter-spacing: -.01px;
    line-height: 180%;
    margin: 0;
}

.bus-hrs p span {
    display: inline-block;
    width: 125px;
}

.map {
    flex-basis: 34%;
}

.map .map-con {
    position: relative;
    text-align: center;
}

.map iframe {
    width: 403px;
    height: 238px;
    border: none;
}

.map .ft-logo {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.ft-bot {
    background: radial-gradient(#9C0B10 30%, #760306);
    text-align: center;
    padding: 10px 0;
}

.ft-bot .copyright {
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    letter-spacing: 4px;
    line-height: 30px;
    color: #FFF;
}

@media screen and (max-width: 1366px) {
    .ft-top::before {
        width: 20%;
        height: 100%;
        top: -42%;
    }
}

@media screen and (max-width: 1200px) {
    .ft-top {
        padding: 0 10px;
    }
}

@media screen and (max-width: 990px) {
    .ft-top-wrap {
        display: block;
        text-align: center;
        padding: 20px 0;
    }

    .ft-top-wrap h3 {
        margin: 20px auto;
    }

    .ft-top-wrap div {
        width: 100%;
    }

    .ft-add {
        max-width: 100%;
    }

    .ft-top::before {
        width: 40%;
        height: 45%;
        top: 0;
    }

    .quick-form::before {
        width: 50%;
    }

    .quick-form {
        padding: 20px 10px;
    }
}

@media screen and (max-width: 600px) {
    .q-form .dflex {
        display: block;
    }
}

@media screen and (max-width: 500px) {
    .map iframe {
        width: 100%;
    }

    .map .ft-logo img {
        width: 100%;
        max-width: 50%;
        display: block;
        margin: 0 auto;
    }

    .quick-form::before,
    .quick-form::after,
    .ft-top::before {
        display: none;
    }

    .quick-form form {
        background: radial-gradient(#9C0B10 30%, #760306);
        padding: 20px 10px;
    }

    .q-form label {
        line-height: 130%;
    }

    .ft-bot .copyright {
        font-size: 8px;
    }
}

/*###################################
## Sidebar Blog
###################################*/
.sidebar {
    border: 1px solid #535353;
    box-sizing: border-box;
    flex-basis: 30%;
    padding: 20px;
}

.sidebar h2 {
    font-size: 25px;
    margin: 0;
}

.sidebar .widget_search {
    box-sizing: border-box;
    background: #6A7A64;
    margin-bottom: 25px;
    padding: 20px;
    width: 100%;
}

.sidebar .widget:last-of-type {
    margin-bottom: 0;
}

/*###################################
## Inner Pages
###################################*/
.inner #content {
    padding: 0 0 50px;
    min-height: 500px;
}

.inner .entry-header {
    text-align: center;
}

.inner #content h1 {
    margin: 0 auto 70px;
    text-align: center;
    padding: 10px 65px 15px;
}

.inner #content h3 {
    margin-bottom: 20px;
}

.inner #content p {
    line-height: 150%;
    margin: 25px 0;
}

@media screen and (max-width: 1210px) {
    .inner #content .container {
        padding: 0 10px;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 950px) {
    .inner .site-banner .widget_text {
        box-shadow: 0px 5px 10px #888;
    }

    .inner #content {
        padding-top: 20px;
    }
}

/* Menu Page */
.hours {
    padding: 40px;
    color: #007A1F;
    text-align: center;
    margin: 0 0 30px;
}

.hours p {
    color: #007A1F;
    margin: 10px auto !important;
}

.menu-container {
    justify-content: space-between;
    flex-wrap: wrap;
}

.menu-container .wp-block-column {
    flex-basis: 32% !important;
	margin: 0 5px  !important;
}

@media screen and (max-width: 768px) {
    .menu-container .wp-block-column {
        flex-basis: 100% !important;
		margin: 0 auto !important;
    }
}

.menu-container h2 {
    font-size: 2.3rem;
    text-align: center;
    padding: 20px;
    background: #007A1F;
    color: #FFF;
    margin-top: 30px;
}

.menu-wrapper {
    padding: 20px 0;
    background: #E5DBB8;
    border-bottom: 1px solid #ddd;
}

.menu-wrapper .menu-intro {
    padding: 0 20px;
    text-align: center;
}

.menu-wrapper .menu-item {
    padding: 0 20px;
    border-left: 5px solid #007A1F;
}

.menu-wrapper .menu-item h3 {
    margin: 0 !important;
    font-size: 28px;
}

.menu-wrapper .menu-item p {
    margin: 0 !important;
    line-height: 120%;
    font-size: 14px;
}

.menu-wrapper .menu-item .price {
    color: #760306;
}

.menu-wrapper .prices {
    background: #760306;
    padding: 30px;
    color: #FFF;
    border-left: none;
}

.menu-wrapper .prices h3 {
    color: #FFF;
}

/* Daily Specials Page */

.specials-wrapper {
    padding: 20px 0;
}

.specials-wrapper .special-day {
    background: #E5DBB8;
    padding: 20px;
}

.specials-wrapper .special-day h3 {
    margin: 0 !important;
}

.specials-wrapper .special-day p {
    margin: 0 !important;
}

.specials-wrapper .free-wifi {
    background: #007A1F;
    padding: 20px;
}

.specials-wrapper .free-wifi h2 {
    color: #FFF;
    margin: 0;
}

.specials-wrapper .free-wifi p {
    color: #FFF;
    margin: 0 !important;
}

/*Gallery Page*/
.bwg_loading_div_2 {
    background-color: rgba(255, 255, 255, 0);
}

#bwg_container1_0 #bwg_container2_0 .bwg-container-0 .bwg-item>a {
    margin: 5px;
    border: 3px solid #B00000;
}

#bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 a {
    background-color: #B00000 !important;
    color: #FFF !important;
}

.spider_popup_wrap {
    background: rgba(0, 0, 0, .5) !important;
}

.bwg_image_info_spun {
    text-align: center !important;
}

.spider_popup_close span,
#spider_popup_left-ico span,
#spider_popup_right-ico span {
    border-radius: 50% !important;
    background: #B00000 !important;
    color: #FFF !important;
}

.bwg_image_info {
    background: rgba(0, 0, 0, .7) !important;
}

.bwg_image_title,
.bwg_image_title * {
    color: #FFF !important;
}

.bwg_popup_image {
    border: 3px solid #B00000;
}

.spider_popup_close_fullscreen {
    top: 75px;
    background: #B00000;
    border-radius: 50%;
    padding: 7px;
    color: #FFF !important;
}

/*Menu Page*/
.menu-img {
    margin-bottom: 30px;
}

.menu-img img {
    transition: all .5s linear;
}

.menu-img img:hover {
    transform: scale(1.01);
    filter: brightness(110%);
    box-shadow: 0px 0px 20px #000;
}

/*Contact Us Page*/
.ctc-page-wrap {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: flex-start;
    -webkit-align-items: flex-start;
}

.ctc-page-l,
.ctc-page-r {
    box-sizing: border-box;
    padding: 20px;
    box-shadow: 5px 5px 20px #000;
    flex-basis: 48%;
	margin: 0 15px !important;
}

.ctc-page-l p {
    padding-left: 50px;
    margin-bottom: 20px;
    position: relative;
    line-height: 120%;
}

.ctc-page-l p strong {
    display: block;
    line-height: 120%;
}

.ctc-page-l p::before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 100% 100% !important;
}

.ctc-page-l p:nth-of-type(1)::before {
    background: url(assets/images/add.png) no-repeat;
}

.ctc-page-l p:nth-of-type(2)::before {
    background: url(assets/images/phone.png) no-repeat;
}

.ctc-page-l p:nth-of-type(3)::before {
    background: url(assets/images/email.png) no-repeat;
}

@media screen and (max-width: 800px) {
    .ctc-page-wrap {
        display: block;
    }

    .ctc-page-wrap .wp-block-column {
        margin: 0 auto 20px !important;
		
    }
}

/*###################################
## Blog Page
###################################*/
.blog-container {
    padding-right: 5%;
    flex-basis: 65%;
}

.blog-list article {
    transition: all .3s linear;
    border: 1px solid #535353;
    box-sizing: border-box;
    padding: 20px;
}

.blog-list article:not(:last-of-type) {
    margin-bottom: 40px;
}

.blog-list article:hover {
    box-shadow: 0px 0px 20px #000;
}

.blog-title h2 {
    margin: 0 0 20px !important;
    font-size: 30px;
}

.blog-header {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    margin-bottom: 10px;
}

.blog-header p {
    margin: 0;
}

.blog-header p span {
    font-style: italic;
}

.blog-image {
    text-align: center;
}

.blog-image img {
    transition: all .5s linear;
    max-width: 500px !important;
    height: auto !important;
}

.blog-container .btn {
    margin-top: 10px !important;
    padding: 10px 20px;
    font-size: 13px;
}

.pagination-n {
    text-align: right;
    margin-top: 15px;
}

.pagination-n a {
    background: #D7BA5A;
    padding: 2px 10px;
}

.pagination-n .current {
    background: #6A7A64;
    padding: 2px 10px;
    color: #FFF;
}

@media screen and (max-width: 800px) {
    .blog-wrap {
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .blog-container {
        margin-bottom: 30px;
        padding-right: 0;
    }
}

@media screen and (max-width: 500px) {
    .blog-header {
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .blog-header p,
    .blog-header h2 {
        text-align: center;
        width: 100%;
    }

    .blog-list article {
        text-align: center;
    }

    .blog-header h2 {
        font-size: 30px;
    }

    .blog-container .btn {
        margin-top: 20px !important;
    }
}

/*###################################
## Search Page
###################################*/
.page-description {
    text-align: center;
    margin-bottom: 40px;
    font-weight: 700;
    font-size: 25px;
    display: block;
}

.page-description::after {
    content: ' "';
}

.page-description::before {
    content: '" ';
}

.search article {
    transition: all .5s linear;
    border: 1px solid #000;
    margin-bottom: 30px;
    padding: 20px;
    display: block;
}

.search article:hover {
    box-shadow: 0px 0px 20px #000;
}

.search article:last-of-type {
    margin-bottom: 0;
}

.search article h2 {
    margin: 0 0 20px;
    font-size: 35px;
}

.search-con {
    padding-right: 5%;
    flex-basis: 65%;
}

@media screen and (max-width: 800px) {
    .search-wrap {
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .search-con {
        margin-bottom: 30px;
        padding-right: 0;
    }
}
/*###################################
## Reviews Page
###################################*/
.shortcode-site-reviews-form, .shortcode-site-reviews {padding: 20px 30px; box-sizing: border-box; box-shadow: 0 0 40px -15px #000; margin-top: 20px;}

/*###################################
## Error Page
###################################*/
.error-404 {
    text-align: center;
}