/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

:root {
    --school-color: #006d46;
    --fet-color: #00998a;
    --osd-color: #FFA72E;
    --youth-color: #E8788E;
    --music-color: #E32D22;
    --vac-color: #2d3a7b;
    --contact-color: #d1c68f;
    --contact2-color: #75639d;
    --contact3-color: #ad4f71;
}

.white-highlighter *::-moz-selection,
header *::-moz-selection,
footer *::-moz-selection,
.green_color > .sidebar-main h4::-moz-selection { /* Code for Firefox */
  color: var(--school-color);
  background: #fff;
}

.white-highlighter *::selection,
header *::selection,
footer *::selection,
.green_color > .sidebar-main h4::selection {
  color: var(--school-color);
  background: #fff;
}


/* Header CSS */
.main-navigation ul.sub-menu li a {
	color: #000 !important;
	padding: 10px 15px !important;
}
.main-navigation ul.sub-menu li a:hover {
	background-color: var(--school-color);
	color: #fff !important;
}
.sticky-below-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

body.sticky-active {
    margin-top: 60px; /* adjust based on your header height */
}

.admin-bar .sticky-below-header {
	top: 32px;
}

header.sticky-header .custom-logo-link img {
	max-width: 140px;
	width: 140px;
}

.sticky-below-header .main-navigation .menu-link {
	padding-top: 15px;
}

.wp-block-search__button-inside .wp-block-search__inside-wrapper {
	outline: unset !important;
	position: relative;
	padding: 0 !important;
}
.wp-block-search__button-inside .wp-block-search__inside-wrapper input {
	width: 100%;
	min-height: 45px;
	border-radius: 100px;
	padding: 6px 20px;
	box-sizing: border-box;
	outline: unset !important;
	border: unset !important;
}
.wp-block-search__button-inside .wp-block-search__inside-wrapper input::placeholder {
	color: var(--ast-global-color-0);
}
.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
	background-color: #fff !important;
	padding: 8px 10px !important;
	position: absolute;
	right: 0px;
	top: 0;
	min-height: 45px;
	border-radius: 100px !important;
	border: 0 !important;
}
.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button svg.search-icon {
	fill: var(--ast-global-color-0);
}
.smart-boxes-section .elementor-icon-box-icon .elementor-icon, .useful-boxes-section .elementor-icon-box-icon .elementor-icon {
	width: 100%;
	justify-content: center;
	display: flex;
	max-width: 100%;
	margin: 0;
	min-height: 200px;
	align-items: center;
}
/* .useful-boxes-section .elementor-icon-box-icon .elementor-icon {
	max-width: 200px;
	min-height: 200px;
} */
.map-selector {
	margin: 0;
	list-style-type: none;
}
.map-selector .position-selector {
	margin-bottom: 10px;
	padding: 5px 10px 5px 15px;
	background-color: var( --school-color );
	max-width: 200px;
	color: #fff;
	border-radius: 10px;
	cursor: pointer;
}

.map-selector .position-selector.all-markers {
	background-color: grey;
}
.map-selector .position-selector.light-green {
	background-color: var( --fet-color );
}
.map-selector .position-selector.red {
	background-color: var( --music-color );
}
.map-selector .position-selector.orange {
	background-color: var( --osd-color );
}
.map-selector .position-selector.pink {
	background-color: var( --youth-color );
}
.map-selector .position-selector.blue {
	background-color: var( --vac-color );
}
.map-selector .position-selector::before {
	content: "";
	width: 10px;
	height: 10px;
	background-color: white;
	display: inline-block;
	border-radius: 100px;
	margin-right: 10px;
	border: 2px solid transparent;
	box-sizing: content-box;
	top: 1px;
	position: relative;
}
.map-selector .position-selector:hover::before,
.map-selector .position-selector.active::before {
	background-color: black;
	border-color: #fff;
}
#block-10 {
	margin-bottom: 10px;
}
.ast-builder-menu-2 .main-header-menu .sub-menu {
	background-color: #fff;
}
.ast-above-header-wrap .site-header-above-section-right .header-widget-area {
	background-color: #A9CB5A;
	min-height: 30px;
	display: flex;
	align-items: center;
}

