/*!
Theme Name: Peak
Theme URI: http://underscores.me/
Author: Themesvila
Author URI: http://underscores.me/
Description: This is a Digital Agency WordPress Theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: peak
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.

Peak 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:
----------------------------------------------------------------

## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

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

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



/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

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

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* 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 logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

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

/* Global Css */

.main-blog{
	padding: 100px 0 0;
}
.main-blog .single_blog{
	border: 1px solid rgba(36,39,44,0.15) !important;
}
.main-blog .blog_content {
	background: #fff;
	padding: 20px;
	width: 100%;
	top: 0px;
	box-shadow: inherit!important;
}
.has_image .blog_content {
	box-shadow: inherit;
}
.has_image .blog_img img{

}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
section.widget{
	margin-bottom: 30px;
}
.widget,
.home_single_blog,
.comments-area,
#calendar_wrap,
table{
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.widget table{
	max-width: 100%;
}
.widget-area{

}
.widget{
	background: #fff;
	padding: 30px;
	position: relative;
	z-index: 1;
	box-shadow: 0 0 3px rgba(36,39,44,0.15) !important;
	border-radius: 10px;	
}
section.widget select{
	width: 100%;
}

#reply-title{
	margin-bottom: 20px;
}

.widget-title,
.comments-title, 
.comment-reply-title
{
	font-size: 20px;
	margin-bottom: 25px;
	text-transform: capitalize;	
	position: relative;
	padding-left: 0px;
}
.widget-title::before, 
.comments-title::before, 
.comment-reply-title::before {

}


.widget-title,
.widget-title a{
	margin-top:0px;
	margin-bottom:15px;
	color: #1d293e;
}
.widget.widget_tag_cloud .widget-title{
	margin-bottom:25px;
}
#reply-title,
.comments-title{
	margin-bottom:30px;
}

.widget ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.widget li {
	padding-bottom: 10px;
	position: relative;
	padding-left: 0;
	transition: .5s;
	line-height: 32px;
}
.widget li ,
.widget li a{
	color: #777;
}
.widget_categories li::before {
	position: absolute;
	left: 0;
	top: 1px;
	content: "\e628";
	font-family: 'themify';
	color: #5838FC;
	transition: .5s;
	font-size: 12px;
}
.widget_categories li li:before{
	content: "";
	
}

.widget_categories li li{
	padding-left: 15px;	
}

.widget_categories li{
	padding-left: 22px;
}

.widget.widget_rss li{
	padding-left: 0;
}
.widget.widget_rss li:before{
	content: '';
}
.widget li:last-child{
	padding-bottom: 0px;
}
.widget li li{
	padding-left: 15px;
}
.widget a{
	transition: .5s;
}
.widget a:hover{
	color: #5838FC
}
ul#instafeed{
	margin: 0 -5px;
}
#instafeed li{
	width: 29.33%;
	float:left;
	margin: 0 5px 0;
}
.tagcloud a {
	font-size: 13px !important;
	border: 1px solid #bdcae0;
	padding: 0px 19px;
	display: inline-block;
	margin: 0 14px 16px 0;
	transition: .5s;
	color: #777;
	text-transform: capitalize;
	border-radius: 3px;
}
.tagcloud a:hover,
.tagcloud a:focus{
	background: #5838FC!important;
	border-color: #5838FC!important;
	color: #fff!important;
}
/*--------------------------------------------------------------
# Coments
--------------------------------------------------------------*/

/* Comment Style */

