/*
Theme Name: Hypnosis Brisbane
Theme URI: http://www.zera.com.au
Description: Custom Responsive Theme for Hypnosis Brisbane
Version: 1.0
Author: Zera Pty Ltd
Author URI: http://zera.com.au
*/

@charset "utf-8";
@import url('css/bootstrap.min.css');
@import url('http://fonts.googleapis.com/css?family=Raleway:400,300,500,600,700');
@import url('http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css');
@import url('http://fonts.googleapis.com/css?family=Roboto:400,500');

/* CSS Document */

body {
	font-family: 'Raleway', Helvetica, Arial;
	font-size: 16px;
	color: #666666;
	font-weight: 600;
	letter-spacing: 1px;
	margin: 0;
	padding: 0;
}

p {
	line-height: 30px;
	font-weight: 500;
	font-size: 15px;
}

h1, h2, h3, h4, h5, h6, h7 {
	color: #333333;
	text-transform: lowercase;
	font-family: 'Raleway', Helvetica, Arial;
	font-weight: 700;
}

a {
	color: #3498db;
	text-decoration: none;
}

a:hover, a:focus {
	color: #308ac6;
}

.home-button {
	padding-top: 8%;
}
.home-button a {
	color: #fff;
	font-weight: 400;
}

.home-button .btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	white-space: nowrap;
	padding: 12px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 30px;
	border: solid 1px transparent;
	background-color: #d3ac51;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.book-button  .btn-lg{
	padding: 15px;
}

.book-button {
	padding: 20px 0px 20px 0px;
}

.btn-custom {
	background-color: #f6eadb;
	border-color: #f6eadb;
}
.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active {
	background-color: #f1dec7;
	border-color: #ecd2b2;
}
.btn-custom.disabled:hover, .btn-custom.disabled:focus, .btn-custom.disabled:active, .btn-custom.disabled.active, .btn-custom:hover, .btn-custom:focus, .btn-custom:active, .btn-custom.active, .btn-custom:hover, .btn-custom:focus, .btn-custom:active, .btn-custom.active {
	background-color: #f6eadb;
	border-color: #f6eadb;
}

.head-note {
    width: 100%;
    height: 36px;
    display: block;
	padding-top: 10px;
}

.head-note .left {
    float: left;
    padding: 10px 0 0 0;
    height: 26px;
}

.head-note .right2 {
    float: right;
    padding: 10px 0 0 40px;
    height: 26px;
}

.head-note .right1 {
    float: right;
    padding: 10px 0 0 0;
    height: 26px;
}


.header {
	background: url('images/header-bg.png') no-repeat;
	background-size: cover;
	max-height: auto;
	padding: 0;
	margin: 0;
}

.jumbotron {
	background: url('images/beach-bg.png') no-repeat;
	background-size: cover;
	max-height: auto;
	padding: 30px 20px !important;
	margin: 0;
}

.jumbotron h1 {
	color: #000;
	font-weight: 300;
	padding: 30px 0 10px 0;
}

.jumbotron h1 span {
	color: #3498db;
	font-weight: 700;
}

.jumbotron p {
	color: #000;
	font-size: 16px;
	line-height: 30px;
	font-weight: 400;
	text-transform: none;
	padding: 0 10px !important;
}

.jumbotron p span {
	color: #3498db;
}

.container {
	padding-bottom: 5px;
}

.page-header {
	padding-bottom: 9px;
	margin: 10px 0 10px;
	border-bottom: 1px solid #eee;
}

.page-header h1 {
	padding: 0;
	margin: 0;
	font-size: 36px;
}

.feature-text {
	background: rgba(246,234,219,0.85);
	border-radius: 30px;
	border: solid 1px transparent;
	padding: 0 20px;
}

.img-responsive {
	display: block;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	padding: 0 60px 60px 60px;
}

/* logo */

.navbar-brand {
	width: 135px;
	height: 100px;
	padding: 0 0;
	margin: 0;
}

/* navigation */

