div.ContentFullWidth {
  margin: 0 0 15px
}
.ContentFullWidth div.connection {
  font-size: 14px
}
.ContentFullWidth div.connection.location h5 span.typeHeader,
.ContentFullWidth div.connection.event h5 span.typeHeader,
.ContentFullWidth div.connection.film h5 span.typeHeader,
.ContentFullWidth div.connection.poll h5 span.typeHeader {
  display: inline-block;
}
.ContentFullWidth div.connection.location h5 span.typeHeader::after,
.ContentFullWidth div.connection.event h5 span.typeHeader::after,
.ContentFullWidth div.connection.film h5 span.typeHeader::after,
.ContentFullWidth div.connection.poll h5 span.typeHeader::after {
  content: ": "
}
.ContentFullWidth #storyBody .connection h5 a,
.ContentFullWidth .connection h5 a {
  color: #000;
}
div#StoryBreadcrumb.ContentFullWidth {
  clear: both;
}
.ContentFullWidth .storyHead {
  text-align: center;
  clear: both;
  margin: 10px 0 0;
}
.ContentFullWidth .storyHead h1 {
  font-weight: 700;
  font-size: 33px;
  margin: 0 auto 5px;
}
.ContentFullWidth .storyHead h2 {
  font-size: 22px;
  color: #444;
  margin: 0 auto 5px;
  max-width: 600px;
}
.ContentFullWidth .storyHead .byline {
  color: #777;
  letter-spacing: 1px;
}
.ContentFullWidth .storyHead .date {
  display: none;
}
.ContentFullWidth  div#storyBody {
  padding-left: 125px;
  padding-right: 125px;
  font-size: 17px !important;
  line-height: 1.5 !important;
}
.ContentFullWidth  .contentImageCenter {
  margin: 1em -125px !important;
  width: auto !important;
}
.ContentFullWidth  div#storyBody p {
  margin: 1em auto;
}
.ContentFullWidth  div#storyBody .Ad {
  text-align: center;
  margin: 0 auto 1em;
}
.ContentFullWidth  div#storyBody .Ad>div {
  display: inline-block;
}

.ContentFullWidth #MagnumImage .magnumContainer {
   display:inline-block;
   }
.ContentFullWidth #MagnumImage{text-align:center;}

.ContentFullWidth #MagnumImage,
.ContentFullWidth .contentImageCenter {
  clear:both;
}
a.readOn {
    float: right;
    display: block;
}
a.readOn:after {
    display: block;
    content: " ";
    clear: both;
    height: 0;
}

/* let's get responsive */
div#LoginDialog {
  float: none !important
}

.LoginDialog *,
div#LoginDialog * {
  max-width: 100%;
}

.loginRow.loginLast {
  clear: both;
}
/* */
div.EventListing.hasImage::before {
  content: " ";
  float: right;
  display: block;
  box-sizing: border-box;
  padding: 0 0 0 10px;
  width: 40vw;
  height: 40vw;
  max-width: 200px;
  max-height: 200px;
}

div.EventListing {
  display: block;
  position: relative;
}

.results.show-grid div.EventListing {
  display: -webkit-flex;
  display: flex;
}

.results .EventListing.hasImage .imageTools {
  box-sizing: border-box;
  padding: 0 0 5px 10px;
  position: absolute;
  top: 15px;
  right: 5px;
  width: 40vw;
  max-width: 200px;
  max-height: 200px;
  transition: 100ms;
}

.results.show-grid div.EventListing:before {
  display: none;
}

.results.show-list div.EventListing.hasImage:before {
  width: 75px;
  height: 75px;
}

.results.show-list div.EventListing.hasImage .imageTools {
  box-sizing: border-box;
  padding: 0 0 5px 10px;
  position: absolute;
  top: 5px;
  right: 0;
  width: 75px;
}

.results.show-grid div.EventListing .imageTools {
  box-sizing: border-box;
  padding: 0;
  position: static;
  width: auto;
  max-width: none;
  max-height: none;
  transition: 100ms;
}

.results .EventListing .imageTools img {
  max-width: 100%;
  height: auto;
}

div.EventListing .listing {
  float: none;
  overflow: hidden;
}

/* */
.Kanji10Zone div#leftColumnCenter {
  margin-top: 0
}

.Kanji10Zone div#leftColumnTopRight,
.Kanji10Zone div#leftColumnTopLeft,
.Kanji10Zone div#homeSidebarLeft,
.Kanji10Zone div#homeSidebarRight,
.Kanji10Zone div#homeSidebarBtm {
  display: none;
}

body#Content div#gridTopRow>div {
  position: relative;
  width: 600px;
  margin: auto;
}

body#Content cite.byline {
  display: none;
}

div#gridBottomSidebar div#EventCalendar {
  border-top: 3px solid #ddd;
  padding-top: 10px;
}

#ArticleArchives div#gridBottomSidebar div#EventCalendar {
  border: none;
  padding-top: 0
}

#MagnumImage img,
.contentImageCenter img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: auto;
}

#Home div#leftColumnCenter {
  width: 100%;
  position: relative;
}

div#gridTopRow {
  width: 100%;
  margin-bottom: 30px;
}

#Content div#gridTopRow {
  margin:0 0 10px;
  overflow: hidden;
}

div#gridRightSidebar div#homeSidebarTop {
  width: 300px;
}

/* Content Top */
body#Content div#gridHeader {
  width: 600px;
  position: relative;
  transition: height 200ms;
}

