.header {
}

.head-list {
    padding-right: 24px;
}

nav .active {
    font-weight: 400 !important;
    color: var(--bs-secondary);
}

.content_wrapper {
    display: grid;
    grid-template-columns: 70% 30%;
    grid-template-rows: auto;
    gap: 2rem;
}

@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap');

.header .active {
    color: var(--bs-secondary) !important;
    font-weight: 500 !important;
}

.header ul li a.nav-link:hover {
    color: var(--bs-primary);
}

.header ul .dropdown-item:hover {
    color: var(--bs-primary);
}

footer.footer-embed {
    grid-area: news;
}

footer #mc_embed_signup_scroll.asterisk {
    grid-area: asterisk;
}

footer #mc_embed_signup_scroll.first {
    grid-area: first;
}

footer #mc_embed_signup_scroll.last {
    grid-area: last;
}

footer #mc_embed_signup_scroll.email {
    grid-area: email;
}

body #mc_embed_signup_scroll.nothing {
    grid-area: nothing;
}

footer #mc_embed_signup_scroll.off-screen {
    position: absolute;
    left: -5000px;
}

footer #mc_embed_signup_scroll.footer-button {
    grid-area: button;
}

footer.foot-social {
    grid-area: 2 / 1 / 3 / 3;
}

footer.footer-img {
    grid-area: footer_img;
}

footer.footer-title {
    grid-area: 1 / 1 / 2 / 6;
}

footer.copywrite {
    grid-area: 4 / 1 / 5 / 6;
}

footer .footer-spacing {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto auto;
    grid-template-areas: 'title' 'img' 'social' 'news' 'copy';
}

@media (min-width:724px) {
    footer .footer-spacing {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto auto auto;
        grid-template-areas: 'title title' 'social social' 'img news' 'copy copy';
        column-gap: 30px;
        display: grid;
    }
}

@media (min-width:992px) {
    footer .footer-spacing {
        grid-template-columns: 1fr 1fr 2fr 1fr 1fr;
        grid-template-rows: 25px auto auto auto;
        grid-template-areas: '. . . . .' 'title title title title title' 'social social img news news' 'copy copy copy copy copy';
        display: grid;
    }
}

footer.footer-grid {
    grid-area: news !important;
}

footer div.footer-subscribe {
    grid-area: news;
}

footer div.foot-social {
    grid-area: social;
}

footer .footer-img {
    grid-area: img;
}

@media (min-width:724px) {
    footer .footer-title {
        grid-area: title;
    }
}

footer .copywrite {
    grid-area: copy;
}

footer form .footer-subscribe-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-areas: 'subscribe' 'asterisk' 'first' 'last' 'email' 'button';
}

@media (min-width:992px) {
    footer form .footer-subscribe-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto auto;
        grid-template-areas: 'subscribe subscribe' 'asterisk asterisk' 'email button';
    }
}

.footer-subscribe-grid .subscribe-h2 {
    grid-area: subscribe;
}

.footer-subscribe-grid.warning {
    grid-area: asterisk;
}

.footer-subscribe-grid .first {
    grid-area: first;
}

.footer-subscribe-grid .last {
    grid-area: last;
}

.footer-subscribe-grid .footer-button {
    grid-area: button;
}

body h2.archive-header {
    grid-area: Header;
}

@media (min-width:768px) {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto auto;
    grid-template-areas: 'Img' 'Details';
    gap: 10px;

    body div.post-title-card {
        display: grid;
        grid-template-columns: 30% 70%;
        grid-template-rows: auto;
        gap: 10px;
    }
}

body div.post-title-card {
    display: grid;
    grid-template-columns: 30% 70%;
    grid-template-rows: auto;
    gap: 10px;
}

body .post-title-card img.featured-img {
    max-width: 120px;
}

body .post-title-card h1 {
    font-size: 24px !important;
}

body .post-title-card.post-details-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    gap: 10px;
}

body .post-title-card .post-details-grid.profile-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 10px;
}

