/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* Enable Google Font locally for faster load */
/* archivo-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.mmahive.com/wp-content/uploads/2024/01/archivo-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* archivo-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  src: url('https://www.mmahive.com/wp-content/uploads/2024/01/archivo-v19-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Image edits */
/* Add spacing below regular images & yt blocks */
div.wp-block-image, figure.wp-block-image, figure.wp-block-embed-youtube, iframe {
	margin-bottom: 1.5em;
}

/* Reduce margin on featured image */
.featured-image {
	margin-top: 10px !important;
	margin-bottom: 20px !important;
}

/* Unify the styling of image captions */
figcaption {
	font-size: 12px;
	text-align: center;
	color: var(--cg-theme-color);
}

div.inside-top-bar p {
	padding: 0;
	margin: 0;
}

/* Begin mobile style changes */

@media only screen and (max-device-width: 767px) {
	.hide-on-mobile {
		display: none;
		visibility: hidden;
		size: 0;
		padding: 0;
		margin: 0;
	}
	
	div.inside-top-bar {
		padding: 8px 5px 8px 5px !important;
	}
}


/* Begin desktop style changes */

@media only screen and (min-device-width: 980px) {
	div.inside-top-bar {
		padding: 8px 5px 8px 5px !important;
	}
}

/* Make table of contents links not bold */
a.ez-toc-link, a:hover.ez-toc-link {
	text-decoration: none;
	font-weight: normal;
}

div.prod-callout, div.ck-subscribe {
	border: 6px solid #0aa888;
	padding: 15px;
	box-shadow: 0px 0px 5px 0px #87d6c6;
	margin-bottom: 1.5em;
}

div.prod-comparison {
	border: 6px solid #0aa888;
	padding: 0;
	box-shadow: 0px 0px 5px 0px #87d6c6;
	margin-bottom: 1.5em;
}

/* Pros column styling */
div.prod-pros {
	padding: 0;
	background-color: #ceeee7;
	margin-bottom: 1em;
}

div.prod-pros h3, div.prod-pros h4 {
	color: #ffffff;
	background-color: #0aa888;
	width: 100%;
	padding: 5px 0;
	margin: 0;
	text-align: center;
}

div.prod-pros ul, div.prod-cons ul {
	margin: 15px 30px;
	padding: 0;
	list-style: none;
}

div.prod-pros ul li:before, div.prod-cons ul li:before {
	content: counter(number-counter);
    color: var(--cg-theme-color);
    border: 1px solid var(--cg-theme-color);
    border-radius: 100%;
    height: 30px;
    width: 30px;
    background-color: #fff;
    position: relative;
    left: -8px;
    font-weight: 700;
    font-size: 15px;
    text-align: center;
    line-height: 29px;
    display: inline-block;
    margin-left: -30px;
    vertical-align: middle;
}

div.prod-pros ul li, div.prod-cons ul li {
	counter-increment: number-counter;
	display: list-item;
	padding-left: 30px;
	margin-bottom: 15px;
}

/* Cons column styling */
div.prod-cons {
	padding: 0;
	background-color: #eed2ce;
	margin-bottom: 1em;
}

div.prod-cons h3, div.prod-cons h4 {
	color: #ffffff;
	background-color: #A80A0A;
	width: 100%;
	padding: 5px 0;
	margin: 0;
	text-align: center;
}

figure.prod-table table {
	border: 6px solid #0aa888;
	padding: 15px;
	box-shadow: 0px 0px 5px 0px #87d6c6;	
}

figure.prod-table thead {
	background-color: #0aa888;
	color: #ffffff;
}

/* Unify the rounding of button curved borders */
a.wp-block-button__link, button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.wp-block-button__link:not(.has-background) {
	border-radius: 5px;
}

/* Make the post entry meta small */
.entry-meta {
	font-size: 12px;
}

/* Reduce footer widgets text size */
.inside-footer-widgets a {
	font-size: 14px !important;
	border-bottom: 0px !important;
	font-weight: normal !important;
}

/* Make block quotes a reasonable font size */
blockquote.wp-block-quote {
	font-style: italic;
}

/* Improve Table Styling */
figure.wp-block-table {
	margin-bottom: 1em;
}

.wp-block-table table {
	font-size: 80%;
	border: 1px solid var(--global-color-13);
	border-collapse: unset;
	margin-bottom: 0.5em;
}

.wp-block-table thead {
	color: #ffffff;
	background-color: var(--global-color-13);
}

/* Modify base lists indentation */
ul, ol {
	margin: 0 0 1.5em 1.5em;
}

li {
	margin: 0 0 0.4em 0;
}

/* RankMath breadcrumb styling */
nav.rank-math-breadcrumb p a {
	padding: 5px;
	background-color: var(--accent);
	color: white;
	border-radius: 3px !important;
}