@charset "UTF-8";
/*!
Theme Name: greenwaysacademy
Theme URI: https://www.greenwaysacademy.com/
Author: Nikola Birisic
Author URI: https://nikolabirisic.com/
Description: Custom built Greenwaysacademy theme made with ignition starter theme
Version: 1.0.0
License: GNU General Public License v3.0

Text Domain: greenwaysacademy
Tags: custom-menu, custom-logo, editor-style, featured-images, footer-widgets
Commercial License for commercial use

Ignition was created by Eric Greenfield of saltnpixels.com
Learn more at https://ignition.press
Ignition v4.0.1




THIS FILE IS UNAFFECTED BY SASS.
IF YOU NEED TO ADD QUICK STYLES WITHOUT COMPILING, YOU CAN DO SO HERE. AT SOME POINT TRY AND ADD IT BACK INTO THE SASS FILES AND COMPILE WITH NPM START

You can bust the cache of your theme by changing the version above.
*/

:root {
	--gray-background: #F5F5F5;
}

.container {
	font-family: var(--open-sans);
}

/* Added by Plaudit */
/* EDYN-23 */
#mobile-menu .d-mobile-none {
	display: none;
}
.site-navigation .header-mobile-menu #mobile-menu #mobile-menu-bottom li {
	background: var(--brown);
}
/* Change 1140px to 1225px or 1275px (EDYN-24) */
@media only screen and (min-width: 1030px) and (max-width: 1225px) {
  [class].site-navigation #top-menu li a {
    font-size: 10px;
  }
}
@media only screen and (min-width: 1030px) and (max-width: 1225px) {
   [class].site-navigation #top-menu li.header-phone a {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1030px) and (max-width: 1225px) {
  [class].site-navigation #top-menu .login-btn a {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1030px) and (max-width: 1275px) {
  [class].site-navigation .bottom-menu-holder #bottom-menu > li a {
    font-size: 14px;
  }
}

/* Other updates to prevent desktop menu items from overlapping each other (EDYN-24) */
@media (min-width: 1030px) {
	.site-navigation .bottom-menu-holder {
		padding-right: 75px;
	}
}
@media only screen and (min-width: 1030px) and (max-width: 1110px) {
	[class].site-navigation__holder {
		margin-left: 0;
	}
	[class].site-navigation #top-menu li::before {
		display: none;
	}
}
@media (min-width: 1030px) and (max-width: 1275px) {
	.horizontal-menu .menu#bottom-menu .top-level-item > .menu-item-link {
		display: block; /* allow the link text to wrap */
	}
}

/* Add cart to mobile header - for some reason it used to be hidden on mobile (EDYN-24) */
.mobile-nav {
	gap: 0 20px;
}
.mobile-nav .cart-menu {
	display: block;
    position: static;
}
.mobile-nav .cart-menu svg path {
	fill: var(--brown);
}
.mobile-nav .cart-menu svg {
    position: relative;
    top: -1px;
}
.mobile-nav [class].fa-magnifying-glass {
	margin-left: 0;
	margin-right: 0;
}

