/*
Theme Name: JamaRecycles
Theme URI: 
Author: Themeslay
Author URI: https://www.templatemonster.com/authors/themeslay/
Website: https://themeslay.com
Documentation: https://themeslay.com/documentation/JamaRecycles
Description: Jama Recycles - Waste Management and Recycling Services WordPress Theme Built on a solidly designed foundation, Jama Recycles embraces the idea that everyone deserves a truly unique website. The theme’s subtle styles are inspired by the diversity and versatility of Recycling Services: its typography is lightweight yet strong, its color palette is drawn from nature, and its layout elements sit gently on the page. The theme is built to take advantage of the Full Site Editing features introduced in WordPress 5.9, which means that colors, typography, and the layout of every single page on your site can be customized to suit your vision. Whether you’re building a single-page website, a blog, a business website, or a portfolio, JamaRecycles will help you create a site that is uniquely yours.
Requires at least: 5.9
Tested up to: 5.9
Requires PHP: 5.6
Version: 1.0
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, custom-colors, footer-widgets, sticky-header, custom-background, custom-logo, custom-menu, featured-images, 
threaded-comments, recycling services, waste management 
Text Domain: JamaRecycles

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.

*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Edit icon css
# Blog Sidebar widget
# Comments
--------------------------------------------------------------*/


.bg-top-edit-icon .customize-partial-edit-shortcut button, .bg-top-edit-icon .widget .customize-partial-edit-shortcut button, .bg-top-edit-icon .customize-partial-edit-shortcut button, .bg-top-edit-icon .widget .customize-partial-edit-shortcut button{
	left:0px;
}
.bg-bottom-edit-icon .customize-partial-edit-shortcut button, .bg-bottom-edit-icon .widget .customize-partial-edit-shortcut button{
	left:0px;
}
/* Blog sidebar widget css */
.sidebar-widget-area {
	margin: 0px 0px 50px 0px;
}

.sidebar-widget-area .widget-title {
	font-family: 'Oswald', sans-serif;
	position: relative;
    font-size: 20px;
    text-transform: uppercase;
    margin: 0 0 30px 0;
}
.sidebar-widget-area .widget-title:after {
	content: '';
    width:200px;
    height:2px;
	position:absolute;
	bottom:0;
	right:0;
	background:#434f0c;
}
.sidebar-widget-area ul {
	margin: 0 0 30px 0;
}
.sidebar-widget-area ul li {
	padding: 5px 0 5px 0px;
    display: block;
}
.sidebar-widget-area ul li a {
	color: #333333;
    font-size: 16px;
}

.sidebar-widget-area .wp-block-tag-cloud {
	list-style-type:none;
	margin: 0 0;
	display:inline-block;
}
.sidebar-widget-area .wp-block-tag-cloud a {
	color:#fff;
	font-weight:600;
	border-radius: 4px;
	background: #222222;
	padding: 5px 10px;
	margin: 0 0 10px 0;
	font-size: 14px!important;
}
.sidebar-widget-area .wp-block-tag-cloud a:hover {
	background:#616161;
}
/* Post Thumb css*/
.sidebar-widget-area .wp-block-latest-posts__featured-image {
	width: 30%;
	display: inline-block;
}

.sidebar-widget-area .wp-block-latest-posts a {
	width: 70%;
	display: inline-block;
}
.page-content,
.entry-content,
.entry-summary {
  margin: 0;
}

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

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

.comment-content ul {
  margin-left: 30px;
}

.comment-content ol {
  margin-left: 0;
}

.comment-content ol li {
  margin-left: 0;
}

.comment-content ul > li > ul {
  margin-left: 15px;
}

.comment-content ol > li > ol {
  margin-left: 15px;
}

.comments-area ol.comment-list li.comment,
.comment-list li.trackback,
.comment-list li.pingback {
  list-style: none;
}

.comment-body {
  position: relative;
  margin-top: 30px;
}
.comment-reply-title {
   font-size: 16px;
  font-weight: bold;
}
.comment-reply-title .title {
  display: inline-block;
}
.comment-reply-title small  {
  display: inline-block;
  font-weight: bold;
  padding: 0 0 0 10px;
}
.comments-area .comment {
  padding: 20px 0;
  position: relative;
  clear: both;
}
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}
.comments-area {
  padding-top: 60px;
  margin-top: 60px;
  border-top: 1px solid #eeeeee;
}

.comment-list {
  margin-top: 0px;
  margin-bottom: 0px;
}
/* childern css */
.comment-list .children {
    margin: 0;
    padding: 0 0 0 1rem;
  }

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

.comments-area p.comment-form-author,
.comments-area p.comment-form-email,
.comments-area p.comment-form-url {
  float: left;
  width: 31%;
  margin-bottom: 20px;
}

.comments-area p.comment-form-author,
.comments-area p.comment-form-email {
  margin-right: 3.5%;
}

.comment-form-comment {
  margin-top: 20px;
}

