/*!

bootstrap ref
sm 576
md  768
lg  992
xl  1200

colors
medium blue  e10010
dark blue   171717
yellow   f9d20c

*/

html {
  scroll-behavior: smooth;
}

body {
    color: #2d2a26;
    font-family: Lexend,sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

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

a
{
	color:#e10010;
}

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

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

#main
{
	margin-top:190px;
}

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

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

section
{
	margin:48px auto;
	clear:both;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Lexend,sans-serif;
	color:#171717;
	font-weight:700;
	line-height:1.2;
	margin:0.5rem 0 24px;
}

h1
{
	font-size:3.2rem;
	margin-top:0;
	color:#006fc0;
	color:#e10010;
}

h2
{
	font-size:2.4rem;
}

h3
{
	font-size:1.74rem;
	color:#e10010;
}


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

.light-panel
{
	background:rgba(255, 255, 255, 0.9);
	padding:32px;
}

.gray-panel
{
	background:rgba(76, 76, 76, 0.9);
	color:#ffffff;
	padding:32px;
}

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

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

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

.gform_wrapper .validation_message {
    color: #ffb33d !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: -internal-light-dark(black, white);
    background-color: #ffb33d;
    box-sizing: border-box;
    padding: 3px 14px;
    border-width: 2px;
    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:#ffffff;
}


/*--------------------------------------------------------------
# Fixed Header Strip
--------------------------------------------------------------*/
.site-header
{
	position: fixed;
    right: 0;
    left: 0;
    top:0;
    z-index: 1030;
    height:150px;
    background:#f7f7f7;
}

.header-strip
{
	background:#171717;
	color:#ffffff;
	display:block;
	width:100%;
    font-size: .9rem;
    font-weight: 700;
    letter-spacing: 0em;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	align-items:center;
}

.header-strip .fas
{
	font-size:1.2rem;
}

.header-strip a
{
	color:#ffffff;
}

.header-strip a:hover
{
	color:#fffc19;
}

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

/*--------------------------------------------------------------
# Responsive Menu
--------------------------------------------------------------*/

#responsive-menu-pro-header
{
	-webkit-box-shadow: 0 0.5rem 0.5rem rgb(0 0 0 / 20%);
	box-shadow: 0 0.5rem 0.5rem rgb(0 0 0 / 20%);
}

#responsive-menu-pro-header,
#responsive-menu-pro-container
{
    top: 48px !important;
}

#responsive-menu-pro-header-bar-logo
{
	padding-left:4% !important;
	padding-top:4px !important;
}

@media screen and (min-width: 981px)
{
	#responsive-menu-pro-container {
		right: 5% !important;
	}
}

#responsive-menu-pro #responsive-menu-pro-item-34 a
{
    color: rgba(255, 255, 255, 1);
    background: #f9d20c;
}

#responsive-menu-pro #responsive-menu-pro-item-34 a:hover
{
    background: #e10010;
}