/* Simple Cards */
main:has(.container:first-child + .simple-cards) .container:first-child:has(.o-content--title) .o-block--content {
	margin-bottom: 0;
}
.simple-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(242px,auto));
	gap: 16px;
	margin: 0;
	padding: 0;
}
.simple-card {
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
	position: relative;
	list-style-type: none;
	margin: 0;
	padding: 0;
	transition: box-shadow 250ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
.simple-card-content {
	padding: clamp(10px, calc(32/376*100%), 32px);
}
.simple-card-image {
	display: block;
	aspect-ratio: 376/210;
	object-fit: cover;
}
.simple-card-title {
	color: #000;
	/* font-weight: 700; */ font-weight: 400; /* There is no Montserrat 700 on this site */
	font-size: 23px;
}
.simple-card-title:nth-child(n) {
	margin: 0;
}
.simple-card-link {
	margin-top: 10px;
	font-weight: 700;
	font-size: 14px;
	display: block;
	line-height: 1.2;
}
.simple-card-link::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.simple-card:has(.simple-card-link):hover,
.simple-card:has(.simple-card-link):focus {
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
}

/* Icon Card Group */
.container:has(.icon-card-group) {
	position: relative;
	margin-top: 48px;
	margin-bottom: 48px;
	padding-top: 48px;
	padding-bottom: 48px;
}
.container:has(.icon-card-group):last-child {
	margin-bottom: 0;
}
.container:has(.icon-card-group)::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100vw;
	background: var(--gray-background);
	z-index: -1;
}
.container:has(.icon-card-group) h2 {
	font-family: var(--montserrat);
	/* font-weight: 600; */ font-weight: 400; /* There is no Montserrat 600 on this site */
	color: #000;
}
.icon-card-group {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 16px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.icon-card {
	border-radius: 5px;
	background: #FFF;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
	position: relative;
	padding: clamp(10px, calc(25/278*100%), 25px);
	transition: box-shadow 250ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
.icon-card:has(.icon-card-image) {
	display: flex;
	gap: 16px;
	align-items: center;
}
.icon-card-image {
	width: 34px;
	height: 34px;
	object-fit: contain;
	display: block;
}
.icon-card-link {
	color: #000;
	font-family: var(--montserrat);
	/* font-weight: 600; */ font-weight: 400; /* There is no Montserrat 600 on this site */
	line-height: 1.2;
	display: inline-block;
}
.icon-card-link::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.icon-card:has(.icon-card-link):focus,
.icon-card:has(.icon-card-link):hover {
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.35);
}

/* Gray Box (Elementary, Middle, and High School pages) */
.gray-box {
	background: var(--gray-background);
	padding: 24px clamp(10px, calc(24/728*100%), 24px);

	&:has(.gray-box-column + .gray-box-column) {
		columns: 2;
		column-width: 230px;
		gap: 20px;
	}
	.gray-box-heading {
		margin: 0 0 10px;
		color: var(--eggplant);
		column-span: all;
	}
	.gray-box-column {
		break-inside: avoid;
	}
}
.o-content-column--two:has(.gray-box) {
	@media screen and (min-width: 991px) {
		flex-basis: 20%;
	}
}
.o-content-column--two:first-child:has(.gray-box) {
	@media screen and (max-width: 990px) {
		margin-bottom: 30px;
	}
}

/* 2025 Changes to Filters */
.shop-filter {
	.sort-wrap {
		display: none;
	}
	.facetwp-selections ul {
		margin: 0;
		padding: 0;
	}
}
.shop-content {
	.shop-main {
		flex: 1 1 auto;
	}
	#secondary {
		padding-top: 0;

		/* Order Diploma, Course Tutoring, etc. buttons */
		:is(.widget_media_image, .widget:has(.wp-block-plaudit-base-conditional-display)) + :is(.widget_media_image, .widget:has(.wp-block-plaudit-base-conditional-display)) {
			padding-top: 0;
			margin-top: -5px;
		}
		.wp-block-image {
			margin: 0;
			display: flex;
			align-items: center;
			gap: 16px;
			font: 600 16px/1.2 var(--montserrat);
			color: #000;
			position: relative;
			border-radius: 5px;
			padding: clamp(10px, calc(25/278*100%), 25px);
			box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
			transition: box-shadow 250ms cubic-bezier(0.4, 0.0, 0.2, 1);

			a {
				width: 32px;
				flex: 1 0 auto;
				max-width: 32px;
			}
			a::before {
				content: '';
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
			}
			figcaption {
				margin: 0;
			}
			&:hover,
			&:focus {
				box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
			}
		}
	}
	.facetwp-checkbox {
		background-position: 0% 4px;
	}
	.facetwp-facet-course_catalog_search {
		.facetwp-input-wrap {
			display: block;
			position: relative;

			&::before {
				content: '';
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				left: 16px;
				display: block;
				width: 13px;
				aspect-ratio: 1;
				background: url('/wp-content/plugins/facetwp/assets/images/icon-search.png') no-repeat;
				background-size: contain;
			}
		}
		::placeholder {
			color: #929292;
			font-weight: 400;
		}
		.facetwp-search {
			border-radius: 500px;
			border: 1px solid #D9D9D9;
			padding: 16px calc(118px + 16px + 8px) 16px calc(16px + 13px + 13px);
			text-overflow: ellipsis;
			line-height: 1;
		}
		.facetwp-icon {
			opacity: 1;
			width: 118px;
			height: calc(100% - 16px);
			top: 50%;
			right: 8px;
			transform: translateY(-50%);
			border-radius: 500px;
			background: var(--eggplant);
		}
		.facetwp-icon::before {
			background-position: center;
			width: 100%;
		}
		&:not(.is-loading) .facetwp-icon::before {
			content: 'Submit';
			color: var(--white);
			font-style: normal;
			font-weight: 700;
			font-size: 14px;
			line-height: 1.2;
			display: flex;
			align-items: center;
			justify-content: center;
			background: none;
		}
	}
	.woocommerce-pagination {
		margin-top: 24px;
		text-align: center;
	}
	@media (min-width: 768px) {
		.shop-main {
			padding-left: 42px;
		}
	
		&[class] .facetwp-template {
			padding-left: 0;
			padding-top: 0;
		}

		.facetwp-facet-course_catalog_search {
			padding-top: 24px;
		}
	
		&[class] aside {
			border-right: 0;
		}
	
		.facet-wrap .facet-label {
			max-width: none;
			padding-bottom: .1em;
			border-bottom: 1px solid #AFB8BC;
			
			&[class] {
				margin-bottom: .6em;
			}
		}
	
		.facetwp-facet[data-type="checkboxes"] {
			padding-left: 16px;
		}
	
		/* Turn off accordions on desktop when accordion contains at least two checkboxes */
		.facet-wrap:has(.facetwp-checkbox:nth-child(2)) {
			.facet-label {
				cursor: default !important;
			}
			.facet-label::after {
				display: none !important;
			}
			.facetwp-facet {
				display: block !important;
				height: auto !important;
				margin-top: 0 !important;
			}
		}
	}
}