.ast-above-header-wrap .site-header-above-section-right .header-widget-area .widget > p {
	margin-bottom: 0;
}
.ast-above-header-wrap .site-header-above-section-right .ast-builder-menu {
	padding: 0;
}
.gtranslate_wrapper a.glink {
	position: relative;
}
.gtranslate_wrapper a.glink::after {
	content: "/";
	margin-left: 4px;
}
.gtranslate_wrapper a.glink:last-of-type::after {
	display: none;
}
.text-decoration-none a {
	text-decoration: none !important;
}

.gtranslate_wrapper a.glink.gt-current-lang {
	font-weight: bold;
	text-decoration: underline;
}

/* Map Sidebar */

.map-sidebar {
	width: 300px;
	padding: 20px;
	background-color: #f9f9f9;
}

.map-sidebar .county {
	font-weight: bold;
	font-size: 1.2em;
	margin-top: .8em;
}

.map-sidebar .county:first-child {
	margin-top: 0;
}

.map-sidebar .location {
	font-style: italic;
	color: var( --e-global-color-astglobalcolor0 );
	margin-top: 5px;
}

.map-sidebar .location + ul {
	margin-top: 0;
	margin-bottom: 0;
}

.map-sidebar ul {
	list-style: none;
	padding-left: 1em;
	margin-left: 0;
}
.map-sidebar li {
	margin-bottom: 5px;
	display: flex;
	align-items: start;
	line-height: 18px;
}

.map-sidebar .icon {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 10px;
	border-radius: 50%;
	position: relative;
	top: 3px;
}


.map-sidebar .red { background-color: #EC1A25; }
.map-sidebar .yellow { background-color: #FDEC06; }
.map-sidebar .green { background-color: var( --e-global-color-astglobalcolor0 ); }
.map-sidebar .blue { background-color: blue; }
.map-sidebar .purple {
	background-color: #352D88;
	clip-path: polygon(50% 0, 100% 100%, 0 100%);
	border-radius: 0;
}
.map-sidebar .star {
	position: relative;
	margin-right: 0;
	padding-left: 22px;
}
.map-sidebar .star::before {
	content: '★';
	margin-right: 8px;
	color: #F0831C;
	font-size: 25px;
	width: 12px;
	height: 12px;
	display: block;
	position: absolute;
	left: -1px;
	top: -3px;
}
.map-sidebar .music::before {
	content: '🎵';
	margin-right: 10px;
	flex: 0 0 12px;
	width: 12px;
	font-size: 12px;
}

.map-sidebar .icon.yellow {
	flex: 0 0 12px;
	height: 12px;
	width: 12px;
}

.map-sidebar .icon.red {
	border-radius: 0px;
	width: 12px;
	height: 12px;
	flex: 0 0 12px;
}
.ast-above-header-wrap .site-header-above-section-right {
	z-index: 9;
	position: relative;
}

@keyframes pulsate {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  60% {
    opacity: .8;
  }
  100% {
    transform: scale(1.02);
    opacity: 0;
  }
}

.has-tooltip.map-marker > circle:first-child {
	opacity: 0;
	animation: pulsate 1s ease-out infinite;
	transform-origin: center;      /* Make scale happen from circle center */
  	transform-box: fill-box;       /* Use the circle’s bounding box */
	/* animation-delay: 1.1s; */
}







/* Single Page CSS */
.page.ast-separate-container .ast-article-post, .page.ast-separate-container .ast-article-single {
	padding: 0;
}
@media (min-width: 993px) {
  .page.ast-left-sidebar #secondary {
    padding-right: 0;
  }
}
@media (min-width: 993px) {
  .page.ast-left-sidebar #secondary {
    padding-right: 0;
    border-right: 0 !important;
	margin: 2em 0 2.5em;
  }
}
@media (min-width: 922px) {
  .page #secondary {
    width: 25%;
  }
}
@media (min-width: 922px) {
  .page #primary {
    width: 75%;
    padding: 0 0 0 30px !important;
    border-left: 0 !important;
  }
}

