/*
Theme Name: Blogzee custom Child
Template: blogzee
Author: neo
Description: Blogzee Theme helps to illustrate your distinguished story through its interactive and stylish page layouts. Adorned with multiple eye-catching demos, blogzee theme allows you to set up your blog in minimal steps by importing unique demos. Not only is it beautiful, it’s immensely easy to customize too. You will find SEO options, theme settings, menu settings, mobile view options, design controls, and all in one central place - Live Customizer. After viewing the demo and customizer settings, you will soon realize the dedicated focus that Blogzee Theme has put on mobile users, SEO, and UI/UX design. As a result, it should come as no surprise that there are image Settings - image ratio, image size, image border, image box shadow for each block and widget. It has more to offer you to extend with additional features.
Tags: blog,entertainment,one-column,two-columns,grid-layout,left-sidebar,right-sidebar,custom-header,flexible-header,custom-background,custom-colors,custom-menu,featured-images,full-width-template,post-formats,sticky-post,rtl-language-support,footer-widgets,theme-options,threaded-comments,translation-ready
Version: 9.0.4.1755267964
Updated: 2025-08-15 14:26:04

*/

.site-branding {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 1rem;
  flex-wrap: nowrap;
  position: relative;
}

.custom-logo-link {
  flex: 0 0 auto; /* logo stays its size */
}

.custom-logo {
  max-width: 60px;
  height: auto;
  display: block;
}


.site-title {
	font-size: clamp(1rem, 2.5vw + 0.5rem, 1.75rem);
  position: relative;
  text-align: center; /* ensure the container is centered */
}

.gb-query-loop-pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-top: 1.5rem;
}

.gb-query-loop-pagination > a,
.gb-query-loop-pagination nav .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.4rem 0.9rem;
  font-size: 15px;
  min-width: 36px;
  height: 36px;
  text-decoration: none;
  border: 1px solid #d0d0d0;
  background-color: #f8f8f8;
  color: #333;
  border-radius: 999px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.06);
  transition: all 0.2s ease-in-out;
}

.gb-query-loop-pagination > a:hover,
.gb-query-loop-pagination nav .page-numbers:hover {
  background-color: #333;
  color: #fff;
  border-color: #333;
}

/* Current page */
.gb-query-loop-pagination .page-numbers.current {
  background-color: #528133;
  color: #fff;
  font-weight: bold;
  border-color: #528133;
}

/* Dots (…) */
.gb-query-loop-pagination .page-numbers.dots {
  background: none;
  border: none;
  color: #888;
  pointer-events: none;
  font-weight: bold;
}

/* Mobile layout */
@media (max-width: 600px) {
  .gb-query-loop-pagination {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
  }

  .gb-query-loop-pagination > a,
  .gb-query-loop-pagination nav .page-numbers {
    padding: 0.3rem 0.8rem;
    min-width: 32px;
    height: 32px;
    font-size: 14px;
  }
}

.gb-text a {
  text-decoration: none;
  color: var(--bt-link-color, #191919);
}

.gb-text a:hover {
  text-decoration: none;
  color: var(--bt-link-hover-color, #863A47);
}
.custom-gutenberg-page .gb-media-864f68d0 {
    border-radius: 16px !important;
    overflow: hidden; /* Add this if it has images or child elements */
}

.full-width-gutenberg {
    width: 100%;
    margin: 0 auto;
    padding: 2rem 1rem;
    box-sizing: border-box;
}

@media (min-width: 1200px) {
    .full-width-gutenberg {
        max-width: 100%; /* No limit */
    }
}
/* Default (desktop) — no change */
.sidebar,
#secondary {
    width: 25%;
}

/* Tablet */
@media (max-width: 940px) {
    .sidebar,
    #secondary {
        width: 30%;
    }
    .content-area {
        width: 70%;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .sidebar,
    #secondary {
        width: 100%;
        margin-top: 2rem;
    }
    .content-area {
        width: 100%;
    }
}
h2.sidebar-title {
  visibility: hidden;
  position: relative;
}

h2.sidebar-title::after {
  content: "Editor’s Picks"; /* Your replacement */
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
}
.wp-post-image {
  width: 100%;
  height: 300px; /* adjust height as needed */
  object-fit: cover;
  object-position: top;
  display: block;
}
body.archive .blogzee-container .blogzee-breadcrumb-element.row {
  display: none;
}
.ubl-post-image-container,
.ubl-post-image-container img,
.ubl-post-overlay-color {
  border-radius: 16px;
  overflow: hidden;
}

.single-post .post-thumbnail {
  display: none;
}

a:visited{
	color:#863A47;
}

