/*
Theme Name:     Joelle
Theme URI:      https://www.etsy.com/shop/BrandAndBlogger
Template:       kadence
Author:         Brand & Blogger
Author URI:     https://www.brandandblogger.pl/
Description:    Joelle is a feminine, fully responsive, premium child theme made for the free Kadence theme by Kadence WP. It’s perfect for female entrepreneurs: coaches, business strategists, virtual assistants, social media managers, creators of digital products (ebook, courses) and more! Joelle comes with 15 full page templates (including sales page, lead magnet page, landing page, services, podcast page and more) and with an access to a blocks cloud library, which contains over 80 prestyled, ready to use sections from this theme - to help you to create every new page easily. Launch your dream website now - install the theme, fill the pages with your own content, change the style (fonts, colors) and... show your website to the world!
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/





/*Animations*/

@-webkit-keyframes anim1 {
    0% {
        margin-top: 5%;
    }
    50% {
        margin-top: 0%;
    }
    100% {
        margin-top: 5%;
    }
}

@-moz-keyframes anim1 {
    0% {
        margin-top: 5%;
    }
    50% {
        margin-top: 0%;
    }
    100% {
        margin-top: 5%;
    }
}

@keyframes anim1 {
    0% {
        margin-top: 5%;
    }
    50% {
        margin-top: 0%;
    }
    100% {
        margin-top: 5%;
    }
}

/*Highlight titles - the lines*/

.jl-joelle-line-left, .jl-joelle-line-right {
	position: relative;
}

.jl-joelle-line-left::before, .jl-joelle-line-right::before {
	content:'';
	position:absolute;
	width:200px;
	height:1px;
	margin:auto;
	background: var(--global-palette4);
	top:0;
	bottom:0;
	z-index:99 !important;
}

.jl-joelle-line-left::before {
		left:-200px;
}
.jl-joelle-line-right::before {
		right:-200px;
}

/*Images - zoom after hovering*/

.jl-joelle-hover-image {
    overflow: hidden;
}

.jl-joelle-hover-image img {
    transform: scale(1);
    transition: 2s cubic-bezier(0, 0.9, 0.5, 0.9);
}

.jl-joelle-hover-image:hover img {
    transform: scale(1.15);
    transition: 2s cubic-bezier(0, 0.9, 0.5, 0.9);
}

/*Background frames for rectangular elements*/

.jl-joelle-frame-left > .kt-inside-inner-col::before, .jl-joelle-frame-right > .kt-inside-inner-col::after, .jl-joelle-frame-center > .kt-inside-inner-col::before {
	content:'';
	position:absolute;
height: calc(100% + 60px);
	top:-30px;
  width: 70%;
	z-index:-1;
	background: var(--global-palette5);
}

.jl-joelle-frame-left > .kt-inside-inner-col::before {
	left:-30px;
}
.jl-joelle-frame-right > .kt-inside-inner-col::after {
	right:-30px;
}
.jl-joelle-frame-center > .kt-inside-inner-col::before {
	left:0;
	right:0;
	margin: 0 auto;
}

@media screen and (max-width: 991px) {
.jl-joelle-frame-left > .kt-inside-inner-col::before, .jl-joelle-frame-right > .kt-inside-inner-col::after, .jl-joelle-frame-center > .kt-inside-inner-col::before {
height: calc(100% + 30px);
top:-15px;
}
.jl-joelle-frame-left > .kt-inside-inner-col::before {
	left:-15px;
}
.jl-joelle-frame-right > .kt-inside-inner-col::after {
	right:-15px;
}	
}

/*Slider - arrows*/

.jl-joelle-slider .splide .splide__arrow, .splide .splide__arrow {
    opacity: 1;
    border-radius: 0;
    border-width: 1px;
    width: 2.5em;
    height: 4.5em;
}

.jl-joelle-slider .kt-blocks-carousel .kt-blocks-carousel-init:not(.kt-carousel-arrowstyle-none):not(.tns-slider),
.wp-block-kadence-testimonials .kt-blocks-carousel .kt-blocks-carousel-init:not(.kt-carousel-arrowstyle-none):not(.tns-slider) {
    padding-left: 40px;
    padding-right: 40px;
}

@media screen and (max-width: 767px) {
.jl-joelle-testimonials-slider .kt-testimonial-item-wrap, .jl-joelle-slider .kt-testimonial-item-wrap {
box-shadow: none !important;
}
}

/*Transparent menu - background after scrolling*/

