/*
Theme Name: filton
Theme URI: http://underscores.me/
Author: Cre8ion
Author URI: http://www.cre8ion.co.uk
Description: Custom theme: filton developed by, Cre8ion
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: filton
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

filton is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

html {
    margin:0;
    padding:0;
}
body {
    margin:0;
    padding:0;
    line-height:1.5;
    color:rgb(60,60,60); 
}

p {}
a, a:hover {
	text-decoration:none;
	border:none;
	outline:none;
	color:rgb(33,29,112);
	
}
.l { font-weight:200; }
.r { font-weight:400; }
.b { font-weight:700; }
.i { font-style:italic; }

.roadway, .roadway * {
    font-family:roadway;
    text-transform:uppercase;
}
.arial {
    font-family:arial;
}

.font-20 { font-size:20px!important; }
.font-30 { font-size:30px!important; }
.font-40 { font-size:40px!important; }
.font-50 { font-size:50px!important; }
.font-60 { font-size:60px!important; }
.font-70 { font-size:70px; }

.quote-mark {
  font-size: 80px;
  font-style: italic;
  line-height: 0.5;
}

.button {
    clear:both;
    padding:10px 30px!important;
    display:inline-block;
    border-radius:0!important;
    font-weight:700;
}
.circle {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.column-1 {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
}
.column-2 {
    -moz-column-count: 2;
    -moz-column-gap: 24px;
    -webkit-column-count: 2;
    -webkit-column-gap: 24px;
    column-count: 2;
    column-gap: 24px;
}
.column-3 {
    -moz-column-count: 3;
    -moz-column-gap: 24px;
    -webkit-column-count: 3;
    -webkit-column-gap: 24px;
    column-count: 3;
    column-gap: 24px;
}
@media (max-width: 765px) {
    .column-1, .column-2, .column-3 {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

.light-blue, a.light-blue { color:rgb(76,198,244); }
.dark-blue, a.dark-blue { color:rgb(33,29,112); }
.white, a.white { color:rgb(255,255,255); }

.light-blue-op, .light-blue-op a { color:rgb(76,198,244); color:rgba(76,198,244,0.8); }
.dark-blue-op, .dark-blue-op a { color:rgb(33,29,112); color:rgba(33,29,112,0.8); }
.white-op, .white-op a { color:rgb(255,255,255); color:rgba(255,255,255,0.8); }

.light-blue-bg { background-color:rgb(76,198,244); }
.dark-blue-bg { background-color:rgb(33,29,112); }
.white-bg { background-color:rgb(255,255,255); }

.light-blue-bg-op { background-color:rgb(76,198,244); background-color:rgba(76,198,244,0.8); }
.dark-blue-bg-op { background-color:rgb(33,29,112); background-color:rgba(33,29,112,0.8); }
.white-bg-op { background-color:rgb(255,255,255); background-color:rgba(255,255,255,0.8); }

.shadow {
	-webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.2);
  box-shadow: 0 0 10px 5px rgba(0,0,0,0.2);
}
.shadow-in {
  -webkit-box-shadow:inset 0 0 10px 5px rgba(0,0,0,0.2);
  box-shadow:inset 0 0 10px 5px rgba(0,0,0,0.2);
}
.shadow-none {
  -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
  box-shadow: 0 0 0 0 rgba(0,0,0,0);
}

.br-5 { -webkit-border-radius: 5px; border-radius: 5px; }
.br-10 { -webkit-border-radius: 10px; border-radius: 10px; }
.br-15 { -webkit-border-radius: 15px; border-radius: 15px; }
.br-20 { -webkit-border-radius: 20px; border-radius: 20px; }
.br-25 { -webkit-border-radius: 25px; border-radius: 25px; }
.br-30 { -webkit-border-radius: 30px; border-radius: 30px; }
.br-35 { -webkit-border-radius: 35px; border-radius: 35px; }
.br-40 { -webkit-border-radius: 40px; border-radius: 40px; }

.z-10 { z-index:10; }
.z-20 { z-index:20; }
.z-30 { z-index:30; }
.z-40 { z-index:40; }
.z-50 { z-index:50; }
.z-60 { z-index:60; }
.z-70 { z-index:70; }
.z-80 { z-index:80; }
.z-90 { z-index:90; }
.z-100 { z-index:100; }

.none, .hide, *[class*="hidden"] { display:none; }

.fly-left {
	position:absolute;
	top:0;
	right:0;
	height:100%;
	width:100000px;
	z-index:-1;
}
.fly-right {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100000px;
	z-index:-1;
}

.list-none {
    list-style:none;
}
.gateway-icon {
    width:20px;
    height:20px;
    background-image:url(/wp-content/uploads/2015/08/school-gateway-icon.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size: contain;
}
.gateway-icon.fa-2x {
    width:40px;
    height:30px;
}


/*----------layout----------*/
.background {}

.stripe {
    position:relative;
    width:100%;
    float:left;
}
.outer {
    width:100%;
    max-width:1200px;
    margin:0 auto;
}
.inner {
    width:100%;
    float:left;
}


