/*
Theme Name: Pub Store
Theme URI: https://gracethemes.com/themes/free-bar-wordpress-theme/
Author: Grace Themes
Author URI: https://gracethemes.com/
Description: The Pub Store is a clean, elegant, simple and responsive free bar WordPress theme. This responsive WordPress theme will be a perfect match for websites related to pub, bar, brewery, cafe, food and restaurants businesses. The theme is well suited for selling wine-related products on the web. This multipurpose theme can also be used for corporate, business, hotel, resort, lodge, catering, personal blog, fashion, lifestyle, medical, fitness, yoga, education, gym, cake and sweet shop, charity, furniture, interior design and many more. It has unlimited color options and Google fonts, full-width page template, custom widgets for sidebar and footer, built-in image slider, full-width or boxed layout option. This 100% responsive ready theme is developed to looks great on all screen sizes and display devices. It is multilingual and fully translation ready to build your site in multiple languages. Demo Link: https://www.gracethemes.com/demo/pubstore/

Version: 2.0
License: GNU General Public License version 2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pub-store
Requires PHP:  5.6
Tested up to: 5.7
Tags:blog,food-and-drink,two-columns,right-sidebar,full-width-template,custom-colors,custom-menu,custom-header,custom-logo,featured-images,editor-style,custom-background,threaded-comments,theme-options, translation-ready

Pub Store WordPress Theme has been created by Grace Themes(gracethemes.com), 2019.
Pub Store WordPress Theme is released under the terms of GNU GPL
*/

