/*

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

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

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

/* 2: GENERAL STYLES */

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

.container{
  max-width: 1280px;}

/* -- 2b: Typography ----------------------------------------- */
h1, h2, h3, h4, h5, h6{
  font-family: 'Raleway', sans-serif;}
h1{
  font-weight: 900;}
h2{
  font-weight: 600;
  color:#102869;}

/* -- 2c: Links/CTAs ----------------------------------------- */
a{color:#15377c;text-decoration:none;}
a:hover{color:#936a93;}
.cta{background-color:#0e6aff;color:#fff;}
.cta:hover{background-color:#0024ff;color:#fff;}
.cta.outline{background-color:transparent;border:3px solid #fff;color:#fff;}
.cta.outline:hover{border:3px solid #fff;color:#000;background-color:#fff;}
/* Secondary color */
.cta.secondary{background-color:#5897ff;color:#fff;}
.cta.secondary:hover{background-color:#00a8ff;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:#00a5f2;color:#fff !important;}
.cta.contact:hover{background-color:#1f00ff;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;}

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

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

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

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

/* -- 3d: Top Nav Bar ---------------------------------------- */

/* -- 3e: Logo ----------------------------------------------- */
.logo, .logo img{ 
	max-width:425px;
}


body.no-header header .logo img{max-width:180px;}


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

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

/* 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:#102869;}
.mean-container .mean-nav{background:#0d288c;}
.mean-container .mean-nav ul li a{color:#fff;}

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

/* 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:#0e0071;}
.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:#102869;*/
}

footer .copyright {
	color: #586069;
/*    background: #f4f4f4;*/
    background: #f8f8f8;
}

footer .copyright a {
	color: #586069;
}

footer .copyright a:hover {
	color: rgb(32,32,32);
}

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

/* -- 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;}
.parallax-banner .overlay{
  background: rgba(0,0,0,0.8);}
.parallax-banner .cta.outline.contact{
  border:3px solid #fff;
  color:#fff;}

/*------------------------------------------------------------ */
/* 9: RESPONSIVE */

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