/* acapulco1.com */


/* Color Palette
------------------------------------------------------------ 

Black  | #000000
White  | #FFFFFF
Red    | #d9441a
Blue   | #327496
*/


/* LINKS
------------------------------------------------------------ */

a {
  color: #327496;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

/* HTML STYLES
------------------------------------------------------------ */

html {
  scroll-behavior: smooth;
}


ul {
  list-style-type: none;
}


/* LAYOUT
------------------------------------------------------------ */

body {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}

/* Header
------------------------------ */

header {
  background-image: url("../images/bkg-header.png");
  background-repeat: repeat;
  overflow: hidden;
  min-width: 100%;
}

header .region-header {
  background-image: url("../images/header.jpg");
  background-repeat: no-repeat;
  height: 202px;
  width: 980px;
  margin: auto;
}

header .region-header .site-logo {
  overflow: hidden;
  display: block;
}

header .region-header .site-logo img {
  display: block;
  margin: 50px 25px;
}

/* Language region
------------------------------ */

.region-language {
  background-color: #f0b4a3;
}

.region-language .block-language {
  background-color: #d9441a;
  height: 28px;
  margin: auto;
  width: 980px;
} 

.region-language ul {
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: end;
}

.region-language ul li {
   padding: 0 5px;
   margin-top: 3px;
}

.region-language ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 12px;
}

.region-language ul li a:hover {
  text-decoration: underline;
}


/* Main content
------------------------------ */

.layout-container {
  background-color: #ebe2c2;
}

main {
  display: flex;
  width: 980px;
  margin: auto;
  background-color: #fff;
}

main .highlighted-text {
  border-bottom: 1px solid #d9441a;
  color: #fd7e00;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 0.3em;
  text-align: left;
}

main .layout-content {
  padding: 30px;
  width: 540px;
}

.layout-sidebar-first {
  background-color: #f07524;
  min-width: 180px;
}

.layout-sidebar-first .block {
  background-image: url("../images/menu-block-top.jpg");
  background-position: center top;
  background-repeat: repeat-x;
  padding-top: 29px;
}

.layout-sidebar-first h2 {
  background-color: #f7ca27;
  border: medium none;
  color: #000;
  display: block;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 15px;
  margin: 0 0 13px;
  padding: 5px 10px !important;
  text-transform: uppercase;
}

.layout-sidebar-first ul {
  margin: 0;
  padding: 0 20px 20px;
  list-style: none;
}


.layout-sidebar-first a {
  color: #fff;
  font-size: 13px;
  line-height: 1px;
  text-decoration: none;
}

.layout-sidebar-first a:hover {
  text-decoration: underline;
}

.layout-sidebar-second {
  width: 160px;
  border-left: 1px solid lightgray;
  margin-top: 30px;
  height: 100%;
  padding: 0 20px;
  text-align: center;
}

.layout-sidebar-second h2 {
  background-color: #f7ca27;
  border: medium none;
  border-radius: 15px;
  color: #000;
  font-size: 11px;
  font-weight: bold;
  line-height: 15px;
  margin: 0 auto 20px;
  max-width: 80%;
  padding: 10px;
  text-transform: uppercase;
}

.layout-sidebar-second #block-aca1-useraccountmenu ul {
  text-align: left;
  list-style: initial;
  margin: 0;
}

.layout-sidebar-second a {
  font-size: 13px;
  line-height: 1px;
  text-decoration: none;
}

.layout-sidebar-second a:hover {
  text-decoration: underline;
}

.layout-sidebar-second .block {
  margin: 0 0 20px 0;
}

.layout-sidebar-second .view-featured .views-row {
  margin: 20px 0;
}


.layout-content .node__content {
  font-size: 1.1em;
  line-height: 1.3;
}

.layout-content .field--name-field-body ul {
  list-style: circle;
}




/* Footer
------------------------------ */

.region-footer {
  background-color: #d9441a;
  padding: 20px;
  text-align: center;
}

.region-footer ul {
  margin: 0 0 20px 0;
  list-style: none;
  padding: 0;
}

.region-footer ul li {
  display: inline;
  margin: 0 5px;
}

.region-footer ul li a {
  color: #fff;
  font-size: 12px;
  line-height: 1px;
  text-decoration: none;
}