body .post-title-card .post-details-grid .profile-grid img {
    width: 50px;
    height: 50px;
}

body .post-details-grid ul {
    flex-direction: row;
    grid-auto-columns: auto;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    grid-template-rows: auto;
    gap: 0px;
    grid-auto-rows: auto;
}

.sidebar.featured-post-block {
    border-bottom: 1px solid #000000 !important;
    border-top: 1px solid #000000 !important;
}

body .sidebar .featured-post-block .sidebar_articles {
    display: grid;
    grid-template-columns: 70% 30%;
    grid-template-rows: auto;
    gap: 5px;
}

body .sidebar .sidebar_articles img {
    max-width: 100%;
}

body .content_wrapper .blog-cats {
    grid-area: Sidebar;
    text-align: center;
}

body .content_wrapper .sidebar .blog-cats {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    grid-template-rows: auto;
    grid-auto-columns: auto;
}

body .content_wrapper .sidebar_articles {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    gap: 5px;
    grid-template-areas: 'img' 'excerpt';
    grid-area: 1 / 2 / 3 / 3;
}

body .content_wrapper .sidebar .featured-posts {
    border-bottom: 1px solid #000000 !important;
    border-top: 1px solid #000000 !important;
}

body .post_content {
    grid-area: Content;
}

@media (min-width:768px) {
    body .content_wrapper .title-header {
        grid-area: Header;
        width: 100%;
    }
}

body .content_wrapper .title-header {
    grid-area: Header;
    width: 100%;
}

@media (min-width:768px) {
    body .content_wrapper .header-grid {
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto auto;
        gap: 10px;
    }
}

body .content_wrapper .header-grid {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto auto;
    gap: 10px;
    grid-template-areas: 'Title' 'IMG';
}

@media (min-width:640px) {
    body .content_wrapper .header-grid {
        display: grid;
        grid-template-columns: 80% auto;
        grid-template-rows: auto;
        gap: 10px;
        grid-template-areas: 'Title IMG';
    }
}

@media (min-width:768px) {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: 'Title' '.';

    body .header-title {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 100px;
        grid-area: 1 / 1 / 2 / 3;
    }
}

body .header-title {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    grid-area: Title;
}

@media (max-width:767px) {
    body .header-grid .img-size {
        max-width: 270px;
        max-height: 270px;
        object-fit: contain;
    }
}

body .content_wrapper .sidebar {
    grid-area: Sidebar;
}

@media (min-width: 768px) {
}

body .content_wrapper .featured-h4 {
    grid-area: featured-posts;
}

body .content_wrapper .blog-cata {
    grid-area: blog-cata;
}

body .content_wrapper .sidebar-content {
    grid-area: Sidebar;
}

body .sidebar_articles .sidebar-text {
    grid-area: excerpt;
}

body .sidebar_articles .sidebar-img {
    grid-area: img;
}

body .recent-cards .card-img {
    background-image: url('https://images.unsplash.com/photo-1669177154752-956fa722ca69?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwyMDkyMnwwfDF8cmFuZG9tfHx8fHx8fHx8MTY3MTQ5NjY2MA&ixlib=rb-4.0.3&q=80&w=1080');
    height: 200px;
}

@media (min-width:841px) {
}

body .blog-page {
    margin-top: 120px;
}

body .blog-page .top-default {
    background-image: url('https://images.unsplash.com/photo-1443916568596-df5a58c445e9?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjIwOTIyfQ');
}

body .top-default div {
    height: 170px;
}

body .blog-page .blog-divider {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto auto auto;
    grid-template-areas: '. . . .' '. head head button' '. . . .';
}

body .blog-page .blog-divider h2 {
    grid-area: head;
}

body .blog-page .blog-divider .dropdown {
    grid-area: button;
}

body .blog-page .blog-divider .dropdown-items {
    display: grid;
    grid-template-columns: 4fr 1fr;
    grid-template-rows: auto;
}

body .blog-page .post-display-area {
    background-color: white;
}

