@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,800,800italic");

body { font-family: "Open Sans", Helvetica, sans-serif; background:#f3f6fa;letter-spacing: 0.02em;font-size:1rem; }

h1, h2, h3, h4, h5, h6 {letter-spacing: 0.03em;}

a:focus { outline: 3px solid #ffc848; }
button:focus { outline: 3px solid #ffc848; outline-offset: 0; }
button.primary:focus, .button.primary:focus, button.register:focus {}

a:not([href]):not([tabindex]) {color: inherit;text-decoration: none; }
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; }
a:not([href]):not([tabindex]):focus { outline: 0; }

.green {background-color:#5c8217;}
.blue {background-color:#007eb4;}
.orange {background-color:#F39204;}
.purple {background-color:#951B81;}
.pink { background-color:#ba5385;}

.row { margin-left:0;margin-right:0;}
.row > * { padding: 0; }
.wrapper {padding:0;}
.bg-content {background-color:#fff;padding:100px 30px 30px 30px;}
.padding-right-40 {padding-right: 40px!important;}
.margin-top-40 {margin-top:40px;}
.margin-bottom-40 {margin-bottom:40px;}
.margin-bottom-60 {margin-bottom:60px!important;}
.margin-bottom-80 {margin-bottom:80px!important;}

.normal { margin:0!important; width:100%!important; }
.inner.row .col-12-medium { padding: 0; }

.wrapper.style5 { background-color: #f3f6fa; }
.wrapper.style5 h2, .wrapper.style5 h3, .wrapper.style5 h4, .wrapper.style5 h5, .wrapper.style5 h6 { color: #096F48; font-weight: 600;}

body.landing #page-wrapper { background-color:#f3f6fa; }
body.is-menu-visible #page-wrapper { opacity: 0.7; }

fieldset { border: 0; }

.editor .snippet { width: 100%;}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.container { margin: 0 auto; max-width: 100%; width: 1280px; }

.header-top {background-color: #042b1c;width: 100%;height: 45px; z-index: 11000;position: fixed;top:0;}
.header-top ul {list-style: none;padding-top: 9px;margin-right: 25px;float: right;display: flex;}
.header-top ul li {font-size:0.9em;margin-right: 7px;}
.header-top ul li a {border-bottom:0;}
.header-top ul li a:hover {text-decoration:underline;}
.header-top ul li.call-me { margin-left: 30px;}
.header-top {display:none;}
/*#header {top: 45px;}*/
#header .headerid { border-bottom:0;}
#header .logo .symbol img { height: 3em; }
#header .logo > * , #header nav > ul > li > a { color:#fff;}
#header nav > ul > li:first-child {margin-top:4px;}
#header nav > ul > li > a > span { padding: 15px; position: relative;top:-7px;text-transform: uppercase;font-weight:600;}
#header .fa-search {font-size:1.6em;position:relative;top:-3px;}
.visually-hidden {display:none;}

header#header {
    position: absolute;
}

#menu { background-color:#881a63;}
#menu h2:nth-of-type(1), #menu h2:nth-of-type(2) { display: none; }
/*#menu ul.list:nth-of-type(1) { display: none; }*/
#menu ul > li {padding:0.6em 0 0 0;margin:0.3em 0 0 0;border-top: solid 1px rgb(1, 68, 43);}
#menu ul > li > a {font-size:1em;text-transform: none;font-weight:normal;line-height:2em;}
.mobile-search #searchbtn {margin-top:1rem;font-size:0.7em;}

#header nav > ul > li > a.menuToggle:focus { outline: 3px solid #ffc848;}

#banner {height:82vh;background-color: rgba(0, 0, 0, 0);}
#banner .more {display:none;}
#banner h2 { font-size:3.5em;font-weight:400;}
#banner h2:before, #banner h2:after {background:none;}
#banner:after {background:none;}

#main > header { background-attachment: inherit;padding: 15em 0 15em 0;}
/*#main > header h2 { display:none; }*/
.breadcrumb { display:none;}

.wrapper > .inner {width:1280px;margin:0 auto;}

.hdr-button {z-index: 11000; position: fixed; right: 196px; top: 20px;}
button.register, .button.register { color:#096F48!important;background-color:#fff;text-transform:uppercase;letter-spacing: 0.1em;font-weight: 600;font-size: 0.8em;box-shadow: none!important;border: 1px solid #fff; }
button.register:hover, .button.register:hover { color:#fff!important;background-color:transparent!important; }

#one .wrapper.style3 {background-color:#fff;color:inherit;}
#one .wrapper.style3 h3 { color: #096F48; font-weight: 600;}
#one .wrapper.style3 h3:after {content: ""; display:block; top: 40px; left: 0; margin:10px 0 0 0; border-bottom: 1px solid #096F48;width:15%;}

#one .promo-box-container { display: flex; margin-top: -170px; }
#one .promo-box {color:#fff;z-index: 999;}
#one .promo-box .green {display:block;width:100%;background-color:#942b00;padding: 30px 30px 50px 30px;}
@media(max-width:980px) {#one .promo-box .green {margin-top: -50px;}}
#one .promo-box .blue {display:block;width:100%;background-color:#007eb4;padding:30px 30px 50px 30px;}
#one .promo-box .orange {display:block;width:100%;background-color:#881a63;padding:30px 30px 50px 30px;}
#one .promo-box .green:hover {background-color:#851A63;	-moz-transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out; -webkit-transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
														-ms-transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out; transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;}
#one .promo-box .blue:hover {background-color:#016b98; -moz-transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out; -webkit-transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
														-ms-transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out; transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;}
#one .promo-box .orange:hover {background-color:#9c416d; -moz-transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out; -webkit-transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
														-ms-transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out; transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;}
#one .promo-box h3 {font-size:1.2em;color:#fff!important;}
#one .promo-box h3:after {content: ""; display:block; top: 40px; left: 0; margin:10px 0 0 0; border-bottom: 1px solid #fff!important;width:20%;}
#one .promo-box p {line-height: 1.6em;color:#fff;}
#one .promo-box .green i, #one .promo-box .blue i, #one .promo-box .orange i { color:#fff;float:right;}
#one .promo-box .green i a:active, #one .promo-box .blue i a:active, #one .promo-box .orange i a:active { color:#fff;}

#two.wrapper { padding:3em 2em 3em 2em; }
#two.wrapper.style3 h3 { font-size:1.6em;color:#007eb4;}
#two.wrapper.style3 h3:after {border-bottom:1px solid #007eb4;}
#two button.primary, #two .button.primary { font-size:0.9em;color:#fff!important;background-color:#881a63;font-weight:600;text-transform:uppercase;letter-spacing: 0.1em; }
#two button.primary:hover, #two .button.primary:hover { background-color:#016b98!important;color:#fff!important; }

#three.wrapper.style1 { background-color: #f3f6fa; color: inherit;padding:0;}
#three.wrapper.style1 .panel-one { background-color: #fff; padding:25px;border:10px solid #f3f6fa;}
#three.wrapper.style1 .panel-one:hover {background-color:#eafff7;}
#three.wrapper.style1 .panel-two { background-color: #fff; padding:25px;border:10px solid #f3f6fa;}
#three.wrapper.style1 .panel-two:hover {background-color:#e2f5fd;}
#three.wrapper.style1 .panel-three { background-color: #fff; padding:25px;border:10px solid #f3f6fa;}
#three.wrapper.style1 .panel-three:hover {background-color:#ffebf5;}
#three.wrapper.style1 .panel-one:hover, .panel-two:hover, .panel-three:hover { -moz-transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out; -webkit-transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
														-ms-transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out; transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;}
#three.wrapper.style1 .spotlight {display:block;}
#three.wrapper.style1 .image { display: block; width: 100%; margin: 0 0 2em 0; }
#three.wrapper.style1 .panel-one h3 {color:#096F48;}
#three.wrapper.style1 .panel-two h3 {color:#007eb4;}
#three.wrapper.style1 .panel-three h3 {color:#ba5385;}
#three.wrapper.style1 .spotlight h3 a {border-bottom:0!important;}
#three.wrapper.style1 .spotlight h3:after {border-bottom:0;}
#three.wrapper.style1 p { margin:0 0 2em 0;padding:0; }
#three.wrapper.style1 button.primary, .wrapper.style1 .button.primary { color:#fff!important;background-color:#007eb4;font-weight:600;text-transform:uppercase;letter-spacing: 0.1em; }
#three.wrapper.style1 button.primary:hover, .wrapper.style1 .button.primary:hover { background-color:#016b98!important;color:#fff!important; }

#four.wrapper .events-outer { position: relative; width: 100%; }
#four.wrapper .events-outer img { width: 100%; height: auto; }
#four.wrapper .events-outer .button.primary { position: absolute; top: 50%; left: 50%; font-size:1.2em;color:#fff;box-shadow: inset 0 0 0 2px #fff!important;font-weight:600;background-color:#881a63;text-transform:uppercase;letter-spacing: 0.1em; cursor: pointer;  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

@media screen and (max-width: 980px) {
	#four.wrapper .events-outer .button.primary {
		font-size: 0.85em;
	}
}

#four.wrapper .events-outer .button.primary:hover { background-color:#016b98!important;}

#five.wrapper.style3 { padding: 2.5rem 0; background:#fff; }
#five.wrapper.style3 .left-col { width:75%;padding-left:20px;}
#five.wrapper.style3 .right-col { width:25%;padding-right:20px; }
#five.wrapper.style3 h3 { font-size:1.7em; color:#951B81;} 
#five.wrapper.style3 h3:after {border-bottom:0;}
#five.wrapper.style3 button.primary, #four.wrapper.style3 .button.primary { font-size:0.9em;color:#fff;background-color:#951B81;text-transform:uppercase;letter-spacing: 0.1em;border:1px solid #fff;float:right; }
#five.wrapper.style3 button.primary:hover, #four.wrapper.style3 .button.primary:hover { background-color:#7b0969!important; }

#six.wrapper.style5 .features li {padding:4.5em;width:45%;}
#six.wrapper.style5 .features li:nth-child(1) { background-color: #fff; border-top: 15px solid #5c8217; border-left:3px solid #5c8217; border-right:3px solid #5c8217; border-bottom:3px solid #5c8217; margin-right: 25px;border-radius:0; }
#six.wrapper.style5 .features li:nth-child(2) { background-color: #fff; border-top: 15px solid #ba5385; border-left:3px solid #ba5385; border-right:3px solid #ba5385; border-bottom:3px solid #ba5385; border-radius:0; }
#six.wrapper.style5 .features li:nth-child(1) h3 {font-size:1.2em;color:#5c8217;}
#six.wrapper.style5 .features li:nth-child(2) h3 {font-size:1.2em;color:#ba5385;}
#six.wrapper.style5 h3:after {border-bottom:0;}

.h1-bg {display:none;}
#one .bg-content {background-color:#fff;padding:40px 50px 30px 0;}
#one .bg-content h2, #one .bg-content h3,  #one .bg-content h4, #one .bg-content h5 { color:#007eb4; font-weight: 600;}
#one .bg-content h2 {font-size:2rem;}
#one .bg-content h2.page-subheading {display:none;}
#one .bg-content h3 {font-size:1.5rem;}
#one .bg-content h4 {font-size:1.1rem;}
#one .bg-content a {color:#096F48;}
#one .bg-content ul {list-style:square;line-height:1.8em;}
#one .bg-content hr { border-color: #eee; width: 50%;}
.bg-content.inner.row > .col-12-medium {padding-left: 40px;}

.sidebar__section, .supplement { clear: both; float: left; margin: 3rem 0 0; width: 100%; padding-left: 1em; padding-right: 1em;}
.sidebar__heading, .supplement__heading { border-top: 3px solid #ba5385; }
h2.sidebar__heading, h2.supplement__heading { color:#ba5385!important; font-size: 1.2rem!important; font-weight: 600; margin: 0 0 1rem; padding-top: 1rem; text-transform: uppercase!important; }
.supplement--contact .supplement__subheading, .supplement--contact .meta--telephone, .supplement--contact .meta--fax, .supplement--contact .meta--email, .supplement--contact .meta--address, .supplement--contact .list--sub-links .list__link {
   position: relative; }
.supplement--contact .supplement__subheading { margin-bottom: .75rem; }
.supplement__subheading { font-size: 1rem;text-transform: none;font-weight:600; }
.supplement--contact .meta { margin: 0 0 .3rem;font-size:0.9em; }
.meta--address, .meta--telephone {font-size: 1rem;text-transform: none;}
.fa-user, .fa-map-marker, .fa-phone { font-size: 1.4em; margin-right: 0.7rem;}
#one .sidebar__section ul, #one .supplement ul {list-style:none;line-height: 1.9em;padding:0;font-size:0.9em;}
#one .sidebar__section ul li, #one .supplement ul li {padding-left:0;}

p/*.summary {display:none;}*/
h2.page-subheading, h2.form__heading {font-size:2rem;margin-top:1.5em;color:#007eb4!important; font-weight:600;}
.list--2up {list-style:none;line-height:2em;margin:0;padding-left:0;}
.button--block { font-size:1em;color:#fff!important;background-color:#007eb4;text-transform:uppercase;letter-spacing: 0.1em;margin-top:4em;box-shadow:none!important; }
.button--block:hover { background-color:#016b98 !important; }
.boxed button.primary { font-size:1em;background-color:#007eb4;text-transform:uppercase;letter-spacing: 0.1em;}
.boxed .button.primary:hover { background-color:#016b98 !important; }

footer#footer {font-size:14px;line-height:0.5em;text-align:left;padding-top:40px;padding-bottom:30px;}
#footer { padding:0;background-color:#881a63!important; margin-top: 5em;}
#footer .container {margin-left: auto; margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; }
.goog-te-gadget .goog-te-combo {background-color:#013320; }

.back-to-top { position: fixed; bottom: 25px; right: 25px; display: none;z-index:999; }
.btn-top { cursor:pointer;color: #fff!important; background-color:#881a63; display: inline-block; font-weight: 400;text-align: center;white-space: nowrap;vertical-align: middle;border: 0;padding: .5rem 1rem;font-size: 1.5rem;
    line-height: 1.5; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; -webkit-user-select: none;
    -moz-user-select: none; -ms-user-select: none; user-select: none; }
.btn-top:hover {background-color:#f64801;}

@media screen and (max-width: 1370px) { .wrapper > .inner { width: 90%; } .footer-links {padding-left:30px;}  }

@media screen and (max-width: 980px) { 
	#banner {height:55vh;margin-top:5em;} 
	#one .promo-box-container {display:block;margin-top:15px;width:100%;} 
	.wrapper > .inner { width: 100%; padding-left: 0.5em; padding-right: 0.5em;} 
	.wrapper.style1 .panel {margin-right:0;} 
	#two.wrapper.style3 .col-6 { margin-bottom:60px;}
	#four.wrapper.style3 .left-col, #four.wrapper.style3 .right-col  {width:100%;text-align:center;} 
	#four.wrapper.style3 button.primary, #four.wrapper.style3 .button.primary {float:none;}
	#five.wrapper.style5 .features li {width:100%;} 
	#five.wrapper.style5 .features li:nth-child(1) {margin-right:0;margin-bottom:30px;} 
	.widget-width--30, .widget-width--21, .widget-width--22 {width:50%}
	.supplement--contact {margin-bottom:3em;}
}

@media (min-width: 737px) { #header nav > ul > li > a.menuToggle:after { width: 0; height: 3em; } }

@media screen and (max-width: 736px) {
	.header-top {top:54px;}
	.header-top ul li.call-me { margin-left:0;}
	#header { top:54px;}
	.hdr-button { top:0;right:0;width:100%;max-width:100%;} 
	button.register, .button.register {color:#fff!important;background-color:#007eb4; font-size:0.9em;border-radius:0;width:100%;max-width:100%;border:0;}
	button.register:hover, .button.register:hover { background-color:#016b98!important;  }
	#banner {height:40vh;margin-top:8em;} 
	#banner h2 {top:-24px;font-size:1.7em;} 
	#header nav > ul > li > a.menuToggle:after { width:1.5em;height: 3em;background-size:contain; }
	#header .fa-search {top:0;padding-right:15px;}
	#main > header { padding: 10em 0 10em 0; }
} 

@media screen and (min-width: 760px) { .widget-row { margin-left:0; margin-right:0; } .widget-width {padding:0;} }

@media screen and (max-width: 536px) { .widget-width--30 {width:100%;} .widget-width--21, .widget-width--22 {width:100%; margin-bottom:20px;} .footerlogoid { margin-bottom:30px;} }

.widget-homepage-banner p.image__caption { display: none;}

/*//////////////////////*/

.main-title{
  color: #2d2d2d;
  text-align: center;
  text-transform: initial;
  padding: 0.7em 0;
}

.hovercontainer{
  padding: 1em 0;
  float: left;
  width: 50%;
}
@media screen and (max-width: 640px){
  .hovercontainer{
    display: block;
    width: 100%;
  }
}

@media screen and (min-width: 900px){
  .hovercontainer{
    width: 33.33333%;
margin-bottom: 30px;
  }
}

.hovercontainer .title{
  color: #1a1a1a;
  text-align: center;
  margin-bottom: 10px;
}

.content {
  position: relative;
  width: 90%;
  max-width: 400px;
  margin: auto;
  overflow: hidden;
}

.content .content-overlay {
  background: rgba(0,0,0,0.7);
  position: absolute;
  height: 99%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.content:hover .content-overlay{
  opacity: 1;
}

.content-image{
  width: 100%;
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}

.content-details h3{
  color: #fff!important;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  text-transform: initial;
}

.content-details p{
  color: #fff;
  font-size: 0.8em;
}

.fadeIn-bottom{
  top: 80%;
}

.fadeIn-top{
  top: 20%;
}

.fadeIn-left{
  left: 20%;
}

.fadeIn-right{
  left: 80%;
}

h3.title {
    font-size: 1.5em;
    color: #007eb4;
}

@media(max-width:899px) {
.hovercontainer {
width:33%;
}
}

@media(max-width:736px) {
.hovercontainer {
width:100%;
}
}

h3.title {
    font-size: 1.5em;
    color: #007eb4!important;
}


#header {
    background: #ffffff!important;
    -webkit-box-shadow: 0 3px 5px rgb(136 25 99 / 51%);
}

#header img {
height:5em;
}

#header {
height:6em;
}

#header nav > ul > li > a > span {
color:#881a63;
}

#header .fa-search {
color:#881a63!important;
}

.button.register {
border-color:#000;
}


body.landing #page-wrapper {
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.2), rgba(0,0,0,0.4)), url(/fostertemplatetest/site/images/header_resized2.jpg);
}

.header-top {
display:none;
}

#header {
    top: 0px;
}

.hdr-button {
    top: 25px;
}

#header nav {
    top: 20px;
    font-size: 1.25em;
}
#header .logo .symbol img {
    height: 6em;
}

#header.alt .logo {
opacity:1;
}

#header.alt h1 {
visibility: hidden;
}

#header h1 {
visibility: hidden;
}

/*///multipage styling////*/

h2#a11y-pages-in-heading {
    display: none;
}

nav.nav.nav--pages-in {
    border-bottom-color: #ba5385;
    border-bottom-style: solid;
    border-bottom-width: initial;
    margin-bottom: 1em;
}

ol#pages-in-list {
    column-count: 2;
    font-size: 1.25em;
}

li.list__item {
    padding-bottom: 0.5em;
}


li.list__item.is-active {
    font-weight: 600;
}

#one .bg-content h2 {
    color: #ba5385;
}

/*////////////Homepage promobox heading/////////////*/

#two.wrapper.style3 h3:after {
    border-bottom: 1px solid #881a63;
    border-bottom-style: solid;
    border-bottom-color: rgb(136, 26, 99);
    width: inherit;
    border-bottom-width: medium;
}
/*headings*/
h2, h3, h4, h5 {
    color: #881a63!important;
    text-transform: initial;
}

#banner h2 {
    color: #fff!important;
}

/*////homepages image widget styling////*/
.widget-image {
    margin: 1em;
}

p.image__caption {
    text-align: center;
    font-weight: 600;
    font-size: 1.25em;
}

a.image-link:after {
    display: none;
}


/*////header button/////*/

.hdr-button {
    display: none;
}

/*//////buttons////*/
a.button.primary {
    text-transform: initial!important;
}

/*//////burger menu/////*/
@media(max-width:736px) {
#header nav > ul > li > a.menuToggle:after {
    content: "\f0c9 ";
    font-family: 'FontAwesome';
    margin-left: -1.5em;
    background-image: none;
    color: #881a63;
    font-size: 2em;
    top: -0.2em;
    position: relative;
    right: -1.3em;
    font-weight: normal;
}
}

/*////////Document page headings////////*/

#main > header h2 {
    /* display: none; */
    color: #fff!important;
    font-size: 2.5em;
    font-weight: 400;
}

