/* Custom Modern Styles for User Submitted Posts Form */
/* Base container using USP hook */
#user-submitted-posts {
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	padding: 20px;
	max-width: 1000px;
	margin: 20px auto;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	font-family: 'Outfit', sans-serif;
}
  
/* Form and fieldset resets */
div#user-submitted-posts form,
div#user-submitted-posts fieldset {
	margin: 0 0 20px;
	padding: 0;
	border: none;
}
  
/* Section Headings via legend */
div#user-submitted-posts fieldset legend h3 {
	font-size: 1.5em;
	margin-bottom: 10px;
	color: #333;
}
  
/* Labels */
div#user-submitted-posts label {
	display: block;
	font-size: 0.9em;
	color: #555;
	margin-top: 15px;
	margin-bottom:5px;
}
  
/* Inputs, textareas, and selects using USP hooks and custom classes */
div#user-submitted-posts input[type="text"],
div#user-submitted-posts input[type="email"],
div#user-submitted-posts input[type="url"],
div#user-submitted-posts textarea,
div#user-submitted-posts select {
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 0.9em;
	box-sizing: border-box;
	transition: border-color 0.3s ease;
	color: #333 !important;
}
  
div#user-submitted-posts input:focus,
div#user-submitted-posts textarea:focus,
div#user-submitted-posts select:focus {
	border-color: #15455b;
	outline: none;
}
  
/* Placeholder text styling */
div#user-submitted-posts input::placeholder,
div#user-submitted-posts textarea::placeholder,
div#user-submitted-posts select::placeholder {
	color: #aaa;
	opacity: 0.7;
}
  
/* Submit Button */
div#user-submitted-posts .usp-submit {
	background: #2D3748;
	color: #fff;
	border: none;
	padding: 10px 40px;
	margin-top:1em;
	border-radius: 4px;
	cursor: pointer;
	font-size: 18px;
	transition: background 0.3s ease;
}
  
div#user-submitted-posts .usp-submit:hover {
	background: #52C9CA;
}
  
/* USP Hook: Captcha, images, etc. */
fieldset.usp-captcha,
fieldset.usp-images,
fieldset.usp-custom {
	margin-bottom: 20px;
}
  
/* Make file inputs smaller in general */
fieldset.usp-images input[type="file"] {
	font-size: 0.85em;     /* Smaller text */
	padding: 4px 8px;      /* Less padding */
	width: auto;           /* Don’t force 100% width */
	cursor: pointer;       /* Pointer cursor for consistency */
	box-sizing: border-box;
  }
  
  /* Style the actual "Choose File" button in WebKit browsers */
  fieldset.usp-images input[type="file"]::-webkit-file-upload-button {
	background: #2D3748;   /* Button background color */
	color: #fff;           /* Button text color */
	border: none;
	border-radius: 4px;
	padding: 4px 8px;
	font-size: 0.85em;
	cursor: pointer;
  }
  fieldset.usp-images input[type="file"]::-webkit-file-upload-button:hover {
	background: #52C9CA;   /* Button background color */
  }
  
/* Error and Success Messages */
div#usp-error-message,
div#usp-success-message {
	margin-bottom: 20px;
	font-weight: 500;
	color: #cc3333;
}

div#usp-success-message {
	font-weight: 500;
	color: #52C9CA;
}
  
/* Hide unused elements */
.usp-hidden,
.usp-no-js {
	display: none;
}