/*   
Theme Name: Takapuna Normal Intermediate School 2018 Theme
Theme URI: https://www.twosparrows.co.nz
Description: A custom theme, designed and developed by Two Sparrows.
Author: Two Sparrows
Author URI: https://www.twosparrows.co.nz
Version: 1.0
*/

/*
COLOURS


ORDER OF CSS

1. General
2. Elements
3. Anchors, Inputs, Buttons, Checkboxes etc
4. Sections
5. Navs
6. Individual Pages (see headings within this section)
7. Miscellaneous and General Classes
8. Bootstrap overrides (general)
9. Bootstrap overrides (by screen size)
10. Retina images

*/

/* 1. General */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
	color: #16406c;
	margin: 0;
	padding: 0;
}

/* -- Colours   */
/*    -- Background Colours    */
.bg-grad {
	background: linear-gradient(45deg, #16406c, #008ba1);
}

.bg-teal {
	background-color: #008ba1;
}

.bg-navy {
	background-color: #16406c;
}

.bg-green {
	background-color: #8ed17f;
}

.bg-light {
	background-color: #f4f3f9;
}

.bg-white {
	background-color: rgba(255,255,255,1);
}

/*    -- Text Colours    */
.colour-teal {
	color: #008ba1 !important;
}

.colour-navy {
	color: #16406c !important;
}

.colour-green {
	color: #8ed17f !important;
}

.colour-light {
	color: #f4f3f9 !important;
}

.colour-white {
	color: rgba(255,255,255,1) !important;
}

.colour-default {
	color: #16406c !important;
}

.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

.text-center {
	text-align: center !important;
}

.abs-align-bottom {
	position: absolute;
	bottom: 0;
}

.abs-align-right {
	position: absolute;
	right: 0;
}

.wp-caption {
	width: 100% !important;
	height: auto;
}

.wp-caption-text {
	text-align: left;
	color: rgba(0,0,0,0.6);
	font-size: 13px;
	padding: 0.5em 1em;
}

/* 2. Elements */

p, li, td {
	font-size: 18px;
	line-height: 1.2;
	padding: 0;
	margin: 6px 0;
}

p {
	line-height: 1.5;
	margin-bottom: 1em;
}

h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 6px 0;
}

h1 {
	font-family: 'PT Serif', serif;
	font-size: 38px;
	font-weight: bold;
	color: #008ba1;
}

h2 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 30px;
	font-weight: bold;
}

h4 {
	border-top: 1px solid #008ba1;
	color: #008ba1;
	padding-top: 0.5em;
	margin: 1em 0 0;
	font-size: 24px;
}

ol, ul {
	margin: 10px 0;
}

li {
	margin-left: 20px;
}

img {
	border: none;
}


a {
	border: none;
	color: #008ba1;
}


/* Image Classes for WP */

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

img.alignleft {
    float: left;
    margin: 0 20px 20px 0;
}

img.alignright {
	float: right;
	margin: 0 0 20px 20px;
}


/* 3. Anchors, Inputs, Buttons, Checkboxes etc */

a:link {
	color: #008ba1;
	text-decoration: none;
	transition: 0.3s ease all;
}

a:visited {
	color: #008ba1;
	text-decoration: none;
	transition: 0.3s ease all;
}

a:hover {
	color: #008ba1;
	text-decoration: underline;
	transition: 0.3s ease all;
}

a:active {
	color: #008ba1;
	text-decoration: underline;
	transition: 0.3s ease all;
}

a.button {
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding: 5px 32px;
	text-align: center;
	color: #504b72;
	border: 1px #504b72 solid;
	text-decoration: none;
}

a.button:hover {
	text-decoration: none;
	background: rgba(255,255,255,0.1);
}

.btn,
a.btn {
	background-color: #8ed17f;
	border-color: #8ed17f;
	border-radius: 15px;
	color: #16406c;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 5px;
}

.btn.btn-primary,
a.btn.btn-primary {
	color: #fff;
}

.btn.btn-secondary,
a.btn.btn-secondary {
	background-color: #008ba1;
	border-color: #008ba1;
	color: #fff;
}

.btn.btn-secondary:hover,
a.btn.btn-secondary:hover {
	color: #ddd;
}

.btn.btn-search {
	background-color: #fff;
	border-color: #fff;
	border-radius: 15px 0 0 15px;
	padding: 3px 8px;
	font-size: 20px;
	border: 1px solid #ddd;
	border-right: 0;
	margin: 0;
}