/* Product cards */
.product-card-listing {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 16px;

	.product {
		margin: 0;
		padding: clamp(10px, calc(24/260 * 100%), 24px);
		box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
		border-radius: 3px;
		transition: box-shadow 250ms cubic-bezier(0.4, 0.0, 0.2, 1);
		/* aspect-ratio: 260/215; */ min-height: 215px;
		position: relative;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		gap: 10px;
		
		&[class] {
			border-bottom: 3px solid #aaa;
		}

		.product-icon {
			align-self: flex-start;
			display: block;
			height: 24px;
		}

		.woocommerce-loop-product__title {
			flex-basis: unset;
			color: #000;
			/* font-weight: 600; */ /* There is no Montserrat 600 on this site */ font-weight: 400;
			font-family: var(--montserrat);
			font-size: 16px;
			line-height: 1.2;
			margin: 0;
		}

		.price {
			display: none;
		}

		.add_to_cart_button {
			display: block;
			font-size: 14px;
			line-height: 1.2;
			font-weight: 700;

			&::before {
				content: '';
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
			}
		}

		&:hover,
		&:focus {
			box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
		}
	}
}

/* 2025 Changes to Product page */
.woocommerce.single-product {
	div.product div.summary {
		float: none;
		width: auto;
		clear: both;
	}
	.product_title {
		margin: 0 0 28px;
	}

	.syllabuses-list {
		list-style-type: none;
		margin: 0;
		padding: 0;
		font-weight: 700;
		font-size: 14px;
		line-height: 1.2;
		display: flex;
		flex-direction: column;
		gap: .2em;

		li {
			margin: 0;
			padding: 0;
		}
		a {
			display: inline-flex;
			align-items: center;
			gap: .5em;

			&::before {
				content: url('/wp-content/themes/greenwaysacademy/src/img/icon-pdf.svg');
				display: block;
			}
		}
	}

	
	/* Add to Cart Area */
	div.product .price {
		font-size: 30px;
		line-height: 1.2;
	}
	.add-to-cart-area {
		background: var(--gray-background);
		padding: 48px clamp(10px, calc(48/459*100%), 48px);
		font-size: 14px;
	}
	div.product .product_meta a {
		font-size: inherit;
	}
	.posted_in {
		line-height: 1.2;
	}
	.posted_in + .posted_in {
		margin-top: 12px;
	}
	.variations_form {
		margin-top: 24px;
	}
	div.product form.cart {
		margin-bottom: 0;
	}

	/* Add to Cart Area: Variation Selector */
	div.product .select-label {
		margin: 0;
		color: #111;
		font: 700 16px/1.2 var(--open-sans);
	}
	.selectric-wrapper {
		font: 400 16px/1.2 var(--open-sans);
	}
	.selectric .label {
		background: #fff;
		border: 1px solid #aaa;
		padding: calc(14/16*1em) 12px;
		color: #666;
		font: inherit;
	}
	.arrow-down-circle {
		background-image: url('/wp-content/themes/greenwaysacademy/src/img/icon-form-select.svg');
		top: 50%;
		transform: translateY(-50%);
	}
	.selectric-items {
		border: 1px solid #aaa;
		border-radius: 0;
		background: #fff;
		padding: 0;
	}
	.selectric-items li {
		font: inherit;
		padding: .7em;
	}
	.selectric-items li + li {
		border-top: 1px solid #aaa;
	}

	/* Add to Cart Area: Button */
	div.product form.cart .button {
		width: 100%;
		font: 700 14px/1.2 var(--open-sans);
		padding: calc(11/14*1em) calc(20/14*1em);
	}

	/* Gutenberg Area */
	.product-gutenberg-content {
		clear: both;
		padding-top: 100px;
	}

	/* Related Products */
	.related-courses {
		margin-top: 60px;
		padding-top: 40px;
		border-top: 1px solid #D2D7D9;
	
		h2 {
			margin: 0 0 25px;

			/* TODO: global styles need adjusting */
			font-size: 30px;
			color: #222;
		}
	
		.product-card-listing {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
			gap: 16px;
			list-style: none;
			padding: 0;
			margin: 0;
		}
	}

	@media (min-width: 730px) {
		.product-intro {
			float: left;
			width: calc(670/1160*100%);
			max-width: 588px;
			padding-right: 40px;
		}
		.add-to-cart-area {
			float: right;
			width: calc(490/1160*100%);
		}
	}
	@media (max-width: 729px) {
		.add-to-cart-area {
			margin-top: 40px;
		}
	}
}