body{ background-color:#fff; margin:0; padding:0;line-height:24px; font-size:16px; color:#363636; font-family: 'Assistant', sans-serif; -ms-word-wrap:break-word; word-wrap:break-word; }
*{ margin:0; padding:0; outline:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
img{ border:none; margin:0; padding:0; height:auto; max-width:100%;}
.wp-caption, .wp-caption-text, .sticky, .gallery-caption, .aligncenter{ margin:0; padding:0; max-width:100% !important;}
p{ margin:0; padding:0;}
a{ text-decoration:none; color:#efc62c;}
a:hover{ color:#333;}
ol,ul{ margin:0; padding:0;}
ul li ul, ul li ul li ul, ol li ol, ol li ol li ol{ margin-left:10px;}
h1,h2,h3,h4,h5,h6{ color:#101010; font-family: 'Roboto', sans-serif; margin:0 0 20px; padding:0; line-height:1.1; font-weight:400; }
h1.entry-title{ font-weight:bold; margin-bottom:35px; color:#555;}
h1{ font-size:32px;}
h2{ font-size:28px;}
h3{ font-size:24px;}
h4{ font-size:20px;}
h5{ font-size:18px;}
h6{ font-size:14px;}
.clear{ clear:both;}
.left{ float:left;}
.right{ float:right;}
figcaption,figure{	display: block;}
figure {margin: 1em 0;}
blockquote{ background-color:#f2f2f2; border-left:5px solid #ccc; padding:15px 15px 15px 40px; color:#999; font-size:15px; line-height:1.5; margin-bottom:30px;}
blockquote p{ margin-bottom:0 !important;}
hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
.textwidget select{ width:100%;}
table{ width:100%}
.alignnone{ width:100%;}
img.alignleft, .alignleft{ float:left; margin:0 15px 0 0; padding:5px; border:1px solid #cccccc;}
img.alignright, .alignright{ float:right; margin:0 0 0 15px; padding:5px; border:1px solid #cccccc;}
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0;  height:auto;}

/*
Lists style CSS
--------------------------------------------------------------*/

ul,
ol {
	margin:0;
	padding: 0;
}
ul {list-style: inside none disc;}
ol {list-style: decimal;}

ul li,
ol li {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: 700;
}
dd {
	margin: 0 1.5em 1.5em;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
img {
	border-style: none;
}
svg:not(:root) {
	overflow: hidden;
}

/* Buttons */
.button{  border:1px solid #404040; color:#404040; padding:8px 20px; display:inline-block; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; -o-border-radius:25px; -ms-border-radius:25px; }
.button:hover{ border:1px solid #dd3333; color:#dd3333; }

a.ReadMore{ background-color:#333339; color:#fff ; padding:5px 15px; display:inline-block;}
a.ReadMore:hover{ background-color:#ffae00; color:#fff; }

.learnmore{ background-color:#dd3333; color:#fff ;display: inline-block; padding:8px 25px; text-transform:uppercase; }
.learnmore:hover{ background-color:#333;color:#fff ;}

a {	background-color: transparent;	-webkit-text-decoration-skip: objects;}
.postmeta{padding:0 0 5px; color:#888; margin-bottom:15px; display:inline-block; }
.postmeta a{color:#999;}
.postmeta a:hover{color:#e74c3c;}
.breadcrumbs{padding:10px 0; margin-bottom:0;}
a:active,
a:hover {
	outline-width: 0;
}
b, strong {
	font-weight: inherit;
	font-weight:blod;
}
pre {
	background: #eee;	
	font-size: 14px;
	font-size: 0.9375rem;
	line-height: 1.4;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding:20px;
}
iframe{max-width:100%;}
#comment-nav-above .nav-previous, #comment-nav-below .nav-previous{ float:none !important; margin:10px 0;}
nav.pagination .page-numbers{ background-color:#ccc; padding:10px 15px; font-size:15px; font-weight:600; color:#444;}
nav.pagination { clear:both;}
nav.pagination .page-numbers.current{background-color:#efc62c;}
ol.comment-list li{ list-style:none; margin-bottom:5px;}

/* = layout style
-------------------------------------------------------------- */
#sitelayout_type{ margin:0 auto;}
.container{ width:1170px; margin:0 auto; position:relative;}
.site-header{width:100%; z-index:9999; box-sizing:border-box; position: absolute; background-color:rgba(0,0,0,0.6) !important; border-bottom:1px solid #465361; }
.site-header.siteinner{ background-color:#555 !important; position:relative; }
.logo {	float: left; padding: 17px 0; width: 28%; position: relative;text-align: left;}
.logo h1 {margin: 0; font-size:40px; font-weight:600;  font-family: 'Great Vibes', cursive;}
.logo a, .logo p { color: #999;}
.tagline{ font-size:13px; color:#828181; display:block; letter-spacing:1px;}
.psright_wrap{ float:right; text-align:right;}
.header-title{ display:none;}

/*header menu css*/
.toggle{display: block;}
.toggle a{width:100%; color:#ffffff; background:url(images/mobile-nav.png) no-repeat right center #3e3e3e; padding:8px 10px; margin-top:5px; font-size:16px; display:none; text-align:left;}
.toggle a:hover{color:#ffffff !important;}
/*main menu*/
.mainmenu{ padding:0; z-index:9999; }
.mainmenu ul {margin:0; padding:0; font-family:'Roboto', sans-serif; font-size:16px; font-weight:500; }
.mainmenu ul li{display:inline-block; position:relative; margin:0;}
.mainmenu ul li:last-child{border-right:none;}
.mainmenu ul li a{ padding:40px 15px; display:block; text-align:center; color:#fff; text-transform:uppercase; }
.mainmenu ul li ul li{ display:block; position:relative; float:none; top:1px; border-bottom:1px solid #666;}
.mainmenu ul li ul li a{ display:block; padding-top:7px; padding-bottom:7px; position:relative; top:1px; text-align:left;}
.mainmenu ul li ul{display:none; z-index:9999999; position:relative; background-color:rgba(0,0,0,0.6) !important; }
.mainmenu ul li:hover > ul{display:block; width:200px; position:absolute; left:0; text-align:left; }
.mainmenu ul li:hover ul li ul{display:none; position:relative;}
.mainmenu ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:0;}
.mainmenu ul li a:hover, 
.mainmenu ul li.current-menu-item a,
.mainmenu ul li.current-menu-parent a.parent,
.mainmenu ul li.current-menu-item ul.sub-menu li a:hover{ color:#dd3333;} 
.mainmenu ul li.current-menu-item ul.sub-menu li a{ color: #fff;}
.slider_section{ position:relative;}
h2.sectiontitle{ font-weight:600; font-size:40px; margin-bottom:50px; position:relative; text-align:center;}
.last_column{ clear:right; margin-right:0 !important; }


/* = Social icons css
-------------------------------------------------------------- */
.social-icons{ text-align:center;}
.social-icons a{  width:30px; height:40px; line-height:40px; margin:0; padding:0; color:#fff; border-radius:50%; -moz-border-radius:50%; -webkt-border-radius:50%; display:inline-block;  }
.social-icons a:hover{ color:#dd3333; }
.social-icons br{ display:none;}

/* = Four pagebox section
-------------------------------------------------------------- */
#ps_3col_wrapper{ padding:60px 0 20px; position:relative; }
.ps_3colbx{  width:31%; float:left; margin:0 3% 0 0; padding:20px 20px 35px; position:relative; min-height:330px; box-sizing:border-box; background-color:#fff;}
.ps_3colbx p{ margin-bottom:20px;}
.ps_3colbx h3{ font-size:16px; font-weight:600; color:#404040; margin:0 0 25px; text-transform:uppercase;}
.ps_3colbx h3 a{  color:#404040;}

.ps_3colbx:hover h3{ color:#ef2e2e;}	
.ps_3colbx .ps_thumbbx{ height:200px; border:4px solid #ccc; overflow:hidden; }
.ps_3colbx .ps_thumbbx img { height:auto; min-height:200px; width:100%;}
.ps_3colbx:hover .ps_thumbbx{ border-color:#dd3333;}
.ps_contentbx{ padding:20px 0; position:relative; }

.learnmore{ background-color:#404040; color:#fff ; display:inline-block; text-transform:uppercase; border-radius:5px; font-size:14px; }
.ps_3colbx:hover .learnmore{ background-color:#dd3333; color:#fff; }

/* = About Me Section
-------------------------------------- */
#ps_welcome_section{ background-color:#f7f5f5; padding:70px 0; }
.ps_welcome_imgbx{ float:right; width:45%; margin:0 0 0 0; overflow:hidden;  }
.ps_welcome_imgbx img{ width:100%; display:block;  transition: .5s ease;}
.ps_welcontent_bx{ width:50%;  float:left; margin:0; }
.ps_welcontent_bx p{ margin-bottom:35px;}
.ps_welcontent_bx h3{ font-family: 'Great Vibes', cursive; font-size:42px; margin:0 0 25px; color:#555; font-weight:600; }
.ps_welcontent_bx h5{ font-size:20px; margin-bottom:40px;}

/* = Page layout css
-------------------------------------------------------------- */
.page_content_layout{ width:67%; margin:0; float:left; padding:0 0 30px; box-sizing:border-box;}
.page_content_layout ul, .page_content_layout ol{ margin:0 0 20px 20px; }
.page_content_layout ul li, .page_content_layout ol li{ margin:0; }
.page_content_layout ul ul, .page_content_layout ol ol{ margin:0 0 0 30px; }

.fullwidth{ width:100% !important; float:none  !important;}
.fullwidth p{ margin-bottom:15px;}

.boxlayout{ width:1210px; margin:0 auto; background-color:#fff; position:relative; box-shadow:0 -8px 8px #111;}
.fulllayout{ width:100% !important;}
#ps_page_wrapper{ padding:50px 0;}
#ps_page_wrapper p{ margin-bottom:30px;}

.postlist_style{ margin:0 10px 20px 10px; padding:25px; }
.postlist_style .thumbnail_box{ width:35%; height:225px; overflow:hidden; float:left; margin:0 5% 0 0;}
.postlist_style .thumbnail_box img{ height:auto; min-height:225px;}
.postlist_style h3, h3.single-title{ margin-bottom:5px; font-size:20px;}
.postlist_style h3 a{ color:#484f5e;}
.postlist_style h3 a:hover{ color:#efc62c;}
.postlist_style p{ margin-bottom:20px;}
.blog-meta{ font-style:italic; margin-bottom:8px;}
.post-date, .post-comment, .post-categories, .edit-link{ display:inline; color:#333; font-weight:600; text-transform:uppercase; letter-spacing:2px; font-size:13px; margin:0 10px 0 0;} 
.single_title{ margin-bottom:5px;}
body.single-post .postlist_style .thumbnail_box{ margin-bottom:20px;}

/*frontpage  post 2 column*/
.blog2column{ float:none; width:100%;}
.blog2column .postlist_style{  width:48.2%; float:left; box-shadow:0 0 10px rgba(0, 0, 0, 0.12); border:1px solid rgba(0, 0, 0, 0.04)}
.blog2column .thumbnail_box{ background-color:#39adff; height:200px; overflow:hidden; margin-bottom:20px;}
.blog2column .thumbnail_box img{ width:100%; height: auto; min-height:200px;}
.blog2column .postlist_style:hover .thumbnail_box img{opacity:0.5;}

/* = sidebar
-------------------------------------------------------------- */
#sidebar{ float:right; width:28%; padding:25px; box-shadow:0 0 5px #ddd;}
aside.widget{ padding:0; margin-bottom:30px;}
aside.widget ul{ list-style:disc; }
h3.widget-title{ padding:0 0 10px; margin:0 0 10px; color:#444; font-size:20px; position:relative; font-weight:600;}

#sidebar ul li{ background:url(images/arrow.png) no-repeat center left; list-style: none; padding:7px 0 5px 20px; list-style-position:inside; margin:0;border-bottom:1px solid #eee;}
#sidebar ul li:hover{ background-color:#f9f9f9; }
#sidebar ul li a{ padding:0; color:#3b3b3b;  display:inline-block; }
#sidebar ul li a:hover{ color:#34c6f6;}
#sidebar ul li:last-child{ border:none;}

#sidebar .search-form{ margin-bottom:20px;}
#sidebar .search-form input.search-field{ background-color:#fff; width:80%; padding: 12px 15px 12px 15px; box-sizing:border-box; border:1px solid #ddd; }
#sidebar .search-form input.search-submit{ background:url(images/search-icon.png) no-repeat center center #efc62c; padding: 12px 0 12px 0; font-size:0; width:20%; height:43px; float:right; border:0;}



/* = Footer css
-------------------------------------------------------------- */
.sitefooter{ background-color:#111; padding:0; position:relative;  color:#999;}
.copyright-txt span{color:#efc62c;}
.copyleft { float:left; }
.design-by { float:right;}
.design-by a:hover{color:#999;}

.ftr-col-1{ width:23%; float:left; margin:0 3% 0 0; box-sizing:border-box; }
.ftr-col-2{ width:23%; float:left; margin:0 3% 0 0; box-sizing:border-box;  }
.ftr-col-3{ width:22%; float:left; margin:0 3% 0 0; box-sizing:border-box;  }
.ftr-col-4{ width:22%; float:left; margin:0 0 0 0; box-sizing:border-box;  }

.sitefooter h5{ font-weight:600; font-size:22px; color:#ccc; margin-bottom:40px;}
.sitefooter ul{ margin:0; padding:0; list-style:inside disc;}
.sitefooter ul li { padding:0 0 5px 0; margin:0; color:#ccc; }
.sitefooter ul li a { color:#ccc; }
.sitefooter ul li a:hover, .sitefooter ul li.current_page_item a { color:#ff8a01; }
.sitefooter .widget{ margin-bottom:20px; padding:40px 0 ;}
.footer-copyright{ background-color:#101010; color:#fff; padding:25px 0;}
.footer-copyright a:hover{ color:#fff;}

/* = Comment Form css
-------------------------------------------------------------- */
h1.screen-reader-text{font:22px 'Roboto',san-serif;}
.site-nav-previous, .nav-previous{ float:left;}
.site-nav-next, .nav-next{ float:right;}
h3#reply-title{ font-size:20px;}
#comments{ margin:30px 0 0; padding:0;}
nav#nav-below{ margin-top:15px;}

/* Comment styles */
ol.commentlist{list-style:none;}
#commentform p{margin:5px 0;}
#commentform label{display:block;}
#commentform input#email, #commentform input#url, #commentform input#author, #commentform textarea, #commentform input#eazycfc_captcha{max-width:96%; border:1px #ccc solid; padding:5px 2%;}
#commentform input#submit{ background-color:#32373a; border:none; padding:8px 15px; color:#fff; display:inline-block; cursor:pointer;}
#commentform input#submit:hover{background:#34c6f6; border-bottom-color:#ccc; color:#fff;}
.form-allowed-tags{display:none;}
.entry-content table, .comment-body table{ border-collapse:collapse; margin:10px 0;}
.entry-content table td, .entry-content table th, .comment-body table td, .comment-body table th{padding:10px 5px; text-align:left;}
.entry-content table th, .comment-body table th{color:#676767; font:normal 18px Oswald; border-bottom:1px #888 solid;}
.entry-content table td, .comment-body table td{border-bottom:1px #ccc solid;}
.fvch-codeblock:hover .comment-form-url{display:block !important;}
.commentlist, ol.commentlist {list-style:none; box-shadow:0 0 5px #666; -moz-box-shadow:0 0 5px #666; -webkit-box-shadow:0 0 5px #666; -khtml-box-shadow:0 0 5px #666; margin:10px 0; background-color:#fff; padding:10px 0;}
.commentlist li, ol.commentlist li { list-style:none; background-image:none !important; padding:0px 15px;}
.commentlist li ol li.depth-2, .commentlist li ol li.depth-3, .commentlist li ol li.depth-4, ol.commentlist li ol li.depth-2, ol.commentlist li ol li.depth-3, ol.commentlist li ol li.depth-4 { border-bottom:none;}
.commentlist li.bypostauthor article, ol.commentlist li.bypostauthor article { background:#f9ffe1;}
.commentlist article, .commentlist li.bypostauthor li article, ol.commentlist li.bypostauthor li article { border:none !important; padding:10px; position:relative; background-color:#fff;}
.commentlist li .fn { font-weight:normal; font-size:15px; font-style:normal;}
.commentlist li.bypostauthor .fn, ol.commentlist li.bypostauthor .fn { color:#000;}
img.avatar { vertical-align:middle; position:static; display:inline-block;}
.commentlist article a time { display:block; clear:both; padding:5px 0 10px; font-size:11px; font-style:italic; }
.commentlist, ol.commentlist p { font-size:14px;}
.commentlist .reply span, ol.commentlist .reply span { display:none;}
.commentlist .reply a, ol.commentlist .reply a { display:block;	padding:10px; text-align:center; background:#f6f6f6; margin:5px 0; border:1px #ddd solid;}
.comment-author.vcard{display:inline-block; margin-right:15px;}
.comment-list ul.children li.comment{background-image:none; padding-left:5px;}

/* = Contact Form 7 css
-------------------------------------------------------------- */
.wpcf7{ margin:30px 0 0; padding:0;}
.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"]{ width:40%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:35px; padding:0 15px; color:#797979; margin-bottom:0;}
.wpcf7 textarea{width:60%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:150px; color:#797979; margin-bottom:25px; font:12px arial; padding:10px; padding-right:0;}
.wpcf7 input[type="submit"]{background-color:#efc62c; width:auto; border:none; cursor:pointer; font:18px 'Roboto',san-serif; color:#ffffff; padding:10px 40px; border-radius:3px;}

/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.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;
clip-path: none;
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. */
}
/* Do not show the outline on the skip link target. */
#ps_page_wrapper[tabindex="-1"]:focus {
outline: 0;
}

/* = Navigation Focus CSS
-------------------------------------------- */
#sitelayout_type a:focus,
button:focus,
input[type="button"]:focus,		
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,		
input[type="week"]:focus,
input[type="time"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {	
outline: thin solid #dd3333;
}

.page_content_layout a{ 
text-decoration:underline;
font-weight:bold;
}


/* WooCommerce plugin css code */
a.added_to_cart{background:#e1472f; padding:5px; display:inline-block; color:#fff; line-height:1;}
a.added_to_cart:hover{background:#000000;}
a.button.added:before{content:'' !important;}
#bbpress-forums ul li{padding:0;}
#subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#e1472f; margin-top:4px;}
textarea.wp-editor-area{border:1px #ccc solid;}
.woocommerce input[type=text], .woocommerce textarea{border:1px #ccc solid; padding:4px;}
form.woocommerce-ordering select{ padding:5px; color:#777777;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ color:#ff8a00;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
h1.product_title, p.price{ margin-bottom:10px;}

.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ color:#ff6d84;}
.woocommerce ul.products li, #payment ul.payment_methods li{ list-style:none !important;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{ border-bottom:0px !important}

.woocommerce .quantity .qty{ padding:7px; border:1px solid #ccc;}
.woocommerce-Price-amount.amount{font-size:14px !important;}
.woocommerce div.product .product_title{ padding-bottom:20px !important;}
.woocommerce div.product form.cart{ margin-top:15px !important;}