/* Change the default font paragraph font size of bootstrap */
p {
   font-size: 16px;
}

.font-lg{
  font-size: 18px;
}

.font-xl{
  font-size: 20px;
}

/* Escort listings */
.img-listing {
    object-fit: cover;
    width: 400px;
    height: 400px;
    min-height:550px;
}

/* for youtube videos */
.youtube {
  border: 1px;
  frameborder: 0;
}

/* Set a vertical space between two rows or elements - http://stackoverflow.com/questions/10085723/twitter-bootstrap-add-top-space-between-rows */
.top-buffer { margin-top:20px; }
.lg-top-buffer { margin-top:40px; }
.sm-top-buffer { margin-top:10px; }
/* Stops sticky header from over lapping the listing images */
.sticky_header_padding { padding-top: 100px; }

/* Used in list of escorts */
.img-list {
    object-fit: cover;
    top: 0;
    left: 0;
    min-height:500px;
    height:500px;
    max-width: 100%;
}

.index-blog-item-container {
  margin: 7px;
}

.index-blog-item {
  display: inline-block;
  width: 100%;
  height: 200px;
  /*margin: 5px;*/  
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border:1px solid black;
  line-height: 230px;
  text-align: center;
  opacity: 0.8;
}

.index-blog-item .content {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  padding: 50px;
  /*color: red; */
  font-size: 14px;
       
}

.index-blog-item .headline {
  font-size: 18px;
  text-shadow: 2px 2px 0px #32383e;      
}

.index-blog-item .description {
  margin-top: 10px;
  font-size: 16px;
  text-shadow: 0px 2px 0px #32383e;   

}

.index-blog-item:hover {
    /*width:100%;
    height:100%;
    position:absolute;
    background-color:#000;*/
    opacity:1;
    /*border-radius:30px;*/
}

/* The empty heart on view escort needs this to align properly */
.glyphicon-vertical-align {
  position: relative;
  top: 4px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}



/* Used to indicate click-able images, e.g. the main search results */
.img-clickable {
  cursor: pointer;
}

/* Jumbotron adding an image  */
.jumbotron {
    position: relative;
    background: #000 url('/images/default.jpg') center center;
    width: 100%;
    height: 100%;
    background-size: cover;
    overflow: hidden;
}

/* Used by pagination in navbar */
.navbar-margin {
      margin-bottom: 0px;
      margin-top: 6px;
      padding-right: 35px;
      padding-left: 35px;
}

/* Used to show the spinner on the dispatcher page */
.ajax-overlay-container {
  position: absolute;
  width:80px;
  height:80px;
  bottom:50%;
  right:50%;
  left:50%;
  margin-left:-30px;
  color: #fff;
  opacity: 0.85;
}



/* Show more/less copy in search pages with description  */
.read{
    overflow: hidden;
    font-size: 16px !important;
    transition: all 0.3s;
    margin-bottom: 10px;
}
.read-less{
    overflow: hidden;
    height: 110px!important;
}

/* disable the resize for text area fields */
textarea.no-resize
{
  resize:none;
}

/* Social media */

.share-buttons{
  list-style: none;
  padding: 0;
}

.share-buttons a{
  /*padding-right: 23px;*/
  margin: 0px 5px 0px 5px;
}

/* Twitter time line widget */
.twitter-time-line-border {
  border:1px solid black;
  border-radius: 3px;  /* this must match the widget border-radius in the twitter widget */
}

/*  faq and collapse arrows */

.faq-box .toggler:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: white;
}
.faq-box .toggler.collapsed:after {
    content: "\e080";
}