/*!

bootstrap ref
sm 576
md  768
lg  992
xl  1200

colors
med blue   6688cc
blue 182978
light blue   acbfe6
light gray   f5f5f5
*/

html {
  scroll-behavior: smooth;
}

body {
	font-family: 'Fira Sans',Helvetica,Arial;
	color:#151515;
	background:#f5f5f5;

    font-size: 1rem;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img
{
	max-width:100%;
	height:auto;
}

a
{
	color:#182978;
	text-decoration:none;
}

a:hover
{
	color:#6688cc;
	text-decoration:none;
}

.bg-light
{
	background:#ffffff !important;
}

#main
{
	margin-top:174px;
	min-height:300px;
	padding-bottom:44px;
}

.home #main
{
	margin-top:100px;
}

.bg
{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #FFFFFF;
    padding: 250px 120px;

}

.single-manufactured-homes #main,
.single-tiny-homes #main
{
	margin-top:120px;
}

section
{
	margin:48px auto;
}


h1,
h2,
h3,
h4,
h5,
h6 {
	margin:0 auto 18px;
	line-height:1.25;
	padding:0;
	color:#6688cc;
	font-family:'Spectral';
	font-weight:600;
}

h1
{
	font-size:2.4rem;
	margin:0 auto 24px;
}

h1 span
{
	color:#6688cc;
}

h2
{
	font-size:2rem;
	color:#6688cc;
}

h3
{
	font-size:1.5rem;
}

h4
{
	font-size:1.3rem;
	color:#6688cc;
}

.light-panel h2,
.light-panel h3,
.light-panel h4,
.light-panel h5
{
	color:#151515;
}

p+h2,
p+h3
{
	margin-top:44px;
}

.category-archive-meta
{
	margin:-11px 0 24px;
}

/*--------------------------------------------------------------
# Carousel / Jumbotron
--------------------------------------------------------------*/
.jumbotron-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*--------------------------------------------------------------
# Misc
--------------------------------------------------------------*/

.light-panel
{
	background:rgba(255, 255, 255, 0.8);
	padding:32px;
	color:#151515;
}

.dark-panel
{
/*
	background:rgba(0, 0, 0, 0.8);
*/
	background:rgba(18,34,84, 0.8);
}

.slider-testimonials
{
	background:#151515;
}

.light-panel a
{
	color:#837872;
}

.light-panel a:hover
{
	color:#000000;
}

.btn, .container-fluid, .entry-img, .navbar, .overlay, .wpcf7 input[type=submit], a, img {
    transition: all .5s ease-in-out 0s;
}

/*--------------------------------------------------------------
# Gravity Forms
--------------------------------------------------------------*/

.gform_wrapper div.validation_error {
    color: #182978 !important;
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 25px;
    border-top: 2px solid #182978 !important;
    border-bottom: 2px solid #182978 !important;
}

.gform_wrapper .validation_message {
    color: #182978 !important;
    font-weight: 700;
    letter-spacing: normal;
}

input[type="submit" i] {
    appearance: auto;
    user-select: none;
    white-space: pre;
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: #ffffff;
    background-color: #182978;
    box-sizing: border-box;
    padding: 3px 14px;
    border-width: 2px;
    border-radius:5px;
    border-style: outset;
    border-color: -internal-light-dark(rgb(255, 179, 61), rgb(218, 113, 32));
    border-image: initial;
}

input[type="submit" i]:hover {
    background-color: #6688cc;
}


header.site-header
{
	position: fixed;
    right: 0;
    left: 0;
    top:0;
    height:100px;
    z-index: 2;
	background:#122254;
	background:#ffffff;
	color:#151515;
	-webkit-box-shadow: 0 0.2rem 0.2rem rgb(255 255 255 / 20%);
	box-shadow: 0 0.2rem 0.2rem rgb(255 255 255 / 20%);
}

/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/
.btn
{
    color: #ffffff !important;
    background: #182978 !important;
	font-size:1rem;
	text-transform:uppercase;
	font-weight:normal;
	margin-bottom:14px;
	line-height:1.6;
	padding: 0.65rem 1.25rem 0.45rem;
	border-radius:15px;
	cursor:pointer;
}

.btn:hover
{
    color: #ffffff !important;
    background: #6688cc !important;
}

.site-header .btn
{
	margin:0;
	line-height:1.0;
	padding: 0.45rem 1.25rem 0.35rem;
}

.site-title
{
	font-family:'Spectral';
	font-size:1.74rem;
	font-weight:600;
}

.site-title img
{
	width:100px;
	max-width:100%;
	height:auto;
}

.tagline
{
	font-size:1rem;
	color:#6688cc;
	font-weight:400;
	font-style:italic;
}

.banner-image
{
/*
generated in header
*/
}


/*--------------------------------------------------------------
# WP Block styles - sidebar stuff
--------------------------------------------------------------*/
.wp-block-search
{
	margin-bottom:32px;
}

.wp-block-group
{
	margin-bottom:32px;
}

.wp-block-search .wp-block-search__label
{
    font-weight: 700;
	color:#6688cc;
}

.wp-block-latest-posts.wp-block-latest-posts__list li
{
	margin-bottom:11px;
}

.post-thumbnail
{
	margin:0 0 24px;
}

/*--------------------------------------------------------------
# Top panel on home detail pages
--------------------------------------------------------------*/
.showcase
{
	height:40vw;
}

.showcase-overlay
{
	height:100%;
	background:rgba(0,0,0,0.4);
}

.showcase i
{
	font-size:48px;
}

.panelblock
{
	background:#151515;
    color: #ffffff;
	padding:44px;
	color:#ffffff;
	margin:80px;
}

.reviewblock
{
	background:#151515;
	background:rgba(18,34,84, 0.6);
	color:#ffffff;
	padding:24px;
	margin:0 0 32px;
}

.review
{
	font-style:italic;
}

.reviewer
{
	margin:18px 0 0 0;
}

/*--------------------------------------------------------------
# Cards
--------------------------------------------------------------*/
.card-deck
{
	margin:24px 0 0;
}

.cards-services .flip-card-front .card-img-overlay
{
	background-color: rgba(0,0,0,0.5);
}

.cards-services .item-title
{
	color:#ffffff;
	font-size:24px;
}

/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
  background-color: transparent;
  width: 100%;
  height: 40vh;
  border:0px;
  /*  border: 1px solid #f1f1f1;  */
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
/*
  background-color: #bbb;
  color: black;
*/
}

