/* OI v0.1.0 
 * Copyright (c) 2016  
 */
.post h2 { margin-bottom: 10px; }
.post .author { font-family: "Times New Roman", Times, serif; font-style: italic; color: #8f8e8c; font-size: .875em; }

.blog-filters { display: none; }

.filter-params { text-align: center; font-weight: bold; text-transform: uppercase; letter-spacing: .5px; color: #555; margin-bottom: 30px; }
.filter-params .param { display: inline-block; background-color: #efeeea; padding: 5px 10px; margin-right: 10px; margin-bottom: 10px; }
.filter-params .param a.icon-cross { color: #8f8e8c; font-weight: bold; display: inline-block; position: relative; top: 2px; }
.filter-params .param a.icon-cross:hover { color: #555; }

/********************/
/**** Pagination ****/
/********************/
.blog-nav { position: relative; }
.blog-nav .nav-right, .blog-nav .nav-left, .blog-nav .nav-center { margin-bottom: 30px; width: 100%; text-align: center; }
.blog-nav .nav-right:last-child, .blog-nav .nav-left:last-child, .blog-nav .nav-center:last-child { margin-bottom: 0; }

/*******************/
/**** Dropdowns ****/
/*******************/
.filter-container { font-size: .875em; background-color: #efeeea; }
.filter-container .filter-dropdown > li { height: 50px; }
.filter-container .filter-dropdown > li:hover { background-color: #8f8e8c; }
.filter-container .filter-dropdown > li:hover .dropdown-cta { color: #fff; }
.filter-container .filter-dropdown > li .dropdown-cta { line-height: 50px; padding-left: 20px; padding-right: 20px; display: block; position: relative; color: #8f8e8c; font-size: .875em; text-transform: uppercase; }
.filter-container .filter-dropdown > li .dropdown-cta .filter-arrow { position: absolute; right: 15px; font-size: 20px; line-height: 50px; color: inherit; }
.filter-container .filter-dropdown .selector-holder { background-color: #8f8e8c; padding-bottom: 10px; position: relative; z-index: 1; display: none; }
.filter-container .filter-dropdown .selector-holder .viewport { height: 200px; overflow: hidden; position: relative; }
.filter-container .filter-dropdown .selector-holder .overview { list-style: none; position: absolute; left: 0; top: 0; padding-right: 30px; padding-left: 20px; margin: 0; z-index: 1; }
.filter-container .filter-dropdown .selector-holder .scrollbar { position: relative; background-position: 0 0; float: right; width: 10px; right: 20px; top: 0; z-index: 10; }
.filter-container .filter-dropdown .selector-holder .track { background-color: #acacaa; border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; -webkit-border-radius: 8px 8px 8px 8px; height: 100%; width: 10px; position: relative; }
.filter-container .filter-dropdown .selector-holder .thumb { background-color: #fff; border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; -webkit-border-radius: 8px 8px 8px 8px; height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
.filter-container .filter-dropdown .selector-holder .sub_menu a { display: block; color: #fff; padding-top: 5px; padding-bottom: 5px; line-height: 1.25; }
.filter-container .filter-dropdown .selector-holder .sub_menu a:hover { color: #333; }
.filter-container .filter-dropdown .noSelect { -ms-user-select: none; user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
@media (min-width: 480px) { /* phone */ .blog-nav .nav-right, .blog-nav .nav-left, .blog-nav .nav-center { margin-bottom: 40px; } }
@media (min-width: 680px) { /* big phone, small tablet */ .filter-params { text-align: left; } .blog-nav .nav-right, .blog-nav .nav-left, .blog-nav .nav-center { width: 33.33%; float: left; margin-bottom: 0; } .blog-nav .nav-left { text-align: left; }
  .blog-nav .nav-right { text-align: right; }
  .blog-nav .nav-center { text-align: center; } }
@media (min-width: 768px) { /* tablet */ }
@media (min-width: 960px) { /* netbook */ .blog-filters { display: block; margin-bottom: 40px; }
  .blog-filters .filter { margin-bottom: 20px; } }
@media (min-width: 1080px) { /* small desktop */ }
@media (min-width: 1260px) { /* desktop */ }