/* =========================================================
   MORAWAY MOBILE NAVIGATION
   Revised typography + cleaner accordion state
   ========================================================= */

@media (max-width: 1050px) {

	/* =====================================================
	   ROOT PANEL
	   ===================================================== */

	#mega-menu-wrap-primary,
	#mega-menu-wrap-primary #mega-menu-primary {
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		box-sizing: border-box !important;
	}

	#mega-menu-wrap-primary #mega-menu-primary {
		display: block !important;

		/*
		 * Reserved space for the absolutely-positioned
		 * mobile close control.
		 */
		padding: 76px 0 24px !important;

		background: #1e7372 !important;

		border: 0 !important;
		border-radius: 0 !important;

		box-shadow: none !important;
	}

	#mega-menu-wrap-primary #mega-menu-primary,
	#mega-menu-wrap-primary #mega-menu-primary ul,
	#mega-menu-wrap-primary #mega-menu-primary li {
		float: none !important;

		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;

		margin: 0 !important;

		box-sizing: border-box !important;
	}


	/* =====================================================
	   PREVENT OPEN SUBMENUS BLEEDING OUT WHEN GLOBAL
	   MOBILE MENU IS CLOSED
	   ===================================================== */

	#mega-menu-wrap-primary
	.mega-menu-toggle:not(.mega-menu-open)
	~ #mega-menu-primary
	.mega-sub-menu {
		display: none !important;
	}


	/* =====================================================
	   REMOVE DESKTOP MEGA-MENU COLUMN LAYOUT
	   ===================================================== */

	#mega-menu-wrap-primary #mega-menu-primary .mega-menu-column,
	#mega-menu-wrap-primary #mega-menu-primary .mega-menu-columns-1-of-2,
	#mega-menu-wrap-primary #mega-menu-primary .mega-menu-columns-1-of-3,
	#mega-menu-wrap-primary #mega-menu-primary .mega-menu-columns-1-of-4,
	#mega-menu-wrap-primary #mega-menu-primary .mega-menu-column-standard {
		float: none !important;

		display: block !important;

		width: 100% !important;
		max-width: none !important;

		clear: both !important;
	}


	/* =====================================================
	   LEVEL 1
	   HOME / DESTINATIONS / IMPACTS / ABOUT / BLOG
	   ===================================================== */

	#mega-menu-wrap-primary
	#mega-menu-primary
	> li.mega-menu-item {
		display: block !important;
		position: relative !important;

		width: 100% !important;

		padding: 0 !important;

		background: #1e7372 !important;

		border: 0 !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.16) !important;
	}

	#mega-menu-wrap-primary
	#mega-menu-primary
	> li.mega-menu-item
	> a.mega-menu-link {
		position: relative !important;

		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;

		width: 100% !important;
		min-height: 60px !important;

		padding: 16px 22px !important;

		background: #1e7372 !important;
		color: #ffffff !important;

		font-size: 19px !important;
		font-weight: 600 !important;
		line-height: 1.35 !important;

		white-space: normal !important;
		overflow-wrap: anywhere !important;

		text-align: left !important;
		text-decoration: none !important;

		border: 0 !important;
		border-radius: 0 !important;

		box-shadow: none !important;

		transition:
			background-color 0.2s ease,
			color 0.2s ease !important;
	}

	#mega-menu-wrap-primary
	#mega-menu-primary
	> li.mega-menu-item
	> a.mega-menu-link:hover,
	#mega-menu-wrap-primary
	#mega-menu-primary
	> li.mega-menu-item
	> a.mega-menu-link:focus {
		background: #1a8d8c !important;
		color: #ffffff !important;
	}


	/* current page */

	#mega-menu-wrap-primary
	#mega-menu-primary
	> li.mega-current-menu-item
	> a.mega-menu-link,
	#mega-menu-wrap-primary
	#mega-menu-primary
	> li.mega-current_page_item
	> a.mega-menu-link {
		background: #1a8d8c !important;
		color: #f5a313 !important;
	}


	/* expanded top-level item */

	#mega-menu-wrap-primary
	#mega-menu-primary
	> li.mega-menu-item-has-children.mega-toggle-on
	> a.mega-menu-link {
		background: #1a8d8c !important;
		color: #f5a313 !important;

		border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
	}


	/* =====================================================
	   LEVEL 2
	   DESTINATION REGIONS
	   ===================================================== */

	#mega-menu-wrap-primary
	#mega-menu-primary
	> li
	> ul.mega-sub-menu {
		position: static !important;
		inset: auto !important;

		float: none !important;

		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;

		margin: 0 !important;
		padding: 0 !important;

		background: #1a6867 !important;

		border: 0 !important;
		border-radius: 0 !important;

		box-shadow: none !important;

		transform: none !important;
	}

	#mega-menu-wrap-primary
	#mega-menu-primary
	> li
	> ul.mega-sub-menu
	> li.mega-menu-item {
		position: relative !important;

		display: block !important;

		width: 100% !important;

		padding: 0 !important;

		background: #1a6867 !important;

		border: 0 !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
	}

	#mega-menu-wrap-primary
	#mega-menu-primary
	> li
	> ul.mega-sub-menu
	> li.mega-menu-item
	> a.mega-menu-link {
		position: relative !important;

		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;

		width: 100% !important;
		min-height: 56px !important;

		padding: 14px 22px 14px 36px !important;

		background: #1a6867 !important;
		color: #ffffff !important;

		/*
		 * Client request:
		 * Region and Country use SAME font size.
		 */
		font-size: 18px !important;
		font-weight: 600 !important;
		line-height: 1.4 !important;

		white-space: normal !important;
		overflow-wrap: anywhere !important;

		text-align: left !important;
		text-decoration: none !important;

		border: 0 !important;
		border-radius: 0 !important;

		box-shadow: none !important;

		transition:
			background-color 0.2s ease,
			color 0.2s ease !important;
	}

	#mega-menu-wrap-primary
	#mega-menu-primary
	> li
	> ul.mega-sub-menu
	> li.mega-menu-item
	> a.mega-menu-link:hover,
	#mega-menu-wrap-primary
	#mega-menu-primary
	> li
	> ul.mega-sub-menu
	> li.mega-menu-item
	> a.mega-menu-link:focus {
		background: #1a8d8c !important;
		color: #ffffff !important;
	}


	/* gold region marker */

	#mega-menu-wrap-primary
	#mega-menu-primary
	> li
	> ul.mega-sub-menu
	> li
	> a.mega-menu-link::before {
		content: "";

		position: absolute;

		top: 50%;
		left: 19px;

		width: 4px;
		height: 22px;

		background: #f5a313;

		border-radius: 999px;

		transform: translateY(-50%);
	}


	/* open region */

	#mega-menu-wrap-primary
	#mega-menu-primary
	> li
	> ul.mega-sub-menu
	> li.mega-toggle-on
	> a.mega-menu-link {
		background: #1a8d8c !important;
		color: #f5a313 !important;
	}


	/* =====================================================
	   LEVEL 3
	   DESTINATION COUNTRIES
	   SAME TYPE SIZE AS REGION
	   ===================================================== */

	#mega-menu-wrap-primary
	#mega-menu-primary
	ul.mega-sub-menu
	ul.mega-sub-menu {
		position: static !important;
		inset: auto !important;

		float: none !important;

		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;

		margin: 0 !important;
		padding: 6px 0 !important;

		background: #195f5e !important;

		border: 0 !important;
		border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
		border-radius: 0 !important;

		box-shadow: none !important;

		transform: none !important;
	}

	#mega-menu-wrap-primary
	#mega-menu-primary
	ul.mega-sub-menu
	ul.mega-sub-menu
	> li.mega-menu-item {
		display: block !important;

		width: 100% !important;

		margin: 0 !important;
		padding: 0 !important;

		background: #195f5e !important;

		border: 0 !important;
	}

	#mega-menu-wrap-primary
	#mega-menu-primary
	ul.mega-sub-menu
	ul.mega-sub-menu
	> li.mega-menu-item
	> a.mega-menu-link {
		display: flex !important;
		align-items: center !important;

		width: 100% !important;
		min-height: 50px !important;

		padding: 11px 22px 11px 48px !important;

		background: #195f5e !important;
		color: rgba(255, 255, 255, 0.94) !important;

		
		font-size: 20px !important;
		font-weight: 400 !important;
		line-height: 1.4 !important;

		white-space: normal !important;
		overflow-wrap: anywhere !important;

		text-align: left !important;
		text-decoration: none !important;

		border: 0 !important;
		border-radius: 0 !important;

		box-shadow: none !important;

		transition:
			background-color 0.18s ease,
			color 0.18s ease,
			padding-left 0.18s ease !important;
	}

	#mega-menu-wrap-primary
	#mega-menu-primary
	ul.mega-sub-menu
	ul.mega-sub-menu
	> li.mega-menu-item
	> a.mega-menu-link:hover,
	#mega-menu-wrap-primary
	#mega-menu-primary
	ul.mega-sub-menu
	ul.mega-sub-menu
	> li.mega-menu-item
	> a.mega-menu-link:focus {
		background: #1a8d8c !important;
		color: #ffffff !important;

		padding-left: 52px !important;
	}


	/* =====================================================
	   ACCORDION INDICATORS
	   ===================================================== */

	#mega-menu-wrap-primary
	#mega-menu-primary
	.mega-menu-item-has-children
	> a.mega-menu-link
	> .mega-indicator {
		position: relative !important;

		top: auto !important;
		right: auto !important;

		display: flex !important;
		align-items: center !important;
		justify-content: center !important;

		flex: 0 0 36px !important;

		width: 36px !important;
		height: 36px !important;

		margin: -7px -8px -7px 14px !important;
		padding: 0 !important;

		background: transparent !important;

		color: currentColor !important;

		border: 0 !important;

		font-size: 0 !important;
	}

	#mega-menu-wrap-primary
	#mega-menu-primary
	.mega-indicator::after {
		content: "" !important;

		display: block !important;

		width: 9px !important;
		height: 9px !important;

		border-right: 2px solid currentColor !important;
		border-bottom: 2px solid currentColor !important;

		transform: rotate(45deg) !important;

		transition: transform 0.2s ease !important;
	}

	#mega-menu-wrap-primary
	#mega-menu-primary
	.mega-toggle-on
	> a.mega-menu-link
	> .mega-indicator::after {
		transform: rotate(225deg) !important;
	}


	/* =====================================================
	   SEARCH
	   ===================================================== */

	#mega-menu-primary > .moraway-nav-search-item {
		display: block !important;

		width: 100% !important;

		padding: 19px 22px 10px !important;

		background: #1e7372 !important;

		border: 0 !important;
	}

	#mega-menu-primary .moraway-nav-search-form {
		position: relative;

		display: flex;
		align-items: center;

		width: 100%;

		margin: 0;
	}

	#mega-menu-primary .moraway-nav-search-toggle {
		position: absolute;

		left: 12px;
		z-index: 2;

		display: flex;
		align-items: center;
		justify-content: center;

		width: 42px;
		height: 42px;

		margin: 0 !important;
		padding: 0 !important;

		background: transparent !important;
		color: #1e7372 !important;

		border: 0 !important;
	}

	#mega-menu-primary .moraway-nav-search-input {
		display: block !important;

		width: 100% !important;
		height: 50px !important;

		margin: 0 !important;
		padding: 10px 15px 10px 50px !important;

		background: #ffffff !important;
		color: #1e7372 !important;

		font: inherit !important;
		font-size: 16px !important;

		border: 2px solid transparent !important;
		border-radius: 4px !important;

		box-shadow: none !important;
		outline: none !important;
	}

	#mega-menu-primary .moraway-nav-search-input:focus {
		border-color: #f5a313 !important;
	}


	/* =====================================================
	   CONTACT BUTTON
	   ===================================================== */

	#mega-menu-primary > .moraway-nav-contact-item {
		display: block !important;

		width: 100% !important;

		padding: 12px 22px 22px !important;

		background: #1e7372 !important;
	}

	#mega-menu-primary
	.moraway-nav-contact-item
	.moraway-nav-contact-button {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;

		width: 100% !important;
		min-height: 52px !important;

		margin: 0 !important;
		padding: 13px 20px !important;

		background: #f5a313 !important;
		color: #ffffff !important;

		font-size: 18px !important;
		font-weight: 700 !important;
		line-height: 1.2 !important;

		text-align: center !important;
		text-decoration: none !important;

		border: 0 !important;
		border-radius: 999px !important;

		box-shadow: none !important;

		transition:
			background-color 0.2s ease,
			color 0.2s ease !important;
	}

	#mega-menu-primary
	.moraway-nav-contact-item
	.moraway-nav-contact-button:hover,
	#mega-menu-primary
	.moraway-nav-contact-item
	.moraway-nav-contact-button:focus {
		background: #ffffff !important;
		color: #1e7372 !important;
	}


	/* =====================================================
	   GENERAL PLUGIN CLEANUP
	   ===================================================== */

	#mega-menu-wrap-primary #mega-menu-primary * {
		box-sizing: border-box;
	}

	#mega-menu-wrap-primary
	#mega-menu-primary
	.mega-menu-item {
		text-align: left !important;
	}

	#mega-menu-wrap-primary
	#mega-menu-primary
	.mega-menu-link {
		white-space: normal !important;
	}

	#mega-menu-wrap-primary
	#mega-menu-primary
	.mega-sub-menu {
		box-shadow: none !important;
	}

	#mega-menu-wrap-primary
	#mega-menu-primary
	.mega-sub-menu,
	#mega-menu-wrap-primary
	#mega-menu-primary
	.mega-menu-item,
	#mega-menu-wrap-primary
	#mega-menu-primary
	.mega-menu-link {
		border-radius: 0 !important;
	}

	#mega-menu-primary .moraway-nav-search-input {
		border-radius: 4px !important;
	}

	#mega-menu-primary
	.moraway-nav-contact-item
	.moraway-nav-contact-button {
		border-radius: 999px !important;
	}

}