body .blog-page .post-display-area .post-display-grid {
    display: grid;
    grid-template-columns: 270px 270px 270px;
    grid-template-rows: auto auto auto;
    grid-auto-columns: auto;
    grid-auto-rows: auto;
    column-gap: 40px;
    row-gap: 25px;
    grid-template-areas: 'posts posts posts' 'posts posts posts' 'pagination pagination pagination';
}

body .post-display-grid .post-cards {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: 'img' 'Content';
    grid-area: posts;
}

body .post-display-grid .post-cards .post-img {
    grid-area: img;
    width: 100%;
    height: 100%;
    max-width: 100%;
    min-width: 270px;
    max-height: 100%;
    min-height: 270px;
    background-image: url('https://images.unsplash.com/photo-1668961029030-787f7950864c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwyMDkyMnwwfDF8cmFuZG9tfHx8fHx8fHx8MTY3MTY0MjkwNg&ixlib=rb-4.0.3&q=80&w=1080');
}

body .post-display-grid .post-pagination {
    grid-area: pagination;
}

body .featured-posts .featured-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    grid-template-rows: auto;
    column-gap: 40px;
    row-gap: 25px;
}

body .featured-grid .card-featured {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: 'img' 'Content';
}

body .featured-grid .card-img {
    background-image: url('https://images.unsplash.com/photo-1668961029030-787f7950864c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwyMDkyMnwwfDF8cmFuZG9tfHx8fHx8fHx8MTY3MTY0MjkwNg&ixlib=rb-4.0.3&q=80&w=1080');
    width: 100%;
    height: 100%;
    min-width: 270px;
    min-height: 270px;
    max-width: 100%;
    max-height: 100%;
}

body .featured-grid .card-featured .categories {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-auto-columns: 1fr;
}

.post-grid {
    display: grid;
    grid-template-columns: 1fr 14fr 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: 'head head head' '. content .';
}

body .post-grid .post-page-top {
    grid-area: head;
}

.post-grid .post-page-top .post-teaser {
    display: grid;
    grid-template-columns: [background-start] 1fr 2fr 1fr 1fr 1fr [background-end];
    grid-template-rows: [background-start] minmax(100px, 15vh) minmax(100px, auto) auto [background-end] auto;
    grid-template-areas: '. . . . .' '. title title . .' '. catagories catagories . .' '. author author . .';
    gap: 0px;
}

.post-teaser .post-background-banner {
    grid-area: background;
}

.post-teaser .post-background-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
    opacity: .8;
}

.post-grid .post-page-top .post-details {
    grid-area: title;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: 'Title' 'catagories';
    background-color: rgba(169, 174, 180, 0.95) !important;
}

.post-details .post-title {
    grid-area: Title;
}

.post-details div {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    grid-template-rows: auto;
    gap: 20px;
    grid-area: catagories;
}

.author-smartname {
    grid-area: author;
    display: grid;
    grid-template-columns: 2fr 5fr 7fr 2fr;
    grid-template-rows: 100px;
    grid-template-areas: '. author name .';
    background-color: rgba(169, 174, 180, 0.95) !important;
}

.author-smartname .grid-author {
    grid-area: author;
}

.author-smartname .post-author-name {
    grid-area: name;
}

.post-grid .post-content {
    grid-area: 2 / 2 / 3 / 3;
    padding-left: 30px;
    padding-right: 30px;
}

.welcome-infocards {
    display: grid;
    grid-template-columns: auto 230px auto;
    grid-template-rows: auto auto auto;
    grid-template-areas: '. card1 .' '. card2 .' '. card3 .';
    gap: 40px;
}

@media (min-width:576px) {
    .welcome-infocards {
        display: grid;
        grid-template-columns: 1fr 115px 115px 115px 115px 1fr;
        grid-template-rows: auto auto;
        grid-template-areas: '. card1 card1 card2 card2 .' '. . card3 card3 . .';
        gap: 20px;
    }
}

