/*
Theme Name:     The Hershey Museum
Description:    The Museum on Chocolate Avenue
Author:         clipperadmin
Template:       twentyfourteen


/*-------------------- FONTS IMPORT -------------------------*/

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: local("Montserrat-Regular"),
    url(https://fonts.gstatic.com/s/montserrat/v6/zhcz-_WihjSQC0oHJ9TCYAzyDMXhdD8sAj6OAJTFsBI.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
.rowbg {
  background: #7b1719;
  color: #fff !important;
  font-weight: bold;
  text-align: center;
}
.rowbg p {
  margin: 0;
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 40px;
}

/* SETUP - REMOVE ELEMENTS FROM WP2014 TEMPLATE */

::selection {
  background: #1a397b;
  color: #fff;
  text-shadow: none;
}

::-moz-selection {
  background: #1a397b;
  color: #fff;
  text-shadow: none;
}

.featured-content {
  padding-left: 50px;
}

.site-main .widecolumn {
  margin-left: 50px;
  margin-right: 29%;
}

.site:before {
  width: 0;
}

#secondary {
  width: 0;
}

.full-width .site-content {
  margin: 0 auto;
}

.full-width .site-content .has-post-thumbnail .entry-header {
  margin: 0 auto;
}

.singular.full-width .site-content .has-post-thumbnail.hentry {
  margin: 0 auto;
}

.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page- content {
  max-width: 2000px;
}

.hentry {
  max-width: 100%;
}

.site {
  background-color: #fff;
  position: relative;
}

.main-content {
  width: 100%;
}

.masthead-fixed .site-header {
  top: 0;
  position: relative;
}

#contentWrap {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}

.site-content {
  margin: 0 2%;
}

h1.entry-title {
  display: none;
}

.postTitle {
  display: block;
  font-size: 28px;
  font-weight: 300;
  line-height: 1.3;
  margin-bottom: 12px;
  margin: 0 0 12px 20px;
  text-transform: none;
  margin-top: 0;
  padding: 0;
  text-align: left;
}

h3.postTitle a {
  color: #0e465f;
  text-decoration: none;
}

h3.postTitle a:hover {
  color: #7e1515;
  text-decoration: none;
}

.hentry {
  margin-bottom: 0;
}

a,
.entry-content a,
.entry-summary a,
.page-content a,
.comment-content a {
  color: #7e1515;
  text-decoration: none;
  font-weight: bold;
}

a:hover,
.entry-content a:hover,
.entry-summary a:hover,
.page-content a:hover,
.comment-content a:hover {
  color: #7e1515;
  text-decoration: underline;
}

.site-content .entry-header {
  padding: 0 10px 12px;
  background: none;
  margin-top: -15px;
}

@media screen and (min-width: 673px) {
  .site-content {
    margin-left: 20px;
    margin-right: 29%;
  }
}

@media screen and (min-width: 846px) {
  .content-area,
  .content-sidebar {
    padding-top: 20px;
  }
  .site-content .entry-header,
  .site-content .entry-content,
  .site-content .entry-summary,
  .site-content footer.entry-meta {
    margin-right: 0;
    margin-top: 0;
  }
}

@media screen and (min-width: 880px) {
  .site-content .entry-header,
  .site-content .entry-content,
  .site-content .entry-summary,
  .site-content footer.entry-meta {
    margin-right: 0;
    margin-top: -15px;
  }
}

/*------------------- FULL WIDTH TEMPLATE KIDS----------------------*/

.page-template-page-templatesfull-width-kids-php .site {
  width: 100%;
}
.page-template-page-templatesfull-width-kids-php .hentry {
  margin: 0 auto 48px;
  max-width: 90%;
}
.page-template-page-templatesfull-width-kids-php .site-content .entry-header,
.page-template-page-templatesfull-width-kids-php .site-content .entry-content,
.page-template-page-templatesfull-width-kids-php .site-content .entry-summary,
.page-template-page-templatesfull-width-kids-php .site-content .entry-meta,
.page-template-page-templatesfull-width-kids-php .page-content {
  margin: 0 auto;
  max-width: 1100px;
}
.page-template-page-templatesfull-width-kids-php .main-content,
.page-template-page-templatesfull-width-kids-php .content-area {
  float: left;
  width: 100%;
}
.page-template-page-templatesfull-width-kids-php .site-content,
.page-template-page-templatesfull-width-kids-php .site-main .widecolumn {
  margin-left: 0;
}
.page-template-page-templatesfull-width-kids-php .site:before {
  width: 0;
}
.page-template-page-templatesfull-width-kids-php .site-content {
  margin-left: 0;
  margin-right: 0;
}

.rowads {
  width: 100%;
  clear: both;
  overflow: hidden;
}
.rowads a {
  margin: 0 10px;
  float: left;
}
.rowads a img {
  height: 79px;
  margin: 20px 0 10px 0;
}

/*------------------- FULL WIDTH TEMPLATE SPECIAL EXHIBIT----------------------*/

.page-template-page-templatesfull-width-special-exhibit-php .site {
  width: 100%;
}
.page-template-page-templatesfull-width-special-exhibit-php .hentry {
  margin: 0 auto 48px;
  max-width: 90%;
}
.page-template-page-templatesfull-width-special-exhibit-php
  .site-content
  .entry-header,
.page-template-page-templatesfull-width-special-exhibit-php
  .site-content
  .entry-content,
.page-template-page-templatesfull-width-special-exhibit-php
  .site-content
  .entry-summary,
.page-template-page-templatesfull-width-special-exhibit-php
  .site-content
  .entry-meta,
.page-template-page-templatesfull-width-special-exhibit-php .page-content {
  margin: 0 auto;
  max-width: 1100px;
}
.page-template-page-templatesfull-width-special-exhibit-php .main-content,
.page-template-page-templatesfull-width-special-exhibit-php .content-area {
  float: left;
  width: 100%;
}
.page-template-page-templatesfull-width-special-exhibit-php .site-content,
.page-template-page-templatesfull-width-special-exhibit-php
  .site-main
  .widecolumn {
  margin-left: 0;
}
.page-template-page-templatesfull-width-special-exhibit-php .site:before {
  width: 0;
}
.page-template-page-templatesfull-width-special-exhibit-php .site-content {
  margin-left: 0;
  margin-right: 0;
}