.searchform #s {
	bakground-color: #fff;
	border-color: #fff;
	border-radius: 0 15px 15px 0;
	outline: none;
	font-family: 'Lato', sans-serif;
	font-weight: normal;
	font-size: 13px;
	text-transform: uppercase;
	color: #16406c;
	padding: 8px 12px 8px 6px;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	height: auto;
	border: 1px solid #ddd;
	border-left: 0;
}

.searchform #s::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #16406c;
}
.searchform #s::-moz-placeholder { /* Firefox 19+ */
  color: #16406c;
}
.searchform #s:-ms-input-placeholder { /* IE 10+ */
  color: #16406c;
}
.searchform #s:-moz-placeholder { /* Firefox 18- */
  color: #16406c;
}

.form-control {
	border: 1px solid #008ba1;
	border-radius: 15px;
	padding: 22px;
	font-size: 15px;
	color: #16406c;
}

.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #16406c;
}
.form-control::-moz-placeholder { /* Firefox 19+ */
  color: #16406c;
}
.form-control:-ms-input-placeholder { /* IE 10+ */
  color: #16406c;
}
.form-control:-moz-placeholder { /* Firefox 18- */
  color: #16406c;
}

.form-control:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ddd;
}
.form-control:focus::-moz-placeholder { /* Firefox 19+ */
  color: #ddd;
}


/* 4. Sections */

/* Main elements */

/* Header */
header .header-top {
	background: url('./images/tile-pattern.svg'), linear-gradient(45deg, #16406c, #008ba1);
	background-size: 180px, 100%;
	height: 45px;
}

header .header-ident {
	background: rgba(255,255,255,1);
	padding: 1em 1em 1.5em;
}

header .header-brand a {
	display: inline-block;
}

header .ib-badge {
	margin-top: 30px;
	float: right;
}

header .header-search {
	margin-bottom: 24px;
}

header .header-search .form-group {
	margin-bottom: 0;
}

header .header-widgets {
	margin-top: 60px;
}

header .header-search + .header-widgets {
	margin-top: 0;
}

header .header-search + .header-widgets > #custom_html-2 > div.custom-html-widget{
	padding-right: 5%;	
}

.header-search > form.searchform{
    width: 65%;
    float: right;	
	  padding-right: 16%;	
}

header .header-widgets .widget .btn {
	font-size: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}

header .header-widgets .h-card {
	margin-top: 1em;
}

header .image-slider-overlay {
	position: absolute;
	bottom: 3em;
	width: 100%;
	text-align: center;
}

header .image-slider-overlay h1 {
	font-size: 75px;
	color: #fff;
}

