/* CRD Member Gate – Tullamore Golf Club – v1.0.1 */

/* Palette: navy #032252 / #001a48 / #001234 · green #032252 · gold #f7d118 #ffc128 #fbc34d · light #eff4fb #f5f1e8
   Type: body hero-new, headings/buttons freight-big-pro */

/* ---- Login card (logged out) ---- */
.crd-mg-card {
	background: #fff;
	border: 1px solid #e1e8f2;
	border-radius: 4px;
	padding: 50px;
	text-align: center;
	max-width: 600px;
	margin: 30px auto;
	font: 300 16px/1.625 hero-new, sans-serif;
	color: #032252;
}

.crd-mg-lock { display: block; margin: 0 auto 20px; }
.crd-mg-title {
	font: 400 36px/1.05 freight-big-pro, serif;
	margin: 0 0 12px;
	color: #032252;
	border: 0 none !important;
	padding: 0 !important;
}
.crd-mg-subtitle { font: 400 24px/1.1 freight-big-pro, serif; margin: 0 0 16px; color: #032252; }
.crd-mg-text { margin: 0 0 25px; }

.crd-mg-login { text-align: left; max-width: 360px; margin: 0 auto; }
.crd-mg-login p { margin: 0 0 16px; }
.crd-mg-login label { display: block; margin: 0 0 6px; font-weight: 500; }
.crd-mg-login .login-remember { font-weight: 400; }
.crd-mg-login input[type="text"],
.crd-mg-login input[type="password"] {
	width: 100%;
	box-sizing: border-box;
	padding: 14px;
	border: 1px solid #cddbee;
	border-radius: 5px;
	background: #fff;
	color: #032252;
	font: 300 16px/1.4 hero-new, sans-serif;
}
.crd-mg-login input:focus { outline: 0; border-color: #032252; box-shadow: 0 0 0 3px rgba( 30, 108, 53, .15 ); }
.crd-mg-login input[type="submit"],
.crd-mg-login .button {
	display: inline-block;
	background:#032252;
	color: #fff;
	border: 0;
	border-radius: 4px;
	padding: 13px 26px;
	font-family: freight-big-pro, serif;
	font-size: 18px;
	cursor: pointer;
	transition: all 800ms ease-in-out 0s;
}
.crd-mg-login input[type="submit"]:hover,
.crd-mg-login .button:hover { background: rgba(0,18,45,1); color: #fff; }

.crd-mg-lost { text-align: center; margin: 16px 0 0; font-size: .95rem; }
.crd-mg-lost a { color: #1c5b1d; text-decoration: underline; }

/* ---- Members header ---- */
.crd-mg-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
	max-width: 1000px;
	margin: 30px auto 0;
	padding: 18px 28px;
	background: #001a48;
	border-radius: 5px;
	font-family: freight-big-pro, serif;
	color: #fff;
}
.crd-mg-header-title { font-size: 28px; line-height: 1; }
.crd-mg-nav { display: flex; align-items: center; gap: 14px; font-size: 18px; }
.crd-mg-nav a { color: rgba( 255, 255, 255, .8 ); text-decoration: none; transition: all 800ms ease-in-out 0s; }
.crd-mg-nav a:hover { color: #fff; }
.crd-mg-nav a.is-active { color: #fbc34d; }
.crd-mg-sep { color: rgba( 255, 255, 255, .3 ); }

.crd-mg-section {
	max-width: 1000px;
	margin: 0 auto 30px;
	font: 300 16px/1.625 hero-new, sans-serif;
	color: #032252;
}

.crd-mg-docs {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	border: 1px solid rgba( 0, 0, 0, .12 );
	border-radius: 4px;
	overflow: hidden;
}
.crd-mg-docs thead th {
	background: #032252;
	color: #fff;
	text-transform: uppercase;
	font-size: .95rem;
	letter-spacing: .03em;
	font-weight: 500;
	text-align: left;
	padding: 12px 16px;
}
.crd-mg-docs td { padding: 14px 16px; border-top: 1px solid rgba( 0, 0, 0, .1 ); text-align: left; }
.crd-mg-docs tbody tr:nth-child(odd) { background: #eff4fb; }
.crd-mg-col-dl {
	text-align: center !important;
	white-space: nowrap;
	width: 140px;
}
.crd-mg-empty { margin: 0; color: #5a6b85; }

.crd-mg-dl {
	display: inline-block;
	background: #032252;
	color: #fff;
	border-radius: 4px;
	padding: 8px 18px;
	font-family: freight-big-pro, serif;
	font-size: 15px;
	text-decoration: none;
	transition: all 800ms ease-in-out 0s;
}
.crd-mg-dl:hover { background: #0d3e88; color: #fff; }

/* ---- Account ---- */
.crd-mg-account-head {
	padding: 20px 28px;
	margin: 20px 0 0 0;
	border: 1px solid #eff4fb;
	border-radius: 4px;
	border-bottom: 0 none !important;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.crd-mg-account-head .crd-mg-title { margin: 0 0 4px; font-size: 28px; }
.crd-mg-account-head .crd-mg-text { margin: 0; }

/* ---- Forms ---- */
.crd-mg-pw-form {
	max-width: 100%;
	padding: 20px 28px;
	margin: 0;
	border: 1px solid #eff4fb;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgb(239, 244, 251);
	border-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top: 0 none !important;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.crd-mg-form p { margin: 0 0 16px; }
.crd-mg-form label { display: block; margin: 0 0 6px; font-size: .95rem; font-weight: 500; }
.crd-mg-form input[type="password"],
.crd-mg-form input[type="text"],
.crd-mg-form input[type="email"] {
	width: 100%;
	box-sizing: border-box;
	padding: 14px;
	border: 1px solid #cddbee;
	border-radius: 5px;
	background: #fff;
	color: #032252;
	font: 300 16px/1.4 hero-new, sans-serif;
}
.crd-mg-form input:focus { outline: 0; border-color: #032252; box-shadow: 0 0 0 3px rgba( 30, 108, 53, .15 ); }

/* ---- Buttons ---- */
.crd-mg-btn {
	display: inline-block;
	background: #032252;
	color: #fff;
	border: 0;
	border-radius: 4px;
	padding: 13px 26px;
	font-family: freight-big-pro, serif;
	font-size: 18px;
	cursor: pointer;
	text-decoration: none;
	transition: all 800ms ease-in-out 0s;
}
.crd-mg-btn:hover { background: #0d3e88; color: #fff; }
.crd-mg-btn-ghost { background: transparent; color: #032252; border: 1px solid #032252; }
.crd-mg-btn-ghost:hover { background: #032252; color: #fff; }

/* ---- Flash messages ---- */
.crd-mg-flash { border-radius: 4px; padding: 12px 16px; margin: 0 0 20px; font-size: .95rem; }
.crd-mg-flash-ok { background: #e7f3ea; border: 1px solid #bcdcc4; color: #032252; }
.crd-mg-flash-error { background: #fbe7e7; border: 1px solid #f0c0c0; color: #a31f1f; }


@media only screen and (max-width:440px) {
.crd-mg-docs td {
	padding: 14px 16px;
	border-top: 1px solid rgba( 0, 0, 0, .1 );
	text-align: left;
	font-size: 14px;
}
.crd-mg-dl {
	display: inline-block;
	background: #032252;
	color: #fff;
	border-radius: 4px;
	padding: 8px 10px;
	font-family: freight-big-pro, serif;
	font-size: 13px;
	text-decoration: none;
	transition: all 800ms ease-in-out 0s;
}
.crd-mg-docs td {
	padding: 15px 10px;
	border-top: 1px solid rgba( 0, 0, 0, .1 );
	text-align: left;
	font-size: 14px;
}
.crd-mg-col-dl {
	text-align: center !important;
	white-space: nowrap;
	width: 100px;
}
}