/*
Theme Name: Sheila
Theme URI: https://themesvila.com/themes-wp/sheila/
Author: themes_mountain
Author URI: https://themeforest.net/user/themes_mountain
Description: This is WordPress Theme
Version: 1.9
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sheila
Tags: two-columns, right-sidebar

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

WG Piccolo Pro is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
a{
	color: #00bff3;
}
a:hover{
	color: #222;
}
body{
	overflow-x: hidden;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* 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. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 30px;
}
.widget ul,
.widget ol{
	list-style-type: none;
}
.widget-title {
	font-size: 18px;
	text-transform: uppercase;
	color: #222;
	margin: 0 0 20px;
}
.widget li ,
.widget li a
{
	color: #777;
	font-weight: 400;
}
.widget li {
  line-height: 30px;
}

.widget_archive ul li::before ,
.widget_categories ul li::before 

{
  color: #00bff3;
  content: "";
  font-family: "FontAwesome";
  font-size: 8px;
  margin-right: 15px;
  position: relative;
  top: -1px;
}
/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}



/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}
.single_team{
	padding-left: 15px;
	padding-right: 15px;
}
main#main{
	margin: 50px 0 40px;
}
article.hentry{
	margin-bottom: 40px;
}
.form-control{
	border: 1px solid #eee;
	border-radius: 0;
	color: #202020;
	font-size: 16px;
	font-weight: 300;
	height: 55px !important;
	line-height: 55px !important;
	padding: 15px;	
	box-shadow: none;
	font-family: "Source Sans Pro",sans-serif!important;
}
#searchform {
	position: relative;
}
#searchform  button {
  background-color: transparent;
  border: 0 none;
  height: 55px;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
}
#searchform .form-control{
	color: #666;
	font-size: 14px;
	font-weight: 300;	
	background: #fff;
}
.form-control:focus,
.comment_field:focus{
	box-shadow: none;
	border-color: #00bff3 ;
}
blockquote{
	border-left: 0px solid #eee;
	font-size: 16px;
	margin: 0 0 10px;
	padding: 25px;
	background: #fafafa;
	text-align: center;
}
.comments-title,
#reply-title{
	font-size: 18px;	
	text-transform: uppercase;
	padding-bottom: 20px;
}

ol.comment-list{
	list-style-type: none;
	padding: 0;
}
li.comment{
	list-style-type: none;
}
li.comment ul{
	padding-left: 15px;
}
.single_comment{
	margin-bottom: 35px;
}
.single_comment .comment_avatar{
	float: left;
	margin-right: 30px;
}
.comment_single span{
	padding-bottom: 20px;
	display: block;
}
.commnet-body{
	overflow: hidden;
}
.com-date{
	padding-bottom: 10px!important;
}
.creply_link {
  padding-top: 10px;
}
.comment-reply-link {
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 700;
}
#cancel-comment-reply-link{
	padding-left: 10px;
}
.comm-title{
	font-size: 18px;
}
.comment_field{
	width: 100%;
	padding: 15px;
	border: 1px solid #eee;
	margin-bottom: 15px;
	height: 150px;
}
.logged-in-as{
	padding-bottom: 10px;
}
.next_post_link,
.prev_post_link
{
	background-color: #00bff3;
	color: #fff;
	display: inline-block;
	padding: 8px 20px;	
	margin-bottom: 20px;
	transition: .5s;
}
.next_post_link{
	float: right;
}
.next_post_link:hover,
.prev_post_link:hover{
	background:#00bff3;
}
.wp-block-button__link{
	margin-bottom: 15px;
}
#commentform .form-submit{
	margin-bottom: 20px;
}
.comment-list ul.children{
	padding-left: 20px;
}
.center-block{
	float: none;
}
.error-404 .search_form{
	margin-top: 20px;
	margin-bottom: 50px;
}

/*-------------------------------
# dropdwon menu 
--------------------------------*/

