/*
Theme Name:     Bella by Creative Her
Theme URI:      https://bella.creativeher.co/
Template:       kadence
Author:         Creative Her
Author URI:     https://creativeher.co/
Description:    Bella is a stylish and adventurous WordPress theme, meticulously designed for travel bloggers, influencers, and lifestyle creators who seek to captivate their audience.
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/



.zindex {
	z-index: 9999;
	position: relative;
}

.entry-taxonomies a {
	font-weight: 600;
}

/*Highlight*/
mark.kt-highlight {
    padding: 7px 17px !important;
    -webkit-box-decoration-break: clone;
    line-height: 1.5;
}

h6.wp-block-kadence-advancedheading mark.kt-highlight {
	padding: 11px 15px !important;
}

/*Location*/
.creativeher-block-location {
	    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.13em;
    font-family: var(--global-primary-nav-font-family);
    text-transform: uppercase;
	background: var(--global-palette8);
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 11px 20px;
}

.loop-entry {
	position: relative;
}

/*Button Hover*/
.button {
	transition: .6s;
}

/*Articles*/

.entry-header {
	margin-bottom: 0;
}

.wp-block-kadence-posts .loop-entry .entry-summary p, .wp-block-kadence-posts .loop-entry .entry-header .entry-meta {
    margin: 0;
}

.entry-title a:hover {
	color: #333;
}

/*Slider*/
.bella-slider article {
	margin: 0 15px;
}

.bella-slider.grid-lg-col-3, .bella-slider-secondary.grid-lg-col-3 {
	grid-template-columns: auto;
}

.bella-slider .slick-next.slick-arrow, .bella-slider .slick-prev.slick-arrow {
    background: var(--global-palette6);
    color: #333;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    top: 40%;
    position: absolute;
	z-index: 9999;
}

.bella-slider .slick-next.slick-arrow {
	right: 0;
}

.bella-slider {
	opacity: 0;
}

/*img Gallery*/
.kb-gallery-ul .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner figure .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic img {
	background: #fff;
}
.wp-block-kadence-advancedgallery .kt-blocks-carousel .splide__arrow {
     right: 0;
    width: 45px;
    height: 45px;
    border-radius: 40px;
    background: var(--global-palette5);
    opacity: .9;
}

.affiliategallery {
	
}

/*Search*/
.creativehersearch .kb-search {
    display: flex;
    justify-content: center;
}

.kb-search .kb-search-icon {
	right: 25px;
}

/*Inputs*/
::placeholder {
	color: #868686;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
	box-shadow: 0 0 0 0;
}

/*Categ in Meta Fix*/
.wp-block-kadence-posts .entry-taxonomies a {
    text-decoration: none;
    font-weight: 600;
}

/*Accord Title*/
.kt-blocks-accordion-title strong {
	font-weight: inherit;
}

/*Testimonial Slider*/
.chr-slider-buttons {
    position: absolute;
    z-index: 9999;
    top: -20px;
    left: 20px;
}

.chr-slider-buttons button {
    width: 60px;
    height: 60px;
    border-radius: 100px;
    background: var(--global-palette6);
    color: #000 !important;
}

.chr-slider-buttons button:first-child {
	margin-right: 7px;
}

/*Map*/
.imapsSprite-group.imapsContainer-group.imapsMapObject-group.imapsMapPolygon-group {
    fill: var(--global-palette6) !important;
}

/*FiltBlog*/
    body.blog #archive-container .loop-entry, body.home #archive-container .loop-entry {
        margin-bottom: 40px;
        text-align: center;
    }

#blog-filters {
	text-align: center;
	margin-bottom: 40px;
}

#blog-filters button {
background: none;
    color: #000;
    font-size: 13px;
    padding: 5px 20px;
}

@media (max-width: 768px) {
	#blog-filters button {

    padding: 0 10px 7px 10px;
}
}

