/*

Theme Name: PXR Theme

Description: Tablet screen resolutions: 1024 px, 768 px

*/

@media screen and (max-width: 1024px) {
	/* POPUP */
	.pxrthm-popup {
		--popup-content-margin: 0px;
	}
	/* SITE HEADER */
	.site_header_inner {
		padding: 1rem var(--section-padding);
	}
	.logo_container {
		z-index: 5;
		height: 60px;
	}
	.menu_container {
		justify-content: flex-end;
	}
	.logo_container::before {
		width: 85px;
		height: 10px;
		bottom: -20px;
		right: 6px;
	}
	.menu_inner {
		--color: #fff;
		position: absolute;
		z-index: 3;
		top: 0px;
		left: 0px;

		width: 100%;
		
		opacity: 0;
		visibility: hidden;
		transform: translateY(-100%);
		transition: all 300ms ease-out;
    }
    .menu_inner.-open {
        transform: translateY(0%);
        opacity: 1;
        visibility: visible;
    }
    .pxrthm_toggle_menu {
        display: flex;
    }
    .menu_items_container {
    	--top-offset: calc(3rem + 60px);
    	padding-top: var(--top-offset);
    }
    .menu_items_container::before {
    	border-radius: 0px 0px 1.5rem 1.5rem;
    }
    .menu_items_container_inner {
    	flex-direction: column;
    	gap: 1.5rem;
		padding: 10px 0px;
    	max-height: calc(100vh - var(--top-offset));
    	max-height: calc(100svh - var(--top-offset));
    	overflow: auto;
    	scrollbar-width: none;
		-ms-overflow-style: none;
    }
    .menu_items_container_inner::-webkit-scrollbar {
    	display: none;
    }
    .menu_items_container_inner > .gyeaicon-separator {
    	display: none;
    }
    .menu_item {
    	flex-direction: column;
    }
    .menu_item_inner {
		padding: 0.4rem 1rem;
	}
    .submenu_item {
    	align-items: flex-start;
    }
	.submenu {
		position: relative;
		width: 100%;
		top: initial;
		padding: 0px;
		opacity: 1;
		visibility: visible;
		transform: translateY(0px);
		display: none;
		overflow: hidden;
	}
	.submenu_inner {
		border-radius: 1rem;
		margin-top: 1rem;
	}

	/* SECTION IMAGE HALF */
	.-layout-reverse .imghalf_container,
	.imghalf_container {
		flex-direction: column-reverse;
		gap: var(--section-padding);
	}
	.-layout-reverse .text_half,
	.text_half {
		width: 100%;
		padding: 0px;
	}
	.image_half {
		width: 100%;
	}
	.image_half img {
		max-height: 60vh;
	}
	.image_half.-landscape .image_half_inner {
		width: auto;
		min-width: auto;
	}
	.text_half .section_title_container.-align-left,
	.text_half .section_title_container.-align-right {
		align-items: center;
		--text-align: center !important;
	}
	.text_half .section_text {
		text-align: center;
	}
	.text_half .-align-left,
	.text_half .-align-right {
		text-align: center;
	}
	.text_half .button_wrapper.-align-left,
	.text_half .button_wrapper.-align-right {
		justify-content: center;
	}

	/* SECTION NUMBERS */
	.numbers_container .text_half {
		width: 100%;
	}
	.numbers_container .numbers_half {
		width: 100%;
	}

	/* SECTION CTA */
	.cta_container {
		flex-direction: column;
		align-items: center;
	}
	.cta_container .text_half {
		flex: 1 0 100%;
	}

	/* SECTION VIDEO HALF */
	.section_videohalf .text_half {
		width: 100%;
	}
	.section_videohalf .image_half {
		width: 100%;
	}
	.-layout-reverse .image_half.-landscape .image_half_inner {
	    margin-left: 0px;
	    margin-right: 0px;
	}

	/* SECTION TEAM */
	.post_list {
		--gap: 1.5rem;
	}

	/* SECTION GALLERY */
	.gallery_image {
		padding: 0.75rem;
	}

	/* SECTION CONTACT */
	.contact_container {
		flex-direction: column;
	}
	.form_half {
	    width: 100%;
	}

	/* FOOTER */
	.footer_column {
   		width: calc(50% - (var(--gap) / 2));
	}
}

@media screen and (max-width: 910px) {
	/* SECTION */
	.section_background_image.-mobilebg {
		display: block;
	}
	.section_background_image.-has-mobilebg {
		display: none;
	}
	
	/* HERO */
	.hero_slide .slide_content_inner {
		justify-content: flex-end;
		gap: 1.5rem;
	}

	/* SECTION CTA SLIDER */
	.cta_slide {
		aspect-ratio: 1 / 1;
	}
	.cta_slide .slide_content_inner {
		width: 100%;
	}

	/* SECTION TEAM */
	.post_list .post_box {
		flex: 0 0 calc(50% - (var(--gap) / 2));
	}

	/* SECTION GALLERY */
	.gallery_image {
		width: 33%;
	}

	/* DONATION */
	.donation_tab.-wc .donation_tab_inner {
		flex-direction: column;
	}
	.pxrthm-tab-handle {
   		padding: 10px 25px;
	}
	.pxrut_field_wrapper.-third.pu_name,
	.pxrut_field_wrapper.-third.pu_donor_number {
		flex: 1 0 calc(50% - (var(--pxrut-gap) / 2));
	}
	.bacs_table,
	.bacs_table.-third {
		flex: 1 1 100%;
	}
	.bacs_table th {
		width: 1px;
	}
}

@media screen and (max-width: 768px) {
	/* SITE HEADER */
	.submenu_inner {
		flex-direction: column;
	}
	.submenu_text {
		border-left: none;
		border-top: 1px solid var(--border-color);
	}

	/* BOX SLIDER */
	.box_slider .embla__viewport {
		width: 175%;
	}

	/* SECTION GALLERY */
	.gallery_image {
		width: 50%;
	}

	/* DONATION */
	.donation_tab_handles {
		flex-direction: column;
		align-items: center;
		border-radius: 1.5rem;
	}
	.donation_tab_handles > .gyeaicon-separator {
		display: none;
	}
	.donation_tab_handle::before {
		mask-image: url('../images/strokes/tab_handle_stroke_2.svg');
		height: 108%;
	}

	
}