header {
    margin-bottom: 1.25em;
}

/*//////supplement styling//////*/

.supplement.supplement--navigation {
    margin-left: 0.5em;
}

h2.supplement__heading {
    text-transform: initial!important;
}

nav.nav.nav--social-links {
    margin-left: 1em;
}

.supplement {
margin-top: 1em;
}

.aside__section {
    margin-left: 1em;
}


button.button.primary {
    background: #881a63;
    font-size: 1.0em;
}
/*//////////////////*/

.main-title{
  color: #2d2d2d;
  text-align: center;
  text-transform: initial;
  padding: 0.7em 0;
}

.hovercontainer{
  padding: 1em 0;
  float: left;
  width: 50%;
}
@media screen and (max-width: 640px){
  .hovercontainer{
    display: block;n
    width: 100%;
  }
}

@media screen and (min-width: 900px){
  .hovercontainer{
    width: 33.33333%;
margin-bottom: 30px;
  }
}

.hovercontainer .title{
  color: #1a1a1a;
  text-align: center;
  margin-bottom: 10px;
}

.content {
  position: relative;
  width: 90%;
  max-width: 400px;
  margin: auto;
  overflow: hidden;
}

.content .content-overlay {
  background: rgba(0,0,0,0.7);
  position: absolute;
  height: 99%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.content:hover .content-overlay{
  opacity: 1;
}

.content-image{
  width: 100%;
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}

.content-details h3{
  color: #fff!important;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  text-transform: initial;
}

.content-details p{
  color: #fff;
  font-size: 0.8em;
}

.fadeIn-bottom{
  top: 80%;
}

.fadeIn-top{
  top: 20%;
}

.fadeIn-left{
  left: 20%;
}

.fadeIn-right{
  left: 80%;
}

h3.title {
    font-size: 1.5em;
    color: #007eb4;
}

@media(max-width:899px) {
.hovercontainer {
width:33%;
}
}

@media(max-width:736px) {
.hovercontainer {
width:100%;
}
}

h3.title {
    font-size: 1.5em;
    color: #007eb4!important;
}

#header {
background: #ffffff!important;
}

