/* מולטיוורס — loaded after the original Twenty Fourteen stylesheets (assets/theme/).
   1. The site's custom colours and fonts, exactly as WordPress.com served them.
   2. The site's own custom CSS.
   3. Small additions for things the static site does differently. */

/* ---------- 1. custom colours (WordPress.com "custom-colors") */
.site-description{margin-top:13px}.search-box .search-field{border-style:solid;border-width:1px}
.primary-sidebar .widget input,.primary-sidebar .widget textarea{background-color:#fff;color:#2b2b2b}
@media screen and (max-width:782px){.primary-navigation ul ul,.primary-navigation ul ul a:hover,.primary-navigation ul ul li.focus>a,.primary-navigation li:hover>a,.primary-navigation li.focus>a{background-color:transparent !important}}
body{background-color:#f5f5f5}
.page-links a,#secondary,.site-footer,.site:before{background-color:#d9eafc}
.site-header{background-color:#cbe2fa}
.page-links a,.paging-navigation{border-color:#d9eafc}
#secondary{border-top-color:#d9eafc}
.widget mark,.widget ins{color:#d9eafc}
.site-navigation li,.primary-navigation .nav-menu,#secondary,.primary-sidebar .widget pre,.primary-sidebar .widget fieldset,.primary-sidebar .widget table,.primary-sidebar .widget th,.primary-sidebar .widget td,.primary-sidebar .widget hr,.primary-sidebar .widget input,.primary-sidebar .widget textarea,.primary-sidebar .widget_archive li,.primary-sidebar .widget_categories li,.primary-sidebar .widget_links li,.primary-sidebar .widget_meta li,.primary-sidebar .widget_nav_menu li,.primary-sidebar .widget_pages li,.primary-sidebar .widget_recent_comments li,.primary-sidebar .widget_recent_entries li,.primary-sidebar .widgets-list-layout li,.primary-sidebar .widget_top-posts li{border-color:#9fc1ee}
.primary-sidebar .widget input:focus,.primary-sidebar .widget textarea:focus{border-color:#699de1}
.primary-sidebar .widget del{color:#377ad1}
.primary-sidebar .widget abbr[title]{border-color:#113363}
#secondary,.primary-sidebar .widget blockquote,.primary-sidebar .widget .wp-caption,.primary-sidebar .entry-meta,.site-footer,.site-info,.site-info a{color:#113363}
.site-title a,.site-title a:hover,.primary-navigation .menu-item-has-children a:after,.primary-navigation .page_item_has_children a:after,.site-navigation a,.page-links a,.page-links a:hover,.primary-sidebar .widget a,.primary-sidebar .widget blockquote cite,.primary-sidebar .widget-title,.primary-sidebar .widget-title a{color:#000c19}
.primary-sidebar .widget mark,.primary-sidebar .widget ins{background-color:#000c19}
::selection{background-color:#044774;color:#fff}
.search-toggle,.search-toggle:hover,.search-toggle.active,.search-box,.primary-navigation ul ul,.primary-navigation li:hover>a,.primary-navigation li.focus>a,button,.contributor-posts-link,input[type=button],input[type=reset],input[type=submit],.primary-sidebar .widget button,.primary-sidebar .widget input[type=button],.primary-sidebar .widget input[type=reset],.primary-sidebar .widget input[type=submit]{background-color:#044774}
.paging-navigation .page-numbers.current{border-top-color:#044774}
a{color:#044774}
.search-toggle:before,.search-toggle:hover:before,.search-toggle.active:before,.primary-navigation li:hover a,.primary-navigation li.focus a,.primary-navigation .menu-item-has-children:hover a:after,.primary-navigation .page_item_has_children:hover a:after,.primary-navigation .menu-item-has-children.focus a:after,.primary-navigation .page_item_has_children.focus a:after{color:#fff}
button,.contributor-posts-link,input[type=button],input[type=reset],input[type=submit],.primary-sidebar .widget button,.primary-sidebar .widget input[type=button],.primary-sidebar .widget input[type=reset],.primary-sidebar .widget input[type=submit]{color:#fff}
.entry-meta .tag-links a:hover,.page-links a:hover,.primary-navigation ul ul a:hover,.primary-navigation ul ul li.focus>a,button:hover,button:focus,.contributor-posts-link:hover,input[type=button]:hover,input[type=button]:focus,input[type=reset]:hover,input[type=reset]:focus,input[type=submit]:hover,input[type=submit]:focus,.primary-sidebar .widget input[type=submit]:hover,.primary-sidebar .widget input[type=submit]:focus{background-color:#093d69}
.entry-meta .tag-links a:hover:before{border-right-color:#093d69}
.page-links a:hover{border-color:#093d69}
.paging-navigation a:hover{border-top-color:#093d69}
.entry-meta .tag-links a:hover{color:#69b4f6}
.tag-links a:hover:after{background-color:#69b4f6}
.search-box .search-field{border-color:#08599f}
a:active,a:hover,.entry-title a:hover,.entry-meta a:hover,.cat-links a:hover,.post-navigation a:hover,.image-navigation a:hover,.comment-author a:hover,.comment-metadata a:hover{color:#093d69}
.primary-sidebar .widget a:hover,.primary-sidebar .widget-title a:hover,.site-info a:hover{color:#093d69}
button:active,input[type=submit]:active{background-color:#0b487e}
.site-navigation .current-menu-item>a,.site-navigation .current-menu-ancestor>a,.site-navigation .current-menu-item>a:after,.site-navigation .current-menu-ancestor>a:after{color:#042d51}
.primary-navigation ul ul a:hover,.primary-navigation ul ul li.focus>a,.primary-navigation .menu-item-has-children li a:hover:after,.primary-navigation .page_item_has_children li a:hover:after{color:#fff}

/* custom fonts (Jetpack) */
.site-title{font-family:"Lato",sans-serif;font-weight:700;font-style:normal}
body,input,select,textarea{font-family:"Lato",sans-serif}
h1,h2:not(.site-description),h3,h4,h5,h6,th,.entry-title{font-family:"Lato",sans-serif;font-weight:700;font-style:normal}

/* Jetpack "top posts" widget, grid layout */
.widgets-grid-layout{width:100%}
.widgets-grid-layout:before,.widgets-grid-layout:after{content:" ";display:table}
.widgets-grid-layout:after{clear:both}
.widget-grid-view-image{float:left;max-width:50%}
.widget-grid-view-image a{display:block;margin:0 2px 4px 0}
.widget-grid-view-image:nth-child(2n){float:right}
.widget-grid-view-image:nth-child(2n) a{margin:0 0 4px 2px}
.widgets-grid-layout .widget-grid-view-image img{max-width:100%;height:auto}

/* ---------- 2. the site's custom CSS */
#page { margin-left: auto; margin-right: auto; }
@media screen and (min-width: 1200px) {
  #primary-navigation { margin-left: 600px; }
}

/* ---------- 3. additions */
.embed-wrap { position: relative; width: 100%; margin: 0 0 24px; padding-top: 56.25%; background: #000; }
.embed-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.embed-wrap.embed-audio { padding-top: 0; height: 166px; background: none; }
.embed-wrap.embed-spotify { padding-top: 0; height: 352px; background: none; }
.embed-wrap.embed-doc { padding-top: 0; height: 520px; background: none; }
.wp-block-embed .embed-wrap { margin-bottom: 0; }
.entry-content audio { width: 100%; margin: 0 0 24px; display: block; }
.entry-content video { width: 100%; height: auto; margin: 0 0 24px; display: block; }
.entry-content blockquote.twitter-tweet, .entry-content blockquote.instagram-media {
  border: 1px solid #e1e8ed; border-radius: 6px; color: #2b2b2b; direction: ltr; font-size: 14px; font-style: normal;
  margin: 0 auto 24px; max-width: 500px; padding: 12px 16px; text-align: left;
}
.fb-embed { margin: 0 0 24px; overflow: hidden; text-align: center; }
.fb-embed blockquote { direction: ltr; font-size: 14px; font-style: normal; }
.gallery-icon img { aspect-ratio: 1; object-fit: cover; width: 100%; }
.post-thumbnail img { aspect-ratio: 1038 / 576; object-fit: cover; width: 100%; }
.widget-grid-view-image img { aspect-ratio: 1; object-fit: cover; }
.comment-author .avatar {
  background: #fff no-repeat center / 16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23b5b5b5'%3E%3Ccircle cx='8' cy='5' r='3.2'/%3E%3Cpath d='M1.8 15c.4-3.6 3-5.6 6.2-5.6s5.8 2 6.2 5.6z'/%3E%3C/svg%3E");
  display: block; box-sizing: content-box;
}
.fb-follow { background: #1877f2; border-radius: 4px; color: #fff !important; display: inline-block; font-size: 12px; font-weight: 700; padding: 6px 12px; }
.fb-follow:hover { background: #0f63d0; }
.sharedaddy { margin: 24px auto 0; max-width: 474px; padding: 0 10px; }
.sd-title { color: #2b2b2b; font-size: 11px; font-weight: 900; margin: 0 0 8px; text-transform: uppercase; }
.share-links { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; }
.share-links a {
  border: 1px solid #ccc; border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, .08); color: #2b2b2b;
  display: inline-block; font-size: 12px; line-height: 1.5; padding: 4px 12px;
}
.share-links a:hover { border-color: #999; color: #2b2b2b; }
.search-page .search-form { display: flex; gap: 6px; }
.search-page .search-field { border: 1px solid #ccc; padding: 8px; width: 100%; }
.search-page .search-submit { clip: auto; height: auto; position: static !important; width: auto; }
#search-results { margin: 0 auto 48px; max-width: 474px; padding: 0 10px; }
.search-result { border-top: 1px solid rgba(0, 0, 0, .1); display: flex; gap: 12px; padding: 14px 0; }
.search-result img { background: #ddd; flex: none; height: 54px; object-fit: cover; width: 96px; }
.search-result h2 { font-size: 16px; line-height: 1.3; margin: 0 0 4px; }
.search-result h2 a { color: #2b2b2b; }
.search-result p { color: #767676; font-size: 13px; line-height: 1.5; margin: 0; }
.search-more { display: block; margin: 12px auto; }
.mv-lightbox { align-items: center; background: rgba(0, 0, 0, .9); cursor: zoom-out; display: flex; inset: 0; justify-content: center; padding: 20px; position: fixed; z-index: 100000; }
.mv-lightbox img { box-shadow: 0 0 30px rgba(0, 0, 0, .6); max-height: 100%; max-width: 100%; object-fit: contain; }
@media screen and (min-width: 673px) {
  .sharedaddy, #search-results { padding: 0 30px; }
}

/* ---------- list pages: one card per post (image, title, opening) */
.post-cards { margin: 0 auto; max-width: 820px; padding: 0 10px; }
.post-card { border-bottom: 1px solid rgba(0, 0, 0, .1); margin: 0; }
.post-card-link { color: #2b2b2b; display: flex; flex-direction: column; gap: 12px; padding: 24px 0; text-decoration: none; }
.post-card-link:hover { color: #2b2b2b; }
.post-card-image { background: #b2b2b2 url(theme/images/pattern-light.svg); display: block; flex: none; overflow: hidden; }
.post-card-image img { aspect-ratio: 480 / 266; display: block; height: auto; object-fit: cover; transition: opacity .2s, transform .3s; width: 100%; }
.post-card-link:hover .post-card-image img { opacity: .9; transform: scale(1.03); }
.post-card-body { display: flex; flex-direction: column; min-width: 0; }
.post-card-cats { color: #2b2b2b; font-size: 12px; font-weight: 900; line-height: 1.3333; margin-bottom: 6px; text-transform: uppercase; }
.post-card-title { color: #2b2b2b; font-size: 22px; font-weight: 700; line-height: 1.2727; margin: 0 0 8px; }
.post-card-link:hover .post-card-title { color: #093d69; }
.post-card-meta { color: #767676; font-size: 12px; line-height: 1.3333; margin-bottom: 10px; }
.post-card-excerpt { color: #2b2b2b; font-size: 15px; line-height: 1.6; }
.post-card-more { color: #044774; font-size: 14px; font-weight: 700; margin-top: 10px; }
.post-card-link:hover .post-card-more { color: #093d69; }
.list-view .archive-header { max-width: 820px; }
.list-view .content-area { padding-top: 8px; }
@media screen and (min-width: 594px) {
  .post-card-link { flex-direction: row; gap: 24px; align-items: flex-start; }
  .post-card-image { width: 42%; }
}
@media screen and (min-width: 673px) {
  .post-cards { padding: 0 30px; }
  .list-view .content-area { padding-top: 16px; }
}

/* featured images that would be badly cropped (posters, very wide stills) are shown whole */
.thumb-whole .post-thumbnail { background: #111; overflow: hidden; position: relative; }
.thumb-whole .post-thumbnail::before {
  background: var(--thumb-bg) center / cover no-repeat; content: ""; filter: blur(28px) brightness(.5);
  inset: -40px; position: absolute;
}
.thumb-whole .post-thumbnail img {
  aspect-ratio: auto; height: auto; margin: 0 auto; max-height: 720px; object-fit: contain;
  position: relative; width: auto; z-index: 1;
}
@media screen and (min-width: 673px) {
  .site-content .hentry.thumb-whole .entry-header { margin-top: 0; }
}