/* Navigation
 -- General (Section Colours)
 -- Menu
 -- Login
 -- Home Page
 -- Grid Page
 -- Info Page
 -- News Page
 -- Profile Page
 -- Blog Page
 -- GP/Pharmacy/After Hours/FindA Pages
 -- Header
 -- Footer
 -- Sidebar
 -- Buttons
 -- Text Field / Icon Field / Dropdown
 -- Search Form
 -- Login Form
 -- Select
 -- Voucher Form
 -- Check Boxes
 -- Calendar Items
 -- Google Map
 -- Issuu */


/* General */

body {
	background-color: #636466;
}

.searchResults {
	margin-top: 90px;
}

.searchResults #PageNumbers .prev {
	text-align: right
}

.searchResults #PageNumbers .pagination span {
	text-align: center;
}

.searchResults #PageNumbers .next {
	text-align: left;
}

.searchResults #PageNumbers a, .searchResults #PageNumbers .next, .searchResults #PageNumbers .prev {
	color: #007CAA
}

.searchResults #PageNumbers a:visited, .searchResults #PageNumbers .next:visited, .searchResults #PageNumbers .prev:visited {
	color: #007CAA
}
/*.main {
	padding-top: 210px;
}

.main.top {
	padding-top: 140px;
}*/

.hero-image {
	width: 100%;
	height: 480px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.full-width-image {
	width: 100%;
	height: 270px;
	margin-bottom: 60px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.inline-image {
	width: 180px;
	float: left;
	height: 200px;
	margin-right: 40px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.inline-title {
	width: auto;
	float: left;
	overflow: hidden;
}

.page-files {
	margin-top: 20px;
}

.typography .page-files a {
	margin-top: 4px;
}

.page-files .fa {
	padding-right: 10px;
}

.bg-logo {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.page-article {
	margin-top: 90px;
}

.left, .right {
	float: left;
	width: 50%;
	display: block;
}


/* Tooltip container */

.tooltip{
  position: relative;
  color: #007DAA;
  font-weight: bolder;
  cursor: pointer;
}
  .tooltip:hover::before{
    content: "";
    border: solid transparent;
    border-bottom-color: #007DAA;
    border-width: 10px;
    position: absolute;
    top: 20px;
    margin-left: -10px;
    left: 50%;
  }

  .tooltip:hover::after{
    content: attr(data-tooltip);
    position: absolute;
    font-weight: 100;
    line-height: 1.3em;
    margin: 0;
    background: #007DAA;
    color: #fff;
    padding: 15px 5px;
    border-radius: 5px;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    box-sizing: border-box;
    top: 40px;
    z-index: 1;
    font-size: .7em;
  }



/* Community Colours */
/*.community .dropdown-item select {
	color: #007DAA;
	border: 1px solid #007DAA;
}

.community .iconfield {
	color: #007DAA;
	border: 1px solid #007DAA;
}

.community .main .typography a.alink {
	color: #007DAA;
	border-bottom: 1px solid #007DAA;
}

.community .main .typography a.alink:hover {
	background-color: #007CAA;
	color: #fff;
}

.community a.button {
	border: 1px solid #55B6C9;
	color: #55B6C9;
}

.community a.button:hover {
	background-color: #55B6C9;
	color: #fff;
}

.community a.button.active {
	background-color: #007DAA;
}

.community .textfield:focus {
	border-color: #55B6C9;
	color: #55B6C9;
}

.community .iconfield {
	border: 1px solid #007DAA;
}

.community .iconfield .textfield {
	color: #007DAA;
}

.community .calendar-month {
	background-color: #007DAA;
}

.community .checkbox label {
	border: 1px solid #007DAA;
}

.community .checkbox input[type=checkbox]:checked + label {
	background-color: #007DAA;
}

.home-community .iconfield ::-webkit-input-placeholder {
    color:    #007DAA;
}
.home-community .iconfield :-moz-placeholder {
   color:    #007DAA;
   opacity:  1;
}
.home-community .iconfield ::-moz-placeholder {
   color:    #007DAA;
   opacity:  1;
}
.home-community .iconfield :-ms-input-placeholder {
   color:    #007DAA;
}
.home-community .iconfield ::-ms-input-placeholder {
   color:    #007DAA;
}
*/
.community .sidebar a {
	color: #007DAA;
}


/* Care Provider Colours */

.care-provider .tooltip {
	color: #338e49;
}

.care-provider .tooltip:hover::after{
	background: #338e49;
}

.care-provider .tooltip:hover::before{
	 border-bottom-color: #338e49;
}

.care-provider .header .bottom-bar {
	background-color: #96c75a
}

.care-provider .dropdown-item select {
	color: #338E49;
	border: 1px solid #338E49;
}

.care-provider .iconfield {
	color: #338E49;
	border: 1px solid #338E49;
}

.care-provider .main .typography a.alink {
	color: #338E49;
	border-bottom: 1px solid #338E49;
}

.care-provider .main .typography a.alink:hover {
	background-color: #338E49;
	color: #fff;
}

.care-provider a.button {
	border: 1px solid #55B6C9;
	color: #55B6C9;
}

.care-provider a.button:hover {
	background-color: #55B6C9;
}

.care-provider input.action {
	border: 1px solid #338E49;
	color: #338E49;
}

.care-provider input.action:hover {
	background-color: #338E49;
	color: #fff;
}

.care-provider a.button.active {
	background-color: #007DAA;
}

.care-provider a.alink, .care-provider .typography .content a {
	color: #2E8E49;
	border-bottom: 1px solid #2E8E49;
}

.care-provider a.alink:hover, .care-provider .typography .content a:hover {
	background-color: #2E8E49;
	color: #fff;
}

.care-provider .textfield:focus {
	border-color: #96C75A;
	color: #96C75A;
}

.care-provider .community .iconfield {
	border: 1px solid #338E49;
}

.care-provider .community .iconfield .textfield {
	color: #338E49;
}

.care-provider .calendar-month {
	background-color: #007DAA;
}

.care-provider .checkbox label {
	border: 1px solid #338E49;
}

.care-provider .checkbox input[type=checkbox]:checked + label {
	background-color: #338E49;
}

.care-provider .icon {
	background-color: #338E49;
}

.care-provider .sidebar h3 {
	color: #338E49;
	border-bottom: 1px solid #338E49;
}

.care-provider .sidebar a:hover {
	color: #338E49;
}

.care-provider #SearchForm_SearchForm_Search {
	color: #96c75a;
}

.care-provider #SearchForm_SearchForm_action_results {
	background-color: #96c75a;
}

.care-provider .center-bar .iconfield {
    background-color: #96c75a;
    border: 1px solid #96c75a;
}

.care-provider .iconfield ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #96c75a;
}
.care-provider .iconfield :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #96c75a;
   opacity:  1;
}
.care-provider .iconfield ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #96c75a;
   opacity:  1;
}
.care-provider .iconfield :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #96c75a;
}
.care-provider .iconfield ::-ms-input-placeholder { /* Microsoft Edge */
   color:    #96c75a;
}

