/* ============================================================== *
 * 1.0 Typography                                                  *
 * ============================================================== */




/* == Headers == */

.skin-dark h1,
.skin-dark h2,
.skin-dark h3,
.skin-dark h4,
.skin-dark h5,
.skin-dark h6 {
   color: #fff;
}

/* == Links == */

.skin-dark a {
   color: #ddd;
}
.skin-dark a:hover {
   color: #fff;
}

/* == Form Elements == */

.skin-dark select,
.skin-dark input,
.skin-dark textarea,
.skin-dark button {
   border: 1px solid #353535;
   background: #292929;
   color: #999;
}
.skin-dark select {
   background-image: url(../img/form-elements/select-arrow-light.png);
   background-size: 6px;
   background-position: right 10px center;
   background-repeat: no-repeat;
}
.skin-dark select:focus,
.skin-dark input:focus,
.skin-dark textarea:focus,
.skin-dark button:focus {
   border: 1px solid #444;
   color: #fff;
}

/* == Tables == */

.skin-dark table {
   border: 1px solid #353535;
   border-bottom: 0;
}
.skin-dark tr {
   border-bottom: 1px solid #353535;
}
.skin-dark tr:hover {
   background: #292929;
}
.skin-dark th {
   background: #292929;
   color: #eee;
}
.skin-dark table caption {
   color: #eee;
}

/* == Blockquotes == */

.skin-dark blockquote {
   background: #292929;
   color: #999;
}
.skin-dark blockquote cite {
   color: #fff;
}

/* == Pre == */

.skin-dark pre {
   background: #292929;
   color: #ddd;
}
.skin-dark code {
   color: #ddd;
}

/* == Definitions == */

.skin-dark dt {
   color: #fff;
}



/* ============================================================== *
 * 2.0 Structure                                                  *
 * ============================================================== */




/* Background Colors */
#body.skin-dark {
   border-bottom: 1px solid #353535;
}
.skin-dark,
.skin-dark #ajax,
.skin-dark #body,
.skin-dark #above-content,
.skin-dark #content,
.skin-dark #below-content {
   background: #252525;
}

/* Container */
.skin-dark {
   color: #999;
}
.skin-dark strong {
   color: #fff;
}

/* == `External` Content == */

.skin-dark #above-content {
   border-bottom: 1px solid #353535;
}
.skin-dark #below-content {
   border-top: 1px solid #353535;
}




/* ============================================================== *
 * 3.0 Header                                                     *
 * ============================================================== */




/* == Featured == */

.skin-dark #featured.has-media {
   background: #252525 !important;
}
.skin-dark #featured .featured-floating-cover {
   background: #252525 !important;
   border-bottom: 1px solid #353535;
   box-shadow: rgba(0,0,0,0.25) 0px 0px 20px 5px;
   -webkit-box-shadow: rgba(0,0,0,0.25) 0px 0px 20px 5px;
}
.skin-dark #featured.has-media .page-title h3 {
   color: #fff !important;
}
.skin-dark #featured.has-media .page-title h5 {
   color: rgba(255,255,255,0.75) !important;
}
.skin-dark #featured.has-media .page-title.is-horizontal h5 {
   border-left: 1px solid rgba(255,255,255,0.25) !important;
}

.skin-dark #featured.has-media .bread-crumbs {
   color: rgba(255,255,255,0.45) !important;
}
.skin-dark #featured.has-media .bread-crumbs a,
.skin-dark #featured.has-media .bread-crumbs span {
   color: rgba(255,255,255,0.75) !important;
}

/* == 3.5 AJAX Window == */

.skin-dark #ajax-window {
   border: 1px solid #353535;
}
.skin-dark #ajax-window .ajax-controls {
   border-top: 1px solid #353535;
}
.skin-dark #ajax-window .ajax-controls a {
   color: #888 !important;
}
.skin-dark #ajax-window .ajax-controls a:hover {
   color: #fff !important;
}




/* ============================================================== *
 * 4.0 Detail                                                     *
 * ============================================================== */





/* == Post == */

/* Post Controls */
.skin-dark .post-controls {
   border-bottom: 1px solid #353535;
}
.skin-dark .post-controls a {
   color: #888 !important;
}
.skin-dark .post-controls a:hover {
   color: #fff !important;
}

/* Post Meta */
.skin-dark .post .post-meta {
   border-top: 1px solid #353535;
}

/* Post Thumbnails */
.skin-dark .post-thumbnail .scalable-content {
   background: #292929;
   color: #888 !important;
}
.skin-dark .post-thumbnail .scalable-content {
   border: 1px solid #353535 !important;
}
.skin-dark .post-thumbnail.has-image .scalable-content {
   border: none !important;
}

/* Comments */
.skin-dark .comment .comment-meta {
   color: #999;
}
.skin-dark .comment .comment-meta li {
   border-right: 1px solid #353535;
}
.skin-dark .comment .author-name {
   color: #fff;
}
.skin-dark #comments .comment-page-nav-top {
   border-bottom: 1px solid #353535;
}
.skin-dark #comments .comment-page-nav-bottom {
   border-top: 1px solid #353535;
}

