.kb-search{display:flex}.kb-search form{display:flex;width:100%}.kb-search .kb-search-input[type=text]{width:100%}.kb-search .kb-buttons-wrap{flex-shrink:0}.kb-search .kb-search-input-wrapper{position:relative;display:inline-block;width:100%}.kb-search .kb-search-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--kb-search-modal-background, #090c10);z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.kb-search .kb-search-modal.active{opacity:1;visibility:visible}.kb-search .kb-search-input{width:100%;flex-grow:1;padding-right:10px;padding-left:10px;box-sizing:border-box}.kb-search .kb-search-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px}.kb-search .kb-search-icon svg{width:100%;height:100%;stroke:#888}.kb-search .kb-search-input-wrapper>span.kb-search-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px;height:20px;pointer-events:none}.kb-search .kb-search-icon-submit{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:none;background:rgba(0,0,0,0);cursor:pointer;line-height:0}.kb-search .kb-search-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;width:100%}.kb-search .kb-search-modal-content form{margin:0 auto;max-width:60%}.kb-search .kb-search-modal-input{padding:10px;font-size:18px;width:300px}.kb-search .kb-search-close-btn{position:absolute;top:20px;right:20px;font-size:24px;cursor:pointer;background:none;border:none;color:#333;box-shadow:none}.kb-search .kb-search-close-btn svg{width:1em;height:1em}@font-face {
font-family: 'Sophia Serif';
src: url(//www.chante-louise.com/wp-content/themes/sophia-theme/lib/type/sophia-serif-webfont.woff2) format('woff2');
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: 'Sophia Serif';
src: url(//www.chante-louise.com/wp-content/themes/sophia-theme/lib/type/sophia-serif-italic-webfont.woff2) format('woff2');
font-style: italic;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: 'Sophia Script';
src: url(//www.chante-louise.com/wp-content/themes/sophia-theme/lib/type/sophia-script.woff2) format('woff2');
font-style: normal;
font-weight: normal;
font-display: swap;
} :root {
--global-gray-400: #eeeae8;
--global-gray-500: #eeeae8
}
select {
border: 1px solid var(--global-gray-400);
}
a {
text-underline-offset: 4.5px !important;
cursor: pointer
}
h1, h2, h3, h4, h5, h6, .site-title {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.widget select {
width: 100%
}
.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
}
.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
}
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 var(--global-gray-400);
padding: 12px 15px!important;
font-size: 15px;
border-radius: 0;
-webkit-font-smoothing: subpixel-antialiased;
}
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;
-moz-osx-font-smoothing: auto
}
.thinner {
-webkit-font-smoothing: antialiased!important;
-moz-osx-font-smoothing: grayscale
}
.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
}
.site-header .sub-menu a {
padding-left: 16px!important;
padding-right: 16px!important
}
.site-header-item .drawer-toggle.menu-toggle-style-default .menu-toggle-icon:after {
content: "";
width: 22px;
height: 17px;
background-image: url("data:image/svg+xml,%3Csvg width='22' height='17' viewBox='0 0 22 11' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0' width='22' height='1' fill='%23111' /%3E%3Crect y='5' width='22' height='1' fill='%23111' /%3E%3Crect y='10' width='22' height='1' fill='%23111' /%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
display: inline-block
}
.site-header-item .drawer-toggle.menu-toggle-style-default svg {
display: none
}
.content-title-style-above .site-main-header-wrap:not(.item-is-fixed) .site-header-row-container-inner {
border-bottom: 0;
} .search-form .kadence-search-icon-wrap:not(#search-drawer .kadence-search-icon-wrap) {
color: var(--global-palette3)!important
}
#search-drawer .drawer-inner .drawer-content form input.search-field,
#search-drawer .drawer-inner .drawer-content form .kadence-search-icon-wrap {
border: 0;
background: #fff;
}
.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
}
.kb-search .kb-search-icon {
width: 15px!important;
height: 15px!important
}
.kb-search .kb-search-icon svg {
stroke-width: 2.5px
}
#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-toggle {
color: var(--global-palette3);
height: 100%!important;
border-radius: 0!important;
background: 0 0!important;
padding: 8px 0 0;
}
#offscreen-toggle:hover {
color: var(--global-palette2);
background: 0 0!important
}
#offscreen-toggle:hover svg rect,#sophia-close-offscreen-menu:hover svg {
fill: var(--global-palette2)
}
#sophia-close-offscreen-menu svg {
fill: var(--global-palette3)
}
#offscreen-toggle svg rect,#sophia-close-offscreen-menu svg {
-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
} #sophia-close-offscreen-menu {
cursor: pointer;
float: right;
padding-top: 1.5rem
}
#sophia-offscreen-widget-area {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity .5s ease;
background: rgba(0,0,0,.35)!important;
z-index: 9998;
pointer-events: none;
overflow: scroll
}
.sophia-offscreen-inner {
padding: 4rem 0
}
.sophia-offscreen-menu {
position: absolute;
top: 0;
right: 0;
width: 22%;
min-width: 420px;
height: 100vh;
background-color: #f9f7f6;
opacity: 0;
transition: opacity .5s ease;
display: table;
table-layout: fixed;
text-align: center;
padding: 0 2rem 0 2.5rem;
margin-left: auto;
pointer-events: none
}
#sophia-offscreen-widget-area .wp-block-kadence-navigation.navigation-desktop-orientation-vertical .kb-nav-dropdown-toggle-btn {
pointer-events: none;
}
#sophia-offscreen-widget-area.open,
#sophia-offscreen-widget-area.open .sophia-offscreen-menu,
#sophia-offscreen-widget-area.open .wp-block-kadence-navigation.navigation-desktop-orientation-vertical .kb-nav-dropdown-toggle-btn {
opacity: 1;
pointer-events: auto
}
.admin-bar .sophia-offscreen-menu {
top: 32px
}
.sophia-offscreen-menu .wp-block-kadence-navigation-link .kb-nav-sub-menu {
max-height: 0;
overflow: hidden;
opacity: 0;
transform: translateY(-6px);
transition: max-height 0.75s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.55s ease, transform 0.55s ease;
}
.sophia-offscreen-menu .wp-block-kadence-navigation-link.menu-item--toggled-on > .kb-nav-sub-menu {
max-height: 1000px;
opacity: 1;
transform: translateY(0);
}
.sophia-offscreen-menu .kb-nav-dropdown-toggle-btn svg {
transition: transform 0.55s ease;
} .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;
font-size: 12px;
letter-spacing: .16em;
font-weight: 500;
line-height: 1.2rem;
}
.wp-block-kadence-posts .entry-taxonomies {
padding: 5px 0;
font-size: 11px;
}
.entry-taxonomies a {
font-weight: 500 !important
}
a.post-more-link {
background: var(--global-palette-btn-bg);
color: var(--global-palette-btn)!important;
padding: 15px 24px!important;
font-family: var(--global-primary-nav-font-family);
font-size: 12px!important;
font-weight: 500!important;
letter-spacing: .18em!important;
margin: 10px auto 8px;
display: inline-block;
line-height: 1.5;
}
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-container {
margin: var(--global-lg-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: 12px;
font-family: var(--global-primary-nav-font-family);
font-weight: 500;
letter-spacing: .18em;
padding-right: 10px;
color: var(--global-palette-highlight-alt);
-webkit-font-smoothing: subpixel-antialiased;
}
.category.archive .cat-item {
text-transform: uppercase;
font-size: 12px;
font-family: var(--global-primary-nav-font-family);
font-weight: 500;
letter-spacing: .18em;
display: inline-block;
padding: 0 10px;
text-decoration: none;
}
.archive.category.content-title-style-above .filter-menu {
margin-top: -25px;
margin-bottom: -10px;
}
.category.archive .cat-item a {
text-decoration: none;
color: var(--global-palette3);
}
.category.archive .cat-item a:hover {
color: var(--global-palette-highlight-alt);
}
.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-palette7)!important;
background: var(--global-palette7);
color: var(--global-palette3)
}
.pagination .page-numbers {
font-family: var(--global-primary-nav-font-family);
font-weight: 500;
font-size: 11px;
border: 1px solid var(--global-palette7) !important;
border-radius: 0!important;
padding: 9px 16px!important
} .single-content .primary-sidebar ul,.single-content .primary-sidebar ol {
padding-left: 0
}
.primary-sidebar.widget-area .widget-title {
text-align: center;
padding-bottom: 15px;
}
.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)
} .wp-block-social-links .wp-social-link,
.wp-block-social-links .wp-social-link svg {
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
}
.wp-block-social-link a.wp-block-social-link-anchor {
display: flex;
align-items: center;
justify-content: center;
height: 100%
}
.wp-block-social-link {
width: 32px;
height: 32px
}
.wp-block-social-links {
gap: 0;
}
.wp-block-social-links .wp-social-link.wp-social-link-tiktok svg {
width: 14px;
height: 14px
}
.wp-block-social-links .wp-block-social-link.wp-social-link:hover svg {
color: var(--global-palette-highlight-alt);
} .primary-sidebar .widget_nav_menu li a,.primary-sidebar .widget_categories li a {
font-size: 12px;
text-align: center;
padding: 13px 12px;
margin-bottom: 10px;
letter-spacing: .165em;
text-transform: uppercase;
display: block;
font-family: var(--global-primary-nav-font-family);
font-weight: 500;
background: var(--global-palette8);
color: var(--global-palette3);
}
.primary-sidebar .widget_nav_menu li a:hover,.primary-sidebar .widget_categories li a:hover {
background: var(--global-palette7);
color: var(--global-palette3);
text-decoration: none!important
}  .enews input {
border: 1px solid var(--global-gray-400);
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 var(--global-gray-400);
border-radius: 0;
padding: 13px 15px 12px;
}
.enews input[type=submit] {
flex: 0 0 120px;
white-space: nowrap;
border: 0;
padding: 17px 28px 16px;
cursor: pointer
} .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 .enews .widget-title {
font-family: "Sophia Script";
text-transform: none;
letter-spacing: 0;
font-size: 48px;
margin-bottom: 2px;
margin-top: -5px;
} #sb_instagram {
padding-bottom: 0!important
}
#sb_instagram #sbi_images {
padding: 0!important
}
.sb_instagram_header,#sbi_load {
display: none
} .footer-widget-area-inner .widget_nav_menu {
width: 47%;
float: left;
margin-bottom: 0
}
.site-middle-footer-inner-wrap .widget-area .widget-title {
margin-bottom: 8px;
margin-top: -5px;
}
@media only screen and (min-width: 1025px) {
.site-footer .site-container {
padding-left: 4rem;
padding-right: 4rem;
}
} @media only screen and (max-width: 1024px) {
.sophia-offscreen-widget-area, .sophia-offscreen-inner {
display :none
}
.search-toggle-open-container .search-toggle-open {
background: 0 0 !important;
padding: 15px 0;
}
.archive .grid-cols, .blog .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: -.5em;
}
.drawer-nav-drop-wrap .drawer-sub-toggle {
font-size: 14px !important;
}
.wp-block-social-links:where(.is-layout-flex) {
gap: .2em !important;
}
}
@media only screen and (max-width: 768px) {
.loop-entry .entry-taxonomies {
padding-top: 3px;
margin-bottom: 4px;
}
.archive .loop-entry .entry-header .entry-title, .blog .loop-entry .entry-header .entry-title {
padding: 5px 5px 0;
}
.two-column-mobile .grid-cols, .two-column-mobile.grid-cols {
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;
}
.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: 38px !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;
}
.footer-social-wrap .footer-social-inner-wrap {
padding-bottom: 12px;
}
.footer-navigation,.footer-menu-container,#colophon .footer-html,.footer-social-wrap .footer-social-inner-wrap {
justify-content: center !important;
text-align: center;
margin-right: 0
}
}