/*
Theme Name: Appho
Theme URI: https://themesvila.com/themes-wp/appho/
Author: Masum Billah
Author URI: https://themeforest.net/user/theme_ocean
Description: Appho - App and Software Landing Page WordPress Theme
Version: 1.5
Requires at least: 5.0
Tested up to: 6.8
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: appho
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.

Appho 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
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/


a,
a:hover
{
	color: #ec7550;
}

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

table {
    border-bottom: 1px solid #ededed;
    border-collapse: collapse;
    border-spacing: 0;
    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;
}
blockquote {
  border-left: 5px solid #ec7550;
  font-size: 16px;
  font-style: italic;
  line-height: 24px;
}

dl {
  margin: 0 20px;
}
.blogpost-title,
.blogpost-title a{
	font-size: 20px;
}
.blog-post p{
	margin-bottom: 20px;
}
.blog-post h1,
.comments-area h1
{
	margin-bottom: 0;
	font-size: 40px;
}
.blog-post h2,
.comments-area h2
{
	margin-bottom: 0;
	font-size: 37px;
}
.blog-post h3,
.comments-area h3
{
	margin-bottom: 0;
	font-size: 30px;
}
.blog-post h4,
.comments-area h4
{
	margin-bottom: 0;
	font-size: 26px;
}
.blog-post h5,
.comments-area h5
{
	font-size: 22px;
}
.blog-post h6,
.comments-area h6
{
	margin-bottom: 0;
	font-size: 17px;
}
/*--------------------------------------------------------------
# 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;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}
.widget ul{
	list-style-type: none;
	padding:0;
}
.widget ul li{
	padding-left: 20px;
}
.widget img{
	max-width: 100%;
	height: auto;
}
select{
	border: 1px solid #ddd;
	padding: 10px;
}
.widget select{
	width: 100%;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}


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

#appho_price_table{
	overflow: hidden;
}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li {
  margin-bottom: 0px!important;
}
.blogpost-title{
	margin-top: 0;
}
.blogpost-title a{
	color: #333;
	
}
.blog-post h4,
.blog-post h4 a,
.section-top-title h2{
	-ms-word-wrap: break-word;
	word-wrap: break-word;	
}

.blogpost-title a:hover{
	 color: #ec7550;
}
.blockquote_post{
	margin-bottom: 0;
}
body.single-post .hentry{
	margin-bottom: 0px;
}
.widget-title{
	margin: 0 0 15px;
}
.widget li,
.widget li a{
	color: #666;
	font-size: 16px;
}
.widget li ul{
	padding-left: 10px;
	margin-left: 0;
}
.widget li ul li{
	margin-bottom: 0;
	padding-bottom: 0px;
}
.widget li a:hover{
	color: #ec7550;
}

.widget li{
	padding-bottom: 8px;
	margin-bottom: 8px;
	position: relative;
	padding-left: 15px;
	border-bottom: 1px solid #e8e8e9;
}

.widget li:last-child{
	border-bottom: none;
}
.widget li li{
	border-bottom: none;
}

.widget li:before{
	position:absolute;
	content: '\f10c';
	left: 0;
	font-family: FontAwesome;
	color: #ec7550;
	top: 1px;
}
.widget li li:before{
	content: '';
}

/*START SINGLE BLOG BLOG PAGE DESIGN*/
.comment_avatar{
	float: left;
	margin-right: 20px;
}
.comments-title,
#reply-title {
	font-size: 18px;
	margin-bottom: 0;
}
#comments .comments-title{
	font-size: 18px;
	text-transform: uppercase;
}
.comment-title{
	border-bottom: 1px solid #e8e8e9;
	margin-bottom: 10px;
	padding: 10px 0;
	text-transform: uppercase;
}
.single_comment .media-heading{
	font-size: 16px;
}
.blog-post-single img{
height: 400px;
width: 100%;
}
.post-bt-single{margin-top: 20px;}
.comments-area{
	margin-top: 30px;
}
.post-bt{
	padding-bottom: 10px;
  padding-top: 7px;
}
.single_comment{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e8e8e9;
}

.single_comment img{
	border-radius: 50%;
	width: 70px;
}
.single_comment h5{
	
}
.single_comment span{}
.single_comment p{}
.single_comment .creply_link{
	display: inline-block;
	float: right;
}
.single_comment h5{
	display: inline-block;
	text-transform: capitalize;
}
#reply-title{
	padding-bottom: 20px;
}
#respond textarea,
#respond input{
	margin-bottom: 15px;
}

.comment-list{
	margin-left: 0;
	padding-left: 0;
	padding-top: 25px;
	list-style-type:none;
}
.comment-list ul, .comment-list ol{
	list-style-type:none;
}
.comment-list ul.children{
	padding-left: 30px;
}
#cancel-comment-reply-link{
	float: right;
	font-size: 15px;
}
.date_comment{
	display: inline-block;
	padding-bottom: 8px;	
}
.comment-reply-link{
	font-weight: 700;
}
/*
 * ----------------------------------------------------------------------------------------
 *  21.START SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
 */
 .section-top{
	 padding: 0;
 }
