/*!
Theme Name: Personal CV Resume
Theme URI: https://athemeart.com/downloads/pcr-wordpress-resume-template/
Author: aThemeArt
Author URI: https://athemeart.com/
Description: Personal CV Resume is a Modern, Minimal & Creative  WordPress theme for online resume, cv, or a personal website. This beautiful online resume template comes with a built-in portfolio type . Personal-CV-Resume is suitable for designer, developer, freelancer, photographer, architects, Artists and many more individual who want to showcase his/her work. It is a high performance template it’s help to load your website fast and it’s fully optimize and clean code help search engine to optimize website. It comes with pre-defined sections for skills, education, work experience, etc. All theme options can be easily set up using live theme customizer. The Portfolio theme cloud be great alternative or best competitor RyanCV, Oshine, Pofo, Droow And more . It’s 100% responsive that’s why it will work nicely on all smart devices( smart phones, tablet, PCs and desktops ). It’s also well documented and clean coded that’s why anyone can change it easily.
Requires at least: 5.0
Tested up to: 7.0.2
Requires PHP: 7.0
Version: 1.2.5
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: personal-cv-resume
Tags: rtl-language-support, blog, photography, portfolio, one-column, right-sidebar, custom-header, custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, editor-style, post-formats
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
:root {
	--primary-color:#777777;
	--secondary-color: #1ed373;
	--secondary-color-rgb: rgba(255,69,69,0.5);
	--tertiary-color: #000;
	--quaternary-color:#fff;
	--secondary-alpha:#FFEBFF;

	--nav-color:#3a3939;
	--nav-h-color:#1ed373;
	--nav-bg-h:#fff;
	--nav-wrap-bg:#1ed373;

	--body-font:'K2D', sans-serif;
	--heading-font:'K2D', sans-serif;
	--nav-font:'Jost', sans-serif;
  }

/*=========================================================================
===========================================================================
   Global Style begin 
===========================================================================
===========================================================================*/
  body {
	  line-height:1;
	  -webkit-font-smoothing:antialiased;
	  -webkit-text-size-adjust:100%;
	  -ms-text-size-adjust:100%;
	  font-family: var(--body-font);
	  font-size:100%;
	  line-height:1.8;
	  font-weight:400;
	  color: var( --primary-color );
	  background:#fff;
	  text-align:left;

  }
  h1,h2,h3,h4,h5,h6,#review_form .comment-reply-title{
	  font-family: var(--heading-font);
	  font-weight:700;
	  color: var(--tertiary-color);
  }
  a{
	  color: var( --secondary-color );
	  text-decoration:none;
	  -webkit-transition: all 0.3s ease-in-out;
	  -moz-transition: all 0.3s ease-in-out;
	  -ms-transition: all 0.3s ease-in-out;
	  -o-transition: all 0.3s ease-in-out;
	  transition: all 0.3s ease-in-out;
  }
  a:hover,
  a:focus{
	  color: var(--tertiary-color);
	  text-decoration:none;
	  
  }
  .theme-color{ color: var( --secondary-color )!important;}

  #primary .entry-title a,
  #primary .entry-title,
  #secondary a, h1 a, h2 a, h3 a, h4 a, h5.woocommerce-loop-product__title a,
  h4.widget-title{
  	color: var(--tertiary-color);
  	padding-bottom: 20px;
  	text-decoration: none;
  }
  #content .entry-title a:hover,
  #content .entry-title a:focus,
  #secondary a:hover,
  #secondary a:focus,
  h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,
  h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus,
  h5.woocommerce-loop-product__title a:hover,
  h5.woocommerce-loop-product__title a:focus{
	  color: var( --secondary-color );
  }
  .tb-cell{
	  display:table-cell;
  }
  
.theme-btn,
.navigation.posts-navigation a {
	display: inline-block;
	border: none;
	padding: 12px 30px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border:1px solid var(--secondary-color);
	background:none;
	overflow: hidden;
	font-family: var(--heading-font);
	font-size:14px;
	letter-spacing:2px;
	text-transform: uppercase;
	font-weight:normal;
	outline: none;
	position: relative;
	overflow: hidden!important;
	text-decoration: none!important;
	color: var(--secondary-color);
}