#masthead,
#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start):not(.site-header-row-container):not(.site-main-header-wrap),
#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) > .site-header-row-container-inner {
background: var(--global-palette7);
}
 #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start):not(.site-header-row-container):not(.site-main-header-wrap) {
	filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.15));
}

/*Searchbar*/

/*Searchbar from the main navigation*/

#search-drawer .drawer-inner input.search-field:focus {
    box-shadow: 0px 0px 0px 0px currentColor;
}

#search-drawer input {
    letter-spacing: 3px;
    font-size: 13px !important;
}

#search-drawer .drawer-inner input.search-field {
    border-radius: 0 !important;
    text-transform: uppercase;
    font-size: unset;
}

/*Searchbar on the "no results" searching page*/

.search-form input {
    border-radius: 0 !important;
    border-color: var(--global-palette4) !important;
    letter-spacing: 2px;
}

.search-form input::placeholder {
    color: var(--global-palette4);
}

/*Footer*/

/*Footer - Instagram widget*/

.jl-joelle-instagram-section .kt-inside-inner-col {
	padding-right: 0 !important;
}

.jl-joelle-instagram-widget .sbi_item {
		filter: drop-shadow(14px 14px 14px rgba(0, 0, 0, 0.2));
}

.jl-joelle-instagram-widget .sbi_photo_wrap {
    overflow: hidden;
}

.jl-joelle-instagram-widget .sbi_photo {
	    transform: scale(1);
    transition: 2s cubic-bezier(0, 0.9, 0.5, 0.9);
}

.jl-joelle-instagram-widget .sbi_photo:hover {
    transform: scale(1.15);
    transition: 2s cubic-bezier(0, 0.9, 0.5, 0.9);
}

.jl-joelle-instagram-widget-title {
margin-right: 2em !important;
}

/*Footer - Instagram widget - background*/

.jl-joelle-instagram-widget::after {
  content: '';
  position: absolute;
  width: 150%;
  height: 50%;
  background: var(--global-palette7);
  margin: auto;
  left: 20px;
  right: 0;
  top: 0;
  bottom: 5%;
  z-index: -1;
}

/*Footer - additional navigation*/