body#Content div#gridHeader #StoryHeader {
  width: 600px;
  margin: 0;
  order: 3;
}

body#Content div#gridHeader #StoryBreadcrumb {
  color: #888;
  overflow: hidden;
  font-family: "Roboto";
  font-weight: 700;
  margin: 0 0 15px;
  flex: none;
  width: 100%
}

#StoryBreadcrumb p {
  margin: auto;
  width: 600px;
  max-width: 100%;
}

#StoryBreadcrumb p span {
  float: right;
}

#StoryBreadcrumb a {
  color: #ff0400;
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  font-family: "Work Sans";
}
#StoryBreadcrumb .date{
  display: none;
}
#StoryBreadcrumb .date a {
  color: #888;
  text-transform: capitalize;
}
div#InsiderCrumbTopper {
    float: right;
    width: 200px;
    order:2;
    text-align: right;
}
div#InsiderCrumbTopper .date a{
   color: #888;
     font-family: "Work Sans";
  letter-spacing: .08192em;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 12px;
}
div#InsiderStoryImagesFlipbook,
div#InsiderBylineWithToolsWrapper {
  position: absolute;
  top: -5px;
}

div#InsiderStoryImagesFlipbook {
  left: 615px;
  width: 180px;
  margin: 0 5px 0 auto;
}

div#InsiderStoryImagesFlipbook .flipBook {
  padding: 0 5px;
}
div#InsiderStoryImagesFlipbook span.clicktozoom {
    font-size: 13px;
}
div#InsiderStoryImagesFlipbook img {
  max-width: 100%;
  height: auto;
}

div#InsiderBylineWithToolsWrapper {
  order: 2;
  left: 0;
  transform: translate(-195px);
  width: 140px;
  text-align: center;
  font-style: italic;
  font-family: Georgia, Times, serif;
  font-size: 12pt;
  line-height: 14pt;
  margin: 0 auto 0 5px;
}

div#InsiderBylineWithToolsWrapper>div {
  margin: 0;
}

div#InsiderBylineWithTools a img {
  max-width: 100%;
  height: auto;
}
 div#InsiderBylineWithTools a img[src*="user_generic-thumb.gif"]  {
        object-fit: contain;
        width: 100%;
        height: 100%;
        filter: brightness(130%);
      }
/* circle frame for author image */
div#InsiderBylineWithToolsWrapper a.authorThumb {
    border-radius: 100%;
    display: block;
    width: 100px;
    margin:auto;
    height: 100px;
    overflow: hidden;
}
div#InsiderBylineWithToolsWrapper .credits {
  padding: 0 10px
}

div#InsiderBylineWithToolsWrapper .credits,
div#InsiderBylineWithTools a {
  color: #999;
}

div#InsiderBylineWithTools a h4 {
  margin: 10px 0
}

div#InsiderBylineWithToolsWrapper div#insetTools {
  margin-top: 45px;
  padding-top: 10px;
  position: relative;
}

div#InsiderBylineWithToolsWrapper div#insetTools::before {
  content: "share";
  display: inline-block;
  padding: 0 0px 5px;
  color: #777;
  font-style: normal;
  border-bottom: 1px solid;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  text-transform: uppercase;
  top: -20px;
  width: 35px;
  font-size: 10px;
  font-family: "Roboto";
  letter-spacing: 1px;
}

div#InsiderBylineWithToolsWrapper div#insetTools ul {
  display: flex;
  justify-content: center;
}

body#Content div#gridHeader #StoryBreadcrumb {
  flex: none;
  width: calc(100% - 200px);
}

.Karnak6Zone div#gridBottomSidebar,
.Karnak6Zone div#gridMainSidebar {
  margin: 0;
}

body#Post div#gridFrame,
.Karnak6Zone div#gridMainColumn,
.Kanji10Zone div#gridLeftColumn {
  width: 640px;
  margin-right: 30px;
}

body#Post div#gridRightColumn,
.Kanji10Zone div#gridRightSidebar,
.Karnak6Zone div#gridRightColumn {
  width: 300px;
}

#Content.Karnak6Zone div#gridMainSidebar {
  padding-bottom: 5px;
  border-bottom: 3px solid #ddd;
  margin-bottom: 15px !important;
}

body#Post div#gridRightColumn {
  margin: 0;
}

#Home div#leftColumnCenter,
#Home div#gridRightSidebar {
  padding: 5px 0;
}

/* .Amelia7Zone div#gridMain,*/
.Amelia7Zone div#gridClamp,
.Kanji10Zone div#gridClamp,
.Kanji10Zone div#gridHeader,
.Karnak6Zone div#gridClamp {
  width: 100%;
  margin: auto;
}
#Content div#gridClamp {
  padding-top: 20px;
}
.contentImageCenter ul {
  width: 100% !important;
}

