/**
 * Theme Name: generatepress-child
 * Template:   generatepress
 * Author: Mark
 */
 
 .background-video {
    position: absolute;
    opacity: 0.5;
}
video[poster] {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
[id^="product-"]{
	width:1000px;
	margin:auto
}
.product_title {
	display:none;
}
.woocommerce .woocommerce-breadcrumb {
	width:900px;
	margin: auto;
}

.homepage-game-tables {
	font-size:21px!important;
}

.homepage-banner-cta {
	position: relative;
	top: -33vh
}
@media (max-width: 900px) {
    .homepage-banner-cta {
    	position: relative;
    	top: -25vh
    }
    
    .homepage-contact-video {
    	position: relative;
    	top: 7vh;
    }
    #contact-form-get-in-touch {
    	height:32vh;
    		padding:3px;
    }
}

@media (max-width: 480px) {
    .homepage-banner-cta {
    	position: relative;
    	top: -15vh
    }
}


.wp-block-cover{
	align-items: flex-start
}

.gb-container-bdcf46fa{
	position:relative;
	top:-3vh;
}
#contact-form-get-in-touch {
  background-color: #e0e0e0; /* Light gray background for the form */
  padding: 10px; /* Reduce padding around the form */
  border-radius: 10px; /* Round corners */
  max-width: 600px; /* Set a maximum width */
  height: 320px; /* Shrink height to 280px */
  margin: 0 auto; /* Center the form horizontally */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Add a subtle shadow */
  overflow: hidden; /* Prevent overflow */
  display: flex; /* Use flexbox for alignment */
  flex-direction: column; /* Stack items vertically */
  justify-content: space-between; /* Distribute elements evenly */
}

#contact-form-get-in-touch p {
  margin-bottom: 5px; /* Reduce spacing between fields */
}

#contact-form-get-in-touch label {
  font-size: 10px; /* Smaller label font size */
  font-weight: bold; /* Make labels bold */
  margin-bottom: 2px; /* Minimize space below the label */
}

#contact-form-get-in-touch input,
#contact-form-get-in-touch textarea {
  width: 100%; /* Full width inputs */
  padding: 5px; /* Reduce padding inside inputs */
  font-size: 12px; /* Reduce font size */
  border: 1px solid #ccc; /* Light border */
  border-radius: 5px; /* Round corners */
  box-sizing: border-box; /* Include padding in width */
}

#contact-form-get-in-touch textarea {
  resize: none; /* Prevent textarea resizing */
  height: 50px; /* Reduce textarea height */
}

#contact-form-get-in-touch input[type="submit"] {
  background-color: #0073aa; /* Submit button background */
  color: #fff; /* Submit button text color */
  border: none; /* Remove border */
  border-radius: 5px; /* Rounded corners */
  padding: 5px 10px; /* Shrink padding */
  font-size: 12px; /* Smaller button font */
  cursor: pointer; /* Pointer cursor on hover */
  transition: background-color 0.3s ease; /* Smooth hover effect */
}

#contact-form-get-in-touch input[type="submit"]:hover {
  background-color: #005a8c; /* Darker background on hover */
}

#get-in-touch{
	text-align:center
}

.img-footer {
	border-radius: 10px;
}

.img-footer img{
	border-radius: 10px;
}


/************* Custom Category Grid **********/

.custom-category-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 items per row */
    gap: 20px; /* Space between items */
    padding: 20px;
	  margin: auto;
}

.category-item {
    text-align: center;
    border: 1px solid #ddd;
    padding: 15px;
    background: #fff;
    border-radius: 8px;
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; /* Make all items the same height */
}

.category-item:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.product-link {
    text-decoration: none;
    color: #333;
    flex-grow: 1; /* Ensures the link takes up space between image and title */
}

.product-image {
    max-width: 100%;
    height: auto; /* Maintain aspect ratio */
    margin-bottom: 10px;
}

.product-name {
    margin-top: 10px;
    font-size: 1.2em;
    font-weight: 600;
    flex-shrink: 0; /* Ensures the title stays at the bottom */
}

@media (max-width: 768px) {
    .custom-category-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 items per row for tablets */
    }
}

@media (max-width: 480px) {
    .custom-category-grid {
        grid-template-columns: 1fr; /* 1 item per row for mobile devices */
    }
}

/************* End Custom Category Grid **********/


#menu-item-155 {
	background-color: black;
	border-radius: 5px;
	
}

#menu-item-155:hover {
	background-color: white;
	border: 2px solid;
}

#menu-item-155 a {
	color:white;
}

#menu-item-155 a:hover {
	color:grey;
	
}


@media(max-width: 900px) {
	[id^="product-"], .woocommerce .woocommerce-breadcrumb  {
	width: auto!important;
	}
}