/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

 :root {
	--abcd-border-radius: 15px;

}

.CodeMirror{
	font-size: 14px;
}

/* opt in to page transitions for browsers that support them */
@view-transition {
  navigation: auto;
}

/*
.global-box-shadow {
box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

*/

/*.entries .entry-card, 
.ct-dynamic-filter[data-type=buttons] a, .gspb_iconBox_wrapper  {
box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
*/


@media (min-width: 690px) {
  [data-archive="default"][data-layout="simple"][data-cards="boxed"] .entry-card .boundless-image {
    width: 100%;
    margin-bottom: calc(var(--card-inner-spacing, 27px)*-1);
  }
}


.biography-section a {
	color: var(--theme-palette-color-3);
}

.biography-section a:hover {
	color: var(--theme-palette-color-6);
}

.hero-headshot-raised img {
 filter: drop-shadow(2px 2px 3px #00000075);
}

.headshot-shadow img {
filter: drop-shadow(2px 2px 3px #00000075);
}


.gspb_shape-divider-container.gspb_shape-divider-container--bottom svg {
    filter: drop-shadow(2px 2px 4px grey);
}

h2.wp-block-heading.abcd-big-section::after {
	content:attr(h2) !mportant;

}


p a {
	font-weight: bolder;
}

/*
a:not([href*='ascendantbits.com'])::after {
}
*/

/* animated bits */


.circle {
  fill: #7E00B8;
  animation: moveUp 4s linear infinite;
}

.circle2 {
  fill: #FEB400;
  animation: moveUp 8s linear infinite;
}

.circle3 {
  fill: #F8000D;
  animation: moveUp 6s linear infinite;
}

@keyframes moveUp {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateY(-100%);
    opacity: 0;
  }
}


.inline-code-format {
	font-family: courier;
	background: #dfdddb;
	padding: 10px;
	border-radius: 0 0 5px 5px;
}

.inline-code-header {
	font-size: small;
	margin-bottom: 0;
	background: #dfdddb;
	padding-top: 5px;
	padding-left: 10px;
	border-radius: 5px 5px 0 0;
}

pre, code, samp, kbd {
	tab-size: 4;
	border-radius: 3px;
	background: #dfdddb;
}

/* remove google recaptcha logo */
.grecaptcha-badge { 
    visibility: hidden;
}


/* style RM TOC to match other site links */

#rank-math-toc nav ul li > a
{
	//font-weight: 700;
}

#rank-math-toc nav ul li > a:hover
{
	color: var(--has-link-decoration, #fff);
	background-size: var(--has-link-decoration, 100% 100%);
	background-image: var(--has-link-decoration, linear-gradient(var(--theme-link-hover-color), var(--theme-link-hover-color)));
}


/* --- Base Grid Setup (.entries container) --- */
.entries {
    display: grid;
    /* 3x3 Grid */
    grid-template-columns: repeat(3, 1fr);
/*     grid-template-rows: repeat(3, 1fr); */
  gap: 15px; /* 15px gap between all items */ 
    min-height: 500px; /* Example height */
}

/* --- Fixed 5-Post Layout Rules --- */

/* Post 1: Spans 2 columns, 2 rows */
.entry-card:nth-child(1) { 
    grid-column: span 2; 
    grid-row: span 2; 
}

/* Post 2: Col 3, Row 1 */
.entry-card:nth-child(2) { 
    grid-column: 3; 
    grid-row: 1; 
}

/* Post 3: Col 3, Row 2 */
.entry-card:nth-child(3) { 
    grid-column: 3; 
    grid-row: 2; 
}

/* Post 4: Col 1, Row 3 */
.entry-card:nth-child(4) { 
    grid-column: 1; 
    grid-row: 3; 
}

/* Post 5: Spans Col 2 & 3, Row 3 */
.entry-card:nth-child(5) { 
    grid-column: 2 / 4; 
    grid-row: 3; 
}

/* --- Media Query for Tablet/Phone Breakpoints (One Column) --- */
@media (max-width: 1024px) {
    /* 1. Reset the container grid */
    .entries {
        /* Collapse to a single column */
        grid-template-columns: 1fr;
        /* Rows will be auto-sized */
        grid-template-rows: auto;
    }

    /* 2. Overwrite ALL desktop placement rules */
    /* We use the generic class and the nth-child selectors to ensure high specificity */
    .entry-card,
    .entry-card:nth-child(1),
    .entry-card:nth-child(2),
    .entry-card:nth-child(3),
    .entry-card:nth-child(4),
    .entry-card:nth-child(5) {
        /* Reset explicit spans and placements from desktop rules */
        grid-column: auto !important; /* Force column reset */
        grid-row: auto !important;   /* Force row reset */
    }

    /* 3. Force all items to take the full width */
    .entry-card {
        grid-column: 1 / -1 !important; /* Start at column 1, end at the last column line (-1) */
        /* grid-row: auto is inherited from above, ensuring vertical stack */
    }
}

/* move the category pills */
[data-archive="default"] .card-content .entry-meta[data-id="dkffUY"]
{
	position: absolute;
/*   top: 25px; */
/* 	right: 30px; */
}

[data-prefix="categories"] [data-archive="default"] .card-content .entry-meta[data-id="meta_1"], [data-prefix="search"] [data-archive="default"] .card-content .entry-meta[data-id="meta_2"]
{
	position: absolute;
	top: 25px;
	right: 30px	
}

/* .ct-dynamic-filter[data-type=buttons] a {
	border: solid 1px var(--theme-palette-color-6);
}

.ct-dynamic-filter[data-type=buttons] a.active, .ct-dynamic-filter[data-type=buttons] a:hover {
	border:solid 1px white !important;
} */


/* css to swap images when switching between light and dark mode */

/* Show light image by default */
.abcd-light-mode-image {
  display: block;
}
.abcd-dark-mode-image {
  display: none;
}

/* Show light image by default */
.light-mode-image {
  display: block;
}
.dark-mode-image {
  display: none;
}

/* When Blocksy dark mode is active */
[data-color-mode="dark"] .abcd-light-mode-image {
  display: none;
}
[data-color-mode="dark"] .abcd-dark-mode-image {
  display: block;
}


/* place a gradient over the image to allow light text over image */
.ct-featured-image .ct-media-container:after, article .ct-media-container:after {
content: "";
position: absolute;
display: block;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.4) 100%) repeat  0 0;
z-index: 1;

}