/*------------------- FULL WIDTH TEMPLATE ATTRACTION----------------------*/

.page-template-page-templatesfull-width-interactive-php .site {
  width: 100%;
}
.page-template-page-templatesfull-width-interactive-php .hentry {
  margin: 0 auto 48px;
  max-width: 90%;
}
.page-template-page-templatesfull-width-interactive-php
  .site-content
  .entry-header,
.page-template-page-templatesfull-width-interactive-php
  .site-content
  .entry-content,
.page-template-page-templatesfull-width-interactive-php
  .site-content
  .entry-summary,
.page-template-page-templatesfull-width-interactive-php
  .site-content
  .entry-meta,
.page-template-page-templatesfull-width-interactive-php .page-content {
  margin: 0 auto;
  max-width: 1100px;
}
.page-template-page-templatesfull-width-interactive-php .main-content,
.page-template-page-templatesfull-width-interactive-php .content-area {
  float: left;
  width: 100%;
}
.page-template-page-templatesfull-width-interactive-php .site-content,
.page-template-page-templatesfull-width-interactive-php .site-main .widecolumn {
  margin-left: 0;
}
.page-template-page-templatesfull-width-interactive-php .site:before {
  width: 0;
}
.page-template-page-templatesfull-width-interactive-php .site-content {
  margin-left: 0;
  margin-right: 0;
}

/*------------------- FULL WIDTH TEMPLATE ATTRACTION----------------------*/

.page-template-page-templatesfull-width-museum-experience-php .site {
  width: 100%;
}
.page-template-page-templatesfull-width-museum-experience-php .hentry {
  margin: 0 auto 48px;
  max-width: 90%;
}
.page-template-page-templatesfull-width-museum-experience-php
  .site-content
  .entry-header,
.page-template-page-templatesfull-width-museum-experience-php
  .site-content
  .entry-content,
.page-template-page-templatesfull-width-museum-experience-php
  .site-content
  .entry-summary,
.page-template-page-templatesfull-width-museum-experience-php
  .site-content
  .entry-meta,
.page-template-page-templatesfull-width-museum-experience-php .page-content {
  margin: 0 auto;
  max-width: 1100px;
}
.page-template-page-templatesfull-width-museum-experience-php .main-content,
.page-template-page-templatesfull-width-museum-experience-php .content-area {
  float: left;
  width: 100%;
}
.page-template-page-templatesfull-width-museum-experience-php .site-content,
.page-template-page-templatesfull-width-museum-experience-php
  .site-main
  .widecolumn {
  margin-left: 0;
}
.page-template-page-templatesfull-width-museum-experience-php .site:before {
  width: 0;
}
.page-template-page-templatesfull-width-museum-experience-php .site-content {
  margin-left: 0;
  margin-right: 0;
}

/*------------------- SITE CONTAINER ----------------------*/

body .site {
  background-color: #fff;
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  padding: 0;
  font-family: "Montserrat", sans-serif;
  color: #666;
  font-size: 15px;
  line-height: 1.2;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

.no-sidebars .site-content #content {
  width: 100%;
  margin: 0 auto;
  max-width: 1100px;
}

.no-left .site-content {
  margin: 0 4% 0 0%;
}

/*------------------- CURATORS CORNER ----------------------*/

body.blog .curatorsCorner,
body.single .curatorsCorner,
body.archive .curatorsCorner {
  max-width: 1100px;
  margin: 0 auto;
}

.clear {
  clear: both;
  padding: 10px 0;
}

body.blog .curatorsCorner h1.entry-title,
body.archive .curatorsCorner h1.entry-title {
  display: block;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.3;
  margin: 0;
  text-transform: none;
  padding: 20px 0 0 20px;
  text-align: left;
}

body.single .curatorsCorner h1.entry-title {
  display: block;
  font-size: 30px;
  font-weight: 300;
  line-height: 1.3;
  margin: 0;
  text-transform: none;
  padding: 40px 0 0 20px;
  text-align: left;
}

.paging-navigation {
  border-top: 5px solid #7e1515;
  margin: 48px 0;
}

.paging-navigation .page-numbers {
  border-top: 5px solid transparent;
  display: inline-block;
  font-size: 14px;
  font-weight: 900;
  margin-right: 1px;
  padding: 7px 16px;
  text-transform: uppercase;
  color: #7e1515;
}

.post-navigation,
.image-navigation {
  margin: 24px 0 48px 10px;
  padding: 0 10px;
}

.post-navigation a,
.image-navigation a {
  color: #7e1515;
  text-decoration: none;
}

.post-navigation a:hover,
.image-navigation a:hover {
  text-decoration: none;
}

.comments-area {
  display: none;
}

/*------------------------- FONTS -------------------------*/

