/*
 Theme Name:   Astra Child
 Template:     astra
 Author:       Ferran
 Description:  A child theme for Rimouski SB and Manrope font integration and other stuff.
 Version:      1.0.0
*/

/* FONT-FACE INTEGRATION */

@font-face {
    font-family: 'Rimouski SB';
    src: url('https://miletogames.com/wp-content/themes/astrachild/fonts/rimouski_sb.woff2') format('woff2'),
         url('https://miletogames.com/wp-content/themes/astrachild/fonts/rimouski_sb.woff') format('woff'),
         url('https://miletogames.com/wp-content/themes/astrachild/fonts/rimouski_sb.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('https://miletogames.com/wp-content/themes/astrachild/fonts/manrope.light.woff2') format('woff2'),
         url('https://miletogames.com/wp-content/themes/astrachild/fonts/manrope.light.woff') format('woff'),
         url('https://miletogames.com/wp-content/themes/astrachild/fonts/manrope.light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


/* FONT ASSIGNMENT */

h1, h2 {
    font-family: 'Rimouski SB', sans-serif !important;
    font-weight: 600;
}

h3, h4, h5, h6 {
    font-family: 'Manrope', sans-serif !important;
    font-weight: 300;
}

/* Apply to all post content headings */
/*
.entry-content h1,
.entry-content h2,
.entry-title,
h1, h2 {
    font-family: 'Rimouski SB', sans-serif !important;
    font-weight: 600 !important;
    font-display: swap !important;
}

.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    font-family: 'Manrope', sans-serif !important;
    font-weight: 300 !important;
    font-display: swap !important;
}

*/

/* Hiding the author of the articles */
/*
.author-name {
    display: none !important;
}
*/

/* Hiding the 'by' article after the date and before the now hidden author */
/*
.byline {
	display: none !important;
}
    */

    
/* Hiding the feature post default hero image (Astra single post) */
.ast-single-post .post-featured-image,
.ast-single-post .entry-featured-image {
    display: none !important;
}

/* Setting a consistent margin for all feature image blocks */
.wp-block-post-featured-image {
    margin: 2rem 0;
}

/* Limiting visual width even if Large image selected (centered, editorial style) */
.wp-block-post-featured-image img {
    max-width: 780px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
/* Style for the top rating below the title */
.game-top-rating {
    margin-bottom: 20px;
    font-size: 0.9em;
}

/* Container for the bottom section */
.game-reviews-container {
    margin-top: 50px;
    padding-top: 30px;
    border-top: 2px solid #eee;
}

/* Space out the headers */
.game-reviews-list h2, 
.game-reviews-form h2 {
    margin-bottom: 20px;
    font-weight: bold;
}

/* Styling the Review Form Box */
.game-reviews-form {
    background-color: #f9f9f9;
    padding: 25px;
    border-radius: 10px;
    margin-top: 40px;
}

/* Styling the Review List items */
.glsr-review {
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

/* Force stars to your branding color (Example: Gold) */
.glsr-star-full {
    color: #ffcc00 !important;
}
/* =========================
   TABLE OF CONTENTS (GAME)
   ========================= */

.game-toc {
  margin: 2em 0;
  padding: 1em;
  border-left: 4px solid #910E5F;
}

.game-toc-title {
  margin-top: 0;
}

.game-toc ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.game-toc ul,
.game-toc a,
.game-toc .toc-toggle {
  font-family: 'Manrope', sans-serif;
  font-weight: 300;
}

.toc-h2 {
  margin: 0.4em 0;
}

.toc-h2 > a {
  font-weight: 400;
  color: inherit;
  text-decoration: none;
}

.toc-toggle {
  display: inline-block;
  margin-right: 0.4em;
  color: #910E5F;
  font-weight: 700;
  cursor: pointer;
  user-select: none;
}

.toc-toggle.static {
  cursor: default;
}

.toc-level-3 {
  margin-left: 3.5em;
  margin-top: 0.3em;
}

.toc-level-3 li {
  margin: 0.25em 0;
  margin-left: 5.5em;
}

.toc-h3 a {
  font-size: 0.95em;
  font-weight: 300;
  text-decoration: none;
}

.game-toc a:hover {
  text-decoration: underline;
}