@tailwind base;
@tailwind components;
@tailwind utilities;
@tailwind screens;

a {
	transition: all 0.5s;
}

img {
	image-rendering: -webkit-optimize-contrast;
}

/*
  =============
  Form Styles
  =============
*/

label,
legend {
	@apply mb-0 font-sans text-base font-medium leading-loose text-white;
}

label span,
legend span {
	@apply ml-1 font-sans text-xs font-normal leading-loose text-red-400;
}

input[type="text"] {
	@apply w-full mt-2 mb-4 font-sans text-base font-medium leading-loose border border-white rounded-md text-sky-900 focus:ring-2 focus:ring-teal-900;
}

textarea {
	@apply w-full h-32 mt-2 mb-5 font-sans text-base font-medium leading-loose border border-white rounded-md text-sky-900 focus:ring-2 focus:ring-teal-900;
}

select {
	@apply w-full mt-2 mb-4 font-sans text-base font-medium leading-loose border border-white rounded-md text-sky-900 h-14 focus:ring-2 focus:ring-teal-900;
}

fieldset {
	@apply mb-4;
}

fieldset label {
	@apply ml-2 text-sm;
}

input[type="submit"] {
	@apply inline-block px-6 py-3 font-sans text-base font-medium leading-none text-white transition duration-500 ease-in-out bg-teal-900 rounded-md cursor-pointer hover:bg-sky-500;
}

.hide_summary {
	@apply px-4 py-4 mb-4 font-sans text-sm font-medium leading-normal text-red-800 bg-red-300 rounded-md;
}

.validation_message {
	@apply mb-2 font-sans text-sm font-normal leading-loose text-red-400;
}

.consent {
	@apply mb-5 font-sans text-sm font-medium leading-normal text-white;
}

.gform_confirmation_message {
	@apply mb-4 font-sans text-base font-normal leading-normal text-blue-200;
}

/*
  ==============
  Wysiwyg
  ==============
*/

.wysiwyg h2 {
	@apply mb-4 font-sans text-base font-bold leading-relaxed text-white;
}

.wysiwyg a {
	@apply underline;
}

.wysiwyg a:hover {
	@apply text-teal-900;
}

.wysiwyg p {
	@apply mb-4 font-sans text-lg font-medium leading-relaxed text-white;
}

.wysiwyg ul {
	@apply pt-0 pb-0 pl-6 pr-0 mx-0 mt-8 mb-4 font-sans text-lg font-medium leading-loose text-white;
}

.wysiwyg li {
	@apply mb-2;
}

.wysiwyg li::before {
	content: "\f105";
	font-family: FontAwesome;
	display: inline-block;
	margin-left: -1.5rem;
	width: 1.5rem;
	color: rgb(37, 177, 154);
}

.aligncenter {
    margin: 0 auto 1.5rem auto;
}

img.aligncenter {
    margin: 0 auto 1.5rem auto;
}

.alignleft {
	float: none;
    margin: 0 auto 1.5rem auto;
}

img.alignleft {
	float: none;
    margin: 0 auto 1.5rem auto;
}

.alignright {
	float: none;
    margin: 0 auto 1.5rem auto;
}

img.alignright {
	float: none;
    margin: 0 auto 1.5rem auto;
}

/* intro */

.wysiwyg--intro p {
	@apply text-base leading-relaxed;
}

.wysiwyg--intro p strong {
	@apply mt-10 text-lg font-bold text-sky-500;
}

/* smlbox */

.wysiwyg--smlbox p {
	@apply mb-2 text-base text-sky-900;
}

.wysiwyg--smlbox p strong {
	@apply font-medium text-teal-900;
}

/* event */

.wysiwyg--event p {
	@apply text-lg;
}

/*
	==============
	Swiper styles
	==============
*/

#homeTestimonials .swiper {
	overflow-y: visible !important;
	overflow-x: clip !important;
}

#homeTestimonials .swiper-slide-active {
	@apply p-12 bg-teal-900;
}

#homeTestimonials .swiper-slide-active #title {
	@apply text-sky-900;
}

#homeTestimonials .swiper-slide-active #reviewer {
	@apply text-sky-900;
}

.swiper-pagination .swiper-pagination-bullet {
	@apply bg-white;
}

.unite-pagination {
	position: relative;
	bottom: -4vh !important;
}

.unite-pagination .swiper-pagination-bullet {
	@apply bg-white;
}


/*
  ============
  Testimonials
  ============
*/

.break-inside {
	break-inside: avoid;
}

.masonry {
	column-count: 1;
	column-gap: 4em;
}

/* sm: 640px */
@media (min-width: 640px) {
	.masonry {
		column-count: 1;
		column-gap: 4em;
	}
}

/* md: 768px */
@media (min-width: 768px) {
	.masonry {
		column-count: 2;
		column-gap: 4em;
	}
}

/* xl: 1280px */
@media (min-width: 1280px) {
	.masonry {
		column-count: 3;
		column-gap: 4em;
	}
}