/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
html,
body{
	overflow-x: hidden;
}
b, strong{
	font-weight: 600;
}
.site-logo a{
	display: flex;
}
.extra-bold{
	font-weight: 800;
}
.e-con-inner{
	margin: 0px;
}
.elementor-nav-menu--layout-horizontal{
	display: inline-block;
}
.elementor-nav-menu--layout-horizontal .elementor-nav-menu{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.contact-btn .elementor-button-wrapper{
	display: flex;
	width: 100%;
	height: 100%;
}
.contact-btn .elementor-button-link{
	display: flex;
    align-items: center;
    justify-content: center;
}
header .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li{
	align-items: flex-start;
	padding-left: 15px;
}
header .menu-item{
	position: relative;
}
header .menu-item::before{
	content: "";
	position: absolute;
	top: 2px;
	left: 0px;
	width: 3px;
	height: 20px;
}
header .menu-item.yellow-line::before{
	background-color: var( --e-global-color-secondary );
}
header .menu-item.green-line::before{
	background-color: var( --e-global-color-accent );
}
header .menu-item.pink-line::before{
	background-color: var( --e-global-color-primary );
}
header .menu-item.purple-line::before{
	background-color: var( --e-global-color-2d79afe );
}
.hero-girl-container,
.home-hero-text{
	position: relative;
}
.home-hero-text::after{
	content: "";
	width: 100vw;
	height: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
	background-image: url("/wp-content/uploads/2025/06/pink-grad-bg.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: right;
	z-index: -1;
}
.hero-girl-container::after{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url("/wp-content/uploads/2025/06/home-hero-banner-shape.png");
	background-repeat: no-repeat;
	background-size: 50% 100%;
}
.pathways-section{
	position: relative;
}
.pathways-section::after{
	content: "";
    max-width: 450px;
    width: 50vw;
	height: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
	background-image: url("/wp-content/uploads/2025/06/pathways-green-shape.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: right;
}
.border-grad{
	position: relative;
}
.border-grad::after{
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 7px;
	height: 100%;
	background: linear-gradient(180deg, var( --e-global-color-2d79afe ) 0%, var( --e-global-color-primary ) 100%);
}
.green-border::after{
	background: linear-gradient(180deg, var( --e-global-color-ea1eb0d ) 0%, var( --e-global-color-accent ) 100%);
}
.values-section::after,
.boomerang-section::after{
	content: "";
	width: 34vw;
	max-width: 650px;
	height: 120%;
	position: absolute;
	top: -80px;
	right: 0px;
	background-image: url("/wp-content/uploads/2025/06/boomerang-green-shape.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top right;
	pointer-events: none;
}
.fit-height::after{
	width: 100vw;
	height: 125%;
}
.home-contact-list li .elementor-icon-list-text{
	display: flex;
	flex-wrap: wrap;
	gap: 0px 10px;
}
.home-contact-list li a{
	color: var(--e-global-color-text);
	width: unset !important;
	transition: all 0.3s;
}
.home-contact-list li a:hover{
	color: var( --e-global-color-8d349c9 );
}
.gcse-results-section:after{
	content: "";
	width: 42vw;
	height: 115%;
	position: absolute;
	top: -80px;
	left: 0px;
	background-image: url("/wp-content/uploads/2025/06/boomerang-pink-shape.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top left;
}
.icon-box{
	position: absolute;
    top: 40%;
    left: 50%;
    transform: translateX(-50%);
}
.leadership-section{
	position: relative;
}
.leadership-section::after{
	content: "";
	position: absolute;
	z-index: 1;
	opacity: 1;
	background: url("/wp-content/uploads/2025/06/leadership-section-yellow-shape.png") no-repeat;
	bottom: 0px;
	left: 0px;
	width: 20vw;
    max-width: 300px;
    height: 60%;
    background-size: contain;
    background-position: left bottom;
}
.page-header{
	display: none;
}
.pink-txt{
	color: var( --e-global-color-primary );
}
.green-txt{
	color: var( --e-global-color-accent );
}
.teal-txt{
	color: var( --e-global-color-3d1a4f6 );
}
.slanted-text p {
	text-indent: -11px;
	transform: translateX(calc(var(--i) * 20px));
	margin-right: calc(var(--i) * 20px);
}
.slanted-text p::first-line {
	text-indent: 0;
}
.dates-container{
	width: max-content;
	min-width: max-content;
}
l.eft-full-width-bg{
	position: relative;
}
.left-full-width-bg::before{
	content: "";
	width: 100vw;
	position: absolute;
	top: 0px;
	right: 100%;
	left: auto;
	background-color: var( --e-global-color-ea1eb0d );
	z-index: -1;
	pointer-events: none;
}
.text-align-left *{
	text-align: left;
}
.contact-page-bg::before,
.yellow-shape::before{
	background-size: 50vw 100% !important;
}
.elementor-message{
	color: white;
	padding-left: 30px;
}
.elementor-message-svg:before{
	background-size: 100% 100%;
    position: absolute;
    left: 0px;
}
.left-container-padding {
	padding-left: calc((100vw - 1400px) / 2 - 32px);
	
	@media (max-width: 767px) {
		padding-left: calc((100vw - 1400px) / 2 - 24px);
	}
}
.right-container-padding {
	padding-right: calc((100vw - 1400px) / 2 - 32px);
	
	@media (max-width: 767px) {
		padding-right: calc((100vw - 1400px) / 2 - 24px);
	}
}
.left-container-padding .e-con>.e-con-inner,
.right-container-padding .e-con>.e-con-inner{
	margin: 0px;
}
.rmp-container{
	background-color: transparent !important;
	background-image: linear-gradient(45deg, var(--e-global-color-ea1eb0d) 50%, var(--e-global-color-primary) 100%) !important;
}
.rmp-menu-item-link{
	height: unset !important;
	line-height: 1.3em !important;
	padding-block: 0.8em !important;
}
.rmp-menu-item-link:hover{
	color: var( --e-global-color-secondary ) !important;
}

.rmp-menu-title-image{
    max-width: 85% !important;
    text-align: left;
    margin-left: 0 !important;
   	filter: brightness(0) invert(1);	
}
.rmp-menu-item-link br{
	display: none;
}
.rmp_menu_trigger{
	top: 50% !important;
	transform: translateY(-50%);
	right: 50px !important;
	@media (max-width: 767px) {
		right: 24px !important;
	}
}
.rmp-menu-additional-content{
	display: flex !important;
	gap: 20px;
	margin-top: 25px;
}
.rmp-menu-additional-content img{
	filter: brightness(0) invert(1);
	width: 40px;
}
/* .elementor-icon-list-text div{
	border-bottom: 1px solid var( --e-global-color-primary );
    padding-bottom: 5px;
    margin-bottom: 5px;
} */
/* footer .elementor-icon-list-text{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
} */
.cmplz-document header ul,
.cmplz-document header ol,
.cmplz-document footer ul,
.cmplz-document footer ol{
	margin-bottom: 0px !important;
}
.wigan-contact-list a{
	color: white !important;
}
.wigan-contact-list a:hover{
	color: var(--e-global-color-secondary) !important;
}
/* Term dates page */
.page-id-20{
	padding: 0px;
}
.wpsbc-calendars{
	display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
	@media(max-width: 1350px){
		grid-template-columns: repeat(3, 1fr);
	}
	@media(max-width: 1024px){
		grid-template-columns: repeat(2, 1fr);
	}
	@media(max-width: 767px){
		grid-template-columns: repeat(1, 1fr);
	}
}
.wpsbc-container .wpsbc-calendars .wpsbc-calendar{
	width: 100% !important;
	border-radius: 40px !important;
	margin: 0px !important;
	border: none !important;
}
.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header .wpsbc-calendar-header-navigation{
	font-size: 1.3rem !important;
	font-weight: 600 !important;
	margin-bottom: 0.2em;
}
.wpsbc-container .wpsbc-calendars .wpsbc-calendar table thead tr th{
	padding: 0px;
	font-size: 1.1rem;
    font-weight: 500;
}
.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-wrapper table tr td,
.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-wrapper table tr th{
	padding: 3px 3px !important;
}
.wpsbc-container .wpsbc-calendars .wpsbc-calendar table tr td .wpsbc-date-inner .wpsbc-date-number{
	font-size: 0.85rem !important; 
    font-weight: 300 !important;
}
.wpsbc-container .wpsbc-calendars .wpsbc-calendar table tr td .wpsbc-date-inner{
/* 	border: 1px solid rgb(223 223 223) !important; */
	border-radius: 7px !important;
}
.status-container{
	gap: 10px 60px !important;
	margin-bottom: 30px;
	@media(max-width: 767px){
		align-items: flex-start !important;
	}
}
.status-text{
	font-size: 1.5rem !important;
	font-weight: 500;
	@media(max-width: 767px){
		font-size: 1.2rem !important;
	}
}
.status-icon{
	width: 22px !important;
    height: 22px !important;
}
.read-link{
	display: inline-block;
	margin-top: 20px;
}
.elementor-nav-menu .sub-menu.elementor-nav-menu--dropdown{
	top: 77px !important;
	background-image: linear-gradient(45deg, var(--e-global-color-ea1eb0d) 0%, var(--e-global-color-8d349c9) 100%);
    border-bottom-right-radius: 25px;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	overflow: hidden;
}
.sub-menu li:not(:last-child){
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
.sub-menu li a{
	font-size: 1rem;
	color: white;
	border-inline-start: 0px !important;
	padding: 13px 25px !important;
}
.sub-menu li a:hover,
.sub-menu li.current-menu-item a:hover{
	background: white;
	color: var(--e-global-color-text);
}
.sub-menu li.current-menu-item a{
	background-color: transparent;
	color: white;
}
.sub-menu li::before{
	display: none;
}
.rmp-menu-subarrow{
	top: 9px !important;
	right: 15px !important;
	border: 1px solid rgba(255,255,255, 0.2) !important;
}
.rmp-menu-item{
	border-top: 1px solid rgba(255,255,255, 0.2) !important;
}
.rmp-menu-top-level-item:nth-last-child(2){
	border-bottom: 1px solid rgba(255,255,255, 0.2) !important;
}
.rmp-submenu{
	margin-left: 30px !important
}
.rmp-submenu-depth-1 .rmp-menu-item-link{
	padding-left: 0px !important
}
.calendar__legend_title{
	display: none;
}
.our-schools > a,
.meet-the-team > a{
	cursor: default;
	color: var( --e-global-color-text ) !important;
}
.rmp-container .our-schools > a,
.rmp-container .meet-the-team > a{
	color: white !important;
}
.news-page-grid .e-loop-item{
	box-shadow: 0px 10px 40px 2px rgba(0,0,0,0.25);
	border-radius: 20px;
}
.single-post-banner{
	background-size: cover;
}
.rmwr-wrapper button{
	color: var(--e-global-color-accent);
	background: none !important;
	border: none !important;
	outline: none !important;
	padding: 0px !important;
}
.rmwr-wrapper button:hover,
.rmwr-wrapper button:focus{
	color: var(--e-global-color-primary);
}

@media(min-width: 1301px){
	.contact-item{
		display: none !important;
	}
}

@media(max-width: 1300px){
	.contact-btn-container{
		justify-content: flex-end;
	}
	.contact-item{
		display: none !important;
	}
	
}

@media(max-width: 1200px){
	.site-logo{
		width: 220px;
	}
	.hero-girl-container::after{
		background-size: 60% 100%;
	}
	.contact-page-bg::before{
		background-size: 40vw 60vh !important;
	}
}

@media(min-width: 1025px){
	.vertical-align-text:not(.margin-initial){
		margin-top: 0px !important;
	}
	
}

@media(max-width: 1024px){
	.gcse-results-section:after{
		width: 35vw;
		min-width: 250px;
	}
}

@media(max-width: 767px){
	.home-hero{
		margin-top: 0px !important;
	}
	.hero-girl-container::after{
		background-image: url("/wp-content/uploads/2025/06/home-hero-banner-shape-rotated-1.png");
		background-size: 100% 30%;
	}
	.home-hero-text::after{
		background-image: url("/wp-content/uploads/2025/06/pink-grad-bg-rotated-1.jpg");
		background-size: 100% 100%;
	}
	.values-section::after{
		width: 65vw;
	}
	.leadership-section::before{
		background-image: linear-gradient(90deg, var(--e-global-color-text) 100%, rgba(0,0,0,0) 100%) !important;	
	}
	.page-banner::before{
    	background-image: linear-gradient(90deg, var(--e-global-color-text) 100%, rgba(0,0,0,0) 100%) !important;
	}
	.leadership-section::after{
		display: none;
	}
	.slanted-text p{
		text-indent: 0px;
		transform: unset;
		margin-right: 0px;
		margin-bottom: 1.5em;
	}
	.gcse-results-section:after{
		min-width: 170px;
		width: 25vw;
		left: auto;
		right: 0px;
		transform: scaleX(-1);
	}
	.pathways-section::before{
		background-image: linear-gradient(90deg, var(--e-global-color-text) 100%, rgba(0,0,0,0) 100%) !important;	
	}
	.pathways-section::after{
		width: 40vw
	}
	.contact-page-bg::before{
		background-size: 40vw 40vh !important;
	}	
}