/* * Living Maya Time - Created by Interactive Knowledge
        border: 2px solid #3F1D0E;
 * ------------------------------------------------
 * [Table of contents]
 *
 *  0.Reset
 *  1.Global
 *  2.Page Layout
 *  3.Main
 *  4.Sidebars
 *  5.Header
 *  6.Navigation
 *  7.Nodes
 *  8.Comments
 *  9.Blocks
 * 10.Footer
 * 11.CSS Support
 * 13.Console
 * 14.Misc
 * 15.System
 * 16.Views
 * 17.Interactives
 *
 * [Font sizes - based on 75%/12px body font-size]
 * 36px = 3em
 * 33px = 2.75em
 * 30px = 2.5em
 * 27px = 2.25em
 * 24px = 2em
 * 23px = 1.916em
 * 22px = 1.833333em
 * 21px = 1.75em
 * 20px = 1.666666em
 * 19px = 1.583333em
 * 18px = 1.5em
 * 17px = 1.416666em
 * 16px = 1.333333em
 * 15px = 1.2em
 * 14px = 1.1667em
 * 13px = 1.083333em
 * 12px = 1em
 * 11px = .9167em
 * 10px = .8333em
 *
 * Equation for font sizing:
 * -Desired px ÷ Default (or parent) px = em size
 * ------------------------------------------------
   ================================================== */

/* *
 * 0.RESET
 * ==================================================
 *
   ================================================== */

@import "reset.css";

/* *
 * 1.GLOBAL
 * ==================================================
 *
   ================================================== */

@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: 700;
  src: local("Lora Bold"), local("Lora-Bold"), url("../../../../../themes.googleusercontent.com/static/fonts/lora/v5/-riKkMjQB-Tz3xXCw54paQLUuEpTyoUstqEm5AMlJo4.woff") format("woff");
}

@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: 400;
  src: local("Lora"), url("../../../../../themes.googleusercontent.com/static/fonts/lora/v5/nAKwuw6_dIh5kwvpj3ShNfesZW2xOQ-xsNqO47m55DA.woff") format("woff");
}

body {
  background: url("../img/page-bg.png") repeat;
  color: #381a05;
  /*font-family: 'Lora', "Times New Roman";*/
  font-family: "Times New Roman";
  font-size: 75%;
  min-width: 100%;
  margin: 0;
  padding: 0;
  z-index: 0;
}

.dialog-off-canvas-main-canvas {
  min-width: 100%;
}

.region-page-top {
  position: absolute;
  background: url(../img/header-bg.jpg) repeat-x top center;
  z-index: 0;
  width: 100%;
  height: 152px;
}

#toolbar-bar {
	width: 100%;
}

.page,
#section-content {
  min-height: 100%;
}

ul.inline li, ul.menu li {
	display:inline;
}

ul.main-menu li {
	margin: 0em !important;
	margin-right:4px !important;
	float: none;
}

.block-menu-footer-main-menu ul.menu {
	margin:0 auto;
	text-align:center;
}

.block-menu-footer-main-menu ul.menu li {
	margin: 0px !important;
}

ul.inline li {
	padding:0px !important;
}

li.expanded, li.collapsed, li.leaf {
	padding: 0px !important;
}

.bold {
  font-weight:bold
}

.test-overlay {
  background-color: transparent;
  height: 144px;
  left: 608px;
  overflow: hidden;
  position: absolute;
  top: 192px;
  z-index: 1;
  width:306px;
}

/*hide spanish content in english and vice-versa*/
body.i18n-en .es-content {
  display:none;
}

body.i18n-es .en-content {
  display:none;
}

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

/* Corner radius */
.corner-all, .corner-top, .corner-left, .corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -khtml-border-top-left-radius: 6px; border-top-left-radius: 6px; }
.corner-all, .corner-top, .corner-right, .corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-right-radius: 6px; border-top-right-radius: 6px; }
.corner-all, .corner-bottom, .corner-left, .corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -khtml-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
.corner-all, .corner-bottom, .corner-right, .corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -khtml-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }

.corner-med-all, .corner-med-top, .corner-med-left, .corner-med-tl { -moz-border-radius-topleft: 11px; -webkit-border-top-left-radius: 11px; -khtml-border-top-left-radius: 11px; border-top-left-radius: 11px;  }
.corner-med-all, .corner-med-top, .corner-med-right, .corner-med-tr { -moz-border-radius-topright: 11px; -webkit-border-top-right-radius: 11px; -khtml-border-top-right-radius: 11px; border-top-right-radius: 11px; }
.corner-med-all, .corner-med-bottom, .corner-med-left, .corner-med-bl { -moz-border-radius-bottomleft: 11px; -webkit-border-bottom-left-radius: 11px; -khtml-border-bottom-left-radius: 11px; border-bottom-left-radius: 11px; }
.corner-med-all, .corner-med-bottom, .corner-med-right, .corner-med-br { -moz-border-radius-bottomright: 11px; -webkit-border-bottom-right-radius: 11px; -khtml-border-bottom-right-radius: 11px; border-bottom-right-radius: 11px; }

.corner-big-all, .corner-big-top, .corner-big-left, .corner-big-tl { -moz-border-radius-topleft: 13px; -webkit-border-top-left-radius: 13px; -khtml-border-top-left-radius: 13px; border-top-left-radius: 13px; }
.corner-big-all, .corner-big-top, .corner-big-right, .corner-big-tr { -moz-border-radius-topright: 13px; -webkit-border-top-right-radius: 13px; -khtml-border-top-right-radius: 13px; border-top-right-radius: 13px; }
.corner-big-all, .corner-big-bottom, .corner-big-left, .corner-big-bl { -moz-border-radius-bottomleft: 13px; -webkit-border-bottom-left-radius: 13px; -khtml-border-bottom-left-radius: 13px; border-bottom-left-radius: 13px; }
.corner-big-all, .corner-big-bottom, .corner-big-right, .corner-big-br { -moz-border-radius-bottomright: 13px; -webkit-border-bottom-right-radius: 13px; -khtml-border-bottom-right-radius: 13px; border-bottom-right-radius: 13px; }

.main-menu { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.main-menu { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.main-menu { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.main-menu { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

*:focus {
    outline: 3px dashed rgb(0, 98, 160);
}

/* *
 * 2. PAGE LAYOUT
 * ==================================================
 *
   ================================================== */

/*Main page content area*/
#section-content {
	font-size: 15.5px;
	font-family: Times;
}

#section-content a,
#section-content a:visited {
	color: #C30;
	text-decoration: none;
}

#section-content a.display-block {
        position: relative;
        top: 10px;
        font-weight: bold;
}

#zone-content-wrapper {
	min-height:876px;
	background: url("../img/zone-content-wrapper.jpg") top center transparent repeat-y;
        padding-bottom: 30px;
}

#zone-content-wrapper-front {
	background: url("../img/zone-content-wrapper-front.jpg") top center transparent no-repeat;
	min-height: 1876px;
}

#zone-content {
	padding-top: 20px;
}

#zone-menu-wrapper {
	padding-top: 30px;
}

/*hide main navigation on front page*/
body.front #zone-menu-wrapper {
	display: none;
}

body.front #zone-content-wrapper-front {
	min-height: 1878px !important;
}

body.front #zone-content {
	padding-top: 0px !important;
}

body.front #zone-branding-wrapper {
	padding-bottom:75px
}

/*Positioning the main logo*/
.branding-region-negative-margin-left {
	margin-top:36px;
	padding-left:139px;
	width:590px !important;
}

.snapshots-negative-margin-top {
	margin-top:2px;
	margin-left:-15px !important;
}

/*secondary menu*/
#region-secondary-menu {
	margin-top:172px;
	width:180px !important;
	position:relative;
	left:5px;
	right: 0px;
}

.secondary-menu-region-margin-top {
	left:-15px;
}

#block-menu-menu-secondary-menu ul {
  margin-left: 0 !important;
	line-height:1.2 !important;
}

#block-menu-menu-secondary-menu ul li {
	display:block !important;
	text-align:right;
}

#block-menu-menu-secondary-menu ul li a {
	color:#552911;
	text-decoration:none;
	font-weight:bold;
	font-size:1.75em;
}

.i18n-es #block-menu-menu-secondary-menu ul li a {
	color:#552911;
	text-decoration:none;
	font-weight:bold;
	font-size:1.5em;
}

#block-menu-menu-secondary-menu ul li a.active,
#block-menu-menu-secondary-menu ul li a:hover {
	color:#cc3300;
}

#block-menu-menu-secondary-menu ul li.leaf {
	list-style-image:none !important;
	list-style-type:none !important;
}

/*Header logo image*/
.logo-img {
	width:612px;
	margin:0 auto;
}

@media (max-width: 640px) {
  .logo-img {
    padding: 0 1em;
  }
}

@media (min-width: 641px) {
  /* This is our fix for content that needs to be 960 instead of 940*/
  .container-12 .grid-12.alpha.omega {
	width:960px !important;
  }
}

/*This allows us to tweak the grid for our content area since it doesnt
always align with grid increments*/
#zone-content.container-12 .grid-8.alpha.omega {
  width: 660px;
}

#zone-content.container-12 .grid-4.alpha.omega {
  width: 295px;
	padding-right:5px;
}

/*******************************
*** Page Template 2
*/

.zip-archive-link {
	min-height:55px;
	line-height:1.2;
}

.zip-archive-link a {
	color:#CC3300;
	padding-top:15px;
	text-decoration:none;
	font-weight:bold;
}

/*******************************
*** Page Template 3
*/
.template-3-small-aside strong{
	color:#CC3300;
}

.template-3-small-aside em{
	font-weight:bold;
}

#block-system-main .node .content .field-name-field-page-instructions{
	display:none;
}

/*******************************
***Basic Page Layouts
*/
#page-title,
.node-title,
h1.page-title {
	font-size:34px;
	line-height:30px;
	margin-bottom:25px;
	width: 100%;
	color:#552813 !important;
	font-family:"Times New Roman";
}

.block-system-main .node-page .node-links {
	display:none;
}

.field--name-field-page-quote,
.field-name-field-page-quote {
	margin-top:20px;
}

.slide-anchor.active img {
  border: 2px solid #e79223;
  box-sizing: border-box;
}

.template-2 .field-name-field-page-quote {
	width:300px;
	float:left;
}

.template-2 .node-page .content > div.field-name-body {
	width:300px;
}

.template-2 .node-page .content article.node-photo-gallery div.field-name-body {
	width:200px !important;
}

.i18n-es .template-2 .node-page .content article.node-photo-gallery div.photo-gallery-teaser-preview {
	position: relative;
	top: -75px;
}

.template-3 .field-name-field-page-quote {
	width:auto !important;
}

/* corn and calendar traditions */
.page-node-43 .field-name-field-page-quote,
.page-node-43 .view-header,
.page-node-45 .field-name-field-page-quote {
	display:none;
}
.page-node-43 .zone-content .region-sidebar-second .block-views-blockvideo-sidebar-block .field--name-field-media-oembed-video img {
        border: 2px solid #3F1D0E;
}

.page-node-43 .zone-content .region-sidebar-second .block-views-blockvideo-sidebar-block .field--name-field-media-oembed-video {
        height: 125px;
}

.views-field-title a {
        color: #381a05 !important;
        font-weight: bold;
}

.grid-9 .region-inner {
	padding-right:25px;
}

.field-name-field-page-glyph-image, 
.field--name-field-page-glyph-image {
	height:150px;
	width:151px;
	float:left;
	margin:0 10px 2px 0;
}

.field-name-field-page-glyph-image img, 
.field--name-field-page-glyph-image img {
	box-shadow: 2px 2px 7px 1px #7E6C62;
	-moz-box-shadow: 2px 2px 7px 1px #7E6C62;
	-webkit-box-shadow: 2px 2px 7px 1px #7E6C62;
}
.page-node-39.field-name-field-page-glyph-image img,
.page-node-39.field--name-field-page-glyph-image img,
.page-node-40 .field-name-field-page-glyph-image img,
.page-node-40 .field--name-field-page-glyph-image img {
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

.page-node-39 .field--name-field-media-image .field__item,
.left-pull {
        float:left; 
        margin-right:50px; 
        height:100%;
}

/*pages with primary and secondary media*/
.field-name-field-page-primary-node-ref.float-right,
.field--name-field-page-primary-node-ref.float-right {
	margin-left:20px;
}

.field--name-field-page-secondary-node-ref  {
        position: absolute;
        top: 750px;
        left: 325px;
}

.secondary-media,
.template-2 .field-name-field-page-secondary-node-ref {
	position: absolute;
	top: 750px;
	left: 327px;
}

[lang="es"] .page-node-44 .secondary-media {
        top: 800px;
}

.secondary-media .orange-link {
        color: #C30;
}

.field--name-field-photo-caption {
        text-align: left;
}

.field--name-field-photo-credit {
        position: relative;
        top: -4px;
}

/*******************************
*** Photo Gallery modal
*/
.node-type-photo-gallery #zone-content-wrapper {
	min-height:0px;
}

.node-type-photo-gallery  #page-title {
	display:none;
}

.galleria-container {
	height: 550px!important;
}

.galleria-stage {
	height:100%;
}

