/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* ==========================
   Membership Plugin Styles
   ========================== */

.membership-form {
  width: 100%;
  max-width: 480px;
  margin: 40px auto;
  padding: 32px;
  border: 1px solid #ddd;
  border-radius: 12px;
  background-color: #fafafa;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
}

.membership-form label {
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
}

.membership-form input {
  width: 100%;
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
  box-sizing: border-box;
}

.membership-form button {
  width: 100%;
  background-color: #1e88e5;
  color: #fff;
  padding: 12px;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  cursor: pointer;
}

.membership-form button:hover {
  background-color: #1565c0;
}

.membership-dashboard {
  max-width: 600px;
  margin: 30px auto;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 24px;
  font-family: 'Segoe UI', sans-serif;
  background-color: #f9f9f9;
  box-shadow: 0 4px 10px rgba(0,0,0,0.06);
}
.membership-dashboard h3 {
  color: #1a73e8;
  margin-bottom: 16px;
  font-size: 22px;
}
.membership-dashboard ul {
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
}
.membership-dashboard li {
  padding: 8px 0;
  border-bottom: 1px dashed #ccc;
}
.membership-dashboard li strong {
  display: inline-block;
  width: 120px;
  color: #444;
}
.membership-dashboard a.button {
  display: inline-block;
  background: #1a73e8;
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  text-decoration: none;
  transition: background 0.2s;
}
.membership-dashboard a.button:hover {
  background: #155db8;
}

.mm-card {
  max-width: 600px;
  margin: 2rem auto;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
  padding: 1.5rem;
}

.mm-card h2 {
  font-size: 1.25rem;
  margin-bottom: 1rem;
  font-weight: 600;
  color: #1f2937;
}

.mm-card table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1rem;
}

.mm-card th, .mm-card td {
  padding: 0.75rem;
  text-align: left;
  border-bottom: 1px solid #e5e7eb;
}

.mm-card th {
  background-color: #f9fafb;
  color: #111827;
  font-weight: 500;
}

/**** DataLink Table css 2025.10.21 ****/

/*** tt1 ***/
.tt1 th {
	background-color: rgba(128, 128, 128, 0.0759882353);
	text-align: center;
	vertical-align: middle;
	border: 0px;
	padding: 4px;
	color: #000000;
}

.tt1 td {
	text-align: center;
	vertical-align: top;
	border: 0px;
	padding: 4px;
	color: #000000;
}

.tt1 thead:first-child tr:first-child th {
	border-block-start: 1px solid #000000;
}

.tt1 thead tr th {
	border-block-end: 1px solid #000000;
}

.tt1 tbody tr:last-child {
	border-block-end: 1px solid #000000;
}

.tt1 tbody tr:nth-child(odd) td {
	background-color: rgba(0, 0, 0, 0.0);
}

.tt1 tbody tr:hover td {
	background-color: rgba(0, 0, 0, 0.00);
}

.tt1 tbody tr:hover th {
	background-color: rgba(128, 128, 128, 0.0759882353);
}

.tt1 th:first-child { 
	text-align: center;
}
.tt1 thead tr:nth-child(even) th {
	text-align: center;
}
.tt1 td:first-child { 
	text-align: center;
}

/*** tt2 ***/

.tt2 th {
	text-align: center;
	vertical-align: middle;
	color: #000000;
}

.tt2 td {
	text-align: center;
  	vertical-align: middle;
	color: #000000;
}

.tt2 tr > th {
  	background-color: rgba(128, 128, 128, 0.0759882353);
}

.tt2 tr:nth-child(odd) > td {
  	background-color: rgba(0, 0, 0, 0.0);
}

.tt2 tr:hover > th {
  background-color: rgba(128, 128, 128, 0.0759882353);
}

.tt2 tr:hover > td {
  background-color: rgba(0, 0, 0, 0.00);
}

@media (max-width: 768px) {
   .tt2 tr > th {
		background-color: rgba(128, 128, 128, 0.0759882353);
	}

	.tt2 tr:nth-child(odd) > td {
		background-color: rgba(0, 0, 0, 0.0);
	}

	.tt2 tr:hover > th {
	  background-color: rgba(128, 128, 128, 0.0759882353);
	}

	.tt2 tr:hover > td {
	  background-color: rgba(0, 0, 0, 0.00);
	} 
}

/*** tt3 ***/

.tt3 th {
	text-align: center;
	vertical-align: middle;
	color: #000000;
}

