html, body {
    height: 100%;     
  }

p {
  font-family: Roboto, "Open Sans", sans-serif; 
  font-size: 18px;
   /* font-weight: 300;*/
  /*line-height: 1.4rem;*/
  text-rendering: optimizeLegibility; 
}


/*a {
  color: #000000;
  transition: all .5s ease;
}*/

a:hover {
  color: #005EA8;
  text-decoration: underline;
}

.link-two {
  color: #000000;
  transition: all .5s ease;
}

.link-two:hover {
  text-decoration: underline;
  color: #000000;
}

.link-one {
  color: #000000;
  transition: all .5s ease;
}

.link-one:hover {
  color: #000000;
  text-decoration: none;
}

.link-icon {
  color: #000000;
  font-weight: 500;
}

.link-icon span {
  font-size: 14px;
  padding-left: 4px;
  vertical-align: middle;
}

.link-a {
  color: #ffffff;
  text-decoration: none;
}

.link-a:hover {
  color: #ffffff;
  text-decoration: none;
}

.link-a span {
  font-size: 1rem;

  vertical-align: middle;
  margin-left: 5px;
}

.text-brand {
  color: #000000;
  font-size: 2rem;
  font-weight: 600;
}


.mhgBlue {
  color: #005EA8;
}

.color-a {
  color: #000000;
}

.color-b {
  color: #005EA8;
}

.color-d {
  color: #adadad;
}

.color-text-a {
  color: #555555;
}

.no-margin {
  margin: 0;
}



.listing-badges {
    position: absolute;
    top: 0;
    z-index: 999;
    right: 0;
    width: 100%;
    display: block;
    font-size: 13px;
    padding: 0px;
    overflow: hidden;
    height: 160px;
}


.listing-badges .featured {
    /*background-color: #4064d*/7;
    color:#ffffff;
    float: left;
    transform: rotate(-45deg);
    left: -67px;
    top: 17px;
    position: relative;
    text-align: center;
    width: 200px;
    font-size: 12.5px;
    margin: 0;
}

.listing-badges .green-banner-sm {
    background-color: #5ccc20;
    float: right;
    transform: rotate(44deg);
    left: 50px;
    top: 35px;
    position: relative;
    text-align: center;
    width: 240px;
    font-size: 30px;
    font-weight: bold;
    margin: 0;
}


.over-img{
    position: absolute;
    top: 0%;
    left: 0%;
    max-width: 100%;
}








.listing-badges-lg {
    position: absolute;
    top: 0;
    z-index: 999;
    right: 0;
    width: 100%;
    display: block;
    font-size: 13px;
    padding: 0px;
    overflow: hidden;
    height: 280px;
}





.listing-badges-lg .green-banner-lg {
    background-color: #5ccc20;
    float: right;
    transform: rotate(37deg);
    left: 85px;
    top: 130px;
    position: relative;
    text-align: center;
    width: 510px;
    font-size: 34px;
    font-weight: bold;
    margin: 0;
  }






.listing-badges span {
    color: #000000;
    display: inline-block;
    padding: 1px 10px;
    float: right;
    background-color: rgba(74, 74, 76, 0.7);
    border-radius: 3px;
    top: 15px;
    right: 15px;
    position: absolute;
}

.listing-item {
    /*background-color: #f3f3f3;*/
    display: block;
    width: 100%;
    border-radius: 4px;
    position: relative;
}

.topnav{ /*adds dark blue line*/
background-color: #ffffff; 
border-bottom: 12px solid #005EA8 !important; 
font-size: 21px; 
font-weight: 500; 
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

.highlight {
  background-color:#F6F915;
  margin-top:25px;
}

/*Display on mobile only*/
  .mobileOnly { display: none;}

  /* Smartphone Portrait and Landscape */
  @media only screen
    and (min-device-width : 320px)
    and (max-device-width : 480px){ 
      .mobileOnly {display: inline;}
  }



@media screen and (max-width: 480px)

{
  .viewAllState { display: none; }

}

.dropzone .dz-preview .dz-error-message { /*changes position of error message for Dropzone*/
    top: 150px !important;}



 .sidebar a  {
  color: #212529;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
} 

 .sidebar a:hover {
  color: #0056b3;
}

.listing-section-divider {
  border-bottom: 4px 
  solid #005EA8 !important;
}

.content {
  font-size: 19px;  
  line-height: 1.7rem; 
}

.footer {
  bottom: 0;
  width: 100%;  
  line-height: 90px; /* Vertically center the text there */
  background-color: #000000;
  color:#ffffff;
}

.card-text p {
  margin: 0;

}