/*
Theme Name: WickedO
Theme URI: https://thewickedo.com/
Author: COLEwebdev
Author URI: https://www.colewebdev.com/
Description: Custom theme for The Wicket Oyster based on Twenty Fourteen.
Version: 1.0
Text Domain: twentyfourteen
*/

/*====================================== reset.css is here ========================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:bold;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
.clear {clear:both; font-size:0px; line-height:0px; display:block;}
.last {margin:0 !important;}
.pad_last{padding:0 !important;}
.no_bg {background:none !important;}
/**************************************************************************************/
*{ -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
a { color:#000; text-decoration:none; outline:0 none;}
a:hover { color:#000; text-decoration:none;}
h1 { font-size:24px;}
h2 { font-size:22px;}
h3 { font-size:18px;}
h4 { font-size:16px;}
h5 { font-size:14px;}
h6 { font-size:12px;}
h1,h2,h3,h4,h5,h6 {font-family: 'Montserrat', sans-serif; font-weight: normal;}
img {  /* width: auto; */  height: auto;  max-width: 100%;  vertical-align: middle;  border: 0;  -ms-interpolation-mode: bicubic;}
/*----------------------------------------------------------------------------------*/
html { }
body { color:#000000; font-family: 'Montserrat', sans-serif; font-size:12px; line-height: normal; font-weight: 400; }
.flt_Lt { float:left; display:inline;}
.flt_Rt { float:right; display:inline;}
/* input,textarea { -webkit-appearance:none; border-radius:0px; outline:none; border:0px;} */
.clearfix:before, .clearfix:after { content: ''; display: table;}
.clearfix:after { clear: both;}
/* ---------- layout ---------- */
.wrapper { margin:0 auto; overflow: hidden;}
.container { max-width:1220px; width: 100%; margin:0 auto;}

/* ---------- HEADER HERE ---------- */
.header { position: fixed; width: 100%; left: 0; right: 0; z-index: 99;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;}
.header .container { }
.header .bottom_header{-webkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;}
.header .logo { padding-top: 43px; max-width: 581px;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;}
.top_header { background-color: #110b02; position: relative; }
.top_header_left {-webkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;}
.top_header_left ul li { display: inline-block; vertical-align: middle;}
.top_header_left ul li a { display: inline-block; vertical-align: middle;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;}
.top_header_left ul li.btn1 a { padding: 14px; font-size: 18px; color: #d3d3d3; background-color: #b30022;}
.top_header_left ul li.btn1 a:hover { color: #ffffff;}
.top_header_left ul li.btn2 a { font-size: 16px; color: #ffffff; padding: 14px 0 14px 30px;}

.header.shrink {}
.header.shrink .bottom_header {    background-color: #110b02;}
.header.shrink .logo {position: absolute; top: 0;width: 200px; padding: 2px 0 0;}
.header.shrink .top_header_left {margin-left: 210px;}
/*.header.shrink .top_header_left ul li.btn1 a, .header.shrink .top_header_left ul li.btn2 a { font-size: 12px;}*/

/* ---------- NAVIGATION HERE ---------- */
.nav { padding: 14px 0 0;}
.nav ul { }
.nav > ul > li { display: inline-block; padding: 0 22px 14px 22px; position: relative;}
.nav > ul > li:before { content: ''; position: absolute; border: 1px solid #b0afae; height: 18px; left: 0;}
.nav > ul > li:first-child:before { display: none;}
.nav > ul > li:last-child,.header.shrink .nav > ul > li:last-child { padding-right: 0;}
.nav > ul > li > a { color: #d2d2d2; font-size: 18px;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s; text-transform: uppercase; }
.nav > ul > li > ul { display: none; position: absolute; left: 0; width: 200px; background: #17130d; top: 36px; padding: 12px 0;}
.nav > ul > li > ul li a {font-size: 18px; line-height: 24px;color: #d2d2d2; padding:3px 18px 3px 24px; display: inline-block; text-transform: capitalize;}
.nav > ul > li > ul li:hover { background-color: #d2d2d2;}
.nav > ul > li > ul li:hover a{ color: #000000;}

.nav > ul > li.current-menu-item > a ,.nav > ul > li > a:hover, .nav > ul > li:hover > a { color: #b20020;}
.nav > ul > li:hover >ul { display: block;}

#menu-item-758 a {color: #8AD301!important;}

.product_meta {
    display: none!important;
}

/* ---------- HUMBERGER ICON ---------- */
#nav-toggle {  display: none; position: absolute;right: 15px; bottom: auto;   top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);}
#nav-toggle { cursor: pointer;  padding: 10px 35px 16px 0px;}
#nav-toggle span,#nav-toggle span:before,#nav-toggle span:after { cursor: pointer;  border-radius: 1px;  height: 5px;  width: 35px;  background: #ffffff;  position: absolute;  display: block;  content: ''; }
#nav-toggle span:before { top: -10px;}
#nav-toggle span:after { bottom: -10px;}
#nav-toggle span,#nav-toggle span:before,#nav-toggle span:after { -o-transition: all 500ms ease-in-out;  -moz-transition: all 500ms ease-in-out;  -ms-transition: all 500ms ease-in-out;  -o-transition: all 500ms ease-in-out;  transition: all 500ms ease-in-out;}
#nav-toggle.current_page_item span { background-color: transparent;}
#nav-toggle.current_page_item span:before,#nav-toggle.current_page_item span:after 	{ top: 0;}
#nav-toggle.current_page_item span:before { -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}
#nav-toggle.current_page_item span:after { -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);}

/* ---------- FOOTER HERE ---------- */
.footer { position: relative;}
.footer:before {position: absolute; top: 0; content: ''; width: 100%; height: 11px;  background: #b30022;
    background: -webkit-linear-gradient( to right, #000000 0%, #000000 40%, #b30022 40%, #b30022 100% );
    background: -o-linear-gradient( to right, #000000 0%, #000000 40%, #b30022 40%, #b30022 100% );
    background: -moz-linear-gradient( to right, #000000 0%, #000000 40%, #b30022 40%, #b30022 100% );
    background: -ms-linear-gradient( to right, #000000 0%, #000000 40%, #b30022 40%, #b30022 100% );
    background: linear-gradient( to right, #000000 0%, #000000 40%, #b30022 40%, #b30022 100% );    
}
.footer .container { display: block;}
.footer .table_div { display:table; height: 275px;}
.footer .footer_div { display: table-cell; vertical-align: middle; padding: 30px 0;}
.footer .footer_left { width: 35%;}
.footer .footer_medium { width: 45%; padding-left: 70px;}
.footer .footer_right { width: 20%; padding-left: 100px; text-align: center;}
.footer .footer_div h3 { font-size: 25px; font-weight: 400; padding: 0 0 18px; }
.footer .footer_div p { font-size: 16px;font-family: 'Lato', sans-serif; line-height: 29px;}
.footer .footer_medium ul{ display: table; width: 100%; text-align: center;}
.footer .footer_medium ul li{ display: table-cell; vertical-align: middle;}
.footer .footer_medium ul li:last-child { padding-left: 20px;}
.footer .footer_right ul li { width:50%; float: left; padding: 0 5px; margin: 0 0 10px;}
.footer .footer_right ul li a {display: inline-block; position: relative; overflow:hidden;}
.footer .footer_right ul li a span { position: absolute; top: -100%; width: 100%; left: 0;}
.footer .footer_right ul li a:hover span { top: 0;}
.footer .footer_medium .btn1 { display: inline-block; padding: 14px; background-color: #b30022;font-family: 'Lato', sans-serif; font-size: 18px; color: #ffffff; -webkit-border-radius: 6px; -o-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;}
.footer .footer_medium .btn1:hover {opacity:0.8;}

/* ---------- MAIN CONTENT HERE ---------- */
.main_content { }
.main_content .container { }
.banner_section { height: 700px; overflow: hidden; position: relative; background-color:#000;}
.banner_section > img { width: 100%; height: 100%; object-fit: cover; object-position: center;}
.banner_section .banner_text { max-width: 600px; position: absolute; top: 60%;-webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.banner_section .banner_text h1 { font-size: 41px; color: #b20021;font-family: 'Dancing Script', cursive, padding: 52px 0 27px;}
.banner_section .banner_text h2 { font-size: 26px; color: #ffffff !important;font-family: 'montserrat', padding: 20px 0 27px;}
.banner_section .banner_text p {font-family: 'Lato', sans-serif; font-size: 17px; color: #d3d3d3; line-height: 30px;}


.food_timing_sec { padding: 65px 0 25px;}
.food_timing_sec ul { margin-left: -5px; margin-right: -5px;}
.food_timing_sec ul li { float: left; width: 25%; padding-left: 5px; padding-right: 5px; margin-bottom: 20px;}
.food_timing_sec ul li .food_time_img { display: block; background-color: #000000; }
.food_timing_sec ul li .food_time_img > img { width: 100%;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;}
.food_timing_sec ul li .food_time_img:hover  > img { opacity: 0.7;}
.food_timing_sec ul li h2 {margin: 30px 0 20px; padding: 0 0 0 4px;}
.food_timing_sec ul li h2 a {font-size: 27px; color: #b30022; font-weight: 400;}
.food_timing_sec ul li .time { display: inline-block;font-size: 20px; color: #110b00; padding: 0 0 0 4px;}

.testimonial_wrap { padding: 36px 0;
    background: -webkit-linear-gradient( to right, #000000 0%, #000000 47%, #b30022 47%, #b30022 100% );
    background: -o-linear-gradient( to right, #000000 0%, #000000 47%, #b30022 47%, #b30022 100% );
    background: -moz-linear-gradient( to right, #000000 0%, #000000 47%, #b30022 47%, #b30022 100% );
    background: -ms-linear-gradient( to right, #000000 0%, #000000 47%, #b30022 47%, #b30022 100% );
    background: linear-gradient( to right, #000000 0%, #000000 47%, #b30022 47%, #b30022 100% );    
}
.testimonial_wrap .container { display: block;}
.testimonial_wrap .testimonial_sec { width: 46%;  display: table-cell; vertical-align: middle; padding: 0 90px 0 0;}
.testimonial_wrap .form_section { width: 54%; display: table-cell; vertical-align: middle;  padding: 0 0 0 40px;}
.testimonial_wrap .testimonial_sec blockquote { font-size: 20px; color: #ffffff;font-family: 'Lato', sans-serif; font-style: normal;}
.testimonial_wrap .testimonial_sec blockquote .author_name { color: #999999;}
.testimonial_wrap .form_section img { float: right; margin-left: 25px;}
.testimonial_wrap .form_section p { font-size: 20px; color: #ffffff; text-transform: capitalize; line-height: 34px;}
.testimonial_wrap .form_section p em { color: #ffffff;}
.testimonial_wrap .form_section .form_link { text-transform: uppercase; color: #ffffff;  position: relative; display: inline-block;}
.testimonial_wrap .form_section .form_link:after { content: ''; position: absolute; border-bottom: 1px solid #ffffff; bottom: 1px; width: 100%; left: 0; right: 0; margin: 0 auto;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;}
.testimonial_banner img { width: 100%;}
.testimonial_wrap .form_section .form_link:hover:after { width: 0; border-color: #000000;}
.testimonial_wrap .form_section .form_link:hover {color: #000000;}
.contact_section { padding: 30px 0;}
.contact_section .container {  display: block; }
.contact_section .table_sec {display: table; width: 100%; height: 450px;}
.contact_section .table_sec > div { display: table-cell; vertical-align: middle;}
.contact_section .add_sec { width: 285px;}
.contact_section .add_sec h4 { font-size: 32px; padding: 30px 0 36px; font-weight: 400; color: #b20020;}
.contact_section .add_sec address { font-size: 18px;font-family: 'Lato', sans-serif; margin: 0 0 22px;} 
.contact_section .add_sec .note_sec {font-family: 'Lato', sans-serif; font-size: 15px;  display: block; padding: 0 0 28px;}
.contact_section .add_sec .link_direction { display: inline-block; font-family: 'Lato', sans-serif;  font-size: 17px; color: #ffffff; text-transform: uppercase; background-color: #999999; padding: 10px 22px; -webkit-border-radius: 7px; -o-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;}
.contact_section .add_sec .link_direction:hover { opacity:0.8;}
.contact_section .map_sec { position: relative;}
.contact_section .map_sec iframe { width: 100%; height: 450px; position: absolute; top: 0; left: 0; z-index:5;}

/*ABOUT PAGE*/
.banner_section.banner_2 { height: 405px; background-color:#000;}
.about_page_content  { padding: 55px 0 65px;}
.about_page_content img.blog_img { float: right; width: 30%; border: 7px solid #e1e1e1; margin: 25px 0 0;}
.about_page_content .abt_sec1 { float: left; width: 70%; padding-right: 35px;}
.about_page_content h1 { font-size: 26px; padding: 0 0 15px;}
.about_page_content h2 { font-size: 20px;color: #b20020; padding: 0 0 15px;}
.about_page_content p { font-size: 16px;line-height: 22px; padding: 0 0 22px;}
.about_page_content p a, .about_page_content ul li a {color: #b20020;}
.about_page_content ul li {position: relative;padding: 0 0 0 20px;font-size: 16px;line-height: normal;margin: 0 0 7px;}
.about_page_content ul li:before { left: 4px;top: 5px; content: ''; position: absolute; width: 8px; height: 8px; background-color: #000000; -webkit-border-radius: 100%; -o-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; }
/*
font-family: 'Montserrat', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'Dancing Script', cursive;
-webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
-webkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;
-webkit-box-shadow: none; -o-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none;
-webkit-border-radius: 100%; -o-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%;
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder 		{ color: #191919;  opacity:  1;}
input:-moz-placeholder, textarea:-moz-placeholder {color: #191919;  opacity:  1;}
input::-moz-placeholder,textarea::-moz-placeholder { color: #191919;  opacity:  1;}
input:-ms-input-placeholder,textarea:-ms-textarea-placeholder {  color: #191919;  opacity:  1;}
*/
.footer .footer_right ul { width: 144px; }
.footer .footer_right ul li {background-color:#7b7b7b; width:65px; height: 64px; border-radius: 100%; padding: 0; margin: 0 5px 10px 0; }
.footer .footer_right ul li:hover {background-color:#b30022; }

.hours  { font-size: 22px;
    color: #000000;
    padding: 0 0 15px;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
        white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* WooCommerce */
.woocommerce .about_page_content ul li::before {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.woocommerce-page .about_page_content ul li::before {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.checkout-button.button.alt.wc-forward {
    background-color: #b30022;
}
.checkout-button.button.alt.wc-forward:hover {
    background-color: #000000;
}
#coupon_code {
  font-size: 20px;
  height: auto;
}
.woocommerce .shop_table .button {
    background-color: #b30022;
}
.woocommerce #place_order {
    background-color: #b30022;
}
.woocommerce form .input-text {
  height: auto !important;
}
#billing_phone {
  line-height: 2;
}
.woocommerce div.product form.cart .button {
  background-color: #b30022;
  font-size: 1.25em;
}

.food_timing_sec ul li .food_time_img { display: block; background-color: #000000; height: 210px;}
.food_timing_sec ul li .food_time_img > img {display: block; height: 100%; object-fit: cover;width: 100%;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;}


.two_section.food_timing_sec ul { width: 50%; float: left;} 
.two_section.food_timing_sec ul li { width: 50%;}
.two_section.food_timing_sec .month_special { width: 50%; float: left; padding-left: 25px;}
.two_section.food_timing_sec .month_special h2 {font-family: 'Montserrat', sans-serif; color: #b30022; text-transform: uppercase; font-size: 35px; padding: 0 0 20px;}
.two_section.food_timing_sec .month_special p {    font-size: 16px;line-height: 22px;padding: 0 0 22px;}
.two_section.food_timing_sec .month_special p strong { color: #b30022; display: block; text-transform: uppercase;font-size: 24px; line-height: normal;}


.food_timing_sec ul li {
    float: left;
    width: 25%;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
}

.two_section.food_timing_sec ul li {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
}
.testimonial_wrap {
background: #000000; /* Old browsers */
background: -moz-linear-gradient(left, #000000 0%, #000000 47%, #b30022 47%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #000000 0%,#000000 47%,#b30022 47%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #000000 0%,#000000 47%,#b30022 47%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#b30022',GradientType=1 ); /* IE6-9 */

}
/* Hide WooCommerce Category on Product Single */
.product_meta {
    display: none;
}
/* Hide Bullets on Receipt Page */
.woocommerce ul.order_details li::before {
	content: unset !important;
}
/* Style WooCommerce Add to Cart Button*/
.single_add_to_cart_button {
	background-color: #b30022 !important;
	padding: 10px;
}