/*
 Theme Name:   Blok
 Description:  Child theme for the Scaffold 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: url('../blok/images/bg-paper.jpg') repeat !important;
	padding-top: 16rem !important;
	}

footer {
	padding-top: 0 !important;
	}
	
.top {
	padding-top: 3rem;
	padding-bottom: 3rem;
	}

/* Structure
---------------------------- */
	
footer p {
	font-weight: bold;
	}
	
footer {
	padding-bottom: 20px;
	}
	
img {
	max-width: 95%;
	}

/* Navigation
---------------------------- */

.navbar {
	padding: 3rem 0 5rem 0 !important;
	background-color: rgba(0,0,0,0.06);
    background-size: 12px 12px;
    background: transparent url("//www.security4women.org.au/rolemodels/wp-content/themes/blok/bg-orange.png") no-repeat scroll 50% 100% !important;
}

.navbar li a {
	border-right: 1px dotted #fff;
	}

.navbar li:last-child a {
	border-right: none;
	}
	
.navbar a {
	font-size: 2.4rem;
	color: #fff !important;
	text-shadow: #FF4200 2px 2px 2px !important;
	}

.navbar li a:hover {
	text-shadow: #000 2px 2px 2px !important;	
	}
	
a.navbar-brand {
	text-shadow: #FF4200 2px 2px 2px !important;
	font-size: 3.6rem;
	letter-spacing: .1rem;
	}

.navbar a:hover {
	text-shadow: #000 2px 2px 2px !important;	
	}
	
	
	

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


h1, h2, h3, p, li, a.btn {
	font-family: 'Handlee', cursive !important;
	}
	
a i.fa {
	font-family: "FontAwesome" !important;
	}


h1 {
	color: #666 !important;
	font-size: 6rem !important;	
	margin-bottom: 3rem !important;
	text-decoration: none !important;
	font-weight: 700 !important;
	}

.home h1 {
	font-size: 3rem !important;	
	}
	
.home h2 {
	margin-top: 3rem;
	line-height: 4rem;
	}

h3.gf_progressbar_title {
	font-size: 2rem !important;
	}

p {
	font-size: 2rem !important;
	padding-bottom: 1.5rem;
	color: #000 !important;
	}

form {
	margin-top: 4rem !important;	
	}
	
span label {
	opacity: .6;
	}

.page-header {
	border-bottom: none !important;	
	}
	
hr {
	border-top: 2px dotted #ccc !important;
	margin-bottom: 4rem !important;
	}	

blockquote {
	font-style: italic;
	padding: 1rem  1rem 1rem 4rem !important;
	margin: 1rem !important;
	}

blockquote:before {
	left: 0	!important;
	}
	
ul.post-meta li {
  display: inline-block;
  clear: both;
  margin: 0 0 4rem 0 !important;
  background-color: rgba(0,0,0,0.05) !important;
}
	
/* Buttons
----------------------------------- */
	
.btn-primary, input[type="button"] {
	font-size: 2.4rem !important;
	font-weight: 700 !important;
	padding: 1rem 2rem !important;
	margin-top: 2rem !important;
	margin-bottom: 2rem !important;
	border: none !important;
	color: #fff !important;
	background: orange !important;
	}
	
.btn-pen  {
	font-size: 3rem !important;
	background: orange url(../blok/images/pen.png) !important;	
	padding: 2rem 160px 2rem 2rem !important;
	background-position: 95% 50% !important;
	background-repeat: no-repeat !important;
	}
	
input[type="button"] {
	background: orange !important;
	padding: 2rem 3rem !important;
	}	

input[type="submit"] {
	background: green !important;
	padding: 3rem !important;
	margin-left: 2rem !important;
	color: #fff !important;
	font-weight: bold !important;
	font-size: 3rem !important;
	}	
	
.btn-primary:hover, input[type="button"]:hover {
	background-color: blue !important;
	}

.gform_confirmation_message {
	border: none !important;
	background: none !important;
	}

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


/* --- White --- */

footer h2,
button.navbar-toggle,
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 --- */

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

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

.box {
	min-height: 400px;
	}
	
	
/* Carousel
--------------------- */
	
	#carousel {
		background-image: none !important;
		transform: rotate(-1.5deg);
		margin: 4rem 0 5rem 0 !important;
		z-index: 1000 !important;
		position: relative !important;
		clear: both;
		overflow: none !important;
		}
	
	.item p {
		font-size: 3.2rem !important;
		padding: 3rem 0 !important;
		}

	.item p.text-large {
		font-size: 4.5rem !important;
		}

	.item p small {
		font-size: 2.4rem !important;
		margin-left: 2rem !important;
		font-style: italic !important;
		}

	.item img {
		position: fixed !important;
		z-index: 10000 !important;
		margin-top: -2rem !important;
		}
	
/* Forms
----------------------- */

textarea.textarea {
	padding: 2rem !important;
	}

.gform_wrapper .gform_page_footer {
	border: none !important;
	}


@media (max-width: 768px) {

h1 {
	font-size: 3rem !important;
	}

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

.navbar li {
	text-align: center !important;
	width: 100% !important;
	}

.navbar li a {
	font-size: 3rem !important;
	padding-bottom: 1rem !important;	
	}

footer .text-center {
	text-align: left;
	}

.box {
	min-height: inherit;
	}
		
#carousel {
	padding-left: 1.5rem !important;
	padding-right: 1.5rem !important;
	}

#carousel img {
	display: none;
	}

#carousel .item p,
#carousel .item p small {
	font-size: 2rem !important;
	}

	}