/**
 * Waar / CSS / Mobile
 *
 * @category    Waar
 * @author      Rob Homan
 * @copyright   Copyright (c) 2017 Rob Homan
 */
@media screen and (max-width: 480px) {
  h1.hero:after {
    display: none;
  }
  /* container
	*******************************************************************************************************************/
  .container.padded,
  .container.padded-lg,
  .container.padded-xlg {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  /* table
	*******************************************************************************************************************/
  table {
    /* Address */
    /* Form */
    /* List */
    /* Properties */
  }
  table.break-sm tr > th,
  table.break-sm tr > td {
    display: block;
  }
  table.table-address > tbody > tr > td {
    display: block;
  }
  table.table-form > thead > tr > th,
  table.table-form > tbody > tr > th,
  table.table-form > tfoot > tr > th,
  table.table-form > thead > tr > td,
  table.table-form > tbody > tr > td,
  table.table-form > tfoot > tr > td {
    display: block;
    text-align: left;
    white-space: nowrap;
    width: auto;
    padding: 10px 0;
  }
  table.table-form > thead > tr > th,
  table.table-form > tbody > tr > th,
  table.table-form > tfoot > tr > th {
    padding-right: 0;
    padding-bottom: 0;
  }
  table.table-form > tfoot > tr > th {
    display: none;
  }
  table.table-list > tr > th,
  table.table-list > tr > td {
    padding: 5px 0;
  }
  table.table-properties > tbody > tr > th {
    width: auto;
    text-align: left;
  }
  table.table-properties > tbody > tr > td {
    width: auto;
    text-align: right;
  }
  table.table-properties > tbody > tr > td .energy-label {
    margin-right: 0.75em;
  }
  table.table-properties.table-properties-checks > tbody > tr > th {
    text-align: left;
  }
  /* preview
	*******************************************************************************************************************/
  #preview p {
    font-size: 0.875rem;
  }
  #preview p .btn {
    margin: 5px 0 0 0;
  }
  /* blog featured
	*******************************************************************************************************************/
  #blog-featured #blog-featured-items .blog-featured-item-wrap.blog-featured-item-wrap-lg,
  #blog-featured #blog-featured-items .blog-featured-item-wrap.blog-featured-item-wrap-md,
  #blog-featured #blog-featured-items .blog-featured-item-wrap.blog-featured-item-wrap-sm {
    flex: 1 0 100%;
  }
  #blog-featured #blog-featured-items .blog-featured-item {
    height: auto;
    padding-top: 52.65%;
  }
  /* map
	*******************************************************************************************************************/
  .map-marker-wrap .map-marker-content {
    width: 200px;
    max-height: 150px;
  }
  /* carousel
	*******************************************************************************************************************/
  .w-carousel {
    /* Gallery */
  }
  .w-carousel .w-carousel-dots {
    display: none !important;
    visibility: hidden;
  }
  .w-carousel.w-carousel-gallery .w-carousel-nav .w-carousel-prev,
  .w-carousel.w-carousel-gallery .w-carousel-nav .w-carousel-next {
    font-size: 1.5rem;
    padding: 20px 15px;
  }
  /* slideshow
	*******************************************************************************************************************/
  #slideshow .slideshow__items .slideshow__item .slideshow__item__content {
    padding-bottom: 15px;
  }
  /* property
	*******************************************************************************************************************/
  #property #property-hero #property-hero__content #property-hero__title {
    font-size: 1.2rem;
  }
  #property #property-hero #property-hero__content #property-hero__building-name,
  #property #property-hero #property-hero__content #property-hero__city {
    font-size: 1rem;
  }
  #property #property-hero #property-hero__content #property-hero__building-name {
    margin-right: 10px;
    padding-right: 14px;
  }
  #property #property-hero #property-hero__content #property-hero__building-name:before {
    width: 4px;
    height: 4px;
  }
  #property .property-section.property-description {
    margin-bottom: 15px;
  }
  /* employee thumbs
	*******************************************************************************************************************/
  .employee-thumb {
    margin: 7px;
  }
  .employee-thumbs .employee-thumb .employee-thumb__meta {
    padding: 0;
  }
  /* panel
	*******************************************************************************************************************/
  .panel-group .panel .panel-body {
    padding: 10px;
  }
  /* user files
	*******************************************************************************************************************/
  .user-files .user-files-separator {
    font-size: 1rem;
    padding: 10px 0;
  }
  .user-files .user-file-wrapper {
    margin-bottom: 10px;
  }
  .user-files .user-file-wrapper .user-file .user-file-icon,
  .user-files .user-file-wrapper .user-file .user-file-meta,
  .user-files .user-file-wrapper .user-file .user-file-actions {
    padding: 10px;
  }
  /* content promo
	*******************************************************************************************************************/
  .content-promo {
    padding: 15px;
  }
  /* footer
	*******************************************************************************************************************/
  #footer #footer__links {
    padding: 0;
  }
  #footer #footer__links #footer__links__blocks {
    display: initial;
    margin: 0;
  }
  #footer #footer__links #footer__links__blocks .footer__links__block {
    flex: inherit;
    padding: 15px 0;
  }
  #footer #footer__social {
    padding-top: 30px;
  }
  #footer #footer__emblem {
    padding-top: 30px;
  }
  /* home
	*******************************************************************************************************************/
  body.home h2.hero,
  body.home h3.hero {
    font-size: 1.2rem;
    margin-bottom: 15px;
    padding: 0;
  }
  body.home h2.hero:after,
  body.home h3.hero:after {
    display: none;
  }
  body.home section.intro .fixed {
    padding: 15px 0;
  }
  /* bootstrap
	*******************************************************************************************************************/
  .btn-block-xs {
    display: block;
    width: 100%;
  }
  /* flex grid
	*******************************************************************************************************************/
  .flex-grid {
    display: block;
  }
  .flex-grid.flex-grid-2 .flex-grid-item,
  .flex-grid.flex-grid-3 .flex-grid-item,
  .flex-grid.flex-grid-4 .flex-grid-item {
    width: 100%;
  }
}