/**** Start Colors ****/
/*

Light green: HEX: #CDDCDC / RGB 205,220,220
Mid green: HEX: #00904C / RGB 0,144,76 / / from website: #2B7855 / rgb(43, 120, 85)
Dark green: HEX: #005629 / RGB 0,86,41 / / from website: #15457A / rgb(21, 69, 122)

*/
/**** Start Colors ****/

/**** Declare Font Family ****/
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/**** End Declare Font Family ****/


.button, button, 
input[type='button'], input[type='reset'], 
input[type='submit'] {
	color: #CDDCDC;
	background-color: #00904C;
	border: 2px solid #00904C;
}
.button:hover, .button:focus,
button:hover, button:focus,
input[type='button']:hover, input[type='button']:focus, 
input[type='reset']:hover,input[type='reset']:focus, 
input[type='submit']:hover,input[type='submit']:focus {
	color: #00904C;
	background-color: #CDDCDC;
	border: 2px solid #00904C;
}

.button.secondary, button.secondary, 
input[type='button'].secondary, input[type='reset'].secondary, 
input[type='submit'].secondary {
	color: #FF0;
	background-color: #0FF;
	border: 2px solid #0FF;
}
.button.secondary:hover, .button.secondary:focus,
button.secondary:hover, button.secondary:focus,
input[type='button'].secondary:hover, input[type='button'].secondary:focus, 
input[type='reset'].secondary:hover,input[type='reset'].secondary:focus, 
input[type='submit'].secondary:hover,input[type='submit'].secondary:focus {
	color: #0FF;
	background-color: #FF0;
	border: 2px solid #FF0;
}

.button.outline, button.outline, 
input[type='button'].outline, input[type='reset'].outline, 
input[type='submit'].outline {
    border-color: #000;
    background-color: #FFF;
	color: #000;
}
.button.outline:hover, .button.outline:focus,
button.outline:hover, button.outline:focus, 
input[type='button'].outline:hover, input[type='button'].outline:focus, 
input[type='reset'].outline:hover, input[type='reset'].outline:focus, 
input[type='submit'].outline:hover, input[type='submit'].outline:focus {
    border-color: #000;
    background-color: #000;
	color:#FFF;
}

/****** Start Common Styles ******/
html,body {
	color:#101010;
	font-family: 'open_sansregular', sans-serif;
	font-weight: 400;
}

a {
	color:#00904C;
}
a:hover,
a:focus {
	color:#005629;
}
/******  End Common Styles  ******/

/****** Start Page Container ******/
.page-container {
	background-color: #FFF;
}
/******  End Page Container  ******/

/****** Start Header Section ******/
header .preheader {
	border-bottom: 1px solid #005629;
}
header .header {
	background: #FFF;
	/*border-bottom: 2px solid #005629;*/
}
header .preheader ul i {
    color: #00904C;
}
/****** End Header Section ******/




/****** Start Nav Section ******/

body.theme-color-wbms .mobile-nav {
    background-color: #CDDCDC;
}
body.theme-color-wbms .mobile-nav .nav-link {
    color: #005629;
}
.hamburger.lines:hover.active body.theme-color-wbms span:after, 
.hamburger.lines:hover.active body.theme-color-wbms span:before, 
.hamburger body.theme-color-wbms span, 
.hamburger body.theme-color-wbms span:after, 
.hamburger body.theme-color-wbms span:before, 
body.theme-color-wbms .bg-secondary-color, 
body.theme-color-wbms .hamburger.lines:hover.active span:after, 
body.theme-color-wbms .hamburger.lines:hover.active span:before, 
body.theme-color-wbms .hamburger span, 
body.theme-color-wbms .hamburger span:after, 
body.theme-color-wbms .hamburger span:before, 
body.theme-color-wbms .nav-link--home__text:after {
    background-color: #000;
    color: #00904C;
}
body.theme-color-wbms .nav-link {
    color: #00904C;
}
body.theme-color-wbms--active.nav-link:visited, 
body.theme-color-wbms .nav-link--active, 
body.theme-color-wbms .nav-link:hover {
    border-color: #005629;
}

header .header {
	background:#FFF;
}
.header--fixed .nav-link {
	color: #00904C!important;
}
.header--fixed .nav-link--active, 
.header--fixed .nav-link:hover {
	border-bottom-color: #005629!important;
}
.header--fixed .hamburger span, 
.header--fixed .hamburger span:after, 
.header--fixed .hamburger span:before {
	background-color: #00904C!important;
}
body.frontpage .header:not(.header--fixed) .nav-link--home__text:after {
    background-color: #fff
}
body.frontpage .header:not(.header--fixed) .nav-link {
    color: #00904C;
}
body.frontpage .header:not(.header--fixed) .nav-link--active, 
body.frontpage .header:not(.header--fixed) .nav-link:hover {
	border-bottom-color: #fff
}
body.frontpage .header:not(.header--fixed) .hamburger span, 
body.frontpage .header:not(.header--fixed) .hamburger span:after, 
body.frontpage .header:not(.header--fixed) .hamburger span:before {
    background-color: #00904C;
}


a.nav-link.nav-link--black {
    color: #000
}
a.nav-link.nav-link--black:hover {
	border-color: #000
}
.nav-link--black.nav-link--active {
    box-shadow: inset 0 -2px 0 #000
}
.nav-link--home {
    color: #f4f4f0
}

