/*
Theme Name:     The Billie Theme
Theme URI:      https://diydreamsite.com/product/billie-theme-kadence/%20
Template:       kadence
Author:         DIY Dream Site
Author URI:     https://diydreamsite.com/
Description:    Meet The Billie Theme, a Kadence Child Theme that embodies bold, feminine elegance with an editorial flair. Designed with service and eCommerce businesses in mind, this theme features refined typography, 1px line accents, and three customizable color palettes to help your content stand out. Built entirely with free Kadence blocks, The Billie Theme makes showcasing your offerings stylish and effortless.

Experience a seamless blend of sophisticated design and functionality that allows you to personalize your site without coding or design expertise. Step-by-step tutorials and dedicated support ensure your setup is smooth and simple. Elevate your brand's online presence with The Billie Theme and create a captivating, polished website that leaves a lasting impression.

Perfect for boutiques, consultants, creatives, and service-based businesses seeking a refined, high-performing website that makes an impact effortlessly!
Version:        1.0.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/


/* Remove horizontal scroll------------------------------------*/
body {
	overflow-x: hidden;
}

/* Comment Styling */

.comment-form .comment-input-wrap p label, .comment-form p.comment-form-float-label label {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    color: var(--global-palette5);
}

/* Height carousel block on Home Page 2
------------------------------------*/
.wp-block-kadence-postgrid article.kt-blocks-post-grid-item {
    height: 100%;
}

/* Selection Color Styling
------------------------------------*/
::selection {
    background: var(--global-palette3);
    color: var(--global-palette9);
}

/* Placeholder Color Styling
------------------------------------*/
::placeholder {
color: var(--global-palette4);
}

/* Remove the arrow after read more on archive page
------------------------------------*/
a.post-more-link .kadence-svg-iconset{
	display:none
}

/*Styling of Eyebrow text*/

.eyebrow{
	text-transform:uppercase;
	font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0.1em;
  font-family: Montserrat, sans-serif;
}

/*Carousel Post Link Underline*/

.kt-blocks-above-categories a{
	text-decoration:none
}


/* Blog Archive
----------------------------*/

/*Home Page 2*/

.grid-posts article{
	border:1px solid;
	border-radius:0px!important;
	padding:10px
}

.wp-block-kadence-posts a.post-more-link .kadence-svg-iconset{
	display:none
}

.wp-block-kadence-posts .entry-taxonomies{
	padding-bottom:10px
}

a.post-more-link{
	color: var(--global-palette1)
}

a.post-more-link:hover{
	color: var(--global-palette2)
}

.entry-taxonomies {
	margin-bottom:1.2rem;
}

/* Line at the bottom of the blog archive page*/
.blog #inner-wrap {
	border-bottom:1px solid var(--global-palette5);
}

/*Styling of the Pagination*/
.pagination {
	text-align: center;
	margin:0;
}

.navigation.pagination {
	padding:3em;
}

/* Space between the image and the text */

.blog.content-style-unboxed .wp-site-blocks .post-thumbnail{
	margin-bottom:30px
}

/* Single Blog Post
------------------------------------*/


.wp-block-kadence-posts .loop-entry .entry-header h5.entry-title{
	    font-family: var(--global-heading-font-family);
	text-transform:none!important;
	letter-spacing:0px;
	font-weight:300!important;
	font-size:16px
}

.single .wp-block-kadence-posts.kb-posts-style-unboxed.grid-lg-col-1.item-image-style-beside article.loop-entry {
        gap: 1rem!important;
    }



.single .wp-block-kadence-posts a.post-more-link .kadence-svg-iconset{
	display:none
}

.single .wp-block-kadence-posts .entry-header{
	margin-bottom:0px!important
}

.primary-sidebar.widget-area .widget-title{
	text-transform:none;
}

.post-navigation {
	margin: 4.5em auto 0em;
	padding: 4.5em 0;
	border-top: 1px solid var(--global-palette5);
}

/*Spacing at top of post content*/
.article-post-thumbnail {
	margin-top: 3.5em;
}

/*Spacing at bottom of post content*/
.single #main{
	margin-bottom:3.5em
}

