/*
Theme Name:     Charlotte by Creative Her
Theme URI:      https://charlotte.creativeher.co/
Template:       kadence
Author:         Creative Her
Author URI:     https://creativeher.co/
Description:    Charlotte is a bold and dynamic WordPress theme tailored for marketing professionals, agencies, and creative entrepreneurs.
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/




.link-style-color-underline .entry-content p a, .link-style-color-underline .entry-content strong>a, .link-style-color-underline .entry-content em>a, .link-style-color-underline .entry-content>ul a, .link-style-color-underline .entry-content>ol a, .link-style-color-underline .entry-content .wp-block-group ul a, .link-style-color-underline .entry-content .wp-block-group ol a, a, a:hover {
	text-decoration: none;
}



.single-content h1, .single-content h2, .single-content h3, .single-content h4, .single-content h5, .single-content h6 {
    margin: .5em 0 .5em;
}

:focus-visible {
	outline: 0;
}

a:hover {
	color: #000;
}
h1 code::after,
h2 code::after,
h3 code::after,
h4 code::after {
   content: '';
  position: absolute;
  bottom: 9%;
  left: 0;
  width: 100%;
  height: 0.3em;
  background: #e1cfbf;
  z-index: -1;
  transform: rotate(-2.85deg) translateY(0.1em); 
  transform-origin: left;
}

h1 code,
h2 code,
h3 code,
h4 code {
  display: inline-block;
  position: relative;
	font-family: inherit;
 font-size: inherit;
}

/* latin-ext */
@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/instrumentserif/v4/jizHRFtNs2ka5fXjeivQ4LroWlx-6zAjgn7Motmp5r61.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/instrumentserif/v4/jizHRFtNs2ka5fXjeivQ4LroWlx-6zAjjH7Motmp5g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/instrumentserif/v4/jizBRFtNs2ka5fXjeivQ4LroWlx-6zsTjnTLgNuZ5w.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/instrumentserif/v4/jizBRFtNs2ka5fXjeivQ4LroWlx-6zUTjnTLgNs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*Menu*/
.header-navigation ul ul li.menu-item>a {
	padding-left: 20px;
	padding-right: 20px;
}
/*Tabs Services*/
@media (min-width: 1150px) {
.tabsservices .kt-tabs-title-list {
    width: 45%;
    left: 55%;

    transform: translate(0, 0);
    position: relative;
}
}

@media (max-width: 1149px) {

.tabsservices {
	margin-top: 0px !important;
}
}

.tabsservices .kt-tabs-title-list {
    counter-reset: tab-counter; 
}

.tabsservices ul.kt-tabs-title-list.kb-tabs-list-columns .kt-tab-title {
   justify-content: space-between;
}

@media screen and (max-width: 767px) {
	.tabsservices .kt-title-item span:first-child::before {
		        top: -10px !important;
        width: 35px !important;
        height: 35px !important;
        font-size: 10px !important;
		right: 10px !important;
	}
}

.tabsservices .kt-title-item span:first-child::before {
   counter-increment: tab-counter;
    content: "0" counter(tab-counter) " ";
    margin-right: 5px;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0.1em;
    font-family: var(--global-primary-nav-font-family);
    text-transform: uppercase;
    background: var(--global-palette2);
    color: var(--global-palette7);
    width: 55px;
    height: 55px;
    display: inline-flex;
    border-radius: 150px;
    align-items: center;
    justify-content: center;
    top: -13px;
    position: relative;
    right: 20px;
}

.kt-tabs-title-list li svg {
    font-size: 43px !important;
    stroke-width: .75;
	opacity: .8
}
/*Blog Posts*/
@media screen and (min-width: 768px) {
    .wp-block-kadence-posts.grid-lg-col-1.item-image-style-beside article.loop-entry.has-post-thumbnail:not(.kb-post-no-image) {
        display: grid;
        grid-template-columns: 3fr 3fr;
    }
}

.fp-posts .grid-cols {
	    column-gap: 4rem;
}

.fp-posts .entry-title {
	    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 1.6;
    font-family: var(--global-body-font-family);
    color: var(--global-palette3);
}



/*Slider*/
.chr-slider-buttons {
	float: right;
	right: -40px;
	top: 50%;
	position: absolute;
	z-index: 9999;
	transform: translate(0%,-50%);
}
@media screen and (max-width: 767px) {
	.chr-slider-buttons {
		right: -10px !important;
	}
}