@media (max-width:1024px) {
  body#IssueArchives #archiveIssueHeader .issueImage {
    max-width: 35%;
  }

  body#IssueArchives #archiveIssueHeader img.archiveIssueCover {
    width: 100%;
    height: auto;
    margin-left: 10px;
  }

  /* .Kanji10Zone div#gridLeftColumn,*/
  .Kanji10Zone div#gridLeftColumn>div,
  div#gridRightSidebar div#homeSidebarTop,
  .Kanji10Zone div#gridRightSidebar>div {
    float: none;
    width: 100%;
  }

  .Kanji10Zone div#gridLeftColumn>div {
    padding: 0 5px;
  }

  .Kanji10Zone div#gridRightSidebar div#homeSidebarTop >div,
  div#InsiderBox1>div {
    margin: 0 auto 30px
  }

  div#InsiderEventPicks {
    max-width: 300px;
  }

  div#Comments {
    max-width: 700px;
    margin: 5px auto;
  }

  div#locationResultsMap-canvas {
    float: none !important;
    width: 100% !important;
  }

  div#HomeLatestIssues .issueCover {
    max-width: 40%;
  }

  div#InsiderStoryImagesFlipbook {
    width: 180px;
  }

}

@media (max-width:980px) {
  div#HomeFeature .teaserInfo {
    padding-right: 0;
  }

  div#HomeFeature a h3.headline {
    font-size: 2.67em;
    line-height: 1;
  }

  div#HomeFeature span.subheadline {
    font-size: 1.37em;
    line-height: 1
  }

  #Home div#headerSearch {
    margin-left: 10px;
  }

  div#HomeFeature ul.pagination li.item::before {
    width: 100px;
  }

  div#HomeFeature ul.pagination li.item::after {
    width: 100px;
  }

  div#HomeFeature ul.pagination li.item:last-of-type::before,
  div#HomeFeature ul.pagination li.item:first-of-type::after {
    width: 100px;
  }

  body#Content div#gridTopRow>div {
  }

  body#Content div#gridHeader #StoryHeader,
  body#Content div#gridHeader #StoryBreadcrumb p {
    width: 100%;
  }

  #Content div#gridTopRow {
    margin: 10px 0 30px;
    overflow: hidden;
  }

  h1.headline {
    font-size: 2.9em;
  }

  h2.subheadline {
    font-size: 1.8em
  }

  body#Content div#gridTopRow div#MagnumImage>div,
  #Content .contentImageCenter,
  #MagnumImage,
  .contentImageCenter {
    margin: auto
  }
  .contentImageRight{
    margin-right: 0;
  }
  .contentImageLeft{
    margin-left: 0;
  }
  .Karnak6Zone div#gridMain {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-flow: wrap column;
    max-width: 100%;
    margin: auto;
  }

  .Kanji10Zone div#gridClamp {
    width: 100%;
  }

  .Karnak6Zone div#gridMain,
  #Content.Kanji10Zone div#gridMain,
  #Home.Kanji10Zone div#gridMain {
    display: flex;
    width: 100%;
    flex-flow: wrap row;
  }

  body#Post div#gridRightColumn,
  .Karnak6Zone div#gridMain div#gridRightColumn,
  #Content.Kanji10Zone div#gridMain div#gridRightSidebar,
  #Home.Kanji10Zone div#gridMain div#gridRightSidebar {
    width: auto;
    flex: 10 300px;
    max-width: 300px;
    margin: 0;
    padding: 0;
  }

  body#Post div#gridFrame,
  .Karnak6Zone div#gridMain div#gridMainColumn,
  #Content.Kanji10Zone div#gridMain div#gridLeftColumn,
  #Home.Kanji10Zone div#gridMain div#gridLeftColumn {
    width: auto;
    flex: 80 330px;
    margin: 0 30px 0 0;
    min-width: 330px;
    padding: 0;
  }

  .Karnak6Zone div#gridMain div#gridMainColumn,
  .Karnak6Zone div#gridMain div#gridMainColumn,
  .Karnak6Zone div#gridMain div#gridMainColumn {
    padding: 0;
  }

  .Amelia7Zone div#gridFrame,
  .Kanji10Zone div#gridMain,
  .Karnak6Zone div#gridMain {
    padding: 0 8px;
  }

  #Content div#gridHeader {
    display: -webkit-flex;
    display: flex;
    flex-flow: wrap;
    padding: 0 5px;
    height: auto !important;
  }

  body#Content div#gridHeader #StoryHeader,
  body#Content div#gridHeader #MagnumImage {
    order: 2;
  }
  div#InsiderBylineWithToolsWrapper .credits {
    padding-left: 0;
  }
  div#InsiderStoryImagesFlipbook {
    display: none;
  }

  div#InsiderBylineWithToolsWrapper {
    position: static;
    width: 100%;
    transform: none;
    order: 4;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin: auto;
  }

  div#InsiderBylineWithToolsWrapper>div {
    margin: 0;
  }

  div#InsiderBylineWithToolsWrapper div#insetTools {
    margin-top: 0;
  }

  div#InsiderBylineWithTools {
    max-width: 150px
  }

  #storyBody p:first-of-type,
  .postBody p:first-of-type {
    margin: 0;
  }

  html.has-modal .modal-wrap {
    top: 2rem;
    height: calc(100% - 2rem);
  }

  .modal-wrap .modal {
    width: calc(100vw - 1rem);
    margin-right: auto;
    margin-left: auto;
    height: 100%;
  }

  .modal-close {
    right: -10px;
    top: -10px;
  }

  .modal .tabs {
    border-bottom: none;
    display: flex;
    flex-direction: row;
    padding-right: 1.25rem;
  }

  .modal .header {
    height: 2.5rem
  }

  .modal .switch-modal {
    flex: 1;
    font-size: 16px;
    border-radius: 4px;
    margin-bottom: .25rem;
    border-bottom-width: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .modal .switch-modal.active {
    order: -6;
    flex: 2;
  }

  .modal .footer .button {
    font-size: 12px;
  }

  .modal .inner,
  .dropdown .inner {
    height: calc(100% - 5.75rem);
  }
  ul.nested-checkbox-list li.parent.unchecked .checkbox-label:before,
  .modal ul.stacked-checkbox-list li .checkbox-label:before,
  .modal ul.nested-checkbox-list li .checkbox-label:before {
    top: 1rem;
  }

  .results.show-grid .EventListing {
    width: calc((100% / 3) - 10px);
    margin: 0 5px 5px;
  }
  div#InsiderBylineWithToolsWrapper{
    display: block;
    text-align:left;
  }
  div#InsiderBylineWithTools {
    margin-right: auto!important;
    max-width:100%!important;
  }
  div#InsiderBylineWithToolsWrapper a.authorThumb{
    display: none;
  }
 div#InsiderBylineWithToolsWrapper div#insetTools {
     display: inline-block;
    padding-left: 45px;
  }
  div#InsiderBylineWithToolsWrapper div#insetTools::before {
    right:unset;
    left:0px;
    top:15px;
    padding:0;
    border:none;
  }
  /* end 980px @media */
}

