/*
Theme Name:     Charlotte
Theme URI:      https://17thavenuedesigns.com/shop/charlotte-wordpress-theme
Template:       kadence
Author:         17th Avenue
Author URI:     https://17thavenuedesigns.com
Description:    Charlotte is a feminine, modern WordPress theme designed by 17th Avenue and built for the Kadence Framework.
Version:        1.0.0
*/

/* Table of Contents

    - Global
        - Objects
        - Forms
        - Navigation
        - Search
    - Offscreen Menu
        - Offscreen Menu Toggle
        - Offscreen Menu Content
    - Front Page
    - Entries
    - Archive Pages
    - Sidebar
        - Enews
        - About Widget
        - Social Icons
        - Categories
    - Plugins
        - Genesis eNews Extended
        - Instagram
        - WooCommerce
    - Footer
    - Media Queries
        - Max-width: 1024px
        - Max-width: 768px

/* Load Custom Font
--------------------------------------------- */
 @font-face {
     font-family: butler;
     src: url(lib/type/butler_light-webfont.woff2)format('woff2'),url(type/butler_light-webfont.woff)format('woff');
     font-weight: 400;
     font-style: normal;
     font-display: swap 
}
 @font-face {
     font-family: butler light;
     src: url(lib/type/butler_ultra_light-webfont.woff2)format('woff2'),url(type/butler_ultra_light-webfont.woff)format('woff');
     font-weight: 300;
     font-style: normal;
     font-display: swap 
}
/* Global
--------------------------------------------- */
 :root {
     --global-gray-400: #eeeae8;
     --global-gray-500: #eeeae8 
}
 select {
     border: 1px solid #eeeae8 
}
 a {
     text-underline-position: under;
     text-underline-offset: 1px;
     cursor: pointer 
}
 .widget select {
     width: 100% 
}
 .justify-text {
     text-align: justify 
}
 .balance-text {
     text-wrap: balance 
}
 .grid-cols,
.wc-block-grid .wc-block-grid__products {
     column-gap: 2rem!important;
     row-gap: 2rem!important;
     -moz-column-gap: 2rem!important;
     -webkit-column-gap: 2rem!important 
}
 .single .entry-content p>a,
.single .entry-content em>a,
.single .entry-content ul li a,
.page .entry-content p>a,
.page .entry-content em>a,
.page .entry-content .wp-block-list a,
.single.link-style-no-underline .entry-content p>a,
.single.link-style-no-underline .entry-content em>a,
.page.link-style-no-underline .entry-content p>a,
.page.link-style-no-underline .entry-content em>a {
     font-weight: 700 
}
 .entry-content blockquote {
     background: var(--global-palette7);
     padding: 2.5rem;
     border-left: 3px solid var(--global-palette2) 
}
/* Objects */
 .post-thumbnail,
.linked-images img,
.woocommerce ul.product_list_widget li img,
.kb-section-has-link,
.featured-logos .wp-block-kadence-image {
     opacity: 1;
     -webkit-transition: all .25s ease-in-out;
     -moz-transition: all .25s ease-in-out;
     -ms-transition: all .25s ease-in-out;
     -o-transition: all .25s ease-in-out;
     transition: all .25s ease-in-out 
}
 .post-thumbnail:hover,