.slick-arrow {
	border-radius: 150px;
	width: 60px;
	height: 60px;
	padding: 0;
	display: block;
	margin-top: 12px
}

.chr-slider-buttons .slick-arrow:nth-child(2) {
	background: var(--global-palette1)
}

.chr-slider-buttons .slick-arrow:nth-child(1) {
	background: var(--global-palette2)
}

.slick-arrow .fas {
	font-size: 15px !important;
}

.chr-slider-buttons {
  display: flex;
      flex-direction: column-reverse;
}

.kb-splide .splide__arrow {
	    width: 3em;
    border-radius: 300px;
}

/*Swap*/
.entry-header {
    display: flex;
    flex-direction: column;
}

.entry-meta {
    order: -1; 
}

.entry-title {
    order: 1;
}

/*Blog Archive*/
@media screen and (min-width: 768px) {
    .grid-lg-col-1.item-image-style-beside article.loop-entry.has-post-thumbnail:not(.kb-post-no-image) {
        display: grid;
        grid-template-columns: 2fr 3fr;
		        align-items: center;
        column-gap: 40px;
    }
}

@media screen and (min-width: 960px) {

#archive-container {
	padding-top: 40px;
	row-gap: 50px;
	column-gap: 80px
}

#archive-container article:nth-child(2) .post-thumbnail,
#archive-container article:nth-child(3) .post-thumbnail,
#archive-container article:nth-child(6) .post-thumbnail,
#archive-container article:nth-child(9) .post-thumbnail,
#archive-container article:nth-child(10) .post-thumbnail {
    padding-bottom: 100%;
}

#archive-container article:nth-child(1) {
	margin-left: 70px;
}

#archive-container article:nth-child(2) {
	margin-top: 105px;
	margin-left: 45px;
}

#archive-container article:nth-child(3) {
margin-right: 35px;
}

#archive-container article:nth-child(4) {
	margin-top: 45px;
	margin-right: 55px;
}

#archive-container article:nth-child(5) {
	margin-top: -50px;
	margin-left: -25px;
	margin-right: 45px;
}

#archive-container article:nth-child(6) {
margin-top: 40px;
	margin-left: 35px;
	margin-right: -10px;
}







#archive-container article:nth-child(even) .entry-content-wrap .entry-taxonomies {
	right: -15px !important;
	left: auto;
}


}

.more-link-wrap svg {
	display: none;
}

.wp-block-kadence-posts a.post-more-link,
a.post-more-link {
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0.15em;
    font-family: Roboto, sans-serif;
    text-transform: uppercase;
}

a.post-more-link:hover {
	color: #000;
}

.loop-entry .entry-summary p, .loop-entry .entry-header .entry-meta {
	margin-top: 0;
}

.loop-entry.type-post .entry-taxonomies .category-style-pill a:hover, .wp-block-kadence-posts .loop-entry.type-post .entry-taxonomies .category-style-pill a {
	color: #000;
}

.loop-entry.type-post .entry-taxonomies {
	position: absolute;
	top: 10px;
	left: -15px;
	z-index: 9999;
}

.loop-entry.type-post .entry-taxonomies .category-style-pill a {
    color: #000;
    font-weight: normal;
    padding: 8px 14px;
    border-radius: 15px;
    display: table;
    margin: 0 0 10px 0;
}

.loop-entry.type-post {
	position: relative;
}

/*Icon Thin*/
.kt-accodion-icon-style-xclose .kt-blocks-accordion-icon-trigger:after, .kt-accodion-icon-style-xclose .kt-blocks-accordion-icon-trigger:before, .kt-accodion-icon-style-xclosecircle .kt-blocks-accordion-icon-trigger:after, .kt-accodion-icon-style-xclosecircle .kt-blocks-accordion-icon-trigger:before {
	height: 2px;
}

.kt-blocks-accordion-icon-trigger {
	width: 17px;
	height: 17px;
	min-width: 17px;
}

.kt-accodion-icon-style-xclose .kt-blocks-accordion-icon-trigger:after, .kt-accodion-icon-style-xclose .kt-blocks-accordion-icon-trigger:before, .kt-accodion-icon-style-xclosecircle .kt-blocks-accordion-icon-trigger:after, .kt-accodion-icon-style-xclosecircle .kt-blocks-accordion-icon-trigger:before {
	width: 17px;
}

/*The Process Acc*/
.theprocess .kt-accordion-inner-wrap {
    counter-reset: accordion; 
}

