/*
Theme Name: SEO Help
Theme URI: https://www.dna88.com/product/seo-help-theme-pro/
Author: QuantumCloud
Author URI: https://quantumcloud.com/
Description: SEO Help theme is fast, google pagespeed friendly, and the best option to start a blog website quickly with AI generated contents. SEO Help is a Block based FSE (Full Site Editing) compatible WordPress theme made to create a blog website with ready contents generated by OpenAI or Google BARD AI. SEO Help is clean, minimalist and modern designed theme with well crafted patterns. This theme is created specifically with quick AI content generation in mind. With the SEO Help plugin, you can generate contents with the click of a button. Use SEO help for your next website to get a head start with Search Engine Optimized contents with JUST One Click. SEO Help is a lightweight WordPress theme built with the Gutenberg editor in mind for a fast loading site. It also works popular page builders, including Elementor, Beaver Builder, Visual Composer and Brizy etc. Official Support: https://www.dna88.com/support-free/ Demo: https://dev.dna88.com/seohelp/
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 5.6
Version: 1.0.8
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Tags: block-patterns, block-styles, blog, custom-background, custom-colors, custom-logo, custom-menu, editor-style, full-site-editing, grid-layout, one-column, photography, portfolio, template-editing, threaded-comments, translation-ready, wide-blocks
Text Domain: seo-help
*/

html {
  scroll-behavior: smooth;
}

header {
  background: #ffff;
  height: auto;
  z-index: 999;
  margin: 0 auto;
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}

.admin-bar header {
  position: relative;
}

.wp-block-social-link {
  padding-bottom: initial;
}

.list_inner {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.list_inner:hover {
  transform: translateY(-5px);
}

.is-hover-image {
  position: relative;
  overflow: hidden;
}

.is-hover-image img {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.is-hover-image:hover img {
  transform: scale(1.1);
}

.is-style-list-style-none {
  list-style-type: none;
}

.is-style-post-terms-pill a {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 3px;
  background: #eff0f2;
  color: #5b6b79;
  border-color: #eff0f2;
  font-family: sans-serif;
}


input[type="submit"] {
  transition: all ease 0.23s;
  -o-transition: all ease 0.23s;
  -moz-transition: all ease 0.23s;
  -webkit-transition: all ease 0.23s;
}

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

.wp-block-post-comments-form {
  border-radius: 20px;
}

form.comment-form input[type="email"],
form.comment-form input[type="text"],
form.comment-form input[type="url"],
form.comment-form textarea {
  border-radius: 5px;
  border: 0;
  margin: 12px 0 25px;
}

form.comment-form .form-submit.wp-block-button {
  margin-top: 25px;
}

.wpcf7-form-control.wpcf7-text,
.wpcf7-form-control.wpcf7-textarea,
.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number,
.wpcf7-form-control.wpcf7-select {
  border-radius: 4px;
  font-size: 18px;
  min-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.6;
  padding: 20px;
  height: 60px;
  vertical-align: middle;
  border: 1px solid #dedede;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  margin-bottom: 20px;
}

.wpcf7-form-control.wpcf7-textarea {
  height: auto;
}

.wpcf7-form-control.wpcf7-select {
  appearance: none;
  position: relative;
}

.wpcf7-form-control.wpcf7-select:after {
  content: ">";
  font-size: 20px;
  position: absolute;
  right: 20px;
  top: 10px;
}

form.wpcf7-form * {
  font-family: sans-serif;
}

form.wpcf7-form *::placeholder {
  font-size: 14px;
}

form.wpcf7-form *::-moz-placeholder {
  font-size: 14px;
}

form.wpcf7-form *::-webkit-input-placeholder {
  font-size: 14px;
}

.wpcf7-form-control.has-spinner.wpcf7-submit {
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
  border-radius: 5px;
  border: 0;
  font-size: 16px;
  padding: 15px 40px;
  cursor: pointer;
}

.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
  background: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--black);
}

.wp-block-comment-author-name {
  font-weight: 600;
}

.wp-block-comment-date a {
  color: var(--wp--preset--color--foregound);
  font-size: 13px;
}

.wp-block-comment-template li {
  margin-top: 50px;
}

.wp-block-comment-template li li {
  margin-top: 10px;
  padding-left: 60px;
}

a.comment-reply-link {
  border: 1px solid;
  padding: 5px 13px;
  border-radius: 40px;
  font-size: 13px;
  opacity: 0.6;
}

.wp-block-post-comments-form {
  margin-top: 30px;
  display: inline-block;
  width: 100%;
}
li.wp-block-post {
  padding: 80px 10px 60px 10px;
}



