/* css */

.cta-bg-overlay{padding:200px 20px !important;}

.floating-bar {
  background: #E1B000;
  width: 500px;
  height: 10px;
  display: block;
  position: absolute;
  top: -5px;
  left: calc(50% - 250px);
}

#home_slide{position:relative;}

.article-row{padding:5rem 10px 8rem 10px;color:#000;position:relative;}
.article-row h2{font-size: 4.6rem;color:#000;}

#articles_module_3_articles_3 {
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-gap:2rem;
  padding:5rem 0 3rem 0;
}

#articles_module_3_articles_3 h2 {font-size: 3.1rem;color:#000;}
#articles_module_3_articles_3 a {color:#000;}
#articles_module_3_articles_3 p {color:#000c;}
#articles_module_3_articles_3 .publish_date {
  color: #000000ad;
  padding: 20px 0;
}

.articles_pagination {
  display:none; 
}

.article {
  background:#fff;
  padding: 0;
  box-shadow: 0px 5px 15px -5px #00000036;
  transition:background .15s;
  border:none;
}

.article-top{
  border-left:3px solid #004AAB;
  padding:5px 20px;
}
.article-summary{
  padding:5px 20px 10px 20px;
}
.article:hover {
}

a.blog-link, a.blog-link:hover{
  padding: 1.3rem 5rem;
  color:#000000db;
  font-size: 2rem;
  text-align: center;
  cursor:pointer;
  transition: all linear.15s;
}
a.blog-link:hover{}

h1{
  font-size: 5rem;
  line-height: 1;
  margin: 20px 0 0 0;
}