.theprocess .kt-blocks-accordion-title::before {
  content: counter(accordion, decimal-leading-zero) ". "; 
    counter-increment: accordion; 
   display: block;
    margin-right: 10px;
	margin-bottom: 5px;
}


/*Search Modal*/
/* Ensure the search icon is absolutely positioned */
.header-html-inner {
    position: relative;
}

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

/* Initial state of the search form */
.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;
}

/* When active, expand the search form */
.header-html-inner .search-form.active {
    width: 200px;
    opacity: 1;
}

/* Style the search input */
.header-html-inner .search-field {
    width: 100%;
    padding: 8px;
    background-color: #fff;
    color: black;
    border: none;
    outline: none;
    box-sizing: border-box;
}

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

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

.header-html-inner .input[type="search"] {
	background: #fff;
	border: 0;
}

/*Search in Sidebar*/
::placeholder {
	color: #333;
	
}

.wp-block-search .wp-block-search__input {
	border: 0;
}

.wp-block-search .wp-block-search__button {
	padding-left: 5px;
	padding-right: 5px;
}

.search-icon {
    transform: scaleX(-1); 
}

.searchwidget {
	    border-radius: 10px 0 / 100px 20px;
}

.search-results .loop-entry .entry-content-wrap {
        padding: 1rem 2rem;
}

.site-header-top-section-right .site-header-item {
	max-height: 33px;
}

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none; /* Hide the clear button in WebKit browsers */
}

input[type="search"]::-moz-search-cancel-button {
    display: none; /* Hide the clear button in Firefox */
}


.site-header-top-section-right .search-submit {
    visibility: hidden;
}

input[type="search"]:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px var(--global-palette2) inset !important;
    box-shadow: 0 0 0px 1000px var(--global-palette2) inset !important;
    -webkit-text-fill-color: white !important;
}

input[type="search"]:focus {
    background-color: var(--global-palette2); !important; 
    color: white !important; 
}

/*Related*/
.entry-related-inner-content {
	padding: 20px 0 0 0;
}

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

.entry-related-inner-content .splide__pagination {
	display: none;
}

.splide .splide__arrow {
	width: 3.5em;
	height: 3.5em;
	border-radius: 50%;
}

.entry-related-inner-content .splide .splide__arrow {
	top: 40%;
}

.entry-related-inner-content .entry-meta {display: none;}

.entry-related h3.entry-title {
	font-size: 28px;
	line-height: 1.1;
	font-weight: normal;
}

h2.entry-related-title {
	font-size: 45px;
}

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

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

@media (min-width: 1160px) {
    .content-width-narrow .wp-site-blocks .content-container .alignwide {
        margin-left: 0;
        margin-right: 0;
        width: unset;
        max-width: unset;
    }
}

/*Comments*/
.comments-area {
	margin-top: 0;
}

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

.comments-title, .comment-reply-title {
  
    font-size: 40px;
}

.comments-title {
	margin-bottom: 30px;
}

.comment-meta a:hover, .comment-meta a:focus, .comment-form a:hover, .comment-form a:focus {
    text-decoration: none;
}

.comment-author {
	font-weight: normal;
	font-size: 17px;
}

.says {
    font-size: inherit;
}

.comment-author b {
	font-weight: normal;
}

.comment-body {
	border-bottom: 0;
	background: #fff;
	padding: 30px; 
	margin-bottom: 30px;
}

.comment-content {
	margin-bottom: 0;
}

.comment-reply-link {
	background: var(--global-palette2);
	border: 0;
	color: #fff;
	    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0.15em;
    font-family: var(--global-primary-nav-font-family);
    text-transform: uppercase;
	padding: 12px 20px;
	margin-right: 10px;
	margin-top: 10px;
}

.comment-reply-link:hover {
	color: #fff;
}

.comment-form a {
	font-weight: normal;
}

#cancel-comment-reply-link {
	    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0.15em;
    font-family: var(--global-primary-nav-font-family);
    text-transform: uppercase;
}

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-color: #333;
	border-radius: 0;
}

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

/*Categ in Sidebar*/
ul.wp-block-categories {
	    list-style: none;
}

.wp-block-categories-list.wp-block-categories {
	padding-left: 0;
	margin: 0;
	    text-align: center;
}

.wp-block-categories-list.wp-block-categories li a {
	    color: #000;
    font-weight: normal;
    padding: 8px 14px;
    border-radius: 15px;
    margin: 0 0 10px 0;
	    background: #e5d5c7;
	    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    letter-spacing: 0.168em;
    font-family: REM, sans-serif;
	text-transform: uppercase;

}

