/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #837669;
	background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

h1, h2, h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #6D5A46;
}

h1 {
	font-size: 34px;
}

h2 {
	font-size: 24px;
}

h3 { }

p, ul, ol {
	margin-top: 0;
	line-height: 165%;
	text-align: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
}

ul, ol { }

blockquote { }

a {
	color: #9C778D;
}

a:hover {

}

a img {
	border: none;
}

img.left {
	float: left;
	margin-top: 7px;
	margin-right: 15px;
	margin-left: 0;
	margin-bottom: 0;
}

img.right {
	float: right;
	margin: 7px 0 0 30px;
}

hr { display: none; }

.list1 {
}

.list1 li {
	float: left;
	line-height: normal;
}

.list1 li img {
	margin: 0 5px 5px 0;
}

.list1 li.alt img {
	margin-right: 0;
}

/* Header */

#header-wrapper {
	height: 320px;
	background-color: rgba(255, 255, 255, 0.85);

}

#header {
	width: 1000px;
	height: 250px;
	margin: 0 auto;
	
}

/* Menu */

#menu {
	
	width: 680px;
	height: 250px;
	display: block;
    margin-left: auto;
    margin-right: auto;
}

#menu ul {
	margin: 0;
	padding: 50px 0 0 30px;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: block;
    margin-left: auto;
    margin-right: auto;
}

#menu a {
	display: block;
	float: left;
	margin-right: 17px;
	padding: 5px 12px;
	text-decoration: none;
	font: 12px Georgia, "Times New Roman", Times, serif;
	color: #000000;
	text-transform:uppercase}

#menu a:hover { text-decoration: underline; }

#menu .current_page_item a {
	background: #eab8d6 url(images/img6.gif) repeat-x;
	color: #FFFFFF;
}

/* Search */

#search {
	float: right;
	width: 305px;
	height: 74px;
	background: url(images/img05.gif) no-repeat right top;
}

#search form {
	margin: 0;
	padding: 36px 0 0 0;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search input {
	float: left;
	font: 12px Georgia, "Times New Roman", Times, serif;
	border: none;
}

#search-text {
	width: 135px;
	height: 18px;
	padding: 3px 0 0 5px;
	background: #ECF9E4;
	color: #658453;
}

#search-submit {
	height: 21px;
	margin-left: 12px;
	background: #BE7BA2 url(images/img07.gif) repeat-x;
	color: #FFFFFF;
}

/* Page */

#page {
	width: 800px;
	margin: 0 auto;
	padding: 0 20px;
	background-color: rgba(255, 255, 255, 0.92);
	border: 5px solid #FFFFFF;
}

/** LOGO */o

#logo {
	height: 148px;
	background: url(images/img09.gif) repeat-x left bottom;
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding-top: 1%;
}

#logo h1, #logo p {
	float: left;
	margin: 0;
	padding: 0;
	line-height: normal;
}

#logo h1 { padding-top: 45px; }

#logo h1 a {
	text-decoration: none;
	color: #6D5A46;
}

#logo h1 a:hover { text-decoration: underline; }

#logo p {
	padding: 65px 0 0 15px;
	font: italic 13px Georgia, "Times New Roman", Times, serif;
	color: #B6ACA2;
}

#logo p a {
	text-decoration: none;
	color: #B6ACA2;
}

#logo p a:hover { text-decoration: underline; }

/* Content */

#content {
	float: left;
	width: 510px;
}

/* Post */

.post {
	margin-bottom: 25px;
}

.post .title {
	margin-bottom: 3px;
	padding: 2px 30px 2px 42px;
	background: url(images/img10.gif) repeat-y;
	font-size: 23px;
}

.post .meta {
	margin: 0 0 3px 0;
	padding: 2px 30px;
	background: url(images/img11.gif) repeat-y;
	font: italic 13px Georgia, "Times New Roman", Times, serif;
	color: #B6ACA2;
	text-align: left;
}

