/*
Theme Name:		 qChild
Description:	 Child theme of Quadsimia qCore CSS
Author:			 Rob Perry, Creative Director / Senior Web Developer, Quadsimia
Author URI:		 http://www.quadsimia.com/
Version:		    1.0.0
-------------------------------------------------------------- */

/* TABLE OF CONTENTS
 1: FONTS
 1.1: CUSTOM COLORS
 2: GENERAL STYLES
    2a: Structural
    2b: Typography
    2c: Links/CTAs
    2d: Lists
    2e: Tables
    2f: Grids/Columns
    2g: Flex
    2h: Images
    2i: Videos
    2j: Forms
    2k: Extras/Helpers
 3: HEADER
    3a: Header
    3b: Header - Sticky
    3c: Alert Bar
    3d: Top Nav Bar
    3e: Logo
 4: NAV
    4a: Nav Menu
    4b: Nav Menu - Position
    4c: Nav Menu - Full Background
 5: BODY/CONTENT
    5a: Breadcrumbs
    5b: Homepage
    5c: Interior
 6: SIDEBAR
    6a: Aside
 7: FOOTER
    7a: Footer Content
    7b: Copyright
 8: ANIMATION/FX
 9: RESPONSIVE
10: Classes
-------------------------------------------------------------- */

/* 1: FONTS */
/*@import url('https://fonts.googleapis.com/css2?family=Corben:wght@400;700&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Varela&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Cardo:wght@400;700&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Jomolhari&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Text&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700;900&display=swap');

@import url("https://use.typekit.net/izf0pmv.css");

/*------------------------------------------------------------ */

/* 1.1: CUSTOM COLORS */
:root {
  --clr--blue: rgb(97, 156, 197, 1);
	--clr--transparent-blue: rgb(97, 156, 197, .9);
	--clr--cadetblue: rgb(76,115,175,1);
	--clr--darkcyan: rgb(20, 127, 183, 1);
	--clr--darkcyan1: rgb(18, 111, 160, 1);
	--clr--accent-yellow: #efe544;
	--clr--black0: #000;
	--clr--black1: #111;
	--clr--black2: #222;
	--clr--black3: #333;
	--clr--black4: #444;
	--clr--light--border: rgb(235, 235, 235);
}

/* 2: GENERAL STYLES */

/* -- 2a: Structural ----------------------------------------- */
.container {
	max-width: 1280px;
}

/* -- 2b: Typography ----------------------------------------- */
body{font:normal 1em/1.45em 'Open Sans', sans-serif;}
h1, h2, h3, h4, h5, h6{
  /*font-family: 'Cardo', serif;*/
  /*font-family: 'Archivo', sans-serif;*/
  /*font-family: 'PT Serif', serif;*/
  font-family: 'DM Serif Text', serif;
  font-weight:400;}
h1{
  /*font-family: 'Archivo', sans-serif;
  font-family: 'PT Serif', serif;*/
  /*font-family: 'DM Serif Text', serif;*/
  line-height: 1.35em;
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  font-style: normal;}
h2{
  /*font-family: 'Archivo', sans-serif;
  font-family: 'PT Serif', serif;*/
  /*font-family: 'DM Serif Text', serif;*/
  color: #0085CA;
  line-height: 1.2em;
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
  font-style: normal;}
h3{}

@media screen and (max-width:680px){
  h1{font-size:2.25em;}
  h2{font-size:2.25em;}
}

/* -- 2c: Links/CTAs ----------------------------------------- */
.cta{font-family: 'Source Sans Pro', sans-serif;font-weight:800;text-transform:uppercase;}