h1 {
  font-size: 48px;
  line-height: 1.1em;
  font-family: "Montserrat", sans-serif;
  color: #6f2626;
  text-transform: uppercase;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

h2,
.h2 {
  font-size: 30px;
  line-height: 1.3em;
  font-family: "Montserrat", sans-serif;
  color: #6f2626;
  text-align: left;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

h3 {
  font-size: 20px;
  line-height: 1.3em;
  font-family: "Montserrat", sans-serif;
  color: #0e465f;
  text-align: left;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

h4 {
  font-size: 20px;
  line-height: 1.2em;
  font-family: "Montserrat", sans-serif;
  color: #0e465f;
  text-align: left;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

p.h1 {
  font-size: 48px;
  line-height: 1.1em;
  font-family: "Montserrat", sans-serif;
  color: #6f2626;
  text-transform: uppercase;
  display: block;
  text-align: center;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

.submenuTitle {
  font-size: 16px;
  line-height: 1.2;
  font-family: "Montserrat", sans-serif;
  color: #6f2626;
  font-weight: 700;
  display: block;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

p {
  font-size: 15px;
  line-height: 1.4;
  font-family: "Raleway", sans-serif;
  color: #666;
  -ms-hyphens: none;
  -webkit-hyphens: none;
}

p.subtext {
  font-family: "Montserrat";
  font-size: 18px;
  line-height: 1.5;
  text-align: left;
  text-transform: uppercase;
  color: #0e465f;
  font-weight: bold;
  display: block 10px 0;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

p.subheadGrey {
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  color: #a5a5a5;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 4px;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

p.homeText {
  text-align: center;
  padding: 0 8%;
  margin: 5px 0 40px 0;
  font-family: "Raleway", sans-serif;
  font-size: 15px;
  line-height: 1.4;
  color: #666;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

.entry-header .entry-title {
  font-size: 48px;
  margin: 33px 0;
  font-family: "Montserrat", sans-serif;
  color: #6f2626;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

h2.introText {
  text-align: center;
  padding: 0 8%;
  margin: 5px 0 40px 0;
  font-family: "Raleway", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #666;
  font-weight: 700;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

h3.events {
  font-size: 32px;
  margin: 10px 0;
  font-family: "Montserrat", sans-serif;
  color: #0e465f;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

h2.blueSubhead {
  font-size: 22px;
  font-family: "Montserrat", sans-serif;
  color: #0e465f;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 3px;
  font-weight: 700;
  margin-top: 0;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

h2.divider {
  display: block;
  border-top: 1px solid #999;
  padding: 35px 0 30px 0;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

h3.divider {
  display: block;
  border-top: 1px solid #999;
  padding: 35px 0 30px 0;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

.caption {
  font-size: 13px;
  line-height: 17px;
  color: red;
}

.caption img {
  margin-bottom: 10px;
}

.responsiveVideo {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.responsiveVideo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*---------------------- HOME GRID ------------------------*/

.col {
  margin: 0 auto;
}

.col.calloutLeft,
.col.calloutCenter,
.col.calloutRight {
  float: none;
  margin: 0;
  width: 100%;
}

.calloutLeft img,
.calloutCenter img,
.col.calloutRight img {
  margin-bottom: 8%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (min-width: 768px) {
  .col {
    float: left;
    margin-left: 2%;
  }

  .col:first-child {
    margin-left: 0;
  }

  .col.calloutLeft,
  .col.calloutRight {
    width: 30%;
  }

  .col.calloutCenter {
    width: 35%;
  }

  .calloutLeft img,
  .calloutCenter img,
  .col.calloutRight img {
    margin-bottom: 8%;
    display: inherit;
  }
}

/*---------------------- HEADER ---------------------------*/

#site-header {
  padding: 0;
  background: url("images/header-bkgnd.jpg") top right no-repeat;
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 135px;
}

.site-header {
  background-color: #000;
  position: relative;
  width: 100%;
  max-width: 100%;
  z-index: 4;
  margin: 0 auto;
}

#headWrapper {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.site-header {
  padding: 0;
  background: url("images/header-bkgnd.jpg") top center no-repeat;
}

#mailingList,
#socialFeeds {
  width: 200px;
  display: block;
  margin: 10px auto 0 auto;
}

#mailingList p {
  font-family: "Montserrat", sans-serif;
  color: #7e1515;
  text-transform: uppercase;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 5px !important;
}

#mailingList p:before {
  content: "";
  display: block;
  background: url("images/envelope.png") no-repeat;
  width: 25px;
  height: 20px;
  float: left;
  margin: 1px 6px 0 18px;
}

#mailingList a {
  color: #7e1515;
  text-decoration: none;
}

#mailingList a:hover {
  text-decoration: underline;
}

#donation,
#socialFeeds {
  width: 200px;
  display: block;
  margin: 10px auto 0 auto;
}

#student-history-contest {
  width: 200px;
  display: block;
  margin: 5px auto 0 auto;
}

#employment_icon {
  width: 200px;
  display: block;
  margin: 5px auto 0 auto;
}

#membership_icon {
  width: 200px;
  display: block;
  margin: 5px auto 0 auto;
}

#membership_icon p:before {
  content: "";
  display: block;
  background: url("https://hersheystory.org/wp-content/uploads/2023/02/hersheystory-membership-icon.png")
    no-repeat;
  width: 25px;
  height: 25px;
  float: left;
  margin: 1px 6px 0 18px;
}

#membership_icon p {
  font-family: "Montserrat", sans-serif;
  color: #7e1515;
  text-transform: uppercase;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 5px !important;
}




#donation p {
  font-family: "Montserrat", sans-serif;
  color: #7e1515;
  text-transform: uppercase;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 5px !important;
}

#donation p:before {
  content: "";
  display: block;
  background: url("https://hersheystory.org/wp-content/uploads/2018/01/like-1.png")
    no-repeat;
  width: 25px;
  height: 25px;
  float: left;
  margin: 1px 6px 0 18px;
}

#student-history-contest p {
  font-family: "Montserrat", sans-serif;
  color: #7e1515;
  text-transform: uppercase;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 5px !important;
}

#student-history-contest p:before {
  content: "";
  display: block;
  background: url("https://hersheystory.org/wp-content/uploads/2020/01/pen_paper_2.png")
    no-repeat;
  width: 25px;
  height: 25px;
  float: left;
  margin: 1px 6px 0 18px;
}

#employment_icon p:before {
  content: "";
  display: block;
  background: url("https://hersheystory.org/wp-content/uploads/2022/02/hersheystory-employment-icon.png")
    no-repeat;
  width: 25px;
  height: 25px;
  float: left;
  margin: 1px 6px 0 18px;
}

#employment_icon p {
  font-family: "Montserrat", sans-serif;
  color: #7e1515;
  text-transform: uppercase;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 5px !important;
}

#reception p {
  font-family: "Montserrat", sans-serif;
  color: #7e1515;
  text-transform: uppercase;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 5px !important;
}

