/*
 Theme Name: Speedyboiler
 Theme URI: http://speedyboiler.com/
 Author: MeraboilerIT
 Author URI: http://speedyboiler.com/
 Description: A custom theme built for Speedyboiler using Gutenberg.
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: speedyboiler
 Tags: one-column, flexible-header, custom-colors, custom-menu, editor-style, custom-logo, featured-images, translation-ready
*/


/* Font-Face Rules */
@font-face {
    font-family: 'Patua One';
    src: url('assets/fonts/patuaone.woff2') format('woff2'),
         url('assets/fonts/patuaone.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('assets/fonts/opensans.woff2') format('woff2'),
         url('assets/fonts/opensans.woff') format('woff');
    font-weight: 400 600;
    font-style: normal;
}

/* General styles */
body {
    font-family: 'Open Sans', sans-serif; /* Use local font */
    color: #333;
    margin: 0;
    padding: 0;
    background-color: #f5f5f5;
}

h1, h2, h3, h4, h5, h6 {
    color: #25406a;
    font-family: "Patua One", sans-serif;
    font-weight: 400;
    font-style: normal;
}

a {
    color: #ff406a;
    text-decoration: none;
}

a:hover {
    color: #25406a;
}

button {
    background-color: #ff406a;
    color: #fff;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
}

button:hover {
    background-color: #25406a;
}

/* Gutenberg Editor Styles */
.editor-styles-wrapper {
    background-color: #f5f5f5;
    padding: 20px;
}

/* Responsive Design Example */
@media (max-width: 768px) {
    body {
        font-size: 14px;
    }

    button {
        padding: 8px 16px;
    }
}

/* Additional Custom Styles for Gutenberg Blocks */
.wp-block-button__link {
    background-color: #ff406a;
    color: #fff;
}

.wp-block-button__link:hover {
    background-color: #25406a;
}