/*!
Theme Name: Pura
Theme URI: https://pura.uxper.co/
Author: Uxper
Author URI: http://uxper.co/
Description: PURA is a powerful Booking Hotel WordPress theme with a modern UI/UX design and comes with an online Booking & Reservation system. This theme provides the various number of the demo which can help all customer who wants to create a professional hotel website for a Hotel & Resort, Hostel, Homestay, Cabin, Chalet, Urban Guest House, Apartments, Co-Living any other accommodation services.
Version: 1.0.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pura
Tags: editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/
header.site-header .header-main{
    padding: 20px 0;
}
.sidebar-right .wp-block-heading{
    font-size: 24px;
}
.post-related.pura-blog .swiper-inner + .swiper-pagination-container{
    margin-top: 40px;
}
.wp-block-page-list li+li{
    margin: 0;
}
form#commentform{
    margin: 0 0 30px 0;
}
form#commentform.row{
    margin: 0;
}
form#commentform .logged-in-as{
    margin-bottom: 20px;
}
form#commentform .logged-in-as, 
form#commentform .comment-notes, 
form#commentform .comment-form-cookies-consent, 
form#commentform .form-submit{
    padding: 0 0 0 0;
}
form#commentform .comment-form-comment{
    display: block;
    padding: 0;
}
form#commentform .comment-form-comment label{
    margin-bottom: 10px;
    display: block;
}
form#commentform textarea{
    border: 1px solid #f7f7f7;
    background-color: #f7f7f7;
    border-radius: 5px;
}
form#commentform input[type="submit"]{
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.4;
    text-transform: uppercase;
    border: 1px solid var(--uxper-color-accent);
    background-color: var(--uxper-color-accent);
    color: #fff;
    padding-top: 11px;
    padding-right: 32px;
    padding-bottom: 11px;
    padding-left: 32px;
    border-style: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
form#commentform input[type="submit"]:hover{
    opacity: 0.8;
}
.wp-block-button.is-style-squared a{
    border-radius: 0;
}
.wp-block-button a:hover{
    color: unset;
}
.wp-block-navigation__responsive-container-close{
    right: 20px;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
    padding: 20px;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{
    padding-right: 0;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{
    padding-top: 10px;
}
blockquote{
    margin: 20px 0;
}
.wp-block-media-text__media img.size-full{
    width: 100%;
}
.woocommerce ul.products{
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.woocommerce div.product{
    margin-bottom: 30px;
}
.products > .product{
    padding-left: 15px;
    padding-right: 15px;
}
.products.columns-2 > .product{
    flex: 0 0 50%;
    max-width: 50%;
}
.products.columns-3 > .product{
    flex: 0 0 33.333%;
    max-width: 33.333%;
}
.products.columns-4 > .product{
    flex: 0 0 25%;
    max-width: 25%;
}
.products.columns-5 > .product{
    flex: 0 0 20%;
    max-width: 20%;
}
.products.columns-6 > .product{
    flex: 0 0 16.6667%;
    max-width: 16.6667%;
}
body.single-product .site-content{
    padding-bottom: 0;
}
.wp-block-latest-comments li.wp-block-latest-comments__comment{
    margin-bottom: 0;
    line-height: 1.2;
}
.page-404-content .pura-button{
    padding: 9px 11px;
}
@media only screen and (max-width: 992px) {
    .products.columns-3 > .product,
    .products.columns-4 > .product,
    .products.columns-5 > .product,
    .products.columns-6 > .product{
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
    .woocommerce ul.products{
        margin-left: -10px;
        margin-right: -10px;
    }
    .products > .product{
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media only screen and (max-width: 767px) {
    div.site-content{
        padding-bottom: 30px;
    }
    .products.columns-3 > .product,
    .products.columns-4 > .product,
    .products.columns-5 > .product,
    .products.columns-6 > .product{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .woocommerce ul.products{
        margin-left: -5px;
        margin-right: -5px;
    }
    .products > .product{
        padding-left: 5px;
        padding-right: 5px;
    }
}