/*
Theme Name: Uomo
Theme URI: https://www.apusthemes.com/themes/uomo/
Author: ApusTheme
Author URI: https://apusthemes.com/
Description: Uomo is clean theme, it's used Apus Framework.
Version: 2.0.34
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: uomo

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
img{
    height: auto;
}
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    clear: both;
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 32px 2em;
}
.wp-block-image .alignright{
    margin-left: 2em;
}
.alignleft {
    float: left;
    margin: 5px 2em 32px 0;
}
.wp-block-image .alignleft{
    margin-right: 2em;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}
.gallery-caption {
    box-sizing: border-box;
}
.bypostauthor{
    box-sizing: border-box;
}
.wp-block-pullquote{
    border:none;
}
.wp-block-archives.aligncenter, .wp-block-categories.aligncenter, .wp-block-latest-posts.aligncenter {
    text-align: center;
}
.wp-block-cover{
    margin-bottom: 28px;
}
.wp-block-embed{
    margin-bottom: 30px;
}
.wp-block-cover.has-background-dim .wp-block-cover-text{
    color: #fff;
}
.wp-block-button{
    margin-top: 15px;
    margin-bottom: 15px;
}
.wp-block-button.is-style-squared .wp-block-button__link{
    border-radius: 5px;
}
.wp-block-image, .wp-block-gallery {
    margin-bottom: 28px;
}
figcaption {
    margin-top: 15px;
}
@media(min-width: 1440px){
    .blocks-gallery-grid.alignleft, .blocks-gallery-grid.alignright, .wp-block-gallery.alignleft, .wp-block-gallery.alignright{
        max-width: 500px;
    }
}
.wp-block-button {
    margin-top: 25px;
    margin-bottom: 25px;
}

body .apus-offcanvas {
    z-index: 100000;
}

.wishlist-share-wrapper #ppc-button {
    display: inline-block !important;
}
.wc-proceed-to-checkout #ppc-button {
    margin-top: 30px;
}
.testimonials-item-v2::before{
    content: '“';
}

.vertical-wrapper:hover .content-vertical {
    display: block !important;
}

/*fix woo*/
.woocommerce.single-product .cart.variations_form .tawcvs-swatches{
    gap: 12px;
}
.woocommerce.single-product .cart.variations_form .tawcvs-swatches .swatch{
    min-width: 30px !important;
}
.woocommerce.single-product .add-to-cart-bottom-wrapper .cart.variations_form .tawcvs-swatches{
    padding: 0 !important;
}
.woocommerce.single-product .add-to-cart-bottom-wrapper  .cart.variations_form .tawcvs-swatches .swatch{
    height: 20px;
    width: 20px;
  line-height: 18px;
    font-size: 12px;
    min-width: 20px !important;
}
.woocommerce.single-product .add-to-cart-bottom-wrapper .cart.variations_form .tawcvs-swatches .swatch.swatch-label{
  width: auto;
}

/* =========================================
   BLOG ARCHIVE → 4 GRID + CARD STYLE
   Works with Apus/Bumedi-like "layout-blog"
========================================= */

#apus-main-content .layout-blog .row-blog{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 26px !important;
  margin: 0 !important;
}

/* Bootstrap cols override */
#apus-main-content .layout-blog .row-blog > [class*="col-"]{
  float: none !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}

/* remove row clearfix spacing */
#apus-main-content .layout-blog .row-blog:before,
#apus-main-content .layout-blog .row-blog:after{
  content: none !important;
}

/* Card */
#apus-main-content .layout-blog article.post.post-layout.post-grid{
  background: #fff;
  border: 1px solid #e7edf5;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 14px 40px rgba(15, 40, 70, .08);
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Image area */
#apus-main-content .layout-blog article.post.post-layout.post-grid .top-image{
  margin: 0 !important;
}
#apus-main-content .layout-blog article.post.post-layout.post-grid .entry-thumb{
  margin: 0 !important;
}
#apus-main-content .layout-blog article.post.post-layout.post-grid .image-wrapper{
  width: 100%;
  aspect-ratio: 16 / 10;
  background: #f2f6fb;
  overflow: hidden;
}
#apus-main-content .layout-blog article.post.post-layout.post-grid img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  display: block;
}

/* Content spacing */
#apus-main-content .layout-blog article.post.post-layout.post-grid .post-layout-info{
  padding: 16px 18px 0 18px;
  font-size: 13px;
  opacity: .85;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
#apus-main-content .layout-blog article.post.post-layout.post-grid .post-layout-info i{
  margin-right: 6px;
  opacity: .65;
}

/* Title */
#apus-main-content .layout-blog article.post.post-layout.post-grid .entry-title{
  padding: 10px 18px 0 18px;
  margin: 0;
}
#apus-main-content .layout-blog article.post.post-layout.post-grid .entry-title a{
  color: #0b2a4a;
  font-weight: 700;
  line-height: 1.25;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Excerpt */
#apus-main-content .layout-blog article.post.post-layout.post-grid .description{
  padding: 10px 18px 0 18px;
  color: rgba(11,42,74,.8);
  line-height: 1.55;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* CTA button */
#apus-main-content .layout-blog article.post.post-layout.post-grid .btn-banner{
  margin: 14px 18px 18px 18px;
  border: 2px solid rgba(11,42,74,.25);
  border-radius: 14px;
  padding: 12px 14px;
  text-align: center;
  font-weight: 600;
  color: #0b2a4a;
  background: transparent;
  display: inline-block;
}
#apus-main-content .layout-blog article.post.post-layout.post-grid .btn-banner:hover{
  border-color: rgba(17, 180, 175, 1);
  color: rgba(17, 180, 175, 1);
}

/* Responsive */
@media (max-width: 1200px){
  #apus-main-content .layout-blog .row-blog{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 992px){
  #apus-main-content .layout-blog .row-blog{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 576px){
  #apus-main-content .layout-blog .row-blog{
    grid-template-columns: 1fr !important;
  }
}

@media (min-width: 992px) {
    .apus-breadscrumb {
        display: none !important;
    }
}

.apus-breadscrumb {
        display: none !important;
    }

@media (min-width: 1200px) {
    .detail-post .post-navigation {
        padding: 40px 0;
        margin-top: 50px;
        display: none !important;
    }
}

.detail-post .post-navigation {
    border-width: 1px 0;
    border-style: solid;
    border-color: #E4E4E4;
    padding: 20px 0;
    margin-top: 20px;
    display: none !important;
}

@media (min-width: 1200px) {
    .detail-post #comments {
        padding-top: 30px;
        display: none !important;
    }
}

.detail-post #comments {
        padding-top: 30px;
        display: none !important;
    }