/*!
Theme Name: Página Web SEO Blog Theme
Theme URI: https://www.paginawebseo.com
Description: Official Theme for Página Web SEO Blog
Version: 3.5.4
Requires at least: 5.0
Tested up to: 6.7
Requires PHP: 7.2
License: GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
Tags: custom-background, custom-colors, featured-images, flexible-header, microformats, post-formats, rtl-language-support, theme-options, translation-ready, accessibility-ready
Text Domain: pws-blog
*/

/* Don't overwrite this file. Compile "/assets/main.scss" to "/build/main.css" */

/* From http://codex.wordpress.org/CSS */

.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

img {
  border: 0;
  height: auto;
  max-width: 100%;
  padding: 0;
  width: auto;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}
.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}
.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	width: 50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(60%);
	filter: opacity(60%);
}

.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 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-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

.bypostauthor {
	font-weight: bold;
}

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

/* Ajustes del blog */
.page_head {
  margin-top: 50px;
}
@media (max-width: 782px) {
  .page_head {
    margin-top: 35px;
  }
}

/*==================================================================
    BLOG STYLES - WordPress Theme Página Web SEO
==================================================================*/
/*--------------------------------------------------------------
# BLOCKQUOTES & QUOTES
--------------------------------------------------------------*/
blockquote,
.wp-block-quote {
  font-size: 18px;
  line-height: 1.55;
  padding: 40px;
  font-weight: 400;
  font-family: 'Urbanist', sans-serif;
  position: relative;
  background-color: #ffffff;
  margin: 50px 0 30px 0;
  color: #454545;
  font-style: italic;
  border-radius: 5px;
  border: 0;
  /* Large devices */
  /* Extra small devices */
}
blockquote p,
.wp-block-quote p {
  font-size: 18px;
  font-weight: 400;
  font-family: 'Urbanist', sans-serif;
  font-style: normal;
  margin-top: -0.3em;
  margin-bottom: -0.3rem;
  line-height: 1.55;
  color: #454545;
  position: relative;
  z-index: 3;
}
blockquote p a,
.wp-block-quote p a {
  color: inherit;
}
blockquote:before,
.wp-block-quote:before {
  content: "\f10e";
  font-family: 'FontAwesome';
  position: absolute;
  left: 45px;
  top: -20px;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  font-style: normal;
  background: #f7bc22;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 10px;
  text-align: center;
}
blockquote .h4,
.wp-block-quote .h4 {
  font-size: 22px;
  margin: 7px 0 10px 0;
}
blockquote cite,
.wp-block-quote cite {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 25px;
  font-style: normal;
  color: #454545;
  font-family: 'Urbanist', sans-serif;
}
blockquote cite:before,
.wp-block-quote cite:before {
  content: "";
  display: inline-block;
  height: 2px;
  width: 25px;
  background: #f7bc22;
  margin-right: 15px;
  vertical-align: middle;
}
@media (max-width: 1199px) {
  blockquote,
  .wp-block-quote {
    padding: 100px 40px 40px 40px;
  }
  blockquote:before,
  .wp-block-quote:before {
    left: 40px;
    top: 40px;
  }
}
@media (max-width: 575px) {
  blockquote,
  .wp-block-quote {
    padding: 100px 30px 30px 30px;
  }
  blockquote:before,
  .wp-block-quote:before {
    left: 30px;
    top: 30px;
  }
}

/*--------------------------------------------------------------
# BLOG ELEMENTS
--------------------------------------------------------------*/
/* Blog Meta Information */
.blog-meta {
  margin-top: -0.4em;
  margin-bottom: 19px;
}
.blog-meta span,
.blog-meta a {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  color: #454545;
  margin-right: 11px;
}
.blog-meta span i,
.blog-meta a i {
  margin-right: 9px;
  font-weight: 500;
  color: #101010;
}
.blog-meta span:last-child,
.blog-meta a:last-child {
  margin-right: 0 !important;
}
.blog-meta span:hover,
.blog-meta a:hover {
  color: #f7bc22;
}

