/*
Theme Name: Otahuhu College
Theme URI: http://understrap.com
Author: Holger Koenemann
Author URI: http://www.holgerkoenemann.de
Description: Combination of Automattic´s _s theme and Bootstrap 4. Made as a solid starting point for your next theme project and WordPress website. Use it as starter theme or as a parent theme. It is up to you. Including Font Awesome support, built-in widget slider and much more you need for basic websites. IMPORTANT: All developer dependencies are not bundled with this install file. Just download the .zip, extract it and run "npm install" and "gulp copy-assets" inside the extracted /understrap folder. 
That downloads everything and moves it in place so that you can recompile your CSS and JS files;
A developer version (with Gulp/node and Sass sources) is available on gitHub: https://github.com/holger1411/understrap
A child theme is available on Github, too: https://github.com/holger1411/understrap-child;
Version: 0.5.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: understrap
Tags: one-column, custom-menu, featured-images, theme-options, translation-ready

This theme, like WordPress, is licensed under the GPL.
UnderStrap is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.

Resource Licenses:
Font Awesome: http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
Bootstrap: http://getbootstrap.com | https://github.com/twbs/bootstrap/blob/master/LICENSE (Code licensed under MIT, documentation under CC BY 3.0.)
Owl Carousel 2: http://www.owlcarousel.owlgraphic.com/ | https://github.com/smashingboxes/OwlCarousel2/blob/develop/LICENSE (Code licensed under MIT)
and of course
jQuery: https://jquery.org | (Code licensed under MIT)
WP Bootstrap Navwalker by Edward McIntyre: https://github.com/twittem/wp-bootstrap-navwalker | GNU GPL
*/

/*
This file is just used to identify the theme in WordPress.
The compiled CSS output can be found in /css/theme.css
The SASS sources for it can be found in /sass/
The dependencies can be found in /src/ after running "gulp copy-assets" terminal command

...and now go out and play!
*/
body {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
.otahu-header-top{
	min-height: 124px;
	background-image: url(img/header@3x-compressor.png);
}
.header-logo img{
padding-top: .5rem;
width: 100%;
height: auto;
object-fit: contain;
}
#menu-frontpageviewallnews, #menu-latest-news, #menu-latest-news-2{
	padding-left:0;
}
#menu-frontpageupcomingevents, #menu-upcoming-events{
	padding-left:0;
}
.header-frontpage-mid-title h3{
font-family: Georgia;
font-size: 32px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.09;
letter-spacing: normal;
color: #3f3e3e;
}
h3.widget-title, h1.entry-title{
font-family: Georgia;
font-size: 32px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.09;
letter-spacing: normal;
color: #3f3e3e;
}
#main-menu-top-menu li a{
font-size: 12px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1.6px;
  color: #ffffff;
}
#menu-frontpageviewallnews, #menu-latest-news li a{
font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.5;
  letter-spacing: normal;
  color: #005893;
}
#menu-frontpageupcomingevents, #menu-upcoming-events li a{
font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.5;
  letter-spacing: normal;
  color: #d8ab1c;
}
#navbarNavDropdownMainMenu ul li a{
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #005893;
  padding-right: 45px;
}
.frontpage-loop-news-header a, a:hover{
	color: #3f3e3e;
}
.frontpage-loop-news-header{
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.57;
  letter-spacing: normal;
  color: #3f3e3e;
  text-transform: uppercase;
}
.entry-footer{
font-size:12px;
font-style: normal;
  font-stretch: normal;
  line-height: 1.57;
  letter-spacing: normal;
}
.frontpage-loop-news-excerpt{
font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.83;
  letter-spacing: normal;
  color: #3f3e3e;
}
.understrap-read-more-link{
font-size: 12px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.92;
  letter-spacing: normal;
  color: #005893;
}
.understrap-read-more-link:hover{
  color: #005893;
}
.otahuhu-footer{
	min-height:558px;
	background-color: #3f3e3e !important;
}
.otahuhu-footer ul.menu{
padding:0;
}
.otahuhu-footer ul.menu li{
display:block;
float:none;
}
.otahuhu-footer ul.menu li a{
font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #ffffff;
}
.otahuhu-footer h3.widget-title{
font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #af934d;
}
.otahuhu-footer-mid{
	background-image:url(img/footer-bg@3x-compressor.png);
	min-height: 634px;
	background-size:108% 100%;
}
.map-container h3{
font-family: Georgia;
  font-size: 32px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.09;
  letter-spacing: normal;
  color: #ffffff;
}
.map-container a{
font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.5;
  letter-spacing: normal;
  color: #d8ab1c;
}
.map-container a:hover{
  color: #d8ab1c;
}
.map-container p{
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.83;
  letter-spacing: normal;
  color: #ffffff;
}
.map-container img.contact-map{
    margin-right: 32px;
}
.right-side-content h3{
font-family: Georgia;
  font-size: 32px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.09;
  letter-spacing: normal;
  color: #ffffff;
}
.right-side-content a{
font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.5;
  letter-spacing: normal;
  color: #d8ab1c;
}
.right-side-content a:hover{
  color: #d8ab1c;
}
#front-page-slider{
	min-height:600px;
	/*background:grey;*/
}
/**
 * Kamar
 * */