.navigation.posts-navigation a:after,
.theme-btn:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	background: var(--secondary-color);

}

.navigation.posts-navigation a:hover,
.navigation.posts-navigation a:active,
.navigation.posts-navigation a:focus,
.theme-btn:hover,
.theme-btn:active,
.theme-btn:focus {
	color: #fff;
}
.navigation.posts-navigation a:hover:after,
.theme-btn:hover:after,
.navigation.posts-navigation a:focus:after,
.theme-btn:focus:after {
	height: 260%;
	opacity: 1;
}

.navigation.posts-navigation a:active:after,
.theme-btn:active:after {
	height: 260%;
	opacity: 1;
}
.navigation.posts-navigation a span,
.theme-btn span {
	position:relative;
	z-index:2;	
}
 
/*------------------------ button end -------------*/
.align-right{
	text-align: right;
}
.align-left{
	text-align: left;
}
.display-none{
	display: none!important;
}
.emart-header-block{
	display: block;
	padding-bottom: 30px;
}
.img-box figure{
	margin: 0px;
}

.elementor-section-full_width .elementor-container{
  max-width:1140px!important;
  margin: 0px auto;
  padding-left: 15px;
  padding-right: 15px;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
  border-color:var( --secondary-color );
}
#page.site{
	position: relative;
}
/*=========================================================================
===========================================================================
   Sidebar Header 
===========================================================================
===========================================================================*/
#aside-nav-wrapper {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  width: 230px;
  max-height: 100%;
  background: #fff;
  z-index: 99;
  border-right: 1px solid rgba(0,0,0,0.08);
  transition: all 0.3s ease-in-out;
}

#aside-nav-wrapper.fixed {
  position: absolute;
  min-height: 100vh;
  z-index: 999;
  top: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 999;
}
#aside-nav-wrapper .profile-wrp{
	position: relative;
}
#aside-nav-wrapper .wp-header-image {
  height: 160px;
  background-color: rgba(17, 214, 240, 0.30);
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
#aside-nav-wrapper .wp-header-image:before, 
#aside-nav-wrapper .wp-header-image:after {
  content: '';
  position: absolute;
  left: -15%;
  bottom: -62%;
  width: 100%;
  height: 70%;
  background: #fff;
  transform: rotate(25deg);
  -webkit-transform: rotate(25deg);
  -moz-transform: rotate(25deg);
  -o-transform: rotate(25deg);
  z-index: 3;
}
#aside-nav-wrapper .wp-header-image:after {
  left: auto;
  right: -15%;
  transform: rotate(-25deg);
  -webkit-transform: rotate(-25deg);
  -moz-transform: rotate(-25deg);
  -o-transform: rotate(-25deg);
}
#aside-nav-wrapper .my-photo {
  width: 120px;
  height: 120px;
  text-align: center;
  overflow: hidden;
  border-radius: 100%;
  position: absolute;
  bottom: 50%;
  left: 50%;
  transform: translate(-50%, 50%);
  margin-bottom: -60px;
  z-index: 999;
  padding: 4px;
  background-color: #FFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
}
#aside-nav-wrapper .branding-text{
	text-align: center;
	padding: 30px 10px 10px 10px;
}
#aside-nav-wrapper #navbar{
	padding-top: 30px;
}
#aside-nav-wrapper #navbar ul{
	display: block;
	margin: 0px;
	padding: 0px;
}
#aside-nav-wrapper #navbar ul > li{
	list-style: none;
	display: block;
	position: relative;
}
#aside-nav-wrapper #navbar ul > li > a {
  font-family: var( --nav-font );
  text-transform: capitalize;
  color: #333333;
  display: block;
  padding: 25px 5px 25px 60px;
  border-bottom: 1px solid rgba(0,0,0,0.08);
  position: relative;
  transition: all 0.3s ease-in-out;
}
#aside-nav-wrapper #navbar ul > li > a:hover,
#aside-nav-wrapper #navbar ul > li > a:focus,
#aside-nav-wrapper #navbar ul > li.current_page_item > a{
	color: var(--nav-h-color);
} 
#aside-nav-wrapper #navbar ul > li > a:before{
  content: '';
  width: 6px;
  height: auto;
  position: absolute;
  left: 0;
  top: 12px;
  bottom: 12px;
  transform: scale(1,0);
  transition: all 0.3s ease-in-out;
  background: var(--secondary-color);
}
#aside-nav-wrapper #navbar ul > li > a:hover:before,
#aside-nav-wrapper #navbar ul > li > a:focus:before{
 transform: scale(1);
}

