/*
 Theme Name:   DryWall Theme
 Theme URI:    -
 Description:  Custom theme for DryWall
 Author:       Francesco Carlucci
 Author URI:   https://francescocarlucci.com
 Template:     generatepress
 Version:      0.1
*/


/* Drywall
 * Main Blue: #022b5c
 * Accent color red: #d10000
 * Dark Gray: #5a5a5a
 * CTA/Button color green: #007a33
 * CTA/Button V2 color green: #00a62d
 *
 */

/* general */
.flex-item {
  padding: 2%;
}

.block {
  display: block;
}

hr.wp-block-separator {
  border-top: 0px;
  border-bottom: 0px;
}

.separate-containers .site-main {
  margin-bottom: 60px;
}

.text-center {
  text-align: center;
}

.phone-body-cta {
	font-size: 1.3em;
	font-weight: bold;
	color: #00a62d;
}

.phone-body-cta a {
  color: #00a62d;
}

body button,
body .button {
	background-color: #00a62d;
	color: #fff;
	border-radius: 3px;
}

body button:hover,
body button:focus,
body .button:hover,
body .button:focus {
	background-color: #00a62d;
	color: #fff;
}

ul.wp-block-latest-posts {
  margin: 0;
}

/* typography */
h1, h2, h3, h4, h5, h6 {
  color: #022b5c;
}

.white,
.white:hover,
a.white-link {
  color: #fff;
}

a:hover,
a:focus,
a:active {
  color: #022b5c;
}

/* icons */
.i-star,
.i-star-half-left,
.i-star-half-right,
.i-star-miss {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYxMiA3OTI7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA2MTIgNzkyIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGQ0FGMTc7fQo8L3N0eWxlPjxnPjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMzA2LDE1MyAyMTYuNCwyOTguOSA1MCwzMzkgMTYxLDQ2OS4zIDE0Ny44LDYzOS45IDMwNiw1NzQuNiA0NjQuMiw2MzkuOSA0NTEsNDY5LjMgNTYyLDMzOSAgICAzOTUuNiwyOTguOSAzMDYsMTUzICAiLz48L2c+PC9zdmc+');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 5px;
  display: inline-block;
  width: 20px;
  height: 26px;
}

.i-star-half-left {
  margin-left: -10px;
  background-position: 10px 5px;
}

.i-star-half-right {
  opacity: 0.3;
  margin-left: -4px;
  margin-right: -10px;
  background-position: -10px 5px;
}

.i-star-miss {
  opacity: 0.3;
}

.i-home {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIwIDQwVjI4aDh2MTJoMTBWMjRoNkwyNCA2IDQgMjRoNnYxNnoiIGZpbGw9IiMzYjY3N2UiLz48cGF0aCBkPSJNMCAwaDQ4djQ4SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+Cg==");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  cursor: pointer;
  margin-bottom: -3px;
}

.i-phone {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNCIgc3Ryb2tlPSIjM2I2NzdlIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1LjA1IDVBNSA1IDAgMCAxIDE5IDguOTVNMTUuMDUgMUE5IDkgMCAwIDEgMjMgOC45NG0tMSA3Ljk4djNhMiAyIDAgMCAxLTIuMTggMiAxOS43OSAxOS43OSAwIDAgMS04LjYzLTMuMDcgMTkuNSAxOS41IDAgMCAxLTYtNiAxOS43OSAxOS43OSAwIDAgMS0zLjA3LTguNjdBMiAyIDAgMCAxIDQuMTEgMmgzYTIgMiAwIDAgMSAyIDEuNzIgMTIuODQgMTIuODQgMCAwIDAgLjcgMi44MSAyIDIgMCAwIDEtLjQ1IDIuMTFMOC4wOSA5LjkxYTE2IDE2IDAgMCAwIDYgNmwxLjI3LTEuMjdhMiAyIDAgMCAxIDIuMTEtLjQ1IDEyLjg0IDEyLjg0IDAgMCAwIDIuODEuN0EyIDIgMCAwIDEgMjIgMTYuOTJ6Ii8+PC9zdmc+Cg==');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 22px;
  height: 22px;
  cursor: pointer;
}

