/*****
Theme Name: MH Magazine lite Child
Theme URI: https://mhthemes.com/themes/mh-magazine-lite/
Description: MH Magazine lite is one of the most popular free responsive magazine, news, newspaper and blog WordPress themes for modern online magazines, dynamic news websites, professional blogs and other editorial websites. This free magazine theme is fast, secure, SEO friendly and perfectly suitable for topics like international news, politics, lifestyle, fashion, business, sports, gadgets, travel or anything else. If you would like to gain access to more awesome features, flexible custom widgets and useful options to customize your website, you can upgrade to the premium version of MH Magazine and take your website to the next level. You can also learn more about this dynamic magazine WordPress theme on the MH Themes website.
Author: MH Themes
Author URI: https://mhthemes.com/
Template: mh-magazine-lite
Version: 2.9.0
Tested up to: 5.6.2
Requires PHP: 5.6
Tags: one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, full-width-template, theme-options, threaded-comments, footer-widgets, translation-ready, rtl-language-support, blog, entertainment, news
Text Domain: mh-magazine-lite
Domain Path: /languages/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Credits: You may remove the link in the footer, but we would appreciate any attribution to our work!
*****/

/* Site-wide Theme Changes
 * 
 */ 

/* Increase body font size */
body {
  font-size: 15px;
}

/* Reduce menubar font size */
.menu-main-menu-container {
    font-size: 14px;
}

/* Fix themes dropcase styling */
p.has-drop-cap:first-letter {
    padding-bottom: 5px;
}

/* Center align header image */
.mh-custom-header {text-align:center;}

/* Center align menubar */
.mh-main-nav ul { display: table; margin: 0 auto; }

/* Add header logo retina support */
.mh-header-image  {
  max-width: 100% !important;
  width: 550px !important;
/*   height: auto !important; */
}
/* END Site-wide theme changes */



/* Front Page Category Grid Tiles
 * 
 * /

/* The Gallery Grid */
.gallery-grid {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  grid-gap: 1rem;
 /* grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  grid-gap: 1.5rem; */
  justify-items: center;
  margin: 0;
  padding: 0;
}

/* The Image Frame */
.gallery-frame {
/*  padding: 0.4rem; */
  font-size: 1.2rem;
  text-align: center;
 /* background-color: #333; */
 /* background-color: #2A2A2A; */
  background-color: #eb4034;
 /* color: #d9d9d9; */
}

/* The Images */
.gallery-img {
  max-width: 100%;
 /* height: auto; */
  width: 120px;
  object-fit: cover;  
 /* transition: opacity 0.25s ease-in-out; */
}
.gallery-img:hover {
   opacity: 0.9; 
}
/* END of Category Icon Grid Styling */



/*
 * EWO Food Gallery Page Styling
 */

.ewo_gallery_img_overlay {
  position: relative;
  width:326px;
  
  /*my code */
  border: 5px solid white; 
  display: inline-block; 
  float: left;

}

.ewo_gallery_img-overlay-image {
  display: block;
  width: 100%;
  height: auto;
}

.ewo_gallery_overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,.5);
}

.ewo_gallery_img_overlay:hover .ewo_gallery_overlay {
  opacity: 1;
}

.ewo_gallery_text {
  color: white;
  font-family: 'Raleway', sans-serif;
  font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}




/* WooCommerce Customizations
 * 
 */

/* Fixes issue with Woocommerce dropdown box being cut off in side widget */
span.select2-selection.select2-selection--single {
    margin-bottom: 3px;
}

/* Change Woocommerce product price text color to match the site color */
.price .woocommerce-Price-currencySymbol{
    color:#E64946 !important;
  
}

/* Change Price Text Color */
.woocommerce-Price-amount.amount {
    color: #E64946;
}


/* Adjust min-height for product list - handpicked widget */
.wc-block-grid__product-title
{
  min-height: 60px !important;
}


/* Adjust color of button text - Handpicked widget */
.wp-block-button.wc-block-grid__product-add-to-cart a {
  color:#515151;
  background-color:#ebe9eb;
}

/* Adjust text color - handpicked products */
.wc-block-grid__product-title {
    color: black;
}

a.wc-block-grid__product-link {
    color: red !important;
}

/* Adjust text underline color Handpicked Widget Page */
.wc-block-grid__product-link:hover {
   color: black !important;
}


/* Adjust min-height for product list - shop page */
.woocommerce-loop-product__title {
  min-height: 60px !important;
}


/* Adds underline for button link - on Shop Page*/
.button.product_type_external:hover {
    text-decoration:underline !important;
}


.button.product_type_grouped:hover {
  text-decoration:underline !important;
}

/* Adds underline to buy button on single page view */
.single_add_to_cart_button.button.alt:hover
{
  text-decoration:underline !important;
  
}

/* For the product titles */
.woocommerce-loop-product__title:hover{
  text-decoration:underline !important;
}


/* Stylize the WooCommerce Buttons Sitewide */
.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {
background:#ebe9eb !important;
background-color:#ebe9eb !important;
color:#515151 !important;
text-shadow: transparent !important;
box-shadow: none;
border-color:#ebe9eb !important;
}


.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {

background:#ebe9eb !important;
background-color:#ebe9eb !important;
color:#515151 !important;
text-shadow: transparent !important;
box-shadow: none;
border-color:#ebe9eb !important;
  
}

/* For Text Title */
.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {
background: #ebe9eb !important;
color:#515151 !important;
text-shadow: transparent !important;
border-color:#ebe9eb !important;
font-weight:normal;
font-size:14px;
}

/* For Button Hover */
.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {
background: #ebe9eb !important;
box-shadow: none;
text-shadow: transparent !important;
color:#515151 !important;
border-color:#ebe9eb !important;
}
/* END Stylize the WooCommerce Buttons */



/* Mailchimp Customizations
 * 
 */

/* remove padding around mailchimp subscribe form */
#mc-embedded-subscribe-form {
  padding: 0px !important; 
  
}
#mc_embed_signup_scroll input.email {
  margin-top: 10px !important; 
}
/* END MailChimp Code */


/* WP Jetpack Fixes
 * 
 * /

/* Removes Jetpack opacity setting from related posts */
div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post {
-moz-opacity: 1;
opacity: 1;
}

div#jp-relatedposts div.jp-relatedposts-items div.jp-relatedposts-post:hover {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

/* increase font size of related post header */
.jp-relatedposts-headline {
  font-size:24px !important;
}

/* END WP Jetpack */


/* Ivory Search Customizations
 * 
 * /

/* Adjust positioning of the Ivory Search box in menu */
.astm-search-menu.is-menu.default.menu-item {
  margin-top: 3px;
  margin-right: 7px;
  margin-left: 5px;
}

/* customize the search bar position - float left for mobile version */
li.astm-search-menu.is-menu.default.menu-item {
    float: left;
}
/* END Ivory Search */