/*!
 * Start Bootstrap - Busines Frontpage (https://startbootstrap.com/template-overviews/business-frontpage)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-business-frontpage/blob/master/LICENSE)
 */

body {
  padding-top: 42px;
}

@media (min-width: 992px) {
  body {
    padding-top: 42px;
  }
}

img {max-width: 100%;}


.tint {
  position: relative;
  cursor: pointer;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 5em;
  vertical-align: middle;
}

/* Centered text */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


.tint:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(164,88,163,0.3);
  -moz-transition: rgba(164,88,163,0.3) .3s linear;
  -webkit-transition: rgba(164,88,163,0.3) .3s linear;
  -o-transition: rgba(164,88,163,0.3) .3s linear;
  transition: rgba(164,88,163,0.3) .3s linear;
}

.business-header {
  height: 50vh;
  min-height: 300px;
  background: url('../images/hero/shop2.jpg') center center no-repeat scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

.jonick-swapper {
  width: 100%; text-align: center; color: #fff; 
  font-size: 5em;vertical-align: middle; height: 490px; padding-top: 110px; 
  
  background-color: rgba(164,88,163,0.3) !important;
}

.card-fullheight {
  height: 100%;
}

.card-property {
  margin-top: 1.5rem!important;
}

.card-header { font-weight: bold; }

.bg-jonick {
  background-color: #fff !important;
  border-bottom: #A458A3 1px solid;
  padding: 0px;
}

.navbar-dark .navbar-brand:hover {
  color: #A458A3
}

a.btn-jonick, button.btn-jonick {
  background-color: #A458A3;
  border-color: #25215B;
  color: #fff;
}

a.btn-jonick:hover, button.btn-jonick:hover {
  background-color: #25215B ;
  border-color: #A458A3;
  color: #fff;
}

button.navbar-toggler {
  color: #25215B !important;
}
nav.bg-jonick .navbar-nav .nav-link, .navbar-dark .navbar-brand {
  color: #25215B;
}

nav.bg-jonick .navbar-nav .active>.nav-link {
  color: #25215B;
}

nav.bg-jonick .navbar-nav .nav-link:hover {
  color: #A458A3;
}

nav.bg-jonick .navbar-nav li.active
{
  background-color:#A458A3 !important;
  border: 1px solid #A458A3;
}
nav.bg-jonick .navbar-nav li.active .nav-link {
  color: #fff !important;
}

footer.bg-dark {
  background-color: #25215B !important;
}

footer a {
  color: #FFF;
}

footer a:hover {
  color: #A458A3;
  text-decoration: none;
}
.jonick-purple {
  color: #A458A3 !important;
}

.fa-stack { margin-bottom: 20px; }

.md-form { margin-bottom: 20px; }

label { font-size: 20px; margin-left: 10px; }

.galleryContainer {margin-top: 1.5rem!important; text-align: center; }

a, a > img { outline: none;}

.propertyHolder { display: block; margin-bottom: 10px;}
.propertyHeader { display: block; font-weight: bold; }
.propertyDetail { display: block; }

.propertyDetail ul {
  margin: 0;
}
.propertyDetail ul.dashed {
  list-style-type: none;
}
.propertyDetail ul.dashed > li {
  text-indent: -25px;
}
.propertyDetail ul.dashed > li:before {
  content: "-";
  text-indent: -25px;
  padding-right: 10px;
}

div.padTop {
  margin-top: 20px;
}

div.padBottom {
  margin-bottom: 20px;
}

.accordion .card-header:after {
  font-family: 'FontAwesome';  
  content: "\f068";
  float: right; 
}
.accordion .card-header.collapsed:after {
  /* symbol for "collapsed" panels */
  content: "\f067"; 
}

.agent-name {
  font-weight: bold;
  font-size: 14pt;
}

.agent-card { text-align: left !important; }
.agent-picture { -webkit-box-shadow: 26px 39px 64px -12px rgba(105,105,105,0.28);
  -moz-box-shadow: 26px 39px 64px -12px rgba(105,105,105,0.28);
  box-shadow: 26px 39px 64px -12px rgba(105,105,105,0.28);
border: 1px #696969 solid; 
margin-bottom: 20px;
text-align: centre !important; }

.agent-card .agent-name { text-align: left; }
.agent-card i {
  padding-right: 10px;
}

.page-header {
  font-size: 16pt;
  margin-top: 20px;
  padding: 10px;
  background-color: rgba(164,88,163,0.3);
  color: #25215B;
}

span.inline { display: inline !important; }