/*
Theme Name:     Brioche
Theme URI:      http://17thavenuedesigns.com/shop/brioche-wordpress-theme
Template:       kadence
Author:         17th Avenue
Author URI:     https://17thavenuedesigns.com
Description:    Brioche is a food blogger's dream theme, designed by 17th Avenue and built for the Kadence Framework.
Version:        1.0.0
*/

/* Table of Contents

    - Global
        - Objects
        - Forms
        - Social Icons
        - Navigation
        - Search
    - Entries
        - Pagination
    - Sidebar
    - Instagram
    - Footer
    - Media Queries
        - Max-width: 1024px
        - Max-width: 768px

/* Load Custom Fonts
--------------------------------------------- */ 
@font-face {
    font-family: 'Brioche Serif';
    src: url('lib/type/brioche-serif.woff2') format('woff2');
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Brioche Script';
    src: url('lib/type/brioche-script.woff2') format('woff2');
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

/* Global
--------------------------------------------- */ 

html {
    scroll-padding-top: 120px !important;
}
:root {
    --global-gray-400: #eeeae8;
    --global-gray-500: #eeeae8;
}
select {
    border: 1px solid #eeeae8;
}
a, a:hover, a:focus, a:active {
    text-underline-position: under;
    cursor: pointer;
    text-underline-offset: 1px;
}
.widget select {
    width: 100%;
}
.justify-text {
    text-align: justify;
}
.grid-cols:not(.splide__list) {
    column-gap: 2rem !important;
    row-gap: 2rem !important;
}

/* Objects */
.post-thumbnail,
.linked-images img,
.kb-section-has-link {
    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,
.kb-section-has-link:hover {
    opacity: .75;
}
.wp-block-gallery {
    margin-bottom: 1.5em !important;
}

/* Forms */
input:not([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"] {
    color: var(--global-palette3);
    border: 1px solid #eeeae8;
    padding: 13px 15px !important;
    font-size: 16px;
    border-radius: 0;
}
textarea {
    font-size: 16px;
}
::-moz-placeholder {
    color: #4b4b4b;
    opacity: 1;
}
::-webkit-input-placeholder,
.widget_archive.widget select {
    color: #4b4b4b;
}
::selection {
    background-color: #ccc;
    color: #fff;
}
::-moz-selection {
    background-color: #ccc;
    color: #fff;
}
a.post-more-link .kadence-svg-iconset {
    display: none;
}
.thicker, h4 {
    -webkit-font-smoothing: subpixel-antialiased;
}
.thinner, h5 {
    -webkit-font-smoothing: antialiased;
}
.weight-500 {
    font-weight: 500;
}
.balance-text {
    text-wrap: balance;
}

/* Social Icons */
.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: 28px;
    height: 28px
}

.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)
}

.header-mobile-social-wrap .header-mobile-social-inner-wrap .social-button {
    padding: 18px !important;
}

/* Header & Navigation */
.site-header-main-section-right .main-navigation .primary-menu-container > ul li.menu-item:last-of-type > a {
    padding-right: 0;
}
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;
}
.sub-menu a {
    padding-left: 18px !important;
    padding-right: 18px !important;
}
.nav--toggle-sub ul ul .dropdown-nav-toggle .kadence-svg-iconset {
    vertical-align: top;
}
/* Shrink site title on scroll */
@media only screen and (min-width: 1024px) {
    .kadence-sticky-header .site-title {
        transition:transform .5s ease,font-size .5s ease;
        transform-origin: left center
    }

    .kadence-sticky-header.item-is-stuck .site-title {
        transform: scale(.8)
    }
}

/* Scallop effect on top row */
.site-top-header-wrap .site-header-row-container-inner {
    position: relative;
    margin-bottom: 15px;
}


/* Search */

#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: 0px 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;
}
.kb-search .kb-search-icon-submit {
    padding: 8px;
}
.kb-search .kb-search-icon {
    width: 18px !important;
    height: 18px !important;
}
.kb-search .kb-search-icon svg {
    transition: all .15s linear;
}

/* Entries
--------------------------------------------- */ 

