@charset "UTF-8";

@media (max-width: 600px) {

	.event-next-title {
		font-size: 20px;
    margin: 0 !important;
	}

	.footer {
		display: inline-flex;
	  height: 19vh;
	  padding-bottom: 0vh;
	  padding-top: 0vh;
	}

	.footer-info {
		height: 20vh;
		width: 54%;
		font-size: 16px;
		align-content: center;
	}

	.footer .nav-extra {
		width: 20%;
    justify-content: center;
    align-content: space-between;
    flex-wrap: wrap;
	}

	.footer .nav-extra .navextra-item {
		margin: 0;
		margin-bottom: 20px;
	}

	.footer .social-media .icon {
		margin: 0;
		margin-bottom: 20px;
	}

	.footer .social-media {
		width: 20%;
	  justify-content: center;
	  align-content: space-between;
	  flex-wrap: wrap;
	}

	.footer .nav-extra .navextra-item a {
		font-size: 48px;
	}

	.footer .social-media .icon img {
		width: 48px;
		height: 48px;
	}

	.section {
		padding: 40px 0;
	}

	.foh-event-wrapper,
	.foh-event-wrapper-highlight,
	.foh-event-wrapper-grs {
		padding: 0.5em;
	}

	.foh-event-date {
		margin-bottom: 0.5em;
	}

	.foh-event-title-description-wrapper {
		width: 100%;
		margin-bottom: 0;
	}

	.foh-event-ticket-link img {
		height: 12vh !important;
	}

	.calendar-extras {
		position: relative;
		transform: scale(0.8);
	}

	.cal-wrapper {
		width: 100%;
	}

	.my-account .my-preferences-container {
		width: 100%;
	}

	.my-account .my-preferences-container .my-preference {
		width: 100%;
	}

	.alternative-facilities-search-wrapper {
		width: 100% !important;
		justify-content: center !important;
	}

	.directory-search-results {
		display: flex;
	}

	.fms-image-guidance {
		width: 100% !important;
	}

	.fms-acts .act-container-editing {
		zoom: normal !important;
		margin: 0 0 10px 0 !important;
	}

	.fms-acts .act-container {
				width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto 10px 0;
	}

	.fms-acts .act-container .act-wrapper {
			display: flex;
	    flex-wrap: wrap;
	    justify-content: space-between;
	}

	.fms-acts {
		width: 100%;
	}

	.fms-acts .act-container img {
		width: 20% !important;
		height: auto !important;
		border-radius: 10px !important;
	}

	.fms-acts .act-container .act-image {
		width: 100% !important;
	}

	.fms-acts .act-container .name {
		width: 78%;
		border-radius: 10px !important;
	}

	.mobile-display-none {
		display: none !important;
	}

	.navbar>.container,
	.navbar>.container-fluid,
	.navbar>.container-lg,
	.navbar>.container-md,
	.navbar>.container-sm,
	.navbar>.container-xl,
	.navbar>.container-xxl {
		justify-content: space-evenly !important;
	}

	.section,
	.accounts {
		padding: 10px 0 10px 0 !important;
		width: 100%;
	}

	div:where(.swal2-container) div:where(.swal2-popup) {
			border-radius: 30px !important;
			border: solid 5px limegreen !important;
	    transform: scale(1) !important;
	    font-size: 0.9em !important;
	}

	div:where(.swal2-container) div:where(.swal2-actions) {
			gap: 10px;
	}

  .boookings-confirmation-payment-message {
   	margin: 10px 0 10px 0;
    width: 100% !important;
    font-size: 0.8em !important;
   }

	.mobile-message {
		display: block;
	}

	.fms-password-toggle-reveal {
		left: 78%;
	}

	.main-login-wrapper {
		width: 100%;
	}

	.registration-input {
		width: 100%;
	}

	.navbar-center {
		width: 100% !important;
		justify-content: center !important;
	}

	.navbar-reform {
		width: 100% !important;
	}

	.nav-link,
	.navbar-reform {
		text-align: center !important;
	}

	/* DATE PICKER */
	.date-picker {

	}

	.date-picker.open {
		transform: translateY(8px) scale(1) !important;
	}

	.logo-wrapper .welcome-text {
		font-size: 1.25em;
		bottom: 30%;
	}

	.event-select {
		margin-bottom: 10px;
	}
}

@media (hover: none) {
	.date-picker {
		transition: opacity 0.25s ease;
  }

  .date-picker::before,
  .date-picker::after {
    display: none;
  }
}