/* ========================================================================
NDS Refresh V3.0.0 | ndsrefresh.uk
======================================================================== */

/* =================================================
Responsive
================================================= */

/* 320px Upwards */
@media (min-width: 20rem) {
	
	/* ==== Mini Framework =============== */
	.site_container { padding-right: 1rem; padding-left: 1rem; }

}

/* 480px Upwards */
@media (min-width: 30rem) {

	/* ==== Mini Framework =============== */
	.site_container { padding-right: 1.25rem; padding-left: 1.25rem; }

}

/* 768px Upwards */
@media (min-width: 48rem) {

	/* ==== Mini Framework =============== */
	.site_container { padding-right: 1.5rem; padding-left: 1.5rem; }

}

/* 1200px Upwards */
@media (min-width: 75rem) {

	/* ==== Mini Framework =============== */
	.site_container { padding-right: 2.5rem; padding-left: 2.5rem; }

}



/* @media (width < 20rem) */
@media (max-width: 19.99rem) {

	/* ==== Pagination =================== */
	.pagination a { margin-top: 0.5rem; margin-right: 0.25rem; margin-bottom: 0.5rem; margin-left: 0.25rem; }
	.pagination p { margin-top: 0.5rem; margin-right: 0.25rem; margin-bottom: 0.5rem; margin-left: 0.25rem; }

}


/* @media (width >= 20rem) */
@media (min-width: 20rem) {

	/* ==== Pagination =================== */
	.pagination a { margin-top: 0.5rem; margin-right: 0.5rem; margin-bottom: 0.5rem; margin-left: 0.5rem; }
	.pagination p { margin-top: 0.5rem; margin-right: 0.5rem; margin-bottom: 0.5rem; margin-left: 0.5rem; }

}


/* @media (width < 30rem) */
@media (max-width: 29.99rem) {

	/* ==== Review Cards ================= */
	.review_card { flex-direction: column; }
	.review_card .last_column { padding-top: 1rem; }
	.review_card .title { text-align: center; }

}


/* @media (width >= 30rem) */
@media (min-width: 30rem) {

	/* ==== Review Cards ================= */
	.review_card .last_column { padding-left: 1.5rem; }

}


/* @media (width < 37.5rem) */
@media (max-width: 37.49rem) {

	/* ==== Lists ======================== */
/*
	.grid_list.x4_columns .card { flex-basis: calc(100% - 0.938rem); max-width: calc(100% - 0.938rem); }
*/

}


/* @media (37.5rem <= width < 56.25rem) */
@media (min-width: 37.5rem) and (max-width: 56.24rem) {

	/* ==== Lists ======================== */
/*
	.grid_list.x2_columns .card_spacer { flex-basis: calc(100% - 0.938rem); max-width: calc(100% - 0.938rem); }
	.grid_list.x4_columns .card_spacer { flex-basis: calc(100% - 0.938rem); max-width: calc(100% - 0.938rem); }
	.grid_list.x4_columns .card { margin: 1rem; }
*/

	.grid_list.x4_columns { padding-top: 1.25rem; padding-bottom: 1.25rem; margin-right: -0.75rem; margin-left: -0.75rem; }
	.grid_list.x4_columns .card_spacer { flex: 0 0 50%; max-width: 50%; padding-top: 0.75rem; padding-right: 0.75rem; padding-bottom: 0.75rem; padding-left: 0.75rem; }

}


