@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

body { font-family: 'Montserrat', sans-serif!important;
 font-size: 85%; margin: 0; padding: 0; line-height: 1.2em; color: #333; }
p, li { line-height: 1.4em; }
h2 { font-size: 22px; margin: 1em 0 2em; color: #666;     line-height: 30px;}
li { margin: 1em; }
em { color: #888; font-weight: bold; }

/* Header */
#header { background: #222; padding: 15px; overflow: hidden; height: 55px; }
#headerContainer { width: 860px; margin: 0 auto; }
#header h1 { color: #ff6600; }
#header a.title  { color: #ff6600; line-height: 55px; font-size: 26px; text-decoration: none; }
#header a.title:hover { text-decoration: underline; background: transparent; color: #ff6600; }
#header ul { list-style-type: none; padding: 0; margin: 0; float: right; }
#header li { padding: 0; margin: 0 0 0 0; float: left; }
#header li a { color: #fff; text-decoration: none; padding: 10px; line-height: 35px; display: block; text-transform: lowercase; }
#header li a:hover { color: #ff6600; text-decoration: underline; background: transparent; }

/* Footer */
#footer { margin: 60px 0 10px; }
#footer p {
    color: #999;
    font-size: 90%;
    text-align: center;
    border-top: 1px solid #dedede;
    padding-top: 20px;
    font-weight: bold;
}

/* Content */
/*#content { width: 860px; margin: 0 auto; padding: 50px 0;}*/
#content a {  padding: 3px;
    text-transform: capitalize;
    font-weight: 700;
}
#content a:hover { background: #0066cc; color: #fff; }

/* Columns */
/* 860px wide gives 5 blocks of 172px */
div.columnContainer { overflow: hidden; clear: both; }
div.leftColumn { width: 487px; float: left; margin-right: 86px; }
div.rightColumn { width: 287px; float: left; }


/* Forms */
div.row { padding-top: 10px; line-height: 25px; overflow: hidden; }
div.rightHalf { float: left; }
div.leftHalf  { float: left; margin-right: 4px; }
label { color: #666; width: 180px; text-align: right; display: block; margin-right: 10px; text-align: right; float: left; cursor: pointer; }
label span.required { color: #aaa; padding: 0 2px; }

div.fieldset { border: 20px solid #ddd; padding: 1em 2em 1em 2em; background: #eaf2f5; margin: 40px auto; }
div.fieldset h2 { font-weight: normal;     line-height: 30px;}

input.email { width: 210px; }
input.medium { width: 150px; }
input.large  { width: 180px; }
input.small  { width: 100px; }
input.tiny   { width: 35px;  }
input 		{ padding: 5px; font-size: 13px; border: 1px solid #d7d7d7; }
input[type="submit"] {  padding: 10px; cursor: pointer; margin-left: 190px; }

div.checkbox label { display: inline; float: none; font-weight: normal; }
div.checkbox input[type="checkbox"] { margin-right: 10px; }

#login form { margin-bottom: 50px; }

span#spamSafe { font-size: 10px; color: #d4d4d4; }
span.note { display: block; font-size: 11px; color: #777; padding: 3px 5px; }
span.note strong {font-size: 12px; }
span.error { display: block; font-size: 10px; color: #bb3300; padding: 3px 5px; }

div.message { padding: 20px; margin: 20px 0; }
div.error { background: #dd3300; border: 1px solid #bb3300; color: #fff; }
div.success { background: #fffacd; border: 1px solid #ffe222; color: #333; }

div.fieldError { background: #FFFACD; padding: 10px 0; margin: 10px 0; border: 1px solid #bb3300; color: #fff; }
.fieldError input { border: 2px solid #bb3300; }
.fieldError label { color: #bb3300;}

div.childForm { width: 600px; } 

/* Home page */
div.jointhepanel { background: #FFFACD; padding: 25px; border: 1px solid #FFE222; }
div.jointhepanel h2 { color: #777; margin: 0;     line-height: 34px;}

/* About page */
div.contactBoxContainer { overflow: hidden; clear: both; }
div.contactBox { width: 215px; margin-right: 30px; float: left; border: 1px solid #d9d9d9; background: #f9f9f9; padding: 0 10px; min-height: 118px; }

/* Privacy */
#privacy .pageContent p { width: 750px; }

/*
**
** SHIM TO MATCH WORDPRESS THEME
**
*/

body {
  background: #03242D;
/*  font-family: Helvetica, Arial, sans-serif;*/
/*  font-size: 12px;*/
  color: #111;
/*  line-height: 20px;*/
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

a {
  -webkit-transition: color 0.6s ease-in;
  -moz-transition: color 0.6s ease-in;
  -o-transition: color 0.6s ease-in;
  transition: color 0.6s ease-in;
}

a, #prev-next-links div {
  color: #e53f0b;
}

a, a:visited, a:hover {
  text-decoration: none;
}

#container, .wrap {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  position: relative;
  overflow: hidden;
}

#main {
  background: #fff;
  margin: 0 auto;

  width: 1000px;
}

header[role=banner] {
  width: 1000px;
    margin: 0px auto 40px;
    min-height: 100px;
}


.clearfix {
  zoom: 1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

nav {
  min-width: 360px;
}

nav ul.topleft {
  text-align: right;
  float: right;
}

.menu {
  position: relative;
  z-index: 10;
  display: block;
}

nav ul {
  margin: 0 auto;
  text-align: center;
  height: 86px;
}

nav ul.topleft li {
    text-align: center;
}

nav ul li {
  list-style-type: none;
  display: inline-block;
  vertical-align: top;
  min-width: 85px;
  margin: 0;
  padding: 0;
}

.color-tag {
  margin: 0;
  min-width: 85px;
  height: 53px;
  filter: alpha(opacity=80);
  opacity: 0.8;
  -moz-transition: height 0.4s ease-in-out;
  -webkit-transition: height 0.4s ease-in-out;
  -o-transition: height 0.4s ease-in-out;
  transition: height 0.4s ease-in-out;
}

.menu li .color-tag {
  background-color: #FDA984;
}

.menu li:nth-child(4) .color-tag {
  background-color: #FDA984;
}

.menu li:hover a p.color-tag {	height: 80px; }

.the-link {
  background: #1D0d0C;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
}

.the-link {
  padding: 8px 15px 5px;
  margin: 0;
  color: #fff;
  /*text-transform: uppercase;*/
}

/*.the-link:first-letter {
  text-transform: lowercase;
}*/

ol, ul {
  list-style: none;
}

.pageContent { 
  padding: 30px;
}

.pageTitle {
  background: #FDA984;
  padding: 0 30px;
}

.pageTitle h1 {
  margin: 0;
  padding: 0;
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  color: #fff;
  font-size: 24px;
  line-height: 60px;
  font-weight: normal;
/*  text-transform: uppercase;*/
}
.legend-class{
    color: #666;
}
#children-fields tr{
    color: #666;
}
#children-fields th{
    font-weight:normal;
    text-align:right;
}
/*.pageTitle h1:first-letter { text-transform: lowercase; }*/


/* Css */
.pageTitle {
    text-transform: uppercase;
}
#privacy .pageContent p {
    width: 100%;
    text-align: justify;
    margin-bottom: 25px;
}

@media(max-width:1024px){
   #main {
    width: 100% !important;
}
div#content {
    padding: 0px 20px !important;
}
header[role=banner] {
    width: 100%;
}
div#logo img {
    width: 300px;
    display: block;
    margin: auto;
}
input[type="submit"] {
    margin-left: 0px !important;
}
label {
    width: auto;
    float: left;
    text-align: left;
}
.pageContent {
    padding: 10px 20px;
}
}

@media(max-width:767px){
label {
    width: -webkit-fill-available;
}
input.email {
    width: auto;
}
input.small {
    width: auto;
}
select {
    width: 100%;
}
#children-fields th {
    text-align: left;
}
#children-fields tr {
    display: flex !important;
    flex-wrap: wrap;
}
}