/*
Theme Name: Economics
Theme URI: https://gracethemes.com/themes/economics/
Author: Grace Themes
Author URI: https://gracethemes.com/
Description: Economics is a multipurpose, clean and minimal free WordPress theme. It is very easy to install and customize and comes powerful features. It is perfect for corporate companies,business organizations, travel agency and online services providers. Demo Link: https://www.gracethemes.com/demo/economics/

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

Economics WordPress Theme has been created by Grace Themes(gracethemes.com), 2017.
Economics WordPress Theme is released under the terms of GNU GPL
*/
body{ background-color:#fff; margin:0; padding:0;line-height:26px; font-size:16px; color:#6f6f6f; 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:#01c18d;}
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:#484f5e; font-family:'Roboto', sans-serif; margin:0 0 20px; padding:0; line-height:1.1; font-weight:600; }
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;}
.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;}
blockquote{border-left:5px solid #ccc; padding:10px 10px 10px 40px; color:#ccc; font-size:15px; line-height:1.5; margin-bottom:30px;}
blockquote p{ margin-bottom:0 !important;}

.left{ float:left;}
.right{ float:right;}

figcaption,figure{	display: block;}
figure {margin: 1em 0;}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
a {	background-color: transparent;	-webkit-text-decoration-skip: objects;}
.postmeta{padding:5px 0 15px; color:#888; }
.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: 700;
}

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;
}
img {
	border-style: none;
}
svg:not(:root) {
	overflow: hidden;
}
#comment-nav-above .nav-previous, #comment-nav-below .nav-previous{ float:none !important; margin:10px 0;}
ol.comment-list li{ list-style:none; margin-bottom:5px;}
#site-holder{ margin:0 auto;}

.container{ width:1170px; margin:0 auto; position:relative;}
.pagebanner{ height:280px; overflow:hidden; text-align:center;}
.pagebanner img{ position: relative; background-size:cover; width:100%; height:auto;}


