/* --:[ 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: #292929; font: normal 14px/21px Corbel, "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;} h1, .h1, h2, .h2, #site_title, #site_title a {font-weight: bold; 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 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: #DDD9C3; 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: #2145A6; 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: #EEBC3E; font-weight: bold;} 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: #292929;} input[type="submit"]:hover, a.cta:hover, input[type="submit"]:focus, a.cta:focus {background-color: #2145A6;} 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 Corbel, "Lucida Grande", "Lucida Sans Unicode", 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: #19314B; margin-top: 22px; } blockquote p, .testimonial {font: italic inherit/21px Corbel, "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;} /* --- [Aside Content Styling] --- */ .aside {color: #787878; font: normal 12px/18px Corbel, "Lucida Grande", "Lucida Sans Unicode", 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: 1200px; 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: 16px; line-height: 25px;} input {font-size: 16px;} h1, .h1, #site_title {font-size: 30px; line-height: 44px;} h2, .h2 {font-size: 24px; line-height: 36px;} h3, .h3 {font-size: 20px; line-height: 31px;} h4, .h4 {font-size: 18px; line-height: 28px;} h5, .h5 {font-size: 17px; line-height: 27px;} h6, .h6 {font-size: 16px; line-height: 25px;} 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 Corbel, "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;} p.aux {margin-bottom: 20px;} blockquote, blockquote p {font-size: inherit; line-height: 20px;} 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: 16px; line-height: 23px;} .aside h5, .aside .h5 {font-size: 15px; line-height: 22px;} .aside h6, .aside .h6 {font-size: 14px; line-height: 21px;} .aside h1, .aside h2, .aside h3, .aside h4, .aside h5, .aside h6, .aside ul, .aside ol, .aside p, .aside pre, .aside table, .aside dl, .aside blockquote, .aside .alert, .aside .info, .aside .note, .aside .attn, .aside .grmb {margin-bottom: 21px;} .aside input[type="submit"], .aside input[type="button"] {line-height: 21px;} .aside p.aux, .aside label {font-size: 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: 1000px;} .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: 200px;} .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: 300px;} .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: 400px;} .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: 500px;} .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: 600px;} .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: 700px;} .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: 799px;} .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: 900px;} .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: 1000px;} .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: 1100px;} .twelve, .row .twelve {width: 100%;} } /* Pappa Bear = < max at iPad Lansdscape */ @media only screen and (min-width:1024px) { body {line-height: 27px;} h1, .h1 {line-height: 45px;} h2, .h2 {line-height: 37px;} h3, .h3 {line-height: 32px;} h4, .h4 {line-height: 30px;} h5, .h5 {line-height: 28px;} h6, .h6 {line-height: 27px;} 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: 20px;} blockquote p:last-child {margin-bottom: 14px;} .aside h1, .aside .h1 {line-height: 37px;} .aside h2, .aside .h2 {line-height: 37px;} .aside h3, .aside .h3 {line-height: 27px;} .aside h4, .aside .h4 {line-height: 24px;} .aside h5, .aside .h5 {line-height: 23px;} .aside p.aux {margin-bottom: 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: 1024px;} } /* Grampa Bear */ @media only screen and (min-width:1280px) { body {line-height: 28px;} h1, .h1 {line-height: 46px;} h2, .h2 {line-height: 39px;} h3, .h3 {line-height: 33px;} h4, .h4 {line-height: 31px;} 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: 28px;} input[type="submit"], input[type="button"] {line-height: 28px;} blockquote, blockquote p {line-height: 23px;} blockquote p:last-child {margin-bottom: 14px;} .aside {line-height: 22px;} .aside h1, .aside .h1 {line-height: 38px;} .aside h2, .aside .h2 {line-height: 38px;} .aside h4, .aside .h4 {line-height: 25px;} .aside h6, .aside .h6 {line-height: 22px;} .aside h1, .aside h2, .aside h3, .aside h4, .aside h5, .aside h6, .aside ul, .aside ol, .aside p, .aside pre, .aside table, .aside dl, .aside blockquote, .aside .alert, .aside .info, .aside .note, .aside .attn, .aside .grmb {margin-bottom: 22px;} .aside input[type="submit"], .aside input[type="button"] {line-height: 22px;} .aside ul {list-style: none; margin: 0 0 22px ;} .aside ol {list-style: none; margin: 0 0 22px ;} .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: 1200px;} } /*--- [Media Query Fix for IE8 and below ---*/ body.ie8 .row, body.ie7 .row, body.ie6 .row {width: 100% !important; max-width: 1200px !important;} @font-face { font-family: 'dnaicons'; src:url('https://www.cayosoft.com/wp-content/thesis/skins/thesisdna/fonts/dnaicons.eot'); src:url('https://www.cayosoft.com/wp-content/thesis/skins/thesisdna/fonts/dnaicons.eot?#iefix') format('embedded-opentype'), url('https://www.cayosoft.com/wp-content/thesis/skins/thesisdna/fonts/dnaicons.woff') format('woff'), url('https://www.cayosoft.com/wp-content/thesis/skins/thesisdna/fonts/dnaicons.ttf') format('truetype'), url('https://www.cayosoft.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: #19314B; 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: #19314B; font-weight: bold; text-decoration: none; display: block;} .headline a:hover, .headline a:focus {color: #19314B; background: #D9D9D9;} .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 #D9D9D9; 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 #D9D9D9;} .page_nav_intro {font-weight: bold;} .page-numbers {display: inline-block; margin-top: 20px; min-height: 36px; min-width: 20px; color: #292929; 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: #D9D9D9; border: solid 1px #D9D9D9; padding: 10px;} .footer .menu li {list-style: none; display: inline-block; margin: 5px;} .footer .menu a {color: #2145A6;} .footer .menu a:hover, .footer .menu a:focus {border-color: #EEBC3E;} .dna-credits-box {font: normal 10px/16px Corbel, "Lucida Grande", "Lucida Sans Unicode", 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 Corbel, "Lucida Grande", "Lucida Sans Unicode", 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: #D9D9D9; padding: 5px;} .dna-meta-manager a {color: #787878; text-decoration: none;} .dna-meta-manager a:hover, .dna-meta-manager a:focus {color: #292929; 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: #C6D9F1;} .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 #DDD9C3; 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: #19314B; position: absolute; top: 10px; right: 10px; background: #D9D9D9; padding: 2px 5px; border-radius: 2px; border: solid 1px #DDD9C3; text-decoration: none;} .comment-reply-link:hover, .comment-reply-link:focus {background: #DDD9C3;} .children .comment {margin-right: -1px;} .comment-meta {padding: 5px; margin-bottom: 10px;} .comment_date {padding-right: 1em;} .comment_permalink {position: absolute; right: 10px;} /*--- Post Navigation ---*/ .next_post, .previous_post {width: 50%; float: left; position: relative;} .next_post {padding-left: 10px; padding-right: 20px; text-align: right;} .previous_post {padding-left: 20px; padding-right: 10px;} .next_post:after, .previous_post:before {font-family: dnaicons; margin-right: 10px; position: absolute;} .previous_post:before {content: "\e0a7"; left: 0px; top: 0;} .next_post:after {content: "\e0a8"; right: -15px; top: 0;} @media only screen and (max-width:767px) { /*--- Big Sis ---*/ .post_nav a {display: block;} } /*------- [Sidebar] -------*/ /*-------------------------*/ .sidebar {margin-top: 32px;} @media only screen and (min-width:768px) { .sidebar {margin-top: 0;}} /*-------------------------*/ /*------ [DNA BOXES] ------*/ /*-------------------------*/ 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 inherit; 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 inherit; border-radius: 3px 3px 3px 3px; 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 { } blockquote, .testimonial { border: solid 1px inherit; 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: #292929;} .text2 {color: #787878;} .color1 {color: #19314B;} .color2 {color: #00B0F0;} .color3 {color: #C6D9F1;} .color4 {color: #DDD9C3;} .color5 {color: #D9D9D9;} .color6 {color: #2145A6;} .color7 {color: #EEBC3E;} 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 Block Link [Start] -- */ a.block-link {display: block;} /* -- DNA CSS: DNA Block Link [End] -- */ /* -- DNA CSS: DNA Block Link [Start] -- */ a.block-link {display: block;} /* -- DNA CSS: DNA Block Link [End] -- */ /* -- DNA CSS: DNA Block Link [Start] -- */ a.block-link {display: block;} /* -- DNA CSS: DNA Block Link [End] -- */ /* -- DNA CSS: DNA Block Link [Start] -- */ a.block-link {display: block;} /* -- DNA CSS: DNA Block Link [End] -- */ /* -- DNA CSS: DNA Block Link [Start] -- */ a.block-link {display: block;} /* -- DNA CSS: DNA Block Link [End] -- */ /* -- DNA CSS: DNA Block Link [Start] -- */ a.block-link {display: block;} /* -- DNA CSS: DNA Block Link [End] -- */ /* - - DNA CSS - dna_image_manager - - */ .alignnone {float: none;} .alignright {float: right; margin-left: 15px;} .aligncenter {margin-right: auto; margin-left: auto;} .alignleft {float: left; margin-right: 15px;} .size-medium {width: 50%; max-width: 300px; margin-bottom: 0;} .wp-caption {background: #eee; border: solid 1px #ccc; padding: 3px;} figcaption p {text-align: center; margin-top: 3px; margin-bottom: 0;} .gallery {margin-left: -2px; margin-right: -2px;} .gallery-item {padding: 2px; width: 33.333%; display: inline-block; background: #eee; padding: 3px;} @media only screen and (min-width: 768px) { .gallery-columns-1 .gallery-item {width: 100%;} .gallery-columns-2 .gallery-item {width: 50%;} .gallery-columns-3 .gallery-item {width: 33.333%;} .gallery-columns-4 .gallery-item {width: 25%;} .gallery-columns-5 .gallery-item {width: 20%;} .gallery-columns-6 .gallery-item {width: 16.666%;} .gallery-columns-7 .gallery-item {width: 14.285%;} .gallery-columns-8 .gallery-item {width: 12.5%;} .gallery-columns-9 .gallery-item {width: 11.111%;} .gallery-columns-10 .gallery-item {width: 10%;} .gallery-columns-11 .gallery-item {width: 9.090%;} .gallery-columns-12 .gallery-item {width: 8.333%;}} /* --- DNA CSS: DNA Optin Form Manager --- */ .dna-optin-wrap { } h3.optin-headline {margin-top: 0px; } p.optin-footer {margin-bottom: 0px; } /* --- DNA Modal --- */ a.dna-popup-trigger {text-align: center;} .dna-popup {opacity: 0; visibility: hidden; height: 0; -webkit-transition: opacity 0.0s 0s, visibility 0s 0.3s; transition: opacity 0.0s 0s, visibility 0s 0.3s;} .is-visible:before {content: ""; background: rgba(0,0,0,0.8); display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; position: fixed; z-index: 20001;} .dna-popup.is-visible {height: auto; opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s 0s, visibility 0s 0.0s; transition: opacity 0.5s 0s, visibility 0s 0.0s; text-align: center;} .dna-popup-container {background: white; display: none; padding: 10px; position: relative; -webkit-transform: translateY(-80px); -ms-transform: translateY(-80px); transform: translateY(-80px); -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.75s; transition-duration: 0.75s;} .is-visible .dna-popup-container {display: inline-block; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); top: 0; left: 50%; margin-left: -150px; position: absolute; margin-top: 50px; width: 300px; z-index: 20001;} .dna-popup-container form {text-align: left;} a.dna-close { text-decoration: none; font-size: 18px; line-height: 11px; background: #000; border: solid 2px #FFF; color: #FFF; width: 18px; height: 18px; display: block; text-align: center; position: absolute; bottom: 0px; right: 0px;} a.dna-close:hover {color: #A0002E;} @media only screen and (min-width: 768px) { .is-visible .dna-popup-container { width: 600px; margin-left: -300px; }} /* --- DNA CSS: Owl Carousel --- */ /* Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;}} @keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;}} /* Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out;} /* Core Owl Carousel CSS File */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y;} .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0;} .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-item img {display: block; width: 100%; -webkit-transform-style: preserve-3d;} .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-controls {padding-top: 10px;} .owl-dots {text-align: center; display: block;} .owl-dot { height: 12px; width: 12px; background: #FFF; display: inline-block; margin: 2px 2px 0; border: solid 2px #AAAAAA; border-radius: 100%;} .owl-dot.active {border-color: #D8D8D8; display: inline-block;} .owl-nav {position: absolute; left: 0; right: 0; z-index: 0;} .owl-prev, .owl-next { background-color: #CCCCCC; text-align: center; padding: 0px 10px; position: absolute; border-radius: 5px; top: 0;} .owl-item .gallery-item {width: 100%; display: block;} .owl-dots {padding: 0 50px;} .owl-prev { left: 0;} .owl-next { right: 0;} .owl-prev:hover, .owl-next:hover, .owl-prev:focus, .owl-next:focus {background-color: #ECECEC;} /* No Js */ .no-js .owl-carousel { display: block; } /* Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img { transform-style: preserve-3d; } /* Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } /* DNA Resposive Menu CSS */ a.toggleMenu {background: transparent; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; color: #2145A6; padding: 10px 15px 10px 15px; display: none; text-decoration: none; text-align: center; } .dna-nav {display: block; list-style: none; margin: 0; } .dna-nav a {color: #2145A6; line-height: 1.618em; 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 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: 35px;} } @media only screen and (max-width:767px) { .active {display: block;} .dna-nav li {border-top: solid 1px rgba(0,0,0,0.2);} .dna-nav li:last-child {border-bottom: solid 1px rgba(0,0,0,0.2);} .dna-nav a {text-align:left;} .dna-nav li li a {padding-left: 30px;} .dna-nav li li li a {padding-left: 35px;} .dna-nav > li {display: block;} .dna-nav > li > .parent {background-image: none;} .dna-nav li .more {float: right; color: #2145A6; ; 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 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 of [Cayosoft] Footer CSS --- */ .creds-area {background: #FFF;} .creds-box {padding: 20px;} .creds-box h3 {border-top: solid 1px #D9D9D9; color: #00B0F0; font-size: 14px; font-weight: normal; line-height: 1.4; padding: 20px 0 15px; margin: 20px 0 0 0; position: relative;} .creds-box h3:before {content: "\2756"; color: #DDD9C3; text-align: center; width: 20px; height: 20px; display: block; line-height: 20px; background: #FFF; font-family: helvetica, arial, sans-serif; position: absolute; left: 50%; top: 0; margin: -10px 0 0 -10px;} .creds-box img {display: inline-block; padding: 5px; height: 30px;} .is-visible .dna-popup-container {background: #00B0F0; padding: 20px; } @media only screen and (min-width:568px) { .creds-box h3 {font-size: 16px;} .creds-box img {height: 45px;}} @media only screen and (min-width:768px) { .creds-box img {height: 50px; padding: 5px 20px;} .footer .menu li {display: block; margin: 0;}} @media only screen and (min-width:1024px) { .creds-box h3 {font-size: 18px;} .creds-box img {height: 60px;}} .footer-cta-area {background: #FFF;} .footer-cta-box {background: #00B0F0; color: #FFF; padding: 10px 20px; line-height: 2;} .footer-cta-area a {font-weight: bold; color: #FFF;} .footer {padding: 20px 0;} .dna-credits-box {padding: 20px 0; margin: 20px auto; border-top: solid 1px rgba(255,255,255.03); ; border-bottom: solid 1px rgba(255,255,255.03);} .dna-credits-box p, .dna-credits-box a {font-size: 12px; color: #FFF; font-family: sans-serif;} /* End of [Cayosoft] Footer CSS --- */ /* Start of [Cayosoft] Header CSS --- */ .header-area {padding: 10px 0;} .header-right {text-align: center;} #site_title {color: #EEBC3E; font-weight: bold; display: inline;} #site_title a {color: #EEBC3E; -webkit-transition: all 0350ms ease; -moz-transition: all 0350ms ease; -o-transition: all 0350ms ease; transition: all 0350ms ease;} #site_tagline {color: #FFF; font-size: 12px; display: inline; padding-left: 3px;} .header-text-box {color: #fff; padding-top: 20px; display: inline-block; text-align: center;} .header-text-box p:first-child {color: #666; margin-bottom: 10px;} .header-text-box p:first-child a {color: #FFF; text-decoration: none;} .header-text-box p:first-child a:hover, .header-text-box p:first-child a:focus {color: #EEBC3E;} .header-text-box p:last-child {margin-bottom: 0px;} .header-text-box span {margin-bottom: 5px; display: inline-block; padding: 0 10px;} .header-text-box span.ilb {padding: 0; margin: 0;} .header-center {padding-bottom: 20px;} .nav-area {background: #000; padding: 0;} a.toggleMenu { background: #333; border: solid 1px #444; border-radius: 3px; padding: 4px; display: inline-block; height: 30px; width: 30px; line-height: 26px; right: 20px; color: #FFF; position: absolute; -webkit-transition: all 0350ms ease; -moz-transition: all 0350ms ease; -o-transition: all 0350ms ease; transition: all 0350ms ease} a.toggleMenu:hover, a.toggleMenu:focus {background: #222; border: solid 1px #333} a.toggleMenu:active {background: #111; color: #EEBC3E;} @media only screen and (min-width:768px){ .header-area {padding: 20px 0;} #site_title {line-height: 1;} #site_title, #site_tagline {display: block;} #site_tagline {font-size: 14px;} .header-right {text-align: right;} .header-text-box {padding: 0; margin-top: -20px;} .header-text-box span {display: block; padding: 0 0 20px;} .header-text-box span.ilb {display: inline-block; padding: 0} .header-text-box p:first-child {font-size: 14px;} .nav-area {background: #333; padding: 0;} .menu-container {padding: 0 5px;}} @media only screen and (min-width:1024px){ #site_tagline {font-size: 16px;} .menu-container {padding: 0px;}} /* End of [Cayosoft] Header CSS --- */ /* Start of [CayoSoft] Hero Background CSS --- */ .slider-area {background: #00B0F0; padding: 20px 0;} @media only screen and (min-width:768px) { .slider-area {background-image: url('https://www.cayosoft.com/wp-content/thesis/skins/thesisdna/images/slide_Cayosoft_LaptopUser2000x500.jpg');}} /* End of [CayoSoft] Hero Background CSS --- */ /* Stem v2.0b */ /*--1) Typography ---------------- --------------------------------*/ input {border: solid 1px #CCC;} a.button, input[type="submit"] {display: inline-block; color: #000; border: none;} a.button {color: #FFF;} a.cta, input[type="submit"] {color: #000;} h3 a {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;} h3 a:hover {text-decoration: underline;} th a {color: #FFF;} th a:hover, th a:focus {color: #00B0F0;} /*-- 2) Global Patterns ---------- --------------------------------*/ .red {color: #CD0713;} .alignnone {margin-bottom: 14px;} .main-content .su-tabs {border-radius: 3px 3px 0 0; } .dna-optin-wrap {background: #C6D9F1; padding: 15px; border: solid 1px #00B0F0;} h3.optin-headline {margin: 0 0 10px; color: #19314B;} p.optin-intro {margin: 0 0 15px; color: #292929;} p.optin-footer {font: 12px/18px Corbel, "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; margin: 10px 0 0;} .main-content .dna-optin-wrap, .sidebar .dna-optin-wrap {margin-bottom: 28px;} .dna-reveal-wrap {margin-bottom: 28px;} .headline-wrapper {margin-bottom: 14px;} .dna-meta-manager {background: #D9D9D9; padding: 5px;} .dna-meta-manager span:before {color: #C6D9F1;} .wp-caption {background: #D9D9D9; padding: 3px; border: solid 1px rgba(0,0,0,0.1);} .wp-caption-text {margin-bottom: 0; text-align: center; font-style: italic;} .dna-social-wrapper {text-align: center; position: relative; padding-top: 20px;} .dna-social-wrapper li {padding: 0 5px;} @media only screen and (min-width:768px) { .dna-social-wrapper [data-icon]:before {font-size: 27px;}} @media only screen and (min-width:1024px) { .dna-social-wrapper [data-icon]:before {font-size: 37px;}} .mr_social_sharing_wrapper { border-top: solid 1px #D9D9D9 !important;; padding: 20px 0 !important;} .page_nav {border-top: solid 1px #D9D9D9; margin-top: 20px; padding-top: 20px;} a.page-numbers, .page-numbers.current, .page-numbers.dots { text-align: center; height: 26px; line-height: 26px; min-width: 26px; border-radius: 4px; background: #CCC; padding: 0 4px; text-decoration: none; color: #000;} a.page-numbers {-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: #DDD9C3;} a.page-numbers:hover, a.page-numbers:focus {background: #BBB;} .cayo-steps { background: #111; border-top: solid 10px #00B0F0; color: #FFF; padding-bottom: 20px;} .cayo-steps hr {height: 20px; display: block; background: #FFF;} .cayo-steps h3 { color: #EEBC3E; font-variant: small-caps; margin: 0; line-height: 1.5em;} .cayo-step {padding-top: 10px; text-align: center;} .cayo-steps img {padding-right: 20px;} @media only screen and (min-width:480px) { .cayo-step-button {width: 33.333%; float: left;}} @media only screen and (min-width:768px) { .cayo-steps {padding-bottom: 15px;} .cayo-step {padding-top: 20px;} .cayo-step-intro {width: 20%; float: left;} .cayo-step-button {width: 26.666%; float: left;} .sidebar .cayo-step {width: 100%; float: none;} .cayo-steps img {padding-right: 0px;}} .cayo-banner {padding: 20px 0; position: relative;} .cayo-banner:before, .cayo-banner:after {content: ""; background-color: inherit; display: block; position: absolute; top: 0; bottom: 0; width: 1000px;} .cayo-banner:before {left: -1000px;} .cayo-banner:after {right: -1000px;} /*-- 3) Global Template Areas ---- --------------------------------*/ body {background-color: #000;} .header-area {padding-top: 20px;} .nav-area {padding: 0 0 20px 0;} .hero-area {padding: 30px 0 30px 0; background-color: #00B0F0;} .content-area {padding: 20px 0; background-color: #FFF;} .footer-area {padding: 20px 0;} @media only screen and (min-width:768px) { .nav-area {padding: 0 0 3px 0;}} /* --- [Navigation ] --- */ .menu-container {text-align: center;} .dna-nav {padding: 20px 0 0 0; display: none;} .dna-nav li { text-align: left; border-color: rgba(255,255,255,0.4);} .dna-nav li .more:before {color: #FFF;} .dna-nav a {background: #333; color: #FFF;} .dna-nav .current a, .dna-nav .current-cat a, .dna-nav .current-menu-item a {background-color: transparent; color: #FFF; font-weight: bold;} .dna-nav a:hover, .dna-nav a:focus {background: #000; color: #2EBBF5;} .dna-nav .disabled a {cursor: default;} .dna-nav ul a {background-color: #222; color: #FFF; border: none;} .dna-nav ul a:hover, .dna-nav ul a:focus {background-color: #000; color: #2EBBF5;} .dna-nav .sub-menu {background: #222; border: none;} .dna-nav .link-wrap a {font-weight: bold;} .dna-nav .primary-link a {background: #222; color: #EEBC3E;} .dna-nav .primary-link .link-wrap {display: block;} .dna-nav .primary-link .link-wrap a:hover:before, .dna-nav .primary-link .link-wrap a:focus:before {color: #2EBBF5;} @media only screen and (min-width:768px) { a.toggleMenu {display: none;} .dna-nav {text-align: left; padding: 0;} .dna-nav li {display: inline-block; float: none;} .dna-nav a {font-size: 14px; padding: 5px 15px;} .dna-nav > li > .parent {padding-right: 35px;} .dna-nav > li > .parent:after {font-size: 10px; font-weight: bold;} .dna-nav ul.sub-menu, .dna-nav .sub-menu li {display: block; border-color: #000;} .dna-nav ul a {background-color: #222; color: #FFF;} .dna-nav .current-menu-item .sub-menu a {background-color: #222;} .dna-nav ul a:hover, .dna-nav ul a:focus, .dna-nav .current-menu-item .sub-menu a:hover, .dna-nav .current-menu-item .sub-menu a:focus {background-color: #000; color: #2EBBF5;} .dna-nav .sub-menu {border: solid 1px rgba(0,0,0,0.2); border-top: none;} .dna-nav .primary-link .link-wrap a:hover:before, .dna-nav .primary-link .link-wrap a:focus:before {color: #2EBBF5;}} @media only screen and (min-width:1024px) { .dna-nav a {font-size: 16px; padding: 5px 20px;} .dna-nav .sub-menu a {font-size: 16px; padding-top: 8px; padding-bottom: 6px; border-bottom: solid 1px #333;} .ie .dna-nav a {font-size: 15px; padding: 10px 25px;} .dna-nav > li > .parent {padding-right: 35px;} .dna-nav > li > .parent:after { padding-left: 8px;} .dna-nav ul {width: 350px;}} /* --- [Header Area] --- #site_title {color: #EEBC3E; font-weight: bold; display: inline;} #site_title a {color: #EEBC3E; -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_tagline {color: #FFF; font-size: 12px; display: inline; padding-left: 3px;} .header-text-box {text-align: center; color: #fff; padding-top: 20px;} .header-text-box span {margin-bottom: 5px; display: inline-block; padding: 0 10px;} .header-text-box a[href^="call"] {color: #fff; text-decoration: none; font-weight: 700;} @media only screen and (min-width:768px) { #site_title, #site_tagline {display: block;} #site_tagline {font-size: 14px;} .header-text-box {text-align: right; padding: 0;} .header-text-box span {display: block; padding: 0 0 20px;}} @media only screen and (min-width:1024px) { #site_tagline {font-size: 16px;}} */ /* --- [ Hero Area ] --- */ .hero-box .headline {padding: 0 20px;} .soliloquy-theme-classic .soliloquy-pager {text-align: center;} .home-page-widget-area {background: white; padding-top: 20px;} .column-widget {border: solid 5px white; background: white; color: #292929;} .column-widget h4 {font-weight: bold;} .funnel-box-premises {background: #DDD9C3;} .funnel-box-hybrid {background: #D9D9D9;} .funnel-box-cloud {background: #C6D9F1;} .funnel-box {position: relative; padding-left: 100px; padding-bottom: 50px;} .funnel-box h4 {color: #CD0713; padding-top: 10px;} .funnel-box img {width: 75px; max-width: 75px; position: absolute; left: 10px;} .funnel-box p:last-child {margin-bottom: 0;} .funnel-box .su-button-center {position: absolute; bottom: 20px;} @media only screen and (min-width:480px) and (max-width: 767px) { .column-widget:nth-of-type(1n+4) {width: 50%; float: left;} .column-widget:nth-of-type(2n+6) {clear:left;}} @media only screen and (min-width:768px) { .home-page-widget-box .funnel-box {min-height: 335px;} .column-widget:nth-child(3n+4) {clear: left;}} @media only screen and (min-width:1024px) { .home-page-widget-box .funnel-box {min-height: 275px;}} /* --- [Content Area] -- .column-widget:nth-child(4n3) {clear: both;} */ /* ---- post area ---- */ .dna-archive .post_box {padding-top: 20px; border-top: 1px solid #D9D9D9;} .dna-archive .headline a {display: block; -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;} .template-single .headline-wrapper {padding: 0 20px;} .dna-meta-manager {background: none; border: solid 1px #D9D9D9; border-width: 1px 0; padding-left: 0;} .dna-meta-manager, .dna-meta-manager a {color: #292929;} .dna-meta-manager span:before, .dna-meta-manager .post_cats:before {color: #19314B;} .cal-date {position: relative; display: inline-block;} .cal-date:before {content: ""; font-family: dnaicons; margin-right: 5px;} @media only screen and (min-width:1280px) { .template-single .post_box {position: relative;} .dna-meta-manager {width: 150px; left: -170px; position: absolute; display: block; border: none;} .cal-date {display: block; border: solid 3px #D9D9D9; text-align: center; margin: 0 0 10px; padding: 15px 10px !important; width: 100px; font-family: sans-serif; text-transform: uppercase;} .cal-date:before {display: none;} .cal-date-day, .cal-date-month, .cal-date-year {display: block; padding: 0 10px; line-height: 1;} .cal-date-day {font-size: 50px; color: #2EBBF5;} .cal-date-month {font-size: 16px; color: #2EBBF5; letter-spacing: 2px;} .cal-date-year {font-size: 16px; color: #D9D9D9; padding-top: 5px; letter-spacing: 2px;} .post_cats, .post_cats {display: block;} .template-single .sidebar {margin-top: 9px;} } /* --- sidebars --- */ .sidebar {margin-top: 42px;} .ss-switch {background: #DDD9C3; border-radius: 5px;} .widget {border: none;} .widget_title {background: #00B0F0; color: #000; font-weight: bold;} @media only screen and (min-width:768px) { .sidebar {margin-top: 0;}} /* --- [Footer Area] --- */ .footer, .footer p, .footer a {color: #D9D9D9;} .footer a.cta {color: #000;} .footer h3 {color: #FFF;} .footer-right { text-align: center;} .footer .menu {text-align: center;} .footer .menu a {color: #D9D9D9; } .footer .menu a:hover, .footer .menu a:focus {color: #EEBC3E; text-decoration: underline;} .dna-credits-box p, .dna-credits-box a {color: #999;} .dna-social-wrapper {text-align: center; position: relative;} .dna-social-wrapper li {padding: 0 5px;} .dna-social-wrapper a:hover [data-icon]:before {color: #EEBC3E;} @media only screen and (min-width:768px) { .footer {display: flex;} .footer-mid {border-right: solid 1px #333; border-left: solid 1px #333;} .footer-mid-right {border-right: solid 1px #333;} .footer .menu, .footer-right, .dna-social-wrapper {text-align: left;} .footer .menu li {margin-bottom: 5px;} .dna-social-wrapper [data-icon]:before {font-size: 20px;}} @media only screen and (min-width:1024px) { .dna-social-wrapper [data-icon]:before {font-size: 24px;}} /*-- 4) Template Specicic Areas --- ---------------------------------*/ .owl-item .featured_image_link {display: block; margin: 0 auto; max-width: 1150px;} .header-center {padding-bottom: 20px;} .page-with-sidebar .headline-wrapper {padding: 0 20px;} .template-front .hero-box .headline {text-align: center;} .dna .soliloquy-theme-classic .soliloquy-pager {bottom: -30px; text-align: center; } .headline-wrapper cite {text-align: left; font: normal 16px/21px "Helvetica Neue", Helvetica, Arial, sans-serif;} .headline-wrapper cite .testimonial-name {font: normal 22px/30px "Helvetica Neue", Helvetica, Arial, sans-serif; display: block;} @media only screen and (min-width:768px) { .page-with-sidebar .sidebar {padding-top: 20px;}} /*-- 5) Page Specicific Areas ----- ---------------------------------*/ .ie9 .dna-nav {display: block;}