/* 2025 changes needed for new block-based cart and checkout */
:is(.woocommerce-cart, .woocommerce-checkout) .container-content > :is(:not(.alignwide):not(.alignfull):not(.full-width), *) {
	max-width: 1160px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
.wp-block-woocommerce-cart-order-summary-fee-block > * + * {
	padding-top: 16px;
}
.wc-block-components-button {
	background: var(--eggplant);
	color: #fff;
	border-radius: 50px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none !important; 
	border: 0;
}

/* Cart: Remove thumbnail */
.wc-block-cart-items__header-image {
	width: 0 !important;
	max-width: 0 !important;
	padding: 0 !important;
}
.wc-block-cart-item__image {
	padding: 0 !important;
}
.wc-block-cart-item__image > * {
	display: none !important;
}
.wc-block-cart-item__image + * {
	padding-left: 0 !important;
}
:is(.is-mobile, .is-small, .is-medium) .wc-block-cart-item__image {
	display: none !important;
}
:is(.is-mobile, .is-small, .is-medium) .wc-block-cart-item__product {
	grid-column-start: 1 !important;
}

/* Checkout: Misc */
.woocommerce-checkout .checkout-heading {
	margin-bottom: 0;
}
.woocommerce-order-received .checkout-heading {
	margin-bottom: 16px;
}

/* Checkout: Remove thumbnail */
.wc-block-components-order-summary-item__image {
	display: none !important;
}
.wc-block-components-order-summary-item__image + * {
	padding-left: 0 !important;
}