/* WPForms
 *
 * Facility form 1 8650
 * Facility form 2 8668
 * City form 2 8670
 *
 */ 
#wpforms-8650 .wpforms-submit,
#wpforms-8670 .wpforms-submit {
  width: 100%;
}

#wpforms-8650 label.wpforms-error,
#wpforms-8670 label.wpforms-error {
  display: none!important;
}

#wpforms-8668 {
  background-color: #022b5c;
  margin: 40px -40px 40px;
  padding: 40px 40px 20px;
}

#wpforms-8668 hr {
  background-color: #fff;
  max-width: 680px;
  display: block;
  margin: 20px auto;
}

#wpforms-8668 .wpforms-submit {
  width: 300px;
  margin: 0px auto;
  display: block;
}

#wpforms-8668 .apfm-terms {
  max-width: 750px;
  margin: 20px auto;
  display: block;
  color: #fff;
  text-align: center;
}

.apfm-terms {
  margin-top: 12px;
  font-size: 0.6em;
}

/* facetwp */
body .facetwp-facet {
  margin-bottom: 20px;
}

body .facetwp-page {
  font-size: 1.2em;
  padding: 4px 8px;
}

.facetwp-type-dropdown select,
.facetwp-radius.facetwp-radius-dropdown {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 140 140' width='16' height='16' xmlns='http://www.w3.org/2000/svg'><g><path d='m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z' fill='grey'/></g></svg>") no-repeat;
  background-position: right 10px top 55%;
}

.facetwp-type-dropdown select::-ms-expand {
  display: none;
}

.facetwp-facet.facetwp-facet-location.facetwp-type-proximity input.facetwp-location {
	min-width: 130px;
	padding-right: 15px;
}

.facetwp-facet.facetwp-facet-location.facetwp-type-proximity .facetwp-input-wrap,
.facetwp-facet.facetwp-facet-location.facetwp-type-proximity .facetwp-location,
.facetwp-radius.facetwp-radius-dropdown {
	width: 100%;
}


.facetwp-radius.facetwp-radius-dropdown {
	margin-top: 20px;
}

.facetwp-template.loading .facilities {
  opacity: 0.4;
}

.facetwp-template .is-loading {
  color: #022b5c;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
}

/* adsense */
amp-ad[type=adsense],
ins.adsbygoogle {
  margin-bottom: 30px;
}

/* header */
.site-header .header-image {
  width: 160px;
  height: 75px;
  padding: 15px 10px 10px;
}

.desktop-header-cta {
	margin-top: 2px;
	text-align: center;
	font-size: 1.2em;
	line-height: 0.2em;
	color: #777;
}

.desktop-header-cta .facility-phone {
	color: #022b5c;
	font-weight: bold;
}

/* breadcrumbs */
body #breadcrumbs {
	font-size: 0.8em;
	margin: 10px 0 0;
}

/* home */
.home-hero {
	background-color: #022b5c;
	padding: 110px 30px;
	text-align: center;
}

.home-hero h1 {
	font-weight: bold;
	font-size: 3.2em;
}

.home-hero h1,
.home-hero p {
	color: #fff;
}

.home-hero .flex-container {
	max-width: 740px;
	margin: 40px auto 20px;
}

.home-hero .facetwp-radius {
	display: none;
}

.home-hero .facetwp-type-dropdown select {
	width: 100%;
	background-color: #fff;
}

.home-hero button {
  width: 100%;
}

/* single facility */
body.single-contractors {
  background-color: #fff;
}

.facility-header {
	background-color: #fff;
  padding: 20px 0;
  margin-top: 10px;
}

.facility-header h1 {
  margin-bottom: 10px;
}