.region-footer ul li a:hover {
  text-decoration: underline;
}

#copyright {
  color: #fff;
  font-size: 10px;
  line-height: 1px;
}


/* Index page
------------------------------ */

.page-node-1 .index-nav {
  margin-bottom: 30px;
}

.page-node-1 .index-nav ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 3px;
}

.page-node-1 .index-nav ul a {
  font-size: 12px;
}

.page-node-1 .index-nav-menu img {
  float: right;
}

.page-node-1 .page-title {
  font-weight: bold;
  margin: 0.5em 0;
  padding: 0 0 0.5em;
  border-bottom: 1px dashed #d9441a;
  color: #d9441a;
}

.page-node-1 .faq-title {
  border-bottom: 1px dashed #d9441a;
  color: #d9441a;
  line-height: 27px;
}

.page-node-1 .faq-item {
  display: block;
  margin: 20px 0;
}

/* Node types
------------------------------ */


.page-node-type-listing  .field--name-field-image {
  background-color: seashell;
  text-align: center;
  padding: 20px;
}

.page-node-type-listing .field--name-field-image img {
  max-width: 100%;
  height: auto;
}

.page-node-type-listing .layout-sidebar-second {
  display: none;
}

.page-node-type-listing .layout-content {
  width: 100%;
  padding: 20px 40px 40px 20px;
}

.page-node-type-listing .field--name-field-image img {
  width: auto;
  height: auto;
}

.page-node-type-listing .details {
  margin: 20px 0;
}

.page-node-type-listing .details .field {
  display: flex;
  margin: 5px 0;
}

.page-node-type-listing .details .field__items {
  display: flex;
  white-space: nowrap;
  flex-wrap: wrap;
}

.page-node-type-listing .details .field__item:not(:last-child)::after {
  content: ",";
  margin-right: 4px;
}

.page-node-type-listing .details .field__label {
  font-weight: bold;
}

.page-node-type-listing .details .field__label::after {
  content: ":";
  font-weight: bold;
  margin-right: 5px;
}

.page-node-type-listing .details .price-group {
  display: flex;
  margin: -5px 0;
}

.page-node-type-listing .details .price-group .field {
  margin-right: 5px;
}

.page-node-type-listing .field--name-field-body {
  margin-bottom: 10px;
}

.page-node-type-listing .field--name-field-photos .field__label {
  font-weight: bold;
  margin: 0.1em 0 .5em;
  color: #d9441a;
  font-size: 3em;
}

.page-node-type-listing .field--name-field-photos {
  columns: 6 200px;
  column-gap: 1rem;
  div {
    width: 150px;
    background: seashell;
    color: white;
    margin: 0 1rem 1rem 0;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-family: system-ui;
    font-weight: 900;
    font-size: 2rem;
  } 
  @for $i from 1 through 36 { 
    div:nth-child(#{$i}) {
      $h: (random(400) + 100) + px;
      height: $h;
      line-height: $h;
    }
  }
} 


.page-node-type-listing .field--name-field-photos img {
  max-width: 100%;
  height: auto;
}


.page-node-type-listing .block-webform form {
  background-color: seashell;
  padding: 20px;
}

.page-node-type-listing .block-webform .form-item {
  margin: 10px 0;
}

.page-node-type-listing .block-webform label {
  display: block;
  font-size: 16px;
  font-weight: bold;
  width: 100px;
  white-space: nowrap;
}

.page-node-type-listing .block-webform .form-item input {
  width: 470px;
  height: 30px;
}

.page-node-type-listing #block-aca1-contactinfo {
  margin: 20px auto 0;
  text-align: center;
}


.page-node-type-location .layout-sidebar-second {
  display: none;
}

.page-node-type-location main .layout-content {
  padding: 20px;
  width: 100%;
  overflow: hidden;
}


.page-node-type-category main .layout-content {
   width: 100%;
}

.page-node-type-category main .layout-sidebar-second {
  display: none;
}



/* Misc
------------------------------ */

.region-content .messages {
  background-color: #f9edc0;
  border-radius: 50px;
  padding: 10px 20px;
  margin: 20px 0;
  font-size: 12px;
}


/* Views
------------------------------ */

