/*!
Theme Name: Beyond Wonderland
Theme URI: https://virtualwindow.com
Author: Virtual Window
Author URI: https://virtualwindow.com
Description: A beautifully-simple yet powerful WordPress theme that integrates perfectly with the block editor and plugin. Start amazing websites with blocks today! Install the plugin to add even more page such as testimonials, sharing icons, notices, call to actions, buttons and more.
Tags: one-column, featured-images, theme-options, custom-background, custom-colors, custom-logo, custom-menu, editor-style, translation-ready, footer-widgets, full-width-template, blog, sticky-post, threaded-comments, wide-blocks
Version: 1.0.1
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: components-default-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Components Default Theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/* Blog page */
.block-space{
    padding-top: 75px;
    padding-bottom: 75px;
}
.gradient-banner{
    background: linear-gradient(313.79deg, #AFBCEE -15.11%, #ECEAE5 64.18%);
}
.filter-btn, .single-post-page .taxonomy-post_tag a{
    border: 2px solid rgba(186, 116, 66, 0.50);
    background: rgba(186, 116, 66, 0.00);
    padding: 14px 25px;
    align-items: center;
    color: rgba(27, 30, 29, 0.61);
    font-weight: 500;
    font-size: 14px;
    border-radius: 30px;
    text-transform: uppercase;
}
.filter-btn.active, .filter-btn:hover, .single-post-page .taxonomy-post_tag a:hover{
    background-color: rgba(186, 116, 66);
    color: #fff;
}
.category-filter ul li{
    list-style-type: none;
}
.single-post-page .wp-block-post-terms__separator {
    display: none;
}
 .single-post-page .taxonomy-post_tag a{
        padding: 14px 25px 10px;
 }
.category-filter ul, .single-post-page .taxonomy-post_tag{
    display: flex;
    align-items: center;
    column-gap: 20px;
    flex-wrap: wrap;
    row-gap: 15px;
    padding-left: 0px;
    margin-left: 0px;
}
.blog-img{
    aspect-ratio: 16 / 11;
    object-fit: cover;
}
.wp-block-quote {
    border-left: 4px solid #BA7442;
}
.wp-block-quote p{
    color: #BA7442;
    font-size: 24px;
    line-height: 1.5;
}
.blog-media img{
    aspect-ratio: 16 / 8;
    width: 100%;
    height: auto;
    object-fit: cover;
}
.single-post-page figcaption.wp-element-caption {
    background-color: #F5F5F5;
    padding: 10px;
    margin-top: 0px;
}
.post-grid-recent .wp-block-latest-posts__post-title{
    color: #000000;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
}
.post-grid-recent .wp-block-latest-posts__featured-image img {
    padding-bottom: 15px;
    width: 100%;
    max-width: 100% !important;
}
.post-grid-recent .wp-block-latest-posts__featured-image a {
    width: 100%;
}
.post-grid-recent .wp-block-latest-posts__post-date {
    padding-top: 10px;
}
.single-post-page h2{
    font-size: 2rem !important;
}
.single-post-page h3{
    font-size: 1.75rem !important;
}
.single-post-page h1{
    font-size: 2.5rem !important;
}
.single-post-page ul.wp-block-list, .single-post-page ol.wp-block-list {
    padding-left: 20px;
}
.single-post-page ol.wp-block-list {
    padding-left: 20px;
}
.cat-link, .cat-link:hover{
    color: #212529;
}
.cat-link:hover{
    text-decoration: underline;
}
.blog-list .card h5 a{
    font-size: 20px;
    color: #212529;
}
.blog-list .card{
    background-color: transparent !important;
    border:1px solid #ccc !important;
}
.blog-list .card:hover{
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.wp-block-quote {
    border-left: 4px solid #BA7442 !important;
}
.category-filter ul, .single-post-page .taxonomy-post_tag {
    display: flex;
    align-items: center;
    column-gap: 17px;
    flex-wrap: wrap;
    row-gap: 35px;
    padding-left: 0px;
    margin-left: 0px;
}
.error-content {
    padding-top: 0px;
}
.error-content .link, .error-content .link a{
    color: #BA7442;
}
.copy-msg {
    display: none;
    margin-left: 10px;
    font-size: 14px;
    color: #28a745;
    position: absolute;
    left: 40px;
    bottom: -30px;
}
.social-icon-footer.single-blog a svg:hover path {
    fill: rgb(15 41 61);
}
.social-icon-footer.single-blog{
    position: relative;
}
.bottom-links .justify-content-center{
    justify-content: flex-start !important;
}
.bottom-links .copy-msg {
    left: -5px;
}
.blog-list .btn-primary {
    background-color: transparent !important;
    border: none !important;
    color: #1B1E1D9C !important;
    font-size: 14px !important;
    text-transform: uppercase;
}
.blog-list .row{
    row-gap: 20px;
}
.single-post-page .taxonomy-post_tag{
    row-gap: 20px;
}
.filter-dropdown{
    border: none;
    background-color: #F3F0EE;
    padding: 12px;
    color: #1B1E1D9C;
    text-transform: uppercase;
    letter-spacing: 2.4px;
}
.filter-dropdown:focus, .filter-dropdown:focus-visible{
    outline: transparent !important;
    border:transparent;
    box-shadow: none;
}
.filter-dropdown{
    display: none;
}
.pagination-wrap {
    text-align: center;
    font-size: 16px;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    gap: 7px;
}
.pagination-wrap a.page-numbers, .pagination-wrap  .page-numbers.current {
    color: #fff;
    padding: 5px 10px 2px;
    border-radius: 5px;
    background: #0F293DAD;
    transition: all 0.3s ease-in-out;
    line-height: normal;
}
.pagination-wrap .page-numbers.current, .pagination-wrap a:hover {
    background: #000000;
    color: var(--white);
}
.archive.tag .blog-list .row {
    row-gap: 0px;
}
.media-section .carousel-row , .media-section .owl-item-inner, .media-section .owl-item, .media-section .owl-stage-outer, .media-section .owl-stage, .media-section .owl-stage img {
    height: 100%;
}