/*------------------------------------*\
    Hide Styles
\*------------------------------------*/

.blank {
    display: none;
    visibility: hidden;
    position: absolute;
}


/*------------------------------------*\
    Header
\*------------------------------------*/

.header {padding: 1.8rem 1rem;}

.header p.address{padding: 25px 0 0 60px; margin: 0px; color: #000;}

.header p a {color: #000; text-decoration: underline;}

.header p a:hover {color: #75046d;}

.header strong{color: #75046d; }

/*------------------------------------*\
    Urgent Notice
\*------------------------------------*/

.nhs {
	padding-top:70px;
}

@media screen and (max-width: 600px) {
.nhs {
	padding-top:20px;
}
}

/*------------------------------------*\
    Urgent Notice
\*------------------------------------*/

.notice{
	background: #310051;  /* #7cd409 */
	margin: 20px 0 10px 0;
	padding: 0px 20px 20px 20px;
	
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
}

.notice p {
	color: #ffffff;
	font-size: 1.2em;
	font-weight: 500;
	text-align: center;
}

.notice h1 {
  color: #F57CF2;
  font-size: 2.6em;
  padding:5px 0px 5px 10px;
  text-align: center;
}

.notice h2 {
  color: #ffffff;
  font-size: 2.4em;
  padding:15px 0px 5px 10px;
  text-align: center;
}

.notice h3 {
  color: #ffffff;
  font-size: 1.8em;
  padding:15px 0px 5px 10px;
  text-align: center;
}

hr {
	margin: 10px 35% 10px 35% ;
	border: solid 1px #fff;
}

.yellow{
    color: #FFE808 !important;
}

.pink{
    color: #F57CF2 !important;
}

/*------------------------------------*\
    IE PNG FIX
\*------------------------------------*/

 img, div, input { behavior: url("iepngfix.htc") }


/*------------------------------------*\
    Skip To Content for Screen Readers so they can ignore the navigation etc
\*------------------------------------*/

#skiptocontent {
  height: 1px;
  width: 1px;
  position: absolute;
  overflow: hidden;
  top: -10px;
}

/*------------------------------------*\
    Navigation
\*------------------------------------*/


/* change the background color */
.navbar-custom {
    background-color: #75046d;
}

/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: #ffffff;
    padding: 1.2rem 1rem;
	text-decoration: none;
}

/* change the color of active or hovered links */
.navbar-custom .nav-item .active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #ffffff;
	background-color: #53074e;
}

.navbar-custom .nav-item .dropdown-menu .nav-link {
  color: #53074e;
  background-color: #FFFFFF;
  min-width: 12rem;
}

.navbar-custom .nav-item .dropdown-menu .nav-link:hover {
  color: #FFFFFF;
  background-color: #53074e;
  min-width: 12rem;
}


/*------------------------------------*\
    General Styles
\*------------------------------------*/

a {
  color: #75046d;
  text-decoration: underline;
}

a:hover {
  color: #000000;
  text-decoration: none;
}

.purple{
  color: #75046d;	
}

h2 {
  color: #75046d;
  font-size: 1.8em;
  padding:25px 0px 5px 0px;
}

h3 {
  color: #75046d;
  font-size: 1.5em;
  padding:10px 0px 5px 0px;
}

h4 {
  color: #75046d;
  font-size: 1.2em;
  padding:0px 0px 0px 0px;
}

p {
  padding: 0 0 0 10px;
}

.pad {
	padding: 25px 0;
}

iframe {
    top: 0;
    left: 0;
    width: 100%;
    height: 600px;
    border: 0;
    margin:0;
    padding:0;
}

/*------------------------------------*\
    Carousel
\*------------------------------------*/

.carousel {
  position: relative;
	padding: 20px 0 0 0;
}

/*------------------------------------*\
    Big Buttons
\*------------------------------------*/

.big {
	padding: 25px 0;
}

/*------------------------------------*\
    Forms
\*------------------------------------*/


.form-box {
  background: #eee ;
  padding: 20px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; /* future proofing */
  -khtml-border-radius: 10px; /* for old Konqueror browsers */
}

/*------------------------------------*\
    Footer
\*------------------------------------*/

footer {
    background-color: #75046d;
	margin: 30px 0 0 0;
}

.footer{
	color: #ffffff;
    padding: 1.5rem 1.5rem;
	text-decoration: none;
}

.footer p a {color: #ffffff; text-decoration: underline;}

.footer p a:hover {color: rgba(255,255,255,.5);}

.facebook {
  float: right !important;
}

/*------------------------------------*\
    Responsive Tables
\*------------------------------------*/

table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

table th,
table td {
  padding: .625em;
  text-align: left;
  vertical-align: text-top;
}

table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

@media screen and (max-width: 600px) {
  table {
    border: 0;
  }

  table caption {
    font-size: 1.3em;
  }
  
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: left;
  }
  
  table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }


/*------------------------------------*\
    Back To The Top
\*------------------------------------*/

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}

/*------------------------------------*\
    Viewports
\*------------------------------------*/

 /* Large devices (desktops, less than 1200px */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium devices (tablets, less than 992px */
    @media only screen and (max-width : 992px) {

    }

    /* Small devices (landscape phones, less than 768px */
    @media only screen and (max-width : 767px) {

	.header p.address{padding: 15px 0 0 0px; margin: 0px; color: #000;}
	
	.form-box {
      padding: 10px;
	}
	
	.facebook {
	  margin: 0 auto;
	}

	.carousel {
		display: none;	
	}
		
	.card {
	  margin: 5px 0;
	}

    }

    /* Extra small devices (portrait phones, less than 576px */ 
    @media only screen and (max-width : 576px) {
	.header p.address{padding: 15px 0 0 0px; margin: 0px; color: #000;}
    }