.home-care-provider .iconfield ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #338E49;
}
.home-care-provider .iconfield :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #338E49;
   opacity:  1;
}
.home-care-provider .iconfield ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #338E49;
   opacity:  1;
}
.home-care-provider .iconfield :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #338E49;
}
.home-care-provider .iconfield ::-ms-input-placeholder { /* Microsoft Edge */
   color:    #338E49;
}

.care-provider .sidebar a {
	color: #338E49;
}

.care-provider .header .primary li.selected:after {
	color: #96c75a;
}

.care-provider .dropdown-nav .link.bottom-border, .care-provider .dropdown-nav .current.bottom-border {
	border-bottom: 1px solid #338e49;
}

.care-provider .header .primary .dropdown-nav li a {
	color: #338e49;
}

.care-provider a.button, .care-provider .button input {
	color: #96C75A;
	border: 1px solid #96C75A;
}

.care-provider a.button:hover, .care-provider .button input:hover {
	background-color: #96C75A;
	color: #fff;
}

.care-provider a.button:active, .care-provider .button input:active {
	background-color: #96C75A;
	color: #fff;
}

.care-provider .textfield input:focus {
    border: 1px solid #338E49;
	color: #338E49;
}

/* Menu */

.header {
    background: #fff;
    position: relative;
	width: 100%;
	z-index: 10;
}

.header-holder {
	z-index: 1;
}

#resp-header.header {
	position: fixed;
}

.header .inner {
    height: inherit;
}

.header .top-bar {
	width: 100%;
	height: 30px;
	line-height: 30px;
	background-color: #efefef;
}

.header .center-bar {
	transition: 0.5s;
	height: 120px;
	line-height: 120px;
	width: 100%;

}