/* =========================================================
   NARROW PHONES
   Keep typography readable — DO NOT shrink it again
   ========================================================= */

@media (max-width: 600px) {

	#mega-menu-wrap-primary #mega-menu-primary {
		padding-top: 72px !important;
	}

	/*
	 * Top-level remains 19px.
	 * Slightly reduce horizontal padding instead of type size.
	 */
	#mega-menu-wrap-primary
	#mega-menu-primary
	> li.mega-menu-item
	> a.mega-menu-link {
		padding-left: 19px !important;
		padding-right: 19px !important;

		font-size: 19px !important;
	}

	#mega-menu-wrap-primary
	#mega-menu-primary
	> li
	> ul.mega-sub-menu
	> li.mega-menu-item
	> a.mega-menu-link {
		padding-left: 34px !important;
		padding-right: 19px !important;

		font-size: 18px !important;
	}


	#mega-menu-wrap-primary
	#mega-menu-primary
	> li
	> ul.mega-sub-menu
	> li
	> a.mega-menu-link::before {
		left: 18px;
	}


	#mega-menu-wrap-primary
	#mega-menu-primary
	ul.mega-sub-menu
	ul.mega-sub-menu
	> li.mega-menu-item
	> a.mega-menu-link {
		padding-left: 42px !important;
		padding-right: 19px !important;

		font-size: 20px !important;
	}


	#mega-menu-wrap-primary
	#mega-menu-primary
	ul.mega-sub-menu
	ul.mega-sub-menu
	> li.mega-menu-item
	> a.mega-menu-link:hover,
	#mega-menu-wrap-primary
	#mega-menu-primary
	ul.mega-sub-menu
	ul.mega-sub-menu
	> li.mega-menu-item
	> a.mega-menu-link:focus {
		padding-left: 46px !important;
	}


	#mega-menu-primary > .moraway-nav-search-item,
	#mega-menu-primary > .moraway-nav-contact-item {
		padding-left: 19px !important;
		padding-right: 19px !important;
	}

}