#reception,
#socialFeeds {
  width: 200px;
  display: block;
  margin: 10px 0 0 auto;
}

#breakfast p {
  font-family: "Montserrat", sans-serif;
  color: #7e1515;
  text-transform: uppercase;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 5px !important;
}

#breakfast,
#socialFeeds {
  width: 200px;
  display: block;
  margin: 10px 0 0 auto;
}

h1.home-link {
  display: block;
  margin: 0 auto;
  min-height: 152px;
  max-height: 152px;
  padding: 0;
  text-decoration: none;
  width: 100%;
  background: url("images/the-hershey-story-logo.png") top center no-repeat;
  text-indent: -9999px;
}

h1.home-link a {
  display: block;
  min-height: 152px;
}

/*.site-title { text-indent: -9999px;}*/

#masthead {
  width: 100%;
  margin: 0 auto;
}

.header-main {
  width: 100%;
  background-color: #7e1515;
  padding: 0 10px;
  max-height: 40px;
  min-height: 0;
}

/*
==========================================================================
Social Media Feeds
*/
.social-feeds-container {
  display: block;
  height: auto;
  margin: 0;
  background: #eee;
  padding-right: 40px;
}

.social-feeds {
  margin-top: 10px;
}

.social-feeds-container .fa {
  color: #fff;
  font-size: 20px;
  line-height: 20px;
  padding: 8px 5px;
}

.facebookButton,
.twitterButton,
.instagramButton,
.tripadvisorButton,
.tumblrButton {
  position: relative;
  float: right;
  margin: 0 2px;
  display: block;
}

.facebookButton .icon,
.twitterButton .icon,
.instagramButton .icon,
.tripadvisorButton .icon,
.tumblrButton .icon {
  width: 36px;
  height: 36px;
  overflow: hidden;
  display: block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
}

.facebookButton .icon {
  background-color: #3b5999;
}
.twitterButton .icon {
  background-color: #00aaef;
}
.instagramButton .icon {
  background-color: #3b729b;
}
.tripadvisorButton .icon {
  background-color: #01a64f;
}
.tumblrButton .icon {
  background-color: #2c4762;
}

.facebookButton .icon:hover,
.twitterButton .icon:hover,
.instagramButton .icon:hover,
.tumblrButton .icon:hover {
  cursor: pointer;
  opacity: 8;
}

/* FEED WINDOWS  */
.feed {
  position: absolute;
  z-index: 61;
  background: #fff;
  z-index: 95;
}

.feed.facebook {
  display: none;
  height: 410px;
  width: 300px;
  padding: 10px 0 0 5px;
  left: -180px;
  top: 50px;
  border: solid 1px #ccc;
  border-top: none;
}

.feed.twitter {
  display: none;
  height: 410px;
  width: 210px;
  padding: 10px 15px 15px 15px;
  left: -130px;
  top: 50px;
  border: solid 1px #ccc;
  border-top: none;
}

.feed.instagram {
  display: none;
  height: 410px;
  width: 265px;
  padding: 10px 5px 0 10px;
  left: -225px;
  top: 50px;
  border: solid 1px #ccc;
  border-top: none;
}

.social-feeds .facebookButton:hover .feed.facebook,
.social-feeds .twitterButton:hover .feed.twitter,
.social-feeds .instagramButton:hover .feed.instagram {
  display: block !important;
}

/* WINDOW ARROWS */
.feed.facebook .top-arrow,
.feed.twitter .top-arrow,
.feed.instagram .top-arrow {
  display: block;
  height: 19px;
  background: url("/wp-content/uploads/2015/05/social-feed-arrow-top.png") -200px
    0 no-repeat;
  z-index: 100;
}

.feed.facebook .top-arrow {
  width: 300px;
  margin: -27px 0 0 -5px;
  background-position: -200px 0;
}

.feed.twitter .top-arrow {
  width: 210px;
  margin: -27px 0 0 -15px;
  background-position: -250px 0;
}

.feed.instagram .top-arrow {
  width: 263px;
  margin: -27px 0 0 -10px;
  background-position: -154px 0;
}

/*-------------------- NAVIGATION --------------------------- */

.main-navigation {
  margin-top: 0;
  text-align: center;
}

.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
  border: none;
  display: inline-block !important;
  text-align: center;
  width: 100%;
}

.primary-navigation {
  font-size: 11px;
  margin: 0 auto;
  padding: 0;
  text-transform: uppercase;
  float: none;
}

#mega-menu-wrap-primary {
  width: 100%;
  margin: 0 auto;
}

.mega-block-title {
  color: #6f2626;
  font-size: 15px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 5px 0px;
  vertical-align: top;
  display: block;
  border-top: 0px solid #555;
  border-left: 0px solid #555;
  border-right: 0px solid #555;
  border-bottom: 0px solid #555;
}

#mega-menu-wrap-primary .mega-menu-toggle {
  text-align: left;
  background: #7e1515;
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  -ms-border-radius: 2px 2px 2px 2px;
  -o-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  line-height: 40px;
  height: 40px;
  color: #fff;
}

#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open:after {
  content: "MENU";
}

/* ADD CURRENT SPECIAL EXHIBIT TO INTERACTIVE MENUS */

#mega-menu-item-nav_menu-22 {
  margin-top: -80px !important;
  display:none !important;
}

#mega-menu-wrap-primary #mega-menu-primary a:hover {
  color: #1f628d;
}

/*-------------------- GRID SYSTEM ------------------------*/

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.grey {
  background-color: #f2f2f2;
  padding: 2%;
}

.column {
  float: left;
  margin-left: 5%;
}

.column:first-child {
  margin-left: 0;
}

.column.full {
  width: 100%;
}

.column.two-thirds {
  width: 65%;
}

.column.one-half {
  width: 47.5%;
}

.column.one-third {
  width: 30%;
}

.column.one-fourth {
  width: 21.25%;
}

.rule {
  border-bottom: 1px solid #999;
  padding: 10px 0;
  margin-bottom: 30px;
}

