/*
Theme Name: Personal Club
Theme URI: https://gracethemes.com/themes/personal-club/
Author: Grace Themes
Author URI: https://gracethemes.com/
Description: Personal Club is a simple, clean, easy to use and user-friendly free personal blog WordPress theme. This theme is developed for to create personal or blogging websites. It can also be used for fashion blog, portfolio, beauty & spa, lifestyle, news, travel, photography and food blog websites. This theme is compatible with many popular WordPress plugins like Contact Form 7, Gravity forms, WooCommerce, NextGEN gallery, Revolution slider, Cyclone slider, Jetpack, Yoast. Demo Link: https://gracethemes.com/demo/personal/

Version: 1.0
License: GNU General Public License version 2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: personal-club
Tags:blog,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

Personal Club WordPress Theme has been created by Grace Themes(gracethemes.com), 2019.
Personal Club 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: 'Roboto', 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;}
.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;}
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%}
a{	background-color: transparent;	-webkit-text-decoration-skip: objects;}
.postmeta{padding:0 0 5px; color:#888; 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%;}


/* = 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;}
svg:not(:root) {overflow: hidden;}

.button{  border:1px solid #404040; color:#404040; padding:10px 30px; 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 #fba681; color:#fba681; }

#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: relative; background-color:#ffffff !important; }
.site-header.siteinner{ position:relative; box-shadow:0 2px 10px #eee }
.boxlayout{ width:1210px; margin:0 auto; background-color:#fff; position:relative; box-shadow:0 -8px 8px #111;}
.fulllayout{ width:100% !important;}

.logo{ float:left;  display:inline-block; z-index:999; padding:20px 0;  color:#818080; width:50%; box-sizing:border-box; text-align:center;}
.logo h1{font-weight: bold; margin:0; font-size:36px; letter-spacing:2px; line-height:36px; color:#111; }
.logo a{ color:#111;}


.tagline{ font-size:13px; color:#828181; display:block; letter-spacing:2px;}

/*header right*/
.header_search_column{float:left; display:inline-block;  padding:30px 0; color:#555; width:24%; box-sizing:border-box; text-align:right; }
.header_search_column .search-form{ position:relative;}
.header_search_column .search-form input.search-field{ background-color:#f7f6f6; width:80%; padding: 12px 45px 12px 15px; box-sizing:border-box; border:none; border-radius:25px; }
.header_search_column .search-form input.search-submit{ background:url(images/search-icon-head.png) no-repeat center center; padding: 12px 0 12px 0; font-size:0; width:20%; height:43px; float:right; border:0; position:absolute; top:0; right:0; cursor:pointer;}
.container.forhead{ padding:10px 0;}
.header-title{ display:none;}
/* = header menu style
-------------------------------------------------------------- */
.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;}

.mainmenu{background-color:#f7f6f6;  position:relative; z-index:99999; }
.site_navigation{ padding:0; z-index:9999; }
.site_navigation ul {margin:0; padding:0; font-family:'Roboto', sans-serif; font-size:16px; font-weight:500; text-align:center; }
.site_navigation ul li{display:inline-block; position:relative; margin:0;}
.site_navigation ul li:last-child{border-right:none;}
.site_navigation ul li a{ padding:18px 25px; display:block; text-align:center; color:#101010; }
.site_navigation ul li ul li{ display:block; position:relative; float:none; top:1px; border-bottom:1px solid #ddd;}
.site_navigation ul li ul li a{ display:block; padding-top:7px; padding-bottom:7px; position:relative; top:1px; text-align:left;  box-shadow:none; }
.site_navigation ul li ul{display:none; z-index:9999999; position:relative; background-color:#f7f6f6; }
.site_navigation ul li:hover > ul{display:block; width:200px; position:absolute; left:0; text-align:left; }
.site_navigation ul li:hover ul li ul{display:none; position:relative;}
.site_navigation ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:0;}
.site_navigation ul li a:hover, 
.site_navigation ul li.current-menu-item a,
.site_navigation ul li.current-menu-parent a.parent,
.site_navigation ul li.current-menu-item ul.sub-menu li a:hover{ color:#fba681;} 
.site_navigation ul li.current-menu-item ul.sub-menu li a{ color: #fff;}

.headersliderwrap{ position:relative;}
.last_column{ clear:right; margin-right:0 !important; }

/* = Social Media icons Style
-------------------------------------------------------------- */
.social-icons{ position:relative; float:left; display:inline-block; vertical-align:top; padding:25px 0; width:24%; box-sizing:border-box;}
.social-icons a{ width:40px; height:40px; line-height:40px; text-align:center;  vertical-align:middle; display:inline-block; padding:0 8px 0; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; font-size:16px; color:#111; }
.social-icons br{ display:none;}

/* = Page layout css
-------------------------------------------------------------- */
.defaultpage_content_area{ width:67%; margin:0; float:left; padding:0 0 30px; box-sizing:border-box;}
.defaultpage_content_area ul, .defaultpage_content_area ol{ margin:0 0 20px 20px; }
.defaultpage_content_area ul li, .defaultpage_content_area ol li{ margin:0; }
.defaultpage_content_area ul ul, .defaultpage_content_area ol ol{ margin:0 0 0 30px; }
.fullwidth{ width:100% !important; float:none  !important;}
.fullwidth p{ margin-bottom:15px;}
.default_pagelayout{ padding:70px 0;}
.default_pagelayout p{ margin-bottom:30px;}

.default_blog_style{ margin:0; padding:40px; text-align:center; }
.default_blog_style .thumbnail_box{ margin:0 0 15px 0; }
.default_blog_style .thumbnail_box img{ height:auto;}
.default_blog_style h3, h3.single-title{ margin-bottom:15px; font-size:18px; font-weight:bold; padding-bottom:10px;}
.default_blog_style h3 a{ color:#505050;}
.default_blog_style h3 a:hover{ color:#efc62c;}
.default_blog_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 .default_blog_style .thumbnail_box{ margin-bottom:20px;}

.default_blog_style:nth-child(odd){ background-color:#f7f5f5;}
.default_blog_style:nth-child(even){ background-color:#fff;}

/* = sidebar
-------------------------------------------------------------- */
#sidebar{ float:right; width:28%;}
#sidebar h3.widget-title{ padding:0; margin-bottom:15px; color:#515151; font-size:24px; font-weight:600; }

#sidebar aside.widget{margin-bottom:30px; border-bottom:double #ccc; padding-bottom:20px;}
#sidebar aside.widget ul{ list-style:disc; margin:0; padding:0; }
#sidebar aside.widget ul li{ list-style: disc inside ; border-bottom:1px dashed #d0cfcf; padding:5px 0 10px; margin:0; }
#sidebar aside.widget ul li a{ padding:0; color:#3b3b3b; }
#sidebar aside.widget ul li a:hover{ color:#34c6f6;}
#sidebar aside.widget ul li:last-child{ border:none;}

#sidebar aside.widget ul li ul{ padding-left:15px; padding-top:5px; }
#sidebar aside.widget ul li ul li{ list-style:inside circle; padding:7px 0 5px 0; list-style-position:inside; margin:0;border-top:1px solid #eee; }

#sidebar aside.widget.widget_search{ padding:15px 10px;}
#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:19%; height:41px; float:right; border:0; border-radius:5px;}



/* = Footer css
-------------------------------------------------------------- */
.sitefooter{ background-color:#040404; padding:0; position:relative; color:#8a8989; }
.widget-column-1{ width:24%; float:left; margin:0 4% 0 0; }
.widget-column-2{ width:20%; float:left; margin:0 4% 0 0; }
.widget-column-3{ width:24%; float:left; margin:0 4% 0 0; }
.widget-column-4{ width:20%; float:left; margin:0 0 0 0; }

.sitefooter h5{ margin:0 0 25px 0; font-size:20px; font-weight:bold; color:#fff; }
.sitefooter ul{ margin:0; padding:0; list-style:inside disc;}
.sitefooter ul li { padding:0 0 8px 0; margin:0; color:#8a8989;}
.sitefooter ul li a { color:#8a8989; }
.sitefooter ul li a:hover, .sitefooter ul li.current_page_item a { color:#fba681; }
.sitefooter .widget{ padding:50px 0 ;}

.copyrightwrap{ padding:20px 0; border-top:1px solid #202020; color:#8a8989; text-align:center;}
.copyrightwrap a:hover{color:#fff;}

.copyrightwrap .left{ width:30%; text-align:left;}
.copyrightwrap .right{ width:40%; text-align:right;}
.copyrightwrap .center{ float:left; width:30%; text-align:center; font-size:28px; font-weight:bold; text-transform:uppercase; 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;}

/* = WooCommerce Plugin Compatible css
-------------------------------------------------------------- */
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;}

/* = 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;}

/* Text meant only for screen readers. */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;	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. */
}