.section-top-title h2 {
    color: #fff;
    font-size: 45px;
    margin: 0;
    text-transform: uppercase;
}
@media only screen and (max-width:320px) { 
    .section-top-title h2 { font-size: 40px }
}
.section-top-title {
    padding-bottom: 60px;
    padding-top: 100px;
}
.section-top-title,
.breadcrumb {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin-bottom: 0;
}
.section-top-title ol li { color: #fff!important }
.section-top-title ol li a { color: #fff!important }
.section-top-title ol li a:hover { color: #1CBAC8!important }
/*SECTION OVERLAY*/
 .section-top .overlay {
    background: rgba(0,0,0,0.6) none repeat scroll 0 0;
    padding: 60px 0;
}
/*END SECTION OVERLAY*/
.blog_section_area{
	padding-top: 60px;
	padding-bottom: 40px;
}
#searchform {
	position: relative;
}
#searchform  button {
  background-color: transparent;
  border: 0 none;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
}
#searchform .form-control{
	color: #666;
	font-size: 14px;
	font-weight: 300;	
	background: #fff;
}
.form-control,
input[type= 'text'],
input[type= 'email'],
input[type= 'password']

{
	border: 1px solid #eee;
	color: #202020;
	font-size: 16px;
	font-weight: 300;
	height: 50px ;
	line-height: 50px;
	padding: 15px;	
	box-shadow: none;
	font-family: "Source Sans Pro",sans-serif;
	border-radius: 2px;
	width: 100%;	
}
.read_more_btn
 {
  color: #fff;
  display: inline-block;
  font-weight: 400;
  height: 40px;
  line-height: 27px;
  width: auto;
  font-family: "Source Sans Pro",sans-serif;
  text-transform:capitalize;

}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
	height: 50px;
	line-height: 21px;
	width: auto;
	border: none;
}
.maring-bt-30{
	margin-bottom: 40px;
}
.blog_section_area img{
	max-width: 100%;
}
.post-img,
.video_embed,
.audio_post
{
	margin-bottom: 20px;
}
.navigation.pagination{
	display: inline-block;
	text-align: center;
	width: 100%;
}
.navigation.pagination a,
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span
{
	background: #ec7550 none repeat scroll 0 0;
	color: #ffffff;
	display: inline-block;
	padding: 10px 18px;
	margin: 0 5px;
	transition: .5s;
	border: none;
}
.woocommerce nav.woocommerce-pagination ul ,
.woocommerce nav.woocommerce-pagination ul li
{
	border: none;
}
.navigation.pagination .current{
	padding: 11px 18px;
	margin: 0 5px;
}
.navigation.pagination a:hover,
.navigation.pagination .current,
.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: #273140;
	color: #ffffff;
}
.prev_p_link,
.next_p_link,
.form-submit #submit
{
	background: #ec7550 none repeat scroll 0 0;
	color: #fff;
	display: inline-block;
	margin-top: 20px;
	padding: 10px 18px;
	transition: .5s;
}
.next_p_link{
	text-align: right;
	float: right;	
}
#respond textarea{
	margin-bottom: 30px;
}
.prev_p_link:hover,
.next_p_link:hover,
.form-submit #submit:hover
{
	background: #273140;
}
.form-submit #submit{
	border: none;
	margin-top: 0px;
	margin-bottom: 20px;
}
.center-block{
	float: none;
}
.error-404.not-found{
	padding-bottom: 50px;
	padding-top: 20px;
}
.error-404.not-found h1{
	font-size: 76px;
}
.error-404.not-found p{
padding-bottom: 50px;
padding-top: 20px;
}
.userlogin_menu {
	padding: 30px 0;
}
.sticker.userlogin_menu{
	padding: 34px 0 10px!important;
}

.page-links.pagination{
	display:block;
	width: 100%;
	text-align: left;
}
.page-links.pagination a{
	font-weight: 700;
	margin: 3px;
}
.blog-post video
.blog-post audio,
.blog-post iframe{
	width: 100%;
}
.entry-footer{
	margin-top: 20px;
}
.tagcloud a{
	padding: 10px 15px;
	display: inline-block;
	border: 1px solid #ddd;
	font-size: 16px!important;
	margin: 0 8px 8px 0;
	
}
.brief-awesomeness > h2 {
  font-size: 46px;
}
.blog-post .post-bt span{
	padding-right: 8px;
}
.shop_area{
	padding: 60px 0;
}

p.logged-in-as{
	margin-bottom: 15px;
}

/*WooCommerce Style*/

.shop-area{
    padding: 80px 0;
}
.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: #EC7550 none repeat scroll 0 0;
	border: 2px solid #EC7550;
	border-radius: 100px;
	color: #fff;
	font-size: 13px;
	padding: 15px 31px;
	text-transform: capitalize;
	transition: all 0.3s ease 0s;
	margin-top: 15px;
}

.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;

}

.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: #EC7550;
	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;
}

#cancel-comment-reply-link{
	margin-left: 15px;
}

article.sticky .blog-post{
	border-left: 4px solid #EC7550;
	padding-left: 15px;
}
#main-menu li{
}
#main-menu a {
	color: white;
	font-family: "Montserrat",sans-serif;
	font-size: 14px;
	font-weight: 700;
	opacity: 0.7;
	padding: 15px 20px;
	line-height: 1;
	text-transform: uppercase;
	-webkit-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
}

.widget.widget_block .wp-block-heading{
	font-size: 18px;
}
.widget.widget_block  ol{
	padding-left: 0;
}
.wp-block-latest-comments__comment article{
	padding-left: 8px;
}
.footer-bg{
	padding-bottom: 50px;	
}