/*
Theme Name: Springwell Alternative Academy Spalding
Theme URI: http://www.lincstlc.lincs.sch.uk/
Author: Primary ICT Support Ltd
Author URI: http://www.primaryictsupport.co.uk
Description: Springwell Alternative Academy Spalding Theme
Version: 2.0
*/
* { padding: 0; margin: 0; outline: none; font-size: 16px; line-height: 1.3; font-family: 'Nunito', sans-serif; font-weight: 500; box-sizing: border-box; color:#444444; transition:all 0.3s ease; }
.clear { clear: both; }
a { text-decoration: none; color:#EA3E42; }
a:hover { color:#32596B; }
a.btn { background:#EA3E42; color:#FFF; text-decoration: none; padding: 8px 20px 14px; border-radius: 5px; }
a.btn:hover { background: #32596B; }
img, object, table, iframe { max-width: 99% !important; }
img { height: auto !important; }
div.container { }
div.container div.inner { max-width: 1160px; width: 98%; margin-left:auto; margin-right: auto; }
div.container header { }
div.container header div.inner { padding-top:20px; padding-bottom: 20px; }
div.container header div.inner a.logo { float: left; }
div.container header div.inner a.logo img { }
div.container header div.inner ul { list-style: none; float: right; margin-top: 25px; }
div.container header div.inner ul li { display: inline-block; margin-left: 5px; }
div.container header div.inner ul li a { font-size: 15px; padding: 5px 10px 10px; border-radius: 3px; color:#FFF; }
div.container header div.inner ul li a i { color:#FFF; font-size: 12px; min-width: 12px; text-align: center; }
div.container header div.inner ul li:nth-child(1) a { background: #7DC8EC; }
div.container header div.inner ul li:nth-child(2) a { background: #1DA1F2; }
div.container header div.inner ul li:nth-child(3) a { background: #3A559F; }
div.container header div.inner ul li:nth-child(4) a { background: #EA3E42; }
div.container header div.inner ul li a:hover { background:#264653; }
div.container nav { background: #264653; }
div.container nav div.inner { }
div.container nav div.inner .nav-btn { display:none; }
div.container nav div.inner ul { list-style: none; display: flex; }
div.container nav div.inner ul li { flex-grow: 1; display: inline-block; position: relative; }
div.container nav div.inner ul li:first-of-type a { border-left: #325A6B 1px solid; }
div.container nav div.inner ul li a { color: #FFF; display: block; text-transform: uppercase; font-size: 14px; text-align: center; line-height: 56px; border-right: #325A6B 1px solid; }
div.container nav div.inner ul li a:hover { background: #325A6B; }
div.container nav div.inner ul li ul { display: none; width: 256px; position: absolute; left: 50%; top: 56px; transform: translateX(-50%); z-index: 9999; }
div.container nav div.inner ul li:hover ul { display: block; }
div.container nav div.inner ul li ul li { flex-grow: 0; display: block; }
div.container nav div.inner ul li ul li:first-of-type a { border-left:none; }
div.container nav div.inner ul li ul li a { background: #4E8CA7; border-bottom: #325A6B 1px solid; line-height: 1.3; padding: 10px; border-right:none; }
div.container nav div.inner ul li ul li:last-of-type a { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-bottom: none; }
div.container div.hero { height: 600px; background-position: center; background-size: cover; }
div.container div.hero div { width:100%; height: 600px; background-position: center; background-size: cover; }
div.container div.home-goals { }
div.container div.home-goals div.inner { padding-top: 55px; padding-bottom: 55px; text-align: center; }
div.container div.home-goals div.inner h2 { font-size: 26px; margin-bottom: 20px; color:#264653; font-weight: bold; }
div.container div.home-goals div.inner p { max-width: 70%; margin: 0 auto 30px; }
div.container div.home-goals div.inner a.btn { }
div.container div.home-welcome { }
div.container div.home-welcome div.left { width: 50%; float: left; background: url("assets/images/welcome1.png") center no-repeat; background-size: cover; height: 460px; }
div.container div.home-welcome div.right { background: #EFEFEF; padding: 40px; width: 50%; float: right; }
div.container div.home-welcome div.right h1 { font-size: 26px; margin-bottom: 20px; color:#32596B; font-weight: bold; }
div.container div.home-welcome div.right p { margin-bottom: 30px; }
div.container div.home-welcome div.right p br { }
div.container div.home-welcome div.right a.btn { }
div.container div.home-news { }
div.container div.home-news div.inner { padding-top: 55px; padding-bottom: 55px; }
div.container div.home-news div.inner ul { list-style: none; }
div.container div.home-news div.inner ul li { float: left; display: inline-block; width: 30%; margin-right:3%; }
div.container div.home-news div.inner ul li div.photo { height: 275px; background-position: center; background-size: cover; background-repeat: no-repeat; }
div.container div.home-news div.inner ul li:nth-child(1) div.photo { background-image: url("assets/images/news1.png"); }
div.container div.home-news div.inner ul li:nth-child(2) div.photo { background-image: url("assets/images/news2.png"); }
div.container div.home-news div.inner ul li div.news-inner { background: #EFEFEF; padding: 20px; }
div.container div.home-news div.inner ul li div.news-inner h3 a { font-display: 18px; color:#EA3E41; margin-bottom: 20px; font-weight: bold; display: block; }
div.container div.home-news div.inner ul li div.news-inner h3 a:hover { color: #264653; }
div.container div.home-news div.inner ul li div.news-inner p { }
div.container div.home-news div.inner ul li div.news-inner p a:hover { text-decoration: underline; }
div.container div.home-news div.inner ul li iframe { margin: 5px; border:#EFEFEF 2px solid !important; }
div.container div.home-lower { background: #264653; }
div.container div.home-lower div.inner { padding-top: 40px; padding-bottom: 40px; }
div.container div.home-lower div.inner ul { list-style: none; }
div.container div.home-lower div.inner ul li { }
div.container div.home-lower div.inner ul li:nth-child(1) { width: 220px; float: left; }
div.container div.home-lower div.inner ul li:nth-child(2) { width: calc(100% - 360px); float: left; }
div.container div.home-lower div.inner ul li:nth-child(3) { width: 140px; float: left; }
div.container div.home-lower div.inner img { float: left;}
div.container div.home-lower div.inner h3 { font-size: 18px; margin-bottom: 15px; color:#FFF; font-weight: bold; }
div.container div.home-lower div.inner p { color:#FFF; max-width: 90%; font-size: 14px; }
div.container div.home-lower div.inner a.btn { margin-top: 35px; display: inline-block; }
div.container div.sub-content { border-bottom: #264653 5px solid; }
div.container div.sub-content div.inner { padding-top: 55px; padding-bottom: 55px; }
div.container div.sub-content div.inner div.left { width: calc(100% - 300px); float:left; }
div.container div.sub-content div.inner div.left.left-wide { width: 100%; float:left; }
div.container div.sub-content div.inner div.right { width: 260px; float:right; }
div.container div.sub-content div.inner div.right h3 { padding: 20px; background:#4E8CA7; font-weight: bold; color:#FFF; font-size: 18px; border-top-left-radius: 6px; border-top-right-radius: 6px; }
div.container div.sub-content div.inner div.right ul { list-style: none; padding: 0; margin: 0; }
div.container div.sub-content div.inner div.right ul li a { color:#444444; background:#EFEFEF; display: block; padding: 12px 20px; border-top:#4E8CA7 1px solid; font-size: 14px; }
div.container div.sub-content div.inner div.right ul li a:hover { color:#444444; background:#BCD6E0; }
div.container div.sub-content div.inner div.right ul li:last-of-type a { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
div.container div.sub-content div.inner h1 { font-size: 26px; margin-bottom: 20px; color: #EA3E42; font-weight: bold; }
div.container div.sub-content div.inner p { margin-bottom: 20px; }
div.container div.sub-content div.inner ul, div.container div.sub-content div.inner ol { margin: 20px; }
div.container div.sub-content div.inner table { width: 100%; }
div.container div.sub-content div.inner strong { font-weight: bold; }
div.container div.sub-content div.inner .attachment-post-thumbnail { margin-bottom: 20px; border-radius: 6px; }
div.container div.sub-content div.inner .news-post { padding-bottom: 20px; margin-bottom: 20px;}
div.container div.sub-content div.inner .news-post .post-photo { height: 200px; background-size: cover; background-position: center; margin-bottom: 15px; border-radius: 6px; }
div.container div.sub-content div.inner .news-post h3 a { color:#4E8CA7; font-size: 18px; margin-bottom: 10px; font-weight: bold; }
div.container div.sub-content div.inner .news-post h4 { color: #777; margin-bottom: 10px; font-size: 12px; }
div.container div.sub-content div.inner .news-post p { }
div.container div.sub-content div.inner .news-post p a { color:#EA3E42; }
div.container footer { }
div.container footer div.inner { padding-top: 55px; padding-bottom: 55px; }
div.container footer div.inner ul { list-style: none; }
div.container footer div.inner ul li { width: 33%; display: inline-block; float: left; padding: 0 5px; text-align: center; font-size: 14px; }
div.container footer div.inner ul li:nth-child(2) { border-left:#AFBBC0 1px solid; border-right:#AFBBC0 1px solid; }
div.container footer div.inner ul li h4 { font-size: 16px; margin-bottom: 20px; font-weight: bold; color:#264652; }
div.container footer div.inner ul li p { font-size: 14px; color:#7D9098; }
div.container footer div.inner ul li a { font-size: 14px; color:#7D9098; }
div.container footer div.inner ul li a:hover { color:#264652; }
@media screen and (max-width: 800px) {
div.container nav div.inner ul { display: none; }
div.container nav div.inner .nav-btn { display:block; width:100%; height:46px; background:#4E8CA7; cursor:pointer; text-align:center; }
div.container nav div.inner .nav-btn i { color: #FFF; line-height: 46px; font-size: 18px; }
div.container nav div.inner .nav-btn:hover { background:#264653; }
div.container nav div.inner ul li { display: block; flex-grow: 0; }
div.container nav div.inner ul li a { line-height: 46px; border-bottom: #325A6B 1px solid; border-right:none !important; border-left:none !important; }
div.container nav div.inner ul li ul { position: relative; width: 100%; left: 0; top:0; transform: translateX(0); }
div.container div.home-welcome div.left { width: 100%; }
div.container div.home-welcome div.right { width: 100%; }
div.container div.home-news div.inner ul li { width: 100%; margin-right: 0; margin-bottom: 20px; }
div.container div.home-lower div.inner ul li { text-align: center; }
div.container div.home-lower div.inner ul li img { margin: 0 auto 20px auto; float: none; }
div.container div.home-lower div.inner p { max-width: 100%; }
div.container div.home-lower div.inner ul li:nth-child(1) { width: 100%; }
div.container div.home-lower div.inner ul li:nth-child(2) { width: 100%; }
div.container div.home-lower div.inner ul li:nth-child(3) { width: 100%; }
div.container div.sub-content div.inner div.left { width: 100%; }
div.container div.sub-content div.inner div.right { width: 100%; margin-top: 30px; }
div.container footer div.inner ul li { width: 100%; }
div.container footer div.inner ul li:nth-child(2) { border-top:#AFBBC0 1px solid; border-bottom: #AFBBC0 1px solid; border-left: none; border-right: none; padding: 20px 0; margin: 20px 0;
}
}
@media screen and (max-width: 575px) {
div.container header div.inner { text-align: center; }
div.container header div.inner a.logo { float: none; }
div.container header div.inner ul { float: none; }
}