.entry-meta>*:after {
    width: 0.16rem;
    height: 0.16rem;
}
.entry-meta a:hover {
    color: var(--global-palette-highlight-alt)
}
.entry {
    border-radius: 0 !important;
}
.entry-taxonomies {
    font-family: var(--global-primary-nav-font-family);
    padding-bottom: 5px;
    font-size: 12px;
    letter-spacing: .1em !important;
    -webkit-font-smoothing: subpixel-antialiased;
}
.wp-block-kadence-posts .entry-taxonomies {
    padding: 4px 0;
}
.entry-taxonomies a {
    font-weight: 500 !important;
}
a.post-more-link {
    background: var(--global-palette-btn-sec-bg);
    color: var(--global-palette-sec-btn) !important;
    padding: 16px 25px !important;
    font: 500 12px var(--global-primary-nav-font-family) !important;
    letter-spacing: .14em !important;
    margin: 10px auto 8px;
    border-radius: 100px;
    display: inline-block;
}
a.post-more-link:hover {
    background: var(--global-palette-btn-sec-bg-hover);
    color: var(--global-palette-btn-sec-hover) !important;
}
.wp-block-kadence-posts a.post-more-link .kadence-svg-iconset {
    display: none;
}

/* Pagination */

.pagination .nav-links {
    text-align: center;
}
.pagination .page-numbers {
    border-radius: 2px !important;
}
.pagination .page-numbers.current {
    border-color: var(--global-palette6) !important;
    background: var(--global-palette6);
    color: var(--global-palette3);
}
.pagination .page-numbers {
    font-family: var(--global-primary-nav-font-family);
    font-size: 13px;
    border: 1px solid #eeeae8 !important;
    border-radius: 10em !important;
    width: 48px;
    height: 48px;
    padding: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    line-height: 1;
    vertical-align: middle;
}
.pagination .page-numbers .kadence-svg-iconset.svg-baseline svg {
    width: 1.4em;
    height: 1.4em;
    display: block;
    top: .08em;
    left: .06em;
}
.pagination .prev.page-numbers .kadence-svg-iconset.svg-baseline svg {
    left: -.08em;
}
.pagination .page-numbers:not(.dots):hover {
    border-color: var(--global-palette6) !important;
    background: var(--global-palette6);
    color: var(--global-palette3);
}

/* Pages
----------------------------------------------- */

.brioche-slider {
   visibility: hidden;
}
.brioche-gingham {
    --gingham-color: var(--global-palette7);
    --gingham-size: 40px;
    --gingham-opacity: 50%;
    background-color: var(--global-palette8);
    background-image:
        repeating-linear-gradient(
            90deg,
            transparent 0 var(--gingham-size),
            color-mix(in srgb, var(--gingham-color) var(--gingham-opacity), transparent)
                var(--gingham-size) calc(var(--gingham-size) * 2)
        ),
        repeating-linear-gradient(
            0deg,
            transparent 0 var(--gingham-size),
            color-mix(in srgb, var(--gingham-color) var(--gingham-opacity), transparent)
                var(--gingham-size) calc(var(--gingham-size) * 2)
        );
    background-size: calc(var(--gingham-size) * 2)
        calc(var(--gingham-size) * 2);
}
@media only screen and (max-width: 1024px) {
    .brioche-gingham {
        --gingham-size: 32px;
    }
}
@media only screen and (max-width: 768px) {
    .brioche-gingham {
        --gingham-size: 28px;
    }
}

/* Diet Labels */
.item-image-style-above .recipekit-17thavenue-diet-labels {
    transform: translate(0, -50%);
    display: flex;
    justify-content: center;
    padding-bottom: 0;
}
.recipekit-17thavenue-diet-labels,
.item-image-style-beside .recipekit-17thavenue-diet-labels {
    padding-bottom: 12px;
}
.hero-container .recipekit-17thavenue-diet-labels {
    padding-bottom: 0;
}
.entry-hero .title-align-left .brioche-diet-labels {
    transform: none;
    display: flex;
    justify-content: left;
}
.kb-posts.kb-posts-style-unboxed .loop-entry .post-thumbnail {
    margin-bottom: 1.25em;
}
.kb-posts .entry:has(.recipekit-17thavenue-diet-labels) .post-thumbnail {
    margin-bottom: 0 !important;
}
.kb-posts-style-boxed .entry:has(.recipekit-17thavenue-diet-labels) .entry-content-wrap {
    padding-top: 0;
}

/* 404 Page */
.error404 .content-area .page-header {
    text-align: center;
    margin-bottom: 1em;
}
.error404 .content-area p {
    text-align: center;
    margin-bottom: 1.7em;
}
.error404 .search-form .kadence-search-icon-wrap {
    color: var(--global-palette-highlight-alt);
    transition: all .1s linear;
}
.error404 .content-area {
    margin-top: 6.5rem;
    margin-bottom: 6.5rem;
}