#aside-nav-wrapper #navbar ul ul{
		position: absolute;
		border: none;
		top: 0;
		left: calc( 100% + 10px );
		width: 240px;
		float: none;
		text-align: left;
		background: var(--nav-sub-bg);
		box-shadow: -1px 4px 5px 0px rgba(68, 73, 83, 0.12);
		border-radius: 0.4rem;
		transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s;
		z-index: 999;
		transition: all .3s ease-in-out;
		border: 1px solid rgba(0,0,0,0.08);
		opacity: 0;
		visibility: hidden;
		background: #fff;
}
#aside-nav-wrapper #navbar li.focus-mode > ul{
	opacity: 0;
	visibility: visible;
}
#aside-nav-wrapper #navbar li:hover > ul,
#aside-nav-wrapper #navbar li.focus > ul{
	opacity: 1;
	visibility: visible;
}
#aside-nav-wrapper #navbar ul ul li:first-child::before {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: -8px;
  content: "";
  border-top: 8px solid transparent;
  border-right: 8px solid var(--nav-h-color);
  border-bottom: 8px solid transparent;
}
#aside-nav-wrapper #navbar ul ul li a{
	padding: 15px 5px 15px 30px;
}
#aside-nav-wrapper #navbar ul ul li:last-child a{
	border-bottom: none;
}
#aside-nav-wrapper #navbar li li > a:before{
  top: 5px;
  bottom: 5px;
}
/*=========================================================================
===========================================================================
   Site.Content 
===========================================================================
===========================================================================*/
#content.site-content{
	position: relative;
	margin-left: 230px;
}
#main.site-main{
	margin: 20px 7% 0;
	min-height: 80vh;
}
#primary .content-post-wrap,
.single-prev-next,
#comments,
header.page-header{
	padding: 30px;
	background: #fff;
	box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.09);
	overflow: hidden;
	margin-bottom: 50px;
}
#comments{
	margin-bottom: 0px;
}
#primary .content-post-wrap .img-box{
  margin: -30px -30px 25px -30px;
  position: relative;

}
#primary .content-post-wrap .img-box:after{
	 background-color: rgba(0, 0, 0, 0.2);
    transition: all 0.5s ease-in-out;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    pointer-events: none;
}
#primary .content-post-wrap .img-box .post-format-icon{
	position: absolute;
	left: 20px;
	top: 20px;
	color: var(--quaternary-color);
	z-index: 99;
}
#primary .content-post-wrap .img-box .post-format-icon i{
	font-size: 40px;
}
#primary .content-post-wrap .img-box .article-link {
  position: absolute;
  background-color: #ffffff;
  border-radius: 50px;
  color: #999;
  transition: all 0.5s ease-in-out 0s;
  z-index: 2;
  width: 46px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 9;
  bottom: -18px;
  left: 50%;
  transform: translate(-50%, 0%);
  font-size: 20px;
}
#primary .content-post-wrap .img-box .article-link i {
 font-size: 22px;
 display: block;
 line-height: 46px;
 text-align: center;
 margin: 0px auto;
}
#primary .content-post-wrap .img-box  .img-wrp {
  overflow: hidden;
  height: auto;
  display: block;
}
#primary .content-post-wrap .img-box img {
  height: auto;
  margin-bottom: 0;
  width: 100%;
  transform: scale(1.05);
  transition: transform 0.5s ease-in-out 0s;
}
#primary .content-post-wrap:hover .img-box.gallery img{
	transform: scale(1.05);
}

