/*  ------------------------------------------------
      Pulling out new styles from the old, cludgy master-1140.css

      TYPE
      ====
      SANS:   "ff-meta-web-pro-1","ff-meta-web-pro-2",Helvetica,Arial,sans-serif
      SERIF:  "ff-meta-serif-web-pro-1", "ff-meta-serif-web-pro-2", Georgia, Times, serif
	*/


/*  ======================
    Homepage styling */
    #nov2023 {
      font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", -apple-system,BlinkMacSystemFont, Helvetica, Arial, sans-serif;
      margin-bottom: 5em;
      padding-bottom: 5em;
      margin-top: 5em;
      padding-top: 5em;
      border-bottom: 1px solid #3e3e3e;
      border-top: 1px solid #3e3e3e;
      
      p { font-size: 2em; }
      ul { margin-bottom: 1em; }
      ul li { font-size: 2em; list-style-type: circle; list-style-position: inside; }
      hr { border-top: 1px solid #333; }
      }
      
		
/*  ======================
    Book pullouts on the homepage */
    .homebooks { 
      margin-top: 5em; 
      
      img { border-radius: 5px; }
      h3 { font-size: 3em; }
      h4 { font-size: 2em; }
      }
    

  .booktour {
    li { margin-bottom: .5em; list-style: disc;}
    span.location { text-transform: uppercase; letter-spacing: 1px; font-size: 0.8em; font-weight: bold;}
    table { width: 100%; font-size: 1.5em; font-family: var(--font-sans); border: none; margin-bottom: 20px;}
    table a { color: #a185ff; border-bottom: 1px dotted #a185ff; text-decoration: none; }
    table a:hover { border-bottom: 1px dotted #fff; }
    td { font-size: 1.2em; padding: 10px; border: none; border-bottom: 1px dotted #dddddd2a; vertical-align: top; }
    th { font-weight: bold; text-align: left; text-transform: uppercase; letter-spacing: 1px; border: none; border-bottom: 3px solid #dddddd2a; padding: 10px; }
  }
/* Not in use in 2025
	#aug2020 {
		font-family: "ff-meta-serif-web-pro-1", "ff-meta-serif-web-pro-2", Georgia, Times, serif;
		margin-bottom: 10em;
		margin-top: 0em;
		}

		#aug2020 h1 { 
			font-size: 3em; 
			font-family: "ff-meta-serif-web-pro-1", "ff-meta-serif-web-pro-2", Georgia, Times, serif;
			text-align: left;
			display: inline-block;
			margin-top:  0em;
			margin-bottom: 0em;
			padding-bottom: 0em;
			padding-top: .2em;
			border-bottom: 0 solid #f7f7f7;
			}

		#aug2020 p { font-size: 2em; }

		#aug2020 .homehero { margin-top: 2em; margin-bottom: 4em; }
		#aug2020 .homehero p { 
			font-size: 3em; 
			font-family: "ff-meta-serif-web-pro-1", "ff-meta-serif-web-pro-2", Georgia, Times, serif;
			text-align: left;
			display: inline-block;
			font-weight: bold;
			line-height: 1.2em;
			}

		#aug2020 ul { margin-bottom: 2em; }
		#aug2020 li { margin-left: 2em; list-style: disc; font-size: 2em; } */


    nav { 
      & .sns { text-align: right; }
      & .sns a svg { fill: #999; transition: fill .5s ease; padding: 0px;}
      & .sns a svg:hover { fill: #d4d4d4; }
    }
	
    /* nav .sns { text-align: right; }
	nav .sns a svg { fill: #999; transition: fill .5s ease; padding: 0px;}
	nav .sns a svg:hover { fill: #000; } */



	.mlsignups { text-align: center; 
      label { font-size: 1.8em; margin-left: .5em; font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", -apple-system,BlinkMacSystemFont, Helvetica, Arial, sans-serif; cursor: pointer; }
      input[type=checkbox] {
        transform: scale(1.2);
        margin-top: 10px;
        margin-left: 5px;
        cursor: pointer;
        }
      & #subForm input[type=email] { font-size: 2em; margin-bottom: .5em; }
      & #subForm button { margin-top: 1em; }
    }
	

	

	.kissabykissa { 
		background-color: #333; 
		color: #fff; 
		font-size: 2em; 
		padding: 1.5em;  
		margin-bottom: 1em;
		text-align: center;
		border-radius: 10px;
		font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", -apple-system,BlinkMacSystemFont, Helvetica, Arial, sans-serif;
		}

	.pachinkosignup {
		text-align: center;
		padding-top: 3em;
		padding-bottom: 3em;
		margin-bottom: 3em;
		margin-top: 3em;
		background-color: #f7f7f7;
		border-radius: 10px;
		}

		@media (prefers-color-scheme: dark) {
			.pachinkosignup {
				background-color: #333;
			} 
		}

		.pachinkosignup .inputwrap { 
			display: inline-block;
			width: 100%;

			}

		.pachinkosignup #subForm input { 
			display: inline-block; 
			width: 60%;
			float: none;
			text-align: center;
			margin-bottom: 1em;
			}


/* PACHINKOROAD FORM STYLE */
  #ff-compose { margin-bottom: 10em;}

  .ff-form .ff-item label { display: inline-block; font-size: 2em; margin-bottom: .5em !important; }
  .ff-form .ff-title { 
    border-top: 0px solid #efefef;
    padding-top: 1em !important;
    margin-top: 3em !important;
    }

  .ff-form .ff-next, .ff-form .ff-submit { background-color: #007AFC !important; }

  .ff-button-bar button {  
    border: none; 
    border-radius: 5px;
    font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", -apple-system,BlinkMacSystemFont, Helvetica, Arial, sans-serif; 
    font-size: 2em !important;
    font-weight: bold;
    }

  .ff-button-bar button img { display: none !important; }

  .ff-form .ff-next:hover, .ff-form .ff-submit:hover {
    box-shadow: none !important;
    background-color: #0064cc　!important;
    }

  .ff-form .ff-file-upload a.addfile, .ff-form .ff-file-upload a.addedfile { 
    padding: 10px 30px !important; 
    font-size: 2em !important;
    color: #333 !important;
    font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", -apple-system,BlinkMacSystemFont, Helvetica, Arial, sans-serif; 
    font-weight: bold;
    }

  .ff-form .form-control { 
    width: 96% !important; 
    font-size: 2em;
    border-radius: 5px;
    border-color: #f7f7f7;
    border-style: solid;

  }
  .ff-form .form-control input { outline: none !important; box-shadow:none;}


/* ------------------------------
	LINKTREE CLONE
	--------------------------- */
	.craigylinks { margin-bottom: 3em; text-align: center; font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", -apple-system,BlinkMacSystemFont, Helvetica, Arial, sans-serif; }
		.craigylinks h2 { font-size: 3em; margin-bottom: 1em;}
		.craigylinks ul li { text-align: center; margin: 0; }
		.craigylinks ul li a { display: block; padding: 20px 10px; background-color: rgba(240, 240, 240); margin-bottom: .5em; border-radius: 10px; text-decoration: none; }
			.craigylinks ul li a:hover { background-color: rgba(240, 240, 240, .7); }

			.craigylinks ul li:first-child { margin-bottom: 3em; }

	@media (prefers-color-scheme: dark) {
		.craigylinks ul li a { background-color: rgba(50, 50, 50); }
			.craigylinks ul li a:hover { background-color: rgba(50, 50, 50, .7); }
		}



/* ------------------------------
	AIRTABLE FORMS
		--------------------------- */
	.formDesignerView .form .formHeader, .sharedForm .formHeader { padding: 0 !important; text-align: center !important;  }
	.px3 { padding-left: 1rem; padding-right: 1rem; }

	.formDesignerView .form .formHeader .formName, .sharedForm .formHeader .formName {  }



/* ------------------------------
  FANCYZOOM 2025
  --------------------------- */

/* The dark overlay behind the zoomed image */
.fz-overlay {
  position: fixed;
  inset: 0; /* top:0; right:0; bottom:0; left:0; */
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 10000;
}

.fz-overlay.fz-show {
  opacity: 1;
  pointer-events: auto;
}

/* The zoomed image in the center */
.fz-image {
  position: fixed;
  top: 50%;
  left: 50%;
  max-width: 90%;
  max-height: 90%;
  transform: translate(-50%, -50%) scale(0.3);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.3s ease;
  opacity: 0;
  z-index: 10001;
}

.fz-image.fz-show {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

/* The caption below the zoomed image */
.fz-caption {
  position: fixed;
  left: 50%;
  top: calc(50% + 150px); /* adjust as needed */
  transform: translateX(-50%);
  color: #fff;
  font-size: 1rem;
  text-align: center;
  max-width: 80%;
  line-height: 1.4;
  opacity: 0;
  pointer-events: none; /* Let clicks pass through to overlay for closing */
  transition: opacity 0.4s ease;
  z-index: 10001;
}

.fz-caption.fz-show {
  opacity: 1;
}

/* Close button (X) in top-right corner */
.fz-close-btn {
  position: fixed;
  top: 1rem;
  right: 1rem;
  background: #fff;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
  border-radius: 50%;
  padding: 0.25rem 0.6rem;
  opacity: 0;
  transition: opacity 0.3s;
  z-index: 10002;
}

.fz-close-btn:hover {
  background: #eee;
}

.fz-close-btn.fz-show {
  opacity: 1;
}