/*
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
    7c: Cookie Consent
 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/vlr0hps.css"); /* Viktor Script */
/*  font-family: "viktor-script", sans-serif;
    font-weight: 400;
    font-style: normal; */

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

/* 1.1: CUSTOM COLORS */
/* See Atlas Settings */

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

/* -- 2b: Typography ----------------------------------------- */
body{
  font:normal 1em/1.45em 'Open Sans', sans-serif;
  background:var(--atl-clr-main);
  color:var(--atl-clr-main-txt);}
h1, h2, h3, h4, h5, h6{
  font-family: 'DM Serif Text', serif;
  font-weight:400;
  color:var(--atl-clr-htag);}
h1{
  font-family: "viktor-script", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: none;
  line-height: 1.35em;}
h2{line-height: 1.2em;}
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{
  color:#eceff3;
  color:var(--atl-clr-cta1-txt);
  background-color:#1b7230;
  background:var(--atl-clr-cta1);}
.cta:hover{
  color:#eceff3;
  color:var(--atl-clr-cta1-txt);
  background-color:#3ca933;
  background: color-mix(in srgb, var(--atl-clr-cta1), black 15%);}
.cta.outline{
  color:#fff;
  color:var(--atl-clr-cta1-txt);
  background-color:transparent;
  border:3px solid #fff600;
  border:3px solid var(--atl-clr-cta1);}