.page.ast-no-sidebar #primary {
	width: 100%;
	padding: 0 !important;
}

.page .site-content .ast-container {
	max-width: unset;
	display: block;
	padding: 0;
}
.below-content {
	display: flex;
	max-width: 1240px;
	margin: 0 auto;
	width: 100% !important;
	 flex-direction: row; 
}
.page-banner {
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 300px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #F22000;
}
.banner-title {
	color: #fff !important;
    position: relative;
    font-size: 3.5em;
    font-weight: bold;
}
.banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5); /* Dark overlay for readability */
}
.d-none {
	display: none;
}
.breadcrumbs.single {
	font-size: 0.9em;
	color: #000;
	position: relative;
	text-align: left;
	max-width: 1240px;
	margin: 20px auto 0;
}

.breadcrumbs.single a {
    color: var(--osd-color) !important;
    text-decoration: none;
}

.breadcrumbs.single a:hover {
    text-decoration: underline;
}

.sidebar-main {
	overflow: hidden;
	position: -webkit-sticky;
	position: sticky;
	top: 145px;
	background-color: #f9f9f9;
	max-height: calc(100vh - 150px);
	overflow-y: auto;
}

/* Sidebar with custom slim scrollbar */
.sidebar-main {
  scrollbar-width: thin;         /* Firefox */
  scrollbar-color: #ccc #f5f5f5; /* thumb color | track color */
}

/* Chrome, Edge, Safari */
.sidebar-main::-webkit-scrollbar {
  width: 6px;   /* slim width */
}

.sidebar-main::-webkit-scrollbar-track {
  background: #f5f5f5;  /* light track */
}

.sidebar-main::-webkit-scrollbar-thumb {
  background-color: #ccc;   /* darker thumb */
  border-radius: 10px;      /* rounded edges */
}

/* Hover effect for thumb */
.sidebar-main::-webkit-scrollbar-thumb:hover {
  background-color: #bbb;   /* slightly darker on hover */
}



.subpage-sidebar {
	background-color: transparent;
	padding: 0;
	margin: 0;
	border-radius: 0;
	z-index: 1;
	position: relative;
	border-bottom: 5px solid transparent;
}

.light_green_color .subpage-sidebar {
	border-bottom-color: var(--fet-color);
}

.green_color .subpage-sidebar {
	border-bottom-color: var(--school-color);
}

.pink_color .subpage-sidebar {
	border-bottom-color: var(--youth-color);
}

.orange_color .subpage-sidebar {
	border-bottom-color: var(--osd-color);
}

.red_color .subpage-sidebar {
	border-bottom-color: var(--music-color);
}

.blue_color .subpage-sidebar {
	border-bottom-color: var(--vac-color);
}

.yellow_color .subpage-sidebar {
	border-bottom-color: var(--contact-color);
}

.contact_color2 .subpage-sidebar {
	border-bottom-color: var(--contact2-color);
}

.contact_color2 .subpage-sidebar {
	border-bottom-color: var(--contact3-color);
}

/* .sidebar-main::before {
	content: "";
	background-color: #b1d2b6;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -2;
	border-radius: 33px;
}

.sidebar-main::after {
	content: "";
	background-color: #b1d2b6;
	width: 100%;
	height: calc(100% - 40px);
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
	border-radius: 23px;
	background-image: linear-gradient(to bottom, #deece0 0%, #eaf2eb 50%, #deece0 100%);
}
.sidebar_1 .sidebar-main::before {
	background-color: #b1d2b6;
}
.sidebar_1 .sidebar-main::after {
	background-image: linear-gradient(to bottom, #deece0 0%, #eaf2eb 50%, #deece0 100%);
}
.sidebar_2 .sidebar-main::before {
	background-image: linear-gradient(175deg, #fff 0%, #e3f0eb 15%);
}
.sidebar_2 .sidebar-main::after {
	background-image: linear-gradient(175deg, #fff 0%, #9ad4cd 55%, #cee4d8 100%);
}
.sidebar_3 .sidebar-main::before {
	background-image: linear-gradient(185deg, #ffdad1 0%, #ff977b 15%);
}
.sidebar_3 .sidebar-main::after {
	background-image: linear-gradient(175deg, #ffe5de 0%, #fdb6a3 55%, #ffe5de 100%);
} */