#header img {
height:5em;
}

#header {
height:6em;
}

.button.register {
border-color:#000;
}

body.landing #page-wrapper {
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.2), rgba(0,0,0,0.4)), url(/wellbeingforlife/images/header_resized2.jpg);
}

.header-top {
display:none;
}

#header {
    top: 0px;
}

.hdr-button {
    top: 25px;
}

#header nav {
    top: 20px;
    font-size: 1.25em;
}
#header .logo .symbol img {
    height: 6em;
}

#header.alt .logo {
opacity:1;
}

#header.alt h1 {
visibility: hidden;
}

#header h1 {
visibility: hidden;
}

h1.timeline-Header-title.u-inlineBlock {
    color: #881a63;
}

.timeline-Body.customisable-border {
    border-top: none;
}

h1.timeline-Header-title.u-inlineBlock {
    color: #881a63;
    border-bottom-style: solid;
    border-bottom-width: medium;
    width: -webkit-fill-available;
    padding-bottom: 0.25em;
}

.wrapper > .inner {  padding-left: 0em; padding-right: 0em;}

@media (max-width:487px) {
.margin-bottom-80 {
    margin-bottom: 1em!important;
}
}

/*//////wrapping links onto 2 lines on mobile///////*/
/*
a {
    word-break: break-all;
}*/


