/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/*solve overflow*/
html, body {
    overflow-x: hidden;
}

/* archive page breadcrumbs padding */
body.archive .yoast-breadcrumb {
  padding-top: 40px;
}

/* remove homepage top gap*/
.home.separate-containers .inside-article {
    padding-top: 0;
}

.home .site-main {
    margin-top: 0;
}

/* container ribbon*/
.gb-container.has-ribbon {
    position: relative;
}
.gb-headline.is-ribbon {
    position: absolute;
    top: -20px;
    left: -10px;
}

/* footer menu font size */
div.menu-footer-about-us-container {
	font-size: 14px;
}

/* change cursor to pointer (finger) on copy-to-clipboard buttons*/
#copyButton {
    cursor: pointer;
}

/* GEO dropdown button */
/* Main button styling with green color */
.geo-button {
    background-color: #28a745; /* Green color */
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    border: none;
    cursor: pointer;
    border-radius: 20px;
    display: flex;
    align-items: center;
}

/* Button hover color set to a darker green */
.geo-button:hover {
    background-color: #218838; /* Darker green for hover */
}

/* Default flag icon size and styling */
.current-flag-icon {
    width: 25px;
    height: 25px;
    border-radius: 5px;
    object-fit: cover;
    margin-right: 8px;
}

/* Dropdown container styling */
.geo-dropdown {
    position: relative;
    display: inline-block;
    align-items: center;
}

/* Dropdown content styling */
.geo-dropdown-content {
    display: none; /* Initially hidden */
    position: absolute;
    top: 100%; /* Position dropdown below the button */
    right: 0;
    background-color: #ffffff;
    width: 126px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    border-radius: 5px;
    padding: 8px 0;
}

/* Show dropdown when hovering over the geo-dropdown container */
.geo-dropdown:hover .geo-dropdown-content {
    display: block;
}

/* Styling for dropdown items with flag and text */
.geo-dropdown-content a {
    color: #333333 !important; /* Text color */
    padding: 8px 12px;
    text-decoration: none;
    display: flex;
    align-items: center;
}

/* Dropdown flag icon size */
.flag-icon {
    width: 25px;
    height: 25px;
    border-radius: 5px;
    object-fit: cover;
    margin-right: 8px;
}

/* Hover effect for dropdown items */
.geo-dropdown-content a:hover {
    background-color: #f1f1f1;
}

/* Responsive adjustments for mobile screens */
@media (max-width: 768px) {
    .geo-button {
        padding: 6px 10px; /* Reduce padding on mobile */
        font-size: 13px;   /* Smaller text size */
    }
    
    .current-flag-icon {
        width: 20px; /* Smaller flag size on mobile */
        height: 20px;
    }
    
    .geo-dropdown-content {
        width: 100px; /* Narrower dropdown width for mobile */
    }

    .geo-dropdown-content a {
        padding: 6px 10px; /* Reduce padding inside dropdown items */
    }
}

/* casino box ribbon */
/* Container Styling */
.custom-ribbon-container {
    position: relative; /* Enable ribbon positioning */
    overflow: hidden; /* Prevent layout disruption */
}

/* Ribbon Styling */
.custom-ribbon {
    position: absolute;
    top: 30px; /* Adjust top position */
    left: -60px; /* Adjust right position */
    background: linear-gradient(45deg, #5DA9E9, #2176C1); /* 3D gradient effect */
    color: white;
    padding: 3px 50px; /* Ribbon size */
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    transform: rotate(-45deg); /* Tilt the ribbon */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* 3D shadow */
    z-index: 10; /* Ensure it appears above content */
	border: 1px solid #2176C1; /* Darker blue for border */
	letter-spacing: 0.5px; /* Slightly spaced text for better readability */
}

.no-deposit-ribbon {
    position: absolute;
    top: 25px; /* Adjust top position */
    left: -60px; /* Adjust right position */
    background: linear-gradient(45deg, #FF6F91, #FF3E6B);
    color: white;
    padding: 3px 50px; /* Ribbon size */
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    transform: rotate(-45deg); /* Tilt the ribbon */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* 3D shadow */
    z-index: 10; /* Ensure it appears above content */
	border: 1px solid #FF69B4; /* Darker blue for border */
	letter-spacing: 0.5px; /* Slightly spaced text for better readability */
}

/* copy to clip button with scissors */
#copyButton {
    position: relative; /* Establish positioning context */
}

#copyButton:after {
    content: "\2701"; /* Unicode for scissors */
    position: absolute; /* Allow precise placement */
    top: 50%; /* Vertically center the scissors */
    left: -23px; /* Place scissors to the left of the button */
    transform: translateY(-50%) rotate(-90deg); /* Rotate and vertically align */
    font-size: 28px; /* Size of the scissors */
    color: #E0A800; /* Golden scissors color */
    z-index: 1; /* Ensure it appears above the dashed line */
}

#bonusButton {
    position: relative; /* Establish positioning context */
}

#bonusButton:after {
    content: "\2701"; /* Unicode for scissors */
    position: absolute; /* Allow precise placement */
    top: 50%; /* Vertically center the scissors */
    left: -23px; /* Place scissors to the left of the button */
    transform: translateY(-50%) rotate(-90deg); /* Rotate and vertically align */
    font-size: 28px; /* Size of the scissors */
    color: #E0A800; /* Golden scissors color */
    z-index: 1; /* Ensure it appears above the dashed line */
}