.header .bottom-bar {
	width: 100%;
	height: 60px;
	line-height: 60px;
	background-color: #51B6C9;
	position: relative;
}

.center-bar.small {
	transition: 0.5s;
	height: 80px;

}

.center-bar.small .top-logo {
	transition: 0.5s;
	height: 50px;
	margin: 15px 0;
}

.nav-item a:hover, .nav-item a:visited{
	font-weight: bold;
}


/* Hamburger Menu */

.hamburger{
  display: none;
}

.hamburger:focus {
  outline: none;
}

.hamburger-box{
  display: none;
  position: absolute;
  right: 0;
  z-index: 999999;
  top: 10px;
  width: 30px;
}

body.showmenu {
    left: -280px;
    overflow: hidden;
}

body.showmenu .header .primary .main-menu {
    right: 0;
}

/* Login */

.security, .register {
	margin-top: 90px;
}

.typography .security a {
	font-size: 13px;
}

.logout {
	float: right;
	color: #51B6C9;
	font-size: 24px;
	margin-left: 50px;
	transition: 0.5s;
}

.logout.small {
	line-height: 80px;
	transition: 0.5s;
}

.care-provider .logout {
	color: #96C75A;
}


/* Home Page */

.HomePage .main {
	padding: 0px;
}

.HomePage .header {
	overflow: hidden;
}

.home-community, .home-care-provider {
	width: 50%;
	float: left;
	height:calc(100vh - 240px);
	min-height: 580px;
	padding-top: 60px;
	padding-bottom: 40px;
	position: relative;
	color: #fff;
	box-sizing: border-box;
	z-index: 0;
	text-align: center;
}

.typography .home-alert h3 {
	color: #fff;
}

.home-alert {
	background-color: #BC574E;
	text-align: center;
	padding: 10px;
	width: 100%;
    box-sizing: border-box;
}

.home-alert a.button {
	border-color: #fff;
	color: #fff;
	background-color: #BC574E;
	margin-left: 20px;
}

.home-alert a.button:hover {
	border-color: #BC574E;
	color: #BC574E;
	background-color: #fff;
}

.home-community h1, .home-community h3, .home-care-provider h1, .home-care-provider h3{
	color: #fff;
	font-weight: normal;
	padding: 10px 0;
	margin: 0;
}

.home-community-bg, .home-care-provider-bg {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: -2;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.home-community-overlay, .home-care-provider-overlay {
	position: absolute;
	opacity: 0.8;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}

.home-community-overlay {
	background-color: #55B6C9;
}

.home-care-provider-overlay {
	background-color: #96C75A;
}

.home-icon {
	width: 120px;
	height: 120px;
	line-height: 120px;
	margin: 0 auto;
	border-radius: 50%;
	position: relative;
}

.home-icon a {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: none;
	color: #fff;
	padding: 0px;
	z-index: 10;
	position: absolute;
	left: 0;
	top: 0;
}

.home-community .home-icon svg {
	width: 70px;
	height: 100%;
}

.home-icon a:hover {
	background-color: initial;
}

.home-icon i {
	font-size: 70px;
	line-height: inherit;
}

.home-community h3, .home-care-provider h3 {
	margin: 0 auto;
	width: 400px;
}

.home-community .home-icon {
	background-color: #127DAB;

}

.home-care-provider .home-icon {
	background-color: #338e49;
}

.care-provider .home-care-provider .dropdown-item select, .community .home-community .dropdown-item select {
	border: none;
}


.care-provider .home-care-provider .iconfield, .community .home-community .iconfield {
	color: #338E49;
	border: none;
}

.home-care-provider #SearchForm_SearchForm_action_results {
	background-color: #338E49;
}

.home-care-provider #SearchForm_SearchForm_Search {
	color: #338E49;
	font-size: 20px;
}

.home-community #SearchForm_SearchForm_action_results {
	background-color: #007DAA;
}

.home-community .iconfield ::-webkit-input-placeholder {
    color:    #007DAA;
}
.home-community .iconfield :-moz-placeholder {
   color:    #007DAA;
   opacity:  1;
}
.home-community .iconfield ::-moz-placeholder {
   color:    #007DAA;
   opacity:  1;
}
.home-community .iconfield :-ms-input-placeholder {
   color:    #007DAA;
}
.home-community .iconfield ::-ms-input-placeholder {
   color:    #007DAA;
}

