/* --:[ 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: #222; font: normal 14px/21px "Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, .h1, h2, .h2, #site_title, #site_title a {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-family: "Helvetica Neue", Helvetica, 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;}
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: #C7C7C7; 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: #4F8C57; 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: #787878; color: #FFF;  -webkit-appearance: none; cursor: pointer; display: inline-block; text-decoration: none;}
input[type="submit"], a.cta {background-color: #DE132B; }
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: #222;}
input[type="submit"]:hover, a.cta:hover, input[type="submit"]:focus, a.cta:focus {background-color: #4F8C57;}
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 "Helvetica Neue", Helvetica, Arial, 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: #5E7D8B;  margin-top: 32px; }
blockquote p, .testimonial {font: italic 14px/21px "Helvetica Neue", Helvetica, Arial, sans-serif;}

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

.aside {color: #787878; font: normal 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;}
.aside h1, .aside .h1, .aside h2, .aside .h2 {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
.aside h3, .aside .h3, .aside h4, .aside .h4, .aside h5, .aside .h5, .aside h6, .aside .h6 {font-family: "Helvetica Neue", Helvetica, 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: 960px; 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:  24;}
  .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: 16px; line-height: 25px;}
  input {font-size: 16px;}
  h1, .h1, #site_title {font-size: 30px; line-height: 43px;}
  h2, .h2 {font-size: 24px; line-height: 36px;}
  h3, .h3 {font-size: 20px; line-height: 30px;}
  h4, .h4 {font-size: 19px; line-height: 29px;}
  h5, .h5 {font-size: 18px; line-height: 28px;}
  h6, .h6 {font-size: 17px; line-height: 26px;}
  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 "Helvetica Neue", Helvetica, Arial, sans-serif;}
  p.aux  {margin-bottom: 20px;}
  blockquote, blockquote p {font: italic 16px/25px "Helvetica Neue", Helvetica, Arial, sans-serif;}
  blockquote p:last-child {margin-bottom: 13px;}
  blockquote:before {font-size: 90px;}
  .aside {font-size: 14px; line-height: 20px;}
  .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: 20px;}
  .aside input[type="submit"], .aside input[type="button"] {line-height: 20px;}
  .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:  26;}
  .row {max-width: 748px;}

  .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;}
  .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;}
  .twelve, .row .twelve {width: 100%;}
}

/* Pappa Bear = <  max at iPad Lansdscape */
@media only screen and (min-width:1024px) {
	body {line-height: 26px;}
	h1, .h1 {line-height: 45px;}
	h2, .h2 {line-height: 37px;}
	h3, .h3 {line-height: 32px;}
	h4, .h4 {line-height: 30px;}
	h5, .h5 {line-height: 29px;}
	h6, .h6 {line-height: 28px;}
	h1, h2, h3, h4, h5, h6, ul, ol, p, pre, table, dl, blockquote, .alert, .info, .note, .attn, .ftr-section, .grmb {margin-bottom: 26px;}
	input[type="submit"], input[type="button"] {line-height: 26px;}
	blockquote, blockquote p {line-height: 25px;}
	blockquote p:last-child {margin-bottom: 13px;}
	.aside {line-height: 21px;}
	.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 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: 20px;}
	.aside ul {list-style:   none; margin: 0 0 21px ;}
	.aside ol {list-style:   none; margin: 0 0 21px ;}
	.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:  28;}
	.row {max-width: 960px;}
}

