/*!
Theme Name: sammymiller
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sammymiller
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

sammymiller is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Noto+Serif:ital,wght@0,400;0,700;1,400&display=swap');

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #000000;
	font-family: 'Montserrat', sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {font-family: 'Noto Serif', serif; clear: both; letter-spacing: -1px; font-weight: 400}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

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

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #d2232a;
}

a:visited {
	color: #d2232a;
}

a:hover,
a:focus,
a:active {
	color: #d2232a;
}

a:focus {
	outline: none;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 0;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 0;
	padding: 10px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

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

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}


/* - - - - - - - - - - GLOBAL - START - - - - - - - - - - - */

.container {max-width: 1180px; padding: 0 30px; margin: 0 auto; width: 100%}

.elementor-button {font-family: 'Noto Serif', serif}

.sm-events-grid-wrapper {padding: 0 15px}
.sm-events-grid {margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 45px; grid-row-gap: 30px}
.sm-event-cell {border: solid 1px #000000; display: flex; flex-direction: column}
.sm-event-img img {display: block}
.sm-event-img span {margin-left: 30px; background: #000029; color: #FFFFFF; display: inline-block; padding: 7px 25px; text-transform: uppercase; font-family: 'Noto Serif', serif; letter-spacing: 0; font-size: 15px; transform: translateY(-20px)}
.sm-event-txt {padding: 5px 30px 30px}
.sm-event-txt h3 {margin: 0; text-transform: uppercase; letter-spacing: 0; line-height: 1.3; margin-bottom: 12px}
.sm-event-txt h3 a {color: #000000}
.sm-event-txt p {margin: 0; line-height: 1.4; font-size: 15px}
.sm-event-btn {margin-top: auto}
.sm-event-btn a {display: inline-block; background: #d2232a; padding: 13px 60px 13px 30px; line-height: 1; text-transform: uppercase; text-decoration: none; color: #FFFFFF; font-family: 'Noto Serif', serif; letter-spacing: 0; font-size: 15px}

#sm-page-header {color: #FFFFFF; background: #000029; border-bottom: solid 8px #d2232a; text-align: center; padding: 65px 30px 35px; position: relative}
#sm-page-header h1,
#sm-page-header > span {margin: 0 0 7px; font-weight: 400; font-style: italic; font-size: 39px; line-height: 1.2; font-family: 'Noto Serif', serif; letter-spacing: 0; display: block; margin-bottom: 7px}
#sm-page-header p {margin: 0 auto; max-width: 475px; font-size: 15px; line-height: 1.4; display: block}
#sm-page-header p strong {color: #d2232a}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {background: #000000}

.sm-btn,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt {background: #d2232a; color: #FFFFFF; padding: 15px 35px; text-transform: uppercase; text-decoration: none; font-family: 'Noto Serif', serif; font-size: 15px; line-height: 1; letter-spacing: 0; display: inline-block; border-radius: 0; font-weight: 400}
.sm-btn:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {color: #FFFFFF; background: #d2232a}
.sm-btn:visited,
.woocommerce a.button:visited,
.woocommerce button.button:visited,
.woocommerce a.button.alt:visited,
.woocommerce button.button.alt:visited {color: #FFFFFF}

.woocommerce button.button:disabled {padding: 15px 35px!important}
.woocommerce button.button:disabled,
.woocommerce button.button:disabled:hover {color: #FFFFFF!important; background: #d2232a!important}

/*.featherlight-next {top: 20px; right: 20px}
.featherlight-previous {top: 20px; left: 20px}*/
.featherlight-next,
.featherlight-previous {transition: opacity 0.3s ease-out 100ms; display: block; opacity: 0}
.featherlight-next:hover,
.featherlight-previous:hover {background: rgba(0,0,0,.25); opacity: 1}
.featherlight-next span,
.featherlight-previous span {text-shadow: none}

#sm-sidebar ul.menu {list-style: none; padding: 0; margin: 0 0 45px}
#sm-sidebar ul.menu a {background: #d2232a; color: #FFFFFF; padding: 14px 35px; display: block; text-decoration: none; text-transform: uppercase; font-family: 'Noto Serif', serif; font-weight: 400; margin-bottom: 15px; font-size: 21px; border-right: solid 15px #000029}

#sm-sidebar img {display: block}
.sm-sidebar-cta-content {background: #f4f4f6; padding: 30px}
#sm-sidebar .sm-sidebar-cta-content h2 {background: none; padding: 0; text-transform: uppercase; color: #000000; font-size: 20px; margin: 0 0 15px}
#sm-sidebar .sm-sidebar-cta-content p {font-size: 15px}
#sm-sidebar .sm-sidebar-cta-content .sm-btn {font-size: 1em; padding: 12px 35px}

.wp-block-embed iframe {margin-left: auto; margin-right: auto; display: block}

input[type="text"],
input[type="email"],
input[type="tel"] {height: 45px}

.elementor-price-list .elementor-price-list-item .elementor-price-list-header {margin-bottom: 0px!important}

.sm-page-intro {margin-bottom: 0}
.sm-page-intro .elementor-widget-container p:first-of-type {font-size: 1.2em; font-family: 'Noto Serif', serif; margin-top: 0}
.sm-page-intro .elementor-widget-container p:last-of-type {margin-bottom: 0}

.clearfix {clear: both}

.error-404 {padding: 45px 0 0}
.error-404 h1 {line-height: 1.2}

@media (max-width: 1179px) {
	.container {max-width: 778px}

	#sm-page-header {padding: 35px 30px 35px}

	.sm-events-grid {grid-column-gap: 30px}
	.sm-event-img span {font-size: 14px; margin-left: 25px; padding: 7px 17px}
	.sm-event-txt,
	.sm-event-btn a {padding-left: 25px}
	.sm-event-btn a {padding-right: 50px}

	#sm-sidebar ul.menu a {font-size: 18px; padding: 14px 30px}
	#sm-sidebar .sm-sidebar-cta-content .sm-btn {font-size: 0.85em; padding: 12px 30px}
}

@media (max-width: 767px) {
	.sm-events-grid {grid-template-columns: 1fr 1fr; width: 100%}
}

@media (max-width: 600px) {
	.sm-events-grid {grid-template-columns: 1fr}
}

@media (max-width: 480px) {
	#sm-page-header {padding: 20px 30px 20px}
	#sm-page-header h1,
	#sm-page-header > span {font-size: 30px}
	#sm-page-header p {font-size: 14px}

	.error-404 {padding: 30px 0 0}
	.error-404 h1 {font-size: 24px}
}

/* - - - - - - - - - - GLOBAL - END - - - - - - - - - - - - */





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

#sm-header-desktop-tablet {position: relative; width: 100%; background: #FFFFFF}
#sm-header-desktop-tablet-logo {max-width: 350px; height: auto; position: absolute; top: 28px; left: 50%; margin-left: -175px; z-index: 2}
#sm-header-desktop-tablet-logo-hitbox {width: 170px; height: 145px; position: absolute; top: 28px; left: 50%; margin-left: -85px; border: solid 1px transparent; text-decoration: none; z-index: 3}
#sm-header-desktop-tablet #sm-header-top {border-bottom: solid 1px #d2232a}
#sm-header-desktop-tablet #sm-header-top .sm-row {display: grid; grid-template-columns: 1fr 1fr; align-items: center; max-width: 1400px; margin: 0 auto; padding: 25px 15px}
#sm-header-desktop-tablet #sm-header-top .col-1 ul {list-style: none; display: flex; padding: 0; margin: 0}
#sm-header-desktop-tablet #sm-header-top .col-1 ul li {padding: 0 10px; border-left: solid 2px #000000}
#sm-header-desktop-tablet #sm-header-top .col-1 ul li:first-child {padding-left: 0; border-left: none}
#sm-header-desktop-tablet #sm-header-top .col-1 ul li a {color: #000000; text-decoration: none; line-height: 1; font-weight: 500; text-transform: uppercase; font-size: 14px; display: flex}
#sm-header-desktop-tablet #sm-header-top .col-2 {display: flex; justify-content: flex-end; gap: 40px; align-items: center}
.sm-header-socials ul {list-style: none; display: flex; padding: 0; margin: 0; gap: 3px}
.sm-header-socials a {display: block}
.sm-header-socials img {max-width: 25px; height: auto; display: block}
.sm-header-tel {text-transform: uppercase; font-size: 16px; line-height: 1; font-weight: 500}
.sm-header-tel a {text-decoration: none}

#sm-header-btm {border-bottom: solid 1px #d2232a}
#sm-header-btm .sm-row {display: grid; grid-template-columns: 1fr 1fr; text-transform: uppercase}
.menu-header-bottom-left-menu-container > ul,
.menu-header-bottom-right-menu-container > ul {display: flex}
.menu-header-bottom-right-menu-container > ul {justify-content: flex-end}

#sm-header-btm a {display: block; color: #000000; font-weight: 500}
#sm-header-btm ul {list-style: none; padding: 0; margin: 0}
#sm-header-btm ul li a {text-decoration: none; font-size: 16px; padding: 15px; display: block}
#sm-header-btm ul li.menu-item-has-children > a::after {content: ""; display: block; box-sizing: border-box; position: absolute; width: 7px; height: 7px; border-bottom: 2px solid #d2232a; border-right: 2px solid #d2232a; transform: rotate(45deg); right: 10px; top: 23px}
#sm-header-btm ul li.menu-item-has-children > a {padding-right: 25px}
#sm-header-btm ul.menu ul {visibility: hidden; opacity: 0; transition: all 0.3s linear}
#sm-header-btm ul.menu > li > ul:before {content: ''; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #d2232a; font-size: 0; line-height: 0; position: absolute; left: 50%;
    top: -9px; margin-left: -15px}
#sm-header-btm ul.menu ul a {color: #FFFFFF; font-weight: 400; font-size: 15px; padding: 10px 15px}
#sm-header-btm ul.menu > li {position: relative; float: left}
#sm-header-btm ul.menu li ul {position: absolute; top:100%;	left: 0; background-color: #d2232a; z-index: 1; width: 100%}
#sm-header-btm li:hover > ul {visibility: visible; opacity: 1}
#sm-header-btm ul.menu li ul li {position: relative; border-bottom: solid 1px #ffffff}
#sm-header-btm ul.menu li ul li ul {background-color: #d2232a; position: absolute; left:100%; top: 0; z-index: 1}

#sm-header-mobile {display: none}

/* transparent header */
.page-template-template-home .site-header {position: absolute; z-index: 2; width: 100%}
.page-template-template-home #sm-header-desktop-tablet {background: transparent; /*background: linear-gradient(180deg, rgba(240,250,243,1) 0%, rgba(146,216,246,1) 100%)*/}


@media (max-width: 1299px) {
	#sm-header-desktop-tablet-logo {top: 35px}
	#sm-header-desktop-tablet #sm-header-top .sm-row {padding: 20px 30px 20px}
	#sm-header-desktop-tablet #sm-header-top .col-1 ul li a {font-size: 12px}
	#sm-header-desktop-tablet #sm-header-top .col-2 {gap: 30px}
	#sm-header-desktop-tablet .sm-header-tel {font-size: 15px}
}

@media (max-width: 1179px) {
	#sm-header-desktop-tablet {display: none}
	#sm-header-mobile {display: block; padding: 10px 15px; border-bottom: solid 1px #d2232a}
	#sm-header-mobile .sm-row {display: flex; align-items: center; justify-content: space-between}
	#sm-logo-mob {min-width: 80px; display: block}
	#sm-logo-mob img {max-width: 80px; position: absolute; top: 10px; left: 20px; z-index: 2}
	.admin-bar #sm-logo-mob img {top: 42px}
	#sm-header-tel-socials-mob {display: flex; align-items: center; gap: 30px; flex-direction: row-reverse}

	#sm-main-menu {width: 300px; height: 100vh; background-color: #d2232a; position: fixed; top: 0; right: -300px; transition: right 0.5s ease-in-out; z-index: 401; -webkit-box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.05); box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.05); padding: 20px 0 0; overflow-y: scroll; z-index: 3}
	.admin-bar #sm-main-menu {padding-top: 32px}
	.menu-main-menu-container {height: 100%}
	#sm-main-menu-close-btn {position: absolute; top: 5px; right: 7px; text-decoration: none; font-weight: 700; color: #FFFFFF}
	.admin-bar #sm-main-menu-close-btn {top: 37px}
	#sm-main-menu.show {right: 0}
	#sm-main-menu ul {list-style: none; padding: 0; margin: 0; height: 100%}
	#sm-main-menu ul li {border-bottom: solid 1px #FFFFFF; padding: 5px 0}
	#sm-main-menu ul li a {padding: 6px 25px; display: block; text-decoration: none; color: #FFFFFF; font-size: 15px}
	#sm-main-menu ul li a:hover {color: #FFFFFF}
	#sm-main-menu ul li a:active,
	#sm-main-menu ul li a:focus {color: #FFFFFF}
	#menu-main-menu .current_page_item a {color: #FFFFFF; font-weight: 500}

	#sm-main-menu ul#menu-mobile-menu > li > ul > li {border-bottom: none; border-top: solid 1px #FFFFFF; position: relative}
	#sm-main-menu ul#menu-mobile-menu > li > ul > li:last-child {padding-bottom: 0}
	#sm-main-menu ul#menu-mobile-menu > li > ul > li::before {content: ""; display: block; box-sizing: border-box; position: absolute; width: 7px; height: 7px; border-bottom: 2px solid #ffffff; border-right: 2px solid #ffffff; transform: rotate(-45deg); left: 25px; top: 18px}
	#sm-main-menu ul#menu-mobile-menu > li > ul > li > a {padding-left: 45px}

	#menu-main-menu,
	#main-menu-btn,
	#sm-main-menu-close-btn {display: block}

	.site-navigation-wrapper {padding-top: 15px}
	#menu-main-menu a:after {display: none}
	#main-menu-btn {color: #000000; background: none; margin: 0 auto; border: none; padding: 5px}
}

@media (max-width: 767px) {
	#sm-header-tel-socials-mob {gap: 10px}
	#sm-header-tel-socials-mob .sm-header-tel {font-size: 14px}
}

@media (max-width: 480px) {
	#sm-header-tel-socials-mob .sm-header-tel {max-width: 100px; text-align: center; line-height: 1.2}
	#sm-header-tel-socials-mob .sm-header-socials {display: none}
}

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





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

#sm-updates-sign-up {background: #d2232a; padding: 25px 35px; margin: 75px 0 60px; display: block}
#sm-updates-sign-up .sm-row {display: flex; width: 100%; justify-content: space-between; align-items: center}
#sm-updates-sign-up h3 {color: #FFFFFF; text-transform: uppercase; letter-spacing: 0; font-size: 29px; margin: 0}
#sm-updates-sign-up fieldset {border: none; padding: 0; margin: 0}
#sm-updates-sign-up .frm_fields_container {display: flex; justify-content: space-between; grid-gap: 15px}
#sm-updates-sign-up input[type="email"] {height: 45px; min-width: 500px; border-radius: 0; border: none; padding: 5px 20px; margin: 5px 0}
#sm-updates-sign-up .frm_button_submit {background: #000029; color: #FFFFFF; height: 45px; line-height: 45px; padding: 0 45px; border: none; margin: 5px 0}
#sm-updates-sign-up .frm_error_style,
#sm-updates-sign-up .frm_error {color: #FFFFFF; font-style: italic}
#sm-updates-sign-up .frm_message p,
#sm-updates-sign-up .frm_error_style p {color: #FFFFFF; margin: 0; font-weight: 700}

#sm-footer-tels {text-align: center; font-size: 26px; font-family: 'Noto Serif', serif; padding: 45px 15px 65px}
#sm-footer-tels p {line-height: 1.5; margin: 0}
#sm-footer-tels a {font-weight: 700; text-decoration: none}

#sm-footer-top {background: #000029; color: #FFFFFF; padding: 85px 0 75px; font-family: 'Noto Serif', serif}
#sm-footer-top .sm-row {max-width: 1120px; margin: 0 auto; display: grid; grid-template-columns: 3fr 3fr 4fr 5fr; gap: 30px}
#sm-footer-top h3 {text-transform: uppercase; color: #d2232a; margin: 0 0 25px; letter-spacing: 0}
#sm-footer-top ul {list-style: none; padding: 0; margin: 0}
#sm-footer-top ul.menu {display: flex; flex-direction: column; gap: 12px}
#sm-footer-top ul.menu li a {color: #FFFFFF; text-transform: uppercase; text-decoration: none; font-size: 15px; line-height: 1.3; display: block}
#sm-footer-top p {font-size: 15px; margin: 0 0 14px; line-height: 1.6}
#sm-footer-top .col-4 h3 {color: #FFFFFF; font-size: 12px; line-height: 1.55; text-align: center; margin: 20px 0 18px; letter-spacing: 0}
#sm-footer-socials ul {list-style: none; display: flex; padding: 0; margin: 0; gap: 6px; justify-content: center}
#sm-footer-socials a {display: block}
#sm-footer-socials img {max-width: 36px; height: auto; display: block}

#sm-footer-btm {background: #d2232a; color: #FFFFFF; padding: 17px 0; font-size: 13px; line-height: 1}
#sm-footer-btm a {color: #FFFFFF}
#sm-footer-btm .sm-row {max-width: 1120px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr}
#sm-footer-btm .sm-row .col-2 {text-align: right}

@media (max-width: 1179px) {
	#sm-updates-sign-up .sm-row {grid-template-columns: 1fr; display: grid; margin: 0 auto}
	#sm-updates-sign-up h3 {text-align: center; margin-bottom: 5px}
	#sm-updates-sign-up input[type="email"] {min-width: 480px}

	#sm-footer-top .sm-row {gap: 15px}
	#sm-footer-top h3 {font-size: 15px}
	#sm-footer-top ul.menu li a {font-size: 13px}
	#sm-footer-top p {font-size: 13px}
}

@media (max-width: 767px) {
	#sm-updates-sign-up {padding: 25px}
	#sm-updates-sign-up .sm-row {max-width: 375px}

	#sm-footer-top .sm-row {grid-template-columns: 1fr 1fr; gap: 45px}
	#sm-updates-sign-up input[type="email"] {min-width: 220px}
	#sm-updates-sign-up .frm_button_submit {padding: 0 35px}

	#sm-footer-btm .sm-row {grid-template-columns: 1fr; text-align: center; gap: 10px}
	#sm-footer-btm .sm-row .col-2 {text-align: center}
}

@media (max-width: 480px) {
	#sm-updates-sign-up {margin: 60px auto 45px}
	#sm-updates-sign-up h3 {font-size: 18px}
	#sm-updates-sign-up .frm_fields_container {flex-direction: column; align-items: center; grid-gap: 5px}
	#sm-updates-sign-up input[type="email"] {font-size: 15px; min-width: 210px}

	#sm-footer-tels {font-size: 21px; padding: 0 15px 50px}

	#sm-footer-top {padding: 65px 15px 55px}
	#sm-footer-top .sm-row {grid-template-columns: 1fr; text-align: center}

	#sm-footer-btm {text-align: center; font-size: 12px}
}

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





/* - - - - - - - - - - HOMEPAGE - START - - - - - - - - - - - */

.sm-home-header-panel {position: relative; background: linear-gradient(180deg, rgba(240,250,243,1) 0%, rgba(146,216,246,1) 100%); padding-top: 415px}
.sm-home-header-content {position: absolute; top: 195px; width: 100%; text-align: center; z-index: 1}
.sm-home-header-content h1 {font-weight: 400; font-size: 54px; line-height: 1.1; max-width: 590px; margin: 0 auto; display: block; padding: 0 15px}
.sm-home-header-content p {font-size: 18px; line-height: 1.35; max-width: 590px; margin: 20px auto 0; display: block; padding: 0 15px}
.sm-home-header-panel img {display: block; width: 100%; height: auto}
#hp-book-tickets-roundall {position: absolute; max-width: 155px; height: auto; top: 35px; left: 50%; margin-left: 335px}

#hp-intro-txt h2 {color: #d2232a; font-size: 40px; font-weight: 500; line-height: 1.25; display: block; max-width: 420px; margin-top: 0}
#hp-intro-txt .elementor-widget-container p {font-size: 18px; font-weight: 300} 
#hp-intro-txt .elementor-widget-container p:first-of-type {font-family: 'Noto Serif', serif; font-size: 20px}

#hp-discover-more h2 {color: #d2232a; font-size: 33px; font-weight: 500; line-height: 1.25; margin: 0 0 12px}
#hp-discover-more-heading p {margin: 0}
#hp-discover-more h3 {text-transform: uppercase; font-weight: 400; font-size: 23px; letter-spacing: 0; display: block; border-bottom: solid 1px #d2232a; padding: 5px 0 25px; margin-bottom: 5px}

#hp-events-header h2 {color: #d2232a; font-size: 36px; font-weight: 500; line-height: 1.25; margin: 0 0 12px}
#hp-events-header p {margin: 0}

@media (max-width: 1179px) {
	.sm-home-header-panel {padding-top: 330px}
	.sm-home-header-content {top: 105px}
	#hp-book-tickets-roundall {margin-left: 190px; top: 200px}
}

@media (max-width: 1024px) {
	#hp-discover-more h3 {font-size: 19px}
}

@media (max-width: 767px) {
	.sm-home-header-panel {padding-top: 305px}
	.sm-home-header-content h1 {font-size: 44px}
	#hp-book-tickets-roundall {margin-left: 90px; top: 215px; max-width: 125px}
}

@media (max-width: 480px) {
	.sm-home-header-panel {padding-top: 275px}
	.sm-home-header-content {top: 95px}
	.sm-home-header-content h1 {font-size: 29px}
	.sm-home-header-content p {font-size: 14px}
	#hp-book-tickets-roundall {display: none}

	#hp-intro-txt h2 {font-size: 26px}
	#hp-intro-txt .elementor-widget-container p {font-size: 16px}
	#hp-intro-txt .elementor-widget-container p:first-of-type {font-size: 18px}

	#hp-discover-more h2 {font-size: 26px}

	#hp-events-header h2 {font-size: 29px}
}

/* - - - - - - - - - - HOMEPAGE - END - - - - - - - - - - - - */





/* - - - - - - - - - - MUSEUM INFO PAGE - START - - - - - - - - - - - */

#museum-info-wrapper {display: grid; grid-template-columns: 2fr 1fr; gap: 35px; padding: 45px 0}
#museum-info-wrapper .col-1 > p {font-size: 14px}
#museum-info-wrapper .col-1 > p:first-of-type {font-family: 'Noto Serif', serif; font-size: 19px}

#main-museum-carousel {width: 724px; display: block; margin-bottom: 30px}

#museum-info-wrapper h2 {background: #000029; color: #FFFFFF; margin: 45px 0 30px; padding: 20px 40px; display: block; font-weight: 400; font-size: 28px; line-height: 1.2}
#museum-info-wrapper h2 em {color: #d2232a}

#museum-info-highlights {background: #f4f4f6; margin: 45px 0 0}
#museum-info-highlights h2 {margin-bottom: 0}
.museum-highlight {padding: 35px 40px 15px; position: relative}
#museum-info-highlights .museum-highlight:last-of-type {padding-bottom: 35px}
.museum-highlight .museum-highlight-description {position: relative; padding: 0 55px 0 0}
.museum-highlight .museum-highlight-description p {margin: 0; padding: 10px 0 0; font-weight: 700; font-size: 14px}
.museum-highlight .museum-highlight-description > .museum-highlight-btn {background: #d2232a; display: block; padding: 10px 8px 9px; position: absolute; right: 0; top: -1px; width: 34px; height: 34px}
.museum-highlight-btn .chevron {border-style: solid; border-width: 0.25em 0.25em 0 0; content: ''; display: inline-block; height: 0.75em; left: 0.15em; position: relative; top: 0.15em; transform: rotate(-45deg); vertical-align: top; width: 0.75em; border-color: #FFFFFF}
.museum-highlight.closed .museum-highlight-description > .museum-highlight-btn {padding: 9px 8px 9px}
.museum-highlight.closed .museum-highlight-btn .chevron {top: 0; transform: rotate(135deg)}
.museum-highlight h3 {margin: 0; font-weight: 400; text-transform: uppercase; font-size: 23px; line-height: 1.2; letter-spacing: 0; border-bottom: solid 1px #d2232a; display: block; padding: 0 0 17px; max-width: calc(100% - 55px)}
.museum-highlight-content-carousel {width: 579px; margin: 30px 0 0} /* width 100% doesn't work when owl carousel is within grid... */
.museum-highlight-content p {font-size: 14px}
.museum-highlight-content > ul {margin: 0; font-size: 14px}
.museum-highlight-content > ul li {margin: 7px 0}

.museum-related-link {display: grid; grid-template-columns: 2fr 3fr; gap: 45px; align-items: center; margin: 23px 0 0; border-bottom: solid 1px #d2232a; padding: 0 0 25px}
#museum-info-related-links .museum-related-link:last-child {border: none} 
.museum-related-link h3 {margin: 0 0 8px; text-transform: uppercase; font-weight: 400; letter-spacing: 0}
.museum-related-link p {margin: 0 0 17px; font-size: 13px}

@media (max-width: 1179px) {
	#main-museum-carousel {width: 455px}

	.museum-highlight-content-carousel {width: 368px}

	.museum-related-link {gap: 30px}
}

@media (max-width: 767px) {
	#main-museum-carousel {width: 100%}

	#museum-info-wrapper {display: block}

	.museum-highlight-content-carousel {width: 100%}
}

@media (max-width: 480px) {
	#museum-info-wrapper {padding-bottom: 0}
	#museum-info-wrapper h2 {font-size: 24px; padding: 20px 25px}

	#museum-info-wrapper .col-1 > p:first-of-type {font-size: 16px}

	.museum-highlight {padding: 35px 25px 15px}
	.museum-highlight h3 {font-size: 19px}
	.museum-highlight .museum-highlight-description p {font-size: 13px}

	#museum-info-related-links {padding-bottom: 30px}
	.museum-related-link h3 {margin-top: 10px}
	.museum-related-link {display: block}
}

/* - - - - - - - - - - MUSEUM INFO PAGE - END - - - - - - - - - - - - */





/* - - - - - - - - - - EVENTS PAGE - START - - - - - - - - - - - */

.sm-filters {margin: 0 auto 45px; padding: 15px 20px; background: #d2232a}
.sm-filters form {display: flex; align-items: center; justify-content: space-between}
.sm-filters form .filter-group {display: flex; align-items: center; justify-content: space-between; width: 810px}
.sm-filters form .filter-group > span,
.sm-filters .sm-filter-mob-btn {color: #FFFFFF; text-transform: uppercase; font-family: 'Noto Serif', serif; font-weight: 400; font-size: 18px; margin-right: 8px}
.sm-filters .sm-filter-mob-btn {display: none}
.sm-filters .sm-filter-mob-btn svg {width: 3px; margin-left: 8px; }
.sm-filters .sm-filter-mob-btn svg path {fill: #FFFFFF}
.sm-filters form select {height: 42px; padding: 0 35px 0 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/wp-content/themes/sammymiller/img/chevron.png) no-repeat #FFFFFF; background-position: right 15px top 16px; background-size: 10px 8px; border: none; min-width: 250px}
.sm-filters form input[type="submit"] {background: #000029; height: 42px; border: none; color: #FFFFFF; font-family: 'Noto Serif', serif; font-weight: 400; text-transform: uppercase; border-radius: 0; padding: 5px 60px; font-size: 15px}
.sm-filters .form-group {display: flex}
.sm-filters form input[type="text"] {background: #FFFFFF; border-radius: 0; height: 42px; border: none; padding: 0 10px 0 15px; margin-left: 5px}
.sm-filters form button {background: #FFFFFF; border-radius: 0; border: none; height: 42px; padding: 12px 10px 10px}
.sm-filters form button img {max-width: 18px; height:auto}

.pagination {padding: 30px 0 0}
.pagination span,
.pagination a {padding: 5px 10px; background: #d2232a; color: #FFFFFF}
.pagination span {background: #000029}

@media (max-width: 1179px) {
	.sm-filters {padding: 15px}
	.sm-filters form .filter-group > span {font-size: 15px}
	.sm-filters form select {min-width: auto; font-size: 14px; padding: 0 30px 0 10px}
	.sm-filters form input[type="submit"] {padding: 5px 15px}
	.sm-filters form input[type="text"] {max-width: 145px; font-size: 14px; padding-left: 10px}
}

@media (max-width: 767px) {
	.sm-filters {margin-top: 0}
	.sm-filters form {display: block}
	.sm-filters form .filter-group {width: 100%; margin: 0 auto 12px; max-width: 520px}
	.sm-filters form > .form-group {width: 100%}
	.sm-filters form input[type="text"] {max-width: 100%; flex-grow: 1; margin-left: 0}
}

@media (max-width: 600px) {
	.sm-filters {margin: 0 0 30px}
	.sm-filters form {display: none; padding-top: 10px}
	.sm-filters form .filter-group {display: block}
	.sm-filters form .filter-group > span {display: none}
	.sm-filters .sm-filter-mob-btn {display: block; padding: 0; text-align: center; font-size: 17px; margin: 0; cursor: pointer}
	.sm-filters .sm-filter-mob-btn svg {display: inline-block}
	.sm-filters form select {width: 100%; margin-bottom: 10px}
	.sm-filters form input[type="submit"] {width: 100%; text-align: center}
	.sm-filters form input[type="text"] {padding-right: 5px}
}

/* - - - - - - - - - - EVENTS PAGE - END - - - - - - - - - - - - */





/* - - - - - - - - - - EVENTS INDIVIDUAL PAGE - START - - - - - - - - - - - */

#sm-individual-event {padding-top: 45px}
#sm-individual-event .sm-row {display: grid; grid-template-columns: 2fr 1fr; gap: 35px}
#sm-individual-event .col-1 .sm-event-date-time-wrapper {display: none}
#sm-individual-event h1 {line-height: 1.2}

.sm-event-date-time-wrapper {margin-bottom: 45px}
.sm-event-date-time-wrapper h2 {background: #000029; color: #FFFFFF; margin: 0; padding: 20px 35px; display: block; font-weight: 400;
 font-size: 28px; line-height: 1.2}
.sm-event-date-time-wrapper h2 em {color: #d2232a}
.sm-event-date-time-inner {background: #f4f4f6; padding: 30px 35px; display: flex; flex-direction: column; gap: 30px}
.sm-event-label {font-weight: 700; display: block; padding: 0 0 5px}
.sm-event-date {display: flex; line-height: 21px}
.sm-event-month-day {background: #000029; padding: 15px 12px; color: #FFFFFF; font-family: 'Noto Serif', serif; font-size: 22px}
.sm-event-month-year {background: #FFFFFF; padding: 15px; flex-grow: 1; font-size: 17px}
.sm-event-time {display: block; padding-top: 10px}

@media (max-width: 1179px) {
	.sm-event-date-time-wrapper h2 {padding: 20px 20px}
	.sm-event-date-time-inner {padding: 25px 20px}
	.sm-event-date {line-height: 19px}
	.sm-event-month-day {font-size: 17px}
	.sm-event-month-year {font-size: 14px; padding: 15px 10px}
}

@media (max-width: 767px) {
	#sm-individual-event .sm-row {grid-template-columns: 1fr}

	#sm-individual-event .col-1 .sm-event-date-time-wrapper {display: block}
	.sm-event-date-time-inner {display: grid; grid-template-columns: 1fr 1fr}

	#sm-sidebar .sm-event-date-time-wrapper {display: none}
}

@media (max-width: 480px) {
	.sm-event-date-time-wrapper {margin-bottom: 30px}
	.sm-event-date-time-wrapper h2 {padding: 15px; font-size: 23px}
	.sm-event-date-time-inner {padding: 20px 15px; flex-direction: column; display: flex}
}

/* - - - - - - - - - - EVENTS INDIVIDUAL PAGE - START - - - - - - - - - - - */





/* - - - - - - - - - - SIDEBAR PAGE - START - - - - - - - - - - - */

#sm-page-sidebar {padding-top: 45px}
#sm-page-sidebar .sm-row {display: grid; grid-template-columns: 2fr 1fr; gap: 35px}

@media (max-width: 767px) {
	#sm-page-sidebar {padding-top: 30px}
	#sm-page-sidebar .sm-row {grid-template-columns: 1fr}
}

/* - - - - - - - - - - SIDEBAR PAGE - END - - - - - - - - - - - - */





/* - - - - - - - - - - NO SIDEBAR PAGE - START - - - - - - - - - - - */

#sm-page-no-sidebar {padding-top: 45px}

@media (max-width: 767px) {
	#sm-page-no-sidebar {padding-top: 30px}
}

/* - - - - - - - - - - NO SIDEBAR PAGE - END - - - - - - - - - - - - */





/* - - - - - - - - - - SHOP - START - - - - - - - - - - - */

.woocommerce form .form-row {margin-bottom: 10px; padding-left: 0; padding-right: 0}
#billing_country_field {margin-bottom: 15px}

#add_payment_method #payment ul.payment_methods li,
.woocommerce-cart #payment ul.payment_methods li,
.woocommerce-checkout #payment ul.payment_methods li {line-height: 1.2}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment,
.woocommerce table.shop_table {border-radius: 0}

.woocommerce-info {border-top-color: #000029}
.woocommerce-info::before {color: #000029}

.select2-container .select2-selection--single {height: 45px}
.select2-container--default .select2-selection--single {border-radius: 0}
.select2-container .select2-selection--single .select2-selection__rendered {padding-top: 8px}
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 45px}

#sm-basket-link {background: #d2232a; border-radius: 50%; position: absolute; top: 15px; right: 15px; padding: 13px 11px 12px; width: 44px; height: 44px}
#sm-basket-link svg {width: 22px}
#sm-basket-link svg path {fill: #FFFFFF}

#sm-shop-wrapper {padding-top: 45px}
#sm-shop-wrapper .sm-row {display: grid; grid-template-columns: 1fr 3fr; gap:45px}

#sm-shop-sidebar {position: -webkit-sticky; position: sticky; top: 30px}

#sm-shop-categories h2 {background: #000029; color: #FFFFFF; margin: 0; padding: 20px 35px; display: block; font-weight: 400;
 font-size: 28px; line-height: 1.2}
#sm-shop-categories h2 svg {display: none}
#sm-shop-categories-inner {background: #f4f4f6; padding: 30px 35px}
#sm-shop-categories ul {list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 7px}
#sm-shop-categories a {text-decoration: none; display: block; line-height: 1.2}
#sm-shop-categories a:before {content: '> '}

.woocommerce-page ul.products {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 40px; grid-row-gap: 60px}
.woocommerce-page ul.products li.product {width: 100%!important; float: none; margin: 0; display: flex; flex-direction: column}
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after {content:normal}
.woocommerce-page ul.products li.product .woocommerce-loop-product__link {padding-bottom: 15px}
.woocommerce-page ul.products li.product .woocommerce-loop-product__title {color: #000000; font-size: 20px; line-height: 1.3; font-weight: 400}
.woocommerce-page ul.products li.product .price {color: #000000; font-weight: 700; font-size: 17px; line-height: 1}
.woocommerce-page ul.products li.product > a.button {margin-top: auto; text-align: center}

.woocommerce-page select {height: 42px; padding: 0 35px 0 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/wp-content/themes/sammymiller/img/chevron.png) no-repeat #FFFFFF; background-position: right 15px top 16px; background-size: 10px 8px; border: none; min-width: 250px; border: solid 1px #000000}
.woocommerce-result-count {line-height: 42px}


.single-product #sm-shop-wrapper .sm-row {grid-template-columns: 1fr}
.single-product #sm-shop-wrapper > .sm-row > .col-1 {display: none}

.single-product #sm-shop-wrapper .product .sm-row {display: grid; grid-template-columns: 1fr 1fr}

.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images,
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {float: none; width: 100%}

#sm-product-gallery {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap:10px; padding: 10px 0 0}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {width: 100%; float: none}

.woocommerce div.product .product_title {font-weight: 400; line-height: 1.2}
.woocommerce div.product form.cart {display: flex}
.woocommerce div.product form.cart.variations_form {display: block}
.woocommerce div.product form.cart .variations th.label {text-align: left; vertical-align: middle}
.woocommerce div.product form.cart .woocommerce-variation-add-to-cart {display: flex; padding: 5px 0 0}
.woocommerce .quantity .qty {height: 100%; border: solid 1px #000000; border-radius: 0}
.woocommerce div.product p.price,
.woocommerce div.product span.price {color: #000000; font-weight: 700}

.sm-shipping-details {margin-top: 25px}

.woocommerce-page .related.products h2 {margin-top: 30px; font-weight: 400}
.woocommerce-page .related.products ul.products {grid-template-columns: 1fr 1fr 1fr; grid-row-gap: 0}

.checkout h3 {font-size: 24px; margin-bottom: 20px; margin-top: 0}

.woocommerce div.product .woocommerce-tabs ul.tabs {display: none}
.woocommerce div.product .woocommerce-tabs .panel {margin-bottom: 60px}


@media (max-width: 1179px) {
	#sm-shop-wrapper .sm-row {gap: 40px}

	#sm-shop-categories h2 {padding: 20px; font-size: 26px}
	#sm-shop-categories-inner {padding: 25px 20px}

	.woocommerce-page ul.products {grid-template-columns: 1fr 1fr}

	.single-product #sm-shop-wrapper .product .sm-row .col-1 {max-width: 359px}

	.woocommerce-page .related.products h2 {margin-top: 15px}
}

@media (max-width: 768px) {
	html .woocommerce ul.products[class*=columns-] li.product,
	html .woocommerce-page ul.products[class*=columns-] li.product {width: 100%; float: none; margin: 0}
}

@media (max-width: 767px) {
	#sm-basket-link {padding: 8px 7px 7px; width: 34px; height: 34px}
	#sm-basket-link svg {width: 20px}

	#sm-shop-wrapper .sm-row {grid-template-columns: 1fr}

	#sm-shop-categories h2 {text-align: center; font-size: 22px; padding: 14px 15px 16px; cursor: pointer}
	#sm-shop-categories h2 svg {display: inline-block; width: 3px; margin-left: 4px}
	#sm-shop-categories h2 svg path {fill: #FFFFFF}
	#sm-shop-categories-inner {display: none}

	.woocommerce-page .woocommerce-ordering select {min-width: 200px; width: 200px}

	.single-product #sm-shop-wrapper .product .sm-row {grid-template-columns: 1fr; gap:0; display: block}
	.single-product #sm-shop-wrapper .product .sm-row .col-1 {max-width: 100%}

	.woocommerce-product-gallery__wrapper,
	.woocommerce-product-gallery__image {max-width: 100%}

	.single-product.woocommerce div.product h1.product_title {font-size: 28px; margin-bottom: 0}
	.woocommerce div.product p.price,
	.woocommerce div.product span.price {margin: 12px 0 15px}
	.woocommerce-product-details__short-description p:first-child {margin-top: 0}

	.woocommerce-page .related.products ul.products {grid-template-columns: 1fr 1fr; row-gap: 45px}
}

@media (max-width: 480px) {
	#sm-shop-wrapper .sm-row {gap: 15px}
	.woocommerce-page ul.products {grid-template-columns: 1fr}
	.woocommerce .woocommerce-result-count,
	.woocommerce-page .woocommerce-result-count {width: 100%; float: none; text-align: center; margin: 0}
	html .woocommerce-page .woocommerce-ordering {float: none}
	html .woocommerce-page .woocommerce-ordering select {min-width: 100%; width: 100%; float: none}

	.woocommerce div.product form.cart .variations th.label {font-size: 13px; padding-right: 5px}
	.woocommerce div.product form.cart.variations_form select {font-size: 13px}

	.woocommerce-page .related.products ul.products {grid-template-columns: 1fr}
}

/* - - - - - - - - - - SHOP - END - - - - - - - - - - - - */





/* - - - - - - - - - - NEWS - START - - - - - - - - - - - */

article.post {margin-bottom: 60px}
.col-1 article.post:last-child {margin-bottom: 0}
article.post h1,
article.post h2 {margin: 15px 0 7px; line-height: 1.2}
article.post h2 a {color: #000000; text-decoration: none; line-height: 1.2}
article.post .entry-meta {font-size: 15px}

.sm-sidebar-news-panel {margin-bottom: 45px}
.col-2 .sm-sidebar-news-panel:last-child {margin-bottom: 0}
.sm-sidebar-news-panel h2 {background: #000029; color: #FFFFFF; margin: 0; padding: 20px 35px; display: block; font-weight: 400;
 font-size: 28px; line-height: 1.2}
.sm-sidebar-news-panel-inner {background: #f4f4f6; padding: 30px 35px}
.sm-sidebar-news-panel ul {list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 7px}
.sm-sidebar-news-panel a {text-decoration: none; display: block; line-height: 1.2}
.sm-sidebar-news-panel a:before {content: '> '}

@media (max-width: 767px) {
	.col-1 article.post:last-child {margin-bottom: 30px}
}

/* - - - - - - - - - - NEWS - END - - - - - - - - - - - - */





/* - - - - - - - - - - CONTACT - START - - - - - - - - - - - */

#sm-contact-details {padding: 30px; background: #F4F4F6; text-align: center; font-family: 'Noto Serif', serif; font-size: 17px}
#sm-contact-details p:first-of-type {margin-top: 0}
#sm-contact-details p:last-of-type {margin-bottom: 0}

@media (max-width: 1179px) {
	#sm-contact-details {padding: 20px; font-size: 16px}
}

@media (max-width: 767px) {
	#sm-contact-details {margin-bottom: 45px}
}

/* - - - - - - - - - - CONTACT - END - - - - - - - - - - - - */





/* - - - - - - - - - - TIMELINE - START - - - - - - - - - - - */

#sm-legend-intro h2 {color: #000000; font-size: 40px; font-weight: 500; line-height: 1.25; display: block; max-width: 420px; margin-top: 0}
#sm-legend-intro h2 em {color: #d2232a}
#sm-legend-intro .elementor-widget-container p {font-size: 16px; font-weight: 300}
#sm-legend-intro .elementor-widget-container p:first-of-type {font-family: 'Noto Serif', serif; font-size: 20px}

.wp-caption .wp-caption-text {font-family: 'Noto Serif', serif}

#sm-timeline-wrapper {background: url(/wp-content/themes/sammymiller/img/grey-timeline-bg.jpg) no-repeat left top; background-size: cover; padding: 45px 0 90px; position: relative}
#sm-timeline-wrapper:before {content: ''; width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 25px solid #FFFFFF; font-size: 0; line-height: 0; position: absolute; left: 50%;
    top: 0; margin-left: -25px}
#sm-timeline-wrapper h2 {text-align: center; color: #d2232a; font-size: 40px}
#sm-timeline {position: relative; margin-bottom: 90px}


.sm-timeline-nav-btn {background: #d2232a; display: block; padding: 9px 11px 9px 12px; cursor: pointer; transition: border-radius 0.5s ease-out}
.sm-timeline-nav-btn.back {padding: 9px 12px 9px 11px}
.sm-timeline-nav-btn svg {width: 10px; display: block; opacity: 1; transition: opacity 0.3s ease-out}
.sm-timeline-nav-btn polygon {fill: #FFFFFF}
.sm-timeline-nav-btn.forward svg {transform: rotate(180deg)}
.sm-timeline-nav-btn.end-point {border-radius: 50%; transition: border-radius 0.5s ease-out}
.sm-timeline-nav-btn.end-point svg {opacity: 0; transition: opacity 0.5s ease-out}

#sm-timeline .arrow {width: 72px; border-bottom: dotted 1px #a0a09f; position: absolute; top: 60px; left: 235px; transition: top 1s ease-out, opacity 0.5s ease-out}
#sm-timeline .arrow.hide {opacity: 0; transition: opacity 0.5s ease-out, top 1s ease-out}
#sm-timeline .arrow svg {position: absolute; right:-8px; top:-5px; width: 7px; transform: rotate(180deg); opacity: 0.85}
#sm-timeline .arrow svg polygon {fill: #a0a09f}
#sm-timeline .arrow:nth-of-type(2) {top: 96px; left: 425px}
#sm-timeline .arrow:nth-of-type(3) {top: 60px; left: 615px}
#sm-timeline .arrow:nth-of-type(4) {top: 96px; left: 805px}
#sm-timeline.arrow-switch .arrow {top:96px; transition: top 1s ease-out}
#sm-timeline.arrow-switch .arrow:nth-of-type(2) {top: 60px}
#sm-timeline.arrow-switch .arrow:nth-of-type(3) {top: 96px}
#sm-timeline.arrow-switch .arrow:nth-of-type(4) {top: 60px} 

#sm-timeline-nav-wrapper {display: flex; gap: 30px; align-items: center; background: url(/wp-content/themes/sammymiller/img/black-pixel.png) repeat-x center center; justify-content: space-between; width: 1000px; margin: 0 auto}
#sm-timeline-nav {display: flex; gap: 90px; justify-content: space-between}
.smt-date {padding: 0 0 28px; transition: opacity 0.5s ease-out; cursor:pointer}
.smt-date.hide {opacity: 0; transition: opacity 0.5s ease-out} 
.smt-date span {display: block; width: 100%; height: 28px; text-align: center; font-family: 'Noto Serif', serif; font-style: italic; font-weight: 400; letter-spacing: -1px; font-size: 18px}
.smt-date-img {max-width: 100px; border: solid 2px #d2232a; border-radius: 50%; padding: 3px; background: #FFFFFF; width: 100px; height: 100px}
.smt-date-img img {border-radius: 50%; display: block; width: 90px; height: 90px}

.smt-content-item {display: block; background: url(/wp-content/themes/sammymiller/img/timeline-content-bg-1933.png) no-repeat top center; background-size: 1120px 625px; padding: 110px 105px 0}
.smt-content-item.smt-content-item-portrait {background-image: url(/wp-content/themes/sammymiller/img/timeline-content-bg-1950.png); padding-left: 130px}
#smt-content-item-1957 {background-image: url(/wp-content/themes/sammymiller/img/timeline-content-bg-1957.png)}
#smt-content-item-1965 {background-image: url(/wp-content/themes/sammymiller/img/timeline-content-bg-1965.png)}
#smt-content-item-2004 {background-image: url(/wp-content/themes/sammymiller/img/timeline-content-bg-2004.png?v=4)} 
#smt-content-item-2015 {background-image: url(/wp-content/themes/sammymiller/img/timeline-content-bg-2015.png)}  
.smt-content-item .col {display: block; float:left; width: 50%;position: relative}
.smt-content-item .col:nth-of-type(1) {padding-top: 40px}
.smt-content-item.smt-content-item-portrait .col:nth-of-type(1) {padding-top: 55px}
.smt-content-item .col:nth-of-type(1) p {font-family: 'Noto Serif', serif; font-style: italic; font-weight: 400; letter-spacing: 0px; font-size: 13px}
.smt-content-item .col:nth-of-type(2) {padding-left: 80px}
.smt-content-item .col:nth-of-type(2) a {display: block; cursor: pointer}
.smt-content-item .col:nth-of-type(2) a img {cursor: pointer}
.smt-content-item .content-item-txt {max-width: 700px; color: #FFFFFF; font-size: 13px; display: block; padding: 0 0 30px 250px; opacity: 0}
.smt-content-item.smt-content-item-portrait .content-item-txt {padding-bottom: 45px; padding-left: 225px}
.smt-content-item .content-item-txt p {margin-bottom: 0}
.smt-content-item a.timeline-arrow {position: absolute; bottom:55px; right: 200px; width: 225px; display: flex; align-items: flex-end; gap:5px}
.smt-content-item.smt-content-item-portrait a.timeline-arrow {right: 275px; bottom: 45px}
.smt-content-item a.timeline-arrow span {width: 80px; height: 80px; color: #FFFFFF; border-radius: 50%; font-family: 'Noto Serif', serif; font-style: italic; font-weight: 400; letter-spacing: -1px; font-size: 30px; text-decoration: none; background: #d2232a; display: block; text-align: center; padding: 16px 0 0}
.smt-content-item a.timeline-arrow img {max-width: 120px; height: auto}
.timeline-content-carousel {position:relative; opacity: 0}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {position:absolute; background: rgba(210, 35, 42, 1)!important; padding: 0 9px!important; border-radius: 0}
.owl-prev span,
.owl-next span {color: #FFFFFF}
.owl-prev {left:0; top: 50%; margin-top: -12px!important}
.owl-next {right:0; top: 50%; margin-top: -12px!important}

#sm-timeline-content-wrapper {position: relative}

#sm-timeline-current-date:before {width:1px; height: 45px; position: absolute; display: block; top:-45px; left: 50%; content: ''; background: #d2232a}
#sm-timeline-current-date {display: block; background: #d2232a; color: #FFFFFF; width:160px; height:160px; text-align: right; padding: 85px 30px 25px 25px; position: absolute; top:15px; left: 99px}
#sm-timeline-current-date span {font-family: 'Noto Serif', serif; font-style: italic; font-weight: 400; letter-spacing: -1px; font-size: 39px}

#sm-timeline-footer {padding: 35px 45px; border-top: dotted 1px #d2232a; border-bottom: dotted 1px #d2232a}
#sm-timeline-footer p {text-align: center; font-weight: 600; margin: 0; font-size: 18px}

#sm-accolades {text-align: center; padding: 90px 0 120px}
#sm-accolades h2 {color: #000000; font-size: 40px; font-weight: 500; line-height: 1.25; display: block; margin-top: 0; margin-bottom: 40px}
#sm-accolades h2 em {color: #d2232a}
#sm-accolades ul {display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; justify-content: center; font-family: 'Noto Serif', serif; font-style: italic; row-gap: 12px}
#sm-accolades ul li {position: relative; padding: 0 0 0 27px}
#sm-accolades ul li:before {width: 5px; height: 5px; background:  #d2232a; border-radius: 50%; content: ''; position: absolute; left: 12px; top: 10px}
#sm-accolades ul li:first-child {padding-left: 10px}
#sm-accolades ul li:first-child:before {left: -3px}

.sm-book-tickets-strap {background: #000029; color: #FFFFFF}
.sm-book-tickets-strap-inner {max-width: 650px; margin: 0 auto; padding: 7px 0}
.sm-book-tickets-strap-inner .sm-row {display: flex; gap:80px; align-items: center}
.sm-book-tickets-strap-inner .sm-row .sm-col:first-child {max-width: 410px}
.sm-book-tickets-strap-inner .sm-row .sm-col:nth-child(2) {flex-grow: 1; text-align: right}
.sm-book-tickets-strap h3 {font-size: 39px; font-style: italic; margin: 0 0 15px; line-height: 1}
.sm-book-tickets-strap h3 span {color: #d2232a}
.sm-book-tickets-strap p {margin: 0}
.sm-book-tickets-strap a {display: inline-block; max-width: 160px; transform: translateY(-20px)}
.sm-book-tickets-strap a img {display: block}

#sm-legend-videos {display: grid; grid-template-columns: 1fr 1fr; gap:45px; padding: 60px 0 0}

@media (max-width: 1179px) {
	#sm-timeline .arrow {top: 50px; left: 149px; width: 38px}
	#sm-timeline .arrow:nth-of-type(2) {top: 74px; left: 274px}
	#sm-timeline .arrow:nth-of-type(3) {top: 50px; left: 400px}
	#sm-timeline .arrow:nth-of-type(4) {top: 74px; left: 524px}
	#sm-timeline.arrow-switch .arrow {top:74px}
	#sm-timeline.arrow-switch .arrow:nth-of-type(2) {top: 50px}
	#sm-timeline.arrow-switch .arrow:nth-of-type(3) {top: 74px}
	#sm-timeline.arrow-switch .arrow:nth-of-type(4) {top: 50px} 

	#sm-timeline-nav-wrapper {gap: 25px; width: 700px}
	#sm-timeline-nav {gap: 55px}
	.smt-date-img {max-width: 70px; height: 70px}
	.smt-date-img img {width: 60px; height: 60px}

	.smt-content-item {background-size: 718px 401px}
	.smt-content-item .col:nth-of-type(1),
	.smt-content-item.smt-content-item-portrait .col:nth-of-type(1) {padding-top: 30px}
	.timeline-content-carousel .owl-prev {top:80px}
	.timeline-content-carousel .owl-next {top:80px}

	#sm-timeline-current-date {width:100px; height: 100px; left: 59px; padding: 50px 20px 20px 20px}
	#sm-timeline-current-date span {font-size: 26px}

	.smt-content-item,
	.smt-content-item.smt-content-item-portrait {padding: 55px 75px 0}
	.smt-content-item.smt-content-item-portrait#smt-content-item-1983 {padding-top: 25px; padding-left: 60px; padding-right: 50px}
	.smt-content-item .content-item-txt,
	.smt-content-item.smt-content-item-portrait .content-item-txt {padding: 0 0 20px 115px}
	.smt-content-item .content-item-txt {font-size: 12px}

	.smt-content-item a.timeline-arrow {right: 75px; bottom: 35px}
	.smt-content-item.smt-content-item-portrait a.timeline-arrow {right: 75px; bottom: 35px}
	.smt-content-item a.timeline-arrow span {width: 60px; height: 60px; font-size: 22px; padding: 13px 0 0}
	.smt-content-item a.timeline-arrow img {max-width: 90px; height: auto}

	#sm-individual-event .sm-book-tickets-strap-inner .sm-row {gap:20px}
	.single-event .sm-book-tickets-strap-inner {max-width: 410px; padding: 15px 0}
	.single-event .sm-book-tickets-strap h3 {font-size: 25px}
	.single-event .sm-book-tickets-strap p {font-size: 15px}
	.single-event .sm-book-tickets-strap a {transform: translateY(0px)}
}

@media (max-width: 767px) {
	#sm-timeline-nav-wrapper {width: 100%}
	#sm-timeline-nav {display: none}
	#sm-timeline .arrow {display: none}
	#sm-timeline-current-date {width: calc(100% - 90px); text-align: center; top: -40px; height: auto; padding: 10px; line-height: 1; left: 45px}
	#sm-timeline-current-date:before {display: none}
	#sm-timeline-content-items {padding-top: 30px}
	.smt-content-item,
	.smt-content-item.smt-content-item-portrait {background: #000029; padding:30px}
	.smt-content-item.smt-content-item-portrait#smt-content-item-1983 {padding:30px}
	.smt-content-item .content-item-txt,
	.smt-content-item.smt-content-item-portrait .content-item-txt {padding: 0 0 15px}
	.smt-content-item .content-item-txt p {margin: 0 0 7px}
	.smt-content-item .col:nth-of-type(1),
	.smt-content-item.smt-content-item-portrait .col:nth-of-type(1) {padding-right: 10px; padding-top: 0}
	.smt-content-item .col:nth-of-type(1) p {color: #FFFFFF; font-size: 12px; margin-bottom: 0}
	.smt-content-item .col:nth-of-type(2) {padding-left: 10px}
	.smt-content-item a.timeline-arrow,
	.smt-content-item.smt-content-item-portrait a.timeline-arrow {bottom: -45px; right: 0; width: 160px}

	#sm-accolades ul {display: block; list-style: none}
	#sm-accolades ul li {padding: 0 0 12px}
	#sm-accolades ul li:before {display: none}
	#sm-accolades ul li:first-child {padding-left: 0}

	.sm-book-tickets-strap-inner {padding: 15px 30px; max-width: 500px}
	.sm-book-tickets-strap-inner .sm-row {gap:20px}
	.sm-book-tickets-strap-inner .sm-row .sm-col:first-child {max-width: 300px}
	.sm-book-tickets-strap h3 {font-size: 28px}
	.sm-book-tickets-strap p {font-size: 13px}
	.sm-book-tickets-strap a {max-width: 105px; transform: translateY(0)}

	.single-event .sm-book-tickets-strap-inner .sm-row .sm-col:first-child {max-width: 500px}
	#sm-individual-event .sm-book-tickets-strap-inner .sm-row {grid-template-columns: none; display: flex}
	.single-event .sm-book-tickets-strap-inner {max-width: 100%; padding: 20px}
	.single-event .sm-book-tickets-strap a img {min-width: 105px}

	#sm-legend-videos {grid-template-columns: 1fr}
}

@media (max-width: 599px) {
	.smt-content-item,
	.smt-content-item.smt-content-item-portrait {padding:20px}
	.smt-content-item.smt-content-item-portrait#smt-content-item-1983 {padding:20px}
	.smt-content-item .col {float: none; width: 100%}
	.smt-content-item .col:nth-of-type(1),
	.smt-content-item.smt-content-item-portrait .col:nth-of-type(1) {padding: 0 0 15px}
	.smt-content-item .col:nth-of-type(2) {padding: 0}
}

@media (max-width: 480px) {
	#sm-legend-intro h2 {font-size: 26px}
	#sm-legend-intro .elementor-widget-container p:first-of-type {font-size: 18px}

	#sm-timeline-wrapper {padding-bottom: 60px}
	#sm-timeline-wrapper h2 {font-size: 28px}

	#sm-timeline-footer {padding: 35px 0}
	#sm-timeline-footer p {font-size: 17px}

	#sm-accolades {padding: 60px 0}
	#sm-accolades h2 {font-size: 26px}

	.sm-book-tickets-strap-inner {padding: 30px}
	.sm-book-tickets-strap-inner .sm-row {display: block; text-align: center}
	.sm-book-tickets-strap-inner .sm-row .sm-col:first-child {max-width: 100%}
	.sm-book-tickets-strap a {display: inline-block; margin-top: 10px}
	.sm-book-tickets-strap-inner .sm-row .sm-col:nth-child(2) {text-align: center}

	#sm-individual-event .sm-book-tickets-strap-inner .sm-row {flex-direction: column; gap: 10px}
}

/* - - - - - - - - - - TIMELINE - END - - - - - - - - - - - - */