/*
Theme Name: Twenty Twenty-Five Child
Theme URI: 
Author: 
Author URI: 
Description: Twenty Twenty-Five Child
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: twenty-twenty-five-child
Tags: 
*/

/*
@import url('https://fonts.googleapis.com/css2?family=Chewy:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playpen+Sans:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');
*/
/* transparent header */
/*
header {
    height: 0px;
    z-index: 100;
}

header .wp-block-group {
    position: relative;
    z-index: 200;
}


.wp-block-cover {
    z-index: -1;
}


body {
    font-size: 20px;
    line-height: 1.7rem;
}

h1, h2,h3,h4,h5,h6 {
    font-family: Chewy;
}

nav {
    font-family: 'Playpen Sans';
}
    */

/*
.wp-block-navigation__submenu-container a {
  background-color: #112233;
  border: none;
}

.wp-block-navigation__submenu-container a span {
  color: #eee;
}
  */

/* Hide blocks while testing */
body:not(.wp-admin) .hidden-block { 
    display: none; 
}

/*
:root :where(.is-layout-flow) > * {
  margin-block-start: 0rem;
}
  */

/* prevent a gap above the footer */ 
/*
:where(.wp-site-blocks) > * {
  margin-block-start: 0rem;
  margin-block-end: 0;
}
  */

/* Scroll top */
html {
     scroll-behavior: smooth;
}

#scroll_to_top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    background-color: rgb(81, 184, 21);
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    /* Add transition for opacity */
}

#scroll_to_top.show {
    opacity: 1;
}

/* Scroll to content */
#scroll_to_content {
    position: relative;
    top: -200px;
    margin: 0 auto;
    width: 80px;
    height: 0px;
    cursor: pointer;
    opacity: 1;
    transition: opacity 0.6s ease-in-out;
    /* Add transition for opacity */
}

#scroll_to_content svg {
    fill:white;
}

#scroll_to_content.show {
    opacity: 1;
}

/* Accordion */
summary::marker, summary::-webkit-details-marker {
    content: "";
    display: none;
}

summary {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    outline:none; /* hide the focus outline */
    color: black;
    background-color: #eee;
}

summary::after {
	content: "";
	background-image: url(arrow-down.svg);
	width: 30px;
	height: 30px;
    filter: invert(100%);
	background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transition: 0.2s;
}

[open] summary::after {
    rotate: 180deg;
    transition: 0.2s;
}
/*
.wp-block-details {
    background-color: #fefefe;
    border: 3px solid #eee;
    transition: 2.2s ease-in-out;
}

.wp-block-details > p {
    padding: 10px;
}


.main-homepage-video-block {
    max-width: 1000px;
}

.material-symbols-outlined {
    font-size: 40px;
    float: right;
    overflow: hidden;
    color:dodgerblue;
}

@media screen and (min-width: 800px) {
    .material-symbols-outlined {
        position: relative;
        top: -20px;
    }
}
*/

/* Zoomable images */
/*
.image-container {
    width: 400px;
    height: 300px;
    overflow: hidden;
    border: 1px solid #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp-block-cover__image-background {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 8s ease-in-out;
    transform: scale(1.0); 
}

.wp-block-cover__image-background.zoomed {
    transform: scale(1.1); 
}
*/
.image-wrap {
    clear: both;
    border-bottom: #eee solid 1px;
    margin-top: 30px;
    padding-bottom: 50px;
    min-height: 400px;
}

.image-wrap h2 {
    margin-bottom: 2rem;
}

.image-wrap img {
  float: left;
  margin: 0 40px 20px 0;
  max-width: 400px;
  height: auto;
}

.image-wrap p {
    margin-bottom: 30px;
}

@media screen and (max-width: 1200px) {
    .image-wrap img {
        max-width: 100%;
    }
}

/* The Main Page Group is positioned up a little */
.main-page-group {
    position: relative;
    top:-120px;
    padding: 40px 20px;
    background-color: white;
    z-index: 3;
}

.main-page-group h2 {
    color: green;

}


/* Limit the number of lines in a block */
.excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 3; /* Number of lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.excerpt-10 {
  display: -webkit-box;
  -webkit-line-clamp: 10; /* Number of lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.can-enlarge-on-hover:hover {
    transform: scale(1.05,1.05);
    transition: 0.2s ease-in-out;
    z-index: 200;
}

/* Countdown Timer */
.pwd-countdown-div {
    background-color: rgb(207, 139, 38);
    color: white;
    font-weight: bold;
    font-size: 10px;
    padding: 20px;
    display: inline-block;    
    text-align: center;
}

.pwd-countdown-span {
    color: white;
    font-family: 'Courier New', Courier, monospace;
    font-weight: bold;
    font-size: 30px;
    padding: 20px;
}

@media screen and (max-width: 600px) {   
    .pwd-countdown-div {
        padding: 10px;
    }
    .pwd-countdown-span {
        font-size: 20px;
        padding: 5px;
    }
}

/* */
input::placeholder {
  color: gray;
  font-style: italic;
  opacity: 0.8;
}

.scheduled-event {
    font-size: smaller;
    line-height: 1rem;
    background-color: #eeeeee;
    padding: 10px;
    border-radius: 10px 10px;
    margin: 0 auto;
    margin-bottom: 20px;
    overflow: hidden;
    max-width: 1000px;
}

.scheduled-event span {
    height: 40px;
}

table.graphic { background-color:#fafafa; border:solid 1px #ddd; font-size:10px; width:100%; }
table.graphic th { border:solid 1px #eee; height:20px; vertical-align:middle; padding:4px; font-size:10px; }
table.graphic td { border:solid 1px #f3f3f3; border-left:none; vertical-align:top; padding:4px; position:relative; }
table.graphic div { background-color:#eee; vertical-align:top;  top:0px; left:0px; height:20px; border:solid 1px #aaa; padding:3px; font-size:12px; border-radius: 10px 10px; }