/****************************************
*  Imports
****************************************/
/* @import url("/library/fonts/font-awesome.css"); */

/****************************************
*  Site specific css definitions
****************************************/

html,
body {
  background:#f9c764;
  text-align:center;
}

div.relative {
  position:relative;
}

div.void {
  border: 0px;
  margin: 0px;
  padding: 0px;
  height: 1px;
  width: 1px;
  max-height: 1px;
  max-width: 1px;
  font-size: 1px;
  line-height: 1px;
  visibility: hidden;
}

div.divider {
  height: 3px;
  max-height: 3px;
  font-size: 3px;
  line-height: 3px;
  background:top left repeat-x url(/images/layout/bg_divider.png);
  margin:5px 0px 20px 0px;
}

table.page {
  width:912px;
}

/******************************
  Header Styles
*******************************/

td.header {
  height:508px;
  background:#5d752b top no-repeat url(/images/layout/bg_header.jpg);
}

table.home td.header {
  height:700px;
  background:#5d752b top no-repeat url(/images/layout/bg_header_home.jpg);
}

td.header td.header-top {
  height:130px;
}

td.header td.header-top td {
  vertical-align:middle;
}

td.header td.header-top td.col-one {
  padding-right:35px;
}

td.header td.header-top td.col-two {
  padding-left:30px;
}

td.header td.header-top td.col-two div.links {
  background:linear-gradient(to right, rgba(249, 199, 100, 0) 0%, rgba(249, 199, 100, 0.9) 10%, rgba(249, 199, 100, 0.9) 90%, rgba(249, 199, 100, 0) 100%);
  padding:8px 30px 8px 30px;
}

td.header td.navigation td.logo {
  width:245px;
}

td.header td.navigation {
  height:85px;
  background:top repeat-x url(/images/layout/bg_navigation.gif);
}

td.header td.body {
  padding:75px 26px 0px 26px;
}

table.home td.header td.body {
  padding-top:155px;
}

td.border {
  height:7px;
  background:#FFFFFF;
}

td.border div.void {
  height: 7px;
  max-height: 7px;
  font-size: 7px;
  line-height: 7px;
}



/****************************************
* Menu Dropdowns
****************************************/

.navigation .menu {
  position: relative;
}

.navigation .menu:hover .dropdown,
.navigation .dropdown:hover {
  display: block;
  background-color: #ffffff;
}

.navigation .menu:hover .dropdown a,
.navigation .dropdown:hover a {
  opacity: 1;
  transition: opacity 1s 1s;
}

.navigation .dropdown {
  display: none;
  overflow: visible;
  position: absolute;
  top: 4rem;
  z-index: 10;
  right: 0;
  left: 0;
  width: 281px;
  transition: all .7s;
  margin-top: -.25rem;
}

.navigation .dropdown .wrapper {
  background-color: #ffffff;
  justify-content: space-around;
  display: flex;
  flex-direction: column;
  margin-top: 0;
  margin: 0.25rem;
}

.navigation .dropdown button,
.navigation .dropdown a {
  padding: 1rem 1.5rem;
  font-size: 14px;
  color: #5b3424;
  text-shadow: none;
  opacity: 0;
  transition: opacity ease-out 0.1s;
  background-color: #F9C764;
  margin: 0.25rem;
}

.navigation .dropdown a:hover {
  color: #ffffff;
}

/* .navigation .dropdown .wrapper a:first-child {
  color: #ffffff;
  background-color: #00704a;
}

.navigation .dropdown .wrapper a:first-child:hover {
  color: #F9C764;
} */

/******************************
  Home Pattern Banner Styles
*******************************/

td.pattern {
  background:#e2dfd9 top repeat url(/images/layout/bg_pattern.jpg);
  vertical-align:middle;
}

td.pattern div.highlight {
  background:top repeat-y url(/images/layout/bg_pattern_highlight.png);
  vertical-align:middle;
  padding:45px 0px;
}

table.home td.pattern td {
  width:195px;
}

table.home td.pattern td.spacer {
  width:35px;
}

div.plain {
  background:#ffffff;
}

/******************************
  Column One Styles
*******************************/

td.main {
  padding:20px 0px 20px 0px;
}

td.bg-main {
  background:#e2dfd9 top repeat url(/images/layout/bg_pattern.jpg);
}

td.main table.site-links div.void {
  width: 20px;
  max-width: 20px;
  font-size: 20px;
  line-height: 20px;
}