body.theme-color-wbms .footer-nav .nav-link {
    color: #CDDCDC;
}
body.theme-color-wbms--active.nav-link:visited, 
body.theme-color-wbms .footer-nav .nav-link--active, 
body.theme-color-wbms .footer-nav .nav-link:hover {
    border-color: #005629;
}
.footer-nav .nav-link::before {
	color: #CDDCDC;
}
.footer-nav .nav-link:hover::before {
	color: #005629;
}

/****** End Nav Section ******/




/* Content Section */
.content-container .slider {

}

/****** Start Homepage Content ******/
.section__hero-content {
	color: #121212;
    padding: 1.875em;
    max-width: 100%;
    margin: 3.75em 1.875em;
    background-color: rgba(205, 220, 220, 0.85);
    border-radius: 0.625em;
}
.section__hero-content .section__description {
    font-size: 1.1em;
    font-weight: 700;
    letter-spacing: 0.04em;
}
.content-container .aside {
	background: gold;
}
.services .services-grid .service-item:nth-of-type(1) {
	background-color: #CDDCDC;
}
.services .services-grid .service-item:nth-of-type(2) {
	background-color: #00904C;
}
.services .services-grid .service-item:nth-of-type(1) .button {
	color: #CDDCDC;
	background: #00904C;
	border: 2px solid #00904C;
}
.services .services-grid .service-item:nth-of-type(2) .button {
	color: #00904C;
	background: #CDDCDC;
	border: 2px solid #CDDCDC;
}
.services .services-grid .service-item:nth-of-type(1) .button:hover,
.services .services-grid .service-item:nth-of-type(1) .button:focus {
	color: #00904C;
	background: transparent;
	border: 2px solid #00904C;
}
.services .services-grid .service-item:nth-of-type(2) .button:hover,
.services .services-grid .service-item:nth-of-type(2) .button:focus {
	color: #CDDCDC;
	background: transparent;
	border: 2px solid #CDDCDC;
}
.news-grid .blogpost-meta i {
    color: #00904C;
}

.main .about {
	background:#CDDCDC;
}
.main .about .button {
	color: #CDDCDC;
	background: #00904C;
	border: 2px solid #00904C;
}
.main .about .button:hover,
.main .about .button:focus {
	color: #00904C;
	background: transparent;
	border: 2px solid #00904C;
}

/****** End Homepage Content ******/

/****** Start Inner Page Content ******/

.section__banner-content {
	grid-column: span 6;
	color: #121212;
    padding: 1.875em;
    background-color: rgba(205, 220, 220, 0.85);
}
.section__banner-content h1 {
	margin: 0 auto;
}
.section__banner-content .section__description {
    font-size: 1.1em;
    font-weight: 700;
    letter-spacing: 0.04em;
}

/****** End Inner Page Content ******/


/***** End Content Section  *****/

/***** Start Footer Section *****/
footer {
}
.footer-grid a {
	color: #0CBBE2;
	border-bottom: 1px dotted #0CBBE2;
}
.footer-grid a:hover,
.footer-grid a:focus {
	color: #49A84E;
		border-bottom: 1px dotted #49A84E;
}
.footer-grid .footer1 {

}
.footer-grid .contact-details i {
	color: #CDDCDC;
}
.footer-grid .footer2 {
}
.footer-grid .footer3 {

}
footer .subfooter {
}
footer .subfooter p {
	color: #FFF;
}
footer .subfooter a,footer .subfooter .nav-link {
}
footer .subfooter a:hover,footer .subfooter a:focus,
footer .subfooter .nav-link:hover,footer .subfooter .nav-link:focus {
	color: #FFF;
}
/*****  End Footer Section  *****/

/***** Start Media Queries  *****/

@media (min-width: 40em /*600px*/) {
	.section__hero-content {
		max-width: 32.5em;
		margin: 6.35em auto;
	}
}
@media (min-width: 60em /*960px*/) {
	nav.nav-bar.top-nav .has-dropdown {
		background-color:#CDDCDC;
		border-top: 2px solid #00904C;
	}
	nav.nav-bar.top-nav .has-dropdown::before {
		border-left: 0.625em solid transparent;
		border-right: 0.625em solid transparent;
		border-bottom: 0.625em solid #00904C;
	}
	nav.nav-bar.top-nav .main-nav > li > .nav-link:hover::before {
		border-top: 0.625em solid #00904C;
		border-left: 0.625em solid transparent;
		border-right: 0.625em solid transparent;
	}
	.section__hero-content {
		padding: 2.5em;
		max-width: 47.5em;
		margin: 7.5em auto;
	}
	.section__hero-content .section__description {
		font-size: 1.2em;
	}
	.section__banner-content {
		padding: 2.5em;
	}
}

@media (min-width: 75em /*1200px*/) {
	.section__hero-content {
		margin: 10em auto;
	}
}

/*****  End Media Queries   *****/

/*****  STRIPE ELEMENT - ONLY ADDED TO VIEW THE FIELDS MR B   *****/
.StripeElement {
  box-sizing: border-box;

  height: 40px;

  padding: 10px 12px;

  border: 1px solid transparent;
  border-radius: 4px;
  background-color: white;

  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}