.input-group {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
            max-width: 800px;
            flex-wrap:wrap;
        }
        #queue {
            margin-top: 20px;
        }
        .queue-item {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
        }
        .queue-item img {
            width: 50px;
            height: 70px;
            object-fit: cover;
            margin-right: 10px;
			cursor:pointer;
        }
        .queue-item button {
            margin-left: 10px;
        }
        .quantity-controls {
            display: flex;
            align-items: center;
        }
        .quantity-controls button {
            margin: 0 5px;
            padding: 5px 10px; 
        }
		.disabled {
            pointer-events: none;
        }
        .enabled {
            background-color: green;
            color: white;
			cursor: pointer;
        }
        .pointer {
			cursor: pointer;
        }
		.shadowbox {
			display: none;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.8);
			justify-content: center;
			align-items: center;
			z-index: 1000;
		}
		.shadowbox img {
			max-width: 90%;
			max-height: 90%;
		}
		.shadowbox:target {
			display: flex;
		}
		input[type=number]::-webkit-outer-spin-button,
		input[type=number]::-webkit-inner-spin-button {
			-webkit-appearance: none;
			margin: 0;
		}
		input[type=number] {
			-moz-appearance: textfield;
		}
		.faq-container {
			margin-top: 40px;
		}
		.accordion {
			border: 1px solid #ccc;
			border-radius: 4px;
			overflow: hidden;
		}
		.accordion-item {
			border-top: 1px solid #ccc;
		}
		.accordion-button {
			background-color: #f1f1f1;
			color: #333;
			padding: 15px;
			width: 100%;
			border: none;
			text-align: left;
			outline: none;
			cursor: pointer;
			transition: background-color 0.3s ease;
		}
		.accordion-button:hover {
			background-color: #ddd;
		}
		.accordion-content {
			display: none;
			padding: 15px;
			background-color: white;
			border-top: 1px solid #ddd;
		}
		.accordion-content p {
			margin: 0;
		}
		#imageUrls {
			min-height:11em;
		}

    .form-group {
        display: flex;
        flex-direction: column;
        gap: 10px; 
    }

    .field-container {
        display: flex;
        flex-direction: column;
    }

    label {
        margin-bottom: 5px; 
    }
	#logo {
		width:150px;
	}
	#sitename {
		width:150px;
	}
@media screen and (max-width: 1280px) {
	#logo {
		max-height:42px;
		object-fit:contain;
		margin:7px;
		width:unset;
	}
	#sitename {
		width:unset;
		max-height:50px;
		max-width: 150px;
		vertical-align:top;
		margin:20px 0 0 0;
	}
	#logocontainer {
	height:50px;
	}
}

.accordion-button {
background-color:unset;
border-radius:unset;
padding:0 0 0 10px;
}

div.accordion-content ul li a:hover {
  color: blue;
}

.accordion-content {
color:black;
}

.accordion-button:hover {
background:rgba(0, 255, 0, 0.25);
}

.cog-form__container {
	background-color: transparent !important;
}

.cog-header, .cog-branding__powered, .cog-branding--minimal, .cog-abuse {
display:none !important;
visibility:none !important;
}

.cog-label, label[id^="cog"] {
  color: white !important;
}

.cog-cognito {
margin:0 !important;
}