.galleria-thumbnails-container {
    bottom: 118px !important;
    height: 50px;
    left: 10px;
    padding-left: 0;
    position: absolute;
    right: 10px;
    z-index: 2;
}

.galleria-info {
    bottom: -20px !important;
    color: #401F0D;
    left: 0;
    min-height: 150px;
    position: absolute;
    right: 0;
    vertical-align: bottom;
    width: 100%;
    z-index: 1;
}

.galleria-info-text {
    padding: 0;
    margin-left:10px;
}

/*region sidebar-second*/
.region-sidebar-second {
	margin-top:20px;
}

.path-glossary .zone-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: stretch;
  box-sizing: border-box;
}

.path-glossary .zone-content > .region-content {
  flex: 0 0 calc(100% - 255px);
  max-width: calc(100% - 255px);
  padding-right: 25px;
  border-right: 1px solid #421D0E;
  box-sizing: border-box;
}

.path-glossary .zone-content .region-sidebar-second {
  flex: 0 0 255px;
  padding-left: 15px;
  box-sizing: border-box;
}

.node-type-photo-gallery .block-system-main .view-photo-galleries4.view-id-photo_galleries4.view-display-id-entity_view_1 {
	width:620px;
	display:inline;
	float:left;
	margin:0 0 0 5px;
}

.node-links .translation-link {
	display:none;
}

#drupal-modal .field--name-field-photo-credit {
        position: relative;
        top: 5px;
}

/* Landing page menus */

.field--name-field-submenu {
  display: flex;
  flex-wrap: wrap;
  justify-content: stretch;
}

.field--name-field-submenu > .field__item {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0px 10px 15px 10px;
  box-sizing: border-box;
  height: 350px;
  margin-bottom: 20px;
}

.sidebar-link-title {
	padding-bottom: 5px;
}

.sidebar-link-title, .field--name-field-menu-description {
	line-height: 18.6px;
        min-height: 91px;
}

.sidebar-link-title, .field--name-field-menu-description .field__item {
        min-height: 91px;
        color: #381a05;
        font-size: 16px;
        line-height: 19px;
}

.maya.corner-med-all.menu-633 {
  position: relative;
  width: 100%;
  -webkit-box-shadow: 0 0 10px #888;
  -moz-box-shadow: 0 0 10px #888;
  box-shadow: 0 0 10px #888;
  height: 200px;
  margin-bottom: 10px;
  padding: 0 !important;
  line-height: 1.2;
  float: left;
  border: 3px solid #552911;
  box-sizing: border-box;
  object-fit: cover;
}

.page-node-11 img.maya.corner-med-all.menu-633,
.page-node-13 img.maya.corner-med-all.menu-633 {
  height: 200px !important;
}

@media (min-width: 1041px) {
  .page-node-11 img.maya.corner-med-all.menu-633,
  .page-node-13 img.maya.corner-med-all.menu-633 {
    height: 520px !important;
  }
}

.menu-item-desc.corner-big-all.maya {
  bottom: -3px;
  left: -3px;
  right: -3px;
  background-color: #BBB354;
  border: 3px solid #552911;
  min-height: 100%;
  font-size: 14px;
  text-align: center;
  padding: 8px 15px !important;
  box-sizing: border-box;
}

.menu-item-desc a.learn-more {
	display: block;
  text-decoration: none;
  color: #cc3300;
  font-size: 18px;
}

.menu-item-desc p.sidebar-link-title {
  font-size: 19px;
  color: #381a05;
  font-weight:700;
}

.node--type-page .node__content {
  display: flex;
  justify-content: stretch;
  flex-wrap: wrap;
}

.page-node-41 .node__content {
  flex-wrap: nowrap;
}

.node--type-page .node__content .grid-4 {
  flex: 0 0 300px;
  max-width: 300px;
  margin: 0;
  padding-right: 25px;
}

.node--type-page .node__content .grid-4 > div {
  margin-bottom: 10px;
}

.node--type-page .node__content aside {
  flex: 0 0 calc(100% - 325px);
  max-width: calc(100% - 325px);
}

.node--type-page .node__content aside ul.menu {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* AblePlayer customizations */
.able-tooltip {
  display: none !important;
}

div.able-captions-wrapper {
  bottom: 6rem;
  background-color: transparent !important;
}

div.able-vidcap-container {
  height: 220px;
}

@media (min-width: 640px) {
  div.able-vidcap-container {
    height: 370px;
  }
  .calendar-glyph-video div.able-vidcap-container {
    height: 290px;
  }
}

div.full-width-videos div.able-vidcap-container {
  height: auto;
}

.transcript-wrapper {
  display: none !important;
}

/* Living Maya Time tooltips */
button[data-tooltip] {
  background: none!important;
  border: none;
  padding: 0!important;
  vertical-align: initial;
  color: #C30;
  font: inherit;
}
.glyph button[data-tooltip] {
  position: absolute;
  height: 150px;
  width: 151px;
}

/* Corn and Calendar Traditions */
.corn-calendar-pic {
  overflow: auto;
  margin-bottom: 25px;
}
.corn-calendar-pic a {
  margin-bottom: 10px;
}
.corn-calendar-pic a::after {
  display: block;
  content: "Click on image to view larger";
  margin-bottom: 10px;
}
@media (min-width: 641px) {
  .corn-calendar-pic a {
    float: left;
    margin-right: 25px;
  }
  .corn-calendar-pic a::after {
    margin-bottom: 0px;
  }
}

/* *
 * 5.HEADERS
 * ==================================================
 *
   ================================================== */

#section-header {
	background: url("../img/logo-bg.png") no-repeat center 39px scroll ;
	height: 300px;
}

body.front #section-header {
	height:261px !important;
}

#block-block-2 div.nmai p { /* SI-NMAI HEADER */
	text-align:center;
	color:#e2f2f2;
	font-size:1.85em;
	margin-top:5px;
	letter-spacing:.5px;
}

#zone-user-wrapper div {
	height:0px;
	overflow:visible;
}

/* *
 * 6.NAVIGATION
 * ==================================================
 *
   ================================================== */

/* Primary Navigation */
.menu--main ul.menu, ul#superfish-1 {
	font-family:"Lora-Bold";
	background-color:#e79223;
	border:2px solid #6e4429;
	border-radius: 5px;
	box-sizing: border-box;
	-webkit-box-shadow:0 0 10px #888;
	-moz-box-shadow: 0 0 10px #888;
	box-shadow:0 0 10px #888;
	z-index:99;
	position:relative;
	display: table;
	margin: 0 auto 10px;
	width: 100%;
	table-layout: fixed;
	text-align: center;
	line-height: inherit;
}

.i18n-es .menu--main ul.menu,
.i18n-es ul#superfish-1 {
	padding:3px 0; /*account for smaller menu item font size en espanol*/
}

.menu--main ul.menu li a,
ul#superfish-1 li.sf-depth-1>a {
	text-decoration:none;
	color:#552911;
	display: inline;
}

.menu--main ul.menu li,
ul#superfish-1 li.sf-depth-1 {
	font-size:20px; /* UPDATE FONT SIZE TO EM */
}

.i18n-es .menu--main ul.menu li,
.i18n-es ul#superfish-1 li.sf-depth-1 {
	font-size:19px; /* UPDATE FONT SIZE TO EM */
}

.menu--main ul.menu li.active a,
.menu--main ul.menu li.active-trail a,
.menu--main ul.menu li.menu-item--active-trail a,
.menu--main ul.menu li a:hover,
.menu--main ul.menu li a.is-active,
ul#superfish-1 li.sf-depth-1>a.active,
ul#superfish-1 li.sf-depth-1>a.active-trail,
ul#superfish-1 li.sf-depth-1>a:hover,
ul#superfish-1 li.sf-depth-1.sfHover>a {
	color:#f9eee0;
	background: transparent url("../img/icon_nav_arrow_down.png") no-repeat 45% 25px;
	padding-bottom:20px;
}

.menu--main ul.menu li:not(:last-of-type):after,
ul#superfish-1 li.sf-depth-1>:after {
	padding:0 2px;
	margin-left:4px;
	content:"•";
	color:#552911;
}

.menu--main ul.menu li.last:after,
ul#superfish-1 li.last:after {
	content:"";
}

/*Secondary Navigation*/
.secondary-nav-block {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  box-sizing: border-box;
  margin: -15px auto 20px auto;
  padding: 25px 8px 15px 8px;
  z-index: 98;
}

@media (min-width: 641px) {
  .secondary-nav-block {
    width: 960px;
  }
}

/* The Mayas Theme */
.secondary-nav-block.menu--block-menu {
  background-color: #dac984;
}

.secondary-nav-block.menu--block-menu  > ul.menu > li:not(.menu-item--active-trail) .menu_link_content .menu-item_icon img {
  filter: hue-rotate(45deg) contrast(0.75) brightness(0.75) grayscale(0) saturate(5) sepia(0.5);
}

/* The Maya Sun */
.secondary-nav-block.menu--block-menu-maya-sun {
  background-color: #f4d5a2;
}

.secondary-nav-block.menu--block-menu-maya-sun > ul.menu > li:not(.menu-item--active-trail) .menu_link_content .menu-item_icon img {
  filter: hue-rotate(340deg) contrast(1.1) brightness(0.75) grayscale(0.7) saturate(10) sepia(0.35) opacity(0.55);
}

/* Calendar */
.secondary-nav-block.menu--block-menu-calendar {
  background-color: #b2d1c8;
}

.secondary-nav-block.menu--block-menu-calendar > ul.menu > li:not(.menu-item--active-trail) .menu_link_content .menu-item_icon img {
  filter: hue-rotate(24deg) contrast(1.25) brightness(0.85) grayscale(0.85) saturate(5) opacity(0.5);
}

/* Corn and Maya Time */
.secondary-nav-block.menu--block-menu-corn {
  background-color: #d5b687;
}

.secondary-nav-block.menu--block-menu-corn > ul.menu > li:not(.menu-item--active-trail) .menu_link_content .menu-item_icon img {
  filter: hue-rotate(1deg) contrast(0.55) brightness(0.75) grayscale(0) saturate(5) sepia(0.45);
}

/* Resetting the Count */
.secondary-nav-block.menu--block-menu-resetting-count {
  background-color: #f6be72;
}

.secondary-nav-block.menu--block-menu-resetting-count > ul.menu > li:not(.menu-item--active-trail) .menu_link_content .menu-item_icon img {
  filter: hue-rotate(0deg) contrast(0.75) brightness(0.95) grayscale(0) saturate(9) sepia(0.55);
}

.secondary-nav-block > ul.menu {
  display: flex;
  margin: 0;
  padding: 0;
  width: 100%;
}

.secondary-nav-block > ul.menu > li {
  flex: 0 0 25%;
  padding: 0 10px;
  box-sizing: border-box;
}

.secondary-nav-block > ul.menu > li > a {
  color: #552911 !important;
  font-size: 13px !important;
}

.secondary-nav-block > ul.menu > li > a:not(.menu-item_link) {
  display: none;
}

.secondary-nav-block > ul.menu > li .menu_link_content {
  display: flex;
}

.secondary-nav-block > ul.menu > li .menu_link_content .menu-item_icon {
  flex: 0 0 90px;
  max-width: 90px;
}

.secondary-nav-block > ul.menu > li .menu_link_content .menu-item_button {
  font-weight: bold;
}

.secondary-nav-block > ul.menu > li:not(.menu-item--active-trail) .menu_link_content .menu-item_button {
  color: #cc3300;
}

.secondary-nav-block > ul.menu > li:hover .menu_link_content .menu-item_button {
  color: white;
}

.secondary-nav-block > ul.menu > li .menu_link_content .menu-item_button::after {
  position: relative;
  top: -2px;
  content: " >>";
  font-size: 10px;
}

.secondary-nav-block > ul.menu > li .menu_link_content .menu-item_info {
  flex: 0 0 calc(100% - 90px);
  max-width: calc(100% - 90px);
}

.secondary-nav-block > ul.menu > li .menu_link_content .menu-item_info .menu-item_title {
  font-weight: bold;
  line-height: 1rem;
}

.secondary-nav-block > ul.menu > li .menu_link_content .menu-item_info .field--name-field-summary {
  font-weight: normal;
}

.secondary-nav-block > ul.menu > li .menu_link_content .menu-item_info .field--name-field-summary::after {
  content: "...";
}

/*Subpage styles*/

.block-system-main-block .column-flex {
  display: flex;
  justify-content: stretch;
}

.block-system-main-block .column-flex > .column-left {
  flex: 0 0 300px;
  max-width: 300px;
}

.block-system-main-block .column-flex > .column-left-wide {
	flex: 0 0 675px;
	max-width: 675px;
	border-right: 2px solid #421D0E;
        padding-right: 25px;
}

.block-system-main-block .column-flex > .column-left .field--name-body {
  margin-bottom: 15px;
}

.block-system-main-block .column-flex > .column-left .field--name-field-page-glyph-image {
  height: 150px;
  width: 151px;
  float: left;
  margin: 0 10px 2px 0;
}

#block-mayatime-system-main > div.column-flex > div.column-left-wide > div.glyph > div {
	height: 150px;
    width: 151px;
    float: left;
    margin: 0 10px 2px 0;
}

