/*==========================================================================
   SNIPPETS
==========================================================================*/
.sans-serif {
  font-family: Arial, Helvetica, sans-serif !important;
}

.serif {
  font-family: Georgia, Times, "Times New Roman", serif !important;
}

.monospace {
  font-family: Courier New, Courier, monospace !important;
}

.larger-text {
  font-size: larger;
}

.large-text {
  font-size: 160%;
  line-height: 120%;
}

.xlarge-text {
  font-size: 200%;
  line-height: 140%;
}

.xxlarge-text {
  font-size: 300%;
  line-height: 160%;
}

.xxxlarge-text {
  font-size: 400%;
  line-height: 180%;
}

.xxxxlarge-text {
  font-size: 500%;
  line-height: 200%;
}

.smaller-text {
  font-size: smaller;
}

.small-text {
  font-size: 80%;
}

.xsmall-text {
  font-size: 70%;
}

.xxsmall-text {
  font-size: 60%;
}

.xxxsmall-text {
  font-size: 50%;
}

.xxxxsmall-text {
  font-size: 40%;
}

.yellow-mark, .yellow-mark * {
  background: #FE4 !important;
  color: #000 !important;
}

.green-mark, .green-mark * {
  background: #6E3 !important;
  color: #000 !important;
}

.red-mark, .red-mark * {
  background: #D11 !important;
  color: #FFF !important;
}

.violet-mark, .violet-mark * {
  background: #F4E !important;
  color: #000 !important;
}

.blue-mark, .blue-mark * {
  background: #00F !important;
  color: #FFF !important;
}

.highlight-grey, .highlight-green, .highlight-red,
.highlight-brown, .highlight-yellow, .highlight-blue, .highlight-black {
  display: block;
  width: auto;
  overflow: hidden;
  padding: .6em 1%;
  margin: 1em 1%;
  border: 0;
  border-left-width: .6em;
  border-left-style: solid;
}

.highlight-grey {
  border-left-color: #CCC !important;
  background: #E9E6E9;
  color: #3B3B3B;
}

.highlight-green {
  border-left-color: #8ef26f !important;
  background-color: #CFF26F;
  color: #0D1C11;
}

.highlight-red {
  border-left-color: #DA3F26 !important;
  background-color: #A62A11;
  color: #FFF;
}

.highlight-brown {
  border-left-color: #BFA160 !important;
  background-color: #FFE68C;
  color: #312A1A;
}

.highlight-yellow {
  border-left-color: #FFDB4A !important;
  background-color: #FF7;
  color: #382E19;
}

.highlight-blue {
  border-left-color: #847FF0 !important;
  background-color: #91B2FF;
  color: #111326;
}

.highlight-black {
  border-left-color: #494949 !important;
  background-color: #222;
  color: #EEE;
}

.error, .notice, .success, .message {
  padding: .8em;
  margin: 1em 0;
  border-top: 2px solid #DDD;
  border-bottom: 2px solid #DDD;
}

.notice, .message {
  background: #FFF6BF;
  color: #514721;
  border-color: #FFD324 !important;
}

.error {
  background: #FFE9C2;
  color: #881E10;
  border-color: #F62 !important;
}

.success {
  background: #E8FFCA;
  color: #264409;
  border-color: #7ED060 !important;
}

.notice a, .message a {
  color: #514721;
}

.error a {
  color: #881E10;
}

.success a {
  color: #264409;
}

.rounded-corners {
  border-radius: 1em !important;
  -moz-border-radius: 1em !important;
  -webkit-border-radius: 1em !important;
}

.article-image-right,
.article-image-left {
  border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
}

.article-image-left {
  margin: 0 .8em .8em 0;
  float: left;
}

.article-image-right {
  margin: 0 0 .8em .8em;
  float: right;
}

