/*
Theme Name: Bloghoot
Theme URI: https://websiteinwp.com/Bloghoot/
Author: WebsiteinWP
Author URI: https://websiteinwp.com/
Description: Bloghoot is a sleek and minimal WordPress theme built for Full Site Editing, giving you complete control over every part of your site—from headers and footers to post and page templates. Perfect for personal, travel, or minimalist blogs, Bloghoot offers a clean design and 100% customization for a truly unique blogging experience. Explore more about Bloghoot at https://websiteinwp.com/bloghoot/
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, e-commerce, full-site-editing, block-patterns, full-width-template, rtl-language-support, threaded-comments, translation-ready, block-styles, wide-blocks
Version: 1.0.0
Requires at least: 5.9
Tested up to: 6.8
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blooghoot
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.
*/

/*=====================
STYLE FOR CONTACT FORM 7 LAYOUT
===============*/
.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: 5px;
  border: 1px solid #dad7d7;
  padding: 15px;
  width: 100%;
  margin-top: 10px;
  box-sizing: border-box;
}
.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 *::placeholder {
  font-size: 14px;
}
form.wpcf7-form *::-moz-placeholder {
  font-size: 14px;
}
form.wpcf7-form *::-webkit-input-placeholder {
  font-size: 14px;
}
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;
}

.wpcf7-form-control.has-spinner.wpcf7-submit {
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--light-color);
  border-radius: 0;
  border: 0;
  font-size: 16px;
  padding: 15px 40px;
}
.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
  background: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--light-color);
}
.wp-block-contact-form-7-contact-form-selector .wpcf7-form input,
.wp-block-contact-form-7-contact-form-selector .wpcf7-form select,
.wp-block-contact-form-7-contact-form-selector .wpcf7-form textarea {
  border-radius: 0;
  border: 1px solid var(--wp--preset--color--heading-color);
}
/*=====================
STYLE FOR COMMENTS LAYOUT
===============*/
.wp-block-comments textarea#comment {
  border-radius: 0;
}
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: 0;
  margin: 12px 0 25px;
}
form.comment-form .form-submit.wp-block-button {
  margin-top: 25px;
}
.wp-block-comment-author-name {
  font-weight: 600;
}
form.comment-form .form-submit.wp-block-button .wp-element-button {
  border-radius: 0;
}
.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%;
}
.woocommerce ul.products li.product a img {
  border-radius: 5px;
  height: 350px;
  object-fit: cover;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  margin: 0 2.5% 2.992em 0;
  width: 23.1%;
}
.woocommerce ul.products li.last,
.woocommerce-page ul.products li.last {
  margin-right: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after {
  display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
  border: 0;
}
.woocommerce #reviews #comments ol.commentlist {
  padding: 0;
  margin-top: 20px !important;
}
.woocommerce-page .input-text {
  padding: 11px 30px;
  border: 1px solid #817e7e;
  border-radius: 5px;
}
.wp-block-post-excerpt__excerpt a,
.entry-content.wp-block-post-content a,
p a,
.wp-block-comment-content a,
.wp-block-comment-content p a,
footer.wp-block-latest-comments__comment-meta a,
.wp-block-heading a {
  text-decoration: underline;
}
nav.wp-block-navigation ul li a:hover,
.wp-block-button.is-style-outline a:hover {
  color: var(--wp--preset--color--secondary) !important;
}
ul.wp-block-categories-list.bloghoot-footer-categories.wp-block-categories li a,
ul.wp-block-categories-list.bloghoot-footer-categories.wp-block-categories li {
  color: var(--wp--preset--color--foreground-alt) !important;
}
span.swiper-pagination-bullet.swiper-pagination-bullet-active,
span.swiper-pagination-bullet {
  background-color: var(--wp--preset--color--primary) !important;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  color: var(--wp--preset--color--primary) !important;
}
.swiper-button-prev:hover:after,
.swiper-button-next:hover:after {
  color: var(--wp--preset--color--secondary) !important;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
  background-color: var(--wp--preset--color--primary) !important;
}
.news-ticker-holderv.ticker-2 .swiper-button-prev,
.news-ticker-holderv.ticker-2 .swiper-button-next {
  top: 16px !important;
}
.tg-related-post .post-box .wp-post-image {
  height: 180px;
  border-radius: 7px;
}
.tg-social-sharing a svg {
  height: 14px;
}
.tg-social-sharing a {
  width: 34px;
  height: 34px;
}
.bloghoot-navigation.wp-block-navigation li a:hover {
  color: var(--wp--preset--color--secondary) !important;
}
.tg-related-post .post-box {
  display: inline-block;
  margin-bottom: -40px;
}
.wp-block-group.bloghoot-hover-box:hover {
  transform: scale(1.015) translateY(-10px);
}
.wp-block-cover.bloghoot-hover-cover:hover img.wp-block-cover__image-background {
  transform: scale(1.15);
}
.tg-related-post h3.title-heading a:hover {
  color: var(--wp--preset--color--secondary) !important;
}
.tg-related-post .post-box .wp-post-image {
  height: 180px;
  border-radius: 0 !important;
}
.wp-block-group.bloghoot-overlay-header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
}
body.logged-in .wp-block-group.bloghoot-overlay-header {
  top: 30px;
}
@media (max-width: 767px) {
  .wp-block-group.bloghoot-navigation-row {
    justify-content: space-between;
  }
}
li.wp-block-post.product .wc-block-components-product-image.wc-block-grid__product-image {
  overflow: hidden;
}
.wc-block-mini-cart__badge {
  color: inherit;
}
.wp-block-button.wc-block-components-product-button a,
.wp-block-button.wc-block-components-product-button .wp-block-button__link.add_to_cart_button,
.wp-block-button.is-style-outline .wp-block-button__link {
  border-width: 1px;
}
.wp-block-button.wc-block-components-product-button a:hover,
.wp-block-button.wc-block-components-product-button .wp-block-button__link.add_to_cart_button:hover,
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: var(--wp--preset--color--secondary) !important;
  color: #fff;
  border-color: var(--wp--preset--color--secondary) !important;
}
ul.is-style-list-style-no-bullet.text-center li {
  text-align: center;
}
.wp-block-contact-form-7-contact-form-selector.bloghoot-footer-newsletter input.wpcf7-form-control.wpcf7-email {
  background: transparent;
  border: 1px solid #fff;
  height: 56px;
}
.wp-block-contact-form-7-contact-form-selector.bloghoot-footer-newsletter form.wpcf7-form {
  position: relative;
  margin-top: 30px;
}
.wp-block-contact-form-7-contact-form-selector.bloghoot-footer-newsletter input.wpcf7-form-control.wpcf7-submit {
  position: absolute;
  right: 4px;
  top: 14px;
}
.wp-block-button.wc-block-components-product-button.bloghoot-slider-cartbtn button.wp-block-button__link {
  border: 1px solid;
}
.wp-block-query.tg-post-carousel.bloghoot-colm-slider .swiper-pagination.tgpost-carousel-pagination,
.wp-block-query.tg-post-carousel-4.bloghoot-colm-slider .swiper-pagination.tgpost-carousel-pagination {
  bottom: 50px;
}
ul.wp-block-navigation__container.bloghoot-navigation.wp-block-navigation li {
  line-height: 64px;
}

