/*--
Author: Chris Malcolm
Author URL: http://www.renewtherapy.co.nz
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/

	html {
  		position: relative;
  		min-height: 100%;
	}

	body {
		color: #818181;
		font-family: 'Open Sans', sans-serif;
		margin-bottom: 400px;
		font-size: 1.5em;
		padding-top: 70px !important;
	}
	
	body .thankyou-page {
		font-size: 1.5em;
	}

	body .container {
		padding-top: 0px;
	}

	body .topheader {
		min-height: 70px;
	}
	
	.no-side-padding {
		padding-right: 0px;
		padding-left: 0px;
		
	}
	
	h3 {
		font-size: 2em;
	}

/* Header & Menu: */
	.navbar {min-height:70px !important}
	.navbar-nav {min-height:70px !important}
	.navbar-nav li{padding-top: 10px !important}
	//.navbar-nav .link {min-height:70px !important}
	.navbar-header  {min-height:70px !important}
	.navbar-brand {padding-top: 10px !important}
	.current {color: #3dbbc4 !important; background: transparent !important; }
/*--//Header & Menu styles---*/


/* Text overlays on images */
	.wrapper {
	  position: relative;
	  //border: 1px solid;
	}
	.wrapper .overlay {
	  position: absolute;
	  top: 31%;
	  transform: translateY(-50%);
	  //border: 1px dashed deeppink;
	  width: 100%;
	  text-align: center;
	  //background-color:rgba(0,0,0,0.25);
	}
	.wrapper .overlay .inner-overlay {
	  text-align: center;
	  //background-color:rgba(0,0,0,0.1);
	  display: inline-block;
	  //width: 80%;
	  //position: relative;
	  //margin: 100 auto;
	}
	.wrapper .overlay h1{
	  font-family:"arial", "helvetica";
	  color: white;
	  font-size: 3.4em;
	  padding-left: 20pt;
	  padding-right: 20pt;
	}

	.wrapper .overlay h4{
	  font-family:"arial", "helvetica";
	  color: white;
	  font-size: 1em;
	  padding-left: 20pt;
	  padding-right: 20pt;
	}


	@media only screen and (min-width : 320px) {
	.wrapper .overlay h1{
	  font-size: 1em;
	  padding-left: 5pt;
	  padding-right: 5pt;
	}
	.wrapper .overlay h4{
	  font-size: 1em;
	  padding-left: 5pt;
	  padding-right: 5pt;
	}

	.quotation{
		  font-size: 1em;
	}
	}

	/* Extra Small Devices, Phones */ 
	@media only screen and (min-width : 480px) {
	.wrapper .overlay h1{
	  font-size: 1.2em;
	  padding-left: 10pt;
	  padding-right: 10pt;
	}
	.quotation{
		  font-size: 1.2em;
	}
	}

	/* Small Devices, Tablets */
	@media only screen and (min-width : 768px) {
	.wrapper .overlay h1{
	  font-size: 1.4em;
	  padding-left: 15pt;
	  padding-right: 15pt;
	}
	.quotation{
		  font-size: 1.4em;
	}
	}

	/* Medium Devices, Desktops */
	@media only screen and (min-width : 992px) {
	.wrapper .overlay h1{
	  font-size: 2em;
	  padding-left: 20pt;
	  padding-right: 20pt;
	}
	.quotation{
		  font-size: 1.4em;
	}
	}

	/* Large Devices, Wide Screens */
	@media only screen and (min-width : 1200px) {
	.wrapper .overlay h1{
	  font-size: 3em;
	  padding-left: 20pt;
	  padding-right: 20pt;
	}
	.quotation{
		  font-size: 1.4em;
	}
	}
/*--//Text overlays on images */

	.big-margin {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.medium-margin {
		margin-top: 15px;
		margin-bottom: 15px;
	}


/* Customise Listgroups */
	.list-group-item {
		border-width: 0px;
		list-style-type: disc;
		font-size: 1.3em;
	}
	
	.problems li {
    	display: block;
	}

	.problems li:before {
    	/*Using a Bootstrap glyphicon as the bullet point*/
    	content: "\e157";
    	font-family: 'Glyphicons Halflings';
    	//font-size: 9px;
    	float: left;
    	margin-top: 0px;
    	margin-left: 0px;
    	margin-right: 30px;
    	//color: #CCCCCC;
	}
	
/* Customise fontsize */
	.fontsize1_3 {
		font-size: 1.3em;
	}


/* Quotations */
	.quotation {
		//font-size: 30px;
		font-style: italic;
		text-align: center;
	}
	.quotation-author {
		text-align: right;
	}
/*--//Quotations */

	.indent15 {
		padding-left: 15px;
	}


.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 400px;
  //background-color: #3dbbc4;
  text-align: justify;
}

.form-group {
	margin-right: 0px !important;
    margin-left: 0px !important;
}