@media (max-width:800px) {
  div#HomeFeature ul.pagination li {
    width: 20%;
  }

  div#HomeFeature ul.pagination li.item::before {
    width: 50%;
  }

  div#HomeFeature ul.pagination li.item::after {
    width: 50%;
  }

  div#gridHeader {
    margin-bottom: 20px !important;
  }

  div#headerSearch input[type="submit"] {
    width: 30px;
    height: 30px;
  }
/*
  ul#mainNav {
    max-width: 300px;
    margin-left: 10px;
  }

  ul#mainNav >li a {
    text-align: center;
  }
*/
  .storyItem img {
    max-width: 100%;
    height: auto;
  }

  .Karnak6Zone div#gridMain div#gridBottomSidebar {
    width: 100%
  }

  .Karnak6Zone div#gridMain div#gridMainSidebar {
    width: 100%
  }

  #ArticleArchives.Karnak6Zone div#gridMain div#gridMainSidebar {
    display: none;
  }

  body#Menu.Karnak6Zone div#gridMain div#gridMainColumn,
  body#Event.Karnak6Zone div#gridMain div#gridMainColumn,
  body#Location.Karnak6Zone div#gridMain div#gridMainColumn {
    width: 100%;
    padding-right: 0;
    flex: auto;
  }

  body#Menu.Karnak6Zone div#gridMain div#gridRightColumn,
  body#Event.Karnak6Zone div#gridMain div#gridRightColumn,
  body#Location.Karnak6Zone div#gridMain div#gridRightColumn {
    width: 100%;
  }

  body#Post div#gridFrame,
  .Karnak6Zone div#gridMain div#gridMainColumn,
  #Content.Kanji10Zone div#gridMain div#gridLeftColumn,
  #Home.Kanji10Zone div#gridMain div#gridLeftColumn {
    margin-right: auto;
    padding-right: 10px;
  }

  .Karnak6Zone div#gridMainSidebarJr2,
  .Karnak6Zone div#gridMainSidebarJr {
    display: none;
  }

  div#gridFooter {
    order: 5;
  }

  div#searchResults {
    border-top: 1px solid #ddd;
    margin-top: 5px;
  }

  body#IssueArchives #archiveIssueHeader {
    margin: auto;
  }

  .Amelia7Zone div#gridFrame div#gridMainColumn,
  .Karnak6Zone div#gridMainColumn {
    margin: 10px auto;
    float: none;
  }

  .Amelia7Zone div#gridMain,
  .Amelia7Zone div#gridMainColumn,
  .Amelia7Zone div#gridFrame {
    width: 100% !important;
    margin: auto;
    float: none;
  }

  .Amelia7Zone div#gridFrame,
  .Amelia7Zone div#gridMain {
    display: flex;
    flex-wrap: wrap;
  }

  .Amelia7Zone div#gridFrame div#gridLeftSidebar {
    float: none;
    margin: auto;
    width: 100%;
    display: flex;
    flex-flow: wrap column;
    order: 2;
  }

  .Amelia7Zone div#gridFrame div#gridLeftSidebar>div {
    width: 100%;
  }

  .Karnak6Zone div#gridRightColumn {
    clear: both;
    float: none;
    margin: auto;
    max-width: 100%;
    display: flex;
    flex-flow: wrap;
  }

  .Amelia7Zone div#gridRightSidebarTop {
    width: 100%;
    padding: 0 5px;
    float: none;
    order: 3;
  }

  .Amelia7Zone div#gridFrame div#gridLeftSidebar>div,
  .Karnak6Zone div#gridMain div#gridMainSidebar>div,
  .Karnak6Zone div#gridRightColumn>div {
    float: none;
  }

  div#ArchivesIssueNav {
    margin: 10px auto !important;
  }

  div#ArchivesIssueNav ul li {
    padding: 0 5px;
    text-align: left;
    box-sizing: border-box;
  }

  div#ArchivesIssueNav ul li+li {
    border: none;
    text-align: right;
  }

  body#IssueArchives ul#archiveIssueDetails {
    margin-top: 10px;
  }

  div#InsiderBylineWithTools {
    max-width: 90px
  }

  div#EmbeddedSidebar {
    width: 33%;
    max-width: none;
    max-width: unset;
  }

  /* Content, Blog */
  body#Content div#gridHeader #StoryHeader,
  body#Content div#gridHeader #StoryBreadcrumb p,
  body#Content div#gridTopRow>div {
  }

  div#InsiderFindIt h2 a,
  div#EventCalendar h2 a,
  div#InsiderEventPicks h2 a,
  div#HomeLatestIssues h3.issueTitle {
    font-size: 2em;
    max-width: 100%
  }

  /* comment box fixes */
  #Comments form#sort,
  #Comments form#sort select {
    max-width: 50%;
  }

  div.commentsHeader h3 {
    width: 38%;
    box-sizing: border-box;
    font-size: .88em
  }

  div.commentsHeader h3 div {
    word-wrap: break-word;
  }

  .ratingContainer {
    clear: both;
    top: 2px;
  }

  .results.show-detail div.EventListing.hasImage::before,
  .results.show-detail div.EventListing.hasImage .imageTools {
    max-width: 150px;
    max-height: 150px;
  }

  body:not(#Home) div#LogoNavSearch a#hamburger {
    position: fixed !important;
    top: 0;
    right: 0px;
    background-color: #fff;
    z-index: 44444;
    padding: 30px 5px 0px;
    box-shadow: -1px 1px 1px 0px #fff;
    border-radius: 0 0 0 5px;
    transition: 200ms;
    opacity: .9;
    cursor: pointer;
  }

  body:not(#Home) div#LogoNavSearch a#hamburger:hover {
    opacity: 1;
  }

  #LogoNavSearch ul#mainNav {
    display: flex;
    justify-content: center;
  }

  #LogoNavSearch ul#mainNav>li {
    width: 100%;
    box-sizing: border-box;
  }

  li#NavItem_CurrentIssue {
    order: 1;
  }

  li#NavItem_Stories {
    order: 2;
  }

  li#NavItem_PerfectTrips {
    order: 3;
  }

  li#NavItem_FoodDrink {
    order: 4;
  }

  li#NavItem_Shopping {
    order: 5;
  }

  li#NavItem_Resources {
    order: 6;
  }

}