#respond #reply-title{
	margin-bottom: 10px;
}
.comments-area li.comment, 
.comments-area li.pingback {
	list-style-type: none;
	background: #fff;
	padding: 30px;
	position: relative;
	z-index: 1;
	box-shadow: 0 0 3px rgba(36,39,44,0.15) !important;
	border-radius: 10px;
	margin-bottom: 25px;
}
.single_comment .media{
	margin-bottom: 0;
}
.single_comment h5.media-heading{
	margin-bottom: 8px;
	text-transform: capitalize;
}
.com_time{
	font-size: 12px;
	margin-bottom: 10px;
	font-weight: 500;
	letter-spacing:2px;
}
.single_comment h5.media-heading span{
	color: #888;
}
.comment_text{
	overflow: hidden;
	margin-top: 20px;
}
.media{
	margin-bottom:16px;
}
.comment_single p{
	margin-bottom: 10px;
	text-align:justify;
}
.comment_avatar {
	float: left;
	margin-right: 22px;
}
.comment_avatar img{
	border-radius: 50%;
}
.comments-area ol .children {
	padding-left: 40px;
}
.comments-area .comment-list {
	padding-left: 0;
}
.media-body, .media-left, .media-right {
	display: block!important;
	vertical-align: top;
}
.media-body{
	width: auto!important;
}
.creply_link {
	display: inline-block;
	text-align: left;
	float: left;
	text-transform: none;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 0;
}
.post_audio_video{
	margin-bottom: 0px;
	
}
.post_audio_video iframe{
	width: 100%;
}

iframe,
embed,
video,
audio{
	border: none;
}
.content-area input[type="submit"]:hover, .content-area input[type="submit"]:focus, .content-area button:hover, .content-area button:focus {
    border-color: #333;
    background: #333;
    color: #fff;
	border:1px solid #333;
}
.content-area  .submit{
	background:#5838FC
	color:#fff;
	border:1px solid #5838FC
	padding:7px 14px;
}
#commentform .form-control{
	margin-bottom: 15px;
	border-radius: 4px;
	padding: 10px 20px
}
#commentform textarea.form-control{
	padding-top: 15px;
}
#commentform #submit{
	margin-bottom: 20px;
	border-radius: 4px;
}

/*--------------------------------------------------------------
# Pagination
--------------------------------------------------------------*/
div.pagination{
	margin: 20px 0;
	width: 100%;
	overflow: hidden;
	text-align: center;
	padding: 10px;
	display: inherit;
	
}
.navigation.pagination {
	display: inline-block;
}

div.pagination a,
div.pagination span{
	width: 40px;
	height: 40px;
	line-height: 42px;	
	margin: 0 4px 15px;
	transition:.5s;
	border-radius: 3px;
	display: inline-block;
	text-align: center;
	box-shadow: 0 0 10px rgba(0,0,0,.08);
	background-color: #5838FC;
	color: #fff;
	
}

.pagination a{
	background: #fff;
	color: #777;
}
.pagination span{
	background: #5838FC;
	color: #fff;
}
.pagination a:hover,
.pagination a:focus,
div.pagination .page-numbers.current{
	background: #5838FC;
	color: #fff;

}
.page_404_error p{
	
	margin-bottom: 35px;
}
/* Start uniti test data style*/

.entry-content{
	margin-top: 20px;
}
.entry-content .btn-light-bg{
	margin-top: 10px;
}
.entry-content h1 {
	font-size: 42px;
	margin: 24px 0;
}
.entry-content h2 {
	font-size: 30px;
	margin: 25px 0;
}
.entry-content h3 {
	font-size: 22px;
	margin: 22px 0;
}
.entry-content h4 {
	font-size: 20px;
	margin: 23px 0;
}

.entry-content h5 {
	font-size: 18px;
	margin: 30px 0;
}
.entry-content h6 {
	font-size: 16px;
	margin: 33px 0;
}
.entry-content b, strong {

}
.entry-content blockquote, q {
	-moz-hyphens: none;
	hyphens: none;
	quotes: none;
	
}
.entry-content .wp-block-gallery.alignleft{
	margin-right: 10px;
}
.entry-content img{
	height: auto !important;
}
blockquote {
	font-size: 16px;
	font-weight: 400;
	background: #5838FC;
	border: inherit;
	color: #fff;
	text-align: center;
	padding: 47px 35px 35px;
	position: relative;
}
blockquote:after{
	position: absolute;
	content: "\e67f";
	top: 15px;
	left: 15px;
	font-family: 'themify';
	font-size: 30px;
}
blockquote a,
blockquote code{
	color: #fff;
}
.entry-content p{
	margin-bottom: 20px;
}

