/*
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: #e4edf6; background:#fcfcfc;  background:#fff; color: #1e1e1e;

	min-height: 100vh; position: relative; margin: 0; padding-bottom: 100px; box-sizing: border-box;
}
footer{ height:100px; position: absolute; bottom: 0; width: 100%;;}
body.embedpage{padding-bottom:0; }
body.embedpage #maincontent{ max-width:900px; padding-top:10px;  overflow-x:hidden;}
/* body.embedpage #maincontent .mainmodule form{ line-height: 1;} */
.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{ 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-sm{ padding:.0625rem .25rem; }

.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; }





.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;;}

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


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

.mainmodule{ background: #f6f6f6; border:solid 1px #ccc; padding: 1rem; }
.mainmodulel{ background: #fff; padding: 1rem; }
@media (min-width: 960px) {
	.mainmodule{  padding: 2rem; min-height:466px;}
	.mainmodulel{  padding: 2rem; }
}
.mainmodule label{ font-weight:700;}
.mainmodule .form-check{ margin-bottom:15px;}
.mainmodule .form-check-label{font-weight:400;}
.mainmodule .form-check-inline{/* width:300px; */}

.mainmodule.nobg{ background:none; border:none;}
.mainmodule.nopad{ padding:0;}
.mainmodule.ichk300  .form-check-inline{ width:300px;}

.mainformcontainer form{ display: flex; flex-direction: column;}
.mainformcontainer form .alert{ order:4; }

label.chk300 + div .form-check-inline{ width:300px; }


/*Calendar*/
#calrow{ background-size: cover; }
#calrow h3{ /*color: #fff;*/ text-align: center;  }
.box{ background:#fff;  }
.homecal{ padding: 0 15px; margin-bottom: 2rem; }
.calhead{ background: #F0F2F5;  font-weight: 700; }
.dayscontainer .col{ padding: 0;  }


.dayhead{ font-weight: 700; text-align:center; }
.day{ display: block; text-align: center;line-height: 35px;font-weight: 700; display: flex; align-items: center; justify-content: center;}

.day a.daylink{ display: inline-block; width: 35px; height: 35px; /*line-height: 35px;*/   /*border: solid 1px #006633;*/ background: #fff; /* color: #006633; */ /* border: 2px solid #006633;  */max-width: 100%;display: flex; align-items: center; justify-content: center;}
.day a.daylink:hover{ /* color: #fff; */ background-color: #F0F2F5}
.day a.daylink.active{ color:#fff; background:#503351;}
@media (min-width: 768px) {
			.homecal{ margin-bottom: 1rem;}
	.day a.daylink{border-radius: 50%; /*border: solid 2px #006633;*/}
	.homecal .day a.daylink{border-radius: 0; /*border: solid 1px #006633;*/}

}
@media (min-width: 960px) {
	  .calhead .calleft{ left: 15px;}
  .calhead .calright{ right: 15px;}
	.homecal .day a.daylink{border-radius: 50%; /*border: solid 2px #006633;*/}
}

.fs-12{ font-size:.75rem; }
.fs-14{ font-size:.875rem; }

.pastdate{ color:#ccc;}


.timelist{ list-style: 0; padding:0; margin:0; }	
.timelist li{ display: inline-block; margin: 0 0px 0px 0; }
.timelist li a{ display: block; padding:8px 20px;}
.timelist li a:hover{ background: #F0F2F5;}

.timelist li a.active{ color:#fff; background:#503351;}


.list-group-item a{ display: block;}
.list-group-item a:hover{ background: #ccc;;}


/*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;}

	.standard-sec{ padding: 3.5rem 0;  }

	.textblocklink{ display: block; height:100%;  background: #503351;/*background:#0267C1; */ color:#eee; color: #fff; border-radius: 4px; padding:1rem 1.5rem; position: relative; font-weight: 700;  transition:all 0.1s ease; text-decoration:none;}
	.textblocklink:hover{ /* color:#F8B70E; background:#222856 ; */ color:#fff;  }
	.textblocklink::before{ content: ' '; position: absolute; width:6px; height: 100%; left:0; top:0; border-radius: 4px; background: #371A38; z-index: 1;  transition:all 0.3s ease;  }
	.textblocklink:hover::before{width:calc(100% - 6px);}

	.textblocklink span{ position: relative; z-index: 2; }




	/* .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;  }	
		
		
/* Error List */
	.error-list{ list-style: none; padding: 0; margin: 0; font-size: .875rem;}

/* // ALERTS */
	.alerts { position:fixed; top: 20px; right:20px;}
	.alerts .alert{ display: none;}


	pre { padding:10px; background: #eee;
		white-space: pre-wrap;       /* Since CSS 2.1 */
		white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
		white-space: -pre-wrap;      /* Opera 4-6 */
		white-space: -o-pre-wrap;    /* Opera 7 */
		word-wrap: break-word;       /* Internet Explorer 5.5+ */
	}


	#ui-id-1{ width:100%!important; max-width: 100%!important; }


@media print {
	/* styles here */
 	body{font-size: 12px;}
	.print-form{ padding-bottom:0!important; }
	.print-form h3{ font-size:14px; margin-bottom: 0; }
	.print-form hr{ display: none; }
	.print-form .btn.btn-info{ display: none; }
	.print-form .form-check{ display: inline-block; }
	.navbg{ display: none; }
	footer{display: none;}
}