td.main td.col-one {
}

td.main td.col-one td.body {
  padding:20px 20px 20px 20px;
}

td.main td.body {
  background:#FFFFFF;
  padding:30px 30px 30px 30px;
}

td.main td.body td.col-one {
  padding:0px 40px 0px 0px;
}

/******************************
  Column Two Styles
*******************************/

td.main td.col-two {
  width:300px;
}

td.main td.col-two td.body {
  padding:20px 20px 20px 40px;
}

/******************************
  Text Styles
*******************************/

p,
label,
li,
input {
  font:16px/24px Verdana, Geneva, sans-serif;
  color:#000000;
  margin: 0px 0px 6px 0px;
}

td.header td.header-top p {
  font:14px/18px Verdana, Geneva, sans-serif;
  color:#5b3424;
  margin: 0px 0px 0px 0px;
}

td.header td.header-top td.col-two p {
  font-size:12px;
  line-height:12px;
}

td.header p {
  font:16px/24px Verdana, Geneva, sans-serif;
  color:#FFFFFF;
  margin: 0px 0px 16px 0px;
}

td.pattern p {
  font:14px/20px Verdana, Geneva, sans-serif;
  color:#000000;
  margin:0px 15px 0px 15px;
}

td.main li {
  font:14px/20px Verdana, Geneva, sans-serif;
  color:#000000;
  margin: 0px 0px 3px 0px;
}

h1 {
  font:bold 28px/30px Verdana, Geneva, sans-serif;
  color:#00704a;
  margin:0px 0px 12px 0px;
}

td.header h1 {
  font:bold 44px/44px Verdana, Geneva, sans-serif;
  color:#FFFFFF;
  text-transform:uppercase;
  margin:0px 0px 0px 0px;
}

td.main td.col-one h2#site-1-label,
td.main td.col-one h2#site-2-label {
  font-size:17px;
}

td.main td.col-two h1 {
  font:normal 26px/30px Georgia, "Times New Roman", Times, serif;
  color:#00704a;
  margin:0px 0px 18px 0px;
}

td.main td.col-two h1:first-line {
  font:bold 28px/30px Verdana, Geneva, sans-serif;
  text-transform:uppercase;
}

h2 {
  font:bold 18px/30px Verdana, Geneva, sans-serif;
  color:#5D752B;
  margin:10px 0px 8px 0px;
}

td.header h2 {
  font:italic normal 30px/30px Verdana, Geneva, sans-serif;
  color:#f9c764;
  margin:0px 0px 20px 0px;
}

td.header td.header-top h2 {
  font:normal bold 16px/16px Verdana, Geneva, sans-serif;
  color:#5b3424;
  margin:0px 0px 0px 0px;
}

td.pattern h2 {
  font:bold 16px/24px Verdana, Geneva, sans-serif;
  color:#ebb03a;
  text-transform:uppercase;
  margin:0px 0px 2px 0px;
}

h3 {
  font:16px/16px Verdana, Geneva, sans-serif;
  color:#784B2D;
  margin: 20px 0px 2px 0px;
}

div#infobox h3 {
  font:bold 18px/42px Verdana, Geneva, sans-serif;
  color:#f9c764;
  margin:0px;
}

/*******************************
  Footer Styles
*******************************/

td.footer {
  height:40px;
  background:#875636 top repeat url(/images/layout/bg_footer.gif);
  vertical-align:middle;
}

td.footer p {
  font:14px/18px Verdana, Geneva, sans-serif;
  color:#EBE8DE;
  margin: 0px 0px 8px 0px;
}

td.footer h2 {
  font:bold 24px/30px Verdana, Geneva, sans-serif;
  color:#FFFFFF;
  margin:20px 0px 8px 0px;
}

td.footer hr {
  margin: 15px 0px 15px 0px;
  border: none;
  border-top: 3px dotted #f9c764;
  width: 100%;
}

td.footer i {
  font-size: 45px;
  margin: 15px 25px 0px 0px;
}

/******************************
  Link Styles
*******************************/

a {
  text-decoration:none;
  outline:none;
}

td.header td.header-top a{
  color:#00704a;
}

td.header td.header-top a:hover,
td.footer a.plain{
  color:#FFFFFF;
}

td.header a,
td.footer a {
  color:#f9c764;
}

td.header td.header-top h2 a {
  text-decoration:none;
}

