/*
Theme Name: Smallbiz Startup
Theme URI: https://theclassictemplates.com/themes/free-wordpress-startup-theme/
Author: classictemplate
Author URI: https://www.theclassictemplates.com/
Description: SmallBiz Startup is an amazing WordPress theme designed to create first personal website/blog or startup business with ease and power, backed by professional support. It is the best theme also for IT companies, entrepreneurs, Online fitness coaching, digital marketting, Energy sector, mobile app launch, agency, technical startups, Organize Specialty Travel Tours, Local Grocery Delivery Service, Coworking Space, joint business ventures, web development agencies, digital marketers, tech startup, freelancers, organization, online shop, innovative advertisers and ad agencies, corporate companies etc. The theme’s design is minimal, modern, luxurious, sophisticated and retina ready. Also, the design is beautiful and responsive which makes your website look stunning on any device. It is user-friendly so you can design your website with ease. Optimized, secure and clean codes are the reason of fast page load times.The theme is SEO-friendly which helps your website rank quickly on search engines. Based on bootstrap framework which makes it more special. It offers many customization and personalization options so you can create exactly the website you have in mind. Availability of shortcodes can help you add more functionality to your website. It is translation-ready and supports RTL layout. You can link your social media pages to your credibility. It contains a testimonial section where customers or visitors can delicately comment or give reviews to your products and services.
Version: 0.1.7
Tested up to: 5.7
Requires PHP: 5.6
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: smallbiz-startup
Tags: blog, e-commerce, right-sidebar, left-sidebar, custom-logo, full-width-template, footer-widgets, featured-images, custom-colors, editor-style, wide-blocks, custom-header, custom-background, custom-menu, sticky-post, threaded-comments, theme-options, rtl-language-support

Smallbiz Startup WordPress Theme has been created by classictemplate (theclassictemplates.com), 2020.
Smallbiz Startup WordPress Theme is released under the terms of GNU GPL
*/

*{
  margin:0;
  padding:0;
  outline:none;
}
body{
  margin:0;
  padding:0;
  line-height:20px;
  font-size:13px;
  color:#6c6c6c;
  font-family: 'Poppins', sans-serif;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
img{
  border:none;
  margin:0;
  padding:0;
  height:auto;
  max-width:100%;
}
p{
  margin:0;
  padding:0;
}
a{
  text-decoration:none;
  color: #ff6b00;
}
a:hover{
  color:#333;
  text-decoration:none;
}
ol,ul{
  margin:0;
  padding:0;
}
.wp-caption, 
.wp-caption-text, 
.sticky, 
.gallery-caption, 
.aligncenter{
  margin:0;
  padding:0;
  max-width:100% !important;
}
.entry-content ol li, 
.entry-content ul li{
  margin-left:15px;
}
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:#000000;
  margin:0 0 20px;
  padding:0;
  line-height:1.1;
  font-weight:600;
}
h1{
  font-size:32px;
}
h2{
  font-size:30px;
}
h3{
  font-size:24px;
}
h4{
  font-size:20px;
}
h5{
  font-size:18px;
}
h6{
  font-size:14px;
}
.clear{
  clear:both;
}
.alignnone{
  width:100% !important;
}
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;
}
.left{
  float:left;
}
.right{
  float:right;
}
#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;
}
/* 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;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
a:focus,
input[type='submit']:focus,
input[type='search']:focus,
textarea:focus,
input[type='name']:focus,
input[type='email']:focus,
.toggle-nav button:focus,
a.close-button:focus{
	outline: -webkit-focus-ring-color auto 1px;
}
.boxlayout{
	width: 1140px;
	margin: 0 auto;
	background-color: #fff;
	position: relative;
	box-shadow: 0 -8px 8px #8e8e8e;
}
.entry-content a,.entry-summary a,.textwidget a {
  text-decoration: underline;
}

/* = wide block css
-------------------------------------- */
.alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
}

/* = pre loader css
-------------------------------------- */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 999999;
}
#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url(images/status.gif);
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
}