.block-system-main-block .column-flex > .column-right {
  flex: 0 0 calc(100% - 300px);
  max-width: calc(100% - 300px);
  padding-left: 25px;
}

.block-system-main-block .column-flex > .column-right-narrow {
	flex: 0 0 calc(100% - 675px);
	max-width: calc(100% - 675px);
	padding-left: 25px;
  }

.block-system-main-block .column-flex > .column-right .field--name-field-video {
  margin-bottom: 20px;
}

.block-system-main-block .column-flex > .column-right .field--name-field-video .field--name-field-media-oembed-video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.block-system-main-block .column-flex > .column-right .field--name-field-video .field--name-field-media-oembed-video iframe,
.block-system-main-block .column-flex > .column-right .field--name-field-video .field--name-field-media-oembed-video object,
.block-system-main-block .column-flex > .column-right .field--name-field-video .field--name-field-media-oembed-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.block-system-main-block .column-flex > .column-right .field--name-field-video-transcript {
	float: right;
	width: calc(50% - 63px);
        margin-left: 25px;
}

.block-system-main-block .column-flex > .column-right .field--name-body {
	width: calc(50% - 10px);
}

.block-system-main-block .column-flex > .column-right .field--name-field-video-transcript a {
  display: block;
  color: #C30;
  height: 22px;
  font-weight: bold;
}

.block-system-main-block .column-flex > .column-right .field--name-field-video-transcript .file {
  position: relative;
  left: -10px;
}

.video-transcript-link {
  font-weight: bold;
}

/*.block-system-main-block .column-flex > .column-right .field--name-field-video-transcript a:before {
  display: block;
  content: 'Download PDF transcript of video';
  color: #C30;
  font-weight: bold;
}*/

div.video-title {
	color:rgb(56, 26, 5);
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15.5px;
	font-weight: 700;
}

div.video-title + div p {
  max-width: 365px;
}

a.menu-item_link {
    display: block;
}

/*temporary fix to hide secondary menu items that are apeparing for both language*/
body.i18n-en .block-menu-secondary-menu a[href="/node/20"],
body.i18n-en .block-menu-secondary-menu a[href="/node/16"],
body.i18n-en .block-menu-secondary-menu a[href="/node/18"] {
	display:none;
}

body.i18n-es .block-menu-secondary-menu a[href="/es/node/15"],
body.i18n-es .block-menu-secondary-menu a[href="/es/node/17"],
body.i18n-es .block-menu-secondary-menu a[href="/es/node/19"] {
	display:none;
}

.block-blockmenu.green {
	background: url("../img/block-menu-block-1-background-green.png") transparent repeat top left;
}

.block-blockmenu.gold {
	background: url("../img/block-menu-block-1-background-gold.png") transparent repeat top left;
}

.block-blockmenu.blue {
	background: url("../img/block-menu-block-1-background-blue.png") transparent repeat top left;
}

.block-blockmenu.tan {
	background: url("../img/block-menu-block-1-background-tan.png") transparent repeat top left;
}

.block-blockmenu.dark-gold {
	background: url("../img/block-menu-block-1-background-dark-gold.png") transparent repeat top left;
}

.menu span.desc {
	display:block;
}

.block-blockmenu ul li {
	float:left;
	padding-left:15px;
	width:195px;
	font-size:13px; /* UPDATE FONT SIZE TO EM */
	color:#552911;
}

/*spanish version, we need more room for titles and descriptions*/
.i18n-es .block-blockmenu ul li {
	width:221px;
}

.block-blockmenu ul li a {
	text-decoration:none;
	color:#552911;
	font-weight:bold;
}

.block-blockmenu ul li a:hover {
	color:#f9eee0;
}

.block-blockmenu li a.learn-more {
	color:#cc3300;
}

.block-blockmenu ul li.active-trail a.learn-more,
.block-superfish-1 ul li a.active.learn-more {
	color:#552911;
}

.block-blockmenu ul li div.menu-block-1-desc {
	float:left;
	width:105px;
	margin-top:-4px;
}

/*spanish version, we need more room for titles and descriptions*/
.i18n-es .block-blockmenu ul li div.menu-block-1-desc {
	width:131px;
}

.block-blockmenu ul li div.memu-block-1-glyph-icon {
	float:left;
	margin-right:10px;
	height:83px;
	width:80px;
	background-image: url("../img/block-menu-block-1-glyph-sprite.gif");
	background-repeat:no-repeat;
	background-position:0px -83px;
}

.block-blockmenu ul li div.memu-block-1-glyph-icon a {
	height:83px;
	width:80px;
	display:block;
}

#zone-menu ul#main-menu,
#zone-menu ul#main-menu,
#zone-menu ul#superfish-1,
#zone-menu ul#superfish-1 {
	width:956px; /*account for add'l 4 px of border*/
	margin:0 auto;
	text-align:center;
	position:relative;
}

html:lang(en) .page-node-48 .es-content {
  display: none;
}

html:lang(es) .page-node-48 .en-content {
  display: none;
}

.page-node-48 .zone-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: stretch;
}

.page-node-48 .zone-content .region-sidebar-second .block-views-blockvideo-sidebar-block {
  height: 100%;
  min-width: 235px;
  border-left: 2px solid #421D0E;
  padding: 10px 0 25px 25px;
}

.page-node-48 .zone-content .region-sidebar-second .block-views-blockvideo-sidebar-block a {
  white-space: break-spaces;
}

.page-node-48 .zone-content .region-sidebar-second .block-views-blockvideo-sidebar-block .field--name-field-media-oembed-video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-top: 15px;
  max-width: 100%;
  border: 2px solid #3F1D0E;
}

.page-node-48 .zone-content .region-sidebar-second .block-views-blockvideo-sidebar-block .field--name-field-media-oembed-video .wrapper--able-outer.fluid {
    border: 3px solid #3F1D0E;
}

.page-node-48 .zone-content .region-sidebar-second .block-views-blockvideo-sidebar-block .field--name-field-media-oembed-video iframe,
.page-node-48 .zone-content .region-sidebar-second .block-views-blockvideo-sidebar-block .field--name-field-media-oembed-video object,
.page-node-48 .zone-content .region-sidebar-second .block-views-blockvideo-sidebar-block .field--name-field-media-oembed-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Maya Opinions page styles */
.page-node-48 .zone-content {
  position: relative;
}

.page-node-48 .zone-content > .region-sidebar-second {
  position: absolute;
  top: 197px;
  right: 0;
  flex: 0 0 calc(100% - 300px);
  max-width: calc(100% - 300px);
  box-sizing: border-box;
}

.page-node-48 .zone-content > .region-sidebar-second .view-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: stretch;
}

.page-node-48 .zone-content > .region-sidebar-second .view-content > .views-row {
  flex: 0 0 30%;
  max-width: 33%;
  padding: 5px;
  box-sizing: border-box;
}

.page-node-48 .zone-content > .region-sidebar-second .view-content .views-row:nth-child(3n) {
  padding-right: 0;
  margin-right: 0 !important;
}

.page-node-48 .zone-content > .region-content .column-left {
  flex: 0 0 100%;
  max-width: 100%;
}

.page-node-48 .zone-content .region-content .block-system-main-block {
  flex: 0 0 300px;
  max-width: 300px;
  min-height: 750px;
  padding-right: 25px;
  box-sizing: border-box;
}

/* 2012 Opinions sidebar is absolute positioned;
   Set height for content area manually to fit sidebar */
#twenty-twelve-opinions-intro {
  height: 3600px;
}
@media(min-width:641px) {
  #twenty-twelve-opinions-intro {
    height: 4000px;
  }
}
  /*****************
  MENU ICONS
  ******************/

/** THE MAYA **/
.block-blockmenu ul li div#memu-block-1-glyph-icon--node_23,
.block-blockmenu ul li div#memu-block-1-glyph-icon--node_30 { /* Creation story */
	background-position:0 -83px;
}

.block-blockmenu ul li div#memu-block-1-glyph-icon--node_24,
.block-blockmenu ul li div#memu-block-1-glyph-icon--node_29 { /* Maya People */
	background-position:-82px -83px;
}

.block-blockmenu ul li div#memu-block-1-glyph-icon--node_25,
.block-blockmenu ul li div#memu-block-1-glyph-icon--node_28 { /* Maya World */
	background-position:-164px -83px;
}

.block-blockmenu ul li div#memu-block-1-glyph-icon--node_26,
.block-blockmenu ul li div#memu-block-1-glyph-icon--node_27 { /* Connecting earth, sky*/
	background-position:-246px -83px;
}

.block-blockmenu ul li div#memu-block-1-glyph-icon--node_23.active,
.block-blockmenu ul li div#memu-block-1-glyph-icon--node_30.active { /* Creation story */
	background-position:0 0px;
}

.block-blockmenu ul li div#memu-block-1-glyph-icon--node_24.active,
.block-blockmenu ul li div#memu-block-1-glyph-icon--node_29.active { /* Maya People */
	background-position:-82px 0px;
}

.block-blockmenu ul li div#memu-block-1-glyph-icon--node_25.active,
.block-blockmenu ul li div#memu-block-1-glyph-icon--node_28.active { /* Maya World */
	background-position:-164px 0px;
}

.block-blockmenu ul li div#memu-block-1-glyph-icon--node_26.active,
.block-blockmenu ul li div#memu-block-1-glyph-icon--node_27.active { /* Connecting earth, sky*/
	background-position:-246px 0px;
}

/** MAYA SUN **/
.block-blockmenu ul li div#memu-block-1-glyph-icon--node_31,
.block-blockmenu ul li div#memu-block-1-glyph-icon--node_36 { /* Maya and the Sun */
	background-position:0 -248px;
}

.block-blockmenu ul li div#memu-block-1-glyph-icon--node_32,
.block-blockmenu ul li div#memu-block-1-glyph-icon--node_35 { /* Corn Sun and the Calendar */
	background-position:-82px -248px;
}

.block-blockmenu ul li div#memu-block-1-glyph-icon--node_33,
.block-blockmenu ul li div#memu-block-1-glyph-icon--node_34 { /* Maya Math Game */
	background-position:-164px -248px;
}

.block-blockmenu ul li div#memu-block-1-glyph-icon--node_31.active,
.block-blockmenu ul li div#memu-block-1-glyph-icon--node_36.active { /* Maya and the Sun */
	background-position:0 -166px;
}

.block-blockmenu ul li div#memu-block-1-glyph-icon--node_32.active,
.block-blockmenu ul li div#memu-block-1-glyph-icon--node_35.active { /* Corn Sun and the Calendar */
	background-position:-82px -166px;
}

.block-blockmenu ul li div#memu-block-1-glyph-icon--node_33.active,
.block-blockmenu ul li div#memu-block-1-glyph-icon--node_34.active
{ /* Maya Math Game */
	background-position:-164px -166px;
}

/** MAYA CALENDAR **/
.page-node-39 .block-blockmenu ul li div#memu-block-1-glyph-icon--node_39,
.block-blockmenu ul li div#memu-block-1-glyph-icon--node_39,
.page-node-40 .block-blockmenu ul li div#memu-block-1-glyph-icon--node_39,
.block-blockmenu ul li div#memu-block-1-glyph-icon--node_40 { /* Calendar Interactive */
	/*background-position:0 -332px;*/
	background-position:-82px -332px;
}

.block-blockmenu ul li div#memu-block-1-glyph-icon--node_37,
.block-blockmenu ul li div#memu-block-1-glyph-icon--node_38 { /* Reading Glyphs */
	/*background-position:-82px -332px;*/
	background-position:0px -332px
}

.block-blockmenu ul li div#memu-block-1-glyph-icon--node_41,
.block-blockmenu ul li div#memu-block-1-glyph-icon--node_42 { /* Calendar System*/
	background-position:-164px -332px;
}

.block-blockmenu ul li div#memu-block-1-glyph-icon--node_39.active,
.block-blockmenu ul li div#memu-block-1-glyph-icon--node_40.active { /* Calendar Interactive */
	/*background-position:0 -415px;*/
	background-position:-82px -415px;
}

.block-blockmenu ul li div#memu-block-1-glyph-icon--node_37.active,
.block-blockmenu ul li div#memu-block-1-glyph-icon--node_38.active { /* Reading Glyphs */
	/*background-position:-82px -415px;*/
	background-position:0px -415px;
}

.block-blockmenu ul li div#memu-block-1-glyph-icon--node_41.active,
.block-blockmenu ul li div#memu-block-1-glyph-icon--node_42.active { /* Calenar System */
	/*background-position:-164px -415px;*/
	background-position:-164px -415px;
}

/** CORN AND MAYA TIME  **/
.block-blockmenu ul li div#memu-block-1-glyph-icon--node_43,
.block-blockmenu ul li div#memu-block-1-glyph-icon--node_45 {  /* Corn and calendar tradtions */
	background-position:0 -498px;
}

.block-blockmenu ul li div#memu-block-1-glyph-icon--node_44,
.block-blockmenu ul li div#memu-block-1-glyph-icon--node_46 { /* Sun above sun below */
	background-position:-82px -498px;
}

.block-blockmenu ul li div#memu-block-1-glyph-icon--node_43.active,
.block-blockmenu ul li div#memu-block-1-glyph-icon--node_45.active { /* Corn and calendar tradtions */
	background-position:0 -581px;
}

