/*
Theme Name: MM O-Taiko
Template: twentytwentyfour
*/

/* Add your custom styles below this line */

/* Body Styles */
body {
    background-color: #f0f0f0; /* Default background color for the body */
}

/* Header Styles */
.site-header {
    background-color: #333; /* Default background color for the header */
}

/* Footer Styles */
.site-footer {
    background-color: #333; /* Default background color for the footer */
}

/* Color Palette */
:root {
    --primary-color: #3498db; /* Change to your preferred primary color */
    --secondary-color: #e74c3c; /* Change to your preferred secondary color */
    --accent-color: #27ae60; /* Change to your preferred accent color */
    /* Add more colors as needed */
}

/* Site Logo */
.site-logo img {
    border-radius: 50%; /* Rounded corners for the site logo */
    /* Add more logo styles as needed */
}

/* Favicon */
/* Assuming you have a 'favicon.ico' file in your child theme directory */
/* You can replace 'your-theme-directory' with your actual theme directory name */
/* It's important to use the correct file path */
<link rel="icon" href="<?php echo get_stylesheet_directory_uri(); ?>/mm-otaiko/logo/OTaiko_Logo.png" sizes="32x32" />

@font-face { 
	font-family: Viner Hand ITC Regular; 
	src: url(http://otaiko.nz/wp-content/themes/mm-otaiko/fonts/VinerHandITCv1.05.ttf); 
	font-weight: normal; }

.site-title { 
font-family: "Viner Hand ITC Regular", Arial, sans-serif; 
}

/* Additional Styles for Full Site Editor (Gutenberg) */
/* Add styles for the full site editor blocks, if needed */