@charset "UTF-8";
/*
Theme Name: Smokestack
Author: Webdesign 309
Author URI: http://www.webdesign309.com/
Description: We are a full service webdesign and development company delivering high end design and development solution for our clients and delivering best solutions to attract more visibility and customization to your website.
Version: 3.0.0
Tags: peoria web development, chicago web development, custom wordpress development, advertising agency solutions, florida webdesign, chicago webdesign, illinois webdesign, custom webdesign development
*/

/* CSS Document */
/*----------------------------------------------------------------------------- */
@font-face { font-family: 'Montserrat-black'; src: url('fonts/Montserrat-Black.eot'); src: url('fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'), url('fonts/Montserrat-Black.woff2') format('woff2'), url('fonts/Montserrat-Black.woff') format('woff'), url('fonts/Montserrat-Black.ttf') format('truetype'), url('fonts/Montserrat-Black.svg#Montserrat-Black') format('svg'); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Montserrat-bold'; src: url('fonts/Montserrat-Bold.eot'); src: url('fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Montserrat-Bold.woff2') format('woff2'), url('fonts/Montserrat-Bold.woff') format('woff'), url('fonts/Montserrat-Bold.ttf') format('truetype'), url('fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Montserrat-medium'; src: url('fonts/Montserrat-Medium.eot'); src: url('fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/Montserrat-Medium.woff2') format('woff2'), url('fonts/Montserrat-Medium.woff') format('woff'), url('fonts/Montserrat-Medium.ttf') format('truetype'), url('fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Montserrat-Regular'; src: url('fonts/Montserrat-Regular.eot'); src: url('fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Montserrat-Regular.woff2') format('woff2'), url('fonts/Montserrat-Regular.woff') format('woff'), url('fonts/Montserrat-Regular.ttf') format('truetype'), url('fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Montserrat-SemiBold'; src: url('fonts/Montserrat-SemiBold.eot'); src: url('fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'), url('fonts/Montserrat-SemiBold.woff2') format('woff2'), url('fonts/Montserrat-SemiBold.woff') format('woff'), url('fonts/Montserrat-SemiBold.ttf') format('truetype'), url('fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Advantage'; src: url('fonts/Advantage.eot'); src: url('fonts/Advantage.eot?#iefix') format('embedded-opentype'), url('fonts/Advantage.woff2') format('woff2'), url('fonts/Advantage.woff') format('woff'), url('fonts/Advantage.ttf') format('truetype'), url('fonts/Advantage.svg#Advantage') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'American Captain'; src: url('fonts/AmericanCaptain.eot'); src: url('fonts/AmericanCaptain.eot?#iefix') format('embedded-opentype'), url('fonts/AmericanCaptain.woff2') format('woff2'), url('fonts/AmericanCaptain.woff') format('woff'), url('fonts/AmericanCaptain.ttf') format('truetype'), url('fonts/AmericanCaptain.svg#AmericanCaptain') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }

:root{
--body-color: rgb(0, 0, 0);;
--header: rgb(0, 0, 0); 
--primary-color:rgb(245, 0, 0);
--second-primary-color: rgb(0, 0, 0);
--white-color:rgba(255, 255, 255, 1);
--span-font:'Advantage';

--body-font: 'Montserrat-Regular';
--heading-font: 'American Captain';
--font-semibold:'Montserrat-SemiBold';
--font-bold:'Montserrat-bold';
--font-medium:'Montserrat-medium';
--font-black:'Montserrat-black';

}

/* ::selection{
color: var(--body-color);
background-color: var(--white-color);
} */
/* 1. Create a Clean Base
------------------------------------------------------------------------------*/

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,input, textarea, option, .nobox 
{background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}

blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl, li {margin:0; padding:0; list-style-type: none;}
ul, ol {margin:0 0 0 0px;}
html, body{ border:none; -webkit-text-size-adjust:none;}


/* 2. Define Base Typography
------------------------------------------------------------------------------*/
body{padding: 0;margin: 0;font-family: var(--body-font); font-size: 16px; color: var(--body-color); line-height: 30px; box-sizing: border-box; overflow-x: hidden;}
*, *:after, *:before {box-sizing: border-box;}

svg path{ transition: all 0.3s; }

/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6 {margin: 0; font-weight: normal;color: var(--header); line-height:1.2; font-family: var(--heading-font);}

/* Specific Header Settings */
h1,.h1 {font-size:80px;}
h2,.h2 {font-size:70px; line-height: 70px; }
h3,.h3 {font-size:34px;}
h4,.h4 {font-size:24px;}
h5,.h5 {font-size: 23px;}
h6,.h6 {font-size: 22px;}

/* Create the Default Paragraphs */
p {margin-bottom: 20px; }

/* Other Typo */
strong {font-weight: bold;}
hr {border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;}
ol {list-style: decimal;}
ul {list-style: disc;}

/* 3. images
------------------------------------------------------------------------------*/

/* Remove border around linked images */
img {max-width: 100%; border: 0; border-style: none;}

/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
a {text-decoration:none;transition: 0.5s; display: inline-block; color:var(--primary-color); }


/* 5. Forms
------------------------------------------------------------------------------*/
.button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] { font-family: var(--font-semibold); font-weight: normal; margin: 0 0 0 0;  padding:10px 35px;  border-radius:0px; background-color:var(--primary-color); border: 1px solid transparent; display: inline-block; vertical-align: middle; font-size: 16px; color: var(--white-color); line-height: 30px; position: relative;outline: none;box-shadow: none;text-align: center;text-decoration: none;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out; overflow: hidden; position: relative;z-index: 1; text-transform: uppercase;}
.button.button-border, a.button.button-border, button.button-border, html input[type="button"].button-border, input[type="reset"].button-border, input[type="submit"].button-border {background-color:transparent; color: var(--primary-color); border: 1px solid var(--primary-color);}

