@import url("bootstrap/css/bootstrap.css");


/* ===== Skin styles ===== */
.Head {
	font-family: "Arial", "Sans Serif";
	font-size: 20px;
    border: none;
}

h1, h2, h3, h4, h5, .Head
{
	color: #4B5B6B;
}

.Normal, .NormalDisabled, .NormalDeleted{
    font-size:13px;
}
div.c_subcontent div.c_head {
    width: 100%;
    border-bottom: 1px solid #4b5b6b;
}

/* ===== Header ===== */
#RibbonBar_ControlPanel select {
	margin-bottom: 0;	
}

#PageBody > header {
    background-color: #4B5B6B;
}

#PageBody > header .container {
    position: relative;
}

#FullWidthPane {
	padding-top:10px;
}


section.SiteLogo {
    margin: 10px 0;
}

@media (max-width: 1199px) {
	section.SiteLogo img {
		max-width: 300px;
	}
} 

section.PureNZ {
	float:left;
	margin: 20px 0 20px 20px;
}

section.SiteSearch {
    position: absolute;
    right: 0;
    top: 0;
}

.SearchControl {
    border-bottom: 1px solid white;
    color: white;
}

.SearchControl .fa-search { color: white; font-size: 24px; margin: 10px; }

section.SiteSearch input {
    background:none;
    border:none;
    width:167px;
    padding: 5px 5px;
    font-size: 18px;
    color: white;
    margin: 5px 0 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

section.SiteSearch input:focus {
	outline:none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}


section.SiteSearch a.SearchLink {
    position: absolute;
    margin: 20px 0 0 -4px;
    width: 32px;
    height: 24px;
}

div.Login
{
    margin-top: 10px;
    text-align:	right;
}

div.Login a
{
    color: #979999;
    font-size:14px;
    font-family:Arial;
}




/* ===== Breadcrumb ===== */
nav.Breadcrumb
{
    background-color: transparent;
    padding: 6px 5px;
    margin: 0;
}

nav.Breadcrumb .BreadcrumbLink
{
    font-size: 12px;
    font-weight: 700;
    color: #4b5b6b;
    text-decoration: none;
}

/* ===== Pane layout ===== */
div.RightPane {
	width:240px;
	float:right;
}

div.ContentPane {
	width:660px;
	float:left;
    padding: 0 10px;
}

div.BottomPane {
	clear:both;
}

@media (min-width: 1200px) {
	div.ContentPane {
		width:890px;
	}
}

@media (max-width: 979px) and (min-width: 768px) {
	div.ContentPane {
		width:444px;
	}
}

@media (max-width: 767px) {
	div.ContentPane {
		width:100%;
		float:left;
	}

	div.RightPane {
		float:left;
	}
}



/* ===== Login box ===== */
#loginbox {
	padding: 10px;
	margin-bottom: 30px;
	box-shadow: 2px 2px 28px -6px rgba(0,0,0,0.6);
}

#socialControls {display: none;}

#loginbox .Head {
    border: none;
    color: #4b5b6b;
    font-size: 14px;
    font-family: Arial;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
}

#loginbox .dnnFormMessage
{
    float:left;
}


#loginbox .LoginPanel {
    width: auto;
	padding: 0;
    float: none;
}


#loginbox .c_footer {
    clear: both;
}

#loginbox .dnnForm,  
#loginbox .dnnFormItem{
	margin: 0;
    padding: 0;
	min-width: 0;
	width:auto;
}

#loginbox .dnnFormItem > .dnnLabel {
	margin-top: 10px;
}    
#loginbox .LoginPanel label {
    float: none;
    color: #4b5b6b;
    font-size: 12px;
    font-weight: normal;
	margin: 0;
    padding: 0;
    text-align: left;
	font-family: Arial;
	word-wrap: normal;
}

#loginbox input[type="text"],
#loginbox input[type="password"]{
    float: none;
    display: block;
    width: 100%;
    border: none;
    margin: 1px 0 2px 0;
    background: none;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	padding: 5px 3px;
	height: auto;
	border-bottom: 1px solid #4b5b6b;
	border-radius: 0px;
	font-size: 14px;
}

    #loginbox a.dnnPrimaryAction, a.dnnRegister {
		background: none;
        border: none;
		display: block;
		text-align: center;

        min-width: 0;
        line-height: 20px;

        color: #4b5b6b;
        background-color: white;
        filter: none;
        font-family: Arial;
        font-size: 14px;
        font-weight: normal;
        text-transform: uppercase;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-text-shadow: none;
        text-shadow: none;
		border-radius: 0;
		margin: 0;
		border: 1px solid #4b5b6b;
		padding: 5px;
    }
	
	#loginbox a.dnnPrimaryAction:hover, #loginbox a.dnnPrimaryAction:focus {
		text-decoration: none;
		background-color: #4b5b6b;
		color: white;
		outline: none;
	}

	#loginbox a.dnnSecondaryAction {
        display: none;
    }

#loginbox .dnnLoginRememberMe {
    display: block;
	padding: 0;
}

#loginbox .mark {
    background-color: white;
}


#loginbox input[type=checkbox] {
    display: inline-block;
	margin: 0 5px 0 0;
}

#loginbox .dnnLoginRememberMe label {
    display: inline-block;

}

#loginbox div.dnnLoginActions ul
{
    padding: 0;
}

#loginbox div.dnnLoginActions li
{
    float: none;
    background: initial;
    padding: 0;
    height: auto;
}

