/*!
Theme Name: Appro
Theme URI:https://getmasum.com/themes-wp/appro 
Author: Themesvila
Author URI: https://www.templatemonster.com/authors/themesvila/
Description: This a app landing page WordPress Theme
Version: 1.3
Tested up to: 6.3
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: appro
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

Appro is based on Underscores https://underscores.me/, (C) 2012-2020 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 https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/


/* 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;
	display: grid;
	grid-gap: 1.5em;
}

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

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

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

.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: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

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

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

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

/*
 * ----------------------------------------------------------------------------------------
 *  16.START SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
 */
 
.section-top {
    padding-bottom: 100px;
    padding-top: 160px;
	position: relative;
	
}
.section-top:before {
	background: linear-gradient(to right, #00c9fd , #81ee8e);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	opacity: .8;
}
.section-top-title{
	position: relative;
	z-index: 1;
}
.section-top-title h1 {
	color: #fff;
	font-weight: 600;
	font-size: 30px;
}
/*
 * ----------------------------------------------------------------------------------------
 * 16.END SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 17.START BLOG DESIGN
 * ----------------------------------------------------------------------------------------
*/

.blog-page{background:#f2f6f9;}

.post-slide-blog{
	background: #fff none repeat scroll 0 0;
	border-radius: 4px;
	box-shadow: 0 5px 15px 0 rgb(236, 236, 236);
	margin-bottom: 40px;
	overflow: hidden;
	padding: 30px;
}
@media only screen and (max-width:768px) { 
.post-slide-blog .post-img-blog{
    float: none;
    width:100%;
}
}

.post-slide-blog .post-title-blog{
margin-top: 20px;
}
.post-slide-blog .post-title-blog a {
	color: #1d293e;
	font-size: 20px;
	font-weight: 600;
	text-transform: capitalize;
	transition: color 0.3s ease 0s;
	line-height: 26px;
}

.post-title-blog > a:hover{
    text-decoration: none;
    color:#00c9fd;
}
.post-date-blog,
.post-date-blog a{
	color:#00c9fd;
}
.post-slide-blog .post-date-blog{
	color: #00c9fd;
	display: inline-block;
	font-weight:400;
	margin-bottom: 8px;
	margin-right: 15px;
}
.post-description-blog{
	margin-bottom: 15px;
	text-align: left;
}
.blog_btn-blog {
	background: #00c9fd;
	border: 1px solid #00c9fd;
	border-radius: 5000px;
	color: #fff;
	display: inline-block;
	font-size: 15px;
	font-weight: 600;
	overflow: hidden;
	padding: 10px 45px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.07);
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.blog_btn-blog:hover,
.blog_btn-blog:focus{
	background:#81ee8e;
	border: 1px solid #81ee8e;
	color:#fff;
}

.single-post-slide-blog{
	background:#fff;
	padding:30px;
	margin-bottom:60px;
}
.single-post-slide-blog img{width:100%;}
.single-post-slide-blog h3 a {
	color: #1d293e;
	display: block;
	font-size: 24px;
	font-weight: 600;
	margin-top: 20px;
	margin-bottom: 15px;
	text-transform: capitalize;
	transition: color 0.3s ease 0s;
	line-height: 26px;
}
.single-post-slide-blog p{}
.single-post-slide-blog{}

/*START PAGINATION*/
.navigation.pagination a,
.navigation.pagination span{
	border: 1px solid #eee;
	border-radius: 0;
	color: #1d293e;
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	background: #fff;
	height: 43px;
	line-height:40px;
	margin: 5px;
	text-align: center;
	width: 43px;
	transition: .5s;
	border-radius: 4px;
}
.navigation.pagination a:hover, 
.navigation.pagination a:focus, 
.navigation.pagination span {
    color: #fff;
    background: #00c9fd;
    border: 1px solid #00c9fd;
}
/*END PAGINATION*/

/* Extra CSS */

dl {
  margin: 0 20px;
}
dd {
	margin-bottom: 12px;
}
table {
	border-bottom: 1px solid #ededed;
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 2;
	margin: 0 0 20px;
	width: 100%;
	text-align: center;
}
caption, th, td {
    font-weight: normal;
    text-align: center;
}
caption {
	font-size: 16px;
	margin: 0;
	padding-top: 0;
}
th {
    font-weight: bold;
    text-transform: uppercase;
}
td {
    border-top: 1px solid #ededed;
    padding: 6px 10px 6px 0;
}
tr{
	 padding: 6px 10px 6px 0;
}
del {
    color: #333;
}
select{
	border: 1px solid #ddd;
	padding: 10px;
	background: #fff;
}
#searchform{
	position: relative;
}
#searchform .search-btn{
	width: 50px;
	height: 50px;
	line-height: 50px;
	background-color: #00c9fd;
	border: 1px solid #00c9fd;
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
}
.wp-block-latest-comments{
	padding-left: 0;
}
.wp-block-cover{
	margin-bottom: 15px;
}
.post-description-blog .wp-block-cover-text{
	color: #fff!important;
}
.comment-list{
	padding-left: 0;
	list-style-type: none;
	margin-bottom: 60px;
}

