/* CUSTOM CSS casabuenosaires.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 800px
------------------------------------------------------------ */

@media all and (max-width: 799px) {
  header {
    display: flex;
}}

@media all and (max-width: 799px) {
  header .site-slogan,
  header .site-name {
     margin: 0;
}}

@media all and (max-width: 799px) {
  #block-ba-site-branding {
     display: flex;
     flex-direction: column;
     text-align: center;
}}

@media all and (max-width: 799px) {
  header .site-logo {
    margin: 0;
    float: inherit;
    width: inherit;
}}

@media all and (max-width: 799px) {
  header .site-logo img {
    width: 100px;
}}


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

@media all and (max-width: 799px) {
  .region-navigation {
    display: inherit;
    padding: 10px 20px;
}}

@media all and (max-width: 799px) {
  #block-ba-main-menu {
    display: none;
}}

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

@media all and (max-width: 799px) {
  .region-navigation #block-ba-mobilemenu ul.menu {
    display: flex;
    flex-direction: column;
    text-align: center;
}}

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

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

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