@media (max-width:760px) {
  body#Content div#gridHeader,
  body#Content div#gridTopRow {
    display: flex;
    flex-flow: wrap;
    max-width: 100%;
  }

  body#Content #StoryBreadcrumb {
    order: 1;
    width: 100%;
  }

  body#Content #StoryHeader {
    order: 2;
  }

  body#Content #StoryHeader~div {
    order: 3;
  }

  div#InsiderStoryImagesFlipbook {
    order: 6;
    position: static;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    display: none;
  }

  div#InsiderStoryImagesFlipbook  div.flipBook {
    display: inline-block;
  }

  #HeaderforCategoryorSection h1 {
    font-size: 2.2em;
  }
  div#HomeFeature .teaserInfo{
    padding-top: 140px;
  }
  .archiveIssueDescriptionDiv+a.digitalIcon{
  font-size: 15px;
    background-size: 12px;
    width: 100px;
}

}

@media (max-width:640px) {
  div#HomeFeature .teaserInfo {
    padding-right:0;
    padding-top: 130px;
  }

  div#HomeFeature a h3.headline {
    font-size: 2.2em;
    line-height: 1.13
  }

  div#HomeFeature span.subheadline {
    font-size: 1.37em
  }

  div#HomeFeature span.readMore {
    font-size: 15px;
    padding-top: 10px;
  }

  div#HomeFeature ul.pagination {

  }

 /* ul#mainNav,
  #Home ul#mainNav {
    width: 100%;
    max-width: none;
    margin: auto;
    order: 3;
  }
*/
  div#headerSearch {
    width: 100%;
    order: 2;
    margin-top: 60px;
    margin-left: 0;
  }

  div#headerLogo {
    order: 1;
        bottom: auto;
    top: 10px;
  }

  div#ToolBarSlideshow,
  div#headerLogo {
    width: 100%;
  }

  div#LogoNavSearch {
    flex-flow: row wrap;
    height: 116px;
    padding: 5px 0;
  }

  div#LogoNavSearch div#headerSearch form {
    text-align: center;
    margin: 5px auto;
  }

  div#LogoNavSearch div#headerSearch input[type="text"] {
    font-size: 14px;
  }

  div#headerSearch input[type="submit"] {
    width: 20px;
    height: 20px;
  }

  ul#mainNav li {
    margin-top: 10px
  }

  ul#mainNav li a {
    text-align: center;
  }

  div#LogoNavSearch ul[id^=NavMenu_] {
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
  }

  body#ArticleArchives div#searchResults,
  body#IssueArchives div#searchResults {
    display: flex;
    flex-flow: wrap row;
  }

  #Content.Kanji10Zone div#gridMain div#gridRightSidebar,
  #Content.Kanji10Zone div#gridMain div#gridLeftColumn,
  #Home.Kanji10Zone div#gridMain div#gridRightSidebar,
  #Home.Kanji10Zone div#gridMain div#gridLeftColumn {
    width: 100%;
    flex: none;
    min-width: 0;
    min-width: unset;
    max-width: none;
    max-width: unset;
    margin: 0;
  }

  .Karnak6Zone div#gridMain div#gridRightColumn,
  .Karnak6Zone div#gridMain div#gridMainColumn {
    width: 100%;
    flex: auto;
    margin: 0;
    padding: 0;
  }

  #MagnumImage,
  .contentImageCenter {
    margin: 15px auto;
  }

  .Karnak6Zone div#gridMain div#gridRightColumn {
    max-width: none;
    max-width: unset;
    flex-wrap: wrap;
    order: 2;
    margin-top: 30px;
  }

  div#SectionArchives {
    margin-bottom: 0;
  }

  /* section headers */
  body#ArticleArchives div#searchResults>a,
  body#IssueArchives div#searchResults>a {
    width: 100%;
  }

  body#ArticleArchives div#searchResults .archiveListing,
  body#IssueArchives div#searchResults .archiveListing {
    padding: 2px 3px;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    border: none;
  }

  body#ArticleArchives div#searchResults .archiveImage,
  body#IssueArchives div#searchResults .archiveImage {
    max-width: 33%;
  }

  body#IssueArchives #archiveIssueHeader .issueImage {
    margin: auto;
    max-width: 45%;
  }

  body#IssueArchives ul#archiveIssueDetails {
    margin-top: 25px;
  }

  body#IssueArchives #archiveIssueHeader .issueImage img {
    max-height: 180px;
    width: auto;
    display: block;
    margin: 10px;
  }

  #archiveIssueDetails li.IssueTitle {
    font-size: 1.77em
  }

  body#ArticleArchives div#searchResults .archiveListing ul,
  body#ArticleArchives div#searchResults .archiveListing .archiveImage img,
  body#IssueArchives div#searchResults .archiveListing ul,
  body#IssueArchives div#searchResults .archiveListing .archiveImage img {
    max-width: 100%;
    height: auto;
  }

  .archiveListing .headline {
    font-size: 20px;
    margin: 0 0 4px;
  }

  div#IssueSpecialPicker h3,
  div#ArchivesIssueYearPicker h3 {
    font-size: 1.12em;
    text-align: center;
  }

  #Home div#leftColumnCenter,
  #Home div#gridRightSidebar {
    padding: 5px 0;
  }

  div#HomeLatestIssues .issueCover {
    clear: both;
    max-width: 100%;
  }

  #Menu div#gridMainColumn,
  #Event div#gridMainColumn,
  #Location div#gridMainColumn {
    display: -webkit-flex;
    display: flex;
    flex-flow: wrap row;
  }

  #Menu div#gridMainColumn>div,
  #Event div#gridMainColumn>div,
  #Location div#gridMainColumn>div {
    order: 3;
    width: 100%
  }

  #Location div#gridMainColumn #MagnumImage,
  #Event div#gridMainColumn div#EventMetaData,
  #Menu div#gridMainColumn div#LocationMetaData,
  #Location div#gridMainColumn div#LocationMetaData {
    order: 1;
  }

  #Menu div#gridMainColumn>div#EmbeddedSidebar,
  #Event div#gridMainColumn>div#EmbeddedSidebar,
  #Location div#gridMainColumn>div#EmbeddedSidebar {
    text-align: center;
    order: 2;
    margin: auto;
    overflow: hidden;
  }

  #Menu div#gridMainColumn div#ToolBarHorizontal,
  #Event div#gridMainColumn div#ToolBarHorizontal,
  #Location div#gridMainColumn div#ToolBarHorizontal {
    order: 4;
    width: inherit;
  }

  #Menu div#gridMainColumn div#Comments,
  #Event div#gridMainColumn div#Comments,
  #Location div#gridMainColumn div#Comments {
    order: 5;
  }

  div#EventTools .tools,
  div#LocationTools .tools {
    width: 100%;
  }

  div#EventTools .tools ul,
  div#LocationTools .tools ul {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    justify-content: space-evenly;
  }

  #CreateAccount.LoginDialog .loginFields.loginCaptchaBox,
  #FeelingShy .captchaContainer {
    float: none !important
  }

  .LoginDialog #CreateAccount-native input.loginSubmit,
  .LoginDialog #FeelingShy input.loginSubmit {
    position: relative !important
  }

  #CreateAccountExtras .loginFields,
  #CreateAccount .loginFields {
    padding-left: 0 !important;
  }
  div.locationListing div.listing {

  }
   #AddEvent div#gridMainColumn{
    padding-bottom: 8px;
    border-bottom: 2px solid #dedede
   }
