/*
	Theme Name: Victoria Primary Academy - New Theme 2021
	Theme URI: https://vpaleeds.co.uk/
	Description: Victoria Primary Academy Theme - 2021
	Version: 3.0.0
	Author: Primary ICT Support Ltd
	Author URI: https://www.primaryictsupport.co.uk/
*/

@import url('https://fonts.googleapis.com/css?family=Cabin:400,500,600&display=swap');

html{overflow-x: hidden;}

body {
	background: url("assets/images/main-bg.svg") 0 0 no-repeat;
	background-color: #aed834!important;
	background-size: 100% auto;
	overflow-x: hidden;
	font-family: 'Cabin', sans-serif;
}

body * {
	font-family: 'Cabin', sans-serif;
}

h1, h2, h3, h4, h5, h6, a {
	color: #E30813;
}

p {
	color: #333;
}

.max-width-container {
	position: relative;
}

.left-characters {
	position: absolute;
	top:400px;
	left:-200px;
	background: url('assets/images/left-characters.png') 0 0 no-repeat;
	background-size: contain;
	height: 350px;
	width: 200px;
}
.right-characters {
	position: absolute;
	top: 300px;
	right: -210px;
	background: url('assets/images/right-characters.png') 0 0 no-repeat;
	background-size: contain;
	height: 300px;
	width: 200px;
}

header .header-wrapper {
	padding: 20px 20px 10px 20px;
}

header .logo img {
	width: 400px;
	height: auto;
}
header .wellsprings-logo {
	width: 200px;
	height: auto;
}