#primary .content-post-wrap:hover .img-box img {
  transform: scale(1.2);
}
#primary .content-post-wrap:hover a.article-link,
#primary .content-post-wrap .img-box a.article-link:hover,
#primary .content-post-wrap .img-box a.article-link:focus{
	background: var(--secondary-color);
	color: var(--quaternary-color);
}
#primary .content-post-wrap.sidepost .img-box{
	margin: 0px;
}
#primary .content-post-wrap .img-box iframe{
	width: 100%;
}

#primary .content-post-wrap .gallery-image.audio {
	overflow: hidden;
}
.content-post-wrap .post p:last-child{
	margin-bottom: 0px;
}
.content-post-wrap .post a {
	text-decoration: underline;
}
.content-post-wrap .post a:hover,
.content-post-wrap .post a:focus{
	text-decoration: none;
}
.content-post-wrap .post .post-meta{
	margin: 0px;
	padding: 0px;
	padding-bottom: 15px;
}
.content-post-wrap .post .post-meta li {
  display: inline-block;
  font-size: 14px;
  margin-right: 20px;
  padding-right: 20px;
  font-family: var(--heading-font);
  letter-spacing: 2px;
  position: relative;
}
.content-post-wrap .post .post-meta li:after{
	content: "";
	border: 1px solid var(--primary-color);
	height: 0.5px;
	width: 9px;
	position: absolute;
	top: 49%;
	right: 0px;
}
.content-post-wrap .post .post-meta li a {
	font-weight: 700;
	text-decoration: none;
}
.content-post-wrap .post .post-meta li:last-child:after{
	content: "";
	display: none;
}
.more-link{
	padding-top: 30px;
	height: 82px;
}
/*------------------ Tag list ------------------*/
.pcv-tags-list{
	font-family: var(--heading-font);
	font-weight: 500;
	display: block;
	padding-top: 50px;
	margin-bottom: 20px;
	clear: both;
}
.pcv-tags-list span{
	margin-right: 10px;
}
.pcv-tags-list a {
  margin-right: 1px;
  text-transform: uppercase;
  line-height: 24px;
  padding: 7px 12px;
  background: #f7f7f7;
  color: #777;
  font-size: 12px;
  transition: all 0.3s ease-in-out;
  letter-spacing: 3px;
  margin: 0px 5px;
  text-decoration: none!important;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  margin-bottom: 1px
}
.pcv-tags-list a i{
	margin-right: 5px;
	display: inline-block;
}
.pcv-tags-list a:hover,
.pcv-tags-list a:focus{
	background: var(--secondary-color);
	color: var(--quaternary-color);
}


/*---------------------------------------------------
			############### Comment ################
---------------------------------------------------*/
.comment-meta .single-comment img {width: 80px; height: 80px; border-radius: 50%;}
.comment-meta .single-comment .comment {
  width: calc(100% - 80px);
  padding-left: 20px;
  position: relative;
}