.post .meta a { color: #B6ACA2; }

.post .entry {
	padding-top: 25px;
	padding-right: 70px;
	padding-left: 70px;
	padding-bottom: 25px;
	background: url(images/img12.gif) repeat-y;
}

.post .links {
	margin: 0 250px 0 0;
	padding: 0 0 0 10px;
	
}

.post .links .comments {
	padding-left: 22px;
	background: url(images/img14.gif) no-repeat left center;
}

.post .links .permalink {
	padding-left: 17px;
	background: url(images/img15.gif) no-repeat left center;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 260px;
	font-size: 12px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#sidebar li {
	margin-bottom: 30px;
	padding-top: 0;
	padding-right: 0;
	padding-left: 30px;
	padding-bottom: 0px;
	background: url(images/img12.gif) repeat-y;
}

#sidebar li ul {
	line-height: 200%;
}

#sidebar li li {
	margin: 0;
	padding: 0;
	background: url(images/spacer.gif);
}

#sidebar h2 {
	margin: 0 0 20px -30px;
	padding: 2px 0 2px 42px;
	background: url(images/img10.gif) repeat-y;
	border-bottom: 3px solid #FFFFFF;
	font-size: 18px;
}


#sidebar p, #sidebar ul, #sidebar ol {
	line-height: 165%;
	font-size: 13px;
}

/* Contact grid — 2x2 pill cards */

.contact-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	margin: 10px 0 20px 0;
}

.contact-card {
	background: #ffffff;
	border-radius: 4px;
	border-bottom: 2px solid #eab8d6;
	padding: 14px 10px 10px 10px;
	text-align: center;
}

.contact-card span {
	display: block;
	font-size: 13px;
	color: #837669;
	margin-bottom: 6px;
}

.contact-card img {
	display: block;
	margin: 0 auto 6px auto;
}

.contact-card a {
	font-size: 12px;
	color: #9A8692;
	text-decoration: none;
	word-break: break-all;
}

/* Service cards — My Services section 2x2 grid */

.service-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	margin-bottom: 10px;
}

.service-card {
	background: #ffffff;
	border-radius: 4px;
	border-bottom: 2px solid #eab8d6;
	padding: 10px 12px 8px 12px;
}

.service-card h3 {
	margin-bottom: 6px;
	font-size: 17px;
}

.service-card ul {
	margin: 0;
	padding-left: 16px;
	font-size: 12px;
	line-height: 160%;
}

/* Training list — white pill items */

.training-list {
	list-style: none;
	margin: 6px 0 10px 0;
	padding: 0;
}

#sidebar .training-list li {
	background: #ffffff;
	border-radius: 4px;
	border-bottom: 2px solid #eab8d6;
	padding: 3px 8px;
	margin-bottom: 5px;
	line-height: 150%;
	text-align: left;
}

/* Calendar */

#calendar {
}

#calendar caption {
	padding-bottom: 5px;
	font-weight: bold;
}

#calendar table {
	width: 100%;
	border-collapse: collapse;
	border-right: 1px solid #F5F2EF;
}

#calendar thead th {
	padding: 5px 0;
	text-align: center;
	border-top: 1px solid #F5F2EF;
	border-left: 1px solid #F5F2EF;
	background: #F5F2EF;
}

#calendar tbody td {
	padding: 5px 0;
	text-align: center;
	border-top: 1px solid #F5F2EF;
	border-left: 1px solid #F5F2EF;
}

#calendar tfoot td {
	padding: 5px;
	background: #FEF7EF url(images/img13.gif) repeat-x;
}

#calendar tfoot #next {
	text-align: right;
}

#calendar #today {
	background: #E7F1E1;
}

/* Footer */

#footer {
	background: url(images/img9.gif) repeat-x;
	background-color: rgba(255, 255, 255, 0.88);
}

#footer p {
	margin: 0;
	padding: 30px;
	text-align: center;
	line-height: normal;
	color: #B5ADA5;
}

