/*

Theme Name: NZ Guild of Storytellers Theme

Theme URI: http://insomniacdesign.co.nz

Description: A custom wordpress theme design and created by Hemi Ruatoto for NZ Guild of Storytellers.

Author: Hemi Ruatoto

Author URI: http://insomniacdesign.co.nz

Version: 2.0

*/

@import url(http://fonts.googleapis.com/css?family=Roboto);

@import url(http://fonts.googleapis.com/css?family=Oswald);

html {
	background-color: #334057;
}

body {
	background-color: #fff;
}

h4 {

	margin-top:40px;

}

/* HEADER/FOOTER STYLES */



.stg-header {

	width:100%;

	background-color:#334057;

	padding-top:25px;

	padding-bottom:25px;

}



.stg-footer {

	color:#fff;

	width:100%;

	background-color:#334057;

	margin-top:50px;

	padding-top:12px;

	padding-bottom:20px;

}



.stg-footer p {

	color:#fff;

}

.stg-footer h3,

.stg-footer h4 {

	color:#fff;

}

.stg-footer .stg-underline {

	padding-bottom:10px;

	border-bottom: 1px solid #7082a0;

}

.stg-footer hr {

	border-color:#7082a0;

}

.stg-footer a {

	color:#aab8d0;

}



.stg-footer a:hover,

.stg-footer a:focus {

	color:#fff;

}



/* NAVBAR STYLES */



.navbar-stg {

  background-color: #7082a0;

  border:none;

}

.navbar-stg .navbar-text {

  color: #fff;

  text-transform:uppercase;

  font-family: 'Oswald',sans-serif;

  font-size:16px;

  font-weight:normal;

  padding-left:20px;

}

.navbar-stg .navbar-nav > li > a {

  color: #fff;

  text-transform:uppercase;

  font-family: 'Oswald',sans-serif;

  font-size:18px;

  font-weight:normal;

}

@media(max-width:1200px){

.navbar-stg .navbar-nav > li > a {

  color: #fff;

  text-transform:uppercase;

  font-family: 'Oswald',sans-serif;

  font-size:16px;

  font-weight:normal;

  padding:15px 10px;

}

	}

@media(max-width:992px){

.navbar-stg .navbar-nav > li > a {

  color: #fff;

  text-transform:uppercase;

  font-family: 'Oswald',sans-serif;

  font-size:12px;

  font-weight:normal;

  padding:15px 9px;

}

	}

@media(max-width:767px){

.navbar-stg .navbar-nav > li > a {

  color: #fff;

  text-transform:uppercase;

  font-family: 'Oswald',sans-serif;

  font-size:16px;

  font-weight:normal;


}

	}

.navbar-stg .navbar-nav > li > a:hover,

.navbar-stg .navbar-nav > li > a:focus {

  color: #000;

  background-color: #aab8d0;

}

.navbar-stg .navbar-nav > .active > a,

.navbar-stg .navbar-nav > .active > a:hover,

.navbar-stg .navbar-nav > .active > a:focus {

  color: #000;

  background-color: #aab8d0;

}

.navbar-stg .navbar-toggle {

  border-color: #7082a0;

  background-color: #334057;

}

.navbar-stg .navbar-toggle:hover,

.navbar-stg .navbar-toggle:focus {

  background-color: #aab8d0 ;

}

.navbar-stg .navbar-toggle .icon-bar {

  background-color: #7082a0;

}

.navbar-stg .navbar-collapse {

  border:none;

}

.navbar-stg .navbar-nav > .open > a,
.navbar-stg .navbar-nav > .open > a:hover,
.navbar-stg .navbar-nav > .open > a:focus {
  background-color: #aab8d0;
  color: #000;
}

@media (max-width: 767px) {
  .navbar-stg .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
	background-color: #334057;
	text-transform:uppercase;
    font-family: 'Oswald',sans-serif;
    font-size:16px;
    font-weight:normal;
    margin-bottom:3px;
  }
  .navbar-stg .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-stg .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #000;
    background-color: #aab8d0;
  }
  .navbar-stg .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-stg .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-stg .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #000;
    background-color: #aab8d0;
  }
  .navbar-stg .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-stg .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-stg .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}




/* TEXT STYLES */



.stg-oswald-white {

	font-family: 'Oswald', sans-serif;

	color:#fff;

}

.stg-oswald-yellow {

	font-family: 'Oswald', sans-serif;

	color:#f6c92c;

}



/* Button Styles */



.btn-stg-yellow, .stg-footer .btn-stg-yellow {

  color: #000;

  background-color: #f6c92c;

  border-color: #ddb427;

}

.btn-stg-yellow:hover,

.btn-stg-yellow:focus,

.btn-stg-yellow:active,

.btn-stg-yellow.active,

.open .dropdown-toggle.btn-stg-yellow {

  color: #000;

  background-color: #f6dc7f;

  border-color: #f6c92c;

}

.stg-footer .btn-stg-yellow:hover,

.stg-footer .btn-stg-yellow:focus,

.stg-footer .btn-stg-yellow:active,

.stg-footer .btn-stg-yellow.active,

.stg-footer .open .dropdown-toggle.btn-stg-yellow {

  color: #000;

  background-color: #f6dc7f;

  border-color: #f6c92c;

}



.btn-stg-blue, .stg-footer .btn-stg-blue {

  color: #fff;

  font-family: 'Roboto', sans-serif;

  background-color: #7082a0;

  border-color: #7082a0;

  margin-left:10px;

}

.btn-stg-blue:hover,

.btn-stg-blue:focus,

.btn-stg-blue:active,

.btn-stg-blue.active,

.open .dropdown-toggle.btn-stg-blue {

  color: #000;

  background-color: #aab8d0;

  border-color: #aab8d0;

}



/* Jumbotron styles */

.jumbotron p {

	font-weight: 300;

}

/* Responsive Post Images */

#main-content img.size-full {
  	display: block;
 	max-width: 100%;
 	height: auto;
}



/* No Print Styles */

@media print {

.no-print, .btn.no-print {

    display:none;

  }

}



#main-content img {

  margin:15px;

}

img.alignright {

	float:right;

}



@media(max-width:767px)

{    

#stg-navbar-collapse {

     max-height: none;

}

}

.stg-profile-pic {
	
	width: 100%;
	padding-bottom: 100%;
	border-radius: 3px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}