/*
Theme Name: Businessweb Plus
Theme URI: https://gracethemes.com/themes/businessweb-plus/
Author: Grace Themes
Author URI: https://gracethemes.com/
Description: Businessweb Plus is a clean and retina ready free business WordPress theme. This theme matches the changing dynamics of startup business and it beautifully incorporates the ultra modern needs of any business website. Businessweb Plus free WordPress theme is suitable for both corporate and creative businesses. It is a professional multipurpose theme designed for creative agency, corporate business, personal blog, photography, construction, fashion, consulting company, education, news, modeling, yoga, travel, adventure, hotel, gym, medical, healthcare, food, restaurants and any other business websites. Demo Link: https://gracethemes.com/demo/business-web/
Version: 2.5
License: GNU General Public License version 2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: businessweb-plus
Requires PHP:  5.6
Tested up to: 6.0
Tags:blog,two-columns,left-sidebar,full-width-template,custom-colors,custom-menu,custom-header,custom-logo,featured-images,editor-style,custom-background,threaded-comments,theme-options, translation-ready

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

/* ---------------------------------------------------------------------------------------
	01. Default Styles
--------------------------------------------------------------------------------------- */
body{ margin:0; padding:0;line-height:22px; font-size:16px; color:#666666; font-family:Arial, Helvetica, 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}
.wp-caption, .wp-caption-text, .sticky, .gallery-caption, .aligncenter{ margin:0; padding:0;}
p{ margin:0; padding:0;}
a{ text-decoration:none; color:#0294CF;}
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 Condensed', sans-serif; margin:0 0 20px; padding:0; line-height:1.1; font-weight:400; }
h1{ font-size:36px;}
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;}
.pagination{display:table; clear:both;}
.pagination .nav-links{list-style:none; margin:20px 0;}
.pagination .nav-links{display:inline; float:left; margin-right:5px;}
.pagination .nav-links span, .pagination .nav-links a{background:#646262; color:#fff; padding:5px 10px; display:inline-block;}
.pagination .nav-links .current, .pagination .nav-links a:hover{background:#34c6f6;}

#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;}

.logo{float:left; z-index:999; padding:12px 0;  color:#333;}
.logo h1{font-weight:400; margin:0; line-height:36px; color:#fff; font-size:28px;}
.logo a{ color:#5095CE;}
.logo span{ display:block;}
.container{ width:1100px; margin:0 auto; position:relative;}

/* ---------------------------------------------------------------------------------------
	02. Header Top Bar Styles
--------------------------------------------------------------------------------------- */
.headertop{ background-color:#fff; border-top:2px solid #5095CE; border-bottom:1px solid #E4E8ED !important; }
.headerinfo{font:400 16px/24px 'Roboto Condensed';}
/* ---------------------------------------------------------------------------------------
	03. Header menu Styles
--------------------------------------------------------------------------------------- */
.toggle{display: block;}
.toggle a{width:100%; color:#ffffff; background:url(images/mobile_nav_right.png) no-repeat right center #3e3e3e; padding:10px 10px; margin-top:5px; font-size:16px; display:none;}
.toggle a:hover{color:#ffffff !important;}
.headernav{display:none;}
.header{width:100%; z-index:999; background-color:#fff; position:relative; border-bottom:1px solid #f1f1f1;}
.headernav{ padding:0; text-align:right; float:right;}
.headernav ul { float:right; margin:0; padding:0; font-family:'Roboto Condensed', sans-serif; font-weight:400; font-size:16px;}
.headernav ul li{ display:inline-block; margin:0; position:relative; text-align:center;}
.headernav ul li a{ padding:30px 13px; display:block; color:#555; border-top:1px solid transparent; }
.headernav ul li ul li{display:block; position:relative; float:none; top:-1px; }
.headernav ul li ul li a{display:block; padding-top:10px; padding-bottom:10px; position:relative; top:1px; text-align:left; border-top:1px solid #ccc;  }
.headernav ul li a:hover, .headernav ul li.current_page_item a{ color:#0294CF; border-top:1px solid #0294CF; }

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


section#home_slider{ padding:0; }
#FrontBlogPost, #wrapfirst, #wrapsecond{ padding:70px 0;  border-top:1px solid #E1E1E1; box-shadow:0 1px 10px rgba(0, 0, 0, 0.1) inset}
h2.section-title {color:#454545; font:300 36px/40px 'Roboto Condensed',san-serif; text-align: center; }

.welcomethumb img{ float:left; margin:10px 50px 20px 0;}

.UnderLine{ width:40%; position:relative; display:inline-block; clear:both; margin:10px auto 20px; border-top:1px solid #E1E1E1;}
.hr-inner{ position:absolute; margin-top:-1px; top:50%; height:1px; width:100%;}
.hr-style { background-color:#FCFCFC; border-radius: 20px;  border-style: solid;  border-width:1px; display: block; height: 9px; left: 5px; right:0; margin-left: -5px; margin-top: -5px; position: absolute;    width: 9px;}

.fixed-header .headertop{ display:none;}
.fixed-header .header{ position:fixed; top:0; width:100%;}

/* ---------------------------------------------------------------------------------------
	04. Four Page Boxes Styles
--------------------------------------------------------------------------------------- */
.fourbox{ color:#2e2e2e; width:22%; float:left; margin:0 4% 0 0; position:relative; box-sizing:border-box;}
.fourbox p{line-height:20px; margin-bottom:20px; }
.fourbox h3{ font-size:18px; font-weight:400; color:#343434; margin:0 0 15px;}
.fourbox:hover h3{ color:#31cafd;}
.fourbox .thumbbx { height:180px; overflow:hidden; margin:0 auto 20px;}
.fourbox .thumbbx img{ width:100%; height:auto; min-height:180px; }

#wrapfirst{ background-color:#f9f9f9;}
.last_column{clear:right; margin-right:0 !important; }
#wrapsecond h2{ font-size:40px; color:#333; font-weight:600; margin-bottom:0; text-align:center; }
.ReadMore{  border:1px solid #A8B1B8; color:#78797C ;display: inline-block; padding:5px 25px; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; margin-bottom:10px;}
.ReadMore:hover{  border-color:#0294CF; color:#0294CF ;}
.welcomewrap p{ margin-bottom:20px;}
.welcomewrap h2{  margin-bottom:20px; font-size:38px; border-bottom:2px solid #dddddd; padding-bottom:10px; text-align:center; display:inline-block;}

/* ---------------------------------------------------------------------------------------
	05. Social icons Styles
--------------------------------------------------------------------------------------- */
.footer-icons a{ color:#fff; width:30px; height:30px; line-height:30px; border:1px solid #fff; text-align:center;  vertical-align:middle; display:inline-block; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s;  margin:0 2px; padding:0; border-radius:50%; }
.footer-icons br{ display:none;}
.footer-icons a:hover{ color:#0294CF; border-color:#0294CF;}

/* ---------------------------------------------------------------------------------------
	06. Page layout Styles
--------------------------------------------------------------------------------------- */
.content-layout{ width:740px; margin:0; padding:0; float:left;}
#sitefull{ width:100%; float:none;}
#sitefull p{ margin-bottom:15px;}
#pagecontent-wrap{ padding:25px 0;}
#pagecontent-wrap p{ margin-bottom:30px; }

.posts_lists{ margin-bottom:30px; }
.posts_lists h3{ margin-bottom:15px;}
.posts_lists h3 a{ color:#484f5e;}
.posts_lists h3 a:hover{ color:#0294CF;}
.posts_lists 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:10px;}
.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:35%; float:left; margin:5px 25px 5px 0;}
.post-thumb img{ width:100%; }

.postmeta{padding:10px; color:#999; background-color:#f1f1f1;}
.postmeta a{color:#999;}
.postmeta a:hover{color:#e74c3c;}

/* ---------------------------------------------------------------------------------------
	07. Sideabr Styles
--------------------------------------------------------------------------------------- */
#sidebar{ width:310px; float:right;}
aside.widget{margin-bottom:30px;}
aside.widget ul{ list-style:disc; }
h3.widget-title{ margin-bottom:20px; color:#333; padding-bottom:10px; border-bottom:1px solid #ccc;}
#sidebar ul li{ list-style:inside none disc; border-bottom:1px solid #f0efef; padding:8px 0;}
#sidebar ul li a{ padding:0 0 0 10px; 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:#f0efef; width:80%; padding: 12px 15px 12px 15px; box-sizing:border-box; border:0;}
#sidebar .search-form input.search-submit{ background:url(images/search-icon.png) no-repeat center center #5095ce; padding: 12px 0 12px 0; font-size:0; width:20%; height:41px; float:right;  border:0; cursor:pointer;}


/* ---------------------------------------------------------------------------------------
	08. Footer Styles
--------------------------------------------------------------------------------------- */
.footer{background-color:#364558; position:relative; color:#fff;}
.cols-4{width:24%; float:left; margin:0 3% 2% 0;  padding:30px 0 10px; }
.widget-column-2 { width:19%;}
.widget-column-4 { margin-right:0px !important;}
.cols-4 h5{ font-weight:400; font-size:18px; color:#fff; margin-bottom:25px; border-bottom:1px solid #46576C; padding-bottom:15px; }
.cols-4 ul{ margin:0; padding:0; list-style:inside disc;}
.cols-4 ul li { padding:0; color:#fff;}
.cols-4 ul li a { color:#fff; font:normal 12px/24px Arial, Helvetica, sans-serif; }
.cols-4 ul li a:hover, .cols-4 ul li.current_page_item a { color:#0294CF; }

.copyrightwrap {  background-color:#28374A; color:#fff; position:relative; padding:15px 0;}
.copyrightwrap a{ color:#fff;}
.footerleft { float:left;}
.footerleft span{color:#0294CF;}
.footerright { 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;}

/* ---------------------------------------------------------------------------------------
	09. woocommerce Styles
--------------------------------------------------------------------------------------- */
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 Condensed',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 Condensed',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;}



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

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

/* = Comment Form CSS
-------------------------------------------- */
h1.screen-reader-text{font:22px 'Roboto Condensed',san-serif;}
.site-nav-previous, .nav-previous{ float:left;}
.site-nav-next, .nav-next{ float:right;}
h3#reply-title{font:300 18px 'Roboto Condensed',san-serif;}
#comments{ margin:30px 0 0; padding:0;}
nav#nav-below{ margin-top:15px;}
.textwidget select{ width:100%;}
table{ width:100%}

/* = Navigation Focus CSS
-------------------------------------------- */

button: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="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
a:focus {
	outline: thin dotted #0294CF;
}