/*
 Theme Name:   Blocksy Child
 Theme URI:    https://cornershopcreative.com
 Description:  Child theme of Blocksy crafted by Cornershop for [Client Name]
 Author:       Cornershop Creative
 Author URI:   https://cornershopcreative.com
 Template:     blocksy
 Version:      1.0.0
 Text Domain:  crate-child
*/



/* general block fixes */

img:not(.ct-footer img, .ct-header img) {
	background:#fff;
}

ul li {
	padding: 5px 0;
}
.wp-block-stackable-accordion ul {
	padding-top:20px;
}

[data-vertical-spacing*=bottom] {
    padding-bottom: 0;
}

.stk-block-subtitle__text {
	line-height:60px;
	letter-spacing: 2.4px;
}

.homepagesidebar .stk-block-subtitle__text {
	line-height:24px!important;
}

sup {
	top: -1.3em;
	font-size:24px
}

.gform-button {
	background:#C14438!important;
		border: 1px solid #C14438!important;
		border-top-left-radius:0!important;
		border-bottom-left-radius:0!important;
	}
.gform-button:hover {
	background:#FFF!important;
	color:#C14438!important;
}

.wp-block-stackable-button-group {
	.stk-inner-blocks {
		gap:20px!important;
	}
	.stk-button:not(.wp-block-stackable-icon-button .stk-button) {
		border:1px #C14438 solid;
		height:48px;
	}
	.stk-button:hover {
		span {
			color:#C14438!important;
		}
		background:#fff!important;
	}
}

.stk-column-wrapper {
	margin:0!important;
}

.stk-button-group {
background:transparent!important;
	border:none!important;
}

#main .ct-container-full {
	padding-bottom:0;
}

.stk-block-column:not(.nobackground) {
	background:#fff;
}

/* image filters */

img:not(.logoblock img, .noblueshade img, .wp-block-post-featured-image img, .ct-media-container img, .staffpostblock img) {
	filter: grayscale(100%);
}

.staffpostblock .staffposts img {
	filter:none!important;
} 
.stk-img-wrapper:not(.noblueshade .stk-img-wrapper, .logoblock .stk-img-wrapper)::after{
    background-color: #132343;
		mix-blend-mode: screen!important;
}
.stk-img-wrapper {
    --stk-gradient-overlay: 1 !important;
}

.backgroundoverlay {
		background-color: #132343;
  	background-blend-mode: screen;
	}

.imgtxtfeatmultirow .backgroundoverlay .stk-block-column__content {
	background-color: #132343;
  	background-blend-mode: screen;
}

/* section alignment */

.interiorhero, .twocolumnrow, .postsblock, .singlecolumnrow, .imgtxtfeatmultirow, .postsblock  {
	margin-top:-1px!important
}

.postsblock .stk-row {
 margin-top:-1px!important;
}

.wp-block-stackable-columns.aligncenter, .wp-block-stackable-columns.alignfull {
	margin-top:-1px!important;
	margin-bottom:0px!important;
}

/* section borders */

.noborder .stk-row {
	border:none!important;
}

.wp-block-stackable-columns.aligncenter .stk-row:first-child:not(.logoblock-inner .stk-row, .cardsblock-inner .stk-row, .wp-block-stackable-accordion .stk-row) {
	border:1px solid #7687A8;
	/*border-bottom:0;*/
}

.twocolumnrow:not(.nogap) .stk-row:not(.stk-button-group), .interiorhero .stk-row:not(.stk-button-group) {
	gap: 1px!important;
  background: #7687A8;
}

.postsblock .stk-block-posts__items {
	gap: 1px!important;
  background: #7687A8;
}

.postsblock ul {
	gap: 1px;
	background:#7687A8;
	border-bottom: 1px solid #7687A8;
}

.cardsblock .cardsblock-inner > .stk-row {
	gap: 1px!important;
  background: #7687A8;
}

.stackedrows .stk-row {
	gap: 1px!important;
  background: #7687A8;
}


/* CUSTOM BLOCKS */

.interiorhero > .stk-row > .wp-block-stackable-column {
	padding:20px;
}

