/* --:[ I am the one who knocks ]:-- */

*, *:before, *:after  {margin: 0; padding: 0; border: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html {font-family: sans-serif;  -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; overflow-x: hidden;}
body {background: #FFFFFF; color: #111111; font: normal 14px/21px "Open Sans", sans-serif;}
h1, .h1, h2, .h2, #site_title, #site_title a {font-weight: bold; font-family: "Lato", sans-serif;}
h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-family: "Lato", sans-serif;}
table {border-collapse: collapse; border-spacing: 0;}
img, abbr, acronym, fieldset {border: 0;}
code, kbd, pre, samp {background: #EEE; padding: 0px 2px; font-family: Menlo, Consolas, Monaco, monospace;}
pre {overflow: auto; clear: both; background: #333; overflow-x: scroll; padding: 5px 10px;}
pre code {background: none; color: #FFFCCC; font-size: 14px; line-height: 1.5; padding: 0;}
sub, sup {line-height: 0.5em;}
img, .wp-caption {max-width: 100%; height: auto;}
iframe, video, embed, object {display: block; max-width: 100%;}
img {display: block; vertical-align: middle; -ms-interpolation-mode: bicubic;}
.left, .alignleft, img[align="left"] {display: block; float: left;}
.right, .alignright, img[align="right"] {display: block; float: right;}
.center, .aligncenter, img[align="middle"] {display: block; margin-right: auto; margin-left: auto; text-align: center; float: none; clear: both;}
.block, .alignnone {display: block; clear: both;}
.wp-smiley {display: inline;}
::-moz-selection, ::selection {background: #D0DB97; text-shadow: none;}
audio, canvas, progress, video {display: inline-block; vertical-align: baseline;}
audio:not([controls]) {display: none; height: 0;}
[hidden], template {display: none;}
a {color: #242484; text-decoration: underline; background: transparent;}
a:focus {outline: 1; text-decoration: none;}
a:active, a:hover{outline: 0; text-decoration: none;}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: bold;}
dfn {font-style: italic;}
mark {background: #ff0; color: #000;}
small {font-size: 80%;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
svg:not(:root) {overflow: hidden;}
figure {margin: 0px;}
ul {list-style: square outside none;}
ol {list-style: decimal outside none;}
hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 1;}
button, input, optgroup, select, textarea {color: inherit; font: inherit; margin: 0;}
button {overflow: visible;}
button, select {text-transform: none;}
button, html input[type="button"], input[type="reset"], a.button, input[type="submit"], a.cta {background-color: #888888; color: #FFF;  -webkit-appearance: none; cursor: pointer; display: inline-block; text-decoration: none;}
input[type="submit"], a.cta {background-color: #592941; }
button:hover, html input[type="button"]:hover, input[type="reset"]:hover, a.button:hover, button:focus, html input[type="button"]:focus, input[type="reset"]:focus, a.button:focus {background-color: #111111;}
input[type="submit"]:hover, a.cta:hover, input[type="submit"]:focus, a.cta:focus {background-color: #242484;}
button[disabled], html input[disabled] {cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
input {font-size: 14px; line-height: 1;}
input[type="checkbox"], input[type="radio"] {margin: 0 11px; display: inline-block; width: auto; padding: 0;}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="file"], textarea, select { -webkit-appearance: none;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend {border: 0; padding: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
td, th {padding: 0;}
q {quotes: "\201C" "\201D" "\2018" "\2019"; font-style: italic;}
q:before {content: open-quote;}
q:after {content: close-quote;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {display: block;}


/* == Start of DNA Responsive CSS == */

h1, .h1, #site_title {font-size: 22px; line-height: 31px;}
h2, .h2 {font-size: 20px; line-height: 29px;}
h3, .h3 {font-size: 18px; line-height: 26px;}
h4, .h4 {font-size: 16px; line-height: 23px;}
h5, .h5 {font-size: 15px; line-height: 22px;}
h6, .h6 {font-size: 14px; line-height: 21px;}
h1, h2, h3, h4, h5, h6, ul, ol, p, pre, table, dl, blockquote, figure, .dna-fitvids, .alert, .info, .note, .attn, .ftr-section, .grmb {margin-bottom: 21px;}
input[type="submit"], input[type="button"] {line-height: 21px;}
p.aux, label  {font: normal 10px/16px "Open Sans", sans-serif;}
p.aux  {margin-bottom: 16px;}


/* --- [Global Content Styling] ---*/

.post_content h1, .post_content .h1, .post_content h2, .post_content .h2,
.post_content h3, .post_content .h3, .post_content h4, .post_content .h4,
.post_content h5, .post_content .h5, .post_content h6, .post_content .h6 {
	color: #0A1B55;  margin-top: 22px; }
blockquote p, .testimonial {font: italic inherit/21px "Open Sans", sans-serif;}

/* --- [Aside Content Styling] --- */

.aside {color: #888888; font: normal 12px/18px "Open Sans", sans-serif;}
.aside h1, .aside .h1, .aside h2, .aside .h2 {font-family: "Lato", sans-serif;}
.aside h3, .aside .h3, .aside h4, .aside .h4, .aside h5, .aside .h5, .aside h6, .aside .h6 {font-family: "Lato", sans-serif;}
.aside h1, .aside .h1 {font-size: 23px; line-height: 33px;}
.aside h2, .aside .h2 {font-size: 23px; line-height: 33px;}
.aside h3, .aside .h3 {font-size: 16px; line-height: 23px;}
.aside h4, .aside .h4 {font-size: 14px; line-height: 21px;}
.aside h5, .aside .h5 {font-size: 13px; line-height: 19px;}
.aside h6, .aside .h6 {font-size: 12px; line-height: 18px;}
.aside h1, .aside h2, .aside h3, .aside h4, .aside h5, .aside h6, .aside ul, .aside ol, .aside p, .aside pre, .aside table, .aside dl, .aside blockquote, .aside .alert, .aside .info, .aside .note, .aside .attn, .aside .grmb {margin-bottom: 18px;}
.aside input[type="submit"], .aside input[type="button"] {line-height: 18px;}
.aside p.aux, .aside label {font-size: 10px; line-height: 16px;}
.aside p.aux {margin-bottom: 16px;}

/* ------------------------------*/
/* ===      DNA RWD Grid     === */
/* ------------------------------*/
.row {width: 1140px; max-width: 220px; margin: 0 auto;}
.row, .dna-nav, .clearfix {*zoom: 1;}
.row:before, .row:after, .column:before, .columns:before, .column:after, .columns:after, .dna-nav:before, .dna-nav:after, .clearfix:before, .clearfix:after { content: ""; display: table;}
.row:after, .column:after, .columns:after, .clearfix:after {clear: both;}
.column, .columns {float: left; min-height: 1px; padding: 0 20px; position: relative; width: 100%;}
.column .row, .columns .row {margin: 0 -20px;}
.column.centered, .columns.centered {float: none; margin: 0 auto;}
[class*="column"] + [class*="column"]:last-child { float: right;}
[class*="column"] + [class*="column"].end { float: left;}

/* Baby Bear */
@media only screen and (min-width:320px) {
  .row {max-width: 300px;}
}

/* Little Sister Bear < =  iPhone 4 LS */
@media only screen and (min-width:480px) {
  body {line-height: 23px;}
  h1, .h1 {line-height: 33px;}
  h2, .h2 {line-height: 30px;}
  h3, .h3 {line-height: 28px;}
  h4, .h4 {line-height: 25px;}
  h5, .h5 {line-height: 24px;}
  h6, .h6 {line-height: 23px;}
  input[type="submit"], input[type="button"] {line-height: 23px;}
  h1, h2, h3, h4, h5, h6, ul, ol, p, pre, table, dl, blockquote, figure, .dna-fitvids, .alert, .info, .note, .attn, .ftr-section, .grmb  {margin-bottom: 23px;}
  blockquote p:last-child {margin-bottom: 12px;}
  .aside {line-height: 20px;}
  .aside h1, .aside .h1 {line-height: 34px;}
  .aside h2, .aside .h2 {line-height: 34px;}
  .aside h3, .aside .h3 {line-height: 25px;}
  .aside h4, .aside .h4 {line-height: 23px;}
  .aside h5, .aside .h5 {line-height: 21px;}
  .aside h6, .aside .h6 {line-height: 20px;}
  .aside h1, .aside h2, .aside h3, .aside h4, .aside h5, .aside h6, .aside ul, .aside ol, .aside p, .aside pre, .aside table, .aside dl, .aside blockquote, .aside .alert, .aside .info, .aside .note, .aside .attn, .aside .grmb {margin-bottom: 20px;}
  .aside input[type="submit"], .aside input[type="button"] {line-height: 20px;}
  .aside p.aux, .aside label {line-height: 17px;}
  .aside p.aux { margin-bottom: 17px;}
  .post_content h1, .post_content .h1, .post_content h2, .post_content .h2, .post_content h3, .post_content .h3, .post_content h4, .post_content .h4, .post_content h5, .post_content .h5, .post_content h6, .post_content .h6 {margin-top:  24px;}
  .row {max-width: 460px;}
}

/* Big Sister Bear < = max at iPhone 5 LS */
@media only screen and (min-width:568px) {
	.row {max-width: 548px;}
}

/* Momma Bear < = max at iPad Portrait */
@media only screen and (min-width:768px) {
  body {font-size: 18px; line-height: 28px;}
  input {font-size: 18px;}
  h1, .h1, #site_title {font-size: 30px; line-height: 44px;}
  h2, .h2 {font-size: 24px; line-height: 36px;}
  h3, .h3 {font-size: 22px; line-height: 33px;}
  h4, .h4 {font-size: 22px; line-height: 33px;}
  h5, .h5 {font-size: 20px; line-height: 31px;}
  h6, .h6 {font-size: 18px; line-height: 28px;}
  h1, h2, h3, h4, h5, h6, ul, ol, p, pre, table, dl, blockquote, figure, .dna-fitvids, .alert, .info, .note, .attn, .ftr-section, .grmb {margin-bottom: 28px;}
  input[type="submit"], input[type="button"] {line-height: 28px;}
  p.aux, label  {font: normal 12px/20px "Open Sans", sans-serif;}
  p.aux  {margin-bottom: 20px;}
  blockquote, blockquote p {font-size: inherit; line-height: 28px;}
  blockquote p:last-child {margin-bottom: 14px;}
  .aside {font-size: 14px; line-height: 21px;}
  .aside h1, .aside .h1 {font-size: 29px; line-height: 40px;}
  .aside h2, .aside .h2 {font-size: 29px; line-height: 40px;}
  .aside h3, .aside .h3 {font-size: 18px; line-height: 26px;}
  .aside h4, .aside .h4 {font-size: 16px; line-height: 23px;}
  .aside h5, .aside .h5 {font-size: 15px; line-height: 22px;}
  .aside h6, .aside .h6 {font-size: 14px; line-height: 21px;}
  .aside h1, .aside h2, .aside h3, .aside h4, .aside h5, .aside h6, .aside ul, .aside ol, .aside p, .aside pre, .aside table, .aside dl, .aside blockquote, .aside .alert, .aside .info, .aside .note, .aside .attn, .aside .grmb {margin-bottom: 21px;}
  .aside input[type="submit"], .aside input[type="button"] {line-height: 21px;}
  .aside p.aux, .aside label {font-size: 13px; line-height: 19px;}
  .aside p.aux {margin-bottom: 19px;}
  .post_content h1, .post_content .h1, .post_content h2, .post_content .h2, .post_content h3, .post_content .h3, .post_content h4, .post_content .h4, .post_content h5, .post_content .h5, .post_content h6, .post_content .h6 {margin-top:  26px;}
  .row {max-width: 748px;}

  .one, .row .one {width: 8.33333%;} .row .offset-one {margin-left: 8.33333%;} .push-one {left: 8.33333%;} .pull-one {right: 8.33333%;} .centered.one {width: 100%; max-width: 950px;}
  .two, .row .two {width: 16.66667%;} .row .offset-two {margin-left: 16.66667%;} .push-two {left: 16.66667%;} .pull-two {right: 16.66667%;} .centered.two {width: 100%; max-width: 190px;}
  .three, .row .three {width: 25%;} .row .offset-three {margin-left: 25%;} .push-three {left: 25%;} .pull-three {right: 25%;} .centered.three {width: 100%; max-width: 285px;}
  .four, .row .four {width: 33.33333%;} .row .offset-four {margin-left: 33.33333%;} .push-four {left: 33.33333%;} .pull-four {right: 33.33333%;} .centered.four {width: 100%; max-width: 380px;}
  .five, .row .five {width: 41.66667%;} .row .offset-five {margin-left: 41.66667%;} .push-five {left: 41.66667%;} .pull-five {right: 41.66667%;} .centered.five {width: 100%; max-width: 475px;}
  .six, .row .six {width: 50%;} .row .offset-six {margin-left: 50%;} .push-six {left: 50%;} .pull-six {right: 50%;} .centered.six {width: 100%; max-width: 570px;}
  .seven, .row .seven {width: 58.33333%;} .row .offset-seven {margin-left: 58.33333%;} .push-seven {left: 58.33333%;} .pull-seven {right: 58.33333%;} .centered.seven {width: 100%; max-width: 665px;}
  .eight, .row .eight {width: 66.66667%;} .row .offset-eight {margin-left: 66.66667%;} .push-eight {left: 66.66667%;} .pull-eight {right: 66.66667%;} .centered.eight {width: 100%; max-width: 759px;}
  .nine, .row .nine {width: 75%;} .row .offset-nine {margin-left: 75%;} .push-nine {left: 75%;} .pull-nine {right: 75%;} .centered.nine {width: 100%; max-width: 855px;}
  .ten, .row .ten {width: 83.33333%;} .row .offset-ten {margin-left: 83.33333%;} .push-ten {left: 83.33333%;} .pull-ten {right: 83.33333%;} .centered.ten {width: 100%; max-width: 950px;}
  .eleven, .row .eleven {width: 91.66667%;} .row .offset-eleven {margin-left: 91.66667%;} .push-eleven {left: 91.66667%;} .pull-eleven {right: 91.66667%;} .centered.eleven {width: 100%; max-width: 1045px;}
}

/* Pappa Bear = <  max at iPad Lansdscape */
@media only screen and (min-width:1024px) {
	body {line-height: 30px;}
	h1, .h1 {line-height: 45px;}
	h2, .h2 {line-height: 37px;}
	h3, .h3 {line-height: 35px;}
	h4, .h4 {line-height: 35px;}
	h5, .h5 {line-height: 32px;}
	h6, .h6 {line-height: 30px;}
	h1, h2, h3, h4, h5, h6, ul, ol, p, pre, table, dl, blockquote, .alert, .info, .note, .attn, .ftr-section, .grmb {margin-bottom: 30px;}
	input[type="submit"], input[type="button"] {line-height: 30px;}
	blockquote, blockquote p {line-height: 28px;}
	blockquote p:last-child {margin-bottom: 15px;}
	.aside h1, .aside .h1 {line-height: 41px;}
	.aside h2, .aside .h2 {line-height: 41px;}
	.aside h3, .aside .h3 {line-height: 27px;}
	.aside h4, .aside .h4 {line-height: 24px;}
	.aside h5, .aside .h5 {line-height: 23px;}
	.aside p.aux {margin-bottom: 20px;}
	.post_content h1, .post_content .h1, .post_content h2, .post_content .h2, .post_content h3, .post_content .h3, .post_content h4, .post_content .h4, .post_content h5, .post_content .h5, .post_content h6, .post_content .h6 {margin-top:  28px;}
	.row {max-width: 1024px;}
}

/* Grampa Bear  */
@media only screen and (min-width:1280px) {
	h1, .h1 {line-height: 46px;}
	h2, .h2 {line-height: 38px;}
	h3, .h3 {line-height: 36px;}
	h4, .h4 {line-height: 36px;}
	h5, .h5 {line-height: 33px;}
	.aside {line-height: 22px;}
	.aside h6, .aside .h6 {line-height: 22px;}
	.aside h1, .aside h2, .aside h3, .aside h4, .aside h5, .aside h6, .aside ul, .aside ol, .aside p, .aside pre, .aside table, .aside dl, .aside blockquote, .aside .alert, .aside .info, .aside .note, .aside .attn, .aside .grmb {margin-bottom: 22px;}
	.aside input[type="submit"], .aside input[type="button"] {line-height: 22px;}
	.aside ul {list-style:   none; margin: 0 0 22px ;}
	.aside ol {list-style:   none; margin: 0 0 22px ;}
	.row {max-width: 1140px;}

}

/*--- [Media Query Fix for IE8 and below ---*/
body.ie8 .row, body.ie7 .row, body.ie6 .row  {width: 100% !important; max-width: 1140px !important;}

@font-face {
	font-family: 'dnaicons';
	src:url('https://lodgecoppice.co.uk/wp-content/thesis/skins/thesisdna/fonts/dnaicons.eot');
	src:url('https://lodgecoppice.co.uk/wp-content/thesis/skins/thesisdna/fonts/dnaicons.eot?#iefix') format('embedded-opentype'),
	url('https://lodgecoppice.co.uk/wp-content/thesis/skins/thesisdna/fonts/dnaicons.woff') format('woff'),
	url('https://lodgecoppice.co.uk/wp-content/thesis/skins/thesisdna/fonts/dnaicons.ttf') format('truetype'),
	url('https://lodgecoppice.co.uk/wp-content/thesis/skins/thesisdna/fonts/dnaicons.svg#dna') format('svg');
	font-weight: normal; font-style: normal;
}
[data-icon]:before {content: attr(data-icon); font: normal normal 18px/1 dnaicons; speak: none;}
.icon-alone {display: inline-block;}
/*--------------------------------*/
/* ==  DNA BARE BONES STYLING  == */
/*--------------------------------*/

#site_tagline, #site_title, #site_title a {color: #0A1B55; margin: 0;}
#site_title a {border-bottom: none; text-decoration: none; -webkit-transition: all 0350ms ease; -moz-transition: all 0350ms ease; -o-transition: all 0350ms ease; transition: all 0350ms ease;;}
#site_title a:hover, #site_title a:focus {border-bottom: none; text-decoration: none; position: relative; top: 1px;}
#site_title a:active {top: 2px;}

.headline, .headline a {color: #0A1B55; font-weight: bold;  text-decoration: none; display: block;}
.headline a:hover, .headline a:focus {color: #0A1B55; background: #F0ECC9;}
.headline-wrapper .headline {margin: 0;}

@media only screen and (min-width:1024px) {
	.main-content {padding-left: 20px; padding-right: 20px;}
	.main-content.centered .post_box {padding-left: 0px; padding-right: 0px;}
}
.dna-archive .post_box {border-top: solid 1px #F0ECC9; padding-bottom: 20px; padding-top: 20px; margin-top: 20px;}
.dna-archive .post_box.top {border-top: none; padding-top: 0; margin-top: 0;}
.page_nav {padding-top: 20px; margin-top: 20px; border-top: solid 1px #F0ECC9;}
.page_nav_intro {font-weight: bold;}
.page-numbers {display: inline-block; margin-top: 20px; min-height: 36px; min-width: 20px; color: #111111; background: #E6E6E6; border: solid 1px #E6E6E6; border-radius: 18px; line-height: 36px; margin-right: 4px; margin-top: 20px; min-height: 36px; min-width: 36px; text-align: center; text-decoration: none;}
.page-numbers.current, .page-numbers:hover, .page-numbers:focus {background: #CCC;}
.page-numbers.next {margin-right: 0;}
.page-numbers.next, .page-numbers.prev {padding: 0 20px;}
.page-numbers.dots, .page-numbers.dots:hover, .page-numbers.dots:focus {background: none; border: none;}
.post_nav {background: #F0ECC9; border: solid 1px #F0ECC9; padding: 10px;}
.footer .menu li {list-style: none; display: inline-block; margin: 5px;}
.footer .menu a {color: #242484;}
.footer .menu a:hover,
.footer .menu a:focus {border-color: #592941;}
.dna-credits-box {font: normal 10px/16px "Open Sans", sans-serif; text-align: center;}
.dna-credits-box p {margin-bottom: 5px;}
.dna-credits-box a {text-decoration: none;}
	.dna-credits-box a:hover, .credits-box a:focus {text-decoration: underline;}
@media only screen and (min-width:768px) {
	.dna-credits-box {font: normal 10px/16px "Open Sans", sans-serif;}
	.dna-copyright-date {text-align: left;}
	.dna-studio-link {text-align: right;}
}

/*-------------------------*/
/*---- [DNA KEYFRAMES] ----*/

@keyframes fadein {from {opacity:0;} to {opacity:1;}}
@-moz-keyframes fadein {from {opacity:0;} to {opacity:1;}}
@-webkit-keyframes fadein {from {opacity:0;} to {opacity:1;}}
	/* DNA Global Styling ---------------*/

.menu, .menu .sub-menu {margin: 0; list-style: none;}
.menu.show_menu {display: block;}
@media only screen and (min-width:768px) {
	.menu_control {display: none;}
	.menu li {width: auto; position: relative; display: inline-block;}
	.menu a {display: block;}
	.menu ul {position: absolute; visibility: hidden; list-style: none; z-index: 110;}
	.menu ul ul {display: none;}
	.menu .sub-menu {width: 250px;}
	.menu .sub-menu li {width: 100%;}
	.menu li:hover ul, .menu a:hover ul, .menu :hover ul :hover ul, .menu :hover ul :hover ul :hover ul {visibility: visible;}
	.menu :hover ul ul, .menu :hover ul :hover ul ul {visibility: hidden;}
}

.dna-meta-manager {color: #888888; font-size: 11px; position: relative; margin: 0 0 10px 0; background: #F0ECC9; padding: 5px;}
.dna-meta-manager a {color: #888888; text-decoration: none;}
.dna-meta-manager a:hover, .dna-meta-manager a:focus {color: #111111; border: none;}
.dna-meta-manager .avatar {float: left; margin-right: 10px; background: white;}
.dna-meta-manager span:before, .dna-meta-manager .post_cats:before {color: #8B724B;}
.dna-meta-manager > :first-child {padding-left: 0px;}
.dna-meta-manager > :last-child {padding-right: 0px;}
.post_author, .post_date, .post_cats, .num_comments_link {padding: 5px; display: inline;}
.post_edit {background-color: #DDDDDD; border: 1px solid #888888; border-radius: 5px; padding: 0 5px;}
.post_edit:hover, a.post_edit:focus { background: #888888; color: white; border: solid 1px #777;}
@media only screen and (min-width:1024px) {.dna-meta-manager {position: relative;} .dna-meta-manager .post_edit {position: absolute; left: -90px; line-height: 1.5;}}
.post_author:before, .post_date:before, .post_cats:before, .post_edit:before, .twitter_profile:before, .num_comments_link:before, .comment_date:before {font-family: dnaicons; margin: 0 5px;}
.post_author:before {content: "\e012";}
.post_date:before, .comment_date:before {content: "\e611";}
.post_cats:before {content: "\e092";}
.post_tags:before {content: "\e00b";}
.post_edit:before {content: "\e06e";}
.twitter_profile:before {content: "\e02d";}
.num_comments_link:before {content: "\e011";}
.dna-comment-wrap {margin-bottom: 20px;}
.dna-comment-wrap .dna-reveal-content {padding-top: 20px;}
ul.comment_list {font-size: 15px; line-height: 21px; margin-left: 0;}
.comment {border: solid 1px #D0DB97; padding: 10px 0 10px 10px; margin-bottom: 10px; position: relative; list-style: none;}
.comment p {margin-bottom: 10px;}
.comment .avatar {float: left; margin-right: 10px;}
.comment_author {font-size: 17px; font-weight: bold; margin-bottom: 10px; display: block; }
.comment_author a {text-decoration: none;}
.comment_author a:hover, .comment_author a:focus {text-decoration: underline;}
.comment_author:after {content: " Says..."; font-weight: normal; font-style: italic;}
.comment_text {padding-right: 10px;}
.comment-reply-link {color: #0A1B55; position: absolute; top: 10px; right: 10px; background: #F0ECC9; padding: 2px 5px; border-radius: 2px; border: solid 1px #D0DB97; text-decoration: none;}
.comment-reply-link:hover, .comment-reply-link:focus {background: #D0DB97;}
.children .comment {margin-right: -1px;}
.comment-meta {padding: 5px; margin-bottom: 10px;}
.comment_date {padding-right: 1em;}
.comment_permalink {position: absolute; right: 10px;}

/*--- Post Navigation ---*/
.next_post, .previous_post {width: 50%; float: left; position: relative;}
.next_post {padding-left: 10px; padding-right: 20px; text-align: right;}
.previous_post {padding-left: 20px; padding-right: 10px;}
.next_post:after, 
.previous_post:before {font-family: dnaicons; margin-right: 10px; position: absolute;}
.previous_post:before {content: "\e0a7"; left: 0px; top: 0;}
.next_post:after {content: "\e0a8"; right: -15px; top: 0;}

@media only screen and (max-width:767px) { /*--- Big Sis ---*/
	.post_nav a {display: block;}
}

/*------- [Sidebar] -------*/
/*-------------------------*/

.sidebar {margin-top: 32px;}
@media only screen and (min-width:768px) {
	.sidebar {margin-top: 0;}}


/*-------------------------*/
/*------ [DNA BOXES] ------*/
/*-------------------------*/

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select { border: solid 1px #D0DB97; padding: 5px 5px 5px 5px; -webkit-transition: all 0300ms ease; -moz-transition: all 0300ms ease; -o-transition: all 0300ms ease; transition: all 0300ms ease; max-width: 500px; }
input[type="submit"], input[type="button"], input[type="reset"], a.button { background: #888888; border: solid 1px #111111; border-radius: 3px 3px 3px 3px; color: #FFFFFF; padding: 0px 15px 0px 15px; -webkit-transition: all 0450ms ease-in-out; -moz-transition: all 0450ms ease-in-out; -o-transition: all 0450ms ease-in-out; transition: all 0450ms ease-in-out; }
input[type="submit"]:hover, input[type="submit"]:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, a.button:hover, a.button:focus { background: #111111; }
input[type="submit"], a.cta { background: #592941; }
input[type="submit"]:hover, input[type="submit"]:focus, a.cta:hover, a.cta:focus { background: #242484; }
ul { margin-left: 20px; }
ol { margin-left: 20px; }
.ftr-section { background: #F0ECC9; padding: 20px 20px 20px 20px; }
  .ftr-section *:first-child {margin-top: 0;}
.ftr-section *:last-child {margin-bottom: 0;}
body { background: #D0DB97; }
.header-area { background: #0A1B55; padding: 10px 0px 10px 0px; }
.hero-area { background: url('http://lodgecoppice.co.uk/wp-content/uploads/2016/12/Lodge-Coppice-010-960x349.jpg') no-repeat 50% #D0DB97; padding: 20px 0px 20px 0px; }
.content-area { background: #FFFFFF; padding: 20px 0px 20px 0px; }
.footer-area { padding: 20px 0px 20px 0px; }

/* DNA Helper CSS ---------------------*/
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-justify {text-align: justify;}
.ntm {margin-top: 0px !important;}
.nbm {margin-bottom: 0px !important;}
.clear_b {clear: both;}
.clear_l {clear: left;}
.clear_r {clear: right;}
.clear_n {clear: none;}
.block {display: block;}
.inline-block {display: inline-block;}
.inline {display: inline;}
.text1 {color: #111111;}
.text2 {color: #888888;}
.color1 {color: #0A1B55;}
.color2 {color: #498467;}
.color3 {color: #8B724B;}
.color4 {color: #D0DB97;}
.color5 {color: #F0ECC9;}
.color6 {color: #242484;}
.color7 {color: #592941;}
ul.no-style {list-style: none !important;}
ul.square {list-style-type: square; }
ul.circle {list-style-type: circle; }
ul.disc {list-style-type: disc; }
ul.no-bullet {list-style: none; }
ul.checks li {list-style-type: none; padding-left: 27px; position: relative;}
ul.checks li:before {content: "✓"; font-family: helvetica, arial, sans-serif; color: #826003; position: absolute; left: 0;}
ul.crosses li {list-style-type: none; padding-left: 27px; position: relative;}
ul.crosses li:before {content: "✗"; font-family: helvetica, arial, sans-serif; color: #A0002E; position: absolute; left: 0;}
ul.arrow li {list-style-type: none; padding-left: 27px; position: relative;}
ul.arrow li:before {content: "\25B8"; font-family: helvetica, arial, sans-serif; color: #888888; position: absolute; left: 0;}
ul.diamond li {list-style-type: none; padding-left: 27px; position: relative;}
ul.diamond li:before {content: "\2756"; font-family: helvetica, arial, sans-serif; color: #888888; position: absolute; left: 0;}


/* --- Filter: ('dna_css', $my_css) --- */


/* -- DNA CSS: DNA Block Link [Start] -- */
a.block-link {display: block;}

/* -- DNA CSS: DNA Block Link [End] -- */


/* -- DNA CSS: DNA Block Link [Start] -- */
a.block-link {display: block;}

/* -- DNA CSS: DNA Block Link [End] -- */


/* -- DNA CSS: DNA Block Link [Start] -- */
a.block-link {display: block;}

/* -- DNA CSS: DNA Block Link [End] -- */


/* -- DNA CSS: DNA Block Link [Start] -- */
a.block-link {display: block;}

/* -- DNA CSS: DNA Block Link [End] -- */


/* -- DNA CSS: DNA Block Link [Start] -- */
a.block-link {display: block;}

/* -- DNA CSS: DNA Block Link [End] -- */


/* -- DNA CSS: DNA Block Link [Start] -- */
a.block-link {display: block;}

/* -- DNA CSS: DNA Block Link [End] -- */


/* -- DNA CSS: DNA Block Link [Start] -- */
a.block-link {display: block;}

/* -- DNA CSS: DNA Block Link [End] -- */


/* --- DNA CSS: DNA FitVids --- */

@media only screen and (min-width: 768px) {.hero-box .dna-fitvids {margin-bottom: 0;}}


/* - - DNA CSS - dna_image_manager - - */
.alignnone {float: none;}
.alignright {float: right; margin-left: 15px;}
.aligncenter {margin-right: auto; margin-left: auto;}
.alignleft {float: left; margin-right: 15px;}
.size-medium {width: 50%; max-width: 300px; margin-bottom: 0;}
.wp-caption {background: #eee; border: solid 1px #ccc; padding: 3px;}
figcaption p {text-align: center; margin-top: 3px; margin-bottom: 0;}
.gallery {margin-left: -2px; margin-right: -2px;}
.gallery-item {padding: 2px; width: 33.333%; display: inline-block; background: #eee; padding: 3px;}
@media only screen and (min-width: 768px) {
  .gallery-columns-1 .gallery-item {width: 100%;}
  .gallery-columns-2 .gallery-item {width: 50%;}
  .gallery-columns-3 .gallery-item {width: 33.333%;}
  .gallery-columns-4 .gallery-item {width: 25%;}
  .gallery-columns-5 .gallery-item {width: 20%;}
  .gallery-columns-6 .gallery-item {width: 16.666%;}
  .gallery-columns-7 .gallery-item {width: 14.285%;}
  .gallery-columns-8 .gallery-item {width: 12.5%;}
  .gallery-columns-9 .gallery-item {width: 11.111%;}
  .gallery-columns-10 .gallery-item {width: 10%;}
  .gallery-columns-11 .gallery-item {width: 9.090%;}
  .gallery-columns-12 .gallery-item {width: 8.333%;}}


/* --- DNA CSS: DNA Optin Form Manager --- */

.dna-optin-wrap { }
h3.optin-headline {margin-top: 0px; }
p.optin-footer {margin-bottom: 0px; }

/* --- DNA Modal --- */
a.dna-popup-trigger {text-align: center;}
.dna-popup {opacity: 0; visibility: hidden; height: 0; -webkit-transition: opacity 0.0s 0s, visibility 0s 0.3s; transition: opacity 0.0s 0s, visibility 0s 0.3s;}
.is-visible:before {content: ""; background: rgba(0,0,0,0.8); display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; position: fixed; z-index: 20001;}
.dna-popup.is-visible {height: auto; opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s 0s, visibility 0s 0.0s; transition: opacity 0.5s 0s, visibility 0s 0.0s; text-align: center;}
.dna-popup-container {background: white; display: none; padding: 10px; position: relative; -webkit-transform: translateY(-80px); -ms-transform: translateY(-80px); transform: translateY(-80px); -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.75s; transition-duration: 0.75s;}
.is-visible .dna-popup-container {display: inline-block; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); top: 0; left: 50%; margin-left: -150px; position: absolute; margin-top: 50px; width: 300px; z-index: 20001;}
.dna-popup-container form {text-align: left;}
a.dna-close { text-decoration: none; font-size: 18px; line-height: 11px; background: #000; border: solid 2px #FFF; color: #FFF; width: 18px; height: 18px; display: block; text-align: center; position: absolute; bottom: 0px; right: 0px;}
a.dna-close:hover {color: #A0002E;}

@media only screen and (min-width: 768px) {
  .is-visible .dna-popup-container { width: 600px; margin-left: -300px; }}

/* --- DNA CSS: Owl Carousel --- */

/* Owl Carousel - Animate Plugin */
.owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.owl-carousel .owl-animated-in { z-index: 0; }
.owl-carousel .owl-animated-out { z-index: 1; }
.owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }
@-webkit-keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}}
@keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}}
/* Owl Carousel - Auto Height Plugin */
.owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out;}
/*  Core Owl Carousel CSS File */
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y;}
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.owl-carousel.owl-loaded { display: block; }
.owl-carousel.owl-loading { opacity: 0; display: block; }
.owl-carousel.owl-hidden { opacity: 0;}
.owl-carousel .owl-refresh .owl-item { display: none; }
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel .owl-item img {display: block; width: 100%; -webkit-transform-style: preserve-3d;}
.owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; }
.owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; }
.owl-carousel.owl-rtl { direction: rtl; }
.owl-carousel.owl-rtl .owl-item { float: right; }
.owl-controls {padding-top: 10px;}
.owl-dots {text-align: center; display: block;}
.owl-dot { height: 12px; width: 12px; background: #FFF; display: inline-block; margin: 2px 2px 0; border: solid 2px #AAAAAA; border-radius: 100%;}
.owl-dot.active {border-color: #D8D8D8; display: inline-block;}
.owl-nav {position: absolute; left: 0; right: 0; z-index: 0;}
.owl-prev, .owl-next { background-color: #CCCCCC; text-align: center; padding: 0px 10px; position: absolute; border-radius: 5px; top: 0;}
.owl-item .gallery-item {width: 100%; display: block;}
.owl-dots {padding: 0 50px;}
.owl-prev { left: 0;}
.owl-next { right: 0;}
.owl-prev:hover, .owl-next:hover, .owl-prev:focus, .owl-next:focus {background-color: #ECECEC;}
/* No Js */
.no-js .owl-carousel { display: block; }
/* Owl Carousel - Lazy Load Plugin */
.owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; }
.owl-carousel .owl-item img { transform-style: preserve-3d; }
/* Owl Carousel - Video Plugin */
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; }
.owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; }

/* DNA Resposive Menu CSS */

a.toggleMenu {background: #0A1B55; border: solid 1px#8B724B; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px;  color: #8B724B; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; padding: 5px 5px 5px 5px; display: none; text-decoration: none; text-align: center; }
.dna-nav {display: block; list-style: none; margin: 0; }
.dna-nav a {color: #242484; line-height: 1.618em; padding: 5px 15px 5px 15px; text-decoration: none; -webkit-transition: all 0400ms ease-in-out;  -moz-transition: all 0400ms ease-in-out;  -o-transition: all 0400ms ease-in-out;  transition: all 0400ms ease-in-out;  }
.dna-nav ul a {width: auto;}
.dna-nav a:hover, .dna-nav a:focus {}
.dna-nav .current a, .dna-nav .current-cat a, .dna-nav .current-menu-item a {}
.dna-nav ul {background-color: #FFF;  list-style: none; margin: 0; width: 250px; z-index: 300;}
.dna-nav ul a {}
.dna-nav ul a:hover, .dna-nav ul a:focus {}
.dna-nav li {position: relative;}
.dna-nav > li {display: inline-block;}
.dna-nav li a {display: block;}
.dna-nav li ul {position: absolute; left: -9999px;}
.dna-nav > li.hover > ul {left:0;}
.dna-nav > li li.hover > ul {left:100%; top:0;}
.dna-nav li li a {display: block; position: relative; z-index:100;}
.dna-nav li li li a {z-index:200;}
.dna-nav .sub-menu.open {display: block;}

@media only screen and (min-width:768px) {
  .dna-nav > li > .parent:after {content: "\e0a6"; font-family: dnaicons; padding-left: 5px; position: absolute;}
  .dna-nav > li > .parent {padding-right: 35px;}
}
@media only screen and (max-width:767px) {
  .active {display: block;}
  .dna-nav li {border-top: solid 1px rgba(0,0,0,0.2);}
  .dna-nav li:last-child {border-bottom: solid 1px rgba(0,0,0,0.2);}
  .dna-nav a {text-align:left;}
  .dna-nav li li a {padding-left: 30px;}
  .dna-nav li li li a {padding-left: 35px;}
  .dna-nav > li {display: block;}
  .dna-nav > li > .parent {background-image: none;}  
  .dna-nav li .more {float: right; color: #242484; ; width: 40px; padding: 15px 15px 0; margin: 2px 5px 2px 0px; cursor: pointer; z-index: 200; position: relative;}
  .dna-nav li .more:before {content: "\e0a6"; font-family: dnaicons; padding: 8px; width: 100%; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
  .dna-nav ul {display: block; width: 100%;}
  .dna-nav > li.hover > ul,
  .dna-nav li li.hover ul {position: static;}
}

/* --- DNA CSS: DNA Hero Area --- */
.hero-box-left.flip {float:right;}
.hero-box-right.flip {float:left;}
.stack {margin-bottom: -20px;}
.stack .hero-box-left.flip, .stack .hero-box-right.flip {float: none;}
.stack, .stack .hero-box-left, .stack .hero-box-right {width: 100%; max-width: 640px; margin: 10px auto; float: none;}
.stack .hero-box-right form {width: 100%; max-width: 400px; margin: 10px auto; float: none;}

@media only screen and (min-width:768px) {
	.hero-box .eight.hero-box-left {width: 50%;}}

@media only screen and (min-width:1280px) {
	.row {max-width: 1140px;}}

img.flip { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH";}

.dna_video_thumbnail {position: relative; display: block; z-index: 1;}
.dna_video_thumbnail:before {content: "play"; position: absolute; padding: 10px 15px; background: rgba(255, 0, 0, 1.0); border-radius: 5px; line-height: 1; font-weight: bold; color: white; z-index: 1; left: 50%; margin-left: -30px; top: 50%; margin-top: -18px;-webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out;}

.dna_video_thumbnail:hover:before {background: rgba(255, 0, 0, 0.5);}

@media only screen and (min-width:480px) and (max-width: 767px) {
	.size-medium {width: 33%;}}

/* 
 *       Stem v2.0b
 *  1.0  Typography
 *  2.0  Global Template Areas
 *  3.0  Global Patterns
 *  4.0  Header Area
 *  5.0  Nav Area
 *  6.0  Content Area
 *  7.0  Footer Area
 *  8.0  Template Specific
 *  9.0  Page Specific
 * ---------------------------------------------------------------------------*/

@media only screen and (min-width:768px) {
	.dna-nav {text-align: right;}}


/*  1.0 Typography ---------------
 * ---------------------------------------------------------------------------*/
p.intro {font-size: 16px; line-height: 1.45; font-weight: bold;}
@media only screen and (min-width:1024px) {
	p.intro {font-size: 18px;}}

@media only screen and (min-width:768px) and (max-width:1023px) {
	.eight .post_content {font-size: 16px; line-height: 24px;}
	.four {font-size: 12px; line-height: 18px;}}

/*  2.0 Global Template Areas ----
 * ---------------------------------------------------------------------------*/

body {background-color: #0A1B55;}

.hero-area {background-size: cover;}


.pre-footer-area {background-color: #F0ECC9; padding: 20px 0;}


@media only screen and (max-width:767px) {
	.mobile-hide { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }}

@media only screen and (min-width:768px) {
	.cols-2 .post_content {
		-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;
		-webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px;}}

/*  3.0 Global Patterns ----------
 * ---------------------------------------------------------------------------*/

.ilb {display: inline-block;}

.dna-fitvids {border: solid 3px white;}

a.block-link,
a.ftr-link {text-decoration: none; background-color: #F0ECC9; padding: 10px; -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out;}

a.block-link:hover,
a.block-link:focus,
a.ftr-link:hover,
a.ftr-link:focus{transform: scale(1.025,1.025); background-color: #D0DB97;}

a.ftr-link { display: block; font-size: 16px; font-weight: bold; padding-left: 60px; position: relative;}
a.ftr-link:before {font-family: dnaicons; position: absolute; left: 10px; font-size: 30px; color: #498467;}

a.ftr-link.map:before {content: "";}
a.ftr-link.faq:before {content: "";}
a.ftr-link.gallery:before {content: "";}

.block-link h3 {margin-bottom: 10px;}

.widget_title, .sidebar .widget_title {
	background-color: #8B724B; color: white; text-align: center; 
	padding: 10px; margin-top: 0;}

.sidebar .widget h3 {margin-top: 0;}

.icon {position: relative; padding-left: 20px;}
.icon:before {content: ""; color: #0A1B55; font-family: dnaicons; position: absolute; left: 0;}
.icon-phone:before {content: "";}
.icon-mail:before {content: "";}
.icon-location:before {content: "";}

.contact-list li,
.aside .contact-list li {
	color: #111111; margin-bottom: 5px; list-style: none;}

.fom {color: #8B724B;}

/*  4.0  Header Area -------------
 * ---------------------------------------------------------------------------*/
.dna-logo {width: 100px;}

.header-text-box {color: white;}
.header-text-box a [data-icon]:before {color: #0A1B55;}

.header-text-box a {
	color: white; text-decoration: none; display: block; cursor: pointer; font-weight: bold;}

@media only screen and (max-width:767px) { 
	
/*	.header-text-box {
	  width: 36px;
	  position: absolute;
	  top: -58px;
	  right: 103px;
	  color: white;
	  font-size: 12px;
	  line-height: 1.4;
	  text-align: center;
	}
	.header-text-box a [data-icon]:before {
	  color: #8B724B;
	  text-decoration: none;
	  border: solid 1px #8B724B;
	  height: 36px;
	  width: 36px;
	  display: block;
	  line-height: 36px;
	  border-radius: 2px;
	  font-size: 22px; line-height: 36px;
	}*/
	
	.header-text-box {
	  width: 12em;
	  position: absolute;
	  top: -85px;
	  right: 0;
	  color: white;
	  font-size: 12px;
	  line-height: 1.4;
	  text-align: center;
	}
	
	.header-text-box a {
		display: flex;
  align-items: center;}

	.header-text-box a [data-icon]:before {
	  color: #8B724B;
	  text-decoration: none;
	  height: 36px;
	  width: 36px;
	  display: block;
	  line-height: 36px;
	  border-radius: 2px;
	  font-size: 22px; line-height: 36px;
	margin-right: 0.25em;
	}
	
}

@media only screen and (min-width:768px) {
	.dna-logo {width: 150px;}
	
	.header-right {position: relative; padding-top: 75px; padding-left: 0;}
	.header-text-box {
		width: 210px; position: absolute; top: -10px; right: 20px; font-size: 12px;
		background: #8B724B; border-radius: 0 0 2px 2px; 
		text-align: center; padding: 5px 0;}
	.header-text-box a {display: inline-block;}
	.header-text-box [data-icon]:before {
		font-size: 14px; position: relative; top: 2px; left: 0px;}}

@media only screen and (min-width:1024px) {
	.header-area {padding: 20px 0;}
	.dna-logo {width: 100%;}
	.header-right {padding-top: 88px;}
	.header-text-box {color: white;
		width: 300px; top: -20px; padding: 10px 0; font-size: 15px;}
	.header-text-box a {padding-left: 10px;}
	.header-text-box [data-icon]:before {
		font-size: 18px;}}

@media only screen and (min-width:1280px) {
	.header-text-box {width: 340px; font-size: 17px;}
	.header-text-box [data-icon]:before {font-size: 20px;}}

.owl-dot.active {border-color: #8B724B;}
.owl-prev, .owl-next {
	background-color: #8B724B; color: white; text-transform: capitalize; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out;}
.owl-prev:hover, .owl-next:hover,
.owl-prev:focus, .owl-next:focus {background-color: #8B724B; opacity: 0.85;}
.owl-prev:active, .owl-next:active {opacity: 0.3;}



/*  5.0  Nav Area ----------------
 * ---------------------------------------------------------------------------*/

.menu-container {padding-top: 20px; text-align: center;}
.dna-nav {padding-top: 20px;}
.dna-nav a {color: white; border: solid 1px #0A1B55;}
.dna-nav a:hover, .dna-nav a:focus {color: #8B724B; border-color: #8B724B;}

a.toggleMenu {
	padding: 0px 7px; 
	position: absolute; 
	right: 20px; 
	top: -58px; 
	top: -36px; 
	font-size: 14px; 
	line-height: 34px;
}


@media only screen and (min-width:480px) {
  .menu-container {padding-top: 0px;}}

@media only screen and (min-width:768px) and (max-width:1023px) {
	.dna-nav {padding-top: 0;}
	.dna-nav a {padding: 5px; font-size: 11px;}}

@media only screen and (min-width:1024px) {
	.dna-nav {padding-top: 25px;}
	.dna-nav a {font-size: 13px;}}

@media only screen and (min-width:1280px) {
	.dna-nav {padding-top: 41px;}
	.dna-nav a {font-size: 15px;}}

/*  6.0  Content Area ------------
 * ---------------------------------------------------------------------------*/

.feature-gallery {padding: 0 20px;}

.headline-area {padding: 10px 0;}
.hero-area {padding-top: 60px;}
.hero-box .headline,
.headline-area .headline,
.headline-area .sub-head,
.headline-area .headline-wrapper.grmb {margin-bottom: 0;}

.hero-box .headline,
.hero-box .sub-head {color: white;}

.headline-area {background-color: #D0DB97;}

@media only screen and (min-width:480px) {
	.hero-area {padding-top: 80px;}}
	
@media only screen and (min-width:768px) {
	.headline-area {padding: 20px 0;}
	.hero-area {padding-top: 50px;}
	.hero-box .headline {margin-top: 100px;}
	.hero-box .dna-fitvids {margin-top: 40px;}}
	
@media only screen and (min-width:768px) and (max-width:1023px) {
	.hero-box .headline {font-size: 26px;}}

@media only screen and (min-width:1024px) {
			.hero-box .headline {margin-top: 150px;}}

.headline-box .sub-head {color: #498467;}

@media only screen and (min-width:768px) {
	.hero-area {background-image: url('images/hero-large-2.jpg');}}

/*  7.0  Footer Area -------------
 * ---------------------------------------------------------------------------*/

.footer *, 
.footer .menu a,
.footer .icon:before,
.footer .contact-list li, 
.footer .aside .contact-list li{color: white;}

.footer .widget, 
.footer .widget_title {padding: 0; margin: 0 0 20px 0;}
.footer .widget_title {background: none; text-align: left;}

.footer .contact-list {margin-left: 0;}

.dna-credits-box {
	padding: 10px 0; margin-top: 10px; border-top: solid 1px rgba(0,0,0,0.3);}
.dna-credits-box p, .dna-credits-box p a {color: #ccc;}

@media only screen and (min-width:768px) {
	.footer .widget {margin: 0;}
	.footer .menu li {display: block; margin: 5px 0;}}

/*  8.0  Template Specific -------
 * ---------------------------------------------------------------------------*/

.dna-archive .hero-area {background: white;}
.dna-archive .hero-area .twelve.columns {padding: 0;}
.dna-archive h1.archive_title {padding: 0 20px; margin-bottom: 0;}
.dna-archive .hero-area .subhead {color: #498467;}

.dna-archive .content-area {background-color: #F0ECC9;}

.dna-archive .post_box,
.dna-archive .post_box.top {border-top: none; padding: 10px; margin-top: 0px;}
.dna-archive .content-area a.block-link {background-color: white; border: solid 1px #D0DB97;}
.dna-archive .content-area a.block-link:hover,
.dna-archive .content-area a.block-link:focus {background-color: #D0DB97;}

.dna-archive .caravan-listing .headline-wrapper.grmb {margin-bottom: 10px;}
.dna-archive .caravan-listing .post-img-wrap {position: relative; margin-bottom: 5px;}
.dna-archive .caravan-listing .post-img-wrap .brand-logo {position: absolute; top: 10px; right: 10px; width: 55px;}

.dna-archive .product-meta {margin: 0;}
.dna-archive .product-meta li {width: 49%; display: inline-block; text-align: right;}
.dna-archive .product-meta li span {padding-right: 5px; color: #498467;}
.dna-archive .product-meta li.condition {font-weight: bold; color: #0A1B55; text-align: left;}

@media only screen and (min-width:1024px) {
	.dna-archive .caravan-listing .post-img-wrap .brand-logo {width: 75px;}}


@media only screen and (min-width:768px) {
	.dna-archive .content-box {
		display: flex; flex-wrap: wrap;}
	.dna-archive .post_box {display: flex;}
	.dna-archive .post_box:nth-of-type(3n+4) {
		clear: left; float: left; }}



.single .caravan-listing .headline-wrapper {
	background-color: #D0DB97; position: relative; padding: 10px;}

.single .caravan-listing .headline-wrapper .aside {
	color: #498467; padding: 10px 0;}

.single .caravan-listing .brand-logo {
	width: 75px; position: absolute; right: 10px; top: 10px;}

.single .caravan-listing .product-meta {
	margin-left: 0; padding: 10px; background-color: #8B724B;  color: white;}

.single .caravan-listing .product-meta span {
	font-weight: bold; padding-right: 5px; min-width: 55px; 
	display: inline-block;}

.single li.condition {
	background: #498467; border-bottom: solid 1px #D0DB97; font-weight: bold;
	padding: 4px 0 4px 8px; margin: -10px -10px 10px;}

.single .sale-cta {background-color: #F0ECC9; padding: 10px;}

.single .sale-cta h3 {
	background-color: #498467; color: white; padding: 10px; 
	margin: -10px -10px 10px;}

.single .sale-cta p {line-height: 2;}

@media only screen and (min-width:768px) {
	.single li.condition {margin-left: 0; padding: 4px 0;}
	.single .caravan-listing .pre-content {background-color: #8B724B;}
	.single .caravan-listing .wp-post-image {
		border-right: solid 5px white; width: 50%; float: left; 
		margin: 0 20px 0 0;}}

@media only screen and (min-width:768px) and (max-width:1023px) {
	.single .caravan-listing .product-meta {font-size: 14px; line-height: 23px;}}

@media only screen and (min-width:1024px) {
	.sale-cta {padding: 10px 20px 20px;}
	.sale-cta h3 {padding: 10px 20px; margin: -10px -20px 20px;}
	.single .caravan-listing .headline-wrapper {padding: 10px 20px;}
	.single .caravan-listing .brand-logo {width: 100px;}
	.single .caravan-listing .wp-post-image {width: 60%;}}

/*  9.0  Page Specific -----------
 * ---------------------------------------------------------------------------*/

.gform_confirmation_wrapper {
  background-color: #D0DB97;
  padding: 1em;
  text-align: center;}