.home-community #SearchForm_SearchForm_Search {
	color: #007DAA;
	font-size: 20px;
}

.typography .home-care-provider .home-icon a, .typography .home-community .home-icon a {
	color: #fff;
	border-bottom: none;
}

.typography .home-care-provider .home-icon a:hover, .typography .home-community .home-icon a:hover {
	background-color: initial;
}

.home-community .dropdown-item, .home-care-provider .dropdown-item {
	width: 400px;
	margin: 10px 0;
}

.home-community .iconfield, .home-care-provider .iconfield {
	width: 400px;
}

.home-links {
	margin-top: 30px;
}

.home-links .job-seekers {
	margin: 0 auto;
}

.home-links .employees {
	margin-right: 20px;
}

.home-links i {
	margin-right: 10px;
}

.home-community .home-icon .cls-1 {
	fill: #fff;
}


/* Grid Page */

.GridPage h1 {
	margin-top: 90px;
}

.GridPage .main {
	padding-top: 0px;
}

.grid-item {
	width: 400px;
	margin-right: 40px;
	float: left;
	min-height: 400px;
	position: relative;
}

.grid-item:nth-child(3n+1) {
	margin-right: 0px;
}

.grid-item .grid-image {
	width: 100%;
	height: 300px;
	position: absolute;
	bottom: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.news-item .grid-image {
	position: relative;
}

.grid-image {
	margin-bottom: 20px;
}

.grid-image a {
	display: block;
	width: 100%;
	height: 100%;
	border-bottom: none;
}

.grid-image a:hover {
	background-color: initial;
}

.read-more {
	margin-top: 40px;
}

/* Info Page */

.InfoPage .main {
	padding-top: 0;
}

.breadcrumbs {
	width: 100%;
	height: 30px;
	line-height: 30px;
	background-color: #EFEFEE;
}

.breadcrumbs a {
	color: #333;
}

.breadcrumbs a:hover {
	color: #6B6A6A;
}

.content-container {
	float: none;
	width: auto;
	overflow: hidden;
	padding-bottom: 90px;
}

.content-inner {
	width: 760px;
	margin: 0 auto;
}

.content-inner h1 {
	margin-bottom: 60px;
}

.top-section {
	margin-bottom: 90px;
}

/* News Page */

/* News */

.news-img {
	width: 100%;
	height: 600px;
	background-position: center center;
	background-size: cover;
}

.news-holder{
	margin: 10px 0 20px 0;
	float: 	left;
}
.news-holder h2{
	color: white;
    font-size: 35px;
    padding-top: 10px;
    line-height: 40px;
}
.news-bit{
	min-height: 562px;
	width: 	350px;
	margin: 20px 25px;
	float: 	left;
}
.news-bit-even{

}
.cover-image{
	width: 	100%;
	background-size: cover;
	background-position: top center;
	height: 220px;
}
.news-preview{
	width: 	100%;
	height: 300px;
	background-color: 	#fff;
}
.NewsPage .news-preview{
	background-color: #F4F4F4;
}
a .news-preview p{
	color:  #777984;
}
.date{
	color: #777984;
}
.news-preview h3{
	font-size: 22px;
	line-height: 	25px;
	padding: 20px 20px 0px 20px;
}
.news-preview .date{
	padding: 0 20px;
}
.news-preview p{
	padding: 5px 20px;
	font-size: 16px;
	line-height: 20px;
	word-wrap: break-word;
}
.typography a.news-read{
	display: 	block;
	text-align:  center;
	padding: 	10px 0;
	background-color: 	#51B6C9;
	transition: all ease 0.2s;
	text-decoration: none;
	color: #fff;
	border: none;
}
.typography a.news-read:hover{
	color: #fff;
	border-bottom: none;
}
a.news-all{
	display: block;
	float:  right;
	font-weight: bold;
	text-decoration: underline;
}

.pagnavinner {
	width: 200px;
	margin: 0 auto;
	text-align: center;
}

.typography .singlenews h1 {
	margin-top: 90px;
}

/* Profile Page */

.profile-container {
	width: 100%;
	margin: 40px 0px;
}

.prof-img {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background-position: top center;
	background-size: cover;
	float: right;
}

.prof-img-container {
	width: 40%;
	float: left;
}

.prof-text {
	width: 60%;
	float: left;
	padding-right: 20px;
	box-sizing: border-box;
	vertical-align: middle;
}

.prof-text h3, .prof-text h4 {
	display: inline-block;
}

.prof-text h3 {
	margin-right: 10px;
}

/* Blog Page */

.blog-entry {
	margin-top: 90px;
}

.blog-entry .content {
	margin: 20px 0;
}



/* GP/Pharmacy/After Hours/FindA Pages */

.logo {
	width: 300px;
	height: 200px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	float: right;
}

.typography .find-a-table td {
	width: 50%;
	padding: 10px;
}

.find-a-table #map {
	margin: 0 auto;
}

