/*My Definitions
grad in rgb: (to right,  rgb(45, 65, 102) 0%, rgb(55, 224, 236) 100%)
grad in rgba: (to right,  rgba(45, 65, 102, 1) 0%, rgba(55, 224, 236, 1) 100%)
dark blue: #2d4166
light blue: #37e0ec

*/

header {
    background: linear-gradient(to right,  rgb(45, 65, 102) 0%,rgb(55, 224, 236) 100%);
    
}

body {
  position: relative;
  margin: 0;
  padding-bottom: 10rem;
  min-height: 100%;
}

footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;

}

.img-move-wrapper {
  border:1px solid red;
  position:relative;
  overflow:hidden;
  max-width:1140px;
  margin:0 auto;
}

.parallax-one {
  padding-top: -10px; 
  padding-bottom: 500px; 
  overflow: hidden; 
  background-image: url("../assets/images/landingbanner.jpg"); 
  background-attachment: fixed; 
  background-size: cover; 
  -moz-background-size: cover; 
  -webkit-background-size: cover; 
  background-repeat: no-repeat; 
  background-position: top center;
}

.mygradientbg {
  background: linear-gradient(to right,  rgba(45, 65, 102, 1) 0%, rgba(55, 224, 236, 1) 100%);
}

strong {
    font-family: itc-avant-garde-gothic-pro, sans-serif;
    font-weight: 800;
    font-style: normal;
}

.mysmallhead {
  color: white;
  font-size: 2rem;
  font-family: itc-avant-garde-gothic-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.mymedhead {
  color: white;
  font-size: 5rem;
  font-family: itc-avant-garde-gothic-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.mybighead {
    color: white;
    font-size: 7rem;
    font-family: itc-avant-garde-gothic-pro, sans-serif;
    font-weight: 700;
    font-style: normal;
}

.myhead {
    background: #2d4166;
    background: linear-gradient(to right,  rgb(45, 65, 102) 0%, rgb(55, 224, 236) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    font-family: itc-avant-garde-gothic-pro, sans-serif;
    font-weight: 700;
    font-style: normal;
}

.alignfull {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  max-width: 1000%;
  width: auto;
  height:0vw;
}

.dropdown-menu {
    border-color: white;
    border-radius: 1em;
}

.dropdown-item {
    font-family: hero-new, sans-serif;
    font-weight: 300;
    font-style: normal;
}

.dropdown-divider {
    border-color:rgba(45, 65, 102, 1);
}

.dropdown-menu a:active{
    background-color: transparent;
    color:rgba(45, 65, 102, 1);
}

  .navbar-brand {
    color: white;
  }
  
  .custom-color {
    background: #2d4166;
    background: linear-gradient(to right,  rgba(45, 65, 102, 1) 0%, rgba(55, 224, 236, 1) 100%) !important;
    color: white;
  }

  a:link {
    color: #30bbc5;
    background-color: transparent;
    text-decoration: none;
  }
  
  a:visited {
    color: #4b79ad;
    background-color: transparent;
    text-decoration: none;
  }
  
  a:hover {
    color: orange;
    background-color: transparent;
    text-decoration: underline;
  }
  
  a:active {
    color: orangered;
    background-color: transparent;
    text-decoration: underline;
  }

.site-container {
    overflow: hidden;
}






/*Background*/
.gradient-custom {
    /* fallback for old browsers */
    background: #37e0ec;
  
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to right,  rgba(45, 65, 102, 1) 0%, rgba(55, 224, 236, 1));
  
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to right,  rgba(45, 65, 102, 1) 0%, rgba(55, 224, 236, 1));
  }

/*Waves - Credit to Daniel Osterman for the code snippet which I have modified for personal use.*/
/* https://codepen.io/goodkatz/pen/LYPGxQz */
.waves {
    position: relative;
    width: 100%;
    height: 10vh;
    margin-bottom: -7px;
    /*Fix for safari gap*/
    min-height: 100px;
    max-height: 400px;
  }
  /* Animation */
  .parallax>use {
    animation: move-forever 25s cubic-bezier(.25, .3, .15, .1) infinite;
  }
  .parallax>use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 10s;
  }
  .parallax>use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 13s;
  }
  .parallax>use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 15s;
  }
  .parallax>use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
  }
  @keyframes move-forever {
    0% {
      transform: translate3d(-90px, 0, 0);
    }
    100% {
      transform: translate3d(85px, 0, 0);
    }
  }
  /*Shrinking for mobile*/
  @media (max-width: 768px) {
    .waves {
      height: 40px;
      min-height: 40px;
    }
    .content {
      height: 30vh;
    }
  }