/*! * ________ .___ * __ _ _\_____ \ __| _/ * \ \/ \/ / _(__ < / __ | * \ / / \/ /_/ | * \/\_/ /______ /\____ | * \/ \/ * * @author Jacques Baars * * @notice This is the property of W3Designs, W3Development, W3D, * it is illegal to use this source code without the required permission, * contact j@w3d.co.za for further advice or permissions. * * @license Copyright (c) 2016 W3Designs (PTY) Ltd. (http://www.w3d.co.za) */:root{--color:#000;--color2:#fff;--bgColor:#ee892d;--bgColor2:#de6d05;--bgColor3:#1f3688;--bgColor4:#192964;--bgColor5:#F1F2F4;--bgColor6:#DDE0E9;--bgColorRGBA:rgba(31, 54, 136, 0.7);--linkColor:#000;--linkHoverColor:#ee892d;--mobileMenuColor:#fff;--mobileMenuBtnColor:#fff;--mobileMenuSelectedColor:#fff;--mobileMenuSelectedBgColor:#192964;--mobileMenuContentBgColor:#1f3688;--btnColor:#fff;--btnBgColor:#ee892d;--btnHoverColor:#fff;--btnBgHoverColor:#de6d05;--dialogBgColor:#ee892d;--dialogBgColor2:#de6d05;--dialogHeadingColor:#fff}body,html{background-color:var(--bgColor5);font-family:Montserrat,Helvetica,Arial,sans-serif}h1,h2,h3{font-family:Montserrat,Helvetica,Arial,sans-serif}#menu-banner{background-color:var(--bgColor4)}#menu-banner .menu-banner .nav-anchor{color:#fff;padding:clamp(10px,1vw,13px) clamp(5px,1.2vw,15px);border-radius:var(--borderRadius)}#menu-banner .menu-banner .nav-bar{padding:15px 0}#menu-banner .menu-banner .nav-bar .nav-bar-item{margin:0 4px}#menu-banner .menu-banner .nav-bar .nav-bar-item.active>.nav-anchor,#menu-banner .menu-banner .nav-bar .nav-bar-item:hover>.nav-anchor{color:#fff;background-color:var(--bgColor)}#menu-banner .menu-banner .nav-dropdown{border-radius:var(--borderRadius)}#menu-banner .menu-banner .nav-dropdown .nav-dropdown-item{margin:4px}#menu-banner .menu-banner .nav-dropdown .nav-dropdown-item>.nav-anchor{color:var(--color)}#menu-banner .menu-banner .nav-dropdown .nav-dropdown-item.active>.nav-anchor,#menu-banner .menu-banner .nav-dropdown .nav-dropdown-item:hover>.nav-anchor{color:var(--color2);background-color:var(--bgColor)}#splash{background-image:url('../images/splash/bg.jpg')}#splash .content{padding:10% 0}#splash.home .content{padding:6% 0;background-color:var(--bgColorRGBA)}#splash.home .content .image{width:500px;max-width:80%;margin:0 auto}#slogan{color:#fff;background:var(--bgColor4)}#sum-div{background-color:#fff}#sum-div .sum-row .title::after{left:35%;bottom:0;width:30%;content:'';position:absolute;border-bottom:3px solid var(--bgColor)}#sum-div .sum-row.cover{background-image:url(../images/home/bg.jpg)}#sum-div .sum-row.cover .sum-column{background-color:var(--bgColorRGBA)}#sum-div .sum-row.cover .sum-column .title{color:#fff}#sum-div .sum-row.cover .sum-column .text{color:#fff}#sum-div .sum-row.cover .sum-column .text b{color:var(--bgColor)}#sum-div .sum-row.summary .sum-column .image{max-width:150px}#left>.label-box>.title{margin:0 3%;text-align:left;position:relative}#left>.label-box>.title::after{left:0;bottom:0;width:30%;content:'';position:absolute;border-bottom:3px solid var(--bgColor)}#content>.spread>.title{position:relative}#content>.spread>.title::after{bottom:0;left:10px;width:30%;content:'';position:absolute;border-bottom:3px solid var(--bgColor)}#content>.spread>.data h3{border-bottom:1px solid var(--bgColor6)}#content>.panel:nth-child(2n){background-color:var(--bgColor5)}#content>.panel h1::after,#content>.panel h2::after{left:35%;bottom:0;width:30%;content:'';position:absolute;border-bottom:3px solid var(--bgColor)}#content>.panel h3{border-bottom:1px solid var(--bgColor6)}#content>.panel.ofsted .image.ofsted{width:140px}#content>.panel.contact{background-color:var(--bgColor6)}#grass-banner{height:58px;background-color:var(--bgColor6);background-image:url(../images/ui/grass.png);background-position:bottom left;background-repeat:repeat-x}#grass-banner.home{background-color:#fff}#grass-banner.contact-us,#grass-banner.mm{background-color:var(--bgColor5)}#page-options{background-color:var(--bgColor3)}#page-options a{color:#fff}#page-options .nav:hover{background-color:var(--bgColor4)}#footer{color:#fff;background-color:var(--bgColor4)}#footer .title{color:#fff}#footer a{color:#fff}#footer a:hover{color:#fff}@media screen and (max-width:600px){#splash .content{padding:20% 0}#content>.panel.contact .buttons .btn{display:block;padding-left:0;padding-right:0;text-align:center;margin-bottom:5px}#content>.panel.contact .buttons .btn:last-child{margin-bottom:0}}