.subpage-sidebar h4 {
	color: #fff !important;
	font-size: 24px;
	font-weight: 900;
	background-color: var(--school-color);
	padding: 10px 20px;
}

#secondary li {
	margin-bottom: 0;
}

.light_green_color .subpage-sidebar h4 {
	background-color: var(--fet-color);
	color: #fff !important;
}
.breadcrumbs.single.light_green_color a {
	color: var(--fet-color) !important;
}

.breadcrumbs.single.green_color a {
	color: var(--school-color) !important;
}

.breadcrumbs.single.red_color a {
	color: var(--music-color) !important;
}

.breadcrumbs.single.yellow_color a {
	color: var(--contact-color) !important;
}

.breadcrumbs.single.contact_color2 a {
	color: var(--contact2-color) !important;
}

.breadcrumbs.single.contact_color3 a {
	color: var(--contact3-color) !important;
}

.page-banner .container {
	max-width: 1240px;
	margin: 0 auto;
	width: 100%;
}

.page-banner.pink_color {
	background-color: #fff !important;
	background-image: url("https://loetb.ie/wp-content/uploads/2025/02/banner-loetb-Youth-Service.jpg") !important;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.pink_color .banner-title {
	color: #FFF !important;
	text-align: left;
}

.pink_color .subpage-sidebar h4 {
	background-color: var(--youth-color);
	color: #fff !important;
}
.breadcrumbs.single.pink_color a {
	color: var(--youth-color) !important;
}

.page-banner.blue_color {
	background-color: #fff !important;
	background-image: url("https://loetb.ie/wp-content/uploads/2025/02/banners-Vacancies.png") !important;
	background-position: -10px -10px;
	background-size: auto calc(100% + 15px);
}

.blue_color .banner-title {
	color: #ffffff !important;
	text-align: left;
}

.page-banner.yellow_color {
	background-color: #fff !important;
	background-image: url("https://loetb.ie/wp-content/uploads/2025/03/banner-4.3-01-03.jpg") !important;
	background-position: -10px -10px;
	background-size: auto calc(100% + 15px);
}

.page-banner.contact_color2 {
	background-color: #fff !important;
	background-image: url("https://loetb.ie/wp-content/uploads/2025/10/image_teal_14A296_rgb.jpeg") !important;
/* 	background-color: #14A296 !important; */
	background-position: center;
	background-size: cover;
}

.page-banner.contact_color3 {
	background-color: #fff !important;
	background-image: url("https://loetb.ie/wp-content/uploads/2025/03/banner-4.3-01-01.jpg") !important;
	background-position: -10px -10px;
	background-size: auto calc(100% + 15px);
}

.yellow_color .banner-title {
	color: #000 !important;
	text-align: left;
}

.contact_color2 .banner-title {
	color: #fff !important;
	text-align: left;
}

.contact_color3 .banner-title {
	color: #fff !important;
	text-align: left;
}

.blue_color .subpage-sidebar h4 {
	background-color: var(--vac-color);
	color: #fff !important;
}
.breadcrumbs.single.blue_color a {
	color: #003c71 !important;
}

/* 
.page-banner.green_color {
	background-color: var(--school-color) !important;
	background-image: linear-gradient(180deg ,#bbffe7,var(--school-color)) !important;
} */

/********* Last backup of the Green Banner *********/
/* .page-banner.green_color {
	background-color: #fff !important;
	background-image: url("https://loetb.ie/wp-content/uploads/2024/11/schools-01.png") !important;
	background-position: bottom left;
	background-size: cover;
}

.green_color .banner-title {
	color: var(--school-color) !important;
	text-align: center;
} */
.page-banner.green_color {
	background-image: url("https://loetb.ie/wp-content/uploads/2025/02/banner-loetb-Schools.jpg") !important;
	background-color: #fff !important;
/* 	background-image: linear-gradient(110deg, #2ddb88 -20%, #014950 120%) !important; */
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 300px;
	align-items: normal;
}
.page-banner.green_color .container {
	display: flex;
	align-items: center;
}
/********* End of Last backup of the Green Banner *********/

/* .page-banner.light_green_color {
	background-color: var(--fet-color) !important;
	background-image: linear-gradient(180deg ,#d8fffb,var(--fet-color)) !important;
} */

.page-banner.light_green_color {
	background-color: #fff !important;
	background-image: url("https://loetb.ie/wp-content/uploads/2025/02/loetb-banners-Further-Education-and-Training-scaled.jpg") !important;
	background-position: left center;
	background-size: cover;
	background-repeat: no-repeat;
	padding:10px
}

.light_green_color .banner-title {
	color: #fff !important;
	text-align: left;
}

/* .page-banner.orange_color {
	background-color: #F22000 !important;
	background-image: linear-gradient(180deg ,#FFD4CE,#F22000) !important;
} */


/********* Last backup of the Orange Banner *********/
/* .page-banner.orange_color {
	background-color: #fff !important;
	background-position: bottom left;
	justify-content: unset;
	align-items: unset;
	padding-top: 100px;
}

.orange_color .banner-title {
	color: var(--osd-color) !important;
} */
.page-banner.orange_color {
	background-color: #fff !important;
	background: url("https://loetb.ie/wp-content/uploads/2025/02/loetb-banners-Organisation-Support-and-Development-scaled.jpg") no-repeat left center / cover !important;
	min-height: 300px;
	justify-content: unset;
	align-items: unset;
	padding-top: 0;
}
.page-banner.orange_color .container {
	display: flex;
	align-items: center;
}

/********* End of Last backup of the Orange Banner *********/

.orange_color .subpage-sidebar h4 {
	color: #fff !important;
	background-color: var(--osd-color);
	padding: 10px 20px;
}

.page-banner.red_color {
	background-color: #fff !important;
	background-image: url("https://loetb.ie/wp-content/uploads/2025/02/Music-banner-02-1.jpeg") !important;
	background-position: left center;
	background-size: cover;
}

.red_color .subpage-sidebar h4 {
	color: #fff !important;
	background-color: var(--music-color);
	padding: 10px 20px;
}

.subpage-sidebar h3 {
    font-size: 1.2em;
    margin-bottom: 10px;
}

.subpage-list {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.subpage-item {
    position: relative;
	margin-bottom: 0;
}

.ast-separate-container #primary, .ast-separate-container.ast-left-sidebar #primary, .ast-separate-container.ast-right-sidebar #primary {
	margin: 2em 0;
}

/* .subpage-item::before {
	content: "";
	width: 5px;
	height: 5px;
	position: absolute;
	background-color: #000;
	border-radius: 100%;
	display: block;
	top: 14px;
	left: 3px;
} */

.subpage-item > .subpage-list li::before {
	left: 18px;
}

.subpage-item > a {
	display: block;
	color: #333;
	text-decoration: none;
	padding: 15px;
	line-height: 25px;
	font-size: 15px;
	border-bottom: 1px solid #eaeaea;
	border-left: 3px solid #d3d3d3;
}	

.subpage-item.active > a {
	font-weight: bold;
	color: #000 !important;
	border-left-color: var(--school-color);
	position: relative;
}

.subpage-item.active.has-child {
	background-color: var(--school-color) !important;
	position: relative;
}

.submenu-dropdown-arrow {
	position: absolute;
	top: calc(50% + 4px);
	padding: 20px;
	display: block;
	width: 10px;
	height: 10px;
	right: 0;
	transform: translateY(-50%);
}

.submenu-dropdown-arrow::before {
	content: "";
	border-width: 6px;
	border-style: solid;
	border-color: #000 transparent transparent transparent;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.subpage-item.has-child .submenu-dropdown-arrow.active {
	top: calc(50% - 4px);
}

.subpage-item.has-child .submenu-dropdown-arrow.active::before {
	transform: translate(-50%, -50%) rotate(180deg);
}

.subpage-item.active.has-child > a > span.submenu-dropdown-arrow::before {
	border-top-color: #fff;
}

.subpage-item.active.has-child > a::before {
	content: "";
/* 	position: absolute;
	width: 15px;
	height: 15px;
	background-color: #fff;
	left: -5px;
	top: 50%;
	transform: rotate(-45deg) translateY(-50%); */
}

.subpage-item.has-child > a {
	padding-right: 40px;
	position: relative;
}

.subpage-item.active.has-child > a {
	color: #fff !important;
}

.subpage-item.has-child ul.subpage-list {
	background-color: #e6fff6;
}

.light_green_color .subpage-item.active > a {
    border-left-color: var(--fet-color) !important; /* Change color as needed */
}

.light_green_color .subpage-item.active.has-child {
	background-color: var(--fet-color) !important;
}

.light_green_color .subpage-item.has-child ul.subpage-list {
	background-color: #e6fff6;
}

/* #FB0B93 */
.pink_color .subpage-item.active > a {
    border-left-color: var(--youth-color) !important; /* Change color as needed */
}

.pink_color .subpage-item.active.has-child {
	background-color: var(--youth-color) !important;
}

.pink_color .subpage-item.has-child ul.subpage-list {
	background-color: #ffe9ed;
}

.orange_color .subpage-item.active > a {
    border-left-color: var(--osd-color) !important; /* Change color as needed #ff4f1f  */
}

.orange_color .subpage-item.active.has-child {
	background-color: var(--osd-color) !important;
}

.orange_color .subpage-item.has-child ul.subpage-list {
	background-color: #fff8ef;
}

.red_color .subpage-item.active > a {
    border-left-color: var(--music-color) !important; /* Change color as needed #ff4f1f  */
}

.red_color .subpage-item.active.has-child {
	background-color: var(--music-color) !important;
}

.red_color .subpage-item.has-child ul.subpage-list {
	background-color: #ffe7e5;
}

.blue_color .subpage-item.active > a {
    border-left-color: var(--vac-color) !important; /* Change color as needed */
}

.blue_color .subpage-item.active.has-child {
	background-color: var(--vac-color) !important;
}

.blue_color .subpage-item.has-child ul.subpage-list {
	background-color: #e8ebff;
}

.subpage-item > .subpage-list {
    display: none; /* Hidden by default */
    margin-left: 0;
    /* border-left: 2px solid #ddd; */
    padding-left: 0;
}

.subpage-sidebar > .subpage-list > li:last-child > a,
.subpage-sidebar > .subpage-list > li:last-child ul.subpage-list > li:last-child > a{
	border-bottom: 0;
}

/* Show nested lists on parent click */
.subpage-item.open > .subpage-list {
    display: block;
}

.subpage-item > .subpage-list li a {
	padding-left: 30px;
}

.subpage-item > .subpage-list > .subpage-item > .subpage-list li a {
	padding-left: 50px;
/* 	color: #000 !important; */
}

.subpage-item > .subpage-list > .subpage-item > .subpage-list li.subpage-item ul.subpage-list {
/* 	display: none; */
}

.subpage-item > .subpage-list > .subpage-item > .subpage-list li.subpage-item ul.subpage-list li a {
	padding-left: 65px;
}

.subpage-item > .subpage-list > .subpage-item > .subpage-list li a .submenu-dropdown-arrow {
/* 	display: none; */
}

.subpage-item > .subpage-list > .subpage-item > .subpage-list li {
/* 	background-color: transparent !important; */
}



.subpage-item a.toggle::after {
    content: '▶'; /* Right-pointing arrow */
    font-size: 0.8em;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.subpage-list > .subpage-item.has-child.active > a {
/* 	border-bottom: 1px solid #000; */
}

.subpage-list > .subpage-item.active > ul.subpage-list {
	display: block;
}

.page.ast-page-builder-template .site .site-content #primary {
	margin: 2em 0 !important;
}


.subpage-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 20px;
}

