@import "../less/variables.less";

@bootstraplib: "../node_modules/bootstrap/less";

/*!
 * Bootstrap v3.4.0 (https://getbootstrap.com/)
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

// Core variables and mixins
@import "@{bootstraplib}/mixins.less";

// Reset and dependencies
@import "@{bootstraplib}/normalize.less";
@import "@{bootstraplib}/print.less";
@import "@{bootstraplib}/glyphicons.less";

// Core CSS
@import "@{bootstraplib}/scaffolding.less";
@import "@{bootstraplib}/type.less";
@import "@{bootstraplib}/code.less";
@import "@{bootstraplib}/grid.less";
@import "@{bootstraplib}/tables.less";
@import "@{bootstraplib}/forms.less";
@import "@{bootstraplib}/buttons.less";

// Components
@import "@{bootstraplib}/component-animations.less";
@import "@{bootstraplib}/dropdowns.less";
@import "@{bootstraplib}/button-groups.less";
@import "@{bootstraplib}/input-groups.less";
@import "@{bootstraplib}/navs.less";
@import "@{bootstraplib}/navbar.less";
@import "@{bootstraplib}/breadcrumbs.less";
@import "@{bootstraplib}/pagination.less";
@import "@{bootstraplib}/pager.less";
@import "@{bootstraplib}/labels.less";
@import "@{bootstraplib}/badges.less";
@import "@{bootstraplib}/jumbotron.less";
@import "@{bootstraplib}/thumbnails.less";
@import "@{bootstraplib}/alerts.less";
@import "@{bootstraplib}/progress-bars.less";
@import "@{bootstraplib}/media.less";
@import "@{bootstraplib}/list-group.less";
@import "@{bootstraplib}/panels.less";
@import "@{bootstraplib}/responsive-embed.less";
@import "@{bootstraplib}/wells.less";
@import "@{bootstraplib}/close.less";

// Components w/ JavaScript
@import "@{bootstraplib}/modals.less";
@import "@{bootstraplib}/tooltip.less";
@import "@{bootstraplib}/popovers.less";
@import "@{bootstraplib}/carousel.less";

// Utility classes
@import "@{bootstraplib}/utilities.less";
@import "@{bootstraplib}/responsive-utilities.less";


body {
  background-color: rgb(202, 219, 228);
  background-image: url(../img/backgrounds/square_bg.png);
  padding: 0 50px;
  min-width: 375px;
}

.container {
  background-color: rgba(255, 255, 255, .85);

  .no-rgba & {
    background-color: #fff;
  }

  padding: 50px;
  margin-top: 10px;
  border-radius: 5px;
}

header {
  margin-bottom: 20px;
  text-align: center;


  img {
    max-width: 100%;
    height: inherit;
  }

}

.announcment {
  margin-top: 25px;
}


.bottom-logo {
  height: inherit;
}

footer {
  text-align: center;
  padding-top: 10px;

}

h1 {
  color: #577D5D;
  font-size: 40px;
  margin-bottom: 13px;
}

.page-header {
  margin-bottom: 5px;
}

#map-canvas {
  height: 300px;
  width: 300px;
}

.thumbnail {
  display: inline-block;
}

.groupPhoto {
  margin-top: 40px;
}

.new-doctor {
  text-transform: uppercase;
}


@media (min-width: 979px) and (max-width: 1199px) {
  #map-canvas iframe {
    width: 290px !important;
  }
}

@media (min-width: 768px) and (max-width: 979px) {

  .info {

    #map-canvas iframe {
      width: 225px !important;
    }
  }

  .span4.doctor {
    width: 300px;
  }

}

@media (max-width: 767px) {

  body {
    padding: 0 10px;
  }

  .info {

    #map-canvas  {
      text-align: center;
      width: 100%;
    }
  }

  .span4.doctor {
    width: 300px;
  }

  .container {
    padding: 20px;
  }

}

a.pdf {
  background-image: url(../img/pdficon_small.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding-left: 20px;
  padding-top: 1px;
  text-decoration: none;
}

a:visited {
  color: @link-color;
}

.new-patient {
  dd {
    padding: 4px 0;
  }
}

.doctor {
  h3 {
    margin-bottom: 5px;
  }

  margin-top: 10px;
  position: relative;

  > .thumbnail {
    float: left;
    margin-right: 5px;

    h5 {
      padding-top: 5px;
    }

    > img {
      width: 117px;
    }
  }

}

.bottom-logo {
  text-align: center;
  img { max-width: 100%; }
}