.comment-meta .single-comment .comment h6 a {
  text-transform: uppercase;
  color: #313131;
  margin: 10px 0 8px 0;
}
h4.comments-title{
	margin-bottom: 50px;
	margin-top:0px;
}
.comment-meta .single-comment .comment .date {
  text-transform: uppercase;
  font-size: 14px;
}
.comment-meta .single-comment .comment p {margin-top: 20px;}
.comment-meta .single-comment .comment p:last-child{
	margin-bottom: 0px;
}
.comment-meta .single-comment {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #f7f7f7;
}
.comment-meta .single-comment.reply-comment {margin-left: 50px;}
.comment-meta .single-comment:last-child {
  margin: 0;
  padding: 0;
  border:none;
}
.comment-meta .single-comment .comment .reply {
  position: absolute;
  top:0;
  right: 0;
} 
.comment-meta .single-comment .comment .reply a{
	text-transform: uppercase;
	line-height: 24px;
	padding: 0 12px;
	background: #f7f7f7;
	font-size: 14px;
	color: #777;
	transition: all 0.3s ease-in-out;
	display:block;
	text-decoration:none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
.comment-meta .single-comment .comment .reply a:hover,
.comment-meta .single-comment .comment .reply a:focus{
	background: var(--secondary-color);
	color: var(--quaternary-color);

}

.comment-form form input {
  width: 100%;
  height: 50px;
  padding: 0 15px;
  font-size: 15px;
  border:1px solid #E2E2E2;
  margin-bottom: 25px;
}
.comment-form form textarea {
  width: 100%;
  max-width: 100%;
  height: 175px;
  max-height: 175px;
  padding: 15px;
  border:1px solid #E2E2E2;
  margin-bottom: 25px;
  font-size: 15px;
}
.comment-form form textarea:focus{
	border-color: var(--secondary-color);
}
.comment-form .col-xl-4{
	position:relative;	
}
.comment-form .col-xl-4 span.required{
	position:absolute;
	right:30px;
	top:15px;
	color:#F00;
}
.form-allowed-tags div.text-wrp {
	font-size:14px;
	font-style:italic;
	margin-bottom:20px;
}
.comment-notes {
	padding-top:15px;
	padding-bottom:15px;
}

.comment-form input[type="checkbox"] {
    border-radius: 2px;
    background: #DADADA;
    color: #555;
    clear: none;
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    height: 20px;
    margin: -3px 4px 0 0;
    outline: 0;
    padding: 0 !important;
    text-align: center;
    vertical-align: middle;
    width: 20px;
    min-width: 20px;
    -webkit-appearance: none;
    -webkit-transition: .05s border-color ease-in-out;
    transition: .05s border-color ease-in-out;
	margin-right:10px;
	
}
.comment-form input[type="checkbox"]:checked {
    background: #1ed373;
}
.comment-form input[type="checkbox"]:before{
	opacity:0;
}
.comment-form input[type="checkbox"]:checked::before {
    float: left;
    color: #fff;
    font-size:14px;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    margin-top: 10px;
    margin-left: 2px;
    font-family: 'FontAwesome';
    content: "\f00c";
    speak: none;
    -moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	opacity:1;
}
ul.comment-list{
	display:block;
	margin:0px;
	padding: 0px;
}
ul.comment-list li{
	margin:0px;
	list-style:none;
	clear:both;	
}
ul.comment-list li ul{
	margin-left:00px;
}
.logged-in-as{
	padding-bottom: 10px;
	margin-left: 0px;	
}
.comments-area  a{
	color:#1ed373;
}
.content-area{
	max-width:100%;	
}
p.form-submit{
	margin-bottom: 0px;
}
p.form-submit .theme-btn{
	padding: 15px 30px;
}

/*---------------------------------------------------
			############### Footer ################
---------------------------------------------------*/
#colophon.site-footer{
	padding: 20px 0px 20px 230px;
}
#colophon.site-footer .dev_info{
	display: block;
}

/*---------------------------------------------------
			############### Comment ################
---------------------------------------------------*/
div.nav-links{
	display: block;
	width: 100%;
	margin-bottom: 50px;
}
div.nav-links ul{
	display: block;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
}
div.nav-links li{
	list-style: none;
	display: inline-block;
	margin: 0px 5px;
}
div.nav-links li a,
div.nav-links li span {
	min-width: 45px;
	line-height: 45px;
	padding:0px 20px;
	text-align: center;
	display: block;
	color: var(--secondary-color);
	font-size: 18px;
	transition: all 0.3s ease-in-out;
	background: var(--quaternary-color);
	box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.048);
	border: 1px solid var(--secondary-color);
}

div.nav-links li a:hover,
div.nav-links li a:focus,
div.nav-links li span {
	color: var(--quaternary-color);
	background: var(--secondary-color);

}