.entry-content h1, 
.entry-content h2, 
.entry-content h3, 
.entry-content h4, 
.entry-content h5, 
.entry-content h6  {
	margin-top: 15px;
	line-height:normal;
}
.entry-content {
	-moz-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
}
dl {
  margin: 0 20px;
}
dd {
	margin-bottom: 12px;
}
table {
	border-bottom: 1px solid #ededed;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
	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-color: #fff;
	border-radius: 4px;
}
.content-area .home_single_blog{
	margin-bottom: 40px;
}
body.blog .content-area,
body.search .content-area,
body.archive .content-area{
	padding-bottom: 0;
}
.content-area .single_pm ,  
.content-area .single_pm a{

}
.single_pm .pull-left{
	margin-top: 5px;
}
.cat_list a {
	border: 1px solid #5838FC;
	color: #fff!important;
	padding: 5px 16px;
	margin-top: 1px;
	display: inline-block;
	border-radius: 30px;
	font-size: 14px;
	margin-bottom: 5px;
	margin-left: 5px;
	background: #5838FC;
}
.entry-content  ol, 
.entry-content  ul,
.single_comment  ol, 
.single_comment  ul
{
	margin: 0;
	padding: 0 0 0 20px;
}
.entry-content ul {
	list-style-type: inherit;
}
.entry-content iframe {
	width:100%;
}


.entry-content li > ul, li > ol {
	margin: 0;
}
.entry-content address {
	font-style: italic;
}

.entry-content img {
	max-width:100%;
	height: auto;
	margin-bottom: 15px;
}
.entry-content table {
    border-bottom: 1px solid #ededed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    line-height: 2;
    margin: 0 0 20px;
    width: 100%;
}