.jl-joelle-footer-nav {
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.jl-joelle-footer-nav-links {
    position: relative;
	  width: 100%;
}

.jl-joelle-footer-nav ul {
    margin: 20px auto 0 auto !important;
    width: 100%;
	padding-right: 0 !important;
  padding-left: 0 !important;
}

.jl-joelle-footer-nav-links.wp-block-kadence-iconlist ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap {
  display: block !important;
}

.jl-joelle-footer-nav-links > ul a .kt-svg-icon-list-single {
  display: none !important;
}

.wp-block-kadence-iconlist.kt-svg-icon-list-items.kt-svg-icon-list-items4d2d70-ce.kt-svg-icon-list-columns-1.aligncenter.jl-joelle-footer-nav-links {
  width: 100%;
}

.jl-joelle-footer-nav-links ul li a span {
  display: block;
  width: 100%;
	text-align: center !important;
}

/* --- on mobile --- */

@media screen and (max-width: 1024px) {
  .jl-joelle-footer-nav {
    width: 100% !important;
  }
}

/*Footer - additional navigation - links style*/

.jl-joelle-footer-nav a {
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 2px 5px !important;
	font-family: var(--global-heading-font-family);
	font-size: 120%;
}

.jl-joelle-footer-nav a:hover {
    background: var(--global-palette6) !important;
    text-decoration: none;
    color: var(--global-palette9);
}

/*Footer - form*/

.jl-joelle-footer-form {
margin-top:1em !important;
}

/*Footer - form fields*/

.jl-joelle-footer-form input {
    border-width: 0 !important;
    border-bottom-width: 1px !important;
    letter-spacing: 3px;
	    color: var(--global-palette4) !important;
	border-color: var(--global-palette4) !important;
}

.jl-joelle-footer-form input::placeholder {
    color: var(--global-palette4) !important;
}

/*Footer - form button background color*/

.jl-joelle-footer-form .kb-forms-submit {
	background: var(--global-palette2) !important;
}

.jl-joelle-footer-form .kb-forms-submit:hover {
	background: var(--global-palette1) !important;
}

/*Custom pages*/

/*Homepage*/

/*Homepage about mne and my offer - circle logo*/

.jl-joelle-homepage-circle-logo {
position: absolute !important;
	right:0;
}

.jl-joelle-homepage-circle-logo img {
    transform: rotate(0deg);
    transition: ease-in-out 0.6s;
}

.jl-joelle-homepage-circle-logo img:hover {
    transform: rotate(25deg);
    transition: ease-in-out 0.6s;
}

/*Homepage services - background below the text*/

.jl-joelle-homepage-services-columns 
.wp-block-kadence-infobox::before {
	content:'';
width:100%;height:100%;
    bottom: -45px;
	position:absolute;
	z-index:-1;
	opacity:0.7;
	left: 0;
	background: radial-gradient(circle, var(--global-palette7, #ffffff) 0%, var(--global-palette7, #ffffff) 15%, rgba(0,0,0,0) 70%);  
}

/*Homepage services - positions*/

.jl-joelle-homepage-services .kt-inner-column-height-full:not(.kt-row-layout-row) > .wp-block-kadence-column > .kt-inside-inner-col {
    height: auto !important;
}

.jl-joelle-homepage-services-columns 
.kt-blocks-info-box-number {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 0;
}

.jl-joelle-homepage-services-columns  .kt-blocks-info-box-title {
	position: relative;
	  z-index: 1 !important;
}

/*Homepage testimonials slider*/

.jl-joelle-testimonials-slider .kt-blocks-carousel .kt-blocks-carousel-init:not(.kt-carousel-arrowstyle-none):not(.tns-slider),
.wp-block-kadence-testimonials .kt-blocks-carousel .kt-blocks-carousel-init:not(.kt-carousel-arrowstyle-none):not(.tns-slider) {
    padding-left: 40px;
    padding-right: 40px;
}

.jl-joelle-testimonials-slider {
position: relative;	
}

/*Homepage testimonials slider - arrows nav*/

.jl-joelle-testimonials-slider .splide .splide__arrow {
    opacity: 1;
    border-radius: 0;
    border-width: 0;
    width: 2.5em;
    height: 4.5em;
	font-size: 130% !important;
	    transition: ease-in-out 0.3s;
	background: var(--global-palette2);
}

.jl-joelle-testimonials-slider .splide .splide__arrow:hover {
	background: var(--global-palette1);
	    transition: ease-in-out 0.3s;
}

/*Homepage testimonials slider - background color behind the slider*/

.jl-joelle-testimonials-slider::before {
		content:'';
width:100%;height: 200px;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	position:absolute;
	z-index:0;
	background: var(--global-palette6); 
}

/*Homepage - latest posts*/

.jl-joelle-latestposts-post {
    padding: 3em 0.5em !important;
}

@media screen and (min-width: 768px) {
.jl-joelle-latestposts-post .post-thumbnail {
    margin: 30px;
}
}

/*Homepage latest posts - thumbnail style*/

.jl-joelle-latestposts-post .post-thumbnail,
.joelle-latestposts-post .post-thumbnail img {
    z-index: 0;
}

.jl-joelle-latestposts-post .post-thumbnail {
	filter: drop-shadow(14px 14px 14px rgba(0, 0, 0, 0.2));
}

.jl-joelle-latestposts-post .post-thumbnail img {
    transform: scale(1);
    transition: 2s cubic-bezier(0, 0.9, 0.5, 0.9);
}

.jl-joelle-latestposts-post .post-thumbnail:hover img {
    transform: scale(1.15);
    transition: 2s cubic-bezier(0, 0.9, 0.5, 0.9);
}

@media screen and (max-width: 719px) {
.jl-joelle-latestposts-post .post-thumbnail.kadence-thumbnail-ratio-3-2 {
  padding-bottom: 135% !important;
}
}

/*Homepage latest posts - content column*/

.jl-joelle-latestposts-post .entry-content-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2em 0 2em 2em !important;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.jl-joelle-latestposts-post .entry-content-wrap {
    padding: 2em 0 2em 1em !important;
}
}

@media screen and (max-width: 767px) {
	.jl-joelle-latestposts-post .entry-content-wrap {
    padding: 2em 0 !important;
}
}

.jl-joelle-latestposts-post .entry-title {
    position: relative;
    display: block;
	  padding-left: 50px;
}

.jl-joelle-latestposts-post .entry-header {
  margin-bottom: 0;
}

.jl-joelle-latestposts-post article .category-links {
    letter-spacing: 2px;
    font-size: 13px;
}

/*Homepage latest posts - the line above the post title*/

.jl-joelle-latestposts-post .entry-title::after {
    position: absolute;
    content: '';
    top: 0;
	bottom:0;
    left: -150px;
    margin: auto !important;
    width: 180px;
    height: 1px;
	z-index:1;
    background: var(--global-palette4);
}

/*Homepage latest posts - Read more button*/

.jl-joelle-latestposts-post article .post-more-link {
    display: inline-block;
    font-size: 13px;
    letter-spacing: 2px;
    padding: 10px 15px;
    margin: 15px auto 5px auto;
    background: var(--global-palette5);
    color: var(--global-palette9);
	    transition: ease-in-out 0.3s;
}

.jl-joelle-latestposts-post article .post-more-link:hover {
    background: var(--global-palette1);
    color: var(--global-palette9);
	    transition: ease-in-out 0.3s;
}

/*Homepage latest posts - columns order for 2n+2 article*/

@media screen and (min-width: 768px) {
    .jl-joelle-latestposts-post article:nth-child(2n+2) {
        display: grid;
        grid-template-columns: 2fr 1.6fr !important;
    }
    .jl-joelle-latestposts-post article:nth-child(2n+2) .entry-title::after {
    left: unset;
right: -150px;
    }
.jl-joelle-latestposts-post article:nth-child(2n+2) .entry-title {
	  padding-left: 0;
	  padding-right: 50px;
	text-align: right;
}
	.jl-joelle-latestposts-post article:nth-child(2n+2) .more-link-wrap {
	  text-align: right;
	}
}

.jl-joelle-latestposts-post article:nth-child(2n+2) .entry-content-wrap {
order:1;
	    padding: 2em 2em 2em 0 !important;
}

.jl-joelle-latestposts-post article:nth-child(2n+2) .post-thumbnail {
order:2;	
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
.jl-joelle-latestposts-post article:nth-child(2n+2) .entry-content-wrap {
	    padding: 2em 1em 2em 0 !important;
}
}

@media screen and (max-width: 767px) {
.jl-joelle-latestposts-post article:nth-child(2n+2) .entry-content-wrap {
	    padding: 2em 0 2em 0 !important;
}
}

/*Homepage latest posts - mobile settings*/

@media screen and (min-width: 768px) {
    .jl-joelle-latestposts-post.grid-lg-col-1.item-image-style-beside article.loop-entry.has-post-thumbnail:not(.kb-post-no-image) {
        display: grid;
        grid-template-columns: 1.6fr 2fr;
    }
    .jl-joelle-latestposts-post .post-thumbnail {
        margin: 0 0 30px 0;
    }
    .jl-joelle-latestposts-post {
        padding: 0 1em;
    }
}

/*Homepage benefits - order on mobile*/

@media screen and (max-width: 767px) {
    .jl-joelle-homepage-benefits-textcolumn {
        order: 2;
    }
}

/*Homepage freebie - form fields*/

.jl-joelle-homepage-freebie-form input {
    border-width: 0 !important;
    border-bottom-width: 1px !important;
    letter-spacing: 3px;
}

.jl-joelle-homepage-freebie-form input::placeholder {
    color: var(--global-palette3);
}

/* --- on mobile --- */

@media screen and (max-width: 575px) {
    jl-joelle-homepage-freebie .kb-form .kadence-blocks-form-field.kb-field-desk-width-50 {
        width: 100%;
    }
}

/*Homepage #2*/

/*Homepage #2 - newsletter form*/

.kt-inner-column-height-full:not(.kt-row-layout-row) > .jl-joelle-homepage-newsletter.wp-block-kadence-column > .kt-inside-inner-col {
    height: auto !important;
}

/*Homepage #2 - products section*/

.jl-joelle-homepage-products .jl-joelle-frame-left > .kt-inside-inner-col::before, .jl-joelle-homepage-products .jl-joelle-frame-right > .kt-inside-inner-col::after {
	width: 25%;
	height: calc(100% + 30px);
}

@media screen and (max-width:991px) {
.jl-joelle-homepage-products .jl-joelle-frame-left > .kt-inside-inner-col::before, .jl-joelle-homepage-products .jl-joelle-frame-right > .kt-inside-inner-col::after {
	height: 100%;
}
}

/*Homepage #2 - latest posts*/

.jl-joelle-latestposts-v2-posts article:nth-child(3n+2) {
    position: relative;
    top: 4em;
}

.jl-joelle-homepage-latestposts-v2 .grid-cols {
    column-gap: 2rem;
}

.jl-joelle-latestposts-v2-posts .category-links a {
    letter-spacing: 2px;
}

/*Homepage #2 latest posts - hover effects*/

.jl-joelle-latestposts-v2-posts img {
    transform: scale(1);
    transition: 2s cubic-bezier(0, 0.9, 0.5, 0.9);
}

.jl-joelle-latestposts-v2-posts img:hover {
    transform: scale(1.15);
    transition: 2s cubic-bezier(0, 0.9, 0.5, 0.9);
}

/* --- on mobile --- */

@media screen and (max-width: 767px) {
    .jl-joelle-homepage-latestposts-v2 .grid-cols {
        column-gap: 1rem;
    }
    .jl-joelle-homepage-latestposts-v2 .loop-entry .entry-content-wrap {
        padding: 0.5rem;
    }
}

@media screen and (max-width: 575px) {
    .jl-joelle-latestposts-v2-posts article:nth-child(3n+2) {
        position: relative;
        top: 0 !important;
    }
    .jl-olivia-homepage-latestposts-v2 .loop-entry .entry-content-wrap {
        padding: 1.5rem;
    }
}

/* --- thumbnails - border radius ---- */

.jl-joelle-latestposts-v2-posts article,
.jl-joelle-latestposts-v2-posts article .post-thumbnail {
    border-radius: 0;
}

/*Services page*/

/*Boxes 01, 02, 03 - buttons position */

.jl-joelle-servicespage-services-columns-buttons {
    position: relative;
    bottom: 35px;
    left: 0;
    right: 0;
}

/*Sales page - pricing tables*/

.jl-joelle-salespage-pricing-columns-v1 .kt-inner-column-height-full:not(.kt-row-layout-row) > .wp-block-kadence-column > .kt-inside-inner-col,
.jl-joelle-salespage-pricing-columns-v2 .kt-inner-column-height-full:not(.kt-row-layout-row) > .wp-block-kadence-column > .kt-inside-inner-col,
.jl-joelle-salespage-pricing-columns-v3 .kt-inner-column-height-full:not(.kt-row-layout-row) > .wp-block-kadence-column > .kt-inside-inner-col {
    height: auto !important;
}

/*Instagram page (bio)*/

/*Instagram page (bio) - social icons after hovering*/

.jl-joelle-instagram-page-column-socialicons li:hover {
    background: var(--global-palette1) !important;
    color: var(--global-palette9) !important;
    transition: 0.3s ease-in-out;
}

.jl-joelle-instagram-page-column-socialicons li {
    transition: 0.3s ease-in-out;
}

.jl-joelle-instagram-page-column .ig-image::before {
	height: calc(100% + 40px);
	width: 180px;
	background: var(--global-palette5);
	content:'';
	position:absolute;
	top: -20px;
	left: 0;
	right: 0;
	margin: auto !important;
	z-index:-1;
}

/*Contact page*/

/*Contact page - privacy policy in the form*/

.jl-joelle-contactpage .kb-form .kadence-blocks-form-field.kb-accept-form-field .kb-checkbox-style {
    margin: 3px 5px 3px 0 !important;
}

.jl-joelle-contactpage-form a.kb-accept-link {
    text-transform: uppercase;
    text-decoration: none !important;
    font-size: 11px;
    letter-spacing: 2px;
    font-weight: bold;
}

/*Contact page - social icons after hovering*/

.jl-joelle-contactpage-socialicons li:hover {
    background: var(--global-palette1) !important;
    color: var(--global-palette9) !important;
    transition: 0.3s ease-in-out;
}

.jl-joelle-contactpage-socialicons li {
    transition: 0.3s ease-in-out;
}

/*Lead magnet page*/

/*Lead magnet sign up form - form fields*/

.jl-joelle-leadmagnet-freebie-form input {
    border-width: 0 !important;
    border-bottom-width: 1px !important;
    letter-spacing: 3px;
}

.jl-joelle-leadmagnet-freebie-form input::placeholder {
    color: var(--global-palette3);
}

@media screen and (min-width: 1025px) {
    .jl-joelle-leadmagnet-freebie .kb-form .kadence-blocks-form-field {
        margin-bottom: 0;
    }
}

/* --- on mobile --- */

@media screen and (max-width: 575px) {
    .jl-joelle-leadmagnet-freebie .kb-form .kadence-blocks-form-field.kb-field-desk-width-50 {
        width: 100%;
    }
}

/*Lead magnet page - benefits section*/

.jl-joelle-leadmagnet-benefits .kt-info-media-animate-none {
    min-width: 80px !important;
}

/*Landing page (event/challenge) */

.jl-joelle-landingpage-slider .jl-joelle-testimonials-slider::before {
display: none !important;
}

/*Thank you page*/

/*Thank you page - social icons after hovering*/

.jl-joelle-thankyoupage-socialicons li:hover {
    background: var(--global-palette1) !important;
    color: var(--global-palette9) !important;
    transition: 0.3s ease-in-out;
}

.jl-joelle-thankyoupage-socialicons li {
    transition: 0.3s ease-in-out;
}

/*Shop*/

/*Info message - heading style*/

.woocommerce-info {
	color: var(--global-palette3) !important;
	font-family: var(--global-heading-font-family);
}

/*Product catalog*/

.products .entry.loop-entry {
    border-radius: 0 !important;
}

.page-numbers .page-numbers, .page-numbers, .wc-block-grid__products .entry {
    border-radius: 0 !important;
}

/*Single product page*/

.quantity.spinners-added,
.quantity,
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 1px solid var(--global-palette4) !important;
    border-radius: 0 !important;
    color: var(--global-palette4) !important;
}

.quantity {
    margin-bottom: 4px !important;
}

.quantity.spinners-added input.plus,
.quantity.spinners-added input.minus {
    color: var(--global-palette4) !important;
}

.woocommerce div.product .product_meta > span {
    font-size: 90%;
    color: var(--global-palette1);
}

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

.woocommerce #reviews #comments ol.commentlist li .meta {
    color: var(--global-palette4) !important;
}

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

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

