/*
 Theme Name:   Smith Street Books
 Description:  Smith Street Books Theme
 Author:       Noice
 Author URI:   http://noice.work
 Template:     twentytwentyone
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  smithstreetbooks
*/

/* Fonts */

@font-face {
    font-family: 'Superior Title';
    src: url('https://www.smithstreetbooks.com/wp-content/themes/smithstreetbooks/assets/fonts/SuperiorTitle-LightItalic.eot');
    src: url('https://www.smithstreetbooks.com/wp-content/themes/smithstreetbooks/assets/fonts/SuperiorTitle-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('https://www.smithstreetbooks.com/wp-content/themes/smithstreetbooks/assets/fonts/SuperiorTitle-LightItalic.woff') format('woff'),
        url('https://www.smithstreetbooks.com/wp-content/themes/smithstreetbooks/assets/fonts/SuperiorTitle-LightItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Superior Title';
    src: url('https://www.smithstreetbooks.com/wp-content/themes/smithstreetbooks/assets/fonts/SuperiorTitle-Medium.eot');
    src: url('https://www.smithstreetbooks.com/wp-content/themes/smithstreetbooks/assets/fonts/SuperiorTitle-Medium.eot?#iefix') format('embedded-opentype'),
        url('https://www.smithstreetbooks.com/wp-content/themes/smithstreetbooks/assets/fonts/SuperiorTitle-Medium.woff') format('woff'),
        url('https://www.smithstreetbooks.com/wp-content/themes/smithstreetbooks/assets/fonts/SuperiorTitle-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Superior Title';
    src: url('https://www.smithstreetbooks.com/wp-content/themes/smithstreetbooks/assets/fonts/SuperiorTitle-RegularItalic.eot');
    src: url('https://www.smithstreetbooks.com/wp-content/themes/smithstreetbooks/assets/fonts/SuperiorTitle-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('https://www.smithstreetbooks.com/wp-content/themes/smithstreetbooks/assets/fonts/SuperiorTitle-RegularItalic.woff') format('woff'),
        url('https://www.smithstreetbooks.com/wp-content/themes/smithstreetbooks/assets/fonts/SuperiorTitle-RegularItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Superior Title';
    src: url('https://www.smithstreetbooks.com/wp-content/themes/smithstreetbooks/assets/fonts/SuperiorTitle-Regular.eot');
    src: url('https://www.smithstreetbooks.com/wp-content/themes/smithstreetbooks/assets/fonts/SuperiorTitle-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://www.smithstreetbooks.com/wp-content/themes/smithstreetbooks/assets/fonts/SuperiorTitle-Regular.woff') format('woff'),
        url('https://www.smithstreetbooks.com/wp-content/themes/smithstreetbooks/assets/fonts/SuperiorTitle-Regular.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Superior Title';
    src: url('https://www.smithstreetbooks.com/wp-content/themes/smithstreetbooks/assets/fonts/SuperiorTitle-Light.eot');
    src: url('https://www.smithstreetbooks.com/wp-content/themes/smithstreetbooks/assets/fonts/SuperiorTitle-Light.eot?#iefix') format('embedded-opentype'),
        url('https://www.smithstreetbooks.com/wp-content/themes/smithstreetbooks/assets/fonts/SuperiorTitle-Light.woff') format('woff'),
        url('https://www.smithstreetbooks.com/wp-content/themes/smithstreetbooks/assets/fonts/SuperiorTitle-Light.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Superior Title';
    src: url('https://www.smithstreetbooks.com/wp-content/themes/smithstreetbooks/assets/fonts/SuperiorTitle-MediumItalic.eot');
    src: url('https://www.smithstreetbooks.com/wp-content/themes/smithstreetbooks/assets/fonts/SuperiorTitle-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('https://www.smithstreetbooks.com/wp-content/themes/smithstreetbooks/assets/fonts/SuperiorTitle-MediumItalic.woff') format('woff'),
        url('https://www.smithstreetbooks.com/wp-content/themes/smithstreetbooks/assets/fonts/SuperiorTitle-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Superior Title';
    src: url('https://www.smithstreetbooks.com/wp-content/themes/smithstreetbooks/assets/fonts/SuperiorTitle-Bold.eot');
    src: url('https://www.smithstreetbooks.com/wp-content/themes/smithstreetbooks/assets/fonts/SuperiorTitle-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://www.smithstreetbooks.com/wp-content/themes/smithstreetbooks/assets/fonts/SuperiorTitle-Bold.woff') format('woff'),
        url('https://www.smithstreetbooks.com/wp-content/themes/smithstreetbooks/assets/fonts/SuperiorTitle-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/* Text styles */

h1,
h2,
h3 {
    font-family: 'Superior Title', sans-serif !important;
    font-weight: 500 !important;
}

/* Home page styles */

.full-width-panel .wp-block-group__inner-container {
    max-width: var(--responsive--alignwide-width);
    margin-left: auto;
    margin-right: auto;
    padding-top: 3em;
}

.home .wc-block-grid {
    padding: var(--global--spacing-unit);
}

.home .wp-block-buttons.alignright {
    padding-right: var(--global--spacing-unit);
}

.wc-block-grid.has-5-columns .wc-block-grid__product {
    flex: 1 0 19%;
    max-width: 19%;
}

.home .book-category {
    font-size: 1em;
}

.home .book-author {
    font-size: 1.2em;
}

@media (max-width: 768px) and (min-width: 601px) {
    .wc-block-grid.has-5-columns .wc-block-grid__product {
        flex: 1 0 32%;
        max-width: 32%;
    }
}

@media (max-width: 600px) and (min-width: 481px) {
    .wc-block-grid.has-5-columns .wc-block-grid__product {
        flex: 1 0 48%;
        max-width: 48%;
        margin: 0 2% 10px 0;
        padding: 0 !important;
    }
}

@media (max-width: 480px) {
    .wc-block-grid.has-5-columns .wc-block-grid__product {
        flex: 1 0 100%;
        max-width: 100%;
    }

}

/* SSB Slider styles */

.home main#main {
    position: relative;
    margin-top: -198px;
    padding-top: 0;
    padding-bottom: 0;
}

.home header {
    position: relative;
    z-index: 9999;
}

.ssb-slider {
    height: 100vh;
}

.ssb-slide h1 {
    color: #fff;
    font-weight: 700 !important;
    font-size: 4.4em;
    text-shadow: -1px 2px rgba(0, 0, 0, 0.2);
    text-align: center;
    margin-top: .4em;
}

.ssb-slide .tagline {
    color: #fff;
    text-align: center;
    font-size: 1.4em;
    margin: .5em 0 1.2em 0;
    text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.2);
}

.slick-slide {
    height: 100%;
}

.slick-list {
    height: 100%;
}

.slick-slide div {
    height: 100%;
}

.slick-track {
    height: 100%;
}

.ssb-slider.slick-initialized.slick-slider {
    margin-top: 0;
    margin-bottom: 0;
}

.home article {
    margin-top: 0;
}

.slide-overlay {
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0) 33%);
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-direction: column;

}

.tagline:before, .tagline:after {
    content: '';
    height: 1px;
    background: rgba(255,255,255,.5);
    width: 120px;
    display: inline-block;
    vertical-align: middle;
}

.tagline:before {
    margin-right: 30px
}

.tagline:after {
    margin-left: 30px
}

.slick-prev {
    left: 25px !important;
    z-index: 9;
}

.slick-next {
    right: 25px !important;
}

.slick-prev, .slick-next {
    width: 48px !important;
    height: 48px !important;
}

.slick-prev:before, .slick-next:before {
    font-size: 32px !important;
}

@media only screen and (min-width: 822px) {
    .tagline:before, .tagline:after {
        width: 240px;
    }
}

/* Product grid styles */

.wc-block-grid__product,
li.product {
    display: flex;
    align-items: stretch !important;
    background-color: #ffffff;
    margin: 0 1% 10px 0;
    border: 1px solid #efefef;
    border-radius: 4px;
    flex-direction: inherit !important;
}

.wc-block-grid__product-link,
li.product a {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    text-decoration: none;
    text-align: left;
}

.wc-block-grid h3.woocommerce-loop-product__title {
font-size: 2em;
padding:0 !important;
}

.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    height: 100% !important;
    border-radius: 3px 3px 0 0;
}

ul.products li.product .woocommerce-loop-product__title,
.book-category,
.book-author, .wc-block-grid h3.woocommerce-loop-product__title {
    margin: .0 .5rem .5rem .5rem;
}

.product-spacer {
    flex-grow: 4;
}

.book-category {
    font-weight: 300;
    font-size: .6em;
    text-transform: uppercase;
    margin-top: 1em;
    margin-bottom: 0;
}

.book-author {
    font-weight: 300;
    font-size: .8em;
    margin-top: 0;
}

/* Header styles */

img.custom-logo {
    filter: invert(1);
}

.home img.custom-logo {
    filter: unset;
}

a.custom-logo-link {
    display: inline-block;
    height: auto;
}

a.custom-logo-link:focus     {
    background-color: #fff !important;
        filter:invert(1) !important;
}

.search-icon-path {
    fill: #000 !important;
}

.site-header {
    padding: calc(1.4 * var(--global--spacing-vertical)) 0 !important;
}

@media only screen and (min-width: 482px) {
    .site-logo .custom-logo {
        max-width: 120px !important;
        max-height: 80px !important;
        height: auto !important;
        width: auto !important;
    }

    .home .primary-navigation a:link,
    .home .primary-navigation a:visited {
        color: #fff !important;
    }

    .home .primary-navigation .sub-menu .menu-item>a {
        color: #000 !important;
    }

    .home .icon-plus,
    .home .icon-minus {
        color: #fff;
    }

    .home .search-icon-path {
        fill: #fff !important;
    }

    .home .primary-navigation>div>.menu-wrapper>li>.sub-menu {
        background: #fff;
    }

    .primary-navigation > div > .menu-wrapper > li > .sub-menu {
        width: 100%;
    }
}

input#is-search-input-0 {
    border: 2px solid #000 !important;
    padding: 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: .9em!important;
}

button.is-search-submit {
    height: 44px !important;
    width: 44px !important;
}

.is-search-icon {
    background-color: #000;
    border: none;
    height: 44px;
    width: 44px;
    padding-top: 12px!important;
}

.is-form-style.is-form-style-3 label {
    width: calc(100% - 44px)!important;
}

.is-form-style .is-search-submit path {
    fill: #fff;
}

.is-menu.is-dropdown .search-close {
    top: calc(100% + 12px);
}

@media only screen and (max-width: 910px) {
.search-close {
    right: 58px;
}
}

@media screen and (max-width: 910px) {
    .is-menu form {
        left: 0 !important;
    }
}

.home .search-close:after, .home .search-close:before {
    border-color: #fff;
}

.a2a_kit {
    display: none;
}

.single-product .a2a_kit {
    display: block;
}

/* Footer styles */

.site-footer>.site-info .site-name p {
    text-transform: none;
    color: #fff;
    font-size: .6em;
}

.site-footer {
    background: #242632;
    max-width: 100% !important;
    padding-bottom: calc(1.2 * var(--global--spacing-vertical)) !important;
}

.site-footer>.site-info {
    max-width: var(--responsive--alignwide-width);
    margin-left: auto;
    margin-right: auto;
    border-top: 0 !important;
}

.no-widgets .site-footer {
    margin-top: 0 !important;
}

.socials {
    float: left;
}

.social-tile {
    display: inline;
    background-color: white;
    padding: .5em;
    border-radius: 50%;
    margin-left: .25em;
}

.social-tile:hover {
    filter: invert();
}

.site-footer > .site-info {
    justify-content: space-between;
}

.site-footer .dashicons {
    vertical-align: text-top;
}

.social-tile a {
    text-decoration: none;
}

/* Product styles */

.singular .product_title.entry-title {
    font-size: 3em;
    margin-bottom: 0;
}

.book-subtitle {
    font-size: 1.3em;
    font-style: italic;
    margin-bottom: .8em;
    margin-top: .2em;
    line-height: 1.4;
}

.summary-book-author {
    font-weight: 300;
    margin-bottom: 1.4em;
}

p.price {
    font-family: 'Superior Title';
    font-size: 1.4em;
}

.dropbtn {
    color: #000 !important;
    background-color: #fff !important;
    border: solid 3px #000 !important;
    font-size: .8em !important;
    padding: 10px 20px !important;
    border-radius: 50px !important;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    -webkit-border-radius: 50px !important;
    cursor: pointer;
}

.dropbtn:hover,
.dropbtn:active {
    color: #fff !important;
    background-color: #000 !important;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
}

#amazon-button {
    margin-right: .6em;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    margin: auto;
    min-width: 160px;
    overflow: auto;
    z-index: 1;
}

.dropdown-content a {
    width: 100%;
    background-color: #000;
    color: #fff;
    border: 3px solid #000;
    font-size: .8em !important;
    margin-top: 5px;
    text-align: center;
    transition: all .2s;
    border-radius: 50px !important;
    -webkit-border-radius: 50px !important;
    padding: 10px 20px !important;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.dropdown a:hover {
    background-color: #fff;
    color: #000;
}

.show {
    display: block;
}

.down-arrow {
    display: inline-block;
    margin-left: .5em;
}

.single-product .summary .woocommerce-product-details__short-description {
    margin-top: 2rem;
}

@media only screen and (min-width: 768px) {
    .woocommerce-product-gallery {
        margin-bottom: 4rem;
    }
}

.woocommerce-tabs .panel h2:first-of-type {
    font-size: 1.6em;
    margin: .5em 0 2rem !important;
}

.pub-dates a {
    border-left: 1px solid #000;
    padding: 0 8px;
}

.pub-dates a:first-child {
    border-left: none;
    padding-left: 0;
}

.pub-dates a:last-child {
    padding-right: 0;
}

.wc-tab dl,
.woocommerce-Tabs-panel--author p {
    max-width: var(--responsive--alignwide-width) !important;
}

.wc-tab dt {
    float: left;
    clear: left;
    width: 25%;
    padding: .5em 0;
}

.wc-tab dd {
    border-bottom: solid 1px #efefef;
    padding: .5em 0;
}

.related.products h2:first-child {
    font-size: 2em;
}

/* Mobile styles */

@media only screen and (max-width: 847px) {
    .site-logo .custom-logo, img.custom-logo {
        width: 80px !important;
        height: auto !important;
    }

    .ssb-slide h1 {
        font-size: 3.4em;
    }
    
    .ssb-slide .tagline {
        font-size: 1.2em;
    }
}