/* Style the back side */
.flip-card-back {
  background-color: #122254;
  color: white;
  transform: rotateY(180deg);
}

/*--------------------------------------------------------------
# Tables
--------------------------------------------------------------*/

table, th, td {
  border: 0px solid #151515;
}

table
{
	margin:0 0 24px;
}

th, td {
  padding: 11px;
  text-align: left;
}

th {
  background-color: #151515;
  color: white;
}

tr:nth-child(even)
{
	background-color: #f2f4f4;
}

/*--------------------------------------------------------------
# Bullets / list style
--------------------------------------------------------------*/
ul.houses
{
	padding:0 0 0 0;
}

ul.houses li
{
    list-style-type: none;
	background:url(images/icon-house-yellow.png) no-repeat 0px 0px;
	padding:0px 0 11px 36px;
	margin:0 0 5px 0;
}


/*--------------------------------------------------------------
# Social Media
--------------------------------------------------------------*/
.social-icons
{
	margin: 3px auto 12px;
	padding: 0px 0 0 0;
	font-size:32px;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer-cards
{
	margin:64px 0 0;
}

.footer-cards .card-footer
{
	background:#e7dad2;
	color:#ffffff !important;
	font-size:1.35rem;
	line-height:1;
	text-decoration:none !important;
}

.footer-cards .card:hover .card-footer
{
	background:#045691;
}

.footer-area
{
    margin: 0px auto 0;
	background:#182978;
	line-height:1.5em;
	font-size:0.9rem;
	padding:32px 0 32px 0px;
	color:#ffffff;
}

.footer-area ul {
	display: block;
	text-align:inherit;
	list-style: none;
	margin: 0 auto;
	padding-left: 0;
}

.footer-area .menu li {
	display:block;
	text-align:inherit;
	position: relative;
	padding:0 0px;
	margin:0 0 3px 0;
}

.footer-area .menu li .nav-link
{
	display:inline-block;
}

.footer-area .menu ul ul{
	margin-left:12px;
}

.footer-area .menu li li:before
{
	color:#ffffff; /* set color to white */
	content:"\2022"; /* /2022 is the numerical unicode for • */
	font-size:1em; /* set the font-size of the bullet if necessary. Make sure to use em or %*/
	padding-right:4px; /* give the bullet some padding from the text Make sure to use em*/
	position:relative;
	top:.1em; /* set the vertical position of the bullet if necessary. Make sure to use em or % */
	font-size:12px;
}

.footer-area a,
.footer-area .menu li a
{
	text-decoration:none;
	color:#fdfce8;
}

.footer-area a:hover,
.footer-area .menu li a:hover,
.footer-area .nav-link:hover
{
	color:#ffffff;
}

.footer-area .nav-link,
.footer-copyright .nav-link
{
    padding: 0rem 1rem 0.5rem;
}

.footer-copyright {
	padding:11px 0 20px;
	line-height: 18px;
	font-size:13px;
	color: #151515;
	background-color: #ffffff;
	margin:0 0;
}

.footer-copyright a
{
	color:#151515;
}

.footer-copyright a:hover
{
	color:#182978;
}

.footer-copyright ul
{
	display: block;
	text-align:inherit;
	list-style: none;
	margin: 0px auto;
	padding-left: 0;
}

.footer-copyright .menu li {
	display:inline-block;
	text-align:inherit;
	position: relative;
	padding:0 0px;
	margin:0 0 0px 0;
}

.footer-copyright .logos
{
	text-align:inherit;
	margin-bottom:14px;
}


/*
*  responsive embeds
*/
.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media only screen and (max-width: 980px)
{
	.flex-viewport
	{
		max-height: 300px !important;
	}

	.container
	{
		max-width: 95%;
	}
}


@media only screen and (max-width: 600px)
{
	.container-md.booking
	{
		padding-left:0;
		padding-right:0;
	}

	.alignright,
	.alignleft
	{
		float:none;
		display:block;
		margin:0 auto 28px;
	}

	.panelblock
	{
		padding:34px;
		margin:34px;
	}

	.flex-viewport
	{
		max-height: 60vw !important;
	}

/*
	header.site-header
	{
		height:140px;
	}

	#main
	{
		margin-top:164px;
	}

	.home #main
	{
		margin-top:131px;
	}
*/
}