.single-contractors .service-hours {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* hero section */
.facility-hero {
	background-color: #022b5c; 
}

.facility-hero .grid-66,
.facility-hero .grid-33 {
  padding: 0;
}

.facility-hero h3 {
	color: #fff;
	text-transform: uppercase;
	font-size: 1.5em;
}

.facility-hero .slider-container img {
  width: 100%;
}

.facility-hero .form-container {
	padding: 25px 25px 10px;
	background-color: #022b5c;
	color: #fff;
}

/* write a review link, target by data-id */
.single-facilities .write-review-button a {
	display: inline-block;
	background-color: #5891aa;
	padding: 18px 24px;
	margin: 20px 0 10px;
	color: #fff;
	border-radius: 3px;
}

/* facility menu */
.pricing-phone {
  padding-top: 20px;
  margin-bottom: 30px;
  margin-right: 30px;
  float: left;
}

.direct-phone {
  padding-top: 20px;
  margin-bottom: 30px;
}

.direct-phone p,
.pricing-phone p {
  font-weight: bold;
  margin: 0 0 10px;
}

ul.community-menu {
  clear: both;
  list-style: none;
  margin: 30px 0 0;
}

ul.community-menu li {
  display: inline-block;
}

ul.community-menu li a {
  display: inline-block;
  color: #666;
  border: 1px solid #666;
  padding: 6px 20px;
  border-radius: 50px;
  margin-right: 18px;
}

/* facility rating */
.facility-rating span.rating {
  margin-left: 10px;
  margin-right: 20px;
}

/* facility reviews */
.facility-reviews {
  padding-top: 20px;
}

.facility-review {
	border-bottom: 1px solid #ddd;
	margin-bottom: 50px;
	padding: 0 0 20px 0;
}

.facility-review .r-stars {
	margin-bottom: 10px;
}

.facility-review .r-date {
	font-size: 0.8em;
}

.facility-review .r-source {
	display: inline-block;
	padding: 2px 6px;
	background-color: #f2f2f2;
	border-radius: 2px;
	font-size: 0.8em;
}

/* facility details */
.single-facilities h2#reviews,
.single-facilities h2#rate-and-review,
.single-facilities h2#community-details {
  padding-top: 40px;
}

.single-facilities .amenities-services .grid-container,
.single-facilities .housing-staff .grid-container {
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
	padding-bottom: 15px;
}

.single-facilities .amenities-services,
.single-facilities .housing-staff {
  border: 1px solid #d5d5d5;
	background-color: #fafafa;
	padding: 35px 10px 10px;
  margin-bottom: 30px;
}

.single-facilities .amenities-services {
  margin-bottom: 40px;
}

.single-facilities .housing-staff h4 i,
.single-facilities .amenities-services h4 i {
	font-size: 1.3em;
	margin-right: 4px;
}

/* schedule-tour shortcode */
.schedule-tour {
  background-color: #022b5c;
  color: #fff;
  padding: 20px 40px 10px;
  margin-bottom: 40px;
}

.schedule-tour h4 {
  font-size: 1.8em;
  font-weight: bold;
  color: #fff;
}

/* nearby facilities shortcode */
.nearby-facilities {
  margin: 20px 0 20px;
}

.nearby-facilities .nf-tile {
  flex: 1;
  margin: 10px;
  border: 1px solid #ccc;
}

.nearby-facilities .nf-tile img {
  display: none;
}

.nearby-facilities p {
  font-size: 0.8em;
  margin-bottom: 15px;
}

.nearby-facilities .nf-content {
  padding: 10px 20px 10px;
}

.nearby-facilities h4 {
  font-size: 1em;
  height: 28px;
  overflow: hidden;
}

.nearby-facilities .nf-address {
  height: 45px;
  max-width: 230px;
  margin-bottom: 5px;
}

.nearby-facilities .facility-rating {
  transform-origin: left top;
  transform: scale(0.8);
}

