/**
* Copyright (c) 2006-2019 RevX Systems, Inc. All Rights Reserved.
*
* All Rights Reserved.  Unpublished rights reserved under
* the copyright laws of the United States.
*
* The software contained on this media is proprietary to
* and embodies the confidential technology of RevX Systems, Inc.
*
* Possession, use, duplication or dissemination of
* the software and media is authorized only pursuant to
* a valid written license from RevX Systems, Inc.
*
* RESTRICTED RIGHTS LEGEND  Use, duplication, or disclosure
* by the U.S. Government is subject to restrictions as set
* forth in Sub paragraph (c)(1)(ii) of DFARS 252.227-7013,
* or in FAR 52.227-19, as applicable.
*
* style.css - primary site style classes.
*
*/

html {
  position: relative;
  min-height: 100%;
  
  scroll-behavior: smooth;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}

.row {
  margin-left: 0;
  margin-right: 0;
}
.jumbotron {
  background-color:white;
  background-size: 100% 100%;
  color: black;
  margin-bottom: 0;
  padding-bottom: 60px;
  padding-top: 100px;
}
.navbar-scroll {
  background-color: rgba(255,255,255,1);
  transition: background-color 0.5s;
}
.navbar {
  background-color: black;
  background-image: none;
  background-repeat: no-repeat;
  border-bottom:1px solid black;
  padding-right: 0;
  padding-left: 0;
 }
 .navbar a {
  color: white;
  font-weight: 500;
 }
 .navbar hover {
  color: grey;
 }
 .whybox {
  color: white;
  padding: 10px;
 }
 .whybox h1{
  font-size: 1.5em;
 }
 .whybox h5{
  font-size: 1em;
  font-style: italic;
  font-weight: 100;
  margin-top: -7px;
 }
 .whybox ul {
  padding-left: 20px;
 }
 .whybox ul li {
  font-size: .9em;
  font-weight: 100;
  line-height: 1.25;
 }
 .whyBoxContent{
  padding-left: 30px;
 }
 .icon {
  color:#00A8E0;
  font-size: 2.5em;
 }

 #reliable h1, #reliable h2 {
    padding: 0;
    padding-bottom: 100px;
    margin: 0;
    text-align: center;
  }

.compareText { display: inline; }