div#InsiderContactform form {
  width: 99%;
}

div#HomeFeature ul.pagination li .headline {
    display: block;
    margin-top: 10px;
    font-size: 12px;
}
body#Content div#gridTopRow>div {
  max-width: 100%;
 /* end @media 640px */
}
}

@media (max-width:580px) {
  div#HomeLatestIssues .issueCover {
    margin:0 0 15px 15px;
    text-align: center;
  }

  div#HomeLatestIssues .issueCover img {
    height: 150px;
    width: auto;
  }

  body#Content div#gridHeader,
  body#Content div#gridTopRow {
    padding: 0 5px;
  }

  .results.show-grid .EventListing {
    width: 100%;
    margin:0;
    max-width: none;
  }
  .results.show-grid .EventListing .imageTools{
    text-align: center;
  }
  .results.show-grid .EventListing+.EventListing{
    padding-top: 8px;
    margin-top: 8px;
    border-top: 1px solid #ddd;
  }

  .query-control-bar .query-controls {
    margin-bottom: .15rem !important;
  }
  label[class*="FeaturesIcons"] span{
    background-size: 15px;
  }
  ul.nested-checkbox-list li.parent ul,
  .modal.search-stacked ul.stacked-checkbox-list {
    -webkit-column-count:2!important;
    column-count:2!important;
    -webkit-columns:2!important;
    column-gap:10px;
  }
  div#HomeFeature span.subheadline{
    font-size:18px
  }
  div#headerLogo, div#headerLogo #logo, div#headerLogo #logo a, div#headerLogo h1, div#headerLogo h1 a {
    height: 45px;
}
div#headerSearch {
  margin-top: 50px;
  margin-left: 0;
}
div#LogoNavSearch {
  height: 95px;
}
div#HomeFeature .teaserInfo {

}
#Home #LogoNavSearch a#hamburger {
      background-size: 150%;
      top: 20px;
}

}



