/*
Theme Name: BAS 2025
Author: We Are Factory
Author URI: https://www.wearefactory.net/
Version: 2.0
*/

/*-----------------------------------------------------------------------------------

	= Table of Contents



	1. = Fonts

	2. = Body, Typography and some main Elements

	4. = Header styling

	5. = Navigation styling

	6. = Footer styling

	7. = Sidebar styling

	8. = Home Page styling

	9. = Works Page styling

	10.= Schools Page styling

	11.= News Page and News Detail page styling

	12.= Diary Page styling

	13.= Library Page styling	

	14.= Network Page styling	

	15.= Contact Page styling	

	16.= Meal Page styling

	

	

/*-----------------------------------------------------------------------------------*/

/* 1. = Fonts

/*-----------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------*/

/* 1. = variables

/*-----------------------------------------------------------------------------------*/


:root {
    --blue: #058BA8;
    --red: #C31D13;
	--green: #16DB93;
	--dk-green: #028D5A;
	--dark: #191919;
}


/*-----------------------------------------------------------------------------------*/

/* 2. = Body, Typography and some main Elements

/*-----------------------------------------------------------------------------------*/

html {font-size:62.5%;}
body {font-family:"rig-sans", sans-serif; font-weight: 400; font-size:1.8em; line-height:1.2; font-style:normal; background-color:#fff; color:var(--dark);}

h1, h2, h3, h4, h5, h6 { margin-top:0rem; margin-bottom: 3rem; font-weight: 800; position: relative; }

h1 { font-size: 3rem;  font-weight:400; margin-bottom: 0rem; }
h2 { font-size: 2.8rem;  }
h3 { font-size: 2.4rem;  }
h4 { font-size: 2.2rem; font-weight:200; line-height: 1.5;}
h5 { font-size: 1.6rem;   }
h6 { font-size: 1.6rem;  }

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {color:var(--red);}

.wp-block-group.has-white-color h2, .wp-block-group.has-white-color h3 {color:#fff;}

p { margin-top: 0; font-size:1.6rem; line-height: 1.5;}

ul {list-style:"+  "; margin-bottom: 3rem;}

li {font-size:1.6rem; margin-bottom: 10px; line-height: 1.5;}

blockquote.wp-block-quote {display: block; position: relative; margin: 20px 0 20px 50px; color:var(--red); border: none;}

.wp-block-group.has-white-color blockquote.wp-block-quote {color:#fff;}

blockquote.wp-block-quote::before {content:""; position: absolute; left:-50px; top:0; width:50px; height:50px; background-image:url(assets/images/interface/quote.png); background-size:contain; background-position:center; background-repeat: no-repeat;}

.wp-block-group.has-white-color blockquote.wp-block-quote::before {background-image:url(assets/images/interface/quote-white.png);}

blockquote p {font-size: 3rem; line-height: 1.3;}

/* Larger than phablet */
@media (min-width: 550px) {
	
}

/* Larger than tablet */
@media (min-width: 1000px) {

	
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
	
	p { margin-top: 0; font-size:1.8rem }
	
	li {font-size:1.8rem; margin-bottom: 10px;}
	
	h1 { font-size: 4rem;   }
	h2 { font-size: 3.5rem;   }
	h3 { font-size: 2.5rem;  }
	h4 { font-size: 2rem;  }
	h5 { font-size: 1.8rem;    }
	h6 { font-size: 1.6rem;  margin-bottom: 1rem; }
	
}

/* Larger than Desktop HD */
@media (min-width: 1500px) {
    
	h1 { font-size: 5rem; line-height: 4.5rem;  }
	h2 { font-size: 4.5rem; line-height: 5.2rem;  }
	h3 { font-size: 3.5rem; line-height: 3.1rem; }
	h4 { font-size: 2rem; line-height: 2.35rem; }
	h5 { font-size: 1.8rem; line-height: 1.5rem;   }
	h6 { font-size: 1.6rem; line-height: 1.8rem; margin-bottom: 1rem; }
	
}


/*-----------------------------------------------------------------------------------*/

/* 2. = Styles

/*-----------------------------------------------------------------------------------*/


.ghostkit-effects-enabled .ghostkit-effects-reveal {
	pointer-events: none;
	visibility: visible !important;
}



.blue {color:var(--blue) !important;}

.wp-block-group {width:94%;}

.container {position: relative; max-width:1400px; width:94%; margin-left: auto; margin-right: auto; box-sizing: border-box; }

.wp-block-group.has-background {padding:3rem; margin: 3rem auto;}

main {margin-top:101px}

a { transition:0.3s all; text-decoration: none; color:var(--blue); font-weight: 400; border-bottom:solid 1px transparent;}

a:hover {border-color:var(--blue);}

hr {width:156px; border-top:4px solid var(--blue); margin: 3.5rem 0;}

figcaption {}

.blocklink {position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999; border: none;}

.contain-link {display:block;}

.blocklink:hover {border:0;}

.blockimage {background-size:cover; background-position: center; position:absolute; top:0; left:0; width:100%; height:100%; z-index: 999;}

.aligncenter {text-align:center;}

.no-margin {margin:0;}

.title-alt {font-size:40px !important;}

.feature-button figure {float: none !important; display:block!important; text-align: center;}

.rounded {border-radius:15px; overflow: hidden;}

.shadow {box-shadow:0 3px 10px 0 rgba(0,0,0,0.15);}

.narrow {width:94%; margin-left: auto; margin-right: auto;}

.content-wrapper {padding:5%;}

.flex {display: flex; flex-flow: row wrap; align-items:stretch; justify-content:left; gap:2%;}

.flex-title-break {flex:0 0 100%;}

.padding-wrapper {padding:2%;}

.align-middle {align-self:center;}

.align-right {text-align:right;}

.alignfull {max-width:none; width:100%;}


.loz-l {background-color:var(--blue); color:#fff; border-radius:0 900px 900px 0; padding: 30px 60px 30px 30px; display: flex; justify-content: flex-end; position: relative;}

.loz-l::after {content:""; position:absolute; width:2vw; left:0; top:0; height:100%; background-color:inherit;}

.loz-l h2, .loz-r h2, .loz-l h1, .loz-r h1, .loz-l p, .loz-r p {margin: 0; font-weight: 300; font-size:2rem; line-height: 1.2;}

.loz-50, .loz-80 {width:70%; height:auto;}

.loz-50 .loz-inner {width:calc(100vw);}

.loz-20 {width:70%; height:auto;}

.loz-20 .loz-inner {width:calc(100vw);}

.loz-r {background-color:var(--blue); color:#fff; border-radius:900px 0 0 900px; padding: 30px; display: flex; justify-content: flex-start; position: relative;}

.loz-r::after {content:""; position:absolute; width:2vw; right:0; top:0; height:100%; background-color:var(--blue);}

.loz-img {padding: 0; overflow: hidden;}

.loz-header {transform: translateY(-50%);}

.loz-cta {position: absolute; right:0; bottom:5%; background-color:var(--red); text-transform:uppercase; padding: 10px 20px 10px 20px;}

.loz-cta::after {background-color:var(--red); }

.loz-cta a {color:#fff; border:0; font-weight:bold;}

.loz-cta a:hover {border-bottom:2px solid #fff;}

.loz-footer {transform: translateY(0); background-image:url(assets/images/bg/contours.png); background-repeat: no-repeat; background-size:80%; background-position: center;}

.has-ghostkit-color-blue-color {color:var(--blue);}

.has-ghostkit-color-red-color {color:var(--red);}

.has-ghostkit-color-green-color {color:var(--green);}





/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
    
    
	
}

/* Larger than tablet */
@media (min-width: 750px) {
    
    .feature-button figure {display:inherit; text-align:inherit;}
    
    .title-alt {font-size:110px !important;}
    
    .has-text-align-right {text-align:right;}
    
    .has-text-align-left {text-align:left;}
	
	.wp-block-group.has-background {padding:6rem; margin: 6rem auto;}
	
	.txt-large {font-size:6rem; line-height: 1;}
	
	.loz-50 {width:50%; height:auto;}
	
	.loz-100 {width:100%; height:auto;}
	
	.loz-50 .loz-inner {width:calc(50vw); max-width:calc(0.5 * 1400px + 30px);}
	
	.loz-20 {width:20%; height:auto;}
	
	.loz-20 .loz-inner {width:calc(20vw); max-width:calc(0.2 * 1400px + 30px);}
	
	.loz-l h2, .loz-r h2, .loz-l h1, .loz-r h1 { font-size:3rem; line-height:1.2;}
	
	
	
	.loz-footer {transform: translateY(0); padding: 0;  }
    
	.loz-footer .loz-inner {padding: 10rem 5rem; width: 100%; display:flex; justify-content: space-between;}
}


/* Larger than desktop */
@media (min-width: 1000px) {
    
    .narrow {width:70%;}
	
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
	
	body .is-layout-constrained > .alignwide, .alignwide {max-width:1400px; margin: 0 auto;}
	
	.loz-l h2, .loz-r h2, .loz-l h1, .loz-r h1 { font-size:4rem; line-height:1.2;}
	
	.loz-header {transform: translateY(-50%);}
	
	.loz-footer {transform: translateY(0);}
	

	
}

/* Larger than Desktop HD */
@media (min-width: 1400px) {
	
	.wp-block-group {width:100%;}

	.container {width:100%;}
	
	.narrow {width:70%;}
	
	.loz-l h2, .loz-r h2, .loz-l h1, .loz-r h1 { font-size:5rem; line-height:1.2;}
	
	.loz-footer h2 {font-size:6rem;}
	
	.loz-header {transform: translateY(-50%);}
	
	.loz-footer {transform: translateY(0);}
	
}

/*-----------------------------------------------------------------------------------*/

/* 3. = Header

/*-----------------------------------------------------------------------------------*/

header {background-color:var(--blue); color:#fff; box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2); position: fixed; top:0; width:100%; z-index: 9;}

header .header-wrapper {padding:0 2%; justify-content: space-between; align-items: center; align-content: center; height:70px;}

header#site-header .brand {flex:0 0 230px; height:auto;}

header#site-header .brand img {width:100%; height:auto;}


main {margin-top:60px;}


#hero { position: relative;}

#hero .overlay {position:absolute; background-color: rgba(5,139,168,0.7); top:0; left:0; width:100%; height:100%; animation: myAnim 2s ease 2s 1 normal forwards;}

@keyframes myAnim {
	0% {
		background-color: rgba(5,139,168,0.7);
	}

	100% {
		background-color: rgba(5,139,168,0);
	}
}

#hero .hero-text {position: absolute; top:50%; width: 100%; transform: translateY(-50%); font-size:10vw; color:#fff; font-weight: 800; text-align: center; text-transform: uppercase;}

#hero .video-frame {padding:85% 0 0 0;position:relative; background-image:url(assets/images/bg/hd-home-dam-v2.jpg); background-size:cover; background-position:center; overflow:hidden;}

#hero .video-frame iframe {position:absolute; top:50%; left:50%; width:200%; height:200%; transform: translate(-50%, -50%);}

#hero.page-hero {height:50vh; background-position: center; background-size:cover; background-image:url(assets/images/bg/hd-home-dam-v2.jpg);}

#hero .hero-inner {height: 100%;align-items: flex-end;justify-content: flex-end;}

#hero .breadcrumbs {position: relative; bottom:-50px; font-size:1.4rem; text-transform:uppercase; font-weight: 600; color:var(--blue); max-width: 40%;
	text-align: right; display: none;}

#hero .breadcrumbs a {font-weight: 600; border-bottom:solid 1px; }

#page-content {margin-top:-60px;}

#hero .loz-cta {display:none;}



/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {
    
	header .header-wrapper {height:80px;}
	
	main {margin-top:80px; min-height: 600px;}
	
	#hero.page-hero {height:30vh; min-height: 500px;}
	
	header#site-header .brand {flex:0 0 300px; height:auto;}
	
	#hero .loz-cta {display:flex;}
	
	#hero .video-frame {padding:42.85% 0 0 0;}
	
	#hero .video-frame iframe { width:135%; height:135%;}
	
	#page-content {margin-top:-170px;}
	
	#hero .breadcrumbs {display:block;}

}

/* Larger than desktop */
@media (min-width: 1000px) {

	
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
	
	
	
}

/* Larger than Desktop HD */
@media (min-width: 1500px) {
    
   header .header-wrapper {height:100px;}
   
   main {margin-top:100px;}
	
}

/*-----------------------------------------------------------------------------------*/

/* 4. = Footer

/*-----------------------------------------------------------------------------------*/

.border-bottom {border-bottom:1px solid var(--blue);}

footer p {text-align:left !important; font-size:1.4rem;}

.is-content-justification-right {justify-content:flex-start !important;}



/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {
    

}

/* Larger than desktop */
@media (min-width: 1000px) {
    
	footer .keep-in-touch p {text-align:right;}
	
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
    
   
	
}


/*-----------------------------------------------------------------------------------*/

/* 4. = Blocks

/*-----------------------------------------------------------------------------------*/

.wp-block-group {margin:3rem auto;}

.wp-block-group .wp-block-group {margin:0 auto;}

.wp-block-columns.reverse {flex-flow:column-reverse;}

.wp-block-image figcaption {font-size:16px; font-weight:600; color:var(--blue);}

.has-background {padding: 3rem;}

.no-gap {gap:0;}

.wp-block-column.has-background .wp-block-group {margin: 5rem auto;}

.wp-block-cover, .wp-block-cover-image {height:100%; padding: 0;}

.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {width:100%;}

.wp-block-group.bg-contour-rt {position:relative;}

.wp-block-group.bg-contour-rt::before {content: ""; display: block; position: absolute; right:0; top:50%; transform: translateY(-50%); width:50%; height:150%; background-image:url(assets/images/bg/contours-green.png); background-position:right center; background-repeat: no-repeat; background-size:contain; z-index: -1;}

.wp-block-group.bg-contour-white-mid {position:relative;}

.wp-block-group.bg-contour-white-mid::before {content:""; display: block; position: absolute; left:0; top:0%; width:100%; height:100%; background-image:url(assets/images/bg/contours-white-full.png); background-position: center bottom; background-repeat: no-repeat; background-size: 100%;}

.wp-block-group.contour-bg-overlay {position:relative;}

.wp-block-group.contour-bg-overlay::before {content: ""; display: block; position: absolute; left:0; bottom:0; width:100%; height:100%; background-image:url(assets/images/bg/contours-white-left.png); background-position:left bottom; background-repeat: no-repeat; background-size:contain; z-index: 0;}

.wp-block-group.loz-overlay { border-radius: 200px 0 0 200px; margin: 0; width:auto; position: relative; box-shadow:0 6px 10px rgba(0,0,0,0.3);}

.wp-block-group.loz-overlay::after {content: ""; display: block; position: absolute; left:0%; bottom:0%; width:100%; height:100%; background-image:url(assets/images/bg/contours-white.png); background-position: center bottom; background-repeat: no-repeat; background-size: 100%;}

.wp-block-group.loz-overlay h2 {margin:5px 0;}

.wp-block-group.loz-overlay p {font-weight: 200; font-size:2rem; margin: 5px 0;}



.wp-block-columns.content-loz {padding: 0; border-radius: 20px 20px 0 0px; gap:0;}

.wp-block-columns.content-loz-r {padding: 0; border-radius: 0 0pxz 20px 20px ; gap:0;}

.wp-block-columns.content-loz figure {margin:0;}

.wp-block-columns.content-loz h3 {color:#fff;}

.wp-block-columns.content-loz .content-wrapper {padding:3rem;}

.wp-block-separator.v-seperator {width:0px; border:none; border-right:9px solid var(--blue); height:50px; margin: 2rem auto;}


.success-route {padding-top:7rem; position: relative; border-radius: 10px;}

.success-route::after {content:""; position:absolute; width:80%; left:0; top:30px; height:60px; background-image:url(assets/images/interface/route-identifier.png); background-position: center right; background-size: contain; background-repeat: no-repeat; }

.success-route h3 {color:#fff;}

.has-dark-text h3 {color:#393939;}


.survey-school-banner, .survey-school-banner h2, .survey-school-banner h3 {color:#fff;}

.bg-contours {background-image:url(assets/images/bg/contours-white-l.png); background-position: 150%; background-size: 100%; background-repeat: no-repeat;}


/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {
	
	.wp-block-group {margin:6rem auto;}

	.wp-block-columns.content-loz-l {border-radius: 200px 0 0 200px;}
	
	.wp-block-columns.content-loz-r {border-radius: 0px 200px 200px 0px;}
	
	.wp-block-columns.content-loz-both {border-radius: 200px;}
	
	.wp-block-columns.content-loz .wp-block-column figure {overflow:hidden; height:100%;}
	
	.wp-block-columns.content-loz-both .wp-block-column:first-child figure {border-radius: 200px 0 0 200px; overflow:hidden; height:100%; width:100%}
	
	.wp-block-columns.content-loz-both .wp-block-column:last-child figure {border-radius: 0px 200px 200px 0px; overflow:hidden; height:100%; width:100%}

	.wp-block-columns.content-loz figure img {object-fit: cover; height:100%; width:100%;}
	
	.success-route {padding-top:11rem;}
	
}

/* Larger than desktop */
@media (min-width: 1000px) {
	
	
	.wp-block-columns.content-loz .content-wrapper {padding:5rem 8rem;}
	
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
	

}




/*-----------------------------------------------------------------------------------*/

/* 4. = Navigation

/*-----------------------------------------------------------------------------------*/

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated {height:auto;}

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {margin:0}

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child {margin:0 5px;}

#mega-menu-wrap-primary .mega-menu-toggle ~ button.mega-close:before {color:var(--blue);}

#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open ~ button.mega-close {left:auto; right:calc(0% - 10px);}

#mega-menu-wrap-primary .mega-menu-toggle ~ button.mega-close:before {font-size:35px; height:60px; width:60px}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {text-align: left; font-weight:600; font-size: 3rem; height:45px; line-height:45px; display:inline-block;}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {color:#EFEA5A; border-bottom:solid 4px;}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {color:#fff; border-bottom:solid 4px; color:#EFEA5A;}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.lower-menu {position:absolute; bottom:60px;}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {float:none;}


/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {
	
	#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open ~ button.mega-close {left:auto; right:calc(50% + 10px);}

}

/* Larger than desktop */
@media (min-width: 1000px) {
	
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {text-align: left; font-weight:600; font-size: 4rem; height:55px; line-height:55px}
    

}

/* Larger than Desktop HD */
@media (min-width: 1500px) {
	
   #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {text-align: left; font-weight:600; font-size: 5rem; height:65px; line-height:65px}
}



/*-----------------------------------------------------------------------------------*/

/* 4. = Forms

/*-----------------------------------------------------------------------------------*/

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
  display: inline-block;
  background-color:var(--blue);
  border: 2px solid var(--blue);
  height: 34px;
  padding: 0 20px;
  color: #fff;
  text-align: center;
  font-size:17px;
  font-weight: 500;
  line-height: 30px;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 99px;
  cursor: pointer;
  box-sizing: border-box; }

.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus {
  color: var(--blue);
  border-color: var(--blue);
  background-color:rgba(110,68,102,0);
  outline: 0; 
}

.button.lg {font-size:2rem; height:40px; line-height: 40px; padding-right:40px;}

.button.white-bg {background-color: #fff; color:var(--blue); border-color:#fff;;}

.button.white-bg:hover {transform: scale(110%);}

/* Wordpress buttons */

.wp-block-buttons {margin-top:3rem;}

.wp-block-button .wp-block-button__link {display:inline-block; padding: 0 5rem 0 2rem; color:#fff; font-size:17px;  line-height:44px; letter-spacing: normal; font-weight:600; border:none; background-color:var(--red); border-radius:100px; text-transform: uppercase; position: relative;}

.wp-block-button .wp-block-button__link::after {content:""; width:18px; height: 18px; display:block; position: absolute; top:50%; right:20px; transform: translateY(-50%); background-image: url(assets/images/interface/arrow2.png); background-size:contain; background-repeat: no-repeat; background-position: center;}

.wp-block-button.is-style-outline .wp-block-button__link {display:inline-block; padding: 0 2rem; color:var(--red) !important; font-size:17px;  line-height:44px; letter-spacing: normal; font-weight:500; border:1px solid var(--red); background-color:transparent; border-radius:5px;}

.wp-block-button.is-style-outline .wp-block-button__link:hover {background-color:var(--red); color:#fff !important;}

.white-button .wp-block-button__link {background-color:#fff; color:var(--red); border:none;}

.white-button .wp-block-button__link::after {background-image: url(assets/images/interface/arrow2-red.png);}

.blue-button .wp-block-button__link {background-color:var(--blue); color:#fff; border:none;}

.green-button .wp-block-button__link {background-color:var(--green); color:#fff; border:none;}

.white-button.ss .wp-block-button__link::after {background-image: url(assets/images/interface/arrow-green.png);}


.wpcf7 form.sent .wpcf7-response-output {background-color:var(--red); border-color:var(--red); color:#fff;}



/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */

form.on-page-form {width:80%; margin: 0 auto;}

form.on-page-form p {flex:1 1 100%;}

input[type="email"],input[type="date"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea, select {
  position:relative;
  color:#222;
  font-size:1.6rem;
  font-weight:400;
  padding: 15px 20px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff !important;
  border:2px solid var(--yellow);
  width:100%;
  border-radius: 5px;
  box-shadow: 0 3px 5px 0 rgba(0,0,0,0.1);
  box-sizing: border-box; 
  margin: 0 0 20px 0;
}

select { padding: 11px 15px;}

textarea {border-radius:0;} 

input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }/* Removes awkward default styles on some inputs for iOS */

textarea {
	min-height: 65px;
 padding-top: 6px;
  padding-bottom: 6px; }

input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="text"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="password"]:focus,textarea:focus,select:focus {
  outline: 0; }

label,legend {
  display: block;
  margin-bottom: 1rem;
  font-weight: 400;
text-transform: uppercase;
font-size:1.6rem;}

fieldset {
  padding: 0;
  border-width: 0; }

input[type="checkbox"], input[type="radio"] {
  display: inline; }

label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: 200; }


select{-webkit-appearance: none; -moz-appearence: none; }


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
}
:-moz-placeholder { /* Firefox 18- */
  color: #ccc;
}

.feature-form {}


.swpm-login-widget-form {text-align: center;}


/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
	
	
	
}

/* Larger than tablet */
@media (min-width: 750px) {
	
	form.on-page-form { width:100%;}

	form.on-page-form p {flex:1 1 30%;}
    input[type="email"],input[type="date"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea, select {font-size: 1.8rem;}
	

    
    
}

/* Larger than desktop */
@media (min-width: 1000px) {
	
	input[type="email"],input[type="date"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea, select {font-size: 2rem;}
	
	.button.lg {font-size:2.5rem; height:60px; line-height: 60px; padding-right:60px;}
    
	
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {

}

/* Larger than Desktop HD */
@media (min-width: 1500px) {
    
 

	
}


/*-----------------------------------------------------------------------------------*/

/* 4. = Content Page

/*-----------------------------------------------------------------------------------*/

.wp-block-group.types-list {}

.wp-block-group.types-list h3.lh-header {display:flex; justify-content: space-between; align-items: center; padding:20px 20px; background-color:var(--blue); color:#fff; border-radius:0 99px 99px 0;}

.wp-block-group.types-list h3.lh-header::before {content:""; position: absolute; left:-100px; display:block; height:100%; width:100px; background-color:var(--blue);}

.wp-block-group.types-list h3.rh-header {display:flex; justify-content: space-between; flex-flow:row-reverse; align-items: center; padding:20px 20px; background-color:var(--blue); color:#fff; border-radius:0 99px 99px 0;}

.wp-block-group.types-list h3.rh-header::before {content:""; position: absolute; left:-100px; display:block; height:100%; width:100px; background-color:var(--blue);}



.wp-block-group.types-list h3 span {}

.wp-block-group.types-list .wp-block-image {width:80%; height: auto;}

.wp-block-group.types-list .rh .wp-block-image {margin: 0 0 1em auto;}

.wp-block-group.types-list p {width:80%;}

.wp-block-group.types-list .rh p {margin: 0 0 0 auto;}


.casestudy-img {position: relative;}
.casestudy-img::after {content:""; position:absolute; bottom:20px; left:0; width:100%; height:100px; background-image:url('assets/images/interface/red-cs-ident.png'); background-position: bottom; background-repeat: no-repeat; background-size: contain;}
.work-casestudy::after, {background-image:url('assets/images/interface/red-cs-ident.png');}
.study-casestudy::after {background-image:url('assets/images/interface/blue-cs-ident.png');}
.hybrid-casestudy::after, .earn-learn-casestudy::after {background-image:url('assets/images/interface/green-cs-ident.png');}

.faqs .ghostkit-accordion-item {margin: 0 0 10px 0;}

.faqs h3 {display: block; padding:0 10px; background-color:var(--blue); color:#fff; margin: 10px 0; border-radius: 0 200px 200px 0; position: relative; background-image:url(assets/images/interface/arrow2.png); background-position:calc(100% - 20px) center; background-repeat: no-repeat; background-size: 20px; }

.faqs button {height:auto; white-space: normal;}

.faqs .ghostkit-accordion-item-collapse {display:none;}

.faqs h3 span {color:#fff;}

.faqs .h3:hover {background-color:var(--red);}



/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
	
	
	
}

/* Larger than tablet */
@media (min-width: 750px) {
    
	.wp-block-group.types-list h3.rh-header {display:flex; justify-content: space-between; flex-flow:row; align-items: center; padding:20px 20px; background-color:var(--blue); color:#fff; border-radius:99px 0px 0px 99px;}
	
	.wp-block-group.types-list h3.rh-header::before {content:""; position: absolute; right:-100px; left:auto; display:block; height:100%; width:100px; background-color:var(--blue);}
    
    
}

/* Larger than desktop */
@media (min-width: 1000px) {
	
	
	
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {

}

/* Larger than Desktop HD */
@media (min-width: 1500px) {

	
}





/*-----------------------------------------------------------------------------------*/

/* 4. = Home Page

/*-----------------------------------------------------------------------------------*/

.careers-snapshot h2, .careers-snapshot h3 {color:var(--blue);}

.careers-snapshot .ghostkit-tabs-buttons-item {color:var(--blue); font-weight:bold;}

#latest-opps {}

#latest-opps .col-hd {background-color:var(--blue); color:#fff; display: block; padding: 5px 10px; font-size:1.4rem; text-transform: uppercase; margin: 0 0 20px 0; border-radius:30px;}

#latest-opps .apprenticeships {flex:0 1 100%;}

.jobtile {flex: 0 1 100%; border-radius: 5px; box-shadow:0 3px 6px 0 rgba(0,0,0,0.2); margin: 0 0 20px 0; min-height:220px;}

.jobtile.full {flex:1 1 100%;}

.jobtile h2 {font-size:2rem; color:var(--blue); font-weight: 400; line-height: 1;}

#latest-opps .opportunities {flex:0 1 100%;}

.ss {background-color:#5CBC6C; text-align: center; position:relative; color:#fff;}

.ss::before {content:""; display: block; position: absolute; left:0; top:0%; width:100%; height:100%; background-image:url(assets/images/bg/contours-white-left.png); background-position: left bottom; background-repeat: no-repeat; background-size: 100%; z-index: -1;}

.ss img {width:60%; height:auto; max-width: 100px;}


/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {

}

/* Larger than tablet */
@media (min-width: 750px) {
    
	#latest-opps .apprenticeships {flex:0 1 23%;}
	
	#latest-opps .opportunities {flex:0 48%;}
	
	.jobtile {flex: 0 1 48%;}
	
}

/* Larger than desktop */
@media (min-width: 1000px) {

	

	
}

/* Larger than Desktop HD */
@media (min-width: 1400px) {

	
}



/*-----------------------------------------------------------------------------------*/

/* 4. = Case study single

/*-----------------------------------------------------------------------------------*/

.single-case-study {}

.cs-wrapper {gap:0%;}

.cs-story {flex:0 0 100%;}

.cs-sidebar {flex:0 0 100%; }

.single-case-study h3 {font-weight: 400; font-size: 2.4rem;}

.single-case-study .route-ident {margin: 20px 0;}

.single-case-study .cs-wrapper {margin: 0 0 2rem 0;}

.single-case-study .cs-wrapper figure {padding: 0; margin: 0;}

.single-case-study .cs-wrapper img {display:block; width:100%; height: auto; }



.post-type-archive #page-content {margin: 30px 0;}

.case-studies .case-study-tile {flex:0 0 100%;}

.case-studies .case-study-tile h2 {font-size: 3rem; margin: 0 0 0px 0;}

.case-studies .case-study-tile p {font-size: 2rem; margin: 0 0 20px 0;}

.case-studies .case-study-tile .feature-image {width:100%; height:250px; background-size:cover; background-position: center; background-repeat:no-repeat; margin:0 0 20px 0;}

.grey-wrapper {background-color:#efefef; padding: 3rem;}

.other-stories {margin:0 0 30px 0;}

.other-stories .story {flex:1 1 47%; display: block; padding: 10px; background-color:var(--blue); color:#fff; margin: 10px 0; border-radius: 0 200px 200px 0; position: relative; background-image:url(assets/images/interface/arrow2.png); background-position:calc(100% - 20px) center; background-repeat: no-repeat; background-size: 20px;}

.other-stories .story:hover {background-color:var(--red);}


.other-stories h3, .other-stories p {margin: 0;}




/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
	

	
}

/* Larger than tablet */
@media (min-width: 750px) {
	
	.cs-wrapper {gap:5%;}
	
	.cs-story {flex:0 0 60%;}
	
	.cs-sidebar {flex:1 1 35%;}
	
	.single-case-study .route-ident {margin: 10px 0;}
	
	.case-studies .case-study-tile {flex:0 0 48%;}
	
}

/* Larger than desktop */
@media (min-width: 1000px) {
	
}

/* Larger than Desktop HD */
@media (min-width: 1500px) {

	
}


/*-----------------------------------------------------------------------------------*/

/* 4. = News

/*-----------------------------------------------------------------------------------*/



		/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {



}

/* Larger than tablet */
@media (min-width: 750px) {

	


}

/* Larger than desktop */
@media (min-width: 1000px) {



	


}

/* Larger than Desktop HD */
@media (min-width: 1200px) {



}

/*-----------------------------------------------------------------------------------*/

/* 4. = location pages

/*-----------------------------------------------------------------------------------*/