@media(max-width: 768px){
    .navbar {background-color: #000000 !important; }
    .compareText { display: none; }
}

.arrow {
  font-size: 3em;
  color: white;
  z-index: 5;
}
/* ============================================================
  PRIMARY STRUCTURE
============================================================ */
.parallax-container {
  max-width: 100%;
}
/* ============================================================
  SECTIONS
============================================================ */
section.module:last-child {
  margin-bottom: 0;
}
section.module h2 {
  margin-bottom: 40px;
  font-family: "Roboto Slab", serif;
  font-size: 30px;
}
section.module p {
  margin-bottom: 40px;
  font-size: 16px;
  font-weight: 300;
}
section.module p:last-child {
  margin-bottom: 0;
}
section.module.content {
  padding: 40px 0;
  background-image: url("../img/tabletop.png");
}
section.module.content:last-child {
  margin-bottom: 60px;
}
section.module.parallax {
  padding: 240px 0;
  background-position: 0 0;
}
section.module.parallax h1 {
  margin-left: 18%;
  margin-top: -125px;
  color: white;
  font-size: 2em;
  line-height: 1;
  font-weight: 700;
  text-align: left;
}
section.module.parallax h2 {
  padding-top: 50px;
  margin-left: 25%;
  color: white;
  font-size: 1.5em;
  line-height: 1;
  font-weight: 700;
  text-align: left;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
section.module.parallax-1 {
  background-image: url("../img/landingimg.png");
  background-position: 50% 0;
  background-repeat: repeat;
  background-attachment: fixed;
  background-size: cover;
  background-blend-mode: screen;
  height: 110%;
}
section.module.parallax-2 {
  background: #cccccc; /* Old browsers */
  background: -moz-linear-gradient(left, #cccccc 0%, #ffffff 21%, #ffffff 80%, #cccccc 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #cccccc 0%,#ffffff 21%,#ffffff 80%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #cccccc 0%,#ffffff 21%,#ffffff 80%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 */
  background-position: 50% 0;
  background-repeat: repeat;
  background-attachment: fixed;
  background-size: cover;
  background-blend-mode: screen;
}
section.module.parallax-3 {
  background-image: url("../img/celltable.png");
  background-position: 50% 0;
  background-repeat: repeat;
  background-attachment: fixed;
  background-size: cover;
  background-blend-mode: screen;
}

@media all and (min-width: 600px) {
  section.module h2 {
    font-size: 42px;
  }
  section.module p {
    font-size: 20px;
  }
  section.module.parallax {
    padding: 200px 0;
  }
  section.module.parallax h1 {
    font-size: 60px;
  }
}
@media all and (min-width: 960px) {
  section.module.parallax h1 {
    font-size: 4em;
  }
}
/*footer*/
.footer .container-fluid {
  padding-top: 10px;
  text-align: center;
  height: auto;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px;
  background-color: black;
}
footer .container-fluid a {
  display: inline-block;
  color: #ddd;
  padding-left: 1em;
 
}
footer .container-fluid p {
  display: inline-block;
  color: #ddd;
  padding-left: 1em;
  padding-right: 2em;
}
@media(max-width: 768px){
    .col-md-4 {
      text-align: center;
      line-height: 30px;
  }
}

.right {
  text-align: right;
}
.center {
  text-align: center;
}
.left {
  text-align: left;
}

.lead {
  text-align: center;
}

.red {color:#d30035;}
.green { color:#37c534;}
.black { color: black; }
.white { color: white; }
.grey { color: #a6a6a6; }
.blue { color: #00A8E0; }

.padding {
  padding: 50px;
}
.bottom {
  position: absolute;
  left: 0;
  bottom: 7%;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.underline {
  text-decoration: underline;
}

/* Style for Check Mark / X-Mark UL Lists  ... NOT USED ANY LONGER */
.red-x {
  list-style-type: none;
  padding: 20px 20px 20px 50px;
  /* font-family: 'Work Sans', sans-serif; */
  font-size: 18px;
  font-weight: 300;
}

.red-x li {
  list-style-type: none;
  position: relative;
  padding: 0px 0px 15px 10px;
}

.red-x li:before {
  content: '\2717';
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: -8px;
  left: -25px;
  color: #d30035;
  font-weight: bold;
  font-size: 26px;
}

.green-check {
    list-style-type: none;
    padding: 20px 20px 20px 50px;
    /* font-family: 'Work Sans', sans-serif; */
    font-size: 18px;
    font-weight: 300;
}

.green-check li {
    list-style-type: none;
    position: relative;
    padding: 0px 0px 15px 10px;
}

.green-check li:before {
    content: '\2713';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: -8px;
    left: -25px;
    color: #077a0f;
    font-weight: bold;
    font-size: 26px;
}

    /*
    ** Sub-caption style font size located right under the Why RevX Section.
    */

    .sub-caption{
      font-size: 18px;
    }

    /*
    ** Style the table which illustrates the red-x/green-check experience.
    */

    .comparison {
      width: 100%;
      border: solid #a6a6a6 1px;
    }

    .comparison td {
      padding: 10px 10px 30px 10px;
      border: solid #a6a6a6 1px;
    }

    .resources {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        border: solid #a6a6a6 1px;
    }

    .resources td {
        padding: 10px 10px 30px 10px;
        border: solid #a6a6a6 1px;
        vertical-align: top;
    }

    .red-tick-mark {
      font-size: 24px;
      vertical-align: top;
      padding: 0px 0px 0px 0px;
      opacity: .2;
    }

    .green-tick-mark {
      font-size: 26px;
      vertical-align: top;
      padding: 0px 0px 0px 0px;
    }

    .notices {
      font-size: 14px;
      line-height: 1;
    }

    .dim {
      opacity: .4;
    }

    .comparison td{
      vertical-align: middle;
    }

/* ------------------------------------------ *
        Responsive Related Styling
/* ------------------------------------------ */

@media all and (min-width: 960px) {
  section.module.parallax h1 {
    font-size: 5em;
    text-shadow:
  /* text shadow for outline */
  0px 0px .03em rgba(0, 0, 0, 0.1),
  0px 0px .03em rgba(0, 0, 0, 0.1),
  0px 0px .03em rgba(0, 0, 0, 0.1),
  0px 0px .03em rgba(0, 0, 0, 0.1);
  }

}

@media all and (min-width: 768px) {
  section.module h2 {
    font-size: 42px;
  }
  section.module p {
    font-size: 20px;
  }
  section.module.parallax {
    padding: 200px 0;
  }
  section.module.parallax h1 {
    font-size: 60px;
  }
  section.module.parallax h3 {
    font-size: 1.5em;
  }
}

@media all and (max-width: 1000px){
  section.module.parallax-1 {
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: 50% 15%;
  }

  #landing {
    padding-top: 20%;
    height: 80vw;
  }

  .successTitle{    
    font-size: 3em !important;
    text-align: center;
  }
  

}

@media all and (max-width: 768px) {

  .navbar-expand-lg div img {
    margin-bottom: -15px;
  }

  .comparison td {
    padding: 5px;
    font-size: 14px;
    border: solid #a6a6a6 1px;
  }

  #compare{
    padding-top: 100px;
  }

  .successTitle{
    padding: 0;
  }

  section.module.parallax-1 {
    margin-top: 50px;
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: 50% 15%;
  }

  .card-body {
    padding: 0;
  }

  .arrow {
    display: none;
  }

  #landing {
    padding-top: 20%;
    height: 80vw;
  }
  .iconBig {
    font-size: 4em;
  }
  .iconText {
    font-size: .7em;
  }
  #landingBlackBar{
    height: 25%;
  }
  .iconContainer {
    padding-top: 4%;  
  }
  #landingBlackBar {
    display: none;
   }
  section.module.parallax h1{
    padding-top: 15%;
    font-size: 4em;
  }
  section.module.parallax h2{    
    font-size: 1.5em;
  }  
  .jumbotron h1 {
    padding-bottom: 15px;
  }
  .jumbotron {
    padding-top: 40px;
  }
  .card {
    margin: 15px;
  }
  .navbar-brand{
    padding-left: 15px;
    margin-bottom: 15px;
  }
  .nav-item {
    padding-left: 20px;
  }
  #whyrevx h1 {
    font-size: 3em;
  }  
}

.collapseIcon{

  padding: 5px;
  font-size: 1.75em;
  color: white;
  padding-top: 10px;
}
.collapseIcon-scroll{
  color: black;
}