.block-blockmenu ul li div#memu-block-1-glyph-icon--node_44.active,
.block-blockmenu ul li div#memu-block-1-glyph-icon--node_46.active { /* Sun above sun below */
	background-position:-82px -581px;
}

/** CORN AND MAYA TIME  **/
.block-blockmenu ul li div#memu-block-1-glyph-icon--node_48,
.block-blockmenu ul li div#memu-block-1-glyph-icon--node_49 { /* Meaning of 2012 */
	background-position:-82px -664px;
}

.block-blockmenu ul li div#memu-block-1-glyph-icon--node_47,
.block-blockmenu ul li div#memu-block-1-glyph-icon--node_50 { /* Maya Opinions on 2012 */
	background-position:0 -664px;
}

.block-blockmenu ul li div#memu-block-1-glyph-icon--node_48.active,
.block-blockmenu ul li div#memu-block-1-glyph-icon--node_49.active { /*  Meaning of 2012 */
	background-position:-82px -747px;
}

.block-blockmenu ul li div#memu-block-1-glyph-icon--node_47.active,
.block-blockmenu ul li div#memu-block-1-glyph-icon--node_50.active { /* Maya Opinions on 2012 */
	background-position:0 -747px;
}

/******************************
*** LANDING PAGE MENU BLOCKS
**/

.region-sidebar-second,
.block-menu-block-2 {
	padding-top:10px;
}

.region-sidebar-second ul.menu li,
.block-menu-block-2 li {
	width:309px;
	-webkit-box-shadow:0 0 10px #888;
	-moz-box-shadow: 0 0 10px #888;
	box-shadow:0 0 10px #888;
	height:354px !important;
	margin:0 0 15px 15px !important;
	padding:0 !important;
	line-height:1.2;
	float:left;
  border-radius: 16px;
	/* border:3px solid #552911; */
}

.region-sidebar-second li.corn-and-calendar-traditions,
.region-sidebar-second li.the-sun-above-the-sun-below,
.region-sidebar-second li.the-meaning-of-2012,
.region-sidebar-second li.maya-opinions-on-2012 {
        height:674px !important;
}

.region-sidebar-second li.el-significado-del-2012,
.region-sidebar-second li.opiniones-de-los-mayas-sobre-el-2012 {
        height:694px !important;
}

.block-menu-block-2 li:hover {
	cursor:pointer;
}

.block-menu-block-2 li div.menu-item-desc {
	border: 3px solid #552911;
	min-height: 135px;
	width: 279px;
	top: 190px;
	left:-3px;
	position: relative;
	text-align: left;
	padding: 8px 15px 0px 15px !important;
}

.region-sidebar-second .field--name-title {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 18px;
    color: #381a05;
    text-transform: uppercase;
}

.region-sidebar-second .the-meaning-of-2012 .maya,
.region-sidebar-second .maya-opinions-on-2012 .maya,
.region-sidebar-second .el-significado-del-2012 .maya, 
.region-sidebar-second .opiniones-de-los-mayas-sobre-el-2012 .maya,
.block-menu-block-2 li div.menu-item-desc { /*dark gold*/
	background-color: #f0a542;
}

.block-menu-block-2 li div.menu-item-desc.maya,
.block-menu-block-2 li div.menu-item-desc.los-mayas { /*green*/
	background-color: #BBB354;
}

.region-sidebar-second .the-maya-and-the-sun .maya,
.region-sidebar-second .sun-corn-and-the-calendar .maya,
.region-sidebar-second .maya-math-game .maya,
.region-sidebar-second .los-mayas-y-el-sol .maya,
.region-sidebar-second .el-sol-el-maiz-y-el-calendario .maya,
.region-sidebar-second .juego-de-matematica-maya .maya,
.block-menu-block-2 li div.menu-item-desc.maya-sun,
.block-menu-block-2 li div.menu-item-desc.el-sol-maya { /*gold*/
	background-color: #f9bc55;
}

.region-sidebar-second .the-calendar-system .maya,
.region-sidebar-second .maya-calendar-converter .maya,
.region-sidebar-second .reading-the-calendar-glyphs .maya,
.region-sidebar-second .el-sistema-de-calendario .maya,
.region-sidebar-second .convertidor-al-calendario-maya .maya,
.region-sidebar-second .leyendo-los-glifos-del-calendario-maya .maya,
.block-menu-block-2 li div.menu-item-desc.calendar,
.block-menu-block-2 li div.menu-item-desc.calendario { /*blue*/
	background-color: #75c3c3;
}

.block-menu-block-2 li div.menu-item-desc.corn-and-maya-time,
.block-menu-block-2 li div.menu-item-desc.el-maiz-y-el-tiempo-maya { /*tan*/
	background-color: #b3936a;
	top: 490px !important;
}

.region-sidebar-second .corn-and-calendar-traditions .maya,
.region-sidebar-second .the-sun-above-the-sun-below .maya,
.region-sidebar-second .tradiciones-de-maiz-y-calendario .maya,
.region-sidebar-second .el-sol-arriba-el-sol-abajo .maya {
	background-color: #b3936a;
}
.region-sidebar-second .corn-and-calendar-traditions img,
.region-sidebar-second .the-sun-above-the-sun-below img,
.region-sidebar-second .tradiciones-de-maiz-y-calendario img,
.region-sidebar-second .el-sol-arriba-el-sol-abajo img {
        height: 500px !important;
}

.block-menu-block-2 li div.menu-item-desc.resetting-count,
.block-menu-block-2 li div.menu-item-desc.la-cuenta-reinicia { /*brown*/
	background-color: #f0a542;
	top: 490px !important;
        min-height: 100%;
}

.i18n-es .block-menu-block-2 li div.menu-item-desc.la-cuenta-reinicia {
	min-height: 160px;
}

.block-menu-block-2 li div.menu-item-desc p {
	font-size:14px;
	margin:5px 0;
}

.block-menu-block-2 li div.menu-item-desc a.learn-more {
	display:block;
	text-decoration:none;
	color:#cc3300;
	font-size:18px;
}

.block-menu-block-2 li div.menu-item-desc a.learn-more:hover {
	color:#552911;
}

.block-menu-block-2 li div.menu-item-desc h4 {
	font-size:19px;
	color:#381a05;
}

.block-menu-block-2 li.creation-story-of-the-maya,
.block-menu-block-2 li.el-mito-de-la-creacin-de-los-mayas {
	background: url("../img/menu-block-3-li-bg-the-creation-story-of-the-maya.jpg") no-repeat 0 -1px scroll transparent !important;
}

.block-menu-block-2 li.the-maya-people,
.block-menu-block-2 li.los-mayas {
	background: url("../img/menu-block-3-li-bg-the-maya-people.jpg") no-repeat 0 -2px scroll transparent;
}

.block-menu-block-2 li.the-maya-world,
.block-menu-block-2 li.el-mundo-maya {
	background: url("../img/menu-block-3-li-bg-the-maya-world.jpg") no-repeat -1px -2px scroll transparent;
}

.block-menu-block-2 li.el-mundo-maya {
	background: url("../img/menu-block-3-li-bg-the-maya-world-es.jpg") no-repeat -1px -2px scroll transparent;
}

.block-menu-block-2 li.connecting-earth-and-sky,
.block-menu-block-2 li.conectando-el-cielo-y-la-tierra {
	background: url("../img/menu-block-3-li-bg-connecting-earth-and-sky.jpg") no-repeat -1px -2px scroll transparent;
}

/*Maya Sun*/
.block-menu-block-2 li.the-maya-and-the-sun,
.block-menu-block-2 li.los-mayas-y-el-sol {
	background: url("../img/menu-block-3-li-bg-the-maya-and-the-sun.jpg") no-repeat 0 -2px scroll transparent;
}

.block-menu-block-2 li.maya-math-game,
.block-menu-block-2 li.juego-de-matemtica-maya {
	background: url("../img/menu-block-3-li-bg-maya-math-game.jpg") no-repeat -1px -2px scroll transparent;
}

.block-menu-block-2 li.sun-corn-and-the-calendar,
.block-menu-block-2 li.el-sol-el-maz-y-el-calendario {
	background: url("../img/menu-block-3-li-bg-sun-corn-and-the-calendar.jpg") no-repeat -1px -2px scroll transparent;
}

/*Calendar*/
.block-menu-block-2 li.the-calendar-system,
.block-menu-block-2 li.el-sistema-de-calendario {
	background: url("../img/menu-block-3-li-bg-calendar-system.jpg") no-repeat 0 -1px scroll transparent;
}

.block-menu-block-2 li.reading-the-calendar-glyphs,
.block-menu-block-2 li.leyendo-los-glifos-del-calendario-maya {
	background: url("../img/menu-block-3-li-bg-reading-the-calendar-glyphs.jpg") no-repeat 0 -2px scroll transparent;
}

.block-menu-block-2 li.maya-calendar-converter,
.block-menu-block-2 li.convertidor-al-calendario-maya {
	background: url("../img/menu-block-3-li-bg-maya-calendar-converter.jpg") no-repeat -1px -1px scroll transparent;
}

/*Corn and Maya Time*/
.block-menu-block-2 li.corn-and-calendar-traditions,
.block-menu-block-2 li.tradiciones-de-maz-y-calendario {
	background: url("../img/menu-block-3-li-bg-corn-and-calendar-traditions.jpg") no-repeat -1px -2px scroll transparent;
	height:530px !important;
}

.block-menu-block-2 li.the-sun-above-the-sun-below,
.block-menu-block-2 li.el-sol-arriba-el-sol-abajo {
	background: url("../img/menu-block-3-li-bg-sun-above-sun-below.jpg") no-repeat -1px -2px scroll transparent;
	height:530px !important;
}

.block-menu-block-2 li.maya-opinions-on-,
.block-menu-block-2 li.opiniones-de-los-mayas-sobre-el- {
	background: url("../img/menu-block-3-li-bg-maya-opinions-on-2012.jpg") no-repeat -1px -2px scroll transparent;
	height:530px !important;
}

field--name-field-submenu li.the-meaning-of-,
field--name-field-submenu li.el-significado-del-,
.block-menu-block-2 li.the-meaning-of-,
.block-menu-block-2 li.el-significado-del- {
	background: url("../img/menu-block-3-li-bg-the-meaning-of-2012.jpg") no-repeat -1px -2px scroll transparent;
	height:530px !important;
}

/*2012 resetting the calendar*/

/**** LANGUAGE SWITCHER *****/
.language-switcher-language-url ul,
#block-locale-language ul.language-switcher-locale-url {
	width:169px;
	height:57px;
	float:right;
	clear:right;
	margin-top:34px;
}

.language-switcher-language-url ul li,
#block-locale-language ul.language-switcher-locale-url li {
	height:56px;
	float:left;
	display:inline;
        text-align: left !important;
}

.language-switcher-language-url ul li a,
#block-locale-language ul.language-switcher-locale-url li a {
	height:53px;
	display:block;
	text-decoration:none;
	font-family:"Lora-Bold";
	font-size:1.20em !important;
	color:#005549 !important;
	padding-left:18px;
	padding-top:3px;
	font-weight:bold;
}

.language-switcher-language-url li a.is-active,
#block-locale-language ul.language-switcher-locale-url li a.active {
	color:#542105;
}

.language-switcher-language-url li.en,
#block-locale-language ul.language-switcher-locale-url li.en {
	width:83px;
}
.language-switcher-language-url li.es,
#block-locale-language ul.language-switcher-locale-url li.es {
	width:86px;

}
.language-switcher-language-url ul li.en a,
#block-locale-language ul.language-switcher-locale-url li.en a {
	background:url("../img/living-maya-time-lang-switcher-en.png") 0 -57px no-repeat;
}


.language-switcher-language-url ul li.en.is-active a,
.language-switcher-language-url ul li.en a:hover,
#block-locale-language ul.language-switcher-locale-url li.en.active a,
#block-locale-language ul.language-switcher-locale-url li.en a:hover {
	background-position:0 0px;
	color:#542105 !important;

}

.language-switcher-language-url ul li.es a,
#block-locale-language ul.language-switcher-locale-url li.es a {
	background:url("../img/living-maya-time-lang-switcher-es.png") 0 0 no-repeat;
	padding-left:16px;
}

.language-switcher-language-url ul li.es.is-active a,
.language-switcher-language-url ul li.es a:hover,
#block-locale-language ul.language-switcher-locale-url li.es.active a,
#block-locale-language ul.language-switcher-locale-url li.es a:hover {
	background-position:0 -57px;
	color:#005549 !important;
}

.language-switcher-language-url ul li.es.is-active a {
        color:#542105 !important;
}

.language-switcher-language-url {
        position: absolute;
        top: -168px;
        left: 12px;
}

/* Contact Us */
a.email-link::after {
    content: url("../img/envelope-solid.svg");
    padding-left: 5px;
    vertical-align: middle;
}

/* Site Map */
.sitemap .sitemap-item ul li ul {
	list-style-type: disc;
	margin-bottom: 15px;
}

.sitemap .sitemap-item ul li ul li {
	margin-left: 25px;
}

/* *
 * 10.FOOTER
 * ==================================================
 *
   ================================================== */

footer#section-footer {
	/* min-height:320px;*/
	background: url("../img/footer-bg.jpg") repeat-x bottom center scroll;
}