.tt3 td {
	text-align: center;
  	vertical-align: middle;
	color: #000000;
}

.tt3 tr > th {
  	background-color: rgba(128, 128, 128, 0.0759882353);
}

.tt3 tr:nth-child(odd) > td {
  	background-color: rgba(0, 0, 0, 0.00);
}

.tt3 tr:hover > th {
  background-color: rgba(128, 128, 128, 0.0759882353);
}

.tt3 tr:hover > td {
  background-color: rgba(0, 0, 0, 0.00);
}

.tt3 tr td:first-child {
	background-color: rgba(128, 128, 128, 0.0759882353);
}

.tt3 tr:hover > td:first-child {
	background-color: rgba(128, 128, 128, 0.0759882353);
}

/*** tt4 ***/

.tt4 th {
	background-color: rgba(128, 128, 128, 0.0759882353);
	text-align: center;
	vertical-align: middle;
	border: 0px;
	padding: 4px;
	color: #000000;
}

.tt4 td {
	text-align: center;
	vertical-align: top;
	border: 0px;
	padding: 4px;
	color: #000000;
}

.tt4 thead:first-child tr:first-child th {
	border-block-start: 1px solid #000000;
}

.tt4 thead tr th {
	border-block-end: 1px solid #000000;
}

.tt4 tbody tr:last-child {
	border-block-end: 1px solid #000000;
}

.tt4 tbody tr:nth-child(odd) td {
	background-color: rgba(0, 0, 0, 0.0);
}

.tt4 tbody tr:hover td {
	background-color: rgba(0, 0, 0, 0.00);
}

.tt4 tbody tr:hover th {
	background-color: rgba(128, 128, 128, 0.0759882353);
}

.tt4 th:first-child { 
	text-align: left;
}
.tt4 thead tr:nth-child(even) th {
	text-align: center;
}
.tt4 td:first-child { 
	text-align: left;
}


/*** tt5 ***/

.tt5 th {
	background-color: rgba(128, 128, 128, 0.0759882353);
	text-align: center;
	vertical-align: middle;
	border: 0px;
	padding: 4px;
	color: #000000;
}

.tt5 td {
	text-align: right;
	vertical-align: top;
	border: 0px;
	padding: 4px;
	color: #000000;
}

.tt5 thead:first-child tr:first-child th {
	border-block-start: 1px solid #000000;
}

.tt5 thead tr th {
	border-block-end: 1px solid #000000;
}

.tt5 tbody tr:last-child {        
	border-block-end: 1px solid #000000;
}

.tt5 tbody tr:nth-child(odd) td {
	background-color: rgba(0, 0, 0, 0.0);
}

.tt5 tbody tr:hover td {
	background-color: rgba(0, 0, 0, 0.00);
}

.tt5 tbody tr:hover th {
	background-color: rgba(128, 128, 128, 0.0759882353);
}

.tt5 th:first-child { 
	text-align: left;
}

.tt5 thead tr:nth-child(even) th {
	text-align: center;
}

.tt5 td:first-child { 
	text-align: left;
}

/*** tt6 ***/

.tt6 th {
	background-color: rgba(128, 128, 128, 0.0759882353);
	text-align: center;
	vertical-align: middle;
	padding: 4px;
	color: #000000;
}

.tt6 td {
	text-align: center;
	vertical-align: top;	
	padding: 4px;
	color: #000000;
}

.tt6 thead:first-child tr:first-child th {
	border-block-start: 1px solid #000000;
}

.tt6 thead tr th {
	border-block-end: 1px solid #000000;
}

.tt6 tbody tr:last-child {        
	border-block-end: 1px solid #000000;
}

.tt6 tbody tr:last-child td {        
	border-block-end: 1px solid #000000;
}

.tt6 tbody tr:nth-child(odd) td {
	background-color: rgba(0, 0, 0, 0.0);
}

.tt6 tbody tr:hover td {
	background-color: rgba(0, 0, 0, 0.00);
}

.tt6 tbody tr:hover th {
	background-color: rgba(128, 128, 128, 0.0759882353);
}

.tt6 th:first-child {
	text-align: center;
	border-left: 0px;
}

.tt6 thead tr:nth-child(even) th {
	text-align: center;
}

.tt6 td:first-child { 
	text-align: center;
	border-left: 0px;
}

.tt6 th:last-child { 
	border-right: 0px;
}

.tt6 td:last-child { 
	border-right: 0px;
}