/*
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=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=DM+Serif+Text&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600;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=Oooh+Baby&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;
}

/* -- 2b: Typography ----------------------------------------- */
body{font:normal 1em/1.45em 'Open Sans', sans-serif;}
h1, h2, h3, h4, h5, h6{
  /*font-family: 'Cardo', serif;*/
  font-family:'Montserrat', sans-serif;
  font-weight:500;}
h1{
  font-family:'DM Serif Text', serif;
  line-height:1.35em;}
h2{
  font-family:'DM Serif Text', serif;
  /*color: #202020;*/
  color:#302a7e;
  line-height:1.2em;
  border-bottom:1px solid #ffce07;
  padding-bottom:0.25em;
  margin-bottom:0.75em;}
h3{
  font-size:1.75em;
  /*font-family: 'Teko', sans-serif;*/}
h5{
  /*font-family: 'Teko', sans-serif;*/}

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

/* -- 2c: Links/CTAs ----------------------------------------- */
a{
  /*color:#3ca9a3;*/
  color:#0085CA;}
a:hover{
  color:#302a7e;}

.cta{
  font-family: 'Montserrat';
  font-weight: 700;
  text-transform:uppercase;}

.cta{background-color:#3ca9a3;color:#fff;border:0;}
.cta:hover{background-color:#9ed09d;color:#202020;}
.cta.outline{background-color:transparent;border:3px solid #facd01;color:#fff;}
.cta.outline:hover{background-color:#facd01;border:3px solid #facd01;color:#29166f;}

/* Secondary color */
.cta.secondary{background:#ffcd00;}

/* Tertiary color */
.cta.cta3{background-color:#ffce07;color:#302a7e;border:0;}
.cta.cta3:hover{background-color:#0085CA;color:#fff;}

/* Contact color */
.cta.contact{background-color:#fff600;color:#29166f;border:3px solid #29166f;text-align:center;}
.cta.contact:hover{background-color:#29166f;color:#fff600;border:3px solid #29166f;}
.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:-3px;
  background:#fff;color:#3ca9a3;border:3px solid #3ca9a3;
  /*font-family: 'Corben', cursive;*/ /*text-transform: none;*/}
header .cta.contact:hover{
  background:#3ca9a3;color:#fff;border:3px solid #3ca9a3;}

.cta-banner .cta.contact{
  background: transparent;
  color: #3ca9a3;
  border: 3px solid #3ca9a3;}
.cta-banner .cta.contact:hover{
  background:#3ca9a3;
  color:#fff;}

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

/* -- 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 .logo{
  position: absolute;}

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

/* -- 3b: Header - Sticky ------------------------------------ */
body.has-globalAlertBar.has-globalTopNav.has-globalStickyHeader{padding-top:67px;}

/* -- 3c: Alert Bar ------------------------------------------ */
.alert, .alert.general{color:#302a7e;background:#facd01;font-weight:bold;}
.alert a, .alert.general a{color:#302a7e;font-weight:bold;}
.alert a:hover, .alert.general a:hover{color:#0085CA;font-weight:bold;}

/* -- 3d: Top Nav Bar ---------------------------------------- */
header .topnav{
  background-color: #f1f1f1;
}
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:150px;
  /*margin-top:-3px;*/}

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

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

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

/* 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:#3ca9a3;}

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

/* Nav Menu - side social menu -------------------------------- */
header .side-social{
  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;
  }
header .side-social li{
  display:block;
  margin:0;
  padding:0;
  width:100%;
  text-align:center;}
header .side-social 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-color:#302a7e;
  border-radius:2em !important;
  border:2px solid #302a7e;
  transition:all 0.4s ease;}
header .side-social li a:hover{
  color:#fff;
  background-color:#ffcd00;
  border-color:#ffcd00;}

@media screen and (max-width: 990px){
 header .side-social {
    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:#202020 !important;}
.mean-container a.meanmenu-reveal span{color:#202020 !important;background:#202020 !important;}
.mean-container .mean-bar{background:#fff !important;}
.mean-container .mean-nav{background:#302a7e !important;}
.mean-container .mean-nav ul li a{color:#fff !important;}

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

.mean-container .mean-nav ul li a.cta{
  border: 0;
  width: 100%;
  padding: 1em 0;
  text-indent: 5%;
  background: #3ca9a3;
  color: #fff !important;}
.mean-container .mean-nav ul li a.cta.secondary{
  background: #ffcd00;}

.mean-container .mean-nav ul li.social a.cta{
  padding:0.5em 0;}

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

/* 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(48,42,126,0.9);*/
  background: rgb(34,44,97);
  background: -moz-linear-gradient(45deg, rgba(39,44,97,0.75) 30%, rgba(255,255,255,0) 70%);
  background: -webkit-linear-gradient(45deg, rgba(39,44,97,0.75) 30%, rgba(255,255,255,0) 70%);
  background: linear-gradient(45deg, rgba(39,44,97,0.75) 30%, rgba(255,255,255,0) 70%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00446a",endColorstr="#ffffff",GradientType=1);
}

.parallax-banner h1{
  font-size:3.5em;
  font-weight:normal;
  line-height:1em;}
.parallax-banner h1 span{
  /*color:#fff600;*/
  color:#ffcd00;}
.parallax-banner h1 small{
  font-size:0.65em;
  line-height:0.9em;}

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

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

.intro.parallax-banner h4{
  font-family: "Oooh Baby", cursive;
  /*font-weight: 400;*/
  font-style: normal;
  font-weight: 800;
  font-size: 2.75em;
  color:#facd01;}

@media screen and (max-width: 680px){
  .intro.parallax-banner .container{
    height: 75vh;
  }
  
  .intro.parallax-banner h4{
    font-size: 1.75em;}
  
  .parallax-banner .container .cta{
    font-size:1em;
    text-align: center;}
}

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

.intro.parallax-banner .container{
  padding:10em 1em 4em 1em;}

#home .intro.parallax-banner .container{
  padding:14em 1em 10em 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:#202020;
	/*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(150,212,203);
background: -moz-linear-gradient(145deg, rgba(150,212,203,1) 0%, rgba(233,247,245,1) 100%);
background: -webkit-linear-gradient(145deg, rgba(150,212,203,1) 0%, rgba(233,247,245,1) 100%);
background: linear-gradient(145deg, rgba(150,212,203,1) 0%, rgba(233,247,245,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#96d4cb",endColorstr="#e9f7f5",GradientType=1);
}

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

section.cta-banner h5{
  font-size:1.25em;}

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

@media screen and (max-width:680px){
  section.cta-banner .span6{
    padding-bottom:4em;
  }
}

.events .card .container span{
  
}

.events .card .container .tag{
  display:inline-block;
  padding:0 0.5em;
  border:0;}
.events .card .container .icon{
  display:inline-block;
  width:18px;
  text-align:center;
  color:#0085CA;}
.events .card .container p strong{
  color:#000;}

/* 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: rgba(0,0,0,0.04);}
#contact-form button{
  display:block;
  margin:0 auto;}

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

/* 6: SIDEBAR */

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

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

/* 7: FOOTER */

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

footer{
  color:#fff;
  background:#302a7e;
  /*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);*/
  /*background:#202020;*/
  /*border-top:10px solid #9ED09D;*/}

section.contact{
  padding-top:2.5em;
	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);}

/* -- 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: 50%;
  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:1.75em;}
  
  footer .logo{
    max-width: 70%;
    margin:1em auto 0 auto;}
  
}




/* 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-size:1.15em;
  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:0.5em;
  bottom:0;}
article.card .more .cta{
  /*width: 50%;*/
  font-size:0.9em;
  text-transform:none;
  border-radius:4px;
  background-color:#edf7ff;
  color:#0085CA;}
article.card .more .cta:hover{
  background-color:#c6e5ff;
  color:#0085CA;}

/*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);*/}
footer h2{
  font-size:1.5em;
  color:#fff;}
footer a{
  color:#fff;}
footer a:hover{
  color:#9ED09D;}

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

.footer-copyright{
  /*background:transparent;*/}


/* 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: 1.15em 0 0 0;
  text-align: center;
  width: 50%;
  font-size: 1.15em;
  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;}
}

/* nav menu */
nav.right{
  margin-top:1.75em;}

nav li{
  font-family: 'Montserrat', san-serif;
  font-weight: 700;}
nav li > a {
  padding-right:2em;
  text-transform: uppercase;}

@media screen and (min-width: 680px){
  nav li:hover > a{
    /*color:#3CA9A3;*/
    color:#ffce07;}
  nav ul li ul > li {
    border-bottom:1px solid #302a7e;}
  nav ul li ul li:last-child{
    border-bottom:0;}
  nav ul li ul li:hover > a{
    /*background:#202020;*/
    background:#302a7e;}
  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;
  }
}

/* 9.1: QD FAQ */

/* -- 9.1a: FAQ Accordion with jQuery UI ----------------------- */
#accordion{margin:0.5em auto;}
#accordion h3{display:inline-block;width:100%;margin-bottom:0.5em;padding: 1em 2.75em 1em 1em;font-family: sans-serif;font-size:1.3em;line-height:1.5em;border:1px solid #e6e6e6;transition: all 0.4s ease;}
#accordion .ui-icon{display:none;/* Display none if using FontAwesome icons */position:absolute;top:42%;right:20px;transform:scale(1.5);}
#accordion h3 i{/* for FontAwesome icons */position: absolute;right:1em;top:50%;margin-top:-10px;font-size:20px;cursor:pointer;}
#accordion .ui-state-active,#accordion .ui-widget-content .ui-state-active,#accordion .ui-widget-header .ui-state-active,#accordion a.ui-button:active,#accordion .ui-button:active,#accordion .ui-button.ui-state-active:hover{margin-bottom:0;background: #e6e6e6;color: #454545;}
.ui-accordion .ui-accordion-content{margin-bottom:0.5em;border:1px solid #e6e6e6;background:#f6f6f6;}
.ui-accordion .ui-accordion-content a{color:#c12b36;text-decoration: underline;}
.ui-accordion .ui-accordion-content a:hover{color:#0033a1;text-decoration: underline;}


  /* 2023 Customizations */
  
  /* general */
  h1{
    font-family:'DM Serif Text', serif;}
  
  .circle{
    border-radius:50%;}
  
  .main-content section{
    padding-top:2em;
    padding-bottom:2em;}
  
  .subnav-col section{
    margin-left:1.5em;}
  
  .subnav-col .bio #bio-container{ /* carousel */
    margin-top:-8em;}
  
  .subnav-col .bio .card{
    background:#fff;}
  
  .title-link{
    float:right;
    font-size:0.45em;
    font-family:'Open Sans', sans-serif;}
  
  /* sticky subnav */
  .subnav-sticky{
    /* make sticky */
    position:sticky;
    top:135px; /* Don't forget this, required for the stickiness */
    z-index:0;}
  
  .content-subnav{
    background:#fff;
    margin-left:1.5em;
    padding:1.25em;
    border-radius:6px;
    -webkit-box-shadow: 5px 5px 25px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 5px 5px 25px 0px rgba(0,0,0,0.1);
    box-shadow: 5px 5px 25px 0px rgba(0,0,0,0.1);}
  
  .content-subnav h4{
    margin-top:0;}
  
  .content-subnav ul li{
    padding:0;
    border-bottom:1px solid #f1f1f1;}
  .content-subnav ul li:last-child{
    border-bottom:0;}
  .content-subnav ul li a{
    display: block;
    padding:0.35em 0.5em;
    border-radius:6px;}
  .content-subnav ul li a:hover{
    /*background:#e3fbff;*/
    /*background:#f9f9f9;*/
    background:#302a7e;
    color:#fff;}
  .content-subnav ul li ul li:first-child{
    border-top:1px solid #f1f1f1;}
  .content-subnav ul li ul li a{
    padding-left:1.35em;}
  
  /* intro */
  .intro p{
    font-size:1.25em;
    line-height: 1.5em;}
  
  /* overview */
  
  /* bio */
  .bio .card{
    border-radius:6px;
    padding-bottom:0;}
  .bio .card figure{
    float: right;}
  .bio .card figure.profile img{
    margin-top:0;
    width:125px;
    height:125px;}
  .bio .bio-name{
    font-weight: bold;
    margin-bottom:0.1em;}
  .bio .bio-title{
    margin-top:0.1em;
    font-size:0.9em;
    font-weight: normal;
    font-style: italic;}
  .bio .bio-address{
    margin-bottom:0.5em;
    font-size:0.9em;
    line-height: 1.35em;}
  .bio .bio-contact{
    font-size:0.9em;}
  .bio .bio-contact p{
    margin:0.15em 0;
    line-height:1.4em;}
  .bio .bio-contact .icon{
    display:inline-block;
    width:18px;
    color:#0085CA;}
  .bio .bio-contact a{
    font-weight: bold;
    color:#0085CA;}
  .bio .bio-contact a:hover{
    color:#302a7e;}
  
  .subnav-col .bio .card{
    -webkit-box-shadow: 5px 5px 25px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 5px 5px 25px 0px rgba(0,0,0,0.1);
    box-shadow: 5px 5px 25px 0px rgba(0,0,0,0.1);}
  
  /* programs */
  
  /* news and events */
  
  /* promo */
  .promo .card{
    padding-bottom:0;
    border-radius:6px;}
  
  /* resources */
  .main-content section.resources{
    /*padding-top:0;*/
    padding-bottom:0;}
  
  .main-content section.resources section{
    padding-top:1em;
    padding-bottom:1em;}
  
  /* faq */
  /*.faq.card{
    margin-bottom:1.5em;
    border-radius:6px;}*/
  .faq #accordion{}
  .faq #accordion h3{
    padding:0.5em 2.75em 0.5em 0.5em;
    border:1px solid #c6e5ff;}
  .faq #accordion h3.ui-state-default{
    background:#edf7ff;}
  .faq #accordion h3 i{
    color:#0085CA;}
  .faq #accordion.ui-accordion .ui-accordion-content{
    border:1px solid #c6e5ff;
    border-top:0;
    background:#fff;}
  
  .faq #accordion .question-icon{
    position:relative;
    display:inline-block;
    margin:0 0.5em 0 0;
    padding:0;
    width:30px;
    height:30px;
    text-align:center;
    font-family:'DM Serif Text', serif;
    font-size:20px;
    font-weight:bold;
    color:#302a7e;
    background:rgba(255,255,255,0.5);
    border-radius:2em;}
  .faq #accordion .answer-icon{
    position:relative;
    display:inline-block;
    margin:0 0.5em 0 0;
    padding:0;
    width:30px;
    height:30px;
    text-align:center;
    font-family:'DM Serif Text', serif;
    font-size:20px;
    font-weight:bold;
    color:#ffce07;
    background:rgba(255,206,7,0.1);
    border-radius:2em;}
  
  /* links */
  .links.card{
    margin-bottom:1.5em;
    border-radius:6px;}
  
  .links .link-info{
    font-size: 0.8em;
    line-height: 1.4em;
    font-style: italic;}
  
  .links .icon{
    position: absolute;
    left:0;}
  .links .icon i{
    position: relative;
    display: inline-block;
    margin: 0 0.5em 0 0;
    padding: 0.3em 0 0 0;
    width: 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #ffce07;
    background: rgba(255,206,7,0.1);
    border-radius: 2em;}
  
  .links ul{
    columns:2;
    -webkit-columns:2;
    -moz-columns:2;
    /*column-gap:4em;*/}
  .links ul li{
    position: relative;
    display: table; /* prevent li text from breaking to the next column */
    padding-left: 1.75em;}
  
  /* documents */
  /*.docs.card{
    margin-bottom:1.5em;
    border-radius:6px;}*/
  
  .docs .doc-info{
    font-size:0.8em;
    line-height:1.4em;
    font-style:italic;}
  
  .docs table{
    border:1px solid #c6e5ff;}
  .docs table th{
    background-color:#c6e5ff;
    border-bottom:1px solid #c6e5ff;}
  .docs table td{
    border-bottom:1px solid #c6e5ff;}
  .docs table.striped tr:nth-child(even){
    background-color:#edf7ff;}
  
  .docs table .icon{
    position: relative;
    display: inline-block;
    margin: 0 0.5em 0 0;
    padding: 0.05em 0 0 0;
    width: 25px;
    height: 25px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #ffce07;
    background: rgba(255,206,7,0.1);
    border-radius: 2em;
    vertical-align: middle;}
  
  /* job openings */
  /*.listings .listing{
    padding:0.75em 0.25em;
    border-bottom:1px solid #e1e1e1;}
  .listings .listing h5{
    margin:0.15em 0;}*/
  
  .job .card figure{
    margin:1em 1em 1em 0;}
  .job .card figure img{
    display:block;
    object-fit:unset;
    height:auto;}
  .job .card h4{
    text-align:left;
    font-weight: bold;
    margin-bottom: 0.1em;}
  .job .card .location{
    margin-top:0.1em;
    font-size:0.9em;
    font-weight:normal;
    font-style:italic;}
  .job .card .job-date,
  .job .card .job-type{
    margin-right:0.5em;
    font-size:0.9em;}
  .job .card .icon{
    position:relative;
    display:inline-block;
    margin:0;
    padding:0;
    width:24px;
    height:24px;
    text-align:center;
    font-size:15px;
    font-weight:bold;
    color:#ffce07;
    background:rgba(255,206,7,0.1);
    border-radius:2em;}

/* home */

/* Quick Links */
.quick-links{
  text-align: center;
  margin-top:-10px;
  padding: 1em 0;
  position: relative;
  /*z-index: 10;*/
  /*margin-top: -130px;*/
  /*height: 120px;*/
  overflow: hidden;
  background-color: rgba(39,44,97,1);
}
.quick-links .span3{
  /*display: inline-block;*/
  vertical-align: top;
  /*margin: 0.5em;*/
  /*padding: 0;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-right: solid 1px #fff;
}
.quick-links .span3:last-child {border-right: none;}
.quick-links a {
  display: block;
  /*margin: 0;*/
  padding:1em 0.5em;
  color: #ffcd00;
  text-transform: uppercase;
  font-family: 'DM Serif Text', serif;
  font-size:1.35em;
  font-weight: bold;
  line-height: 1.25em;
}
.quick-links a:hover {color:#ffba00;}
.quick-links a i {font-size:1.5em;}

@media screen and (max-width: 980px){
  .quick-links a{
    font-size:1.2em;}
}

@media screen and (max-width: 680px){
  .quick-links .span3{
    border-right:0;}
  .quick-links a{
    font-size:1em;}
}

#home .news{
  background:url('/assets/images/home-news-bg2.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;}
#home .news h2{
  color:#fff;}
#home .news h2 a{
  color:#fff;}
#home .news .card{
  background: rgba(255,255,255,1);}

#home .minutes{
  padding:3em 0;
  /*background:#f2f2f2;*/
  background:#edf7ff}
#home .minutes .card{
  padding-bottom:0;
  background:rgba(255,255,255,0.8);}
#home .minutes .card h3{
  margin:0;
  padding:0.5em;
  /*background-color:#edf7ff;*/
  background:rgba(39,44,97,1);
  color:#fff;}
#home .minutes .card .container{
  padding-bottom:3em;}

/* header */

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

/* footer */

footer img.logo{
  margin:0.25em;
  width:45%;}
footer p{
  font-size:0.9em;}

@media screen and (max-width: 680px){
  footer p{
    text-align:center;}
  footer ul{
    display:inline;
    margin:0;
    padding:0;
    text-align:center;}
  footer ul li{
    display:inline;
    margin:0 0.25em;
    padding:0;
    white-space:nowrap;}
}

/* news */

body#news .entry figure{
  margin:0;
  padding:0;
  position:relative;}

/* column order on mobile */

@media screen and (max-width: 680px){
  
  .group.flex{
    display:flex;
    flex-wrap:wrap;}
  .group.flex .col{
    width:100%;}
  .group.flex .content-col{
    order:2;
    width:100%;}
  .group.flex .subnav-col{
    order:1;
    width:100%;}
  
  .subnav-col section, .content-subnav{
    margin-left:0;}
  .subnav-col .bio #bio-container {
    margin-top:0;}
 
  /* newsletter */
  .popup-container.type-notice.webinar-alerts-popup figure{
    display:none;}
  
}

/* 2025 ENHANCEMENTS */

body#home{
  padding-top:0;}

body#home h2{
  margin-bottom:0.25em;
  position: relative;
  text-align: center;
  font-size: 3.2em;
  text-transform: uppercase;}
body#home .title-link{
  position: absolute;
  right:0;}

body#home .cta{
  transition: all 0.3s ease;}
body#home .cta:hover{
  transform: scale(1.05);}

/* intro banner */
.intro.parallax-banner .container .content{
  margin: 0 auto;
  width: 90%;
  text-align: left;}

/* zoom in animation */
.intro.parallax-banner img.parallax{
  animation: scale 30s linear infinite;
}

.parallax-banner img.parallax{
  animation: scale 30s linear infinite;
}
  
@keyframes scale {
  50% {
    transform:scale(1.5);
  }
}

/* quick links */

.quick-links .span3{
  border-right:0;}
.quick-links .span3 a,
.quick-links a.span3{
  border-radius: 20px;
  color: #1672c0;
  background: #e9f5ff;
  transition: all 0.3s ease;
  /*border: 3px solid #ffcd00;*/}
.quick-links .span3 a:hover,
.quick-links a.span3:hover{
  color:#272c61;
  background: #ffcd00;
  transform: scale(1.05);}

@media screen and (max-width: 680px){
  .quick-links .group.flex .col{
    width: 48.2% !important;
    display: block !important;
    float: left !important;
    margin: 1% 0 1% 1.6% !important;}
}

/* card */

.card{
  transition: all 0.3s ease;}
.card:hover{
  transform: scale(1.05) !important;
  -webkit-box-shadow: 2px 2px 10px 0px rgb(0 0 0 / 25%);
  -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.25);
  box-shadow: 2px 2px 10px 0px rgb(0 0 0 / 25%);}

body#home .card .cta{
  transition: all 0.3s ease;}
body#home .card .cta:hover{
  transform: scale(1.025);}

body#home article.card{
  background:#fff;}

/* imagery */

.side-lft{
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  z-index:0;
  height:100%;
  width:22.5%;}

.side-lft-solid{
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  z-index:0;
  height:auto;
  width:22.5%;}

.side-lft-fixed{
  position:fixed;
  left:0;
  top:0;
  bottom:0;
  z-index:0;
  height:100%;
  width:22.5%;}

.side-lft.bottom,
.side-lft-solid.bottom{
  top:auto;
  bottom:0;}

.side-rt{
  position:absolute;
  right:0;
  top:0;
  bottom:0;
  z-index:0;
  height:100%;
  width:22.5%;}

.side-rt-solid{
  position:absolute;
  right:0;
  top:0;
  bottom:0;
  z-index:0;
  height:auto;
  width:22.5%;}

.side-rt-fixed{
  position:fixed;
  right:0;
  top:0;
  bottom:0;
  z-index:0;
  height:100%;
  width:22.5%;}

/* quick links */

.quick-links{
  z-index: 2; /* make it appear above the fixed background image */
}

/* videos */

.video.bg-color{
  background:#fffae6;}

/* news bulletin */

.news-bulletin{
  background:#fff;}

/* events */

@media screen and (max-width: 680px){
  .events-upcoming .key{
    font-size:0.85em;}
  .events-upcoming .key i{
    display: block;}
}

/* footer */

footer {
  z-index: 2;
  position: relative;}

@media screen and (min-width: 680px){ /* desktop only */
  /* intro banner */
  .intro.parallax-banner h1{
    font-size:4.5em;}
  .intro.parallax-banner .container{
    display: flex !important;
    align-items: center;
    height: 100vh; /* full screen height */}
  /* videos */
  .video > .container{
    padding-right:25%;}
  /* events */
  .events-upcoming > .container{
    padding-left:25%;}
}

/* homepage text animation */

#flip {
  height:50px;
  overflow:hidden;
}

#flip > div > div {
  color:#fff;
  padding:4px 12px;
  height:45px;
  margin-bottom:45px;
  display:inline-block;
}

#flip div:first-child {
  animation: show 8s linear infinite;
}

#flip div div {
  background:#42c58a;
}
#flip div:first-child div {
  background:#4ec7f3;
}
#flip div:last-child div {
  background:#DC143C;
}

@keyframes show {
  0% {margin-top:-270px;}
  5% {margin-top:-180px;}
  33% {margin-top:-180px;}
  38% {margin-top:-90px;}
  66% {margin-top:-90px;}
  71% {margin-top:0px;}
  99.99% {margin-top:0px;}
  100% {margin-top:-270px;}
}








.wordCarousel {
    font-size: 36px;
    font-weight: 100;
    color: #eee;
    div {
        overflow: hidden;
        position: relative;
        /*float: left;*/
        display: block;
        height: 65px;
        padding-top: 10px;
        margin-top: -10px;
        li {
            font-family: Serif;
            color: #eee;
            font-weight: 700;
            padding: 0 10px;
            height: 45px;
            margin-bottom: 45px;
            display: block;
        }
    }
}

.wordCarousel span {
  display: block; /* push wordcarousel below first sentence */
}
.wordCarousel ul{
  margin:0;
  padding:0;
  text-align:left;
}

.flip2 { animation: flip2 6s cubic-bezier(0.23, 1, 0.32, 1.2) infinite; }
.flip3 { animation: flip3 8s cubic-bezier(0.23, 1, 0.32, 1.2) infinite; }
.flip4 { animation: flip4 10s cubic-bezier(0.23, 1, 0.32, 1.2) infinite; }
.flip5 { animation: flip5 12s cubic-bezier(0.23, 1, 0.32, 1.2) infinite; }

@keyframes flip2 {
    0% { margin-top: -180px; }
    5% { margin-top: -90px;  }
    50% { margin-top: -90px; }
    55% { margin-top: 0px; }
    99.99% { margin-top: 0px; }
    100% { margin-top: -180px; }
}

@keyframes flip3 {
    0% { margin-top: -270px; }
    5% { margin-top: -180px; }
    33% { margin-top: -180px; }
    38% { margin-top: -90px; }
    66% { margin-top: -90px; }
    71% { margin-top: 0px; }
    99.99% { margin-top: 0px; }
    100% { margin-top: -270px; }
}

@keyframes flip4 {
    0% { margin-top: -360px; }
    5% { margin-top: -270px; }
    25% { margin-top: -270px; }
    30% { margin-top: -180px; }
    50% { margin-top: -180px; }
    55% { margin-top: -90px; }
    75% { margin-top: -90px; }
    80% { margin-top: 0px; }
    99.99% { margin-top: 0px; }
    100% { margin-top: -360px; }
}

@keyframes flip5 {
    0% { margin-top: -450px; }
    5% { margin-top: -360px; }
    20% { margin-top: -360px; }
    25% { margin-top: -270px; }
    40% { margin-top: -270px; }
    45% { margin-top: -180px; }
    60% { margin-top: -180px; }
    65% { margin-top: -90px; }
    80% { margin-top: -90px; }
    85% { margin-top: 0px; }
    99.99% { margin-top: 0px; }
    100% { margin-top: -450px; }
}

@media screen and (min-width: 681px) {
  .intro.parallax-banner h1{
    margin-bottom:1.5em;
    font-size: 50px;
    transform: scale(1.5);
    transform-origin: 0 0;
  }
}

@media screen and (max-width: 680px) {
  .intro.parallax-banner h1{
    margin-bottom:1.15em;
    font-size: 35px;
    transform: scale(1.0);
    transform-origin: 0 0;
  }
}

@media screen and (max-width: 400px) {
  .intro.parallax-banner h1{
    margin-bottom:1em;
    font-size: 30px;
    transform: scale(0.8);
    transform-origin: 0 0;
  }
}