.single-post main .wp-block-template-part {
  -webkit-box-shadow: 0 30px 50px 0 rgba(1,1,1,.15);
  box-shadow: 0 30px 50px 0 rgba(1,1,1,.15);
  max-width: 1170px !important;
  margin: 0 auto 10rem;
  width: 100%;
  padding: 8rem 3rem !important;
  margin: -180px auto 0 auto !important;
  border-radius: 6px;
  z-index: 999999;
  position: relative;
  background: var(--wp--preset--color--secondary) !important; 
}
.bloglayout{
  -webkit-box-shadow: 0 30px 50px 0 rgba(1,1,1,.15);
  box-shadow: 0 30px 50px 0 rgba(1,1,1,.15);
  max-width: 1170px !important;
  margin: 0 auto 10rem;
  width: 100%;
  padding: 3rem 12rem !important;
  margin: 20px auto 0 auto !important;
  border-radius: 6px;
  margin: -180px auto 0 auto !important;
  border-radius: 6px;
  z-index: 999999;
  position: relative;
  background: var(--wp--preset--color--secondary) !important; 

}
a.wp-block-post-excerpt__more-link {
  background: #039be500;
  text-decoration: none;
  color: #000;
  padding: 8px 60px 8px 40px;
  border-radius: 3px;
  border-bottom: 1px solid #eee;
  position: relative;
  font-weight: bold;
  margin: 0 auto;
  text-align: center;
  display: block;
  width: 100%;
  max-width: 280px;
}

a.wp-block-post-excerpt__more-link:after {
  content: " ";
  border-right: 2px solid #000;
  border-top: 2px solid #000;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  cursor: pointer;
  position: absolute;
  top: 16px;
  margin: 0 0 0 12px;
}

a.wp-block-post-excerpt__more-link:hover{
  background: #039be500;
  text-decoration: none;
  color: #039be5;
}
.wp-block-post-title a:hover{
  text-decoration:none ;
}
.home .bloglayout{
-webkit-box-shadow: 0 30px 50px 0 rgba(1,1,1,.15);
box-shadow: 0 30px 50px 0 rgba(1,1,1,.15);
max-width: 1170px;
margin: 0 auto 10rem;
width: 100%;
padding: 3rem 12rem !important;
margin: -250px auto 0 auto !important;
background: var(--wp--preset--color--secondary) !important; 
border-radius: 6px;
}
.meta-group {
  display: flex;
  float: left;
  align-items: center;
}

.meta-group div {
  margin: 0 !important;
  padding: 0 25px 0 0;
}

.wp-block-post-author-name {
  font-family: var(--wp--preset--font-family--Josefin_Sans) !important;
}
.titlestyle{
  display: none;
}

.tposttitle-top {
  position: relative;
  padding: 30px 0 30px 0;
}
.wp-block-post-title a span{
  font-size: 16rem;
  line-height: 1.2;
  color: rgba(0,0,0,.07);
  z-index: 1;
  position: absolute;
  top: 50%;
  left: -5rem;
  -webkit-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  transform: translate(0,-50%);
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
  text-transform: uppercase;
  font-weight: bold; 

}

li.wp-block-post{
position: relative;
}
li.wp-block-post:after{
  position: absolute;
  content: '';
  background: #eee;
  width: 280px;
  height: 0;
  margin: 20px auto 0 auto;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 0;
}
.wp-block-post-excerpt__excerpt {
  margin-bottom: 0;
  margin-top: 0;
  line-height: 30px;
  font-size: 18px;
}
.wp-block-post-title a {

}

.taxonomy-post_tag.wp-block-post-terms {
  text-align: center;
  margin: 25px 0 0 0;
}
.taxonomy-post_tag.wp-block-post-terms span{
  display: none;
}
.taxonomy-post_tag.wp-block-post-terms a {
  -webkit-box-shadow: 0 30px 50px 0 rgba(1,1,1,.15);
  box-shadow: 0 30px 50px 0 rgba(1,1,1,.15);
  background: #fff;
  padding: 10px 16px;
  font-size: 14px;
  text-transform: capitalize;
  color: #2a2a2a;
  margin: 0 4px;
}

footer{
  z-index: -1;
  position: relative;
}


header.wp-block-template-part {
  background: #0288d1;
  height: 250px;
}

.home header.wp-block-template-part {
  background: #0288d1;
  height: auto;
}







.wp-block-post-title span {
    font-size: 16rem;
    line-height: 1.2;
    color: rgba(0,0,0,.07);
    z-index: 1;
    position: absolute;
    top: 50%;
    left: -5rem;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    text-transform: uppercase;
    font-weight: bold;
}

.tposttitle-top {
    position: relative;
    padding: 30px 0 30px 0;
}

.single-post main .wp-block-template-part > .wp-block-group{

}

/*===============================
#### PAGINATIONS STYLE CSS #####
=================================*/

.pagination-style .wp-block-query-pagination,
.pagination-style .wp-block-query-pagination-numbers {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0;
  margin: 0;
}

.pagination-style.wp-block-query-pagination .page-numbers:not(.dots),
.pagination-style.wp-block-query-pagination-numbers .page-numbers:not(.dots),
.pagination-style.wp-block-query-pagination .wp-block-query-pagination-previous,
.pagination-style.wp-block-query-pagination-numbers .wp-block-query-pagination-previous,
.pagination-style.wp-block-query-pagination .wp-block-query-pagination-next,
.pagination-style.wp-block-query-pagination-numbers .wp-block-query-pagination-next {
  display: flex;
  justify-content: center;
  align-items: center;
}