.subpage-grid-item {
	text-align: center;
	background-color: #fff;
	padding: 0;
	border: 1px solid #e8e8e8;
	border-radius: 5px;
	transition: box-shadow 0.3s ease;
	box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.07);
}

.subpage-grid-item img {
	height: 200px !important;
	object-fit: cover;
	object-position: center;
}

.subpage-grid-item:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.subpage-grid-thumbnail {
    width: 100%;
    height: auto;
    border-radius: 5px;
    margin-bottom: 10px;
}

.subpage-grid a {
	display: block;
}

.subpage-grid .subpage-grid-title {
	font-size: 18px;
	margin-top: 10px;
}

table th {
	text-align: left;
	vertical-align: top;
	background-color: #333;
	color: #fff;
}

.light_green_color table th {
	background-color: var(--fet-color);
}

.green_color table th {
	background-color: var(--school-color);
}

.pink_color table th {
	background-color: var(--youth-color);
}

.orange_color table th {
	background-color: var(--osd-color);
}

.red_color table th {
	background-color: var(--music-color);
}

.blue_color table th {
	background-color: var(--vac-color);
}

.pink_color .site-main a, .orange_color .site-main a, .red_color .site-main a, .blue_color .site-main a, .light_green_color .site-main a, .green_color .site-main a {
	font-weight: 600;
	text-decoration: underline;
}