.fullrow {
  max-width: 1100px;
  margin: 0 auto;
}

.shareIcons {
  margin: 0 auto;
  display: block;
  padding: 20px 0 0 0;
  width: 250px;
}

.homeShareIcons {
  margin: 0 auto;
  display: block;
  padding: 20px 0 0 15px;
  width: 250px;
}

@media screen and (min-width: 880px) {
  .shareIcons {
    margin: 0 50px 0 0;
    float: right;
    display: block;
    padding: 20px 0 0 20px;
  }
}

@media screen and (max-width: 640px) {
  .column.full,
  .column.two-thirds,
  .column.one-half,
  .column.one-third,
  .column.one-fourth {
    float: none;
    margin: 0;
    width: 100%;
  }
}

@-webkit-viewport {
  width: device-width;
}
@-moz-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}

img {
  width: auto;
  max-width: 100%;
  height: auto;
}

.padTop40 {
  padding-top: 40px;
}

/*-------------------- UPCOMING EVENTS ------------------*/

#eventsContainer {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

.eventsWrapper {
  max-width: 270px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.eventCol1 {
  width: 280px;
  float: left;
  display: block;
  margin-right: 0px;
}

.eventCol2 {
  display: none;
}

.eventCol3 {
  display: none;
}

@media screen and (min-width: 700px) {
  .eventsWrapper {
    max-width: 600px;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .eventCol1 {
    width: 280px;
    float: left;
    display: block;
    margin-right: 28px;
  }

  .eventCol2 {
    width: 280px;
    float: left;
    display: block;
    margin-right: 0px;
  }

  .eventCol3 {
    display: none;
  }
}

@media screen and (min-width: 1115px) {
  .eventsWrapper {
    max-width: 91%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .eventCol1 {
    width: 280px;
    float: left;
    display: block;
    margin-right: 48px;
  }

  .eventCol2 {
    width: 280px;
    float: left;
    display: block;
    margin-right: 48px;
  }

  .eventCol3 {
    width: 280px;
    float: left;
    display: block;
  }
}

.eventsTease {
  display: block;
  border: 1px solid #d5d5d5;
  background-color: #ededed;
  height: 460px;
  margin: 0 0 40px 0;
  padding: 0;
}

img.eventsTease {
  width: 100%;
}

.eventTitle {
  text-align: center;
  display: block;
  padding: 260px 15px 0 15px;
  font-family: "Montserrat", sans-serif;
  font-size: 22px;
  line-height: 1.2;
  color: #0e465f;
  text-transform: uppercase;
  margin: 0;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

p.eventDetail {
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  color: #666;
  text-transform: uppercase;
  text-align: center;
  display: block;
  margin: 10px 0;
  padding: 0 10%;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

@media screen and (min-width: 673px) {
  .site-content-full {
    margin-left: 20px;
    margin-right: 0px;
  }
}

/*----------------------- WIDGETS ---------------------------*/

#archives-2 p.widget-title,
#recent-posts-2 p.widget-title,
#tribe-events-adv-list-widget-2 p.widget-title {
  display: block;
  border-top: none;
  font-size: 20px;
  line-height: 1.33;
  font-family: "Montserrat", sans-serif;
  color: #0e465f;
}

#tribe-events-adv-list-widget-2 p.widget-title {
  margin-top: -40px;
}

.content-sidebar .widget .widget-title {
  display: none; /*font-size: 26px; font-family: 'Montserrat', sans-serif; color:#6f2626; line-height: 25px; text-transform: uppercase; text-align: center; font-style: normal; border: none;*/
}

.content-sidebar .widget a {
  color: #0e465f;
  font-weight: 200;
}

.content-sidebar .widget a:hover {
  color: #7e1515;
  text-decoration: none;
}

.widget {
  background: none;
}

.widget h4 {
  font-size: 16px;
  line-height: 1.2;
  font-family: "Montserrat", sans-serif;
  color: #0e465f;
  font-weight: 700;
}

.widget h4:hover {
  color: #0e465f;
  text-decoration: underline;
}

p.details {
  font-size: 14px;
  line-height: 18px;
}

p.notice {
  font-size: 11px;
  font-style: italic;
  line-height: 12px;
}

.content-sidebar .widget input[type="button"],
.content-sidebar .widget input[type="reset"],
.content-sidebar .widget input[type="submit"] {
  color: #1f628d;
  font-size: 13px;
  background: #f2f2f2;
  padding: 5px 18px;
  border: solid #1f628d 1px;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
}

.content-sidebar .widget input[type="button"]:hover,
.content-sidebar .widget input[type="button"]:focus,
.content-sidebar .widget input[type="reset"]:hover,
.content-sidebar .widget input[type="reset"]:focus,
.content-sidebar .widget input[type="submit"]:hover,
.content-sidebar .widget input[type="submit"]:focus {
  background-color: #fff;
  color: #1f628d;
}

/*----------------------- LISTS ---------------------------*/

ul {
  font-family: "Raleway", sans-serif;
  font-size: 15px;
  line-height: 20px;
}

ul li {
  padding-bottom: 18px;
  color: #666;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

ul.hours {
  list-style-type: none;
}

ul.hours li {
  font-family: "Raleway", sans-serif;
  font-size: 15px;
  line-height: 20px;
  padding-bottom: 18px;
  color: #0e465f;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

p.hours {
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: #666;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
  padding-left: 15px;
}

ul.inside-style {
  list-style-position: inside;
}

/*---------------------- PREFOOTER -------------------------*/

#prefooter {
  width: 100%;
  background: url("images/prefooter-bkgnd.jpg") no-repeat center top #ececed;
  height: 354px;
  padding: 0px;
}

.prefooterWrap {
  display: block;
  margin: 0 auto;
  padding-top: 30px;
  max-width: 1040px;
  text-align: center;
}

.prefooter-promo1 {
  width: 100%;
  max-width: 320px;
  display: block;
  margin: 0 auto;
}

.prefooter-promo2 {
  width: 100%;
  max-width: 320px;
  display: block;
  margin: 0 auto;
  margin-top: 20px;
}

@media (min-width: 500px) {
  .prefooter-promo1 {
    width: 100%;
    max-width: 475px;
    display: block;
    margin: 0 auto;
  }

  .prefooter-promo2 {
    display: none;
  }

  .prefooterWrap {
    padding-top: 60px;
  }
}

@media (min-width: 800px) {
  .prefooter-promo1 {
    width: 46%;
    max-width: 475px;
    display: inline-block;
    float: left;
    margin: 0 1% 0 3%;
  }

  .prefooter-promo2 {
    width: 46%;
    max-width: 475px;
    display: inline-block;
    float: left;
    margin: 0 3% 0 1%;
  }
}

/*------------------------- FOOTER ----------------------- */

.site-footer {
  background: url("images/footer-bkgnd.jpg") top center no-repeat #8b2c2c;
  font-size: 12px;
  position: relative;
  z-index: 3;
}

#footer-sidebar {
  margin: 0 auto;
  width: 100%;
  max-width: 1100px;
  height: auto;
  padding-top: 70px;
}

.site-footer .widget a {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Raleway", sans-serif;
  font-size: 12px;
  line-height: 18px;
}

.site-footer .widget a:hover {
  text-decoration: underline;
}

p.footerText {
  text-align: center;
  font-family: "Raleway", sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: #fff;
  text-transform: uppercase;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

.site-footer .widget ul {
  margin-top: 20px;
}

.site-info p {
  text-align: center;
  font-family: "Raleway", sans-serif;
  font-size: 13px;
  line-height: 22px;
  color: #fff;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

.site-info a {
  text-decoration: none;
  color: #fff;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

.site-info a:hover {
  text-decoration: underline;
  color: #fff;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

.site-footer .widget a {
  color: #fff;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

.site-info {
  margin: 0 auto;
  padding-bottom: 20px;
  width: 100%;
}

.visitHHRVB {
  display: block;
  margin: 20px auto 10px auto;
}

.socialMediaFooter {
  display: block;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}

.socialMediaFooter img {
  padding-right: 4px;
}

.site-footer .widget ul li {
  text-align: center;
}

@media (min-width: 1008px) {
  .site-footer .widget ul li {
    text-align: left;
  }
}

/*------------------ SOCIAL MEDIA BUTTONS -----------------*/

.socialShare {
  margin: 0 auto;
  display: block;
  text-align: right;
  padding-top: 10px;
  width: 100%;
  max-width: 960px;
}

/*-------------------- MISCELLANEOUS ------------------------*/

.division {
  display: block;
  border-top: 1px solid #999;
  width: 100%;
}

.mobileHide {
  display: none;
}

.tabletHide {
  display: none;
}

@media screen and (min-width: 640px) {
  .mobileHide {
    display: block;
  }
}

#desktopHide {
  display: block;
  margin: 0px auto 15px 0;
  text-align: center;
}

@media screen and (min-width: 640px) {
  #desktopHide {
    display: none;
  }
}

.entry-meta {
  display: none;
}

.required {
  color: #b0162f;
}

.iconText {
  display: inline;
}

.teaseBox {
  width: 100%;
  padding: 4%;
  height: 440px;
  display: block;
  text-align: center;
}

.teaseBox h3 {
  text-align: center;
}

.padBottom {
  padding-bottom: 20px;
}

.padTop {
  padding-top: 30px;
}

.greyContainer {
  display: block;
  background: #f2f2f2;
  padding: 25px;
  margin-bottom: 25px;
}

.insetBox {
  display: block;
  background: #f2f2f2;
  padding: 25px;
  margin: 10px;
}

h2 i.fa,
h3 i.fa,
h4 i.fa {
  padding-right: 10px;
}

.footnote {
  font-size: 11px;
  color: #b0162f;
}

span.wpcf7-list-item {
  display: block;
}

/*-----------------CUSTOM PAGE HEADERS ---------------------*/

#pageHead h1 {
  font-size: 40px;
  font-family: "Montserrat", sans-serif;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  margin-bottom: 0px;
  margin-top: 6px;
}

.pageHead {
  font-size: 40px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  margin-bottom: 5px;
  margin-top: 6px;
}

p.pageSubhead {
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 4px;
}

.customHeader {
  height: 278px;
  width: 100%;
  padding: 60px 0;
  margin: 0;
  background: #567ca3;
}

.blankHead {
  background: url("") top center no-repeat #fff;
  height: 280px;
  width: 100%;
}

.chocolateLab {
  background: url("images/header-chocolate-lab.jpg") top center no-repeat
    #1f1f2f;
}

.xploroscopeHead {
  background: url("images/header-xploroscope.jpg") top center no-repeat #2c2d2c;
}

.exteriorHead {
  background: url("images/header-exterior.jpg") top center no-repeat #1d283f;
}

.tastingsHead {
  background: url("images/header-chocolate-tastings.jpg") top center no-repeat
    #210904;
}

.attractionHead {
  background: url("images/header-attraction.jpg") top center no-repeat #0b0908;
}

.kidsHead {
  background: url("images/header-kids.jpg") top center no-repeat #757372;
}

.kidsBlueHead {
  background: url("images/header-kids-blue.jpg") top center no-repeat #567ca3;
}

.exhibitViewingHead {
  background: url("images/header-viewing.jpg") top center no-repeat #352f29;
}

.scoutsHead {
  background: url("images/header-scouts.jpg") top center no-repeat #567ca3;
}

.speakersHead {
  background: url("images/header-speakers.jpg") top center no-repeat #000000;
}

.shopHead {
  background: url("images/header-shop.jpg") top center no-repeat #100e0c;
}

.interiorHead {
  background: url("images/header-interior.jpg") top center no-repeat #000;
}

.studentsHead {
  background: url("images/header-students.jpg") top center no-repeat #567ca3;
}

.homeschoolHead {
  background: url("images/header-homeschool.jpg") top center no-repeat #567ca3;
}

.groupsHead {
  background: url("images/header-groups.jpg") top center no-repeat #567ca3;
}

.collectionsHead {
  background: url("images/header-collections.jpg") top center no-repeat #27100b;
}

.factoryExteriorHead {
  background: url("images/header-factory-exterior.jpg") top center no-repeat
    #000;
}

.zookaHead {
  background: url("images/header-zooka.jpg") top center no-repeat #291105;
}

.muralHead {
  background: url("images/header-mural.jpg") top center no-repeat #090f0b;
}

.machinesHead {
  background: url("images/header-machines.jpg") top center no-repeat #22201c;
}

.miltonHead {
  background: url("images/header-milton-hershey.jpg") top center no-repeat #000;
}

.promotionHead {
  background: url("images/header-promotion.jpg") top center no-repeat #100202;
}

.specialHead {
  background: url("images/header-special-exhibit.jpg") top center no-repeat
    #000000;
}

.just-for-kidsHead {
  background: url("images/header-just-for-kids.jpg") top center no-repeat
    #000000;
}

/*-----------------CUSTOM PAGE ICONS ----------------------*/

#icon {
  display: block;
  margin: 0 auto;
  width: 115px;
  float: initial;
}

.flask {
  background: url("images/sprites.png") no-repeat 0 -3px;
  width: 115px;
  height: 28px;
}

.scroll {
  background: url("images/sprites.png") no-repeat 0 -36px;
  width: 115px;
  height: 28px;
}

.bus {
  background: url("images/sprites.png") no-repeat 0 -66px;
  width: 115px;
  height: 30px;
}

.car {
  background: url("images/sprites.png") no-repeat 0 -131px;
  width: 115px;
  height: 28px;
}

.food {
  background: url("images/sprites.png") no-repeat 0 -97px;
  width: 115px;
  height: 28px;
}

.map {
  background: url("images/sprites.png") no-repeat 0 -161px;
  width: 115px;
  height: 28px;
}

.badge {
  background: url("images/sprites.png") no-repeat 0 -195px;
  width: 115px;
  height: 28px;
}

.money {
  background: url("images/sprites.png") no-repeat 0 -229px;
  width: 115px;
  height: 28px;
}

.envelope {
  background: url("images/sprites.png") no-repeat 0 -260px;
  width: 115px;
  height: 26px;
}

.group {
  background: url("images/sprites.png") no-repeat 0 -287px;
  width: 115px;
  height: 28px;
}

.scout {
  background: url("images/sprites.png") no-repeat 0 -317px;
  width: 115px;
  height: 28px;
}

.clock {
  background: url("images/sprites.png") no-repeat 0 -351px;
  width: 115px;
  height: 28px;
}

.ticket {
  background: url("images/sprites.png") no-repeat 0 -380px;
  width: 115px;
  height: 28px;
}

.computer {
  background: url("images/sprites.png") no-repeat 0 -413px;
  width: 115px;
  height: 28px;
}

.book {
  background: url("images/sprites.png") no-repeat 0 -443px;
  width: 115px;
  height: 28px;
}

.house {
  background: url("images/sprites.png") no-repeat 0 -471px;
  width: 115px;
  height: 28px;
}

.calendar {
  background: url("images/sprites.png") no-repeat 0 -502px;
  width: 115px;
  height: 30px;
}

.globe {
  background: url("images/sprites.png") no-repeat 0 -532px;
  width: 115px;
  height: 34px;
}

.shop {
  background: url("images/sprites.png") no-repeat 0 -568px;
  width: 115px;
  height: 30px;
}

.museum {
  background: url("images/sprites.png") no-repeat 0 -599px;
  width: 115px;
  height: 28px;
}

.gear {
  background: url("images/sprites.png") no-repeat 0 -627px;
  width: 115px;
  height: 30px;
}

.kiss {
  background: url("images/sprites.png") no-repeat 0 -658px;
  width: 115px;
  height: 30px;
}

.winter {
  background: url("images/sprites.png") no-repeat 0 -688px;
  width: 115px;
  height: 32px;
}

/*----------------------  BUTTONS -------------------------*/

button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  color: #1f628d;
  font-size: 13px;
  background: #f2f2f2;
  padding: 15px 28px;
  border: solid #1f628d 1px;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
}

button:hover {
  background-color: #fff;
  color: #1f628d;
  text-decoration: none;
  cursor: pointer;
}

.widget button,
.widget .button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
  color: #1f628d;
  font-size: 13px;
  background: #f2f2f2;
  padding: 15px 20px;
  border: solid #1f628d 1px;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  margin: 10px auto;
}

.widget button:hover {
  background-color: #fff;
  color: #1f628d;
  text-decoration: none;
}

.widget button:active {
  background-color: #6f2626;
  color: #fff;
  text-decoration: none;
}

a.button {
  color: #1f628d;
  font-size: 13px;
  background: #f2f2f2;
  padding: 15px 28px;
  border: solid #1f628d 1px;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  margin: 0 auto;
}

a.button:hover {
  background-color: #7e1515;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

a.button:active {
  background-color: #fff;
  color: #7e1515;
  text-decoration: none;
}

.button:hover {
  cursor: pointer;
}

.entry-content a.button {
  color: #1f628d;
  font-size: 13px;
  background: #f2f2f2;
  padding: 15px 28px;
  border: solid #1f628d 1px;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  clear: both;
}

.entry-content a.button:hover {
  background-color: #7e1515;
  color: #fff;
  text-decoration: none;
}

.entry-content a.button:active {
  background-color: #fff;
  color: #7e1515;
  text-decoration: none;
}

.content-sidebar .widget a.button:hover {
  color: #fff;
}

.content-sidebar .widget a.button:active {
  background-color: #fff;
  color: #7e1515;
  text-decoration: none;
}

.eventsTease a.button {
  color: #1f628d;
  font-size: 13px;
  background: #f2f2f2;
  padding: 15px 28px;
  border: solid #1f628d 1px;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  margin: 0 auto;
  max-width: 60%;
}

/*.eventBox a.button:hover { color: #fff; }

.eventBox a.button:active { background-color:#fff; color: #7e1515; text-decoration: none; display: block; margin: 0 auto;} */

/*----------------------  WIDGETS -------------------------*/

#chocolateBlab {
  background: #f6f6f6;
  width: 100%;
  padding: 20px 0 0 10px;
}

#chocolateBlab p {
  font-size: 15px;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  color: #0e465f;
  font-weight: bold;
  display: block;
  margin: 0 0 10px 0;
}

.content-sidebar .widget .widget-title {
  display: none;
}

.content-sidebar .widget_nav_menu li a {
  color: #0e465f;
}

.content-sidebar .widget_nav_menu li a:hover {
  color: #7e1515;
}

/*----------------------  EVENTS CAL-----------------------*/

.tribe-events-adv-list-widget .tribe-events-widget-link a,
.tribe-events-back a,
.tribe-events-list-widget .tribe-events-widget-link a,
ul.tribe-events-sub-nav a {
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
}

#tribe-geo-results h2.tribe-events-page-title,
h2.tribe-events-page-title {
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
}

.tribe-theme-parent-twentyfourteen #tribe-events-pg-template,
.tribe-theme-twentyfourteen #tribe-events-pg-template {
  padding-left: 0px;
}

