/**
 ** @file
 ** Subtheme specific CSS.
 **/

body { font-family: 'Source Sans Pro', sans-serif; }
  
/* Colors */
.red-font { color: #c11515; }
.black-font { color: #2d2c2e; }

.table .thead-dark th { background-color: #12083e; }

/* Page */
#page .header { padding-bottom: 10px; }
.path-frontpage #page .header { padding-bottom: 0; }
.path-frontpage #page .node__content { margin-top: 0; }

/* Responsive Image */
img { max-width: 100%; height: auto; }

/* Ajax Spinner */
.ajax-progress { display: none; }

/* Node Layout */
.user-form .layout--onecol,
.user-form .layout--twocol > .layout__region--first,
.user-form .layout--twocol > .layout__region--second,
.node-form .layout--onecol,
.node-form .layout--twocol > .layout__region--first,
.node-form .layout--twocol > .layout__region--second {
  padding: 25px;
}

@media screen and (min-width: 1025px) {
  .container-fluid {
     padding: 10px 125px;
   }
  .path-frontpage .col,
  .path-frontpage .container-fluid {
     padding: 0;
   }
  .path-frontpage .row {
     margin: 0;
  }
  .layout__region .field {
     display: flex;
  }
  .layout__region .field--label-hidden {
     display: flex;
     flex-flow: column;
  }
  .layout__region--top .field {
    display: block;
  }
}

@media screen and (max-width: 1025px) {
  .path-frontpage .col,
  .path-frontpage .container-fluid {
     padding: 0;
   }
  .path-frontpage .row {
     margin: 0;
  }
  .user-form .layout--onecol,
  .user-form .layout--twocol > .layout__region--first,
  .user-form .layout--twocol > .layout__region--second,
  .node-form .layout--onecol,
  .node-form .layout--twocol > .layout__region--first,
  .node-form .layout--twocol > .layout__region--second {
    padding: 15px;
  }
  .layout__region--first-above,
  .layout__region--first-below {
     border: solid 1px;
     background: #f8f8f8;
     padding: 5px;
   }
  .reverse-columns {
    flex-direction: column-reverse;
  }
  .normal-columns {
    flex-direction: column;
  }
  .wp-block-columns {
    margin-bottom: 4px;
  }
}
@media screen and (max-width: 576px) {
  .layout__region .field {
     display: block;
  }
  .user-form .layout--onecol,
  .user-form .layout--twocol > .layout__region--first,
  .user-form .layout--twocol > .layout__region--second,
  .node-form .layout--onecol,
  .node-form .layout--twocol > .layout__region--first,
  .node-form .layout--twocol > .layout__region--second {
    padding: 5px;
  }
}

/* Forms */
label { color: #12083e; }
.form-control { background-color: #f8f8ff; }
.layout__region .col-auto { padding-left: 5px; padding-right: 5px; }
.image-widget-data { width: 100% }
.field--type-image .field__label { visibility: hidden; }

/* Fields Display */
.field { margin-bottom: 15px; }

/* Logo Image */
a.navbar-brand img { height: 60px; }

/* Better Login */
body.page-user-login, body.page-user-password,  body.page-user-register,  body.page-user-reset { background-color: #f8f8f8; }
#auth_box { width: auto; max-width: 500px; padding: 50px 10px; }
#auth_box.register { width: auto; }
#auth_box .title { text-align: center; text-transform: capitalize; }
#auth_box input[type="text"], #auth_box input[type="password"] { width: 100% }
#auth_box #bottom_part { text-align: center; }
#auth_box.register .form-type-password { padding: 0; }
#auth_box #bottom_part { font-size: 17px; }
#auth_box #middle_part { background-color: #ddf5ff; }

/* User */
#block-views-block-user-admin-people-block-1 { padding-left: 25px; }
#edit-pass--description { display: none; }

/* User Form */
.form-type-password, .field--name-role-change { padding: 0; }
.form-item-notify, .form-item-automated-opt-out-value { padding: 0 35px; }
.form-item-current-pass { padding: 0 15px; }
.profile { margin-bottom: 5px; }
.profile .field { margin-bottom: 5px; font-size: large; }
.profile .field__label, .comment .field--type-entity-reference .field__label { width: 200px; font-weight: 700; color: #bc3322; }

/* Drag Handle */
a.tabledrag-handle .handle { width: 25px; height: 25px; }

/* Cancel Button */
#edit-cancel { padding: 0 10px; }

/* Main Menu Navbar */
.navbar-collapse { flex-flow: row-reverse; }
.navbar-dark .navbar-nav .nav-link { color: #ffffff; }
.nav-tabs .nav-link { font-size: small; }
#navbar-main a.nav-link, .icon-link a, #block-helpemail a { color: #ffffff; }
#navbar-main a.nav-link:hover, .icon-link a:hover, .icon-link a:active, .icon-link a:focus { color: #ffffff; }
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: #ffffff; }
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link { color: #ffffff; }
.dropdown-item.active, .dropdown-item:active { background-color: #0073b6; }
.dropdown-item.active a.active.is-active { color: white; }

.toolbar-oriented .toolbar-bar {
    z-index: 1502;
}
#block-buildinglogo a {
  display: flex;
  align-items: center;
}
#block-buildinglogo a h4 {
  margin: 0;
  padding: 0 5px;
}
#block-homelogoresident h4 a {
  margin: 0;
  padding: 0 5px;
}

/* Small Screen Toogle */

/* Views */
table {
  width: 100%;
}
.wp-block-table td, .wp-block-table th {
    padding: .5em;
    border: 1px solid black;
    word-break: normal;
}
.table-responsive .col { padding-left: 0 padding-right: 0; }
.table th { background-color: #2d2c2e; padding: 8px; }
.table tr { background-color: #f8f8f8; }
.table td { padding: 8px; }
.views-field-edit-node, .views-field-edit-user { width: 25px }
.view-filters .form-group { margin: 0.5rem 0; }
.view-filters .form-text { margin-top: 0; }
.view-content { justify-content: center; }
.view-content.row { display: flex; }
.view-dashboards .views-field { text-align: center; }
.view-dashboards .grid { width: 100%; }
.view-dashboards .row { margin-left: -5px; margin-right: -5px; }
.panel-group { width: 100%; }
.mobile .view-filters { display: none; }
.mobile .card h5 { background: #f2f2f2; }
.mobile .view-filters .form-row { display: block; }
.mobile .view-content.row { margin: 0; }
.mobile .view-content .btn,
.mobile .view-content .views-row {
	width: 100%;
}
.mobile .view-content .ui-accordion-header-icon { display: none; }
.mobile .view-content .ui-accordion-content { height: auto; }
.ui-accordion .ui-accordion-content { padding: 0.5em; }
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	color: #454545;
    border: 1px solid #f2f2f2;
    background: #f2f2f2;
}
.mobile .js-views-accordion-group-header { padding-top: 5px; }
.mobile .ui-accordion-content table tr th { width: 120px; }
.views-field-field-company-logo img {
	width: 50px;
}

/* Hide Stuff */
.field--widget-text-textarea .filter-wrapper,
.js-filter-wrapper,
.field--name-field-user-property-set,
#edit-field-reminder-source-wrapper {
  display: none;
}

/* Center Stuff */
.align-center {
  text-align: center;
}

/* Blocks */
#block-homespc .field,
#block-homelogoresident .field,
#block-buildinglogo .field,
#block-homelogoaddproperty .field {
  margin-bottom: 0;
}

/* Content */
h1 { color: #c11515; margin-bottom: 1.5rem; }
.field--label-inline .field__label, .field--label-inline .field__item { display: table-cell; }
.field__label, .field--type-entity-reference .field__label {
  width: 250px;
  font-weight: 700;
  color: #c11515;
  padding-right: 10px;
}
.field--widget-datetime-default label.label { padding-left: 15px; }
.block-help { border: none; margin-bottom: 10px; }
.footer-legal p { font-size: small; }
.col-auto { padding-left: 0; padding-right: 0; }
.layout__region--first .field__item,
.layout__region--second .field__item {
  width: 300px;
}
.field--type-image .field__item {
  width: 70%;
}

/* Buttons */
.btn-primary:hover { border-color: #2d2c2e; }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:active { background-color: #c11515; }
.bth-primary a:focus { color: #ffffff; }

/* Footer */
#page { position: relative; min-height: 100vh; }
#main-wrapper { padding-bottom: 12.5rem; }
.site-footer { position: absolute; bottom: 0; width: 100%; height: auto; padding: 0; }

#block-callus, #block-contact { margin-left: auto; margin-right: auto; padding: 0 5px; }
.featured-bottom p { font-size: x-small; }
.site-footer__bottom { margin-top: 0; border-top: none; }

/* Captcha */
#captcha { text-align: center; }
#captcha .g-recaptcha { display: inline-block; }
#captcha summary, #captcha .details-description { display: none; }