/* = top header css
-------------------------------------- */
.header-top {
  background: rgba(0, 0, 0, 0) linear-gradient(90deg, #f9765c 20%, #000 15%) repeat scroll 0 0;
}
.logo {
  border-radius: 70px 0 70px 70px;
  background-image: -webkit-linear-gradient(left, #f9765c 0%, #ffae5f 100%), -webkit-linear-gradient(left, #f9765c 0%, #ffae5f 100%);
  background-image: -moz-linear-gradient(left, #f9765c 0%, #ffae5f 100%), -moz-linear-gradient(left, #f9765c 0%, #ffae5f 100%);
  background-image: -o-linear-gradient(left, #f9765c 0%, #ffae5f 100%), -o-linear-gradient(left, #f9765c 0%, #ffae5f 100%);
  background-image: linear-gradient(to right, #f9765c 0%, #ffae5f 100%), linear-gradient(to right, #f9765c 0%, #ffae5f 100%);
  position: absolute;  
  box-shadow: 0px 2px 3px 0px #000;
  padding: 5px;
  z-index: 999;
}
.logo img{
  border-radius: 50%;
}
.site-branding-text {
  background: #fff;
  border-radius: 70px 0 70px 70px;
  padding: 10px;
}
h1.site-title{
  font-size: 22px;
  margin: 0;
  text-transform: uppercase;
}
h1.site-title a:hover {
  text-decoration: unset;
}
a.mailaddress {
  padding: 15px 0;
  display: inline-block;
  color: #fff;
  font-size: 15px;
}
.social-icons {
  text-align: right;
  padding: 15px 0;
}
.social-icons i {
  color: #fff;
  font-size: 15px;
  margin-left: 15px;
}
.listarticle h2 a:hover,
#sidebar ul li a:hover,
.ftr-4-box ul li a:hover, 
.ftr-4-box ul li.current_page_item a,
.social-icons i:hover,
.main-nav ul ul a:hover{
  color: #f9765c;
}

/* = header css
-------------------------------------- */
.page-template-template-home-page .header {
  padding: 15px 0;
  background: transparent;
  position: absolute;
  width: 100%;
  z-index: 99;
}
.header {
  padding: 15px 0;
  background: #f3f3f3;
}
.contact-us a,.pagemore a, .serv-btn a,
.woocommerce ul.products li.product .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce a.button, .woocommerce button.button, .woocommerce #respond input#submit, #commentform input#submit {
  background-image: linear-gradient(to right, #f9765c , #ffae5f);
  color: #fff;
  padding: 10px 15px;
  border-radius: 70px 70px 0 70px;
  box-shadow: 0 0 15px 5px #fed1c6;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
}
.page-template-template-home-page .contact-us a{
  box-shadow: 0 0 15px 5px #ff502c;
}
.contact-us a:hover,.pagemore a:hover,.serv-btn a:hover,
.woocommerce ul.products li.product .button:hover,
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
#commentform input#submit:hover {
  background: #f9765c;
  color: #fff;
}

/* = menus css
-------------------------------------- */
#mySidenav {
  display: inline;
}
.main-nav ul{
  margin: 0;
  padding: 0;
}
.main-nav li{
  display: inline-block;
  position: relative;
}
.main-nav a {
  color: #000;
  padding: 12px;
  font-size: 12px;
  display: block;
  text-transform: uppercase;
  font-weight: 500;
}
.main-nav a:hover{
  color: #ff6b00;
}
.main-nav a:focus{
  outline: -webkit-focus-ring-color auto 1px;
}
.main-nav ul ul{
  display: none;
  position: absolute;
  background: #000;
  min-width: 250px;
  z-index: 9999;
  top: 70%;
  line-height: 30px;
  opacity: 0.9;
  border-radius: 5px;
}
.main-nav ul ul ul{
  left: 100%;
  top: 0%;
}
.main-nav ul ul a{
  color: #fff ;
  border: none;
  padding: 5px 10px ;
  margin-top: 5px;
}
.main-nav ul ul a:focus{
  outline: -webkit-focus-ring-color auto 1px;
}
.main-nav ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-left: none;
  border-right: none !important;
  padding: 0;
  border-bottom: solid 1px #565656;
}
.main-nav ul li:hover > ul{
  display: block;
}
.main-nav .menu > ul > li.highlight{
  background-color: #006ccc;
}
.main-nav .menu > ul > li.highlight:hover{
  background: transparent;
}
.sf-arrows ul .sf-with-ul:after{
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #888;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
  border-left-color: #333;
}
.toggle-nav, a.close-button{
  display: none;
}

/* = slider section css
-------------------------------------- */
#head-banner {
  border-bottom: solid 1px #ffe7cf;
}
.img-box {
  background-image: linear-gradient(to right, #ffae5f, #f9765c);
  padding: 10em 0 6em;
}
.img-inner-box img {
  border-radius: 50% 50% 0 50%;
  position: relative;
  left: -50px;
}
span.color-inner-box img {
  background: #ffae5f;
  padding: 0 15px 15px 0px;
}
.content-inner-box {
  padding: 0 8em 0 5em;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
span.design-box {
  background-image: linear-gradient(to right, #f9765c , #ffae5f);
  border-radius: 50% 50% 0 50%;
  width: 120px;
  height: 120px;
  position: absolute;
  left: -118px;
  top: 70%;
  transform: translateY(-70%);
}
.content-inner-box h2 a {
  font-size: 40px;
  color: #000;
}
.pagemore {
  margin: 30px 0;
}
.content-inner-box span,
#services_section span {
  font-size: 25px;
  text-transform: uppercase;
  color: #000;
}

/* = Services css
-------------------------------------- */
#services_section {
  padding: 5em 0;
}
#services_section h3 {
  font-size: 35px;
  margin: 8px 0 50px 0;
}
.thumbbx img,
.thumbbx {
  border-radius: 0 50% 50% 50%;
}
.thumbbx {
  background-image: linear-gradient(to right, #ffae5f, #f9765c);
  padding: 5px;
}
.pagecontent {
  box-shadow: 0 13px 22px 0px rgb(249 117 92 / 0.4);
  border-top-right-radius: 50%;
  margin-bottom: 25px;
}
.text-inner-box {
  padding: 18px;
}


/* = Page lay out css
-------------------------------------- */
.postsec-list input.search-field,
.postsec-list input.search-submit {
  padding: 15px 10px;
}
.contentsecwrap{
  padding:25px 0;
  clear: both;
}
.contentsecwrap p{
  margin-bottom:20px;
}
.listarticle,aside.widget{
  margin-bottom: 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 20px;
  border-left: 5px solid #f9765c;
  border-right: 5px solid #ffae5f;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-position: 0 0, 0 100%;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 5px;
  -moz-background-size: 100% 5px;
  background-size: 100% 5px;
  background-image: -webkit-linear-gradient(left, #f9765c 0%, #ffae5f 100%), -webkit-linear-gradient(left, #f9765c 0%, #ffae5f 100%);
  background-image: -moz-linear-gradient(left, #f9765c 0%, #ffae5f 100%), -moz-linear-gradient(left, #f9765c 0%, #ffae5f 100%);
  background-image: -o-linear-gradient(left, #f9765c 0%, #ffae5f 100%), -o-linear-gradient(left, #f9765c 0%, #ffae5f 100%);
  background-image: linear-gradient(to right, #f9765c 0%, #ffae5f 100%), linear-gradient(to right, #f9765c 0%, #ffae5f 100%);
}
.listarticle h2 a{
  color:#000000;
}
.blog-meta{
  font-style:italic;
  margin-bottom:8px;
}
.post-date, 
.post-comment{
  display:inline;
  color: #000000;
} 
.single_title{
  margin-bottom: 15px;
  font-size: 25px;
}
.post-thumb{
  margin:0 0 15px 0;
}
.postmeta{
  margin-bottom:10px;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
}
.nav-links .page-numbers{
  padding:5px 10px;
  color:#111;
}

select{ border:1px solid #ccc; width:100%;}

/* = sidebar
---------------------------------------------- */
label{
  margin-bottom: 0;
}
aside.widget ul{ 
  list-style:none; 
}
h3.widget-title{ 
  padding:0 0 15px 0; 
  color:#000000; 
  border-bottom:1px solid #edecec; 
  font-size: 22px;
}
#sidebar ul li{ 
  border-bottom:1px dashed #d0cfcf; 
  padding:8px 0;
}
#sidebar ul li a{ 
  color:#6c6c6c;  
  display:inline-block; 
}
#sidebar ul li:last-child{ 
  border:none;
}
#sidebar.left{ 
  float:left;
}
#sidebar table{
  width:100%; 
  text-align:center;
}
#calendar_wrap caption{
  font-weight:700; 
  padding-bottom:10px; 
  text-transform:uppercase;
}
#sidebar select {
  width: 100%;
  padding: 10px;
  background: transparent;
  border: solid 2px #000000;
}
#sidebar input[type="text"], 
#sidebar input[type="search"],
#footer input[type="search"]{
  border: solid 2px #000000;
  padding: 10px;
  width: 100%;
  margin-bottom: 10px;
}
#sidebar input.search-submit,
#footer input.search-submit,
form.woocommerce-product-search button {
  padding: 10px;
  width: 100%;
  border: solid 2px #000000;
  background: #f9765c;
  font-size: 15px;
  text-transform: uppercase;
}
#sidebar h1, h2, h3, h4, h5, h6{
  margin: 0 0 10px;
}
#recentcomments li{
  background-image:none !important;
}
#recentcomments li a{
  padding-left:0px !important;
}
.textwidget select{ 
  width:100%;
}
table{ 
  width:100%
}
#sidebar .tagcloud a {
  border: solid 2px #000000;
  font-size: 12px !important;
  margin: 2px 0;
  display: inline-block;
  color: #000000;
  padding: 5px;
}

/* = Footer css
------------------------------------------- */
#footer{
	background-color: #1d1d1d;
	color: #828282;
}
.ftr-4-box{
	width:21%;
	float:left;
	margin:0 4% 2% 0;
	box-sizing:border-box;
	padding:35px 0 15px;
}
.widget-column-4 {
	margin-right:0px !important;
}
.ftr-4-box h5{
	font-size:25px;
	color:#fff;
	margin-bottom:25px;
	border-bottom:1px solid #303030;
	padding-bottom:15px;
}
.ftr-4-box h5 span{
	font-weight:300;
	color:#f9765c;
}
.ftr-4-box ul{
	margin:0;
	padding:0;
	list-style:inside disc;
}
.ftr-4-box ul li {
	display:block;
	padding:6px 0; 
	border-bottom:1px solid #303030;
}
.ftr-4-box ul li a {
	color:#828282;	
}
.ftr-4-box a.readmore span{
	color:#fff;
}
.ftr-4-box p{
	margin-bottom:15px;
}
.copywrap {
	background-color: #000000;
	color: #fff;
	padding:15px 0;
}