section.header-ident{
    background: url(https://tnis.school.nz/wp-content/uploads/2018/11/IBlogo.png)no-repeat;
	 background-size: 34.5em;
    padding-bottom: 2em;
}

a.logo{
    position: absolute;
     left: 36em;
	  top: 7vh;
}

a.logo img{
    width: 20vw;
    height: auto;
	
}


/* Page / Post */
.content-wrapper {
	padding-top: 70px;
	padding-bottom: 70px;
}

.page-intro {
	margin-top: -42px;
	padding-top: 103px;
	padding-bottom: 61px;
	color: #fff;
	text-align: center;
}

.page-intro h1 {
	color: #fff;
	margin-bottom: 1.2em;
}

.section-divider {
	background: url('./images/tile-pattern.svg'), linear-gradient(45deg, #16406c, #008ba1);
	background-size: 180px, 100%;
	height: 85px;
}

.post {
	margin-bottom: 70px;
}

.page .post {
	margin-top: 70px;
	margin-bottom: 490px;
}

.post + aside{
	margin-top: 70px;
	margin-bottom: 70px;	
    background-color: #f4f3f9;
    /* padding-top: 70px; */
    padding-bottom: 20px;
	 position: sticky;
    top: 11%;	
}

.post > .wp-post-image {
	margin-bottom: 2em;
}

.post > h1 {
	margin-bottom: 1em;
}

.post .entry {
	border-bottom: 1px solid #008ba1;
	padding: 0 0 35px;
	margin-bottom: 1em;
}

.post img {
	max-width: 100%;
	height: auto;
	display: block;
}

.page .post .entry {
	padding: 0 0 55px;
}

aside h5{
    font-family: 'PT Serif', serif;
    font-size: 38px;
    font-weight: bold;
    color: #008ba1;
    margin-bottom: 1em;	
}

/* Post Archives */
.post-archive .post > h1 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 24px;
	margin-bottom: 1em;
}

.post-archive .post h1 > a,
.post-archive .post h1 > a:visited,
.post-archive .post h1 > a:link {
	color: #16406c;
	text-decoration: none;
}

.post-archive .post h1 > a:hover,
.post-archive .post h1 > a:focus,
.post-archive .post h1 > a:active {
	color: #16406c;
	color: #008ba1;
}

/* - Post Archive Title & Description */
.post-archive .archive-title {
}
.post-archive .archive-title h3 {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}
.post-archive .archive-description {
	margin-bottom: 55px;
}

/* - Date flags on Post Archive pages */
.post-archive .post.h-event {
}
.post-archive .post.h-event > h1 {
	text-transform: uppercase;
}
.post-archive .post.h-event > h1 .event-date {
	display: inline-block;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	background-color: #f4f3f9;
	padding: 10px 15px;
	margin-right: 10px;
	vertical-align: bottom;
}
.post-archive .post.h-event > h1 .event-date time {
	display: inline-block;
}
.post-archive .post.h-event > h1 .event-date span.range-sep {
	display: inline-block;
	vertical-align: text-top;
	line-height: 0.6;
	margin: 0 3px;
}
.post-archive .post.h-event > h1 .event-date span.day,
.post-archive .post.h-event > h1 .event-date span.month {
	display: block;
}
.post-archive .post.h-event > h1 .event-date span.month {
	font-size: 13px;
	text-transform: uppercase;
}

/* - Post Archive Post Meta */
.post-archive .post > .postmeta {
	font-size: 15px;
	margin-bottom: 2.5em;
}
.post-archive .post > .postmeta > span {
	margin-right: 15px;
	margin-left: 5px;
}

.post-archive .post > .postmeta > span a {
	color: #16406c;
}






/* Footer */
footer {
	background: url('./images/tile-pattern.svg'), linear-gradient(45deg, #16406c, #008ba1);
	background-size: 180px, 100%;
	background-repeat: repeat-x, no-repeat;
	color: #fff;
	padding-bottom: 100px;
}

footer .row:first-child {
	margin-top: 70px;
}

footer .footer-search {
	padding: 0 ;
	margin-right: 40px;
}

footer .footer-search .form-group {
	margin-bottom: 0;
}

footer .footer-search .searchform .btn-search,
footer .footer-search .searchform #s {
	border-color: #fff;
}

footer .footer-brand {
	display: block;
}

footer .footer-brand,
footer .footer-contact,
footer .social-links {
	margin-bottom: 1em;
}

footer .footer-contact,
footer .footer-contact p,
footer .footer-contact a {
	font-size: 14px;
	color: #fff;
}

footer .social-links {
    display: flex;
    margin-bottom: 0;	
}

footer .social-links > a {
	color: #fff;
	font-size: 2em;
	margin-right: 1em;
}

footer .copyright,
footer .copyright a {
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}

footer .nav-footer {
	margin-top: 40px;
}



/* 5. Navs */

/* Bootstrap Overrides */
nav.navbar {
	background: url('./images/tile-pattern.svg'), linear-gradient(45deg, #144670, #008ba1);
	background-size: 180px, 100%;
	border-radius: 0;
	border: none;
	min-height: 84px;
	margin: 0 15px 0;
	transition: 0.5s ease margin-left, 0.5s ease margin-right, 0.5s ease width;
	z-index: 999;
}

#image-slider {
	margin-top: -4.65em;
}

#image-slider + .sticky-wrapper-nav {
	margin: -2.5em 0 0;
}

nav.navbar.affix,
#image-slider + nav.navbar.affix {
	position: fixed;
	top: 0;
	width: 100%;
	margin: 0;
}

nav.navbar .breadcrumb {
	display: none;
	background: none;
	margin: 14px 0 14px 20px;
}

nav.navbar .breadcrumb > li,
nav.navbar .breadcrumb > li > a {
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	text-transform: uppercase;
}

nav.navbar .breadcrumb > li {
	margin-left: 0;
}

nav.navbar .breadcrumb > li > a {
	color: #fff;
}

nav.navbar .breadcrumb > .active {
	font-weight: bold;
	color: #ddd;
}

