/*
Theme Name:     Floor Heating Today
Theme URI:      https://floorheatingtoday.com.au
Template:       kadence
Author:         
Author URI:     https://www.nofathemes.com/
Description:    A theme for Floor Heating Today.
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Reduce spacing between paragraph blocks */
.single-content p {
  margin-bottom: var(--global-sm-spacing);
  margin-top: var(--global-sm-spacing);
}

/* Standard Form in footer element */
.footer-optin ::placeholder {
	color: #ffffff;
}

/* Blockquote styles */
blockquote {
    padding-left: .75em;
    border-left: 2px solid var(--global-palette1);
}

/* Testimonials - spacing between content and name */
.kt-testimonial-content {
	margin-bottom: var(--global-sm-spacing);
}

/* Blog Pagination */
.navigation.pagination .nav-links {
  display: flex;
	font-size: 13px;
}

/* Scrollbar styling*/
html {
    scrollbar-color: var(--global-palette3) var(--global-palette9);
    scrollbar-width: thin;
}
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-thumb {
    background: var(--global-palette3);
    border-radius: 0;
}
::-webkit-scrollbar-track {
    background: var(--global-palette9);
}
::-webkit-scrollbar-thumb:window-inactive {
    background: var(--global-palette3);
    opacity: 1;
}

/* Accordian / FAQs */
.kt-accordion-panel-inner {
    margin-top: -8px;
}

/* Blog post title */
.wp-site-blocks .post-title h1 {
    max-width: 840px;
}

/* Blog page read more */
a.post-more-link {
    font-weight: 600;
    letter-spacing: 0;
    color: var(--global-palette3);
    font-size: 14px;
}
a.post-more-link:hover {
    color: var(--global-palette1);
}
/* Post/Page grid spacing */
.grid-cols {
    column-gap: 16px;
    row-gap: 16px;
}

/* Mobile nav in Kadence header block */
@media (max-width: 1024px) {
    .wp-block-kadence-navigation.navigation-mobile-orientation-vertical .sub-menu {
        --kb-nav-dropdown-margin-left: none;
    }
}

/** BLOG **/
/* Related Posts */
.entry-related-inner-content{
    padding-top: 20px;
    padding-bottom: 20px;
}
.entry-related-carousel h3.entry-title {
    font-size: 20px;
    text-transform: capitalize;
    line-height: 1.3em;
}

/* Post comments title */
.comments-title, .comment-reply-title {
  font-size: 30px;
	margin-top: 1.5em;
}

/* gap between sidebar and main content */
.has-sidebar .content-container {grid-gap:45px;}

/* Replace arrow icons in blog grids ----------------- */
/* Remove default arrow icons */
article.loop-entry
    .entry-content-wrap
    a.post-more-link
    .kadence-svg-iconset,
#archive-container
    article.loop-entry
    .entry-content-wrap
    a.post-more-link
    .kadence-svg-iconset,
.single-post .post-navigation-sub small span {
    display: none;
}
/* Add new arrow icons */
    article.loop-entry
    .entry-content-wrap
    a.post-more-link:after,
#archive-container
    article.loop-entry
    .entry-content-wrap
    a.post-more-link:after,
.single-post .nav-next .post-navigation-sub small:after,
.single-post .nav-previous .post-navigation-sub small:before,
.single-post .comment-reply-link:after,
.kt-blocks-post-readmore::after {
    content: '\2192';
    display: inline-block;
    margin-left: 5px;
    font-size: 18px;
    transition: transform 0.3s ease;
}
.single-post .nav-previous .post-navigation-sub small:before {
    content: '\2190';
    margin-left: 0px;
    margin-right: 5px;
}

/* ---- CAROUSELS ---- */

/* arrow colours */
button.splide__arrow.splide__arrow--prev:hover, button.splide__arrow.splide__arrow--next:hover, .splide .splide__arrow:hover {
  background: var(--global-palette3);
  color: var(--global-palette9);
}
button.splide__arrow.splide__arrow--prev, button.splide__arrow.splide__arrow--next, .splide .splide__arrow {
  background: var(--global-palette3);
  color: var(--global-palette9);
	opacity: .33;
  transition: all 0.6s ease;
}
/* arrow margins */
button.splide__arrow.splide__arrow--prev {
	left: 0rem;
}
button.splide__arrow.splide__arrow--next {
	right: 0rem;
}
/* dark dots style */
:is(.splide .splide__pagination__page, .splide
    .splide__pagination__page.is-active) {
  background: var(--global-palette3);
}
/* Testimonials Carousel */
:root {
  --overflow-testimonial-carousel-desk: -20vw;
  --overflow-testimonial-carousel-tab: -25vw;
  --overflow-testimonial-carousel-mob: -75vw;
}
.overflow-testimonial-carousel .splide__track {
  margin: 0 var(--overflow-testimonial-carousel-desk);
}
@media all and (max-width: 1024px) {
  .overflow-testimonial-carousel .splide__track {
    margin: 0 var(--overflow-testimonial-carousel-tab);
  }
}
@media all and (max-width: 767px) {
.overflow-testimonial-carousel .splide__track {
    margin: 0 var(--overflow-testimonial-carousel-mob);
  }
}
/* Blog post carousel for tablet & desktop */
@media all and (min-width: 769px) {
.partial-posts .splide__track{
margin-right:-20vw;
}}

/* Postgrid align buttons */
.wp-block-kadence-postgrid .kt-post-slider-item > .kt-blocks-post-grid-item {
    height: 100%;
}