.pink_color .site-main a {
	color: var(--youth-color);
}
.orange_color .site-main a {
	color: var(--osd-color);
}
.red_color .site-main a {
	color: var(--music-color);
}
.blue_color .site-main a {
	color: var(--vac-color);
}
.light_green_color .site-main a {
	color: var(--fet-color);
}
.green_color .site-main a {
	color: var(--school-color);
}

.single.single-post .sidebar-main {
	padding: 25px;
	background-color: #f0f0f0;
}
.single.single-post .sidebar-main nav ul {
	list-style-type: disc;
	padding-left: 15px;
}
.single.single-post .sidebar-main nav ul li {
	margin-bottom: 15px !important;
}
.single.single-post .sidebar-main nav ul li a {
	line-height: 24px !important;
	display: block;
}


/* Courses Search CSS */
#sfcw_section_search form .form-group.row label, #sfcw_section_search form .form-group.row div {
	width: 100% !important;
}
.sfcw .fulltime_bck {
	color: #fff !important;
}
.sfcw .sfcw-section-result .sfcw-div-legend .sfcw-table-legend td {
	font-size: 16px !important;
	font-weight: 500 !important;
	border: 0px !important;
	border-radius: 10px;
}
.sfcw-result-switcher.text-right .btn.btn-xs {
	font-size: 14px !important;
	margin-top: 20px !important;
}
.sfcw-table-legend {
	border: 0 !important;
}
.sfcw .sfcw-section-result .sfcw-div-legend .sfcw-table-legend td {
	font-size: 16px !important;
	font-weight: 500 !important;
	border-right: 10px solid #fff !important;
	border-radius: 0px;
	padding: 10px !important;
}
#sfcw_table_results thead th {
	background-color: var(--ast-global-color-0);
}
#sfcw_table_results tbody tr:nth-child(2n) {
	background-color: #f0f0f0;
}
#sfcw_table_results tbody tr a {
	color: var(--ast-global-color-0);
}
#sfcw_button_search {
	background-color: var(--ast-global-color-0);
	color: #fff;
	border-color: var(--ast-global-color-0);
}
#sfcw_table_results tr th, #sfcw_table_results tr td {
	border-right: 0;
}

