/*media queries*/
/*for the live NCpedia site (ncpedia.org)
 *block numbers will not match the dev site
 *(statelibrarync.org/dev_ncp)
 */
@media screen and (max-width:480px){
	/* main content region */
	.region-content{
		padding:0px 10px;
	}
	/* description/statement block text
	 block-block-73 */
	p.description-statement,
	#block-block-73 > p:last-child{
		font-size: 16px;
		margin: 0px;
	}
	/* wrapper for highlighted region (and description block) */
	div.highlighted.jumbotron{
		max-width: 100%;
	}
	/*popular topics tiles block */
	#block-block-74{
		margin: 5px 0px;
	}
	/* single pop topics tile image
	   block-block-74 */
	.popular-topics-image{
		max-width:110px;
	}
	/*single pop topics (or landing page) image caption container */
	.tile-image-caption-container{
		max-width: 110px;
		vertical-align:top;
		margin: 5px 15px;
	}
	/*This Day in NC History block */
	#block-ncpedia-agg-nchistory {
		min-width: 32%;
		min-height:335px;
		
	}
	/*Explore NCpedia box w/search box (small)*/
	#block-block-90 {
		min-width:100%;
		min-height: 250px;
		display: inline-block;
	}
	/*Explore NCpedia box w/search box (large) */
	#block-block-75 {
		display:none;
	}
	/*Featured article block styling*/
	#block-block-76 {
		min-width: 100%;
		min-height:275px;
		margin: 5px 0px;
	}
	#block-ncpedia-agg-nchistory>h2.block-title, /*Thus Day in NC History */
	#block-block-76>h2.block-title, /*featured article block */
	#block-block-77>h2.block-title{ /*what's new block */
		margin: 10px 0px;
		width:85%;
		display:inline-block;
	}
	/*what's new block*/
	#block-block-77{
		width: 100%;
		margin: 10px 0px;
		background: white;
		display: inline-block;
	}
	/* what's new block
	   article link */
	#block-block-77 > div.new-article-more-link{
		margin: 5px auto;
	}
	/*what's new block
	  wrapper around three new articles */
	#block-77>div.feature-box{
		width: 85%;
	}
	/*what's new block (block-block-77)
	  single new article */
	.new-article-single{
		width: 250px;
	}
	/*what's new block (block-block-77)
	  single new article image */
 	.new-article-image{
		height: 150px;
	}
	/*wrapper around landing page tiles
	  on landing pages like node/11765 (geography)
	  node/11754 (for educators)
	  node/12022 (popular topics page)*/
	.landing-page-tile-group{
		text-align: center;
	}
	/*landing page tile image */
	.landing-page-image{
		width: 180px;
	}
	/*inner wrapper around all landing page tiles */
	.landing-page-tile-group>div.feature-box{
		width: 100%;
		text-align: center;
		display: inline-block;
	}
	/*used in the normal DNCB copyright block - NOT USED */
	img.dncb-cover-image{
		display: none;
	}
	/*expands the about menu to 100% of the screen */
	ul.menu > li.leaf {
		width: 100%;
	}

	/* search box on all pages EXCEPT front */
	#block-block-72 > #ncpedia-google-search-form > div.input-group{
		width: 295px;
		float: left;
		padding: 10px;
	}

	/*county statistics field
	  on county pages like geography/county_name*/
	.field-name-field-county-statistics{
		width: 20em;
		margin: 10px 15px;
		padding: 0px 10px 20px;
		background-color: rgb(226, 226, 226);
		border: 2px solid rgb(0, 12, 80);
	}

	#block-block-78,
	#block-block-79,
	#block-block-80,
	#block-block-81,
	#block-block-82,
	#block-block-83,
	#block-block-84,
	#block-block-85,
	#block-block-86  {
		text-align: center;
	}
	.resource-image{
		float: none;
		max-height:700px;
	}
	.resource-description {
		text-align:left;
	}

	/*FOOTER*/
	.region-footer{
		width:100%;
	}
	/*footer menu block
	  NOT a legit menu - just paragraphs in a block*/
	#block-block-87{
		width: 100%;
	}
	/* "Brought to you by" logo block*/
	#block-block-20{
		width: inherit;
		background: white;
		margin-top: 0px;
	}
	/*tweets block
	  generated by a view */
	#block-views-tweets-block {
		float: left;
	}
	/*social media icons in footer */
	#block-block-88 {
		text-align: center;
	}
}
@media screen and (min-width:481px) and (max-width:558px){
	/*main content region */
	.region-content{
		padding:0px 10px;
	}
	/*wrapper for text in description/statement block
	  block-block-73 */
	p.description-statement{
		font-size: 18px;
	}
	/*wrapper for description/statement block
	  block-block-73 */
	div.highlighted.jumbotron{
		max-width: 100%;
	}
	/*single pop topics image
	  block-block-74*/
	.popular-topics-image{
		max-width:120px;
		/* margin:5px 5px; */
	}
	/*wrapper for image caption
	  used in block-block-74 and on landing pages */
	.tile-image-caption-container{
		max-width: 120px;
		vertical-align:top;
		margin: 0px 15px;
	}

               

	/*This Day in NC History block */
	#block-ncpedia-agg-nchistory {
		min-width: 100%;
		margin: 5px 0px;
	}
	/*Explore NCpedia box w/search box (small)*/
	#block-block-90 {
		min-width:100%;
		min-height: 250px;
		margin-bottom: 10px;
		padding-bottom: 15px;
		display: inline-block;
	}
	/*Explore NCpedia box w/search box (large)*/
	#block-block-75 {
		display:none;
	}
	/*Featured article block styling*/
	#block-block-76 {
		min-width: 100%;
		margin: 5px 0px;
	}

        /* Added 2021-01-22. This is the block styling for block 107*/
        #block-block-107 {
                min-width: 100%;
                margin: 5px 0px;               
        }

	#block-ncpedia-agg-nchistory>h2.block-title, /*This Day in NC History */
	#block-block-76>h2.block-title, /*Featured article block */
	#block-block-77>h2.block-title{ /*what's new block */
		margin: 10px 0px;
		width:85%;
		display:inline-block;
	}
	/*wrapper around dncb cover in copyright block - NOT USED */
	img.dncb-cover-image{
		display: none;
	}
	/*what's new block*/
	#block-block-77{
		width: 100%;
		margin: 10px 0px;
		background: white;
		display: inline-block;
	}
	/*what's new block
	  link to single article */
	#block-block-77 > div.new-article-more-link{
		margin: 5px auto;
	}
	/*what's new block
	  wrapper for trio of new articles */
	#block-77>div.feature-box{
		width: 85%;
	}
	/*block-block-77 (what's new block)
	  single article "tile" */
	.new-article-single{
		width: 250px;
	}
	/*what's new block (block-block-77)
	  single article image */
 	.new-article-image{
		height: 150px;
	}
	/*wrapper around set of landing page tiles
	  number of tiles varies by page */
	.landing-page-tile-group{
		text-align: center;
	}
	/*single landing page image */
	.landing-page-image{
		width: 180px;
	}
	/*inner wrapper for landing page tiles */
	.landing-page-tile-group>div.feature-box{
		width: 100%;
		text-align: center;
		display: inline-block;
	}
	/*search box on article and other pages*/
	#block-block-72 > #ncpedia-google-search-form > div.input-group{
		width: 295px;
		float: left;
		padding: 10px;
	}
	/*county statistics field*/
	.field-name-field-county-statistics{
		width: 30em;
		margin: 10px 20px;
		padding: 0px 10px 20px;
		background-color: rgb(226, 226, 226);
		border: 2px solid rgb(0, 12, 80);
	}

	.resource-image {
		float:left;
	}

	/*FOOTER*/
	/*footer region */
	.region-footer{
		width:100%;
	}
	/*footer menu block - not an actual menu
	  just paragraphs in a block*/
	#block-block-87{
		width: 100%;
	}
	/*Brought to you by logo block*/
	#block-block-20{
		width: 100%;
		background: white;
		margin-top: 0px;
	}
	/*tweets block
	  generated by a view */
	#block-views-tweets-block {
		float: left;
	}
	/*social media icons block */
	#block-block-88 {
		text-align: center;
	}
}
@media screen and (min-width:559px) and (max-width:648px){
	/*main content region */
	.region-content{
		padding:0px 10px;
	}
	/*wrapper for text in the description/statement block
	  block-block-73 */
	p.description-statement{
		font-size: 18px;
	}
	/*wrapper for description/statement block
	  block-block-73 */
	div.highlighted.jumbotron{
		max-width: 100%;
	}
	/*single popoular topics image
	in block-block-74 */
	.popular-topics-image{
		max-width:130px;
	}
	/*caption container for tiles, exampled: pop topics tiles (in block-block-70)
	  these also appear on landing pages */
	.tile-image-caption-container{
		max-width: 150px;
		vertical-align:top;
		margin: 0px 15px;
	}
	/*This Day in NC History block */
	#block-ncpedia-agg-nchistory {
		min-width: 100%;
		margin: 5px 0px;
	}
	/*Explore NCpedia box w/search box (small)*/
	#block-block-90 {
		min-width:100%;
		margin: 5px 0px;
		padding-bottom: 10px;
		display: inline-block;
	}
	/*Explore NCpedia box w/search box (large) */
	#block-block-75 {
		display: none;
	}
	/*Featured article block styling*/
	#block-block-76 {
		min-width: 100%;
		margin:5px 0px;
	}

        /*Added 2021-01-22. Stylin for block 107*/
        #block-block-107 {
                min-width: 100%;
                margin: 5px 0px;
        }

	/*in a dncb copyright block - NOT USED */
	img.dncb-cover-image{
		display: none;
	}
	/*what's new block*/
	#block-block-77{
		width: 100%;
		margin: 10px 0px;
		background: white;
		display: inline-block;
	}
	/*what's new block - styling the block title */
	#block-block-77 > h2.block-title{
		margin: 5px auto;
	}
	/*what's new block - single article link */
	#block-block-77 > div.new-article-more-link{
		margin: 5px auto;
	}
	/*what's new block
	  wrapper for trio of new articles */
	#block-77>div.feature-box{
		width: 85%;
	}
	/*what's new block
	  wrapper for single new article */
	.new-article-single{
		width: 250px;
	}
	/*what's new block
	  single article image */
 	.new-article-image{
		height: 150px;
	}
	/*wrapper around tiles on landing pages
	  number of landing page tiles in a group varies */
	.landing-page-tile-group{
		text-align: center;
	}
	/*single image in a landing page tile */
	.landing-page-image{
		width: 180px;
	}
	/*inner wrapper for landing pages tiles */
	.landing-page-tile-group>div.feature-box{
		width: 100%;
		text-align: center;
		display: inline-block;
	}
	/*search box on article and other pages*/
	#block-block-72 > #ncpedia-google-search-form > div.input-group{
		width: 295px;
		float: left;
		padding: 10px;
	}
	/*county statistics field*/
	.field-name-field-county-statistics{
		width: 35em;
		margin: 10px 20px;
		padding: 0px 10px 20px;
		background-color: rgb(226, 226, 226);
		border: 2px solid rgb(0, 12, 80);
	}

	.resource-image {
		float:left;
	}

	/*FOOTER*/
	.region-footer{
		width:100%;
	}
	/*footer menu block - not an actual menu
	  just paragraphs in a block*/
	#block-block-87 {
		width:50%;
	}
	/*brought to you by logos block*/
	#block-block-20{
		width: 100%;
		background: white;
		margin-top: 0px;
	}
	/*tweets block
	  generated by a view */
	#block-views-tweets-block {
		float: right;
		width:50%
	}
	/*social media icons */
	#block-block-88 {
		text-align: center;
	}
}
@media screen and (min-width:649px) and (max-width:728px){
	/*main content region */
	.region-content{
		padding:0px 10px;
	}
	/*wrapper for description text
	  block-block-73 */
	p.description-statement{
		font-size: 18px;
	}
	/*sincgle pop topics image
	  in block-block-74 (popular topics) */
	.popular-topics-image{
		max-width: 150px;
	}
	/*image caption container
	  used in pop topics block (block-block-74) and on landing pages */
	.tile-image-caption-container{
		max-width: 165px;
		vertical-align:top;
		margin: 0px 15px;
	}
	/*This Day in NC History block */
	#block-ncpedia-agg-nchistory {
		min-width: 100%;
		margin: 5px 0px;
	}
	/*Explore NCpedia box w/search box (small) on front page ONLY*/
	#block-block-90 {
		min-width:100%;
		margin: 5px 0px;
		padding-bottom:20px;
		display: inline-block;
	}
	/*Explore NCpedia box w/search box (large)*/
	#block-block-75 {
		display: none;
	}
	/*Featured article block styling*/
	#block-block-76 {
		min-width: 100%;
		margin: 5px 0px;
	}
	/*featured article block
	  article snippet wrapper */
	#block-block-76 > div.child3 > p.featured-article-snippet{
		width: 80%;
		margin: 2px auto;
	}
	/*wrapper for DNCB cover image - in a copyright block - NOT USED */
	img.dncb-cover-image{
		display: none;
	}
	/*what's new block*/
	#block-block-77{
		width: 100%;
		margin: 10px 0px;
		background: white;
		display: inline-block;
	}

        /*Added 2021-01-22. Styling for block 107*/
        #block-block-107{
                width: 100%;
                margin: 10px 0px;
        }

	/*what's new block
	  wrapper around article trio */
	#block-77>div.feature-box{
		width: 85%;
	}
	/*what's new block
	  single article wrapper */
	.new-article-single{
		width: 250px;
	}
	/*what's new block
	  single article image */
 	.new-article-image{
		height: 150px;
	}
	/*what's new block
	styling block-title */
	#block-block-77 > h2.block-title{
		margin: 5px auto;
	}
	/*what's new block
	  single article link */
	#block-block-77 > div.new-article-more-link{
		margin: 5px auto;
	}
	/*landing page tile group wrapper
	  used on landing pages
	  number of tiles varies by page */
	.landing-page-tile-group{
		text-align: center;
	}
	/*landing page single tile images */
	.landing-page-image{
		width: 180px;
	}
	/*landing page group - inner wrapper for tiles */
	.landing-page-tile-group>div.feature-box{
		width: 100%;
		text-align: center;
		display: inline-block;
	}
	/*search box on article and other pages*/
	#block-block-72 > #ncpedia-google-search-form > div.input-group{
		width: 295px;
		float: left;
		padding: 10px 10px;
	}
	/*county statistics field*/
	.field-name-field-county-statistics{
		width: 35em;
		margin: 10px 20px;
		padding: 0px 10px 20px;
		background-color: rgb(226, 226, 226);
		border: 2px solid rgb(0, 12, 80);
	}

	.resource-image {
		float:left;
	}

	/*FOOTER*/
	.region-footer{
		width:100%;
	}
	/*footer menu block
	  not an actual menu */
	#block-block-87{
		width: 50%;
	}
	/*brought to you by logo block*/
	#block-block-20{
		width: 100%;
		background: white;
		margin-top: 0px;
	}
	/*tweets block
	  generated by a view */
	#block-views-tweets-block {
		float: right;
		width:50%;
	}
	/*social media icons block */)
	#block-block-88 {
		text-align: center;
		width:100%;
	}
	/*block-block-85
	  icon group wrapper */
	.social-media-icon-container{
		width:100%;
	}
}
@media screen and (min-width:729px) and (max-width:807px){
	/*main content region */
	.region-content{
		padding:0px 10px;
	}
	/*block-block-73
	  text in description/statement block */
	p.description-statement{
		font-size: 18px;
	}
	/*block-block-74
	  single pop topics image */
	.popular-topics-image{
		max-width:150px;
	}
	/*wrapper for image caption
	  used in block block-74 (pop topics) and on landing pages */
	.tile-image-caption-container{
		max-width: 175px;
		vertical-align:top;
		margin: 0px 15px;
	}
	/*popular topics block*/
	#block-block-74{
		width: 95%;
	}
	/*Explore NCpedia box w/search box (small)
	  on front page only*/
	#block-block-90 {
		width: 95%;
		margin: 5px 0px;
		padding-bottom: 20px;
		display: inline-block;
	}
	/*Explore NCpedia box w/search box (large)*/
	#block-block-75 {
		display: none;
	}
	/*This Day in NC History block */
	#block-ncpedia-agg-nchistory {
		width: 95%;
		margin: 5px 0px;
	}
	/*Featured article block styling*/
	#block-block-76 {
		width: 95%;
		margin: 5px 0px;
	}

        /*Added 2021-01-22. Styling for block 107*/
        #block-block-107 {
                width: 95%;
                margin: 5px 0px;
        }
	/*block-block-76
	  featured article snippet wrapper */
	p.featured-article-snippet{
		width: 75%;
		display: inline-block;
	}
	/*what's new block*/
	#block-block-77{
		width: 95%;
		margin: 10px 0px;
		background: white;
		display: inline-block;
	}
	/*what's new block
	  trio wrapper */
	#block-77>div.feature-box{
		width: 85%;
	}
	/*single new article wrapper
	  block-block-77 */
	.new-article-single{
		width: 250px;
	}
	/*single new article image wrapper
      block-block-77 */
 	.new-article-image{
		height: 150px;
	}
	/*wrapper for landing page tiles
	  used on landing pages throughout
	  number of tiles varies by page */
	.landing-page-tile-group{
		text-align: center;
	}
	/*single landing page tile image */
	.landing-page-image{
		width: 180px;
	}
	/*inner wrapper for landing page tile group */
	.landing-page-tile-group>div.feature-box{
		width: 100%;
		text-align: center;
		display: inline-block;
	}
	/*search box on article and other pages*/
	#block-block-72 > #ncpedia-google-search-form > div.input-group{
		width: 295px;
		float: left;
		padding: 10px;
		margin-right: 150px;
	}
	/*county statistics field*/
	.field-name-field-county-statistics{
		width: 35em;
		margin: 10px 20px;
		padding: 0px 10px 20px;
		background-color: rgb(226, 226, 226);
		border: 2px solid rgb(0, 12, 80);
	}

	.resource-image {
		float:left;
	}

	/*FOOTER*/
	.region-footer{
		width:100%;
	}
	/*footer menu block
	  not an actual menu - just paragraphs in a block */
	#block-block-87{
		width:50%;
	}
	/*tweets block
	  generated by a view */
	#block-views-tweets-block {
		float: left;
		width:50%
	}
	/*social media icons block */
	#block-block-88 {
		text-align: center;
		width:100%;
	}
	/*wrapper for social media icons */
	.social-media-icon-container{
		width:100%;
	}
}
@media screen and (min-width:808px) and (max-width:989px){
	/*wrapper for text in description/statement blokc-71
	  block-block-73 */
	p.description-statement{
		font-size: 18px;
	}
	/*single pop topics image
	 used in popular topics block (blokc-block-74) */
	.popular-topics-image{
		width:160px;
	}
	/*wrapper for tile image
	  used in pop topics block and on landing pages */
	.tile-image-caption-container{
		max-width: 185px;
		vertical-align:top;
		margin: 0px 15px;
	}
	/*popular topics region
	  only on front page */
	.region-popular-topics{
		text-align: center;
		display: inline-block;
		width: 100%;
	}
	/*popular topics block*/
	#block-block-74{
		text-align: center;
		width: 95%;
		margin-top: 10px;
	}
	/*wrapper for pop topics tiles
	  in pop topics block */
	#block-block-74>div.feature-box{
		text-align: center;
		display: inline-block;
		padding: 5px 0px 25px;
		width: 80%;
	}
	/*This Day in NC History block */
	#block-ncpedia-agg-nchistory {
		width: 95%;
		margin: 10px 0px 5px;
	}
	/*This Day in NC History block
	  block title styling */
	#block-ncpedia-agg-nchistory>h2.block-title{
		margin: 21px 0px 10.5px;
	}
	/*Explore NCpedia box w/search box (small)*/
	#block-block-90 {
		width:95%;
		margin: 5px 0px;
		padding-bottom: 20px;
		display: inline-block;
	}
	/*Explore NCpedia box w/search box )large)*/
	#block-block-75 {
		display: none;
	}
	/*Featured article block styling*/
	#block-block-76 {
		width: 95%;
		min-height:275px;
		margin: 5px 0px;
	}

      

	/*in featured article block (block-block-76)
	  snippet wrapper */
	p.featured-article-snippet{
		width: 75%;
		display: inline-block;
	}
	/*what's new block*/
	#block-block-77{
		width: 95%;
		margin: 10px 0px;
		background: white;
		display: inline-block;
	}

        /*Added 2021-01-22. Styling for block 107*/
        #block-block-107{
                width: 95%;
                margin: 5px 0px;
        }

	/*what's new block
	  wrapper for trio of new articles */
	#block-77>div.feature-box{
		width: 85%;
	}
	/*what's new block (block-block-77)
	  single article wrapper */
	.new-article-single{
		width: 250px;
	}
	/*what's new block (block-block-77)
	  single article image wrapper */
 	.new-article-image{
		height: 150px;
	}
	/*wrapper for landing page tiles
	  used on various landing pages
	  number of tiles varies by page */
	.landing-page-tile-group{
		text-align: center;
	}
	/*single landing page tile image */
	.landing-page-image{
		width: 180px;
	}
	/*inner wrapper for landing page tile groups */
	.landing-page-tile-group>div.feature-box{
		width: 800px;
		text-align: center;
		display: inline-block;
	}
	/*wrapper on pop topics page (node/12022)
	  around 16 pop topics tiles */
	.pop-topics-landing-page-tile-group>div.feature-box{
		width: 100%;
	}
	/*search box on article and other pages*/
	#block-block-72 > #ncpedia-google-search-form > div.input-group{
		width: 295px;
		float: right;
		padding: 10px 0px;
	}
	/*county statistics field*/
	.field-name-field-county-statistics{
		width: 35em;
		margin: 10px 20px;
		padding: 0px 10px 20px;
		background-color: rgb(226, 226, 226);
		border: 2px solid rgb(0, 12, 80);
	}

	.resource-image {
		float:left;
	}

	/*FOOTER */
	.region-footer{
		width:100%;
	}
	/*tweets block
	  generated by a view */
	#block-views-tweets-block {
		float: right;
		width:50%
	}
	/*social media icons block */
	#block-block-88 {
		text-align: center;
		width:100%;
	}
	/*social media icons wrapper */
	.social-media-icon-container{
		width:100%;
	}
}
@media screen and (min-width:990px) and (max-width:1099px){
	/*description/statement block - block-block-73
	  wrapper for statement text */
	p.description-statement{
		font-size: 18px;
	}
	/*popular topics region
	  only on the front page */
	.region-popular-topics{
		padding: 0px 30px;
		text-align: center;
		display: inline-block;
		width: 100%;
	}
	/*popular topics block*/
	#block-block-74{
		text-align:center;
		width: 100%;
		margin-top: 10px;
	}
	/*popular topics block
	  wrapper for pop topics tiles */
	#block-block-74>div.feature-box{
		text-align:center;
		display:inline-block;
		padding: 5px 0px 25px;
		width: 75%;
	}
	/*single pop topics image wrapper
	  in pop topics block
	  block-block-74 */
	.popular-topics-image{
		max-width:170px;
	}
	/*single tile caption wrapper
	  used in pop topics block (block-block-74)
	  and on landing pages */
	.tile-image-caption-container{
		max-width: 185px;
		vertical-align:top;
		margin: 0px 15px;
	}
	/*explore region
	  only on front page */
	.region-explore{
		
                margin-top: 10px;
                padding: 0px 15px;
                text-align: center;
                display: inline-block;
	}
	#block-ncpedia-agg-nchistory > h2.block-title, /*This Day in NC History block title */
	#block-block-76 > h2.block-title{ /*featured article block title */
		margin-top: 15px;
	}
	/*This Day in NC History block */
	#block-ncpedia-agg-nchistory {
		width: 100%;
		margin: 5px 0px;
	}
	/*Explore NCpedia box w/search box (small)*/
	#block-block-90 {
		width:100%;
		margin: 5px 0px;
		padding-bottom: 20px;
		display: inline-block;
	}
	/*Explore NCpedia box w/search box (large)*/
	#block-block-75 {
		display:none;
	}
	/*Featured article block styling*/
	#block-block-76 {
		width: 100%;
		margin: 5px 0px;
	}
	/*featured article block (block-block-76)
	  article snippet wrapper */
	p.featured-article-snippet{
		width: 75%;
		display: inline-block;
	}
	/*what's new block*/
	#block-block-77{
		width: 100%;
		margin: 10px 0px;
		background: white;
		display: inline-block;
	}

        /*Added 2021-01-21. Styling for block 107*/
        #block-block-107{
                width: 100%;
                margin: 5px 0px;       
        }

	/*what's new block
	article trio wrapper */
	#block-77>div.feature-box{
		width: 85%;
	}
	/*what's new block (block-block-77)
	  single article wrapper */
	.new-article-single{
		width: 250px;
	}
	/*what's new block (block-block-77)
	  single article image wrapper */
 	.new-article-image{
		height: 150px;
	}
	/*wrapper for landing page tiles
	  used on various landing pages
	  number of tiles varies by page */
	.landing-page-tile-group{
		text-align: center;
	}
	/*wrapper for landing page tile iamges
	  used on landing pages */
	.landing-page-image{
		width: 180px;
	}
	/*inner wrapper for landing page tile group */
	.landing-page-tile-group>div.feature-box{
		width: 800px;
		text-align: center;
		display: inline-block;
	}
	/*wrapper on pop topics page (node/12022)
	  around 16 pop topics tiles */
	.pop-topics-landing-page-tile-group>div.feature-box{
		width: 100%;
	}
	/*search box on all pages EXCEPT front page*/
	#block-block-72 > #ncpedia-google-search-form > div.input-group{
		width: 295px;
		float: right;
		padding: 10px 0px;
	}
	/*county statistics field*/
	.field-name-field-county-statistics{
		float: right;
		width: 20em;
		margin: 0px 20px;
		padding: 0px 10px 20px;
		background-color: rgb(226, 226, 226);
		border: 2px solid rgb(0, 12, 80);
	}

	.resource-image {
		float:left;
	}

	/*FOOTER*/
	.region-footer{
		width:100%;
	}
	/*tweets block
	  generated by a view */
	#block-views-tweets-block {
		float: right;
		width:50%
	}
	/*social media icons*/
	#block-block-88 {
		text-align: center;
		width:100%;
	}
	/*wrapper for social media icons (block-block-85)*/
	.social-media-icon-container{
		width:100%;
	}
}
@media screen and (min-width:1100px) and (max-width:1199px){
	/*popular topics region
	  only on front page */
	.region-popular-topics{
		padding: 0px 30px;
		text-align: center;
		display: inline-block;
		width: 100%;
	}
	/*popular topics block*/
	#block-block-74{
		text-align:center;
		width: 100%;
		margin-top: 10px;
	}
	/*pop topics block
	  wrapper for pop topics tiles */
	#block-block-74>div.feature-box{
		text-align:center;
		display:inline-block;
		padding: 5px 0px 25px;
		width: 75%;
	}
	/*wrapper for pop topics tile image
	  block-block-74*/
	.popular-topics-image{
		max-width:170px;
	}
	/*wrapper for tile image caption
	  used in pop topics block (block-block-74) and on landing pages */
	.tile-image-caption-container{
		max-width: 200px;
		vertical-align:top;
		margin: 0px 15px;
	}
	/*explore region
	  front page ONLY */
	.region-explore{
		margin-top: 10px;
		padding: 0px 30px;
		text-align: center;
		display: inline-block;
	}
	/*Explore NCpedia box w/search box (small)*/
	#block-block-90 {
		width:100%;
		margin: 5px 0px;
		padding-bottom: 20px;
		display: inline-block;
	}
	/*Explore NCpedia box w/search box (large)*/
	#block-block-75 {
		display: none;
	}
	/*Explore NCpedia box w/search box
	  styling h2 (Explore by... text) */
	#block-block-75>h2 {
		margin-top: 20px;
		margin-bottom: 30px;
	}
	/*This Day in NC History block */
	#block-ncpedia-agg-nchistory {
		width: 100%;
	}
	#block-ncpedia-agg-nchistory > h2.block-title, /*This Day in NC History block title */
	#block-block-76 > h2.block-title{ /*featured article block title */
		margin-top: 15px;
	}
	/*This Day in NC History block
	  article snippet wrapper */
	div.nchistory-agg-headline{
		margin-bottom: 15px;
	}
	/*Featured article block styling*/
	#block-block-76 {
		width:100%;
		margin-top: 10px;
	}
	/* Featured article block (block-block-76)
	   article snippet wrapper */
	p.featured-article-snippet{
		width: 75%;
		display: inline-block;
	}
	/*what's new block*/
	#block-block-77{
		width: 100%;
		margin: 10px 0px;
		background: white;
		display: inline-block;
	}

        /*Added 2021-01-22. Styling for block 107*/
        #block-block-107{
                width: 100%;
                margin: 10px 0px;
        }             

	/*what's new block
	  wrapper for trio of new articles */
	#block-77>div.feature-box{
		width: 85%;
	}
	/*what's new block (block-block-77)
	  single article wrapper */
	.new-article-single{
		width: 250px;
	}
	/*what's new block (block-block-77)
	  single article image */
 	.new-article-image{
		height: 150px;
	}
	/*landing page tile wrapper
	  used on landing pages
	  number of tiles varies by page */
	.landing-page-tile-group{
		text-align: center;
	}
	/*single landing page tile image
	  used on landing pages */
	.landing-page-image{
		width: 180px;
	}
	/*inner wrapper for landing page tile group */
	.landing-page-tile-group>div.feature-box{
		width: 800px;
		text-align: center;
		display: inline-block;
	}
	/*wrapper on pop topics page (node/12022)
	  around 16 pop topics tiles */
	.pop-topics-landing-page-tile-group>div.feature-box{
		width: 1000px;
	}
	/*search box on all pages EXCEPT front page*/
	#block-block-72 > #ncpedia-google-search-form > div.input-group{
		width: 295px;
		float: right;
		padding: 10px 0px;
	}
	/*county statistics field*/
	.field-name-field-county-statistics{
		float: right;
		width: 20em;
		margin: 0px 20px;
		padding: 0px 10px 20px;
		background-color: rgb(226, 226, 226);
		border: 2px solid rgb(0, 12, 80);
	}

	.resource-image {
		float:left;
	}

	/*footer menu block
	  not an actual menu */
	#block-block-87 {
		width:325px;
	}
	/*tweets block
	  generated by a view */
	#block-views-tweets-block{
		width:325px;
	}
	/*social media icons block*/
	#block-block-88 {
		float:right;
		text-align: center;
		width:325px;
	}
}
@media screen and (min-width:1200px){
	/*popular topics region
	  only on front page */
	.region-popular-topics{
		padding: 0px 15px;
		text-align: center;
		display: inline-block;
		width: 100%;
	}
	/*popular topics block*/
	#block-block-74{
		text-align:center;
		width: 100%
	}
	/*pop topics block
	  wrapper for pop topics tiles */
	#block-block-74>div.feature-box{
		text-align:center;
		display:inline-block;
		padding: 5px 0px 25px;
		width: 100%;
		/*max-width:1000px;*/
	}
	/*in pop topics block (block-block-74)
	  tile image wrapper */
	.popular-topics-image{
		max-width:150px;
	}
	/*tile image caption wrapper
	  used in pop topics tiles and on landing pages */
	.tile-image-caption-container{
		max-width: 150px;
		vertical-align:top;
		margin: 0px 15px;
	}
	/*explore region
	  only on front page */
	.region-explore{
                display: flex;
                justify-content: space-between;
		margin-top: 10px;
		padding: 0px 15px;
		text-align: center;
		
	}
	/*This Day in NC History block */
	#block-ncpedia-agg-nchistory {
		width: 30%;
		height:335px;
		float: left;
	}
	/*Explore NCpedia box w/search box (large)*/
	#block-block-75 {
		width: 47%;
		height:335px;
		float:left;
		margin: 0px 15px;
		display: inline-block;
	}
	/*Explore NCpedia block (large)
	  style h2 (Explore NCpedia by...) text */
	#block-block-75>h2 {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	/*Explore NCpedia box w/search box (small)*/
	#block-block-90 {
		display: none;
	}
	/*Featured article block styling*/
	#block-block-76 {
		width: 32%;
		height:335px;
		
	}
	/*featured article block
	  block title styling */
	#block-block-76>h2.block-title{
		margin-top: 0px;
	}
	/*in block-block-76 - featured article block
	  single article snippet */
	p.featured-article-snippet{
		width: 85%;
		display: inline-block;
	}
	/*what's new block*/
	#block-block-77{
		width: 32%;
		height: 335px;
		
	}

        /*Added 2021-01-22. Styling for block 107*/
        #block-block-107{
                width: 32%;
                height: 335px;
        }

	/*what's new block
	  wrapper for trio of articles */
	#block-77>div.feature-box{
		width: 85%;
	}
	/*what's new block (block-block-77)
	  single article wrapper */
	.new-article-single{
		width: 250px;
	}
	/*what's new block (block-block-77)
	  single article image wrapper */
 	.new-article-image{
		height: 150px;
	}
	/*wrapper for landing page tiles
	  used on landing pages only
	  number of tiles varies by page */
	.landing-page-tile-group{
		text-align: center;
	}
	/*landing page tile image */
	.landing-page-image{
		width: 180px;
	}
	/*inner wrapper for landing page tiles */
	.landing-page-tile-group>div.feature-box{
		width: 800px;
		text-align: center;
		display: inline-block;
	}
	/*wrapper on pop topics page (node/12022)
	  around 16 pop topics tiles */
	.pop-topics-landing-page-tile-group>div.feature-box{
		width: 1000px;
	}
	/*search box on all pages EXCEPT front page*/
	#block-block-72 > #ncpedia-google-search-form > div.input-group{
		width: 295px;
		float: right; 
                /* margin: auto; */
		padding: 10px 0px;
	}

	/*county statistics field*/
	.field-name-field-county-statistics{
		float: right;
		width: 20em;
		margin: 0px 20px;
		padding: 0px 10px 20px;
		background-color: rgb(226, 226, 226);
		border: 2px solid rgb(0, 12, 80);
	}
	/*comment form wrapper */
	#comment-form{
	width: 50%;
	}

	.resource-image {
		float:left;
	}

	/*footer menu block
	  not an actual menu */
	#block-block-87 {
		width:325px;
	}
	/*tweets block
	  generated by a view */
	#block-views-tweets-block {
		width:325px;
	}
	/*social media icons block */
	#block-block-88 {
		width:325px;
		float:right;
	}
}

@media screen and and (max-width:991px){
	.pane-node-book-menu {
		display: hidden;
	}
}