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




/* == Headers == */

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

/* == Links == */

.skin-light a {
   color: #555;
}
.skin-light a:hover {
   color: #111;
}

/* == Form Elements == */

.skin-light select,
.skin-light input,
.skin-light textarea,
.skin-light button {
   border: 1px solid #ddd;
   background: #f9f9f9;
   color: #666;
}
.skin-light select {
   background-image: url(../img/form-elements/select-arrow-light.png);
   background-size: 6px;
   background-position: right 10px center;
   background-repeat: no-repeat;
}
.skin-light select:focus,
.skin-light input:focus,
.skin-light textarea:focus,
.skin-light button:focus {
   border: 1px solid #aaa;
   color: #000;
}

/* == Tables == */

.skin-light table {
   border: 1px solid #eee;
   border-bottom: 0;
}
.skin-light tr {
   border-bottom: 1px solid #eee;
}
.skin-light tr:hover {
   background: #fbfbfb;
}
.skin-light th {
   background: #fbfbfb;
   color: #444;
}
.skin-light table caption {
   color: #444;
}

/* == Blockquotes == */

.skin-light blockquote {
   background: #f9f9f9;
   color: #666;
}
.skin-light blockquote cite {
   color: #000;
}

/* == Pre == */

.skin-light pre {
   background: #f9f9f9;
   color: #222;
}
.skin-light code {
   color: #222;
}

/* == Definitions == */

.skin-light dt {
   color: #000;
}



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




/* Background Colors */
.skin-light,
.skin-light #ajax,
.skin-light #body,
.skin-light #above-content,
.skin-light #content,
.skin-light #below-content {
   background: #fff;
}

/* Container */
.skin-light {
   color: #777;
}
.skin-light strong {
   color: #000;
}

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

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




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




/* == Featured == */

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

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

/* == 3.5 AJAX Window == */

.skin-light #ajax-window {
   border: 1px solid #eee;
}
.skin-light #ajax-window .ajax-controls {
   border-top: 1px solid #eee;
}
.skin-light #ajax-window .ajax-controls a {
   color: #888 !important;
}
.skin-light #ajax-window .ajax-controls a:hover {
   color: #222 !important;
}




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





/* == Post == */

/* Post Controls */
.skin-light .post-controls {
   border-bottom: 1px solid #eee;
}
.skin-light .post-controls a {
   color: #666 !important;
}
.skin-light .post-controls a:hover {
   color: #000 !important;
}

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

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

/* Comments */
.skin-light .comment .comment-meta {
   color: #777;
}
.skin-light .comment .comment-meta li {
   border-right: 1px solid #ddd;
}
.skin-light .comment .author-name {
   color: #222;
}
.skin-light #comments .comment-page-nav-top {
   border-bottom: 1px solid #eee;
}
.skin-light #comments .comment-page-nav-bottom {
   border-top: 1px solid #eee;
}

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

/* == Pagination == */

.skin-light .pagination a,
.skin-light .pagination span {
   color: #888;
   background: #fff;
   border: 2px solid #ddd !important;
}
.skin-light .pagination span.current {
   color: #fff;
}




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




.skin-light #sidebar {
   border-top: 1px solid #eee;
}

@media (min-width: 60em) {

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

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

}

/* == Widgets == */

/* Social Media Widget */
.skin-light .social-media-widget a {
   color: #777;
}
.skin-light .social-media-widget a:hover {
   background: #f9f9f9;
   color: #000 !important;
}
.skin-light .social-media-widget a .fa {
   color: #000;
}

/* General Widgets */
.skin-light .widget .tagcloud a {
   background: #f9f9f9;
   border: 1px solid #eee !important;
   color: #777 !important;
}
.skin-light .widget .tagcloud a:hover {
   background: #fff;
}

/* == Sidebar Nav == */

.skin-light #sidebar .sidebar-nav .current-page a {
   background: #f9f9f9;
   color: #000;
}
.skin-light #sidebar .sidebar-nav a:hover {
   color: #000;
}






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





/* == Base Sliders == */

.skin-light .base-slider.is-tabbed .pager {
   background: #fff;
}
.skin-light .base-slider.is-tabbed .pager {
   border-top: 1px solid #eee;
   border-left: 1px solid #eee;
}
.skin-light .base-slider.is-tabbed .pager a {
   color: #555 !important;
   border-bottom: 1px solid #eee !important;
   border-right: 1px solid #eee;
}
.skin-light .base-slider.is-tabbed .pager a.is-active {
   color: #000 !important;
   background: #f9f9f9;
}

/* == Masonry Layouts == */

.skin-light [data-ffmasonry] > nav a {
   color: #444;
}
.skin-light [data-ffmasonry] > nav a:hover,
.skin-light [data-ffmasonry] > nav a.is-active {
   color: #000;
   background: #f5f5f5;
}

