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

/* Pathways website */
/* These rules are enqueued in the child theme's functions.php - DO NOT paste into WP Additional CSS */


/* LINKS */

/* apply Blocksy Type 4 link styling to all entry-content, not just paragraphs */
/* snippet sent by Blocksy - revised by Brenda 5/29/22 */
[data-link='type-4'] .entry-content a {
    background-position: var(--has-link-decoration, 0% 100%);
    background-repeat: var(--has-link-decoration, no-repeat);
	background-size: var(--has-link-decoration, 100% 1px);
	background-image: var(--has-link-decoration, linear-gradient(currentColor, currentColor));
}
[data-link='type-4'] .entry-content 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)));
}
/* different link style for images */
[data-link='type-4'] .entry-content .wp-block-stackable-image a {
	background-size: var(--has-link-decoration, 0% 0px) !important;
}
[data-link='type-4'] .entry-content .wp-block-stackable-image a:hover {
    filter: brightness(85%);
}


/* LISTS */

#main article ul {
    list-style-type: square;
    padding-inline-start: 1.2em;
    margin: 0
}

#main article li {
    margin: 0.2em 0;
}


/* HEADER BORDER BOTTOM */

#header { border-bottom: 1px #d5d5df solid; }
body.home #header { border-bottom: none !important; }
body.page-id-3871 #header { border-bottom: none !important; }  /* temp for Jon's static page */
body.page-id-3876 #header { border-bottom: none !important; }  /* temp for Jon's parallax page */
body.page-id-3922 #header { border-bottom: none !important; }  /* temp for home-new-splash */
body.page-id-4568 #header { border-bottom: none !important; }  /* temp for home-with-stackable-carousel */


/* HOMEPAGE ANIMATION */

@keyframes animate-fade {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

/* upper Columns block, Inner Column */
.animate-top {
  animation-name: animate-fade;
  animation-delay: 6s;
  animation-duration: 4s;
  animation-fill-mode: backwards;
}

/* lower Columns block */
.animate-bottom {
  animation-name: animate-fade;
  animation-delay: 7s;
  animation-duration: 3s;
  animation-fill-mode: backwards;
}


/* HOMEPAGE SLIDESHOW - cfa-slideshow applied to Additional CSS Classes on Columns block */

.cfa-slideshow * { max-height: calc( 100vh - 80px ); }
.logged-in .cfa-slideshow * { max-height: calc( 100vh - 112px ); }

.wp-block-stackable-carousel figure { aspect-ratio: 16 / 9; margin: 0; }

.wp-block-stackable-carousel img {
	aspect-ratio: 16 / 9;
    object-fit: cover;
	width: 100%;
	height: auto;
	margin: 0;
}

.wp-block-stackable-carousel figcaption {
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: linear-gradient( 0deg, var(--paletteColor3, #181818) 0, rgba(10, 0,  0, 0) 100% );
	color: #ffffff;
    font-weight: bold;
    padding: 24px 18px 12px;
	line-height: 17px;
	font-size: 15px;
}

@media (min-width: 690px) and (max-width: 999px) {
    .wp-block-stackable-carousel figcaption {
        padding: 42px 60px 40px;
    	line-height: 28px;
    	font-size: 21px;
    }
}

@media (min-width: 1000px) {
    .wp-block-stackable-carousel figcaption {
        padding: 42px 60px 40px;
    	line-height: 34px;
    	font-size: 24px;
    }
}


/* HOMEPAGE CONTAINER WIDTHS */

.portland { max-width: 80% !important; }
@media (max-width: 689px) { .portland { max-width: 90% !important; } }

/* constrain size if wider than 19:13 (approx laptop viewport aspect ratio) so the height fits */
@media (min-aspect-ratio: 19/13) {
    .portland { max-width: 60% !important; }
}


/* HOMEPAGE INTERVIEWS - VIDEO POPUPS */

.wp-block-stackable-video-popup .wp-block-stackable-image {
    width: 100% !important;
    height: auto !important;
}

.static { position: absolute; }
.wp-block-stackable-video-popup:hover .static { opacity: 0; }
.wp-block-stackable-video-popup { margin-bottom: 0 !important; }


/* RESOURCES */

#resources .wp-block-stackable-columns .wp-block-stackable-columns {
    margin-top: 1em !important;
    margin-bottom: 0 !important;
}

#resources .sublist .wp-block-stackable-columns {
    margin-top: 0 !important;
}

#resources .sublist .wp-block-stackable-columns .wp-block-stackable-columns {
    margin-top: 0.8em !important;
}

#resources h2 {
    margin: 0 0 0.5em;
    font-size: 1.6rem !important;
}

#resources h3 {
    margin: 0 0 0.5em;
    font-size: 1rem;
}

#resources h4 {
    margin: 0 0 0.5em;
    font-size: 1rem;
}

#resources p {
    margin: 0 0 0.4em !important;
}

#resources li {
    margin: 0 !important;
}

#resources p,
#resources li {
    font-family: Montserrat !important;
    font-weight: normal !important;
    font-size: 0.9rem !important;
}

#resources p.has-small-font-size {
    font-size: 0.8rem !important;
}


/* TRANSCRIPTS */

.cfa-transcript p {
    margin: 0.6em 0 0 !important;
    font-family: Montserrat;
    font-weight: normal;
    font-size: 0.9rem;
}

.cfa-transcript p.cfa-speaker {
    margin-top: 2em !important;
    text-transform: uppercase;
    color: #10002B;
    font-weight: bold;
    font-size: 0.7rem;
}

@media (max-width: 689px) {
    .cfa-transcript p { font-size: 1rem; }
    .cfa-transcript p.cfa-speaker { font-size: 0.8rem; }
}