nav.navbar .breadcrumb > .active:before {
	font-weight: normal;
	color: #ccc;
}

nav .navbar-nav > li {
	margin: 22px 0 22px 14px;
}

nav.navbar-default .navbar-nav > li > a {
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	border-radius: 15px;
	text-decoration: none;
	text-transform: uppercase;
	padding-top: 10px;
	padding-bottom: 10px;
	z-index: 1001;
}

nav.navbar-default .navbar-nav > li > a:focus {
	color: #fff;
}

nav.navbar-default .navbar-nav > li > a:hover,
nav.navbar-default .navbar-nav > li > a:active,
nav.navbar-default .navbar-nav > .active > a,
nav.navbar-default .navbar-nav > .active > a:focus,
nav.navbar-default .navbar-nav > .active > a:hover,
nav.navbar-default .navbar-nav > .dropdown.open > a,
nav.navbar-default .navbar-nav > .current-menu-parent > a,
nav.navbar-default .navbar-nav > .current-menu-parent > a:focus,
nav.navbar-default .navbar-nav > .current-menu-parent > a:hover {
	background-color: #8ed17f !important;
	border-color: #8ed17f;
	border-radius: 15px;
	color: #fff;
}

nav.navbar-default .navbar-toggle {
	border-color: #ddd;
	border-width: 2px;
	margin-top: 22px;
	margin-bottom: 22px;
	color: #fff;
	float: none;
	border: none;
	text-transform: uppercase;
}

nav.navbar-default .navbar-toggle.collapsed:after {
	content: "+";
	margin-left: 10px;
}

nav.navbar-default .navbar-toggle:after {
	content: "\2212";
	margin-left: 10px;
}

nav.navbar-default .navbar-toggle:focus,
nav.navbar-default .navbar-toggle:hover {
	background-color: transparent;
	color: #fff;
}

nav.navbar-default .navbar-toggle .icon-bar {
	background-color: #ddd;
}

nav.navbar-default .navbar-toggle:focus .icon-bar,
nav.navbar-default .navbar-toggle:hover .icon-bar {
	background-color: #888;
}

/* nav.navbar.affix .navbar-collapse {
	max-height: 80vh;
	max-height: calc( 100vh - 150px );
	overflow: scroll;
} */

nav.navbar-default .navbar-nav > li > .dropdown-menu {
    background-color: rgba(22, 64, 108, 0.95);
    width: 120%;
    min-width: 120%;
    right: auto;
    left: -20%;
    padding: 20px 0 32px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    width: 240px;
}

#menu-main-menu .dropdown-menu li a {
    text-align: ;
    text-align: left !important;
    padding-left: 10px !important;
}
nav.navbar-default .navbar-nav .open .dropdown-menu > li {
	margin: 0;
}

nav.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: 0.3em 0;
}

nav.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
nav.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
nav.navbar-default .navbar-nav .open .dropdown-menu > li > a:active {
	background: none;
	color: #ddd;
}

nav.navbar-default .navbar-nav .dropdown-toggle .caret {
	display: none;
}

.nav-stacked a {
	text-decoration: none;
}

.nav-stacked > li,
.nav-stacked > li + li {
	margin:0 0 1em;
}

.nav-stacked > li > a {
	font-weight: normal;
	text-transform: uppercase;
	padding: 0.3em 0;
}

.nav-stacked .sub-menu {
	margin-top: 0;
	list-style-type: none;
}

.nav-stacked .sub-menu > li {
	margin: 0;
}

.nav-stacked .sub-menu > li {
	padding: 0.3em 0;
}

.nav-footer a {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 13px;
	color: #fff;
}

.nav-footer .nav-stacked a:hover,
.nav-footer .nav-stacked a:focus,
.nav-footer .nav-stacked a:active {
	background: none;
}

.nav-footer .nav-stacked > li > a {
	font-family: 'Lato', sans-serif;
}

#page-subnav {
	margin-top: -42px;
	padding-top: 83px;
	padding-bottom: 41px;
}

#page-subnav .nav-pills {
	margin: 0;
	padding: 0 15px;
}

#page-subnav .nav-pills > li {
	margin-left: 0;
	padding: 0 5px;
}

#page-subnav .nav-pills > li > a {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 0;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #16406c;
	text-decoration: none;
	text-transform: uppercase;
}