#menu-item-110 a{
    height: 15px;
    width: 77px;
    background-image:url(img/icon-kamar@3x.png);
    background-repeat: no-repeat;
    background-size: 77px 15px;
    display: inline-block;
    text-indent: -9999px;
}
#menu-item-110{
padding-right: 10px;
margin-top: 7px;
}
/**
 * Office 360
 * */
#menu-item-111 a{
    height: 21px;
    width: 93px;
    background-image:url(img/icon-office-365@3x.png);
    background-repeat: no-repeat;
    background-size: 93px 21px;
    display: inline-block;
    text-indent: -9999px;
}
#menu-item-111{
padding-right: 10px;
margin-top: 4px;
}
/**
 * Twitter
 * */
#menu-item-112 a{
    height: 30px;
    width: 30px;
    background-image:url(img/icon-twitter@3x.png);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    display: inline-block;
    text-indent: -9999px;
    margin-left:10px;
}
#menu-item-112{
padding-right: 10px;
}
/**
 * FB
 * */
#menu-item-113 a{
    height: 30px;
    width: 30px;
    background-image:url(img/icon-fb@3x.png);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    display: inline-block;
    text-indent: -9999px;
    margin-left:10px;
}
#menu-item-113{
padding-right: 10px;
}
/**
 * Search
 * */
#menu-item-114 a{
height: 30px;
width: 30px;
background-image:url(img/icon-search@3x.png);
background-repeat: no-repeat;
background-size: 30px 30px;
display: inline-block;
text-indent: -9999px;
margin-left:10px;
}
#menu-item-114{
padding-right: 10px;
}
.welcome-to-title{
font-family: Georgia;
font-size: 48px !important;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: normal;
color: #ffffff;
}
.welcome-content-mid{
font-family: Georgia;
font-size: 20px !important;
font-weight: normal;
font-style: italic;
font-stretch: normal;
line-height: 1.3;
letter-spacing: normal;
color: #d8ab1c !important;
}
.welcome-to-title, .welcome-content-mid span{
display:block;
}
.welcome-p{
padding:0;
margin:0 !important;
margin-left: 100px !important;
}
.welcome-to-title-separator{
margin-bottom:20px;
}
/*make the menu sub-menu items drop down on mouse hover */
#main-menu li.dropdown ul.dropdown-menu{
	background-color: #efefef;
	font-size: 12px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 3.83;
  letter-spacing: normal;
  padding:0;
  border-radius:0;
}
#main-menu li.dropdown:hover > ul.dropdown-menu{
    display: block;
    margin: 0;
}
#main-menu li a:hover{
    background-color: #d8ab1c;
}
#main-menu li.dropdown-submenu > ul.dropdown-menu{
    display: none;

}
#main-menu li.dropdown-submenu:hover > ul.dropdown-menu{
    display: block;
    top: 0;
    left: 100%;
    padding-left: 1px;
    position:absolute;
        background-color: #efefef;
	font-size: 12px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 3.83;
  letter-spacing: normal;
  padding:0;
  margin-left:-1px;
}
#main-menu li.dropdown-submenu > a:after {
    border-color: transparent transparent transparent #333;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
    display: block;
    float: right;
    height: 0;
    margin-right: -10px;
    margin-top: 5px;
    width: 0;
}
.otahu-header-main{
min-height:50px;
}
.otahu-header-main .navbar-toggler {
    border-color: #005893;
    background: #005893;
}
/**
 * event organiser shortcodes
 * */
