/*
Theme Name: MM2023
Theme URI: https://diviextended.com/
Author: Mandy Mozart
Author URI: https://mandymozart.com
Template: twentytwentythree
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Fonts */
@font-face {
  font-family: "Arachne-DemiGod";
  src: url("assets/fonts/arachne/Arachne-Demigod.woff2") format("woff2"),
    url("assets/fonts/arachne/Arachne-Demigod.woff") format("woff");
}

@font-face {
  font-family: "Arachne-Demonic";
  src: url("assets/fonts/arachne/Arachne-Demonic.woff2") format("woff2"),
    url("assets/fonts/arachne/Arachne-Demonic.woff") format("woff");
}

@font-face {
  font-family: "Arachne-Devine";
  src: url("assets/fonts/arachne/Arachne-Devine.woff2") format("woff2"),
    url("assets/fonts/arachne/Arachne-Devine.woff") format("woff");
}


@font-face {
  font-family: "Arachne-Mortal";
  src: url("assets/fonts/arachne/Arachne-Mortal.woff2") format("woff2"),
    url("assets/fonts/arachne/Arachne-Mortal.woff") format("woff");
}

@font-face {
  font-family: "Till";
  src: url("assets/fonts/till/Till-Normal.woff2") format("woff2"),
    url("assets/fonts/till/Till-Normal.woff") format("woff");
}


/* Customizations */
:root {
	--color: #000;
  --second: #2211dd;
  --font-light: "Till","Arachne-Mortal", -apple-system,
    BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell",
    "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --font-bold: "Till", "Arachne-Demonic", -apple-system, BlinkMacSystemFont,
    "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue", sans-serif;
  --font-medium: "Till", "Arachne-Mortal", -apple-system, BlinkMacSystemFont,
    "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue", sans-serif;	
}
.wp-block-image img {
    width: 100%;
}
.wp-block-post-featured-image {
    max-width: 540px;
    margin: 0 auto;
}

.wp-site-blocks h1, 
.wp-site-blocks h2, 
.wp-site-blocks h3,
.wp-site-blocks h4,
.wp-site-blocks h5,
.wp-site-blocks h6 {
	font-family: var(--font-bold) !important;
}
	
.wp-site-blocks p {
	font-size: 1.25rem;
	font-family: var(--font-bold) !important;
}
	
.wp-site-blocks a {
	font-family: var(--font-bold) !important;
	text-decoration: none !important;	
		color: var(--color);
}
.wp-site-blocks a:hover {
	text-decoration: none !important;
	color: var(--second) !important;
}

.wp-site-blocks {
	padding: 0 2rem;	
}
	  .wp-block-site-title {
		  font-family: var(--font-bold) !important;
			  font-size: 8rem !important;
			  }
@media only screen and (max-width: 800px) {
	.wp-block-site-title {
			  font-size: 4rem !important;
			  }
	.wp-site-blocks {
	padding: 0 1rem;	
}
}
		
	
.wp-block-navigation-link {
	font-family: var(--font-bold) !important;
	font-size: 1.5rem;
}
.wp-block-navigation__responsive-close {
	max-width: 100% !important;
}
.current-menu-item {
	color: var(--second) !important;	
}
header {
	padding-bottom: 2rem;
}
		
.promo-banner {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: red;
	color: white;
	padding: 1rem; /* Adjust padding in rem units */
	text-align: center;
	font-size: 1rem; /* Adjust font size in rem units */
}