@media (min-width:848px) {
    .welcome-infocards {
        display: grid;
        grid-template-columns: auto 230px 230px 230px auto;
        grid-template-rows: auto;
        grid-template-areas: '. card1 card2 card3 .';
        gap: 40px;
    }
}

.podcast-welcome-grid {
    grid-area: widget;
}

.podcast-welcome-grid img {
    max-width: 100%;
}

.podcast-welcome-graphic {
    grid-area: graphic;
}

.podcast-welcome-text {
    grid-area: paragraph;
}

.podcastsection-welcome-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    grid-template-areas: 'widget' 'paragraph' 'graphic';
    gap: 11px;
}

@media (min-width:992px) {
}

body .contact-block .contact-pic {
    max-width: 100%;
}

@media (min-width:796px) {
    .product-hero {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr [image-start] 1fr 1fr 1fr [image end];
        grid-template-rows: 100px [image-start] minmax(100px, auto) auto auto minmax(100px, auto);
        grid-template-areas: '. . . . . .' '. . . . . .' '. card card card . .' '. card card card . .' '. . . . . .';
        background-color: var(--bs-light);
    }

    .product-hero-card {
        grid-area: card;
        background-color: rgba(255, 255, 255, 0.63);
    }
}

@media only screen and (max-width:795px) {
    .product-hero {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 30px 1fr auto;
        grid-template-areas: '. . .' 'image image image' 'card card card';
        background-color: var(--bs-light);
    }
}

.store-loop {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(275px, 1fr));
    grid-template-rows: auto;
    column-gap: 40px;
    row-gap: 25px;
}

@media (min-width:925px) {
    .store-loop {
        display: grid;
        grid-template-columns: repeat(3, minmax(275px, 1fr));
        grid-template-rows: auto;
        column-gap: 40px;
        row-gap: 25px;
    }
}

.product-loop {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    grid-template-rows: auto;
    column-gap: 40px;
    row-gap: 25px;
}

@media (min-width:1004px) {
    .product-loop {
        display: grid;
        grid-template-columns: repeat(4, minmax(228px, 1fr));
        grid-template-rows: repeat(auto-fill, minmax(100px, 1fr));
        gap: 85px;
    }
}

.quote-block .fw-semibold {
    font-family: 'PT Serif', serif !important;
}

.audio-player:hover {
    opacity: 100% !important;
}

.interview-block .text-decoration-underline {
    font-family: 'PT Serif', serif;
}

.interview-block .text-decoration-underline:hover {
    opacity: 0.7;
}

.book-review-block button:hover {
    color: var(--bs-gray-900);
    background-color: rgba(123, 121, 121, 0.27);
}

.book-review-block .btn.btn-primary:hover {
    color: var(--bs-gray-700);
    background-color: var(--bs-secondary);
}

nav .nav-item .active {
    font-weight: 600;
}

nav .nav-link:hover {
    color: var(--bs-secondary) !important;
}

.book-list-dropdown .dropdown-item {
    font-style: normal !important;
    text-decoration: none !important;
    font-family: 'Barlow', sans-serif !important;
}

.book-list-dropdown li {
    text-decoration: none;
    font-style: normal;
}

.book-list-hover:hover {
    background: var(--bs-secondary);
}

.float-box {
    position: relative;
}

@media (max-width:770px) {
    .shop-block-img {
        height: 50vh !important;
    }
}

.comments-section {
    padding: 20px;
}

.comments-section.submit {
    background-color: primary;
}

.post-title:hover {
    color: var(--bs-gray-600) !important;
}

.blog-post-square img.image-fit.image-fit-center-center.img-fluid.post-img {
    aspect-ratio: 1/1 !important;
    object-fit: cover !important;
}

.product {
    aspect-ratio: 1/1;
    background-size: cover !important;
    background-position: center center;
}

.product:hover {
    opacity: 0.8;
}

.accordion-item .accordion-header .accordion-button {
    background-color: var(--bs-primary);
    color: var(--bs-gray-300);
}

.accordion-item .accordion-header .accordion-button.collapsed {
    color: var(--bs-dark);
    background-color: var(--bs-secondary);
}