/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   html {
      scroll-behavior: smooth;
    }

    .main-link{text-align: center; font-size: 20px;}

.logo{max-width: 120px; margin-top: 10px;}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a{text-shadow: none !important;}

.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus{color: rgb(48, 203, 255)}


.navbar-inverse{
   background-color: white !important; 
   border-bottom: #5ed2ec;
   background-image: -webkit-linear-gradient(top,white 0,white 100%);
   background-image: -o-linear-gradient(top,white 0,white 100%);
   background-image: -webkit-gradient(linear,left top,left bottom,from(white),to(white));
   background-image: linear-gradient(to bottom,white 0,white 100%);
   /* padding-bottom: 10px; */
}

.navbar-inverse .navbar-toggle .icon-bar{background-color: #174d69 !important;}

.navbar-brand{padding-top: 10px;}

.navbar-inverse .navbar-nav>li>a{color: #174d69; font-weight: 700;}
.navbar-inverse .navbar-nav>li>a:hover{opacity: .7; text-decoration: underline;}

.btn-danger{
   background-color: #174d69 !important; 
   border-bottom: #174d69;
   background-image: -webkit-linear-gradient(top,#174d69 0,#174d69 100%);
   background-image: -o-linear-gradient(top,#174d69 0,#174d69 100%);
   background-image: -webkit-gradient(linear,left top,left bottom,from(#174d69),to(#174d69));
   background-image: linear-gradient(to bottom,#174d69 0,#174d69 100%);
   border-color: #675eb7;
   color: #FFAE00 !important;
}

.btn-danger:hover, .btn-danger:focus {
   background-color: #675eb7;
   background-position: 0 0px;
   text-decoration: none !important;
   opacity: .8 !important;
   border-color: #675eb7;
}

.btn-yellow{background-color: #174d69 !important; 
   border-bottom: #174d69;
   background-image: -webkit-linear-gradient(top,#174d69 0,#174d69 100%);
   background-image: -o-linear-gradient(top,#174d69 0,#174d69 100%);
   background-image: -webkit-gradient(linear,left top,left bottom,from(#174d69),to(#174d69));
   background-image: linear-gradient(to bottom,#174d69 0,#174d69 100%);
   border-color: #174d69;
   color: #FFAE00 !important;}

.navbar{padding: 20px}

@media screen and (min-width: 710px){
   .login{
      border-left: 2px solid white;
      height: 50px;
   }
}

.modal{background-color: rgba(0,0,0,0.8);}
.nav-btn{
   margin-right: 20px;
}

.jumbotron {
   background: url(../hero-bg.png) no-repeat center center fixed;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   color: white;
   /* box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 80%); */
}

@media screen and (min-width: 768px){
   .jumbotron {
      padding: 48px 48px;
   }
}

.jumbotron {
   margin-top: 30px;
}

.hero-text{text-align: left;}

.text-2{background-color: #ffa500e3;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#ffa500e3), to(#ffd36f));
   background-image: linear-gradient( 
      180deg
       , rgb(255 165 0 / 89%), #ffd36f);}
.pad-me{padding: 60px 0}
.text-3{background-color:#f8f8f8; color: #2f334d;}

.solution li {
   background-position-y: 16px;
   width: 80%;
   padding: 10px 43px;
   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAAGXLeQ2AAAAAXNSR0IArs4c6QAAAWpJREFUSA2tlU1OwzAQhe20N4AlKhISCWJD78C5uQNsEAkSEhXL5gZtjV8m47+x06SQRcaeee8bp45TpYJLY9y13waxwo0u3fOIYtfu9iwbMtEEmVQRkQmCewKGyxfPjdA0dGR66L5uNtdVqCKquUIcHWhKibq5HXKutXS6kh9AVBJGOBJRK2+nRfJcrIkLMpLRdcjT2ea7OAOXYqMXcv1/ojEmeKU8UyS/2p+nz253RPQyGkVrh+Cgjq8sWqvV9q65eeO5E6dCFoSGQVwSpgZ9ThgaxANyMReXLYMJpeWIBywZQiFroogOOHCIUaE0KW13SS/yY8eP2R0twe24oI0JwA7q9MIHntK6X6vqOXx1cv4iPA9NEdNNBHwedF4TB78MOt1EY6fteX23siaV/mHe3tebx0prfbJf5Qe8oOL/YjEde7Daggeu+1mYc9nPk99YAV/WJA9lRhHOgvyTTEPZOzuiif0mLDqhv8On/RTbtyKEAAAAAElFTkSuQmCC) no-repeat;
   background-position: -1px 7px;
   list-style: none;
   margin: 0;
}

.text-4{background-color:#5ed2ec; color: white;}
.glyphicon-lock{font-size: 60px;}

.text-5{background-color:#675eb7; color: white;}

.footy{
   background-color: #2f334d;
   color: white;
}

.nav>li>a {
   padding-left: 20px;
   padding-right: 20px;
   font-size: 12px;
}

@media (max-width: 990px) {
   .navbar-header {
       float: none;
   }
   .navbar-left,.navbar-right {
       float: none !important;
   }
   .navbar-toggle {
       display: block;
   }
   .navbar-collapse {
       border-top: 1px solid transparent;
       box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
   }
   .navbar-fixed-top {
       top: 0;
       border-width: 0 0 1px;
   }
   .navbar-collapse.collapse {
       display: none!important;
   }
   .navbar-nav {
       float: none!important;
       margin-top: 7.5px;
   }
   .navbar-nav>li {
       float: none;
   }
   .navbar-nav>li>a {
       padding-top: 10px;
       padding-bottom: 10px;
   }
   .collapse.in{
       display:block !important;
   }
 }

/* TYPOGRAPHY */
p,li,.nav-btn, .carousel-inner{
   font-size:18px; line-height:27px;
}

*{font-family: 'Open Sans', sans-serif;}

.footy p{font-size: 14px;}