/* *************************************
	* Widget & sidebar
**************************************/
.side-bar-icon {
  background: transparent;
  height: 40px;
  position:fixed;
  top:20px;
  right:20px;
  z-index: 999;
  border: none;
  padding: 10px;
}

.side-bar-icon span {
  display: block;
  width: 36px;
  height: 3px;
  transition: all 0.3s ease-in-out;
  margin-bottom:8px;
  background: var(--secondary-color);
}
.side-bar-icon:focus span{
	background: var(--tertiary-color);
}
.side-bar-icon.active { right: 295px; }
.side-bar-icon.active span:nth-child(2) {margin: 7px 0;}
.side-bar-icon.active span:nth-child(2) {transform: scale(0);}
.side-bar-icon.active span:nth-child(1) {transform: rotate(45deg) translateX(14px);}
.side-bar-icon.active span:nth-child(3) {transform: rotate(-45deg) translateX(14px);}

div.sidewrapper.sidenav {
		background: #f7f7f7!important;
		display: block;
		height: 100%;
		position: fixed;
		right: -35em;
		top: 0;
		bottom:0px;
		width: 290px;
		z-index: 99999;
		transition: right 0.3s ease-in-out 0s;
		-webkit-transition: right 0.3s ease-in-out 0s;
		-moz-transition: right 0.3s ease-in-out 0s;
		-o-transition: right 0.3s ease-in-out 0s;
		box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
		opacity: 0;
		visibility: hidden;
}
#secondary{
	padding: 20px;
}
div.sidewrapper.sidenav.active {
    right: 0;
    margin-right: 0;
    transition: margin-left 0.4s ease-in-out 0s;
    -webkit-transition: right 0.4s ease-in-out 0s;
    -moz-transition: right 0.4s ease-in-out 0s;
    -o-transition: margin-left 0.4s ease-in-out 0s;
    opacity: 1;
    visibility: visible;
}
.nav-expanded div.sidewrapper label{
	display:block;	
}
.widget h3.widget-title,
.widget.widget_block h2{
    text-align: center;
    display: block;
    margin-bottom: 1.5rem;
	background:url(assets/image/greyline.png) center center repeat-x;
	font-size:18px;
	font-weight:normal;
}
.widget h3.widget-title span,
.widget.widget_block span{
	display:inline-block;
	padding:10px 15px;
	color:#FFF;	
	background:#1ed373;
}
.widget{
	padding-bottom:50px;	
}
.widget ul,
.widget ol{
	margin:0px;
	padding:0px;
}