.pagination-style.wp-block-query-pagination .page-numbers,
.pagination-style.wp-block-query-pagination-numbers .page-numbers {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  line-height: 1;
}

.pagination-style .wp-block-query-pagination-next,
.pagination-style .wp-block-query-pagination-previous {
  border-radius: 6rem;
  font-size: 1.125rem;
  padding: 0.875rem 1.5rem;
  line-height: 1;
  margin: 0 10px;
}

.pagination-style.wp-block-query-pagination .page-numbers.dots,
.pagination-style.wp-block-query-pagination-numbers .page-numbers.dots {
  display: flex;
  justify-content: center;
  align-items: center;
}

.pagination-style.wp-block-query-pagination-numbers .page-numbers:not(.dots),
.pagination-style.wp-block-query-pagination-numbers .wp-block-query-pagination-next,
.pagination-style .wp-block-query-pagination-numbers .wp-block-query-pagination-previous,
.pagination-style.wp-block-query-pagination .page-numbers:not(.dots),
.pagination-style.wp-block-query-pagination .wp-block-query-pagination-next,
.pagination-style.wp-block-query-pagination .wp-block-query-pagination-previous {
  align-items: center;
  background-color: transparent;
  border: 1px solid var(--wp--preset--color--primary);
  color: var(--wp--preset--color--black);
  display: inline-block;
  display: flex;
  font-weight: 400;
  justify-content: center;
  margin: 0 5px;
}

.pagination-style.wp-block-query-pagination .page-numbers.current,
.pagination-style.wp-block-query-pagination-numbers .page-numbers.current,
.pagination-style.wp-block-query-pagination .page-numbers.current:hover,
.pagination-style.wp-block-query-pagination-numbers .page-numbers.current:hover {
  background-color: var(--wp--preset--color--primary);
  border-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
}

header+div {
  margin-top: 0;
}


.single .wp-block-post-navigation-link a span{
  display:none;
}
.headercarved {
  margin: 0 0 0 0;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.home .headercarved{
  display: none;
}

.wp-block-post-title a {
  line-height: 35px;
}
.tposttitle-top a {
  line-height: 62px !important; 
}
blockquote.wp-block-quote {
  background: rgb(255 255 255 / 7%);
  padding: 10px 20px;
  margin: 30px 0;
  border-radius: 8px;
  -webkit-box-shadow: 0 30px 50px 0 rgba(1,1,1,.15);
  box-shadow: 0 30px 50px 0 rgba(1,1,1,.15); 
  border-left: 0.25em solid #0693e3;
  border-right: 0.25em solid #0693e3;
}
a.block-editor-rich-text__editable.wp-block-post-excerpt__more-link.rich-text {
  display: none;
}
.search-results .wp-block-post-title a {
  line-height: 62px;
  position: relative;
}
.page h1 span{
  display: none;
}
.tag-seo-help h1{
  position: relative;
}
.tag main .wp-block-template-part {
  -webkit-box-shadow: 0 30px 50px 0 rgba(1,1,1,.15);
  box-shadow: 0 30px 50px 0 rgba(1,1,1,.15);
  max-width: 1170px !important;
  margin: 0 auto 10rem;
  width: 100%;
  padding: 8rem 3rem !important;
  margin: -180px auto 0 auto !important;
  border-radius: 6px;
  z-index: 999999;
  position: relative;
  background: var(--wp--preset--color--secondary) !important; 
}

:where(.wp-block-group.has-background) {
  background: var(--wp--preset--color--secondary) !important; 
}
header.wp-block-template-part {
  background: var(--wp--preset--color--secondary) !important; 
}

a:where(:not(.wp-element-button)) {
  color: var(--wp--preset--color--black) !important;
}

footer .has-secondary-background-color {
  background-color: var(--wp--preset--color--white) !important;
}

.single .wp-block-template-part li.wp-block-post {
  padding: 25px 0 !important;
}
.single .wp-block-template-part li.wp-block-post h2 span {
  font-size: 9rem !important;
  left: 5rem !important;
}

.single-post main .wp-block-template-part {
  height: 100%;
}

@media only screen and (max-width: 800px) {
.home .bloglayout {
  width: auto;
  padding: 3rem 4rem !important;
}
.bloglayout {
  width: auto;
  padding: 3rem 4rem !important;
}
.single-post main .wp-block-template-part{
  width: auto;
  padding: 3rem 4rem !important;
}
.tag main .wp-block-template-part {
  width: auto;
  padding: 3rem 4rem !important;
}
}
@media only screen and (max-width: 480px) {
  .home .bloglayout {
    width: auto;
    padding: 3rem 2rem !important;
  }
  .bloglayout {
    width: auto;
    padding: 3rem 2rem !important;
  }
  .single-post main .wp-block-template-part{
    width: auto;
    padding: 3rem 2rem !important;
  }
  .tag main .wp-block-template-part {
    width: auto;
    padding: 3rem 2rem !important;
  }
  .wp-block-post-title a span {
    left: -2rem;
} 
a.wp-block-post-excerpt__more-link {
  width: auto;
}
  }