.find-a-table {
	clear: both;
}

.find-a-page {
	margin-top: 90px;
}

.typography .find-a-page .right {
	text-align: center;
}

.find-a-header {
	margin-top: 90px;
	float: left;
}

.nowrap {
	white-space: nowrap;
}

.nowrap table {
	margin: 0 auto;
}

.opening {
	margin-top: 20px;
}

a.button.location {
	display: block;
	max-width: 600px;
	width: 600px;
	margin: 0 auto;
	margin-bottom: 10px;
	min-height: 40px;
	height: auto;
}

/*.doc-info .left, .doc-info .right {
	width: 50%;
	float: left;
}

.doc-info .doc-section {
	margin: 20px 0;
}

.doc-info .left {
	text-align: left;
}

.doc-info .right {
	text-align: right;
}

.doc-top .bg-logo {
	height: inherit;
	width: 200px;
}


.doc-top {
	height: 80px;
	line-height: 80px;
	vertical-align: middle;
}

.doc-top h3 {
	line-height: inherit;
}

.doc-bot #map {
	float: right;
}*/

/* Header */

.top-logo {
	height: 100%;
	width: 250px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	transition: 0.5s;
}

.top-level svg {
	width: 13px;
	height: 13px;
	vertical-align: middle;
	fill: #636466;
	padding-bottom: 2px;
}

.top-level svg .cls-1 {
	fill: #636466;
}

.top-logo a {
	width: 100%;
	height: 100%;
}

.top-level li a {
	color: #636466;
}

.top-level li a:hover {
	color: #338e49;
}

.top-level li .Community:hover {
	color: #007daa;
}

.top-level li a:hover .cls-1 {
	fill: #007daa;
}

.header .fa {
	vertical-align: initial;
}

.center-bar .iconfield {
	display: inline-block;
	background-color: #55B6C9;
	border: 1px solid #55B6C9;
	width: 400px;
	float: right;
	top: 50%;
    margin-top: -20px;
}

.center-bar .icon {
	background-color: #55B6C9;
}

.dropdown-nav {
	background: #fff;
	position: absolute;
	left: 0;
	display: none;
	width: 100%;
	height: auto;
	transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
	overflow: hidden;
	box-sizing: border-box;
	overflow: hidden;
	box-shadow: 0px 4px 6px -6px #1e1e1e;
}

.dropdown-nav .inner {
	height: auto;
}

.dropdown-nav li.link {
	margin: 0px;
}

.dropdown-nav .link.bottom-border, .dropdown-nav .current.bottom-border  {
	border-bottom: 1px solid #007daa;
}

.header .dropdown-nav li {
	width: 280px;
	margin-right: 40px;
	height: 65px;
	box-sizing: border-box;
}

.header .dropdown-nav li span {
	font-size: 20px;
	display: inline-block;
    vertical-align: middle;
    line-height: 23px;
    position: relative;
    z-index: 10;
}

.header .primary .dropdown-nav li a {
	color: #007daa;
}

.dropdown-nav.show {
	display: block;
	margin-top: 0;
}

/* Footer */

.footer .footer-1, .footer .footer-2, .footer .footer-3 {
	width: 30%;
	margin-right: 3.33%;
	float: left;
}

.footer-1 a, .footer-2 a {
	color: #1e1e1e;
	display: block;
	font-size: 20px;
	text-decoration: none;
	line-height: 33px;
}

.footer-1 a:hover, .footer-2 a:hover {
	color: #787878;

}

.footer-center p {
	display: inline-block;
}

.footer-center .fa {
	padding-right: 10px;
}

.footer-center .ph-1 {
	padding-right: 50px;
}

.footer-center .fa {
	font-size: 25px;
	vertical-align: middle;
}

.footer-center .dial {
	color: #BC574E;
	font-weight: bold;
}

