/*
Theme Name: Casino Online
Theme URI: https://ginetaitispitas.gr/
Author: Alexandros Vlachou
Author URI: https://ginetaitispitas.gr/
Description: A modern and exciting theme for an online casino affiliate website.
Version: 1.0.0
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: casino-online
*/

/*--------------------------------------------------------------
# ## Table of Contents
--------------------------------------------------------------*/

/*
1.  Typography
2.  Elements
3.  Forms
4.  Navigation
    4.1 Links
    4.2 Menus
5.  Accessibility
6.  Alignments
7.  Clearings
8.  Widgets
9.  Content
    9.1 Posts and pages
    9.2 Comments
10. Infinite scroll
11. Media
    11.1 Captions
    11.2 Galleries
12. Site Header
13. Site Footer
14. Button Styles
15. Custom Styles
*/

/*--------------------------------------------------------------
# ## 1. Typography
--------------------------------------------------------------*/

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #333333;
    background-color: #FDFBF5;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Luckiest Guy', sans-serif;
    color: #111111;
}

h1 {
    font-size: 3rem;
}

h2 {
    font-size: 2.2rem;
}

h3 {
    font-size: 1.8rem;
}

a {
    color: #5027f5;
    text-decoration: none;
}

a:hover {
    color: #FFC300;
}

/*--------------------------------------------------------------
# ## 12. Site Header
--------------------------------------------------------------*/

.site-header {
    background-color: #FFFFFF;
    padding: 1rem 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.site-header.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

.site-branding {
    display: flex;
    align-items: center;
}

.site-title a {
    color: #333333;
    text-decoration: none;
}

.main-navigation ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.main-navigation li {
    margin-left: 1.5rem;
}

.main-navigation a {
    color: #333333;
    text-decoration: none;
}

/*--------------------------------------------------------------
# ## 13. Site Footer
--------------------------------------------------------------*/

.site-footer {
    background-color: #FFF8E7;
    color: #333333;
    padding: 2rem;
    text-align: center;
}

/*--------------------------------------------------------------
# ## 14. Button Styles
--------------------------------------------------------------*/

.wp-block-button__link {
    background-color: #FFC300;
    color: #FFFFFF;
    border-radius: 25px;
    border: 1px solid #DAA520;
    padding: 0.75rem 1.5rem;
    font-weight: bold;
}

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

.wp-block-button.is-style-outline .wp-block-button__link {
    background-color: transparent;
    color: #FFC300;
    border: 2px solid #FFC300;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
    background-color: #FFC300;
    color: #FFFFFF;
}

/*--------------------------------------------------------------
# ## 15. Custom Styles
--------------------------------------------------------------*/

.site-main {
    max-width: 1200px;
    margin: 0 auto;
    padding: 3rem 1rem;
}

.aligncenter {
    text-align: center;
}

.wp-block-image img {
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(255, 215, 0, 0.2);
}