/* --:[ 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%;overflow-x: hidden;}
body {background: #FFFFFF; color: #444; font: 300 14px/21px "Merriweather", serif;}
h1, .h1, h2, .h2, #site_title, #site_title a {font-weight: normal; font-family: brandon-grotesque, 'Futura Round', Futura, 'Ariel Narrow', Arial, sans-serif;;}
h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-weight: normal; font-family: brandon-grotesque, 'Futura Round', Futura, 'Ariel Narrow', Arial, 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: #E2E3E2; 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: #008F7E; 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: none; color: #444;  -webkit-appearance: none; cursor: pointer; display: inline-block; text-decoration: none;}
input[type="submit"], a.cta {background-color: #FFCD00;  font-weight: 400;}
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: #444; color: #FFF;}
input[type="submit"]:hover, a.cta:hover, input[type="submit"]:focus, a.cta:focus {background-color: #008F7E; color: #FFF;}
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: 26px; line-height: 36px;}
h2, .h2 {font-size: 22px; line-height: 31px;}
h3, .h3 {font-size: 18px; line-height: 26px;}
h4, .h4 {font-size: 17px; line-height: 25px;}
h5, .h5 {font-size: 16px; line-height: 23px;}
h6, .h6 {font-size: 15px; line-height: 22px;}
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 "Merriweather", 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: #444;  margin-top: 22px; }
blockquote p, .testimonial {font: italic inherit/21px "Merriweather", serif;}

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

.aside {color: #787878; font: normal 12px/18px "Merriweather", serif;}
.aside h1, .aside .h1, .aside h2, .aside .h2 {font-family: brandon-grotesque, 'Futura Round', Futura, 'Ariel Narrow', Arial, sans-serif;;}
.aside h3, .aside .h3, .aside h4, .aside .h4, .aside h5, .aside .h5, .aside h6, .aside .h6 {font-family: brandon-grotesque, 'Futura Round', Futura, 'Ariel Narrow', Arial, 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: 15px; line-height: 22px;}
.aside h5, .aside .h5 {font-size: 14px; line-height: 21px;}
.aside h6, .aside .h6 {font-size: 13px; line-height: 19px;}
.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: 1080px; 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: 38px;}
  h2, .h2 {line-height: 33px;}
  h3, .h3 {line-height: 28px;}
  h4, .h4 {line-height: 27px;}
  h5, .h5 {line-height: 25px;}
  h6, .h6 {line-height: 24px;}
  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: 24px;}
  .aside h5, .aside .h5 {line-height: 23px;}
  .aside h6, .aside .h6 {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: 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: 32px;}
  input {font-size: 16px;}
  h1, .h1, #site_title {font-size: 36px; line-height: 52px;}
  h2, .h2 {font-size: 30px; line-height: 44px;}
  h3, .h3 {font-size: 26px; line-height: 38px;}
  h4, .h4 {font-size: 24px; line-height: 36px;}
  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: 25px;}
  input[type="submit"], input[type="button"] {line-height: 25px;}
  p.aux, label  {font: normal 12px/20px "Merriweather", serif;}
  p.aux  {margin-bottom: 20px;}
  blockquote, blockquote p {font-size: inherit; line-height: 25px;}
  blockquote p:last-child {margin-bottom: 13px;}
  blockquote:before {font-size: 90px;}
  .aside {font-size: 14px; line-height: 21px;}
  .aside h1, .aside .h1 {font-size: 26px; line-height: 36px;}
  .aside h2, .aside .h2 {font-size: 26px; line-height: 36px;}
  .aside h3, .aside .h3 {font-size: 18px; line-height: 26px;}
  .aside h4, .aside .h4 {font-size: 17px; line-height: 24px;}
  .aside h5, .aside .h5 {font-size: 16px; line-height: 23px;}
  .aside h6, .aside .h6 {font-size: 15px; 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: 21px;}
  .aside input[type="submit"], .aside input[type="button"] {line-height: 21px;}
  .aside p.aux, .aside label {font-size: 12px; line-height: 18px;}
  .aside p.aux {margin-bottom: 18px;}
  .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: 800px;}
  .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: 160px;}
  .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: 240px;}
  .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: 320px;}
  .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: 400px;}
  .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: 480px;}
  .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: 560px;}
  .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: 639px;}
  .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: 720px;}
  .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: 800px;}
  .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: 880px;}
  .twelve, .row .twelve {width: 100%;}
}

/* Pappa Bear = <  max at iPad Landscape */
@media only screen and (min-width:1024px) {
	h1, .h1 {line-height: 53px;}
	h2, .h2 {line-height: 45px;}
	h3, .h3 {line-height: 40px;}
	h4, .h4 {line-height: 37px;}
	h5, .h5 {line-height: 32px;}
	h6, .h6 {line-height: 29px;}
	h1, h2, h3, h4, h5, h6, ul, ol, p, pre, table, dl, blockquote, .alert, .info, .note, .attn, .ftr-section, .grmb {margin-bottom: 27px;}
	input[type="submit"], input[type="button"] {line-height: 27px;}
	blockquote, blockquote p {line-height: 25px;}
	blockquote p:last-child {margin-bottom: 14px;}
	.aside h1, .aside .h1 {line-height: 37px;}
	.aside h2, .aside .h2 {line-height: 37px;}
	.aside h4, .aside .h4 {line-height: 25px;}
	.aside h5, .aside .h5 {line-height: 24px;}
	.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:  28px;}
	.row {max-width: 1080px;}
}

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