.site-header{ width:100%; z-index:999; top:45px; background-color:#fff; position: absolute; border-radius:8px; padding:0 20px; box-sizing:border-box; }
body.home .fixed-header { position:fixed !important; top:0; z-index:999; padding:0 20px; }
body.home .boxlayout .fixed-header { width:auto; }
body.home .no-sticky{ position:relative !important; }
.siteinner, .blog .site-header{ position:relative !important; top:0;}

body.home .fixed-header .topstrip{ display:none;}
.topstrip{ background-color:#111; color:#fff; text-align:right;}
.topstrip .left a{color:#fff;}
.topstrip .social-icons a{ margin:0; padding:10px 10px 10px 18px; font-size:15px; color:#a3a9ab;}
.topstrip .social-icons a:hover{ color:#01c18d;}

.logo{ float:left; z-index:999; padding:17px 0;  color:#fff;}
.logo h1{font-weight: bold; margin:0; line-height:36px; color:#fff;}
.logo a{ color:#333;}
.logo span{ color:#888; display:block;}

.head-rightpart{float:right; }
.infotitle{ display:none;}
.infobox{text-align:right; padding:5px 0; }

/*header menu css*/
.toggle{display: block;}
.toggle a{width:100%; color:#ffffff; background:url(images/mobile-nav.png) no-repeat right center #3e3e3e; padding:10px 10px; margin-top:5px; font-size:16px; display:none;}
.toggle a:hover{color:#ffffff !important;}
/*main menu*/
.mainmenu{ background-color:#01c18d;}
.header-menu{ padding:0; position:relative; z-index:9999; text-align:right; }
.header-menu ul {margin:0; padding:0; font-family:'Roboto', sans-serif; font-size:16px; font-weight:500; }
.header-menu ul li{display:inline-block; position:relative; margin:0;}
.header-menu ul li:last-child{border-right:none;}
.header-menu ul li a{padding:35px 18px; display:block; color:#111;}
.header-menu ul li ul li{display:block; position:relative; float:none; top:1px; border-bottom:1px solid #ccc;}
.header-menu ul li ul li a{display:block; padding-top:7px; padding-bottom:7px; position:relative; top:1px; text-align:left;}

.header-menu ul li ul{display:none; z-index:9999999; position:relative; background-color:#fff;}
.header-menu ul li:hover > ul{display:block; width:200px; position:absolute; left:0; text-align:left; }
.header-menu ul li:hover ul li ul{display:none; position:relative;}
.header-menu ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:0;}

section#home_slider{ padding:0; }
h2.sectiontitle{font-weight:600; font-size:40px; margin-bottom:50px; position:relative; text-align:center;}

/* = Section welcome section css
-------------------------------------------------------------- */
#sectiopn-second{ padding:50px 0; background-color:#f6f6f6;}
.aboutus-thumb{ width:35%; float:right; box-sizing:border-box; position:relative; }
.aboutus-thumb:after{ content:''; position:absolute; border:solid 2px #ffffff; width:80%; height:80%; margin:0 auto; left:0; right:0; top:50%; transform:translateY(-50%); -webkit-transition:translateY(-50%);    -moz-transition:translateY(-50%); -o-transition:translateY(-50%);-ms-transition:translateY(-50%);}

.aboutus-thumb img{ width:100%; }
.aboutus-content{width:60%; float:left; box-sizing:border-box;}
.aboutus-content p{ margin-bottom:35px; line-height:24px;}
.aboutus-content .learnmore{ margin-bottom:25px;}

/* = Services section css
-------------------------------------------------------------- */
.last_column{clear:right; margin-right:0 !important; }
.learnmore{ background-color:#01c18d;  color:#fff ;display: inline-block; padding:5px 15px; }
.learnmore:hover{ background-color:#333;color:#fff ;}

/* = Page layout css
-------------------------------------------------------------- */
.site-maincontentarea{ width:780px; margin:0; padding:0; float:left;}
.fullwidth{ width:100% !important; float:none  !important;}
.fullwidth p{ margin-bottom:30px;}

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

.recent_articles{ margin-bottom:30px; }
.recent_articles h3, h3.single-title{ margin-bottom:5px; font-size:24px;}
.recent_articles h3 a{ color:#484f5e;}
.recent_articles h3 a:hover{ color:#01c18d;}
.recent_articles p{ margin-bottom:20px;}
.blog-meta{ font-style:italic; margin-bottom:8px;}
.post-date, .post-comment, .post-categories{ display:inline; color:#333;} 
.single_title{ margin-bottom:5px;}
.BlogPosts{ width:31.2%; float:left; margin:0 3% 0 0;}
.BlogPosts img{ width:100%;}
.BlogPosts h2{ margin:10px 0; font-size:22px; }
.post-thumb{ width:25%; float:left; margin:5px 25px 5px 0;}
.post-thumb img{ width:100%; }

/* = Four pagebox section
-------------------------------------------------------------- */
#sectiopn-first{ padding:60px 0; }
.column-4{width:23.4%; float:left; margin:0 2% 0 0; position:relative; box-sizing:border-box; text-align:center; }
.column-4-content{ padding:20px 15px;}
.column-4 p{ margin-bottom:20px; }
.column-4-imgbx{ width:80px; height:80px; margin:0 auto 25px; position:relative;}
.column-4-imgbx::before{
 content:"";
 position:absolute;
 height:100px;
 border-right:1px solid #e4e4e4;
 top:5px;
 right:-105px;
}
.column-4-imgbx img{ width:100%; height:auto; min-height:80px; display:block;}
.column-4 h5{ font-size:18px; color:#404040; margin:0 0 20px 0; text-transform:uppercase; font-weight:600;}
.column-4 h5 a{color:#404040;}
.column-4 .learnmore{ background-color:#222; border-radius:0; padding:5px 15px; text-transform:uppercase;}
.column-4:hover h5 a{ color:#01c18d;}
.column-4:hover .learnmore{ background-color:#01c18d;}
.column-4.last_column .column-4-imgbx::before{ border-right:0;}

/* = sidebar
-------------------------------------------------------------- */
#sidebar{ width:330px; float:right;}
aside.widget{margin-bottom:30px; background-color:#f2f2f2; }
aside.widget ul{ list-style:disc; }
h3.widget-title{padding:12px 15px; margin-bottom:5px; color:#fff; background-color:#777; font-size:22px; }
#sidebar aside.widget .wp-block-heading{ padding:12px 15px; margin-bottom:5px; color:#fff; background-color:#777; font-size:22px; }
#sidebar ul li{ list-style:inside none disc; padding:8px 0 8px 20px; list-style-position:inside; margin:0;}
#sidebar ul li a{ padding:0; color:#3b3b3b; }
#sidebar ul li a:hover{ color:#34c6f6;}
#sidebar ul li:last-child{ border:none;}
#sidebar .woocommerce ul.cart_list li{ padding:0 0 0 30px; list-style:none;}

#sidebar .search-form{ margin-bottom:20px;}
#sidebar .search-form input.search-field{ background-color:#f0efef; 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 #01c18d; padding: 12px 0 12px 0; font-size:0; width:20%; height:43px; float:right; border:0;}

/* = Footer css
-------------------------------------------------------------- */
.footer-copyright {  background-color:#1a1a1a; position:relative; padding:15px 0; color:#fff;}
.footer-copyright a:hover{ color:#fff;}
.copyright-txt { float:left;}
.copyright-txt span{color:#01c18d;}
.design-by { float:right;}


/* Buttons */
.button{ background-color:#ff6565; border-bottom:4px solid #e44545; color:#fff; padding:8px 20px; display:inline-block; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px; }
.button:hover{background-color:#34c6f6; border-color:#1898c2; color:#fff;}

/* 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; font-family:Georgia, "Times New Roman", Times, serif; }
.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 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{ font-family:'Roboto',san-serif; 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{ font-family:'Roboto',san-serif; 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;}

/* 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. */
}
/* ============= Contact Page =========== */
.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:#01c18d; width:auto; border:none; cursor:pointer; font:18px 'Roboto',san-serif; color:#ffffff; padding:10px 40px; border-radius:3px;}	

/* Comment Form
=============================== */
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;}
body.wp-custom-logo .logo h1{display:none;}

nav.pagination .page-numbers{ background-color:#ccc; padding:10px 15px; font-size:15px; font-weight:600; color:#444;}
nav.pagination .page-numbers.current{background-color:#01c18d;}