.widget ul li,
.widget ol li{
	list-style:none;
	display:block;	
	border-bottom: solid 1px #eee;
	padding-top: 10px;
	padding-bottom: 10px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	padding-left:25px;
	position:relative;
	
}
.widget ul li a,
.widget ol li a{
	font-size:14px;
	color:#626262;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.widget ul li a:hover,
.widget ol li a:hover,
.widget ul li a:focus,
.widget ol li a:focus{
	color:#1ed373;	
}

.widget ul li:before,
.widget ol li:before  {
	content: "\f105";
	position:absolute;
	font-family: 'FontAwesome';
	left:5px;
	font-size: 12px;
	top: 50%;
	margin-top: -10px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
    
}
.widget ul li:hover:before,
.widget ol li:hover:before{
	color:#1ed373;	
}
.widget ul li:last-child,
.widget ol li:last-child{
	border:none;	
}
.widget.widget_archive li::before {
    content: "\f0c6";
}
.widget.widget_categories li::before {
    content: "\f115";
}
.widget.widget_pages li::before {
    content: "\f15b";
}
.widget.widget_meta ul li::before {
    content: "\f0c1";
}

.widget.widget_recent_comments ul li::before,
.widget.widget_block .wp-block-latest-comments li::before {
    content: "\f086";
}

.widget.widget_recent_entries ul li::before {
    content: "\f02b";
}
.widget_rss ul li::before  {
    content: "\f09e";
}

.widget.widget_tag_cloud ul li::before  {
    content: "\f0c2";
}

.widget_search{
    background-color: #f5f5f5;
}
.widget_search form,
form {
	position:relative;	
}
.widget_search .search-field,
.widget_search input[type=text],
.woocommerce-product-search input[type="search"]{
    width:800px;
	max-width: calc( 100% - 40px );
	display:block;
    height: 40px;
    line-height: 40px;
    border-radius: 33px;
    padding: 0 12px;
    border: 1px solid #dedede;
	font-weight:normal;
}
.widget_search .search-submit,
#primary .search-form .search-submit,
.woocommerce-product-search button{
    margin-top: 0;
    width: auto;
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    line-height: 40px;
    border-radius: 0 33px 33px 0;
    text-transform: capitalize!important;
    cursor: pointer;
    padding: 0 13px;
    border:none;
	background:#1ed373;
	color:#FFF;
}
.woocommerce-product-search button{
	color:#FFF;
	background:#060;
}
#sidebar-actions-header.side-bar-icon{
	right: auto;
	display: none;
	border: 1px solid var(--secondary-color);
	height: auto;
	padding: 8px;
	background: var(--secondary-color);
	color: var(--quaternary-color);
	height: 40px;
}
#sidebar-actions-header.side-bar-icon span{
	margin-bottom: 6px;
	background: var(--quaternary-color);
}
#sidebar-actions-header.side-bar-icon.active span{
	margin-left: -10px;
  margin-right: 10px;
}
#sidebar-actions-header.side-bar-icon span:last-child{
	margin-bottom: 0px;
}
#sidebar-actions-header.side-bar-icon:focus{
	background: var(--quaternary-color);
}
#sidebar-actions-header.side-bar-icon:focus span{
	background: var(--secondary-color);
}
.responsive-submenu-toggle{
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
	font-size: 30px;
	display: none;
	border: none!important;
	background: none!important;
	color: var(--tertiary-color);
}

@media only screen and (max-width : 750px) {
	#aside-nav-wrapper{
		left: -230px;
	}
	#aside-nav-wrapper .header-wrap{
		display: none;
	}
	#aside-nav-wrapper.active{
		left: 0px;
	}
	#aside-nav-wrapper.active .header-wrap {
		display: block;
	}
	#sidebar-actions-header.side-bar-icon{
		display: block;
		left:5px;
	}
	#sidebar-actions-header.side-bar-icon.active{
		left: 230px;
	}
	#content.site-content{
		margin-left: 0px;
	}
	#main.site-main{
		margin: 3%;
	}
	#colophon.site-footer{
		padding-left: 0px;
	}
	.side-bar-icon{
		right: 5px;
	}
	div.sidewrapper.sidenav{
		width: 270px;
	}
	.side-bar-icon.active{
		right: 270px;
	}
	.responsive-submenu-toggle{
		display: block;
	}
	.responsive-submenu-toggle:focus,
	.responsive-submenu-toggle:hove{
		color: var(--secondary-color);
	}
	#aside-nav-wrapper #navbar ul ul{
		position: static;
		max-width: 100%;
		border-radius: 0px;
		display: none;
		visibility: 0;
	}
	#aside-nav-wrapper #navbar ul ul.focus-active{
		display: block;
		opacity: 1;
		visibility: visible;
	}

}