.cta{background-color:#000;color:#fff;}
.cta:hover{background-color:#0085CA;color:#fff;}
.cta.outline{background-color:transparent;border:3px solid #fff;color:#fff;}
.cta.outline:hover{background-color:#0085CA;border:3px solid #fff;color:#fff;}

/* Contact color */
.cta.contact{
  background-color: #0085CA;
  color: #fff;
  /*border: 3px solid #3ca933;*/
  text-align: center;}
.cta.contact:hover{
  background-color:#20a5fc;
  color:#fff;
  /*border:3px solid #1b7230;*/}
.cta.outline.contact{padding:0.3em 1.125em;background-color:transparent;border:3px solid #efe544;color:#efe544;}
.cta.outline.contact:hover{border:3px solid #efe544;color:#000;background-color:#efe544;}

header .cta.contact{
  /*margin-top:-4px;*/
  /*font-family: 'Archivo', sans-serif;*/
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 800;
  text-transform: uppercase;}

.more{margin:1.25em 0;}
.more .cta{
  margin-top:0.25em;
  margin-bottom:0.25em;
  font-size:1.25em;}

/* -- 2d: Lists ---------------------------------------------- */

/* -- 2e: Tables --------------------------------------------- */
@media screen and (max-width: 680px){
  .table-column-wrap{overflow-x:scroll;}
}

/* -- 2f: Grids/Columns -------------------------------------- */

/* -- 2g: Flex ----------------------------------------------- */

.end {
    justify-content: flex-end;
}

/* -- 2h: Images --------------------------------------------- */

/* -- 2i: Videos --------------------------------------------- */

/* -- 2j: Forms ---------------------------------------------- */

button, input[type="submit"]{background:var(--clr--darkcyan1);border:1px solid var(--clr--darkcyan1);}
button:hover, input[type="submit"]:hover{background:var(--clr--darkcyan);color:var(--clr--accent-yellow);}

/* -- 2k: Extras/Helpers ------------------------------------- */

/*------------------------------------------------------------ */

/* 3: HEADER */

/* -- 3a: Header --------------------------------------------- */
header{
/*background: rgb(76,115,175);
background: -moz-linear-gradient(180deg, rgba(76,115,175,1) 0%, rgba(20,127,183,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(76,115,175,1) 0%, rgba(20,127,183,1) 100%);
background: linear-gradient(180deg, rgba(76,115,175,1) 0%, rgba(20,127,183,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c73af",endColorstr="#147fb7",GradientType=1);*/
background:#fff;}

@media screen and (min-width:681px){
  header .main-header{
    min-height: 120px;}
}

@media screen and (max-width: 680px){
  header .logo{
    margin-top: 0.25em;}
}

/* -- 3b: Header - Sticky ------------------------------------ */
body.no-header .main-header{
  /*min-height:100px;*/
  min-height: 75px;}

body.no-header header .logo{
 	top: 0.75em;}
body.no-header header .logo img{
  max-width: 200px;}
body.no-header header .topnav {display:none;}

/* -- 3c: Alert Bar ------------------------------------------ */

/* -- 3d: Top Nav Bar ---------------------------------------- */
header .topnav{
  background: #124e21;}
header .topnav strong{
  font-weight:800;
  text-transform:uppercase;}
header .topnav .service-list{
  font-size:1.25em;
  font-weight:800;
  color:#fff;}

header .main-header .topnav{
  width:100%;
  max-width:820px;
  margin:-0.25em auto 0.25em auto;
  background-color:transparent;
  font-size:0.85em;
  font-weight:600;
  line-height:1.25em;}

header .main-header .topnav a{color:#fff;}
header .main-header .topnav a:hover{color:#3ca933;}
header .main-header .topnav i{
  float: left;
  margin:-0.25em 0.35em 0 0;
  padding:1em 0 0 0;
  width:50px;
  height:50px;
  font-size:1.65em;
  border:2px solid var(--clr--accent-yellow);
  background:rgba(0,0,0,0.1);
  border-radius:50px;
  line-height:0;
  vertical-align:middle;
  text-align:center;
  transition:all 0.3s ease;}
header .main-header .topnav a:hover i{
  color:#fff;
  border:2px solid #efe544;
  background:rgba(0,0,0,0);}

@media screen and (max-width:680px){
  header .topnav{
    display: none;
  }
}

/* -- 3e: Logo ----------------------------------------------- */
header .logo{
  position:absolute;
  /*left:0;
  right:0;*/
  max-width:350px;
  margin-top:0.35em;
  /*margin-left:-3.5em;*/
}

@media screen and (max-width:1080px){
  header .logo{
    max-width:350px;}
}

@media screen and (max-width:980px){
  header .logo{
    max-width: 250px;
    margin-top: 0.5em;
    /*margin-left: -1.5em;*/
    /*max-width: 350px;
    margin-top: 0.15em;*/
    /* margin: 0 auto; */
    /* display: block; */
    /*margin-left: 30px;*/}
}

/*------------------------------------------------------------ */

/* 4: NAV */

/* -- 4a: Nav Menu ------------------------------------------- */
nav{
  clear:both;
  font-weight:800;}
nav li > a{
  padding: 0.5em 0.75em;
  color:#535559;
  font-size:1em;}
nav li > a:hover{color:#20a5fc;}
nav ul li > ul{
  background:#fff;}

@media screen and (min-width: 680px){
  nav ul li ul li > ul.open-right-side {
    position: absolute;
    top: 0;
    left: inherit;
    right:100%;}
}

/* Mobile */

/*.mobile-logo {
	display:none;
}*/

@media (max-width:680px) {
	.nav li{
	background: var(--clr--cadetblue);
	color:white;
	}
	/*.mobile-logo {
		display:block;
		z-index: 2000;
		max-width:200px;
	}*/
}


@media screen and (max-width:1300px){
  nav li > a{font-size:0.9em;padding:0.5em 0.75em;}
}
@media screen and (max-width:1080px){
  nav li > a{font-size:0.9em;padding:0.5em 0.5em;}
}
@media screen and (max-width:980px){
  nav li > a{font-size:0.9em;padding:0.5em 0.5em;}
}
@media (max-width:780px) {
	nav li > a{font-size:0.8em;padding:0.5em 0.5em;}
}
@media screen and (max-width:680px){
  nav li > a{font-size:1em;padding:0.5em 0.5em;}
}

/* -- 4b: Nav Menu - Position -------------------------------- */

/* -- 4c: Nav Menu - Full Background ------------------------- */

/* -- 4d: Mobile Nav Menu ------------------------------------ */

/* -- 4e: Mobile MeanMenu ------------------------------------ */
.mean-container a.meanmenu-reveal{top:7px !important;color:#fff !important;}
.mean-container a.meanmenu-reveal span{color:#fff !important;background:#fff !important;}
.mean-container .mean-bar{background:#000 !important;}
.mean-container .mean-nav{background:#000 !important;}
.mean-container .mean-nav ul li a{color:#fff !important;}

.mean-container .mean-nav li{background:#000 !important;}

.mean-container .mean-nav ul li a.cta{
  border:0;
  width:100%;
  /* padding: 0.5em 0.5em; */
  padding:1em 0;
  text-indent:5%;
  background:#0085CA;
  color:#fff !important;}
.mean-container .mean-nav ul li a.cta.secondary{
  background:#0085CA;
  color:#fff !important;}
.mean-container .mean-nav ul li a.cta.contact{
  background:#0085CA;
  color:#fff !important;}

.mean-container .mean-nav ul li.toplevel{
  font-family: 'Source Sans Pro', sans-serif !important;}

/*------------------------------------------------------------ */

/* 5: BODY/CONTENT */

/* -- 5a: Breadcrumbs ---------------------------------------- */

/* -- 5b: Homepage ------------------------------------------- */

.parallax-banner .overlay{
  /*background: rgb(39,106,175);
background: -moz-linear-gradient(0deg, rgba(39,106,175,0.75) 10%, rgba(0,65,133,0.75) 90%);
background: -webkit-linear-gradient(0deg, rgba(39,106,175,0.75) 10%, rgba(0,65,133,0.75) 90%);
background: linear-gradient(0deg, rgba(39,106,175,0.75) 10%, rgba(0,65,133,0.75) 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#276aaf",endColorstr="#004185",GradientType=1);*/
  /*background: rgb(0,111,185);
background: -moz-linear-gradient(0deg, rgba(0,111,185,0.8) 10%, rgba(0,65,133,0.8) 90%);
background: -webkit-linear-gradient(0deg, rgba(0,111,185,0.8) 10%, rgba(0,65,133,0.8) 90%);
background: linear-gradient(0deg, rgba(0,111,185,0.8) 10%, rgba(0,65,133,0.8) 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#006fb9",endColorstr="#004185",GradientType=1);*/
  /*background: rgb(41,22,111);
background: -moz-linear-gradient(0deg, rgba(41,22,111,0.8) 10%, rgba(41,22,111,0.8) 90%);
background: -webkit-linear-gradient(0deg, rgba(41,22,111,0.8) 10%, rgba(41,22,111,0.8) 90%);
background: linear-gradient(0deg, rgba(41,22,111,0.8) 10%, rgba(41,22,111,0.8) 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#29166f",endColorstr="#29166f",GradientType=1);*/
  /*background: rgba(0,0,0,0.45);*/
  background: rgba(0,0,0,0.75);
}

.parallax-banner h1{
  font-size:3.75em;
  line-height:1em;
  text-transform: uppercase;
  /*letter-spacing: 2px;*/
  text-shadow: 3px 3px 6px rgba(0,0,0,0.35);}
.parallax-banner h1 span{
  /*color:#fff600;*/
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size:0.35em;
  line-height:1em;
  letter-spacing: 5px;}
.parallax-banner h1 small{
  font-size:0.3em;
  line-height:1.55em;
  vertical-align: top;}

body#home .parallax-banner h1{
  font-size:4.25em;}

.parallax-banner h5{
  font-size: 2em;
  line-height: 1.35em;}

.intro.parallax-banner{
  display: inline-block !important; /* fixes issue with slider underneath an open MeanMenu on mobile */
}

.intro.parallax-banner .container{max-width:1200px;}

.intro.parallax-banner .container{
  padding:6em 1em 5em 1em;}

@media screen and (max-width: 680px){
  .intro.parallax-banner .container{
    padding:5em 1em 5em 1em;}
}

.intro.parallax-banner p{
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1.5em;}

.intro.parallax-banner h3{
  margin-top:1.5em;}

.intro.parallax-banner .more{
  margin-top:1em;}

.overlay{
  position: absolute;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.4);}

section.promo.parallax-banner .overlay{
	/*background: ;*/}
section.promo.parallax-banner img.parallax{
  filter: blur(0.2em);}
section.promo.parallax-banner ul{
  list-style-type: none;}
section.promo.parallax-banner a{
  color:#efe544;}

section.content-1 .owl-carousel .owl-item img {
  max-height: 450px;
  object-fit: cover;}

section.menus{background-color:#f5f5f5;}
section.menus .item{/*padding:20px;*/}

section.contenet-2{padding:0.25em 0 0 0;background-color:#333;color:#fff;}
section.contenet-2 figure{margin:0;}
section.contenet-2 figure figcaption{margin:0.5em;}
section.contenet-2 .owl-carousel .owl-item img {
  max-height: 250px;
  object-fit: cover;}


section.cta1{
	padding:1em;
	color:#fff;
	background-color: var(--color--blue);
	background: -moz-linear-gradient(180deg, rgba(76,115,175,1) 0%, rgba(20,127,183,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(76,115,175,1) 0%, rgba(20,127,183,1) 100%);
	background: linear-gradient(180deg, rgba(76,115,175,1) 0%, rgba(20,127,183,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c73af",endColorstr="#147fb7",GradientType=1);
}
section.cta1 h2{margin-top:0;font-size:2em;}

section.location{background:white;}
section.location p{font-size:1.25em;line-height:1.5em;}

section.cta-banner{
	color:#fff;
	/*background-color: var(--color--blue);
	background: -moz-linear-gradient(180deg, rgba(76,115,175,1) 0%, rgba(20,127,183,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(76,115,175,1) 0%, rgba(20,127,183,1) 100%);
	background: linear-gradient(180deg, rgba(76,115,175,1) 0%, rgba(20,127,183,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c73af",endColorstr="#147fb7",GradientType=1);*/
  /*background: rgb(119,119,119);
background: -moz-linear-gradient(0deg, rgba(119,119,119,1) 10%, rgba(85,85,85,1) 90%);
background: -webkit-linear-gradient(0deg, rgba(119,119,119,1) 10%, rgba(85,85,85,1) 90%);
background: linear-gradient(0deg, rgba(119,119,119,1) 10%, rgba(85,85,85,1) 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#777777",endColorstr="#555555",GradientType=1);*/
  /*background: rgb(96,226,226);
background: -moz-linear-gradient(145deg, rgba(96,226,226,1) 0%, rgba(150,102,225,1) 100%);
background: -webkit-linear-gradient(145deg, rgba(96,226,226,1) 0%, rgba(150,102,225,1) 100%);
background: linear-gradient(145deg, rgba(96,226,226,1) 0%, rgba(150,102,225,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#60e2e2",endColorstr="#9666e1",GradientType=1);*/
/*
  background: rgb(223,235,247);
background: -moz-linear-gradient(0deg, rgba(223,235,247,1) 0%, rgba(190,218,246,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(223,235,247,1) 0%, rgba(190,218,246,1) 100%);
background: linear-gradient(0deg, rgba(223,235,247,1) 0%, rgba(190,218,246,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dfebf7",endColorstr="#bedaf6",GradientType=1);
*/
    background: #eceff3;
}

.cta-banner.doublepanel figure img{
  height: 350px !important;
  min-height: auto;
  object-fit: cover;}

/*section.about p{font-size:1.25em;line-height:1.5em;}
section.about h3{font-size:1.8em;}*/

/*section.about .owl-carousel .owl-item img {
  max-height: 450px;
  object-fit: cover;}*/

/*section.about h3, section.about h5{
  color:#ffcd24;}*/

section.cta-banner h2{
  font-size:2.75em;
  /*text-transform: uppercase;*/}


section.cta-banner h5{
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 800;
  font-size:1.35em;
  color:#000;
  text-transform: uppercase;}
section.cta-banner p{
  color:#000;}

section.cta-banner .card.col{ /* adjusts the default col margin-top */
  margin-top:0.25em;}

section.cta-banner .card .more .cta{
  font-size:1em;
  text-transform:none;}

/* double panel section */
.doublepanel{
    padding:0;}
  .doublepanel .col{
    margin:0;
    padding:0;}
  .doublepanel .span6{
    margin:0;}
  .doublepanel figure{
    margin:0;}
  .doublepanel figure img{
    display:block;
    min-height:450px;
    object-fit:cover;}
@media screen and (min-width:681px){
  .doublepanel .span6{
    width:50%;}
}
@media screen and (max-width:680px){
  .doublepanel figure img{
    min-height:300px;}
}

.mission{
  margin-top: -6em;
  margin-bottom: 2em;}
.mission .container{
  max-width:100%;
  padding-left:50px;
  padding-right:50px;}
.mission .card{
  border-top: 10px solid #004185;
  padding: 1em;
  padding-bottom:1em;}
.mission h2{
  margin-top:0.25em;}
.mission p{
  font-size:1.15em;}

/*(1) owl-stage box*/
.new-homes .owl-carousel .owl-stage{display:flex;}
/*(2) the direct div of each element in the owl carousel*/
.new-homes article{height:100%;}

/* thank you */
body#thankyou section.contact{
  display:none;}

/* -- 5c: Interior ------------------------------------------- */

/* rounded images */
img.photo-main{
  border-radius: 20px;}

/* color options */
.bg-color{
  padding-top:2em;
  padding-bottom:2em;
  background:#f1f1f1;}
.bg-color.color2{
  background:#29166f;}

/* PAGE: ALL */

/* New Homes */
.new-homes-list{
  margin:0;
  padding-top:0;}

/* Manufacturers */
section.list-manufacturers{
  padding-top:0;}

/* Deliver and Setup */

/*(1) owl-stage box*/
.setup-delivery-steps .owl-carousel .owl-stage{display:flex;}
/*(2) the direct div of each element in the owl carousel*/
.setup-delivery-steps article{height:100%;}

.setup-delivery-steps article.card{
  text-align: center;
  padding-bottom:0;}
.setup-delivery-steps article.card .icon{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.5em auto 0.25em auto;
  padding: 0;
  width: 45px;
  height: 45px;
  font-size: 1.8em;
  font-weight: bold;
  /* border: 2px solid #545454; */
  /* border: 2px solid #333333; */
  border: 2px solid #5681b0;
  /* background: rgba(0,0,0,0.1); */
  background: rgba(255,255,255,0.5);
  border-radius: 50%;
  transition: all 0.3s ease;}
.setup-delivery-steps article.card h4{
  padding: 0 0.75em 1em 0.75em;}

/* Contact */
#contact-form{
  margin-top:1.5em;}
#contact-form fieldset{
  padding:2em;
  border-radius:20px;
  background:#eceff3;}
#contact-form button{
  display:block;
  margin:0 auto;}

/*------------------------------------------------------------ */

/* 6: SIDEBAR */

/* -- 6a: Aside ---------------------------------------------- */

/*------------------------------------------------------------ */

/* 7: FOOTER */

/* -- 7a: Footer Content ------------------------------------- */

footer{
  color:#fff;
  /*background: rgb(76,115,175);
	background: -moz-linear-gradient(180deg, rgba(76,115,175,1) 0%, rgba(20,127,183,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(76,115,175,1) 0%, rgba(20,127,183,1) 100%);
	background: linear-gradient(180deg, rgba(76,115,175,1) 0%, rgba(20,127,183,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c73af",endColorstr="#147fb7",GradientType=1);*/
  background: rgb(0,111,185);
background: -moz-linear-gradient(180deg, rgba(0,111,185,1) 10%, rgba(0,65,133,1) 90%);
background: -webkit-linear-gradient(180deg, rgba(0,111,185,1) 10%, rgba(0,65,133,1) 90%);
background: linear-gradient(180deg, rgba(0,111,185,1) 10%, rgba(0,65,133,1) 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#006fb9",endColorstr="#004185",GradientType=1);
  }

footer p{
  font-size:0.9em;}

section.contact{
	padding-bottom:2.5em;
  color:#fff;
}

section.contact fieldset {
	border: 1px solid var(--clr--darkcyan1);
}

section.contact .container{
  /*max-width:1200px;*/
}

footer .info{/*background:linear-gradient(180deg, var(--clr--black3) 0px, var(--clr--black1) 30%);background-color:var(--clr--black1);padding-bottom:0;*/}
footer .info .container{max-width:1200px;}
footer .info img{max-width:300px;}
footer .info .topnav{
  width:100%;
  margin:1.25em auto;
  background-color:transparent;
  font-size:0.85em;
  font-weight:600;
  line-height:1.25em;}
footer .info .topnav a{color:#fff;}
footer .info .topnav a:hover{color:#efe544;}
footer .info .topnav i{
  float: left;
  margin:-0.25em 0.35em 0 0;
  padding:1em 0 0 0;
  width:50px;
  height:50px;
  font-size:1.65em;
  border:2px solid var(--clr--accent-yellow);
  background:rgba(0,0,0,0.1);
  border-radius:50px;
  line-height:0;
  vertical-align:middle;
  text-align:center;
  transition:all 0.3s ease;}
footer .info .topnav a:hover i{
  color:#fff;
  border:2px solid var(--clr--accent-yellow);
  background:rgba(0,0,0,0);}

footer .logo{
	margin-top:1em;
  max-width:200px;}

/* -- 7b: Copyright ------------------------------------------ */
/*footer .copyright{background-color:var(--clr--black1);}*/

/*------------------------------------------------------------ */

/* 8: ANIMATION/FX */

/* -- 8a: Grid Effects --------------------------------------- */

/* 8c: Owl Carousel */
.owl-carousel .owl-stage {
  margin: 0 auto;}

/* centers entries */
#gallery-slider.owl-carousel .owl-item img {
  max-width: 500px;
  margin: 0 auto;}
.owl-theme .owl-nav [class*=owl-] {
  background: rgba(0, 0, 0, 0.4) !important;}
.owl-theme .owl-nav [class*=owl-]:hover {
  background: rgba(0, 0, 0, 0.6) !important;}
.owl-prev, .owl-next {
  position: absolute;
  top: 40%;
  margin-top: -10px;}
.owl-prev {
  left: 0;}
.owl-next {
  right: 0;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
  box-shadow: none;}
.owl-carousel .owl-nav button.owl-next .fa, .owl-carousel .owl-nav button.owl-prev .fa {
  padding: 0.45em 0.35em;
  font-size: 1.85em;
  color: #fff;}
.owl-carousel .owl-nav button:hover {
  background: #5cc661;
  border-color: #4CAF50;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 -1px 1px #000, 1px 0 1px #000, 0 1px 1px #000, -1px 0 1px #000;}

/*------------------------------------------------------------ */

/* 9: RESPONSIVE */

@media screen and (max-width: 680px){
  .parallax-banner h1{
    font-size:2.5em;}
  section.cta-banner h2{
    font-size:2.8em;}
  footer .logo{
    max-width: 70%;
    margin:1em auto 0 auto;}
  
  body#home .parallax-banner h1{
    font-size:3.5em;}
  body#home .intro.parallax-banner .container{
    padding: 4em 1em 8em 1em;}
}




/* ARTICLE: Card */
article.card{
  position: relative;
  background: rgba(255,255,255,0.75);
  border-radius: 0.25em;
  overflow: hidden;
  padding-bottom: 2em;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);}
article.card.right {
  margin-left: 1em;
  margin-bottom: 1em;}
article.card h4 {
  margin: 0;
  padding: 0.5em 0.5em 0.25em 0.5em;
  text-align: center;
  color:#000;
  font-weight: 700;
  /*text-transform: uppercase;*/
  text-shadow: 2px 2px 2px rgba(0,0,0,0);}
article.card h4 .fas{
  color: #b3212b;
  font-size: 1.75em;
  border: 2px solid;
  width: 100px;
  height: 100px;
  border-radius: 2em;
  padding-top: 0.35em;
  transform: scale(0.8);
  background: rgba(255,255,255,0.55);}
article.card h4.link {
  margin: 0;
  padding: 0;
  background-color: #d5e0da;}
article.card h4.link a {
  display: block;
  padding: 0.35em 0.5em 0.2em 0.5em;}
article.card h6 {
  margin: 0;
  padding: 0.35em 0.5em;
  font-size: 1.35em;
  color: #fff;
  background-color: #8b99a1;}
article.card p{
  margin: 0;
  padding: 0.25em 0.5em 0.5em 0.5em;}
article.card .more {
  width: 100%;
  margin-bottom: 0;
  /*padding:1em;*/
  bottom: 0;}
article.card .more .cta{
  /*width: 50%;*/
  /*padding:1em;*/
  /*border-radius:6px;*/}

/*article.card .more .cta:hover{
  background-color:#C59D5F;}
article.card .more .cta small {
  text-transform: none;}
article.card .more .cta.full {
  width: 100%;}
article.card .more .cta.half {
  width: 50%;}
article.card .more .cta.thirds {
  width: 33.333%;}
article.card .more .cta.quarter {
  width: 25%;}*/

section.list-manufacturers article.card h4 {
  margin: 0;
  padding: 0.5em;
  color:#000;
  font-weight: 700;
  text-align: center;
  text-shadow: 2px 2px 2px rgba(0,0,0,0);}



/* Mean Menu */
/*.mean-container .mean-bar{
	z-index:9999 !important;
}*/


/* 10: Classes*/
.list-flex {
	display:flex;
	align-items: center;
	justify-content: center;
}

.list-flex-col {
	display:flex;
	flex-direction: column;
	text-align:left;
}

.p-text {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	max-width:36rem;
}

.p-heading {
	margin-left:auto;
	margin-right:auto;
	max-width:35rem;
}

.footer-flex {
	display:flex;
	gap:1rem;
    align-items: center;
	justify-content: center;
}

.filter-shadow {
	filter:drop-shadow(1px 1px 3px var(--clr--black3));
}

@media (min-width:680px) {
	body.has-globalTopNav.has-globalStickyHeader {
	padding-top:105px;
}
}

@media (max-width:850px) {
	.footer-flex {
		flex-direction: column;
	}
	.no-gap {
		gap:0;
	}
}


#map {
	height:450px;
	width:100%;
}

.heading {
	text-align:center;
}

.property-card {
	max-width:350px;
	min-height: 300px;
	display:flex;
	flex-direction: column;
	align-items: center;
	padding:1rem;
	border: 1px solid var(--clr--light--border);
	border-radius: 10px;
	margin-right:auto;
	margin-left:auto;
}

.property-card h5 {
	text-align:center;
}

/* Tesimonials */
.testimonials h3{
  color:#004185;}

.testimonial-card {
	max-width: 800px;
	min-height: 275px;
	margin-right:auto;
	margin-left:auto;
	border-radius:10px;
	border: 2px solid var(--clr--light--border);
	padding: 1rem;}


/* properties */

#properties.anchor{
  height: calc(65px + 110px);
  margin-top: calc(-65px - 110px);}

section.properties{
  background:#f1f1f1;}

/*(1) owl-stage box*/
#properties-container.owl-carousel .owl-stage { display: flex; }
/*(2) the direct div of each element in the owl carousel*/
#properties-container.owl-carousel .item { height: 100%; }

#properties-container.owl-carousel .item{
  /*padding-bottom: 0.5em;*/
  border-top:5px solid #ffcd24;
  text-align: center;}

#properties-container.owl-carousel .item h5 span{
  font-size:1.5em;}
#properties-container.owl-carousel .item h6{
  font-size:1.15em;
  color:#535559;}

#properties-container.owl-carousel .item .more .cta{
  font-size:1em;}

/* property management */

.property-management.parallax-banner .overlay{
  background: rgb(83,85,89);
background: -moz-linear-gradient(0deg, rgba(83,85,89,0.8) 10%, rgba(0,111,185,0.8) 90%);
background: -webkit-linear-gradient(0deg, rgba(83,85,89,0.8) 10%, rgba(0,111,185,0.8) 90%);
background: linear-gradient(0deg, rgba(83,85,89,0.8) 10%, rgba(0,111,185,0.8) 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#535559",endColorstr="#006fb9",GradientType=1);
}

.property-management.parallax-banner p{
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1.5em;}

.property-management.parallax-banner .more{
  margin-top:1.5em;}

/* testimonials */

section.testimonials{
  background:#f1f1f1;}

#testimonials-container .item{
  padding-bottom:0;}

#testimonials-container .item p.name{
  margin-bottom:0.15em;
  font-weight: bold;}
#testimonials-container .item p.business{
  margin-top:0.15em;
  font-style: italic;}


/* footer */

footer{
  /*display: table;
  width:100%;*/
  /*background: rgb(22,7,74);
  background: -moz-linear-gradient(0deg, rgba(22,7,74,1) 0%, rgba(41,22,111,1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(22,7,74,1) 0%, rgba(41,22,111,1) 100%);
  background: linear-gradient(0deg, rgba(22,7,74,1) 0%, rgba(41,22,111,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#16074a",endColorstr="#29166f",GradientType=1);*/
  background: #000;}
footer h2{
  font-size:1.5em;
  color:#fff;
  /*text-transform: uppercase;*/}
footer a{
  color:#fff;}
footer a:hover{
  color:#0085CA;}

footer .content{
  padding-top:2em;}

footer .content p{
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1.5em;}

footer .content .cta{
  font-size: 1.5em;}

footer form fieldset{
  /*padding:1.5em;*/
  border-radius:20px;
  background:rgba(255,255,255,0.15);}
footer form label span{
  color:#ccc;}
footer form button, footer form input[type="submit"]{
  border-radius:2em;
  border:0;
  margin-left:auto;
  margin-right:auto;
  background-color: #ffcd24;
  color: #535559;}

/* mobile footer */
.call-mobile{
  display:none;
  position:fixed;
  bottom:0;
  width:100%;
  left:0;
  right:0;
  height:80px;
  z-index: 10;}
.call-mobile .cta{
  margin: 0;
  padding: 0.75em 0;
  text-align: center;
  width: 50%;
  font-size: 1.25em;
  line-height: 1em;
  border:0;
  border-radius: 0;
  min-height: 80px;}

@media screen and (max-width: 680px){
  body{padding-bottom:80px;}
  .call-mobile{display:block;}
}








.icon{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.15em auto;
  padding: 0;
  width: 45px;
  height: 45px;
  font-size: 0.7em;
  /*border: 2px solid #545454;*/
  /*border: 2px solid #333333;*/
  border: 2px solid #5681b0;
  /*background: rgba(0,0,0,0.1);*/
  background: rgba(255,255,255,0.5);
  border-radius: 50%;
  transition: all 0.3s ease;}
.icon:hover{
  /*border-bottom: 2px solid;*/
  border: 2px solid #d7e4f8;
  /*border-color: #d30027;*/
	/*border-color: var(--clr--primary--lightblue);*/
  /*font-size: 0.9em;*/
  transform: scale(1.1);}
  
.icon i{
  padding:0.25em;
  font-size:1.8em;
  /*color:#545454;*/
  color: #00aeef;}

.icon.num{
  font-size:1.8em;
  font-weight:bold;}

.topnav .icon{
  float: left;
  margin-right: 1em;
  width:35px;
  height:35px;
  border-color:rgba(11,67,90,0)}
.topnav .icon i{
  color:#0b435a;}

header .topnav a{
  margin-left:0;
  margin-right:0;
  color: #fff;}
header .topnav a:hover{
  color:#1b7230;}

header .topnav .topnav-details{
  padding-top:2px;
  font-size:0.85em;
  line-height:1.25em;
  vertical-align:middle;    
  color: #fff;}

/* nav */
header nav{
  margin-top:25px;}
body.no-header header nav{
  margin-top:0;}




/* nav menu */
nav li{
  /*font-family: 'Montserrat', san-serif;*/
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 600;}
nav li > a {
  padding-right:2em;
  text-transform: uppercase;}

@media screen and (min-width: 680px){
  nav li:hover > a{
    color:#20a5fc;}
  nav ul li ul > li {
    border-bottom:1px solid #000;}
  nav ul li ul li:last-child{
    border-bottom:0;}
  nav ul li ul li:hover > a{
    background:#d63e2f;}
  nav ul li:hover > ul{
    -webkit-box-shadow: 0px 0px 15px 0px rgba(32,32,32,0.15);
    -moz-box-shadow: 0px 0px 15px 0px rgba(32,32,32,0.15);
    box-shadow: 0px 0px 15px 0px rgba(32,32,32,0.15);
    border-radius: 10px;}
  nav ul li:hover ul li:first-child a{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;}
  nav ul li:hover ul li:last-child a{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;}
  nav ul li ul li > a{
    background:#fff;}
}

/* fade in dropdown menu */
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

/* main links */
.main-links{
  margin-top: -2em;
  /*background: rgba(255,255,255,1);*/
  background: #eceff3;
  border-radius: 1em;
  border: 3px solid #124e21;
  padding: 1em 2em;}
.main-links a{
  color:#1b7230;}
.main-links a:hover{
  color:#0085CA;}
.main-links .icon{
  float: left;
  margin-right: 1em;
  width: 50px;
  height: 50px;
  border-color: rgba(11,67,90,0);}
.main-links .icon i{
  font-size:2.25em;
  color:#124e21;}
.main-links .topnav-details span{
  /*font-family: 'DM Serif Text', serif;*/
  font-size: 1.25em;
  font-weight: 800;}


@media (min-width:680px) {
  body.has-globalTopNav.has-globalStickyHeader{
    padding-top: 175px;
  }
}


body#home .intro.parallax-banner .container{
  
}

/* alert bar */

@media (max-width:680px) {
    body.has-globalAlertBar.has-globalTopNav.has-globalStickyHeader{
        padding-top:85px;
    }
}

/* homepage promo */
section.homepage-promo .group{
  margin: 0 0.5em;
  background: #f1f1f1;
  padding: 1em;
  border-radius: 12px;}

section.homepage-promo .tag{
      position: relative;
    background: rgba(255,255,255,11);
    border-radius: 3em;
    font-size: 0.75em;
    padding: 0 10px;
    display: inline-block;
    margin: 0 auto;
    position: absolute;
    top: -18px;
    left: 0;
    right: 0;
    max-width: 150px;
      -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);}

section.homepage-promo .tag .icon{
      display: inline-block;
    vertical-align: middle;
    margin-right: 0px;
    width: 28px;
    height: 28px;
    border: 0;}

section.homepage-promo .tag .icon i{
  color:#545454;}

section.homepage-promo .more .cta{
  font-size:0.95em;
  text-transform: none;
  text-align:center;}

@media (max-width:680px) {
  body.has-globalStickyHeader{
    padding-top: 0;}
}