.cta.outline:hover{
  color:#29166f;
  background-color:#fff600;
  border:3px solid #fff600;}
/* Contact color */
.cta.contact{
  color:#0b435a;
  color:var(--atl-clr-cta2-txt);
  background:#eceff3;
  background:var(--atl-clr-cta2);
  /*border:3px solid #3ca933;*/
  text-align:center;}
.cta.contact:hover{
  color:#fff600;
  color:var(--atl-clr-cta2-txt);
  background:#1b7230;
  /*border:3px solid #1b7230;*/
  background: color-mix(in srgb, var(--atl-clr-cta2), black 15%);
  /*filter:brightness(135%);*/}
.cta.outline.contact{
  padding:0.3em 1.125em;
  color:#efe544;
  color:var(--atl-clr-cta2-txt);
  background:transparent;
  border:3px solid #efe544;
  border:3px solid var(--atl-clr-cta2);}
.cta.outline.contact:hover{
  color:#000;
  background:#efe544;
  border:3px solid #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;
  text-align:center;}

/* -- 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:#fff;
  background:var(--atl-clr-hdr);}

@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: 90px;}
/*body.no-header header .topnav {display:none;}*/

/* -- 3c: Alert Bar ------------------------------------------ */
.alertLink a{text-decoration:none;}
.alertLink a,.alertLink a:visited,.alertLink a:hover,.alertLink a:active{color:inherit;}

.scroll-container{
  width:100%; /* Or a specific width */
  overflow:hidden; /* Hide overflowing content */
  white-space:nowrap; /* Keep text on a single line */}

.alert-warn-3{font-weight:700;color:#fff;background:#b00;}
.alert-warn-3 a.alertLink,.alert-warn-3 a.alertLink:visited,.alert-warn-3 a.alertLink:hover,.alert-warn-3 a.alertLink:active{color:#fff;}
.alert-warn-2{font-weight:700;color:#000;background:#f60;}
.alert-warn-2 a.alertLink,.alert-warn-2 a.alertLink:visited,.alert-warn-2 a.alertLink:hover,.alert-warn-2 a.alertLink:active{color:#000;}
.alert-warn-1{font-weight:700;color:#000;background:#ff0;}
.alert-warn-1 a.alertLink,.alert-warn-1 a.alertLink:visited,.alert-warn-1 a.alertLink:hover,.alert-warn-1 a.alertLink:active{color:#000;}
.alert-notice-4{font-weight:670;color:#000;background:#88ff88;}
.alert-notice-4 a.alertLink,.alert-notice-4 a.alertLink:visited,.alert-notice-4 a.alertLink:hover,.alert-notice-4 a.alertLink:active{color:#000;}
.alert-notice-3{font-weight:670;color:#fff;background:#282;}
.alert-notice-3 a.alertLink,.alert-notice-3 a.alertLink:visited,.alert-notice-3 a.alertLink:hover,.alert-notice-3 a.alertLink:active{color:#fff;}
.alert-notice-2{font-weight:670;color:#000;background:#8888ff;}
.alert-notice-2 a.alertLink,.alert-notice-2 a.alertLink:visited,.alert-notice-2 a.alertLink:hover,.alert-notice-2 a.alertLink:active{color:#000;}
.alert-notice-1{font-weight:670;color:#fff;background:#2222ff;}
.alert-notice-1 a.alertLink,.alert-notice-1 a.alertLink:visited,.alert-notice-1 a.alertLink:hover,.alert-notice-1 a.alertLink:active{color:#fff;}
.alert-info-2{font-weight:650;color:#ccc;background:#333;}
.alert-info-2 a.alertLink,.alert-info-2 a.alertLink:visited,.alert-info-2 a.alertLink:hover,.alert-info-2 a.alertLink:active{color:#ccc;}
.alert-info-1{font-weight:650;color:#333;background:#fffaf1;}
.alert-info-1 a.alertLink,.alert-info-1 a.alertLink:visited,.alert-info-1 a.alertLink:hover,.alert-info-1 a.alertLink:active{color:#333;}

.alert.container{max-width:100%;padding:0;}
.alert .container .container{padding:0.25em;}
.alert .container .scroll-container{padding:0.25em 0;}

/* -- 3d: Top Nav Bar ---------------------------------------- */
header .topnav{
  background: #124e21;
  background: var(--atl-clr-topnav);}
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;*/
  color:color-mix(in srgb, var(--atl-clr-ftr-txt), black 35%);}
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;
  max-width:315px;
  max-width:150px;
  margin-top:-0.75em;}

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

@media screen and (max-width:980px){
  .header-left{
    display: flex;
    justify-content: center;}
  header .logo{
    max-width: 70px;
    margin-top: 0;
    /*margin-left: -1.5em;*/}
}

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

/* 4: NAV */

/* -- 4a: Nav Menu ------------------------------------------- */
nav{
  clear:both;
  font-weight:800;}
nav li > a{
  padding: 0.5em 0.5em;
  color:#535559;
  color:var(--atl-clr-hdr-txt);
  font-size:1em;}
nav li > a:hover{
  color:#0085CA;
  color: color-mix(in srgb, var(--atl-clr-hdr-txt), white 35%);}
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:2000px){
  nav li > a{font-size:0.85em;padding:0.5em 0.35em;}
}
@media screen and (max-width:1300px){
  nav li > a{font-size:0.85em;padding:0.5em 0.35em;}
}
@media screen and (max-width:1080px){
  nav li > a{font-size:0.8em;padding:0.5em 0.25em;}
}
@media screen and (max-width:980px){
  nav li > a{font-size:0.8em;padding:0.5em 0.25em;}
}
@media (max-width:780px) {
	nav li > a{font-size:0.8em;padding:0.5em 0.25em;}
}
@media screen and (max-width:680px){
  nav li > a{font-size:1em;padding:0.5em 0.5em;}
}

/* Nav Menu - side social menu -------------------------------- */
.socialbar.social-header{
  position: fixed;
  display: block;
  top: 280px;
  right: 10px;
  margin: 0;
  padding: 0.35em 0;
  width: 50px;
  background: #fff;
  border-radius: 2em;
  -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
  z-index: 9999;}
.socialbar.social-header ul{
  margin:0;
  padding:0;}
.socialbar.social-header ul li{
  display:block;
  margin:0;
  padding:0;
  width:100%;
  text-align:center;}
.socialbar.social-header ul li a{
  margin:0.1em auto;
  padding:0.25em 0 0 0;
  width:40px;
  height:40px;
  font-size:1.65em !important;
  font-weight:normal;
  color:#fff;
  text-align:center;
  vertical-align:middle;
  background:#808184;
  background:var(--atl-clr-social);
  border-radius:2em !important;
  /*border:2px solid #808184;
  border:2px solid var(--atl-clr-social);*/
  border:0;
  transition:all 0.4s ease;}
.socialbar.social-header ul li a:hover{
  color:#fff;
  background:#0085CA;
  /*border-color:#0085CA;*/
  background: color-mix(in srgb, var(--atl-clr-social), white 35%);
  filter:brightness(135%);}

@media screen and (max-width: 990px){
  .socialbar.social-header{
    display: none;}
}

/* -- 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:#124e21 !important;
  background:var(--atl-clr-topnav) !important;}
.mean-container .mean-nav{
  background:#124e21 !important;
  background:var(--atl-clr-topnav) !important;}
.mean-container .mean-nav ul li a{color:#fff !important;}

.mean-container .mean-nav li{
  background:#124e21 !important;
  background:var(--atl-clr-topnav) !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:#eceff3;
  background:var(--atl-clr-cta1);
  color:#124e21 !important;
  color:var(--atl-clr-cta1-txt) !important;}
.mean-container .mean-nav ul li a.cta.contact{
  background:#6CC24A;
  background:var(--atl-clr-cta2);
  color:#fff !important;
  color:var(--atl-clr-cta2-txt) !important;}
.mean-container .mean-nav ul li a.cta.secondary{
  background:#6CC24A;
  background:var(--atl-clr-cta3);
  color:#fff !important;
  color:var(--atl-clr-cta3-txt) !important;}

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

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

/* 5: BODY/CONTENT */

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

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

.parallax-banner .overlay{
  background: rgba(0,0,0,0.45);}
.parallax-banner h1{
  font-size:3.75em;
  line-height:0.85em;
  text-transform: none;
  letter-spacing: 0;
  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-family: 'DM Serif Text', serif;
  font-weight:400;
  font-size:0.3em;
  line-height:1.55em;
  vertical-align: top;}

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

.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;}

/* full height parallax on homepage - start */
body#home .intro{
  display: flex !important;
  align-items: center;
  height: 70vh;}
body#home .intro .container{
  /*padding-top:180px;*/}
.intro .intro-image{
  position: absolute;
  width: 100%;
  height: 100%;}
/* full height parallax on homepage - end */

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;
  color:var(--atl-clr-main-alt-txt);
  background: #eceff3;
  background:var(--atl-clr-main-alt);
}

.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:3em;
  text-transform: uppercase;}

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

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:#edeef6;}
.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;
  color:var(--atl-clr-ftr-txt);
  background:#000;
  background:var(--atl-clr-ftr);}
footer h2{
  font-size:1.5em;
  color:#f9f1c2;
  color:var(--atl-clr-ftr-txt);
  text-transform: uppercase;}
footer p{
  color:#fff;
  color:var(--atl-clr-ftr-txt);}
footer a{
  color:#fff;
  color:var(--atl-clr-ftr-txt);}
footer a:hover{
  color:#0085CA;
  color: color-mix(in srgb, var(--atl-clr-ftr-txt), white 35%);}

footer .logo{
  max-width: 150px;}

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: 4em;*/
}

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

footer .copyright{
  color:#fff;
  color:var(--atl-clr-ftr-txt);}
footer .copyright a{
  color:#fff;
  color:var(--atl-clr-ftr-txt);}
footer .copyright a:hover{
  color: color-mix(in srgb, var(--atl-clr-ftr-txt), black 35%);}

/* -- 7c: Cookie Consent ------------------------------------- */
#cookieConsent{
  /*display:flex;
  justify-content:center;
  align-items:center;*/
  display: block;
  text-align:left;
  padding:1em;
  background-color:#222C;
  color:#fff;
  position:fixed;
  z-index:65000;bottom:0;width:100%;
  font-size:1em;
  font-weight:bold;}
#cookieConsent a{color:#ffff00;}
#cookieConsent a:hover{color:#ffff89;}
#cookieConsent button.cookieAccept{color:#000;background-color:#ffff00;border:none;border-radius:0.2em;margin:0.25em;padding:0.2em 0.35em;}
#cookieConsent button.cookieAccept:hover{
  background:#ffff89;}

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

/* 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:4em;}
  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;
  text-align: center;}
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);}

.photo-right figure,
.photo-gallery figure{
  margin:0;}

.photo-gallery figure img{
  height: 250px;
  object-fit: cover;}

@media (min-width: 681px) {
  .photo-right {
    margin-left: 1em;
    margin-bottom: 1em;}
}

/* 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{
  color:#fff;
  color:var(--atl-clr-ftr-txt);
  background:#000;
  background:var(--atl-clr-ftr);}
footer h2{
  font-size:1.5em;
  color:#f9f1c2;
  color:var(--atl-clr-ftr-txt);
  text-transform: uppercase;}
footer a{
  color:#fff;
  color:var(--atl-clr-ftr-txt);}
footer a:hover{
  color:#0085CA;
  color: color-mix(in srgb, var(--atl-clr-ftr-txt), white 35%);}

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;*/
  color:color-mix(in srgb, var(--atl-clr-ftr-txt), black 35%);}

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:1.8em;
  text-transform: uppercase;}

@media screen and (min-width: 680px){
  nav li:hover > a{
    color:#1b7230;
    color: color-mix(in srgb, var(--atl-clr-hdr-txt), white 35%);}
  nav ul li ul > li {
    border-bottom:1px solid #3ca933;
    border-bottom-color: color-mix(in srgb, var(--atl-clr-hdr-txt), white 35%);
    }
  nav ul li ul li:last-child{
    border-bottom:0;}
  nav ul li ul li:hover > a{
    background:#1b7230;
    background:var(--atl-clr-hdr-txt);
    /*background: color-mix(in srgb, var(--atl-clr-hdr-txt), white 35%);*/}
  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: -6em;
  color:#1b7230;
  color:var(--atl-clr-cta0-txt);
  background: #eceff3;
  background:var(--atl-clr-cta0);
  border-radius: 1em;
  border: 3px solid #124e21;
  border-color:var(--atl-clr-cta0);
  padding: 1em 2em;}
.main-links a{
  color:#1b7230;
  color:var(--atl-clr-cta0-txt);}
.main-links a:hover{
  color:#0085CA;
  color: color-mix(in srgb, var(--atl-clr-cta0-txt), white 35%);}
.main-links .icon{
  float: left;
  margin-right: 1em;
  width: 50px;
  height: 50px;
  border-color: rgba(11,67,90,0);
  border-color:var(--atl-clr-cta0);}
.main-links .icon i{
  font-size:2.25em;
  color:#124e21;
  color:var(--atl-clr-cta0-txt);}
.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;}

/* Event Flyers */
article.card.events{
  padding-bottom:0;}
.card.events{
  border-radius:10px;}
.card.events figure{
  padding:0.5em;
  background:#F1F1F1;
  background:linear-gradient(180deg,rgba(241, 241, 241, 1) 0%, rgba(255, 255, 255, 1) 100%);}
.card.events figure img.tall{
  margin:0 auto;
  width:auto;
  object-fit:contain;
  height:300px;
  border-radius:8px;
  background: linear-gradient(180deg, rgba(241, 241, 241, 1) 0%, rgba(255, 255, 255, 1) 100%);}
.card.events .container{
  text-align:center;
  padding-bottom:0;}
.card.events .container h4{
  margin-bottom:0em;
  font-size:1.35em;}
.card.events .container h5{
  margin-top:0em;
  font-size:1.15em;}