body.archive.category.category-82 {
    /* color: var( --blogzee-global-preset-theme-color ); */
    color: black !important;
}

body.single-post article .entry-content p a, body.single-post article .entry-content a {
    color: var(--blogzee-global-preset-theme-color);
    text-decoration: none !important;
}

body.single-post article .entry-content p a:hover,
body.single-post article .entry-content a:hover {
    color: #f2ae4c; /* <-- choose your hover color */
    text-decoration: none !important;
}

/* Change all post titles in the widget to black */
#post_views_counter_list_widget-3 a.post-title {
    color: #000000; /* black */
}

/* Change hover color for post titles */
#post_views_counter_list_widget-3 a.post-title:hover {
    color: #863A47;
}

/* Force post title links in Most Viewed Posts widget to black */
#post_views_counter_list_widget-3 ul li a.post-title,
#post_views_counter_list_widget-3 ul li a.post-title:visited {
    color: #000000 !important;
}

/* Force hover color */
#post_views_counter_list_widget-3 ul li a.post-title:hover,
#post_views_counter_list_widget-3 ul li a.post-title:focus {
    color: #863A47 !important;
}

/* Only affect the Cover block inside #id_home_hero */
#id_home_hero .wp-block-cover {
    aspect-ratio: 16 / 9;    /* keeps width/height ratio */
    height: auto !important; /* auto height based on width */
    min-height: 0 !important;
    overflow: hidden;        /* clip overflow background */
}

#id_home_hero .wp-block-cover__inner-container {
    display: flex;
    align-items: center;     /* vertical center */
    justify-content: center; /* horizontal center */
    text-align: center;      /* center text */
    padding: 1.5rem;
}

a.customize-unpreviewable {
  color: #863a47 !important;
}

.single_add_to_cart_button.button.alt {
  background-color: #f2ae4c!important;
  color: #ffffff !important; /* White text for good contrast */
  border-color:#f2ae4c !important;
}

.single_add_to_cart_button.button.alt:hover {
  background-c !important; /* Slightly darker on hover */
  border-color: #863a47!important;
  color: #ffffff !important;
}

.product_meta .posted_in a {
  color: #f2ae4c !important;
}

.woocommerce-loop-product__title {
  color:  #863a47 !important;
}

.woocommerce-MyAccount-navigation a {
  color: #863a47 !important;        /* Normal text color */
}

.woocommerce-MyAccount-navigation a:hover {
  color: #f2ae4c !important;        /* Hover text color */
}

.woocommerce-MyAccount-navigation a:active,
.woocommerce-MyAccount-navigation a:focus {
  color: black !important;          /* Clicked (active/focus) color */
}

/* Product title styling */
.wc-block-grid__product-title {
  color: #863a47 !important;
  text-decoration: none !important;
}

.wc-block-grid__product-title:hover {
  color: #863a47 !important;
  text-decoration: none !important;
}

.wc-block-grid__product-title:active,
.wc-block-grid__product-title:focus {
  color: black !important;
  text-decoration: none !important;
}

/* Add to Cart button link styling */
.wc-block-grid__product-add-to-cart a.wp-block-button__link {
  text-decoration: none !important;
	background-color:#f2ae4c
}

.wc-block-grid__product-add-to-cart a.wp-block-button__link:hover {
  color: #863a47 !important;
  text-decoration: none !important;
}

.wc-block-grid__product-link {
  text-decoration: none !important;
}


.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
    background-color: #f2ae4c; /* theme color */
    color: #fff !important;               /* text color white */
    border: 1px solid #fff;
    border-radius: 3px;
    padding: 0.6em 1em 0.4em;
    text-decoration: none;     /* remove underline */
    cursor: pointer;
    transition: all 0.2s ease;
}

.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover {
    background-color: #863a47; /* hover color */
    color: #fff !important;               /* keep text white on hover */
    border-color: #fff;
}

/* Container for all thumbnails */
.thumbnails-grid {
    display: flex;           /* use flex layout */
    flex-wrap: wrap;         /* allow multiple rows */
    gap: 16px;               /* space between thumbnails */
}

/* Each magazine cover takes 50% width */
.post-thumbnail-wrapper {
    flex: 0 0 50%;           /* 50% width of container */
    aspect-ratio: 3.1 / 4.2;     /* maintain vertical magazine ratio */
    overflow: hidden;
    position: relative;
}

/* Image styling */
.post-thumnail-inner-wrapper img {
    width: 50%;
    height: 50%;
    object-fit: cover;       /* crop to fill container */
    object-position: center; /* keep important part visible */
    display: block;
}