/*
 * Layout and Container Styles
 * 
 * @package Viva_Magenta_V1
 */

.container {
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: 0 20px;
}

/* Main content areas */
.site-main {
  margin-top: 0;
  margin-bottom: 0;
}

/* Page-specific layouts */
.page:not(.home):not(.contact-page) .site-main,
.single .site-main,
.archive .site-main,
.search .site-main {
  padding-top: 80px;
}

/* Contact page special layout */
.contact-page .site-main,
.contact-page #main,
body.contact-page .site-main,
body.contact-page #main,
body.page-template-page-contacto .site-main,
body.page-template-page-contacto #main {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Home/Front page layout */
.home .site-main,
.front-page .site-main,
body.home main,
body.front-page main {
  padding-top: 0;
  padding-bottom: 0;
}

/* Admin bar adjustments */
body.admin-bar .site-header {
  top: 32px;
}

@media screen and (max-width: 782px) {
  body.admin-bar .site-header {
    top: 46px;
  }
}

@media screen and (max-width: 600px) {
  body.admin-bar .site-header {
    top: 0;
  }
}

/* Override default page padding for bodas page to remove 80px gap */
.site-main.bodas-page { padding-top:0 !important; }
/* Remove gap for contact page hero */
.site-main.contact-page { padding-top:0 !important; }