@charset "utf-8";
/* CSS Document */

/**GENERAL**/

body {
	color:#2B2B2B;
	background-color:#ffffff;
	font-family: "basic-sans", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:1.3rem;
}

p {
	font-family: "basic-sans", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:1.3rem;	
	line-height: 1.4rem;
}

li {
	font-family: "basic-sans", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:1.3rem;
}

h1, h2, h3, h4, h5 {
	font-family: "superior-title", serif;
    font-weight: 700;
    font-style: normal;
	margin: 25px 0px 20px 0px;
}

h1 {font-size: 2.7rem;}
h2{font-size: 2.4rem;}
h3{font-size: 1.9rem;}
h4{font-size: 1.8rem;}
h5{font-size: 1.6rem;}

a {
  transition-duration: 0.5s;
}

iframe {max-width:100%;}

img {max-width:100%;}

hr {
max-width: 200px;
background-color: #55726a;
height: 4px;
border: 0;
}

.bold {font-weight: bold;}

strong {font-weight: bold;}

.side-padding {
    padding: 5px 30px !important;
}

.cta{
	text-transform: uppercase;
	font-size:1.1rem;
	display:inline-block;
	font-family: "basic-sans", sans-serif;
}

.background-image {
color: #FFFFFF;
    background-size: cover;
    height: 95vh;
min-height: 600px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
	margin-top: -25px;
	background-color: #FFFFFF;
	}

.background-image .cta {
  padding: 12px 18px 8px 18px;
  background: #55726a;
  color: #ffffff;
  transition: 0.5s;
  display: inline-block;
  border: solid 4px #fff;
  text-decoration: none;
  text-shadow: 4px 4px 5px #4e4d4d;
  box-shadow: 4px 4px 5px #4e4d4d;
  border-radius: 10px;
}

.background-image .cta:hover{
	color: #3D3D3D;
    background-color: #B6CEB8;
	transition: 0.5s;	
	border: solid 4px #55726a;
	text-shadow: none;
}

.sub-logo-menu {
	background-color: #FFFFFF;
	margin-top: -25px;
	
}

.sub-menu {padding-top: 30px!important;}

.header {
  margin-top: -25px;
  box-shadow: 0 4px 33px -17px #000;
}

