/*
Theme Name: Web Hosting Lite
Description: Web Hosting Lite is a fantastic free theme designed specifically for web hosting service providers, cloud hosting, domain registration, WordPress hosting, services for protection against DDoS attacks, online support, cloud services, and more. Through the personalization options, you can use it as a multipurpose theme. The theme is minimal in design and elegant in look and comes with a clean and sophisticated layout that presents your services in the most professional manner. It comes with a retina-ready design and a responsive layout that can make your website look brilliant on every screen and work phenomenally well on several devices whether it is tablets or mobile phones. With its user-friendly interface,  you can always have a website ready within minutes without using the codes or hiring a web developer. A lot of Call To Action Buttons (CTA) are included in the design and they guide the visitors toward the next step. This beautiful theme comes with an attractive banner and wonderfully designed sections such as Team, Testimonial, etc. Social media options are going to help in promoting your business and the SEO-friendly codes will draw more traffic. There is a highly optimized design that allows your website to deliver a faster page load time. Bootstrap framework is used and it is made translation ready.
Author: misbahwp
Theme URI: https://www.misbahwp.com/themes/free-web-hosting-wordpress-theme/
Author URI: https://www.misbahwp.com/
Version: 1.4
Requires PHP: 7.2
Tested up to: 6.0
Tags: education, e-commerce, blog, wide-blocks, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, editor-style, theme-options, threaded-comments, sticky-post
Text Domain: web-hosting-lite
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Web Hosting Lite WordPress Theme has been created by misbahwp(misbahwp.com), 2022.
Web Hosting Lite WordPress Theme is released under the terms of GNU GPL
*/

.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;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.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-weight: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
#content[tabindex="-1"]:focus {
	outline: 0;
}
body {
	font-family: 'Catamaran', sans-serif;
  color: #979ab7;
  margin:0;
  background: #fff;
}
h1,h2,h3,h4,h5,h6{
	font-weight: bold;
	color: #292d62;
}
a {
  color:#292d62;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
}

a:hover,
a:focus {
  color:#24d2fe;
  text-decoration: none;
}

.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;
}
.post-single a, .page-single a,.sidebar-area .textwidget a,.comment-content a,.woocommerce-product-details__short-description a,#tab-description a,.extra-home-content a,.sidebar-area p a {
  text-decoration: underline;
  color:#24d2fe;
}

/* ===============================================
   HEADER BOX
   ============================================= */

#site-navigation {
  background-image: linear-gradient(-55deg, #edf7ff 0%, #e6feff 100%);
}
.page-template-frontpage #site-navigation {
  background: transparent;
  position: absolute;
  z-index: 999;
  width: 100%;
}
p.slider-button a,.button-links a,.slider button.owl-prev i, .slider button.owl-next i,p.about-button a {
  padding: 12px 25px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  background-image: linear-gradient(#00f1fd, #4fabfd);
  border-radius: 8px;
  text-transform: uppercase;
}
p.slider-button a:hover,.button-links a:hover,.slider button.owl-prev i:hover, .slider button.owl-next i:hover,p.about-button a:hover{
	background: #292d62;
}

/* ===============================================
   LOGO BOX
   ============================================= */

.logo a {
  color: #292d62;
  font-size: 28px;
  line-height: 35px;
  text-decoration: none;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  font-weight: 600;
}
.logo span {
  display: block;
  font-size: 15px;
  line-height: 18px;
  color: #292d62;
}

/* ===============================================
   MENU BOX
   ============================================= */

#main-menu {
	display:block;
	position:relative;
	float:left;
	margin:0 auto;
	width:100%
}
#main-menu ul {
	margin:0;
  padding: 0;
	display:block;
}
#main-menu ul li {
	position:relative;
	display:block;
	float:left;
	text-align:left;
}
#main-menu ul li a {
  display: block;
  z-index: 1;
  padding: 10px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover > a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus > a,
#main-menu li:focus > a,
#main-menu ul li.current-menu-item > a,
#main-menu ul li.current_page_item > a,
#main-menu ul li.current-menu-parent > a,
#main-menu ul li.current_page_ancestor > a,
#main-menu ul li.current-menu-ancestor > a {
	color:#24d2fe;
}
#main-menu ul.children ,
#main-menu ul.sub-menu {
	opacity:0;
	position: absolute;
	top: 35px;
	left: -9999em;
	background-image: linear-gradient(-55deg, #edf7ff 0%, #e6feff 100%);
	z-index:10001;
	width:213px;
	padding-left:0;
	-webkit-transition: opacity 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}