.single-post #inner-wrap {
	border-bottom: 1px solid var(--global-palette5);
}

.comment-body {
border-bottom: 1px solid var(--global-palette5)!important;
}

/* Hide arrows on similiar posts carousel*/
.single-post .splide__arrows.splide__arrows--ltr{
	display:none!important
}


/* Similar Posts
------------------------------------*/


.entry-related {
	padding: 1em 0;
	border-top: 1px solid var(--global-palette5);
	border-bottom: 1px solid var(--global-palette5);
		margin-top:0px
}


.entry-related .post-thumbnail-inner {
	margin-bottom:10px;
}

/* Blog Sidebar 
------------------------------------*/

@media all and (min-width:1025px) {

	/*Spacing for Right Sidebar*/
.primary-sidebar.widget-area {
	padding: 3.5em 20px 0px 2.5em;
	border-left: 1px solid var(--global-palette5);
	}
	
	/*Spacing for left sidebar*/
	.has-left-sidebar .primary-sidebar.widget-area {
	padding: 3.5em 2.5rem 0px 20px;
	border-right: 1px solid var(--global-palette5);
	border-left:0;
	}	
}

/*Spacing on mobile for sidebar*/
@media all and (max-width:1024px) {
	#secondary {
		margin-top:40px;
		padding-top:40px;
		border-top: 1px solid var(--global-palette5);
	}


}

/* Search
------------------------------------*/
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
	border-color: var(--global-palette5) !important;
  border-radius: 0px;
	padding: 10px;
}

/*.wp-block-search .wp-block-search__button {
	border: 0;
}*/

/* Search Page where it returns an error*/
section.error {
	max-width: 1000px;
	margin: 60px auto;
	padding: 0 20px;
}

/* Scrolling Text 
------------------------------------*/
.scrolling-text {
  white-space: nowrap;
  animation: marquee 50s infinite linear;
}

.scrolling-text::after {
  content: attr(data-text);
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* Testimonials
------------------------------------*/

/*Spacing between the testimonials content and name & occupation*/
.kt-testimonial-meta-wrap {
	margin-top: 20px;
}

.kt-testimonial-halign-right .tns-nav {
	text-align: right;
	right:20px;
}

/* Form on Dark - Placeholder Color 
------------------------------------*/
.form-on-dark ::placeholder {
	color:white;
}

/* Get rid of box-shadow */
.entry {
	box-shadow:  none;
}

/* WooCommerce
------------------------------------*/
.woocommerce-page #inner-wrap {
	border-bottom: 1px solid var(--global-palette5)
}

/*Single Product Page Styling*/
.single-product .single-product-category {
	margin-bottom: 1rem;
}

.woocommerce #reviews #comments h2,
.woocommerce #reviews .comment-reply-title {
    font-weight: 400;
}

.quantity.spinners-added {
	border:1px solid var(--global-palette4);
	background:transparent;
	border-radius:0;
}

.quantity.spinners-added input.minus, .quantity.spinners-added input.plus {
	color: var(--global-palette4);
	font-size:18px;
	padding: 0.3em 0.8em;
}

.woocommerce div.product .button.single_add_to_cart_button {
height: auto;
	padding: 0.3em 1.5em;
}

.woocommerce div.product form.cart div.quantity {
	margin: 0 20px 0 0;
}

.quantity,
.quantity.spinners-added,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.woocommerce div.product .woocommerce-tabs ul.tabs li {
	border-color: var(--global-palette3) !important;
	color: var(--global-palette3) !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
	border-color: var(--global-palette3) !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: var(--global-palette3) !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	color: var(--global-palette4) !important;
}

.woocommerce .cart-empty.woocommerce-info {
	font-family: var(--global-heading-font-family);
	font-weight: inherit;
}

.kadence-product-toggle-container .kadence-toggle-shop-layout {
	border: 0;
}

.woocommerce ul.products.products-list-view li.product .woocommerce-loop-product__title {
	font-size: 2rem !important;
}

.woocommerce form .form-row label {
	font-weight: normal;
}

.woocommerce.widget_shopping_cart .buttons a:not(.checkout):hover{
	background: var(--global-palette-btn-bg);
    color: var(--global-palette-btn);
}