.nearby-facilities .facility-rating a {
  cursor: default;
}

.nearby-facilities .facility-rating span.rating {
  margin-left: 3px;
}

.nearby-facilities .facility-rating span.rating {
  margin-right: 3px;
}

.nearby-facilities .nf-types {
  padding: 15px 0px 0;
  font-size: 0.7em;
  color: #999;
}

.nearby-facilities .nf-link a {
  font-size: 1.2em;
}

a.nf-button {
  background-color: #007a33!important;
}

/* archive facilities */
.archive-facilities-header {
  margin-top: 20px;
}

.archive-facilities-header p,
.facetwp-template article.facilities p {
  margin-bottom: 8px;
}

.facility-tile-image {
  display: none; /* TEMP */
}

.single-cities article.contractors .inside-article,
.post-type-archive-contractors article.contractors .inside-article {
  border: 1px solid #d5d5d5;
}

.facility-tile-image img {
  width: 100%;
}

article.contractors .call a {
  color: #00a62d;
  font-size: 1.2em;
  font-weight: bold;
}

article.contractors .learn-more {
	margin-top: -20px;
	text-align: center;
  text-transform: uppercase;
}

article.contractors .learn-more a {
	border: 3px solid #fff;
	min-width: 200px;
}

.tax-facility_type .widget-area .widget,
.post-type-archive-contractors .widget-area .widget {
  padding: 30px;
}

#custom_html-6 h4 {
  font-size: 1.2em;
  color: #022b5c;
}

.tax-facility_type #custom_html-6 .facetwp-dropdown {
  display: none;
}

.tax-facility_type .facetwp-dropdown,
.tax-facility_type .facetwp-refresh,
.post-type-archive-contractors .facetwp-dropdown,
.post-type-archive-contractors .facetwp-refresh {
  width: 100%;
}

.single-cities .facetwp-template article.contractors {
  margin-bottom: 20px;
}

/* cities */
.single-cities .facetwp-facet-location {
  display: none;
}

.city-form-container {
	padding: 20px;
	background-color: #022b5c;
	color: #fff;
}

.city-form-container h3 {
	color: #fff;
}

/* jobs */
.page-id-327 .inside-article {
  overflow: auto;
}

/* footer */
.footer-widget-1 img {
  margin-top: 20px;
	width: 240px;
}

.footer-widget-3 .widget {
  margin-top: 40px;
}

.footer-widget-3 .widget ul li {
  padding-bottom: 12px;
}

.inside-site-info {
  display: block;
  text-align: left;
}

.social-icons-footer img {
  width: 18px;
  margin-left: 8px;
}

/* desktop large */
@media (min-width: 1024px) {

  /* single facility */
  .facility-hero .grid-container {
    display: flex;
  }

  .facility-hero .slider-container {
    width: 66.666%;
  }

  .facility-hero .form-container {
    width: 33.333%;
  }

  /* archive facilities */
  article.contractors .inside-article {
    /*min-height: 320px;*/
  }

  .facility-tile-image {
    width: 50%;
    float: left;
    margin-right: 20px;
  }

  article.contractors .facility-rating {
    margin-bottom: 10px;
  }

  .single-cities .facetwp-template article.contractors {
    background-color: #fff;
    overflow: auto;
  }

}

/* desktop mid */
@media (min-width: 992px) {

  /* schedule-tour shortcode */
  .schedule-tour {
    margin-left: calc(-100vw / 2 + 500px / 2);
    margin-right: calc(-100vw / 2 + 500px / 2);
  }

  .schedule-tour .grid-flex {
    display: flex;  
  }

  .schedule-tour h4 {
    padding: 0 20px
  }

  .schedule-tour .tour-image {
    padding: 0 20px 20px;
    width: 55%;
  }


  .schedule-tour .tour-image img {
    width: 100%;
  }

  .schedule-tour .tour-form {
    padding: 0 20px;
    width: 45%;
  }

}