.button,
.grey-button-style,
.grey-button-style:visited,
.white-button-style,
.white-button-style:visited,
.green-button-style,
.green-button-style:visited,
.red-button-style,
.red-button-style:visited,
.yellow-button-style,
.yellow-button-style:visited,
.violet-button-style,
.violet-button-style:visited,
.blue-button-style,
.blue-button-style:visited,
.black-button-style,
.black-button-style:visited {
  display: inline-block;
  width: auto;
  padding: .462em .625em;
  margin: .375em .5em;
  text-align: center;
  text-decoration: none;
  text-indent: 0;
  background-position: 3% 55%;
  background-repeat: no-repeat;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.grey-button-style,
.grey-button-style:visited {
  color: #444;
  border: solid 1px #969696;
  background-color: #EEEDED;
}

.grey-button-style:hover,
.grey-button-style:focus,
.grey-button-style:active {
  background-color: #DADADA;
  border-color: #6B6B6B;
  color: #3D3D3D;
  text-decoration: none;
}

.white-button-style,
.white-button-style:visited {
  color: #444;
  border: solid 1px #666;
  background-color: #FFF;
}

.white-button-style:hover,
.white-button-style:focus,
.white-button-style:active {
  background-color: #F1F1F1;
  border-color: #444;
  color: #111;
  text-decoration: none;
}

.green-button-style,
.green-button-style:visited {
  color: #0F3B15;
  border: solid 1px #3D8C45;
  background-color: #98E663;
}

.green-button-style:hover,
.green-button-style:focus,
.green-button-style:active {
  background-color: #61E200;
  border-color: #1F5F26;
  color: #080A07;
  text-decoration: none;
}

.red-button-style,
.red-button-style:visited {
  color: #FFFFFF;
  border: solid 1px #901C11;
  background-color: #C33113;
  text-shadow: 1px 1px 1px #5D0F07;
}

.red-button-style:hover,
.red-button-style:focus,
.red-button-style:active {
  color: #FFFFFF;
  border-color: #B82213;
  background-color: #F30000;
  text-decoration: none;
}

.yellow-button-style,
.yellow-button-style:visited {
  color: #382E19;
  border: solid 1px #F1A548;
  background-color: #FF8;
  text-shadow: 1px 1px 1px #FFEA7F;
}

.yellow-button-style:hover,
.yellow-button-style:focus,
.yellow-button-style:active {
  color: #382E19;
  border-color: #FDE328;
  background-color: #FF5;
  text-decoration: none;
}

.blue-button-style,
.blue-button-style:visited {
  color: #23233B;
  text-shadow: 1px 1px 1px #C2D4FF;
  border: solid 1px #847FF0;
  background-color: #91B2FF;
}

.blue-button-style:hover,
.blue-button-style:focus,
.blue-button-style:active {
  color: #090910;
  text-shadow: 0px 0px 0px #C2D4FF;
  border-color: #615DBB;
  background-color: #6494FF;
  text-decoration: none;
}

.violet-button-style,
.violet-button-style:visited {
  color: #4A0A3D;
  border: solid 1px #D147B5;
  background-color: #FFA0EF;
}

.violet-button-style:hover,
.violet-button-style:focus,
.violet-button-style:active {
  color: #1A0315;
  border-color: #BB38A1;
  background-color: #FA5ADA;
  text-decoration: none;
}

.black-button-style,
.black-button-style:visited {
  border: solid 1px #1D1D1D;
  color: #EEE;
  background-color: #333;
  text-shadow: 1px 1px 1px #111;
}

.black-button-style:hover,
.black-button-style:focus,
.black-button-style:active {
  color: #FFF;
  text-decoration: none;
  border-color: #333;
  background-color: #555;
  text-shadow: 1px 1px 1px #222;
}

.black-shadow {
  -moz-box-shadow: 0.16em 0.14em 0.4em #333;
  -webkit-box-shadow: 0.16em 0.14em 0.4em #333;
  box-shadow: 0.16em 0.14em 0.4em #333;
}

.grey-shadow {
  -moz-box-shadow: 0.16em 0.14em 0.4em #999;
  -webkit-box-shadow: 0.16em 0.14em 0.4em #999;
  box-shadow: 0.16em 0.14em 0.4em #999;
}

.white-shadow {
  -moz-box-shadow: 0.16em 0.14em 0.4em #EEE;
  -webkit-box-shadow: 0.16em 0.14em 0.4em #EEE;
  box-shadow: 0.16em 0.14em 0.4em #EEE;
}

.col-style-full, .col-style-1 {
  display: block;
  float: none;
  clear: both;
  margin: .6em 2%;
  padding: 0;
}

.col-style-2, .col-style-3, .col-style-4, .col-style-5, .col-style-6 {
  display: block;
  float: left;
  clear: none;
  padding: 0;
}

.col-style-2 {
  width: 46.8%;
  margin: .6em 1.6%;
}

.col-style-3 {
  width: 30.9%;
  margin: .6em 1.2%;
}

.col-style-4 {
  width: 23%;
  margin: .6em 1%;
}

.col-style-5 {
  width: 18.4%;
  margin: .6em .8%;
}

.col-style-6 {
  width: 15.4%;
  margin: .6em .6%;
}

[class*="fluid-width-"] {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  min-height: 1px;
}

.fluid-width-100 {
  width: 100% !important;
}

.fluid-width-80 {
  width: 80% !important;
}

.fluid-width-75 {
  width: 75% !important;
}

.fluid-width-66 {
  width: 66.66% !important;
}

.fluid-width-60 {
  width: 60% !important;
}

.fluid-width-50 {
  width: 50% !important;
}

.fluid-width-40 {
  width: 40% !important;
}

.fluid-width-33 {
  width: 33.33% !important;
}

.fluid-width-25 {
  width: 25% !important;
}

.fluid-width-20 {
  width: 20% !important;
}

.fluid-width-95 {
  width: 95% !important;
}

.fluid-width-90 {
  width: 90% !important;
}

.fluid-width-85 {
  width: 85% !important;
}

.fluid-width-70 {
  width: 70% !important;
}

.fluid-width-65 {
  width: 65% !important;
}

.fluid-width-55 {
  width: 55% !important;
}

.fluid-width-45 {
  width: 45% !important;
}

.fluid-width-35 {
  width: 35% !important;
}

.fluid-width-30 {
  width: 30% !important;
}

.fluid-width-15 {
  width: 15% !important;
}

.fluid-width-10 {
  width: 10% !important;
}

.fluid-width-5 {
  width: 5% !important;
}

.marked-block-dark, .marked-block-light, marked-block-yellow {
  display: block;
  overflow: hidden;
  width: auto;
  margin: .8em 2% 1.2em 2%;
  padding: .6em 2% .8em 2%;
  clear: both;
  border-width: 3px;
  border-style: solid;
  border-radius: .6em;
  -moz-border-radius: .6em;
  -webkit-border-radius: .6em;
}

.marked-block-dark h1, .marked-block-dark h2, .marked-block-dark h3, .marked-block-dark h4, .marked-block-dark h5, .marked-block-dark h6, .marked-block-light h1, .marked-block-light h2, .marked-block-light h3, .marked-block-light h4, .marked-block-light h5, .marked-block-light h6 {
  display: block;
  margin: 0 .6em .2em .6em;
  padding: .3em 0;
  border-bottom: solid 1px;
}
.marked-block-dark p, .marked-block-light p, marked-block-yellow {
  margin: 1.2em .8em;
  width: auto;
}

.marked-block-dark {
  color: #434545;
  border-color: #CCC !important;
  background: #EEE;
}
.marked-block-dark h1, .marked-block-dark h2, .marked-block-dark h3, .marked-block-dark h4, .marked-block-dark h5, .marked-block-dark h6 {
  color: #434545;
  border-bottom-color: #CCC;
}
.marked-block-dark p {
  color: #434545;
}

.marked-block-light {
  color: #444;
  border-color: #DEDBDB !important;
  background: #FFF;
}
.marked-block-light h1, .marked-block-light h2, .marked-block-light h3, .marked-block-light h4, .marked-block-light h5, .marked-block-light h6 {
  color: #000;
  border-bottom-color: #DEDBDB;
}
.marked-block-light p {
  color: #000;
}

.marked-block-yellow {
  color: #000;
  border-color: #CCC !important;
  background: #eff53d;
}
.marked-block-yellow h1, .marked-block-yellow h2, .marked-block-yellow h3, .marked-block-yellow h4, .marked-block-yellow h5, .marked-block-yellow h6 {
  color: #000;
  border-bottom-color: #CCC;
}
.marked-block-yellow p {
  color: #000;
}

.marked-block-dark.col-style-full, .marked-block-light.col-style-full,
.marked-block-dark.col-style-2, .marked-block-light.col-style-2,
.marked-block-dark.col-style-3, .marked-block-light.col-style-3,
.marked-block-dark.col-style-4, .marked-block-light.col-style-4,
.marked-block-dark.col-style-5, .marked-block-light.col-style-5,
.marked-block-dark.col-style-6, .marked-block-light.col-style-6 {
  clear: none;
}

.marked-block-dark.col-style-full, .marked-block-light.col-style-full {
  width: auto;
  margin-left: 2%;
  margin-right: 2%;
  padding-left: 2%;
  padding-right: 2%;
}

.marked-block-dark.col-style-2, .marked-block-light.col-style-2 {
  width: 42%;
  margin-left: 2%;
  margin-right: 2%;
  padding-left: 2%;
  padding-right: 2%;
}

.marked-block-dark.col-style-3, .marked-block-light.col-style-3 {
  width: 24%;
  margin-left: 2%;
  margin-right: 2%;
  padding-left: 2%;
  padding-right: 2%;
}

.marked-block-dark.col-style-4, .marked-block-light.col-style-4 {
  width: 18%;
  margin-left: 1.2%;
  margin-right: 1.2%;
  padding-left: 1.6%;
  padding-right: 1.6%;
}

.marked-block-dark.col-style-5, .marked-block-light.col-style-5 {
  width: 15%;
  margin-left: 1.2%;
  margin-right: 1.2%;
  padding-left: 1.6%;
  padding-right: 1.6%;
}

.marked-block-dark.col-style-6, .marked-block-light.col-style-6 {
  width: 12%;
  margin-left: 1.2%;
  margin-right: 1.2%;
  padding-left: 1.6%;
  padding-right: 1.6%;
}

/*==========================================================================
   MISC GLOBAL
==========================================================================*/
/*------------------------------------------------------------
   ENCLOSERS
------------------------------------------------------------*/
.zf--encloser {
  width: 96%;
  max-width: 96%;
  min-width: 300px;
}

body.full-layout-width .zf--encloser {
  width: 98%;
  max-width: 98%;
}

/*------------------------------------------------------------
   Rapid Contact Ex
------------------------------------------------------------*/
.rpx_field input { width: 40%; }
.rpx_field textarea { width: 80%; }
.rpx_field_calendar { width: 25% !important; }

.colors1 {
  --website-color-1: #83a68c;
  --cassiopeia-color-primary: var(--website-color-1);
}

.colors2 {
  --website-color-1: #cfcc76;
  --cassiopeia-color-primary: var(--website-color-1);
}

/*------------------------------------------------------------
   Header colour
------------------------------------------------------------*/

.container-header {
    position: relative;
    z-index: 10;
    margin-bottom: 20px;
    background-color: #62f23a;
    background-image: linear-gradient(135deg, #578e8e 0%, #14382c 100%);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03) inset;
}

p {
  font-size: 150%;
}