/* cmsms stylesheet: layout modified: 06/05/19 13:41:28 */
html, body {
  height: 100%;
}

* {
/*	border: 1px dashed red;     */
	font-family: 'Open Sans', sans-serif;
	color: white;
}
body {
	background-color: none;
	background-image: url( 'https://www.schoolmemories.co.nz/uploads/images/layout/bg.jpg' );
    background-repeat: repeat;
    background-attachment: fixed;
}
/* general formatting */
.contentrow {
	margin-top: 50px;
}	
.pull-left {
/*	margin: 0px 20px 10px 0px; */
}
.faded {
	background-color: rgba(128,128,128,.1);
	padding-top: 20px;
	padding-bottom: 20px;
	border: 1px solid #b0b0b0;
}

.logo img {
	padding: 0px;
}

/* lightbox */
.modal-dialog {width:600px;}

/* footer */
#wrap {
  min-height: 100%;
}
footer {
	position: relative;
	margin-top: -24px; /* negative value of footer height */
	height: 24px;
	clear:both;
	background: #1d1d1d url( 'https://www.schoolmemories.co.nz/uploads/images/layout/footer-bg.jpg') repeat-x;
}

/* forms */
select {
	background-color: gray;
}
.form-group.required .control-label:after {
	font-family: 'FontAwesome';
	font-weight: normal;
	font-size: 15px;
	content: " \f069";
	color: red;
	vertical-align:top;
}
.fieldspace {
	padding: 10px;
}
.btn-custom {
  background-color: #ed1d3a;
  border-color: #ed1d3a;
  color: white;
  margin-right: 20px;
}
.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active {
  background-color: #df122e;
  border-color: #c71029;
	color: #d0d0d0;
}
.btn-custom.disabled:hover,
.btn-custom.disabled:focus,
.btn-custom.disabled:active,
.btn-custom.disabled.active,
.btn-custom[disabled]:hover,
.btn-custom[disabled]:focus,
.btn-custom[disabled]:active,
.btn-custom[disabled].active,
fieldset[disabled] .btn-custom:hover,
fieldset[disabled] .btn-custom:focus,
fieldset[disabled] .btn-custom:active,
fieldset[disabled] .btn-custom.active {
  background-color: #ed1d3a;
  border-color: #ed1d3a;
}

/* back to top */
#back-top a{position:fixed;bottom:30px;right:30px;color:#eee;background-color:rgba(0,0,0,0.3);-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;padding:10px;border-radius:5px;text-align:center}
#back-top a:hover{background-color:rgba(0,0,0,0.7)}
#back-top a i{font-size:3em}

/* header */
header {
}

/* nav bar */
.navbar .container  {

}
#navmain {
	background-color: transparent;
	border: none;
}
#navmain .nav  {
	min-height: 0px;
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	padding: 0px !important;
}
#navmain .nav > li {
	background: transparent url( 'https://www.schoolmemories.co.nz/uploads/images/layout/nav-divider.png' ) no-repeat top right;
	padding: 8px 20px 11px 20px;
}
#navmain .nav > li:last-child {
	background: none;
}
#navmain .nav > li > a {
	padding: 0px;
	color: white;
	font-size: 18px;
/*	font-weight: bold; */
	background-color: transparent;
}
#navmain .nav > li.active {
	background-color: none;
}
#navmain .nav > li.active > a {
	background-color: none;
	font-weight: normal;
	color: red;
}
#navmain .nav > li.active > a:hover {
	font-weight: normal;
	color: red;
	background-color: none;
}
#navmain .nav > li > a:hover  {
	font-weight: normal;
	color: red;
	background-color: none;
}

/* Desktop and ipad lanscape */
@media (min-width: 768px)  {
	header {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}
	#navmain .nav  {
		margin: 63px 0px 0px 0px;
	}
	.keepfixed {
		position: fixed;
		overflow: auto;
	}
}
/* Mobile and ipad portrait */
@media (max-width: 767px) {
	#navmain .nav > li {
		background: none;
		padding: 8px 20px 11px 20px;
	}
	header {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}
/*
	.logo img {
		padding: 10px 0px 0px 20px;
		width: 35%;
	}
*/
	header {
		padding: 0px;
	}
}

/* Large desktops and laptops */
@media (min-width: 1200px) {
}
/* cmsms stylesheet: essentials modified: 06/05/19 13:41:28 */
h1 {
	color: white;
	font-size: 24px;
	margin: 0px 0px 23px 0px;
}
h2 {
	color: white;
	font-size: 24px;
	margin: 0px 0px 23px 0px;
}
h3 {
	color: white;
	font-size: 18px;
	font-weight: bold;
	margin: 0px 0px 23px 0px;
}
p {
	color: white;
	font-size: 18px;
	line-height: 22px;
	margin: 0px 0px 23px 0px;
}
ul, ol {
	color: white;
	font-size: 18px;
	line-height: 22px;
	margin: 0px 0px 23px 0px;
}

.control-label {
	color: white;
	font-size: 16px;
	line-height: 16px;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
}
form h2 {
	margin-bottom: 10px;
}
form p {
	font-size: 14px;
	line-height: 16px;
}
input[type=radio] {
width: 15px;
height: 15px;
float: left;
}
p a.button {
	padding: 8px 25px;
	color: white;
	background-color:#66CCFF;
	text-decoration:none;
	border-radius: 6px;
}
p a.button:hover {
	text-decoration:none;
}