body.blog #archive-container,
body.home #archive-container {
    display: block; 
}

body.blog #archive-container .loop-entry,
body.home #archive-container .loop-entry {
    display: inline-block;
    vertical-align: top;
    width: 100%; 
    box-sizing: border-box;
}


@media (min-width: 768px) {
    body.blog #archive-container,
    body.home #archive-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-left: -1.8rem; 
        margin-right: -1.8rem;
        position: relative;
    }

    body.blog #archive-container .loop-entry,
    body.home #archive-container .loop-entry {
        width: calc(33.33% - 3.6rem); 
        margin: 0 1.8rem 4rem; 
        display: flex;
        flex-direction: column;
        position: absolute; 
        box-sizing: border-box;
    }

    body.blog #archive-container .loop-entry .entry-content-wrap,
    body.home #archive-container .loop-entry .entry-content-wrap {
        flex: 1;
}

body.blog #archive-container .loop-entry,
body.home #archive-container .loop-entry {
    margin-bottom: 40px; 
}
}
	/*This or That*/
	 
	.thisorthat .wp-block-table td + td {
    padding: .5em;
    border: 1px solid var(--global-palette6);
    word-break: normal;
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
		border-left: 0;
	}
	
	.thisorthat .wp-block-table td {
		border-left: 0;
		border-top: 0;
		border-bottom: 0;
		padding: 12px;
	}
	.thisorthat strong {
		position: relative;
		font-weight: normal;
	}
	
	.thisorthat strong::after {
		background-image: url("/wp-content/themes/bella-creativeher/lib/thisorthat-brown-creativeher.png");
		 background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
	        content: "";
        position: absolute;
        bottom: -13px;
        left: 50%;
        transform: translateX(-50%);
        height: 60px;
        width: 250px;
       
	}

/*Search*/
.header-html-inner {
    position: relative;
}

.header-html-inner .kadence-search-icon-wrap {
    cursor: pointer;
    margin-top: 23px;
}

.header-html-inner .search-form {
    position: absolute;
    right: 0;
    width: 0;
    opacity: 0;
    transition: width 0.4s ease, opacity 0.4s ease;
    overflow: hidden;
    white-space: nowrap;
	top: -11px;
}

.header-html-inner .search-form.active {
	background: var(--global-palette8);
    width: 230px;

	
    opacity: 1;
}

.header-html-inner .search-field {
    width: 100%;
    padding: 8px;
    background-color: #333;
    color: black;
    border: none;
    outline: none;
    box-sizing: border-box;
}

.header-html-inner .search-field::placeholder {
    color: black;
}

.header-html-inner .search-form input[type="search"], .search-form input.search-field {
	padding-right: 10px;
	background: transparent;
	color: #333;
}
.header-html-inner .kadence-svg-iconset svg {
    height: 18px;
    width: 18px;
	fill: #333;
}

.header-html-inner .input[type="search"] {
	background: #333;
	border: 0;
}
#mobile-drawer .search-form {
    position: relative;
	max-width: 300px;}

#mobile-drawer .search-form input.search-field {
	line-height: 1.8;
}

#mobile-drawer .search-form .kadence-search-icon-wrap {
	color: #333;
}

/*podcast*/



.podcast a.post-more-link {
    position: relative;
    display: inline-block;
    width: 43px;
    height: 43px;
    background-color: var(--global-palette4);
    border-radius: 50%;
    font-size: 0;
    box-sizing: border-box;
    padding: 0;
	border: 0;
	float: right;
}

.podcast a.post-more-link::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 11.3px;
    border-color: transparent transparent transparent var(--global-palette7);
    transform: translate(-50%, -50%);
}

.podcast .entry-content-wrap {
    display: flex;
    flex-direction: column-reverse;
}

.podcast .more-link-wrap {
    margin-top: -52px;
	
}

.podcast .entry-meta {
	margin-top: 0 !important;
}