.staffpostblock {
	.stk-row {
		padding:20px;
	}
	img:not(.stateflag img) {
		aspect-ratio: 1 / 1;
		width:100%;
	}
	.readmore a {
		font-size:50px;
		line-height: 0.5;
		background:transparent;
		height:50px;
	}
	.readmore {
		font-size:50px;
		height:50px;
		margin:0 auto;
		line-height: 10px;
	}
	.readmore:hover {
		transform: translateY(-6px);
		transition: transform 0.3s ease-in-out;
	}
	.fwpl-result {
		padding-bottom:40px;
	}
	.membername {
		padding-top:10px;
	}
	.membername a {
		font-family: Instrument Serif, Sans-Serif!important;
		line-height:34px;
	}
	.fwpl-layout {
		grid-gap:20px!important;
	}
	.facetwp-type-checkboxes .facetwp-checkbox {
		display:inline-block;
		margin:20px;
		span {
			font-family:'Instrument Serif', Sans-Serif;
			font-size:24px;
			color: #132343;
		}
	}
}

/* ballots & battlegrounds */
.ballotsbattle {
	.membername, .stateflag {
	display:inline-block;
	padding: 10px 10px;
	}
	.membertitle {
		padding-top:20px;
	}
}

@media screen and (max-width: 481px) {
	.staffpostblock .fwpl-layout {
		grid-template-columns: repeat(1, 1fr)!important;
	}
}

@media screen and (max-width: 782px) and (min-width: 481px) {
	.staffpostblock .fwpl-layout {
		grid-template-columns: repeat(2, 1fr)!important;
	}
}

@media screen and (max-width: 999px) and (min-width: 783px) {
	.staffpostblock .fwpl-layout {
		grid-template-columns: repeat(3, 1fr)!important;
	}
}

@media screen and (max-width: 999px) and (min-width: 783px) {
	.ballotsbattle .fwpl-layout {
		grid-template-columns: repeat(2, 1fr)!important;
	}
}

@media screen and (max-width: 782px) {
	.ballotsbattle .fwpl-layout {
		grid-template-columns: repeat(1, 1fr)!important;
	}
}



.logoblock {
	img {
		background:#fff;
	}
}

.cardsblock .cardsblock-inner .stk-column:hover {
	background:#132343;
	.stk-block-heading__text {
		color:#fff!important;
	}
	p {
		color:#fff!important;
	}
}

.cardsblock-home {
	a {
		color:#C14438;
		text-transform:uppercase;
	}
	a:hover {
		color:#132343;
	}
	.stk-block-heading__text, p {
		padding:0 15px;
	}
}

.postsblock-home {
	.stk-container {
		margin:0;
	}
	.stk-block-posts__readmore {
		text-decoration:underline!important;
		padding:0 15px;
		letter-spacing:2.5px;
	}
	.stk-block-posts__title, .stk-block-posts__excerpt {
		padding:0 15px;
	}
	.stk-block-posts__readmore:hover {
		color:#132343!important;
	}
	.stk-block-posts__category {
		color:#fff;
		padding:0 15px;
	}
	.stk-block-posts__category a {
	background:#132343;
	border: 1px solid #132343;
	color:#fff;
	padding: 1px 10px;
	border-radius:4px;
}
.stk-block-posts__category a:hover {
	background:#FFF;
	color:#132343;
}
}

.postsblock .stk-block-posts__item{
	padding:15px;
	background:#fff;
	.stk-container {
		background: transparent;
	}
}

.postsblock ul {
	li {
	padding:20px;
	margin-bottom:0!important;
	background:#fff;
	}
}

.postsblock ul li:hover {
	background:#132343;
	.stk-block-posts__excerpt {
		color:#fff;
	}
	.stk-block-posts__title a, .wp-block-post-title {
		color:#fff!important;
	}
	time, .stk-block-posts__meta, .wp-block-post-author__name {
		color:#fff!important;
	}
}

@media screen and (max-width: 900px) and (min-width: 481px) {
	.postsblock ul {
		grid-template-columns: repeat(2, 1fr)!important;
	}
}


.homepagesidebar p {
	text-transform:uppercase;
	color: #132343;
	padding:10px 0;
}
.homepagesidebar a {
	text-decoration:none;
}

.homepagesidebar a:hover {
	text-decoration:underline;
}

.sticky .stk-column-wrapper {
  position: sticky;
  top: 150px;
}

.homehero {
	.homeheronoborders .stk-row {
		border:0!important;
	}
	.stk-row {
		gap:0!important;
	}
	.homeherobackground {
		background-color: #132343;
  	background-blend-mode: screen;
	}
}



