/*
 Theme Name:   Blok
 Description:  Child theme for the Scaffolded WordPress theme
 Author:       Jason King
 Author URI: http://www.kingjason.co.uk/
 Template:     scaffold
 Version:      0.1
*/

@import url("../scaffold/style.css");

/* Backgrounds
---------------------------- */

body {
	background: none !important;
	background: #D1EEFB url(../blok/bg-blue.jpg) center 1% no-repeat !important;
	background-size: cover !important;
	}
	
.navbar, footer {
	background-color: none !important;
	background: url(../blok/bg-orange.png) 50% 100% no-repeat !important;
	background-size: cover !important;
	}
	
footer p {
	font-weight: bold;
	}
	
footer {
	padding-bottom: 20px;
	}
	
img {
	max-width: 95%;
	}


/* Typography
---------------------------- */

h1 {
	padding-top: 6rem !important;
	color: #fff !important;
	text-shadow: #000 1px 1px 1px !important;
	}

.home h2 {
	margin-top: 3rem;
	}

.page-header {
	border-bottom: none !important;	
	}

body h1 img {
	max-width: 100%;
	margin-top: 3rem;
	}
	
/* Navigation
---------------------------- */	

.navbar li:hover {
	opacity: .5;
	}

li.menu-item {
	text-indent: -7000px;
	}

.navbar-header a {
	background: url(../blok/girls-can-do-anything-logo.png) no-repeat;
	width: 320px;
	height: 126px;
	text-indent: -7000px;
	}

.navbar-header {
	padding-left: 2rem;
	}

.navbar-nav > li > a {
	width: 130px;
	padding-top: 3rem;
	padding-bottom: 3rem;
	}
	
li.menu-item-77 {
	background: url(../blok/home.png) no-repeat;
	margin-top: 30px;
	}
	
li.menu-item-110 {
	background: url(../blok/about.png) no-repeat;
	margin-top: 30px;
	}

li.menu-item-29 {
	background: url(../blok/non-traditional-occupations.png) no-repeat;
	}

li.menu-item-29 a {
	width: 190px;
	}
	
li.menu-item-78 {
	background: url(../blok/role-models.png) no-repeat;
	margin-top: 10px;
	}
	
li.menu-item-28 {
	background: url(../blok/pathways.png) no-repeat;
	margin-top: 15px;
	width: 110px;
	}

li.menu-item-270 {
	background: url(../blok/exploring-careers.png) no-repeat;
	margin-top: 10px;
	width: 140px;
	}

/* Adjust
----------------------------------- */

.move-down {
	margin-top: 12rem;
	}

	
/* Colours
----------------------------------- */


/* --- White --- */

footer h2,
button.navbar-toggle,
footer a,
.navbar a,
footer, footer a,
blockquote:before {
	color: #fff;
	}

body,
.nav-tabs li.active a {
	background-color: #fff;
	}

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

/* --- Black --- */

.jumbotron {
	background-color: rgba(0,0,0,.04) !important;
	}
	
/* --- Very light grey --- */

blockquote, 
ul.post-meta li {
	background-color: #f5f5f5;
	}

	
.bg-primary {
	background-color: none !important;	
	}
	
.bg-info {
	background-color: none !important; /* --- Medium grey --- */
	}
	
	
/* Boxes
--------------------- */

.box {
	min-height: 450px;
	}
	
@media (max-width: 992px) {

	
	}

@media (max-width: 768px) {

.navbar-nav {
	float: none !important;
	}

.box {
	min-height: inherit;
	}

li.menu-item {
	text-indent: inherit;
	background: none;
	padding: inherit;
	margin-top: 5px;
	width: 100%;
	}
	
.navbar li a {
	padding-top: inherit !important;
	padding-bottom: inherit !important;
	padding-bottom: 5px !important;
	font-size: 2rem !important;
	}
	
.navbar {
	background:url(../blok/bg-orange.png) 50% 0 no-repeat !important;
	}
	
footer {
	background: #FF8410 !important;
	}

.navbar-header a {
	background: url(../blok/girls-can-do-anything-logo-small.png) no-repeat;
	width: 200px;
	}

	}
	
	
	
@media (max-width: 480px) {



	}