/*
Theme Name: Twenty Twenty-Five Child
Author: ggk-wd
Description: Your description goes here
Version: 1.0
Template: twentytwentyfive
This is the child theme for Twenty Twenty-Five theme, generated with Generate Child Theme plugin by catchthemes.
(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/
/*colors*/
.gold {
	color:#c8a96e;
}
p {
	font-size:18px;
}
.small {
	width: 40px;
	height:40px;
	border:#c8a96e solid 1px;
	margin:10px;
	z-index: 1;
}
.box1 {
	width:360px;
	height:360px;
	border:#c8a96e solid 1px;
	background-image: url(https://www.hakuhana.com/wp-content/uploads/2026/05/bk-1.jpg);
	padding: 10px;
	margin: 10px;
}
.box2 {
	width:360px;
	height:360px;
	border:#c8a96e solid 1px;
	background-image: url(https://www.hakuhana.com/wp-content/uploads/2026/05/bk-2.jpg);
	padding: 10px;
	margin: 10px;
}
.box3 {
	width:360px;
	height:360px;
	border:#c8a96e solid 1px;
	background-image: url(https://www.hakuhana.com/wp-content/uploads/2026/05/bk-3.jpg);
	padding: 10px;
	margin: 10px;
}
.medium {
	max-width:550px;
}
.emp2 {
	max-width:460px;
	padding:5px
}
.emp21 {
	margin-top: 40px;
	margin-right: 30px;
	height:30px;
	padding:3px;
	border:#c8a96e 1px solid;
	color:#c8a96e;
}
.flex-container {
	display: -mox-flex;
	display: -webkit-flex;
	display: -webkit-flex; /* Safari */
	-webkit-justify-content: center; /* Safari 6.1+ */
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
/* Contack form 7 columns */
.colA {
	width:400px;
	position: relative;
	margin-right: 10px;
	margin-bottom: 35px;
	margin:auto;
}
.colB {
	width:550px;
	position: relative;
	margin-right: 4%;
	margin-bottom: 20px;
	margin:auto;
}
.colC {
	width:270px;
	position: relative;
	margin-right: 4%;
	margin-bottom: 20px;
	margin:auto;
}

/* Make menu sticky */
header.wp-block-template-part {
    position: sticky;
    top:0px;
    width: 100%;
    z-index:200;
}
#wp--skip-link--target {
  margin-block-start: 0px;
}
.wp-block-post-title {
	box-sizing: border-box;
	word-break: break-word;
/*    padding-top:40px;*/
}
/* tempsgrid */
p.regionName{
    font-size: 22px;
	clear: both;
	color: #000000;
	font-weight:bold;
}
div.townblock {
	height:auto;
	width: 100%;
	overflow:hidden;
	padding-left:5px;
	padding-right:5px;
	margin:auto;
}
.buttonH {
	width:250px;
	margin-left:auto;
	margin-right:auto;
}
p.townname {
	text-align: center;
	border: 1px solid #000000;
	border-radius: 3px;
    width: 250px;
    height: 35px;
	padding: 3px; 
	background-color: #c8a96e;
	box-shadow: #333 2px 3px;
	margin-top:5px;
	margin-bottom:5px;
}
p.townname a {
    color: #000000;
    text-decoration: none; /*to lose underline */
    display: block; /*so whole element becomes the link instead of just the text*/
}
p.townname a:hover {
    color: #000000;
	text-decoration:underline;
}
/* tempsgrid end */
@media only screen and (max-width: 767px) {
.eael-data-table .td-content {
	-webkit-box-align:left;
	align-items:left;
}
}
@media only screen and (max-width: 481.98px) {
	.menu-button-container {
		display: flex;
	}
.menu-button-container .button.button .dropdown-icon {
	display: flex;
	align-items: center;
	border:#ffffff 1px solid;
	z-index:9999;
	background-color:#ffffff;
	position: fixed;
	left:0px;
	top:10px;
	
}
}