ul.wp-block-navigation__container.bloghoot-navigation.wp-block-navigation ul li {
  line-height: 30px;
}
ul.wp-block-archives-list.bloghoot-archive-list.wp-block-archives {
  list-style: square;
  margin: 0;
  padding: 0 0 0 13px;
}
p.bloghoot-tags-list.wp-block-tag-cloud a {
  background: var(--wp--preset--color--neutral-color);
  color: var(--wp--preset--color--heading-color);
  display: inline-block;
  padding: 3px 8px;
  margin: 0 0 5px 0;
}
p.bloghoot-tags-list.wp-block-tag-cloud a:hover {
  background: var(--wp--preset--color--primary);
  color: #fff;
}
ul.wp-block-archives-list.bloghoot-archive-list.wp-block-archives li a {
  color: var(--wp--preset--color--heading-color);
}
ul.wp-block-archives-list.bloghoot-archive-list.wp-block-archives li a:hover {
  color: var(--wp--preset--color--primary);
}
ol.has-avatars.has-dates.bloghoot-latest-comments.wp-block-latest-comments {
  margin: 0;
  padding: 0;
}
p.bloghoot-footer-tags.wp-block-tag-cloud a {
  background: var(--wp--preset--color--gray-color);
  color: #fff;
  display: inline-block;
  padding: 3px 8px;
  margin: 0 0 5px 0;
}
p.bloghoot-footer-tags.wp-block-tag-cloud a:hover {
  background: var(--wp--preset--color--secondary);
}
nav.bloghoot-pagination.wp-block-query-pagination {
  gap: 0;
}
nav.bloghoot-pagination.wp-block-query-pagination .wp-block-query-pagination-numbers a,
nav.bloghoot-pagination.wp-block-query-pagination .wp-block-query-pagination-numbers span.page-numbers.current,
nav.bloghoot-pagination.wp-block-query-pagination a.wp-block-query-pagination-next,
nav.bloghoot-pagination.wp-block-query-pagination a.wp-block-query-pagination-previous {
  background: #fff;
  padding: 8px 15px;
  color: var(--wp--preset--color--heading-color);
}
nav.bloghoot-pagination.wp-block-query-pagination .wp-block-query-pagination-numbers span.page-numbers.current {
  background: var(--wp--preset--color--primary);
  color: #fff;
}
nav.bloghoot-pagination.wp-block-query-pagination .wp-block-query-pagination-numbers a:hover,
nav.bloghoot-pagination.wp-block-query-pagination a.wp-block-query-pagination-next:hover,
nav.bloghoot-pagination.wp-block-query-pagination a.wp-block-query-pagination-previous:hover {
  background: var(--wp--preset--color--secondary);
  color: #fff;
}
@media (min-width: 600px) {
  ul.wp-block-navigation__container.bloghoot-navigation.wp-block-navigation li.bloghoot-nav-home.wp-block-home-link {
    padding: 0 24px;
    background: var(--wp--preset--color--primary);
  }
  ul.wp-block-navigation__container.bloghoot-navigation.wp-block-navigation li.bloghoot-nav-home.wp-block-home-link:hover {
    background: var(--wp--preset--color--secondary);
  }
  ul.wp-block-navigation__container.bloghoot-navigation.wp-block-navigation li.bloghoot-nav-home.wp-block-home-link a {
    color: #fff;
  }
  .wp-block-navigation-item.bloghoot-nav-home:not(.block-editor-block-list__block) a.wp-block-home-link__content {
    position: relative;
    font-size: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .wp-block-navigation-item.bloghoot-nav-home:not(.block-editor-block-list__block) a.wp-block-home-link__content:before {
    content: "";
    background: #fff;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
    display: inline-block;
    mask-image: url(assets/images/home_icon.svg);
    width: 20px;
    height: 20px;
  }
}
ul.wp-block-social-links.bloghoot-social-icons li a {
  transition: all ease 0.23s;
}
ul.wp-block-social-links.bloghoot-social-icons li a:hover {
  transform: translateY(-3px);
}
ul.wp-block-social-links.bloghoot-social-icons li a:hover svg path {
  fill: var(--wp--preset--color--primary);
}
ul.wp-block-social-links.bloghoot-social-icons li a svg {
  width: 20px;
  height: 20px;
}
.bloghoot-nav-search.wp-block-search button.wp-block-search__button.wp-element-button {
  width: 45px;
  height: 45px;
  justify-content: center;
  display: flex;
}
.tg-swiper-navigations {
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  z-index: 2;
  margin-top: -15px;
}
.wp-block-group.tg-slider-control {
  position: unset;
}
.tg-slider .swiper-pagination,
.tg-post-slider .swiper-pagination {
  bottom: 10px;
}
.tg-post-slider-holder span.swiper-pagination-bullet {
  background: #fff;
}
.swiper-pagination.tgpost-carousel-pagination {
  bottom: -37px;
}
.tg-post-slider-holder.bloghoot-ticker-1.news-ticker-holderv.ticker-2 .swiper-button-prev,
.tg-post-slider-holder.bloghoot-ticker-1.news-ticker-holderv.ticker-2 .swiper-button-next {
  top: -44px !important;
  background: var(--wp--preset--color--background);
  width: 35px;
  height: 35px;
}
.tg-post-slider-holder.bloghoot-ticker-1.news-ticker-holderv.ticker-2 .swiper-button-prev,
.tg-post-slider-holder.bloghoot-ticker-1.news-ticker-holderv.ticker-2 .swiper-button-prev {
  right: 40px !important;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 14px !important;
}
.wp-block-group.tg-post-slider-holder.bloghoot-tickers-horizontal .tg-swiper-navigations .swiper-button-next,
.wp-block-group.tg-post-slider-holder.bloghoot-tickers-horizontal .tg-swiper-navigations .swiper-button-prev {
  opacity: 1;
  background: transparent;
  width: 30px;
  height: 30px;
}
.wp-block-group.tg-post-slider-holder.bloghoot-tickers-horizontal .tg-swiper-navigations .swiper-button-prev {
  left: auto;
  right: 30px;
}
.wp-block-group.tg-post-slider-holder.bloghoot-tickers-horizontal .tg-swiper-navigations {
  top: -25px;
}
.wp-block-group.tg-post-slider-holder.bloghoot-tickers-horizontal .tg-swiper-navigations .swiper-button-next {
  right: 0;
}
.wp-block-group.tg-post-slider-holder.bloghoot-tickers-horizontal.style-2 .tg-swiper-navigations {
  top: 30px !important;
  margin-left: 50px !important;
}
.tg-post-slider-holder.bloghoot-news-ticker .swiper-button-prev,
.tg-post-slider-holder.bloghoot-news-ticker .swiper-button-next {
  background: var(--wp--preset--color--background);
  width: 30px;
  height: 30px;
}
.tg-post-slider-holder.bloghoot-news-ticker .swiper-button-prev {
  left: auto;
  right: 32px;
}
.tg-post-slider-holder.bloghoot-news-ticker .swiper-button-next {
  right: 0;
}
.tg-post-slider-holder.bloghoot-news-ticker .tg-swiper-navigations {
  margin-top: 7px;
}
.wp-block-group.bloghoot-header-date p {
  color: var(--wp--preset--color--light-color);
}
.wp-block-group.bloghoot-header-date.primary-color p {
  color: var(--wp--preset--color--primary);
}
.wp-block-group.bloghoot-header-date.secondary-color p {
  color: var(--wp--preset--color--secondary);
}
.tg-social-sharing a {
  background: var(--wp--preset--color--background);
}
.tg-social-sharing a:hover {
  background: var(--wp--preset--color--primary);
  color: #fff;
}
.tg-social-sharing a:hover svg path {
  fill: #fff;
}
.tg-related-post .post-box h3 {
  font-size: 18px;
}
.tg-related-post .post-box h3.title-heading a {
  color: var(--wp--preset--color--heading-color);
}
.tg-related-post .post-box h3.title-heading a:hover {
  color: var(--wp--preset--color--primary);
}
figure.wp-block-gallery.bloghoot-brands figure.wp-block-image {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: initial !important;
}
figure.wp-block-gallery.bloghoot-brands figure.wp-block-image img {
  max-width: 90% !important;
  max-height: 80px;
}
.bloghoot-brands-carousel {
  position: relative;
}
.bloghoot-brands-carousel .wp-block-group.swiper-slide figure.wp-block-image {
  padding: 0 24px;
  text-align: center;
}
.bloghoot-brands-carousel .wp-block-group.swiper-wrapper {
  display: flex;
  align-items: center;
}
.bloghoot-brands-carousel .wp-block-group.swiper-slide figure.wp-block-image img {
  max-height: 80px;
  width: auto;
}
.bloghoot-brands-carousel .tg-swiper-navigations {
  top: 50%;
}
.bloghoot-brands-carousel .swiper-button-prev,
.bloghoot-brands-carousel .swiper-button-next {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--wp--preset--color--primary);
  color: #fff;
  transition: all ease 0.23s;
  opacity: 0;
}
.bloghoot-brands-carousel .swiper-button-prev:after,
.bloghoot-brands-carousel .swiper-button-next:after {
  color: #fff !important;
}
.bloghoot-brands-carousel .swiper-button-prev:hover,
.bloghoot-brands-carousel .swiper-button-next:hover {
  background: var(--wp--preset--color--secondary) !important;
}
.bloghoot-brands-carousel:hover .swiper-button-prev,
.bloghoot-brands-carousel:hover .swiper-button-next {
  opacity: 1;
  left: 20px;
}
.bloghoot-brands-carousel:hover .swiper-button-next {
  left: auto;
  right: 20px;
}
.bloghoot-brands-carousel .tgcontent-carousel-pagination.swiper-pagination {
  bottom: 0;
}
.wp-block-contact-form-7-contact-form-selector.bloghoot-newsletter-section input.wpcf7-form-control.wpcf7-submit {
  width: 100%;
  margin-top: 12px;
}
.wp-block-contact-form-7-contact-form-selector.bloghoot-newsletter-section span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item.first.last {
  margin: 20px 0 0 0;
}
.wp-block-contact-form-7-contact-form-selector.bloghoot-newsletter-section.form-added {
  margin-bottom: -45px;
}
nav.bloghoot-topbar-nav.wp-block-navigation .wp-block-navigation li a:hover {
  color: var(--wp--preset--color--primary) !important;
}
.wp-block-group.is-style-bloghoot-boxshadow:hover,
.wp-block-group.is-style-bloghoot-boxshadow-medium:hover,
.wp-block-group.is-style-bloghoot-boxshadow-large:hover {
  box-shadow: 3px 3px 40px rgba(0, 0, 0, 0.17);
  transform: scale(1.02) translateY(-7px);
}
nav.bloghoot-pagination.wp-block-query-pagination a.wp-block-query-pagination-next span.wp-block-query-pagination-next-arrow {
  margin-left: 0;
}
.wp-block-contact-form-7-contact-form-selector.bloghoot-newsletter-section {
  margin-bottom: -30px;
}
.tg-related-post .post-box .wp-post-image {
  height: 240px;
  border-radius: 0 !important;
}
.tg-social-sharing a {
  background: var(--wp--preset--color--neutral-color);
}
@media (max-width: 600px) {
  nav.is-responsive.wp-block-navigation ul {
    padding: 0 20px;
  }
  ul.wp-block-navigation__container.bloghoot-navigation.wp-block-navigation li {
    line-height: 20px;
    padding: 0;
  }
}