/*======================================
Theme Name: pixelskit_child
Theme URI: https://divicake.com/
Description: Pixelskit child theme
Version: 1.0
Author: pixelskit
Author URI: http://pixelskit.com
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */

/* REGISTRATION MODULE */


    .visible_regform {
        display: block;
    }

    .hidden_regform {
        display: none;
    }

.notification {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.notification.error {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.notification.success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}


/* Styling the Form and its Elements */
#registration-container form {
    background-color: rgba(255, 255, 255, 0.7);
    padding: 17px;
    border-radius: 10px;
    max-width: 100%;
    margin: 10px 10px 10px 10px;
}

#registration-container input[type="text"],
#registration-container input[type="submit"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px; /* Space between fields */
    border: 1px solid #ccc;
    border-radius: 5px;
}

#notification-area {
    max-width: 100%;
    margin: 10px 10px 10px 10px;
}

/* Styling the Submit Button with Divi Styles */
#registration-container input[type="submit"] {
    background-color: #2ea3f2; /* Divi Blue Color */
    color: #fff;
    cursor: pointer;
    border: none;
}

#registration-container input[type="submit"]:hover {
    background-color: #3498db; /* Darken color on hover */
}

/* Styling Notification Area */
#notification-area .notification {
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 5px;
}

#notification-area .notification.error {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

#notification-area .notification.success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}






/* MENU GPAGES */
.gpages-menu-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap; /* Ensure no wrapping */
    justify-content: start;
    gap: 10px; /* Adjust the space between buttons */
    align-items: center;
}

.gpages-menu-wrapper .et_pb_button_module_wrapper {
    display: inline-block; /* Makes the button container inline */
    margin-right: 10px; /* Space between buttons */
}

.et_pb_button {
    display: inline-block; /* Ensures the button itself is inline */
    /* Add any additional custom styles for the buttons here */
}
.gpages-active-button {
    background-color: #2ea3f2 !important; /* Change to your preferred color */
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
}






/* GMAE FORM AND NOTIFICATIONS */


/* Styles for the game form */
.game-form-container {
    border: 1px solid #cccccc;
    border-radius: 8px;
    padding: 20px;
    max-width: 400px;
    margin: auto;
}

.game-form {
    max-width: 300px;
    margin: auto;
}

.game-form-group {
    margin-bottom: 20px;
}

.game-form-input {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
	padding: 20px!important;
}

.game-form-button {
    width: 100%;
    background-color: #2ea3f2;
    color: #fff;
    padding: 10px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
}

/* Styles for notifications */
.game-notification {
    padding: 20px;
    border-radius: 5px;
    width: 400px;
    margin: auto auto 30px auto;
}

.game-notification.success {
    background-color: #d4edda;
    color: #155724;
}

.game-notification.error {
    background-color: #f8d7da;
    color: #721c24;
}

.game-notification.warning {
    background-color: #ffeeba;
    color: #856404;
}