#page-subnav .nav-pills > li > a > span {
	font-size: 22px;
	color: #008ba1;
	margin-right: 5px;
}

#page-subnav .nav-pills > li > a:hover,
#page-subnav .nav-pills > li > a:focus,
#page-subnav .nav-pills > li > a:active,
#page-subnav .nav-pills > .current_page_item > a {
	background-color: #8ed17f;
}

#page-subnav .nav-pills > li > a:hover > span,
#page-subnav .nav-pills > li > a:focus > span,
#page-subnav .nav-pills > li > a:active > span,
#page-subnav .nav-pills > .current_page_item > a > span {
	color: #fff;
}

.subnav-divider {
	background: url('./images/tile-pattern.svg');
	background-size: 180px;
	height: 45px;
}

/* Collapsible Menu ( a.k.a Accordions ) */

.panel-group {
	
}

.panel {
	box-shadow: none;
}

.panel-group .panel-default {
	border-radius: 0;
	border: 0;
}

.panel-group .panel-default > .panel-heading {
	color: #16406c;
	background-color: #f4f3f9;
	border-radius: 0;
	border: 0;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border: 0;
}

.panel-title a {
	color: #16406c;
	text-decoration: none;
	font-weight: 700;
	display: block;
}

.panel-title a > span {
	color: #008ba1;
}


/* 6. Individual Pages (see headings within this section) */
.error404 .post .searchform {
	margin-top: 40px;
}

#home-page .school-events {
	margin-top: 70px;
	margin-bottom: 70px;
}

#home-page .important-dates {
	background-color: #f4f3f9;
/*	position: absolute;
	right: 0%;
	margin: -32px 0;
	padding: 102px 48px 30px;
	width: 36.33333333%; */
	 padding: 70px 50px 35px;
    position: sticky;
 	 top:0;
    right: 0;	
}

#home-page .important-dates.slide-in {
	transform: translateX(100%);
  animation: slide-in 0.8s ease forwards;
}

@keyframes slide-in {
  to { transform: translateX(0); }
}

#home-page .school-events > h2{
	margin-bottom: 42px;
}

#home-page .important-dates > h2{
	margin-bottom: 0px;	
    padding-left: 0;	
}

h2.col-xs-12{
    padding-left: 0;
    margin-top: 5%;	
}

#home-page .school-events .h-event,
#home-page .important-dates .h-event {
	margin: 0;
}

#home-page .school-events .h-event {
	padding: 15px 15px;
}

#home-page .important-dates .h-event {
	padding: 5px 15px;
}

#home-page .important-dates .h-event:last-of-type {
	margin-bottom: 25px;
}

#home-page .school-events .h-event a,
#home-page .important-dates .h-event a {
	display: block;
	text-decoration: none;
}

#home-page .school-events .h-event a {
	border: 1px solid #e0dfe4;
	padding: 15px;
	color: #16406c;
}

#home-page .important-dates .h-event a {
	background-color: #fff;
	padding: 5px 15px;
}

#home-page .school-events .h-event a:hover {
	background-color: #8ed17f;
}

#home-page .school-events .h-event .event-date,
#home-page .important-dates .h-event .event-date {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #8ed17f;
}

#home-page .school-events .h-event a:hover .event-date {
	color: #fff;
}

#home-page .important-dates .h-event .event-date,
#home-page .important-dates .h-event .p-name {
	display: inline-block;
	vertical-align: middle;
}

#home-page .important-dates .h-event .event-date {
	margin-right: 15px;
}

#home-page .important-dates .h-event .event-date span {
	display: block;
	text-align: center;
	line-height: 1;
}
#home-page .important-dates .h-event .event-date .month {
	font-size: 13px;
	text-transform: uppercase;
}
#home-page .important-dates .h-event .event-date .day {
	font-size: 25px;
}

#home-page .school-events .h-event .p-name,
#home-page .important-dates .h-event .p-name {
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 18px;
	color: #16406c;
}

#home-page .important-dates .h-event .p-name {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: normal;
	text-transform: none;
	font-size: 20px;
	color: #16406c;
}

#home-page .school-news {
	padding-top: 40px;
	padding-bottom: 40px;
}

#home-page .school-news h2.section-heading {
	padding: 0px;
	vertical-align: middle;
	margin-bottom: 1em;
}

#home-page .school-news .section-heading img {
	display: inline-block;
	margin-right: 2px;
	vertical-align: middle;
}