#responsive-menu-pro li a
{
	margin-right:5px;
    font-family: Lexend,sans-serif;
    letter-spacing:1px;
	font-weight:600;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#responsive-menu-pro li a:hover
{
	border-bottom:4px solid #e10010;
}

#responsive-menu-pro li .responsive-menu-pro-submenu
{
	background: #fff;
	-webkit-box-shadow: 0 0 1.25rem 0.25rem rgb(0 0 0 / 25%);
	box-shadow: 0 0 1.25rem 0.25rem rgb(0 0 0 / 25%);
	-webkit-transition: visibility 0s .6s,opacity .6s ease-in-out;
	transition: visibility 0s .6s,opacity .6s ease-in-out;
}

#responsive-menu-pro li li a:hover
{
	border-bottom:0px solid #e10010;
}


/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/
.btn
{
    color: rgba(255, 255, 255, 1);
    background: #e10010;
	font-size:1.24rem;
	font-weight:bold;
	margin-bottom:14px;
}

.btn:hover
{
    color: rgba(255, 255, 255, 1);
    background: #171717;
}

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

.cards-homes .card-header
{
	background:#e10010;
	color:#ffffff !important;
	font-size:1rem;
	line-height:1.24;
}

.cards-homes .card-header a
{
	color:#ffffff !important;
}

.cards-homes .card-body
{
	font-size:0.9rem;
	line-height:1.64;
}

.cards-homes .card-body i
{
	color:#e10010;
	padding-right:4px;
}

.cards-homes .card-body img
{
	border:1px solid #e10010;
	margin-bottom:4px;
}

.cards-homes .card-body .virtual-tour-box
{
	color:#e10010;
	font-size:0.7rem;
	padding:2px;
	text-align:center;
	border:1px solid #e10010;
}

.cards-homes .card-body .virtual-tour-box i
{
	font-size:36px;
}

.cards-homes .card-img-top
{
	width: 100%;
	height: 40vh;
	object-fit: cover;
}

.cards-homes .card-footer .btn
{
	font-size:1rem;
	line-height:1.24;
	margin-bottom:0;
}

.cards-homes .card-footer .btn.quote
{
    background: #f9d20c;
}

.cards-homes .card-footer .btn.quote:hover
{
    background: #e10010;
}

.footer-cards .card-img-top
{
	width: 100%;
	height: 24vh;
	object-fit: cover;
}


/*--------------
*  home details
-----------------*/
/*
#002f4b,#dc4225
Convert HEX to RGBA - http://hex2rgba.devoth.com/
*/
.img-gradient:after {
  content:'';
  position:absolute;
  left:0; top:0;
  width:100%; height:100%;
  display:inline-block;
  background: -moz-linear-gradient(top, rgba(72,72,72,0.5) 0%, rgba(24,24,24, 0.74) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(24,24,24, 0.74)), color-stop(100%,rgba(72,72,72,0.5))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(72,72,72,0.5) 0%,rgba(24,24,24, 0.74) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(72,72,72,0.5) 0%,rgba(24,24,24, 0.74) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(72,72,72,0.5) 0%,rgba(24,24,24, 0.74) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(72,72,72,0.5) 0%,rgba(24,24,24, 0.74) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.card-img-overlay h1,
.card-img-overlay a
{
	color:#ffffff;
}


/*
*
* ==========================================
* ACCORDION STUFF
* ==========================================
*
*/
/* Horizontal line */
.collapsible-link::before {
  content: '';
  width: 14px;
  height: 2px;
  background: #333;
  position: absolute;
  top: calc(50% - 1px);
  right: 1rem;
  display: block;
  transition: all 0.3s;
}

/* Vertical line */
.collapsible-link::after {
  content: '';
  width: 2px;
  height: 14px;
  background: #333;
  position: absolute;
  top: calc(50% - 7px);
  right: calc(1rem + 6px);
  display: block;
  transition: all 0.3s;
}

.collapsible-link[aria-expanded='true']::after {
  transform: rotate(90deg) translateX(-1px);
}

.collapsible-link[aria-expanded='true']::before {
  transform: rotate(180deg);
}


/*--------------------------------------------------------------
# Carousel / Jumbotron / Slides / Panels
--------------------------------------------------------------*/
.slidehead,
.slidebtn
{
    font-family: Lexend,sans-serif;
}

.slidehead
{
	padding:0 10%;
	font-size:3.5rem;
	line-height:1.3;
	font-weight:700;
	margin:0 0 24px;
}

.bgpanel.rooftop
{
	background-image: url(/wp-content/uploads/IMG_6669.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size:cover;
	color:#FFFFFF;
	font-size:1.5rem;
}

.bgpanel .panel-overlay
{
    background: rgba(33,37,41, 0.4);
}

.bgpanel.rooftop a,
.bgpanel.rooftop a:hover
{
	color:#FFFFFF;
}

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

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

table
{
	margin:0 0 24px;
}

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

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

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

.woocommerce div.product form.cart .variations th,
.woocommerce div.product form.cart .variations td
{
	line-height:1.0;
}

.woocommerce table.shop_attributes tr:nth-child(even) th
{
	color:#171717;
}

.woocommerce table.shop_attributes td {
    padding: 8px;
}

/* fix conflict with woo and bootstrap class name */
.woocommerce .col-1, .woocommerce .col-2
{
	max-width:none;
}

.woocommerce form .form-row textarea
{
	min-width:240px;
}

.woocommerce-form-login
{
	max-width:400px;
}

.sku_wrapper
{
	display:none;
}

.single-product .entry-meta
{
	display:none;
}

/* # WooCommerce Cart Icon CSS with FontAwesome 5
---------------------------------------------------------------------------------------------------- */

.cart-contents {
	white-space:nowrap;
    text-decoration: none;
}

.cart-contents:hover {
    text-decoration: none;
}


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

.footer-cards .card-footer
{
	background:#e10010;
	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: 50px auto 0;
    background:#171717;
	line-height:1.8em;
	padding:48px 0 48px 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 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:#FFFFFF;
}

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

.footer-area a:hover,
.footer-area .menu li a:hover
{
	text-decoration:none;

	color:#CCCCCC;

}

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

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

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

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

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

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


@media only screen and (max-width: 1200px)
{
	.slidehead
	{
		font-size:2.4rem;
	}

}

@media only screen and (max-width: 800px)
{
	.slidehead
	{
		padding:0 5%;
	}

	.slidehead
	{
		font-size:1.8rem;
	}

	.bgpanel.rooftop
	{
		background-image: url(/wp-content/uploads/IMG_6669.jpg);
		background-position: center center;
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-size:cover;
		color:#FFFFFF;
		font-size:1.11rem;
	}

}

@media only screen and (max-width: 600px)
{
	.slidehead
	{
		padding:0 0%;
	}

	.slidehead
	{
		font-size:1.44rem;
	}

}