.woocommerce #reviews .comment-reply-title {
	font-family: var(--global-heading-font-family) !important;
}

@media screen and (max-width: 719px) {
    .woocommerce div.product .woocommerce-tabs {
        border: 1px solid var(--global-palette4);
        padding-bottom: 10px;
    }
}

/*Cart*/

.woocommerce-cart table.cart .product-name a {
    text-decoration: none;
}

.woocommerce table.shop_table {
    font-size: 100%;
}

.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon input::placeholder {
    color: var(--global-palette4) !important;
    text-transform: uppercase;
    letter-spacing: 2px !important;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
    border: 1px solid var(--global-palette4) !important;
    border-radius: 0;
}

.woocommerce table.shop_table td {
    border-top: 1px solid var(--global-palette4);
}

.cart-subtotal,
.cart_totals th,
.cart_totals td {
    border-color: var(--global-palette4) !important;
}

.quantity.spinners-added,
.quantity,
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 1px solid var(--global-palette4) !important;
    border-radius: 0 !important;
    color: var(--global-palette4) !important;
}

#cart-drawer .quantity {
  border: none !important;
}

.woocommerce-cart table.cart .coupon .button:not(:hover), .woocommerce-checkout table.cart .coupon .button:not(:hover), #add_payment_method table.cart .coupon .button:not(:hover) {
  background: var(--global-palette2);
  color: var(--global-palette9);
}