.tribe-no-js #tribe-bar-views [name="tribe-bar-view"] {
  display: block;
  margin-left: 10px;
}

#tribe-events-content {
  position: relative;
  margin-bottom: 48px;
  padding: 2px 0 0 10px;
}

.tribe-events-calendar thead th {
  background-color: #6f2626;
  color: #fff;
  font-weight: 700;
  padding: 1em 0;
  white-space: nowrap;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
}

#tribe-bar-form .tribe-bar-submit input[type="submit"] {
  color: #1f628d;
  font-size: 13px;
  background: #f2f2f2;
  padding: 15px 15px;
  border: solid #1f628d 1px;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  margin: 10px auto;
}

.tribe-mini-calendar-event .list-date {
  background: #0e465f;
}

.single-tribe_events .tribe-events-event-meta {
  background: #fafafa;
  border: 1px solid #eee;
  margin: 30px 0;
  padding-top: 20px;
}

/*------------------- INFO SLATS ---------------------*/

ul.slats {
  margin-left: 0;
}

ul.slats li {
  margin: 0 0 20px 0;
  padding: 0;
  border-bottom: 1px solid #eee;
  list-style: none;
}

ul.slats li:last-child {
  margin: 0;
  padding: 0;
  border-bottom: none;
}

ul.slats li h3 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.1;
}