#zone-footer-wrapper {
	/* min-height:320px; */
  min-height: 320px;
	background: url("../img/inside-footer-bg-1.jpg") no-repeat top center scroll;
}

#zone-footer {
	padding-top:127px;
}

#block-menu-menu-menu-footer-secondary-menu ul.menu {
	text-align: center;
}

#block-menu-menu-footer-main-menu ul li a,
#block-menu-menu-menu-footer-secondary-menu ul li a {
	text-decoration:none;
	color:#e79324;
        text-transform: uppercase;
}

#block-menu-menu-footer-main-menu ul li {
	font-size:1.7em;
}

[lang="es"] #block-menu-menu-footer-main-menu ul li a,
.i18n-es #block-menu-menu-footer-main-menu ul li a {
	font-size:18px;
}

#block-menu-menu-menu-footer-secondary-menu ul li a {
	font-size:1.5em;
}

[lang="es"] #block-menu-menu-menu-footer-secondary-menu ul li a,
.i18n-es #block-menu-menu-menu-footer-secondary-menu ul li a {
	font-size:16px;
}

#block-menu-menu-footer-main-menu ul li a.active,
#block-menu-menu-footer-main-menu ul li a:hover,
#block-menu-menu-menu-footer-secondary-menu ul li a.active,
#block-menu-menu-menu-footer-secondary-menu ul li a:hover {
	color:#f5dab5;
}

#block-menu-menu-footer-main-menu ul li:after,
#block-menu-menu-menu-footer-secondary-menu ul li:after {
	padding:0 2px;
	margin-left:4px;
	content:"•";
	color:#e79324;
}

#block-menu-menu-footer-main-menu li.last:after,
#block-menu-menu-menu-footer-secondary-menu ul li.last:after {
	content:"";
}

#block-menu-menu-menu-footer-secondary-menu {
  width:65%;
  margin:0 auto;
}

.i18n-es #block-menu-menu-menu-footer-secondary-menu {
  width:75%;
}

/*footer secondary menu*/

/*footer tertiary menu*/

.region-footer-second-inner {
	display: flex;
}

.menu-name-menu-tertiary-menu ul,
.block-menu-tertiary-menu ul {
	text-align:right;
}

.menu-name-menu-tertiary-menu ul li a,
.block-menu-tertiary-menu ul li a {
	color:#e79324 !important;
	text-decoration:none;
	border-right:1px solid #e79324;
	padding-right:3px;
}

.menu-name-menu-tertiary-menu ul li a.active,
.block-menu-tertiary-menu ul li a.active,
.menu-name-menu-tertiary-menu ul li a:hover,
.block-menu-tertiary-menu ul li a:hover {
	color:#f5dab5;
}

.menu-name-menu-tertiary-menu ul li,
.block-menu-tertiary-menu ul li {
	margin:0 .25 0 .25em !important;
	padding-right:1px;
}

.menu-name-menu-tertiary-menu ul li.last,
.block-menu-tertiary-menu ul li.last {
  padding-right:0px !important;
  margin-right:0px !important;
}

.menu-name-menu-tertiary-menu ul li.last a,
.block-menu-tertiary-menu ul li.last a {
	border-right:0px solid;
}

.si-logos-wrapper {
	display: flex;
}

.latino-logo.footer-logo img {
	width: 120px;
	margin-left: 15px;
}

/* *
 * 11.CSS SUPPORT
 * ==================================================
 *
   ================================================== */

.pad-top-30 {
	padding-top:30px;
}

.pad-top-40 {
	padding-top:40px;
}

.pad-top-50 {
	padding-top:50px;
}

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

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

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

.site-copyright {
	color:#e79324;
}

.float-right {
	float:right;
}

.float-left {
	float:left;
}

.clear {
	clear:both;
}

.italic {
	font-style: italic;
}

.text-regular {
	font-style: normal !important;
	font-weight:normal !important;
}

.bold, .strong {
	font-weight:bold;
}

.small {
	font-size:75%;
}

.black {
	color: #000 !important;
}

.border-left-brown {
	border-left:2px solid #381A05;
	padding-left:15px;
}

.display-block {
	display:block;
}

small {
	font-size:85% !important;
}

a.glossary-tip,
.site-red {
	color:#C30 !important;
	text-decoration: none;
}

.block-block-4 {
	margin-bottom:20px;
}
.block-block-4 img,
.block-block-4 canvas {
	display:inline !important;
	float:left !important;
}

/*HOME PAGE*/

.front-menu h2 {
	position:relative;
	top:60px;
	background-color:#e79324;
	padding:0 3px;
	text-align:center;
	border:2px solid black;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	z-index:99;
	left:-7px;
	font-family:"Lora";
	font-size:28px;
	-moz-box-shadow: 0 0 8px #000;
	-webkit-box-shadow: 0 0 8px #000;
	box-shadow: 0 0 8px #000;
}

.front-menu h2 a {
	color:#381A05 !important;
	display: block;
	margin: 3px;
}

.viewer {
  overflow: hidden;
  position: relative;
  text-align: left;
  -webkit-box-shadow: 1px 1px 2px #e6e6e6;
  -moz-box-shadow: 1px 1px 2px #e6e6e6;
  box-shadow: 1px 1px 2px #e6e6e6;
  cursor: default;
  background: #f8eadc;
	border:2px solid #000;
	border-radius:19px;
	-webkit-border-radius:19px;
	-moz-box-shadow: 0 0 8px #000;
	-webkit-box-shadow: 0 0 8px #000;
	box-shadow: 0 0 8px #000;
}

.viewer .mask {
  position: absolute;
  overflow: hidden;
  top: 70px;
  left: -400px;
	font-size:16.0px;
}

.viewer img {
   display: block;
   position: relative;
   border-radius:15px;
	-webkit-border-radius:15px;
}

.ui-tooltip-content {
  font-size: .8em;
}

.viewer a.display-block {
	display: block;
	text-decoration: none;
	color: #C30;
	font-size: 18px;
}

.viewer a.display-block:hover {
	color:#552911
}

@media (min-width: 1041px) {
  .front-menu-calendar .viewer {
    height:230px !important;
  }
}

.mask-inner {
	padding: 0 15px 15px;
}

.front-menu-right h2 {
	left:109px !important;
}

.front-menu-right h2.long {
	left:120px !important;
}

.front-menu h2.short {
	width:50% !important;
}

/* The Maya */
.front-menu.front-menu-the-maya {
	height:310px;
	width:272px;
	margin-left: 30px;
}

.front-menu.front-menu-the-maya .mask {
	width:273px;
  	height: 200px;
}

.front-menu.front-menu-the-maya h2 {
	width:55%;
}


/* Maya Sun */
.front-menu.front-menu-maya-sun {
	height:311px;
	width:246px;
	float:right;
}

.front-menu.front-menu-maya-sun .mask {
	width:246px;
}

.front-menu.front-menu-maya-sun h2 {
	width:55%;
}

.i18n-es .front-menu.front-menu-maya-sun h2 {
	width:63%;
}

.i18n-es .front-menu.front-menu-corn-and-maya-time h2 {
	width: 85%;
}

/* Calendar */
.front-menu.front-menu-calendar {
	height:235px;
	width:387px;
	top:224px;
	position:relative;
}

.front-menu.front-menu-calendar .mask {
	width:387px;
}

.front-menu.front-menu-calendar h2 {
	width:75%;
}

/* Corn & Maya Time */
.front-menu.front-menu-corn-and-maya-time {
	height:269px;
	width:401px;
	float:right;
	top:213px;
	position:relative;
}

.front-menu.front-menu-corn-and-maya-time .mask {
	width:387px;
}

.front-menu.front-menu-corn-and-maya-time h2{
	width:70%;
}

.front-menu.front-menu-2012-resetting-the-count {
	top:419px;
	position:relative;
	height:260px;
	width:468px;
	float:right;
}

.front-menu.front-menu-2012-resetting-the-count .mask {
	width:387px;
}

.front-menu.front-menu-2012-resetting-the-count h2 {
	width:75%;
}

/*Grid hack for front page, make things align*/
#body.front .region-content .grid-6.prefix-1.alpha.omega {
	width:580px !important;
	top:522px;
}

#front-menu-main,
#front-menu-main-bottom {
  width:260px
}

#front-menu-main .serpent-inline {
  display: none;
}

#front-menu-main p.home-open {
	margin-bottom:10px;
	font-size:120%;
}

#front-menu-main-bottom {
	position:relative;
	top:409px;
	font-size:120%;
}

#front-menu-main-bottom p {
	padding-left:20px;
}

/* *
 * 7.NODES
 * ==================================================
 *
   ================================================== */

.glyph .field__item img {
	box-shadow: 2px 2px 7px 1px #7E6C62
}

/*Calendar System*/
.calendar-system-image {
	width:190px;
	margin-right:15px;
}
.calendar-system-copy {
	width:450px;
}
.calendar-system-image,
.calendar-system-copy {
	display:inline;
	float:left;
}

/*video sidebar view in template 4*/
/*the calendar system page*/

.page-node-43 .view-video-sidebar {
        position: relative;
        top: -75px;
}

[lang="es"] .page-node-43 .view-video-sidebar {
        top: -125px;
}

.grid-3 .view-video-sidebar .view-header {
	margin-bottom:15px;
	display:block;
}

.grid-3 .view-video-sidebar .views-row {
	margin-bottom:15px;
	line-height:1.2;
}

.grid-3 .view-video-sidebar .views-row img{
	margin-bottom:10px;
}

.grid-3 .block-views-video-sidebar-block {
	padding-left:25px;
}

/*other pages*/
#cboxContent #cboxLoadedContent {
        /*background: url('../img/zone-content-wrapper.jpg') repeat; */
        color: #381a05;
}
#cboxContent .node-title {
        position: relative;
        top: 10px;
        margin-left: 18px;
}

#cboxContent .ui-button {
        display: none;
}

#cboxContent .slider-container .slider .slides .slide .field--name-field-photo {
        border: 0;
}

#cboxContent p {
        max-width: 300px !important;
}
#cboxContent .slider-container {
        padding-left: 5px;
}
#cboxContent .slider-container .slider__nav {
        padding-left: 6px !important;
}
#cboxContent .slider__captions p {
        max-width: 630px !important;
        padding-left: 16px !important;
}
#cboxContent p {
        position: relative;
        display: inline-block;
        font-size: 15.5px;
        padding: 10px;
        float: left;
        text-align: left;
        left: 10px;
}
#cboxContent .slides .field--name-field-photo img {
        border: 1px solid #000 !important;
        width: 628px !important;
}

.field--name-field-media-oembed-video .image-style-video-thumb {
        width: 100%;
        height: 100%;
}

.view-video-sidebar .views-field-colorbox,
.view-horizontal-video-sidebar .views-field-colorbox {
	height:115px;
}

.view-video-sidebar .views-field-colorbox span.video-play-button,
.view-horizontal-video-sidebar .views-field-colorbox span.video-play-button {
	background: url("../img/play.png") no-repeat;
	display: block;
	height: 54px;
	width: 54px;
	position: relative;
	left: 72px;
	top: -92px;
}

.view-video-sidebar .views-field-colorbox img,
.view-horizontal-video-sidebar .views-field-colorbox img {
	border: 2px solid #3F1D0E;
	margin-bottom:5px;
}

.video-caption {
        position: relative;
        text-align: center;
        font-style: italic;
        top: 5px;
        left: -10px;
        padding-bottom: 10px;
}

.view-video-sidebar .video-caption {
        display: none;
}


.region-sidebar-second .view-video-sidebar .views-row,
.grid-8 .view-video-sidebar .views-row,
.grid-9 .view-horizontal-video-sidebar .views-row {
	float:left;
	width:200px;
	margin:10px 15px;
}
.grid-8 .view-video-sidebar .view-header,
.grid-9 .view-horizontal-video-sidebar .view-header{
	display:none;
}

.template-4.grid-9 {
	border-right:2px solid #421D0E;
}

.template-4.region-sidebar-second.grid-3.alpha.omega {
	width:255px;
}

/*Meaning of 2012*/
.h4-emphasis {
	font-weight:bold;
	font-size:120%;
}

.page-node-47 p,
#node-page-47 p,
.page-node-49 p,
#node-page-49 p {
	margin-bottom:15px;
}

.page-node-47 .clearfix1,
#node-page-47 .clearfix,
.page-node-49 .clearfix1,
#node-page-49 .clearfix {
	margin-bottom:10px;
}

#node-page-47 .image-float-left,
.page-node-47 .image-float-left,
.page-node-49 .image-float-left,
#node-page-49 .image-float-left {
	display:inline;
	float:left;
	width:220px;
}

.page-node-47 .image-float-left img,
.page-node-49 .image-float-left img {
        margin-top: 10px;
}

.page-node-47 .copy-float-left,
#node-page-47 .copy-float-left, 
.page-node-49 .copy-float-left,
#node-page-49 .image-float-left img {
	margin-top:5px;
	margin-bottom:20px;
}

.page-node-47 .copy-float-left,
#node-page-49 .copy-float-left, 
.page-node-49 .copy-float-left,
#node-page-49 .copy-float-left {
	display:inline;
	float:left;
	width:700px;
}

/*calendar converter*/