/* Sidebar
----------------------------------------------- */

.single-content .primary-sidebar ul,
.single-content .primary-sidebar ol {
    padding-left: 0;
}
.primary-sidebar .widget {
    margin-bottom: 3em;
}
.primary-sidebar.widget-area .widget-title {
    text-align: center;
    padding-bottom: 15px;
    font-size: 13px;
    font-weight: 500;
}

/* Categories */
.primary-sidebar .widget_nav_menu li a,
.primary-sidebar .widget_categories li a {
    background: #ffffff;
    color: var(--global-palette3);
    border: 1px solid #eeeae8;
    font-size: 92%;
    text-align: center;
    padding: 10px 15px;
    margin-bottom: 10px;
    display: block;
}
.primary-sidebar .widget_nav_menu li a:hover,
.primary-sidebar .widget_categories li a:hover {
    background: var(--global-palette7);
    border-color: var(--global-palette7);
    color: var(--global-palette3);
    text-decoration: none !important;
}

/* Instagram
--------------------------------------------- */

#sb_instagram {
    padding-bottom: 0 !important;
}
#sb_instagram #sbi_images {
    padding: 0;
}
.sb_instagram_header,#sbi_load {
    display: none
}

/* Footer
--------------------------------------------- */ 

.site-footer-row.site-footer-row-columns-1 {
    margin-left: -1.5em;
    margin-right: -1.5em;
}
.site-footer-row-layout-fullwidth .site-footer-row.site-footer-row-columns-5 {
    grid-template-columns: 1.5fr .8fr .8fr .8fr 1.5fr;
    padding-left: 3rem;
    padding-right: 3rem;
}
.site-footer-row-layout-fullwidth #sb_instagram #sbi_images {
    margin: -16px auto;
}
.site-footer-wrap .social-style-filled a {
    padding: 18px;
}
.footer-widget-area .widget-area .widget-title {
    margin-bottom: .85em;
}
.footer-widget-area .widget_nav_menu li {
    padding-bottom: 2px;
}

/* Mobile
--------------------------------------------- */ 

@media only screen and (max-width: 1024px) {
    .site-main-header-wrap .site-header-row-container-inner>.site-container {
        padding: 15px 24px 10px 24px;
    }
    .drawer-nav-drop-wrap .drawer-sub-toggle {
        font-size: 15px !important;
    }
    .sub-menu {
        padding: 0 0 0 1em !important;
    }
    .single-post.content-vertical-padding-bottom .content-area {
        padding-top: 1.5rem;
    }
    .site-footer-row-layout-fullwidth .site-footer-row.site-footer-row-columns-5 {
        padding-left: 0;
        padding-right: 0;
    }
    .site-footer-row-layout-fullwidth .site-footer-row.site-footer-row-columns-5 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .site-footer-row-columns-5 > :first-child,
    .site-footer-row-columns-5 > :last-child {
        grid-column: 1 / -1;
    }
}
@media only screen and (max-width: 768px) {
    .drawer-content .search-modal-content h5 {
        font-size: 34px !important
    }
    .grid-cols:not(.splide__list) {
        column-gap: 1.5rem !important;
        row-gap: 1.5rem !important;
    }
    .two-column-mobile.grid-cols,
    .two-column-mobile .grid-cols,
    .archive .grid-cols,
    .blog .grid-cols {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 1rem !important;
        row-gap: 1rem !important;
    }
    .kb-posts.two-column-mobile.grid-cols {
        column-gap: 1rem !important;
        row-gap: 1rem !important;
    }
    .archive .loop-entry .entry-header .entry-title,
    .blog .loop-entry .entry-header .entry-title {
        text-align: center;
        padding: 5px 5px 0;
    }
    .kb-posts .loop-entry .entry-taxonomies {
      margin-bottom: 5px !important;
      line-height: 1.35;
    }
    .post-navigation .nav-links {
        border-left: 0;
        border-right: 0;
        padding: 24px 0;
    }
    .entry-content-wrap {
        padding-top: 0;
    }
    .error404 .content-area {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }
    .site-bottom-footer-inner-wrap .footer-html {
        margin: 10px auto 0 !important;
    }
    #colophon .footer-navigation .footer-menu-container > ul > li > a {
        padding: 0 7px;
    }
    .site-footer-row-layout-fullwidth .site-footer-row.site-footer-row-columns-5 {
        grid-template-columns: 1fr;
        padding-left: 0;
        padding-right: 0;
        grid-gap: 2rem !important;
    }
}