#home-page .school-news article {
	padding: 0 30px;
	margin-top: 0;
	margin-bottom: 0;
}

#home-page .school-news article .article-image,
#home-page .school-news article .article-date,
#home-page .school-news article .article-excerpt {
	display: block;
	margin-bottom: 1.2em;
}

#home-page .school-news article .article-date {
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	border-bottom: 1px solid #8ed17f;
	padding-bottom: 1.2em;
}

#home-page .school-news article .article-title,
#home-page .school-news article .article-title h2 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 24px;
	font-weight: 600;
	color: #16406c;
	text-decoration: none;
}

#home-page .school-news article .inline-readmore {
	font-weight: 700;
	text-decoration: none;
	color: #16406c;
}

#home-page .school-news article .article-title:hover,
#home-page .school-news article .article-title h2:hover,
#home-page .school-news article .inline-readmore:hover {
	color: #8ed17f;
}

#home-page .no-posts img {
	margin-top: 60px;
}

#home-page .important-dates .no-posts img {
	margin-top: 50px;
	margin-bottom: 30px;
}

.page-template-contact #contact-info {
	margin-bottom: 2em;
}

.page-template-contact #contact-info .contact-address,
.page-template-contact #contact-info .contact-phones,
.page-template-contact #contact-info .contact-hours,
.page-template-contact #contact-info .contact-emails {
	margin-bottom: 1em;
}

.page-template-contact #contact-info .contact-heading {
	margin-bottom: 1em;
}

.page-template-contact .post {
	margin-bottom: 0;
}

.page-template-contact .entry {
	border: none;
}

nav.navbar-default .navbar-nav > li > a:hover {background-color: #8ed17f;}
nav.navbar-default .navbar-nav > li > a {background-color: inherit !important;}
nav.navbar-default .navbar-nav > .dropdown.open > a {background-color: inherit !important;}
nav.navbar-default .navbar-nav > .dropdown.open > a:hover {background-color: #8ed17f !important;}
.subnav-divider {
    display: none;
}

/* 7. Miscellaneous and General Classes */

.clear {
	clear: both;
}

.centre, .center, .aligncenter {
	text-align: center;
}

.tsp {
	color: #f00;
}

#bootstrap-test {
	position: fixed;
	right: 0;
	bottom: 0;
	background: #fff;
	border: 2px #000 solid;
	padding: 0px 10px;
	min-width: 40px;
}

#bootstrap-test p {
	font-weight: bold;
	text-align: center;
	color: #000;
}

.contact-info .section-heading {
	margin-bottom: 1em;
}

.contact-info .svg-inline--fa {
	border: 1px solid #008ba1;
	border-radius: 50%;
	padding: 0.2em;
	width: 1.1em;
	height: 1.1em;
	color: #008ba1;
}

.acf-map {
	width: 100%;
	height: 600px;
	border: none;
	margin: 0;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}


/* 8. Bootstrap overrides (general) */


/* 9. Bootstrap overrides (by screen size) */


/* added Masa */

.footer-site-details{
    margin: 0 auto;
    display: block;
    float: none;	
}

/*  extra size */
@media (max-width: 1400px) {
	section.header-ident{
    padding-bottom: 1em;
   background-size: 45vw;		
	}
	a.logo{
	 left: 45vw;
    top: 2.7%;		
	}
	header .header-search + .header-widgets > #custom_html-2 > div.custom-html-widget {
    padding-right: 0;
	}
	.header-search > form.searchform{
    width: 73%;
    padding-right: 0;
	}
}

/* Large - LG size */
@media (min-width: 1200px) {
	#image-slider .carousel-inner>.item>a>img,
	#image-slider .carousel-inner>.item>img,
	#image-slider .img-responsive, .thumbnail a>img,
	#image-slider .thumbnail>img {
		width: 100%;
	}
	
	
}

@media (max-width: 1199px) {
#home-page .school-news article {
    padding: 0 30px;
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
}
}

/* Medium - MD size */
@media (min-width: 992px) and (max-width: 1199px) {
	section.header-ident{
    background-size: 45%;
    padding-top: 2%;		
	}
	
	a.logo{
	  left: 43vw;
    top: 2.5%;
}	
	header .header-widgets .widget .btn, header .header-widgets .h-card{
		font-size:.7em;
	}
	header .header-search {
    margin-bottom: 1%;
	}
}