/*---------------------------------------------------*/
/*-----------------Owl Carousel --------------------*/
/*-------------------------------------------------*/
.owl-loaded{
	position: relative;
}
.owl-loaded .owl-stage-outer  {
	overflow: hidden;
}
.owl-loaded .owl-item{
	float: left;
}
.owl-loaded .owl-dots{
	display: block;
	text-align: center;
	padding-top: 20px;
	clear: both;
}
.owl-loaded .owl-dots button.owl-dot {
  width: 12px;
  height: 12px;
  padding: 0px;
  margin: 3px;
  border-radius: 50%;
  background: var(--primary-color);
  border: none;
  position: relative;
}
.owl-loaded .owl-dots button.owl-dot:after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  left:-2px;
  top:-2px;
  opacity: 0.3;
  background: var(--primary-color);
}
.owl-loaded .owl-dots button.owl-dot.active,
.owl-loaded .owl-dots button.owl-dot.active:after{
	background: var(--secondary-color);
}
.owl-loaded .owl-dots.disabled{
	display: none;
}
.owl-loaded .owl-nav .owl-prev,
.owl-loaded .owl-nav .owl-next{
	position: absolute;
	left: -15px;
	top: 50%;
	width: 40px;
	height: 40px;
	padding: 0px;
	margin-top: -25px;
	opacity: 0.5;
}
.owl-loaded .owl-nav .owl-next{
	right: -15px;
	left: auto;
}
.owl-loaded .owl-nav .owl-prev span,
.owl-loaded .owl-nav .owl-next span{
	font-size: 24px;
	display: block;
	padding: 0px;
	margin-top: -4px;
	opacity: 1;
}
.owl-loaded .owl-nav .owl-prev:hover,
.owl-loaded .owl-nav .owl-next:hover{
	opacity: 1;
}
.owl-loaded .owl-nav.disabled{
	display: none;
}
#respond.comment-respond{
	padding-bottom: 50px;
	padding-bottom: 0px;
}
#respond.comment-respond .required{
	position: absolute;
	right: 30px;
	color: #ff0000;
	top: 15px;
}
#respond.comment-respond [class*="col-"]{
	position: relative;
}
.widget_search {
		border-bottom: 1px solid rgba(0,0,0,.1);
		display: block;
		padding: 2rem;
		width: calc( 100% + 60px );
		margin-top: -1px;
		font-size: 13px;
		background-color: #f5f5f5;
		margin: -30px -30px 10px -30px;
}
.widget_search form .wp-block-search__label{
	display: none;
}
.widget_search label{
	display: block;
}
.widget_search .search-form{
	overflow: hidden;
}
.widget_search input[type=search]{
	width:300px;
	max-width: calc( 100% );
	display:block;
	height: 35px;
	line-height: 35px;
	min-height: 41px;
	border-radius: 33px;
	padding: 0 12px;
	border: 1px solid #dedede;
	font-weight:normal;
	margin-right: 8px;
}
.widget_search .search-submit,
.wp-block-search__button{
		margin-top: 0;
		width: auto;
		position: absolute;
		top: 0;
		right: 0;
		height: 40px;
		line-height: 40px;
		border-radius: 0 33px 33px 0;
		text-transform: capitalize!important;
		cursor: pointer;
		padding: 0 13px;
		border:none;
		background:var(--secondary-color);
		color:var(--quaternary-color);
}
.widget_search input[type=search]:hover,
.widget_search input[type=search]:focus{
	border-color: var(--secondary-color);
}
.widget_search .search-submit:hover,
.wp-block-search__button:hover,
.widget_search .search-submit:focus,
.wp-block-search__button:focus,
{
		background:var(--quaternary-color);
		color:var(--secondary-color);
}
.wp-block-latest-comments__comment{
	line-height: 1.6;
	margin-bottom: 0px;
}

#fly-sidebar .widget_block.widget_search,
#fly-sidebar .widget.widget_search{
  margin: 0px;
  margin-bottom: 30px;
  max-width:100%;

}
#fly-sidebar .widget.widget_search .widget-title{
  display: none;
}
#fly-sidebar .widget.widget_block,
#fly-sidebar .widget {
  padding: 20px;
}
.my-photo .custom-logo{
  width: 108%;
  margin-left: -4%;
  margin-top: -4%;
  max-width: 108%;
}

@media only screen and (max-width : 750px){
	#aside-nav-wrapper #navbar ul > li > a{
		padding: 20px 5px 20px 20px;
	}
	.responsive-submenu-toggle{
		top: 10px;
	}
}

@media only screen and (max-width :640px) {
	.content-post-wrap .post .post-meta.d-flex{
		display: block!important;
	}
}