/*----------header----------*/
.link-box {
    width:100%;
    max-width:800px;
}
marquee a, marquee a:hover {
    color:#fff;
}
marquee a:hover {
    text-decoration:underline; 
}


/*----------navigation----------*/
.menu-button {
    background: linear-gradient(
    to bottom, 
    rgb(76,198,244), rgb(76,198,244) 20%, 
    white 20%, white 40%, 
    rgb(76,198,244) 40%, rgb(76,198,244) 60%, 
    white 60%, white 80%, 
    rgb(76,198,244) 80%, rgb(76,198,244) 100%
  );
}
.navigation {
    position: absolute;
    top: 200px;
    left: 0;
    width: 100%;
    font-family:roadway;
    text-transform:uppercase;
    line-height:1;
    z-index: 1000;
}
.navigation.fixed {
    position:fixed;
    top:0;
    left:0;
    -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.05);
    box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);
}
.admin-bar .navigation.fixed {
    top: 32px;
}
@media screen and (max-width: 782px) {
    .admin-bar .navigation.fixed {
        top: 46px;
    }
}
.navigation div {
    width:100%;
    float:left;
}
.navigation ul {
    height:auto;
    margin:0;
    padding:0;
    opacity:0.01;
}
.navigation ul li {
    position:relative;
    float:left;
    margin:0;
    padding:0;
    list-style:none;
}
.navigation ul li a {
    float:left;
    padding-top:20px;
    padding-bottom:20px;
    color:#fff;
}
.navigation ul li ul {
    position:absolute;
    left:0;
    top:100%;
    background: -moz-linear-gradient(top,  rgba(76,198,244,0.8) 0%, rgba(76,198,244,1) 66%, rgba(76,198,244,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,198,244,0.8)), color-stop(66%,rgba(76,198,244,1)), color-stop(100%,rgba(76,198,244,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(76,198,244,0.8) 0%,rgba(76,198,244,1) 66%,rgba(76,198,244,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(76,198,244,0.8) 0%,rgba(76,198,244,1) 66%,rgba(76,198,244,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(76,198,244,0.8) 0%,rgba(76,198,244,1) 66%,rgba(76,198,244,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(76,198,244,0.8) 0%,rgba(76,198,244,1) 66%,rgba(76,198,244,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc4cc6f4', endColorstr='#4cc6f4',GradientType=0 ); /* IE6-9 */
    width:100%;
    min-width:350px;
    margin:0;
    padding:0 0 20px;
    display:none;
    opacity:1;
}
.navigation ul li:last-child ul {
    left:auto;
    right:0;
}    
.navigation ul li:hover ul {
    display:inline-block;
}
.navigation ul li ul li {
    position:relative;
    clear:both;
    width:100%;
}
.navigation ul li ul li a {
    padding:10px 40px;
    width:100%;
}
.navigation ul li ul li ul {
    position:absolute;
    left:100%;
    top:0;
    display:none;
}
.navigation ul li:hover ul li ul {
    display:none;
}
.navigation ul li ul li:hover ul {
    display:inline-block;
}
.navigation ul li:nth-last-child(1) ul li ul, .navigation ul li:nth-last-child(2) ul li ul {
    left:auto;
    right:100%;
}

.navigation .current-menu-item a, .navigation .current_page_ancestor a { 
    background:none;
}

.navigation .current-menu-item > a, .navigation .current_page_ancestor > a { 
    background:rgba(255,255,255,0.4);
}


/*----------banner----------*/
.banner {
    
}
.banner .banner-aspect {
    padding-bottom:56.25%;
}
.banner .swiper-slide {
    width:100%;
    max-height:600px;
    float:left;
    background-size:cover;
    background-position:center;
}
.banner .caption {
    top: 50%;
    min-width: 360px;
    max-width: 50%;
    height: auto;
    float: left;
}
.banner .caption * {
    position:relative!important;
    margin:0;
}
@media (max-width: 770px) {
    .banner .caption {
        top:auto;
        bottom:0;
        width:100%;
        max-width:100%;
    }
    
    .banner .swiper-slide {
        max-height: auto;
    }
    
    .banner .banner-aspect {
        padding-bottom:100%;
    }
}

/*----------breadcrumb----------*/
.breadcrumb {
    position:relative;
    left:0;
    float:left;
    width:100%;
    font-family: 'roadwayregular';
    font-size:120%;
    text-transform:uppercase;
    z-index:1000;
}
.breadcrumb .breadcrumb_link {
    display:none;
}
.breadcrumb a {
    text-decoration:none;
}
.breadcrumb ul {
    position:relative;
    float:left;
    width:100%;
    margin:0;
    padding:0;
}
.breadcrumb li {
    position:relative;
    float:left;
    list-style:none;
    margin:0;
    padding:10px 2.5%;
    color:#fff;
    z-index:10;
}
.breadcrumb li:nth-child(2) { z-index:9; }
.breadcrumb li:nth-child(3) { z-index:8; }
.breadcrumb li:nth-child(4) { z-index:7; }
.breadcrumb li:nth-child(5) { z-index:6; }
.breadcrumb li:nth-child(6) { z-index:5; }
.breadcrumb li:nth-child(7) { z-index:4; }
.breadcrumb li:nth-child(8) { z-index:3; }
.breadcrumb li:nth-child(9) { z-index:2; }
.breadcrumb li:nth-child(10) { z-index:1; }
.breadcrumb li.dash {
    padding:10px 5px;
    background:none!important;
}
.breadcrumb li a {
    position:relative;
    float:left;
    color:#fff;
}
.breadcrumb li:hover {
    color:#fff;
    background-color:rgba(33,29,112,0.8);
}
.breadcrumb li ul {
    position:absolute;
    background-color:rgb(33,29,112);
    background-color:rgba(33,29,112,0.8);
    display:none;
    top:100%;
    left:0;
    min-width:200px;
    margin:0;
    padding:20px;
}
.breadcrumb li:hover ul {
    display:block;
}
.breadcrumb li li {
    background:none!important;
    width:100%;
    padding:0;
}
.breadcrumb li:hover ul li a, .breadcrumb li ul li a {
    background:none;
    padding:0;
    font-size:70%;
}

/*----------maps----------*/
.mapp-layout {
    width: 640px;
    max-width: 100%;
    margin: 0;
    border: 0!important;
    padding: 20px 0;
}
/*----------icons----------*/
.cat-icons {
    left:-120px;
}
.cat-icon {
    width:100px;
    height:100px;
    border:5px solid #fff;
    box-sizing:border-box;
    text-align:center;
    font-size:50px;
}

/*----------content area----------*/
.entry-title {
    color:#fff;
}

/*----------sidebar----------*/
.kebo_twitter_feed_widget {
    background-color:rgb(76,198,244);
    width:100%;
    float:left;
    color:#fff;
    padding:0 20px;
}
.sidebar .widget-title a {
    color:rgb(76,198,244);
}
.sidebar input, .sidebar input:focus {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    font-weight: bold;
    background: rgb(76,198,244);
    font-size: 20px;
    color: #fff;
    border: none;
    border-radius: 0;
}
.sidebar input::-webkit-input-placeholder { color: #fff; }
.sidebar input:-moz-placeholder { color: #fff; }
.sidebar input::-moz-placeholder { color: #fff; }
.sidebar input:-ms-input-placeholder { color: #fff; }

.entry-content .fa {
    position: relative;
    top: -3px;
}

.tribe-events-list-widget ol {
    margin:0;
    padding:0;
}
.tribe-events-list-widget ol * {
    font-family:Arial;
}
.tribe-events-list-widget ol .entry-title {
    text-transform:capitalize;
    font-weight:bold;
}
.tribe-events-list-widget h4 {
    margin:0;
}

/*----------calendar----------*/
#tribe-events * {
    font-family:arial;
}
#tribe-events .tribe-events-button, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type=submit], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]>a , #tribe-events-content .tribe-events-calendar td.tribe-events-present.mobile-active:hover, .tribe-events-calendar td.tribe-events-present.mobile-active, .tribe-events-calendar td.tribe-events-present.mobile-active div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-present.mobile-active div[id*=tribe-events-daynum-] a, #tribe-bar-form .tribe-bar-submit input[type=submit] {
    background-color:rgb(76,198,244);
}
#tribe-events-content .tribe-events-calendar .mobile-active:hover, #tribe-events-content .tribe-events-calendar td.tribe-events-othermonth.mobile-active, #tribe-events-content .tribe-events-calendar td.tribe-events-othermonth.mobile-active div[id*=tribe-events-daynum-], #tribe-events-content .tribe-events-calendar td.tribe-events-othermonth.mobile-active div[id*=tribe-events-daynum-] a, .tribe-events-calendar .mobile-active div[id*=tribe-events-daynum-], .tribe-events-calendar .mobile-active div[id*=tribe-events-daynum-] a, .tribe-events-calendar td.mobile-active {
    background-color:rgb(33,29,112);
}
.tribe-events-notices {
    background-color:rgb(76,198,244);
    color:#fff;
}
.events-archive .entry-content, .events-archive .entry-header {
    width:100%;
}
#tribe-events .date-start {
    font-family:arial;
}

/*--------menu nav notification---------*/
.notification-badge {
   position: absolute;
   left:50%;
   top:10px;
   padding: 15px;
   height:0px;
   width:10px;
   border-radius:50%;
   transform: translateX(-15px);
   background:rgb(255,0,0);
   background:rgba(255,0,0,0.7);
   color:white;
   text-align:center;
   text-decoration: none;
   float:left;
}
.notification-badge-number {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -13px);
    width:100%;
    text-align:center;
    font-size:16px;
    font-weight:bold;
}


/*Filters*/

.white-out {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_left select, .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_right select, .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield input[type=radio], .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {
    width:100%;
}

#efblcf {
    border-bottom: 5px solid rgb(76,198,244);
}
.efbl_link_text {
    width:100%!important;
}
.efbl_shared_story {
    display:none;
}