.woocommerce-cart-form__cart-item.cart_item .product-name a {
  color: var(--global-palette3) !important;
}

.woocommerce-cart-form__cart-item.cart_item .product-name a:hover {
  color: var(--global-palette1) !important;
}

@media screen and (max-width: 767px) {
    .woocommerce-page table.cart td.actions .coupon .button {
        margin-top: 8px;
    }
}

@media screen and (max-width: 785px) {
    .woocommerce-page table.cart td.actions .coupon .button,
    .woocommerce-cart table.cart td.actions .coupon .input-text {
        width: 100% !important;
    }

    .woocommerce table.cart td.actions .button,
    .woocommerce #content table.cart td.actions .button,
    .woocommerce-page table.cart td.actions .button,
    .woocommerce-page #content table.cart td.actions .button {
        display: block;
        width: 100%;
    }

    .woocommerce table.cart td.actions .coupon,
    .woocommerce #content table.cart td.actions .coupon,
    .woocommerce-page table.cart td.actions .coupon,
    .woocommerce-page #content table.cart td.actions .coupon {
        float: none;
    }
}

@media screen and (min-width: 719px) and (max-width: 785px) {
    .woocommerce-cart table.cart td.actions #coupon_code,
    .woocommerce-cart table.cart td.actions .button.wp-element-button {
        margin-bottom: 8px;
    }
}

