﻿
.welcome-page .logo {
  width: 64px;
}

.icon-banner {
  width: 32px;
}

.body-container {
  margin-top: 6px;
  padding-bottom: 40px;
}

.welcome-page li {
  list-style: none;
  padding: 4px;
}

.logged-out-page iframe {
  display: none;
  width: 0;
  height: 0;
}

.grants-page .card {
  margin-top: 20px;
  border-bottom: 1px solid lightgray;
}
.grants-page .card .card-title {
  font-size: 120%;
  font-weight: bold;
}
.grants-page .card .card-title img {
  width: 100px;
  height: 100px;
}

.grants-page .card label {
  font-weight: bold;
}

.ht-background-color {

    background-color: #003F73;
}
.ht-background-image {
    background: url(/new-home-bg-tattoo.png) 775px -7px no-repeat #003F73 !important;
}

.ht-footer-background-image {
    background: url(/ht-res-fotter-texture.jpg) repeat;
}

.ht-top {
    margin-top: 3rem;
}

.text-sm-left {
    font-size:11px;
}

.fs-6 {
   font-size:.8rem;
}

.card-header {
    height: 30px;
}

.ht-mb-0 {
    margin-bottom: 0.3rem;
}

.ht-link-color {
    color: #00afd8;
}
a:hover {
    text-decoration: none;
}

.btn-primary {
    background-color: #00afd8 !important;
    border-color: #00afd8 !important;
}

.btn-primary:hover {
    background-color: #003F73 !important;
    border-color: #003F73 !important;
}

.social_icon {
    height:33px;
    width:33px;
    margin-right:12px;
    margin-top:6px;
}

.facebook_icon_link {
    background: url("/social-icons/res-facebook-icon-off.png") no-repeat;
}

.facebook_icon_link:hover {
    background: url("/social-icons/res-facebook-icon-on.png") no-repeat;
}

.youtubes_icon_link {
    background: url("/social-icons/res-youtube-icon-off.png") no-repeat;
}

.youtubes_icon_link:hover {
    background: url("/social-icons/res-youtube-icon-on.png") no-repeat;
}

.twitter_icon_link {
    background: url("/social-icons/res-twitter-icon-off.png") no-repeat;
}

.twitter_icon_link:hover {
    background: url("/social-icons/res-twitter-icon-on.png") no-repeat;
}

.linkedin_icon_link {
    background: url("/social-icons/res-linkedin-icon-off.png") no-repeat;
}

.linkedin_icon_link:hover {
    background: url("/social-icons/res-linkedin-icon-on.png") no-repeat;
}


@media (min-width: 992px) {
    .dt-w-40 {
        height: 40px;
    }

    .r-border {
        border-right: 1px solid #777777;
        height: 40px;
    }

    .navbar-nav {
        height: 40px;
        padding-bottom: 10px;
    }


    .ht-nav-skin {
        height: 40px;
        border-top: 1px solid #C2C2C2;
        border-bottom: 1px solid #C2C2C2;
        position: relative;
        z-index: 999;
        border: 0px solid #d4d4d4;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
        -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
        box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
        background-color: #1b1b1b;
        background-image: linear-gradient(to top, #353535, #666666);
        background-repeat: repeat-x;
        border-color: #252525;
        padding-right: 0px;
        padding-left: 0px;
        margin-bottom: 0px;
        overflow: visible;
    }


    
    .r-border:hover
    {
        background: transparent none;
        color: #FFFFFF;
        text-decoration: none;
        -moz-transition: color 0.4s linear !important;
        -webkit-transition: color 0.4s linear !important;
        -o-transition: color 0.4s linear !important;
        -ms-transition: color 0.4s linear !important;
        transition: color 0.4s linear !important;
        background-image: linear-gradient(to top, #404040, #333333);
    }
}
    
