/*
Theme Name: Tokotokorangi
Theme URI: http://dubzz.co.nz
Author: Dubzz Digital Marketing
Author URI: Dubzz.co.nz
Description: Custom theme build for Te Whanau Tokotokorangi Trust
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: mobile-first, basic, grid, bootstrap
Text Domain: dubzz.co.nz

Light Blue: #007FC3;
Dark Blue: #003957;
Grey: #7A8991;
Orange: #FFA500;


*/

@import url(https://fonts.googleapis.com/css?family=Ovo);
@import url(https://fonts.googleapis.com/css?family=Open+Sans&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Noticia+Text:400,700&subset=latin,latin-ext);



/***************** 
For WP Admin Bar 
******************/

.admin-bar .navbar-fixed-top {
	margin-top:30px;
}

/***************** 
HEADER
******************/
.header {
background-color: #007FC3;
background-image: url(images/cloud-3.png);
border-bottom: solid 20px orange;
box-shadow: 1px 1px 35px #808080;
background-repeat: repeat-x;
background-position: 0px 30px;
}

.navbar-brand img {
	width: 80%
}

.navbar-brand {
	margin-top: -48px;
}
.title, .tagline {
	text-align: right;
	text-shadow: 1px 0px 13px #fff;
}

.title {
	margin-top: 70px;
	font-size: 3.3em;
}
.tagline {
	font-size: 18px;
}

/***************** 
MENU
******************/

@media (min-width:768px) {
	.sub-menu {
		display: none;
		position: absolute;
		background: #222;
		padding: 10px 15px;
		width: 200px;		
	}

	li:hover .sub-menu {
		display: block;
	}

}

#menu-main_menu {
	float: right;
	background: white;
	border-radius: 5px 5px 0 0;
	box-shadow: 0px -2px 5px #003957;
}

#navbar {
	float: right
}
.navbar-nav > li > a {
    z-index: 50;
}

.navbar {
    border: none;
    margin-bottom: 0;
}

.navbar-inverse {
	background-color: #003957;
	border-radius: none;
	border-radius: 0 0 5px 5px;
	background: #003957; /* Old browsers */
	background: -webkit-linear-gradient(#003957 0%, #007fc3 100%);
	background: -o-linear-gradient(#003957 0%, #007fc3 100%);
	background: linear-gradient(#003957 0%, #007fc3 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003957', endColorstr='#007fc3',GradientType=0 ); /* IE6-9 */
	box-shadow: -1px -1px 10px #333;
}	

.nav > li > a:focus, .nav > li > a:hover {
    border-radius: 5px 5px 0 0;
}

.navbar-inverse .navbar-nav > li > a {
    color: #EEE;
}

#menu-item-200 a::before {
	content: url(images/Home1.png);
	float: left;
}

.navbar-2 button span {
	background: #fff;
}

.navbar-2 button {
	border-color: #fff;
}

/***************** 
MAIN CONTENT 
******************/

body {
	background: url(images/pattern.jpg);
}

h1, h2, h3, h4 {
	font-family: 'Ovo', serif;
	font-weight: bold;
}

h2 .char {
	font-family: 'Noticia Text', serif;
	font-size: 27px !important;
}


body, p, li, a {
	font-family: 'Open Sans', sans-serif;
}

.content {
	padding: 5% 7%;
	background: rgba(250, 250, 250, .4 )
}

.content img {
	margin: 3% auto;
	border-radius: 3px;
	box-shadow:  1px 1px 5px #7A8991;
}


img.alignright {
	float: right;
	margin: 3%;
}

img.alignleft {
	float: left;
	margin: 3%;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/***************** 
HOME
******************/

@media (min-width: 992px) {
	.call-to-action .col-md-4 .widget {
    	min-height: 315px;
	}
}

.metaslider-168 {
	border: solid 3px #7A8991;
	border-radius: 5px;
	box-shadow: 1px 1px 10px #7A8991;
}

.content .widget {
	border: solid 2px GRAY;
	border-radius: 1px;
	padding: 5%;
	background: rgba(255, 165, 0, 0.4) none repeat scroll 0% 0%;
}

.content .widget:before {
	content: url(images/koru.png);
	position: relative;
	top: -30px;
	left: 45%;
}

.content .widget h3 {
	text-align: center;
}

/***************** 
FOOTER 
******************/

.foot {
	background: #7A8991;
	border-top: solid 20px #003957;
	box-shadow: 1px 1px 20px #aaa;
	background-image: url("images/weave_cropped.png");
}

footer {
	width: 80%;
	margin: auto;
	padding: 2% 3%;
}

.copyright {
    margin-top: 20px;
    font-size: 18px;
}

footer .row{
	background: rgba(255,255,255, .2);
	padding: 2%;
	border-radius: 5px
} 

/***************** 
MEDIA QUERIES
******************/

@media screen and (max-width: 1070px) {
.navbar-brand {
    margin-top: 40px;
	}
}

@media screen and (max-width: 837px) {
	.navbar-brand img {
    width: 100%;
    min-width: 100px;
    margin-left: -20px;
	}
	.navbar-2 button {
    border-color: #003A58;
	}
	.navbar-2 button span {
	background-color: #003A58;
	}
}

@media screen and (max-width: 641px) {
	.title {
    margin-top: 20px;
    font-size: 2.0em;
    margin-left: -10px;
	}
	.tagline {
    font-size: 1em;
	}
	.navbar-2 {
	background: rgba(255,255,255,.7);
	border-radius: 5px 5px 0px 0px;
	width: 25%;
	float: right;
	}
}