ul.slats li h3 a {
  color: #0e465f;
  text-decoration: none;
}

ul.slats li h3 a:hover {
  color: #7e1515;
}

ul.slats li p {
  font-size: 14px;
  line-height: 1.4;
}

ul.slats li p span.meta {
  display: block;
  font-size: 12px;
  color: #999;
}

/*----------------------  TABLES -------------------------*/

table {
  margin: 0;
  padding: 0;
  border: 0;
}

table th,
table td {
  padding: 10px 20px;
  text-align: left;
  border-bottom: 1px solid #ccc;
}

table th {
  border-width: 2px;
}

table td {
  color: #666;
  border: none;
}

table tr:last-child th,
table tr:last-child td {
  border: none;
}

table tr:nth-child(even) {
  background: #eee;
}

/*--------------------- ACCORDION -----------------------*/

h3.azc_tsh_toggle {
  font-size: 20px;
  padding: 6px 0 0 40px;
  margin: 0;
}

/*------------------- ALERT ----------------------*/

#alert {
  width: 100%;
  height: 36px;
  font-size: 15px;
  line-height: 1.4;
  font-family: "Raleway", sans-serif;
  color: #fff;
  text-align: center;
  padding-top: 11px;
  background-color: #c82424;
  float: left;
}

.smallbtn {
  padding: 8px 12px;
  font-size: 11px;
  text-align: center;
}

