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

/*=====================
RESPONSIVE VIDEO & EMBEDS
=================*/
.wp-block-video,
.wp-block-embed.is-type-video,
.wp-has-aspect-ratio,
figure.wp-block-embed,
figure.wp-block-video,
.video-responsive {
  position: relative;
  width: 100%;
}

/* 16:9 default wrapper using utility class */
.video-responsive:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}

.video-responsive > iframe,
.video-responsive > video,
.video-responsive > embed,
.video-responsive > object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Make native video and embed elements fluid by default */
.wp-block-video video,
video,
iframe,
embed,
object {
  max-width: 100%;
  height: auto;
  display: block;
}

/* WordPress core embed wrappers */
.wp-block-embed__wrapper iframe,
.wp-block-embed__wrapper video {
  width: 100% !important;
  height: auto !important;
}

/* Optional: keep aspect ratios declared via block support */
.wp-has-aspect-ratio iframe,
.wp-has-aspect-ratio video {
  width: 100% !important;
  height: 100% !important;
}

/*=====================
DESKTOP VIDEO WIDTH & MIN HEIGHT
=================*/

.wp-block-post-content video,
.wp-block-post-content iframe,
.entry-content video,
.entry-content iframe,
figure.wp-block-video video,
.wp-block-embed__wrapper iframe {
  width: 100% !important;
  max-width: 100% !important;
  height: auto;
  min-height: 450px;
}