/*Corn and Calendar tradiitons horizontal_video_sidebar*/
.block-corn-cal-trads-quote-sidebar {
	padding-left:25px;
}

.grid-9 .view-horizontal-video-sidebar>.view-content {
	display: flex;
	align-items: flex-start;
	justify-content: space-evenly;
}

.region-sidebar-second .view-video-sidebar .views-row,
.grid-9 .view-horizontal-video-sidebar .views-row {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.region-sidebar-second .view-video-sidebar .views-row,
.grid-9 .view-horizontal-video-sidebar .views-row.views-row-first {
	margin-left:45px !important;
}

.region-sidebar-second .view-video-sidebar .view-content .views-row,
.grid-9 .view-horizontal-video-sidebar .views-row.views-row-first {
	margin-left:0px !important;
        margin-right:30px !important;
}

@media (max-width: 750px) {
	.grid-9 .view-horizontal-video-sidebar>.view-content {
		justify-content: space-between;
	}

        .region-sidebar-second .view-video-sidebar .views-row,
	.grid-9 .view-horizontal-video-sidebar .views-row {
		width: 46%;
		padding: 0 2%;
	}
}


/*The sun Above, the Sun Below*/
.template-2 .field-name-field-page-secondary-node-ref > .field-items > .field-item {
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	width:300px;
}

.photo-gallery-teaser-img,
.template-2 .node-photo-gallery.node-teaser .field-name-field-pg-preview {
	width:195px;
}

.photo-gallery-teaser-img,
.template-2 .node-photo-gallery.node-teaser .field-name-field-pg-preview img {
	border: 2px solid #3F1D0E;
	margin-bottom:5px;
}

/* *
 * Glossary page
 * ==================================================
 *
   ================================================== */
.view-id-glossary_terms {
	padding-bottom:35px;
}

.block-glossary-terms-block {
	margin-left:15px;
}

.view-id-glossary_terms.view-display-id-block .views-row {
	margin-bottom:10px;
	font-weight:bold;
}

.view-id-glossary_terms.view-display-id-page .views-row {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #381A05;
}

.view-id-glossary_terms.view-display-id-page .views-row-last {
	border-bottom:0px;
}

/* *
 * 17.INTERACTIVES
 * ==================================================
 *
   ================================================== */

.tooltip {
        display: inline-block;
        position: relative;
	max-width: 280px;
        min-height: 50px;
	z-index: 15002;
        font-size: 135%;
	background-color: #e79223;
	color: #552911;
        border: 1px solid #552911;
	border-radius: 0;
	margin-left: 3px !important;
	box-shadow: 0 0 10px #888;
}

.tooltip::before {
    content: "";
    display: block;  
    position: absolute;
    top: 35%;
    right: 100%;
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-bottom-color: black;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.tooltip::after {
  content: " ";
  position: absolute;
  display: block;
  top: 36%;
  right: 100%; /* To the left of the tooltip */
  width: 0;
  height: 0;
  border: 13px solid transparent;
  border-bottom-color: #e79223;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

[data-popper-arrow]::before {
    content: "";
    background-color: #e79223 !important;
    border-bottom: 1px solid #552911 !important;
    border-left: 1px solid #552911 !important;
}

[data-tooltip] {
	color: #C30;
        cursor: pointer !important;
	border-bottom: none;
}

/*Maya world map tooltips*/
.maya-world-map-tooltips {
	background: #F7E2C3;
	color: #381A05;
	font-size:120%;
	padding:4px;
	text-align: left;
	font-weight: bold;
	border: 1px solid #552911;
}

#block-block-6 {
	margin-bottom:15px;
}

/* *
 * STATIC PAGES
 * ==================================================
 *
   ================================================== */
/*contact us page*/
#node-page-19.node-page p,
#node-page-20.node-page p {
	margin:15px 0;
}

/*resources and mas informacion*/
.page-node-17 .zone-content,
.page-node-18 .zone-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: stretch;
}

.page-node-17 .zone-content > .region-content,
.page-node-18 .zone-content > .region-content {
  flex: 0 0 calc(100% - 255px);
  max-width: calc(100% - 255px);
  padding-right: 25px;
  border-right: 2px solid #421D0E;
  box-sizing: border-box;
}

.page-node-17 .zone-content .node__content > .grid-4,
.page-node-18 .zone-content .node__content > .grid-4 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

.page-node-17 .zone-content > .region-content .field--name-body > p:not(:first-of-type) > strong,
.page-node-18 .zone-content > .region-content .field--name-body > p:not(:first-of-type) > strong {
  margin-top: 20px;
}

.page-node-17 .zone-content > .region-content .field--name-body > p > strong,
.page-node-18 .zone-content > .region-content .field--name-body > p > strong {
  display: block;
  margin-bottom: 15px;
  border-bottom: 2px dotted #381A05;
  font-size: 19px;
}

.page-node-17 .zone-content > .region-content .field--name-body > p > br,
.page-node-18 .zone-content > .region-content .field--name-body > p > br {
  display: none;
}

.page-node-17 .zone-content > .region-content .field--name-body > p > em,
.page-node-18 .zone-content > .region-content .field--name-body > p > em {
  font-weight: bold;
}

.page-node-17 .zone-content > .region-content .field--name-body > p > a,
.page-node-18 .zone-content > .region-content .field--name-body > p > a {
  display: block;
}

.page-node-17 .zone-content > .region-content .field--name-body > ul li,
.page-node-18 .zone-content > .region-content .field--name-body > ul li {
  margin-bottom: 15px;
}

.view-display-id-glossary_link_block .views-row {
  margin-top: 10px;
}

.view-display-id-glossary_link_block .views-row a {
  font-weight: bold;
}

.view-display-id-glossary_page .view-content {
  padding-right: 25px;
}

.view-display-id-glossary_page .view-content .views-row .views-field-title {
  font-size: 34px;
  line-height: 30px;
  margin-bottom: 15px;
  width: 700px !important;
  font-family: "Times New Roman";
}

.view-display-id-glossary_page .view-content .views-row .views-field-title a {
  color: #552813 !important;
  font-weight: bold !important;
}

.view-display-id-glossary_page .view-content .views-row,
.page-node-17 .zone-content > .region-content .field--name-body dt:not(:last-of-type),
.page-node-18 .zone-content > .region-content .field--name-body dt:not(:last-of-type) {
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #381A05;
}

.page-node-17 .zone-content > .region-sidebar-second,
.page-node-18 .zone-content > .region-sidebar-second {
  flex: 0 0 255px;
  max-width: 255px;
  margin-top: 25px;
  padding-left: 15px;
  box-sizing: border-box;
}

.page-node-17 .zone-content > .region-sidebar-second .view-glossary-terms .view-content,
.page-node-18 .zone-content > .region-sidebar-second .view-glossary-terms .view-content {
  height: 100%;
  max-height: 1000px;
  overflow: hidden;
  overflow-y: scroll;
}

.page-node-17 .zone-content > .region-sidebar-second .view-glossary-terms .views-row > .views-field-title,
.page-node-18 .zone-content > .region-sidebar-second .view-glossary-terms .views-row > .views-field-title {
  margin-top: 15px;
  font-weight: bold;
}

.page-node-17 ul li,
.page-node-18 ul li,
#node-page-17.node-page ul li,
#node-page-18.node-page ul li {
	margin:0 0 15px 0;
}

.page-node-17 strong,
.page-node-18 strong, 
#node-page-17.node-page strong,
#node-page-18.node-page strong {
	font-size:19px;
	margin:10px 0;
	display:block;
	border-bottom:2px dotted #381A05;
}

.page-node-17 em,
.page-node-18 em,
#node-page-17.node-page em,
#node-page-18.node-page em {
	font-weight:bold;
	font-variant: normal !important;
}

.page-node-17 dl,
.page-node-18 dl,
#node-page-17.node-page dl,
#node-page-18.node-page dl {
	margin-bottom:15px;
}

.page-node-17 dl dt,
.page-node-18 dl dt,
#node-page-17.node-page dl dt,
#node-page-18.node-page dl dt {
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #381A05;
}
@media (max-width: 320px) {
  .page-node-17 dl dt,
  .page-node-18 dl dt,
  #node-page-17.node-page dl dt,
  #node-page-18.node-page dl dt {
    width: 320px;
    margin: 15px;
  } 
}

.page-node-17 dl dt:last-child,
.page-node-18 dl dt:last-child,
#node-page-17.node-page dl dt.last,
#node-page-18.node-page dl dt.last {
	border-bottom:0px;
}

#block-views-glossary-terms-preview-block {
	padding-right:5px;
}

#block-views-glossary-terms-preview-block .block-title {
	display:none;
}

#block-views-glossary-terms-preview-block .content {
	height: 1000px;
	overflow-y: scroll;
	overflow-x: hidden;
	padding-left:15px;
}

#block-views-glossary-terms-preview-block .content .views-row {
	margin-bottom:15px;
}

#block-block-22 .content {
	padding-left:15px;
	margin-bottom:15px;
}

#block-block-22 h2 {
	font-size:26px;
	font-weight:normal;
}

/*for teachers*/

#for-teachers-main {
	border-bottom:2px solid #381A05;
	padding-bottom:20px;
	margin-bottom:20px;
}

#for-teachers-main img {
	margin-bottom:10px;
}

#for-teachers-aside ol {
	list-style-type:decimal;
	padding-left:20px;
}

#for-teachers-aside ul{
	list-style-type:disc;
	padding-left:20px;
}

#for-teachers-aside em {
	font-weight:bold;
	font-variant: normal;
	font-size:16px;
}

#for-teachers-aside,
#node-page-21,
#node-page-22 {
	margin-bottom:35px;
}

/*site credits*/
#node-page-22 h1.page-title,
#node-page-21 h1.page-title{
	text-align: center !important;
	width:auto !important;
}

/*Site Map*/
#site-map h2.title {
  display:none;
}

#cboxLoadedContent {
	overflow: auto;
	-webkit-overflow-scrolling:touch;
}

/* iPads (landscape) ----------- */
@media only screen  and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
	.template-2 .node-page .content article.node-photo-gallery div.photo-gallery-teaser-preview {
		position: relative;
		top: -75px;
	}

	.galleria-info-text {
		padding-right: 45px;
	}
}

/* iPads (portrait) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
	.template-2 .node-page .content article.node-photo-gallery div.photo-gallery-teaser-preview {
		position: relative;
		top: -75px;
	}

	.galleria-info-text {
		padding-right: 45px;
	}
}

.region-off-canvas {
  height: 100%;
  width: 300px !important;
  position: fixed !important;
  z-index: 1;
  top: 0;
  right: -320px;
  max-width: 100%;
  background-color: #F6AE4F;
  overflow-x: hidden;
  transition: 0.5s;
  margin: 0 !important;
  border: 2px solid #6e4429;
  box-shadow: 0 0 10px #888;
}

.region-off-canvas-inner {
	padding-left: 20px;
	padding-right: 5px;
}

.region-off-canvas .nk360-logo {
	display: block;
	margin-bottom: 1.5em;
	margin-top: 1em;
}

.region-off-canvas .nmai-logo  {
	margin-top: 1em;
	display: block;
}

.region-off-canvas .nmai-logo img {
	width: 235px;
	height: auto;
}

.region-off-canvas .nk360-logo img {
	height: 60px;
}

.region-off-canvas a {
	color: #552911 !important;
}

.region-off-canvas a:hover {
	color: white !important;
}

#page {
	transition: 0.5s;
	position: relative;
	right: 0px;
}

@media (max-width: 1040px) {
	body.off-canvas-open .region-off-canvas {
	  right: 0;
	}

	body.off-canvas-open #page {
	  right: 300px;
	}

        #block-locale-language ul.language-switcher-locale-url {
                display: none;
        }

	.off-canvas-language-switcher ul.language-switcher-locale-url {
		position: static;
		display: flex;
		align-items: center;
		justify-content: space-evenly;
		margin-top: 2em;
		padding-bottom: 2em;
		border-bottom: 1px solid #552911;
	}

	.off-canvas-language-switcher ul.language-switcher-locale-url li.first {
		margin-left: -20px;
	}

	.off-canvas-language-switcher ul.language-switcher-locale-url a.active {
		color: white !important;
	}

        .region-content.grid-12 {
                position: relative;
                right: 0;
        }
        .region-content .grid-4 {
                width: 100%;
                display: block;
                padding-left: 15px;
        }
        .region-content .grid-6 {
                width: 430px !important;
                padding-right: 10px;
                display: inline-block;
        }
        #block-menu-menu-secondary-menu .menu li a {
                padding-right: 5px;
        }
        .region-footer-second-inner .grid-6 {
                left: 10px;
        }
}

@media (min-width: 1041px) {
	body.off-canvas-open .region-off-canvas, body .region-off-canvas {
		display: none !important;
	}
}

.btn.open-menu {
	display: none;
	position: absolute;
	z-index: 99;
	top: 50px;
	right: 15px;
	cursor: pointer;
	transition: .5s;
}

.btn.open-menu div {
	width: 30px;
	height: 5px;
	background-color: #e79223;
	margin: 5px 0;
	border-radius: 5px;
	transition: .5s;
}

@media (max-width: 1040px) {
	.btn.open-menu {
		display: block;
	}

	body.off-canvas-open .btn.open-menu {
		transform: rotate(180deg);
		position: fixed;
	}

	body.off-canvas-open .btn.open-menu>div {
		background-color: white;
	}

	body.off-canvas-open .btn.open-menu>div:nth-child(1) {
		transform: rotate(45deg) translate(8px, 8px);
	}

	body.off-canvas-open .btn.open-menu>div:nth-child(2) {
		transform: rotate(405deg) translate(1px, 1px);
	}

	body.off-canvas-open .btn.open-menu>div:nth-child(3) {
		transform: rotate(-45deg) translate(6px, -6px);
	}
}

body.front #zone-content-wrapper {
	display: none;
}

.region-off-canvas .block-superfish .block-title {
	display: none;
}

.region-off-canvas .block-superfish .sf-accordion-toggle {
	display: none;
}

.region-off-canvas .block-superfish .content>ul {
	display: block;
	left: auto !important;
	position: relative !important;
	top: auto !important;
	margin-bottom: 2em;
}

.region-off-canvas .block-superfish-2 .content>ul li.sf-depth-1 {
	padding-bottom: .5em;
	margin-bottom: .5em;
	border-bottom: 1px solid #552911;
}

.region-off-canvas .block-superfish .content>ul li.sf-depth-1>ul {
	margin-left: .5em;
}

.region-off-canvas .block-superfish .content>ul li.sf-depth-1>ul .sf-depth-2 {
	margin-left: .5em;
}

.region-off-canvas .block-superfish-2 .content>ul li:not(.sf-clone-parent)>a.sf-depth-1 {
	text-decoration: none;
	font-size: 20px;
}

.region-off-canvas li.sf-clone-parent>a {
	margin-top: 1.5em;
	margin-bottom: 1em;
}

.region-off-canvas li .menu-block-1-glyph-icon,
.region-off-canvas li .menu-block-1-desc .menu-desc,
.region-off-canvas li .learn-more {
	display: none;
}

.region-off-canvas .block-superfish .content>ul.block-menu-secondary-menu li a {
	margin-bottom: 1em;
}

.off-canvas-overlay {
	position:fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	opacity: 0;
	transition: .5s;
	z-index: 999;
	pointer-events: none;
}
body.off-canvas-open .off-canvas-overlay {
	margin-left: -304px;
	opacity: 1;
	pointer-events: all;
}

.block-superfish-3 {
	border-bottom: 1px solid #552911;
}

.front-menu-right{
	float: right;
}

/* Map Page Styles */