@font-face {
	font-family: 'dnaicons';
	src:url('https://meganmacedo.com/wp-content/thesis/skins/thesisdna/fonts/dnaicons.eot');
	src:url('https://meganmacedo.com/wp-content/thesis/skins/thesisdna/fonts/dnaicons.eot?#iefix') format('embedded-opentype'),
	url('https://meganmacedo.com/wp-content/thesis/skins/thesisdna/fonts/dnaicons.woff') format('woff'),
	url('https://meganmacedo.com/wp-content/thesis/skins/thesisdna/fonts/dnaicons.ttf') format('truetype'),
	url('https://meganmacedo.com/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 16px/1 dnaicons; speak: none;}
.icon-alone {display: inline-block;}
/*--------------------------------*/
/* ==  DNA BARE BONES STYLING  == */
/*--------------------------------*/

#site_tagline, #site_title, #site_title a {color: #444; 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: #444; font-weight: normal;  text-decoration: none; display: block;}
.headline a:hover, .headline a:focus {color: #444; background: #EFEFEF;}
.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 #EFEFEF; 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 #EFEFEF;}
.page_nav_intro {font-weight: bold;}
.page-numbers {display: inline-block; margin-top: 20px; min-height: 36px; min-width: 20px; color: #444; 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: #EFEFEF; border: solid 1px #EFEFEF; padding: 10px;}
.footer .menu li {list-style: none; display: inline-block; margin: 5px;}
.footer .menu a {color: #008F7E;}
.footer .menu a:hover,
.footer .menu a:focus {border-color: #FFCD00;}
.dna-credits-box {font: normal 10px/16px "Merriweather", 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 "Merriweather", 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: #787878; font-size: 11px; position: relative; margin: 0 0 10px 0; background: #EFEFEF; padding: 5px;}
.dna-meta-manager a {color: #787878; text-decoration: none;}
.dna-meta-manager a:hover, .dna-meta-manager a:focus {color: #444; 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: #D8D9D8;}
.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 {display: inline;}
.post_edit {background-color: #DDDDDD; border: 1px solid #787878; border-radius: 5px; padding: 0 5px;}
.post_edit:hover, a.post_edit:focus { background: #787878; 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_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 #E2E3E2; 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: #00AF9A; position: absolute; top: 10px; right: 10px; background: #EFEFEF; padding: 2px 5px; border-radius: 2px; border: solid 1px #E2E3E2; text-decoration: none;}
.comment-reply-link:hover, .comment-reply-link:focus {background: #E2E3E2;}
.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 ---*/
.post-navigation {padding-top: 20px; border-top: solid 1px #D8D9D8;}
.post-navigation a {padding: 7px 10px; border: 1px solid #008F7E; font-size: 12px; text-transform: uppercase; text-decoration: none; font-family: brandon-grotesque, 'Futura Round', Futura, 'Ariel Narrow', Arial, sans-serif; font-weight: normal;}
.post-navigation a:hover, .post-navigation a:focus {background: #008F7E; color: #FFF;}
.next_post, .previous_post, .next_posts, .previous_posts {width: 50%; float: left; position: relative;}
.next_post, .next_posts {padding-left: 10px; text-align: right;}
.previous_post, .previous_posts {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] ------*/
/*-------------------------*/

a { -webkit-transition: all 0300ms ease; -moz-transition: all 0300ms ease; -o-transition: all 0300ms ease; transition: all 0300ms ease; }
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 #CCCCCC; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; margin-bottom: 5px; -webkit-transition: all 0350ms ease; -moz-transition: all 0350ms ease; -o-transition: all 0350ms ease; transition: all 0350ms ease; }
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { box-shadow: inset 0px 0px 2px #ABABAB; }
input[type="submit"], input[type="button"], input[type="reset"], a.button {border: solid 1px rgba(0,0,0,0.2); padding-top: 5px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px; -webkit-transition: all 0350ms ease; -moz-transition: all 0350ms ease; -o-transition: all 0350ms ease; transition: all 0350ms ease; }
input[type="submit"], a.cta { -webkit-transition: all 0300ms ease; -moz-transition: all 0300ms ease; -o-transition: all 0300ms ease; transition: all 0300ms ease; }
blockquote, .testimonial { padding-top: single; padding-right: single; padding-left: double; margin-top: none; text-align: right; }
.widget { border: solid 1px inherit; padding-top: 10px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; margin-bottom: 20px; }
.widget_title { padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; margin-top: -10px; margin-right: -20px; margin-bottom: 20px; margin-left: -20px; }
.alert { position: relative; }
  .alert:before { content: "\e08e"; }
.note { position: relative; }
  .note:before { content: "\e128"; }
.info { position: relative; }
  .info:before { content: "\e08c"; }
.attn { position: relative; }
  .attn:before { content: "\e11a"; }

/* 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: #444;}
.text2 {color: #787878;}
.color1 {color: #00AF9A;}
.color2 {color: #47C2B3;}
.color3 {color: #D8D9D8;}
.color4 {color: #E2E3E2;}
.color5 {color: #EFEFEF;}
.color6 {color: #008F7E;}
.color7 {color: #FFCD00;}
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: #787878; 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: #787878; position: absolute; left: 0;}


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


/* - - DNA CSS - dna_cpt_testimonial - - */
blockquote, .testimonial {padding-top: single; padding-right: single; padding-left: double; position: relative; }
  blockquote:before, .testimonial:before {content: "\201C"; font: normal 70px/1 "Helvetica Neue", Helvetica, Arial, sans-serif; position: absolute; top: 5px; left: 5px; color: inherit;}
cite { font-weight: bold; font-style: normal; text-align: right;display: block; }
cite a { text-decoration: none;}
  cite a:hover, cite a:focus { text-decoration: underline; }
span.divider {display: inline-block;}
span.divider:after {content: ",  ";}
  span.divider:last-child:after {content: "";}
.template-single-dna_testimonials .post_box {padding-bottom: 20px;}

/* --- 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;}
.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;}
.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-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: transparent; -moz-border-radius: 17px 17px 17px 17px; -webkit-border-radius: 17px 17px 17px 17px; border-radius: 17px 17px 17px 17px;  color: #008F7E; padding: 9px 10px 9px 10px; display: none; text-decoration: none; text-align: center; position: absolute;
right: 0px;
top: -36px;
width: 33px;
height: 33px; }
.dna-nav {display: block; list-style: none; margin: 0; }
.dna-nav a {color: #008F7E; line-height: 1.618em; padding: 10px 12px 10px 12px; text-decoration: none; -webkit-transition: all 0300ms ease;  -moz-transition: all 0300ms ease;  -o-transition: all 0300ms ease;  transition: all 0300ms ease;  }
.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 { font-weight: bold;}
.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: 32px;}
}
@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: #008F7E; ; 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 Social Media Manager --  */
.dna-social-wrapper {margin: 0; text-align: right;}
.dna-social-wrapper a {text-decoration: none;}
.dna-social-wrapper li, .aside .dna-social-wrapper li {display: inline-block;}
.dna-social-wrapper li:before, .aside .dna-social-wrapper li:before {content: none;}
.dna-social-wrapper a:hover, .dna-social-wrapper a:focus {border-bottom: none; }
.dna-social-wrapper .screen-reader-text {display: none;}
.dna-social-wrapper [data-icon]:before {}
.dna_sm_facebook a {color: #3B5998;} .dna_sm_twitter a {color: #55ACEE;} .dna_sm_linkedin a {color: #0E76A8;} .dna_sm_pinterest a {color: #C8232C;} .dna_sm_google_plus a {color: #DD4B39;} .dna_sm_git a {color: #171515;} .dna_sm_youtube a {color: #C4302B;} .dna_sm_vimeo a {color: #44BBFF;} .dna_sm_instagram a {color: #3F729B;} .dna_sm_dribbble a {color: #444444;} .dna_sm_rss a {color: #EE802F;} .dna_sm_email a {color: #333333;}

/* -- DNA CSS: DNA Social Share Box -- */
.dna_social_share_box {text-align: center;}
.ss-switch {padding: 5px 10px;}
  .ss-switch [data-icon]:before {font: normal 18px/1 dnaicons; position: relative; top: 3px;}
  .ss-switch:hover, .ss-switch:focus {background: #ccc;}
.dna_ssb_links {height: 0; overflow: auto; opactity: 0; -webkit-transition: all 0350ms ease; -moz-transition: all 0350ms ease; -o-transition: all 0350ms ease; transition: all 0350ms ease;}
.dna_ssb_links.ss-show {height: auto; padding: 10px 0; opactity: 1;}
.dna_social_share_box iframe, .IN-widget {margin: 0 5px; display: inline-block;}
@media only screen and (min-width: 768px) {
  .ss-switch.button {display: none;}
  .dna_ssb_links {height: auto; padding: 10px 0;}
}


/* --- DNA CSS: DNA Tabs --- */
ul.tabs {text-align: left; list-style: none; margin: 0;}
.tabs li {display: inline-block;}
.tabs a {text-decoration: none; background: #FFF; display: block;}
.tabs a:hover, .tabs a:focus, .tabs a.active {background: #F5F5F5;}
.tabgroup .tab-content {padding-top: 20px;}

/* --- 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;}


/* --- START: WG Expansion Pack CSS --- */

p.trigger {margin-bottom: 0;}

/* End of WG Expansion Pack CSS --- */

a, input[type="submit"] {-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;}

input[type="submit"], a.cta {white-space: normal; line-height: 1.5em; font-family: brandon-grotesque, 'Futura Round', Futura, 'Ariel Narrow', Arial, sans-serif;; color: #000;}


/*--1) Typography ----------------
--------------------------------*/

p.highlight {
  padding-left: 20px;
  border-left: 3px solid #47C2B3;
  font-style: italic;
  color: #787878;}

ul.no-style {
	margin-left: 0px;
	list-style: none;}

ul.checks li, 
ul.clip li {
	position: relative; 
	list-style: none;
	margin-bottom: 14px;}

ul.checks li:before,
ul.clip li:before {
	color: #008F7E;
	position: absolute;
	left: -20px;}

ul.checks li:before {content: "✓";}
ul.clip li:before {content: ""; font-family: dnaicons; color: #000;}

.subhead .headline {margin-bottom: 0;}


/*-- 2) Global Patterns ----------
--------------------------------*/

.recent-work-area a.button {border-color: #444;}

.page .headline-wrapper {text-align: center;}

.author-info  {
  padding-top: 21px;
  border-top: solid 1px #D8D9D8;
  border-bottom: solid 1px #D8D9D8;
}
.author-info .avatar {
  float: left;
  margin-right: 15px;
	border: solid 3px #D8D9D8;
	border-radius: 75%;
}
.author-info .author_description {
	text-align: justify;}

.alignnone, .alignright, .alignleft {margin-bottom: 14px;}
img.alignnone, img.alignright, img.alignleft {
	background: #EFEFEF;
	border: solid 1px #D8D9D8;
	padding: 3px;}

img.no-border {background: none; border: none; padding: 0px;}
img.alignright {margin-left: 20px;}
img.alignleft {margin-right: 20px;}

hr {border-bottom: solid 1px #D8D9D8; margin-bottom: 27px;}

table td {padding-right: 12px;}

.alignright.size-medium,
.alignleft.size-medium,
.aligncenter.size-medium,
.alignright .size-medium,
.alignleft .size-medium,
.aligncenter .size-medium {
	margin: 0 auto 14px auto;
	width: 100%; max-width: 300px;}

.wp-caption .size-medium {margin-bottom: 0;}

.wp-caption {width: auto !important; background: none; border: none;}

.ftr-section {background-color: #F5F5F5; padding: 20px; border: solid 1px #D8D9D8;}
.ftr-section ul, .ftr-section ol {margin-left: 20px;}
.alert, .info, .note, .attn {
	position: relative; border: solid 1px #DDDDDD; min-height: 4em; padding: 10px 20px 10px 60px;}
.alert {background:#FFFCCC; border-color: #F8C62C;}
.note {background:#ECECEC; border-color: #DDDDDD;}
.info {background:#E9EFF6; border-color: #CDDBEA;}
.attn {background:#63B8FF; border-color: #CAE1FF;}
.alert p:last-child, .info p:last-child, .note p:last-child, .attn p:last-child {padding-bottom: 0;}
.alert:before, .info:before, .note:before, .attn:before {position: absolute; font-size: 32px; font-family: dnaicons; left: 10px; top: 20px;}
.alert:before {content: ""; color: #A0002E;}
.note:before {content: ""; color: #999999;}
.info:before {content: ""; color: #7198C3;}
.attn:before {content: ""; color: #36648B;}

.nlp, .nrp {padding-left: 0 ; padding-right: 0;}

@media only screen and (min-width:480px) {
	.alignright.size-medium {
		width: 50%; margin-left: 10px;}
	.alignleft.size-medium  {
		width: 50%; margin-right: 10px;}
  .author-info {
    padding-top: 23px;}}

@media only screen and (min-width:768px) {
  .nlp {
    padding-right: 20px;}
  .nrp {
    padding-left: 20px;}
  .author-info {
    padding-top: 25px;}
  .wp-caption.alignleft {
    width: 50% !important; margin-right: 10px;}
  .wp-caption.alignright {
    width: 50% !important; margin-left: 10px;}}

@media only screen and (min-width:1024px) {
	.alignright.size-medium,
	.alignleft.size-medium {
		width: auto;}
  .author-info {
    padding-top: 27px;}}

.dna-optin-wrap {
	position: relative;
	background: #EFEFEF;
	padding: 30px 15px 15px 15px;
	border: solid 1px #D8D9D8;
	border-top: solid 3px #47C2B3;}

h3.optin-headline {margin: 0 0 10px; color: #000; font: bold 20px/1.3em brandon-grotesque, 'Futura Round', Futura, 'Ariel Narrow', Arial, sans-serif;; text-align: center;}
.post_content p.optin-intro {text-indent: 0;}
p.optin-intro {margin: 0 0 15px; color: #444; text-align: justify; padding-bottom: 10px;}
p.optin-footer {font: 11px/16px "Merriweather", serif; margin: 10px 0 0; text-align: center;}
.dna-optin-wrap label {display: none;}

.dna-optin-wrap:before {
	top: 0;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	z-index: 100;
	border-color: rgba(239,240,240,0);
	border-top-color: #47C2B3;
	border-width: 18px 36px;
	margin-left: -40px;}


.af-form, .moonray-form-clearfix {margin: 0 -2px;}
.af-element, .moonray-form-element-wrapper {width: 100%; padding: 0 2px; float: left; width: 100%;}
.af-element.buttonContainer,
.moonray-form-element-wrapper.moonray-form-input-type-submit {
	text-align: center; width: 100%;}

input[type="tel"], input[type="text"], input[type="email"], textarea {width: 100%;}

@media only screen and (min-width:480px) {
	.af-element,
	.moonray-form-element-wrapper {width: 50%;}}

@media only screen and (min-width:768px) {
	.sidebar .af-element,
	.sidebar .moonray-form-element-wrapper,
	.hero-box-right .moonray-form-element-wrapper {width: 100%;}}


/* --- Blockquotes --- */

blockquote:before, .testimonial:before {
	content: "";
	font: normal 40px/1 dnaicons;}

blockquote img,
.testimonial img {
	border: solid 3px #D8D9D8; padding: 0px; border-radius: 75px; margin-left: 10px; width: 33.333%; max-width: 75px;}

.testimonial p.excerpt {margin-bottom: 14px; text-align: left; font-style: italic;}
.post_content blockquote, .post_content .testimonial p {font-style: italic; text-indent: 0; color: #787878;}

span.divider {display: inline-block;}
span.divider:last-child:after {content: "";}

blockquote, .testimonial {border-bottom: solid 3px #E2E3E2; padding-bottom: 14px;}

.testimonial.aside {border-bottom: none;}
.testimonial.aside:before {color: #D8D9D8;}
.testimonial.aside cite {color: #666;}

.main-content .dna-optin-wrap, .sidebar .dna-optin-wrap {margin-bottom: 27px;}

.dna-reveal-wrap {margin-bottom: 27px;}

.headline-wrapper {margin-bottom: 14px;}

@media only screen and (min-width: 768px) {
  .headline-wrapper {margin-bottom: 27px;}}

.wp-caption {padding: 3px;}
.wp-caption-text {margin-bottom: 0; text-align: center; font-style: italic;}


.dna_ssb_links {text-align: center;}
.dna_ssb_links iframe, #___plusone_0 {
	display: inline-block !important;
	float: none !important;
	margin: 0 5px !important;}

/*-- 3) Global Template Areas ----
--------------------------------*/

body {background: #EFEFEF;}

.header-area, .content-area, .recent-work-area {background: white;}
.recent-work-area {padding: 30px 0;}

/* --- [Banner Promotion] --- */

.banner-promo a {position: fixed; top:0; left: 0; z-index: 99; width: 100%; background: rgba(239,239,239,0.8); padding: 10px 20px; text-align: center; color: #444; font-size: 16px; font-family: brandon-grotesque, 'Futura Round', Futura, 'Ariel Narrow', Arial, sans-serif; line-height: 20px; font-weight: normal; text-decoration: none; text-transform: uppercase;}
.banner-promo a:hover, .banner-promo a:focus {background: rgb(239,239,239); color: #47C2B3;}

.promo-banner .header-area {margin-top: 80px;}

@media only screen and (min-width:480px) {
  .promo-banner .header-area {margin-top: 60px;}}

@media only screen and (min-width:890px) {
  .promo-banner .header-area {margin-top: 40px;}}

/* --- [Header Area] --- */

.header-area {padding: 10px 0;}
.header-center {text-align: center;}
#site_title, #site_tagline {font-weight: bold; text-transform: uppercase; color: #787878;}
#site_title {font-size: 20px; }
#site_title a {color: #777; font-weight: bold;  -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;}

#site_title a:hover, #site_title a:focus {color:#9CADAE; top: 0px;}
#site_tagline {font: normal 12px/1.5 brandon-grotesque, 'Futura Round', Futura, 'Ariel Narrow', Arial, sans-serif;; padding: 0 20px;}

.login-and-out-link {text-decoration: none; padding: 5px; position: absolute; right: 60px; top: 5px; z-index: 1;}
.login-and-out-link .srt {display: none;}
.no-login .login-and-out-link {display: none;}

.header {position: relative;}

.template-front .header {border-bottom: none; padding-bottom: 0;}

@media only screen and (min-width:768px) {
	#site_title {font-size: 24px;}
  .header {border-bottom: solid 1px #D8D9D8; padding-bottom: 10px;}
  .login-and-out-link {font: normal 10px/1.5 brandon-grotesque, 'Futura Round', Futura, 'Ariel Narrow', Arial, sans-serif; right: 20px; top: -10px; background: #D8D9D8; padding: 2px 5px 0; border-radius: 0 0 2px; color: $text2; $trans;}
  .login-and-out-link:hover, .login-and-out-link:focus {background: #E2E3E2;}
  .login-and-out-link [data-icon]:before {font-size: 12px;}
  .login-and-out-link .srt {display: inline-block; padding-left: 5px; text-transform: uppercase;}}

@media only screen and (min-width:1024px) {
	#site_title {font-size: 28px;}
	#site_tagline {font-size: 18px;}}



 /* --- [Navigation ] --- */

.menu-container {position: relative;}
.dna-nav {padding: 20px 0;}
.dna-nav a {font-family: brandon-grotesque, 'Futura Round', Futura, 'Ariel Narrow', Arial, sans-serif; text-transform: uppercase; font-weight: normal;}
.dna-nav .sub-menu {
  background: #E2E3E2;
  border: solid 1px rgba(0,0,0,0.2);
  border-top: none;}

@media only screen and (min-width:768px) {
	.dna-nav {padding: 0; display: block !important; text-align: right;}
	.dna-nav li {display: inline-block; float: none; width: auto;}
	.dna-nav a {font-size: 11px; padding: 13px 9px;}}

@media only screen and (min-width:1024px) {
	.dna-nav {padding: 4px;}
	.dna-nav a {font-size: 14px; padding: 10px;}
	.dna-nav ul a {background-color: white;}
	.dna-nav ul a:hover, .dna-nav ul a:focus {background-color: white;}
	.dna-nav ul a {background-color: white; boder-radius: 0 0 5px 5px;}
	.dna-nav > li > .parent {padding-right: 12px;}
	.dna-nav > li > .parent:after {content: none;}}



  /* --- [ Hero Area ] --- */

.hero-area {
	padding: 20px 0;
	border: solid 1px #D8D9D8;
	border-width: 1px 0 1px 0;
	}

  /* --- [ Promotion Area ] --- */

.promotion-area {
	padding: 20px 0;
	}

.promotion-area p {
	text-align: justify;
	margin-bottom: 14px;
	}

/* --- [ Keep In Touch Area ] --- */
.keep-in-touch-area {background: #47C2B3;}
.keep-in-touch-area a.cta {background: #47C2B3; color: #FFF; border: none; border-radius: 0; padding: 30px 0; width: 100%;}
.keep-in-touch-area a.cta:hover, .keep-in-touch-area a.cta:focus {color: #444;}

/* --- [ About & Testimonial Area ] --- */
.about-area {background: #FFFFFF; padding: 40px 0;}

/* --- [ Feature Area ] --- */

.events-box {border: solid 1px #D8D9D8; padding: 10px;}
.events-box h3 {text-transform: uppercase;}

.query_box.event {margin-bottom: 5px; padding-bottom: 15px; border-bottom: solid 1px #EFEFEF;}

.event-meta-box {background: #EFEFEF; border: solid 1px #E2E3E2; padding: 10px; margin-bottom: 10px;}
.event-meta-box, .event-meta-box .aside {font-family: brandon-grotesque, 'Futura Round', Futura, 'Ariel Narrow', Arial, sans-serif;;}

.event-meta-box .event-date,
.event-meta-box .event-type,
.event-meta-box .event-location,
.event-meta-box .event-price {display: inline-block; padding-right: 10px;}

.event-date:before,
.event-type:before,
.event-location:before,
.event-price:before {font: normal 13px/1 dnaicons; color: #00AF9A; margin-right: 0.25em;}
.event-date:before {content: ""; }
.event-location:before {content: "";}
.event-type:before {content: "";}
.event-price:before {content: "";}

@media only screen and (min-width:768px) {
	.post-type-archive-dna_events .query_box {padding-right: 35.5%; position: relative;}
	.post-type-archive-dna_events .event-meta-box {
		width: 33.333%; position: absolute; top: 10px; right: 0;}
	.event-meta-box .event-meta-item {display: block;}

	.twelve .after-post, .twelve .dna-comment-wrap, .twelve .post_nav {margin-right: 0;}
}



.feature-area {padding: 20px 0; background: #FFF;}
blockquote img, .testimonial img {float: right;}
blockquote, .testimonial {padding-left: 40px;}
blockquote:before, .testimonial:before {font-size: 30px; color: #00AF9A; top: 0px;}

@media only screen and (min-width:768px) {
	.testimonial-magic-box blockquote, 
	.testimonial-magic-box .testimonial {border-bottom: none; margin-bottom: 0;}}


.megans-bio p {text-align: justify;}
.megans-bio h3 {margin-top: 0; color: #444;}
.megans-bio img.alignright {width: 100px; border-radius: 50%; margin: 0 0 0 10px;}


.promobox {text-align: center;}
.promobox h2 {margin: 0 0 10px 0; color: #000; text-transform: uppercase; font: bold 16px/1.4 brandon-grotesque, 'Futura Round', Futura, 'Ariel Narrow', Arial, sans-serif;;}

@media only screen and (min-width:480px) {
	.promobox h2 {font-size: 24px;}}

@media only screen and (min-width:768px) {
	.hero-area .dna-fitvids {margin-bottom: 0;}
	.promobox h2 {font-size: 20px; margin-bottom: 20px;}}

@media only screen and (min-width:1024px) {
	.hero-area {padding: 30px 0 30px;}
	.promobox h2 {font-size: 24px; margin-bottom: 30px;}
  .testimonial-magic-area .row {max-width: 800px;}}


ul.tabs {width: 100%; max-width: 300px; margin: 0 auto 20px auto;}
ul.tabs li {float: left; margin: 1%; width: 48%;}
	/* ul.tabs li:nth-of-type(1) {} */
	ul.tabs li:nth-of-type(2) {margin-top: 20px; margin-bottom: 10px;}
	/* ul.tabs li:nth-of-type(3) {} */
ul.tabs li a {display: block; text-indent: 150%; white-space: nowrap; overflow: hidden; height: 0; width: 100%;}
ul.tabs li:nth-of-type(1) a {
	background: url('images/wg-logo.png') no-repeat 50% transparent;
	background-size: contain;
	padding-top: 150%; }

ul.tabs li:nth-of-type(2) a {
	background: url('images/sd-logo.png') no-repeat 50% transparent;
	background-size: contain;
	padding-top: 60%; }

ul.tabs li:nth-of-type(3) a {
	background: url('images/bym-logo.svg') no-repeat 50% transparent;
	background-size: contain;
	padding-top: 60%; }

ul.tabs li a {opacity: 0.5;}
ul.tabs li a:hover, ul.tabs li a:focus {opacity: 0.8;}
ul.tabs li a.active {opacity: 1;}

.tab-content {padding-bottom: 10px; margin-bottom: 20px; border-bottom: solid 1px #EFEFEF;}


  /* --- [Content Area] -- */

.content-area {padding: 30px 0;}


    /* ---- post area ---- */
.dna-archive h2 {font-weight: bold; text-transform: uppercase;}
.dna-archive .post_box {padding-bottom: 20px; margin-top: 0; margin-bottom: 20px; border-top: solid 1px #D8D9D8;}
.dna-archive .post_box .headline {font-family: "Merriweather", serif; font-weight: 500;}
.dna-archive .main-content .post_content p {text-indent: 0;}
.dna-archive .wp-post-image {
	border: solid 3px #D8D9D8;
	border-radius: 75px;
	margin-left: 10px;
	width: 33.333%;
	max-width: 150px;
	padding: 0px;}

.headline, .headline a {color: #111; font-weight: 900;}
.headline a:hover, .headline a:focus {color: #777; background: none;}

.ss-switch,
a.leave-comment {display: block; text-align: center;}

.read-more-link {text-align: center;}
.read-more-link a.button {font-weight: normal; text-transform: uppercase; border-color: #444; font-family: brandon-grotesque, 'Futura Round', Futura, 'Ariel Narrow', Arial, sans-serif;}

@media only screen and (min-width:480px) {
	.ss-switch,
	a.leave-comment {display: block; width: 45%;}
	.dna_social_share_box {position: relative;}
	.dna_ssb_links.ss-show {width: 50%; position: absolute; top: -15px; right: 0;}}

@media only screen and (min-width:768px) {
	.headline-wrapper .headline {line-height: 1.2em}
  .dna-archive h2 {font-size: 36px; line-height: 53px;;}
	.main-content .post_box {padding-left: 0; padding-right: 20px;}
	.after-post,
	.dna-comment-wrap,
	.post_nav {margin-right: 20px;}

	.ss-switch {display: none;}
	.dna_ssb_links {width: 50%; position: absolute; top: -15px; right: 0;}}


@media only screen and (min-width:1024px) {
	.headline-wrapper .headline {line-height: 1.3em}
	.main-content .post_box {padding-left: 0; padding-right: 40px;}
	.after-post,
	.dna-comment-wrap,
	.post_nav {margin-right: 40px;}}


   /* --- sidebars --- */
.sidebar {margin-top: 41px;}
.ss-switch {background: #E2E3E2; border-radius: 5px;}
.widget_title {color: #47C2B3;}

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

  /* --- [Footer Area] --- */

.footer-area {padding: 20px 0; border-top: solid 1px #D8D9D8;}

.footer .menu {text-align: center; margin: 0 0 20px 0;}
.footer .menu li {margin: 5px 0; display: block;}
.footer .menu a {color: #9CADAE; -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;}
.footer .menu a:hover, .footer .menu a:focus {color: #47C2B3;}

.footer-right {text-align: center; color: #9CADAE;}
.footer-right .dna-copyright-date, .footer-right a {display: inline-block;
width: auto;
float: none;
padding: 0 5px !important; color: #9CADAE;}

.dna-copyright-date p, .footer-right {font-size: 10px;}

@media only screen and (min-width:480px) {
.footer .menu li {display: inline-block; margin: 0 10px;}}

@media only screen and (min-width:768px) {
	.footer-area {padding: 30px 0;}
	.footer .menu {margin-bottom: 30px;}}

/*-- 4) Template Specicic Areas ---
---------------------------------*/

.single .headline {
  font-family: "Merriweather", serif;
  font-weight: 500;}

.single .post_content p:first-child::first-letter {
  font-size: 300%;
  color: #47C2B3;}

.single .recent-work-area {padding-top: 0;}

.single .dna-optin-wrap:before {content: none;}
.single .dna-optin-wrap {padding: 15px;}

.customer-program {
   	width: 100%;
    float: left;
    min-height: 1px;
    padding: 0 20px;
    position: relative;}

@media only screen and (min-width:768px) {
	.customer-program {width: 50%;}
  .single .recent-work-area h2 {font-size: 36px; line-height: 53px;}
  .single .query_box .headline {font-size: 22px; line-height: 32px;}
  .single .query_box p {font-size: 16px; line-height: 26px;}
  .single .headline-wrapper h6 {font-size: 16px;}
  .single .moonray-form-element-wrapper {width: 100%;}}

@media only screen and (min-width:1024px) {
	.customer-program {width: 33%;}}

.template-front .hero-box .headline {text-align: center;}

.headline-wrapper cite {text-align: left; font: normal 16px/21px brandon-grotesque, 'Futura Round', Futura, 'Ariel Narrow', Arial, sans-serif;;}
.headline-wrapper cite .testimonial-name {font: normal 22px/30px brandon-grotesque, 'Futura Round', Futura, 'Ariel Narrow', Arial, sans-serif;; display: block;}

.skinny-wide .main-content {padding-left: 0; padding-right: 0;}
.skinny-wide .headline-wrapper {padding-left: 20px; padding-right: 20px;}

/* ------- ------- ------- Landing V2 --- */

.landing-v2 .header {border-bottom: none;}
.landing-v2 .headline {margin-bottom: 0;}
.landing-v2 .hero-box-left,
.landing-v2 .hero-box-right {width: 100%; max-width: 800px; margin: 0 auto; float: none !important;}
.landing-v2 .hero-box .dna-fitvids {margin-bottom: 0;}
.landing-v2 .hero-box .dna-optin-wrap {background: none; border-width: 3px 0 0 0; padding-bottom: 0;}

.landing-v2 .content-area {padding-top: 0px;}
.landing-v2 .main-content .post_box {border-top: solid 2px #D8D9D8; padding-top: 27px;}

@media only screen and (min-width:1024px) {
	.landing-v2 .hero-box .af-element,
	.landing-v2 .hero-box .moonray-form-element-wrapper {width: 33.333%;}
	.landing-v2 .hero-box input[type="submit"] {
		width: 100%;
		line-height: 1.3em;
		position: relative;
		top: -1px;}}

/* ------- ------- ------- Video above form --- */

.video-central .header {border-bottom: none;}

.video-central .dna-optin-wrap-hero {min-height: 0px !important;}

.video-central .hero-box-left,
.video-central .hero-box-right {width: 100%; max-width: 800px; margin: 0 auto; float: none !important;}
.video-central .hero-box .dna-fitvids {margin-bottom: 0;}
.video-central .hero-box .dna-optin-wrap {background: none; border-width: 3px 0 0 0; padding-bottom: 0;}

@media only screen and (min-width:1024px) {
	.video-central .hero-box .af-element,
	.video-central .hero-box .moonray-form-element-wrapper {width: 33.333%;}
	.video-central .hero-box input[type="submit"] {
		width: 100%;
		margin-top: 0 !important;
		line-height: 1.3em;
		position: relative;
		top: -1px;}}

/*-- 5) Page Specicific Areas -----
---------------------------------*/
	
	/* Megan home page caption photo */
	
	#attachment_22 {
		width: 40% !important;
		max-width: 204px;
		margin-left: 10px;}

	p.wp-caption-text {
		font: italic 12px/1.5em "Merriweather", serif;
		padding: 5px 5px 0 5px;
		text-indent: 0;}

	/* --- Key Frames --- */
@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;}}


	.promobox h2 {
		opacity:0;
		-webkit-animation:fadein ease-in-out 1;
		-moz-animation:fadein ease-in-out 1;
		animation:fadein ease-in-out 1;
		-webkit-animation-fill-mode:forwards;
		-moz-animation-fill-mode:forwards;
		animation-fill-mode:forwards;
		-webkit-animation-duration:900ms;
		-moz-animation-duration:900ms;
		animation-duration:900ms;
		-webkit-animation-delay: 500ms;
		-moz-animation-delay: 500ms;
		animation-delay: 500s;}


/* --- Checkout Page ---- */

.checkout-page .moonray-form-element-wrapper {margin-bottom: 10px;}
.checkout-page .moonray-form-element-wrapper label {font-size: 12px;}
.checkout-page .moonray-form-element-separator-legend {border-bottom: solid 2px #EFEFEF; margin-bottom: 5px; color: #222; font-weight: bold;}
.checkout-page input[name="billing_zip"],
.checkout-page input[name="payment_code"] {width: 50%;}
.checkout-page table.ussr-component-grid.ussr-table,
.checkout-page .grid-summary table {
	font: normal 12px/1.75 sans-serif;
	margin-bottom: 0px;
	width: 100%;}
.checkout-page thead.ussr-component-grid-header {
	background: #EFEFEF;
	border: solid 1px #B6B6B6;}

.checkout-page .ussr-component-grid-header-item[data-modelattr="name"],
.checkout-page .ussr-component-grid-body[data-modelattr="name"],
.checkout-page td[data-modelattr="name"] {
	border: solid 1px #B6B6B6; border-width: 1px;
	border-right: solid 1px #EFEFEF;
	text-align: left; padding-left: 3px; width: 50%; }

.checkout-page td[data-modelattr="name"] {
	border-right: solid 1px #B6B6B6;}

.checkout-page td[data-modelattr="quantity"],
.checkout-page td[data-modelattr="price"], 
.checkout-page td[data-modelattr="total"] {
	border: solid 1px #B6B6B6; border-width: 1px;
	text-align: center;}

.checkout-page th[data-modelattr="quantity"],
.checkout-page td[data-modelattr="quantity"] {text-align: center; padding: 4px;}

.checkout-page th[data-modelattr="price"],
.checkout-page th[data-modelattr="total"],
.checkout-page td[data-modelattr="price"], 
.checkout-page td[data-modelattr="total"] {text-align: right; padding: 4px;}

.checkout-page .grid-summary table {
	border-top: solid 1px #B6B6B6;
	color: #222;
	width: 82%;
	margin-bottom: 20px;}

.checkout-page td.label,
.checkout-page td.font-weight-bold {width: 50%; padding: 4px; border: solid 1px #B6B6B6; border-width: 0 0 1px 1px;}

.checkout-page tr.grid-summary-subtotal td:last-child, .checkout-page tr.grid-summary-tax-item td:last-child, .checkout-page tr.grid-summary-coupon-input td:last-child, .checkout-page tr.grid-summary-coupon-display td:last-child {
padding: 4px;
text-align: right;
border: solid 1px #B6B6B6;
border-width: 0px 1px 1px 0;}
.checkout-page td.font-weight-bold {font-weight: bold;}
.checkout-page tr.grid-summary-grandtotal td:last-child {text-align: right; border-width: 0 1px 1px 0;}

.moonray-form-error-message span {background: rgba(255, 205, 0, 0.62); padding: 1px; font: normal 12px/1.75 sans-serif; color: #000;}

.checkout-page .grid-summary table {
	float: right;}

.checkout-page .moonray-form-input-type-hidden {
	display: none;}

.checkout-page .testimonial p.excerpt, .checkout-page .testimonial cite {font-size: 14px;}

@media only screen and (min-width:480px) {
		
.checkout-page .moonray-form-element-wrapper {width: 100%; text-align: left; position: relative;}

	.checkout-page .moonray-form-element-wrapper label,
	.checkout-page .moonray-form-element-wrapper input {display: inline-block;}
	.checkout-page .moonray-form-element-wrapper label {width: 30%; text-align: right; padding-right: 7px;}
	.checkout-page .moonray-form-element-wrapper input {
		width: 65%;}
	.checkout-page .moonray-form-element-wrapper select {
	width: 65%; position: absolute; top: 0px; left: 30%; padding: 2px 4px;}

	.checkout-page input[name="billing_zip"],
	.checkout-page input[name="payment_code"] {width: 32%;}
	
	.checkout-page #mr-field-element-138637098639 {padding-top: 20px;}
	
	.checkout-page .grid-summary table {width: 50%;}
	
	.checkout-page .ussr-component-grid-header-item[data-modelattr="name"],
.checkout-page .ussr-component-grid-body[data-modelattr="name"],
.checkout-page td[data-modelattr="name"] {padding: 2px;}
	
	.checkout-page .moonray-form-input-type-payment-exp-month select,
	.checkout-page .moonray-form-input-type-payment-exp-year select {width: 32%;}
	
	
.checkout-page .moonray-form-input-type-submit {text-align: center;}
.checkout-page .moonray-form-input-type-submit input[type="submit"] {display: inline-block;}

	}

@media only screen and (min-width:1024px) {
	.checkout-page .moonray-form-element-wrapper label {font-size: 14px;}
	.checkout-page .ussr-component-grid-header-item[data-modelattr="name"],
.checkout-page .ussr-component-grid-body[data-modelattr="name"],
.checkout-page td[data-modelattr="name"] {padding: 4px;}}


/*--- Special Offer 10 pricipals Page ---*/

.page-id-336 .moonray_upsell_form {text-align: center;}
.page-id-336 .moonray_upsell_form input[type="submit"] {display: inline-block; margin-bottom: 15px;}


/*--- Members Page ---*/

.customer-page .header {border-bottom: none;}
.customer-page .nav-area {padding: 10px 0;}
.customer-page .menu_control {display: inline-block; cursor: pointer; margin-left: 20px;}
.members-menu {height: 0; overflow: auto; opactity: 0; -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; text-align: center;}
.members-menu.show, .menu.show_menu {height: auto; padding: 10px 0; opactity: 1;}

.members-menu a {display: block; padding: 5px 15px; color: #444; text-decoration: none; border-bottom: solid 1px #999; -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;}
.members-menu a:hover, .members-menu a:focus, .members-menu .current-menu-item a {
	color: #00AF9A;}

.customer-page .aside .dna-psc .widget_title {
	color: #000;}
.customer-page .aside .dna-psc ul {margin-left: 20px;}
.customer-page .headline-wrapper {padding: 0 20px;}

@media only screen and (min-width:768px) {
	.customer-page .nav-area {padding: 0;}
	.customer-page .menu_control {display: none;}
	.members-menu {height: auto; opactity: 1;}
	.members-menu a {display: inline-block;  padding: 5px 10px; font: normal 12px/2 "Merriweather", serif; border-bottom: none;}
	/*li.menu-item-747 {margin-left: 50px;}
	li.menu-item-747 a {border-left: solid 1px rgba(0,0,0,0.2); padding-left: 20px;}*/}

@media only screen and (min-width:1024px) {
	.members-menu a {padding: 5px 15px; font-size: 14px;}
	/*li.menu-item-747 {margin-left: 110px;}
	li.menu-item-747 a {padding-left: 30px;}*/
	.customer-page .aside .dna-psc .widget_title {font-size: 22px;}}
/*-- Sweet Tweet CSS --*/
.sweet-tweet-sc {
	background: #E6F3FC;
	border: solid 1px rgba(0, 0, 0, 0.1);
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 20px 0px;
	min-height: 80px;}
.twitter-svg {width: auto;}
.sweet-tweet-btn {
	float: right;
	margin: 0px 0px 0px 10px;}

/*---:[ custom CSS ]:---*/
.headline-center .headline {text-align: center;}
.no-headline .headline-wrapper {display: none;}
.vid-border {border: solid 2px #D8D9D8;}
input[type="submit"], a.cta {display: inline-block !important;}
.round-pic {border-radius: 50%;}
img.no-border {background: none; border: none; padding: none;}
.main-content .post_content .text-center {text-align: center;}
.main-content .post_content .nti {text-indent: 0;}
a.product-link:hover {background: #ccc;}
.what-we-do-item {padding: 10px; display: block; border: solid 2px #E9EFF6; font-weight: bold; text-align: center; text-decoration: none; width: 33.33333%; float: left;}
.what-we-do-item:hover, .what-we-do-item:focus {border-color: #7198C3;}
.wendell-berry {display: block; background: url(https://meganmacedo.com/wp-content/uploads/2014/12/bymsalespage1.jpg) no-repeat; padding: 25px 0 5px 0; margin-bottom: 10px;}
#attachment_354 {width: 40% !important; max-width: 192px;}
.landing-v2 .dna-optin-wrap-hero {min-height: 0px !important;}
.landing-v2 .testimonial p.excerpt {color: #787878; font: normal 14px/18px "Merriweather", serif; line-height: 21px;}
.landing-v2 .testimonial cite {color: #666; font-size: 14px;}

@media only screen and (min-width:768px) and (max-width:1023px) {
	.template-front .hero-box-left {padding-right: 0;}
	.template-front .hero-box .dna-fitvids {
		border-top: solid 3px #47C2B3;}
	.template-front .hero-box-right {padding-left: 0;}
	.template-front .hero-box p.optin-intro {
		font: 12px/18px "Merriweather", serif;
		margin-bottom: 5px;}
	.template-front .hero-box input {
		font-size: 12px; line-height: 1;
		padding: 5px 4px 1px 4px;}
	.template-front .hero-box input[type="submit"] {
		font-size: 14px;
		padding: 5px 10px;}
	.template-front .hero-box p.optin-footer {
		font-size: 10px; line-height: 1;}
	}

@media only screen and (min-width:1024px) {
	.template-front .hero-box p.optin-intro {
		font: 14px/24px "Merriweather", serif;
		margin-bottom: 16px;}
	.template-front .hero-box input[type="submit"] {
		margin-top: 7px;}}

.member-menu a {text-decoration: none; color: #787878;}
.member-menu p {color: #D8D9D8;}
.member-menu a:hover {color: #00AF9A;}
a.mm-current {color: #00AF9A;}
.op-login-form-1 {margin-left: auto !important; margin-right: auto !important;}
.op-login-form-1 p {text-indent: 0 !important;}
.op-login-form-1 label {font-weight: bold;}
.op-login-form-1 input[type="text"], .op-login-form-1 input[type="password"] {font-size: 20px !important;}
li.format-bullet {text-align: justify; margin-bottom: 14px;}
.ftr-section {padding: 20px; border: solid 1px #D8D9D8;}
.sdip-newsletters a {text-decoration: none; color: #444;}
.sdip-newsletters a:hover {color: #008F7E;}
.address-form label {display: block;}
.address-form select {height: 32px;}
.hide-featured-image .attachment-DNA {display: none;}
@media only screen and (min-width:1024px) {
	.header-right .menu-container {padding-left: 38px;}}
div.wpcf7-mail-sent-ok {border: none; font-weight: bold;}
.non-italic p {font-style: normal;}
@media only screen and (min-width:768px) {
	ul.comment_list {padding-right: 20px;}}
@media only screen and (min-width:1024px) {
	ul.comment_list {padding-right: 40px;}}
#mr-field-element-898346295606 div.ussr-grid-wrapper.ontraport_grid.clearfix.moonray-form-paymentplandisplay-wrapper table tbody label {width: 100%;}
#mr-field-element-898346295606 div.ussr-grid-wrapper.ontraport_grid.clearfix.moonray-form-paymentplandisplay-wrapper table tbody input {width: auto;}
#mr-field-element-898346295606 div.ussr-grid-wrapper.ontraport_grid.clearfix.moonray-form-paymentplandisplay-wrapper table thead {background: #FFCD00;}
#mr-field-element-898346295606 div.ussr-grid-wrapper.ontraport_grid.clearfix.moonray-form-paymentplandisplay-wrapper table {width: 100%;}
#mr-field-element-898346295606 div.ussr-grid-wrapper.ontraport_grid.clearfix.moonray-form-paymentplandisplay-wrapper table thead {background: #FFCD00; font-size: 12px; line-height: 1.75;}
#mr-field-element-898346295606 div.ussr-grid-wrapper.ontraport_grid.clearfix.moonray-form-paymentplandisplay-wrapper table thead th {padding: 4px;}
#mr-field-element-898346295606 div.ussr-grid-wrapper.ontraport_grid.clearfix.moonray-form-paymentplandisplay-wrapper table tbody td {padding: 4px; font-size: 12px;}
.single .sidebar .wp-post-image {margin-bottom: 20px;}
.aside .dna-fitvids {margin-bottom: 0;}
.shade-bg {background: #efefef;}
.abm {margin-bottom: 27px;}
.bb {border-bottom: solid 1px #D8D9D8;}
.tb {border-top: solid 1px #D8D9D8;}
button.sc-payment-btn {background-color: #FFCD00; color: #000; display: block; font-weight: bold; text-decoration: none; -webkit-transition: all 0300ms ease; -moz-transition: all 0300ms ease; -o-transition: all 0300ms ease; transition: all 0300ms ease; white-space: normal; border: solid 1px rgba(0,0,0,0.2); border-radius: 3px 3px 3px 3px; cursor: pointer; padding: 5px 20px 5px 20px; margin-right: auto; margin-left: auto;}
button.sc-payment-btn:hover, button.sc-payment-btn:focus {background-color: #008F7E;}
a.open-mic {
	display: block;
    background: #EFEFEF;
    padding: 20px;
    text-align: center;
    text-indent: 0;
    text-decoration: none;
	margin-bottom: 20px;
}
a.open-mic:hover {
	background: #00AF9A;
	color: #FFF;
}
a.member-button:hover {
	background: #00AF9A;
	color: #FFF;
}
a.member-button {
	display: block;
	padding: 5px;
	background: #FFCD00;
	color: #444;
	text-decoration: none;
	font-weight: bold;
}
a.member-button-reverse:hover {
	background: #FFCD00;
	color: #444;
}
a.member-button-reverse {
	display: block;
	padding: 5px;
	background: #00AF9A;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
.bonus { position: relative; min-height: 4em; padding: 20px 10px 10px 50px; background: #00AF9A; border: solid 1px #00AF9A; position: relative; color: #FFF;}
.bonus:before { content: "\e0e4"; color: white; position: absolute; font-size: 32px; font-family: dnaicons; left: 10px; top: 20px;}
.ftr-green {background: #00AF9A; border: solid 1px #00AF9A; color: #FFF;}
.dna-archive .wp-post-image {width: 75px !important;}