#nav li ul.sub-menu, #nav ul li ul.sub-menu li ul.sub-menu{
	opacity: 0;
	position: absolute;
	top: 115%;
	transition: all 0.3s ease 0s;
	width: 228px;
	z-index: -99;
	visibility:hidden;
	background: #fff none repeat scroll 0 0;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
	padding: 15px;  
	left: 10px;
}
#nav ul.sub-menu{
	list-style-type: none;
}
#nav ul.sub-menu a{
	color: #333!important;
}
#nav ul li ul.sub-menu li ul.sub-menu{
	top: 0;
	left: 100%;
	transition: all 0.5s ease 0s;
}
#nav ul li ul.sub-menu li{
	padding: 0;
	width: 100%;
}
#nav ul li:hover ul.sub-menu

{
	top:100%;
	opacity:1;
	z-index:999;
	visibility:visible;
}
#nav ul.nav > li ul li:hover ul.sub-menu{
	opacity:1;
	visibility:visible;
	
}

#nav ul li ul.sub-menu li a {
	color: #333;
	cursor: pointer;
	display: block;
	padding: 13px 10px;
	font-weight: 300;
	text-transform: none;
	font-size: 13px;
}

#nav ul li:hover ul.sub-menu li a:hover{
	color: #fff!important;
	background: #00bcd4;
	text-decoration: none;
}
.sticky {
	display: block;
}
article.sticky{
	border-top: 4px solid #00bcd4;
}
textarea{
	padding: 15px;
	width: 100%;
	height: auto;
}
.navigation.pagination{
	margin: 0 auto;
	text-align: center;
	width: 100%;
}
.navigation.pagination a{
	background: #00bff3 none repeat scroll 0 0;
	border: 2px solid #00bff3;
	border-radius: 3px;
	box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
	color: #fff;
	font-family: montserrat,sans-serif;
	font-size: 12px;
	padding: 8px 20px;
	text-transform: uppercase;
	transition: all 0.2s ease 0s;
	margin: 0 5px;
}
.widget_tag_cloud .widget-title{
	margin-bottom: 30px;
}
div.tagcloud a,
div.tagcloud a
{
	border: 1px solid #ccc;
	color: #777;
	font-size: 16px !important;
	margin: 0 10px 10px 0;
	padding: 7px 12px;
	transition: .5s;
	display: inline-block;
}
div.tagcloud a:hover{
	background: #00bff3;
	color: #fff;
	border: 1px solid #00bff3;
}
.contact textarea {
  height: 128px;
}
.single_blog_dsc{
	overflow: hidden;
}
.single_blog_dsc ul,
.single_blog_dsc ol
{
	padding-left: 20px;
}

.single_blog_dsc img,
.widget img,
.entry-content img{
	display: inline-block;
	max-width: 100%;
	height: auto;
}
dl {
  margin: 0 20px;
}
table {
    border-bottom: 1px solid #ededed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    line-height: 2;
    margin: 0 0 20px;
    width: 100%;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
caption {
    font-size: 16px;
    margin: 20px 0;
}
th {
    font-weight: bold;
    text-transform: uppercase;
}
td {
    border-top: 1px solid #ededed;
    padding: 6px 10px 6px 0;
}
del {
    color: #333;
}
.widget select{
	padding: 10px;
	border: 1px solid #ddd;
	width: 100%;
}
.widget caption{
	margin: 0;
	text-align: center;
}
.widget li li
{
	padding-left: 15px;
}
.entry-content ul{
	padding-left: 20px;
}
.mainmenu ul li.current a{
	color: #00bff3;
}
.admin_login_menu{
	padding-top: 35px;
}

.admin_login_menu.menu-shrink{
	padding-top: 45px;
}

.content-area {
  margin: 50px 0;
}
.blog_single_area .single_blog_dsc a.btn-light-bg{
	color: #fff;
	margin-top: 12px;
	display: inline-block;
	font-size: 12px;
	padding: 6px 20px;
}
.blog_single_area .single_blog_dsc a.btn-light-bg:hover{
	padding: 6px 20px;
}

.content-area .single_blog_dsc p{
	line-height: normal
}
.content-area .single_blog_dsc ul,
.content-area .single_blog_dsc div{
	margin-bottom: 15px;
}
.single-blog.blog_single_area p{
	line-height: 1.8;
}
.content-area .single_blog_dsc ul ul{
		margin-bottom: 0px;
}
.wp-block-group__inner-container{
	padding: 25px 0;
	margin-bottom: 0px;
}
#kc_page_template{
	margin-left: -15px ;
	margin-right: -15px ;
}

