/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 11 2025 | 11:07:27 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.centered-table {
  margin-left: auto;
  margin-right: auto;
}

.detailsAccordion {
    margin-left: auto;
  margin-right: auto;
  padding: 15px;
  border-radius: 5px;
  width: 90%;
}

.wp-block-details summary::marker {
	content: "+ ";
}

.wp-block-details[open] summary::marker {
	content: "- "
}

/* /////////////////////////////////////////////////////////////// FLIPCARDS START //////////////////////////////////////////////////////////// */
/* 202501 */
/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
  background-color: transparent;
  width: 150px;
  height: 80px;
  border: 2px solid black;
  border-radius: 5px;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */


}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;

}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  background-color: #fceb6e;
  color: black;
}

/* Style the back side */
.flip-card-back {
  background-color: #fceb6e;
  color: black;
  transform: rotateY(180deg);
}
/* 202501 END */
/* /////////////////////////////////////////////////////////////// FLIPCARDS END //////////////////////////////////////////////////////////// */


/* /////////////////////////////////////////////////////////////// WORTGITTER START //////////////////////////////////////////////////////// */
/*
.WordGitterTable {
  margin-left: auto !important; 
	margin-right: auto !important; 
	font-size: normal; 
	font-weight: bold; 
	border-color: orange !important;
  border: solid 0px !important;
	table-layout:fixed; 
	padding: 0px;
	width: 450px;
	border-radius: 10px !important;
}

.WordGitterTdClass {
	text-align: center; 
	background-color: transparent;
	border-radius: 0px;
	border: none !important;
	padding: 1px;
}

.WordGitterSpanClass {
	background: white; 
	border-radius: 1px; 
	cursor: move;
	width: 30px;
	height: 30px; 
	display: block; 
	overflow: auto;
	border: solid grey 1px;
}
*/

/* wortgitter_new */
.chess-board { border: solid 5px; border-color: transparent !important; border-spacing: 3px !important; border-collapse: separate  !important; }
.chess-board th { padding: 5px; }
.chess-board td { border: solid 1px transparent; width: 1em; height:1em; text-align:center; margin: 0 auto; border-radius: 10px; padding: 5px; box-shadow: 2px 2px;}
/*.chess-board .light { background-image: linear-gradient(to right, #ddd, #fff); }
.chess-board .dark { background-image: linear-gradient(to right, #fff, #ddd); }*/
.chess-board span { /*background-color: none;*/ padding: 5px;  font-size: 1em; }
/* wortgitter_new */

/* /////////////////////////////////////////////////////////////// WORTGITTER END //////////////////////////////////////////////////////// */

p 
{
	background-color: transparent !important; 
	text-align: justify; 
	margin: auto; width: 90%;
}

.wpcf7-response-output {
	border: none !important;
	text-align: center;
	font-weight: bolder;
}