#main-menu ul.children li ,
#main-menu ul.sub-menu li {
	position:relative;
	margin:0;
	line-height:1.2em;
	text-transform:none;
	width:213px;
	min-height: inherit;
	margin:0;
}
#main-menu li li:hover > ul,
#main-menu li li:focus > ul,
#main-menu li li.focus > ul {
	top:0px;
	left: -100%;
}
#main-menu ul.children li a ,
#main-menu ul.sub-menu li a {
	text-decoration:none;
	text-align:left;
	display:block;
	padding:20px 15px;
	margin:0;
	border:none;
	line-height:inherit;
	color: #292d62;
}
#main-menu ul.children li a:hover,
#main-menu ul.sub-menu li a:hover{
	background: #24d2fe;
	color: #fff;
}
#main-menu ul.children li ul:before,
#main-menu ul.sub-menu li ul:before,
.menu-toggle,
.dropdown-toggle,
button.close-menu {
	display:none;
}
#main-menu li:hover > ul,
#main-menu li:focus > ul,
#main-menu li.focus > ul {
	opacity:1;
	left: 0;
}

/* ===============================================
   POST BOX
   ============================================= */

.post-box{
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.post-thumbnail {
  line-height: 0;
}
h3.post-title {
  font-size: 20px;
  font-weight: 500;
}
.post-content p{
	color: #979ab7;
}
.post-meta i{
	color: #24d2fe;
}
.post-meta span {
  text-decoration: none;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 600;
  color: #62646c;
}
pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #292d62;
	white-space: break-spaces;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
	max-width: 100%;
}
.post-content img,
.post-thumbnail img {
	max-height:100%;
	height:auto;
}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}
#content,footer {
  float: left;
  width: 100%;
}
.post-button a {
  background: #24d2fe;
  padding: 6px 12px;
  color: #fff;
  border-radius: 30px;
}
.post-button a:hover{
	background: #292d62;
}

/* ===============================================
   Slider
   ============================================= */

.blog_inner_box {
  position: relative;
}
.blog_inner_box img {
  opacity: 0.8;
}
.blog_box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 55%;
  left: 15%;
  color: #fff;
  text-align: left;
}
.blog_box h3,#about h3 {
  font-size: 50px;
}
.blog_box h6,#about h6 {
	font-size: 14px;
  color: #24d2fe;
  padding-left: 60px;
  font-weight: 800;
}
.blog_box h6:before,#about h6:before{
  content: "";
  display: block;
  width: 50px;
  height: 3px;
  background: #24d2fe;
  left: 0;
  position: absolute;
  top: 8px;
}
.slider .owl-nav {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.slider button.owl-prev,.slider button.owl-next {
	position: absolute;
	width: 10%;
}
.slider button.owl-next {
  right: 0;
}
.searchbox form {
  background: #fff;
  padding: 8px;
  border-radius: 15px;
}
.searchbox .searchform input[type=text]{
	background: transparent;
}

/* ===============================================
   About Us Section
   ============================================= */

.counterbox h5 {
  color: #24d2fe;
  font-size: 45px;
  margin-bottom: 0;
}
#about img {
  width: 100%;
  display: block;
  height: auto;
}

/* ===============================================
   Scroll Top
   ============================================= */

.scroll-up {
  position: fixed;
  bottom: 12px;
  right: 30px;
  z-index: 999;
}

.scroll-up a:hover{
	background: #4fabfd;
	color:#000;
}

.scroll-up a {
	background-image: linear-gradient(#00f1fd, #4fabfd);
	color:#ffffff;
  display: block;
  height: 2.5rem;
  width: 2.5rem;
  text-align: center;
  line-height: 2;
  border-radius: 3px;
  font-size: 1.25rem;
  color: #fff;
  opacity: 1;
  transition: all 0.3s ease 0s;
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}

/* ===============================================
   Pagination
   ============================================= */

.pagination,
.web-hosting-lite-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.web-hosting-lite-pagination a span,
.web-hosting-lite-pagination span.current {
	display:inline-block;
	text-decoration: none;
	padding:10px 12px;
	font-size:14px;
	line-height:21px;
	color:#333;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	background:#f3f4f7;
	position:relative;
	margin:0;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.web-hosting-lite-pagination span.current,
.web-hosting-lite-pagination span.current:hover,
.web-hosting-lite-pagination span.current:focus,
.web-hosting-lite-pagination a span:hover,
.web-hosting-lite-pagination a span:focus {
	background: #24d2fe;
	color: #fff;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-reply a:focus{
  color: #fff;
}
.comment-respond input#submit:hover,
.comment-reply a:hover{
	background: #292d62;
	color: #fff;
}
.comment-form-url input,nav.navigation.pagination{
  width: 100%;
}
.comment-respond input#submit {
  background: #24d2fe;
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.comments-title {
  font-size: 1.125rem;
}
.comment-body .pull-left {
  padding-right: 0.625rem;
}
.comment-list {
  padding-left: 0;
}
.comment-list .comment {
  display: block;
}
.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}
.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}
.comment-content.card-block {
  padding: 15px;
}
.comment-reply a {
  padding: 5px 15px;
  color: #fff;
  background: #24d2fe;
}