.view-listings .view-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.view-listings .views-row {
  max-width: 240px;
}

.view  .pager .pager__items.js-pager__items {
  display: flex;
}

.view .pager .pager__items.js-pager__items li {
  margin-right: 10px;
}

.view-location .view-content {
  display: flex;
  flex-wrap: wrap;
}

.view-location .view-content .views-row {
  width: 50%;
  display: flex;
  justify-content: ;
}

.view-location .view-content .views-row .views-field-title-1 {
  margin-right: 5px;
}

.view-location-node .view-content {
  display: flex;
  flex-wrap: wrap;
}

.view-location-node .view-content .views-row {
  width: 22%;
  margin: 10px;
}

.view-location-node .view-content .views-field-field-image img {
  height: auto;
  width: 100%;
}


.view-property-search .view-filters {
  padding: 20px;
  background-color: seashell;
  border: 1px black solid;
  margin-bottom: 20px;
}

.view-property-search .view-filters .js-form-item {
  margin: 10px 0;
}

.view-property-search .view-filters #edit-actions {
  text-align: right;
}

.view-property-search .view-content {
  display: flex;
  flex-wrap: wrap;
}

.view-property-search .views-row {
  margin: 5px 0;
  width: 100%;
  text-align: center;
  background-color: seashell;
  padding: 20px;
}

.view-property-search .views-row .views-field {
  display: flex;
}

.view-property-search .views-field-field-image .field-content img {
  max-width: 100%;
  height: auto;
}

.view-property-search .views-label {
  font-weight: bold;
  margin-right: 5px;
}

.page-node-type-category .view-category-node .view-content {
  display: flex;
  flex-wrap: wrap;
}

.view-category-node .view-content .views-row {
  margin: 0 40px 20px 0;
  max-width: 44%;
}

.view-category-node .views-field {
  display: flex;
}


.view-category-node .views-field .views-label {
  font-weight: bold;
  margin-right: 5px;
}


.view-category-node .view-content .views-field-field-image img {
  width: 100%;
  height: auto;
}

.view-category-node .views-field.views-field-title a {
  font-size: 175%;
  text-decoration: none;
}

.view-category-node .pricing {
  font-size: 170%;
  margin: 5px 0;
}

.view-tags .view-content .views-row {
  display: flex;
  margin: 20px 0;
}

.view-tags .view-content .views-row .views-field-field-image {
  margin-right: 20px;
}

.view-tags .view-content .views-row .views-field-field-image img {
  max-width: 250px;
  height: auto;
}

.view-tags .view-content .views-row .property-details .label {
  font-weight: bold;
}

.view-tags .view-content .views-row .property-details .title {
  width: 100%;
}



/* Nodes
------------------------------ */

.page-node-10 .layout-sidebar-second {
  display: none;
} 

.page-node-10 .layout-content {
  padding: 30px;
  width: auto;
}

.page-node-10 .view-content-recent .view-content {
  display: flex;
  flex-wrap: wrap;
}

.page-node-10 .view-content-recent .views-row {
  width: 226px;
  margin: 10px;
}

.page-node-10 .view-content-recent .views-row img {
  width: 100%;
  height: auto;
}

.page-node-10 .view-content-recent .views-field-field-category,
.page-node-10 .view-content-recent .views-field-field-location {
  font-size: .75em;
} 

.view-content-recent .views-field {
  display: flex;
}

.view-content-recent .views-label {
  font-weight: bold;
  margin-right: 5px;
}



/* Webforms
------------------------------ */

.page-node-604 .block-webform,
.page-node-606 .block-webform {
  margin: 40px 0 20px 0;
}

.page-node-604 .block-webform .form-item,
.page-node-606 .block-webform .form-item {
  display: flex;
  flex-direction: column;
  margin: 15px 0;
}

.page-node-604 .block-webform .form-item label,
.page-node-606 .block-webform .form-item label {
  font-weight: bold;
  font-size: 1.25em;
  margin-bottom: 5px;
}

.page-node-604 .block-webform .form-item input,
.page-node-606 .block-webform .form-item input {
  padding: 10px;
}

.page-node-604 .block-webform .form-item-message .resize-vertical,
.page-node-606 .block-webform .form-item-message .resize-vertical {
  width: 99%;
}