/*
Theme Name: nickandmore
Author: Nickandmore!
Version: 2.0
*/

@font-face { font-family: 'Montserrat'; src: local('Montserrat Bold'), local('Montserrat-Bold'), url('https://www.nickandmore.com/fonts/Montserrat-Bold.woff2') format('woff2'), url('https://www.nickandmore.com/fonts/Montserrat-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Roboto'; src: local('Roboto'), local('Roboto Regular'), local('Roboto-Regular'), url('https://www.nickandmore.com/fonts/Roboto-Regular.woff2') format('woff2'), url('https://www.nickandmore.com/fonts/Roboto-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Roboto'; src: local('Roboto Italic'), local('Roboto-Italic'), url('https://www.nickandmore.com/fonts/Roboto-Italic.woff2') format('woff2'), url('https://www.nickandmore.com/fonts/Roboto-Italic.ttf') format('truetype'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Roboto'; src: local('Roboto Bold'), local('Roboto-Bold'), url('https://www.nickandmore.com/fonts/Roboto-Bold.woff2') format('woff2'), url('https://www.nickandmore.com/fonts/Roboto-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Roboto'; src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), local('Roboto-Bold-Italic'), url('https://www.nickandmore.com/fonts/Roboto-BoldItalic.woff2') format('woff2'), url('https://www.nickandmore.com/fonts/Roboto-BoldItalic.ttf') format('truetype'); font-weight: 700; font-style: italic; font-display: swap; }

* { margin: 0; padding: 0; }

html { background-color: #e5eff6; color: #000000; margin: 0 auto; overflow-x: hidden; font-family: Roboto, "Segoe UI", sans-serif; font-size: 16px; font-weight: 400; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none; line-height: 1; direction: ltr; word-break: normal; overflow-wrap: break-word; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

a { color: #0066aa; text-decoration: none; text-underline-offset: 4px; }
a:hover { color: #002d4c; text-decoration: none; }
a[target=_blank]::after { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==); margin: 0 0.1875rem 0 0.3125rem; opacity: 0.5; }

h1, h2, h3, h4, h5, h6 { margin-bottom: 1.25rem; font-family: Montserrat, "Segoe UI", sans-serif; font-weight: 700; line-height: 1.2; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: 700 !important; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: underline; }
h1 { font-size: 2rem; }
h2 { font-size: 1.75rem; }
h3 { font-size: 1.5rem; }
h4, h5, h6 { font-size: 1.25rem; }

ul, ol { margin-bottom: 1.25rem; }
ul { padding: 0 0 0 1.25rem; list-style-type: "\279C"; }
ol { padding: 0 0 0 2.5rem; list-style-type: decimal; }
li { margin: 0.5rem 0; padding: 0 0.375rem; }
li:first-child { margin-top: 0; }
li:last-child { margin-bottom: 0; }

ul.round-buttons { padding: 0; list-style-type: none; }
ul.round-buttons li { padding: 0; }
ul.round-buttons li a { display: block; padding: 0.5rem 1rem; background-color: #f5f9fb; border-radius: 25px; }
ul.round-buttons li a:hover { text-decoration: none; background-color: #e5eff6; }

hr { width: 90%; margin: 1.25rem auto; border: 1px solid #e5eff6; }

div.nickandmore { max-width: 1000px; margin: 0 auto; background-color: #ffffff; border-radius: 0 0 25px 25px; }

header { position: sticky; top: 0; max-width: 1000px; margin: 0 auto; }

header h1 { display: none; }

header nav { background-color: #0066aa; font-size: 1.125rem; color: #ffffff; text-align: center; padding: 0.5rem 0; }
header nav ul { margin: 0; padding-left: 0; list-style-type: none; }
header nav ul li { display: inline-block; margin: 0 0.75rem; padding: 0; vertical-align: middle; }
header nav ul li a { display: block; padding: 0.3rem 0.5rem; color: #ffffff; font-weight: 700; }
header nav ul li a:hover { color: #e5eff6; text-decoration: underline; }
header nav ul li:first-child a:hover { text-decoration: none; }
header nav ul li.site-icon { font-size: 0px; }

h2.page-title { text-align: center; }

main { max-width: 800px; margin: 0 auto; padding: 1.25rem 1rem; font-size: 1.125rem; line-height: 1.5; }
main a { font-weight: 700; }
main p a, main p a:hover, main ul a:hover, main ol a:hover { text-decoration: underline; }
main p { margin-bottom: 1.25rem; }

div.menu-mobile { line-height: 1; }
div.menu-mobile a { display: block; margin: 0 0 1rem; padding: 0.75rem; background-color: #002d4c; color: #ffffff; font-size: 1.5rem; text-align: center; text-decoration: none; }
div.menu-mobile a:hover, div.menu-mobile a:active { color: #e5eff6; text-decoration: none; }
div.menu-mobile br { display: none; }

div.post-list { padding-bottom: 1rem; }
div.post-list-item { margin-bottom: 1.25rem; break-inside: avoid; background-color: #f5f9fb; border-radius: 25px; }
div.post-list-item:hover { background-color: #e5eff6; }
div.post-list-item a { display: block; padding: 1rem; text-decoration: none; }
div.post-list-item a:hover { text-decoration: none; }
div.post-list-item h3 { font-size: 1.5rem; font-weight: 700; text-align: center; }
div.post-list-item strong { font-size: 1.25rem; font-weight: 700; }
div.post-list-item a p { color: #000000; font-weight: 400; }
div.post-list-item p { font-size: 1rem; margin-top: 1rem; margin-bottom: 0; }
div.post-list-item p time { font-weight: 700; }

div.wp-pagenavi { clear: both; margin-bottom: 1.25rem; }
div.wp-pagenavi a, div.wp-pagenavi span { display: inline-block; margin-right: 0.5rem; padding: 0.3125rem 0.625rem; background-color: #e5eff6; color: #002d4c; font-size: 1rem; text-decoration: none; }
div.wp-pagenavi a:hover, div.wp-pagenavi span.current { background-color: #002d4c; color: #e5eff6; text-decoration: none; }
div.wp-pagenavi span.current { font-weight: 700; }

div.post-meta-date, div.category-description, div.post-meta-categories { margin-bottom: 1.25rem; color: #002d4c; font-size: 1rem; text-align: center; }
div.category-description p { margin-bottom: 0; }
div.post-meta-categories { border-top: 2px dotted #e5eff6; padding-top: 1rem; }
div.post-meta-categories a { text-decoration: underline; }

div.site-search { margin-bottom: 1.25rem; text-align: center; border: 0.125rem solid #0066aa; }
div.site-search input, div.site-search button { display: inline-block; font-family: inherit; font-size: 1.5rem; font-weight: 700; padding: 0.375rem 0.75rem; box-sizing: border-box; border: 0; }
div.site-search input[type="text"] { width: 75%; background-color: #e5eff6; color: #002d4c; }
div.site-search input[type="text"]:focus { outline: 0; }
div.site-search input::placeholder { color: rgba(0,45,76,0.8); }
div.site-search button[type="submit"] { width: 25%; background-color: #0066aa; color: #ffffff; text-align: center; text-decoration: none; white-space: nowrap; cursor: pointer; }

img { max-width: 100%; height: auto !important; }
img.aligncenter { display: block; margin: 0 auto 1.25rem; }
img.alignright { float: right; margin: 0 0 1.25rem 1.25rem; }
img.alignleft { float: left; margin: 0 1.25rem 1.25rem 0; }
img.size-large, img.size-medium, img.size-small { display: none; }

iframe { margin-bottom: 1.25rem; width: 100%; height: 450px; border: 0; border-radius: 25px; }

blockquote { margin-bottom: 1.25rem; padding: 1.25rem; background-color: #e5eff6; font-style: italic; border-radius: 25px; }
blockquote *:last-child { padding-bottom: 0; margin-bottom: 0; }
blockquote em { font-style: normal; }

pre { margin: 0 0 1.25rem 0; padding: 1.25rem; max-width: 800px; height: auto; overflow: auto; scrollbar-color: #0066aa #e5eff6; background-color: #e5eff6; word-break: break-word; white-space: pre-wrap; font-family: Roboto, "Segoe UI", sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.5; border-radius: 25px; }
pre.cleanpre { padding: 0; max-width: 100%; overflow: visible; background-color: transparent; border: 0; }

table { margin-bottom: 1.25rem; width: 100%; border: 1px solid #0066aa; border-collapse: collapse; border-spacing: 0; }
table tr { border: 1px solid #0066aa; }
table tr:nth-of-type(odd) { background-color: #e5eff6; }
table tr:nth-of-type(even) { background-color: #f5f9fb; }
table tr:first-child { background-color: #0066aa; color: #ffffff; font-weight: 700; }
table tr td { padding: 0.5rem 1rem; vertical-align: middle; }
table tr td:nth-of-type(2), table tr td:nth-of-type(3) { min-width: 120px; }
table tr td.colspan { background-color: #002d4c; color: #ffffff; font-weight: 700; }
table tr td.colspan a { color: #ffffff; text-decoration: underline; }

summary, details { font-size: 0.875rem; }
summary { background-color: #002d4c; color: #ffffff; text-align: center; font-weight: 700; padding: 0.5rem; }
details { background-color: #e5eff6; margin-bottom: 1.25rem; clear: both; }
details div { margin-top: 1.25rem; padding: 0 0.5rem 0.5rem; }

div.solo-dropdown { margin-bottom: 1.25rem; display: inline-block; font-weight: 700; line-height: normal; }
div.solo-dropdown:hover .solo-dropdown-content { display: block; }
div.solo-dropdown-button { background-color: #0066aa; color: #ffffff; text-align: center; padding: 0.25rem 0.5rem; }
div.solo-dropdown-content { display: none; position: absolute; z-index: 1; min-width: 150px; min-height: 50px; max-height: 200px; overflow-y: auto; overflow-x: hidden; scrollbar-color: #0066aa #e5eff6; scrollbar-width: thin; background-color: #e5eff6; border: 2px solid #0066aa; }
div.solo-dropdown-content a:nth-of-type(odd) { background-color: #e5eff6; }
div.solo-dropdown-content a:nth-of-type(even) { background-color: #f5f9fb; }
div.solo-dropdown-content a { display: block; padding: 0.5rem 0.625rem; margin: 0; color: #002d4c; text-decoration: none; }
div.solo-dropdown-content a:hover { background-color: #002d4c; color: #e5eff6; text-decoration: none; }
div.solo-dropdown-content br { display: none; }

.tv-schedule-jump, .form-group { margin-bottom: 1.25rem; text-align: center; }
.tv-schedule-jump select, .tv-schedule-jump button { display: inline-block; font-family: inherit; font-size: 1rem; font-weight: 700; padding: 0.5rem 0.75rem; box-sizing: border-box; margin: 0 0.25rem; vertical-align: middle; border: 0; border-radius: 25px; }
.tv-schedule-jump select { background-color: #e5eff6; color: #002d4c; min-width: 125px; text-align: center; }
.tv-schedule-jump select:focus { outline: 0; }
.tv-schedule-jump button { background-color: #0066aa; color: #ffffff; text-align: center; white-space: nowrap; cursor: pointer; }
.tv-schedule-jump button:hover { background-color: #002d4c; }
.tv-schedule-jump button.secondary { background-color: #555555; }
.tv-schedule-jump button.secondary:hover { background-color: #333333; }

li.new a, li.updated a { background-color: #d40400 !important; color: #ffffff; }
li.new a:hover, li.updated a:hover { background-color: #ff0000 !important; }
li.new a::before, li.updated a::before { color: #ffff00; padding-right: 0.5rem; }
li.new a::before { content: "NEW!"; }
li.updated a::before { content: "UPDATED!"; }

.center { text-align: center; }
.bold { font-weight: 700; }
.semi-bold { font-weight: 700; }
.hide, .hidden, .screen-reader-text { display: none; }

small, .small { font-size: 0.875rem; }

.col-two { column-count: 2; column-gap: 1.25rem; }
.col-three { column-count: 3; column-gap: 1.25rem; }
.col-four { column-count: 4; column-gap: 1.25rem; }

footer { max-width: 1000px; margin: 0 auto; padding: 0.625rem; color: #002d4c; font-size: 0.75rem; text-align: center; line-height: 1.5; }
footer a, footer a:hover { color: #002d4c; font-weight: 700; }

@media (min-width: 750px) {
 .hide-on-large { display: none; }
}

@media (max-width: 749px) {
 * { -webkit-tap-highlight-color: transparent; }
 .hide-on-small { display: none; }
 table { display: block; overflow-x: auto; }
 iframe { height: 205px; }
 iframe.scheduleFrame { height: 500px; }
 div.site-search input[type="text"], div.site-search button[type="submit"] { font-size: 1rem; overflow: hidden; }
 .col-two, .col-three, .col-four { column-count: 1; column-gap: normal; }
 img.alignright, img.alignleft { float: none; display: block; margin: 0 auto 1.25rem; }
 .tv-schedule-jump select, .tv-schedule-jump button { margin: 0.25rem 0; }
}