html, body { 
	height: 100%;
}

h2 {
	font-size:44px;
	color:#2562bd;
	font-family: 'Parisienne', cursive;
	font-weight:bold;
	margin-bottom: 0.2em;
}


h3 {
    font-size: 20px;
    text-align:center;
    margin-bottom:0.2em;
}

.not-visible {
	visibility:hidden;
	height:0px;
}

span.not-visible {
	max-width:0px;
}

.header {
	text-align: center;
}

.sub-header {
	display:inline-block;
	background-image:url("../images/header/header.jpg"); no-repeat; center;
    background-size:cover;
    height:8px;
    width:350px;
    border-radius: 10px;
    margin-bottom: 0.5em;
}

@media (max-width: 500px) {
	.sub-header {
	    width:80%;
	}
}

a:hover {
	text-decoration: none;
}

.navbar-default {
    background-color: transparent;
    color: grey;
    border:none;
}

.navbar-toggle {
	margin-top:18px;
	margin-bottom:18px;
}

.text-centered {
	text-align: center;
}

@media (min-width: 768px){
	.navbar-collapse.collapse {
		display:inline-block !important;
		text-align: center;
	}
}

.navbar-nav>li>a {
    font-size:18px;
}

.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:hover .navbar-nav>li>a {
    color: grey;
    background-color: transparent;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #414141;
    background-color: transparent;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #414141;
    background-color: transparent;
}

.page {
	min-height:70%;
}

@media (min-width: 768px){
	.page .container .content {
		margin-left:100px;
		margin-right:100px;
	}
}


.footer {
	margin-top:30px;
	width:100%;
	
}

.footer .container .content {
	background-color: #2562bd;
	color:white;	
	height: 100px;
	border-radius:10px;
	padding-top:1em;
	padding-left:20px;
	padding-right:20px;
}

.footer .small {
}

.footer a {
	color:white;
	text-decoration:none;
	font-style:italic;	
}

.footer a:hover {
	color:white;
}

.facebook-logo {
	width:20px;
	height:20px;
	vertical-align: top;
	
}


/**
* content
*/
.page .container p {
	text-align: justify;
}

.page .container p.quote {
	color:#2562bd;
}

.page .container p.quote span.quote {
	font-style: italic;
}

.cv-image {
	text-align:center;
	margin-bottom:3em;
	margin-top:2em;
}

.cv-image img {
	width:70%;
}


@media (max-width: 768px){
	.cv-image img {
	width:50%;
}
}

.book-image {
	text-align:center;
	margin-bottom:3em;
	margin-top:2em;
}

.book-image img {
	border:1px solid;
	height:200px;
	width:125px;
}

.cv {
	margin-top:3em;
	font-size:1em;
}

.cv .row.row-content {
	margin-bottom:1em;
	height:4em;
}

.cv .row.row-content.clickable:hover {
	color: grey;
	cursor: pointer;
}

.cv h3 {
	font-size:1em;
	text-align:left;
	font-weight:bold;
	padding-bottom:1em;
}

.cv .date {
	font-size:1em;
}

.video-container {
	margin:1%;
}

@media (max-width: 992px) {
	.video-container {
	    padding-bottom:25px;
	}
}

.image-mindful {
	padding-top:20px;
}

.quote-mindful {
	padding-top:40px;
}

.background-image-full-width {
	display:inline-block;
	width:100%;
}


@media (max-width: 768px) {
	.background-image-full-width {
	    padding-left:10%;
	    padding-right:10%;
	}
}


.contact-details {
	
	font-size:1.1em;
	line-height: 2em;
}


/**
* fieldsets
*/

fieldset {
    padding: 1em 1em 1em 1em;
    margin-top: 1em;
    border: 1px solid #5a8dc0;
    border-radius: 4px;
}

legend {
    width:inherit;
    padding:0 10px;
    border-bottom:none;
    font-size: 22px;
    color:#5a8dc0;
    margin-bottom: 0px;
}


/**
* forms
*/

.form-control {
	margin-bottom:8px;	
}

.form-control.date-picker {
	padding:0px;	
}

.hasDatepicker, .date-picker>input[disabled]{
	display:inline-block;
	height: 32px;
	width:100%;
}

.date-picker>input[disabled]{
	background-color:rgb(238, 238, 238);
}

.ui-datepicker {   
	z-index: 100000 !important;   
}

.form-control.ui-autocomplete {
	padding:0px;	
}

.ui-autocomplete-input {
	width:100%;
	padding: 8px !important;
	height:32px;
	
}

.ui-autocomplete-panel {
	z-index:10000 !important;
}

label {
	color: grey;
	font-weight:500;
	margin-top:1em;
}

.form-required {
	padding-left:0.3em;
	padding-right:0.3em;
}


/**
* faces messages
*/
.ui-growl {
	top: 70px !important;
	z-index:10000 !important;
}

.error-message {
	color:red;
	text-align:center;
	padding-top:4px;
	padding-bottom:4px;
	border-width:1px;
	border-style:solid;
	border-color:red;
	background-color:#FFCCCC;
	width:100%;
}

.info-message {
	color:green;
	text-align:center;
	padding-top:4px;
	padding-bottom:4px;
	border-width:1px;
	border-style:solid;
	border-color:green;
	background-color:palegreen;
	width:100%;
}

.detail-error-message {
	color: darkred;
}