/* @media (width < 48rem) */
@media (max-width: 47.99rem) {

	/* ==== Site Header ================== */
	.site_header nav { position: relative; }
	.site_header nav .menu_button { position: relative; height: 2.25rem; width: 2.25rem; flex-direction: column; outline: 0.125rem solid transparent; outline-offset: 0.25rem; }
	.site_header nav .menu_button:focus-visible { border-radius: 0.25rem; outline-color: #282828; }
	.site_header nav .menu_button span:not(.screen_reader) { position: absolute; right: 0; height: 0.25rem; margin: -0.125rem 0 0 0; background-color: #282828; backface-visibility: hidden; transition: background-color 0.2s ease-in-out, opacity 0.2s ease-in-out, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1); transform-origin: center; }
	.site_header nav .menu_button span:nth-child(1) { width: 2.25rem; transform: translateY(-0.625rem); }
	.site_header nav .menu_button span:nth-child(2) { right: 0; width: 1.25rem; }
	.site_header nav .menu_button span:nth-child(3) { width: 2.25rem; transform: translateY(0.625rem); }
	.site_header nav .menu_button.menu_open span:not(.screen_reader) { background-color: #0145E6; }
	.site_header nav .menu_button.menu_open span:nth-child(1) { transform: translateY(0) rotate(45deg); }
	.site_header nav .menu_button.menu_open span:nth-child(2) { opacity: 0; }
	.site_header nav .menu_button.menu_open span:nth-child(3) { transform: translateY(0) rotate(-45deg); }
	.site_header nav .menu_button:hover span { background-color: #0145E6; }
	.site_header nav .menu_button:focus span { background-color: #0145E6; }
	.site_header nav ul.site_navigation { position: absolute; top: 5rem; right: -0.5rem; flex-direction: column; background-color: #FFFFFF; height: 0; opacity: 0; visibility: hidden; transition: opacity 0.2s ease-in-out; }
	.site_header nav.menu_open ul.site_navigation { height: auto; opacity: 1; visibility: visible; border-radius: 0.438rem; }
	.site_header nav.menu_open ul.site_navigation::before { content: ''; position: absolute; top: -1.375rem; right: 0.75rem; border: 0.75rem solid transparent; border-bottom-color: #FFFFFF; }
	.site_header nav ul.site_navigation li { padding-top: 0.375rem; padding-right: 0.75rem; padding-bottom: 0.375rem; padding-left: 0.75rem; text-align: center; }
	.site_header nav ul.site_navigation li + li { border-top: 0.063rem solid transparent; border-color: #F0F0F0; }
	.site_header nav ul.site_navigation li a { padding-top: 0.125rem ; padding-right: 1rem; padding-bottom: 0.125rem; padding-left: 1rem; display: flex; flex-direction: column; }
	.site_header nav ul.site_navigation li a::before { margin: 0 auto; }
	.site_header nav ul.site_navigation li a::after { margin: 0 auto; }


	/* ==== Hero ========================= */
	.hero h1 { font-size: 2.6em; }
	.hero p { font-size: 1.1em; }


	/* ==== Page Header ================== */
	.page_header h1 { font-size: 1.6em; }
	.page_header p { font-size: 0.9em; }


	/* ==== Section Header =============== */
	.section_header h2 { font-size: 1.6em; }


	/* ==== Lists ======================== */
	.grid_list.x3_columns { padding-top: 1rem; padding-bottom: 1rem; margin-right: -1rem; margin-left: -1rem; }
	.grid_list.x3_columns .card_spacer { flex: 0 0 100%; max-width: 600px; padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1rem; }


}


/* @media (width >= 48rem) */
@media (min-width: 48rem) {

	/* ==== Site Header ================== */
	.site_header nav .menu_button { display: none; }
	.site_header nav ul.site_navigation li { margin-top: 0.5rem; margin-bottom: 0.5rem; }
	.site_header nav ul.site_navigation li a { padding-top: 0.5rem; padding-bottom: 0.5rem; }
	@supports (display: flex) and (gap: 1rem) { .site_header nav ul.site_navigation li { margin-top: 0; margin-bottom: 0; } }


	/* ==== Hero ========================= */
	.hero p { font-size: 1.3em; letter-spacing: 0.019em; }


	/* ==== Page Header ================== */
	.page_header h1 { font-size: 1.8em; }


	/* ==== Section Header =============== */
	.section_header h2 { font-size: 1.8em; }

}


/* @media (48rem <= width < 75rem) */
@media (min-width: 48rem) and (max-width: 76.24rem) {

	/* ==== Lists ======================== */
	.grid_list.x3_columns { padding-top: 1.25rem; padding-bottom: 1.25rem; margin-right: -0.75rem; margin-left: -0.75rem; }
	.grid_list.x3_columns .card_spacer { padding-top: 0.75rem; padding-right: 0.75rem; padding-bottom: 0.75rem; padding-left: 0.75rem; }

}


/* @media (48rem <= width < 64rem) */
@media (min-width: 48rem) and (max-width: 63.99rem) {


	/* ==== Site Header ================== */
	.site_header nav ul.site_navigation li + li { margin-left: 1.625rem; }
	@supports (display: flex) and (gap: 1rem) { .site_header nav ul.site_navigation li + li { margin-left: 0; } .site_header nav ul.site_navigation { gap: 0 1.625rem; } }


	/* ==== Hero ========================= */
	.hero h1 { font-size: 3em; }


	/* ==== Lists ======================== */
/*
	.grid_list.x2_columns .card_spacer { flex-basis: calc(50% - 0.938rem); max-width: calc(50% - 0.938rem); }
	.grid_list.x4_columns .card_spacer { flex-basis: calc(50% - 0.938rem); max-width: calc(50% - 0.938rem); }
	.grid_list.x4_columns .card { margin: 1rem; }
*/

	/* ==== Lists ======================== */

	.grid_list.x3_columns { padding-top: 1rem; padding-bottom: 1rem; margin-right: -1rem; margin-left: -1rem; }
	.grid_list.x3_columns .card_spacer { flex: 0 0 50%; max-width: 50%; }

}


/* @media (width < 56.25rem) */
@media (max-width: 56.24rem) {

	/* ==== Site Footer ================== */
	.site_footer .top_row { flex-direction: column; }
	.site_footer .top_row .first_column { justify-content: center; margin: 0 0 1rem 0; }
	.site_footer .top_row .middle_column { margin: 0 0 1.5rem 0; }
	.site_footer .top_row .last_column { justify-content: center; }
	.site_footer ul.socials li { margin: 0.5rem 0 0.5rem 1.625rem; }
	@supports (display: flex) and (gap: 1rem) { .site_footer ul.socials li { margin: 0; } .site_footer ul.socials { gap: 1rem 1.625rem; } }


	/* ==== Lists ======================== */
	.grid_list.x2_columns { padding-top: 1rem; padding-bottom: 2rem; margin-right: -1rem; margin-left: -1rem; }
	.grid_list.x2_columns .card_spacer { flex: 0 0 100%; max-width: 100%; padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1rem; }

}


/* @media (width >= 56.25rem) */
@media (min-width: 56.25rem) {

	/* ==== Site Footer ================== */
	.site_footer .top_row .first_column { flex: 0 0 30%; max-width: 30%; }
	.site_footer .top_row .middle_column { flex: 0 0 40%; max-width: 40%; }
	.site_footer .top_row .last_column { flex: 0 0 30%; max-width: 30%; align-items: center; justify-content: flex-end; }
	.site_footer ul.socials li:first-child { margin: 0.5rem 0; }
	@supports (display: flex) and (gap: 1rem) { .site_footer ul.socials li:first-child { margin: 0; } }


	/* ==== Lists ======================== */
	.grid_list.x2_columns { padding-top: 1rem; padding-bottom: 2rem; margin-right: -1rem; margin-left: -1rem; }
	.grid_list.x2_columns .card_spacer { flex: 0 0 50%; max-width: 50%; padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1rem; }

}


/* @media (56.25rem <= width < 64rem) */
@media (min-width: 56.25rem) and (max-width: 63.99rem) {

	/* ==== Site Footer ================== */
	.site_footer ul.socials li { margin: 0.5rem 0 0.5rem 0.75rem; }
	@supports (display: flex) and (gap: 1rem) { .site_footer ul.socials li { margin: 0; } .site_footer ul.socials { gap: 1rem 0.75rem; } }

}


/* @media (56.25rem <= width < 76.25rem) */
@media (min-width: 56.25rem) and (max-width: 76.24rem) {

	/* ==== Lists ======================== */
	.grid_list.x2_columns .card_spacer { padding-top: 0.75rem; padding-right: 0.75rem; padding-bottom: 0.75rem; padding-left: 0.75rem; }


}


/* @media (width >= 76.25rem) */
@media (min-width: 76.25rem) {

	/* ==== Lists ======================== */
	.grid_list.x3_columns { padding-top: 1rem; padding-bottom: 1rem; margin-right: -1rem; margin-left: -1rem; }
	.grid_list.x3_columns .card_spacer { padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1rem; }

}


/* @media (56.25rem <= width < 76.25rem) */
@media (min-width: 56.25rem) and (max-width: 76.24rem) {

	/* ==== Lists ======================== */
	.grid_list.x4_columns { padding-top: 1.25rem; padding-bottom: 1.25rem; margin-right: -0.75rem; margin-left: -0.75rem; }
	.grid_list.x4_columns .card_spacer { flex: 0 0 33.333%; max-width: 33.333%; padding-top: 0.75rem; padding-right: 0.75rem; padding-bottom: 0.75rem; padding-left: 0.75rem; }

}


/* @media (64rem <= width < 87.5rem) */
@media (min-width: 64rem) and (max-width: 87.4375rem) {

	/* ==== Lists ======================== */

/*
	.grid_list.x2_columns .card_spacer { flex-basis: calc(50% - 0.938rem); max-width: calc(50% - 0.938rem); }
	.grid_list.x4_columns .card_spacer { flex-basis: calc(33.333% - 1rem); max-width: calc(33.333% - 1rem); }
	.grid_list.x4_columns .card { margin: 1rem; }
*/

}


/* @media (width < 64rem) */
@media (max-width: 63.99rem) {

	/* ==== Site Footer ================== */
	.site_footer ul.site_navigation li { margin: 0.5rem; }
	@supports (display: flex) and (gap: 1rem) { .site_footer ul.site_navigation li { margin: 0; } .site_footer ul.site_navigation { gap: 1rem 1.125rem; } }


}


/* @media (width >= 64rem) */
@media (min-width: 64rem) {

	/* ==== Site Header ================== */
	.site_header nav ul.site_navigation li + li { margin-left: 2.5rem; }
	@supports (display: flex) and (gap: 1rem) { .site_header nav ul.site_navigation li + li { margin-left: 0; } .site_header nav ul.site_navigation { gap: 0 2.5rem; } }


	/* ==== Site Footer ================== */
	.site_footer ul.site_navigation li { margin: 0.5rem 0.563rem; }
	.site_footer ul.socials li { margin: 0.5rem 0 0.5rem 1rem; }
	@supports (display: flex) and (gap: 1rem) { .site_footer ul.site_navigation li { margin: 0; } .site_footer ul.site_navigation { gap: 1rem 1.5rem; } .site_footer ul.socials li { margin: 0; } .site_footer ul.socials { gap: 1rem; } }
	

	/* ==== Site Header ================== */
	.hero h1 { font-size: 3.6em; }


	/* ==== Lists ======================== */
	.grid_list.x3_columns .card_spacer { flex: 0 0 33.333%; max-width: 33.333%; }

}


/* @media (width < 75rem) */
@media (max-width: 74.99rem) {

	/* ==== Lists ======================== */
/*
	.grid_list { gap: 2.5rem 1.875rem; }
*/

}


/* @media (width >= 85rem) */
@media (min-width: 85rem) {
	
	/* ==== Lists ======================== */
	/* .grid_list { gap: 2.5rem; } */

}


/* @media (width >= 87.5rem) */
@media (min-width: 87.5rem) {

	/* ==== Mini Framework =============== */
	.site_container { max-width: 85rem; }
	.grid_container { max-width: 85rem; }


	/* ==== Lists ======================== */
/*
	.grid_list.x2_columns .card_spacer { flex-basis: calc(50% - 0.75rem); max-width: calc(50% - 0.75rem); }
	.grid_list.x2_columns .card { margin: 1.625rem; }
	.grid_list.x4_columns .card_spacer { flex-basis: calc(25% - 0.75rem); max-width: calc(25% - 0.75rem); }
	.grid_list.x4_columns .card { margin: 1rem; }
*/

}


/* @media (width >= 76.25rem) */
@media (min-width: 76.25rem) {

	/* ==== Lists ======================== */
	.grid_list.x4_columns { padding-top: 1.25rem; padding-bottom: 1.25rem; margin-right: -0.75rem; margin-left: -0.75rem; }
	.grid_list.x4_columns .card_spacer { flex: 0 0 25%; max-width: 25%; padding-top: 0.75rem; padding-right: 0.75rem; padding-bottom: 0.75rem; padding-left: 0.75rem; }

}