/* Author Profile */
.skin-dark .author-profile {
   border-top: 1px solid #353535;
}
.skin-dark .author-profile.archive-page {
   border-bottom: 1px solid #353535;
   border-top: 0;
}

/* == Pagination == */

.skin-dark .pagination a,
.skin-dark .pagination span {
   color: #999;
   background: #252525;
   border: 2px solid #353535 !important;
}
.skin-dark .pagination span.current {
   color: #fff;
}




/* ============================================================== *
 * 5.0 Sidebar                                                    *
 * ============================================================== */




.skin-dark #sidebar {
   border-top: 1px solid #353535;
}

@media (min-width: 60em) {

   .skin-dark .sidebar-left #detail.is-taller,
   .skin-dark .sidebar-right #sidebar.is-taller {
      border-left: 0.0625em solid #353535;
   }

   .skin-dark .sidebar-right #detail.is-taller,
   .skin-dark .sidebar-left #sidebar.is-taller {
      border-right: 0.0625em solid #353535;
   }

}

/* == Widgets == */

/* Social Media Widget */
.skin-dark .social-media-widget a {
   color: #999;
}
.skin-dark .social-media-widget a:hover {
   background: #292929;
   color: #fff !important;
}
.skin-dark .social-media-widget a .fa {
   color: #fff;
}

/* General Widgets */
.skin-dark .widget .tagcloud a {
   background: #292929;
   border: 1px solid #353535 !important;
   color: #999 !important;
}
.skin-dark .widget .tagcloud a:hover {
   background: #252525;
}

/* == Sidebar Nav == */

.skin-dark #sidebar .sidebar-nav .current-page a {
   background: #292929;
   color: #fff;
}
.skin-dark #sidebar .sidebar-nav a:hover {
   color: #fff;
}






/* ============================================================== *
 * 6.0 Elements                                                   *
 * ============================================================== */





/* == Base Sliders == */

.skin-dark .base-slider.is-tabbed .pager {
   background: #252525;
}
.skin-dark .base-slider.is-tabbed .pager {
   border-top: 1px solid #353535;
   border-left: 1px solid #353535;
}
.skin-dark .base-slider.is-tabbed .pager a {
   color: #999 !important;
   border-bottom: 1px solid #353535 !important;
   border-right: 1px solid #353535;
}
.skin-dark .base-slider.is-tabbed .pager a.is-active {
   color: #fff !important;
   background: #292929;
}

/* == Masonry Layouts == */

.skin-dark [data-ffmasonry] > nav a {
   color: #999;
}
.skin-dark [data-ffmasonry] > nav a:hover,
.skin-dark [data-ffmasonry] > nav a.is-active {
   color: #fff;
   background: #292929;
}

/* == Toggle Groups == */

.skin-dark .toggle-group > nav a {
   color: #999;
}
.skin-dark .toggle-group > nav a:hover,
.skin-dark .toggle-group > nav a.is-active {
   color: #fff;
   background: #292929;
}
.skin-dark .toggle-group h4 {
   background: #252525;
   cursor: pointer;
   border: 1px solid #353535;
   color: #999 !important;
}
.skin-dark .toggle-group h4.is-open {
   color: #fff !important;
   background: #292929;
}

/* Content */
.skin-dark .toggle-group .toggle-content {
   border: 1px solid #353535;
   border-top: 0;
}

/* == Tab Groups == */

.skin-dark .tab-group > nav {
   background: #252525;
}
.skin-dark .tab-group.is-horizontal > nav {
   border-top: 1px solid #353535;
   border-left: 1px solid #353535;
}
.skin-dark .tab-group.is-vertical > nav {
   border-right: 1px solid #353535;
}
.skin-dark .tab-group > nav a {
   color: #999 !important;
}
.skin-dark .tab-group.is-horizontal > nav a {
   border-right: 1px solid #353535;
   border-bottom: 1px solid #353535 !important;
}
.skin-dark .tab-group.is-vertical > nav a {
   border-bottom: 1px solid #353535 !important;
}
.skin-dark .tab-group > nav a.is-active {
   color: #fff !important;
   background: #292929;
}
.skin-dark .tab-group.is-horizontal > ul {
   border: 1px solid #353535;
   border-top: 0;
}

/* == Buttons == */