.content-area input[type="text"],
.content-area input[type="email"],
.content-area input[type="url"],
.content-area input[type="password"],
.content-area input[type="search"],
.content-area input[type="number"],
.content-area input[type="tel"],
.content-area input[type="range"],
.content-area input[type="date"],
.content-area input[type="month"],
.content-area input[type="week"],
.content-area input[type="time"],
.content-area input[type="datetime"],
.content-area input[type="datetime-local"],
.content-area input[type="color"],
.content-area textarea {
	border: 1px solid #ddd;
	padding: 6px 10px;
	box-shadow: inherit;
	transition: .5s;

}
.content-area textarea{
	height: 120px;
	padding: 10px 10px;
}
.content-area input[type="text"],
.content-area input[type="email"],
.content-area input[type="url"],
.content-area input[type="password"],
.content-area input[type="search"],
.content-area input[type="number"],
.content-area input[type="tel"],
.content-area input[type="range"],
.content-area input[type="date"],
.content-area input[type="month"],
.content-area input[type="week"],
.content-area input[type="time"],
.content-area input[type="datetime"],
.content-area input[type="datetime-local"],
.content-area input[type="color"]{
	height: 50px;
	line-height: 50px;
}
.content-area input[type="text"]:focus,
.content-area input[type="email"]:focus,
.content-area input[type="url"]:focus,
.content-area input[type="password"]:focus,
.content-area input[type="search"]:focus,
.content-area input[type="number"]:focus,
.content-area input[type="tel"]:focus,
.content-area input[type="range"]:focus,
.content-area input[type="date"]:focus,
.content-area input[type="month"]:focus,
.content-area input[type="week"]:focus,
.content-area input[type="time"]:focus,
.content-area input[type="datetime"]:focus,
.content-area input[type="datetime-local"]:focus,
.content-area input[type="color"]:focus,
.content-area textarea:focus{
	border-color: #5838FC;
	box-shadow: inherit;
}
.form-submit #submit,
.entry-content button,
.entry-content input[type="button"],
.entry-content input[type="reset"],
.entry-content input[type="submit"]{
	border: 1px solid #5838FC;
	background: #5838FC;
	border-color: #5838FC;
	padding: 10px 27px;
	cursor: pointer;
	transition: .5s;
	border-radius: 2px;
	color: #fff;
}
..wp-block-search__input{
	border-radius: 2px;
}
.form-submit #submit:hover,
.form-submit #submit:focus,
.entry-content button:hover,
.entry-content input[type="button"]:hover,
.entry-content input[type="reset"]:hover,
.entry-content input[type="submit"]:hover{
	background: #5838FC;
	border-color: #5838FC;
	color: #fff;
}
.post-password-form input[type="submit"]{
	margin-left: 10px;
}
#searchform .form-control {
	height: 52px;
	line-height: 53px;
	padding: 7px 20px;
	border-radius: 4px 0 0 4px;
	border: 1px solid #f5f8fa;
	box-shadow: inherit;
	color: #888;
	background: #f5f8fa;
}
.wp-block-search__input.wp-block-search__input{
	border-radius: 4px;
}
#searchform .form-control:hover{
	
}
#searchform .form-control:focus{
	border-color: #5838FC;
}
#searchform .search_btn{
	background: #5838FC;
	color: #fff;
	border-color: #5838FC;
	cursor: pointer;
	transition: .5s;
	padding: 13px 20px;
	border-radius: 0px 4px 4px 0;
}
#searchform .search_btn:hover,
#searchform .search_btn:focus{
	background: #5838FC;
	border-color: #5838FC;
}
.wp-block-button__link{
	background-color: #5838FC;
	color: #fff!important;
	transition: .5s;

}
.wp-block-button__link:hover,
.wp-block-button__link:focus{
	background: #5838FC;
}
.wp-block-cover-text{
	color: #fff!important;
}
.single_blog{
	overflow: hidden;
}
a.blog_btn{
	
}
.posts-navigation {
	margin-bottom: 25px;
	text-align: center;
}
.post-details-nav{
	display: inline-block;
	margin:0 10px;
}
.posts-navigation a{
	display: inline-block;
	padding: 5px 15px;
	background-color: #5838FC;
	color: #fff!important;
	transition: .5s;
	text-transform: capitalize;
	font-weight: 500;
	border-radius: 4px;
	
}
.posts-navigation a:hover,
.posts-navigation a:focus{
	background-color: #5838FC;
}
.blog-category a{
	font-weight: 600;
}
.widget.widget_block .wp-block-group__inner-container h2{
	margin-bottom: 20px;
	font-size: 20px;
}
.wp-block-latest-comments{
	padding-left: 0;
}
.wp-block-latest-comments li{
	margin-bottom: 0;
}
.wp-block-search__input{
	height: 52px;
	line-height: 53px;
	padding: 7px 20px;
	border: 1px solid #f5f8fa;
	box-shadow: inherit;
	color: #888;
	background: #f5f8fa;
}
.wp-block-search__button,
.wp-block-search__button:hover,
.wp-block-search__button:focus{
	background: #5838FC;
	color: #fff;
	border-color: #5838FC;
	cursor: pointer;
	transition: .5s;
	padding: 7px 21px!important;
	border-radius: 4px;
}

body.single .blog_post_meta{
	margin-bottom: 15px;
}
body.single .blog_post_meta span{
	margin-right: 10px;
}
body.single .blog_post_meta span i{
	padding-right: 5px;
}
.post_video iframe{
	width: 100%;
	height: 450px;
}
.post_format-post-format-video iframe{
	width: 100%;
	height: 450px;
}

.error-404.not-found{
	padding: 120px 0;
}
.comment-reply-title small{
	margin-left: 10px;
}
img{
	height: auto;
}
.sticky_meta {
	background-image: linear-gradient(to right, #7202BB , #5838FC);
	color: #fff;
	padding: 6px 10px;
	border-radius: 4px;
}
.mb{
	margin-bottom: 0;
}
.contact-form-area p{
	padding: 0;
	margin-bottom: 0;
}
.contact-form-area textarea{
	height: 175px;
}
.contact-form-area .btn-contact-bg {
	background: #5838FC;
	border-radius: 4px;
	box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.15);
	padding: 13px 30px;
	font-weight: 500;
	color: #fff;
	text-transform: capitalize;
	transition: 0.3s;
	display: inline-block;
	margin-top: 0px;
	font-size: 15px;
	border: 1px solid #5838FC;
	width: auto;
	line-height: 20px;
}