body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link), #payment #place_order {
    min-height: 3em;
    border-radius: 0px;
    letter-spacing: 2px;
    font-family: Montserrat;
    font-weight: 500;
    text-transform: uppercase;
	padding:16px;
	font-size:13px
}

body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):hover{
	border:1px solid var(--global-palette1) 
}

/*Styling of link in the account page */

.woocommerce-account .addresses .title .edit {
    float: left;
    padding: 0.3em 0;
}

.single-content .woocommerce h2{
	margin-top:0px
}

/*Styling of the Pagination*/
.page-numbers {
	text-align: center;
	margin:0;
}

.woocommerce-pagination {
	padding:3em;
}

/* Remove the line bottom of cart & checkout page header */

.woocommerce-cart .page-hero-section .entry-hero-container-inner, .woocommerce-checkout .page-hero-section .entry-hero-container-inner {
	border-bottom:none
}

.woocommerce-checkout .content-area{
	margin-top:0px
}

/* Breadcrumbs spacing*/

.kadence-breadcrumbs{
	margin-bottom:1.5em
}

/* Border Radius on the archive hover over title section */

.woocommerce ul.products li.product .entry-content-wrap{
	border-radius:0px
}

/* Pop Out Cart Review header */

#cart-drawer h2.side-cart-header{
	font-weight:500;
	font-size:20px
}

/*Footer Styling*/

@media all and (min-width:1024px) {
	.site-middle-footer-inner-wrap .footer-widget-area-inner{
	padding: 35px 30px 20px;
}
}

.site-middle-footer-inner-wrap .footer-widget-area-inner{
	padding: 20px;
}

/*Temporary fix for the column borders on mobile*/
@media (max-width: 796px) {
.site-middle-footer-inner-wrap .site-footer-section:not(:last-child):after {
	border-right: 0px solid var(--global-palette3);
	}
}

/*Temporary fix for the columns on tablet for related products to be 4 and not 3*/
.single-product .grid-sm-col-3{
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 769px) {
	
	.primary-sidebar.widget-area .widget-title{
		font-size:24px;
		text-align:center
	}

	.single .content-container{
		padding-bottom:3.5rem;
	}
	
	
	.single-product .grid-sm-col-3{
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
	
	.blog .content-area {
		margin-top: 1.5rem;
	}
	
	/*Reduce padding similiar posts */
	.entry-related-inner-content{
		padding-top:25px!important;
		padding-bottom:25px!important
	}
	
	.comments-area{
		margin-top:25px!important
	}
	
	.post-navigation {
		padding: 2.5em 0 0.5em;
	}
	
	.woocommerce-cart .entry-hero.page-hero-section .entry-header {
        min-height: 0px;
		padding-top:40px
    }
	
	/*WooCommerce Pagination*/
	
	.woocommerce-pagination {
    padding: 0em;
}
	
	.woocommerce nav.woocommerce-pagination{
		margin-top:0px
	}
	
	
	/* Padding at top Single Blog Posts*/
	.article-post-thumbnail {
    margin-top: 2em;
	}
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    float: left;
    width: 100%;
}

.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    float: right;
    width: 100%;
	margin-top:40px
}

/*Remove the line around the button WooCommerce */

.wc-block-cart__submit{
	border:none;
	padding:10px 0px
}

@media (max-width: 499px) {
	.single-product .grid-sm-col-3{
	grid-template-columns: repeat(1, minmax(0, 1fr));
}
}

@media screen and (min-width: 990px) {
    .has-sidebar .content-container {
        display: grid;
        grid-template-columns: 5fr 2fr;
        grid-gap: var(--global-xl-spacing);
        justify-content: center;
    }
}

@media screen and (min-width: 990px) {
    #secondary {
        grid-column: 2;
        grid-row: 1;
        min-width: 0;
    }
}

@media (min-width: 990px) {
    .primary-sidebar.widget-area {
        padding: 3.5em 20px 0px 2.5em;
        border-left: 1px solid var(--global-palette5);
    }
}

@media screen and (min-width: 990px) {
    .primary-sidebar {
        padding: 0;
        margin: 0;
    }
}