@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";



/**
 * COMPONENTS
 */
@layer components {
	/**
	 * ISS/PANEL-CONTAINER
	 */

	.iss-panel-container {
		@apply mx-5 lg:mx-20 my-14 max-w-screen-lg;
	}

	.iss-panel-container--wide {
		@apply max-w-screen-2xl;
	}

	/**
	 * ISS/PANEL-TITLE
	 */

	.iss-panel-title {
		@apply text-2xl text-gray-800 mb-3 antialiased;
	}

	/**
	 * ISS/PANEL
	 */

	.iss-panel {
		@apply bg-gray-200;
	}

	.iss-panel__grid {
		@apply grid grid-cols-1;
	}

	/**
	 * ISS/FIELD
	 */

	.iss-field {
		@apply block bg-white py-5 px-5 lg:px-7 ring-1 ring-gray-200;
	}

	.iss-field--p-0 {
		@apply py-0 px-0 lg:px-0;
	}

	/**
	 * ISS/FORM-FIELD
	 */

	.iss-form-field {
		@apply lg:flex lg:items-baseline;
	}

	.iss-form-field--stacked {
		@apply lg:block lg:items-baseline;
	}

	.iss-form-field__title {
		@apply lg:w-3/12 lg:pr-5 text-gray-800 text-sm font-medium;
	}

	.iss-form-field--stacked .iss-form-field__title {
		@apply lg:w-auto lg:pr-0;
	}

	.iss-form-field__content {
		@apply lg:w-9/12 mt-2 lg:mt-0 space-y-2;
	}

	.iss-form-field--stacked .iss-form-field__content {
		@apply lg:w-auto lg:mt-2;
	}

	.iss-form-field__description {
		@apply mt-2 text-xs leading-normal text-gray-500;
	}
}



/**
 * COMPONENTS/WP-OVERRIDES
 */
@layer components {
	/**
	 * WP/ADMIN-PAGE
	 */

	body {
		@apply bg-gray-100 text-gray-700 text-sm;
	}

	img {
		@apply border-0;
	}

	#wpcontent {
		@apply pl-0;
	}

	#wpbody-content {
		@apply pb-20;
	}

	@media screen and (max-width: 782px) {
		.auto-fold #wpcontent {
			@apply pl-0;
		}
	}

	/**
	 * WP/LINKS
	 */

	a {
		@apply text-accent-600 transition;
	}

	/**
	 * WP/FORM-ELEMENTS
	 */

	input[type='text'].iss-form-control,
	input[type='password'].iss-form-control,
	input[type='email'].iss-form-control,
	input[type='number'].iss-form-control,
	input[type='url'].iss-form-control,
	input[type='date'].iss-form-control,
	input[type='datetime-local'].iss-form-control,
	input[type='month'].iss-form-control,
	input[type='week'].iss-form-control,
	input[type='time'].iss-form-control,
	input[type='search'].iss-form-control,
	input[type='tel'].iss-form-control,
	textarea.iss-form-control {
		@apply w-full lg:max-w-md text-gray-700 mt-2 lg:mt-0 py-1.5 px-2.5 text-sm border border-gray-400;
	}

	textarea.iss-form-control {
		@apply block;
	}

	select.iss-form-control,
	select[multiple].iss-form-control {
		@apply w-full lg:max-w-md text-gray-700 border border-gray-400 mt-2 lg:mt-0 py-1.5 px-2.5 text-sm;
	}

	input[type='checkbox'].iss-form-control,
	input[type='radio'].iss-form-control {}

	/**
	 * WP/BUTTON
	 */

	.wp-core-ui .button,
	.wp-core-ui .button-primary,
	.wp-core-ui .button-secondary {}

	.wp-core-ui .button-group.button-large .button,
	.wp-core-ui .button.button-large {
		@apply font-semibold;
	}

	.wp-core-ui .button-warning,
	.wp-core-ui .button-warning:focus {
		@apply text-white hover:text-white bg-red-600 border-red-600 hover:bg-red-700 hover:border-red-700 focus:ring-offset-1 focus:ring-2 focus:ring-red-600;
	}
}