/* desktop */
@media (min-width: 768px) {

  /* general */
  .site-content .content-area,
  .no-sidebar .site-content .content-area {
    width: 100%;
  }

  .right-sidebar .site-content .content-area {
    width: 75%;
  }

  .left-sidebar .site-content .content-area {
    width: 70%;
  }

  .flex-container {
    display: flex;
  }

  .flex-item {
    flex-grow: 1;
  }

  /* header */
  .mobile-header-call-cta {
    display: none;
  }

  /* single facility */
  .facility-header .grid-container {
    padding-left: 30px;
  }

  /* nearby facilities shortcode */
  .nearby-facilities {
    display: flex;
  }

  /* WPForms */
  #wpforms-8668 .wpforms-field-container div.wpforms-field {
    width: 24%;
    margin-right: 1%;
    float: left;
  }

  #wpforms-8668 .wpforms-field-container {
    padding-bottom: 80px;
  }

  /* reviews */
  .facility-review {
    display: flex;
  }

  .facility-review div:first-child {
    min-width: 200px;
  }

  /* archive facilities */
  .facetwp-template article.contractors .inside-article {
    padding: 20px;
  }

  article.contractors .entry-summary {
    font-size: 0.9em;
    margin: 8px 0;
  }

  /* cities */
  .city-form-container {
    max-height: 650px;
  }

  /* footer */
  .social-icons-footer {
    float: right;
  }

}

/* mobile */
@media (max-width: 768px) {

  .main-title {
      font-size: 32px;
  }

  h1 {
      font-size: 32px;
  }

  h2 {
      font-size: 26px;
  }

  h3 {
      font-size: 20px;
  }

  /* header */
  #mobile-header {
    background-color: #fff;
  }

  #mobile-header .site-logo {
  	position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0px;
  }

  #mobile-header .menu-toggle,
  #mobile-header .menu-toggle a:hover
  #mobile-header .menu-toggle a:focus {
    color: #022b5c;
  }

  /* hotfix hamburger menu shifting to right */
  .main-navigation.has-branding .menu-toggle {
    order: 0 !important;
  }

  .menu-toggle .mobile-menu {
    display: none;
  }

  .mobile-header-call-cta {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 20px 23px;
  }

  .admin-bar .mobile-header-call-cta {
    top: 45px; /* fix display when admin-bar is active */
  }

  /* breadcrumbs */
  body #breadcrumbs {
  	padding-left: 20px;
  }

  /* adsense */
  amp-ad[type=adsense] {
    margin-left: -30px;
  }

  /* home */
  .home-hero {
    padding: 50px 30px;
  }

  /* single facility */
  .facility-header {
    padding: 10px 20px;
  }

  #wpforms-8668 {
    margin: 40px -30px 40px;
  }

  /* facility menu */
  ul.community-menu {
    padding-bottom: 20px;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
  }

  /* body cta form */
  #nf-form-4-cont {
  	margin: 40px -30px 40px;
  	padding: 40px 30px 0;
  }

  .facility-review {
    margin-bottom: 20px;
    padding: 0 0 5px 0;
  }

  /* archive facilities */
  .left-sidebar .site-content {
    display: flex;
    flex-direction: column-reverse;
  }

  /* cities */
  .wp-block-column.city-facilities-container {
    flex-basis: 100%!important;
    margin: 0!important;
  }

  .wp-block-column.city-form-container {
    flex-basis: 100%!important;
    margin: 0!important;
  }

  /* footer */
  .footer-widget-1 img {
  	width: 200px;
  }

  .inside-footer-widgets>div:not(:last-child) {
    margin-bottom: 0;
  }

  .footer-widget-2 {
    display: none;
  }

  .social-icons-footer {
    margin-top: 12px;
  }

}

  /* post */

.wp-block-table thead tr {
    background-color: #d10000;
}
.wp-block-table thead tr th {
    color: #ffffff;
}