.page-node-25 .column-flex > .column-right {
  flex: 0 0 250px;
  max-width: 250px;
}

.page-node-25 .column-flex > .column-left {
  flex: 0 0 calc(100% - 300px);
  max-width: calc(100% - 300px);
  padding-left: 25px;
}

.page-node-25 .region-content .page-title {
  display: none;
}

.page-node-25 .region-content {
  display: flex;
  flex-wrap: wrap;
}

.page-node-25 .region-content > * {
  width: 100%;
}

.page-node-25 .region-content #block-mayatime-system-main {
  order: 2;
}

.page-node-25 .region-content #block-mayatime-system-main .node__content {
  position: relative;
  padding-right: 260px;
}

.page-node-25 .region-content #block-mayatime-system-main .field--name-field-page-instructions {
  height: 80%;
  padding: 20px 15px;
  border-left: 2px solid #381A05;
}

.page-node-25 .region-content #block-mayatime-system-main .field--name-field-page-instructions > p > strong{
  color: #CC3300;
}

.page-node-25 .region-content .maya-world-interactive-map {
  order: 1;
  margin-bottom: 30px;
}

/*Festivities Page*/
@media (min-width: 641px) {
  .page-node-379 .block-system-main-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: stretch;
  }
}
@media (max-width: 640px) {
  .slider-container {
    display: contents !important;
  }
}
.page-node-379 .block-system-main-block > h2 {
  display: none;
}

.page-node-379 .block-system-main-block > .sidebar {
  flex: 0 0 300px;
  max-width: 300px;
}

.page-node-379 .block-system-main-block > .slider-container {
  flex: calc(100% - 325px);
  max-width: calc(100% - 325px);
  padding-left: 25px;
}

/*Map Popups*/
.ui-widget {
  font-family: "Times New Roman";
}

.ui-widget-overlay {
  background: #333;
  opacity: 0.9;
}

.ui-dialog {
  border: 10px solid #333333 !important;
}

.ui-dialog .ui-dialog-titlebar {
  display: none;
}

.ui-dialog .ui-dialog-content {
  display: flex;
  justify-content: stretch;
  flex-wrap: wrap;
  width: 100%;
  background: url("../img/zone-content-wrapper.jpg") top center repeat;
  border: 5px solid white;
}

.ui-dialog .ui-dialog-content .sidebar p {
  font-size: 15px;
  line-height: 24px;
  position: relative;
  top: -10px;
}

.ui-dialog .ui-dialog-content .sidebar {
  flex: 0 0 300px;
  max-width: 300px;
  position: relative;
  top: -25px;
}

.ui-dialog .ui-dialog-content h2 {
  font-size: 34px;
  line-height: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
  width: 100%;
  color: #552813 !important;
  font-family: "Times New Roman";
}

.ui-dialog .ui-dialog-content .sidebar a,
.ui-dialog .ui-dialog-content .credit-caption a {
  color: #C30;
  text-decoration: none;
}

#drupal-modal {
  overflow: auto;
}

#drupal-modal h2 .field--name-title {
  display: none;
}


@media (max-width: 760px) {
  .ui-dialog .ui-dialog-content .sidebar {
    margin-bottom: 15px;
  }

  .ui-dialog .ui-dialog-content .sidebar,
  .ui-dialog .ui-dialog-content .field--name-body,
  .slider-container {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .slider-container {
    padding: 0;
  }
}

.yt-dialog {
	width: 99% !important;
	top: 0 important;
	right: 0 important;
}

.yt-dialog article {
	margin: 0 auto;
}

.yt-dialog .media-oembed-content {
	max-width: 100%;
    max-height: 70vh;
}

.use-ajax .multi-video-thumbnail {
	width: 100%;
}

.video-play-button {
    background: url(../img/play.png) no-repeat;
    display: block;
    height: 54px;
    width: 54px;
    position: relative;
    left: 44%;
    top: -220px;
}

.views-field-field-video-1 img {
    width: 100%;
    height: 100%;
}
.column-right .colorbox-media-video img {
    border: 2px solid #3F1D0E;
}

.views-field-field-video-1 .video-play-button {
    background: url(../img/play.png) no-repeat;
    display: block;
    height: 54px;
    width: 54px;
    position: relative;
    left: 72px;
    top: -80px;
}

.multi-video-fields-container {
	margin-top:-50px;
}

/* RESPONSIVE STYLES */
#zone-content-wrapper-front {
  background: url("../img/zone-content-wrapper-front.jpg") top center no-repeat;
  min-height: 1876px;
}
@media (min-width: 641px) { 
  .region-menu-inner.desktop {
    display: block ;
  }

  .region-menu-inner.mobile {
    display: none;
  }

  #block-locale-language ul.language-switcher-locale-url {
    display: none;
  }

  .glyph-instructions-mobile {
    display: none;
  }
}

@media(max-width: 471px) {
  .page-node-48 .zone-content >.region-sidebar-second {
    top: 575px;
  }
}

@media(max-width: 531px) {
  .page-node-48 .zone-content >.region-sidebar-second {
    top: 700;
    max-width: max-content;
    padding: 50px;
  }
}

