/*
Theme Name: Organizing Lite
Theme URI: https://gracethemes.com/themes/organizing-lite/
Author: Grace Themes
Author URI: https://gracethemes.com/
Description: Organizing Lite is easy to use, simple, dynamic and creative free WordPress theme. This free multipurpose WordPress theme is specially designed to create a website for business, corporate, portfolio, personal, blog, hotel and any other business needs. Organizing Lite is a perfect platform for to create beautiful, modern and professional websites in just a few clicks. This themes is comes with attractive design and some great futures and tools that allow you to create your website without any coding knowledge. Demo Link: https://gracethemes.com/demo/organizing/

License: GNU General Public License version 2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: organizing-lite
Version: 2.2
Requires PHP:  5.6
Tested up to: 6.6
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

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

*{ 
	margin:0; 
	padding:0; 
	outline:none; 
	box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
}
body{ background-color:#fff; margin:0; padding:0;line-height:26px;font-size:16px;color:#363636; font-family: 'Roboto', sans-serif; -ms-word-wrap:break-word; word-wrap:break-word;}

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:600; }
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%;}

.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 #f2b23d; color:#f2b23d; }
#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;}

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

/* = 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; padding:20px 0; position: relative;text-align: left;}
.logo h1 {margin: 0; font-size:34px; font-weight:600; }
.logo a, .logo p { color: #999;}
.tagline{ font-size:13px; color:#828181; display:block; letter-spacing:1px;}
.hdrright_area{ float:right; text-align:right; width:75%;}

/* = Header Navigation CSS
-------------------------------------------------------------*/
#mainnavigator{ 
display:inline-block;
padding:21px 0;
position:relative;

}
.site-navigation {
display: block;
margin:0;
position:relative;
}
/* Styling the links */
.site-navigation a {
display: block;
font-size: 1.125rem;
padding: 0.75em 0.75em;
color: #424242;
text-decoration: none;
box-sizing: border-box;
width: 100%;
white-space: normal;
font-weight:400;
}
/* Background color change on Hover */
.site-navigation .menu a:hover,
.site-navigation .menu a:focus { 	
color:#cf317c;
}
/* Set menu item's width to 100% */
.site-navigation .menu li {
display: inline-block;
width: 100%;
}
/* Styling the toggle buttons */
.menu-toggle {	
padding:5px;
color: #111;
font-size:14px;
text-decoration: none;
border: 1px solid #111;
border-radius: 4px;
display: block;
position: absolute;
top:-33px;
right:20px;
z-index:999999;
}
.menu-toggle .dashicons {
vertical-align: text-bottom;
}
.menu-toggle .dashicons:before {
content: '\f228';
}
.toggled .menu-toggle {
background-color: #606060;
}
.toggled .menu-toggle .dashicons:before {
content: '\f158';
}
.dropdown-toggle {
background-color: transparent;
padding: 0.5em;
position: absolute;
top: 0.5em;
right: 0.5em;
border: 1px solid transparent;
border-left: 1px solid #bbb;
border-radius: 0;
color: #333;
text-align: center;
}
.dropdown-toggle:hover,
.dropdown-toggle:focus {
border: 1px dashed;
}
.dropdown-toggle .dashicons {
font-size: 1.25rem;
}
.dropdown-toggle .dashicons:before {
content: '\f347';
color:#333;
}
.toggled-on > .dropdown-toggle .dashicons:before {
content: '\f343';
color:#333;
}
/* Hide Submenus by default using absolute positioning instead of display:none;
. */
.site-navigation .menu,
.site-navigation .menu li,
.site-navigation .menu ul,
.site-navigation .menu li:hover > ul,
.site-navigation .menu li:focus > ul {
position: absolute;
top: 100%;
left: -9999em;
color: #000000;
padding: 0;
margin: 0;
}
/* Display the menu when clicked on Menu Toggle */
.toggled .menu {
display: block;
position: relative;
top: 0;
left: 0;
background-color:#f2f2f2;
}
.toggled .menu li {
position: relative;
left: unset;
border-bottom:1px solid #bbb;
}


