/* ------------------------------------------ 

DESIGNED BY CMSINTELLIGENCE FOR YOPP
www.cmsintelligence.com

Date Modified: 22/09/14

------------------------------------------ */
/* BASE STYLING
------------------------------------------ */
body {
  background: #221c17;
  font-family: "Lato", sans-serif;
  line-height: 1.5;
  color: #5f4f40;
  font-size: 15px; }

a {
  color: #9e0b0f; }

a:hover {
  color: #000; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1.2;
  margin: 24px 0 10px 0;
  font-family: "Lora", serif;
  font-weight: 400;
  color: #312921; }

h1 {
  font-size: 36px;
  margin-top: 0; }

h2 {
  font-size: 28px; }

h3 {
  font-size: 22px;
  color: #b09b50; }

h4 {
  font-size: 16px; }

h5 {
  font-size: 15px;
  color: #b09b50;
  text-transform: uppercase;
  font-weight: 700; }

h6 {
  font-size: 12px; }

p {
  margin: 0 0 1em 0; }

ul, ol {
  margin: 1.2em 0 1.2em 2em; }

ul {
  list-style: square; }

ol {
  list-style: decimal; }

li {
  margin: 0 0 .5em 0; }

/* BUTTONS
------------------------------------------ */
.btn,
.cmsi-module-blog-summary-read-more,
.cms-button-primary,
.cms-button-secondary,
.cms-button-success,
.cms-button-alert {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: whiteSmoke;
  border: 1px solid #ddd;
  color: #555;
  cursor: pointer;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  font-family: "Lora", serif;
  -webkit-font-smoothing: antialiased; }

.btn:hover,
.cmsi-module-blog-summary-read-more:hover {
  background: #ccc;
  border-color: #bbb;
  color: #333; }

.btn-large {
  font-size: 22px;
  padding: 7px 20px; }

.btn-max {
  width: 100%;
  padding: 7px 0;
  text-align: center; }

.btn-success,
.btn-primary,
.btn-secondary,
.btn-alert,
.cmsi-module-blog-summary-read-more,
.cms-button-primary,
.cms-button-secondary,
.cms-button-success,
.cms-button-alert {
  color: #fff;
  border: 0;
  border-bottom: 3px solid #ddd; }

.btn-success:hover,
.btn-primary:hover,
.btn-secondary:hover,
.btn-alert:hover,
.cmsi-module-blog-summary-read-more:hover,
.cms-button-primary:hover,
.cms-button-secondary:hover,
.cms-button-success:hover,
.cms-button-alert:hover {
  color: #fff; }

.btn-success,
.cms-button-success {
  background: #829044;
  text-shadow: 0 1px 1px #535c2b;
  border-color: #636d34; }

.btn-success:hover,
.cms-button-success:hover {
  background: #636d34;
  border-color: #535c2b; }

.btn-primary,
.cmsi-module-blog-summary-read-more,
.cms-button-primary {
  background: #b09b50;
  text-shadow: 0 1px 1px #7c6d38;
  border-color: #8d7c40; }

.btn-primary:hover,
.cmsi-module-blog-summary-read-more:hover,
.cms-button-primary:hover {
  background: #8d7c40;
  border-color: #7c6d38; }

.btn-secondary,
.cms-button-secondary {
  background: #312921;
  text-shadow: 0 1px 1px #030302;
  border-color: #13100c; }

.btn-secondary:hover,
.cms-button-secondary:hover {
  background: #13100c;
  border-color: #030302; }

.btn-alert,
.cms-button-alert {
  background: #9e0b0f;
  text-shadow: 0 1px 1px #560608;
  border-color: #6e080a; }

.btn-alert:hover,
.cms-button-alert:hover {
  background: #6e080a;
  border-color: #560608; }

/* HEADER
------------------------------------------ */
header[role="banner"] {
  padding: 2em 0; }

header .logo {
  text-align: center;
  font-family: "Lora", serif;
  text-transform: uppercase;
  margin-bottom: 30px; }

header .logo a {
  display: inline-block;
  font-family: "Lato", sans-serif;
  background: #312921;
  color: #fff;
  padding: 5px 10px;
  font-weight: 700;
  font-size: 26px;
  letter-spacing: .1em;
  margin-bottom: 5px; }

header .logo em {
  display: block;
  font-style: normal;
  font-size: 12px;
  color: #9e0b0f; }

.wrap {
  background: url(wrap-bg.jpg) no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-font-smoothing: antialiased; }

.wrap.internal {
  background: url(wrap-bg.jpg) no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

/* DROPDOWNS
------------------------------------------ */
nav {
  max-width: 1140px;
  margin: 0 auto;
  background: url(nav-bg.png) center top no-repeat; }

nav ul {
  list-style: none;
  padding: 0;
  z-index: 400;
  margin: 0;
  text-align: center;
  font-size: 0; }

nav ul li {
  margin: 0;
  padding: 0; }

nav > ul, nav ul > li > ul {
  list-style: none;
  position: relative; }

nav > ul > li {
  display: inline-block;
  height: 50px;
  padding-top: 5px;
  margin: 0 0 0 30px; }

nav > ul > li:first-child {
  margin-left: 0; }

nav > ul > li > a {
  color: #7d6954;
  display: block;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  text-decoration: none;
  font-family: "Lora", serif;
  text-transform: uppercase; }

nav > ul > li:hover > a,
nav > ul > li.active > a {
  color: #312921;
  margin: 0;
  border-bottom: 2px solid #9e0b0f; }

nav > ul > li > ul {
  background: #312921;
  display: none;
  position: absolute;
  font-size: 13px;
  padding: 0;
  min-width: 220px;
  margin: 0;
  text-align: left; }

nav > ul > li:hover > ul {
  display: block; }

nav > ul > li ul li {
  background: none; }

nav > ul > li ul li a {
  color: #fff;
  display: block;
  line-height: 24px;
  padding: 5px 0 5px 20px;
  text-decoration: none;
  border-bottom: 1px solid #40362b; }

nav > ul > li ul li a:hover {
  background: #b09b50;
  color: #fff;
  text-decoration: none; }

.slicknav_menu {
  display: none; }

/* BODY CONTENT
------------------------------------------ */
.pos {
  text-align: center;
  font-family: "Lora", serif;
  margin-bottom: 20px; }

.pos h1 {
  margin-bottom: 5px; }

.pos p {
  font-size: 18px;
  color: #4f4336; }

.feature {
  position: relative;
  max-width: 1140px;
  margin: 0 auto;
  background: url(feature-wood-bg.jpg);
  border: 10px solid #fff;
  box-shadow: 0 0 rgba(0, 0, 0, 0.35);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
  box-shadow: 0 0 10px rgba(49, 41, 33, 0.35); }

.feature li,
.flexslider {
  margin-bottom: 0; }

.feature .large-8,
.feature .large-4 {
  padding: 0; }

.feature section {
  padding: 30px 30px 20px 30px;
  text-align: center; }

.feature h2 {
  margin: 0 0 5px 0;
  color: #e0d7b9;
  font-size: 32px; }

.feature h2 em {
  display: block;
  color: #b8a562;
  font-size: 20px; }

.feature p {
  font-size: 18px;
  line-height: 1.3;
  color: #e0d7b9; }

.feature p.borders {
  border-top: 1px solid #b09b50;
  border-bottom: 1px solid #b09b50;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 2; }

.feature .slides li p {
  margin: 0; }

.feature .cms-button-primary,
.feature .cms-button-alert,
.feature .cms-button-success {
  width: 100%;
  padding: 10px 0; }

.flex-control-nav {
  bottom: 20px; }

.content {
  padding: 80px 0 40px 0;
  background: url(sprinkles.png);
  margin-top: -40px; }

.content.internal {
  padding: 40px 0;
  margin-top: 0; }

.content.internal .row {
  max-width: 900px; }

.content .row {
  overflow: visible; }

.highlights {
  text-align: center; }

.highlights img {
  border-radius: 500px;
  -moz-border-radius: 500px;
  -webkit-border-radius: 500px;
  border: 5px solid #fff;
  box-shadow: 0 0 8px rgba(49, 41, 33, 0.35);
  max-width: 175px; }

.highlights p {
  font-size: 13px; }

.pageTitle {
  background: url(featureBlock-bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 40px 0;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  text-shadow: 0 1px 1px #312921; }

.pageTitle h1 {
  margin: 0;
  color: #c8b985; }

p.leadin {
  font-family: "Lora", serif;
  font-size: 22px;
  color: #312921; }

ul.testimonials p {
  float: left;
  font-family: "Lora", serif;
  color: #9e0b0f;
  font-size: 62px;
  margin: -16px 5px 30px 0; }

ul.testimonials .text {
  font-size: 130%;
  font-family: "Lora", serif;
  font-style: italic; }

ul.testimonials .author {
  text-align: right;
  display: block;
  font-size: 90%;
  font-weight: 700;
  padding-top: 5px; }

ul.testimonials li:after {
  content: "";
  display: table;
  clear: both; }

.floater.blog-posts a {
  font-weight: bold;
  font-size: 120%; }

.floater.blog-posts .date {
  font-size: 90%;
  margin-bottom: 5px; }

.secondary h2,
.secondary h3,
.secondary h4,
.secondary h5,
.secondary h6 {
  margin-top: 0; }

.secondary {
  font-size: 13px; }

ul.sidenav {
  margin: 25px 0 0 0;
  font-size: 14px;
  font-size: 0; }

ul.sidenav li {
  display: inline-block;
  font-size: 15px;
  padding: 0 0 0 10px;
  margin: 0 0 0 10px;
  border-left: 1px solid #b09b50;
  line-height: 15px; }

ul.sidenav li:first-child {
  border-left: 0;
  margin-left: 0;
  padding-left: 0; }

ul.sidenav li a {
  color: #7d6954; }

ul.sidenav li.active a,
ul.sidenav li:hover a {
  color: #9e0b0f; }

div.sidenav h5 {
  display: none; }

div.sidenav {
  text-align: center;
  font-family: "Lora", serif; }

.featureBlock {
  background: url(featureBlock-bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 30px 0 20px 0;
  text-align: center;
  color: #c8b985;
  -webkit-font-smoothing: antialiased;
  text-shadow: 0 1px 1px rgba(49, 41, 33, 0.5); }

.featureBlock a {
  color: #fff; }

.featureBlock a:hover {
  color: #b09b50; }

.featureBlock p a:hover {
  color: #fff; }

.featureBlock h3 {
  font-size: 26px; }

.featureBlock img {
  border: 5px solid #fff;
  box-shadow: 0 0 10px rgba(49, 41, 33, 0.55); }

.cta {
  background: #b09b50;
  background-color: #b09b50;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#b09b50), to(#9f8c48));
  background-image: -webkit-linear-gradient(top, #b09b50, #9f8c48);
  background-image: -moz-linear-gradient(top, #b09b50, #9f8c48);
  background-image: -ms-linear-gradient(top, #b09b50, #9f8c48);
  background-image: -o-linear-gradient(top, #b09b50, #9f8c48);
  background-image: linear-gradient(top, #b09b50, #9f8c48);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#b09b50', endColorStr='#9f8c48');
  padding: 20px 0;
  box-shadow: 0 0 20px #c0af73 inset;
  text-align: center;
  color: #312921;
  font-family: "Lora", serif;
  text-shadow: 0 1px 1px #b6a35e;
  border-top: 1px solid #c0af73;
  border-bottom: 1px solid #c0af73; }

.cta p {
  font-size: 24px;
  margin-bottom: 0; }

.cta .cms-button-primary,
.cta .cms-button-alert,
.cta .cms-button-success {
  font-size: 18px;
  margin-top: 10px; }

.newsBlock {
  background: #312921;
  padding: 30px 0 20px 0;
  color: #c0af73;
  -webkit-font-smoothing: antialiased;
  text-shadow: 0 1px 1px rgba(49, 41, 33, 0.5); }

.newsBlock .entry,
.newsBlock .entry:first-child {
  margin: 0;
  padding: 0 .9375em;
  float: left;
  width: 50%;
  border: 0; }

.newsBlock .cmsi-post-thumb {
  width: 35%; }

.newsBlock .cmsi-post-summary {
  width: 65%;
  padding-left: 1.875em; }

.newsBlock .cmsi-post-thumb img {
  box-shadow: 0 0 5px #13100c; }

.newsBlock h2 {
  font-size: 18px; }

.newsBlock a {
  color: #fff; }

.newsBlock a:hover {
  color: #b09b50; }

.newsBlock a.cmsi-module-blog-summary-read-more:hover {
  color: #fff; }

hr {
  border-color: #cec2b6; }

/* FOOTER
------------------------------------------ */
footer {
  text-align: center;
  padding: 40px 0;
  font-size: 12px; }

footer .logo {
  text-align: center;
  font-family: "Lora", serif;
  text-transform: uppercase;
  margin-bottom: 30px; }

footer .logo a {
  display: inline-block;
  font-family: "Lato", sans-serif;
  background: #5f4f40;
  color: #221c17;
  padding: 5px 10px;
  font-weight: 700;
  font-size: 26px;
  letter-spacing: .1em;
  margin-bottom: 5px; }

footer .logo em {
  display: block;
  font-style: normal;
  font-size: 12px;
  color: #4f4336; }

footer ul {
  list-style: none;
  margin: 1.2em 0;
  font-size: 0; }

footer ul li {
  display: inline-block;
  font-size: 12px;
  padding: 0 0 0 5px;
  margin: 0 0 0 5px;
  border-left: 1px solid #40362b;
  line-height: 12px;
  height: 12px;
  margin-bottom: 10px; }

footer ul li:first-child {
  border: 0;
  margin-left: 0;
  padding: 0; }

footer a {
  color: #5f4f40; }

footer a:hover {
  color: #b09b50; }

footer svg {
  width: 200px;
  height: 38px;
  margin-top: 30px;
  fill: #40362b; }

footer svg:hover {
  fill: #b09b50; }

::-moz-selection {
  color: #fff;
  text-shadow: none;
  background: #9e0b0f; }

::-webkit-selection {
  color: #fff;
  text-shadow: none;
  background: #9e0b0f; }

::selection {
  color: #fff;
  text-shadow: none;
  background: #9e0b0f; }

/* CMSI MODS
------------------------------------------ */
#fancybox-wrap,
#fancybox-outer,
#fancybox-inner {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.DRX_CalendarTable {
  width: 100%;
  border-top: 4px solid #9e0b0f;
  background: #fff; }

.DRX_CalendarTable th {
  color: #fff;
  background: #231f20;
  width: 14.28%; }

.DRX_CalendarTable td {
  height: 60px; }

#overDiv table {
  margin: 0; }

#overDiv hr {
  display: none; }

#overDiv td td {
  padding: .5em; }

#overDiv > table {
  box-shadow: 0 0 5px #555; }

#overDiv table {
  background: whiteSmoke !important; }

#overDiv table table:first-child {
  background: #231f20 !important; }

td.DRX_CalendarEvent {
  background: #ddd; }

table.CMSI_Module_Calendar_MonthSelector {
  width: 100%; }

.cmsi-product h2 {
  font-size: 15px; }

.browse {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  background: #312921;
  color: #8c765f;
  border: 2px solid #b09b50;
  box-shadow: 0 0 8px #ddd; }

.browse ul li:before {
  font-family: "foundation-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-decoration: inherit;
  content: "\f1b1";
  margin: 0 5px 0 0;
  color: #a58f79; }

.browse ul li:first-child:before {
  content: "\f168"; }

.browse a {
  color: #b09b50; }

.browse a:hover {
  color: #fff; }

.cmsi-product-feed h2.title {
  font-size: 22px;
  margin-bottom: 0; }

.cmsi-price {
  font-size: 18px; }

.cmsi-product-list {
  border-bottom: 1px solid #ddd; }

/* MOBILE
------------------------------------------ */
@media handheld, only screen and (max-width: 1060px) {
  .feature {
    background-position: center bottom; }

  .feature .large-4,
  .feature .large-8 {
    width: 100%; } }
@media handheld, only screen and (max-width: 767px) {
  body {
    -webkit-text-size-adjust: none; }

  header[role="banner"] {
    padding-bottom: 0; }

  nav {
    display: none; }

  .slicknav_menu .slicknav_menutxt {
    display: none; }

  .slicknav_menu .slicknav_icon {
    margin: 0; }

  .pos h1 {
    font-size: 24px; }

  .slicknav_btn {
    background: #9e0b0f;
    font-size: 16px;
    margin: 2px 5px 6px; }

  .slicknav_menu {
    display: block;
    background: none;
    width: 100%;
    position: fixed;
    z-index: 999; }

  .slicknav_menu > a {
    float: right; }

  ul.slicknav_nav {
    background: #13100c;
    border-top: 4px solid #b09b50; }

  .slicknav_arrow {
    font-family: arial; }

  ul.slicknav_nav li {
    margin-bottom: 0;
    padding: 0; }

  .slicknav_nav .slicknav_row {
    margin: 0; }

  ul.slicknav_nav li > a {
    margin: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    line-height: 40px; }

  .slicknav_nav a:hover,
  .slicknav_nav .slicknav_row:hover {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: #9f8c48;
    color: #fff; }

  .slicknav_nav .slicknav_row:hover {
    background: none; }

  ul.slicknav_nav li.slicknav_parent:hover {
    background: #b09b50; }

  .highlights .large-3:nth-child(3) {
    clear: both; }

  .cta p {
    font-size: 18px; }

  .newsBlock .entry,
  .newsBlock .entry:first-child {
    width: 100%;
    margin-bottom: 20px; }

  footer ul {
    display: none; }

  ul.sidenav {
    display: none; }

  .pageTitle {
    padding: 20px 0; }

  .pageTitle h1 {
    font-size: 24px; }

  .browse select {
    float: none; } }
/* MOBILE RETINA
------------------------------------------ */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  /*	.logo {
  		background: url(logo2x.jpg) no-repeat;
  		background-size: 212px 303px;
  	}*/ }