.comment-form-author input,
.comment-form-email input,
.comment-form-url input,
.comment-form-comment textarea {
  width: 100%;
  border: 1px solid #ebebeb;
  padding: 8px;
}

.comment-form-cookies-consent,
.comment-notes {
  display: none;
}

.comment-form-comment input {
  width: 100%;
}

.comment-form-url {
  margin-right: 0;
}

.form-submit input {
	width: 270px;
    height: 50px;
    background: #434f0c;
    border: 0px;
    border-bottom: 4px solid rgba(0,0,0,0.25);
	text-transform: uppercase;
    font-weight: 600;
	color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.form-submit input:hover {
	background: rgba(0,0,0,0.5);
	border-bottom: 4px solid transparent;
}

#cancel-comment-reply-link:hover {
  color:  rgba(0,0,0,0.5)!important;
}

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

.logged-in-as a:hover {
  color:  rgba(0,0,0,0.5)!important;
}

.single-comment {
  position: relative;
}

.comment-img {
  display: inline-block;
  float: left;
}

.comment-text {
  padding-left: 140px;
}

.comment-text > h3 {
  color: #3f3f3f;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 23px;
}

.comment-text > span {
  display: inline-block;
  float: right;
  font-size: 12px;
  font-weight: 400;
  color: #595959;
}

.comment-text > p {
  color: #595959;
  font-size: 15px;
  font-weight: normal;
  line-height: 25px;
  margin-bottom: 0;
}

.comment-author img {
  margin-top: 0;
  margin-right: 10px;
  width: 50px;
  height: auto;
  border-radius: 50%;
}
.comment-author .fn {
  font-size: 16px;
  text-transform: capitalize;
  font-weight: bold;
  font-style: normal;
}
.comment-author .fn a{
  color: #333;
}
.comment-body .comment-meta {
  display: inline-block;
  width: 100%;
}
.comment-body .comment-meta a {
  font-size: 12px;
  font-weight: 600;
  color: inherit;
}
.comment-author b {
  text-transform: capitalize;
}
.comment-author span {
  display: none;
}
.comment-author {
  margin-bottom: 20px;
  display: inline-block;
  width: 40%;
}
.comment-metadata {
  display: inline-block;
  width: 59%;
  text-align: right;
}
.comments-area .reply a {
  color: #333333;
  display: inline-block;
  font-size: 14px;
  line-height: normal;
  font-weight: bold;
  margin-top: 10px;
  padding: 0px 0px 0px 20px;
  text-transform: capitalize;
  transition: all 0.3s ease 0s;
}
.comments-area .reply a:before {
  content: "\f112";
  font-family: FontAwesome;
  position: absolute;
  left: 0px;
  left: 0px;
  color: #434f0c;
}
.comments-area .reply a:hover {
  color: #434f0c;
}

.comments-area .reply {
  margin-bottom: 20px;
}

.comment-content {
  display: inline-block;
  width: 100%;
}

.comment-replay-all > li {
  margin: 40px 0;
}

.parent-comment {
  border-bottom: 1px solid #ececec;
  margin-bottom: 40px;
  padding-bottom: 28px;
}

.single-comment.comment-border:last-child {
  margin-bottom: 0;
}

.replay-comment {
  border-bottom: 1px solid #ececec;
  padding-left: 150px;
  margin-bottom: 40px;
  padding-bottom: 28px;
}

.comment-text > a {
  border: 1px solid #c1c1c1;
  border-radius: 50px;
  color: #404040;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  margin-top: 21px;
  padding: 10px 18px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}

.comment-text > a:hover {
  background-color: #505cfd;
  border-color: #505cfd;
  color: #ffffff;
}

.leave-comment h3 {
  color: #222222;
  font-size: 22px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 12px;
}

p.comment-form-author {
  margin-right: 4%;
}
.comments-area .comments-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

/* media query */
@media (min-width: 992px) and (max-width: 1200px) {
  .sidebar-widget-area .wp-block-latest-posts__featured-image {
    width: 40%;
  }
  .sidebar-widget-area .wp-block-latest-posts a {
    width: 60%;
  }

}
@media (min-width: 767px) and (max-width: 992px) {
  .sidebar-widget-area .wp-block-latest-posts__featured-image {
    width: 100%;
  }
  .sidebar-widget-area .wp-block-latest-posts a {
    width: 100%;
  }

}


@media (max-width: 767px) {
  .comment-author, .comment-metadata, .sidebar-widget-area .wp-block-latest-posts a {
    width: 100%;
  }
  .sidebar-widget-area .wp-block-latest-posts__featured-image {
    width: 20%;
  }
  .sidebar-widget-area .wp-block-latest-posts a {
    width: 80%;
  }

}

@media (max-width: 767px) {
    .sidebar-widget-area .wp-block-latest-posts__featured-image {
    width: 100%;
  }
  .sidebar-widget-area .wp-block-latest-posts a {
    width: 100%;
  }
}