.basic-gallery-update .gallery-item img {
	object-fit: cover;
	object-position: center;
	height: 200px;
	border-radius: 15px;
}

.dialog-lightbox-widget .swiper-slide img {
	background-color: rgba(255,255,255,0.7);
}

/* .grids-gallery-update .gallery {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 15px;
	grid-row-gap: 15px;
}

.grids-gallery-update .gallery .gallery-item:nth-child(n) {
	grid-area: 1 / 1 / 3 / 2;
	max-width: 100%;
	background-color: rgba(0,0,0,.1) !important;
	padding: 0;
}

.grids-gallery-update .gallery .gallery-item:nth-child(2n) {
	grid-area: 1 / 2 / 2 / 3;
}

.grids-gallery-update .gallery .gallery-item:nth-child(3n) {
	grid-area: 2 / 2 / 3 / 3;
} */

.grids-gallery-update .gallery {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-auto-rows: 200px;
	gap: 15px;
	position: relative;
	grid-auto-flow: dense; /* 👈 Important */
}

.grids-gallery-update .gallery-item {
	background-color: #eee;
	max-width: 100% !important;
	overflow: hidden;
	display: flex !important;
	align-items: center;
	justify-content: center;
	padding: 0 !important;
	border-radius: 15px;
}

/* Pattern 1: Big Left, Small Top Right, Small Bottom Right */
.grids-gallery-update .gallery-item:nth-child(6n+1) {
	grid-column: 1 / 4;
	grid-row: span 3;
}
.grids-gallery-update .gallery-item:nth-child(6n+2) {
	grid-column: 4 / 6;
	grid-row: span 2;
}
.grids-gallery-update .gallery-item:nth-child(6n+3) {
	grid-column: 4 / 6;
	grid-row: auto;
}