/* Small - SM size */
@media (min-width: 768px) and (max-width: 991px) {
	
	header .ib-badge {
		margin: 30px 0 0;
		float: left;
	}
	
	header .carousel-inner>.item {
		overflow: hidden;
	}

	header .carousel-inner>.item>a>img,
	header .carousel-inner>.item>img {
		max-width: none;
		height: 500px;
		margin-left: 50%;
		transform: translateX(-50%);
	}
	
	#home-page .school-news .section-more {
		margin: 0 30px;
	}
	
	section.header-ident{
		background-size: 50%;
    	padding-top: 22%;		
	}
	
	a.logo  {
	 left: 58vw;
    top: 1.5%;
	}
	
	a.logo img {
    width: 33vw;
    height: auto;
	}
	
	header .header-search + .header-widgets{
		text-align:center!important;
	}
	
	.header-search > form.searchform {
    width: 38%;
    float: none;
    margin: 0 auto;
	}
	
}

/* Smallest - XS size */ 
@media (max-width: 767px) { /* see http://getbootstrap.com/css/ > Grid Options */
	
	header .header-ident {
		text-align: center;
	}
	
	header .header-brand {
		display: inline-block;
		margin-bottom: 40px;
		float: none;
	}
	
	header .ib-badge {
		margin: 30px auto 0;
		float: none;
	}
	
	header .header-widgets {
		text-align: center !important;
		margin-top: 0;
	}
	
	header .header-widgets .abs-align-bottom {
		position: relative;
		bottom: none;
	}
	
	header .header-widgets .abs-align-right {
		position: relative;
		right: none;
	}
	
	header .carousel-inner>.item {
		overflow: hidden;
	}
	
	header .carousel-inner>.item>a>img,
	header .carousel-inner>.item>img {
		max-width: none;
		height: 404px;
		margin-left: 50%;
    transform: translateX(-50%);
	}
	
	nav.navbar {
		margin: 0;
	}
	
	nav .navbar-nav > li {
		margin: 22px 14px 22px 14px;
	}
	
	nav .navbar-header {
		text-align: center;
	}
	
	nav.navbar .breadcrumb {
		display: inline-block;
	}
	
	nav.navbar-default .navbar-nav > li > .dropdown-menu {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		right: auto;
		left: auto;
	}

	nav.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #fff;
		padding: 1em 0;
	}
	
	#home-page .important-dates {
		background-color: #f4f3f9;
		position: relative;
		right: 0%;
		margin: -32px 0;
		padding: 70px 15px 30px;
		width: 100%;
	}
	
	#home-page .important-dates.slide-in {
		transform: none;
		animation: none;
	}
	
	#home-page .school-events > h2,
	#home-page .important-dates > h2 {
		margin-bottom: 22px;
	}
	
	#home-page .school-events .section-more,
	#home-page .important-dates .section-more,
	#home-page .school-news .section-more {
		margin-bottom: 22px;
	}
	
	#home-page .school-news .section-more {
		margin: 0 15px 22px;
	}
	
	#home-page .school-news article {
		padding: 0 15px;
	}
	
	footer .footer-search {
		padding: 0 15px ;
		margin-right: 0;
		margin-bottom: 20px;
	}
	
	footer .footer-site-details {
		text-align: center;
	}
	
	footer .footer-brand {
		display: inline-block;
	}
	
	footer .social-links {
		margin-bottom: 20px;
	}
	
	footer .social-links a:last-of-type {
		margin-right: 0;
	}
	
	footer .nav-footer {
		margin-top: 20px;
	}
	
	footer .nav-footer a {
		font-size: 15px;
	}
	
	footer .nav-stacked .sub-menu > li {
		padding: 0.5em 0;
	}
	
	.page .post{
		margin-bottom:0;
	}
	
	section.header-ident{
    background-size: 56%;
    padding-top: 25%;		
	}
	
	a.logo{
    left: 43vw;
    top: 10px;		
	}
	a.logo img {
    width: 60%;
    height: auto;
	}	
	
	.header-search > form.searchform {
    width: 76%;
    padding-right: 23%;
	}
	
	.p-tel{
		display:block;
	}
	
}
.school-events .img-responsive {display: inline-block;}

/* 10. Retina images */


@media 
(-webkit-min-device-pixel-ratio: 1.5), 
(min-resolution: 120dpi) {


}