.toggled .menu li > .sub-menu {
display: none;
}
.toggled .menu .toggled-on > .sub-menu {
display: block;
position: relative;
left: 0;
top: 100%;
}
.site-navigation .menu ul a,
.site-navigation .menu ul ul a {
padding: 1.25em 0.75em;
}
.site-navigation .menu ul a {
padding: 0.75em 1.25em;
}
.site-navigation .menu ul ul a {
padding: 1.25em 1.75em;
}
.site-navigation .menu ul a,
.site-navigation .menu ul ul a {
padding: 10px 30px;
}
/*--------------------------------------------------------------
8. Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
nav:before,
nav:after {
content: "";
display: block;
}
.clear:after,
.site-header:after,
.site-content:after,
.site-footer:after,
nav:after {
clear: both;
}
@media screen and (min-width: 981px) {
/*
5. Navigation
5.1 Links	
*/
/* 5.2 Menus */
.menu-toggle,
.dropdown-toggle {
display: none;
}
.site-navigation {
/*display: flex;
*/
align-items: start;
}
.site-navigation .primary-menu,
.site-navigation .social-menu {
/*display: flex;
*/
position: static;
}
.site-navigation .social-menu {
border-left: 1px solid #bbb;
}
.site-navigation .menu li {
position: relative;
width: auto;
left: unset;
}
.site-navigation .menu ul li:first-child {
border-top: 0;
}
.site-navigation .menu a{
font-size: 17px;
padding: 0.95em 0.85em;
}
.site-navigation .menu ul a,
.site-navigation .menu ul ul a {	
padding: 0.75em 0.75em;
border-bottom:1px solid #ddd;
}
/* Hide Dropdowns by Default
* and giving it a position of absolute */
.site-navigation .menu ul {
position: absolute;
background-color:#ffffff;
text-align:left;
top: 100%;
left: -9999em;
}
/* Display Dropdowns on hover and focus */
.site-navigation .menu li:hover > ul,
.site-navigation .menu li:focus > ul,
.site-navigation .menu li.focus > ul {
left: 0;
}
/* First Tier Dropdown */
.site-navigation .menu ul li {
position: relative;
width: 190px;
}
/* Second, Third and more Tiers	
* We move the 2nd and 3rd etc tier dropdowns to the left
* by the amount of the width of the first tier.
*/
.site-navigation .menu li li:hover > ul,
.site-navigation .menu li li:focus > ul,
.site-navigation .menu li li.focus > ul {
top: 0;
left: 100%;
}
.site-navigation .menu ul a:hover,
.site-navigation .menu ul a:focus { 	
color: #cf317c;
}
.menu-item-has-children > a:after,
.page_item_has_children > a:after {
font-family: dashicons;
content: '\f347';
vertical-align: bottom;
margin-left: 0.25em;
}
.menu-item-has-children .menu-item-has-children > a:after,
.menu-item-has-children .page_item_has_children > a:after,
.page_item_has_children .menu-item-has-children > a:after,
.page_item_has_children .page_item_has_children > a:after {
content: '\f345';
font-family: dashicons;
position: absolute;
right: 0;
top: 50%;
transform: translate(0, -50%);
}
}

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

/* = Social Media icons Style
-------------------------------------------------------------- */
.social-icons{ position:relative; display:inline-block; vertical-align:top; padding:35px 0 35px 20px; float:right; border-left:1px solid #ddd;}
.social-icons a{ width:30px; height:30px; line-height:30px; background-color:#444; text-align:center; border-radius:50%;  vertical-align:middle; display:inline-block; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; font-size:13px; color:#fff; }
.social-icons br{ display:none;}

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

.org_blogstyle_front{ margin:0 0 40px 0; padding:25px; border:10px solid #eee; }
.org_blogstyle_front .thumbnail_box{ width:45%; height:225px; overflow:hidden; float:left; margin:0 5% 0 0; border-radius:10px;}
.org_blogstyle_front .thumbnail_box img{ height:auto; min-height:225px;}
.org_blogstyle_front h3, h3.single-title{ margin-bottom:15px; font-size:18px; font-weight:bold; border-bottom:1px dashed #ddd; padding-bottom:10px; display:table;}
.org_blogstyle_front h3 a{ color:#505050;}
.org_blogstyle_front h3 a:hover{ color:#efc62c;}
.org_blogstyle_front 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 .org_blogstyle_front .thumbnail_box{ margin-bottom:20px;}

/* = sidebar
-------------------------------------------------------------- */
#sidebar{ float:right; width:28%;}
#sidebar aside.widget{ padding:0; margin-bottom:30px; border:10px solid #eee; padding-bottom:15px;}
#sidebar h3.widget-title,
#sidebar h2.wp-block-heading{ background-color:#eee; padding:5px 15px 15px 20px; margin:0 0 10px; color:#444; font-size:20px; position:relative; font-weight:600;}
#sidebar aside.widget ul{ list-style:disc; padding-left:15px; margin:0; }
#sidebar aside.widget ul li{ list-style:inside disc; padding:7px 0 5px 0; list-style-position:inside; margin:0;border-bottom:1px solid #eee;}
#sidebar aside.widget ul li:hover{ background-color:#f9f9f9; }
#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 .woocommerce ul.cart_list li{ padding:0 0 0 30px; list-style:none;}

#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:#131313; 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:#f2b23d; }
.sitefooter .widget{ padding:50px 0 ;}

.copyrightwrap{ padding:20px 0; border-top:1px solid #202020; color:#8a8989; text-align:center;}
.copyrightwrap 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;}

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

/* 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. */
#org_singlepage_wrapper[tabindex="-1"]:focus {
outline: 0;
}

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