#loginbox .dnnFormItem:last-child {
	display:none;
}

#loginbox div.dnnLoginActions li a
{
    background: none;
    border: none;
    padding: 0;
    float: none;
    line-height: 11px;
    font-size: 11px;
    font-weight: normal;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: left;
    margin-bottom: 5px;
}

@media (max-width: 991px) {
	#loginbox {
		display:none;
	}
}
   

/* ===== Footer ===== */

footer {
    clear: both;
}

footer #footer-l
{
	height:29px;
}

footer #footer-r {
	height:29px;
    background-position-x: right;
    padding: 4px 20px;
}

footer, footer a, footer a:visited, footer a:link, footer a:active {
    color: white;
    text-decoration: none;
    font-weight: bold;
    font-size: 10px;
}

footer span.privacy
{
	float: left;
}

footer span.copyright {
    float: right;
}


footer #address {
    float: left;
    clear: left;
    margin: 10px;
}

footer #address, #footer #address a {
    color: black;
    font-weight: normal;
    font-size: 11px;
    letter-spacing:-0.02em;
}

/* Favourites */
section.MainContent div.csel_fav { margin:0px; padding:0px; text-align:left; line-height: 20px; font-size:12px;}
section.MainContent div.csel_fav ul { margin: 0; padding: 10px 0; }
section.MainContent div.csel_fav li { list-style-type:none;padding: 0; margin:0px; background:none; }
section.MainContent div.csel_fav li a img { border: none; }
section.MainContent div.csel_fav li a, #content div.csel_fav li a:visited { text-decoration: none;}

/* News */
.news_title {
	font-size: 14px;
    margin-bottom:4px;
}

.news_date {
	font-size: 11px;
	font-style: italic;
	margin-top: -5px;
	margin-bottom: 5px;
}

/* Paging - eg. news */
.PagingTable 
{
	padding-top: 15px;
	border:None;
	width:100%;
}

div.PagingTable {
	padding-left: 5px;
}

/* Search Results */
.SearchResults table {
	width:100%;
}

.SearchItem {
	padding:15px 0 10px;
	vertical-align: top;
    border-bottom: 2px solid #d8e6e1;
    font-family:Verdana,sans-serif;
	font-size:12px;
	line-height:20px;
}

.SearchID 
{
	padding-right: 5px;
	font-weight: bold;
}

.SearchTitle {
	font-weight: bold;
}

.SearchLocation 
{
	padding-top: 8px;
	font-size: 10px;
	font-weight: bold;
}

.SearchLocation a
{
	font-size: 11px;
	font-weight: normal;
}

/* Catalog */
.SummaryContent {
	font-weight: bold;
}

.SummaryContent a {
	font-weight: normal;
}

/* forum column widths */
table.afsubgrid
{
    width: 100%;
}

/* fix for bootstrap issue breaking Devexpress and forums*/
img
{
    max-width: none;
}

.body {
	padding: 20px 0;
}

/* Hide search preview */
.searchSkinObjectPreview, a.dnnSearchBoxClearText.dnnShow {
	display: none;
}

.foot {
	margin-top: 200px;
	background-color: #4b5b6b;
	padding: 50px 0 50px 0;
	font-size: 16px;
	line-height: 24px;
}

.foot .row {
	padding-top: 10px;
}

.foot, .foot a, .foot a:hover, .foot p {
	color: white;
}

body > form {
	margin-bottom: 0;
}


.hamburger {
	font-size: 40px;
	position: absolute;
	right: 15px;
	top: 8px;
	color: white;
	cursor: pointer;
}

.phone-search {
	display: flex;
}
.phone-search input {
	padding: 10px;
	font-size: 18px;
	border: 0;
	border-radius: 0;
	border-bottom: 1px solid #4b5b6b;
	flex-grow:1;
	height: auto;
	box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.phone-search input:focus {
	border-color: #4b5b6b;
	box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.phone-search div {
	padding: 10px;
}
.phone-search .fa-search {
	font-size: 20px;
}

div.actionMenu * {
	box-sizing: content-box;
}

/*
* Styles for /people pages
* - big image links
* - Jumbotron
*/
 a.image-link {
	display: block;
	color: #4b5b6b;
	background-color: white;
	margin-bottom: 30px;
	text-decoration: none;
	padding: 15px;
}
.col-md-4 a.image-link {
	padding: 10px;
}
a.image-link:hover {
	text-decoration: none;
}
a.image-link div {
	margin-top: 8px;
	margin-bottom: 6px;
}
a.image-link h3 {
	font-size: 22px;
	margin: 3px 0;
	display: flex;
	flex-direction: column-reverse;
	height: 2em;
}
.col-md-4 a.image-link h3 {
	font-size: 18px;
}
a.image-link img {
	/*max-width: 400px;*/
	width: 100%;
}
a.image-link:hover span.underline {
	text-decoration: underline;
}
.nzap-jumbotron {
	padding-bottom: 30px;
}
.nzap-jumbotron h1 {
	margin-top: 0;
	font-size: 63px;
}
.nzap-jumbotron p {
	font-size: 20px;
	line-height: 1.2em;
	color: #4B5B6B;
}
/*
* end - Styles for /people pages 
*/

h1,h2,h3,h4,h5 {
	margin-top: 2em;
}

h1:first-child, h2:first-child, h3:first-child {
	margin-top: 20px;
}

h4:first-child, h5:first-child {
	margin-top: 10px;
}
/* bootstrap accordion title */
h4.panel-title { margin-top: 0; }