.single_comment{
	overflow: hidden;
}
.com_reply{
	float: right;
	font-weight: 600;
	font-size: 14px;
}
.comment-description{
	margin-top: 12px;
}
.single_comment ul{
	padding-left: 15px;
}
#comments a,
.post-description-blog a{
	color: #5a656e;
}
.post-description-blog ul,
.post-description-blog ol{
	padding-left: 15px;
}
.form-submit .submit {
	background: #00c9fd;
	border: 1px solid #00c9fd;
	border-radius: 30px;
	color: #fff;
	display: inline-block;
	font-size: 15px;
	font-weight: 600;
	overflow: hidden;
	padding: 10px 34px;
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
	cursor: pointer;
	margin-top: 15px;
}
.form-submit .submit:hover,
.form-submit .submit:focus{
	background:#81ee8e;
	color:#fff;
	border: 1px solid #81ee8e;
}
.comment-form-cookies-consent{
	margin-top: 15px;
}
.cancel-comment-reply-link{
	padding-left: 15px;
}
.blog_head_title{
	margin-top: 20px;
}
.navigation.post-navigation{
	text-align: center;
}
.navigation.post-navigation .nav-links{
	display: inline-block;
	width: 100%;
}
.navigation.post-navigation .nav-links div{
	display: inline-block;
	margin: 0 15px;
}
.navigation.post-navigation .nav-links a {
	font-weight: 500;
	color: #fff;
	background-color: #00c9fd;
	padding: 10px 20px;
	border-radius: 6px;
	font-size: 14px;
}
article.sticky{
	border-top: 5px solid #00c9fd;
}
.single_widget{
	overflow: hidden;
}
.single_widget select{
	width: 100%;
}
.single_widget ul{
	list-style: none;
	margin-left: 0;
}
.single_widget li{
	padding: 6px 0;
}

.single_widget li a{
	transition: .5s;
}
.single_widget a{
	color: #5a656e;
}
img{
	display: block;
	height: auto;
}
.single_widget li a:hover,
.single_widget li a:focus{
	color: #00c9fd;
}
.single_widget li li{
	padding-left: 15px;
	padding-bottom: 0;
}
.single_widget.widget_archive li,
.single_widget.widget_categories li{
	text-align: right;
}
.single_widget.widget_archive li a,
.single_widget.widget_categories li a{
	text-align: left;
	width: 90%;
	float: left;
	font-weight: 600;
}
.single_widget.widget_text p{
	padding: 5px 0;
}
.single_widget.widget_tag_cloud a{
	display: inline-block;
	padding: 5px 10px;
	background-color: #00c9fd;
	color: #fff;
	font-size: 14px!important;
	border-radius: 4px;
	margin-right: 3px;
	margin-bottom: 7px;
	transition: .5s;
}
.wp-block-button,
.post-description-blog p{
	margin-bottom: 15px;
}
.post-description-blog ul,
.post-description-blog ol{
	margin-bottom: 10px;
}
.wp-block-group__inner-container{
	padding: 15px;
}
.has-large-font-size{
	line-height: normal;
}
.comments_part{
	padding-top: 50px;
}
.error-404.not-found h2{
	font-weight: 600;
	margin-bottom: 30px;
}
.error-404.not-found p{
	margin-bottom: 40px;
}

.customize-support #navbar{
	padding-top: 43px!important;
}
#cancel-comment-reply-link{
	padding-left: 15px;
}
.comments_part .children{
	padding-left: 15px;
}

/*START BLOG SIDEBAR DESIGN*/
.contact_form_blog{padding-top:0px!important;}

.blog_sidebar_title,
.wp-block-group__inner-container h2 {
	border-bottom: 1px solid #eee;
	color: #1d293e;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: 15px;
	margin-top: 0;
	padding-bottom: 10px;
	text-transform: uppercase;
}
.blog_sidebar_title img{
	display: inline-block;
}
.single_widget {
	margin-bottom: 30px;
	background: #fff;
	padding: 30px 30px;
	border-radius: 3px;
	border-top: 3px solid #00c9fd;
	box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.06);
}