/*Checkout*/

form.checkout.woocommerce-checkout input::placeholder,
.woocommerce-shipping-fields input::placeholder,
.woocommerce-additional-fields input::placeholder,
.woocommerce-shipping-fields textarea::placeholder,
.woocommerce-additional-fields textarea::placeholder {
    color: var(--global-palette1) !important;
    text-transform: uppercase;
    font-size: 90%;
    letter-spacing: 2px;
}

form.checkout.woocommerce-checkout input,
.woocommerce-shipping-fields input,
.woocommerce-additional-fields input,
.woocommerce-shipping-fields textarea,
.woocommerce-additional-fields textarea,
.select2-container--default .select2-selection--single {
    border: 1px solid var(--global-palette4) !important;
    border-radius: 0 !important;
    color: var(--global-palette4) !important;
}

.shop_table.woocommerce-checkout-review-order-table th,
.shop_table.woocommerce-checkout-review-order-table tr,
.shop_table.woocommerce-checkout-review-order-table td {
    border-color: var(--global-palette4) !important;
}

/*My account and all forms*/

.woocommerce form.login,
.woocommerce form.register,
input,
form,
.woocommerce form.login input,
.woocommerce form.register input,
.woocommerce #reviews #comments ol.commentlist li .comment-text,
textarea {
    border-color: var(--global-palette4) !important;
    border-radius: 0 !important;
}