#footer a {
	color: #B5ADA5;
}
.awardimg {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.center {
	margin: auto;
	display: block;
	align-self: center;
	text-align: center;
}
.imgcenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
	max-width: 400px;
}
.sidelinks {
	text-decoration: none;
	padding-bottom: 40px;
	margin-bottom: 20px;
}
.strong {
}
.style2 {
	font-size: 14px;
	display: block;
	padding-bottom: 6px;
	text-align: left;
}
.style2b {
	color: #D87EB4;
	font-size: 14px;
	display: block;
	margin-top: 12px;
	padding-bottom: 6px;
	text-align: left;
}
.sidelinkspace {

}
.style2c {
	text-align: left;
	background: #ffffff;
	border-radius: 4px;
	border-bottom: 2px solid #eab8d6;
	padding: 3px 8px;
	margin-bottom: 5px;
}
.logo {
	display: block;
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

.logo {
	display: block;
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
}
.centertable {
	text-align: center;
	vertical-align: middle;

}

/* === RESPONSIVE LAYOUT === */

/* Fluid at medium screens — header wider than page */
@media (max-width: 1050px) {
	#header-wrapper { height: auto; padding: 10px 0 0 0; overflow: hidden; }
	#header { width: 100%; height: auto; box-sizing: border-box; padding: 0 15px; }
	#menu { width: 100%; height: auto; }
	#menu ul { padding: 15px 0 10px 10px; }
	#page { width: 100%; box-sizing: border-box; }
	#logo { height: auto; }
	#logo h1 { padding-top: 20px; }
	#logo p { padding: 25px 0 10px 10px; }
	.logo img { max-width: 100%; height: auto; }
}

/* Tablet — stack sidebar below content */
@media (max-width: 900px) {
	#menu a { margin-right: 8px; padding: 5px 8px; font-size: 15px; }
	#page { padding: 0 15px; }
	#content { float: none; width: 100%; }
	#sidebar { float: none; width: 100%; margin-top: 20px; }
	#sidebar li { padding-left: 15px; }
	#sidebar h2 { margin-left: -15px; padding-left: 15px; }
	.service-card ul { font-size: 13px; }
}

/* Prevent video overflow globally */
#video { width: 100%; max-width: 100%; overflow: hidden; }
#video video { width: 100% !important; max-width: 100%; height: auto; }

/* Mobile — single column everything */
@media (max-width: 600px) {
	html, body { overflow-x: hidden; }
	#header-wrapper { padding: 4px 0 0 0; }
	.logo { padding-top: 5px !important; }
	#menu ul { display: flex; flex-wrap: wrap; justify-content: center; padding: 6px 0 4px 0; }
	#menu li { margin-left: 0; margin-right: 0; }
	#menu a { float: none; margin-right: 3px; margin-bottom: 3px; padding: 4px 5px; font-size: 13px; }
	#page { padding: 0 4px; margin-top: 14px; }
	.post { margin-top: 14px; }
	.post .entry { padding-left: 10px; padding-right: 10px; }
	.post .title { padding-left: 22px; padding-right: 10px; margin-top: 0; margin-bottom: 8px; padding-bottom: 6px; }
	#logo h1 { font-size: 24px; padding-top: 12px; }
	#logo p { font-size: 12px; padding: 8px 0 8px 10px; }
	.service-grid { grid-template-columns: 1fr; }
	.service-card h3 { font-size: 19px; }
	.contact-grid { grid-template-columns: 1fr; }
	img.left { float: none; display: block; margin: 0 auto 12px auto; }
	img.right { float: none; display: block; margin: 0 auto 12px auto; }
	.imgcenter { max-width: 100%; }
	img { max-width: 100%; height: auto; }
	video, iframe, embed { max-width: 100% !important; width: 100% !important; height: auto; }
	h1 { font-size: 26px; }
	h2 { font-size: 20px; }
	.heading { padding-top: 28px; }
	.heading br { display: none; }
	.heading2 br { display: none; }
	.style2 { font-size: 17px; }
	.style2b { font-size: 17px; }
	/* Gallery — enforce equal image heights on mobile */
	.gtbl-2, .gtbl-3 { table-layout: fixed; }
	.gtbl-2 td, .gtbl-3 td { overflow: hidden; vertical-align: top; padding: 0 2px 4px 0; }
	.gtbl-2 td img { width: 100%; height: 160px; object-fit: cover; display: block; }
	.gtbl-3 td img { width: 100%; height: 120px; object-fit: cover; display: block; }
	/* Gallery thumbnails — even grid on mobile */
	.list1 { display: flex; flex-wrap: wrap; }
	.list1 li { float: none; }
	.list1 li img, .list1 li.alt img { margin: 0 3px 3px 0; width: 110px; height: auto; }
}