td.main a.button,
input[type="submit"] {
  font:bold 16px/16px Verdana, Geneva, sans-serif;
  background: #F9C764;
  border-radius: 13px;
  text-decoration: none;
  padding:0px 0px 0px 11px;
  margin:0px 5px 5px 0px;
  display: inline-block;
  cursor: pointer;
  white-space:nowrap;
  text-align:center;
}

input[type="submit"] {
  margin-top: 21px;
  padding: 11px;
  border: none;
}

td.main a.button-alt {
  font:bold 16px/16px Verdana, Geneva, sans-serif;
  background: #00704A;
  border-radius: 13px;
  text-decoration: none;
  padding:0px 0px 0px 11px;
  margin:0px 5px 5px 0px;
  display: inline-block;
  cursor: pointer;
  white-space:nowrap;
  text-align:center;
}

td.main a.button-full {
  display:block;
}

td.main a.button:hover {
  cursor: pointer;
  background: #EBB03A;
  box-shadow: inset 0 0 5px rgba(0,0,0, .1);
}

td.main a.button-alt:hover {
  cursor: pointer;
  background: #1C7330;
  box-shadow: inset 0 0 5px rgba(0,0,0, .1);
}

td.main a.button span {
  color: #5b3424;
  display: block;
  padding: 9px 11px 9px 0px;
}

td.main a.button:hover span {
  color: #FFF;
  cursor: pointer;
}

td.main a.button-alt span {
  color: #FFFFFF;
  display: block;
  padding: 9px 11px 9px 0px;
}

td.main a.button-alt:hover span {
  cursor: pointer;
  color: #FFFFFF;
}

td.main a.button-full span {
  padding-left:35px;
  padding-right:46px;
}

td.main a {
  color:#5D752B;
}

td.main table.site-links a {
  display:block;
  font:bold 16px/16px Verdana, Geneva, sans-serif;
  color:#FFFFFF;
  text-transform:uppercase;
  padding:22px 0px 22px 0px;
  text-align:center;
  background:#00704a;
}

td.main table.site-links a.on {
  color:#00704a;
  background:#FFFFFF;
}

td.navigation a {
  font:bold 18px/18px Verdana, Geneva, sans-serif;
  color:#FFFFFF;
  text-transform:uppercase;
  text-shadow:0px 0px 3px #3f291a;
  display:inline-block;
  padding:30px 18px 33px 18px;
}

td.navigation a:hover {
  color:#f9c764;
}

/******************************
  Facebook
*******************************/

table.post {
  margin:auto;
  width:auto;
  table-layout:fixed;
  padding: 45px 0;
}

table.post td img {
  width:100%;
  height: 100%;
  max-width: 365px;
  margin:0px 0px 0px 42px;
}

table.post td p {
  padding:0px 21px 0px 0px;
}

table.post td p.description {
  max-width: 440px;
}

table.post td p span {
  width:100%;
  color:#a16b00;
  font-size:16px;
  text-transform:uppercase;
}

table.post td a {
  word-wrap: break-word;
}

div#facebook a {
  color:#5D752B;
}

/******************************
  Vacancy Notice
*******************************/

.vacancy-notice {
}

.vacancy-notice input[type="text"] {
  width: 250px;
  padding: 3px 6px;
  border: none;
  border-bottom: 1px solid #000000;
  background-color: rgba(249, 199, 100, .3);
  color: #000;
}

.vacancy-notice input[type="text"]:focus {
  outline: none;
}

td.main .vacancy-notice p,
td.main .vacancy-notice li,
td.main .vacancy-notice label,
td.main .vacancy-notice input {
  font-size: 14px;
}

td.main .vacancy-notice p {
  margin-bottom: 21px;
}

td.main .vacancy-notice p.small {
  font-size: 11px;
  text-align: center;
}

td.main .vacancy-notice input {
  margin-bottom: 0;
  height: 100%;
}

.vacancy-notice > .wrapper {
  padding: 21px 38px;
  margin: auto;
}

p#error-text {
  color: red;
}

td.main td.body.phone {
  background-color: transparent;
}

/******************************
  Form
*******************************/

input.text,
select.text,
textarea.text {
  border:1px solid #000000;
  width:300px;
}

/****************************************
* Spam Detector & Captcha
****************************************/

.hidden {
  display: none !important;
}

td.main .vacancy-notice .captcha input {
  height: 34px;
}