/*
   
   Theme Name: Jazz Museum 2021
   Text Domain: jm2021
   Author: Zero Defect Design LLC
   Author URI: https://zerodefectdesign.com
      
   */
   
   /* fonts */

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

   /* resets */

   *, *::before, *::after { box-sizing: border-box; }
   html { height: 100%; -webkit-text-size-adjust: 100%; }
   body { margin: 0; padding: 0; min-height: 100vh; scroll-behavior: smooth; text-rendering: optimizeSpeed; }   
   table { border: 0; padding: 0; border-spacing: 0px; border-collapse: collapse; }
   sup, sub { vertical-align: baseline; position: relative; top: -0.4em; }
   sub { top: 0.4em; }
   img { vertical-align: bottom; max-width: 100%; height: auto; display: block; }
   img.featured { border-radius: 8px; }
   input, button, textarea, select { font: inherit; }
   .slug { background: transparent url('images/slug.png') center center no-repeat; background-size: cover; }
   
   /* structure + type */
   
   body { margin: 0; padding: 78px 0 0 0; background-color: #222222; font: 400 18px/1.5 'Work Sans', sans-serif; }
   .container { background-color: #FFFFFF; color: #000000; text-align: center; }
   .container.browser { background-color: #F2F2F2; }
	.container.browser.fade { background: linear-gradient(to bottom, #FFFFFF, #DEDEDE); }
	.container.browser.fade .frame { }
   .container.collections, body.section-collections .container.prime { background: linear-gradient(to bottom, #ebb74d 0px, #ebb74d 200px, #FFFFFF 201px); }
   body.page-child.section-collections  .container.prime { background: #FFFFFF; }
   .frame { text-align: left; padding: 50px; margin: 0 auto; max-width: 1440px; }
   body.single-event .container.prime, body.single-past_event .container.prime { background: linear-gradient(to bottom, #48afae 0px, #48afae 230px, #F2F2F2 231px); }
   body.post-type-archive-event .container.prime { background-color: #F2F2F2; }
   body.single-event .container.prime .frame, body.single-past_event .container.prime .frame { display: flex; align-items: stretch; flex-wrap: wrap; }
   .cmy { background: #000000 url('images/bg-cmy.jpg') center center no-repeat; background-size: cover; }
   .flexzone { background-color: #A8256B; }
   
   
   /* images + sliders */
   .bw { filter: grayscale(100%); }
   .slider, .hero, .lSSlideOuter { position: relative; }
   .hero 
   { 
      width: 100%; height: 40vw; max-height: 75vh; position: relative; 
      background-position: center center; background-repeat: no-repeat; background-size: cover; 
   }
   .bordered::after, hr::after
   { 
      position: absolute; bottom: 0px; left: 0px; right: 0px; content: ""; display: block; 
      height: 8px; background: transparent url('images/noise-gradient.jpg') left bottom repeat-x;
      background-size: auto 8px;
   }
   hr { color: transparent; background-color: transparent; border: 0; display: block; height: 8px; width: 100%; position: relative; margin: 0; padding: 0; overflow: hidden; }
   .hero .frame { display: flex; align-items: flex-end; height: 100%; }
   .hero .caption { width: 100%; text-align: center; }
	body.home .caption h2 { margin-bottom: 10px; }
	body.home .slider .frame { background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0) 200px); }
   .hero .date { display: block; margin: 0.5em 0; }
   .hero .btn { margin-top: 1em; }
   .reversed { color: #FFFFFF; border-color: #FFFFFF; }
   .lSSlideOuter .lSPager.lSpg { position: absolute; top: 2px; right: 0; margin: 10px; z-index: 490; }
   .lSSlideOuter .lSPager.lSpg > li { overflow: hidden; color: transparent; width: 16px; height: 16px; border-radius: 8px; background-color: rgba(255,255,255,0.6); 
      display: inline-block; margin: 0 0 0 10px; }
   .lSSlideOuter .lSPager.lSpg > li.active { background-color: #FFFFFF; } 
   .lSSlideOuter .lSPager.lSpg > li a { display: none; }
   .wp-block-image { margin-bottom: 25px; }
   .wp-block-image img { height: auto; }
   figure { margin: 0; padding: 0; }
   figure.alignright { width: 50%; padding: 1em 0 0 25px; float: right; }
   figure.alignright img { width: 100%; height: auto; border-radius: 32px; }
   img.alignright { width: calc(50% - 25px); height: auto; margin: 0 0 1em 1em; float: right; border-radius: 32px; }
   .size-large img, .size-large.wp-block-image:not(.is-style-rounded) img { border-radius: 32px; }
   .wp-block-image:not(.is-style-rounded) figure.alignright img { border-radius: 32px; }
   
   figure figcaption { text-align: left; margin: 1em 0 0 25px; opacity: 0.5; }
   
   
   h2 { font-size: 40px; font-weight: 500; line-height: 0.9; margin: 0 0 1em 0; letter-spacing: -.04em; }
   body.home h2 { font-size: 46px; line-height: 1; /* text-transform: uppercase; */ font-weight: 700; }
   .titlezone h2 { margin-bottom: 0; }
   .cmy h2 { color: #FFFFFF; }
   h3 { font-size: 36px; font-weight: 500; line-height: 0.9; letter-spacing: -.03em; }
   h4 { font-size: 28px; font-weight: 500; line-height: 0.9; text-transform: uppercase; margin: 0; }
   h5 { font-size: 24px; font-weight: 500; line-height: 0.9; letter-spacing: -.03em; margin: 0; text-transform: none; }
   h6 { font-size: 16px; font-weight: 700; line-height: 0.9; margin: 0 0 1em 0; text-transform: uppercase; }
   .titlezone { height: 150px; display: flex; flex-direction: column; justify-content: space-between; margin-bottom: 65px; }
   .datetime { margin: 20px 0; display: flex; justify-content: space-between; align-items: center; }
   .datetime .date { font-size: 26px; font-weight: 500; letter-spacing: -0.05em; line-height: 1; text-transform: uppercase; }
   .datetime .time { text-align: right; }
   .info { font-size: 90%; line-height: 1; text-transform: uppercase; font-weight: 700; }
   .moar { text-align: right; }

   /* links + controls */
   
   a { color: #000000; text-decoration: none; }
   p a, li a { color: #48AFAE; }
	h6 a { color: #5BB8B6; letter-spacing: 1px; }
   footer a { color: #FFFFFF; font-weight: 500; }
   a:hover, footer a:hover, p a:hover, li a:hover { color: #EBBC57; }
   a.icon { display: inline-block; width: 28px; height: 28px; margin-right: 15px; background-position: center center; background-size: 22px auto; background-repeat: no-repeat; }
   a.icon.icon-youtube { background-image: url('images/icon-youtube.svg'); background-size: 26px auto; }
   a.icon.icon-facebook { background-image: url('images/icon-facebook.svg'); background-size: auto 22px; }
   a.icon.icon-instagram { background-image: url('images/icon-instagram.svg'); }
   a.icon.icon-twitter { background-image: url('images/icon-twitter.svg'); }
   footer a.icon:hover { opacity: 0.7; }
   input[type=submit], button, input[type=button], .btn, 
      body div.wpforms-container-full .wpforms-form input[type=submit], body div.wpforms-container-full .wpforms-form button[type=submit], 
      body div.wpforms-container-full .wpforms-form .wpforms-page-button
   { 
      border: 2px solid #000000; padding: 10px; background-color: transparent; cursor: pointer; text-transform: uppercase; font-size: 14px; font-weight: 500; 
      cursor: pointer; border-radius: 8px; display: inline-block; white-space: nowrap; color: #000000;
   }
   input[type=submit]:hover, button:hover, input[type=button]:hover, .btn:hover, 
      body div.wpforms-container-full .wpforms-form input[type=submit]:hover, body div.wpforms-container-full .wpforms-form button[type=submit]:hover, 
      body div.wpforms-container-full .wpforms-form .wpforms-page-button:hover
   { 
      color: #000000; background-color: #EBBC57; border: 2px solid #000000;
   }
   .reversed input[type=submit], .reversed button, .reversed input[type=button], .reversed .btn, button.reversed { color: #FFFFFF; border-color: #FFFFFF; }
   div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], 
      div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], 
      div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], 
      div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], 
      div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], 
      div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], 
      div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], 
      div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea 
   { 
      border-radius: 8px !important; 
   }

   /* blocks and tiles */
   
   .blocks, .tiles { display: flex; align-items: stretch; flex-wrap: wrap; margin: 0 0 -25px 0; }
   .block { width: calc(50% - 25px); margin-bottom: 50px; border-radius: 16px; }
   .block:nth-child(odd) { margin-right: 50px; }
   .block.infobox { background-color: #FFFFFF; padding: 25px; border-radius: 16px; }
   .block h3 { margin: 0px; }
   .flexzone .blocks { align-items: center; }

   .tile { width: calc(50% - 25px); margin-bottom: 50px; position: relative; display: flex; border-radius: 16px; background-color: #FFFFFF; overflow:  hidden; }
   .tile:nth-child(odd) { margin-right: 50px; } 
   .tile .img { width: 33.333%; height: 100%; padding-top: 40%; background-position: center center; background-repeat: no-repeat; background-size: cover; }
   .tile .infobox { display: flex; width: 66.667%; height: 100%; padding: 25px; flex-direction: column; justify-content: space-between; }
   .tile .datetime { margin-bottom: 0px; }
   .tile .datetime .date { font-size: 20px; }
   
   
   .tile.vid { width: calc(33.333% - 25px); margin-right: 25px; display: block; background-color: #000000; color: #FFFFFF; margin-bottom: 25px; }
   .tile.vid:nth-child(odd) { margin-right: 25px; }
   .tile.vid .img { width: 100%; height: 0; padding-top: 56.25%;  position: relative;}
   .tile.vid .img::before 
   {  
      position: absolute; display: block; top: 0; right: 0; bottom: 0; left: 0; content: ""; 
      background: rgba(0,0,0,0.3) url('images/icon-play.svg') center center no-repeat; background-size: 30px auto;
      opacity: 0;
   }
   .tile.vid:hover .img::before { opacity: 1; }
   
   .tile.vid h5 { padding: 10px; margin: 0; }
   
   .tile-tall { display: block; padding: 25px; }
   .tile-tall .img { width: 100%; height: 0; padding-top: 75%; }
   .tile-tall .datetime .date, .tile-tall .datetime .time { font-size: 26px; }
   .tile-tall .infobox { width: 100%; height: auto; display: block; padding: 0; margin: 10px 0; }
   .tile-tall h3 { margin: 0 0 25px 0; }
   a.tile:hover { color: #000000; background-color: #ebb74d; }
   
   /* header */
   
   #hd 
   { 
      position: fixed; top: 0px; left: 0px; right: 0px; height: 78px; background-color: #FFFFFF;  z-index: 500; 
      padding: 20px 20px 0px 0px; box-shadow: 0px 0px 20px rgba(0,0,0,0.25);
   }
   #hd .menubar
   {
      margin: 0 auto; max-width: 1400px;
      display: flex; justify-content: flex-end; align-items: center; text-transform: uppercase; padding-top: 0; padding-bottom: 0;
      font-weight: 500;
   }
   #hd a, #hd span { padding: 10px; }
	#hd span.li { padding: 0; position: relative; }
	#hd span.li ul.submenu 
	{ 
		display: none; position: absolute; z-index: 220; margin: 0px; padding: 0; list-style-type: none; 
		text-align: left; box-shadow: 5px 9px 10px rgba(0,0,0,0.2); border-top: 4px solid #FFFFFF;
	}
	#hd span.li ul.submenu li { background-color: #F3F3F3; }
	#hd span.li ul.submenu li:first-child { border-top: 8px solid #F3F3F3; }
	#hd span.li ul.submenu li:last-child { border-bottom: 8px solid #F3F3F3; }
	#hd span.li:hover ul.submenu { display: block; margin-top: 4px; }
	#hd span.li ul.submenu a { display: block; padding: 2px 6px; white-space: nowrap; text-transform: none; }
	#hd span.li ul.submenu a:hover { color: #000000; }

   #hd svg { height: 20px; width: auto; color: #000000; cursor: pointer; position: relative; top: 2px; }
   #hd svg:hover { color: #EBBC57; }
   #hd a.donate, #mobilemenu a.donate
   { 
      color: #FFFFFF; background: transparent url('images/bg-cmy.jpg') center center no-repeat; background-size: cover; 
      padding: 4px 20px; border-radius: 20px; margin-left: 15px;
   }
   #mobilemenu a.donate { display: inline-block; margin: 15px 0 0 0; }
   #hd a.donate:hover, #mobilemenu a.donate:hover { color: #FFFFFF; background: #EBBC57; }
   #njmh { display: block; position: fixed; top: 0px; left: 20px; z-index: 510; }
   #njmh img { display: block; height: 100px; width: auto; }
   
   /* announce bar */
   
   div.announce { color: #FFFFFF; background-color: #000000; }
   a.announce { color: #FFFFFF; background-color: #48AFAE; display: block; }
   a.announce:hover { color: #FFFFFF; background-color: #EAB74C; }
   .announce .frame { padding-top: 20px; padding-bottom: 20px; text-align: center; }
   .announce .frame h5 { padding: 5px 0; margin: 0; line-height: 1.2; }
   
   /* columns */
   
   ul.cols { columns: 3; column-gap: 35px; }
	ul.cols2 { columns: 2; column-gap: 35px; }
   ul.cols li, ul.cols2 li { break-inside: avoid; }
	
	/* expanding list */
   
   dl.expanding dt { padding: 5px; margin: 2px 0 0 0; cursor: pointer; position: relative; color: #FFFFFF; background-color: #48AFAE; font-weight: 600; }
	dl.expanding dt:hover { background-color: #EBBC57; }
   dl.expanding dt:after 
   { 
      display: block; position: absolute; right: 0px; top: 5px; bottom: 5px; width: 50px; content: "";
      background: transparent url('images/angle-down.svg') center center no-repeat; background-size: 18px auto;
   }
   dl.expanding dt.active:after { background-image: url('images/angle-up.svg'); }
   dl.expanding dd { display: none; margin: 0; padding: 15px; background-color: #EFEFEF; }
   dl.expanding dt p { margin: 0; }
	
   /* footer */
   
   footer { color: #AAAAAA; font-size: 16px; text-transform: uppercase; }
   footer .newsletter {  background-color: #eab74c; padding: 25px 25px 5px 25px; border-radius: 16px; color: #000000; }
   footer .newsletter form { display: flex; margin-top: 20px; }
   footer .newsletter input { padding: 10px; text-transform: uppercase; font-size: 14px; line-height: 0; font-weight: 500; border-radius: 8px; }
   footer .newsletter input[type=text], #email_address_0 
   { 
      border: 0; background-color: #FFFFFF; margin-right: 10px; flex-basis: 100%; flex-shrink: 1; 
      width: auto; height: auto;  box-shadow: none; border-radius: 8px !important;


   }
   footer .newsletter input[type=submit], .ctct-form-custom .ctct-form-button, .ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button:active
   { 
      border: 2px solid #000000 !important; background-color: transparent; cursor: pointer; width: auto !important;
      padding: 7px 10px !important; background-color: transparent !important; cursor: pointer; text-transform: uppercase; font-size: 14px !important; font-weight: 500; 
      cursor: pointer; border-radius: 8px !important; display: inline-block; white-space: nowrap; color: #000000; font: inherit !important;
   }
   footer .newsletter input[type=submit]:hover, .ctct-form-custom .ctct-form-button:hover { background-color: #000000; color: #FFFFFF; }
   footer .frame { display: flex; flex-wrap: wrap; align-items: flex-start; }
   footer .block { margin-bottom: 25px; }
   
   /* constant contact fixes + workarounds */
   
   .ctct-inline-form h2, .ctct-inline-form label, #email_address_label_0, #gdpr_text,
   div.ctct-form-embed div.ctct-form-defaults p.ctct-form-footer { display: none !important; }
   #ctct_form_0 { width: 100%; display: flex; align-items: flex-start; }
   div.ctct-form-embed form.ctct-form-custom { min-height: 0px !important; padding-top: 16px !important; font: inherit !important; }
   div.ctct-form-embed div.ctct-form-defaults { padding: 0 !important; }   
   div.ctct-form-embed form.ctct-form-custom div.ctct-form-field { flex-basis: 100%; flex-grow: 1; padding-right: 8px; }
   #email_address_0 { width: 100%; }
   .grecaptcha-badge { display: none !important; }
   .ctct-inline-form div.ctct-form-embed form.ctct-form-custom .ctct-form-errorMessage { color: #990000 !important; }

   /* flexible modal */
   
   #flexmodal
   { 
      position: fixed; top: 0; right: 0; left: 0; z-index: 491; overflow: scroll-y; height: 0px; opacity: 0; transition-duration: 0.3s;  
      background-color: #000000; color: #FFFFFF;
   }
   #flexmodal.active { height: 100vh; opacity: 1; padding-top: 110px; }
   .video-container { overflow: hidden; width: 100%; height: 0; padding-bottom: 56.25%; position: relative; margin-bottom: 30px; }
   .video-container iframe { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
   .closemodal { text-align: right; display: block; margin: 0 0 20px 0; }
   
   /* mobile navigation */
   
   #mobilemenu 
   { 
      position: fixed; top: 0; right: 0; left: 0; z-index: 496; overflow: hidden; height: 0px; opacity: 0; transition-duration: 0.3s;  
      background-color: #000000;
   }
   #mobilemenu.active { height: 100vh; opacity: 1; padding-top: 110px; }
   #mobilemenu a.menu-item, #mobilemenu span.li a { color: #FFFFFF; display: block; font-size: 20px; line-height: 20px; padding: 10px 25px 10px 0; text-decoration: none; }
	#mobilemenu span.li { display: block; }
	#mobilemenu ul.submenu { color: rgba(255,255,255,0.5); margin: 0 0 0.5rem 1rem; padding: 0 0 0 1rem; }
	#mobilemenu ul.submenu li a { padding: 5px 25px 5px 0; font-size: 18px; line-height: 18px; }

   /* search modal */
   
   #searchmodal
   { 
      position: fixed; top: 0; right: 0; left: 0; z-index: 495; overflow: hidden; height: 0px; opacity: 0; transition-duration: 0.3s;  
      background-color: rgba(255,255,255,0.97);
   }
   #searchmodal.active { height: 100vh; opacity: 1; overflow: auto; padding-top: 100px; }
   #searchmodal .content { padding: 35px; }
   #searchmodal form { white-space: nowrap; display: flex; align-items: flex-end; }
   #searchmodal input:focus { outline: none; }
   #searchmodal input#s 
   { 
      line-height: 48px; background-color: transparent; border: none; -webkit-appearance: none; 
      width: calc(100% - 60px); border-bottom: 1px solid #666666; color: #000000; margin-right: 10px; 
      font-weight: 300; border-radius: 0;
   }
   #searchmodal.active::after 
   { 
      position: fixed; left: 0px; bottom: 0px; right: 0px; height: 100px; z-index: 501;
      content: " "; display: block; background: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0));
   }
   #autoresults { margin-top: 1em; }
   .search-results { display: flex; flex-wrap: wrap; align-items: top; margin: 0 -25px; }
   .search-result-section { width: calc(50% - 50px); margin: 25px; } 
   
   .searchresult { margin: 1em 0; }
   .searchresult .excerpt { color: #777777; font-size: 90%; line-height: 125%; }
   .searchresult a { display: block; line-height: 1.2; margin-bottom: 0.25em; }
   #autoresults .date { font-size: 90%; }
	
	/* dark mode */
	
	.theme-dark .container.prime, body.theme-dark.page-child.section-collections .container.prime { color: #FFFFFF; background-color: #000000; }
	.theme-dark input[type=submit], .theme-dark input[type=submit]:hover, 
		.theme-dark button, .theme-dark button:hover, 
		.theme-dark input[type=button], .theme-dark input[type=button]:hover, 
		.theme-dark .btn, .theme-dark .btn:hover, 
		body.theme-dark div.wpforms-container-full .wpforms-form input[type=submit], 
		body.theme-dark div.wpforms-container-full .wpforms-form input[type=submit]:hover,
		body.theme-dark div.wpforms-container-full .wpforms-form button[type=submit], 
		body.theme-dark div.wpforms-container-full .wpforms-form button[type=submit]:hover, 
		body.theme-dark div.wpforms-container-full .wpforms-form .wpforms-page-button,
		body.theme-dark div.wpforms-container-full .wpforms-form .wpforms-page-button:hover
	{
		border-color: #FFFFFF; color: #FFFFFF; }
	}
	
	/* page and section specific */
	
	body.subsection-become-a-gala-sponsor .container.prime:before
	{
		display: block; background: transparent url('https://jmih.org/wp-content/uploads/2022/04/gala-strip-33.jpg') center center no-repeat;
		background-size: cover; width: 100%; height: 60px; content: "";
	}

	/* masterclass */
	
	.mclass-header { display: flex; gap: 50px; border-bottom: 1px solid #FFFFFF; margin-bottom: 50px; }
	.mclass-intro { width: calc(60% - 50px); padding: 50px 0; }
	.mclass-intro p { color: #BBBBBB; }
	.mclass-image { width: 40%; background-position: center top; background-repeat: no-repeat; background-size: cover; }
	.mclass a { color: #5BB8B6; }
	.mclass a:hover { color: #EBBC57; }
	.mclass h2 { line-height: 1.1; }
	.mclass h3 { font-size: 30px; margin: 0 0 20px 0; }
	.mclass h4 { font-weight: 300; text-transform: none; font-size: 22px; margin: 0 0 20px 0; line-height: 1.2; }
	
	.mclass-session { display: flex; align-items: center; margin: 50px 0; gap: 50px; }
	.mclass-grid { display: flex; flex-wrap: wrap; gap: 50px; }
	.mclass-series { width: calc(33.333% - 34px); }
	.mclass-thumb { width: 40%; }
	.mclass-series .mclass-thumb { width: 100%; }
	.mclass-series-image 
	{ 
		width: 100%; height: 0; padding-top: 125%; background-position: center top; background-size: cover;
		background-repeat: no-repeat; border-bottom: 1px solid #FFFFFF; 
	}
	.mclass-summary { width: calc(60% - 50px); padding: 50px 0; }
	.mclass-series-summary { width: calc(60% - 50px); color: #FFFFFF; }
	.mclass-grid h3 { font-size: 26px; line-height: 1.2; color: #FFFFFF; margin-bottom: 0; }
	.mclass-series-summary p { color: #BBBBBB; }
	.mclass-session h6, .mclass-session h3 { color: #FFFFFF; }		
	.mclass-session:hover h3 { color: #eab74c; }
	.mclass-summary p { color: #BBBBBB; }
	.vidslug 
	{
		width: 100%; height: 0; padding-top: 56.4%; background-color: #666666; 
		background-position: center center; background-size: cover; background-repeat: no-repeat;
		position: relative;
	}
	@media screen and (max-width: 1000px)
	{
		.mclass-header { gap: 25px; flex-direction: column; }
		.mclass-intro { width: 100%; padding: 0; order: 2; }
		.mclass-image { width: 100%; height: 0; padding-top: 66.667%; order: 1; }
		.mclass-grid h3 { font-size: 23px; }
	}
	@media screen and (max-width: 900px)
	{
		.mclass-series { display: block; margin-bottom: 50px; }
		.mclass-series-summary { width: 100%; margin-top: 25px; }
	}
   @media screen and (max-width: 750px)
	{
		.mclass-grid { gap: 30px; }
		.mclass-series { width: calc(50% - 15px); }
		.mclass-grid h3 { font-size: 20px; }
	}
	
   /* wp admin bar + misc fixes */
   
   body.admin-bar #hd, body.admin-bar #njmh { top: 32px; }
   @media screen and (max-width: 781px) { body.admin-bar #hd, body.admin-bar #njmh { top: 46px; } }
   .blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure, .wp-block-gallery .blocks-gallery-image figure, 
      .wp-block-gallery .blocks-gallery-item figure { padding: 0px 30px; }

   /* responsive breakpoints */
   
   @media screen and (min-width: 1440px)
   {
      #njmh { left: calc(50% - 700px); }
   }
   
   @media screen and (max-width: 1300px)
   {
      #hd { font-size: 16px; }
      #hd a, #hd span { padding: 7px; }
   }

   @media screen and (min-width: 1181px) 
   { 
      .mobileonly { display: none; } 
      /*
      body.home .events .tiles { flex-direction: column; }
      body.home .events .tiles .tile-1 { flex-basis: 100%; }
      */
   }
   @media screen and (max-width: 1180px)
   {
      #hd a.menu-item, #hd span.li { display: none; }
      #hd svg { height: 30px; margin-left: 10px; }
      #hd a.donate { position: relative; top: -3px; }
		
		ul.cols { columns: 2; }
		ul.cols2 { columns: 1; }
   }
   
   @media screen and (max-width: 900px)
   {
      h2, body.home h2 { font-size: 36px; }
      .block, .block:nth-child(odd), .tile, .tile:nth-child(odd)  { width: 100%; margin-right: 0; margin-bottom: 25px; }
      .tile .img { padding-top: 33.333%; }
      .tile-tall .img { padding-top: 75%; }
      .tile.vid, .tile.vid:nth-child(odd) { width: calc(50% - 25px); margin-right: 25px; }
      .tile.vid .img { padding-top: 56.25%; }
      
      .location-education .block:first-child { order: 2; }
      .location-education .block:last-child { order: 1; height: 33vw; }
      .block.blank { display: none; }
      .titlezone { height: auto; margin-bottom: 25px; display: block; }
      body.single-event .container.prime, body.single-past_event .container.prime { background: #F2F2F2; }
      .hero .caption { width: 100%; }
      
      .search-results { display: block; margin: 0; }
      .search-result-section { width: 100%; margin: 25px 0px; } 
      ul.cols { columns: 1; }
   }
   
   @media screen and (max-width: 700px)
   {
      body { padding-top: 48px; }
      .frame { padding: 25px; }
      #hd { height: 48px; padding-top: 2px; }
      #hd svg { height: 20px; }
      #njmh { left: 10px; }
      #njmh img { height: 60px; }
      .tile.vid h5 { font-size: 90%; }
   }  
   
   
   @media screen and (max-width: 600px)
   {
      #hd a.donate { display: none; }
      h2 { font-size: 26px; }
      h3 { font-size: 23px; }
      .bordered::after, hr { height: 4px; background-size: auto 4px; }
      .hero { height: 75vw; }
      .lSSlideOuter .lSPager.lSpg { display: none; }
      .slider .date { display: none; }
      img.alignright { width: 100%; height: auto; margin-left: 0; float: none; display: block; }
   }
   
   /* print */

   @media print
   {

   }