.fullbackgroundfeat {
	align-items: flex-end;
  display: flex;
	background-color: #132343;
  background-blend-mode: screen;
}



.quoteblock blockquote {
	display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 100px;
  padding-bottom: 50px;
	background-position: 50% 10px!important;
  background-repeat: no-repeat;
  background-size: 15%!important;
}

/* blog single */

.blogsingleheader .taxonomy-category {
	padding-top:10px;
	.wp-block-post-terms__separator {
		display:none;
	}
}
.blogsingleheader .taxonomy-category a {
	background:#C14438;
	border: 1px solid #C14438;
	color:#fff;
	padding: 5px 10px;
	border-radius:4px;
	margin:5px;
}
.blogsingleheader .taxonomy-category a:hover {
	background:#FFF;
	color:#C14438;
}

/* search results */
.search-results {
	.ct-container {
		padding-top:0;
	}
	.hero-section {
		border-left: 1px solid #7687A8;
		border-right: 1px solid #7687A8;
		margin-bottom: 0;
		height: 200px;
		padding:90px 30px;
	}
	.entries {
		gap:20px;;
		border: 1px solid #7687A8!important;
		padding:20px 20px 70px 20px;
	}
	.entry-card {
		background:#FFF5F4;
		padding:20px;
	} 
	.entry-button {
		letter-spacing:2.5px;
		text-transform:uppercase;
	} 
	.entry-button:hover {
		text-decoration:underline;
	} 
}
		
		



/* blog archive */

.postsblock .stk-block-posts__category {
	color:#fff;
}
.postsblock .stk-block-posts__meta {
	margin-bottom:10px!important;
}
.postsblock .stk-block-posts__category, .postsblock .taxonomy-category a, .wp-block-query-pagination a {
	background:#C14438;
	border: 1px solid #C14438;
	color:#fff;
	padding: 2px 10px;
	border-radius:4px;
}
.postsblock .stk-block-posts__category a:hover, .postsblock .taxonomy-category a:hover, .wp-block-query-pagination a:hover {
	background:#FFF;
	color:#C14438;
	border: 1px solid #C14438;
}

.postsblock .wp-block-query-pagination {
	padding:50px;
	a {
		padding:12px 16px;
	}
	.wp-block-query-pagination-previous, .wp-block-query-pagination-next {
		padding:9px 16px;
	}
}

.postsblock .page-numbers.current {
	background:#FFF;
	color:#C14438;
	border: 1px solid #C14438;
	padding: 12px 16px;
	border-radius:4px;
}

.postsblock .stk-block-posts__item:hover {
	.stk-block-posts__category {
	color:#132343!important;
}
}


/* footer */

.ct-footer [data-row*="middle"] .ct-container {
	border-top:none;
}

.ct-footer {
	a {
	color:#fff;
	}
	a:hover {
	color:#C14438;
	}
	.ct-footer-copyright {
		
	}
}

.ct-footer {
	.stk-block-content {
		color:#fff!important;
	}
	.wp-block-stackable-column {
		background:#132343;
	}
	.ct-container-fluid {
		width:100%;
	}
	form {
		height:48px;
	}
	.gform_fields {
		gap:0!important;
		input[type='text'] {
			border-top-right-radius:0!important;
			border-bottom-right-radius:0!important;
			border:none;!important;
		}
	}
}



@media screen and (max-width: 640px) {
	.ct-footer .gform_fields {
		display:flex!important;
	}
	.gform_wrapper {
		padding-top:20px;
	}
	.gfield--type-text {
		grid-column: 1 / 5!important;
	}
	.gfield--type-submit {
		grid-column: 5 / 12!important;
	}
}


/* TOP-LEVEL items */
#menu-main-menu > li > a.ct-menu-link:hover,
#menu-main-menu > li > a.ct-menu-link:focus {
  text-decoration: underline !important;
  text-decoration-color: #fff !important;
  text-decoration-thickness: 2px;
  text-underline-offset: 6px; /* push it away from text a bit */
}

/* DROPDOWN items */
#menu-main-menu .sub-menu a.ct-menu-link:hover,
#menu-main-menu .sub-menu a.ct-menu-link:focus {
  text-decoration: underline !important;
  text-decoration-color: #fff !important;
  text-decoration-thickness: 2px;
  text-underline-offset: 6px;
}