@media (max-width: 690px) {
	.ct-featured-image .ct-media-container img {
		aspect-ratio: 1 / 1 !important;
		object-fit: cover;
		width: 100%;
		height: auto;

	}
}

.jet-form-builder-row.field-has-error .error-message {
    color: var(--theme-palette-color-6);
    font-size: 0.9rem;
}

blockquote:where(:not(.is-style-plain)):where(:not(.has-text-align-center):not(.has-text-align-right)) {
    border-inline-start: 4px solid var(--theme-palette-color-6);
}

/* filebird document library styles  */
.fbdl-title svg path {
	fill:  var(--wp--preset--color--palette-color-6) !important;
}

th.fbdl-table-first-header, th.fbdl-table-header, 
th.fbdl-table-last-header {
/* 	background-color:  var(--wp--preset--color--palette-color-7) !important; */
	background-color: unset !important;
}

#filebird-document-library div.fbdl-listview-wrapper {
	background-color: unset !important;
}

#filebird-document-library div.fbdl-listview-container .fbdl-list table.fbdl-table tr td.fbdl-list-last-item a {
	background-color:  var(--wp--preset--color--palette-color-6) !important;
	color:var(--wp--preset--color--palette-color-7) !important;
}

#filebird-document-library div.fbdl-listview-container .fbdl-list table.fbdl-table tr td.fbdl-list-first-item .fbdl-list-item-title > div {
	color:unset !important;	
}

#filebird-document-library div.fbdl-listview-container .fbdl-list table.fbdl-table tr td.fbdl-list-item > div {
	color:unset !important;
}

.floating-cushion {
	filter: drop-shadow(-2px 2px 4px #00000060)
}