/*------------------- CONTENT ----------------------*/
div.entry-content > p:after {
  display: table;
  content: " ";
  clear: both;
}

li.contestlist {
  padding-bottom: 5px !important;
}

/* POPUP NOTICE
================================================== */
#popup-notice {
  content: "";
  box-sizing: border-box;
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0.5);
}
#popup-notice:before {
  content: "";
  box-sizing: border-box;
  display: block;
  position: absolute;
  z-index: 5;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 20px;
  background: rgba(0, 0, 0, 0.5);
}
#popup-notice .box {
  box-sizing: border-box;
  display: block;
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 700px;
  height: auto;
  max-width: 90%;
  max-height: 90%;
  margin: 0;
  padding: 40px;
  background: #fff;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.75);
}
#popup-notice .box .close {
  box-sizing: border-box;
  display: block;
  position: absolute;
  z-index: 20;
  top: -16px;
  right: -16px;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  background: #222;
  border: 2px solid #fff;
  border-radius: 100%;
  text-align: left;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s ease;
}
#popup-notice .box .close:before {
  content: "\f00d";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font: 18px/28px FontAwesome;
  color: #fff;
  text-align: center;
  text-indent: 0;
  transition: all 0.3s ease;
}
#popup-notice .box .close:hover {
  background: #fff;
  border-color: #222;
}
#popup-notice .box .close:hover:before {
  color: #222;
}
#popup-notice .box .logo {
  display: block;
  width: 300px;
  height: 160px;
  margin: 0 auto 40px;
  padding: 0;
  background: url(./images/the-hershey-story-logo.png) no-repeat center center;
  background-size: contain;
  text-align: left;
  text-indent: -9999px;
  overflow: hidden;
}
#popup-notice .box .message {
  display: block;
  margin: 0;
  padding: 0;
  font: 24px/1.2em Raleway, Arial, sans-serif;
  font-weight: 700;
  color: #444;
  text-align: center;
}