.section-top .overlay{
	position: relative;
}
.blog-title a{
	font-size: 18px;
	 color: #333;
}
.blog-title a:hover{
	padding-left: 0;
	color: #333;
}

/*Woocommerce CSS*/
.woocommerce.woocommerce-page h1.page-title {
	display: inline;
	text-align: left;
	float: left;
	clear: both;
	font-size: 28px;
}
.woocommerce .woocommerce-result-count {
	margin: 0 0 15px;
	display: inline-block;
	float: left;
	text-align: left;
	clear: both;
}
.woocommerce .woocommerce-ordering {
	margin: 0 0 25px;
}
.woocommerce ul.products li.product .button ,
.woocommerce div.product form.cart .button,
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
button#place_order {
	background: #00bff3 none repeat scroll 0 0;
	border: 2px solid #00bff3;
	border-radius: 100px;
	color: #fff;
	font-size: 13px;
	padding: 15px 31px;
	text-transform: capitalize;
	transition: all 0.3s ease 0s;
	margin-top: 15px;
	font-family: "Montserrat",sans-serif;	
}

.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover {
	background-color: #222!important;
	border-color: #222!important;
	text-decoration: none;
	background-image: none;
	color: #fff;
}
.woocommerce span.onsale {
	height: 50px;
	width: 50px;
	padding: 0;
	line-height: 50px;
}

.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li {	
	border: inherit;
}

.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span {
	line-height: 30px;
	display: inline-block;
	padding: 0px 18px;
	margin-right: 8px;
	margin-bottom: 10px;
	transition: .5s;
	width: 45px;
	height: 45px;
	line-height: 45px;
	border-radius: 30px;
	font-family: "Montserrat",sans-serif;	

}

.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover, 
.woocommerce nav.woocommerce-pagination ul li span.current {
	background: #00bff3;
	color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus{
	background: #fff;
	color: #333;
}
.woocommerce-Reviews #reply-title{
	display: block;
}
.woocommerce-variation-price{
	margin-bottom: 20px;
}
.woocommerce-variation-add-to-cart{
	margin-top: 40px;
}
.summary.entry-summary .single_add_to_cart_button{
	margin-top: 0!important;
	margin-left: 10px;
}
.woocommerce-message a.button,
.checkout_coupon button.button{
	margin-top: 0;
}
#add_payment_method table.cart img,
.woocommerce-cart table.cart img, 
.woocommerce-checkout table.cart img {
	width: 83px;
}
.woocommerce .quantity .qty {
	width: 60px;
	height: 43px;
}
.woocommerce a.remove {
	height: 40px;
	width: 40px;
	line-height: 40px;
	border-radius: 100%;
	display:inline-block;
}
#coupon_code{
	width: auto;
	padding: 15px;
	margin-right: 20px;	
}
.woocommerce #respond input#submit.disabled, 
.woocommerce #respond input#submit:disabled, 
.woocommerce #respond input#submit[disabled]:disabled, 
.woocommerce a.button.disabled, 
.woocommerce a.button:disabled, 
.woocommerce a.button[disabled]:disabled, 
.woocommerce button.button.disabled, 
.woocommerce button.button:disabled, 
.woocommerce button.button[disabled]:disabled, 
.woocommerce input.button.disabled, 
.woocommerce input.button:disabled, 
.woocommerce input.button[disabled]:disabled {
	color: #fff;
	font-size: 13px;
	padding: 15px 31px;

}
.woocommerce-cart-form__contents button.button{
	margin-top: 0;
}
.woocommerce-billing-fields input{
	padding: 15px 25px!important;
}
#customer_details{
	margin-bottom: 20px;
}
.woocommerce-product-details__short-description{
	margin: 15px 0 29px;
}

.star-rating{
	color: #fec42d;
}
#nav.mainmenu > ul{
	float: right;
	list-style-type: none;
}
h3.post_title a{
	font-size: 20px;
	color: #333;
	font-weight: 600;
}
h3.post_title a:hover{
	padding-left: 0;
}
.wp-block-group__inner-container ol{
	padding-left: 0;
}
.widget.widget_block.widget_search{
	padding: 25px 0;
}
.wp-block-group__inner-container h2{
	margin-top: 0;
}
.widget.widget_block{
	margin-bottom: 0;
}