h1, h2, h3, h4{
  margin-bottom: 10px;
}
.down-arrow-i, .down-arrow-i:hover, .down-arrow-i:visited {color:#fff;}

.halfw{max-width:70%;}

.hdr-bg{
  background:#01457c url("../jpg/hero-bg.jpg") no-repeat left center;
  background-size: auto;
  background-size: cover;
  min-height: 70vh;
  position: relative;
}

.hdr-home-content{
  padding: 20px 100px;
  height: 70vh;
  display: grid;
  justify-content: left;
  justify-items: left;
  align-content: center;
  color: #fff;
  /*background:linear-gradient(#0046a2a3, #0046a278);
  text-shadow: 2px 1px 2px #1646a669;*/
}

.hdr-home-content p{color: #e3e3e3;font-size: 2.6rem;max-width: 800px;}
.hdr-home-content h1
,.hdr-home-content h2
,.hdr-home-content h3
,.hdr-home-content h4
{
  max-width:700px;
  line-height: 5.3rem;
}

.down-arrow{
  font-size: 4rem;
  text-align: center;
  position: absolute;
  bottom: 50px;
  left: calc(50% - 25px);
  width: 50px;
}

a.hdr-btn, a.hdr-btn:hover, a.hdr-btn:visited{
  padding: 12px 50px;
  font-size: 2rem;
  font-weight:bold;
  text-align:center;
}
a.hdr-btn-primary, a.hdr-btn-primary:hover, a.hdr-btn-primary:visited{
  background: #4b8ad6;
  color: #fff;
  border: none;
}
a.hdr-btn-secondary, a.hdr-btn-secondary:hover, a.hdr-btn-secondary:visited{
  color:#fff;
  border: 2px solid #fff;
}
a.hdr-btn-secondary:hover{color:#dbdbdb;border-color:#dbdbdb;}

main{
  padding:0px;
  margin:0;
  width:100%;
  max-width:100%;
}

/* Basic 2 column (grid based) layout (from at-sitebase-1.9)*/

.grid-col{
  padding:20px;
  display:block;
  position:relative;
}
.grid-col.bg-img-1{
  background-image:url("../jpg/dose1bce.jpg");
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center left;
}
.grid-col.bg-img-2{
  background-image:url("../svg/undraw_business_3.svg");
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center left;
}
.grid-col.bg-img-3{
  background-image:url("../png/complete-system-design-2.png");
  background-size:30%;
  background-repeat:no-repeat;
  background-position:center right;
}
.grid-col.bg-img-4{
  background-image:url("../svg/undraw_fatherhood.svg");
  background-size:contain;
  background-repeat:no-repeat;
  background-position:left left;
}

.grid-col-2-content{
  max-width: 600px;
  padding: 50px 10px;
  display: grid;
  align-items: center;
  margin-left:100px;
}
.grid-col-1-content{
  display: grid;
  align-items: center;
  justify-items:right;
}
/*#grid-col-1-content p
,#grid-col-1-content h2{
color:#fff;
}*/
.grid-col-item-special{
  max-width:600px;
  margin-right:100px;
  place-self:end;
}
.grid-col a, .grid-col a:hover, .grid-col a:visited{font-weight:bold;}

.grid-center{display: grid;align-items: center;justify-content: center;}

.para-row{position:relative;}
.para-row-bg-overlay{
  display:grid;
  justify-items:center;
  align-items:center;
  background:#004AABC2;
  position:relative;
  padding: 15rem 10px;
}
.para-row-bg{
  background:#fff url("../jpg/alfredanderson-lab.jpg") no-repeat center;
  background-size:cover;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
}
.para-row-content{
  text-align:center;
  color:#fff;
}
.para-row-content h2{font-size:5rem;}
.para-row-content p{color:#fff;max-width: 840px;}

a.a-cool{
  color: #fff;
  background: transparent;
  padding: 15px 40px;
  font-weight: bold;
  margin-top:20px;
  display: inline-block;
  border: 2px solid #fff;
}

.pop-out-row{
  display: grid;
  justify-items: center;
  padding: 5rem 20px;
  position:relative;
}
.pop-out-row-block{
  display: grid;
  align-items: center;
  justify-items: center;
  z-index:1;
}

.pop-out-row p{color:#696969;max-width:90rem;}

.info-card{
  text-align: center;
  padding: 10px 30px;
  border: 1px solid;
  margin: 30px;
}

.home-card{
  padding:40px;
  background:transparent;
  display:block;
  text-align: center;
  min-height: 300px;
  display: grid;
  place-content: center;
  place-items: center;
  border-radius: 5px;
}
.home-card i{
  font-size: 5rem;
  padding: 25px 0 0 0;
  color: #5e9de6;
}
.home-card .img{height: 100%;background-color:#ffffff5c;}
.home-card .img1{mask: url(../svg/truck-solid.svg) no-repeat center;-webkit-mask: url(../svg/truck-solid.svg) no-repeat center;}
.home-card .img2{mask: url(../svg/wrench-solid.svg) no-repeat center;-webkit-mask: url(../svg/wrench-solid.svg) no-repeat center;}
.home-card .img3{mask: url(../svg/headset-solid.svg) no-repeat center;-webkit-mask: url(../svg/headset-solid.svg) no-repeat center;}

.home-card h3{font-size: 2.5rem;color:#fff;}
.home-card p{font-size: 1.7rem;color:#ffffffa3;}
.home-card a{font-weight: bold;}
.home-card-row{
  padding: 20px;
  margin-top: 40px;
}
.home-card-row h2{margin-bottom: 10px;}
.home-card-row-heading-block{margin-bottom: 30px;padding: 10px;}

.home-card-label{
  color:#fff;;
  font-size: 3rem;
  margin-top: 20px;
}


.grid-2-l{background:transparent;}
.grid-2-r .grid-col.bg-img-3{background-size:contain;}

.home-card-img{
  width: 160px;
  height: 160px;
  border:2px solid #E1B000;
  padding: 50px;
  border-radius: 50%;
}

.announcement-row{
  background:#004AAB url(../jpg/covid-bg.jpg) no-repeat center;
  background-size:cover;
  padding:10rem 20px;
}
.announcement-row .overlay {
  background: #004aab8f;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}
.announcement-row .pop-out-row-content p,.announcement-row .pop-out-row-content a{color:#fff;}
.announcement-row a.cta, .announcement-row a.cta:visited, .announcement-row a.cta:hover {
  padding: 15px 40px;
  background: #E1B000;
  color: #fff;
  margin: 0 auto;
  display: block;
  width: max-content;
  cursor: pointer;
  transition: all ease .15s;
  font-size: 2rem;
}

.announcement-row a.cta:hover{
  transform:scale(1.08);
}

.support-row{background:#151515;}
.support-row .pop-out-row-content p{color:#ffffffa3;}
.support-row .pop-out-row-content h2{color:#fff;}

.footer-logo-row {
  width: 100%;
  display: block;
  padding: 15rem 20px;
}

/* Flexslider Alterations */
.flex-direction-nav a{color:#e1b000 !important;}
.flexslider{box-shadow:none !important;overflow:hidden;}
.flex-control-nav{bottom:-70px !important;}
.flex-control-paging li a{
  background:transparent !important;
  border:2px solid #E1B000;
  box-shadow:none !important;
  transition:all ease .15s;
}
.flex-control-paging li a.flex-active{background: #E1B000 !important ;}
.flex-control-paging li a:hover {background: #e1b00082  !important;}
.flex-control-paging li a.flex-active:hover{background:#E1B000 !important;}
.flex-direction-nav a{height:50px !important;}
flexslider:hover .flex-prev,.flexslider:hover .flex-next{opacity:1 !important;}

@media (max-width:1280px)
{
  #grid-col-item-special {width: 100%;margin:0;}
  #grid-col-1-content{padding:60px;}
  #grid-col-2-content {width: 100%;padding: 20px;margin:0;}
  .grid-3{grid-gap: 40px;}
  .grid-col.bg-img-1,.grid-col.bg-img-2,.grid-col.bg-img-3,.grid-col.bg-img-4{background-position:center;}
  .floating-bar {width: 50%;left: 25%;}
}
@media (max-width: 960px){
  .flex-direction-nav a{top: auto !important;bottom:-70px !important;}
  .flex-direction-nav .flex-next{right:20px !important;}
  .flex-direction-nav .flex-prev{left:20px !important;}
  .flexslider:hover .flex-next {right: 20px !important;opacity:1 !important;}
  .flexslider:hover .flex-prev {left: 20px !important;opacity:1 !important;}
  .grid-col {min-height: 300px;}
  #grid-col-1-content{order:2;}
  #grid-col-2-content {padding: 60px 40px;}
  .grid-3 {grid-template: "col1" auto / 1fr;grid-gap: 30px;}
  .grid-col.bg-img-4 {background-position: center center;}
  .para-row-bg-overlay {min-height: 450px;}
  .para-row-content{padding:20px;}
  .halfw {max-width: 100%;}
  .pop-out-row{padding: 70px 20px;}
  .pop-out-row-block{padding: 0;}
  #grid-col-1-content{padding: 50px 30px 80px 30px;}
  .hdr-home-content {background: #011d4263;padding: 100px 40px 120px 40px;height: auto;}
  .hdr-home-content h1 {font-size: 4rem;}
  .hdr-home-content p {font-size: 2rem;}
  .hdr-bg{background-position:center bottom;min-height: auto;}
  .hdr-home-content h1, .hdr-home-content h2, .hdr-home-content h3, .hdr-home-content h4 {line-height: 4rem;}
  .para-row-content {padding: 100px 20px;}
  .para-row-content h2 {font-size: 5rem;line-height: 4.6rem;text-align: center;}
  .para-row-content  p {text-align:center;}
  .home-card{padding:0;max-width: 300px;}
  .home-card-row{padding:0px;border:none;margin:0;}
  .home-card-row .grid-3{padding: 30px 0;}
  .pop-out-row-content{border-bottom:2px solid #004aab24;margin-bottom:20px;padding-bottom:20px;}
  .down-arrow{bottom:20px;}
  .hdr-home-content h1, .hdr-home-content h2, .hdr-home-content h3, .hdr-home-content h4, .hdr-home-content p {max-width: 100%;width:100%;}
  .bg-img-1,.bg-img-2,.grid-2-r .grid-col.bg-img-3,.bg-img-4 {
    background-size: contain;
    margin-top: 70px;
    min-height: 350px;
    background-position:center bottom;
    margin-left: 30px;
    margin-right: 30px;
  }
  .para-row-content p {margin-top: 40px;}
  #articles_module_3_articles_3 {grid-template-columns: 1fr; padding:4rem 0;}
  a.blog-link, a.blog-link:hover{display:block;} 



  .grid-col-2-content{
    padding: 10px;
    margin-left:0;
  }

  .grid-col-item-special{
    margin-right:0;
    place-self:end;
  }

}