@charset "utf-8";

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/signika/v12/vEFR2_JTCgwQ5ejvG18mBkho.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/signika/v12/vEFR2_JTCgwQ5ejvG1EmBg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/signika/v12/vEFR2_JTCgwQ5ejvG18mBkho.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/signika/v12/vEFR2_JTCgwQ5ejvG1EmBg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*	@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500);
    @import url(https://fonts.googleapis.com/css?family=Signika:300,400,500,600);*/

/* ==========================================================================
   TYPOGRAPHY SCALE - SEO/AIO Optimization Update (April 2026)
   Base increased by 40% for improved readability and modern standards
   ========================================================================== */

:root {
    /* Base Typography Scale -- rem-based (16px root) */
    --font-size-base: 1.125rem;   /* 18px -- main body text */
    --font-size-small: 0.875rem;  /* 14px -- captions, metadata */
    --font-size-xs: 0.75rem;      /* 12px -- fine print */

    /* Heading Scale */
    --font-size-h1: 2rem;         /* 32px -- main page headings */
    --font-size-h2: 1.5rem;       /* 24px -- section headings */
    --font-size-h3: 1.25rem;      /* 20px -- subsection headings */
    --font-size-h4: 1.125rem;     /* 18px -- minor headings */

    /* Special Elements */
    --font-size-title: 2rem;      /* 32px -- hero titles */
    --font-size-topic: 1.125rem;  /* 18px -- topic lines */
    --font-size-lead: 1.1875rem;  /* 19px -- lead paragraphs */

    /* Line Heights for Readability */
    --line-height-base: 1.6;
    --line-height-heading: 1.2;
    --line-height-tight: 1.35;
}

html { font-size: 16px; }

body, p, td, font, div, span, button, input, select {
    font-family: Roboto, sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.6;
}

/* FONT SETTINGS */
h1, h2, h3, h4 { font-family: Roboto, "Trebuchet MS", Tahoma, sans-serif; }
a { color: #630; }

/* LINK SETTINGS */
a 		{ color: #900; text-decoration: none }
a:hover	{ color: #514833; text-decoration: none }

.clrWhite 	{ color: #FFFFFF !important; }
.clrRed 	{ color: #C00 !important;}
.clrDRed 	{ color: #900 !important;}
.clrBlue 	{ color: #036 !important;}
.clrGray 	{ color: #666 !important;}
.clrMGray 	{ color: #999 !important;}
.clrLGray 	{ color: #BBB !important;}
.clrYell 	{ color: #FC0 !important;}
.clrSun 	{ color: #FEF9E7 !important; }

/* Font Size Utility Classes (rem-based) */
.f7  { font-size: 0.5rem !important; }
.f8  { font-size: 0.5625rem !important; }
.f9  { font-size: 0.625rem !important; }
.f10 { font-size: 0.6875rem !important; }
.f11 { font-size: 0.75rem !important; }
.f12 { font-size: 0.875rem !important; }
.f13 { font-size: 0.9375rem !important; }
.f14 { font-size: 1rem !important; }
.f15 { font-size: 1.0625rem !important; }
.f16 { font-size: 1.125rem !important; }
.f18 { font-size: 1.25rem !important; }
.f20 { font-size: 1.375rem !important; }
.f22 { font-size: 1.5rem !important; }

.b		{ font-weight: bold !important; }
.b300		{ font-weight: 300 !important; }
.b400		{ font-weight: 400 !important; }
.b600		{ font-weight: 600 !important; }
.i		{ font-style: italic !important; }

/* FORE COLOURS */
.fc-grn-el { color: rgba(0, 168, 11, 0.13) !important; }
.fc-grn-l { color: rgba(0, 223, 11, 0.32) !important; }
.fc-grn { color: #00df0b !important; }
.fc-grn-d { color: #00c009 !important; }
.fc-grn-ed { color: #008009 !important; }

.fc-red-el { color: rgba(255, 0, 0, 0.15) !important; }
.fc-red-l { color: rgba(255, 0, 0, 0.51) !important; }
.fc-red { color: #ff0000 !important; }
.fc-red-d { color: #d20000 !important; }
.fc-red-ed { color: #990000 !important; }

.fc-whi { color: #FFFFFF !important; }
.fc-whi-m { color: #F8F8F8 !important; }
.fc-whi-d { color: #F0F0F0 !important; }
.fc-whi-ed { color: #E8E8E8 !important; }

.fc-gre-el { color: #E0E0E0 !important; }
.fc-gre-l { color: #DDDDDD !important; }
.fc-gre { color: #CCCCCC !important; }
.fc-gre-d { color: #BBBBBB !important; }
.fc-gre-ed { color: #999999 !important; }

.fc-bla-el { color: #777777 !important; }
.fc-bla-l { color: #555555 !important; }
.fc-bla-m { color: #333333 !important; }
.fc-bla { color: #000000 !important; }

/* BG COLOURS */
.bg-grn-el { background-color: rgba(0, 168, 11, 0.13) !important; }
.bg-grn-l { background-color: rgba(0, 223, 11, 0.32) !important; }
.bg-grn { background-color: #00df0b !important; }
.bg-grn-d { background-color: #00c009 !important; }
.bg-grn-ed { background-color: #008009 !important; }

.bg-red-el { background-color: rgba(255, 0, 0, 0.15) !important; }
.bg-red-l { background-color: rgba(255, 0, 0, 0.51) !important; }
.bg-red { background-color: #ff0000 !important; }
.bg-red-d { background-color: #d20000 !important; }
.bg-red-ed { background-color: #990000 !important; }

.bg-whi { background-color: #FFFFFF !important; }
.bg-whi-m { background-color: #F8F8F8 !important; }
.bg-whi-d { background-color: #F0F0F0 !important; }
.bg-whi-ed { background-color: #E8E8E8 !important; }

.bg-gre-el { background-color: #E0E0E0 !important; }
.bg-gre-l { background-color: #DDDDDD !important; }
.bg-gre { background-color: #CCCCCC !important; }
.bg-gre-d { background-color: #BBBBBB !important; }
.bg-gre-ed { background-color: #999999 !important; }

.bg-bla-el { background-color: #777777 !important; }
.bg-bla-l { background-color: #555555 !important; }
.bg-bla-m { background-color: #333333 !important; }
.bg-bla { background-color: #000000 !important; }

.red {color:red; }
.orange {color:orange; }
.green {color:green; }

.padding-small { padding: 4px; }
.padding-medium { padding: 8px; }
.padding-large { padding: 12px; }
.padding-xlarge { padding: 24px; }

.margin-small { padding: 4px; }
.margin-medium { padding: 8px; }
.margin-large { padding: 12px; }

strong { font-weight: 500; }

/* Heading Hierarchy */
h1, h2, h3, h4 { font-family: Roboto, "Trebuchet MS", Tahoma, sans-serif; }
h1, .bodyTitle { font-size: 2rem; font-weight: 500; color: #584E29; line-height: 1.2; margin-bottom: 0.5rem; }
article h1 { font-size: 1.875rem; font-weight: 500; color: #812525; margin-bottom: 0.25rem; line-height: 1.25; }
h2 { font-size: 1.5rem; font-weight: 400; color: #812525; margin-bottom: 0.25rem; line-height: 1.3; }
h3 { font-size: 1.25rem; font-weight: 400; color: #254B67; margin-bottom: 0.2rem; line-height: 1.35; }
h4 { font-size: 1.125rem; font-weight: 400; color: #254B67; margin-bottom: 0.2rem; line-height: 1.35; }

.site-tagline { font-size: 0; line-height: 0; height: 0; overflow: hidden; margin: 0; visibility: hidden; }
.site-tagline a { color: inherit; }

/* Body Text Classes */
.bodyTitle { font-family: "Signika", Tahoma; font-size: 2rem; line-height: 1.2; }
.bodyTopic { font-family: "Signika", Tahoma; font-size: 1.125rem; font-weight: 400; line-height: 1.4; }
.bodyText { font-family: Roboto, sans-serif; font-size: 1.125rem; font-weight: 300; color: #444; line-height: 1.6; }

/* Lead paragraph for article intros */
.lead, .uk-text-large {
    font-size: var(--font-size-lead);
    line-height: 1.5;
}

/* Improved paragraph spacing */
article p, .bodyText p {
    margin-bottom: 1.25em;
}

.badge {
	color: #949399;
	border: 2px solid rgba(142, 131, 110, 0.6);
	display: inline-block;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	height: 56px;
	width: 72px;
	text-align: center;
	padding-top: 12px;
}

.uk-navbar-nav > li.uk-open > a, 
.uk-navbar-nav > li:hover > a {
	background-color: #C4B99A !important
}

#aftercare >  li:hover > a {
	background-color: #9B9273 !important;
}


.plain-text { font-weight: 300; text-decoration: none; font-style: normal; }

.required { border-right: 3px #F90 solid !important; }

/* Menu Typography (proportionally increased) */
.menuItem { font-family: "Signika", "Trebuchet MS", Tahoma, sans-serif; color: #FFF; font-weight: 300; font-size: 0.9375rem; }
.menuItem:hover { font-family: "Signika", "Trebuchet MS", Tahoma, sans-serif; color: #EEE; }

.menuSection, .menuListMain, .menuListMainOn {
    font-family: "Signika", "Trebuchet MS", Tahoma, sans-serif;
    color: #FFF;
    font-weight: 300;
    font-size: 1.0625rem;
    padding: 12px;
    background-color: #989898;
    margin-bottom: 3px;
}
.menuListMainTxt, .menuListMainTxtOn, .menuEtcTxt { font-family: "Signika", "Trebuchet MS", Tahoma, sans-serif; color: #FFF; }
.menuListMainTxt:hover, .menuListMainTxtOn:hover { color: #F8ECD1; }

.menuListMain:hover { background-color: #8D8D8D; }
.menuListMainOn { background-color: #7E7E7E; }
.menuListMainOn:hover { background-color: #747474; }

.menuList, .menuListOn {
    font-family: "Signika", "Trebuchet MS", Tahoma, sans-serif;
    color: #999;
    font-weight: 300;
    font-size: 1.0625rem;
    padding: 8px 12px;
    margin-bottom: 3px;
    border-bottom: #A5A5A5 solid 1px;
}
.menuListTxt, .menuListOnTxt { font-family: "Signika", "Trebuchet MS", Tahoma, sans-serif; color: #666; }
.menuListTxtOn { color: #333;}
.menuListTxt:hover, .menuListOnTxt:hover { color: #333; }

.menuList:hover { background-color: #DDDDDD; }
.menuListOn { background-color: #CCC; }
.menuListOn:hover { background-color: #CCCCCC; }

.menuSection { background-color: #5C6876; }
.menuSection a { color: #FFFFFF; }
.menuSection a:hover { color: #EEEEEE; }
.menuListOn { background-color: #CCC; }
.menuListOn:hover { background-color: #CCCCCC; }

.menuEtcTxt { color: #867046; font-size: 0.875rem; font-weight: 300; }
.menuEtcTxt:hover { color: #836934; text-decoration: underline; }

.ftrTopic { font-size: 0.875rem; color: #666; font-weight: 400; }
.ftrTopic:hover { color: #FEF9E7; }


/* CUSTOM LAYOUT */

.noticeHeader {
	background: #a2b245; /* Old browsers */
	background: -moz-linear-gradient(top,  #a2b245 0%, #75890c 66%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a2b245), color-stop(66%,#75890c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a2b245 0%,#75890c 66%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a2b245 0%,#75890c 66%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a2b245 0%,#75890c 66%); /* IE10+ */
	background: linear-gradient(top,  #a2b245 0%,#75890c 66%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2b245', endColorstr='#75890c',GradientType=0 ); /* IE6-9 */

	margin: 0; font-family: "Signika", "Trebuchet MS", Tahoma, sans-serif; font-size: 1.0625rem; color: #FFF; font-weight: 400; padding: 8px; padding-left: 10px;
	}

.noticeContents { border: 1px solid #999; background-color: #DDD; padding: 7px; margin: 0; border-top: 0; margin-bottom: 40px }

#user-comments ul{
	list-style: none;
	margin: 0; padding: 0;

}

#user-comments{
	overflow: hidden;
	height: 130px !important;
	width: 200px;
}

#user-comments li{
	float:left;
	width: 200px;
	height: 150px;
	padding:0;
	margin:0;
}

#user-comments li{
	font-family: Georgia, Tahoma, Times, serif;
	font-style: italic;
	color: #BBB;
	text-shadow: 0 1px 0 #333;
	font-size: 0.625rem;
	padding: 4px;
	padding-bottom: 1px;
	text-align: center;
}

#user-comments{
	font-size: 12px;
}

.comment-text{
	font-family: Georgia, Tahoma, Verdana, Arial, serif;
}

.comment-sent-from{
	font-family: Tahoma, Verdana, Arial, serif;
	font-weight: bold;
	color: #BBB;
	text-shadow: 0 1px 0 #333;
	font-size: 0.625rem;
	text-align: center;
	padding-top: 2px;
}

.bodyBgLi {
    padding: 0 10px;
	background: #e8e7da; /* Old browsers */
	background: -moz-linear-gradient(top,  #e8e7da 0%, #f8f8f8 16%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e7da), color-stop(16%,#f8f8f8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e8e7da 0%,#f8f8f8 16%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e8e7da 0%,#f8f8f8 16%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e8e7da 0%,#f8f8f8 16%); /* IE10+ */
	background: linear-gradient(top,  #e8e7da 0%,#f8f8f8 16%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e7da', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
	border-top: #A59E87 4px solid;
	}

.bodyBgBr {
	background: #e8e7da; /* Old browsers */
	background: -moz-linear-gradient(top,  #e8e7da 0%, #f8f8f8 16%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e7da), color-stop(16%,#f8f8f8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e8e7da 0%,#f8f8f8 16%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e8e7da 0%,#f8f8f8 16%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e8e7da 0%,#f8f8f8 16%); /* IE10+ */
	background: linear-gradient(top,  #e8e7da 0%,#f8f8f8 16%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e7da', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
	border-top: #60311C 4px solid;
	}

.bodyLevel1 {
	background-image: linear-gradient(bottom, #FFFFFF 0%, #EEEEEE 52%);
	background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #EEEEEE 52%);
	background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #EEEEEE 52%);
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #EEEEEE 52%);
	background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #EEEEEE 52%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(0.52, #EEEEEE));
	}

.bodyLevel2 {
	background: #e1dbcf; /* Old browsers */
	background: -moz-linear-gradient(top,  #e1dbcf 0%, #e2ded2 25%, #edeae3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1dbcf), color-stop(25%,#e2ded2), color-stop(100%,#edeae3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e1dbcf 0%,#e2ded2 25%,#edeae3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e1dbcf 0%,#e2ded2 25%,#edeae3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e1dbcf 0%,#e2ded2 25%,#edeae3 100%); /* IE10+ */
	background: linear-gradient(top,  #e1dbcf 0%,#e2ded2 25%,#edeae3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1dbcf', endColorstr='#edeae3',GradientType=0 ); /* IE6-9 */
	border-top: #A59E87 4px solid;
	}

.bodyLevel3 {
	background: #8e6641; /* Old browsers */
	background: -moz-linear-gradient(top,  #8e6641 0%, #a07848 60%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8e6641), color-stop(60%,#a07848)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8e6641 0%,#a07848 60%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8e6641 0%,#a07848 60%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8e6641 0%,#a07848 60%); /* IE10+ */
	background: linear-gradient(top,  #8e6641 0%,#a07848 60%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e6641', endColorstr='#a07848',GradientType=0 ); /* IE6-9 */
	border-top: #60311C 4px solid;
}

.bodyLevel3 a { color: #E0D6C7; }
.bodyLevel3 a:hover { color: #5B4435}

.bodyLevel4 {
	background: #383838; /* Old browsers */
	background: -moz-linear-gradient(top,  #383838 0%, #424242 10%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#383838), color-stop(10%,#424242)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #383838 0%,#424242 10%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #383838 0%,#424242 10%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #383838 0%,#424242 10%); /* IE10+ */
	background: linear-gradient(top,  #383838 0%,#424242 10%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#424242',GradientType=0 ); /* IE6-9 */
	border-top: #333 1px solid;
	font-weight: 300;
	font-size: 0.875rem;
	color: #CCC;
	}

.ftrOption { padding: 4px; display: block; color: #CCC; border-bottom: 1px dotted #555;  }
.ftrOption:hover { color: #FBF4E1; }


/* SET LOGO */
#logoImg { margin-bottom: 10px; margin-left: 10px; }

/* GENERAL CONTENT */

.subTopic {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8125rem;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	}

.pgTitle {
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 0.875rem;
	font-weight: bold;
	padding-left: 10px;
	color: #555;
	margin-top: -3px;
	margin-bottom: -5px;
	}

.relArts {
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 0.8125rem;
	border-bottom: 1px solid #CCC;
	}

.relCont {
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 10px;
	background-color: #f4f4f4;
	}

.areas {
	padding: 5px;
	width: 100%;
	height: 52px;
	overflow: hidden;
	color: #999;
	}

.areas a {
	color: #999;
	}

.areas strong {
	color: #AAA;
	font-weight: bold;
	}


#extraDtls {
	display: none;
	}

.gcontent {
	width: 540px;
	}

#stamp{
	background:url(/gfx/stamp.png) no-repeat;
	position:absolute;
	height:198px!important;
	width:200px!important;
	z-index:10;
	right:10px;
	top:15px;
}

.article-date{
	position:absolute;
	top:14px; right:10px;
	font-size:11px;
	font-weight:bold;
	color:#555;
}

.pos-middle {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

/* Framework Adjustments */

.menu-container {
	background-color: #B5AA8B;
	-webkit-box-shadow: 0 10px 9px 1px rgba(0,0,0,0.1);
	box-shadow: 0 10px 9px 1px rgba(0,0,0,0.1);
}

.uk-site-nav, .uk-site-nav  .uk-navbar {
	background-color: #B5AA8B;
	max-width: 1280px;
	}

.uk-site-nav .uk-nav-header {
	color: #F1EFE8;
	}

.uk-site-nav .uk-navbar li a, .uk-site-nav .uk-navbar .uk-navbar-toggle {
 	color: #FFFFFF !important;
	font-family: Roboto;
	font-weight: 400;
	font-size: 18px;  /* Was 16px - slightly increased for readability */
}


.uk-site-nav .uk-navbar li.uk-active > a {
	background-color: #9B9273 !important;
	color: #999999;
}

.uk-site-nav .uk-navbar li a:hover, .uk-site-nav .uk-navbar li a:active, .uk-site-nav .uk-navbar .uk-dropdown {
	background-color: #C4B99A !important;
	color: #444444;
}

.uk-site-nav .uk-navbar li a:focus {
	background-color: #FFBC4F;
	color: #444444;
}


.menu-hi-light  {
	background-color: #C4B99A !important;
}

.uk-table-lined td {
	border-bottom: 1px solid #DDDDDD;
}

.uk-table-lined-doted td {
	border-bottom: 1px dotted #DDDDDD;
}

.app-buttons {
	background-color: #555555;
	padding: 8px;
	border: 1px solid #666666;
	text-align: center;
	display: inline-block;
	width: 120px;
}

.button-call {
	background-color: transparent;
	border: 1px solid #CCCCCC;
	color: #CCCCCC;
	padding: 5px 15px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	font-weight: 400;
	margin-right: 5px;
	}

.uk-button-more {
	background-color: #FF6600;
	color: #FFF;
}
.uk-button-more:hover{
	background-color: #B05A04;
	color: #FFF;
}

.uk-button-sale {
	background-color: #990000;
	color: #FFF;
}
.uk-button-sale:hover {
	background-color: #8A1113;
	color: #FFF;
}


.clr-whi { color: #FFFFFF; }
.clr-whi-m { color: #F1F1F1; }
.clr-whi-d { color: #E8E8E8; }
.clr-bla { color: #000000; }
.clr-bla-m { color: #333333; }
.clr-bla-l { color: #555555; }
.clr-bla-e { color: #777777; }
.clr-gre { color: #CCCCCC; }
.clr-gre-l { color: #EEEEEE; }
.clr-gre-m { color: #DDDDDD; }
.clr-gre-d { color: #999; }
.clr-red { color: #BD0000; }
.clr-red-l { color: #C85346; }
.clr-red-m { color: #900; }
.clr-red-d { color: #7C0002; }
.clr-gold { color: #867046 }
.clr-gold-l { color: #AAA279; }
.clr-ora { color: #D88221 }
.clr-grn { color: #6E8044 }
.clr-blu { color: #2D699A }

/* BORDERS */
.border-whi { border: 1px solid #FFF; }
.border-gre { border: 1px solid #CCC; }
.border-gre-l { border: 1px solid #EEE; }
.border-gre-m { border: 1px solid #DDD; }
.border-gre-d { border: 1px solid #AAA; }

/* SHADOWS */
.box-shadow { box-shadow: 0 8px 5px -7px rgba(0, 0, 0, 0.4); }
.box-window { border: 1px solid #DDDDDD; box-shadow: 0 8px 5px -7px rgba(0, 0, 0, 0.3); }
.txt-shadow-dark { text-shadow: 1px 1px 2px #555555; }

.pg-topic-box-li {
	background-color: #A59E87; border: 1px solid #756B5E; border-top: 0; width: 240px; height: 70px;
	}

.pg-topic-box-dk {
	background-color: #60311C; border: 1px solid #432E27; border-top: 0; width: 240px; height: 70px;
	}

.pg-topic-title {
	font-size: 1.25rem; font-weight: 500; line-height: 1.2; padding: 0 0 0 14px; color: #FFF; margin: 0;
	}

.pg-topic-notes {
	font-size: 1rem; font-weight: 300; line-height: 1.2; padding: 2px 0 0 14px; color: #FFF; margin: 0;
	}

.pg-submenu-item {
	height: 62px; margin: 2px 0; text-align: center; vertical-align: top;
	flex: 1 1 0; min-width: 0;
	}
.pg-submenu-item-wrap {
	display: flex; justify-content: space-evenly; flex-wrap: nowrap; width: 100%; text-align: center;
	}
.pg-submenu-item-icon {
	width: 42px; height: 42px; border: 2px solid #7C7149; border-radius: 50%;
	display: flex; align-items: center; justify-content: center; margin: 0 auto 2px;
	}
.pg-submenu-item-icon i {
	font-size: 1.05rem; margin: 0; line-height: 1;
	}
.pg-submenu-item a { color: #7C7149; font-size: 0.6875rem; text-transform: uppercase;
	display: flex; flex-direction: column; align-items: center; gap: 1px; }
.pg-submenu-item a:hover { color: #675A33; }

/* HOME ELEMENTS */

.head-title {
	background-color: rgba(255, 255, 255, 0.5);
	display: inline-block;
	padding: 10px 25px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	font-weight: 300;
	text-shadow: 0 0 6px #FFF;
	color: #555;
	}

.uk-thumbnail-home {
	border: 3px solid #CCC;
	padding: 3px;
	}

.button-blank {
	background-color: rgba(255, 255, 255, 0.1);
	padding: 6px 18px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	font-weight: 400;
	}

.button-blank:hover {
	background-color: rgba(255, 255, 255, 0.5);
	color: #666666;
	}

.button-muted {
	background-color: rgba(255, 255, 255, 0.5);
	color: #777;
	padding: 6px 18px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	font-weight: 400;
	}

.button-muted:hover {
	background-color: rgba(255, 255, 255, 0.1);
	color: #888;
	}

#logo {
	margin-top: 15px;
	background-image: url('/local/gfx/logo-new.png');
	display: block;
	width: 240px;
	height: 90px;
	}

#logo .site-tagline {
    height: 0;
    overflow: hidden;
    margin: 0;
}
#logo .site-tagline a {
    display: block;
    height: 100%;
    margin: 0;
    outline: medium none;
    padding: 0;
    text-indent: -9999px;
    width: 100%;
	}

/* COLUMNS */
.columns-layout-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 80px;
    -moz-column-gap: 80px;
    column-gap: 80px;
}

article img {
	border: 1px solid #AAAAAA;
	margin: 5px;
	-webkit-box-shadow: 0 8px 5px -7px rgba(0,0,0,0.4);
	box-shadow: 0 8px 5px -7px rgba(0,0,0,0.4);
}

.no-img-border {
	border: 0;
	margin: auto;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.uk-table-lined td { border-bottom: 1px solid #CCCCCC; }
.box-shadow { box-shadow: 0 8px 5px -7px rgba(0, 0, 0, 0.4); }
.box-window, .uk-datepicker { border: 1px solid #DDDDDD; box-shadow: 0 8px 5px -7px rgba(0, 0, 0, 0.3); }

/* MEDIA MODIFIERS */
@media (max-width: 719px) {
    .margin-top-mobile {
		margin-top: 20px !important;
    }
    .text-center-mobile {
		text-align: center !important;
    }

		.columns-layout-2 {
    -webkit-column-count: 1 !important;
    -moz-column-count: 1 !important;
    column-count: 1 !important;
		}

}
/*custom css start*/
.uk-placeholder {
    margin-bottom: 15px;
    padding: 15px;
    border: 1px dashed #E5E5E5;
    background: #fafafa;
    color: #666;
}
.uk-form-file input[type=file] {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    opacity: 0;
    cursor: pointer;
    left: 0;
    font-size: 500px;
}
.uk-form-file {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
}
.uk-progress {
    box-sizing: border-box;
    height: 20px;
    margin-bottom: 15px;
    background: #f7f7f7;
    overflow: hidden;
    line-height: 20px;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.07), inset 0 2px 2px rgba(0,0,0,.07);
    border-radius: 4px;
}
.uk-progress-bar {
    width: 0;
    height: 100%;
    background: #009dd8;
    float: left;
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background-image: -webkit-linear-gradient(top,#00b4f5,#008dc5);
    background-image: linear-gradient(to bottom,#00b4f5,#008dc5);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.2), inset 0 0 0 1px rgba(0,0,0,.1);
    text-shadow: 0 -1px 0 rgba(0,0,0,.2);
}
/*fixes for mobile version*/
html {
    overflow-x: hidden!important;
}
body {
    overflow-x: hidden!important;
}
.bodyBgBr, .bodyBgLi {
    border-top: 0px;
}
.uk-container-center {
    padding: 0 15px;
}
.pg-submenu-item-icon {
    margin: 0 auto;
}
.pg-topic-box-li, .pg-topic-box-dk {
    height: 75px;
    padding: 5px calc((100vw - 1280px) / 2 + 15px) 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
}
.pg-topic-box-li {
    border: none!important;
}
.pg-topic-box-li > div:first-child, .pg-topic-box-dk > div:first-child {
    flex: 0 0 auto; float: none; white-space: nowrap;
}
.pg-topic-box-li > div:last-child, .pg-topic-box-dk > div:last-child {
    flex: 1 1 auto;
}
.pg-topic-box-li .pg-submenu-item-wrap, .pg-topic-box-dk .pg-submenu-item-wrap {
    justify-content: flex-end; gap: 0; padding-right: 10px;
}
.pg-topic-box-li .pg-submenu-item, .pg-topic-box-dk .pg-submenu-item {
    margin: 0; flex: 0 0 65px; height: auto;
}
.pg-topic-box-li .pg-submenu-item-icon, .pg-topic-box-dk .pg-submenu-item-icon {
    width: 36px; height: 36px; margin: 0 auto 1px; border-color: #ffffff;
}
.pg-topic-box-li .pg-submenu-item-icon i, .pg-topic-box-dk .pg-submenu-item-icon i {
    font-size: 0.875rem;
}
.pg-topic-box-li .pg-submenu-item a, .pg-topic-box-dk .pg-submenu-item a {
    color: #ffffff; font-size: 0.5rem; white-space: nowrap;
}
.margin-left-desktop {
    margin-left:40px;
}
/*****gdpr styling start here*********/
#gdpr_cookie-modal h2 {
    font-size: 2.2rem!important;  /* Was 1.6rem */
    font-weight: 500!important;
    color: #333
}
#gdpr_cookie-modal h4 {
    font-size: 1.8rem!important;  /* Was 1.3rem */
    font-weight: 500!important;
    color: #333
}
#gdpr_cookie-modal h5 {
    font-size: 1.6rem!important;  /* Was 1.3rem */
    font-weight: 400!important;
    color: #333
}
article .article-tile {
    font-size: 1.25rem;
    font-weight: 400;
    color: #254B67;
    margin-bottom: 0.4em;
}
.submenu-toggle-wrapper {
    display: inline-block;
    padding: 8px 12px;
    cursor: pointer;
    touch-action: manipulation;
}
/* Mobile header buttons - all on one row */
.button-call-mobile {
    background-color: transparent;
    border: 1px solid #CCCCCC;
    color: #777 !important;
    padding: 0px 8px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 9px !important;
    margin: 2px 4px;
    display: inline-block;
    vertical-align: middle;
}
.button-call-mobile:hover {
    background-color: rgba(0,0,0,0.05);
    color: #555 !important;
}
.button-call-mobile i {
    font-size: 10px !important;
    color: #777 !important;
}
.button-call-mobile svg {
    fill: #25D366 !important;
}
.mobile-header-buttons {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 4px;
}
@media only screen and (max-width: 767px) {
    /* Mobile Typography Adjustments */
    :root {
        --font-size-base: 1rem;
        --font-size-h1: 1.625rem;
        --font-size-h2: 1.375rem;
        --font-size-h3: 1.125rem;
        --font-size-title: 1.75rem;
    }
    
    #logo {
        float: left;
    }
    .uk-navbar-nav>li:not(:first-of-type)>a {
        padding: 0 0 0 7px;
		font-size: 16px;  /* Was 15px */
    }
    .bodyBgBr, .bodyBgLi {
        padding: 0px;
    }
    .page-banner .bodyTitle, .page-banner .bodyTopic {
        text-align: center;
    }
    .uk-panel-header .uk-panel-teaser img {
        width: 100%;
    }
    .site-tagline {
        font-size: 1rem;
    }
    .pg-topic-box-li, .pg-topic-box-dk {
        flex-direction: column;
        height: auto;
        padding: 10px 15px;
        width: 100vw !important;
        margin-left: -15px;
        left: 0;
        transform: none;
    }
    .pg-topic-box-li > div:first-child, .pg-topic-box-dk > div:first-child {
        white-space: normal;
        text-align: center;
        margin-bottom: 5px;
    }
    .pg-topic-box-li .pg-topic-title, .pg-topic-box-li .pg-topic-notes, .pg-topic-box-dk .pg-topic-title, .pg-topic-box-dk .pg-topic-notes {
        text-align: center;
        padding-left: 0;
    }
    .pg-topic-box-li .pg-submenu-item-wrap, .pg-topic-box-dk .pg-submenu-item-wrap {
        display: none;
    }
    .text-center-mobile .pg-submenu-item-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .pg-submenu-item {
        flex: 0 0 auto;
        margin: 5px 6px;
    }
    .pg-submenu-item a {
        font-size: 0.5rem;
    }
    .pg-submenu-item-icon {
        width: 36px;
        height: 36px;
    }
    .pg-submenu-item-icon i {
        font-size: 0.875rem !important;
    }
    .uk-width-medium-8-10.uk-width-small-1-1 h2 {
        margin-top: 10px;
    }
    .areasLnkOn {
        padding: 6px 0 6px 0!important;
    }
    .uk-accordion {
        padding: 0 10px 0 0;
    }
    .light-brown-background {
        background-color: rgba(165, 158, 135, .5);
    }
    .margin-left-desktop {
        margin-left:0px;
    }
    .uk-width-1-1 h1 div a.uk-button-large {
        padding: 0 7px;
    }
	#why_choose_us {
		font-size: 0.375rem !important;
		margin-left: -8px;
		margin-right: -8px;
		white-space: nowrap;
	}

    /* Mobile body text */
    body, p, div {
        font-size: 1rem;
    }

    h1 { font-size: 1.5rem; }
    h2 { font-size: 1.25rem; }
    h3 { font-size: 1.125rem; }

    /* Mobile Menu Collapse */
    .mobile-menu-wrapper .menuListMain {
        display: none !important;
    }

    .mobile-menu-wrapper .menuListMainOn {
        display: flex !important;
    }

    .mobile-menu-wrapper.menu-expanded .menuListMain {
        display: flex !important;
    }

    .mobile-menu-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 10px;
        background-color: #B5AA8B;
        color: #FFFFFF;
        cursor: pointer;
        font-family: "Signika", "Trebuchet MS", Tahoma, sans-serif;
        font-size: 0.9375rem;
        font-weight: 300;
        margin-bottom: 3px;
    }

    .mobile-menu-toggle:hover {
        background-color: #A59E87;
    }

    .mobile-menu-toggle i {
        font-size: 1.125rem;
        transition: transform 0.3s ease;
    }
}
@media only screen and (max-width: 911px) {
    .uk-width-medium-1-1 div.pg-submenu-item {
        margin: 10px 0px;
    }
    .home-menu {
        display:none;
    }
    .menuListMainOn {
        padding-right: 40px;
    }
	.uk-nav-offcanvas .submenu {
		font-size: 17px;  /* Was 15px */
		padding-right: 24px;
	}
	.uk-nav-offcanvas .submenu a {
		border-bottom: 1px dotted #fff;
	}
}
@media only screen and (max-width: 911px) and (min-width: 767px) { 
    .bodyLevel1 .uk-width-medium-1-5.f11 {
        padding: 0 5px;
        font-size: 13px!important;  /* Was 11px */
    }
    .menuListMainOn i {
        top: 30%;
    }
}