.skin-dark .ff-button {
   color: #fff !important;
   text-shadow: rgba(0,0,0,0.35) 0 1px 3px;
   -webkit-box-shadow: inset 0 0 0.5em 0.5em rgba(0,0,0,0.1), inset 0 0 0 2px rgba(255,255,255,0.05);
   -moz-box-shadow: inset 0 0 0.5em 0.5em rgba(0,0,0,0.1), inset 0 0 0 2px rgba(255,255,255,0.05);
   box-shadow: inset 0 0 0.5em 0.5em rgba(0,0,0,0.1), inset 0 0 0 2px rgba(255,255,255,0.05);
}
.skin-dark .ff-button:hover {
   text-shadow: rgba(0,0,0,0.65) 0 1px 3px;
   -webkit-box-shadow: inset 0 0 0.5em 0.5em rgba(0,0,0,0.25), inset 0 0 0 2px rgba(255,255,255,0.25);
   -moz-box-shadow: inset 0 0 0.5em 0.5em rgba(0,0,0,0.25), inset 0 0 0 2px rgba(255,255,255,0.25);
   box-shadow: inset 0 0 0.5em 0.5em rgba(0,0,0,0.25), inset 0 0 0 2px rgba(255,255,255,0.25);
}

/* Default Color */
.skin-dark .ff-button.is-default {
   text-shadow: none;
   color: #999 !important;
   background: #292929;
}

/* Blue Color */
.skin-dark .ff-button.is-blue {
   background: #338C9E;
}

/* Green Color */
.skin-dark .ff-button.is-green {
   background: #97AD45;
}

/* Red Color */
.skin-dark .ff-button.is-red {
   background: #B5403A;
}

/* == User Forms == */

.skin-dark .user-form label {
   color: #999;
}
.skin-dark .user-form label .required-marker {
   color: #D14E34;
}
.skin-dark .user-form label.has-error {
   color: #D14E34;
}
.skin-dark .user-form label.has-warning {
   color: blue;
}

.skin-dark .user-form .field input.has-error,
.skin-dark .user-form .field textarea.has-error {
   border: 1px solid #D14E34 !important;
}
.skin-dark .user-form .field input.has-warning,
.skin-dark .user-form .field textarea.has-warning {
   border: 1px solid yellow !important;
}

/* == Display Boxes == */

.skin-dark .icon-box {
   color: #999;
   background: #292929;
}
.skin-dark .icon-box.is-transparent {
   background: transparent;
}
.skin-dark .icon-box .icon-box-title {
   color: #fff !important;
}
.skin-dark .icon-box.is-default .icon-box-icon {
   color: #fff;
   -webkit-box-shadow: 0 0 0 8px #252525;
   -moz-box-shadow: 0 0 0 8px #252525;
   box-shadow: 0 0 0 8px #252525;
}
.skin-dark .icon-box.is-default:hover .icon-box-icon {
   background: #252525;
}

/* == Category Browser == */

.skin-dark .category-browser .first-post {
   background: #292929;
}

/* == Archives == */

.skin-dark .archives .archive-section:hover .archive-section-title span {
   color: #fff;
}
.skin-dark .archives .archive-section ul {
   border-top: 1px solid #353535;
}
.skin-dark .archives .archive-section.is-large ul {
   border-top: 0;
}
.skin-dark .archives .archive-section.is-large ul li:nth-child(1) a {
   border-top: 1px solid #353535;
}
@media (min-width: 35em) {
   .skin-dark .archives .archive-section.is-large ul li:nth-child(1) a,
   .skin-dark .archives .archive-section.is-large ul li:nth-child(2) a {
      border-top: 1px solid #353535;
   }
}
@media (min-width: 45em) {
   .skin-dark .archives .archive-section.is-large ul li:nth-child(1) a,
   .skin-dark .archives .archive-section.is-large ul li:nth-child(2) a,
   .skin-dark .archives .archive-section.is-large ul li:nth-child(3) a {
      border-top: 1px solid #353535;
   }
}
.skin-dark .archives .archive-section li a {
   background: #292929;
   color: #999;
   border-bottom: 1px solid #353535 !important;
}
.skin-dark .archives .archive-section:hover li a {
   color: #eee;
}

/* == Dividers == */


.skin-dark .divider .divider-inner {
   background: #353535;
}
.skin-dark .divider.is-small .divider-align-notation {
   background: #252525;
}

/* == Notification Boxes == */

.skin-dark .notification-box.info {
   background: #469DA3;
   color: #D7F8FA;
}
.skin-dark .notification-box.success {
   background: #819435;
   color: #F0F5DC;
}
.skin-dark .notification-box.warning {
   background: #B5AB3A;
   color: #F5F1C6;
}
.skin-dark .notification-box.error {
   background: #823731;
   color: #F5D7D5;
}

/* == Team Members == */

.skin-dark .member-contact-card {
   background: #292929;
}
.skin-dark .member-contact-card .contact-link {
   background: #252525;
   border: 0.625em solid #292929 !important;
}

/* == Promo Box == */

.skin-dark .promo-box {
   background: #292929;
}

/* == Price Tables == */

.skin-dark .price-option .option-atts li {
   border: 1px solid #444;
   border-bottom: 1px solid #353535;
   background: #252525;
   color: #999;
}
.skin-dark .price-option .option-atts li:last-child {
   border-bottom: 1px solid #444;
}
.skin-dark .price-option .option-atts li:nth-child(2n) {
   background: #292929;
   color: #bbb;
}