.linked-images img:hover,
.woocommerce ul.product_list_widget li img:hover,
.kb-section-has-link:hover,
.featured-logos .wp-block-kadence-image:hover {
     opacity: .75 
}
 .wp-block-gallery {
     margin-bottom: 1.5em!important 
}
 .splide .splide__arrow {
     background: #fff!important;
     opacity: 1!important;
     width: 34px;
     height: 34px;
     border-radius: 100%;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out 
}
 .splide .splide__arrow svg {
     fill: var(--global-palette3)!important 
}
 .splide .splide__arrow:hover {
     background: var(--global-palette-btn-bg)!important 
}
 .splide .splide__arrow:hover svg {
     fill: var(--global-palette-btn)!important 
}
 .kb-gallery-type-slider .splide .splide__arrow {
     margin: 0 16px 
}
 .kb-gallery-type-slider .kb-splide .splide__arrow svg {
     height: .9em;
     width: .9em 
}
 .charlotte-bow svg {
     fill: var(--global-palette-highlight) 
}
/* Forms */
 input:not(input[type=submit]),textarea,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] {
     border: 1px solid #eeeae8;
     padding: 11px 15px!important;
     font-size: 14px;
     border-radius: 0 
}
 textarea {
     font-size: 15px 
}
 ::-moz-placeholder {
     color: #444;
     opacity: 1 
}
 ::-webkit-input-placeholder,.widget_archive.widget select {
     color: #444 
}
 ::selection {
     background-color: #ccc;
     color: #fff 
}
 ::-moz-selection {
     background-color: #ccc;
     color: #fff 
}
 .widget_archive.widget select {
     font-size: 14px;
     padding: 12px 
}
 .thicker {
     -webkit-font-smoothing: subpixel-antialiased !important 
}
 .thinner {
     -webkit-font-smoothing: antialiased !important 
}
/* Header & Navigation */
 .site-title {
     -webkit-font-smoothing: antialiased;
}
 .site-branding .site-description {
     margin-top: 1.4em;
}
 span.dropdown-nav-toggle {
     display: none!important 
}
 .nav-drop-title-wrap {
     padding-right: 0!important 
}
 .sub-menu span.dropdown-nav-toggle {
     display: block!important;
     font-size: 13px 
}
 .nav--toggle-sub ul ul .dropdown-nav-toggle .kadence-svg-iconset {
     vertical-align: top 
}
 .sub-menu a {
     padding-left: 18px!important;
     padding-right: 18px!important 
}
/* Search */
 .search-form .kadence-search-icon-wrap:not(#search-drawer .kadence-search-icon-wrap) {
     color: var(--global-palette3)!important 
}
 .kb-search .kb-search-icon svg {
     -webkit-transition: all .25s ease-in-out;
     -moz-transition: all .25s ease-in-out;
     -ms-transition: all .25s ease-in-out;
     -o-transition: all .25s ease-in-out;
     transition: all .25s ease-in-out;
     width: .8em!important;
     height: .8em!important;
     margin-right: 8px 
}
 #search-drawer .drawer-inner .drawer-content {
     flex-direction: column;
     padding-bottom: 30px 
}
 .search-modal-content h5 {
     display: none 
}
 .drawer-content .search-modal-content h5 {
     padding-bottom: 30px;
     display: block 
}
 #search-drawer .drawer-inner input.search-field:focus {
     box-shadow: 0 15px 15px -10px rgb(0 0 0/5%)!important 
}
 #search-drawer .drawer-inner .search-submit[type=submit] {
     border: none 
}
 #search-drawer input:not(#submit) {
     padding: 13px 65px 13px 15px!important;
     font-size: 18px!important 
}
 input[type=search]::-ms-clear,input[type=search]::-ms-reveal {
     display: none;
     width: 0;
     height: 0 
}
 input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration {
     display: none;
     -webkit-appearance: none;
     appearance: none 
}
 .search-results .loop-entry .entry-taxonomies {
     padding: 5px 0 
}
/* Offscreen Menu
--------------------------------------------- */
/* Offscreen Menu Toggle */
 #offscreen-toggle {
     color: var(--global-palette4);
     height: 100%!important;
     border-radius: 0!important;
     background: 0 0!important 
}
 #offscreen-toggle:hover {
     color: var(--global-palette2);
     background: 0 0!important 
}
 #offscreen-toggle:hover svg rect {
     fill: var(--global-palette2) 
}
 #offscreen-toggle svg rect {
     -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
     -ms-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out 
}
 .header-html-inner,.header-html.inner-link-style-normal {
     height: 100%!important;
     display: flex!important 
}
/* Offscreen Menu Content */
 #charlotte-close-offscreen-menu {
     cursor: pointer 
}
 #charlotte-offscreen-widget-area {
     position: fixed;
     opacity: 0;
     transition: left .7s ease,opacity .7s ease;
     height: 100%;
     left: 0;
     overflow-y: scroll;
     position: fixed;
     text-align: center;
     top: 66px;
     background: rgba(165,165,168,.35)!important;
     z-index: 9998;
     pointer-events: none
}
 #charlotte-offscreen-widget-area.open {
     left: 0;
     opacity: 1;
     pointer-events: auto 
}
 .charlotte-offscreen-menu {
     display: table;
     height: 100vh;
     overflow: hidden;
     table-layout: fixed;
     text-align: center;
     width: 26%;
     background-color: #fafaf9;
     margin-bottom: 40px;
     padding-bottom: 40px
}
 .admin-bar #charlotte-offscreen-widget-area {
     margin-top: 96px;
     top: 2px;
}
 .charlotte-offscreen-menu .widget_nav_menu {
     padding-bottom: 20px 
}
 .charlotte-offscreen-menu .widget_nav_menu li {
     font-family: var(--global-primary-nav-font-family);
     font-size: 12px;
     letter-spacing: 2px;
     text-transform: uppercase;
     padding-bottom: 8px 
}
 .charlotte-offscreen-menu .widget-title {
     font-size: 13px;
     margin-bottom: 15px 
}
 .charlotte-offscreen-menu .widget_nav_menu a:hover {
     color: var(--global-palette-highlight-alt)!important 
}
 .charlotte-offscreen-menu .wp-block-social-links .wp-social-link svg {
     margin-top: 20%;
     margin-left: 20% 
}
/* Offscreen Social Icons */
 .wp-block-social-links .wp-social-link {
     transform: none;
     -webkit-transition: all .25s ease-in-out;
     -moz-transition: all .25s ease-in-out;
     -ms-transition: all .25s ease-in-out;
     -o-transition: all .25s ease-in-out;
     transition: all .25s ease-in-out 
}
 .charlotte-offscreen-menu .wp-block-social-links {
     padding: 10px 0 20px 
}
 .charlotte-offscreen-menu .kb-search .kb-search-icon,.primary-sidebar .kb-search .kb-search-icon {
     top: 45% 
}
 .site-footer-row .kb-search .kb-search-icon {
     top: 48% 
}
/* Front Page
--------------------------------------------- */
 .charlotte-slider {
     visibility: hidden!important 
}
 .charlotte-slider.slick-initialized {
     visibility: visible!important 
}
/* Entries
--------------------------------------------- */
 .wp-site-blocks .product-archive-title h1, .content-title-style-normal .archive-title, .content-title-style-normal .page-title {
     border-top: 1px solid #eeeae8;
     border-bottom: 1px solid #eeeae8;
     width: 100%;
     padding: 11px;
     text-align: center 
}
 .content-area {
     margin-bottom: 4rem 
}
 .entry {
     border-radius: 0!important 
}
 .author .archive-description {
     display: none 
}
 .archive-description {
     margin-top: 25px 
}
 .entry-taxonomies,.entry-meta {
     font-family: var(--global-primary-nav-font-family);
     padding-bottom: 10px;
     letter-spacing: .2em;
     text-transform: uppercase 
}
 .wp-block-kadence-posts .entry-taxonomies {
     padding: 5px 0 
}
 .entry-taxonomies a {
     font-weight: 400!important 
}
/* Read More Button */
 a.post-more-link {
     background: var(--global-palette-btn-bg);
     color: var(--global-palette-btn)!important;
     padding: 12px 22px!important;
     font-family: var(--global-primary-nav-font-family);
     font-size: 11px!important;
     font-weight: 400!important;
     letter-spacing: .2em!important;
     margin: 10px auto 8px;
     display: inline-block 
}
 a.post-more-link:hover {
     background: var(--global-palette-btn-bg-hover);
     color: var(--global-palette-btn-hover)!important 
}
 a.post-more-link .kadence-svg-iconset,.wp-block-kadence-posts a.post-more-link .kadence-svg-iconset {
     display: none 
}
/* Archive Pages
----------------------------------------------- */
 #archive-container {
     margin: var(--global-md-spacing)0 0 
}
 .category.archive .filter-menu {
     display: none 
}
 .category.archive.has-children .filter-menu {
     display: block;
     text-align: center 
}
 .content-title-style-normal.category.archive .filter-menu {
     margin-top: 22px;
     margin-bottom: -5px 
}
 .category.archive .sort-by {
     text-transform: uppercase;
     font-size: 11px;
     font-family: var(--global-primary-nav-font-family);
     letter-spacing: .2em;
     padding-right: 10px;
     color: var(--global-palette3) 
}
 .category.archive .cat-item {
     text-transform: uppercase;
     font-size: 11px;
     font-family: var(--global-primary-nav-font-family);
     letter-spacing: .2em;
     display: inline-block;
     padding: 0 10px;
     line-height: 2;
     text-decoration: none 
}
 .archive.category.content-title-style-above .filter-menu {
     padding-bottom: 2.25em;
     margin-top: -2em 
}
 .category.archive .cat-item a {
     text-decoration: none 
}
 .category.archive .cat-item:last-child {
     padding-right: 0 
}
 .category.archive .cat-item-none {
     display: none 
}
 .archive .loop-entry .entry-header .entry-title,.blog .loop-entry .entry-header .entry-title {
     text-align: center;
     padding: 5px 15px 0 
}
 .archive.has-sidebar .loop-entry .entry-header .entry-title {
     text-align: left;
     padding: 0 
}
 .archive .loop-entry .entry-header .entry-taxonomies,.blog .loop-entry .entry-header .entry-taxonomies,.category.archive .loop-entry .entry-header .entry-meta,.blog .loop-entry .entry-header .entry-meta {
     text-align: center;
     padding-bottom: 0 
}
 .pagination .nav-links {
     text-align: center 
}
 .pagination .page-numbers {
     border-radius: 2px!important 
}
 .pagination .page-numbers.current,.pagination .page-numbers:hover {
     border-color: var(--global-palette6)!important;
     background: var(--global-palette6);
     color: var(--global-palette4) 
}
 .pagination .page-numbers {
     font-family: var(--global-primary-nav-font-family);
     font-size: 11px;
     border: 1px solid #eeeae8!important;
     border-radius: 0!important;
     padding: 9px 16px!important 
}
/* Sidebar
----------------------------------------------- */
 .single-content .primary-sidebar ul,.single-content .primary-sidebar ol {
     padding-left: 0 
}
 .primary-sidebar .widget {
     background: var(--global-palette7);
     padding: 1.75em;
     margin-bottom: 2.7em 
}
 .primary-sidebar.widget-area .widget-title {
     text-align: center;
     padding-bottom: 15px;
     font-size: 12px 
}
 .widget-area a:where(:not(.button):not(.wp-block-button__link):not(.wp-element-button)):hover {
     text-decoration: none;
     color: var(--global-palette-highlight-alt) 
}
 .primary-sidebar .loop-entry.type-post .entry-title {
     text-align: center 
}
/* eNews */
 .primary-sidebar.widget-area .enews-widget .widget-title {
     font-family: var(--global-heading-font-family);
     text-transform: none;
     letter-spacing: .03em;
     margin-bottom: 5px;
     padding-top: 5px;
     color: var(--global-palette4);
     line-height: 1.3;
     font-size: 34px;
     text-align: center;
     width: 100% 
}
 .primary-sidebar.widget-area .enews-widget input[type=submit] {
     padding: 15px 20px!important;
     margin-bottom: 5px 
}
/* Social Icons */
 .wp-block-social-links .wp-social-link svg,.wp-block-social-links.is-style-logos-only .wp-social-link svg {
     width: 17px;
     height: 17px 
}
 .wp-block-social-links .wp-social-link.wp-social-link-tiktok svg {
     width: 14px;
     height: 14px 
}
 .wp-block-social-links .wp-social-link {
     font-size: .65em 
}
 .wp-block-social-links .wp-social-link:hover {
     color: var(--global-palette2)!important 
}
/* Categories */
 .primary-sidebar .widget_nav_menu li a,.primary-sidebar .widget_categories li a {
     font-size: 20px;
     text-align: center;
     padding: 6px 12px;
     margin-bottom: 10px;
     letter-spacing: .04em;
     display: block;
     font-family: var(--global-heading-font-family);
     text-transform: none;
     background: var(--global-palette9);
     color: var(--global-palette3);
     -webkit-font-smoothing: subpixel-antialiased 
}
 .primary-sidebar .widget_nav_menu li a:hover,.primary-sidebar .widget_categories li a:hover {
     background: var(--global-palette1);
     color: var(--global-palette3);
     text-decoration: none!important 
}
/* Plugins
------------------------------------------------------------------------------------------ */
/* Genesis eNews Extended */
 .enews input {
     border: 1px solid #eeeae8;
     border-radius: 0 
}
 .enews form {
     display: flex;
     flex-wrap: nowrap;
     gap: 12px;
     align-items: stretch;
     width: 100%;
     margin-bottom: 0 
}
 .enews input[type=text],.enews input[type=email] {
     flex: 1;
     min-width: 100px;
     border: 1px solid #eeeae8;
     border-radius: 0;
     padding: 13px 15px 12px 
}
 .enews input[type=submit] {
     flex: 0 0 120px;
     white-space: nowrap;
     border: 0;
     padding: 16px 28px 14px;
     cursor: pointer 
}
/* Sidebar eNews */
 .primary-sidebar .enews form {
     flex-wrap: wrap 
}
 .primary-sidebar .enews input[type=text],.primary-sidebar .enews input[type=email],.primary-sidebar .enews input[type=submit] {
     flex: 1 1 100% 
}
 .primary-sidebar.widget-area .enews-widget input[type=submit]:hover {
     color: var(--global-palette3)!important;
     background: var(--global-palette9)!important 
}
 .page.content-style-boxed.has-sidebar .primary-sidebar .enews-widget {
     background: #fff 
}
/* Instagram */
 #sb_instagram {
     padding-bottom: 0!important 
}
 #sb_instagram #sbi_images {
     padding: 0!important 
}
/* Footer
--------------------------------------------- */
 .footer-widget-area-inner .widget_nav_menu {
     text-align: center 
}
 .footer-widget-area-inner .widget_nav_menu:first-of-type {
     width: 44%;
     float: left;
     margin-bottom: 0 
}
 .footer-widget-area-inner .widget_nav_menu:nth-of-type(2) {
     width: 44%;
     float: right;
     margin-bottom: 0 
}
 .site-middle-footer-inner-wrap .site-footer-section {
     padding: 1rem 0 
}
 .site-footer-row .enews form {
     display: flex;
     flex-wrap: wrap;
     gap: 14px;
     width: 100% 
}
 .site-footer-row .enews input[type=text],.site-footer-row .enews input[type=email] {
     flex: 1 1 calc(50% - 7px);
     margin-right: 0 
}
 .site-footer-row .enews input[type=submit] {
     flex: 0 0 100%;
     width: 100% 
}
 .site-middle-footer-inner-wrap .widget-area .widget-title {
     padding-bottom: 8px 
}
 .site-middle-footer-inner-wrap .widget-area .enews .widget-title {
     padding-bottom: 10px;
     text-align: center 
}
 .site-middle-footer-inner-wrap .widget_nav_menu a {
     line-height: 1.5em 
}
 .site-middle-footer-inner-wrap .footer-social {
     text-align: center;
     width: 100% 
}
 .site-middle-footer-inner-wrap .footer-widget-area.content-align-left .footer-social-inner-wrap {
     justify-content: center 
}
 .site-footer-middle-section-3 {
     display: block 
}
 .site-middle-footer-inner-wrap.ft-ro-dir-row .footer-section-inner-items-2 .footer-widget-area {
     margin-left: 0!important 
}
 .site-bottom-footer-inner-wrap {
     padding-top: 24px;
     padding-bottom: 20px 
}
/* Mobile
--------------------------------------------- */
 @media only screen and (max-width: 1024px) {
     .charlotte-offscreen-widget-area,.charlotte-offscreen-inner {
         display:none 
    }
     .search-toggle-open-container .search-toggle-open {
         background: transparent !important;
         padding: 15px 0;
    }
     .archive .grid-cols,.two-column-mobile .grid-cols,.wc-block-grid .wc-block-grid__products {
         grid-template-columns: repeat(2,minmax(0,1fr))!important;
         column-gap: 1rem!important;
         row-gap: 1rem!important;
         -moz-column-gap: 1rem!important;
         -webkit-column-gap: 1rem!important 
    }
     .archive.category.content-title-style-above .filter-menu {
         margin-top: 0 
    }
     .drawer-nav-drop-wrap .drawer-sub-toggle {
         font-size: 14px!important 
    }
     .sub-menu {
         padding: 0 0 0 1em!important;
         border: 0!important 
    }
     .sub-menu .sub-menu {
         margin-top: 0!important 
    }
     .wp-block-social-links:where(.is-layout-flex) {
         gap: .2em!important 
    }
     .site-middle-footer-inner-wrap .site-footer-section:not(:last-child):after {
         border-right: 0!important 
    }
    .footer-navigation,
    .footer-menu-container,
    #colophon .footer-html {
        justify-content: center;
        text-align: center;
        margin-right: 0;
    }
}
 @media only screen and (max-width: 768px) {
     .enews form {
         flex-wrap:wrap 
    }
     .enews input[type=text],.enews input[type=email],.enews input[type=submit] {
         flex: 1 1 100% 
    }
     .drawer-content .search-modal-content h5 {
         font-size: 28px!important 
    }
     .grid-cols {
         column-gap: 1.5rem!important;
         row-gap: 1.5rem!important;
         -moz-column-gap: 1.5rem!important;
         -webkit-column-gap: 1.5rem!important 
    }
     .archive .grid-cols, .two-column-mobile .grid-cols, .two-column-mobile.grid-cols, .wc-block-grid .wc-block-grid__products {
         grid-template-columns: repeat(2,minmax(0,1fr))!important;
         column-gap: 1rem!important;
         row-gap: 1rem!important;
         -moz-column-gap: 1rem!important;
         -webkit-column-gap: 1rem!important 
    }
     .site-bottom-footer-inner-wrap .footer-html {
         margin: 0 auto!important 
    }
}