/*
Theme Name: MTG SmartMag
Theme URI: https://smartmag.theme-sphere.com/
Description: An MTG child theme of SmartMag
Author: ThemeSphere
Author URI: https://theme-sphere.com
Template: smart-mag
Version: 1.1
*/
/*format footnotes*/
.mtg-footnote {
margin-top:0;
font-size: 12px;
text-align:center;
}

/* Overview container slight offsets color from background color - contrast color adjusts for both light and dark themes */
.mtg-review-summary {
    background-color: var(--c-contrast-100) !important;
	padding: 20px;
}

.mtg-review-summary-hdr {
    display: flex !important; /* Enables flexbox layout */
    align-items: center !important; /* Align items vertically in the center */
	margin-bottom:10px !important;
}

/* Ensures all images are centred. No overflow. Aspect ratio preserved */
.wp-block-image img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
        height: auto;
}

ul {
  list-style-type: none;
	text-align:left;
}

.is-layout-grid {
	width:100%;
}

/*common styling for h2 headers (posts only)
body.single.single-post h2 {
background-color:#FF6600;
color:white;
text-align:center;
}
*/
/*format sub-section rating group 
 * It's the same formating as the overview, just differs by colors'*/ 
.mtg-category-rating-hdr {
background-color:#75757517;
	padding: 12px 25px;
}

/*format buttons for consistency*/
.wp-element-button {
font-weight: bold;
text-align:center;
justify-content: center;
background-color: #000000;
color: white;
border-radius:20px;
}

.wp-element-button:hover { /*hover button state */
  background-color: #FF6600; 
  color: white;
  border-radius:20px;
}