/* Blackoot Lite WordPress Theme by Iceable Themes | https://www.iceablethemes.com
 * Copyright 2014-2017 Mathieu Sarrasin - Iceable Media
 * Blackoot Lite CSS
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
label,
legend,
menu,
nav,
section {
    display: block
}

.clear,
.container::after {
    visibility: hidden;
    height: 0
}

#logo,
#navbar,
#tagline {
    text-align: center
}

#footer .widget-title,
#logo .site-title,
#navbar,
#sidebar .widget-title,
.navbutton,
h3.entry-title,
th {
    text-transform: uppercase
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: top
}

fieldset,
form,
ol,
table,
ul {
    margin-bottom: 20px
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote::after,
blockquote::before,
q::after,
q::before {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

ol {
    list-style: decimal
}

ol,
ul.circle,
ul.disc,
ul.square {
    margin-left: 40px
}

ul.square {
    list-style: square
}

ul.circle {
    list-style: circle
}

ul.disc {
    list-style: disc
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin: 4px 0 5px 30px
}

ol ol li,
ol ul li,
ul ol li,
ul ul li {
    margin-bottom: 6px
}

li {
    line-height: 130%;
    margin-bottom: 12px
}

ul.large li {
    line-height: 21px
}

li p {
    line-height: 140%
}

img.scale-with-grid {
    max-width: 100%;
    height: auto
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input[type=text],
input[type=search],
input[type=password],
input[type=email],
select,
textarea {
    border: 1px solid #ccc;
    padding: 6px 4px;
    outline: 0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font: 13px 'Open Sans', HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ccc;
    margin: 0 0 20px;
    width: 190px;
    max-width: 100%;
    display: block;
    background: #fff
}

select {
    padding: 0;
    width: 220px
}

input[type=text]:focus,
input[type=search]:focus,
input[type=password]:focus,
input[type=email]:focus,
textarea:focus {
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2)
}

label,
legend {
    font-weight: 400;
    font-size: 13px
}

input[type=checkbox] {
    display: inline
}

label span,
legend span {
    font-weight: 400;
    font-size: 13px;
    color: #444
}

sub,
sup {
    font-size: xx-small;
    line-height: 100%
}

sub {
    vertical-align: sub
}

sup {
    vertical-align: super
}

code,
kbd,
tt,
var {
    font-family: 'Courier new', Courier, Monospace
}

del,
strike {
    text-decoration: line-through
}

ins {
    text-decoration: underline
}

abbr,
acronym {
    border-bottom: 1px dotted
}

big {
    font-size: 140%
}

.alignnone {
    margin: 5px 20px 20px 0
}

#page-container div.aligncenter,
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto !important
}

.alignright {
    float: right !important;
    margin: 5px 0 20px 20px
}

.alignleft {
    float: left !important;
    margin: 5px 20px 20px 0
}

.aligncenter {
    display: block;
    margin: 5px auto
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

a img.alignleft,
a img.alignnone {
    margin: 5px 20px 20px 0
}

a img.alignleft {
    float: left
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption,
figure {
    max-width: 100%;
    padding: 5px 3px 10px;
    text-align: center;
    box-sizing: border-box
}

.wp-caption.alignleft,
.wp-caption.alignnone {
    margin: 5px 20px 20px 0
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px
}

.wp-caption img,
figure img {
    border: 0;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto
}

#logo,
.thumbnail,
img {
    max-width: 100%
}

.wp-caption p.wp-caption-text,
figure figcaption {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px
}

.gallery-caption {
    font-size: 80%
}

.gallery-item img {
    padding: 0 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden
}

#header,
#navbar ul li,
.container {
    position: relative
}

.screen-reader-text:focus {
    clip: auto !important;
    display: block;
    height: auto;
    left: 5px;
    top: 5px;
    width: auto;
    z-index: 100000
}

.container {
    width: 960px;
    margin: 0 auto;
    padding: 0;
    clear: both
}

.ie8 .container {
    overflow: auto
}

#page-container {
    width: 960px;
    margin: 0 0 20px;
    overflow: hidden
}

#footer .container,
#page-container {
    font-size: 1px;
    letter-spacing: -1px;
    word-spacing: -1px
}

#sidebar-container {
    float: right
}

#page-container.with-sidebar {
    float: left;
    width: 720px
}

#page-container>* {
    margin-left: 20px !important;
    margin-right: 20px !important;
    margin-bottom: 40px;
    vertical-align: top;
    float: none
}

#footer .container>ul>li {
    margin-left: 0 !important;
    margin-right: 0 !important
}

#sidebar-container {
    margin: 0 20px;
    width: 200px
}

#page-container div h1,
#page-container div h2,
#page-container div h3,
#page-container div h4,
#page-container div h5,
#page-container div h6 {
    margin-top: 0
}

.container::after {
    content: "\0020";
    display: block;
    clear: both
}

.clearfix::after,
.clearfix::before,
.row::after,
.row::before {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.clearfix::after,
.row::after {
    clear: both
}

.clearfix,
.row {
    zoom: 1
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    width: 0
}

.ie8 #footer,
.ie8 #navbar ul,
.ie8 #sub-footer {
    clear: both
}

,
.ie8 .container {
    overflow: auto
}

.ie8 .container>* {
    overflow-y: hidden;
    overflow-x: hidden
}

.ie8 #sub-footer .container,
.ie8 #tophead-wrap .container {
    clear: both;
    overflow-y: hidden;
    overflow-x: hidden
}

#sub-footer .container,
.comments_nav,
.post-content,
.post.sticky {
    overflow: auto
}

#main-wrap {
    background: #202020;
    width: 1000px;
    margin: 0 auto
}

.fa {
    font-family: FontAwesome !important
}

#tophead-wrap {
    min-height: 34px;
    background: #000
}

.tophead {
    display: inline-block;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.tophead .search-form {
    width: 25%;
    right: -75%;
    margin: 0
}

.tophead .search-form .search-field {
    background: 0 0;
    padding-right: 25px;
    width: 100%
}

#breadcrumbs,
#logo,
#nav-wrap {
    padding: 0 20px
}

.tophead .search-form .search-field:focus {
    background-color: #b99128
}

#header {
    padding: 40px 0;
    background: rgba(0, 0, 0, .3)
}

#logo .site-title {
    color: #ccc;
    font-size: 45px;
    font-weight: 400;
    line-height: 130%;
    margin: 0
}

#navbar .current-menu-item a,
#navbar .current-menu-item a:visited,
#navbar ul li ul li a,
#navbar ul li ul li a:visited,
#navbar ul li:focus a,
#navbar ul li:focus a:visited,
#navbar ul li:hover a,
#navbar ul li:hover a:visited {
    color: #fff
}

#breadcrumbs,
#breadcrumbs *,
#navbar ul li {
    line-height: 30px
}

#tagline {
    color: #999;
    font-size: 16px;
    line-height: 160%;
    margin-top: 20px;
    padding: 0 20%
}

#navbar,
#navbar ul {
    font-size: 1px;
    letter-spacing: -1px
}

#navbar ul>*,
#navbar>* {
    font-size: 12px;
    letter-spacing: normal;
    word-spacing: normal
}

#nav-wrap {
    border-bottom: 1px solid rgba(255, 255, 255, .05);
    background: #191919;
    width: 100%;
    width: auto
}

#navbar>.menu-container {
    width: 720px;
    float: left
}

#navbar ul {
    margin-bottom: 0;
    clear: both
}

#navbar ul li {
    display: inline-block;
    margin: 0;
    min-height: 30px;
    text-align: left;
    border-bottom: 2px solid transparent
}

#navbar .current-menu-item,
#navbar ul li:focus,
#navbar ul li:hover {
    border-bottom-color: #b99128
}

#navbar ul li a,
#navbar ul li a:visited {
    display: block;
    color: #ccc;
    width: 100%;
    height: 100%;
    padding: 5px 10px 3px;
    box-sizing: border-box
}

#navbar ul li ul {
    display: none;
    position: absolute;
    width: 250px;
    top: 100%;
    left: 0;
    padding: 2px 0 0;
    margin: 0;
    z-index: 9999
}

#breadcrumbs,
#page-title,
.commentlist .pingback .comment-body,
.commentlist .trackback .comment-body,
.search-form,
.search-form label {
    position: relative
}

#navbar ul li ul li,
#navbar ul li ul li:hover ul,
#navbar ul li:hover ul {
    display: block
}

#navbar ul li ul li {
    background: #222
}

#page-title,
.post.sticky {
    background: rgba(0, 0, 0, .3)
}

#navbar ul li:hover ul li ul {
    display: none
}

#navbar ul li ul li ul {
    left: 100%;
    top: 0
}

#navbar select {
    display: none;
    margin: auto
}

#header-image {
    margin: 0 auto;
    width: 100%
}

#page-title {
    margin: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .08)
}

#page-title h1 {
    margin: 0;
    padding: 30px 20px;
    color: #ccc;
    font-size: 30px;
    font-weight: 400
}

#breadcrumbs {
    box-sizing: border-box;
    font-size: 10px;
    font-weight: 400;
    margin-bottom: -30px;
    text-align: right;
    width: 100%
}

#breadcrumbs,
#breadcrumbs a {
    color: #ccc
}

#main-content {
    margin-top: 40px
}

#page-container>h1:first-child,
#page-container>h2:first-child,
#page-container>h3:first-child,
#page-container>h4:first-child,
#page-container>h5:first-child,
#page-container>h6:first-child,
#page-container>hgroup:first-child {
    margin-top: 0
}

.type-page .thumbnail {
    max-width: 100%;
    text-align: center
}

.type-page.with-sidebar .thumbnail {
    width: 680px
}

.post.sticky {
    float: none;
    padding: 20px;
    width: auto;
    margin-bottom: 0
}

.thumbnail {
    width: 100%;
    height: auto;
    margin-bottom: 1px
}

h3.entry-title {
    font-size: 24px;
    margin-bottom: 10px
}

.postmetadata {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px
}

.postmetadata .hatom-feed-info {
    display: none
}

.single-portfolio .single-post .postmetadata {
    margin-bottom: 20px
}

.postmetadata span {
    display: inline-block;
    font-size: 10px;
    font-weight: 400;
    background: rgba(255, 255, 255, .05);
    box-sizing: border-box;
    padding-right: 5px;
    margin: 0 1px 1px 0;
    line-height: 25px
}

.postmetadata span:hover a {
    color: #fff
}

.postmetadata span:hover i {
    color: #000
}

.postmetadata span i {
    color: #b99128;
    vertical-align: baseline;
    padding: 0 5px
}

.postmetadata a,
.postmetadata a:visited {
    color: #ccc
}

.meta-category,
.meta-tags {
    display: inline
}

.tags a,
.the-tags {
    display: inline-block
}

.meta-category span,
.meta-tags span {
    width: auto;
    margin-right: 1px;
    padding-right: 0
}

.meta-category a,
.meta-category a:visited,
.meta-category span,
.meta-tags a,
.meta-tags a:visited {
    display: inline-block;
    font-size: 10px;
    font-weight: 400;
    padding: 0 5px;
    background: rgba(255, 255, 255, .05);
    margin: 0 1px 1px 0;
    line-height: 25px
}

.meta-category a:focus,
.meta-category a:hover,
.meta-tags a:focus,
.meta-tags a:hover,
.postmetadata span:hover {
    color: #fff;
    background: #b99128
}

.editlink {
    width: auto;
    padding-right: 5px
}

.tags {
    margin-top: 20px
}

.the-tags {
    padding: 2px 5px 2px 0;
    margin: 1px 5px 1px 0
}

.tags a {
    background: #333;
    color: #eee;
    font-size: 11px;
    padding: 2px 5px;
    margin: 1px
}

.navbutton {
    font-size: 10px
}

#sidebar .read-more a,
#sidebar .read-more a:visited,
.navbutton a,
.navbutton a:visited {
    background: #000;
    color: #ccc;
    display: block;
    font-weight: 700;
    box-sizing: border-box;
    padding: 5px 15px
}

.navbutton i {
    vertical-align: baseline;
    font-weight: 700
}

.navbutton a:focus,
.navbutton a:hover {
    background-color: #b99128;
    color: #fff
}

.contactinfo-widget-form i,
.next i,
.read-more i {
    padding: 5px 0 5px 5px
}

.previous i {
    padding: 5px 5px 5px 0
}

.article_nav .previous,
.comments_nav .previous,
.page_nav .previous,
.read-more {
    float: left
}

.article_nav .next,
.comments_nav .next,
.page_nav .next {
    float: right
}

.single-post .thumbnail {
    margin-bottom: 20px
}

#page-container .paged_nav {
    font-size: 1px;
    letter-spacing: -1px;
    margin-bottom: 20px;
    line-height: 30px
}

#footer .container ul>*,
#page-container .paged_nav *,
#page-container>* {
    letter-spacing: normal;
    word-spacing: normal
}

#page-container .paged_nav * {
    font-size: 10px
}

.paged_nav a,
.paged_nav a:visited,
.paged_nav>span:nth-child(n+2) {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 1px 1px 0;
    text-align: center
}

#calendar_wrap td#next,
.sub-footer-right {
    text-align: right
}

.paged_nav>span:first-child {
    font-size: 12px;
    margin-right: 5px
}

.paged_nav>span:nth-child(n+2) {
    background: rgba(255, 255, 255, .05);
    color: #fff
}

.paged_nav a span,
.paged_nav a:visited span {
    color: #fff
}

.paged_nav a {
    background-color: #000
}

.paged_nav a:focus,
.paged_nav a:hover {
    background: #B99128
}

#page-container .comments li,
.commentlist {
    margin-left: 0;
    text-indent: 0;
    list-style: none
}

.commentlist .comment {
    background: rgba(255, 255, 255, .05);
    padding: 20px
}

.commentlist .comment .comment-body {
    position: relative;
    overflow: auto
}

.commentlist .comment-author {
    line-height: 25px;
    font-size: 16px
}

.commentlist .comment .comment-body .comment-author img {
    float: left;
    margin-right: 10px;
    margin-bottom: 15px
}

.commentlist .comment-author .fn {
    font-weight: 700;
    font-style: normal
}

.commentlist .fn::after,
.commentlist .fn::before {
    content: ''
}

.commentlist .commentmetadata {
    font-size: 12px
}

.commentlist .comment .comment-body p,
.commentlist .commentmetadata a {
    clear: both;
    color: #ccc
}

.commentlist .comment.bypostauthor {
    background: #111
}

.commentlist .comment.bypostauthor .comment-body p {
    font-weight: 700
}

.comment-reply-link,
.comment-reply-link:visited {
    float: right;
    text-transform: uppercase;
    font-size: 10px;
    background: #000;
    color: #ccc;
    display: block;
    font-weight: 700;
    box-sizing: border-box;
    padding: 5px 15px
}

.comment-reply-link:focus,
.comment-reply-link:hover {
    background-color: #b99128;
    color: #fff
}

.commentlist .comment ul.children {
    margin-left: 20px;
    margin-top: 20px
}

.commentlist .comment ul.children li {
    border-top: 1px solid #000;
    border-radius: 0;
    padding-right: 0;
    margin-left: 0
}

.commentlist .pingback,
.commentlist .trackback {
    background: #111;
    padding: 10px
}

.commentlist .pingback .comment-body .comment-author,
.commentlist .trackback .comment-body .comment-author {
    display: inline-block;
    margin-right: 10px
}

.commentlist .pingback .comment-body .comment-author .fn,
.commentlist .trackback .comment-body .comment-author .fn {
    font-weight: 700
}

.commentlist .pingback .comment-body .comment-author .says,
.commentlist .trackback .comment-body .comment-author .says {
    display: none
}

.commentlist .pingback .comment-body .commentmetadata,
.commentlist .trackback .comment-body .commentmetadata {
    display: inline-block;
    font-size: 10px;
    line-height: 25px
}

.commentlist .pingback .comment-body .reply,
.commentlist .trackback .comment-body .reply,
p.form-allowed-tags {
    display: none
}

.commentlist .pingback .comment-body p,
.commentlist .trackback .comment-body p {
    color: #ccc;
    margin-bottom: 0;
    font-size: 10px
}

.comments_nav {
    margin-bottom: 20px
}

p.comment-form-author,
p.comment-form-email,
p.comment-form-url {
    margin-bottom: 0
}

#respond #commentform label .required {
    color: red
}

#cancel-comment-reply-link {
    text-decoration: underline;
    margin-left: 10px
}

#sidebar {
    font-size: 13px
}

#sidebar li {
    margin-bottom: 10px;
    line-height: 20px
}

#sidebar>li {
    margin-bottom: 30px
}

#sidebar>li>div,
#sidebar>li>form,
#sidebar>li>ul {
    margin: 0 0 5px;
    padding: 10px 0 0;
    clear: both
}

#sidebar>li>* {
    clear: both
}

#sidebar li * a,
#sidebar li * a:visited {
    color: #ccc
}

#sidebar li * a:focus,
#sidebar li * a:hover {
    color: #b99128
}

#sidebar .button-big,
#sidebar .button-medium,
#sidebar .button-small {
    color: #fff
}

#sidebar>li>* a:hover {
    color: #b99128;
    text-decoration: none
}

#sidebar ul ul {
    margin: 10px 0 10px 15px
}

#sidebar .widget-title {
    float: left;
    font-size: 16px;
    color: #ccc;
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 160%
}

#sidebar .widget-title a {
    color: #CCC
}

.search-form {
    margin: 15px 0
}

.search-form label:after {
    position: absolute;
    top: 8px;
    right: 8px;
    color: #FFF;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\f002"
}

#footer .rsswidget img,
#sidebar .rsswidget img {
    position: relative;
    top: 5px
}

.search-form .search-field {
    width: 100%;
    margin-bottom: 5px;
    margin-top: 5px;
    box-sizing: border-box
}

.search-form .search-field::-webkit-input-placeholder {
    color: #666
}

.search-form .search-field::-moz-placeholder {
    color: #666
}

.search-form .search-field:-ms-input-placeholder {
    color: #666
}

.search-form .search-field:-moz-placeholder {
    color: #666
}

.search-form .search-field:focus::-webkit-input-placeholder {
    color: transparent
}

.search-form .search-field:focus::-moz-placeholder {
    color: transparent
}

.search-form .search-field:focus:-ms-input-placeholder {
    color: transparent
}

.search-form .search-field:focus:-moz-placeholder {
    color: transparent
}

.search-form .search-submit {
    display: none
}

.tagcloud {
    font-size: 0
}

.tagcloud a {
    font-size: 11px !important;
    background: #292929;
    padding: 5px 10px;
    margin: 0 0 1px 1px;
    display: inline-block
}

.tagcloud a:focus,
.tagcloud a:hover {
    background-color: #b99128;
    color: #fff !important
}

#footer,
#footer .container ul>*,
#footer .widget a,
#footer .widget a:visited,
#footer .widget-title a,
#footer .widget-title a:visited {
    color: #ccc
}

#calendar_wrap table {
    margin-left: auto;
    margin-right: auto
}

#calendar_wrap td {
    padding: 2px 5px
}

#sidebar ul.menu {
    margin-left: 0
}

#sidebar ul.menu ul {
    margin: 10px 0 10px 15px
}

#footer {
    font-size: 13px;
    background: #111;
    border-top: 3px solid #333;
    padding-top: 50px;
    clear: both
}

#footer .container>ul {
    margin-bottom: 0;
    margin-left: 0
}

#footer ul ul {
    margin-left: 0
}

#footer ul ul ul {
    margin: 10px 0 10px 15px
}

#footer li {
    margin-bottom: 10px;
    line-height: 20px
}

#footer>li {
    margin-bottom: 30px
}

#footer .widget {
    display: inline-block;
    box-sizing: border-box;
    padding: 0 20px;
    margin-bottom: 50px;
    width: 25%
}

#footer .widget-title {
    font-size: 16px;
    line-height: 130%;
    color: #ccc;
    margin-top: 0;
    margin-bottom: 30px
}

#footer .widget a:focus,
#footer .widget a:hover {
    color: #b99128
}

#footer ul.menu {
    margin-left: 0
}

#footer ul.menu ul {
    margin: 10px 0 10px 15px
}

#sub-footer .menu,
#sub-footer .menu ul,
#sub-footer p {
    margin-bottom: 0
}

#sub-footer {
    background: #000;
    font-size: 11px;
    color: #ccc;
    padding: 20px 0;
    clear: both
}

.sub-footer-left,
.sub-footer-right {
    box-sizing: border-box;
    display: inline-block;
    padding: 0 10px;
    width: 50%
}

#sub-footer .menu li {
    display: inline-block;
    line-height: 160%;
    margin-left: 15px;
    margin-bottom: 0
}

#sub-footer .menu li a {
    color: #ccc
}

#sub-footer .menu li a:focus,
#sub-footer .menu li a:hover {
    color: #b99128
}

#footer .container ul>*,
#footer .widget_rss ul li,
#footer p,
#page-container>address,
#page-container>div,
#page-container>dl,
#page-container>figure,
#page-container>form,
#page-container>ol,
#page-container>p,
#page-container>pre,
#page-container>table,
#page-container>ul,
#sidebar .textwidget,
#sidebar .widget_rss ul li,
#sidebar p,
body {
    font-family: 'Open Sans', Helvetica, Arial, Verdana, sans-serif;
    font-size: 14px;
    line-height: 145%;
    letter-spacing: normal;
    word-spacing: normal;
    margin-bottom: 20px
}

body {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    color: #ccc;
    font-weight: 300;
    -webkit-text-size-adjust: 100%
}

#footer .widget-title,
#logo .site-title,
#navbar,
#sidebar .widget-title,
#tagline,
.comment .reply,
.comment-author,
.commentmetadata,
.navbutton,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Quicksand, 'Open Sans', Helvetica, Arial, Verdana, sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #ccc;
    font-weight: 400;
    margin-top: 24px;
    margin-bottom: 24px;
    line-height: 160%
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: inherit
}

dl dt,
strong,
th {
    font-weight: 700
}

h1 {
    font-size: 21px
}

h2 {
    font-size: 18px
}

h3 {
    font-size: 16px
}

h4 {
    font-size: 14px
}

h5 {
    font-size: 13px
}

h6 {
    font-size: 12px
}

#page-container h3.entry-title {
    font-size: 24px
}

#page-container h3.entry-title a,
#page-container h3.entry-title a:visited {
    color: #CCC
}

p {
    margin: 0 0 20px
}

p img {
    margin: 0
}

p.lead {
    font-size: 21px;
    line-height: 27px;
    color: #ccc
}

em {
    font-style: italic
}

small {
    font-size: 80%
}

cite::after,
cite::before,
q::after,
q::before {
    content: '"'
}

cite cite::after,
cite cite::before,
q q::after,
q q::before {
    content: "'"
}

img {
    height: auto
}

@media \0screen {
    img {
        width: auto
    }
}

blockquote,
blockquote p {
    font-size: 17px;
    line-height: 24px;
    color: #888;
    font-style: italic
}

blockquote {
    margin: 0 40px 20px;
    padding: 10px 20px;
    border-left: 3px solid #444
}

blockquote p {
    margin-bottom: 0
}

blockquote cite {
    display: block;
    font-size: 13px;
    color: #ccc
}

blockquote cite::before {
    content: "\2014 \0020"
}

blockquote cite::after {
    content: ""
}

blockquote cite a,
blockquote cite a:visited {
    color: #555
}

blockquote.center {
    text-align: center
}

blockquote.left {
    text-align: left
}

blockquote.right {
    text-align: right
}

hr {
    border: solid #000;
    border-width: 1px 0 0;
    clear: both;
    margin: 40px 0;
    height: 0
}

th {
    font-size: 11px;
    background: rgba(0, 0, 0, .4);
    text-align: center
}

tr:nth-child(even) {
    background: rgba(0, 0, 0, .3)
}

tr:nth-child(odd) {
    background: rgba(255, 255, 255, .05)
}

td {
    padding: 5px 20px
}

#page-container ul li {
    margin-left: 3em;
    text-indent: -1.1em;
    list-style: disc inside
}

#page-container ol li {
    margin-left: 40px
}

#page-container ol ol li,
#page-container ol ul li,
#page-container ul ol li,
#page-container ul ul li {
    margin-left: 0
}

dl {
    margin-bottom: 20px
}

dl dt {
    margin-bottom: 5px
}

dl dd {
    padding-left: 20px;
    margin-bottom: 10px
}

address {
    font-family: 'Courier new', Courier, Monospace;
    padding: 0 0 20px 20px
}

cite {
    font-style: italic
}

#page-container>pre,
pre {
    display: block;
    font-family: 'Courier New', Courier, Monospace;
    padding: 15px;
    word-wrap: break-word
}

label {
    color: #ccc;
    font-size: 14px;
    line-height: 160%
}

input[type=text],
input[type=search],
input[type=password],
input[type=email],
textarea {
    color: #ccc;
    background: #292929;
    border: none;
    border-radius: 0;
    box-shadow: none;
    display: block;
    font-size: 14px;
    margin: 0 0 10px;
    padding: 0 5px
}

input[type=text]:focus,
input[type=search]:focus,
input[type=password]:focus,
input[type=email]:focus,
textarea:focus {
    background-color: #b99128;
    color: #fff;
    border: none;
    box-shadow: none;
    outline: 0
}

input[type=text],
input[type=search],
input[type=password],
input[type=email] {
    height: 30px
}

textarea {
    min-height: 60px;
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

input[type=submit],
input[type=reset],
input[type=button] {
    background-color: #b99128;
    border: none;
    color: #fff;
    display: inline-block;
    text-transform: capitalize;
    font-size: 14px;
    text-decoration: none;
    text-shadow: none;
    cursor: pointer;
    margin: 0 0 20px;
    padding: 5px 15px
}

input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover {
    color: #fff;
    background: #333
}

#page-container h1 a,
#page-container h1 a:visited,
#page-container h2 a,
#page-container h2 a:visited,
#page-container h3 a,
#page-container h3 a:visited,
#page-container h3.entry-title a:hover,
#page-container h4 a,
#page-container h4 a:visited,
#page-container h5 a,
#page-container h5 a:visited,
#page-container h6 a,
#page-container h6 a:visited,
a,
a:visited {
    color: #b99128
}

#page-container h1 a:hover,
#page-container h2 a:hover,
#page-container h3 a:hover,
#page-container h4 a:hover,
#page-container h5 a:hover,
#page-container h6 a:hover,
h1 a,
h1 a:hover,
h1 a:visited,
h2 a,
h2 a:hover,
h2 a:visited,
h3 a,
h3 a:hover,
h3 a:visited,
h4 a,
h4 a:hover,
h4 a:visited,
h5 a,
h5 a:hover,
h5 a:visited,
h6 a,
h6 a:hover,
h6 a:visited {
    color: #333
}

a,
a:focus,
a:hover,
a:visited {
    text-decoration: none;
    outline: 0
}

p a,
p a:visited {
    line-height: inherit
}

.wp-caption-text {
    padding-left: 0
}

#navbar ul li,
#page-container .paged_nav>span,
.postmetadata *,
.read-more,
a,
a:visited,
input[type=submit],
input[type=text],
input[type=reset],
input[type=button],
input[type=search],
input[type=password],
input[type=email],
textarea {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

@media only screen and (min-width:768px) and (max-width:959px) {

    #main-wrap,
    .container {
        width: 768px
    }

    .tophead {
        padding-right: 15px
    }

    #logo {
        padding: 0 15px
    }

    #nav-wrap {
        padding: 0
    }

    #navbar>.menu-container {
        max-width: 557px
    }

    #page-container>* {
        margin-left: 15px !important;
        margin-right: 15px !important;
        margin-bottom: 20px
    }

    #page-container>hr {
        margin: 40px 0
    }

    #page-container {
        width: 766px
    }

    #page-container.with-sidebar {
        width: 576px
    }

    .gallery .gallery-item {
        width: 50% !important;
        min-height: 210px
    }

    .gallery br {
        display: none
    }

    #sidebar-container {
        width: 161px;
        margin: 0 15px 0 0
    }

    #calendar_wrap td {
        padding: 1px 3px
    }

    #footer .container {
        width: 768px
    }

    #footer .widget {
        padding: 0 15px
    }

    .sub-footer-left {
        padding-left: 15px
    }

    .sub-footer-right {
        padding-right: 15px
    }
}

@media only screen and (max-width:767px) {
    #main-wrap {
        width: 310px
    }

    .tophead {
        width: 100%;
        padding: 5px 10px;
        text-align: center
    }

    .tophead #searchform {
        margin: auto;
        right: 0;
        width: 50%
    }

    #header #tagline {
        padding: 0
    }

    #nav-wrap {
        padding: 0 5px
    }

    #navbar div {
        display: none
    }

    #navbar select {
        display: block;
        margin: 20px auto;
        width: 90%
    }

    #footer .container>ul>li,
    #page-container>* {
        margin-left: 10px !important;
        margin-right: 10px !important;
        margin-bottom: 20px
    }

    #page-container,
    #page-container.with-sidebar,
    #sidebar,
    #sidebar-container,
    .container {
        width: 300px
    }

    #page-container .post,
    #page-container>hr {
        margin: 0 0 20px !important
    }

    .gallery .gallery-item {
        float: none !important;
        width: 100% !important
    }

    .gallery br {
        display: none
    }

    #sidebar-container {
        margin: 0 0 20px
    }

    #calendar_wrap td {
        padding: 3px 12px
    }

    #footer .widget {
        width: 100% !important;
        padding: 0
    }

    .sub-footer-left,
    .sub-footer-right {
        width: 100%;
        text-align: center
    }

    .sub-footer-left {
        margin-bottom: 20px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    #main-wrap {
        width: 440px
    }

    #nav-wrap {
        padding: 0 10px
    }

    #footer .container>ul>li,
    #page-container>* {
        margin-left: 10px !important;
        margin-right: 10px !important;
        margin-bottom: 20px
    }

    .gallery .gallery-item {
        float: left !important;
        width: 50% !important;
        min-height: 210px
    }

    #sidebar-container {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin: 0 0 20px
    }

    #page-container,
    #page-container.with-sidebar,
    #sidebar,
    #sidebar-container,
    .container {
        width: 420px
    }

    #calendar_wrap td {
        padding: 5px 20px
    }
}