@media (max-width: 767px) {
    .entry-content-wrap {
        padding: 1rem;
    }
}

/*Single Post Page*/
.navigation.post-navigation {
	display: none;
}

.entry-tags a.tag-link {
	border: 0;
	background-color: var(--global-palette4);
	color: var(--global-palette7);
	border-radius: 0;
	    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: .13em;
    font-family: var(--global-primary-nav-font-family);
    text-transform: uppercase;
	padding: 8px 20px;
}

.entry-tags a.tag-link:hover {
	background-color: var(--global-palette4);
}

/*Related*/

h2.entry-related-title, .comments-title, .comment-reply-title {
	    font-style: normal;
    font-size: 48px;
    letter-spacing: -1px;
}

.entry-related-inner-content {
	padding: 0;
}

.entry-related .splide .splide__pagination {
	display: none;
}

.entry-related-carousel h3.entry-title {
    font-size: 34px;
    font-weight: normal;
    text-align: center;
    letter-spacing: 0;
}

.loop-entry .entry-content-wrap {
    padding: 2.2rem 2rem;
}

.entry-related .entry.loop-entry {
	background: #fff;
}

.entry-related .splide .splide__arrow {
	top: 40%;
	width: 50px;
	height: 50px;
	border-radius: 100px
}

.entry-related-inner-content.alignwide, .entry-related.alignfull.entry-related-style-wide {
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
}

.comment-form .comment-input-wrap p {
    margin: 0 0 .25em 0;
}

.comment-form p {
    margin: .5em 0;
}

/*Comments*/
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
	border-radius: 0;
	border-color: #333;
}

.comment-form .comment-input-wrap p label, .comment-form p.comment-form-float-label label {
	color: #333;
}

.comments-title, .comment-reply-title {
    margin-bottom: .1em;
}

.comment-form .comment-notes {
	margin-top: 10px;
	margin-bottom: 10px;
}

/*Social Icons*/
.creativeher-social-box .social-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
	box-shadow: 0 0 17.64px .36px rgba(0, 0, 0, .05);
    padding: 17px 7px 15px 15px;
	width: max-content;
}

.creativeher-social-box h6 {
        font-style: normal;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: .13em;
    font-family: var(--global-primary-nav-font-family);
    text-transform: uppercase;
    margin-left: 15px;
	margin-right: 25px;
}

.social-btn a {
   padding: 10px 17px 10px;
    border-left: 1px solid #ededed;
}
.social-btn a:first-child {
	border-left: 0;
}
.col-2.sbtn.s-copy-link {
	margin-top: -5px;
}
.creativeher-social-box .fa-chain:before, .fa-link:before {
	color: #505050;
	    font-size: 14px;
}
.creativeher-social-box svg {
    fill: #505050;
    width: 18px !important;
    height: 16px !important;
}

.sbtn[data-tooltip] {
    position: relative;
    cursor: pointer;
}

.sbtn[data-tooltip]:hover::before {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%; /* Position above the button */
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 8px;
    border-radius: 5px;
    white-space: nowrap;
    font-size: 12px;
    z-index: 100;
    opacity: 0;
    transition: opacity 0.2s;
}

.sbtn[data-tooltip]:hover::before {
    opacity: 1;
}

.sbtn[data-tooltip]:hover::after {
    content: '';
    position: absolute;
    bottom: calc(100% - 5px);
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
    z-index: 100;
    opacity: 0;
    transition: opacity 0.2s;
}

.sbtn[data-tooltip]:hover::after {
    opacity: 1;
}


.creativeher-social-box .fa-link {
	top: -3px !important;
	position: relative;
}

/*Tabs*/
.kt-tabs-title-list li {

    margin-bottom: 10px !important;

}

/*Load More*/
.load-more {
text-align: center;
    display: table;
    margin: 20px auto;
}

/*Search Result*/
.page-title.search-title {
	margin-bottom: 30px;
}