/*

      Design
        is so simple,
      that is why
        it is so
      complicated.
        -Paul Rand


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

/* TABLE OF CONTENTS
 1: CLIENT BRANDING
    1a: Fonts
    1b: 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: Formatting
 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
-------------------------------------------------------------- */

/* 1: CLIENT BRANDING */

/* -- 1a: Fonts ---------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sofia+Sans+Extra+Condensed:wght@300;400;600;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* -- 1b: Colors --------------------------------------------- */

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

/* 2: GENERAL STYLES */

/* -- 2a: Structural ----------------------------------------- */

.container{
  max-width: 1280px;}

/* -- 2b: Typography ----------------------------------------- */
h1, h2, h3, h4, h5, h6{
  font-family: 'Poppins', sans-serif;
  line-height: 1.15em;}
h1{
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;}
h2{
  font-weight: 600;
  color:#006b6e;}

/* -- 2c: Links/CTAs ----------------------------------------- */
a{color:#07465b;text-decoration:none;}
a:hover{color:#396b7c;}
.cta{background-color:#07465b;color:#fff;}
.cta:hover{background-color:#396b7c;color:#fff;}
.cta.outline{background-color:transparent;border:3px solid #fff;color:#fff;}
.cta.outline:hover{border:3px solid #fff;color:#fff;background-color:#07465b;}
/* Secondary color */
.cta.secondary{background-color:#13b5bb;color:#fff;}
.cta.secondary:hover{background-color:#42c4c9;color:#fff;}
.cta.outline.secondary{background-color:transparent;border:3px solid #6CC24A;color:#6CC24A;}
.cta.outline.secondary:hover{border:3px solid #009739;color:#009739;}
/* Contact color */
.cta.contact{background-color:#008cba;color:#fff;}
.cta.contact:hover{background-color:#007095;color:#fff;}
.cta.outline.contact{background-color:transparent;border:3px solid #684c9d;color:#684c9d;}
.cta.outline.contact:hover{border:3px solid #684c9d;color:#fff;background:#684c9d;}

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

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

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

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

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

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

/* -- 2j: Forms ---------------------------------------------- */
button, input[type="submit"]{
  width:100%;
  background:#efbb54;
  border:0;
  color:#684c9d;
  text-decoration:none;
  text-shadow:none;
  border-radius:5em;}
button:hover, input[type="submit"]:hover{
  background:#f4cf94;
  color:#684c9d;
  text-shadow:none;}

/* -- 2k: Formatting ----------------------------------------- */

.card .more .cta{width:100%;}
.card.video .card-text{text-align:center;}

.card.accent{
  padding-top:0.5em;
  padding-bottom:0;
  background:#f9f9f9;}

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

/* 3: HEADER */

/* -- 3a: Header --------------------------------------------- */
.secondary-menu .cta{
  margin: 0 0.35em;
  padding: 0.35em 1.5em;
  font-size: 0.9em;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;}

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){
  body.has-globalAlertBar.has-globalTopNav.has-globalStickyHeader{
    padding-top:0;}
}

/* -- 3b: Header - Sticky ------------------------------------ */

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

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

header .topnav a{
  color:#fff;}
header .topnav a:hover{
  color:#bff9ff;}

header .topnav .col:first-child{
  padding-left:100px;}

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, .logo img{ 
	max-width:425px;
}


body.no-header header .logo img{
  margin-top:-0.65em;
  max-width:150px;}


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

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

/* 4: NAV */

/* -- 4a: Nav Menu ------------------------------------------- */
nav{
  font-family: 'Sofia Sans Extra Condensed', sans-serif;
  font-weight: 500;
  /*font-family: 'Barlow Condensed', sans-serif;
  font-weight: 500;*/}
nav li > a{
  padding:0.5em 1em 0.5em 0.5em;
  color:#102869;}

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

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

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

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

.mean-container .mean-nav ul li.social{
  width:50%;}
.mean-container .mean-nav ul li.social a,
.mean-container .mean-nav ul li.social a.cta{
  width:100%;
  padding:0.35em 0;}

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

/* 5: BODY/CONTENT */

/* -- 5a: Breadcrumbs ---------------------------------------- */
section.breadcrumbs{background-color:#f1f1f1;}

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

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

/* PAGE: ALL */
/*.dark-bg{background-color:#936a93;}
.light-bg{background-color:#f4cf94;}*/

/* Owl Carousel */
/*.owl-carousel .owl-stage-outer{padding-left:100px;padding-right:100px;}*/

/* Promo Slider */
#promo-slider article.card .container{min-height: 180px;}

/* CTA Slider */
.cta-slider-footer{
  /*background: rgb(104,76,157);
  background: -moz-linear-gradient(90deg, rgba(104,76,157,1) 0%, rgba(239,187,84,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(104,76,157,1) 0%, rgba(239,187,84,1) 100%);
  background: linear-gradient(90deg, rgba(104,76,157,1) 0%, rgba(239,187,84,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#684c9d",endColorstr="#efbb54",GradientType=1);*/
  background: rgb(16,40,105);
background: -moz-linear-gradient(0deg, rgba(16,40,105,1) 10%, rgba(14,106,255,1) 90%);
background: -webkit-linear-gradient(0deg, rgba(16,40,105,1) 10%, rgba(14,106,255,1) 90%);
background: linear-gradient(0deg, rgba(16,40,105,1) 10%, rgba(14,106,255,1) 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#102869",endColorstr="#0e6aff",GradientType=1);
}
.cta-slider a.footer-logo-link{
  display: block;
/*  margin: -4em auto 3em auto;*/ 
  margin-inline:auto;
  padding:0 1.5em;
  width: 100%;
  max-width: max(540px, 25%);
}
.cta-slider img.footer-logo{
  display: block;
  margin: 0;
  /*max-width: 500px;*/}
.cta-slider article.card{border-radius:2em;}
.cta-slider figure img{
  max-height:200px;
  object-fit:cover;}
.cta-slider article.card .container{min-height:180px;}
.cta-slider article.card h4{
  color:#0d1d57;
  font-weight: 800;}
.cta-slider article.card h4 a{
  color:#0d1d57;}
.cta-slider article.card h4 a:hover{
  color:#0024ff;}
.cta-slider article.card .more{
  margin: 0 auto;
  width: 95%;
  left: 0;
  right: 0;
  bottom:10px;}
.cta-slider article.card .cta{
  border-radius:2em;
  background-color:#0e6aff;}
.cta-slider article.card .cta:hover{
  background-color:#0024ff;}

.cta-slider article.card .cta.secondary{
  border-radius:2em;
  color:#fff;
  background-color:#5897ff;}
.cta-slider article.card .cta.secondary:hover{
  background-color:#00a8ff;}

.cta-slider article.card .cta.contact{
  border-radius:2em;
  color:#0d1d57;
  background-color:#ffe13c;}
.cta-slider article.card .cta.contact:hover{
  background-color:#ffba00;}

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

/* Sponsor Slider */
.sponsor-slider{}
.sponsor-slider figure{margin:0;}
.sponsor-slider figure img{max-height:160px;}

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

/* 6: SIDEBAR */

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

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

/* 7: FOOTER */

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

footer{
  background:#006b6e;
}

footer section, footer .footer-content{
  color:#fff;
}

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

footer .copyright {
	color: #fff;
  /*background: #f4f4f4;*/
  /*background: #41535d;*/
  background: #004042;
}

footer .copyright a {
	color: #fff;
}

footer .copyright a:hover {
	/*color: rgb(32,32,32);*/
  color: #bff9ff;
}

footer .footer-content{padding:2.5em 0;}

footer .social a i{
  background-color: transparent;
  color: #fff;
  border-radius: 1.25em;
  width: 50px;
  height: 50px;
  text-align: center;
  vertical-align: middle;
  padding-top: 0.3em;
  font-size: 1.9em;
  transition: all 0.4s ease;
  margin-top: 0.25em;
  margin-right: 0.15em;
  border: 2px solid #efbb54;
  font-weight: normal;}
footer .social a:hover i{
  background-color:#efbb54;
  color: #684c9d;}

footer .social{
  position:relative;
  display:block;
  margin:1.25em 0;
  padding:0;
  width:100%;
  text-align:center;}
footer .social li{
  display:inline-block;
  margin:0;padding:0;
  width:auto;
  vertical-align: middle;}
footer .social li a{
  display:flex;
  justify-content:center;
  align-items:center;
  margin:0.15em;
  padding:0;
  width:40px;
  height:40px;
  font-size:1.5em;
  font-weight:normal;
  border:2px solid #5681b0;
  color:#fff;
  /*background:rgba(255,255,255,0.5);*/
  background:#00446a;
  border-radius:50%;
  transition:all 0.3s ease;}
footer .social li a i{}
footer .social li a:hover{
  border-bottom: 2px solid;
  color: #fff;
  background:#009dd7;
  border-color: #9deeff;
  font-size:1.5em;
  transform: scale(1.1);}

@media (max-width:680px) {
  footer,
  footer .textleft{
    text-align: center;}
}

/* -- 7b: Copyright ------------------------------------------ */

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

/* 8: ANIMATION/FX */

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

/* -- 8c: Parallax Images - Using Simple Parallax JS --------- */

body#home .parallax-banner .container{
  padding:5em 1em;}
.parallax-banner .container{
  /*max-width:1000px;*/
  padding:2.5em 1em;
  /*text-shadow: 2px 2px 2px rgba(0,0,0,0.3);*/}

.parallax-banner .overlay{
  /*background: rgb(104,76,157);
  background: -moz-linear-gradient(90deg, rgba(104,76,157,1) 0%, rgba(239,187,84,0.6) 100%);
  background: -webkit-linear-gradient(90deg, rgba(104,76,157,1) 0%, rgba(239,187,84,0.6) 100%);
  background: linear-gradient(90deg, rgba(104,76,157,1) 0%, rgba(239,187,84,0.6) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#684c9d",endColorstr="#efbb54",GradientType=1);*/
  /*background: rgb(16,40,105);
background: -moz-linear-gradient(0deg, rgba(16,40,105,0.6) 10%, rgba(16,40,105,0.8) 90%);
background: -webkit-linear-gradient(0deg, rgba(16,40,105,0.6) 10%, rgba(16,40,105,0.8) 90%);
background: linear-gradient(0deg, rgba(16,40,105,0.6) 10%, rgba(16,40,105,0.8) 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#102869",endColorstr="#102869",GradientType=1); */
  
  /*background: rgb(0,0,0);
  background: -moz-linear-gradient(45deg, rgba(0,0,0,0.45) 30%, rgba(255,255,255,0) 70%);
  background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.45) 30%, rgba(255,255,255,0) 70%);
  background: linear-gradient(45deg, rgba(0,0,0,0.45) 30%, rgba(255,255,255,0) 70%);*/
  
  background: rgba(0,107,110,0.65);
  background: -moz-linear-gradient(45deg, rgba(0,107,110,0.65) 30%, rgba(0,007,110,0.35) 70%);
  background: -webkit-linear-gradient(45deg, rgba(0,107,110,0.65) 30%, rgba(0,107,110,0.35) 70%);
  background: linear-gradient(45deg, rgba(0,107,110,0.65) 30%, rgba(0,107,110,0.35) 70%);
}

.parallax-banner .cta.outline.contact{
  border:3px solid #fff;
  color:#fff;}

@media (max-width:680px) {
  
  .parallax-banner .overlay{
    /*background: rgba(0,0,0,0.65);*/
    background: rgba(0,107,110,0.65);
  }
  
  .parallax-banner .container {
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.35);
    text-align: center;}
  .parallax-banner .container .more {
    margin-top: 1em;
    margin-bottom: 2em;}
}

@media screen and (max-width: 680px){
  .cta, .card .cta,
  .cta.full, .card .cta.full,
  .cta.half, .card .cta.half,
  .cta.thirds, .card .cta-thirds,
  .cta.quarter, .card .cta.quarter{width: 80%;}
  .card .cta,
  .card .cta.full,
  .card .cta.half,
  .card .cta-thirds,
  .card .cta.quarter{width:80%;}
}

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

/* 9: RESPONSIVE */

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

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

/* icons */
.icon{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.15em auto;
  padding: 0;
  width: 50px;
  height: 50px;
  font-size: 1.75em;
  /*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;}

/* Main container */
/*main{padding-bottom:1em;}*/

/* Directory Search Form Custom by RK */
#directory-search-form {
	/*width:300px;
	min-width: min(300px, 90%);*/
	margin:1em auto;
	/*background: url('/assets/images/article-background-default.jpg');
	background-repeat: no-repeat;
	background-size: cover;*/
  background:#102869;
  border-radius:20px;}
#directory-search-form fieldset{
  padding:1em;
  border:0;
  background: rgba(255,255,255,0);}
#directory-search-form .group {
	display:flex;
	flex:1;
	align-items:center;
}
#directory-search-form .item {
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	width:50%;
	margin-right: 1rem;
}
#directory-search-form label {
  color: white;
  font-size: 1.05rem;
  font-weight:500;
}
#directory-search-form .item.full {
	width:100%;
	margin-right:0;
}
#directory-search-form .item span {
	color:indianred;
}
#directory-search-form input[type=submit]{
	margin: .5rem auto;
} 
#directory-search-form button{
  width: 200px;
  display: inline-block;
  vertical-align: bottom;}

@media (max-width:680px) {
	#directory-search-form .group {
		flex-direction: column;
	}
	#directory-search-form .item {
		width:100%;
	}
}

/* nav */

/*body.no-header header .secondary-menu{
  display: none;}*/

/* home */

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

.more .cta{
  margin-top:0.25em;
  margin-bottom:0.25em;}

/* board of directors */
.card.bio{
  border-top:8px solid #15377c;
  border-radius:2em;
  padding-bottom:0;}
.card.bio h4{
  margin-bottom:0.25em;}
.card.bio h6{
  margin-top:0;}

/* documents */
.card.doc{
  border-top: 8px solid #15377c;
  border-radius:2em;}
.card.doc .icon{
  margin-top:0.5em;
  color:#fff;
  background:#15377c;
  border: 2px solid #0e6aff;}
.card.doc h4{
  font-weight: bold;}
.card.doc .more{
  padding:0.5em;}
.card.doc .more .cta{
  border-radius: 2em;}

/* directory listing */
.card.directory-listing{
  border-top:8px solid #15377c;
  border-radius:2em;
  padding-bottom:0;}

/* payments */
#payment-form button{
  width: 200px;
  display: inline-block;}

/* header */
@media (max-width:680px) {
  .secondary-menu{
    display:none;
  }
}

/* cta */
@media (max-width:680px) {
  .more, .cta{
    text-align:center;}
  
  button{
    margin-top:0.25em !important;
    margin-bottom:0.25em !important;}
  
}

/* project gallery */
.project-gallery{
  margin-bottom:0;
  padding-bottom:0;}
.project-gallery .projects{
  padding: 0.75em 0;
  background:#dbf3fa;
  border-radius: 0.35em;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);}

.project-gallery-home{
  margin-bottom:0;
  padding-bottom:2em;
  background:#dbf3fa;}
.project-gallery-home .projects{
  background:transparent;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0);}


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

/* double panel promos */

/* Double Panel Layout */
section.promotions{
  color:#fff;
  /*background-color:#e22333;
  background:rgb(226,35,51);
  background:-moz-linear-gradient(180deg, rgba(226,35,51,1) 50%, rgba(170,31,46,1) 100%);
  background:-webkit-linear-gradient(180deg, rgba(226,35,51,1) 50%, rgba(170,31,46,1) 100%);
  background:linear-gradient(180deg, rgba(226,35,51,1) 50%, rgba(170,31,46,1) 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#e22333",endColorstr="#aa1f2e",GradientType=1);*/
  background: rgb(0,107,110);
  background: linear-gradient(180deg, rgba(0,107,110,1) 25%, rgba(65,83,93,1) 100%);}
/*section.about p{font-size:1.25em;line-height:1.5em;}
section.about h3{font-size:1.8em;}*/

section.promotions h2{
  color:#fff;}

section.promotions h3{
  font-size:0.9em;}


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

nav li{
  position:relative;
  /*font-family: 'Montserrat', san-serif;
  font-weight: 700;*/
  font-weight: normal;}
nav li > a.has-menu{
  padding-right:1.55em;
  /*text-transform: uppercase;*/}

nav ul li:hover > ul.right{
  right:0;}

nav ul li:hover ul.right li > ul{
  left:auto;
  right:100%;
}

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

@media screen and (max-width: 680px){
  .quicklinks .span2{ /* 2 column icons */
    width: 50%;}
  /* tables on mobile */
  .table-column-wrap{overflow-x:scroll;}
}

/* login - hero banner */
article.card.onlinebanking{
  /*position: absolute;
  width:100%;
  max-width:350px;
  top:10%;
  right:2em;
  padding:2em;
  color:#000;
  background:rgba(255,255,255,1);*/

  position: relative;
  margin:0 auto;
  width: 100%;
  max-width: 350px;
  min-height: 400px;
  /* top: 10%; */
  /* right: 2em; */
  padding: 2em;
  color: #000;
  background: rgba(255,255,255,1);}
article.card.onlinebanking h3{
  margin:0 0 0.5em 0;
  padding:0;
  color:#000;}

article.card.onlinebanking select{
  margin:0 0 0.5em 0;}
article.card.onlinebanking .personal-login,
article.card.onlinebanking .business-login{
  margin:0 0 1em 0;}

article.card.onlinebanking form{
  margin:0 auto;}

article.card.onlinebanking form fieldset{
  margin:0;
  padding:0;
  border:0;}

article.card.onlinebanking form input{
  font-size:1em;
  margin:0 0 0.5em 0;
  padding:0 10px;
  height:40px;
  color:#aa1f2e;
  background: rgba(0,0,0,0.035);
  border-color: rgba(0,0,0,0.15);
  border-width: 1px;
  border-radius: 4px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;}
article.card.onlinebanking form input::placeholder{
  color:#9e9e9e;}

article.card.onlinebanking form button[type=submit],
article.card.onlinebanking form input[type=submit]{
  display:inline;
  vertical-align:top;
  width:100%;
  max-width:100%;
  font-family: 'Montserrat';
  font-weight: 700;
  font-size:1em;
  margin:0;
  padding:0 10px;
  height:48px;
  color:#fff;
  background:#07465b;
  border-color:rgba(255,255,255,1);
  border-radius:4px;
  border-width: 1px;}
article.card.onlinebanking form button[type=submit]:hover,
article.card.onlinebanking form input[type=submit]:hover{
  color:#fff;
  background:#396b7c;
  border-color:rgba(255,255,255,0.25);}
article.card.onlinebanking form button .material-symbols-outlined{
  font-size:1em;
  vertical-align:text-bottom;}

article.card.onlinebanking .cta{
  display:inline-block;
  vertical-align:top;
  width:100%;
  max-width:100%;
  font-size:1em;
  margin:0;
  padding:12px 10px;
  height:48px;
  color:#fff;
  background:#aa1f2e;
  border-color:rgba(255,255,255,1);
  border-radius:4px;
  border-width: 1px;
  text-align: center;
  text-transform: capitalize;}
article.card.onlinebanking .cta:hover{
  color:#fff;
  background:#810512;
  border-color:rgba(255,255,255,0.25);}
article.card.onlinebanking .cta .material-symbols-outlined{
  font-size:1em;
  vertical-align:text-bottom;}

article.card.onlinebanking .cta.outline{
  color:#000;
  background:rgba(255,255,255,0);
  border-color:rgba(0,0,0,0.35);}
article.card.onlinebanking .cta.outline:hover{
  color:#000;
  background:rgba(0,0,0,0.25);
  border-color:rgba(255,255,255,0.25);}

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

/* alert bar */
@media (max-width:680px) {
	 body.has-globalAlertBar.has-globalTopNav.has-globalStickyHeader{
    padding-top:0;}
}