/*
Theme Name: LaceyField Louth
Theme URI: https://laceyfieldlouth.wellspringacademysites.co.uk/
Description: LaceyField Louth Theme
Version: 1.0.0
Author: Primary ICT Support Ltd
Author URI: https://www.primaryictsupport.co.uk
*/
@import url('https://fonts.googleapis.com/css2?family=Atma:wght@400;500;600;700&display=swap');
* { padding: 0; margin: 0; box-sizing: border-box; outline: none; font-family: 'Atma', cursive; font-size: 18px; line-height: 1.3; color:#333333; }
body { font-family: 'Atma', cursive; }
.clear { clear: both; }
.alignleft { float: left; margin: 0 20px 20px 0; }
.alignright { float: right; margin: 0 0 20px 20px; }
div.container { }
div.container div.inner { width: 96%; max-width: 1200px; margin: 0 auto; }
/* global - header */
div.container header { background: #73228A; }
div.container header div.inner { }
div.container header div.inner a.facebook { float: right; color: #73228A; margin-right: 10px; background: url('assets/images/bg-hexagon.png') center center no-repeat; text-align: center; line-height: 34px; width: 39px; margin-top:8px; }
div.container header div.inner a.twitter { float: right; color: #73228A; margin-right: 10px; background: url('assets/images/bg-hexagon.png') center center no-repeat; text-align: center; line-height: 34px; width: 39px; margin-top:8px; }
div.container header div.inner a.facebook i { color: #73228A; }
div.container header div.inner a.twitter i { color: #73228A; }
div.container header div.inner a.facebook:hover i { color: #333333; }
div.container header div.inner a.twitter:hover i { color: #333333; }
div.container header div.inner nav { }
div.container header div.inner nav .nav-btn { display: none; }
div.container header div.inner nav ul { list-style: none; z-index: 999; position: relative; }
div.container header div.inner nav ul li { display: inline-block; float:left; position: relative; }
div.container header div.inner nav ul li a { text-decoration: none; font-weight: 500; display: block; line-height: 50px; padding: 0 15px; border-right: 1px solid rgba(255,255,255,.3); color: #fff; }
div.container header div.inner nav ul li:first-of-type a { border-left: 1px solid rgba(255,255,255,.3); }
div.container header div.inner nav ul li a:hover { color:#fff; background: #73228A; }
div.container header div.inner nav ul li ul { display: none; position: relative; }
div.container header div.inner ul li:hover > ul { display: block; position: absolute; width: 180px; background:#7D8693; top:50px; left:50%; transform: translateX(-50%); }
div.container header div.inner ul ul li:hover > ul { display: block; }
div.container header div.inner ul li:hover > ul > li > ul { left: 100%; top: 0; transform: none; }
div.container header div.inner ul li:hover > ul > li > ul:before { display: none; }
div.container header div.inner nav ul li ul:before { position: absolute; content:""; height: 5px; background: url('assets/images/nav-arrow.png') center no-repeat; top:-5px; left:0; z-index: 1; width: 100%; }
div.container header div.inner nav ul li ul li { display: block; float: none; }
div.container header div.inner nav ul li ul li a { border-right: none; border-bottom: 1px solid rgba(255,255,255,.3); font-size: 16px; color: #FFF; line-height: 1; padding: 10px; text-align: center; }
div.container header div.inner nav ul li ul li:first-of-type a { border-left: none; }
div.container header div.inner nav ul li ul a:hover { color:#fff; background: #73228A; }
/* homepage */
body.home div.container div.hero { background: url('assets/images/slide1.png') center center no-repeat; background-size:cover; }
body.home div.container div.hero div.inner { height: 600px; display: flex; align-items: center; }
body.home div.container div.hero div.inner div.innertitles { }
body.home div.container div.hero div.inner span.title { font-size: 110px; color:#73228A; font-weight: 900; display: block; text-shadow: 3px 3px 0px rgb(255 255 255);-webkit-text-stroke: 2px white; }
body.home div.container div.hero div.inner span.subtitle { font-size: 21px; color:#FFF; font-weight: 500; display: block; text-shadow: 3px 3px 5px rgba(0,0,0,0.25); }
div.container div.home-intro { margin-top: -30px; }
div.container div.home-intro div.inner { }
div.container div.home-intro div.inner div.notice { background: #7D8693; color: #FFF; position: relative; width: calc(100% - 400px); display: inline-block; }
div.container div.home-intro div.inner div.notice marquee { line-height: 1; color: #FFF; }
div.container div.home-intro div.inner div.notice marquee * { line-height: 54px;}
div.container div.home-intro div.inner div.notice marquee a { color: #FFF; text-decoration: none; }
div.container div.home-intro div.inner div.notice marquee a:hover { color: #FFF; text-decoration-style:wavy; text-decoration-line: underline; text-decoration-color: #FFF; }
div.container div.home-intro div.inner div.notice:before { content:"\A"; border-style: solid; border-width: 30px 30px 30px 0; border-color: transparent #7D8693 transparent transparent; position: absolute; left: -30px; }
div.container div.home-intro div.inner div.notice:after { content:"\A"; border-style: solid; border-width: 30px 0 30px 30px; border-color: transparent transparent transparent #7D8693; position: absolute; right: -30px; }
div.container div.home-intro div.inner div.beegrid { float:right; }
div.container div.home-intro div.inner div.beegrid img { }
div.container div.home-welcome { }
div.container div.home-welcome div.inner { padding-top: 50px; padding-bottom: 50px; }
div.container div.home-welcome div.inner h1 { color:#73228A; font-size: 40px; font-weight: 500; margin-bottom: 25px; }
div.container div.home-welcome div.inner p { font-size: 19px; line-height: 1.5; max-width: 770px; margin-bottom: 25px; }
div.container div.home-welcome div.inner a.readmore { background: #73228A; text-decoration: none; line-height: 44px; display: inline-block; padding: 0 10px; position: relative; margin-left: 22px; font-weight: 500;color: #fff; }
div.container div.home-welcome div.inner a.readmore:before { content:"\A"; border-style: solid; border-width: 22px 22px 22px 0; border-color: transparent #73228A transparent transparent; position: absolute; left: -22px; }
div.container div.home-welcome div.inner a.readmore:after { content:"\A"; border-style: solid; border-width: 22px 0 22px 22px; border-color: transparent transparent transparent #73228A; position: absolute; right: -22px; }
div.container div.home-welcome div.inner a.readmore:hover { background: #7D8693; color: #FFF; }
div.container div.home-welcome div.inner a.readmore:hover:before { border-color: transparent #7D8693 transparent transparent; }
div.container div.home-welcome div.inner a.readmore:hover:after { border-color: transparent transparent transparent #7D8693; }
div.container div.home-wellspring { background-color:#73228A; background-image: url('assets/images/bg-pattern.png'), url('assets/images/home-bees.png'); background-position: center, right; background-repeat: repeat, no-repeat; }
div.container div.home-wellspring div.inner { padding-top: 50px; padding-bottom: 50px; }
div.container div.home-wellspring div.inner h2 { color:#ED1C24; font-size: 40px; font-weight: 500; margin-bottom: 25px; }
div.container div.home-wellspring div.inner img { float: right; margin-right: 15%; margin-top: -27px; }
div.container div.home-wellspring div.inner p { font-size: 19px; line-height: 1.5; max-width: 770px; color:#fff; }
div.container div.home-wellspring div.inner a.readmore { background: #ED1C24; color: #FFF; text-decoration: none; line-height: 44px; margin-top:25px; display: inline-block; padding: 0 10px; position: relative; margin-left: 22px; font-weight: 500; }
div.container div.home-wellspring div.inner a.readmore:before { content:"\A"; border-style: solid; border-width: 22px 22px 22px 0; border-color: transparent #ED1C24 transparent transparent; position: absolute; left: -22px; }
div.container div.home-wellspring div.inner a.readmore:after { content:"\A"; border-style: solid; border-width: 22px 0 22px 22px; border-color: transparent transparent transparent #ED1C24; position: absolute; right: -22px; }
div.container div.home-wellspring div.inner a.readmore:hover { background: #7D8693; color: #FFF; }
div.container div.home-wellspring div.inner a.readmore:hover:before { border-color: transparent #7D8693 transparent transparent; }
div.container div.home-wellspring div.inner a.readmore:hover:after { border-color: transparent transparent transparent #7D8693; }
div.container div.home-social { }
div.container div.home-social div.inner { padding-top: 50px; padding-bottom: 50px; }
div.container div.home-social div.inner div.latestnews { width: 52%; float: left; }
div.container div.home-social div.inner div.latestnews h3 { color:#73228A; font-size: 40px; font-weight: 500; margin-bottom: 25px; }
div.container div.home-social div.inner div.latestnews .iframes { width: 47% !important; float:left; border:#efefef 2px solid; }
div.container div.home-social div.inner div.latestnews .iframes.iframetwitter { margin-right: 6%; }
div.container div.home-social div.inner div.latestnews .iframes iframe { width: 100%; }
div.container div.home-social div.inner div.upcomingevents { width: 42%; float: right; }
div.container div.home-social div.inner div.upcomingevents h3 { color:#73228A; font-size: 40px; font-weight: 500; margin-bottom: 25px; }
div.container div.home-social div.inner div.upcomingevents iframe { width: 100% !important; height: 375px !important; }
div.container div.home-social div.inner div.clear { }
/* sub pages */
div.container div.hero { background: url('assets/images/slide1.png') center center no-repeat; background-size:cover; }
div.container div.hero div.inner { height: 430px; display: flex; align-items: center; }
div.container div.hero div.inner div.innertitles { text-align: center; width: 100%; }
div.container div.hero div.inner span.title { font-size: 72px; color:#73228A; font-weight: 900; display: block; text-shadow: 3px 3px 0px rgb(255 255 255);
-webkit-text-stroke: 2px white; }
div.container div.hero div.inner span.subtitle { font-size: 15px; color:#FFF; font-weight: 500; display: block; text-shadow: 3px 3px 5px rgba(0,0,0,0.25); }
div.container div.sub-intro { margin-top: -30px; }
div.container div.sub-intro div.inner { }
div.container div.sub-intro div.inner div.notice { background: #7D8693; line-height: 60px; color: #FFF; position: relative; width: 100%; display: inline-block; }
div.container div.sub-intro div.inner div.notice:before { content:"\A"; border-style: solid; border-width: 30px 30px 30px 0; border-color: transparent #7D8693 transparent transparent; position: absolute; left: -30px; }
div.container div.sub-intro div.inner div.notice:after { content:"\A"; border-style: solid; border-width: 30px 0 30px 30px; border-color: transparent transparent transparent #7D8693; position: absolute; right: -30px; }
div.container div.sub-intro div.inner div.notice span { color: #FFF; text-decoration: none; }
div.container div.sub-intro div.inner div.notice a { color: #FFF; text-decoration: none; }
div.container div.sub-intro div.inner div.notice a:hover { text-decoration-style:wavy; text-decoration-line: underline; text-decoration-color: #FFF; }
div.container div.sub-content { }
div.container div.sub-content div.inner { padding-top: 15px; padding-bottom: 50px; }
div.container div.sub-content div.inner h1 { color:#73228A; font-size: 40px; font-weight: 500; margin: 35px 0; }
div.container div.sub-content div.inner h2 { color:#73228A; font-size: 30px; font-weight: 500; margin: 35px 0; }
div.container div.sub-content div.inner strong { font-weight: 600; }
div.container div.sub-content div.inner blockquote { border-left: #EFEFEF 4px solid; padding: 8px 0 8px 20px; margin-bottom: 25px; }
div.container div.sub-content div.inner blockquote p { margin-bottom: 0; }
div.container div.sub-content div.inner a { color:#333333; text-decoration: none; line-height: 1; text-decoration-line: underline; text-decoration-color: #73228A; }
div.container div.sub-content div.inner a:hover { color:#333333; text-decoration-color: #333333; }
div.container div.sub-content div.inner p { font-size: 19px; line-height: 1.5; margin-bottom: 25px; }
div.container div.sub-content div.inner img, div.container div.sub-content div.inner iframe, div.container div.sub-content div.inner video { max-width: 100%; }
/* global - footer */
div.container footer { background: #73228A url('assets/images/bg-pattern.png') center center repeat; }
div.container footer div.inner { padding-top: 50px; padding-bottom: 50px; text-align: center; }
div.container footer div.inner img { margin: 0 10px; }
div.container footer div.inner p { margin: 20px 0; color: #fff; }
div.container footer div.inner p strong { font-weight: 600; color: #fff; }
div.container footer div.inner ul { list-style: none; }
div.container footer div.inner ul li { display: inline-block; margin: 0 10px; }
div.container footer div.inner ul li a { color: #fff; text-decoration: none; }
div.container footer div.inner ul li a i { color: #73228A; margin-right: 10px; background: url('assets/images/bg-hexagon.png') center center no-repeat; text-align: center; line-height: 34px; width: 39px; }
div.container footer div.inner ul li a:hover i { color: #333333; }
.footer_links {
color: #fff;
text-decoration: none;
line-height: 1em;
margin: 9px;
font-size: 12px;
display: inline-block;
}
@media screen and (max-width: 1050px) {
div.container header div.inner nav ul { display: none; }
div.container header div.inner nav .nav-btn { display: inline-block; }
div.container header div.inner nav .nav-btn i { color: #FFF; font-size: 24px; line-height: 50px; cursor: pointer; padding: 0 10px; }
div.container header div.inner nav .nav-btn:hover i { color: #333 }
div.container header div.inner nav ul li { display: block; float:none; }
div.container header div.inner nav ul li a { line-height: 40px; padding: 0 15px; border-right: none; border-bottom: 1px solid rgba(255,255,255,.3); }
div.container header div.inner nav ul li:first-of-type a { border-left: none; }
div.container header div.inner nav ul li ul { display: block !important; position: relative; background: #7D8693; }
div.container header div.inner nav ul li:hover ul { display: block; position: relative; width: 100%; background:#7D8693; top:0; transform: translateX(-50%); }
div.container header div.inner nav ul li ul:before { display: none !important }
div.container header div.inner nav ul li ul li { display: block; float: none; }
div.container header div.inner nav ul li ul li a { border-right: none; border-bottom: 1px solid rgba(255,255,255,.3); font-size: 16px; color: #FFF; line-height: 1; padding: 10px 15px; text-align: left; }
div.container header div.inner nav ul li ul li:first-of-type a { border-left: none; }
div.container header div.inner ul li ul {
left: 0!important;
padding-left: 10px;
transform: translate(0)!important;
}
div.container div.home-intro div.inner { text-align: center; }
div.container div.home-intro div.inner div.notice { width: calc(100% - 60px); margin: 0 30px; }
div.container div.sub-intro div.inner div.notice { width: calc(100% - 60px); margin: 0 30px; }
div.container div.home-intro div.inner div.beegrid { float: none; margin: 25px auto 0; }
div.container div.home-welcome div.inner { text-align: center; }
div.container div.home-welcome div.inner p { max-width: 100%; }
div.container div.home-wellspring { background-image: url('assets/images/bg-pattern.png'); }
div.container div.home-wellspring div.inner { text-align: center; }
div.container div.home-wellspring div.inner img { float: none; margin: 15px 0; }
div.container div.home-wellspring div.inner p { max-width: 100%; }
div.container div.home-social div.inner div.latestnews { width: 100%; }
div.container div.home-social div.inner div.upcomingevents { width: 100%; margin-top: 40px; }
div.container footer div.inner ul li { display: block; margin-bottom: 15px; }
}
@media screen and (max-width: 750px) {
body.home div.container div.hero div.inner span.title { font-size:60px; }
body.home div.container div.hero div.inner span.subtitle { font-size: 19px; }
div.container div.home-social div.inner div.latestnews .iframes { width: 100% !important; text-align: center; }
div.container div.home-social div.inner div.latestnews .iframes.iframetwitter { margin-right: 0; margin-bottom: 40px; }
}