textarea::placeholder,
input::placeholder {
    color: var(--global-palette3);
    text-transform: uppercase;
    letter-spacing: 2px;
}

.woocommerce form .form-row label {
  color: var(--global-palette3);
}

/*Blog*/

/*Blog - posts style - button Read more*/

article .post-more-link {
    display: inline-block;
    font-size: 13px;
    letter-spacing: 2px;
    padding: 10px 15px;
    margin: 5px auto;
    background: var(--global-palette7);
}

article .post-more-link:hover {
    background: var(--global-palette2);
    color: var(--global-palette9);
}

/*Blog - posts style - category links*/

article .category-links {
    letter-spacing: 2px;
    font-size: 13px;
}

/*Blog - bottom navigation (pagination)*/

.pagination .page-numbers {
    border-radius: 0;
}

/*Blog - single post style changes*/

.comment-navigation .nav-previous::after, .post-navigation .nav-previous::after {
  background: var(--global-palette4);
}

.entry-tags a.tag-link {
  border: 1px solid var(--global-palette2);
  border-radius: 0;
  color: var(--global-palette2);
}

/*Blog - comments*/

.comment-form label {
	color: var(--global-palette3) !important;
}

.comment-reply-link {
  color: var(--global-palette3);
  text-transform: uppercase;
  border: 1px solid var(--global-palette4);
}

.comment-reply-link:hover {
  background: var(--global-palette2);
	color: var(--global-palette9);
	border: 1px solid var(--global-palette2);
}
	
/*Custom blog page*/

/*Custom blog hero section - searchbar*/

.jl-joelle-customblog-hero-section .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper,
.jl-joelle-customblog-hero-section-searchbar input {
    background: transparent !important;
}

/*Custom blog hero section - top categories - links style*/

.jl-joelle-customblog-hero-section-categories-links {
    list-style: none;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 15px !important;
}

.jl-joelle-customblog-hero-section-categories-links a {
    width: 100%;
    display: inline-block;
    padding: 8px;
    border-bottom: 1px solid var(--global-palette6);
}

.jl-joelle-customblog-hero-section-categories-links a:hover {
    background: var(--global-palette6);
    text-decoration: none;
    color: var(--global-palette9) !important;
}

/*Custom blog - featured post*/

/*Custom blog featured post - thumbnail style*/

.jl-joelle-customblog-featuredpost .post-thumbnail,
.jl-joelle-customblog-featuredpost .post-thumbnail img {
    z-index: 0;
}

.jl-joelle-customblog-featuredpost .post-thumbnail {
	filter: drop-shadow(14px 14px 14px rgba(0, 0, 0, 0.2));
}

.jl-joelle-customblog-featuredpost .post-thumbnail img {
    transform: scale(1);
    transition: 2s cubic-bezier(0, 0.9, 0.5, 0.9);
}

.jl-joelle-customblog-featuredpost .post-thumbnail:hover img {
    transform: scale(1.15);
    transition: 2s cubic-bezier(0, 0.9, 0.5, 0.9);
}

/*Custom blog - top categories section*/

.jl-joelle-customblog-categories .kb-advanced-image-link {
    display: block;
}

.jl-joelle-customblog-categories .kt-inner-column-height-full:not(.kt-row-layout-row) > .wp-block-kadence-column > .kt-inside-inner-col {
    height: auto;
}

