/**
 * @Date:   2018-02-08T14:42:27-05:00
 * @Email:  danny@atomicmotion.com
 * @Filename: resources.css
 * @Last modified time: 2018-02-14T10:08:35-05:00
 * @Copyright: Atomic Motion
 */

 .page-resources .impact {
   height: 830px;
   background-image: url('../images/impact-resources.jpg');
 }

   .nav-resources {
     position: relative;
     display: block;
     margin: 90px auto 0;
     width: 90%;
     text-align: center;
     z-index: 2;
   }

     .nav-resources li {
       margin: 0 10px;
       width: auto;
       min-width: 140px;
       height: 30px;
     }

       .nav-resources li a {
         display: block;
         padding: 5px 30px 0;
         height: 30px;
         font-size: 17px;
         border: 1px solid;
         border-radius: 100px;
         line-height: 1.5;
         text-transform: uppercase;

         transition: all 0.3s ease-out;
           -webkit-transition: all 0.3s ease-out;
       }

       .nav-resources li a:link,
       .nav-resources li a:visited {
         color: #fff;
         border-color: #fff;;
         text-decoration: none;
       }

       .nav-resources li a:hover,
       .nav-resources li a:active {
         background-color: #F07F0A;
         border-color: #F07F0A;
       }

/* icon resources */

.icon-resources {
    display: block;
    margin: 0 auto;
    width: 80px;
    height: 80px;
    background-image: url('../images/sprite-resources.png');
    background-repeat: no-repeat;
    background-size: 80px 518px;
      -webkit-background-size: 80px 518px;
}

    .icon-engage             { background-position: -1px -3px; }
    .icon-solutions          { background-position: -1px -91px; }
    .icon-download           { background-position: -1px -175px; }
    .icon-funding-assistance { background-position: -1px -260px; }
    .icon-more-data          { background-position: -1px -346px; }
    .icon-contact-us         { background-position: -1px -436px; }

/* icon resources */

 /* cards */

 .resources-cards {
   position: relative;
   font-size: 0;
   text-align: center;
   height: auto;
   background-color: #E7E8ED;
 }

   .resources-cards .wrapper {
     position: relative;
     top: -180px;
     left: 50%;
     margin-left: -600px;
     width: 100%;
     max-width: 1200px;
     height: auto;
     z-index: 2;
   }

   .resources-cards .wrapper p {
     display: block;
     margin: 0 auto -120px;
     max-width: 850px;
     font-size: 17px;
   }

   .card {
     display: inline-block;
     margin: 0 2.5% 5%;
     padding: 40px 0;
     width: 45%;
     max-width: 400px;
     min-height: 400px;
     background-color: #fff;
     border-radius: 3px;
     vertical-align: top;
     box-shadow:  0 20px 35px rgba(0, 0, 0, 0.16);
     -webkit-box-shadow:  0 20px 35px rgba(0, 0, 0, 0.16);
   }

     .card img {
       display: block;
       margin: 0 auto;
       width: 80px;
       height: 80px;
     }

     .card h2 {
       display: block;
       margin: 20px auto 0;
       width: 80%;
       height: auto;
       min-height: 60px;
       color: #333;
       font-size: 30px;
       font-family: "Roboto", Helvetica, Arial, sans-serif;
       font-weight: 300;
       line-height: 1.2;
       text-align: center;
     }

     .resources-cards .wrapper .card p {
       display: block;
       margin: 30px auto;
       width: 81%;
       color: #333;
       font-size: 16px;
       font-family: "Roboto", Helvetica, Arial, sans-serif;
       font-weight: 300;
       text-align: center;
     }

     .card .list {
       display: block;
       margin-top: 20px;
       padding-top: 30px;
       width: 100%;
       height: auto;
       font-size: 16px;
       color: #5773C1;
       text-align: left;
       border-top: 1px solid #ccc;
     }

       .card .list li {
         position: relative;
         display: block;
         margin: 0 auto 20px;
         padding-left: 15%;
         width: 75%;
       }

       .card .list li:before {
         position: absolute;
         top: 0;
         left: 15px;
         display: block;
         margin: 7px 15px 0 0;
         content: '';
         width: 7px;
         height: 7px;
         background-color: #F07F0A;
         border-radius: 10px;
       }

 /* cards */