/* temporary solution; remove after blog feat image layout is modified */

#post-1801 > div.post-thumbnail,
#post-1875 > div.post-thumbnail,
#post-2113 > div.post-thumbnail,
#post-2174 > div.post-thumbnail,
#post-2401 > div.post-thumbnail,
#post-3377 > div.post-thumbnail,
#post-3674 > div.post-thumbnail,
#post-3893 > div.post-thumbnail
{
  display: none;
}

/* double margin below buttons as needed */

.button_link_spacious > a {
	margin-bottom: 3rem
}

/* group and hide content */
div.wp-block-group-hidden {
	display: none
}

/* zero bottom margin on select columns group */
div.wp-block-columns.no-bottom-margin, div.wp-block-cover.no-bottom-margin {
	margin-bottom: 0	
}

/* reduce column width for icon use */
div.wp-block-media-text.has-reduced-column-width {
    grid-template-columns: 10% auto !important;
}

/* add text-shadow to select block headings as with cover blocks */

h2.has-text-shadow, 
h3.has-text-shadow,
p.has-text-shadow {
	text-shadow: 1px 1px 1px #485257;
}

/* add border to last paragraph before footnotes section in post */

.last-graph-has-border {
	padding-bottom: 1.25em;
	border-bottom: 1px solid #ddd
}

/* add border option for text-box headings */

.has-bottom-border.gray-thin {
	border-bottom: 1px solid #ddd;
	margin-bottom: 1.5em
}

/* add trailing quotation mark for pullquotes */

.has-large-right-quote-mark p:after {
	content: '\f10e';
	display: inline-block;
	font: var(--fa-font-solid);
	padding-left: 0.25em;
	text-rendering: auto
}

/* increase font weight for headings in column blocks */

.has-bolder-headings h3 {
	font-weight: 500;
}

.is-lead-graph {
	font-size: 1.25em
}

/* enforce max width on columns holding trust icons */

.no-column-gap.has-max-width-288 {
	max-width: 288px;
}


/* improve smoothness of sub-menu box-shadow */

.main-navigation ul ul {
  box-shadow: 0 1px 1px rgba(0,0,0,0.11), 0 2px 2px rgba(0,0,0,0.11), 0 4px 4px rgba(0,0,0,0.11), 0 6px 8px rgba(0,0,0,0.11), 0 8px 16px rgba(0,0,0,0.11) !important;
} 


/* next two rules are temporary resolution for sub-menu display issue on small screens */

@media screen and (max-width: 59em) {

  .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
    display: block !important;
    left: 100%
  }

  .main-navigation ul ul a {
    max-width: 212px !important;
  }
}