@media (max-width: 640px) { 

  html, body {
    min-width: 100vw;
    /*overflow-x: hidden;*/
  }

  body {
    background: url(../img/zone-content-wrapper.jpg) top center transparent repeat-y;
  }

  .region-menu-inner.desktop {
    display: none !important;
  }

  .region-menu-inner.mobile {
    display: block !important;
  }
  .region-snapshots {
    display: none;
  }

  .branding-region-negative-margin-left {
    padding-left: 0 !important;
    margin-left: -20px !important;
  }

  #block-block-2 div.nmai p {
    font-size: 1.31em;
    text-align: left;
    padding-left: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  #block-block-2 div.nmai p {
    font-size: 1.29em;
    padding: 0 1em;
  }

  .logo-img img {
    max-width: 400px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
  }

  #section-header {
    height: 290px;
  }

  .language-switcher-language-url {
    display: block;
    position: relative;
    top: -65px;
    left: 55px;
  }

  .language-switcher-language-url li {
    border-top: 6px solid #009489;
  }

  .menu--main ul.menu {
    width: 80%;
    left: -87px;
  }

  #region-secondary-menu {
    margin-top: 0;
  }

  .region-secondary-menu {
    position: relative;
    top: 15px;
    left: 72%;
  }

  #block-menu-menu-secondary-menu nav {
    position: relative;
    left: 55px;
  }

  .section-content,
  #zone-content-wrapper-front {
        background: url(../img/zone-content-wrapper.jpg) top center transparent repeat-y;
  }

  #zone-content p {
    max-width: 87%;
  }

  #zone-content.container-12 .grid-4.alpha.omega {
    width: 120vw;
  }


  .path-frontpage #section-content {
    min-height: 2165px;
  }
 
  #front-menu-main {
    width: 410px;
  }

  .path-frontpage .front-menu {
    max-width: 395px;
  }

  .front-menu.front-menu-the-maya {
    margin-left: 60px;
  }

  .front-menu.front-menu-calendar {
    top: 50px;
    left: 5px;
    margin-right: 5px;
  }

  #front-menu-aside {
    top: 100px;
  }

  .front-menu.front-menu-maya-sun { 
    margin-right: 85px;
  }

  .front-menu.front-menu-corn-and-maya-time { 
    top: 65px;
    margin-right: 10px;
  }

  .front-menu.front-menu-2012-resetting-the-count {
    top: 145px;
    margin-right: 10px;
  }

  #front-menu-main-bottom {
    display: none;
  }

  .field--name-field-submenu {
    max-width: 500px;
    display: block;
  }

  h1.page-title {
    margin-left: 10px;
  }

  .node--type-page .node__content .grid-4 {
    flex: 0 0 440px;
    max-width: 440px;
  }

  .region-sidebar-second li.the-maya-people::before {
    content: " ";
    display: block;
  }
 
  .field--name-field-submenu > .field__item {
    margin-left: 32px;
  }

  .block-system-main-block .column-flex {
    flex-direction: column;
  }

  .column-flex .column-left {
    margin-left: 10px;
    margin-bottom: 15px;
    min-width: 400px;
  }
  .column-flex .column-right {
    min-width: 400px;
    padding-left: 10px !important;
  }

  .secondary-nav-block {
    padding-top: 0 !important;
    margin-top: 10px;
    max-height: 218.5px;
  }

  .secondary-nav-block > ul.menu {
    display: inline-block;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 2;
  }

  .secondary-nav-block > ul.menu li {
    padding: 5px 0 5px 10px;
    max-width: 190px; 
  }

  .secondary-nav-block > ul.menu li .menu-item_info {
    max-width: 90px !important;
  }

  /* .secondary-nav-block > ul.menu > li .menu_link_content .menu-item_info .menu-item_title,
  .secondary-nav-block > ul.menu > li .menu_link_content .menu-item_info .field--name-field-summary {
    width: 50%;
  } */
  .secondary-nav-block > ul.menu  li:nth-child(3),
  .secondary-nav-block > ul.menu  li:nth-child(4) {
    position: relative;
    left: -5px;
  }

  .secondary-nav-block > ul.menu  li:nth-child(3) img,
  .secondary-nav-block > ul.menu  li:nth-child(4) img {
    position: relative;
    z-index: 10000;
  }

  #colorbox {
    top: 80px !important;
    left: 5px !important;
  }

  .column-right .colorbox-media-video img {
    max-width: 360px;
    height: 100%;
  }

  .video-play-button {
    top: -135px;
  }

  .secondary-media {
    position: relative;
    top: 30px;
    left: 10px;
    margin-bottom: 30px;
  }
  .video-caption {
    left: 0;
    max-width: 370px;
  }

  .block-system-main-block .column-flex > .column-right-narrow {
    max-width: 410px;
  }

  .block-system-main-block .column-flex > .column-right-narrow::after {
    content: "";
    display: block;
  }

  .block-menu-footer-main-menu {
    padding-bottom: 12px;
  }

  .region-footer-first {
    position: relative;
    top: -15px;
  }

  .region-footer-second {
    width: 100%;
    background-color: #2A0D01;
    padding-bottom: 20px;
    padding-left: 85px;
  }

  .region-footer-first-inner {
    max-width: 93vw;
    padding-left: 25px;
  }

  .region-footer-second-inner {
    background-color: #2A0D01;
    display: inline-block;
  }

  .region-footer-second-inner .grid-6 {
    float: none !important;
  }

  .region-footer-second-inner img {
    max-width: 200px;
    position: relative;
    top: 10px;
    left: -10px;
  }

  #block-menu-menu-menu-footer-secondary-menu {
    margin-bottom: 10px;
  }

  #block-menu-menu-menu-footer-secondary-menu ul {
    position: relative;
    left: -20px;
  }

  #block-menu-menu-menu-footer-secondary-menu ul li a {
    font-size: 14px;
    margin-top: 30px;
  }

  .block-menu-menu-tertiary-menu {
    float: none !important;
    position: relative;
    left: 50px !important;
  }

  .block-menu-menu-tertiary-menu ul {
    text-align: left;
    margin-top: 7px;
  }

  .block-menu-tertiary-menu ul li a {
    font-size: 10px;
    position: relative;
    left: -30px;
  }

  .site-copyright {
    font-size: 10px;
    position: relative;
    left: -18px;
  }

  /* FOR SPECIFIC PAGES */

  .page-node-15 h1.page-title {
    margin-top: 20px;
  }

  .page-node-15 .region-content {
    max-width: 430px;
  }

  .page-node-15 .region-content .grid-3.alpha,
  .page-node-15 #for-teachers-aside {
    margin-left: 10px;
  }

  .page-node-15 .region-content .grid-6.alpha {
    margin-top: 20px;
  }

  .page-node-15 .region-content .grid-6.omega {
    margin-left: 0;
  }

  .page-node-15 .region-content .grid-3 {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #381A05;
  }

  .page-node-15 .region-content .grid-3.omega,
  .page-node-15 .region-content .grid-3:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }

  .page-node-15 .region-content .grid-3,
  .page-node-15 #for-teachers-main, 
  .page-node-15 #for-teachers-aside {
    width: 400px;
  }

  .page-node-17 .zone-content {
    display: block;
  }

  .page-node-17 .zone-content > .region-content {
    display: block;
    max-width: 410px;
    margin-left: 10px;
    padding-right: 0;
    border-right: none;
    margin-bottom: 10px;
    border-bottom: 2px solid #381A05;
    padding-bottom: 20px;
  }

  .page-node-17 .view-id-glossary_terms {
    width: 380px;
  }

  .page-node-17 #block-mayatime-block-22::before,
  .page-node-17 .zone-content > .region-content::after {
    content: "";
    display: block;
    clear: both;
  }

  .page-node-17 .hamb {
    top: -60px !important;
  }

  .page-node-17 h1.page-title {
    margin-top: 25px;
    margin-left: 0;
  }
 
  .page-node-17 #block-mayatime-block-22 {
    min-width: 270px;
  }

  .path-glossary .zone-content {
    position: relative;
    left: 5px;
  }

  .path-glossary h1.page-title {
    position: relative;
    top: 15px;
    margin-left: 0;
  }

  .path-glossary .zone-content > .region-content {
    flex: 0 0 calc(100% - 130px);
    max-width: calc(100% - 130px);
    padding-right: 10px;
  }

  .path-glossary .view-display-id-glossary_page .view-content .views-row {
    width: 290px;
    position: relative;
    left: -45px;
  }

  .path-glossary .view-display-id-glossary_page .view-content .views-row .views-field-title {
    font-size: 22px;
    width: 330px !important;
  }

  .view-display-id-glossary_link_block .views-row a {
    font-size: 14px;
    line-height: 12px !important;
  }

  .path-glossary .view-display-id-glossary_page .view-content {
    padding-right: 1px;
  }

  .path-glossary .zone-content .region-sidebar-second {
    flex: 0 0 130px;
    max-width: 130px;
    padding-left: 15px;
    position: relative;
    left: -10px;
  }

  .maya-world-interactive-map img {
    max-width: 50%;
  }

  .page-node-11 .field--name-field-submenu > .field__item::after {
    content: "";
    display: block;
  }

  .glyph-instructions-mobile {
    position: relative;
    top: -7px;
    left: -5px;
  }

  .page-node-39 .secondary-nav-block > ul.menu,
  .page-node-41 .secondary-nav-block > ul.menu {
    display: flex;
    flex: 50%;
    flex-direction: column;
    flex-wrap: wrap;
    padding-top: 15px;
  }
  .page-node-39 .secondary-nav-block > ul.menu,
  .page-node-41 .secondary-nav-block > ul.menu {
    padding-left: 15px;
  }

  .page-node-39 .secondary-nav-block,
  .page-node-41 .secondary-nav-block {
    position: relative;
    left: -20px;
    display: flex;
    min-width: 450px;
  }

  .page-node-39 .zone-content .region-sidebar-second,
  .page-node-41 .zone-content .region-sidebar-second {
    flex: 0 0 400px;
    max-width: 400px;
  }

  .page-node-41 .node__content {
    max-width: 410px;
  }

  .page-node-41 .glyph-content {
    max-width: 400px;
  }

  .page-node-41 div.two_columns div.column_one {
    margin-right: 10px;
  }

  .page-node-39 .grid-12 {
    max-width: 420px;
  }

  #block-mayatime-block-5 {
    min-width: 430px;
  }

  .page-node-39 #intro-glyph,
  .page-node-39 #intro-glyph img {
    max-width: 208px;
    position: relative;
    left: -6px;
  }

  .page-node-39 div#monument div.calendar-glyph.even {
    position: relative;
    left: -25px;
  }

  .page-node-39 div#monument div.calendar-glyph.odd {
    position: relative;
    left: -45px;
  }

  #converter-aside {
    position: relative;
    left: -69px;
  }
  #converter-aside #details div:last-child {
    position: relative;
    left: -40px;
  }

  #select-date {
    position: relative;
    left: -57px;
  }

  #conversion-form p:nth-child(2) {
    position: relative;
    left: -23px;
  }
  #conversion-form p:nth-child(2) span {
    position: relative;
    left: -3px;
  }
  #conversion-form p:nth-child(3) {
    position: relative;
    left: -38px;
  }

  #details h3:first-child {
    font-size: 15px;
  }

  #calendar-converter-main #conveter-main {
    margin-right: 20px;
  }
  #calendar-converter-intro,
  #calendar-converter-intro p {
    width: 380px !important;
  }
  #lcd-baktuns-days::before,
  #lcd-katuns-days::before,
  #lcd-tuns-days::before,
  #lcd-uinals-days::before,
  #calendar-abstract3 div:nth-child(2)::after {
    content: "";
    display: block;
    clear: both;
  }
  p#calendar-quote {
    width: 390px !important;
    margin-left: 0px !important;
  }
  .aside-mobile.left-pull + div h4,
  .aside-mobile.left-pull + div #calendar-abstract {
    min-width: 460px;
    position: relative;
    left: -40px;
  }
  .basic-unit {
    position: absolute;
    left: 10px;
  }
  #calendar-abstract3 {
    margin-left: 10px;
    min-height: 930px;
  }
  #calendar-abstract3 div {
    margin: 0;
    width: 400px !important;
  }
  .page-node-39 .field--name-field-media-image .field__item, .left-pull {
    margin-bottom: 25px;
  }
  .page-node-43 .block-system-main-block .column-flex > .column-left-wide {
    flex: initial;
    display: block;
    border-right: none;
    margin-left: 10px;
  }

  .page-node-43 .view-video-sidebar {
    top: 25px;
  }

  .page-node-43 .region-sidebar-second {
    min-width: 445px;
  }

  .page-node-43 .region-sidebar-second .view-video-sidebar .view-content .views-row, .grid-9 .view-horizontal-video-sidebar .views-row.views-row-first {
    margin-left: none !important;
    margin-right: 0 !important;
  }
  .page-node-43 .view-video-sidebar {
    margin-left: 20px;
  }

  .page-node-47 .copy-float-left, 
  .page-node-47 .image-float-left {
    margin-left: 10px;
    width: 405px;
  }

  .page-node-47 .pvsf {
    margin-left: 10px;
  }

  .page-node-47 #block-blockmenu2021resettingthecount,
  .page-node-48 #block-blockmenu2021resettingthecount {
    min-width: 428px;
    max-height: 130px;
    position: relative;
    z-index: 10001;
  }
  .page-node-47 #block-blockmenu2021resettingthecount ul.menu,
  .page-node-48 #block-blockmenu2021resettingthecount ul.menu {
    position: relative;
    top: -5px;
  }

  .page-node-48 .zone-content {
    display: block;
    max-height: 1880px;
  }

  .page-node-48 .zone-content >.region-sidebar-second {
    top: 650px;
    max-width: max-content;
    padding: 50px;
  }

  .page-node-48 .zone-content .region-sidebar-second .block-views-blockvideo-sidebar-block {
    border: none;
    padding: 0 0 0 10px;
  }

  .page-node-48 .region-sidebar-second .view-video-sidebar .view-content .views-row {
    min-width: 190px;
  }

  .page-node-48 .region-sidebar-second .view-video-sidebar .view-content .views-row:nth-child(odd) {
    margin-right: 10px !important;
  }

  .page-node-48 .region-sidebar-second .view-video-sidebar .view-content .views-row:nth-child(even) {
    margin-right: 0 !important;
  }

  /* NEW MOBILE MENU STYLES */

:root{
    --white: #f9f9f9;
    --black: #36383F;
    --gray: #85888C;
} /* variables*/

/* Reset */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    background-color: var(--white);
}
a{
    text-decoration: none;
}
ul{
    list-style: none;
}
/* Header */
.header{
    background-color: var(--black);
    box-shadow: 1px 1px 5px 0px var(--gray);
    position: sticky;
    top: 0;
    width: 100%;
}
/* Logo */
.logo{
    display: inline-block;
    color: var(--white);
    font-size: 60px;
    margin-left: 10px;
}
/* Nav menu */
.mobile nav{
    width: 100%;
    height: 100%;
    max-width: 430px;
    position: fixed;
    background-color: #333;
    overflow: hidden;

}
.menu--main .menu li {
    padding: 20px;
}
.menu--main .menu a {
    display: block;
    padding: 20px;
    color: var(--white);
}
.menu--main .menu a:hover {
    background-color: #E79223;
}
.mobile nav{
    max-height: 0;
    transition: max-height .5s ease-out;
}
/* Menu Icon */
.hamb{
    cursor: pointer;
    float: right;
    /*padding: 20px 10px;*/
    height: 42px;
    width: 40px;
    background: #E79223;
    border:2px solid #6e4429;
    border-radius: 5px;
    box-sizing: border-box;
    -webkit-box-shadow:0 0 10px #888;
    -moz-box-shadow: 0 0 10px #888;
    box-shadow:0 0 10px #888;
    display: block;
    position: relative;
    top: -173px;
    left: 15px;
}
/* Style label tag */

.hamb-line {
    background: var(--white);
    display: block;
    height: 2px;
    position: relative;
    width: 24px;
    top: 18px;
    left: 7px;

} /* Style span tag */

.hamb-line::before,
.hamb-line::after{
    background: var(--white);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
}
.hamb-line::before{
    top: 5px;
}
.hamb-line::after{
    top: -5px;
}

.side-menu {
    display: none;
}
/* Toggle menu */
.side-menu.open ~ .region-menu nav {
    z-index: 10002;
    max-height: 100%;
    top: 215px;
}
.side-menu.open ~ .region-menu nav .menu,
.side-menu.open ~ .region-menu nav .menu li {
    display: block;
    padding-top: 0.5em !important;
}

/* Toggle menu icon */
.side-menu.open ~ .hamb .hamb-line {
    background: transparent;
}
.side-menu.open ~ .hamb .hamb-line::before {
    transform: rotate(-45deg);
    top:0;
}
.side-menu.open ~ .hamb .hamb-line::after {
    transform: rotate(45deg);
    top:0;
}

  .menu--main ul.menu li a {
    position: relative;
    color: #c30;
  }
  .menu--main ul.menu {
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .menu--main ul.menu li.menu-item--active-trail a {
    color: #E79223;
    background: url(../img/icon_nav_arrow_down.png) no-repeat 48% 11px;
  }
  .menu--main ul.menu li.menu-item--active-trail a:hover {
    background: none;
  }
  .menu--main ul.menu li:not(:last-of-type):after {
    display: none;
  }
/* Responsiveness */
@media (min-width: 768px) {
    .menu--main nav {
        max-height: none;
        top: 0;
        position: relative;
        float: right;
        width: fit-content;
        background-color: transparent;
    }
    .menu--main .menu li.menu-item {
        float: left;
    }
    .menu--main .menu a:hover{
        background-color: #E79223;

    }

    .hamb{
        display: none;
    }
}

  .region-menu-inner.mobile .menu--main .menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
    max-width: 400px;
  }

  .region-menu-inner.mobile .menu--main ul.menu {
    text-align: left;
    margin-top: 15px;
    margin-left: 115px;
    width: 490px;
  }

  .region-menu-inner.mobile ul.menu li:hover {
    background-color: #E79223;
    color: black;
  }

  .region-menu-inner.mobile a {
    color: white;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    display: block;
  }

  /* OLD HAMBURGER MENU */

  .region-menu-inner.mobile a.icon {
    display: none;
    background: #E79223;
    border:2px solid #6e4429;
    border-radius: 5px;
    box-sizing: border-box;
    -webkit-box-shadow:0 0 10px #888;
    -moz-box-shadow: 0 0 10px #888;
    box-shadow:0 0 10px #888;
    position: absolute;
    left: 10px;
    top: -355px;
  }

  .region-menu-inner.mobile .active {
    background-color: #04AA6D;
    color: white;
  }

  #zone-footer {
    padding-top: 100px;
  }
}

@media (max-width: 425px) {
  .path-frontpage .front-menu, .front-menu-right {
    max-width: 360px;
  }
  .front-menu-right{
    margin-right: 50px !important;
  }
}