@charset "utf-8";
/* Manor Coach House Apartments Main CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;800&family=Lato:wght@300;400,700&display=swap');

body { 
	padding-top: 80px; 
}


@media screen and (max-width : 992px){	
body {
	padding-top: 76px; 
	}
}

h1 {
    font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 1.5em;
}


h2  {
    font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	
}


/* header */

.header {
	margin: 32px 8px;
}

@media screen and (max-width : 992px){	
.header {
	margin: 26px 8px;
	}
}


.header h1 {
    font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 2em;
	color: #000000;
	text-align: center;
}

.header h2 {
    font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 1.3em;
	color: #000000;
	text-align: center;
}


@media screen and (max-width : 768px){	
.header h1 {
	font-size: 1.7em;
	line-height: 1.5;
	}
}

@media screen and (max-width : 768px){	
.header h2 {
	font-size: 1.10em;
	}
}

/* Layout */

.body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #000;
	font-size: 0.96em;
	line-height: 1.9;
}

.body a {
	color: #000;
	text-decoration: underline;
	text-underline-position: under;
}

.body a:hover {
	color: #000;
	text-underline-position: under;
}

@media screen and (max-width : 768px){	
.body {
    font-size: 0.9em;	
	}
}


.container-background-grey {
	background-color: #f5f5f5;
}

.container-background-dk-grey {
	background-color: #b9bdbd;
}

.img-right {
	width: 49%;
	float: right;
	margin-left: 25px;
	margin-bottom: 15px;
}

.img-left {
	width: 49%;
	float: left;
	margin-right: 25px;
	margin-bottom: 15px;
}


@media screen and (max-width : 992px){	
.img-right, .img-left {
   width: 100%;
   float: none;
   display: block;
   margin-left: auto;
   margin-right: auto;
}
}


/* Home Carousel */

.carousel-item img {
  width: 1910px;
  height: 465px;
  object-fit: cover;
}

@media screen and (max-width : 1400px){	
.carousel-item img {
  height: 400px;
	}
}

@media screen and (max-width : 992px){	
.carousel-item img {
  height: 325px;
	}
}

.carousel-caption {
	top: 32%;
}


@media screen and (max-width : 992px){	
.carousel-caption  {
   top: 28%;
	}
}

@media screen and (max-width : 768px){	
.carousel-caption  {
   top: 24%;
	}
}


.home-caption {
    font-family: 'Lato', sans-serif;
	color: #ffffff;
	font-weight: 700;
	font-size: 2.3em;
}

@media screen and (max-width : 992px){	
.home-caption  {
    font-size: 1.9em;	
	}
}

.home-sub-caption {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 1.2em;
}

@media screen and (max-width : 768px){	
.home-sub-caption{
    font-size: 1em;	
	}
}

/* Home */

.heading {
    font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 1.3em;
	color: #000000;
	text-align: center;
	margin-bottom: 0;
}


.homebox {
	background-color: #ffffff; 
	padding: 28px 36px 32px;
	margin-bottom: 28px;
}

.homebox img {
	border:1px solid #c9c9c9;
}


/* Footer */

.container-fluid-contact-strip {
	background-color: #000;
	padding: 24px;
}

.contact-strip {
	font-family: 'Lato', sans-serif;
	color: #ccc;
	font-size: 1.3em;
	font-weight: 400;
	line-height: 1.5;
	
}

@media screen and (max-width : 768px){	
.contact-strip {
    font-size: 1.2em;	
	}
}

.contact-strip a {
	color: #ccc;
	text-decoration: underline;
	text-underline-position: under;
}

.contact-strip a:hover {
	color: #ccc;
	text-decoration: none;
}


.fluid-container-footer {
	background-color: #242323;
	padding: 24px 0;
}

.footer {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color: #9c9ca0;
	font-size: 0.8em;
	line-height: 2.3;
}

.footer a {
	color: #9c9ca0;
}

.footer a:hover {
	color: #ffffff;
	text-decoration: none;
}

.rh-col {
	text-align: right;
}

@media screen and (max-width : 767px){	
.lh-col, .rh-col {
  text-align: center;
	}
}


/* Buttons */


.btn-black {
  font-family: 'Open sans', sans-serif;
  font-size: 15px;
 font-weight: 600;
  color: #ffffff;
  background-color: #000;
  border-radius: 0px;
  width: 221px;
  height: 40px;
  border: 3px #FFFFFF double;
  padding: 6px 0;
}  

.btn-black:hover {
  color: #fff;
}




/* Google map*/

.google-maps {
	position: relative;
	padding-bottom: 55%; /* This is the aspect ratio */
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}