.footer-bottom span {
	display: inline-block;
	line-height: 20px;
    vertical-align: middle;
}

.footer-bottom .review {
	/*display: block;*/
}

/* Sidebar */

.sidebar h3 {
	color: #007DAA;
	border-bottom: 1px solid #007DAA;
    padding-bottom: 5px;
}

.sidebar ul {
	margin-left: 0px;
}

.sidebar a {
	border: none;
	display: block;
}

.sidebar a:hover {
	background: none;
	color: #007DAA;
	font-weight: bold;
}

.sidebar .current {
	font-weight: bold;
}

.sidebar .current ul, .sidebar .section ul {
	font-weight: normal;
	padding-left: 30px;
}

/* Buttons */
a.button, .button input{
	display: inline-block;
	min-width: 120px;
	padding: 0 20px;
	box-sizing: border-box;
	height: 40px;
	margin-top: 10px;
	text-align: center;
	border-radius: 6px;
	border-bottom: none;
	border: 1px solid #55B6C9;
	background-color: #fff;
	color: #55B6C9;
}

a.button {
	line-height: 40px;
	font-size: 20px;
}

.button input{
	line-height: 28px;
}

a.button:hover, .button input:hover {
	background-color: #55B6C9;
	color: #fff;
}

a.button.active, .button input.active {
	background-color: #007DAA;
}

/* Text Field / Icon Field / Dropdown */

.textfield input{
	border-radius: 6px;
	border: 1px solid #636466;
	color: #636466;
	height: 40px;
	width: 200px;
	padding: 0 20px;
	font-size: 20px;
}

.textfield .date {
	width: 150px;
}

.textfield input:focus {
	border-color: #55B6C9;
	color: #55B6C9;
}

.iconfield {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 242px;
	height: 40px;
	border-radius: 6px;
	overflow: hidden;
	box-sizing: border-box;
	border: 1px solid #007DAA;
}

.iconfield .textfield {
	border: none;
	color: #007DAA;
	width: inherit;
	height: inherit;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
}

.iconfield input {
	font-family: "Roboto", "CamboRegular", Georgia, "Times New Roman", Times, serif;
}

.icon .fa.rotate {
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

.icon .fa {
	-webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    vertical-align: middle;
}


.icon {
	position: absolute;
	pointer-events: none;
	right: 0;
	top: 0;
	width: 50px;
	line-height: 40px;
	font-size: 20px;
	text-align: center;
	height: 100%;
	color: #fff;
	background-color: #007DAA;
	border-radius: 0 6px 6px 0;
}

/* Search Form */

#SearchForm_SearchForm, #SearchForm_SearchForm .middleColumn, #SearchForm_SearchForm_Search_Holder, #SearchForm_SearchForm_Search{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: none;
}

#SearchForm_SearchForm_Search {
	padding-left: 20px;
	color: #55B6C9;
	box-sizing: border-box;
}

#SearchForm_SearchForm_action_results {
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	line-height: 38px;
	font-size: 20px;
	text-align: center;
	height: 100%;
	color: #fff;
	font-family: 'WebSymbolsRegular';
	background-color: #55B6C9;
	border-radius: 0;
	padding: 0;
	margin: 0;
	border: none;
}

.iconfield ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #55B6C9;
}
.iconfield :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #55B6C9;
   opacity:  1;
}
.iconfield ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #55B6C9;
   opacity:  1;
}
.iconfield :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #55B6C9;
}
.iconfield ::-ms-input-placeholder { /* Microsoft Edge */
   color:    #55B6C9;
}

/* Login Form */

#MemberLoginForm_LoginForm_Remember_Holder label {
	position: initial;
	width: auto;
	height: auto;
	border: none;
}

#MemberLoginForm_LoginForm_Remember_Holder input {
	margin: 0;
	margin-right: 20px;
	z-index: 0;
	display: block;
	position: initial;
}

#MemberLoginForm_LoginForm_Remember_Holder.checkbox {
	width: auto;
}

#WellSouthLoginForm_WellSouthLoginForm .alink {
	margin: 10px 0;
}

#MemberLoginForm_LoginForm_Remember_Holder {
	display: none;
}