/*--- [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('http://ssq.ie/wp-content/thesis/skins/thesisdna/fonts/dnaicons.eot');
	src:url('http://ssq.ie/wp-content/thesis/skins/thesisdna/fonts/dnaicons.eot?#iefix') format('embedded-opentype'),
	url('http://ssq.ie/wp-content/thesis/skins/thesisdna/fonts/dnaicons.woff') format('woff'),
	url('http://ssq.ie/wp-content/thesis/skins/thesisdna/fonts/dnaicons.ttf') format('truetype'),
	url('http://ssq.ie/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: #374D60; 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: #374D60;  text-decoration: none;}
.headline a:hover, .headline a:focus {color: #374D60; background: #E4E4E4;}
.headline-wrapper .headline {margin: 0;}

@media only screen and (min-width:1024px) {
	.main-content {padding-left: 20px; padding-right: 40px;}
	.main-content.centered .post_box {padding-left: 0px; padding-right: 0px;}
}
.dna-archive .post_box {border-top: solid 1px #787878; padding-bottom: 20px; margin-top: 20px;}
.dna-archive .post_box.top {border-top: none; padding-top: 0; margin-top: 0;}
.page-numbers {display: inline-block; margin-top: 20px; min-height: 20px; min-width: 20px;}
.page-numbers:hover {background: rgba(255,255,255,0.3); border-bottom: none; text-align: center;}
.post_nav {background: #E4E4E4; border: solid 1px #C7C7C7; padding: 10px;}
.footer .menu li {list-style: none; display: inline-block; margin: 5px;}
.footer .menu a {color: #4F8C57;}
.footer .menu a:hover,
.footer .menu a:focus {border-color: #DE132B;}
.dna-credits-box {font: normal 10px/16px "Helvetica Neue", Helvetica, Arial, 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 "Helvetica Neue", Helvetica, Arial, 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: #787878; font-size: 11px; position: relative; margin: 0 0 10px 0; background: #E4E4E4; padding: 5px;}
.dna-meta-manager a {color: #787878; text-decoration: none;}
.dna-meta-manager a:hover, .dna-meta-manager a:focus {color: #222; 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: #97C4DA;}
.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 #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_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 #C7C7C7; 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:after {content: " Says..."; font-weight: normal; font-style: italic;}
.comment_text {padding-right: 10px;}
.comment-reply-link {position: absolute; top: 10px; right: 10px; background: #5E7D8B; padding: 2px 5px; border-radius: 10px; border-bottom: solid 2px rgba(0,0,0,0.1); }
.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] -------*/
/*-------------------------*/


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

a { -webkit-transition: all 0350ms ease 0100ms; -moz-transition: all 0350ms ease 0100ms; -o-transition: all 0350ms ease 0100ms; transition: all 0350ms ease 0100ms; }
a:hover, a:focus { color: #374D60; text-decoration: none; }
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 #787878; padding: 5px 5px 5px 5px; margin-bottom: 5px; -webkit-transition: all 0350ms ease; -moz-transition: all 0350ms ease; -o-transition: all 0350ms ease; transition: all 0350ms ease; vertical-align: top; width: 100%; }
  textarea {min-height: 4em;}
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 inherit; border-radius: 3px 3px 3px 3px; color: ; 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; white-space: normal; }
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 { color: ; text-decoration: none; }
input[type="submit"], a.cta { }
input[type="submit"]:hover, input[type="submit"]:focus, a.cta:hover, a.cta:focus { }
ul { list-style-position: inside; list-style-type: disc; }
blockquote, .testimonial { border-bottom: solid 2px inherit; padding: 20px 20px 20px 40px; text-align: right; }
.widget { border: solid 1px inherit; padding-top: 10px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; margin-bottom: 20px; outline: dashed 1px inherit; }
  .widget p:last-child, .widget ul:last-child {margin-bottom: 0;}
.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; }
.ftr-section { border: solid 1px inherit; }
.alert { position: relative; min-height: 4em; border: solid 1px inherit; position: relative; }
  .alert:before { content: "\e08e"; color: red; position: absolute; font-size: 32px; font-family: dnaicons; left: 10px; top: 20px;}
.note { position: relative; min-height: 4em; position: relative; }
  .note:before { content: "\e128"; position: absolute; font-size: 32px; font-family: dnaicons; left: 10px; top: 20px;}