.jl-joelle-customblog-categories-columns figure {
    display: flex;
    justify-content: center;
}

/*Custom blog top categories - buttons*/

.jl-joelle-customblog-categories-columns figcaption {
    position: absolute;
    bottom: 30px;
	margin: auto;
}

.jl-joelle-customblog-categories-columns figcaption a {
    text-decoration: none;
    display: block;
    padding: 14px !important;
    background: var(--global-palette2);
    color: var(--global-palette9) !important;
}

.jl-joelle-customblog-categories-columns figcaption a:hover {
    background: var(--global-palette1);
    color: var(--global-palette9) !important;
}

.jl-joelle-customblog-categories-columns .kt-inside-inner-col {
  justify-content: center;
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
}

.jl-joelle-customblog-categories-button {
	    position: absolute;
    bottom: 40px;
	margin: auto;
}
/*Custom blog top categories - hover effects*/

.jl-joelle-customblog-categories-columns .wp-block-kadence-image {
    overflow: hidden;
}

.jl-joelle-customblog-categories-columns img {
    transform: scale(1);
    transition: 2s cubic-bezier(0, 0.9, 0.5, 0.9);
}

.jl-joelle-customblog-categories-columns img:hover {
    transform: scale(1.15);
    transition: 2s cubic-bezier(0, 0.9, 0.5, 0.9);
}

/*Custom blog - latest on the blog*/

@media screen and (max-width: 767px) {
	.jl-joelle-customblog-latestposts .grid-cols {
    column-gap: 1rem;
  }
}

/*Sidebar*/

/*Sidebar - about me (welcome) widget - image background*/

.jl-joelle-sidebar-welcome-image, 
.jl-joelle-sidebar-welcome-image figure {
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.jl-joelle-sidebar-welcome-image figure::before {
    content: '';
    width: 40%;
    height: calc(100% + 40px);
    background: var(--global-palette6);
    position: absolute;
    right: -20px;
	top:-20px;
    z-index: -1;
}

.jl-joelle-sidebar-welcome-image img {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/*Sidebar - social icons after hovering*/

.jl-joelle-sidebar-socialicons li:hover {
    background: var(--global-palette1) !important;
    color: var(--global-palette9) !important;
    transition: 0.3s ease-in-out;
}

.jl-joelle-sidebar-socialicons li {
    transition: 0.3s ease-in-out;
}

/*Sidebar - searchbar*/

.jl-joelle-sidebar-searchbar .wp-block-search__inside-wrapper {
    border-radius: 0 !important;
    border-color: var(--global-palette4) !important;
}

.jl-joelle-sidebar-searchbar input {
    border-radius: 0 !important;
    border: none;
    letter-spacing: 2px;
}

.jl-joelle-sidebar-searchbar .wp-block-search__button {
    border-radius: 0 !important;
    color: var(--global-palette9) !important;
    background: var(--global-palette2) !important;
}

.jl-joelle-sidebar-searchbar .wp-block-search__button:hover {
    box-shadow: none !important;
    background: var(--global-palette1) !important;
    color: var(--global-palette9) !important;
}

/*Sidebar - blog categories*/

.jl-joelle-sidebar-categories-list {
    list-style: none;
    text-align: center;
    text-transform: uppercase;
    padding: 0 5px;
    margin: 10px auto;
    letter-spacing: 2px;
    font-size: 13px;
}

.jl-joelle-sidebar-categories-list li a {
    width: 100%;
    display: inline-block;
    padding: 8px;
    border-bottom: 1px solid var(--global-palette6);
}

.jl-joelle-sidebar-categories-list li a:hover {
    background: var(--global-palette6);
    text-decoration: none;
    color: var(--global-palette9);
}

.jl-joelle-sidebar-categories-list li,
.jl-joelle-sidebar-categories-list li:hover,
.jl-joelle-sidebar-categories-list li a,
.jl-joelle-sidebar-categories-list li:hover a {
    transition: 0.3s ease-in-out;
}

/*Sidebar - newsletter*/

/*Sidebar - newsletter - form fields style*/

.jl-joelle-sidebar-newsletter-form input,
.jl-joelle-sidebar-newsletter-form input:focus {
    border-width: 0 !important;
    border-bottom-width: 1px !important;
    letter-spacing: 2px;
}

.jl-joelle-sidebar-newsletter-form input::placeholder {
    color: var(--global-palette1) !important;
}