/* == Toggle Groups == */

.skin-light .toggle-group > nav a {
   color: #444;
}
.skin-light .toggle-group > nav a:hover,
.skin-light .toggle-group > nav a.is-active {
   color: #000;
   background: #f9f9f9;
}
.skin-light .toggle-group h4 {
   background: #fff;
   cursor: pointer;
   border: 1px solid #eee;
   color: #555 !important;
}
.skin-light .toggle-group h4.is-open {
   color: #000 !important;
   background: #f9f9f9;
}

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

/* == Tab Groups == */

.skin-light .tab-group > nav {
   background: #fff;
}
.skin-light .tab-group.is-horizontal > nav {
   border-top: 1px solid #eee;
   border-left: 1px solid #eee;
}
.skin-light .tab-group.is-vertical > nav {
   border-right: 1px solid #eee;
}
.skin-light .tab-group > nav a {
   color: #555 !important;
}
.skin-light .tab-group.is-horizontal > nav a {
   border-right: 1px solid #eee;
   border-bottom: 1px solid #eee !important;
}
.skin-light .tab-group.is-vertical > nav a {
   border-bottom: 1px solid #eee !important;
}
.skin-light .tab-group > nav a.is-active {
   color: #000 !important;
   background: #f9f9f9;
}
.skin-light .tab-group.is-horizontal > ul {
   border: 1px solid #eee;
   border-top: 0;
}

/* == Buttons == */

.skin-light .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(255,255,255,0.1), inset 0 0 0 2px rgba(0,0,0,0.05);
   -moz-box-shadow: inset 0 0 0.5em 0.5em rgba(255,255,255,0.1), inset 0 0 0 2px rgba(0,0,0,0.05);
   box-shadow: inset 0 0 0.5em 0.5em rgba(255,255,255,0.1), inset 0 0 0 2px rgba(0,0,0,0.05);
}
.skin-light .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(255,255,255,0.25), inset 0 0 0 2px rgba(0,0,0,0.25);
   -moz-box-shadow: inset 0 0 0.5em 0.5em rgba(255,255,255,0.25), inset 0 0 0 2px rgba(0,0,0,0.25);
   box-shadow: inset 0 0 0.5em 0.5em rgba(255,255,255,0.25), inset 0 0 0 2px rgba(0,0,0,0.25);
}

/* Default Color */
.skin-light .ff-button.is-default {
   text-shadow: none;
   background: #f9f9f9;
   color: #222 !important;
}

/* Blue Color */
.skin-light .ff-button.is-blue {
   background: #6bbaeb;
}

/* Green Color */
.skin-light .ff-button.is-green {
   background: #86B344;
}

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

/* == User Forms == */

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

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

/* == Display Boxes == */

.skin-light .icon-box {
   color: #555;
   background: #f9f9f9;
}
.skin-light .icon-box.is-transparent {
   background: transparent;
}
.skin-light .icon-box .icon-box-title {
   color: #000 !important;
}
.skin-light .icon-box.is-default .icon-box-icon {
   color: #fff;
   -webkit-box-shadow: 0 0 0 8px #fff;
   -moz-box-shadow: 0 0 0 8px #fff;
   box-shadow: 0 0 0 8px #fff;
}
.skin-light .icon-box.is-default:hover .icon-box-icon {
   background: #fff;
}

/* == Category Browser == */

.skin-light .category-browser .first-post {
   background: #f9f9f9;
}

/* == Archives == */

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

/* == Dividers == */


.skin-light .divider .divider-inner {
   background: #eee;
}
.skin-light .divider.is-small .divider-align-notation {
   background: #fff;
}

/* == Notification Boxes == */

.skin-light .notification-box.info {
   background: #E8F7FA;
   color: #119DBD;
}
.skin-light .notification-box.success {
   background: #ECF5D0;
   color: #84A61C;
}
.skin-light .notification-box.warning {
   background: #F6F7DA;
   color: #9C9714;
}
.skin-light .notification-box.error {
   background: #F0CABD;
   color: #802709;
}

/* == Team Members == */

.skin-light .member-contact-card {
   background: #f9f9f9;
}
.skin-light .member-contact-card .contact-link {
   background: #fff;
   border: 0.625em solid #f9f9f9 !important;
}

/* == Promo Box == */

.skin-light .promo-box {
   background: #f9f9f9;
}

/* == Price Tables == */

.skin-light .price-option .option-atts li {
   border: 1px solid #ddd;
   border-bottom: 1px solid #eee;
   background: #fff;
   color: #777;
}
.skin-light .price-option .option-atts li:last-child {
   border-bottom: 1px solid #ddd;
}
.skin-light .price-option .option-atts li:nth-child(2n) {
   background: #f9f9f9;
   color: #555;
}