@media (max-width:480px) {
  div#HomeFeature .teaserInfo {
    padding-right: 0;
  }

  .LoginDialog #CreateAccount-native,
  #CreateAccountExtras .loginContainer {
    padding-left: 0 !important
  }

  div#CreateAccountExtras .loginHeader div,
  #CreateAccount .loginHeader div,
  .LoginDialog div#PasswordReset .loginHeader div {
    margin: 25px 0;
    padding: 0 0 10px;
  }

  #CreateAccount.LoginDialog .loginHeader span {
    top: -25px;
  }
  div#CategoryStories div[class*='More'],
  div#SectionStories div.more{
    margin: 10px 0 0;
        overflow: hidden;
    clear: both;
  }
    
    div#HomeFeature ul.pagination{
    bottom: 10px
    }

  #Home div#gridHeader div#LogoNavSearch{
    border-color:rgba(255,255,255,.33);
  }
  div#HomeFeature ul.pagination li .headline{
    display: none;
  }
  div#HomeFeature span.readMore {
    padding-top: 2px;
    font-size:12px;
  }
 
}

@media (max-width: 380px) {
    div#HomeFeature h3.headline br{
    display: none;
  }
}
@media (max-width:330px) {
  .Karnak6Zone div#gridMain div#gridMainColumn,
  #Content.Kanji10Zone div#gridMain div#gridLeftColumn,
  #Home.Kanji10Zone div#gridMain div#gridLeftColumn {
    min-width: 0;
  }

}

/* iphone 5 and similar */
@media (min-width: 480px) and (max-width: 540px) and (max-height: 350px) {
  div#LogoNavSearch {
    flex-flow: row nowrap;

  }
  div#LogoNavSearch{
    height: 80px;
  }
     div#HomeFeature a h3.headline {
    font-size:22px;
  }
  div#HomeFeature span.subheadline{
    font-size:18px
  }
  #LogoNavSearch a#hamburger {
    top: 0;
  }
  div#HomeFeature{
   padding-bottom: 0
  }
/*   ul#mainNav,
  #Home ul#mainNav {
    width: 250px;
    max-width: none;
    margin: auto;
    order: 3;
  }
*/
  div#headerSearch {
    width: 30%;
    order: 1;
    margin:0 auto auto;
  }

  div#headerLogo {
    order: 2;
  }

  div#ToolBarSlideshow{}
  div#headerLogo {
    max-width: 150px;
    top: 0;
  }
}

.addEvent.page .clearfix {
    display: block;
}
.addEvent.page .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#addEventMainContainer div.sectionHeader {
    background-color: #515151;
    color: white;
    text-align: left;
    padding-right: 10px;
    border-radius: 2px 2px 0 0;
    text-shadow: 0 0 6px #333;
    padding-left: 28px;
    box-shadow: 0 0 8px #888;
    border: 1px solid #000;
    font-size: 20px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
    font-weight: normal;
}
.addEvent.page li {
  list-style: none;
}