/* Blog Titles */
.blog-title {
  margin-bottom: 25px;
  font-size: 30px;
  line-height: 1;
  font-weight: 700;
  /* Medium Large devices */
  /* Medium devices */
  /* Small devices */
}
.blog-title a {
  color: inherit;
}
.blog-title a:hover {
  color: #f7bc22;
}
@media (max-width: 1399px) {
  .blog-title {
    font-size: 28px;
    line-height: 1.1;
  }
}
@media (max-width: 991px) {
  .blog-title {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .blog-title {
    font-size: 24px;
    line-height: 1.3;
  }
}

.blog-inner-title {
  margin-top: 0.25em;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 30px;
  /* Large devices */
}
.blog-inner-title i {
  color: #f7bc22;
  margin-right: 4px;
}
@media (max-width: 1199px) {
  .blog-inner-title {
    margin-bottom: 30px;
  }
}

/*--------------------------------------------------------------
# BLOG CARDS & LAYOUTS
--------------------------------------------------------------*/
/* Blog Area */
.blog-area .blog-single-card {
  position: relative;
  background-color: #ffffff;
  border-radius: 5px;
  margin-bottom: 10px;
  /* Medium devices */
  /* Extra small devices */
}
.blog-area .blog-single-card .blog-thumb {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}
.blog-area .blog-single-card .blog-thumb img {
  width: 100%;
  border-radius: 5px 5px 0 0;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  max-width: 100%;
}
.blog-area .blog-single-card .blog-date {
  position: absolute;
  right: 40px;
  top: 40px;
  /* Large devices */
}
.blog-area .blog-single-card .blog-date a {
  background: #f7bc22;
  font-family: 'Urbanist', sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 29px;
  text-align: center;
  border-radius: 5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 2px;
  color: #ffffff;
  padding: 10px 12px;
}
@media (max-width: 1199px) {
  .blog-area .blog-single-card .blog-date {
    right: 0;
    top: 0;
    -webkit-transform: translate(0, -100%);
            transform: translate(0, -100%);
  }
  .blog-area .blog-single-card .blog-date a {
    border-radius: 5px 0 0 0px;
  }
}
.blog-area .blog-single-card .blog-content {
  padding: 40px 0px;
  /* Large devices */
  /* Small devices */
}
@media (max-width: 1199px) {
  .blog-area .blog-single-card .blog-content {
    padding: 30px 0px;
  }
}
@media (max-width: 767px) {
  .blog-area .blog-single-card .blog-content {
    padding: 30px 0px;
  }
}
.blog-area .blog-single-card .blog-text {
  margin-bottom: 10px;
  font-size: 18px;
  font-family: 'Urbanist', sans-serif;
  font-weight: 400;
  /* Small devices */
}
@media (max-width: 767px) {
  .blog-area .blog-single-card .blog-text {
    margin-bottom: 10px;
  }
}
@media (max-width: 991px) {
  .blog-area .blog-single-card {
    margin-bottom: 40px;
  }
}
@media (max-width: 575px) {
  .blog-area .blog-single-card .blog-thumb {
    border-radius: 5px;
  }
  .blog-area .blog-single-card .blog-thumb img {
    border-radius: 5px;
  }
  .blog-area .blog-single-card .blog-content {
    border-radius: 5px;
  }
}

/* Blog Details Card */
.blog-details-card .blog-meta {
  margin-bottom: 22px;
}
.blog-details-card .blog-thumb {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}
.blog-details-card .blog-thumb.style2 {
  border-radius: 5px;
}
.blog-details-card .blog-thumb.style2 img {
  border-radius: 5px;
}
.blog-details-card .blog-content {
  background-color: #ffffff;
  padding: 0px 0px 40px 0px;
  border-radius: 5px;
  /* Extra small devices */
}
@media (max-width: 575px) {
  .blog-details-card .blog-content {
    padding: 0px 0px 30px 0px;
  }
}
.blog-details-card .blog-author {
  background-color: #f7bc22;
  padding: 40px;
  margin-top: 40px;
  border-radius: 5px;
  /* Extra small devices */
}
@media (max-width: 575px) {
  .blog-details-card .blog-author {
    padding: 30px;
    margin-top: 30px;
  }
}
.blog-details-card .blog-author .author-links {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.blog-details-card .blog-author .author-links li {
  list-style: none;
}
.blog-details-card .blog-author .author-links a {
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 20px;
  border-radius: 10px;
  text-align: center;
  color: #ffffff;
  background-color: #f7bc22;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.blog-details-card .blog-author .author-links a:hover {
  background-color: #ffffff;
  color: #f7bc22;
}
.blog-details-card .blog-title {
  font-weight: 700;
  font-size: 45px;
  margin-bottom: 30px;
  /* Medium Large devices */
  /* Large devices */
}
@media (max-width: 1299px) {
  .blog-details-card .blog-title {
    font-size: 35px;
  }
}
@media (max-width: 1199px) {
  .blog-details-card .blog-title {
    font-size: 30px;
  }
}
.blog-details-card p {
  font-size: 18px;
  font-family: 'Urbanist', sans-serif;
}

/*--------------------------------------------------------------
# SIDEBAR & WIDGETS
--------------------------------------------------------------*/
.sidebar-area select,
.sidebar-area input {
  background-color: #ffffff;
  border: 1px solid #f7bc22;
}

.widget_blog {
  margin-bottom: 40px;
  padding: 20px;
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  border-radius: 5px;

  /* Large devices */
  /* Medium devices */
  /* Small devices */
}
@media (max-width: 1199px) {
  .widget_blog {
    padding: 30px;
  }
}
@media (max-width: 991px) {
  .widget_blog {
    padding: 40px;
  }
}
@media (max-width: 767px) {
  .widget_blog {
    padding: 30px;
  }
}
.widget_blog .search-form {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.widget_blog .search-form input {
  background: #ffffff;
  border: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #454545;
  font-size: 18px;
  font-family: 'Urbanist', sans-serif;
  font-weight: 400;
  height: 64px;
  border-radius: 5px;
  padding: 0 80px 0 20px;
  max-width: 100%;
}
.widget_blog .search-form input::-webkit-input-placeholder {
  color: #454545;
}
.widget_blog .search-form input::-moz-placeholder {
  color: #454545;
}
.widget_blog .search-form input:-ms-input-placeholder {
  color: #454545;
}
.widget_blog .search-form input::-ms-input-placeholder {
  color: #454545;
}
.widget_blog .search-form input::placeholder {
  color: #454545;
}
.widget_blog .search-form button {
  position: absolute;
  right: 20px;
  top: 20px;
  border: none;
  font-size: 18px;
  background-color: transparent;
  color: #101010;
}

.widget_title {
  position: relative;
  font-size: 22px;
  font-weight: 700;
  font-family: 'Urbanist', sans-serif;
  line-height: 1em;
  padding-bottom: 17px;
  margin: -0.12em 0 30px 0;
  /* Large devices */
}
.widget_title:after, .widget_title:before {
  content: "";
  height: 2px;
  width: 100%;
  background-color: rgba(36, 63, 55, 0.1);
  position: absolute;
  bottom: 0;
  left: 0;
}
.widget_title:after {
  background-color: #f7bc22;
  width: 135px;
}
@media (max-width: 1199px) {
  .widget_title {
    margin: -0.12em 0 24px 0;
  }
}

/* Categories Widget */
.widget_categories ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.widget_categories .menu,
.widget_categories > ul {
  margin: -3px 0 0 0;
}
.widget_categories a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ffffff;
  border-radius: 5px;
  margin: 0 0 20px 0;
  padding: 15px 20px;
  font-size: 18px;
  font-weight: 400;
  font-family: 'Urbanist', sans-serif;
  color: #101010;
  /* Extra small devices */
}
@media (max-width: 375px) {
  .widget_categories a {
    font-size: 16px;
  }
}
.widget_categories a i {
  margin-right: 12px;
  -webkit-transition: 0.4s all;
  transition: 0.4s all;
}
.widget_categories a span {
  margin-left: auto;
}
.widget_categories a.active, .widget_categories a:hover {
  color: #f7bc22;
  border-color: #f7bc22;
}
.widget_categories a.active i, .widget_categories a:hover i {
  color: #f7bc22;
}
.widget_categories a.active ~ span, .widget_categories a:hover ~ span {
  color: #f7bc22;
}
.widget_categories li {
  position: relative;
}
.widget_categories li > span {
  font-size: 16px;
  position: absolute;
  right: 0;
  top: 0;
  color: #454545;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
.widget_categories li:last-child a {
  margin-bottom: 0;
}
.widget_categories .wp-block-navigation__submenu-container,
.widget_categories .sub-menu,
.widget_categories .children {
  margin-left: 10px;
}
.widget_categories .wp-block-navigation__submenu-container li a,
.widget_categories .sub-menu li a,
.widget_categories .children li a {
  border-bottom: 1px solid #E6E6E6;
  margin: 0 0 19px 0;
  padding: 0 0 20px;
}

/* Recent Posts Widget */
.recent-post-wrap .recent-post {
  margin-bottom: 20px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.recent-post-wrap .recent-post:last-child {
  margin-bottom: 0;
}
.recent-post-wrap .recent-post .recent-post-meta {
  margin-bottom: 5px;
}
.recent-post-wrap .recent-post .recent-post-meta a {
  font-size: 16px;
  font-weight: 400;
  font-family: 'Urbanist', sans-serif;
  color: #454545;
  display: block;
}
.recent-post-wrap .recent-post .recent-post-meta a i {
  margin-right: 6px;
  color: #f7bc22;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.recent-post-wrap .recent-post .recent-post-meta a:hover {
  color: #f7bc22;
}
.recent-post-wrap .recent-post .recent-post-meta a:hover i {
  color: #f7bc22;
}
.recent-post-wrap .recent-post .post-title {
  font-weight: 500;
  font-size: 20px;
  font-family: 'Urbanist', sans-serif;
  margin-bottom: 1rem;
}
@media (max-width: 330px) {
  .recent-post-wrap .recent-post .post-title {
    font-size: 16px;
    line-height: 24px;
  }
  .recent-post-wrap .recent-post .recent-post-meta a {
    font-size: 12px;
  }
}

/* Tags and Tag Cloud */
.wp-block-tag-cloud,
.tagcloud {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 13px;
  /* Extra small devices */
  margin-bottom: 30px;
}
.wp-block-tag-cloud a,
.tagcloud a {
  font-size: 18px !important;
  font-weight: 400;
  font-family: 'Urbanist', sans-serif;
  padding: 10px 15px;
  color: #454545;
  background-color: #ffffff;
  border: 1px solid #454545;
  border-radius: 10px;
}
.wp-block-tag-cloud a:hover,
.tagcloud a:hover {
  color: #ffffff !important;
  background-color: #f7bc22;
  border-color: #f7bc22;
}
@media (max-width: 375px) {
  .wp-block-tag-cloud,
  .tagcloud {
    gap: 10px;
  }
}

/* Share Links */
.share-links {
  padding: 13px 0 40px;
  /* Medium Large devices */
  /* Extra small devices */
}
.share-links .social-links {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.share-links .social-links li {
  list-style: none;
}
.share-links .social-links a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  border-radius: 5px;
  text-align: center;
  color: #101010;
  border: 1px solid #101010;
  background-color: #ffffff;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.share-links .social-links a:hover {
  background-color: #f7bc22;
  border-color: #f7bc22;
  color: #101010;
}
.share-links > .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  --bs-gutter-y: 20px;
}
@media (max-width: 1399px) {
  .share-links {
    --blog-space-x: 20px;
  }
}
@media (max-width: 575px) {
  .share-links .share-links-title {
    display: block;
    margin-bottom: 10px;
  }
}

.share-links-title {
  font-size: 22px;
  color: #101010;
  font-family: 'Urbanist', sans-serif;
  font-weight: 500;
  margin: 0 0 20px 0;
}

/*--------------------------------------------------------------
# COMMENTS SYSTEM
--------------------------------------------------------------*/
.comments-wrap {
  margin-top: 60px;
  /* Large devices */
  /* Small devices */
}
.comments-wrap ul.comment-list {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
}
.comments-wrap .children {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-left: 135px;
}
.comments-wrap .post-comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  padding-bottom: 30px;
}
.comments-wrap .comment-avater {
  margin-right: 25px;
  overflow: hidden;
  border-radius: 15px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.comments-wrap .comment-avater img {
  width: 100%;
  max-width: 100px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
}
.comments-wrap .comment-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: -6px;
  position: relative;
}
.comments-wrap .commented-on {
  font-size: 16px;
  margin-bottom: 2px;
  font-weight: 400;
  color: #454545;
  font-family: 'Urbanist', sans-serif;
}
.comments-wrap .commented-on i {
  margin-right: 7px;
  font-size: 0.9rem;
}
.comments-wrap .name {
  margin-bottom: 7px;
  font-size: 18px;
  font-weight: 700;
}
.comments-wrap .text {
  margin-bottom: -0.3em;
}
.comments-wrap .reply_and_edit {
  margin-bottom: -0.46em;
  position: absolute;
  right: 0;
  top: 20px;
}
@media (max-width: 480px) {
  .comments-wrap .reply_and_edit {
    position: relative;
    padding-bottom: 40px;
  }
}
.comments-wrap .reply_and_edit a {
  margin-right: 10px;
  color: #f7bc22;
  font-size: 16px;
  font-weight: 600;
  font-family: 'Urbanist', sans-serif;
  border-radius: 10px;
  border: 2px solid #F3F5F4;
  padding: 5px 20px;
}
.comments-wrap .reply_and_edit a:hover {
  color: #101010;
}
.comments-wrap .reply_and_edit a i {
  margin-left: 3px;
}
.comments-wrap .reply_and_edit a:last-child {
  margin-right: 0;
}
@media (max-width: 1199px) {
  .comments-wrap {
    margin-top: 40px;
  }
  .comments-wrap .children {
    margin-left: 40px;
  }
  .comments-wrap .comment-avater {
    margin-right: 35px;
  }
}
@media (max-width: 767px) {
  .comments-wrap .post-comment {
    display: block;
  }
  .comments-wrap .comment-avater {
    height: 100px;
    width: 100px;
    margin-bottom: 30px;
  }
}

.comment-item {
  background-color: #ffffff;
  padding: 30px;
  border-radius: 5px;
  border: 2px solid #F3F5F4;
  margin-bottom: 20px;
}
.comment-item .text {
  font-size: 18px;
  margin-right: 90px;
  /* Medium Large devices */
}
@media (max-width: 1299px) {
  .comment-item .text {
    margin-right: 0;
  }
}

/* Comment Form */
.comment-form {
  margin-top: 40px;
  /* Medium devices */
}
.comment-form .row {
  --bs-gutter-x: 20px;
}
.comment-form .form-group {
  margin-bottom: 20px;
}
.comment-form input,
.comment-form textarea,
.comment-form .form-select {
  border: 2px solid #F3F5F4;
  border-radius: 10px;
  font-size: 18px;
}
@media (max-width: 991px) {
  .comment-form .btn {
    padding: 20px 40px;
  }
}

.comment-respond {
  margin-top: 30px;
  padding: 35px 45px 30px 45px;
  background-color: #f7bc22;
  border-radius: 10px;
}
.comment-respond .comment-form {
  padding: 0;
}

/*--------------------------------------------------------------
# CONTENT ELEMENTS
--------------------------------------------------------------*/
/* Blockquotes */
blockquote {
  background: rgba(79, 179, 79, 0.05);
  border-left: 5px solid #f7bc22;
  margin: 35px 0;
  padding: 25px 30px;
  border-radius: 0 20px 20px 0;
  position: relative;
  /* Small devices */
}
blockquote p {
  font-size: 20px;
  font-family: 'Urbanist', sans-serif;
  font-style: italic;
  font-weight: 600;
  margin-bottom: 1em;
}
blockquote p:last-child {
  margin-bottom: 0;
}
blockquote cite {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #454545;
  font-style: normal;
  margin-top: 10px;
}
blockquote cite:before {
  content: "— ";
}
@media (max-width: 767px) {
  blockquote {
    padding: 20px 25px;
    margin: 25px 0;
  }
  blockquote p {
    font-size: 18px;
  }
}

/*--------------------------------------------------------------
# RESPONSIVE HELPERS
--------------------------------------------------------------*/
/* Large devices */
@media (max-width: 1199px) {
  .blog-single {
    --blog-space-y: 40px;
  }
  .comment-form {
    --blog-space-y: 40px;
  }
}

/* Paginado */
/* Paginado personalizado para pws_blog_content_nav */
.pws-pagination {
  margin-top: 2rem;
}
.pws-pagination .pagination {
  flex-wrap: wrap;
  gap: 0.25rem;
}
.pws-pagination .page-item {
  display: inline;
}
.pws-pagination .page-link {
  color: #101010;
  background: #fff;
  border: 1px solid #101010;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  transition: background 0.2s, color 0.2s;
  text-decoration: none;
}
.pws-pagination .page-link:hover,
.pws-pagination .page-link:focus {
  background: #f0f0f0;
  color: #101010;
  text-decoration: none;
}
.pws-pagination .page-item.active .page-link {
  background: #f7bc22;
  color: #101010;
  border-color: #f7bc22;
  cursor: default;
}
.pws-pagination .page-link[aria-disabled="true"] {
  color: #6c757d;
  pointer-events: none;
  background: #fff;
  border-color: #101010;
}