.wp-block-categories-list.wp-block-categories li {
	margin-bottom: 12px;
}

.wp-block-categories-list.wp-block-categories li a:hover {
	text-decoration: none;
}

/*post Nav*/
.navigation.post-navigation {
	display: none;
}

/*shadows*/
.wp-block-kadence-posts .loop-entry {
	box-shadow: 0 0 0 0;
}
/*podcast*/


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

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

.podcastlist 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%);
}

@media screen and (min-width: 768px) {
    .podcastlist.wp-block-kadence-posts.grid-lg-col-1.item-image-style-beside article.loop-entry.has-post-thumbnail:not(.kb-post-no-image) {
        display: grid;
        grid-template-columns: 1fr 3fr;
    }
	
	.podcastlist .loop-entry .entry-content-wrap {
    padding: 0;
		display: flex;
        align-items: center;
}
	
	.podcastlist .entry-header {
		padding-right: 50px;
		margin-bottom: 0;
	}
	
	.podcastlist p.more-link-wrap {
		margin: 0;
	}
	
	.podcastlist article {
		border-bottom: 1px solid #333;
		margin-bottom: 30px;
		padding-bottom: 30px;
	}
	
	.podcastlist article:last-child {
		border-bottom: 0;
	}
	
	.podcastlist.grid-cols {
		row-gap: 0;
	}

}

@media screen and (max-width: 767px) {
	.podcastlist a.post-more-link {
		top: -10px;
		position: absolute;
		right: 20px;
	}
	
	.podcastlist.grid-cols {
		row-gap: 40;
	}
	
	.podcastlist article {
		margin-bottom: 30px;
	}
}


.podcast a.post-more-link {
    position: relative;
    display: inline-block;
    width: 43px;
    height: 43px;
    background-color: var(--global-palette3);
    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;
	
}
/*search result*/
.search-results .loop-entry .entry-content-wrap {
    padding: 1rem 0rem;
}

/*navigation*/

.adjacent-post-label {
    font-family: var(--global-heading-font-family);
    font-weight: 300;
    font-style: italic;
    text-transform: lowercase;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--global-palette7);
    font-size: 34px;
    margin-bottom: 20px;
    width: 100%;
}


.nav-links a.next.page-numbers {
    
    margin-left: auto !important;
    margin-right: 0 !important;
}


.nav-links {
    display: flex;
    flex-direction: row;
    align-items: center;
    max-width: var(--global-content-width);
    margin: 0 auto;
	    padding: 0 20px;
	margin-top: 70px;
}

.navigation.pagination .nav-links:only-child a.prev.page-numbers {
    display: block !important;
    margin-right: auto !important;
    text-align: left !important;
}

@media (max-width: 520px) {
	.nav-links a.next.page-numbers, .nav-links a.prev.page-numbers {
		margin: 0 auto !Important;
	}
}


.creativeher-kadence-adjacent-post-link {
    width: 95%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.creativeher-kadence-adjacent-post-link:first-child {
	margin-right: 5%;
}

.creativeher-kadence-adjacent-post-link:nth-child(2) {
	margin-left: 5%;
}

.pagination a:hover, .pagination a:focus, .pagination a:active {
	border-color: transparent;
}

.pagination .page-numbers {
	font-style: normal;
    font-weight: normal;
    font-size: 13px;
    letter-spacing: 2px;
    font-family: var(--global-primary-nav-font-family);
    text-transform: uppercase;
	  white-space: nowrap;
}

.nav-links a.next.page-numbers, .nav-links a.prev.page-numbers {
	border-radius: 0;
	    display: flex;
    flex-direction: row;
	align-items: center;
}

.nav-links a.next.page-numbers svg {
	margin-left: 15px;
}

.nav-links svg {
	min-width: 40px;
}

.nav-links a.prev.page-numbers svg {
	margin-right: 15px;
}

/*search on mobile*/
.drawer-content input[type="search"]:focus {
	color: #333 !important;
}

.drawer-content input[type="search"]:focus {
	color: #333 !important;
}

#search-drawer .drawer-content:before {
    content: "Search";
    font-family: var(--global-heading-font-family);
    font-size: 40px;
    text-align: center;
    color: #000;
    margin-bottom: 20px;
    width: 100%;
    display: block;
}

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

#search-drawer .drawer-inner .drawer-content {
 
    flex-direction: column;
}

.popup-drawer .drawer-header .drawer-toggle {
 
	padding: 30px 0;}