/* Add Event Form Styles for Smaller Displays (Mobile) */
@media screen and (max-width: 980px) {
  div.formBackground { display: none; }
  div.locationSearchDiv {
  }
  div#addEventMainContainer div.sectionHeader {
    padding-left: 10px;
  }
  div.addEventSubCont .addEventFormHeader:first-child {
    margin-top: 0 !important;
  }
  div.addEventSubCont {
    margin-bottom: 0;
  }
  div.addEventFormHeader {
    text-align: left;
    padding: 0;
    margin: 15px 0px 5px !important;
    padding-left: 0 !important;
    width: 100% !important;
  }
  div#AddEventLocationFormResult {
    padding-left: 0 !important;
    margin-top: 10px
  }
  div.addEventFormInput {
    width: 100%;
  }
  div.descriptionContainer {
    width: 100%;
  }
  div#AddEvent form textarea,
  div#AddEvent form .addEventFormInput input[type='text'] {
    width: 100% !important;
    font-size: 14px;
  }
  div.newLocationBlurb {
    margin-left: 0;
    padding: 0;
    width: 100%
  }
  div.formSuggestions {
    display: block;
    width: 100%;
    height: 150px;
    overflow: scroll;
  }
  div.locSuggestion {
    padding: 5px;
  }
  div#formOverlay {
    left: 0px;
    right: 0px;
  }
  div#AddEvent form select {
    margin: 0 0 10px 0;
    width: 70%;
  }
  a.eventAddCategoryLink,
  a.eventCatDeleteLink,
  a.addDateTimeLink,
  a.removeDateTimeLink,
  a.imgDeleteLink {
    font-size: 14px;
    margin: 0 0 5px;
  }
  a.removeDateTimeLink {
    top:0;
  }
  a.eventAddCategoryLink,
  a.addDateTimeLink {
    display: inline-block;
  }
  a.eventCatDeleteLink {
    display: inline;
  }
  a.imgDeleteLink {
    position: relative;
    left:0;
  }
  div.dateTimeInstructions {
    width: 100% !important;
    margin: 0 0 5px 0 !important;
  }
  div.datetime_row.clearfix {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #EEE;
  }
  div.dateInputContainer {
    width: 100%;
  }
  div.dateInputContainer div.addEventFormInput.dateInput {
    top: 0 !important;
    margin: 0 0 15px 30px;
    width: 150px;
    height: 24px;
    padding: 0;
    box-sizing: content-box;
  }
  div.dateInputContainer input[name=eventDate] {
    width: 150px !important;
    height: 24px;
    box-sizing: border-box;
  }
  div.timeStartContainer {
    margin-left: 0 !important;
  }
  div.timeStopContainer {

  }
  div.timeSelect a.timePlus,
  div.timeSelect a.timeMinus {
    font-size: 20px;
  }
  div.timeSelect .timeValue {
    margin: 10px 0;
    color: #FFF;
    padding: 5px;
    line-height: 14px;
    font-size: 14px;
    font-weight: bold;
    height: 25px;
    box-sizing: border-box;
  }
  div.datetime_row .sep, div.datetime_row .toPrefix {
    margin-top: 12px;
  }
  div.timeAMPM {
    margin-top: 10px;
    padding: 3px;
  }
  div.frequencyContainer {
    display: none;
  }
  div#AddEvent .customNote {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #imageUploadBtn {
    font-size: 14px;
  }

  /* Hacks */
  div#AddEvent textarea+br,
   div#AddEvent textarea+br+br,
  a.addDateTimeLink+br,
  a.addDateTimeLink+br+br,
  a.addDateTimeLink+br+br+br {
    display: none;
  }
  li.captchaContainer {
    margin-top-top: -8px;
  }
  li.captchaContainer div {
    text-align: left !important;
    margin: 0;
    padding: 0;
    height: inherit !important;
  }
  /* End Hacks */

  div#AddEvent .captchaContainer #AddEventCaptcha {
    margin-top: 15px;
  }
  div#AddEvent .formSubmit a {
    font-size: 18px;
  }
}

@media screen and (max-width: 350px) {
  div.timeSelect {
    margin:0;
  }
  div.timeAMPM {
    margin-left: 2px;
  }
  div.timeStartContainer,
  div.timeStopContainer {
    font-size: 12px;
  }
}
/* End Add Event Form Styles for Smaller Displays (Mobile) */


h4.storySubhead,
div#storyBody h4.storySubhead,
div.postBody h4.storySubhead {
  font-family:"Roboto", Helvetica, sans-serif;
  font-weight:700;
  font-size:1.2em;
  margin:10px 0 0;
  font-style: inherit;
  color: inherit;
}
.introSig {
  text-align: right;
  font-style: italic;
}

div#WeddingSponsorLocations {
  columns: 2;
    column-rule: 1px solid #ccc;
  column-gap: 50px;
}

@media (max-width: 825px) {
  div#WeddingSponsorLocations {
    columns: 1;
    column-rule: none;
    column-gap: 0;
  }
}

div#WeddingSponsorLocations .categoryHeading {
  font-weight: 400;
  font-size: 25px;
  display: inline-block;
  width: 100%;
   padding: 0 0 3px;
  border-bottom: 1px solid #ccc;
}

.WeddingSponsorLocationsBlock {
  display: inline-block;
  width: 100%;
  margin-bottom: 25px;
}

.WeddingSponsorLocationsBlock:last-of-type {
  margin: 0;
}

.WeddingSponsorLocationsBlock ul h4 {
  margin: 0 0 3px;
}

.WeddingSponsorLocationsBlock ul h4 a {
  font-weight: 700;
  line-height:1
}

.WeddingSponsorLocationsBlock .more {
  margin:5px 0 0;
}

.WeddingSponsorLocationsBlock .more a {
  font-weight: 400;
  font-size: 12px;
}

.WeddingSponsorLocationsBlock .more a::after {
  content:" \000BB";
}


ul.stacked-checkbox-list li[data-param="feature"] label[class*="FeaturesIcons"].FeaturesIcons_canceled span {
  padding-left: 0;
}

ul.stacked-checkbox-list li[data-param="feature"] label[class*="FeaturesIcons"].FeaturesIcons_cancelled span {
  padding-left: 0;
}


:root {
 --primary-color:#ff0400;
 --secondary-color:#ff040066;
}
.top-stories-video .carousel-info-icon img {
  max-width: 45px;
}
.top-stories-video .carousel-info-icon img {
  filter: drop-shadow(1px 1px 2px #fff) !important;
}
.top-stories-video .carousel-progress-block-item.uk-active,
.top-stories-video .carousel-info-text {
  background: var( --primary-color ) !important;
}
.top-stories-video .carousel-progress-block-item {
 border-color: var( --primary-color ) !important;
}

.top-stories-video .carousel-info [data-headline] a.carousel-headline {
 text-align: left;
font-size:17px;
}
.top-stories-video .carousel-info [data-headline] a.carousel-headline:after  {
 border-left-color: var( --primary-color ) !important;
   filter: drop-shadow(7px 0 0 var( --secondary-color )) !important;
}
@media (max-width:640px) {
.top-stories-video .carousel-info [data-headline] a.carousel-headline {font-size: 15px !important;}
}