/*
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=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

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

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

/* Display */
@media screen and (min-width:981px){
  .mobile{display:none;}
  .desktop{display:block;}
}
@media screen and (max-width:980px){
  .mobile{display:block;}
  .desktop{display:none;}
}

/* -- 2b: Typography ----------------------------------------- */
body{font:normal 1em/1.45em 'Montserrat', sans-serif;}
h1, h2, h3, h4, h5, h6{
  /*font-family: 'Cardo', serif;*/
  font-family: 'Montserrat', sans-serif;
  font-weight:900;
  text-transform: uppercase;}
h1{}
h2{}
h3{}

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

/* -- 2c: Links/CTAs ----------------------------------------- */
.cta{font-weight:800;text-transform:uppercase;}

.cta{background-color:#3f8433;color:#fff;}
.cta:hover{background-color:#45bc31;color:#fff;}
.cta.outline{background-color:transparent;border:3px solid #c0392a;color:#c0392a;}
.cta.outline:hover{background-color:#db1600;border:3px solid #db1600;color:#fff;}

/* Secondary color */
.cta.secondary{background-color:#000;color:#fff;}
.cta.secondary:hover{background-color:#333;color:#fff;}
.cta.secondary.outline{background-color:transparent;border:3px solid var(--clr--darkcyan1);color:var(--clr--darkcyan1);}
.cta.secondary.outline:hover{background-color:var(--clr--darkcyan);border:3px solid var(--clr--darkcyan);color:#fff;}

/* Contact color */
.cta.contact{background-color:#3f8433;color:#fff;border:0px solid #c0392a;text-align:center;}
.cta.contact:hover{background-color:#45bc31;color:#fff;border:0px solid #db1600;}
.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;}

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

.more, .card .more{
  text-align: center;}

@media screen and (min-width:681px){
  .more .cta.half, .card .more .cta.half{
    margin:0.15em;
    max-width:180px;
    text-align:center;}
}

@media screen and (max-width:680px){
  .more .cta.half, .card .more .cta.half{
    margin:0.15em;}
}

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

/* -- 2e: Tables --------------------------------------------- */

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

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

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

header .desktop.social{
  position: fixed;
  display: block;
  top: 280px;
  right: 10px;
  margin: 0;
  padding: 0.15em 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%);}
header .desktop.social li{
  display:block;
  margin:0;
  padding:0;
  width:100%;
  text-align:center;}
header .desktop.social li a{
  display: block;
  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-color: #00446a;
  border-radius: 2em !important;
  border: 2px solid #00446a;
  transition: all 0.4s ease;}
header .desktop.social li a:hover{
  color:#fff;
  border-color:#9deeff;}

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


@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.5em; 
}
body.no-header header .logo img{
  max-width: 175px;
  margin-top: -0.25em;}
body.no-header header .topnav {display:none;}

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

/* -- 3d: Top Nav Bar ---------------------------------------- */
header .topnav{
  background-color: var(--clr--black2);
}
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:#efe544;}
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 ----------------------------------------------- */
.logo{
  /*position:absolute;
  left:0;
  right:0;*/
  max-width:350px;}

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

@media screen and (max-width:980px){
  .logo{
    max-width:280px;}
}

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

/* 4: NAV */

/* -- 4a: Nav Menu ------------------------------------------- */
nav{
  clear:both;
  font-weight:bold;}
nav li > a{color:#535559;}
nav li > a:hover{color:#45bc31;}

@media screen and (min-width:680px){
  nav li > a{font-size:1em;}
}

nav.right ul.nav{
  margin-top:-2em;}

/* Mobile */

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

@media (max-width:680px) {
	.nav li{
	/*background:#7c4840;*/
	color:#fff;
	}
	/*.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:#000 !important;}
.mean-container a.meanmenu-reveal span{color:#000 !important;background:#000 !important;}
.mean-container .mean-bar{background:#fff !important;}
.mean-container .mean-nav{background:#1e2818 !important;}
.mean-container .mean-nav ul li a{color:#fff !important;}

.mean-container .mean-nav ul li a.cta{
  border: 0;
  width: 90%;
  /* padding: 0.5em 0.5em; */
  padding: 1em 5%;
  /*background: #c0392a;*/
  color: #fff !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: rgba(100,89,53,0.8);*/
  background: rgba(0,0,0,0.5);
}

.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:10em 1em 8em 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.about{
	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:#000;
}
/*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;*/
  color:#fff;}

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

section.about .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 #c0392a;
  padding: 1em;
  padding-bottom:1em;}
.mission h2{
  margin-top:0.25em;}
.mission p{
  font-size:1.15em;}

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

section.about{
  padding:0;}

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

/* PAGE: ALL */

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

/* 6: SIDEBAR */

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

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

/* 7: FOOTER */

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

footer{
  color:#fff;
  /*background: rgb(25,15,3);
background: -moz-linear-gradient(0deg, rgba(25,15,3,1) 0%, rgba(80,54,26,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(25,15,3,1) 0%, rgba(80,54,26,1) 100%);
background: linear-gradient(0deg, rgba(25,15,3,1) 0%, rgba(80,54,26,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#190f03",endColorstr="#50361a",GradientType=1);*/
  background:#1e2818;
}

.contact a{
  color:#fff;}
.contact a:hover{
  color:#45bc31;}

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

section.contact fieldset {
	border: 1px solid #50361a;
}

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

/* -- 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 */






/* 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: 2em 0.5em 3em 0.5em;
  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 .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%;}*/





/* 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;*/
  color:#010101;}

.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 #c0392a;
  /*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);*/
  background: rgb(161,161,161);
background: -moz-linear-gradient(0deg, rgba(161,161,161,0.8) 0%, rgba(100,89,53,0.8) 100%);
background: -webkit-linear-gradient(0deg, rgba(161,161,161,0.8) 0%, rgba(100,89,53,0.8) 100%);
background: linear-gradient(0deg, rgba(161,161,161,0.8) 0%, rgba(100,89,53,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a1a1a1",endColorstr="#645935",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,
#hvh-container .item{
  padding-bottom:0;}

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

/* footer */

footer{
  /*display: table;
  width:100%;*/}

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

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

footer a{
  color:#fff;}
footer a:hover{
  color:#ccc;}

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


/* property details modal */
.property-details-modal{
  /*display: none;*/
  width: 100%;
  max-width: 70% !important;
  border-radius: 12px;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}

@media (max-width:980px) {
  .property-details-modal figure.span5.right{
    margin:0 0 0.5em 0;
    padding:0;
    width:100%;}
}

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

/* force projects ctas to stay at half width on mobile */
.cta.half, .card .cta.half {
  width: 50% !important;}

@media (max-width:680px) {
  .parallax-banner h1 {
    font-size: 1.8em;}
  
  .mission h2{
    font-size:1.5em;}
  
  .cta.half, .card .cta.half {
    /*font-size:0.85em;*/
    width:100% !important;}
}

section.sponsors{
  margin-bottom:5em;}

.affiliations h3{
  color:#fff;}

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