.fmarkets-list { padding: 30px 20px; } .fmarkets-list > div:first-child { margin: 0 auto; display: inline-grid; text-align: center; gap: 35px; } .fmarkets-list .fmarket-list-item { text-align: left; overflow: hidden; display: flex; flex-flow: row nowrap; gap: 20px; } @media (min-width: 800px) { .fmarkets-list { padding: 30px 50px; } .fmarkets-list > div:first-child { grid-template-columns: 1fr 1fr; gap: 50px; } .fmarkets-list .fmarket-list-item { max-width: calc(var(--max-width) / 2 - 25px); } } .fmI-left { flex-shrink: 0; } .fmI-left a { display: block; width: 120px; height: 120px; /*height: 100%; min-height: 120px; max-height: 200px;*/ background: rgba(0,0,0,0.08) none no-repeat center / cover; box-shadow: inset 0 0 2px rgba(0,0,0,0.2); border-radius: 3px; } .fmI-main { padding: 0 0 5px; overflow: hidden; } .fmI-main h3 { margin: 0 0 10px; font-size: 1.1em; } .fmI-main h3 .fav-control { margin: 3px 0 -3px 4px; } .fmI-main .meta { display: flex; flex-flow: column; gap: 10px; font-size: 0.85em; } .fmI-main .meta span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .fmI-main .meta span .icon { margin: -1px 8px 1px 0; } .events-list { max-width: 1260px; margin: 0 auto; padding: 0; } .events-list > h4 { margin: 30px 5px 20px; } .events-list > section { margin: 0; padding: 0; } .events-list > section > section { padding: 0; } .events-list > section > section .horizontal-slider { background: linear-gradient(to bottom, rgba(0,0,0,0.05) 80%, rgba(0,0,0,0) 100%); } .events-list > section > section .horizontal-slider2 .item .title1 { font-size: 1.1rem; } .events-list > section > section .moreLinkWrap { text-align: center; padding: 2px 0 20px; font-size: 0.8em; } .events-list-end { border-top: 25px solid rgb(var(--spacer)); } .events-list-end > h4 { margin: 0; padding: 30px 5px 25px; } .events-list-end > hr { margin: 0; opacity: 0.18; } @media (max-width:900px) { .events-list { padding-bottom: 0; } .events-list > h4 { margin-bottom: 10px; } .events-list > section > section .horizontal-slider { background: none; } } .fmarket-view {} .fmarket-view h1 { line-height:1.25; margin-bottom: 10px; } .fmarket-view h1 .fav-control { margin: 2px 0 -2px 5px; } .fmarket-view .meta { margin: 0 0 20px; font-size: 0.8em; display: flex; flex-flow: row nowrap; gap: 20px; } .fmarket-view .meta .icon { margin: -1px 5px 1px 0; } .fmarket-view .gallery { margin-bottom: 20px; } .fmarket-view .whenWhere { display: flex; flex-flow: row nowrap; gap: 8px; margin: 0 0 10px; font-size: 1em; } .fmarket-view .whenWhere > .icon { margin: 4px 0 0; } .fmarket-view .whenWhere > div { display: flex; flex-flow: row wrap; gap: 5px 5px; align-items: center; } .fmarket-view .whenWhere > div span { white-space: nowrap; } .fmarket-view .whenWhere > div small { white-space: nowrap; font-size: 0.95em; font-weight: 350; line-height: 1.5; } .fmarket-view .whenWhereSpacer { margin: 20px 0 0; padding:10px 0; position: relative; } .fmarket-view .whenWhereSpacer::before { content:""; position:absolute; left:0; right:0; top:0; height:1px; background:var(--clr-text); opacity:0.25; } .fmarket-view .fm-description { } .fmarket-view .fm-description :first-child { margin-top:0; } .fmarket-view .fm-description h2 { margin: 20px 0 15px; } .fmarket-view .fm-description h3 { margin: 20px 0 15px; } .fmarket-view .fm-description blockquote { margin:10px 0; padding:5px 0 5px 15px; font-size:0.9em; position:relative; } .fmarket-view .fm-description blockquote + blockquote { margin-top:-10px; padding-top:10px; } .fmarket-view .fm-description blockquote::before { content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--clr-text); opacity:0.5; } .fmarket-view .fm-embed { margin: 0 0 20px; } .fmarket-view .fm-embed > * { max-width: 100%; } .fmarket-view .fm-contacts { margin: 20px 0; } .fmarket-view .fm-contacts div { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .fmarket-view .fm-contacts div em.icon { margin:-2px 8px 0 0; } .fmarket-view .share { margin: 25px 0 0; padding: 20px 0 0; position: relative; } .fmarket-view .share::before { content:""; position:absolute; left:0; right:0; top:0; height:1px; background:var(--clr-text); opacity:0.25; } .fmarket-view .share h3 { margin: 0 0 15px; } .fmarket-view .share .button { margin: 0 10px 10px 0; } .fmarket-view .horizontal-slider .title1 { font-size:0.95em; } @media (max-width: 600px) { .fmarket-view .horizontal-slider { margin:0 -20px; border-radius:0; } .fmarket-view .horizontal-slider2 { padding:5px 20px 15px 20px; } }