/*//////copyright//////*/

#footer .copyright {
    text-transform: inherit;
    text-align: center;
}

#footer .copyright li:nth-child(2) {
    display: none;
}


/*////wrap links over more than 1 line on mobile devices/////*/

/*a {
    word-break: break-all;
}*/

/*///////page not found/////*/

h1.page-heading {
    color: #881a63;
    margin-top: 5em;
    text-align: center;
    font-size: 2em;
}

/*///////colored promo boxes/////*/

@media(min-width:980px) {
#one .promo-box .orange {
min-height: 275px;
}
#one .promo-box .blue {
min-height: 275px;
}
#one .promo-box .green {
min-height: 275px;
}
}

/*////////panels//////*/
@media(min-width:980px) {
#three.wrapper.style1 .panel-three {
    min-height: 530px;
}
#three.wrapper.style1 .panel-two {
min-height: 530px;
}
#three.wrapper.style1 .panel-one {
min-height: 530px;
}
}

/*//////footer logos/////*/

ul.copyright:before {
    content: url(/images/CCC_WCC_logos_315x77.png);
    display: block;
    padding-bottom: 5em;
}


/*////menu styling//////*/

a.list__link:focus {
    outline: -webkit-focus-ring-color auto 1px!important;
}

a.list__link:hover {
    text-decoration: underline!important;
}