@media only screen and (max-width:768px) { 
    .blog_search { margin-top: 60px }
}
.wp-block-button .wp-block-button__link{
	color: #fff;
}
.blog_search input {
background: #f9f9f9 none repeat scroll 0 0;
border: 1px solid #eee;
border-radius: 0;
color: #282828;
transition: all 0.3s ease 0s;
height: 50px;
}
.blog_search input:focus{border: 1px solid #00c9fd;}
.single_latest_blog {
	overflow: hidden;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
.single_latest_blog h4 {
	color: #666;
	font-size: 15px;
	font-weight: 500;
	line-height: 28px;
	margin: 0;
	transition: all 0.3s ease 0s;
}
.single_latest_blog:hover h4 { color: #00c9fd }
.single_latest_blog span { color: #161616 }
.single_upcoming_event {margin-bottom: 20px;}
.single_upcoming_event h4 {
	color: #1d293e;
	font-size: 17px;
	font-weight: 600;
	line-height: 28px;
	margin: 10px 0 0;
	transition: all 0.3s ease 0s;
}
.single_upcoming_event:hover h4 { color: #00c9fd }
.single_upcoming_event span i{margin-right:5px;color: #00c9fd }
.single_upcoming_event span { color: #777 }
.categories ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.categories ul li { }
.categories ul li a {
	color: #1d293e;
	display: block;
	font-size: 14px;
	font-weight: 500;
	padding: 5px 0;
}
.categories ul li a:hover { color: #00c9fd }
.categories ul li a i { margin-right: 10px }
.video_post iframe {
    width: 100%;
    height: 100%;
    border: medium none;
}

/*END BLOG SIDEBAR DESIGN*/
/*START BLOG SINGLE PAGE DESIGN*/
.single_blog_post { margin-bottom: 60px }
.single_blog_post img {
    width: 750px;
    height: 455px;
}
.blog_post_text h4 { margin: 30px 0 }
.author_part {
    margin-bottom: 60px;
    overflow: hidden;
}
.single_author {
    background: #fff  none repeat scroll 0 0;
    padding: 20px;
}
.author_part img {
    border: 4px solid #00c9fd;
    border-radius: 100px;
    float: left;
    height: 120px;
    margin-bottom: 25px;
    margin-right: 20px;
    width: 120px;
}
.author_part h4 {text-transform: uppercase;
font-size: 16px;
font-weight:700;
letter-spacing: 1px; }
.author_part p { margin-bottom: 0 }
.blog_head_title,
#reply-title {
	border-bottom: 1px solid #ddd;
	margin: 0 0 30px;
	padding-bottom: 10px;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 18px;
}
.comments_part {
    margin-bottom: 60px;
    overflow: hidden;
}
.single_comment {
    margin-bottom: 30px;
    background: #fff;
    padding: 30px;
	border-radius: 4px;
}
.single_comment_mbnone { margin-bottom: 0px }
.single_comment .author_pic img {
    border: 4px solid #00c9fd;
    border-radius: 100px;
    float: left;
    height: 80px;
    margin-bottom: 25px;
    margin-right: 20px;
    width: 80px;
}
.single_comment h4 { font-size: 16px;
font-weight:700;
letter-spacing: 1px;
text-transform: uppercase;}
.single_comment p { margin-bottom: 0 }
.comment_form input, 
.comment_form textarea  {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border-color: currentcolor currentcolor #ddd;
	border-image: none;
	border-radius: 0;
	border-style: none none solid;
	border-width: 0 0 1px;
	box-shadow: none;
	color: #1d293e;
	font-size: 14px;
	font-weight: 500;
	padding: 15px 0;
}

.comment_form textarea {

}
@media only screen and (max-width:768px) { 
    .comment_form textarea { width: 100% }
}
.comment_form input:hover,
.comment_form input:focus {
	background:none;
    border-bottom: 1px solid #ddd;
    box-shadow: none;
	color: #1d293e;
    outline: 0 none;
}
.comment_form textarea{
	height: 120px;
}
.comment_form textarea:hover,
.comment_form textarea:focus {
	background:none;
    border-bottom: 1px solid #ddd;
    box-shadow: none;
	color: #1d293e;
    outline: 0 none;
}
.blog-page.section-padding{
	padding: 80px 0;
}
/*END BLOG SINGLE PAGE DESIGN*/

.customize-support #navigation{
	margin-top: 17px;
}