/**
 * Gallery styles
 *
 * @author      Jim Mock
 * @copyright   2025, ON1
 */

strong,
em {
	color: var(--white);
}

.has-border {
	border-bottom: 2px solid transparent;
	border-image: linear-gradient(to right, var(--bg-color), var(--light-blue), var(--bg-color));
	border-image-slice: 1;
	width: 100%;
}

.has-border-top {
	border-top: 2px solid transparent;
	border-image: linear-gradient(to right, var(--bg-color), var(--light-blue), var(--bg-color));
	border-image-slice: 1;
	width: 100%;
}

#gallery-navigation.sticky.is-sticky {
	background: rgba(0, 0, 0, 0.75);
}

#gallery-wrapper img {
	max-height: 318px;
	width: 100%;
	object-fit: cover;
}

#gallery-image .next-post a,
#gallery-image .prev-post a {
	border-bottom: 1px solid #c2dfff;
	color: #c2dfff;
}

#gallery-uploader .wpforms-one-half {
	float: right;
	width: 48%;
}

#gallery-uploader .wpforms-one-half.wpforms-first { float: left; }

#gallery-uploader label {
	color: var(--text-color);
	display: block;
	font-size: 1rem;
	margin-bottom: 0.5rem;
}

#gallery-uploader label.wpforms-field-sublabel { font-size: 0.75rem; }
#gallery-uploader .form-group { margin-bottom: 1.875rem; }
#gallery-uploader .form-group.wpforms-field-title { width: 50%; }

#gallery-uploader input[type="text"],
#gallery-uploader textarea,
#gallery-uploader div.wpforms-container div.wpforms-uploader {
	background: var(--box-bg);
	border-radius: 0.375rem;
}

#gallery-uploader input[type="text"]:focus,
#gallery-uploader textarea:focus {
	border: 1px solid var(--light-blue);
}

#gallery-uploader textarea,
#gallery-uploader div.wpforms-container div.wpforms-uploader {
	min-height: 200px;
}

#gallery-uploader div.wpforms-container div.wpforms-uploader .dz-message {
	color: #7c7c7d;
}

#gallery-uploader div.wpforms-container div.wpforms-uploader .dz-message svg {
	fill: #7c7c7d;
	opacity: 1;
}

#gallery-uploader .wpforms-required-label {
	color: var(--red);
}

#gallery-uploader .wpforms-form .wpforms-list-3-columns ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0.5rem 0 0 0;
	padding: 0;
}

#gallery-uploader .wpforms-form .wpforms-list-3-columns ul li {
	display: block;
	padding-right: 20px !important;
	width: 33.3333%;
}

#gallery-uploader .wpforms-submit-container {
	text-align: center;
}

#gallery-uploader .wpforms-form input[type=checkbox] {
	border: 1px solid #bdbdbe;
	background-color: #fff;
	display: inline-block;
	margin: 0 0.313rem 0 0;
	vertical-align: baseline;
}

#gallery-uploader .wpforms-form .wpforms-field-label-inline {
	display: inline;
	font-size: 0.875rem;
	vertical-align: baseline;
}

#gallery-uploader .wpforms-field-limit-text {
	color: #7c7c7d;
	display: block;
	font-size: .875rem;
	margin-bottom: 0;
	margin-top: 0.25rem;
}

/*------------------------------------------------------------------------------
 * Mobile
 -----------------------------------------------------------------------------*/
/* Phones & small screens */
@media only screen and (min-width: 320px) and (max-width: 812px) and (-webkit-min-device-pixel-ratio: 2) {
	#gallery-uploader .form-group.wpforms-field-title { width: 100%; }

	#gallery-uploader .wpforms-form .wpforms-list-3-columns ul li {
			float: none;
			width: 100%
	}
}