body{
    font-family: 'Roboto', sans-serif;
}


/****nav bar****/
.nav-item {
    letter-spacing: .2em;
    font-size: 14px;
    text-transform: uppercase;
}

.dropdown-item {
    letter-spacing: .2em;
    font-size: 12px;
    text-transform: uppercase;
}


/****footer****/

.my_footer{
    background-color: #f8f9fa;
    height: 60px;
}

.my_footer p {
    padding-top: 20px;
    font-size: 14px;

}

.account-img {
  height: 260px;
  width: 260px;
  margin-right: 20px;
  margin-bottom: 10px;
}

/****Category****/


.my_row_class{
    padding-top: 5px;
}

.my_row_class .mx-auto p{
    padding-top: 5px;
    font-size: 12px;
}

.my_row_class .mx-auto p a{
    color:#000;
    padding-top: 15px;
    font-size: 12px;
}


.my_image{
    width: 100%;
    height: auto;
}

.my_title{
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: .2em;
}



.my_image_padding{
    padding: 5px;
}

.my_bottom_margin{
    margin-bottom: 10px;
}


.card-body{
    font-size: 12px;
    letter-spacing: .2em;
}

.card-body h5 {
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .2em;
}

.card-body h4 a{
    font-size: 13px;
    letter-spacing: .2em;

}






.my_image_card{
    width: 100%;
    height: 180px;
}

/****candidate_profile****/


.candidate-account-img {
    width: 100%;
    height:300px ;
}

/****listings****/





#showcase {
  background: url(../img/coolbackground.jpg) no-repeat top center fixed/cover;
  position: relative;
  min-height: 350px;
  color: #fff;
  padding-top: 3rem; }
  #showcase .home-search {
    min-height: 320px;
    position: relative;
    border-radius: 5px; }
  #showcase .overlay {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    min-height: 200px;
    width: 100%;
    background: rgba(51, 51, 51, 0.8); }

#services {
  background: url(../img/building.jpg) no-repeat top center fixed/cover;
  min-height: 200px;
  position: relative;
  overflow: hidden; }
  #services::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    width: 100%;
    background: rgba(32, 134, 107, 0.8); }

#showcase-inner {
  background: url(../img/building.jpg) no-repeat top center fixed/cover;
  position: relative;
  overflow: hidden;
  min-height: 200px; }
  #showcase-inner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    width: 100%;
    background: rgba(32, 134, 107, 0.8); }
  #showcase-inner.showcase-search {
    min-height: 270px; }



  /****index****/


  .my_category_title{
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .2em;
}

    /****booking****/
  p.exsadie{
    color: #CC181E;
    font-weight: 900;
}

span.exsadie{
    color: #CC181E;
    font-weight: 700;
}

p.redinfo{
    color: #CC181E;
    font-weight: 700;
    font-size: .9rem;
}

span.redinfo{
    color: #CC181E;
    font-weight: 700;
    font-size: .8rem;
}




span.blackbold{
    color: #000000;
    font-size: 14px;
    font-weight: 900;
}

span.smallbold{
    color: #000000;
    font-size: 12px;
    font-weight: 700;
}


p.blackbold{
    color: #000000;
    font-size: 14px;
    font-weight: 900;
}


.deodrant{
    font-size: 11px;
}


/****true false buttons****/

.true_button,
.false_button {
  font-size: 11px;
  font-weight: 500;
  display: inline-block;
  padding: 2px 10px;
  border-radius: 4px;
  cursor: pointer;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.true_button {
  color: #ffffff;
  background: #90ee90;
}

.false_button {
  color: #ff6046;
  background: #ffd8d2;
}

.true_button:hover,
.false_button:hover,
.btn-open:hover {
  box-shadow: 0px 3px 9px rgba(96, 94, 94, 0.17);
}

.location-heading {
    color: red;
}




/****new css****/

.location-heading {
    color: red;
    font-weight: bold;
    font-size: 1rem;
}


.venue-image {
    height: 300px;
    width: 300px;

    margin: 10px auto;

}

.company-name {
    font-weight: 800;
    font-size: .8rem;
}

.venue-cost {
    background: cyan;
}

h5 {
    font-size: .9rem;
    font-weight: bold;
}


.highlight {
    background: cyan;
}