/* ===============================================
   SIDEBARS
   =============================================== */

.sidebar-area .textwidget img{
  width: 100%;
  height: auto;
}
.sidebar-area .sidebar-widget {
	margin-bottom: 25px;
}
.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
	line-height:1.9em;
	font-weight: normal;
}
.sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
  list-style: none;
  margin: 0;
  padding: 0 15px;
}
.sidebar-area li a,
.sidebar-area li {
  font-size: 15px;
  font-weight: 500;
}
.sidebar-area li {
  padding-bottom: 15px;
}
.sidebar-area h4.title {
  padding: 20px 15px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  background: #24d2fe;
  border-left: solid 5px #292d62;
}
.sidebar-area .tagcloud a {
  font-size: 15px !important;
  background: #24d2fe;
  color: #fff;
  padding: 5px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
}
.sidebar-area .tagcloud a:hover{
	background: #292d62;
}
.sidebar-area form {
  padding: 15px;
}
.sidebar-area select,
.sidebar-area textarea, #comments textarea,
.sidebar-area input[type="text"], #comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input,
#comments input[type="email"],
#comments input[type="url"]{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	width:100%;
	padding: 5px 2%;
	border: solid 1px #292d62;
}
#wp-calendar th,
#wp-calendar
#today,
#wp-calendar
#today a {
	background:#f3f4f7;
	color:#434343 !important;
}
#wp-calendar a:hover {
	border:none;
}
#wp-calendar {
	background: #fff;
	width:100%;
}
#wp-calendar caption {
	font-size: 14px;
	text-transform:uppercase;
	margin:0 0 10px 0;
	text-align:left;
}
#wp-calendar th,
#wp-calendar td {
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	padding:3px 6px;
}
#wp-calendar td a {
	display:block;
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	text-decoration:underline
}
#wp-calendar td#prev a,
#wp-calendar td#prev a{
	text-decoration:none;
	text-align:left;
}
#wp-calendar th{
	font-weight:bold
}
tr:nth-child(2n+2) {
	background-color: #f3f4f7;
}
.searchform label {
	display: block;
}
.searchform input[type=text] {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: #f3f4f7;
  border: none;
}
.searchform input[type=submit] {
  background-image: linear-gradient(#00f1fd, #4fabfd);
	border: none;
	color: #fff;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	float:left;
	text-shadow:none;
	text-transform: uppercase;
	padding:14px 0;
	width:100px;
	margin:0 auto;
	cursor: pointer;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
	border-radius: 10px;
}
.searchform input[type=submit]:hover ,
.searchform input[type=submit]:focus {
	background: #292d62;
	text-decoration:none
}
.searchform:after {
  content: "";
  display: table;
  clear: both;
}
footer {
	background: #292d62;
}
footer .sidebar-area {
	background: none;
	padding: 25px 0 0 0;
}
.wp-block-group__inner-container h2 {
  color: #fff;
}
footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {
	color: #fff;
}
.footer-area ul {
  padding: 0;
}
.footer-area h4.title {
  padding: 0;
  font-size: 30px;
  font-weight: 500;
  text-transform: none;
  background: transparent;
  border: none;
}
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
	max-width:100%;
	height:auto;
}
.alignleft,
img.alignleft {
	display:inline;
	float:left;
	margin-right:24px;
	margin-top:4px;
}
.alignright,
img.alignright {
	display:inline;
	float:right;
	margin-left:24px;
	margin-top:4px;
}
div.aligncenter,
img.aligncenter {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	float:none;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom:12px;
}

.wp-caption {
	line-height:18px;
	margin-bottom:25px;
	max-width:100% !important;
	padding:4px;
	text-align:center;
}

.wp-caption img {
	margin:5px 5px 0;
	width:96%;
	height:100%
}

.wp-caption p.wp-caption-text {
	color:#888;
	font-size:12px;
	margin:5px;
}

.sticky {
}

.gallery-caption {
}

.bypostauthor {
}