/*////////print styling////////*/

@media print {
nav#nav {
    display: none;
}

article#main:before {
    content: url(https://www.wellbeing4life.co.uk/site/images/w4l_1.jpg);
}

header#header {
    display: none;
}

.supplement {
    display: none;
}

.aside__section {
    display: none;
}

footer#footer {
    display: none;
}

.wrapper.style5 {
    background-color: #ffffff;
}

body {
    background-color: #fff;
}

.inner.row img {
    display: none;
}

.col-8.col-12-medium {
    width: 100%;
}
}

/*//////Directory styling///////*/

.list--2up {
    list-style: none;
    line-height: 2em;
    margin: 0;
    padding-left: 0;
    column-count: 3;
    font-size: 1.25em;
    font-weight: 600;
}

ul.list.list--navigation.list--2up li.list__item {
    background: #881a63;
    margin: 0.5em;
    color: #fff;
    height: 54px;
    /* vertical-align: bottom; */
    text-align: center;
    /* padding: 1em; */
}

form.form.boxed__form {
    display: none;
}

ul.list.list--record {
    font-size: 1.25em;
}

ul.list.list--record li {
    font-size: 1.25em;
    margin-bottom: 0.85em;
    list-style: none;
}

@media(max-width: 680px){
	.calendar-box {
    width: 49%;
}
}

/*@media(max-width: 680px){
tr {
    display: grid;
}
}*/
.scroller {
    overflow-x: auto;
}

th {
    background: #881a63;
    color: #fff!important;
    font-size: 1.25em!important;
    padding: 0.5em!important;
}

a:not([href*='wellbeing4life.co.uk/']):not([href^='#']):not([href^='/']):after {
    font-family: 'FontAwesome';
    content: " \f08e";
}

a.image-link:after {
    display: none;
}