#shortcode-events-group-by-month .main-title{
  font-family: Georgia;
  font-size: 32px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.09;
  letter-spacing: normal;
  color: #3f3e3e;
}
#shortcode-events-group-by-month .upcoming-events-link{
padding:0;
margin:0;
margin-bottom:40px;
}
#shortcode-events-group-by-month .upcoming-events-link li{
display:inline;

}
#shortcode-events-group-by-month .upcoming-events-link li a{
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.5;
  letter-spacing: normal;
  color: #d8ab1c;

}
#shortcode-events-group-by-month h4{
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.57;
  letter-spacing: normal;
  color: #3f3e3e;
  text-transform: uppercase;
}
#shortcode-events-group-by-month h4 a,a:hover{
color: #3f3e3e;
}
#shortcode-events-group-by-month p{
  /*font-size: 12px;*/
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #3f3e3e;
}
#shortcode-events-group-by-month .view-more afrontpage-loop-news-header{
font-size: 12px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.92;
  letter-spacing: normal;
  color: #d8ab1c;
}
#shortcode-events-group-by-month .list{
	display:inline;
}
#shortcode-events-group-by-month .list li > p{
  /*padding:0;*/
  margin: 5px 0;
}
#shortcode-events-group-by-month .list li a, a:hover{
color: #3f3e3e;
}
.page-title{
	min-height:254px;
	background-color:#005893;
}
.page-title h1.entry-title{
	padding-top:175px;
	font-family: Georgia;
  font-size: 48px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #ffffff;
}
#shortcode-otahu-page-menu > li, #shortcode-otahu-page-menu ul > li{
	list-style:none;
}
#shortcode-otahu-page-menu .shortcode-otahu-page-menu-title{
font-family: Georgia;
font-size: 32px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.09;
letter-spacing: normal;
color: #3f3e3e;
}
#shortcode-otahu-page-menu ul{
margin:0;
padding:0;
}
#shortcode-otahu-page-menu ul li a{
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 2.5;
letter-spacing: normal;
color: #d8ab1c;
}
.entry-content a{
color:#005893;
}
.entry-content h2{
color:#d8ab1c;
font-size: 22px;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
}
.entry-content{
margin-top:10px;
/*font-family:Georgia;*/
font-weight:normal;
font-style:normal;
}
.entry-content ul{
	font-weight:normal;
}
.entry-content p{
font-family: Georgia;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.78;
  letter-spacing: normal;
  color: #3f3e3e;
}

/*-- additions --*/
#main-menu-top-menu {
    position: absolute;
    top: 50%;
    /*right: 20%;*/
}
#navbarNavDropdownMainMenu ul li a:hover {
	background: none;
	color: #d8ab1c;
}
#navbarNavDropdownMainMenu ul li ul li a {
	font-size: 14px;
	min-width: 220px;
	background-color: #eeeeee;
	border-color: #eeeeee;
	padding: 17px 10px;
}
#navbarNavDropdownMainMenu ul li ul li a:hover {
	background-color: #d8ab1c;
	color: #ffffff;
}
.breadcrumb{
background-color: #ffffff;
padding:0;
font-size: 12px;
text-transform:uppercase;
}
.breadcrumb a.current-menu-ancestor{
	color:#d8ab1c;
}
.breadcrumb a.current-menu-parent{
color:#d8ab1c;
}
.breadcrumb a.current-menu-item{
color:#000;
}
.colour-brand{
background-color: #d8ab1c;
}
.colour-brand .left-colour{
background-color: #005893;
height:10px;
}
.colour-brand .right-colour{
background-color: #d8ab1c;
height:10px;
}
#page{}
/*#responsive-nav
.container { max-width: 100%; margin: 0px auto; overflow: hidden; width: 100%; }
*/


@media all and (max-width:48.000em){
	.menu_container, 
	.anchor-link { display: none; }
	.menu_container { width: 100%; border-bottom: 1px solid #000; }
	.anchor-link { padding: 1em; background-color: #48c9b0; color: #fff;}
	.anchor-link:hover { background-color: #ccc; color: #fff; }

	.nav { width:100%; border-bottom: 1px solid #000; }
	.nav ul { list-style: none; padding: 0px; margin: 0px; font-weight: bold; text-align: center; }
	.nav ul li { display: inline-block; text-align: left; }
	.nav ul li a { display: block; padding: 10px 12px; text-decoration: none; color: #444; }
	.nav ul li a:hover { background-color: #ccc; }

	.main_content, 
	.nav { transition: .2s margin ease; display: block; position: relative; }
	.main_content {  position: relative; max-width: 70em; width: 100%; background-color: #f4f4f4; margin: 0 auto; }
	body.active .main_content:before { content: ""; position: absolute; z-index: -1; top: 0; left: -100%; width: 100%; height: 100%;	background-color: #4e4e4e; }
  .menu_container, .anchor-link { display: block; }
  
  .nav { float: left; margin-left: -100%; width: 300px; z-index: 2; }
  /*.main_content { float: left; margin-left: 0; width: 100%; }*/

  body.active .nav { margin-left: 0; }
  body.active .main_content { margin-right: -100%; }

  .nav { padding: 0.6em 0; border: none; padding: 0; }
  .nav ul { text-align: left; font-weight: normal; }
  .nav ul li { display: block; float:none;}
  .nav ul li a { border-bottom: 1px solid #3E3E3E; border-top: 1px solid #717171; color: #ffffff; padding: 12px; }
  .nav ul li a:hover { background-color:#5C5C5C; }
}
.wp-date{
text-transform:uppercase;
}
#search-container{
position: absolute;
    top: 50%;
    right: 1px;
    width: 20%;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}
#search-container .search-text{
width:50%
}
.wrapper{
background-color: #fff;
}
#pl-4 .so-panel{
margin-bottom:0 !important;
}
#homepage-post-loop{
margin-top:30px;
}
@media (min-width: 992px){
.navbar{padding:0;}
}