.info { position: relative; min-height: 4em; padding: 20px 10px 10px 50px; background: #E4E4E4; border: solid 1px #C7C7C7; position: relative; }
  .info:before { content: "\e0e4"; color: white; position: absolute; font-size: 32px; font-family: dnaicons; left: 10px; top: 20px;}
.attn { position: relative; min-height: 4em; position: relative; }
  .attn:before { color: #ff6600; position: absolute; font-size: 32px; font-family: dnaicons; left: 10px; top: 20px;}
body { background: #374D60; }
.header-area { background: #374D60; padding: 0px 0px 0px 0px; }
.nav-area { background: #97C4DA; }
.hero-area { background: #E4E4E4; border: solid 2px inherit; padding: 0px 0px 0px 0px; }
  .hero-area .headline {padding-right: 20px; padding-left: 20px;}
.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: #222;}
.text2 {color: #787878;}
.color1 {color: #374D60;}
.color2 {color: #5E7D8B;}
.color3 {color: #97C4DA;}
.color4 {color: #C7C7C7;}
.color5 {color: #E4E4E4;}
.color6 {color: #4F8C57;}
.color7 {color: #DE132B;}
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 {border-bottom: solid 2px inherit; padding: 20px 20px 20px 40px; 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: #CDDBEA;}
blockquote img, .testimonial img {background-color: #E9EFF6; border: solid 1px #CDDBEA; border-radius: 50%; padding: 2px; width: 30%; max-width: 100px; }
cite { font-weight: bold; font-style: normal; color: #A81B1B; text-align: right;display: block; }
cite a { color: #A81B1B; text-decoration: none;}
  cite a:hover, cite a:focus { color: #A81B1B; text-decoration: underline; }
span.divider {display: inline-block;}
span.divider:after {content: " /  ";}
  span.divider:last-child:after {content: "";}

/* - - 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 { background: #E9EFF6; border: solid 1px #2B5482; padding: 20px 20px 20px 20px; }
h3.optin-headline {margin-top: 0px; margin-bottom: 5px; }
p.optin-intro {margin-bottom: 5px; }
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 {background: #E9EFF6; border: solid 1px #2B5482; padding: 20px 20px 20px 20px; 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; }}
h3.optin-headline {line-height: 1.4em;}

/* --- 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-color: #C7C7C7; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; color: #FFFFFF; padding: 10px 15px 10px 15px; display: none; text-decoration: none; text-align: center; }
  a.toggleMenu:hover, a.toggleMenu:focus {border: none;}
.menu-container {width: 100%;}
.dna-nav {display: block; list-style: none; margin: 0; text-align: center; }
.dna-nav a {background-color: transparent; color: #FFF; font-size: 14px; line-height: 1.5em; padding: 10px 15px 10px 15px; 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 .current a, .dna-nav .current-cat a, .dna-nav .current-menu-item a {background-color: #7198C3; color: #FFF;  font-weight: bold;}
.dna-nav a:hover, .dna-nav a:focus {background-color: #7198C3; color: #374D60;}
.dna-nav ul {list-style: none; margin: 0; width: 250px; z-index: 300;}
.dna-nav ul a {background-color: #E4E4E4; color: #FFF; }
.dna-nav ul a:hover, .dna-nav ul a:focus {background-color: #E4E4E4; color: #374D60;}
.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 a font-size: 14px; 
  .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;}
  .menu-container {background-color:transparent;}
  .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 { background-color: rgba(0,0,0,0.2); float: right; 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 0 0 12px; 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;}

/*    Stem v1.3b
  1)  Typography
  2)  Global Template Areas
  3)  Global Patterns
  4)  Header Area
  5)  Nav Area
  6)  Content Area
  7)  Footer Area
  8)  Template Specific
  9)  Page Specific
*/

/*--1) Typography ----------------
--------------------------------*/
a.button {color: #FFF; background: #5E7D8B;}
	a.button:hover, a.button:focus {background: #374D60;}
a.cta {background: #DE132B;}
	a.cta:hover, a.cta:focus {background: #A0002e;}

.main-content .post_content p {text-align: justify;}
.main-content .post_content li {text-align: justify;}

.headline-wrapper .headline,
.headline-wrapper a.headline {
	background: #374D60; color: #FFF; padding: 5px 10px; display: block;}
.skinny .headline-wrapper {text-align: center;}

ul.checks li:before {
  color: #FFF;
  background-color: #97C4DA;
  height: 16px;
  width: 16px;
  line-height: 16px;
  text-align: center;
  border-radius: 100%;
}

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

span.divider:after {color: #5E7D8B;}

/*-- 2) Global Template Areas ----
--------------------------------*/
.hero-area {background: #E4E4E4; padding: 20px;}
.banner-area {background: #E4E4E4; padding: 20px;}
.content-area {padding-top: 40px; background: #FFF;}
.funnel-area {padding: 20px 0; background: #E4E4E4;}


.owl-prev, .owl-next {background-color: rgba(55, 77, 96, 0.4); color: #FFF; -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: rgba(55, 77, 96, 0.7);}
.owl-carousel .owl-item img {width: auto;}


/*-- 3) Global Patterns ----------
--------------------------------*/

.dna-optin-wrap {padding-top: 0; border-color: #5E7D8B;}
.dna-optin-wrap h3.optin-headline {background: #5E7D8B; color: #FFF; padding: 10px 20px; margin: 0 -20px 15px;}

.infusion-option {display: block;}


.dna-optin-wrap.sro-large form {margin: 0 -5px;}
.dna-optin-wrap.sro-large .infusion-field {width: 50%; float: left; padding: 5px;}
.dna-optin-wrap.sro-large .infusion-field.infusion-fw {width: 100%;}
.dna-optin-wrap.sro-large .infusion-submit {clear: left; float: none; padding: 5px;}
.hero-box p.optin-intro {padding-top: 10px;}

.sidebar .widget {background: #E4E4E4;}
.sidebar .widget_title {background: #374D60; color: #FFF; position: relative;}
.sidebar .widget_title:before,
.sidebar .widget_title:after {content: ""; display: block; width: 15px; position: absolute; top: 0; bottom: 0;}
.sidebar .widget_title:before {background: #97C4DA; right: 0px;}
.sidebar .widget_title:after {background: #5E7D8B; right: 15px;}

.casestudy-thumb {background: #E4E4E4; padding-bottom: 50px;  margin-bottom: 25px; position: relative;}
.casestudy-thumb h3 {background: #374D60; color: #FFF; padding: 5px 10px; margin: 0;}
.casestudy-thumb span {padding: 0 10px; display: block;}
.casestudy-thumb p:last-child {position: absolute; bottom: 10px; left: 10px; margin: 0;}

@media only screen and (min-width:480px) and (max-width: 767px) {
	.casestudy-thumb {padding-bottom: 0px;}
	.casestudy-thumb.aside img {width: 50%; float: left; margin: 0;}
	.casestudy-thumb span {float: left; width: 50%; padding: 20px 10px;}
	.casestudy-thumb p:last-child {left: 50%; margin-left: 10px; bottom: 10px;}}

.feature-link {margin-bottom: 10px;}
.feature-link .button {display: block;}


/*-- 4)  Header Area -------------
--------------------------------*/
.dna-logo {width: 100px; position: relative; height: auto; padding-top: 0;}
.dna-logo-width {width: 150px;}

.template-front .content-area, .hero-landing .content-area {border-top: none; margin-top: 0;}
.header-text-box {text-align: center;}
.header-text-box .four p {margin-top: 27px; text-align: center;}

@media only screen and (min-width:768px) {
	.dna-logo {width: 100%;}
	.centered .dna-logo {margin: 0 auto;}
	.header-text-box .eight {text-align: left;}}

@media only screen and (min-width:1024px) {
	.dna-logo {width: 200px;}}

/*-- 5)  Nav Area ----------------
--------------------------------*/

a.toggleMenu {background-color: #374D60; border: solid 1px #FFF; color: #FFFFFF; padding: 5px 10px; position: absolute;  top: -37px; right: 20px; -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.toggleMenu:hover, a.toggleMenu:focus {background-color: #5E7D8B; border: solid 1px #FFF;}

.dna-nav a:hover, .dna-nav a:focus {color: #FFF !important; background: #5E7D8B;}

.dna-nav ul a {background: #5E7D8B; border: solid 1px #374D60; border-width: 0 1px 1px 1px}

@media only screen and (min-width:768px) {
	.menu-container {padding-top: 20px;}
	.dna-nav a {font-size: 12px; padding: 5px 10px;}
	.dna-nav > li > .parent {padding-right: 10px;}
	.dna-nav .sub-menu {margin-left: -1px;}}

@media only screen and (min-width:1024px) {
	.menu-container {padding-top: 25px;}
	.dna-nav a {font-size: 15px; padding: 5px 15px;}
	.dna-nav > li > .parent {padding-right: 15px;}}


.sidebar-menu {
	margin-bottom: 20px;
	padding-bottom: 180px;
	background: url('images/accreditations.png') no-repeat 50% 100%;
	background-size: 100%;}


.sidebar-menu li {margin-bottom: 20px; display: block; padding-right: 20px;}

.sidebar-menu a {
	position: relative;
	border-radius: 2px 0 0 2px;
	display: block;
	background: #374D60;
	color: #374D60;
	padding: 10px;
	height: 40px;
	text-decoration: none;
	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;}

.sidebar-menu a:after {
	top: 0;
	right: -40px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	border-color: transparent;
	border-left-color: #b9b9b9;
	border-width: 20px 20px;}

.sidebar-menu li:nth-of-type(3n+1) a {background: #C7C7C7;}
.sidebar-menu li:nth-of-type(3n+1) a:after {border-left-color: #C7C7C7;}

.sidebar-menu li:nth-of-type(3n+2) a {background: #374D60; color: #FFF;}
.sidebar-menu li:nth-of-type(3n+2) a:after {border-left-color: #374D60;}

.sidebar-menu li:nth-of-type(3n+3) a {background: #97C4DA;}
.sidebar-menu li:nth-of-type(3n+3) a:after {border-left-color: #97C4DA;}

.sidebar-menu a:hover,
.sidebar-menu a:focus {left: 1px;}
.sidebar-menu a:active {left: 2px;}

ul.resource-thumbs {margin-left: -5px; margin-right: -5px;}
.resource-thumbs li {display: inline-block; width: 49%;}
.resource-thumbs li img {-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; padding: 5px;}
.resource-thumbs li img:hover, .resource-thumbs li img:focus {background: #C7C7C7;}
.feature-link li {margin-bottom: 10px;}


@media only screen and (min-width:480px) {
	.resource-thumbs li {width: 24.5%;}}

@media only screen and (min-width:480px) and (max-width: 767px) {
	.sidebar-menu {
		padding-bottom: 80px;
		background-image: url('images/accreditations-ls.png');
		background-size: 90%;}
	.sidebar-menu li {width: 45%; float: left; margin-right: 5%; overflow: hidden;}}

@media only screen and (min-width:768px) {
	.sidebar-menu {padding-bottom: 150px;}}

@media only screen and (min-width:1024px) {
	.sidebar-menu {padding-bottom: 200px;}
	.sidebar-menu a {padding: 20px; height: 60px;}
	.sidebar-menu a:after {border-width: 30px 20px;}}


/*-- 6)  Content Area ------------
--------------------------------*/

.dna-archive .post_box {padding-top: 30px;}
.headline a {display: block;}

.archive_content {padding-top: 20px; border-bottom: solid 2px #5E7D8B; margin-bottom: 20px;}

hr.divide {display: block; height: 2px; border-bottom: solid 2px #5E7D8B; margin-bottom: 20px;}

.template-single .headline, .headline a {margin-bottom: 0;}
.dna-meta-manager {padding: 0; background:none;}
.dna-meta-manager p {margin-bottom: 5px;}
.post_date, .post_cats {padding: 0;}
.post_cats {display: block;}
.post_date:before, .post_cats:before {margin-left: 0;}


.funnel-box {padding: 0 10px;}
.funnel-area .columns {padding: 0 10px; position: relative; float: left;}
.funnel-area .three {width: 50%;}
.section-headline {color: #374D60; text-align: center; margin: 0 0 20px 0;}
.short-headline {position: absolute; bottom: 0px; background: #C7C7C7; padding: 5px; left: 10px; right: 10px; color: #374D60; font-weight: bold; text-align: center; $transl}
.funnel-box .query_box {margin-bottom: 20px;}
.funnel-box img {border: solid 2px #C7C7C7; -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;}
.funnel-box .query_box:hover img, .funnel-box .query_box:focus img {border-color: #97C4DA;}
.funnel-box .query_box:hover .short-headline, .funnel-box .query_box:focus .short-headline {background: #97C4DA;}

@media only screen and (min-width:568px) {
	.funnel-area .three {width: 25%;}}

.feed-area {background: #FFF; padding: 20px 0;}
.owl-blog-feed {clear: left; padding: 50px 20px 20px;}

.owl-blog-feed .owl-controls {position: absolute; top: 0; left: 20px; right: 20px;}
.owl-blog-feed img.wp-post-image {width: 30%; max-width: 150px;}
.owl-blog-feed p {text-indent: 0;}

@media only screen and (min-width:768px) {
	.owl-blog-feed {padding: 20px;}
	.owl-blog-feed .owl-controls {top: -47px;}
	.owl-blog-feed .owl-dots {text-align: right; margin-right: 75px;}
	.owl-blog-feed .owl-dot {background: #5E7D8B; border-color: #5E7D8B;}
	.owl-blog-feed .owl-dot.active {background: #FFF; border-color: #FFF;}
	.owl-blog-feed .owl-prev, .owl-blog-feed .owl-next {background-color: #374D60; border: solid 1px #5E7D8B; -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-blog-feed .owl-prev:hover, .owl-blog-feed .owl-next:hover,
	.owl-blog-feed .owl-prev:focus, .owl-blog-feed .owl-next:focus {background-color: #5E7D8B;}
	.owl-blog-feed .owl-prev {left: auto; right: 182px;}
	.owl-blog-feed .owl-next {right: 10px;}}


.page_nav {padding-top: 25px; margin: 38px 0; border-top: solid 2px #CCC;}
.page_nav, .post_nav {margin-bottom: 44px;}
.page_nav_intro {font-weight: bold;}
.page-numbers {background: #E4E4E4; border-radius: 18px; display: inline-block; line-height: 36px; margin-right: 4px; margin-top: 20px; min-height: 36px; min-width: 36px; text-align: center; text-decoration: none; -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;}
.page-numbers.dots {background: none;}
.page-numbers.current {background: #C7C7C7;}
a.page-numbers:hover, a.page-numbers:focus {background: #C7C7C7;}
.page-numbers.next {margin-right: 0;}
.page-numbers.next, .page-numbers.prev {padding: 0 20px;}

/*-- 7)  Footer Area -------------
--------------------------------*/

.footer, .footer a, .footer .menu a, .dna-credits-box, .dna-credits-box a, .disclaimer, .disclaimer a {color: #FFF;}

.footer .widget {padding: 0;}

.footer .widget_title {font-weight: bold; border-bottom: solid 1px #97C4DA; margin: 0 0 15px 0; padding: 5px 0 10px;}

.footer .menu li {display: block; margin: 5px 0;}
.footer .menu a, .disclaimer a {
	display: inline;
	text-decoration: none;
	border-bottom: dotted 1px #FFF;
	border-bottom-color: rgba(255, 255, 255, 0.4);}
.footer .menu a:hover, .footer .menu a:focus {
	color: #97C4DA; border-color: #5E7D8B;}

.dna-credits-box {
	border: solid 1px #5E7D8B;
	border-width: 1px 0 1px 0;
	padding: 20px 0;
	margin-bottom: 20px;}
.dna-credits-box p {margin: 0;}



/*-- 8)  Template Specific -------
--------------------------------*/

.owl-carousel-front .owl-item {width: 100%;}
.owl-carousel-front .owl-item img {width: 100%;}
.owl-carousel-front .headline {
  display: inline-block;
  background: #FFF;
  bottom: -24px;
  position: absolute;
  margin-left: 20px;
}

.owl-carousel-front .owl-controls {
  padding-top: 10px;
  position: absolute;
  top: 0;
  left: 20px;
  right: 20px;
}

@media only screen and (min-width:768px) {
	.owl-carousel-front .headline {bottom: -26px;}}


/*-- 9)  Page Specific -----------
--------------------------------*/

@media only screen and (min-width:768px) {
	#portfolio_details {width: 459px !important;}}

@media only screen and (min-width:1024px) {
	#portfolio_details {width: 540px !important;}}
/*---:[ custom CSS ]:---*/
.bb {border-bottom: solid 1px #374D60;}
.main-content .post_content img {
    background: #E4E4E4;
    border: solid 1px #C7C7C7;
    padding: 3px;
}
.main-content .post_content .wp-caption img {background: none; border: none;}
.main-content .post_content .text-center {text-align: center;}