.header a {color: #FFFFFF; text-decoration: none!important;}
.header a:hover {color: #D9FFB3;}

.homepage-header {
  margin-top: 30vh;
display: block;
  text-shadow: 4px 4px 5px #4e4d4d;
}

.title-strapline {
 font-family: "superior-title", serif;
 font-weight: 700;
 font-style: normal;
 font-size: 250%;
 margin: 25px 0px 5px 0px;
 display: inline-block;
 text-transform: uppercase; 
 background-color: #55726abd;
 padding: 15px;
}

.logo {
  text-shadow: 4px 4px 5px #4e4d4d;
  font-size: 2.4rem !important;
  font-family: "superior-title", serif;
    font-weight: 700;
  font-style: normal;
  margin: 25px 0px 20px 0px;
}

.p7LBM-01{
            min-height: 100vh;
    display: flex;
    flex-direction: column;
}

footer{
    margin-top: auto;
}

.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "superior-title", serif;
    font-weight: 700;
    font-size: 180%;
	color: #FFFFFF;
    padding: 15px;
	text-shadow: 4px 4px 5px #4e4d4d;
    display: inline-block;
    background-color: rgba(85, 114, 106, 0.9);	
	}

/**WHITE BACKGROUND**/

.white-background {
color: #486345;
background-color:#ffffff;
}

.white-background h1, .white-background h2, .white-background h3, .white-background h4, .white-background h5 {color:#486345;}

.white-background hr {background-color: #486345; margin: 0;}

.white-background a {color: #486345; text-decoration: underline;}
.white-background a:hover {color: #000000;}
.white-background a:hover h2, .white-background a:hover h3, .white-background a:hover h4 {color: #486345;;}

.white-background .cta {
	padding: 12px 18px 8px 18px;
  background: #55726a;
  color: #ffffff;
  transition: 0.5s;
  display: inline-block;
  border: solid 4px #3d3d3d;
  text-decoration: none;
	border-radius: 10px;
}
.white-background .cta:hover{
	background: #e6f0e7;
	color:#55726a;
	transition: 0.5s;	
	border: solid 4px #55726a;
}


/** DARK GREEN BACKGROUND **/

.dark-green-background {
color:#FFFFFF;
background-color:#55726A;
}

.dark-green-background h1, .dark-green-background h2, .dark-green-background h3, .dark-green-background h4, .dark-green-background h5 {color:#FFFFFF;}

.dark-green-background hr {background-color: #FFFFFF; margin: 0;}

.dark-green-background a {color: #FFFFFF; text-decoration: underline;}
.dark-green-background a:hover {color: #D9FFB3;}
.dark-green-background a:hover h2, .dark-green-background a:hover h3, .dark-green-background a:hover h4 {color: #D9FFB3;}

.dark-green-background .cta {
	padding:12px 18px 8px 18px;
	background: #0c67a8;
	color:#ffffff;
	transition: 0.5s;
	display: inline-block;
	border: solid 4px #073e65;
}
.dark-green-background .cta:hover{
	background: #073e65;
	color:#fff;
	transition: 0.5s;	
	border: solid 4px #0c67a8;
}



/** LIGHT GREEN BACKGROUND **/

.light-green-background {
color:#3D3D3D;
background-color:#B6CEB8;
}

.light-green-background h1, .light-green-background h2, .light-green-background h3, .light-green-background h4, .light-green-background h5 {color:#3D3D3D;}

.light-green-background hr {background-color: #3D3D3D; margin: 0;}

.light-green-background a {color: #3D3D3D; text-decoration: underline;}
.light-green-background a:hover {color: #0D0D0D;}
.light-green-background a:hover h2, .light-green-background a:hover h3, .light-green-background a:hover h4 {color: #0D0D0D;}

.light-green-background .cta {
  padding: 12px 18px 8px 18px;
  background: #55726a;
  color: #ffffff;
  transition: 0.5s;
  display: inline-block;
  border: solid 4px #3d3d3d;
  text-decoration: none;
	border-radius: 10px;
}

.light-green-background .cta:hover{
	background: #FFFFFF;
	color:#55726a;
	transition: 0.5s;	
	border: solid 4px #55726a;
}


/** ASH GRAY BACKGROUND **/

.ash-grey-background {
color: #486345;
background-color:#e6f0e7;
}

.ash-grey-background h1, .ash-grey-background h2, .ash-grey-background h3, .ash-grey-background h4, .ash-grey-background h5 {color:#486345;}

.ash-grey-background hr {background-color: #486345; margin: 0;}

.ash-grey-background a {color: #486345; text-decoration: underline;}
.ash-grey-background a:hover {color: #294227;}
.ash-grey-background a:hover h2, .ash-grey-background a:hover h3, .ash-grey-background a:hover h4 {color: #294227;}

.ash-grey-background .cta {
	padding: 12px 18px 8px 18px;
  background: #55726a;
  color: #ffffff;
  transition: 0.5s;
  display: inline-block;
  border: solid 4px #3d3d3d;
  text-decoration: none;
	border-radius: 10px;
}
.ash-grey-background .cta:hover{
	background: #e6f0e7;
	color:#55726a;
	transition: 0.5s;	
	border: solid 4px #55726a;
}

/** RESEDA GREEN BACKGROUND **/

.reseda-green-background {
color: #FFFFFF;
background-color:#5B7E58;
}

.reseda-green-background h1, .reseda-green-background h2, .reseda-green-background h3, .reseda-green-background h4, .reseda-green-background h5 {color:#FFFFFF;}

.reseda-green-background hr {background-color: #FFFFFF; margin: 0;}

.reseda-green-background a {color: #FFFFFF; text-decoration: underline;}
.reseda-green-background a:hover {color: #FFFFFF;}
.reseda-green-background a:hover h2, .reseda-green-background a:hover h3, .reseda-green-background a:hover h4 {color: #FFFFFF;}

.reseda-green-background .cta {
	padding:12px 18px 8px 18px;
	background: #0c67a8;
	color:#ffffff;
	transition: 0.5s;
	display: inline-block;
	border: solid 4px #073e65;
}
.reseda-green-background .cta:hover{
	background: #073e65;
	color:#fff;
	transition: 0.5s;	
	border: solid 4px #0c67a8;
}

/**FOOTER**/

.p7LBM-01{
            min-height: 100vh;
    display: flex;
    flex-direction: column;
}

footer{
    margin-top: auto;
}

.hide {display:none;}

/**COPYRIGHT**/


/**PROJECT SEVEN**/
.lbm-centered hr {margin:auto;}
.lbm-right hr {margin-right: 0 !important; margin: auto;}

.main{
    /*display:flex !important ;*/
    flex-wrap:wrap;
    justify-content: center;
}

.left {position: relative;
}

.right {
    position: relative;
    
}


.dark-background-phone {background-color: none;}


/**RESPONSIVE FORM**/

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=tel],
input[type=date],
input[type=time]
 {
	max-width:500px;
	width: 100%;
	padding: 10px;	
	border: 1px solid #55726a;
	 margin-bottom:15px;
	 display: inline-block;
	 font-family: "basic-sans", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:1.3rem;	
}

input[type=number]
 {
	max-width:500px;
	width: 85%;
	padding: 10px;	
	border: 1px solid #55726a;
	font-family: "basic-sans", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.3rem; 
	 margin-bottom:15px;
	 display: inline-block;
}

textarea{
	max-width:500px;
	width: 100%;
	border: 1px solid #55726a;
	font-family: "basic-sans", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.3rem; 
	margin-bottom:15px;
	padding:10px;
	resize: none;
	display: inline-block;
  }

select {
	max-width:500px;
	width: 100%;
	border: 1px solid #55726a;	
	font-family: "basic-sans", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.3rem; 
	margin-bottom:15px;
	padding:10px;	
	color:#191010;
	display: inline-block;
	background: #ffffff;
}


select[multiple] option:checked { background: none; }

select option:focus,
select option:hover,
select option:active ,
select option {
	background:#191010;
	color: #fff;
}

input[type="submit"] {
  font-family: "basic-sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  -webkit-appearance: none;
}

input[type=submit]:hover{
	background: #e6f0e7;
	color:#55726a;
	transition: 0.5s;	
	border: solid 4px #55726a;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #191010;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #191010;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #191010;
}

.name_2{
	display: none !important;
}

/*
***************************************************
NEWS LISTING PAGE
***************************************************
*/
.news-image-tile-image{
	padding: 0px;
    width: 100%;
    margin: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    height: 15rem;
}


.news-image-tile-image img{
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	/*-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform .5s;*/
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s,-webkit-transform .5s;		
}

.news-tile-image-link:hover img{
 -webkit-transform:scale(1.1);
 transform:scale(1.1)
}

.news-tile-image-link{
	text-decoration: none;
}

.news-tile-image-link-container{
	transition: box-shadow .5s,transform .5s,-webkit-box-shadow .5s,-webkit-transform .5s;
	-webkit-box-shadow: 0 10px 40px -15px rgba(0,0,0,.2);
	box-shadow: 0 10px 40px -15px rgba(0,0,0,.2);	
}

.news-tile-description{
	padding:5px 15px 15px 20px;
}

.news-tile-description h2{
	font-size: 1.3rem;
}

.news-tile-description hr{
	background-color: #486345; margin: 0; max-width: 200px;
height: 4px;
border: 0;
}

/* SERVICES GRID*/



.services-image-tile-image{
	padding: 0px;
    width: 100%;
    margin: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    height: 13rem;
}


.services-image-tile-image img{
	width: 90%;
	height: 90%;
	margin-left: auto;
	margin-right: auto;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
	/*-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform .5s;*/
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s,-webkit-transform .5s;		
}

.services-tile-image-link:hover img{
 -webkit-transform:scale(1.1);
 transform:scale(1.1)
}

.services-tile-image-link{
	text-decoration: none;
}

.services-tile-description{
	padding:5px 15px 15px 20px;
}

.services-tile-description h2{
	font-size: 1.3rem;
}

.services-tile-description hr{
	background-color: #486345; margin: 0; max-width: 200px;
height: 4px;
border: 0;
}


/**IN THIS SECTION**/

.contact-page-block{
	padding-top:40px ;
}

.contact-page-block-content{
	padding:20px 30px;
}

/**RESPONSIVE**/

@media only screen and (max-width: 1400px) {
	.news-grid{flex-basis: 25% !important;}
	.services {flex-basis: 25% !important;}

}

@media only screen and (min-width: 0px) and (max-width: 1300px) {
	.news-grid {flex-basis: 33% !important;}
	
}

@media only screen and (min-width: 0px) and (max-width: 1200px) {
	.hide-on-tablet {display:none;}
	.show-on-tablet {display: contents;}
			.services {flex-basis: 33% !important;}
	
}


@media only screen and (min-width: 600px) and (max-width: 1150px) {

	
	}

@media only screen and (min-width: 0px) and (max-width: 1100px) {
	
}

@media only screen and (min-width: 0px) and (max-width: 1005px) {
.news-grid {flex-basis: 50% !important;}
		.services {flex-basis: 50% !important;}

}

@media only screen and (min-width: 0px) and (max-width: 1000px) {

}


@media only screen and (min-width: 0px) and (max-width: 900px) {
.homepage-header {margin-top: 0;}
.title-strapline {font-size: 190%;}
.background-image {height: auto;}
}

@media only screen and (max-width: 800px) {

}


@media only screen and (max-width: 700px) {
	.hide-on-mobile {display:none;}
	.mobile-side-padding {padding: 10px 30px !important;}
	.background-image {min-height: auto;}
	.dark-background-phone {background-color:#55726A!important; display: contents;}
	 .news-grid {flex-basis: 100% !important;}
	.sub-page-logo-column{text-align:center;}
	
	.logo-resp {
  width: 50%!important;
}
	
	.mobile-slideshow {
	margin-top: 70px;
    margin-bottom: 70px;
	}
	
}

@media only screen and (max-width: 600px) {
.news-grid {flex-basis: 100% !important;}
	.news-image-tile-image{height: 18rem;}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
     html {
        -webkit-text-size-adjust: none;
     }
}