.button.button-border:after, a.button.button-border:after{border-radius:0; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: var(--primary-color); z-index: -2; transition: all .35s}
.button.button-border:hover:after, a.button.button-border:hover:after{width: 0%;}

.button:hover, a.button:hover, button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background-color: transparent; color: var(--primary-color); border-color: var(--primary-color); }

input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea {padding:10px 24px; font-family: var(--body-font);  font-size: 16px; background-color:transparent; letter-spacing: 0;width: 100%; color:var(--white-color); text-transform: none; filter: alpha(opacity=100); border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius:6px; line-height:16px; box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;outline: none !important; width: 100%;-webkit-appearance: none;-moz-appearance: none;appearance: none; resize: none;}

input::-webkit-input-placeholder {color:  #777777;opacity:1;} 
input:-moz-placeholder {color: #777777; opacity:1;} 
input::-moz-placeholder {color:  #777777; opacity:1; } 
input:-ms-input-placeholder {color:  #777777;opacity:1;} 
textarea::-webkit-input-placeholder {color:  #777777; opacity:1; } 
textarea:-moz-placeholder {color: #777777; opacity:1; } 
textarea::-moz-placeholder {color:  #777777; opacity:1; } 
textarea:-ms-input-placeholder {color:  #777777;opacity:1; }

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}

textarea{ min-height: 120px; }
/* 6. Tables
------------------------------------------------------------------------------*/

/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: right; font-weight: normal;}


/* 7. Framework
------------------------------------------------------------------------------*/
/* container */
.container{max-width: 1360px; width: 100%; padding-left: 50px; padding-right: 50px; margin: 0 auto;}
.row{display: flex;flex-wrap: wrap; margin-left: -15px; margin-right: -15px;}
.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }


.col_4 {max-width: 25%;}
.col_3 {max-width: 33.33%;}
.col_2 {max-width: 50%;}
.col_1 {max-width: 100%;}


.d-flex{ display:flex;}
.flex-wrap{flex-wrap:wrap;}
.justify-content-start{justify-content:flex-start;}
.justify-content-center{justify-content:center;}
.justify-content-end{justify-content:flex-end;}
.justify-content-between{justify-content:space-between;}
.align-items-start{align-items: flex-start;}
.align-items-center{align-items: center;}
.align-items-end{align-items: flex-end;}
.row-reverse{flex-direction: row-reverse;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.font-light {font-weight: 300;}
.table {width: 100%;}

.common_color{ color: var(--primary-color); }
/* header */
header{ padding: 15px 0; background-color: rgba(0, 0, 0, 75%); position: absolute; top: 0; left: 0; width: 100%; z-index: 1; }
.header-inr{ display: flex; align-items: center; justify-content: center; gap: 50px; }
.header-inr nav{ max-width: 40%; width: 100%; }
.header-inr .header-logo{ max-width: 20%; width: 100%; text-align: center; line-height: 0; }
.header-inr .header-logo a{ line-height: 0; width: 171px;}
.header-inr nav ul{ display: flex; align-items: center; gap: 55px; }
.header-inr nav ul li{ position: relative; }
.header-inr nav ul li::before{ content: '|'; position: absolute; right: -28.5px; top: 0; font-size: 18px; color: var(--white-color); }
.header-inr nav ul li:last-child:before{ display: none; }
.header-inr nav ul li a{ color: var(--white-color); font-size: 18px; font-family: var(--font-medium); position: relative; }
.header-inr nav ul li a::after, .header-inr nav ul li a::before { content: ''; position: absolute; width: 100%; height: 2px; background: linear-gradient(to right, #ff0000, #f6b90c); bottom: -5px; left: 0; transform: scaleX(0); transform-origin: right; transition: transform 0.4s ease-out; }
.header-inr nav > ul li a::before { top: -5px; transform-origin: left; }
.header-inr nav > ul li a:hover::after, .header-inr nav ul li a:hover::before { transform: scaleX(1); }

/* banner */
.banner{ position: relative; width: 100%; }
.banner-img{ position: relative; left: 0; top: 0; width: 100%; line-height: 0; }
.banner-img img{ width: 100%; height: 100%; object-fit: cover; }
.banner .container{ position: relative; }
.banner-content { position: absolute; bottom: 96px; width: 40%; margin-right: auto; right: 0; text-align: right; color: var(--white-color); }
.banner-content h1{ color: var(--white-color); line-height: 70px; padding: 0 0 35px; }

.eat-shop{ position: relative; padding: 80px 0 57px; text-align: center; } 
.eat-shop h2{ padding: 0 0 20px; }
.shop-inr{ display: flex; justify-content: center; margin: 0 -18px 40px; flex-wrap: wrap; }
.shop-inr .shop-item{ max-width: 16.66%; width: 100%; padding: 0 18px; }
.shop-item-box{ position: relative; }
.shop-item-box p{ color: var(--header); font-family: var(--heading-font); font-size: 24px; text-transform: uppercase;  } 
.shop-item-img { width: 180px; height: 180px; position: relative; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 4px; margin-bottom: 15px; }
.shop-item-img::before { content: ""; position: absolute; inset: 0; padding: 8px; border-radius: 50%; background: conic-gradient( rgba(255, 255, 0, 1) 0deg, rgba(255, 165, 0, 1) 90deg, rgba(255, 0, 0, 1) 180deg, rgba(255, 165, 0, 1) 270deg, rgba(255, 255, 0, 1) 360deg ); -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 8px), #000 calc(100% - 8px)); mask: radial-gradient(farthest-side, transparent calc(100% - 8px), #000 calc(100% - 8px)); transition: transform 2s linear; }
.shop-item-img:hover::before { transform: rotate(360deg); }
.shop-item-img img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; position: relative; z-index: 2; }
.shop-item-box a:hover{ color: var(--primary-color); }

/* inside */
.inside{ position: relative; }
.inside-cg-inr{ padding: 20px; background-color: #000; position: relative; display: flex; color: var(--white-color); }
.inside-cg-inr > .inside-item{ max-width: 100%; width: 100%; }
.inside-cg-inr .inside-item{ border: 2px solid var(--white-color);     position: relative; z-index: 1;}
.inside-item .inside-item-box{  padding: 60px; text-align: center; max-width: 50%; width: 100%; margin-left: auto; }
.inside-item h2{ color: var(--white-color); padding: 0 0 20px; }
.inside-btn{ padding-top: 15px; display: flex; align-items: center; justify-content: center; gap: 15px; font-family: var(--font-semibold); }
.inside-item-left{ max-width: 50%; width: 100%; position: absolute; left: 0; top: 0; height: 100%; }
.inside-item-left .inside-item-left-box{ width: 100%; height: 100%; }
.inside-item-left .inside-item-left-box img{ width: 100%; height: 100%; object-fit: cover; }

/* food */
.food{ padding: 60px 0; position: relative; }
.food h2{ text-align: center; }
.food h2 span,.default-content h2 span{ color: var(--primary-color); }
.food-inr{ padding: 55px 0 0; display: flex; align-items: center; justify-content: space-between; gap: 90px; }
.food-item-left{ max-width: 45%; width: 100%; }
.food-item-left .food-item-left-box{ position: relative; }
.food-item-left .food-item-left-box h3{ padding: 0 0 25px; line-height: 70px; font-size: 70px; }
.food-item-left .food-item-left-box h3 span{ color: var(--primary-color); display: block; }
.food-item-right{ max-width: 50%; width: 100%; line-height: 0; }
.food-item-right .food-item-right-box img{ width: 100%; height: 100%; object-fit: cover; }

footer{ position: relative; background-image: url(images/footer.webp); background-size: cover; background-repeat: no-repeat; border-top: 14px solid var(--primary-color); color: var(--white-color); }
footer::before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.64); }
footer .container{ position: relative; }
.footer-inr{ display: flex; align-items: flex-start; gap: 70px; padding: 38px 0; border-bottom: 1px solid #fff; justify-content: space-between;}
.footer-list h3{ color: var(--white-color); font-family: var(--font-semibold); font-size: 24px; padding: 0 0 28px; }
footer ul li a{ color: var(--white-color); }
footer ul li a:hover{ color: var(--primary-color); text-decoration: underline; }
footer .footer-list.Hours ul li{ padding-left: 25px; }
footer .footer-list.Hours ul li{ padding-bottom: 8px; background-image: url(images/clock.png); background-size: 15px; background-repeat: no-repeat; background-position: left 7px; }
footer .footer-list.contact ul li{ display: flex; align-items: start; justify-content: flex-start; gap: 25px; }
footer .footer-list.contact ul li img{ width: 15px; height: 15px; margin-top: 5px; }
.copyright{ text-align: center; padding: 25px 0; }

ul li ul.sub-menu { padding-left: 0 !important; gap: 0; white-space: nowrap; background-color: var(--primary-color); display: block; border-radius: 5px; flex-direction: column; gap: 0; position: absolute; margin: 0; z-index: 3; margin-top: 11px; text-align: center; transform: scaleY(0); transition: all 0.3s ease; transform-origin: top; box-shadow: rgba(50, 50, 93, 0.15) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; }
ul li ul.sub-menu li { padding: 10px 15px; display: block; border-bottom: 1px solid #fff;opacity: 1; transform: none;}
ul li ul.sub-menu li a { color: var(--white-color); text-align: left; display: block; }
ul li ul.sub-menu li a:hover{ color: var(--second-primary-color); }
ul li ul.sub-menu li a::after,ul li ul.sub-menu li a::before{ display: none; } ul li:hover > ul.sub-menu { transform: scaleY(1); }
ul li ul.sub-menu li:last-child{ border: 0; }
ul li ul.sub-menu li::before{ display: none; }

/* H.P */
.copyright p {     margin-bottom: 0; }

/* def-page */ 
.def-page{padding: 50px 0px 50px;}
.def-page p{ color: var(--body-color); font-style: normal; font-weight: normal;}
.def-page .right-img{float:right; margin:0 0 15px 40px; position: relative; z-index: 0; }
.def-page .left-img{float:left; margin:0 40px 15px 0; position: relative;}
.def-page .right-img img{border-radius: 0px; position: relative;}
.def-page .left-img img{border-radius: 0px; position: relative;}
.def-page h2, .def-page h3, .def-page h4, .def-page h5, .def-page h6{ margin: 0 0 10px 0;}
.def-page h2{font-size: 70px;line-height: 80px;} 
.def-page h3{font-size: 34px;line-height: 43px;}
.def-page h4{font-size: 30px;line-height: 40px;}
.def-page h5{font-size: 25px;line-height: 35px;} 
.def-page h6{font-size: 20px;line-height: 30px;}
.def-page ul {margin: 0;padding-bottom: 25px;}
.overflow{ overflow: inherit !important; }
.def-page ul li { list-style: none; color: var(--body-color);position: relative;padding: 5px 0 10px 20px;overflow: hidden;}
.def-page ul li:before { content: ""; width: 8px; height: 8px; border-radius: 50%; background-color: var(--header); position: absolute; left: 0px; top: 17px; background-size: 35px;  }
.def-page ol{padding-left: 0; padding-bottom: 25px;}
.def-page ol li {list-style-type:none;counter-increment:item;  padding: 5px 0 5px 0;  color: var(--body-color);}
.def-page ol li:before {display:inline-block; content: counter(item) "."; color: var(--body-color); padding-right:10px;}
.def-page ul.col-2, .def-page ul.col-3 { overflow: hidden }
.def-page ul.col-2 li {width: 50%;float: left;}
.def-page ul.col-3 li {width: 33.33%;float: left;}
.def-page p {padding-bottom: 0px;}
.privacy-page ol { margin-bottom: 25px;}
.privacy-page ol>li:before { padding-right: 05px;}
.privacy-page .privacy-inner{ padding-left: 0px; margin-bottom: 20px;}
.privacy-page .privacy-inner ul{ margin-top: 05px; }
.privacy-page ul,.privacy-page ol{ margin-left:0px;}
.privacy-page ol li{padding: 5px 0px;}
.pagenotfound {width: 100%;display: block;padding: 80px 0px;text-align: center;}
.pagenotfound h2 {font-size: 50px;font-weight: 600;}
.pagenotfound p{font-size: 24px;}
.thankyou {text-align: center;}
/* .thankyou h3 strong {font-size: 46px;} */
.clearfix:after { clear: both; display: block; visibility: hidden; content: ""; }
.def-page a{ color: var(--primary-color); }
.def-page a.button{ color: var(--white-color); }
.def-page a:hover{color: var(--body-color); }
.def-page a.button:hover{color: var(--white-color); }
/* .def-page strong{ font-size: 24px; } */

/* contact page */
section.inner_banner{ padding: 210px 0 40px; position: relative; background-image: url(images/footer.webp); background-size: cover; text-align: center; background-repeat: no-repeat; border-bottom: 8px solid var(--primary-color); color: var(--white-color); }
section.inner_banner h1{ color: var(--white-color); }

.contact_page { width: 100%; display: block; padding: 80px 0px; }
.contact_page_inr { margin: 0 -15px; display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; }
.contact_left { width: 55%; padding: 0 15px; text-align: center; }
.contact_right { width: 45%; padding: 0 15px; }
.contact_col2_inr input, .contact_col2_inr textarea,.contct_form_group textarea, .contact_col2_inr select,.contct_form_group input{ height: 55px; color: #545454; font-size: 16px; padding: 10px 20px; border-color: #dadbdd; background: none; box-shadow: 2px 0px 5px rgb(71 74 83 / 10%); width: 100%; border-radius: 0px; appearance: none; }
.contact_col2_inr select { background: url(images/select_icon.png) no-repeat; background-position: 97%; }
.contact_left h2{ font-size: 50px; padding: 0 0 10px; }
.contact_col2_inr textarea,.contct_form_group textarea{ height: 165px; padding: 20px 20px; }
.contact_col2_inr input::focus, .contact_col2_inr textarea::focus { color: #545454; }
.contact_left_inr { margin: 0 -10px; text-align: center; }
.contact_col2 { width: 50%; display: inline-block; vertical-align: top; margin-right: -2px; padding: 10px 10px; }
.contact_col1 { padding: 15px; }
.submit_btn { display: inline-block; vertical-align: top; padding-top: 9px; position: relative; }
.contact_right_inr { height: 100%; }
.contact_right_inr img { height: 100%; }
.captahc_sec { display: inline-block; vertical-align: top; }
.cf7sr-g-recaptcha { display: inline-block; width: 100%; transform: scale(0.97); }
.wpcf7-spinner { margin: 0 10px; position: absolute; top: 26px; }
.wpcf7 form .wpcf7-response-output { margin: 1em 0.5em 1em; padding: 8px; text-align: center; }
.wpcf7-not-valid-tip { display: none; }
.contact_col2_inr input.wpcf7-not-valid, .contact_col2_inr select.wpcf7-not-valid,input.wpcf7-not-valid{ border-color: #f00; }
.cf7sr-recaptcha .wpcf7-not-valid-tip { display: inline-block; }
.contact_detail { padding: 60px 0; background: #f6f6f6; }
.contact_detail .title { padding-bottom: 80px; text-align: center; }
.contact_detail .service_col { width: 33.33%; margin-right: -3px; text-align: center; }
.contact_col_inr { background: #fff; border: solid 1px #d3d4d5; padding-bottom: 40px; height: 100%; box-shadow: 0px 0px 35px rgb(71 74 83 / 10%); }
.contact_icon { width: 150px; height: 150px; background: var(--primary-color); border-radius: 100%; box-shadow: 0px 0px 35px rgb(71 74 83 / 10%); display: flex; align-items: center; justify-content: center; margin: -50px auto 50px; }
.contact_col_inr p { font-size: 22px; color: var(--body-color); padding: 0 15px; font-weight: 600; }
.contact_col_inr p a { color: var(--body-color) }
.contact_col_inr p a:hover { color: var(--primary-color); }
.contact_col1_inr { display: flex; justify-content: center; gap: 15px; position: relative; }
.service_inr { text-align: center; display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 -15px; }
.contact_detail .service_col { width: 33.33%; margin-right: -3px; text-align: center; padding: 0 15px; }
.contact_col_inr { background: #fff; border: solid 1px #d3d4d5; padding-bottom: 40px; height: 100%; box-shadow: 0px 0px 35px rgb(71 74 83 / 10%); }
.contact_icon { position: static; -webkit-animation-name: tada; animation-name: tada; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
@-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.contact_col_inr:hover { box-shadow: 0px 4px 35px rgb(71 74 83 / 20%); }
.contact_col_inr:hover .contact_icon { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.contact_col1_inr span.wpcf7-form-control-wrap.cf7sr-recaptcha,span.wpcf7-form-control-wrap.cf7sr-recaptcha{ position: absolute; left: 0; bottom: -16px; font-size: 14px; width: 100%; }

.default-content form .contct_form_col{ width: 50%; padding: 10px; display: inline-block; vertical-align: top; margin: 0px -2px; }
.contct_form_col input[type="radio"] {height: auto; display: inline-block; margin-right: 10px; position: relative; padding: 0;}
.contct_form_col input[type="radio"]::after { position: absolute; content: ''; height: 15px; width: 15px; border: 2px solid var(--primary-color); border-radius: 50%; top: -8px; left: 0px; background-color: #fff; transition: 100ms; }
.contct_form_col input[type="radio"]:checked::after { background-color: var(--primary-color); }
/* .contct_form_col .contct_form_group span label{ display: flex; align-items: center; justify-content: flex-start; gap: 10px; } */
.contct_form_group label { display: block; }
span.wpcf7-list-item-label { display: inline-block; }
span.wpcf7-list-item label{ display: flex; align-items: center; gap: 10px; }
.wpcf7-list-item { margin: 0px 15px 0px 0px; }
.wpcf7-list-item-label::before, .wpcf7-list-item-label::after { content: " "; }
.wpcf7-list-item-label::before, .wpcf7-list-item-label::after { content: " "; }
.default-content form .contct_form_col1{ padding: 10px; }
.contct_form_sub_recpatcha { display: flex; align-items: flex-start; justify-content: center; gap: 10px; position: relative; }
.send_btn { padding-top: 13px; }
.contct_form_sub_recpatcha span{ text-align: center; }

.menu-inar.peoria-menu-inar { padding: 60px 0 0; }
.menu-inar.peoria-menu-inar ul.menu_btn { display: flex; align-items: center; justify-content: center; gap: 20px; margin: 0 0 20px; }
.main-menu-cls { background-color:  #000; color: var(--white-color); padding: 40px 0;}
.main-menu-cls h2,.main-menu-cls h3{ color: var(--white-color); }
.menu-title { text-align: center; padding: 0 0 10px; }
.menu-title h2{ color: var(--primary-color); }
.peoria-menu-box { border: 2px solid var(--white-color); position: relative; z-index: 1; padding: 20px; }

.peoria-menu-box { border: 1px solid #fff; padding: 10px 30px; }
.peoria-menu-box ul { list-style: none; }

/* ===== MENU ITEM ===== */
.peoria-menu-box ul li { display: flex; justify-content: space-between; align-items: flex-start; padding: 18px 0; }
.peoria-menu-box ul li:not(:last-child) { border-bottom: 1px dashed rgba(255,255,255,0.5); }

/* ===== TEXT SIDE ===== */
.peoria-menu-text { max-width: 80%; }
.peoria-menu-text h3 { margin-bottom: 0px; }
.peoria-menu-text h3 span{ color: var(--primary-color); font-size: 20px; }
/* ===== PRICE ===== */
.peoria-menu-price { font-size: 30px; font-family: var(--heading-font); color: var(--primary-color); white-space: nowrap; }
.peoria-menu-text p:last-child{ margin-bottom: 0; }
/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .peoria-menu-box {
    padding: 25px;
  }

  .peoria-menu-box ul li {
    flex-direction: column;
    gap: 10px;
  }

  .peoria-menu-text {
    max-width: 100%;
  }

  .peoria-menu-price {
    align-self: flex-end;
  }

  .menu-title h2 {
    font-size: 32px;
  }
}

/* File Upload Styling */
.wpcf7 input[type="file"] {
    width: 100%;
       padding: 7px 14px 0px 14px;
    border: 2px dashed #e50914;

    background: #fff5f5;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    transition: all 0.3s ease;
}

.wpcf7 input[type="file"]:hover {
    background: #ffecec;
    border-color: #c40812;
}

.wpcf7 input[type="file"]::file-selector-button {
    padding: 10px 16px;
    border: none;
font-family: var(--font-semibold);
    font-weight: normal;
    background: #f50000;
    color: #fff;
    
    cursor: pointer;
    margin-right: 10px;
}

.wpcf7 input[type="file"]::file-selector-button:hover {
    background: #f50000;
}

.file-note {
    font-size: 12px;
    color: #666;
    margin-top: 6px;
    display: block;
}

.big-textarea textarea,
textarea.big-textarea {
    height: 120px;
    resize: vertical;
}