/*
font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Lato', sans-serif;
primary: #503351; (maroon)
secondary - #306F84 (yellow)
*/

body{ font-family: 'Roboto', sans-serif; background: #F0F2F5; color: #1e1e1e;

	min-height: 100vh; position: relative; margin: 0; padding-bottom: 100px; box-sizing: border-box;
}
#maincontent{ padding-bottom:60px;}
footer{ height:100px; position: absolute; bottom: 0; width: 100%;;}
.outercontainer{ /* max-width: 1440px; */ margin:0 auto; background:#fff; background: #F0F2F5;}
.innercontainer{ max-width: 1300px; margin:0 auto; width: 100%; padding-right: 15px;padding-left: 15px;}

a{ color:#503351; transition:all 0.3s ease; }
a i, a:before{ transition:all 0.3s ease; }
a:hover{ color: #000; color: #6f4770; text-decoration: none;}

a.blink{ color:#1e1e1e;}
a.blink:hover{ color:#503351;}

.page-link{color:#503351; }
.page-link:hover{color:#503351; }
.page-item.active .page-link{ background-color: #503351; border-color: #503351; }

.primary-colour{ color: #503351; }
.secondary-color{ color: #306F84; }
.black{ color: #000; }
.body-colour{ color: #1e1e1e;  }
img{ max-width: 100%; }

h1, h2, h3, h4, h5, h6{font-family: 'Lato', sans-serif; font-weight: 900; color: #503351; }
h1, h2, h3{ margin-bottom: 1rem;}
h1{  color: #5a5a5a; font-size: 1.5rem;}
h2{ font-size: 1.375rem;}

.text-header{font-family: 'Lato', sans-serif; font-weight: 900; font-size: 1.3rem; }


.btn-primary, .btn-primary:disabled, .btn-primary.disabled{ background:#503351; border-color:#503351; color: #fff!important;   }
.btn-primary:hover, .btn-primary:active{ background:#6f4770; border-color:#6f4770;   }

.btn-secondary{ background:#306F84; border-color:#306F84;   }
.btn-secondary:hover, .btn-secondary:active{ background:#1B5C71; border-color:#1B5C71;   }

.btn-white{ background:#fff; border-color:#fff;  color:#503351;   }
.btn-white:hover, .btn-white:active{ background:#503351; border-color:#503351;   color:#fff;  }
	.rbord{ border-color:#503351; }


.btn{ /*border-radius: 1.5rem;*/ /* padding-left: 2rem; padding-right: 2rem;  */}

.btn-outline{ background:#fff; color:#1e1e1e; ; border-color: #ebebeb; }
.white-color{ color:#fff;  }
.white-bg{ background:#fff;  }
.btn-link{ font-weight: 700; color:#306F84;  }

button.asset-del{ all:unset; margin-right: 10px; cursor: pointer;}



header{
    background: #503351; /* For browsers that do not support gradients */
}
	.headlogo img{ max-height: 80px; }
	.hbg{ }




	.headrow{ height: 120px; /*font-family: 'Roboto Condensed', sans-serif;*/ max-width: 100%;}
	.headloc{ cursor: default!important; }

	.headtitle{ color:#503351; font-size: 2rem; font-family: 'Lato', sans-serif; font-weight:900; color: #fff;
	/*text-shadow: 2px 2px 1px #fff,
	             -2px -2px 1px #fff,
	             -2px 2px 1px #fff,
	              2px -2px 1px #fff;*/
	 }
	.headstrap{color:#503351; font-size: 2rem; font-family: 'Lato', sans-serif; font-weight: 900;
	text-shadow: 2px 2px 1px #fff,
	             -2px -2px 1px #fff,
	             -2px 2px 1px #fff,
	              2px -2px 1px #fff;
	}

.navbg{ padding:0px 0; background: #f1f1f1; }
.navbar{ background:#292929; background: #503351;  /*font-family: 'Roboto Condensed', sans-serif;*/ padding-top: 0; padding-bottom: 0; }
	/*.navbar:before{ content: " "; width: 100%; position: absolute;top: 0; left: 0; background:url(/images/navbgbar.png) center top repeat-x; height: 2px; z-index: 1;}
	.navbar:after{ content: " "; width: 100%; position: absolute;bottom: 0; left: 0; background:url(/images/navbgbar.png) center bottom repeat-x; height: 2px;}*/
	.navbar-dark .navbar-brand{ color: #ffffff; }
	.navbar-dark .navbar-brand img{ max-height: 40px; }
	.navbar-dark .navbar-toggler{ color: #fff; border:none; }
	.navbar-dark .navbar-nav .nav-link{ color: #ffffff; padding-top: 1rem; padding-bottom: 1rem; padding-left: .5rem; }
	.navbar-dark .navbar-nav .nav-link:hover{ /*color: #676767;*/ background: #968597; }
	.navbar-dark .navbar-nav .nav-item.active{ background:#968597; }
	.navbar-dark .navbar-nav .nav-item.active a{ color: #ffffff;  }

		@media (min-width: 576px) {  
			
		}
		@media (min-width: 768px) {  
		 	.navbar-dark .navbar-nav .nav-link{ padding-left: .6rem; padding-right: .6rem; }
		}
		@media (min-width: 992px) { 
		 	.navbar-dark .navbar-nav .nav-link{ padding-left: 1.5rem; padding-right: 1.5rem; }
		}
		@media (min-width: 1200px) {  
		    .navbar-dark .navbar-nav .nav-link{ padding-left: 2.2rem; padding-right: 2.2rem; }
		}

		.navbar-dark .right-nav .nav-link{ padding-left: .5em; padding-right: .5rem; }


	/*@media (min-width: 768px) {*/  
	 	/*To Enable Dropdown on Hover*/
	 	.dropdown-menu {margin: 0rem 0 0; background:#292929; background: #fff; border-radius: 0;  }
	 	.dropdown:hover>.dropdown-menu { display: block; }
	 	.dropdown-item{ color: #fff; color: #503351; }
	 	.dropdown-item:hover, .dropdown-item.active, .dropdown-item:active{ background: #503351; color: #fff!important;  }
	/*}*/



footer{ margin-top: 50px; background:#292929; background:#373737; background: #503351; color: #fff; }
	.footnav{ background:#735C74;   } 
	.footnav .navbar-dark .navbar-nav .nav-item.active{ background:#292929;  }
	.footcontent{ position: relative;  padding:50px 0 50px 0;  }
		

	/*.footcontent a{ color: #E3999E; } 
	.footcontent a:hover{ color: #B96067; } */
	.foothead{ font-size: 1.2rem; padding: 8px 0; border-top:solid 1px #fff; border-bottom:solid 1px #fff; margin-bottom: 30px;  }
	.footmain{ min-height: 100px; max-width: 100%; }
	.footmain a{ color: #fff; }

	.sociallinks{ font-size: 11px; } 
	.sociallinks span.fa-stack{ margin-right: 10px; display: inline-block; }
	.sociallinks a i{ color: #fff;}
	.sociallinks a.facebook i.fa-circle {color: #3b5998;}
	.sociallinks a.facebook:hover i.fa-circle{ color: #2c4781}
	.sociallinks a.twitter i.fa-circle {color: #00aced;}
	.sociallinks a.twitter:hover i.fa-circle{color: #029ad3;}
	.sociallinks a.googleplus i.fa-circle {color: #dd4b39;}
	.sociallinks a.googleplus:hover i.fa-circle{color: #c83a28;}
	.sociallinks a.youtube i.fa-circle {color: #cd201f;}
	.sociallinks a.youtube:hover i.fa-circle{color: #ac1c1c;}
	.sociallinks a.linkedin i.fa-circle {color: #0077b5;}
	.sociallinks a.linkedin:hover i.fa-circle{color: #00679c;}


	.multisitefooter{ padding: 30px 0; text-align: center; font-size: .9em; font-weight: bold;}
	.multisitefooter img{ padding: 10px 0 20px 0;}


	/*.footsocial{ display: inline-block; margin-left: 50px;}*/
.uparrow{padding:15px;  opacity:0.5; position:fixed; bottom:20px; right:20px; display:none;background:#503351; color:#fff; text-align:center;}
.uparrow:hover{opacity:0.8; color: #fff; font-family: 'Lato', sans-serif;}

.notificationbar{ text-align: center;  background: #503351; color: #fff; padding: 10px 5px; margin-top: 10px;}
.notificationbar p{padding: 0; margin:0;}

.breadcrumb{ background:none; padding: 0; font-size: .9rem;  color: #5a5a5a; }
	.breadcrumb-item+.breadcrumb-item::before{ content: ">"}
	.breadcrumb a{ color: #5a5a5a; }
	.breadcrumb a:hover{ color:#503351; }
	.breadcrumb .active{ color:#503351; }



.herosec{  
	/*background: #fcfcfc; 
	background: -moz-linear-gradient(top, #fcfcfc 0%, #efefef 100%); 
	background: -webkit-linear-gradient(top, #fcfcfc 0%,#efefef 100%); 
	background: linear-gradient(to bottom, #fcfcfc 0%,#efefef 100%); 
	box-shadow: inset 0px -37px 60px -35px rgba(163,163,163,1);*/
	
	
	text-align: center;
	}
	.hero-nav-mneg{ margin-top:-3rem; }
	.hero{padding: 70px 0 70px;}
	.bgimg .hero{ background:rgba(11,60,103, 0.2) }
	/*.hero::before{ content: ' '; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #ccc; }*/
	/* .hero-container{} */
	.heroheading{ color: #0c4273; color: #fff; font-size:1.8rem; text-transform: uppercase; position: relative; z-index: 2}
	.herosubheading{ color: #7FC1F4; color: #A7A9AD; color: #fff; font-size:1.2em; text-transform: uppercase;position: relative; z-index: 2 }
	.bgimg .heroheading, .bgimg .herosubheading{text-shadow: 0px 0px 8px rgba(0, 0, 0, 1);}

			@media (min-width: 576px) {  

				.heroheading{font-size: 2.5rem;}
				.herosubheading{font-size: 1.8rem;}
			
			}
			@media (min-width: 768px) {
				.heroheading{font-size: 3.2rem;}
				.herosubheading{font-size: 2.5rem;}
			}
			@media (min-width: 992px) {
				.hero{padding: 130px 0 130px;} 
				.heroheading{font-size: 4rem;}
				.herosubheading{font-size: 2.4rem;}
			}
			@media (min-width: 1200px) {  

			}







.contentbox{ background: #fff; border: solid 1px #DEE2E6; padding: 1.5rem; margin-top: 1rem; font-size: .875rem; }
.contentbox input, .contentbox select{ font-size: .875rem;}

.contentbox h3, .contentbox h2, .contentbox h1{ display: inline-block;}

.action-bar{ float: right;}
.action-link{ display: inline-block; margin: 0 4px;;}
.contentinfo{ clear:both;}
.contentinfo .row{ margin-bottom:10px; }
.content-title{ font-weight: 700;}

.t-collapse td:first-child{padding: 0; }
.collapse-container{border-left: solid 1px #DEE2E6; border-right: solid 1px #DEE2E6; }

.home-tabs{ background: #fff;}
.nav-tabs.db-tabs .nav-link{ border-color:#dee2e6 #dee2e6 #fff; font-weight:700; background:#eee; background:#503351; color:#fff; }
.nav-tabs.db-tabs .nav-link.active{ background:#fff; color:#503351;  }

/* #homegrants{ min-height: 400px;; } */


.table-standard{ font-size:.875rem; border:1px solid #dee2e6 ; background:#fff; }

/* 306F84 */

.form-top-actions{ display: flex; flex-direction: row-reverse; }
.form-top-actions .btn{ margin-left:1rem; min-width:118px;}

.formnavhead{font-size: 1rem;}
.formnav{}
.formnav .nav-link{border:solid 1px #6c757d; color:#6c757d; background: #fff; margin-bottom:.5rem; margin-bottom:2px; border-radius: 0; text-align: center; padding: .25rem .75rem;}
.formnav .nav-link.active{ background:#6c757d; border:solid 1px #6c757d;}

.form-e-nav .nav-link{border:solid 1px #dee2e6; color:#6c757d; background: #fff; margin-bottom:.5rem; text-align: center; padding: .25rem .75rem;;}
.form-e-nav .nav-link.active{ background:#fff; color:#6c757d; border:solid 1px #000;}

.form-e-nav .bg-success, .form-e-nav .bg-danger, .form-e-nav .bg-warning, .form-e-nav .bg-info, .form-e-nav .bg-secondary{ color:#fff!important;}

.formcontainer{ border:1px solid #dee2e6 ; background:#fff; padding: 1.5rem; border-radius:.25rem; }


.formcontainer a{ text-decoration: underline; font-weight:700; }
.formcontainer a:hover{ text-decoration: none; }

.accept-sig label{ display: none; }


/* NAV Tabs/ Pills fix with Form inside Tab content */


.tab-content .tab-pane{display: none;}
.tab-content .tab-pane.active{display: block;}

.app-grant-form button[type=submit]{display: none;}
/* .app-grant-form{ background:#fc0;} */

/* .app-grant-form .form-group{ margin-bottom:2rem; } */


.fieldinstructions, .app-grant-form .text-muted{ font-size:.75rem; font-style: italic; text-align: right; padding-top:2px;}

.thead{ background:#503351!important; color: #fff!important;}


.assetnodel button.asset-del{ display: none; }


/*Matrix Fields*/
	
	/*image*/


	/*Grid*/
	.gridhead{ font-size: 1.2rem; font-weight: 700; }

	/*Downloads*/
	.doclist{ list-style: none; padding-left: 0;  }
	.doclist li{ font-size: 1.1em; clear: both; border-bottom: dashed 1px #999;}
	.doclist li:hover{ background: #eee;}
	.doclist li i{/*padding-top:10px; padding-bottom: 10px;*/ color: #000; padding-right: 20px;  }

	.doclist li a{ display: block; padding-top:10px; padding-bottom: 10px;}
	.doclist li a:hover{ background: #eee;}
	.doclist span{ display: inline-block;} 
	.doclist .docmain{ width: 75%; padding-left: 2%; padding-right: 2%; font-weight: bold;}
	.doclist .doctitle{  font-weight: bold; }
	.doclist .docdesc{  color: #000; }
	.doclist .docdown{ width: 14%; padding-left: 2%; text-align: center;}


/*LOGIN FORM*/
	.loginpage{ background: #fff; }
	.login-container{ max-width: 100%; width: 500px; }
	#loginform{ /* background: #eee; border:  solid 1px #ccc; padding: 30px;*/ font-size: .875rem; }
	#loginform img { max-width: 300px; }


/*CONSULTATIONS */
	.cons-additional{ margin-top: 3rem; padding: 3rem 0; background: #e1e1e1; background: #f9eaf9; }

		.formlink{ padding: 2rem 3rem; border: solid 5px #503351; margin: 2rem 0; display: inline-block;  }
		.formlink a{}

		.eventcontainer{  }
		.eventbox{ margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: dashed 1px #999;  }
			.eventtitle{ font-weight: 700; font-size: 1.2rem; }
			.eventdate{ font-weight: 700; }


	.linklist{ list-style: none; padding-left: 0;  }
	.linklist li{ font-size: 1.1em; clear: both; border-bottom: dashed 1px #999; }

	.linklist li i{ padding-right: 20px; padding-left: 20px;  }

	.linklist li a{ display: block; padding-top:10px; padding-bottom: 10px;}
	.linklist li a:hover{ background: #eee;}


	.cons-form{}
		.cons-form .nav-tabs{ margin-bottom: 1rem; }
		.cons-form .nav-tabs li{ border: solid 1px #eee; background: #eee;  }
		.cons-form .nav-tabs li.active { background: #fff; border-bottom-color: #fff; }
		.cons-form .nav-tabs li a{ padding: 8px 12px; display: block;  }	

		

	.custom-control-label::before{ background-color: #fff; border:solid 1px #ced4da;}


		
/* Error List */
	.error-list{ list-style: none; padding: 0; margin: 0; font-size: .875rem;}

/* // ALERTS */
	.alerts { position:fixed; top: 20px; right:20px; max-width:90%; max-height: 95vh; overflow: auto; z-index:10000; }
	.alerts .alert{ display: none; }

	.alert p:last-of-type{ margin-bottom:0; }


	.error{ color:#dc3545;}
	.tab-error{ border: solid 3px #dc3545!important;}
	.inputerror{border-color:#dc3545!important; color:#dc3545!important;}

	.form-check .error.help-block{ display: block; }
	
.fs-14{ font-size:.875rem; }
.fs-12{ font-size:.75rem; }




/* PRINT */
@media print  {
	.tab-content .tab-pane {
		display: block !important;
		opacity: 1 !important;
		visibility: visible !important;
		padding-bottom:15px;
		margin-bottom:20px;
		border-bottom:3px dashed #000;
	}
	.elig-tabs{ display:none; }
	.elig-tabcontent{max-width:100%; flex: 0 0 100%;}

	.eligrow{ border-bottom:solid 1px #ccc;}
}

.ftable tfoot{font-weight:700;}


/* Works with jquery in scripts.js */
.print-content {
	display: none !important;
  }
@media print {
	.hideprint{ display:none; }
	.printfull{max-width:100%; flex: 0 0 100%;}
	.print-content {display: block !important;white-space: pre;
		white-space: pre-line;}
	textarea {display: none !important;}
	.page-break { page-break-inside: avoid; page-break-before: always; }

}