/* CUSTOM CSS lapalapa.com.mx */

/* Breakpoints
------------------------------------------------------------

Browsers - 1024, 1280, 1360, 1366, 1440, 1600, 1680, 1920, 2560
Kindle Fire - 1024, 1280, 1920, 2560
iPad - 768, 980, 1024, 1536, 2048, 2224
iPhone - 640, 750, 1080, 1125
Other - 540, 600, 700, 736, 800, 898, 960, 992, 1008, 1068, 1700, 2100


*/


/* Less than 980px
------------------------------------------------------------ */

/* 
----------------------------------- */

@media all and (max-width: 979px) {
  header .region-header {
    flex-direction: column;
}}

@media all and (max-width: 979px) {
  .page-node-1 .view-featured.view-display-id-embed_1 .view-content .views-row {
    max-width: 100%;
}}

@media all and (max-width: 979px) {
  .region-footer {
    flex-direction: column;
}}

@media all and (max-width: 979px) {
  th {
    font-size: 2.5vw;
}}

@media all and (max-width: 979px) {
  header .site-slogan {
    font-size: 4vw;
    margin-bottom: 5px;
}}

@media all and (max-width: 979px) {
  .region-navigation .block-language {
    position: relative;
    right: 20px;
}}

@media all and (max-width: 979px) {
  .region-cta .call-to-action .container {
     flex-direction: column;
}}

@media all and (max-width: 979px) {
  .region-cta .call-to-action img {
     margin: 20px 0 0 0;
}}

@media all and (max-width: 979px) {
  .page-node-type-apartment .pricing .box .field {
    flex-direction: column;
}} 

@media all and (max-width: 979px) {
.page-node-type-apartment .pricing .box .price {
    align-items: center;
    flex-direction: column;
}}  

@media all and (max-width: 979px) {
.page-node-type-apartment .pricing .box .price .field__label {
    margin: 0;
}} 

@media all and (max-width: 979px) {
  h1.page-title {
    font-size: 8vw;
    text-align: center;
}}

@media all and (max-width: 979px) {
  .page-node-5 .view-apartments.view-display-id-embed_1 .views-field-title,
  .page-node-6 .view-apartments.view-display-id-embed_2 .views-field-title {
    font-size: 8vw;
    text-align: center;
}}

@media all and (max-width: 979px) {
  .region-navigation #block-horizontalmenu ul li a {
    padding: 0 5px 0 5px;
}}




/* Less than 800px
------------------------------------------------------------ */

/* Navigation
----------------------------------- */

@media all and (max-width: 799px) {
  #block-lp-mainnavigation {
    display: none;
}}

@media all and (max-width: 799px) {
  #block-lp-mobilemenu {
    display: inherit;
}}

@media all and (max-width: 799px) {
  .region-navigation {
    background-color: #faebd7;
    padding: 10px;
    display: block;
    text-align: center;
}}

@media all and (max-width: 799px) {
  .region-navigation #block-lp-mobilemenu ul {
    display: block;
    margin: 0;
    padding: 0;
}}

@media all and (max-width: 799px) {
  .region-navigation #block-lp-mobilemenu ul li {
    list-style: none;
    text-align: center;
}}

@media all and (max-width: 799px) {
  .region-navigation #block-lp-mobilemenu ul li a {
    display: block;
    margin: 5px;
    background-color: #4eaed5;
    color: #fff;    
    padding: 5px;
    text-transform: uppercase;
}}

@media all and (max-width: 799px) {
  .region-navigation #block-lp-mobilemenu ul li a:hover {
    background-color: white;
    color: #000;
    box-shadow: 0px 0px 0px 1px black inset;
}}

@media all and (max-width: 799px) {
  .region-navigation .block-language ul {
    display: block;
    margin-top: 5px;
    padding: 5px;
}}

@media all and (max-width: 799px) {
  .region-navigation .block-language ul li {
    list-style: none;
    text-align: center;
}}

@media all and (max-width: 799px) {
  .region-navigation .block-language ul li a {
    display: block;
    margin: 0;
    background-color: lightpink;
    padding: 5px;
    color: black;
    text-transform: uppercase;
}}

@media all and (max-width: 799px) {
  .region-navigation .block-language ul li a:hover {
    background-color: white;
    color: black;
    box-shadow: 0px 0px 0px 1px black inset;
}}


@media all and (max-width: 799px) {
  .region-navigation .block-language {
    position: inherit;
}}