.navbar {
	position: relative;
	min-height: 100px;
	border: 1px solid transparent;
	background: #34495e;
	margin-bottom: 0;
}

.navbar-header {
	height: 100px;
	padding: 0 0;
}

.navbar-default {
	background: none;
	border: none;
	padding: 10px 0;
}

.navbar-default .navbar-nav>li>a {
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	color: #505050;
	padding: 42.5px 10px;
	text-align: center;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color: #95a5a6;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	color: #95a5a6;
	background: none;
	outline: 0;
}

.navbar-toggle {
	padding: 9px 10px;
	margin-top: 25px;
	margin-right: 0;
	width: 32px;
	height: 32px;
	text-align: center;
	color: #fff;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background: none;
	outline: none;
}

.navbar-default .navbar-collapse {
	border: none;
	background: rgba(255,255,255,0.05);
	border-radius: 2px;
	box-shadow: none;
	padding: 0 15px;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {
	color: #000000;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
	text-decoration: none;
	color: #262626;
	background-color: #dfd5d5;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
	background-color: #dfd5d5;
	color: #555;
}

.services {
	padding: 20px 0;
}

.box > .icon { 
	text-align: center; 
	position: relative; 
}

.box > .icon > .image { 
	position: relative; 
	z-index: 2; 
	margin: auto; 
	width: 88px; 
	height: 88px; 
	border: 8px solid white; 
	line-height: 88px; 
	border-radius: 50%; 
	background: #d3ac51; 
	vertical-align: middle; 
}

.box > .icon:hover > .image { 
	background: #dfd5d5; 
}

.box > .icon > .image > i { 
	font-size: 36px !important; 
	color: #fff !important; 
}

.box > .icon:hover > .image > i { 
	color: white !important; 
}

.box > .icon > .info { 
	margin-top: -24px;
	background: rgba(0, 0, 0, 0.04); 
	border: 1px solid #e0e0e0; 
	padding: 15px 0 10px 0; 
}

.box > .icon:hover > .info { 
	background: rgba(0, 0, 0, 0.04); 
	border-color: #e0e0e0; color: white; 
}

.box > .icon > .info > h3.title { 
	font-family: "Roboto",sans-serif !important; 
	font-size: 16px; 
	color: #222; 
	font-weight: 400; 
}

.box > .icon > .info > p { 
	font-family: "Roboto",sans-serif !important; 
	font-weight: 200;
	font-size: 13px; 
	color: #666; 
	line-height: 1.5em; 
	margin: 20px;
}

.box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > .more > a { 
	color: #222; 
}

.box > .icon > .info > .more a { 
	font-family: "Roboto",sans-serif !important; 
	font-size: 12px; 
	font-weight: 400;
	color: #222; 
	padding: 6px 8px;
	background-color: #d3ac51;
	line-height: 12px; 
	text-transform: uppercase; 
	text-decoration: none; 
}

.box > .icon:hover > .info > .more > a { 
	color: #fff; 
	padding: 6px 8px; 
	background-color: #dfd5d5; 
}

.box .space { 
	height: 30px; 
}

.footer {
  	background: url('images/footer-bg.png') no-repeat;
  	background-size: cover;
  	height: 350px;  
}

.footer h3 {
	color: #666;
	font-family: "Roboto",sans-serif !important; 
	font-weight: 400;
	padding-bottom: 20px;
}

/* Custom footer CSS */

.footer-bar {
	background-color:#f3f0ec;
	padding: 10px 0;
}

.footer-bar p {
	font-family: "Roboto",sans-serif !important;
	font-size:10px;
	font-weight:300;
}

.image-left {
	padding: 0 20px 0 0;
}

.image-right {
	padding: 0 0 0 20px;
}

.pagetitle{
	display:none;
}

a.list-group-item-warning {
	color: #666666;
}

.list-group-item-warning {
	color: #8a6d3b;
	background-color: rgba(252, 248, 227, 0);
}

.list-group-item {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
	background-color: rgba(255, 255, 255, 0);
	border: 0px solid #ddd;
}