nav { position: relative; border-bottom: 3px solid #E30813;}
/*nav div.inner { background: #F15B43; border-radius: 5px; }*/
nav .nav-btn { display: none; }
nav div.inner ul { list-style: none; display: flex; padding: 0; margin:0;}
nav div.inner ul li { display: inline-block; flex-grow: 1; position: relative; padding: 0; margin: 0; }
nav div.inner ul li a { font-size: 18px; line-height: 60px; display: block; text-align: center; text-decoration: none; transition: all ease 0.2s; }
nav div.inner > ul > li > a { position: relative; color: #fff!important; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); text-transform: uppercase; font-weight: bold;}

/*nav div.inner > ul > li > a > .svg-menu { position: absolute; top: 0; left:0; right:0; bottom: 0; }*/





nav div.inner > ul > li > a {line-height: 100px;height: 70px; width:100%; background-size: cover; background-position: 100% 10px; background-repeat: no-repeat; }

nav div.inner > ul > li:nth-of-type(1) > a { background-image: url('assets/images/menu/menu-bg-1.svg'); }
nav div.inner > ul > li:nth-of-type(1) > a:hover { background-position: 50% 0px; }
nav div.inner > ul > li:nth-of-type(2) > a { background-image: url('assets/images/menu/menu-bg-2.svg'); }
nav div.inner > ul > li:nth-of-type(2) > a:hover { background-position: 50% 0px; }
nav div.inner > ul > li:nth-of-type(3) > a { background-image: url('assets/images/menu/menu-bg-3.svg'); }
nav div.inner > ul > li:nth-of-type(3) > a:hover { background-position: 50% 0px; }
nav div.inner > ul > li:nth-of-type(4) > a { background-image: url('assets/images/menu/menu-bg-4.svg'); }
nav div.inner > ul > li:nth-of-type(4) > a:hover { background-position: 50% 0px; }
nav div.inner > ul > li:nth-of-type(5) > a { background-image: url('assets/images/menu/menu-bg-5.svg'); }
nav div.inner > ul > li:nth-of-type(5) > a:hover { background-position: 50% 0px; }
nav div.inner > ul > li:nth-of-type(6) > a { background-image: url('assets/images/menu/menu-bg-6.svg'); }
nav div.inner > ul > li:nth-of-type(6) > a:hover { background-position: 50% 0px; }

nav div.inner > ul > li:nth-of-type(6) ul { background: #f39200; }
nav div.inner > ul > li:nth-of-type(5) ul { background: #ffdf00; }
nav div.inner > ul > li:nth-of-type(4) ul { background: #94c11f; }
nav div.inner > ul > li:nth-of-type(3) ul { background: #00a9d7; }
nav div.inner > ul > li:nth-of-type(2) ul { background: #702283; }
nav div.inner > ul > li:nth-of-type(1) ul { background: #e30813; }

nav div.inner ul li ul { display: none; }
nav div.inner ul li:hover ul {
	display: block;
	position: absolute;
	width: 100%;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	overflow: hidden;
	z-index: 999999;
}
nav div.inner ul li:hover ul li { display: block; width: 100%; }
nav div.inner ul li:hover ul li a {
	font-size: 16px;
	line-height: 1.2em;
	color: #fff;
	text-shadow: 2px 2px 4px rgb(0 0 0 / 80%);
	font-weight: 300;
	letter-spacing: .02em;
	padding: .5em;
}
nav div.inner ul li:hover ul li a:hover { background: #333333cc; }

nav div.inner ul li a:hover {}

.owl-wrapper {
	background: rgba(255, 255, 255, 0.7);
}
.owl-carousel {
      height: 500px;
      overflow: hidden;
      display: block;
      opacity: 0;
      transition: ease all .5s;
}


.owl-carousel.owl-loaded {
    opacity: 1;
}

.owl-carousel .owl-stage .item {
    display: flex;
    height: 500px;
    background-size: cover!important;
    background-position: 50% 50%!important;
}

.owl-carousel .owl-dots {
	text-align: center;
	margin-bottom: 30px;
	position: absolute;
	bottom: -20px;
	width: 100%;
}

.owl-carousel .owl-dots button {
	border: 1px solid #fff!important;
	transition: all ease 0.2s;
	background: transparent!important;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	margin-right: 5px;
}

.owl-carousel .owl-dots button.active {
	background: #fff!important;
}
.owl-carousel .owl-dots button:last-of-type {
	margin-right: 0;
}

.owl-wrapper {
	position: relative;
}
.above-twitter-image {
	position: absolute;
	bottom: -105px;
	right: 50px;
	z-index: 9999;
	width: auto;
	height: 200px;
}

.home-wellspring {
	background: #ffffffcc;
	text-align: center;
	padding: 30px 100px;
	margin: 30px 0 0 0;
	border-radius: 10px;
}
.home-wellspring * {
	padding: 10px 0px;
	margin: 0px 0px;
}


/*nav div.inner ul li ul li a { background: #4c4c4c; color: #fff; }*/
/*nav div.inner ul li ul:before { content: ""; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #4c4c4c;position: absolute; top: -7px;left:0; right: 0; margin: 0 auto; }*/

/*nav div.inner ul li:last-of-type { background: #EF4527; line-height: 54px; display: inline-block; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }*/
/*nav div.inner ul li form { background: #EF4527; display: inline-block; padding: 0 15px; position: relative; width: 100%; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }*/
/*nav div.inner ul li form input { background: transparent; border:none; line-height: 54px; color:#FFF; width: 100%; }*/
/*nav div.inner ul li form i { color:#F8A798; position: absolute; right: 10px; line-height: 54px; cursor: pointer; }*/
/*nav div.inner ul li form i:hover { color: #FFF; }*/
/*nav div.inner ul li form input::-webkit-input-placeholder, nav div.inner ul li form input::-ms-input-placeholder, nav div.inner ul li form input::placeholder { color:#F8A798; }*/

/*nav div.inner ul li ul { display: none; }*/
/*nav div.inner ul li ul:before { content: ""; background: url("assets/images/nav-arrow.png") 0 0 no-repeat; width: 14px; height: 7px; position: absolute; top: -7px; left:0; right: 0; margin: 0 auto; }*/
/*nav div.inner ul li:hover ul { display: block; background: #444; position: absolute; width: 230px; top:54px; left: 50%; transform: translateX(-50%); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }*/
/*nav div.inner ul li ul li { display: block; border-bottom: #575757 1px solid; }*/
/*nav div.inner ul li ul li a { font-size: 14px; line-height: 1; padding: 12px 15px; text-align: left; }*/
/*nav div.inner ul li ul li a:hover { background: #575757; color: #FFF; }*/
/*nav div.inner ul li ul li:last-of-type { border-bottom: none; background: transparent; line-height: 1; display: block; border-top-right-radius: 0; border-bottom-right-radius: 0; }*/
/*nav div.inner ul li ul li:last-of-type a:hover { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }*/

.content-body {
	background: rgba(255, 255, 255, 0.7);
	padding: 20px 20px 100px 20px ;
}
.tribe-common {
	background: rgba(255, 255, 255, 0.7)!important;
	padding: 20px 20px 100px 20px ;
}


.twitter-wrapper {
	position: relative;
	margin-top: 85px;
}

.twitter-wrapper .top-image {
	position: absolute;
	top:-49%;
	left: 0;
	z-index: 999;
}










/* Footer CSS */
.footer-wrapper {
	background: url("assets/images/footer-bg.svg") no-repeat;
	background-size: cover;
	/*overflow-x: hidden;*/
	background-position: top center;
	padding: 30px 0 50px 0;
	margin-top:-50px;
	position: relative;
}

.footer-wrapper .left-characters {
	position: absolute;
	top:-200px;
	left:-215px;
	background: url('assets/images/footer-character-left.svg')  no-repeat;
	background-size: contain;
	background-position: center center;
	height: 300px;
	width: 200px;
}
.footer-wrapper .right-characters {
	position: absolute;
	top: -250px;
	right: -210px;
	background: url('assets/images/footer-character-right.svg') no-repeat;
	background-size: contain;
	background-position: center center;
	height: 300px;
	width: 200px;
}
.footer-wrapper a {
	color: #ffffffcc;
	text-align: center;
	display: block;
	margin: 10px;
	text-decoration: none;
	/*text-transform: uppercase;*/
	text-shadow: 2px 2px 3px #0000008c;
	transition: all ease 0.2s;
	font-size: 18px;
}
.footer-wrapper a:hover {
	color: #fff;
}

.footer-wrapper a i {
	display: block;
	font-size: 30px;
	margin: 10px;
}


.footer-bottom-wrapper {
	background: url("assets/images/footer-fore-ground.png") repeat-x;
	background-color: #9ab537!important;
	background-position: top center;
	position: relative;
	padding-top: 70px;
}
.footer-bottom-wrapper .foregroundimage {
	position: absolute;
	/*width: 100%;*/
	/*height: 200px;*/
	left: 0;
	right: 0;
	bottom: 0;
}
.footer-bottom-wrapper .picts a {
	text-align: center;
	color: #ffffff8c;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	padding: 10px 0;
	transition: all ease 0.2s;
	z-index: 99;

}

.footer-bottom-wrapper .picts a:hover {
	color: #ffffff;
}

.footer-bottom-wrapper .footer-bottom-left {
	position: absolute;
	bottom: 0px;
	left:0px;
	z-index: 1;
}

.footer-bottom-wrapper .footer-bottom-right {
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 1;
}




	.clear { clear: both; }

	img, table, iframe { max-width: 100%; }
	img { height: auto; }

	.btn-margin-10 { margin: 10px; }


	ul.no-style { list-style:none; marign: 0; padding:0; }
	ul.no-style li { list-style:none; marign: 0; padding:0; }

/*	a { color: #F15A43; text-decoration: none; }*/
/*	a:hover { color: #444; }*/

/*	input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #F8A798; }*/
/*	input:-moz-placeholder, textarea:-moz-placeholder {	color: #F8A798; }*/
/*	*/
/*	p { line-height: 1.4; }*/

/*	.readmore { display: inline-block; padding: 16px 48px; border-radius: 5px; }*/
/*	.readmore:hover { opacity: .8; }*/


/*div.container { }*/
/*	div.inner { width: 96%; max-width:1180px; margin-left: auto; margin-right: auto; }*/


/*div.container header { }*/
/*	div.container header div.inner { text-align: center; padding-top: 20px; padding-bottom: 20px; }*/
/*	div.container header div.inner a { }*/
/*	div.container header div.inner a img { }*/


/*div.container div.hero { margin-top: -27px; z-index: -1; position: relative; }*/
/*	div.container div.hero div.overlay { background: url("assets/images/hero-overlay.png") top center repeat-x; z-index: 1; height: 280px; position: absolute; width: 100%; top: 0; left:0; }*/
/*	div.container div.hero div.slideshow { background-position: center; background-repeat:no-repeat; background-size: cover; height: 555px; }*/

/*div.container div.hero.sub div.overlay, div.container div.hero.sub div.slideshow { height: 410px; }*/

/*	div.container div.hero div.inner { position: absolute; width: 100%; height: 555px; top:0; left:0; right: 0; }*/
/*	div.container div.hero div.inner div.quote { display: flex; align-items: center; height: 100%; }*/
/*	div.container div.hero div.inner div.quote h1 { color: #FFF; font-size: 48px; font-style: italic; text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.65); text-align: center; width: 100%; }*/


/*div.container div.home-newsalert { margin-top: -30px; }*/
/*	div.container div.home-newsalert div.inner { border: #FFCB00 5px solid; border-radius: 5px;}*/
/*	div.container div.home-newsalert div.inner div.title { background: #FFD533; line-height: 50px; padding:0 15px; color:#FFF; font-weight: bold; display: inline-block; width: 115px; text-align: center; float: left; }*/
/*	div.container div.home-newsalert div.inner div.message { background: #FFF; padding:0 10px; display: inline-block; width: calc(100% - 115px); float: left; }*/
/*	div.container div.home-newsalert div.inner div.message marquee { line-height: 46px; }*/


	div.container div.breadcrumb div.inner a { color: #E30813; font-weight: 300; transition: ease all 0.2s; }
	div.container div.breadcrumb div.inner a:hover { color: #333; }


/*div.container div.home-welcome { background: #EAEFF2; margin-top: 50px; }*/
/*	div.container div.home-welcome div.inner { }*/
/*	div.container div.home-welcome div.inner div.photo { width: 267px; float: left; padding-top: 30px; }*/
/*	div.container div.home-welcome div.inner div.photo img { float: left; }*/
/*	div.container div.home-welcome div.inner div.content { width:calc(100% - 320px); float: right; padding-top: 60px; }*/
/*	div.container div.home-welcome div.inner div.content h2 { color:#F15A43; text-align: left; margin-bottom: 30px; font-weight: 500; font-size: 26px; }*/
/*	div.container div.home-welcome div.inner div.content p { margin-bottom: 20px; }*/
/*	div.container div.home-welcome div.inner div.content a.readmore { background: #F15A43; color: #FFF; }*/


/*div.container div.sub-content { margin-top: 50px; margin-bottom: 50px; }*/
/*	div.container div.sub-content div.inner { }*/
/*	div.container div.sub-content div.inner h1 { color:#F15A43; text-align: left; margin-bottom: 30px; font-weight: 500; font-size: 30px; }*/
/*	div.container div.sub-content div.inner h2 { color:#0D9FBE; text-align: left; margin-bottom: 20px; font-weight: 500; font-size: 26px; }*/
/*	div.container div.sub-content div.inner h3 { color:#F15A43; text-align: left; margin-bottom: 20px; font-weight: 500; font-size: 22px; }*/
/*	div.container div.sub-content div.inner h4 { color:#711E7F; text-align: left; margin-bottom: 20px; font-weight: 500; font-size: 18px; }*/
	div.container div.sub-content div.inner p { margin-bottom: 25px; }
/*	div.container div.sub-content div.inner ul, div.container div.sub-content div.inner ol { margin: 25px; }*/
	div.container div.sub-content div.inner .alignright { float: right; margin: 0 0 10px 40px; }
	div.container div.sub-content div.inner .alignleft { float: left; margin: 0 40px 10px 0; }

	table { background: #fff; width: 100%; margin: 0 0 20px 0!important; }
	table td { padding: 8px!important; border:#ccc 1px solid; }
	table th { padding: 8px!important; border:#ccc 1px solid; background: #EF4527!important; color: #FFF; font-weight: bold; }

	.table-striped>tbody>tr { background: rgba(255, 255, 255, 0.8); }
	.table-striped>tbody>tr:nth-of-type(odd) { background: rgba(255, 255, 255, 0.9); }

/*div.container div.home-links { }*/
/*	div.container div.home-links div.inner { padding-top: 60px; padding-bottom: 60px; }*/
/*	div.container div.home-links div.inner h3 { color:#FFCB00; text-align: center; margin-bottom: 30px; font-weight: 500; font-size: 26px; }*/
/*	div.container div.home-links div.inner ul { background: #FFCB00; border-radius: 5px; list-style: none; display: flex; flex-wrap: wrap; }*/
/*	div.container div.home-links div.inner ul li { display: inline-block; width: 20%; }*/
/*	div.container div.home-links div.inner ul li a { color: #FFF; display: block; padding: 45px 10px; text-align: center; font-size: 20px; }*/
/*	div.container div.home-links div.inner ul li a i { color: #FFF; display: block; font-size: 80px; margin-bottom: 10px; }*/
/*	div.container div.home-links div.inner ul li:nth-child(2) a, div.container div.home-links div.inner ul li:nth-child(4) a, div.container div.home-links div.inner ul li:nth-child(6) a, div.container div.home-links div.inner ul li:nth-child(8) a, div.container div.home-links div.inner ul li:nth-child(10) a { background: rgba(255, 255, 255, .2); }*/
/*	div.container div.home-links div.inner ul li a:hover { color: #444; }*/
/*	div.container div.home-links div.inner ul li a:hover i { color: #444; }*/


/*div.container div.home-news { background: #9EE2FC; }*/
/*	div.container div.home-news div.inner { padding-top: 60px; padding-bottom: 60px; }*/
/*	div.container div.home-news div.inner div.news { width: 66%; float: left; }*/
/*	div.container div.home-news div.inner div.news h3 { color:#00ADD9; text-align: left; margin-bottom: 30px; font-weight: 500; font-size: 26px; }*/
/*	div.container div.home-news div.inner div.news ul { list-style: none; }*/
/*	div.container div.home-news div.inner div.news ul li { display: inline-block; width: calc(50% - 10px); float: left; }*/
/*	div.container div.home-news div.inner div.news ul li:nth-child(1) { margin-right: 10px; }*/
/*	div.container div.home-news div.inner div.news ul li:nth-child(2) { margin-left: 10px; }*/
/*	div.container div.home-news div.inner div.news ul li div.photo { background-size: cover; background-position: center; border-top-left-radius: 5px; border-top-right-radius: 5px; }*/
/*	div.container div.home-news div.inner div.news ul li div.photo a { display: block; height: 250px; }*/
/*	div.container div.home-news div.inner div.news ul li div.title { background: #FFF; padding: 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }*/
/*	div.container div.home-news div.inner div.news ul li div.title a { color: #444; }*/
/*	div.container div.home-news div.inner div.news ul li div.title a:hover { color: #F15A43; }*/
/*	div.container div.home-news div.inner div.news a.readmore { color:#FFF; font-weight: bold; background: #00ADD9; margin-top: 30px; }*/

/*	div.container div.home-news div.inner div.twitter { width: 30%; float:right; }*/
/*	div.container div.home-news div.inner div.twitter h3 { color:#00ADD9; text-align: left; margin-bottom: 30px; font-weight: 500; font-size: 26px; }*/
/*	div.container div.home-news div.inner div.twitter div.feed { margin-bottom: 24px; }*/
/*	div.container div.home-news div.inner div.twitter div.feed iframe { }*/
/*	div.container div.home-news div.inner div.twitter div.clear { }*/
/*	div.container div.home-news div.inner div.twitter a.readmore { color:#FFF; display: inline-block; padding:16px 28px }*/
/*	div.container div.home-news div.inner div.twitter a.readmore.twitter { background: #1DA1F2; }*/
/*	div.container div.home-news div.inner div.twitter a.readmore.facebook { background: #4267B2; }*/


/*div.container div.home-wellspring { }*/
/*	div.container div.home-wellspring div.inner { padding-top: 60px; padding-bottom: 60px; text-align: center; }*/
/*	div.container div.home-wellspring div.inner p { margin-bottom: 30px; max-width: 80%; margin-left: auto; margin-right: auto; }*/
/*	div.container div.home-wellspring div.inner p img { }*/
/*	div.container div.home-wellspring div.inner a.readmore { background: #444; color: #FFF; }*/


/*div.container footer { background: #F15B43; border-top:#EF4527 10px solid; }*/
/*	div.container footer div.inner { padding-top: 60px; padding-bottom: 60px; text-align: center; }*/
/*	div.container footer div.inner h3 { color: #FFF; margin-bottom: 30px; font-weight: 500; font-size: 26px; }*/
/*	div.container footer div.inner ul { list-style: none; display: flex; }*/
/*	div.container footer div.inner ul li { flex-grow: 1; }*/
/*	div.container footer div.inner ul li a { color: #FFF; font-size: 17px; }*/
/*	div.container footer div.inner ul li a i { color: #FFF; font-size: 17px; background: #EF4527; padding: 10px; border-radius: 5px; margin-right: 10px; }*/
/*	div.container footer div.inner ul li a:hover { color:#F8A798; }*/


/*div.container div.picts { background: #EF4527; }*/
/*	div.container div.picts div.inner { text-align: center; padding: 15px; }*/
/*	div.container div.picts div.inner a { color:#F8A798; font-size: 13px; }*/
/*	div.container div.picts div.inner a:hover { color: #FFF; }*/




/*.modal { display: block; width: 400px; max-width: 100%; height: 185px; max-height: 100%; position: fixed; z-index: 100; left: 50%; top: 50%; transform: translate(-50%, -50%);  */
/*	background: white; -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.9); -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.9); box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.9); border-radius: 10px; }*/
/*	.closed { display: none; }*/
/*	.modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 50; background: rgba(0, 0, 0, 0.7); }*/
/*	.modal-guts { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; padding: 25px 30px; }*/
/*	.modal-guts h1 { color:#F15A43; font-size: 22px; font-weight: 500; margin-bottom: 10px; }*/
/*	.modal-guts p { font-size: 14px; margin-bottom: 12px; }*/
/*	.modal-guts select { border:#D0D0D0 1px solid; border-radius: 10px; width: calc(100% - 50px); height: 45px; display: inline-block; float: left; font-size: 14px; color: #444; padding: 0 10px; }*/
/*	.modal-guts button { background:#F15A43; color: #FFF; border:none; padding:0 15px; line-height: 45px; display: inline-block; float: right; border-radius: 10px; cursor: pointer; }*/
/*	.modal-guts button:hover { background: #444; }*/
/*	.modal-guts button i { color: #FFF; }*/


/*!* custom *!*/

.custom-contact { margin-bottom: 30px; }
.custom-contact .map { width: 100%; margin-bottom: 30px; border-radius: 10px; border: #F15A43 4px solid; }
.custom-contact .map iframe { width: 100%; height: 300px; border-radius: 10px; }
.custom-contact .block1, .custom-contact .block2, .custom-contact .block3 { float: left; width: 31%; border: #FFCB00 4px solid; border-radius: 10px; padding: 25px 25px 0 25px; margin-bottom: 30px; }
.custom-contact .block1 { }
.custom-contact .block2 { margin-left: 3.5%; margin-right: 3.5%; }
.custom-contact .block3 { }

.custom-contact .contactform { border:#8AC63D 4px solid; padding: 25px; border-radius: 10px; }
.custom-contact .contactform > div { width: 70%; margin: 0 auto; }
.custom-contact .contactform p { margin-bottom: 0 !important; }
.custom-contact .contactform .contact3 { width: 31%; float: left;  }
.custom-contact .contactform .contact3middle { margin:0 3.5%; }
.custom-contact .contactform input { width: 100%; padding: 5px; border-radius: 2px; border:#CCC 1px solid; margin-bottom: 20px; margin-top: 5px; }
.custom-contact .contactform textarea  { padding: 5px; border-radius: 2px; border:#CCC 1px solid; width: 100%; height: 150px; margin-bottom: 20px; margin-top: 5px; }
.custom-contact .contactform input[type="submit"] { margin-bottom: 0px; background: #8AC63D; padding: 10px 30px; color:#FFF; font-weight: bold; cursor: pointer; }
.custom-contact .contactform input[type="submit"]:hover { background: #333; }
.custom-contact .contactform p { width: 100%; margin: 0 auto; }
.custom-contact .contactform p * { display: block; }



.onlinelearning { }
	.onlinelearning h2 { margin-bottom: 20px; font-size: 18px; font-weight: 500; }
	.onlinelearning ul { margin: 0 0 30px 0 !important; background: #FFCB00; border-radius: 5px; list-style: none; display: flex; flex-wrap: wrap; }
	.onlinelearning ul li { display: inline-block; width: 20%; }
	.onlinelearning ul li a { color: #FFF; display: block; padding: 45px 10px; text-align: center; font-size: 20px; }
	.onlinelearning ul li a i { color: #FFF; display: block; font-size: 80px; margin-bottom: 10px; }
	.onlinelearning ul li:nth-child(even) a { background: rgba(255, 255, 255, .2); }
	.onlinelearning ul li a:hover { color: #444; }
	.onlinelearning ul li a:hover i { color: #444; }



.onlinelearning2 { }
	.onlinelearning2 h2 { margin-bottom: 20px; font-size: 18px; font-weight: 500; }
	.onlinelearning2 ul { margin: 0 0 30px 0 !important; background: #00B3DC; border-radius: 5px; list-style: none; display: flex; flex-wrap: wrap; }
	.onlinelearning2 ul li { display: inline-block; width: 25%; }
	.onlinelearning2 ul li a { color: #FFF; display: block; padding: 45px 10px; text-align: center; font-size: 20px; }
	.onlinelearning2 ul li a i { color: #FFF; display: block; font-size: 80px; margin-bottom: 10px; }
	.onlinelearning2 ul li:nth-child(2) a, .onlinelearning2 ul li:nth-child(4) a, .onlinelearning2 ul li:nth-child(5) a, .onlinelearning2 ul li:nth-child(7) a, .onlinelearning2 ul li:nth-child(10) a { background: rgba(255, 255, 255, .2); }
	.onlinelearning2 ul li a:hover { color: #444; }
	.onlinelearning2 ul li a:hover i { color: #444; }


.staff { }
	.staff h2 { font-weight: 500; font-size: 26px; margin-top: 25px; }
	.staff ul { list-style: none; margin: 0 0 60px 0 !important; display: flex; flex-wrap: wrap; padding: 0!important; }
	.staff ul li { width: 20%; display: inline-block; font-size: 14px; padding-right: 20px; margin-top: 25px; float:left; }
	.staff ul li .img-wrapper { width: 100%; height: 300px; background-size: cover; background-position: 50% 50%; }
	.staff ul li img { border-radius: 2px; border:#EFEFEF 2px solid; }
	div.container div.sub-content div.inner .staff ul li h3 { margin-top: 5px; font-weight: 500; font-size: 16px; color:#F15A43; margin-bottom: 0; }


.vacanciesFilter { margin-bottom: 20px; }
.vacanciesFilter a { margin: 0 20px 20px 0; display: inline-block; padding: 10px 15px; border-radius: 5px; background: #EFEFEF; }
.vacanciesFilter a.vacancymode0 { }
.vacanciesFilter a.vacancymode1 { background: #8CC63F; color:#FFF; }
.vacanciesFilter a.vacancymode2 { background: #00B4DD; color:#FFF; }
.vacanciesFilter a.vacancymode3 { background: #6E2C91; color:#FFF; }
.vacanciesFilter a.vacancymode4 { background: #F7941F; color:#FFF; }
.vacanciesFilter a:hover { background: #333; color: #FFF;}

.vacancies { }
	.vacancies .vacancy { border-bottom: #EFEFEF 3px dotted; margin-bottom: 25px; padding-bottom: 10px; }
	div.container div.sub-content div.inner .vacancies h2 { font-weight: 500; font-size: 26px; margin: 0; }
	div.container div.sub-content div.inner .vacancies h3 { color:#999; margin: 0; font-size: 16px; }
	div.container div.sub-content div.inner .vacancies h3.vacancymode1 { color: #8CC63F; }
	div.container div.sub-content div.inner .vacancies h3.vacancymode2 { color: #00B4DD; }
	div.container div.sub-content div.inner .vacancies h3.vacancymode3 { color: #6E2C91; }
	div.container div.sub-content div.inner .vacancies h3.vacancymode4 { color: #F7941F; }
	div.container div.sub-content div.inner .vacancies h4 { color:#666; margin: 0; }
	.vacancies ul { }
	.vacancies ul li { }
	.vacancies ul li a { }


.post-result { margin-bottom: 30px; padding-bottom: 30px; border-bottom: #EFEFEF 2px dotted; }
.post-result {}


.letters { }
	.letters ul { margin: 0 0 30px 0 !important; background: #FFCB00; border-radius: 5px; list-style: none; display: flex; flex-wrap: wrap; }
	.letters ul li { display: inline-block; width: 20%; }
	.letters ul li a { color: #FFF; display: block; padding: 45px 10px; text-align: center; font-size: 20px; }
	.letters ul li a i { color: #FFF; display: block; font-size: 80px; margin-bottom: 10px; }
	.letters ul li:nth-child(even) a { background: rgba(255, 255, 255, .2); }
	.letters ul li a:hover { color: #444; }
	.letters ul li a:hover i { color: #444; }


@media screen and (max-width: 1200px) {
	.above-twitter-image {
		height: 125px;
		right: 40px;
	}

}
@media screen and (max-width: 1020px) {

	nav div.inner > ul > li > a {
		background: #333;
		background-image: none!important;
	}

	div.container nav .nav-btn { display: block; background: #333; color: #FFF; font-weight: bold; padding: 15px; text-align: center; cursor: pointer; }
	/*div.container nav div.inner { min-height: 55px; }*/
	div.container nav div.inner ul { display: none;}

	div.container nav div.inner ul li ul { display: block !important; position: relative; top:0; width: 100%; }
	div.container nav div.inner ul li ul li a {
		text-align: center;
		font-size: 16px;
		line-height: 1.2em;
		color: #fff;
		text-shadow: 2px 2px 4px rgb(0 0 0 / 80%);
		font-weight: 300;
		letter-spacing: .02em;
		padding: .5em;

	}
	div.container nav div.inner ul li ul li a:hover { background: #000c; color: #fff; text-shadow: none; }
	div.container nav div.inner ul li ul { border-bottom: #dbdbdb 1px solid; }
	div.container nav div.inner ul li:hover ul {
		display: block !important;
		position: relative;
		top:0;
		width: 100%;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		overflow: hidden;
		z-index: 999999;
	}
	nav div.inner ul li:hover ul li a {
		font-size: 18px;
		line-height: 1em;
		color: #fff;
		text-shadow: none;
		font-weight: 300;
		letter-spacing: inherit;
		padding: 15px;
	}
	div.container nav div.inner ul li {
		display: block;
		/*border-bottom: #616161 1px solid;*/
	}
	div.container nav div.inner ul li a {
		padding: 15px;
		line-height: 1em;
		height: auto;
	}
	div.container nav div.inner ul li:last-of-type { width: 100%; }

	nav div.inner > ul > li:nth-of-type(1) > a { background: #e30813; }
	nav div.inner > ul > li:nth-of-type(2) > a { background: #702283; }
	nav div.inner > ul > li:nth-of-type(3) > a { background: #00a9d7; }
	nav div.inner > ul > li:nth-of-type(4) > a { background: #94c11f; }
	nav div.inner > ul > li:nth-of-type(5) > a { background: #ffdf00; }
	nav div.inner > ul > li:nth-of-type(6) > a { background: #f39200; }

	.above-twitter-image {
		height: 125px;
		right: 20px;
	}






	/*div.container div.home-welcome div.inner div.photo { display: none; }*/
	/*div.container div.home-welcome div.inner div.content { width: 100%; padding: 40px 0; }*/

	/*div.container div.home-news div.inner div.news { width: 100%; }*/
	/*div.container div.home-news div.inner div.news ul li { width: 100%; }*/
	/*div.container div.home-news div.inner div.news ul li:nth-child(1) { margin-right: 0; margin-bottom: 20px; }*/
	/*div.container div.home-news div.inner div.news ul li:nth-child(2) { margin-left: 0; }*/
	
	/*div.container div.home-news div.inner div.twitter { width: 100%; margin-top: 40px; }*/
	/*div.container div.home-news div.inner div.twitter div.feed iframe { width: 100%; }*/
	
	/*div.container footer div.inner ul { display: block; }*/
	/*div.container footer div.inner ul li:nth-child(2) { margin: 20px 0; }*/
	
	
	/*.staff ul li { width: 33%; }*/
}
	


@media screen and (max-width: 930px) {


	header .logo img {
		width: 200px;
		height: auto;
	}
	header .wellsprings-logo {
		width: 100px;
		height: auto;
	}




	.footer-bottom-wrapper .footer-bottom-left {
		display: none;
	}

	.footer-bottom-wrapper .footer-bottom-right {
		display: none;
	}
	
	.staff ul li { width: 50%; display: inline-block; padding-right:10px; }



		/*div.container div.home-links div.inner ul li { width: 50%; }*/
	
	/*div.container div.home-links div.inner ul li:nth-child(2) a, div.container div.home-links div.inner ul li:nth-child(4) a, div.container div.home-links div.inner ul li:nth-child(6) a, div.container div.home-links div.inner ul li:nth-child(8) a, div.container div.home-links div.inner ul li:nth-child(10) a { background:none; }*/
	
	/*div.container div.home-links div.inner ul li:nth-child(2) a, div.container div.home-links div.inner ul li:nth-child(3) a, div.container div.home-links div.inner ul li:nth-child(6) a, div.container div.home-links div.inner ul li:nth-child(7) a, div.container div.home-links div.inner ul li:nth-child(10) a { background: rgba(255, 255, 255, .2); }*/
	
	/*.onlinelearning ul li { width: 50%; }*/
	
	/*.onlinelearning ul li:nth-child(even) a { background: rgba(255, 255, 255, 0); }*/
	/*.onlinelearning ul li:nth-child(2) a, .onlinelearning ul li:nth-child(3) a, .onlinelearning ul li:nth-child(6) a, .onlinelearning ul li:nth-child(7) a, .onlinelearning ul li:nth-child(10) a, .onlinelearning ul li:nth-child(11) a, .onlinelearning ul li:nth-child(14) a { background: rgba(255, 255, 255, 0.2); }*/
	
	/*.onlinelearning2 ul li { width: 50%; }*/
	
	/*.onlinelearning2 ul li:nth-child(2) a, .onlinelearning2 ul li:nth-child(4) a, .onlinelearning2 ul li:nth-child(5) a, .onlinelearning2 ul li:nth-child(7) a, .onlinelearning2 ul li:nth-child(10) a { background: rgba(255, 255, 255, 0); }	*/
	
	/*.onlinelearning2 ul li:nth-child(2) a, .onlinelearning2 ul li:nth-child(3) a, .onlinelearning2 ul li:nth-child(6) a, .onlinelearning2 ul li:nth-child(7) a { background: rgba(255, 255, 255, .2); }*/

	
	/*div.container div.sub-content div.inner .alignright { float: none; margin:20px 0; display: block; }*/
	
	/*.letters ul li { width: 50%; }*/
	
	/*.letters ul li:nth-child(even) a { background: rgba(255, 255, 255, 0); }*/
	/*.letters ul li:nth-child(2) a, .letters ul li:nth-child(3) a, .letters ul li:nth-child(6) a, .letters ul li:nth-child(7) a, .letters ul li:nth-child(10) a, .letters ul li:nth-child(11) a, .letters ul li:nth-child(14) a { background: rgba(255, 255, 255, 0.2); }*/
	
}
	
	


@media screen and (max-width: 767px) {
	
	/*.staff ul li { width: 50%; }*/

	.above-twitter-image {
		display: none;
	}
	
    .staff ul li { width: 50%; display: inline-block; padding-right: 5px; }


	
}