.typography #ForgotPassword a {
	color: #007CAA;
    padding: 4px;
    font-size: 13px;
    line-height: inherit;
    padding-bottom: 2px;
    border-bottom: 1px solid #007CAA;
    cursor: pointer;
    display: inline-block;
    margin-top: 10px;
    /*
	padding: 6px 15px;
    letter-spacing: 1px;
    border: none;
    text-transform: uppercase;
    font-size: 13px;
    width: auto;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    line-height: 28px;
    text-align: center;
    border-radius: 6px;
    border-bottom: none;
    border: 1px solid #55B6C9;
    background-color: #fff;
    color: #55B6C9;
    box-sizing: border-box;
    float: left;*/
}

.typography #ForgotPassword a:hover {
	color: #fff;
    background-color: #007CAA;
    /*background: #51B6C9;
    color: #fff;*/
}

/* Select */

.dropdown-item {
    position: relative;
    display: inline-block;
    cursor: pointer;
    height: 40px;
    width: 240px;
}

#VoucherRegisterForm_VoucherRegisterForm .dropdown-item {
	width: 412px;
}


.dropdown-item select {
    background-color: #fff;
    color: #007daa;
    border: 1px solid #007daa;
    padding: 0 16px;
    width: inherit;
    font-size: 20px;
    height: inherit;
    line-height: inherit;
    border-radius: 6px;
    cursor: pointer;
    overflow: hidden;
    margin: 0px;
    font-family: "Roboto", "CamboRegular", Georgia, "Times New Roman", Times, serif;
}

.dropdown-item option  {
    background-color: #fff;
    min-width: 244px;
    border-radius: 6px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    cursor: pointer;
}

.dropdown-item option:hover {
	background-color: #007DAA;
	color: #fff;
}

/* Voucher Form */

.voucher-form {
	margin: 0 auto;
	width: 450px;
}

.errorcontainer{
  border: 1px solid #bc574e;
  border-radius: 6px;
  width: 100%;
  padding:  20px;
  margin-bottom: 20px;
}
.errorcontainer h4{
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #bc574e;
}
.errorcontainer ul li{
  list-style: none;
  font-size: 16px;
}

a.voucher-success {
    margin: 0 auto;
    margin-top: 20px;
    width: 250px;
    display: block;
}

.voucher-form .textfield, .voucher-form .dropdown-item {
	display: block;
	margin: 10px 0;
	width: 300px;
}

.terms-label {
	line-height: 32px;
}

.terms-label a {
	margin-left: 4px;
}

.form-title {
	margin-top: 20px;
}

.voucher-form a.alink {
	font-size: 13px;
	line-height: inherit;
	padding-bottom: 2px;
}

/* Login Form */

.wellsouth-login a.alink {
	font-size: 13px;
	line-height: inherit;
	padding-bottom: 2px;
}


/* Check Boxes */

.checkbox {
	width: 25px;
	margin-right: 20px;
	margin-top: 20px;
	position: relative;
	display: inline-block;
	vertical-align: bottom;
}

.checkbox label {
	cursor: pointer;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	display: inline-block;
	background-color: #fff;
	border: 1px solid #007DAA;
	border-radius: 4px;
}

.checkbox label .fa {
	line-height: inherit;
	opacity: 0;
}

.checkbox label:after {
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 6px;
	left: 7px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;
	transform: rotate(-45deg);
}

.checkbox input[type=checkbox]:checked + label {
	background-color: #007DAA;
	color: #fff;
}

.checkbox input[type=checkbox]:checked + label .fa {
	opacity: 1;
}


/* Calendar Items */

.calendar-item h5 {
	line-height: 30px;
	color: #fff;
	font-weight: bold;
}

.calendar-item h2 {
	line-height: 60px;
	margin-bottom: 0;
}

.calendar-text h3 {
	margin-bottom: 0;
}

.calendar-item {
	width: 50%;
	display: inline-block;
	margin: 30px 0;
}

.calendar-text {
	display: inline-block;
	vertical-align: top;
}

.calendar-text .fa {
	margin-right: 5px;
}

.calendar {
	display: inline-block;
	height: 90px;
	width: 70px;
	border-radius: 6px;
	overflow: hidden;
	text-align: center;
	font-weight: bold;
	margin-right: 10px;
}

.calendar-month {
	background-color: #007DAA;
	display: block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	color: #fff;
}

.calendar-day {
	background-color: #EFEFF0;
	width: 100%;
	height: 60px;
}

/* Google Maps */

#map {
	width: 400px;
	height: 400px;
}

/* Issuu */

.archive {
	margin-top: 40px;
}

.issuu-container, .top-container {
	margin-top: 90px;
}