/* Pattern 2: Small Top Left, Small Bottom Left, Big Right */
.grids-gallery-update .gallery-item:nth-child(6n+4) {
	grid-column: 1 / 3;
	grid-row: span 2;
}
.grids-gallery-update .gallery-item:nth-child(6n+5) {
	grid-column: 1 / 3;
	grid-row: auto;
}
.grids-gallery-update .gallery-item:nth-child(6n+6) {
	grid-column: 3 / 6;
	grid-row: span 3;
}

.grids-gallery-update .gallery-item.last-one {
  grid-column: 1 / -1; /* Span all columns (full width) */
  grid-row: span 2;
}

.grids-gallery-update .gallery-item.last-two-1 {
  grid-column: 1 / 3;
  grid-row: span 2;
}

.grids-gallery-update .gallery-item.last-two-2 {
  grid-column: 3 / 6;
  grid-row: span 2;
}



.grids-gallery-update .gallery-item .gallery-icon {
	height: 100%;
}
.grids-gallery-update .gallery-item .gallery-icon a {
	height: 100%;
	display: block;
}
.grids-gallery-update .gallery-item .gallery-icon a img {
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/* Footer CSS */
.ast-footer-copyright, .ast-footer-social-wrap, .site-footer-focus-item {
	width: auto;
}
.site-primary-footer-wrap .site-footer-section > div:nth-child(2) {
	flex: 1;
	margin-bottom: 0;
}
.widget-title {
	font-size: 1.5rem !important;
	font-weight: 700;
}
#ast-scroll-top {
	min-height: 70px;
}
#ast-scroll-top::after {
	content: "";
	position: absolute;
	top: 21px;
	left: 50%;
	background-color: var(--ast-global-color-0);
	display: block;
	width: 4px;
	height: 27px;
	transform: translate(calc(-44%));
}
@media (max-width: 991px) {
  	.ast-left-sidebar #content > .ast-container {
    flex-direction: column; /* stack content above sidebar */
  }
}
@media (max-width: 768px) {
  .below-content {
    flex-direction: column;
  }
.alignright {
	float: none;
	margin: 0;
	width: 100%;
}
	.grids-gallery-update .gallery {
	grid-auto-rows: auto;
	}
	.banner-title {
	font-size: 2.7em;
	padding: 10px;
}
}
@media (max-width: 544px) {
  .footer-widget-area[data-section="section-footer-menu"] .astra-footer-mobile-vertical-menu {
    display: flex;
    justify-content: center;
    margin: 15px 0 !important;
  }
	 .subpage-grid {
    grid-template-columns: 1fr; /* single column */
  }
}