/*
Theme Name: IOD
Theme URI: https://IODInspektor.pl
Version: 2.0.0
Author: BL Consulting
Author URI: https://IODInspektor.org/
Description: Custom IODInspektor theme.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: blc-smart-theme

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../../fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../fonts/open-sans-v17-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../../fonts/open-sans-v17-latin-italic.woff2') format('woff2'),  
       url('../../fonts/open-sans-v17-latin-italic.woff') format('woff');  
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../../fonts/open-sans-v17-latin-700.woff2') format('woff2'),  
       url('../../fonts/open-sans-v17-latin-700.woff') format('woff');  
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('../../fonts/open-sans-v17-latin-700italic.woff2') format('woff2'), 
       url('../../fonts/open-sans-v17-latin-700italic.woff') format('woff');  
}


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

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

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

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

caption, th, td {
    font-weight: normal;
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
}

html {
    overflow-y: scroll;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

a:focus {
    outline: thin dotted;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
}

audio:not([controls])
{
    display:none;
}

del {
    color: #333;
}

ins {
    background: #fff9c0;
    text-decoration: none;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin: 24px;
    margin-bottom: 1.714285714rem;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

small {
    font-size: smaller;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

/*
        default styles
*/
body {
    color: white;
    background-color: white;
    font-size: 14px;
    font-family: Open Sans, Tahoma;
    font-weight: 400;
}

h1 {
    color: grey;
    font-size: 27px !important;
    font-weight: lighter;
    font-size: 30px;
}

h2 {
    font-size: 21px !important;
    font-weight: bold;
}

h3 {
    font-size: 18px !important;
    font-weight: 600;
}

input[type="text"], input[type="password"] {
    background-color: #fcfcfc;
    border-radius: 6px;
    height: 28px;
    padding-left: 4px;
    padding-right: 4px;
    border: 1px solid #ccc;
}

textarea {
    background-color: #f6f6f6;
    /*font-size: 15px;*/
}

input[type="button"], input[type="submit"] {
    border-radius: 2px;
    height: 35px;
    /*font-size: 15px;*/
}

div.wrapper /* main container for whole site */ {
    width: 100%;
}

.selected-color {
    color: #3191ce !important;
}

.smart-load-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.4;
    filter: alpha(opacity = 40);
    z-index: 100100;
}

.smart-load-overlay-background {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("images/ajax-loader-win8.gif");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 100100;
}

/* action area */
.action-area {
    padding-top: 8px;
    padding-bottom: 8px;
}

.action-area .select2-container {
    width: 160px;
}

.action-area input[type="button"] {
    border-radius: 2px;
    border: 0px none;
    color: white;
    background-color: #3191ce;
    min-width: 100px;
    height: 28px;
    margin-left: 16px;
    margin-right: 16px;
    font-size: 12px;
}

.action-area input[type="button"]:hover {
    cursor: pointer;
    background: #2181be !important;
}

/* filtering */
.filters-area {
    margin-bottom: 24px;
}

.filters-area legend {
    color: #c7d2df;
    font-weight: bold;
    font-size: 90%;
    text-transform: uppercase;
    padding-top: 8px;
    padding-bottom: 8px;
}

.filters-area #filter-button, .filters-area #reset-filter-button {
    vertical-align: bottom;
}

.filters-area #filter-button>input[type="button"], .filters-area #reset-filter-button>input[type="button"], input[type="button"].action-button {
    min-width: 100px;
    color: white;
    background-color: #3191ce;
    display: inline-block;
    height: 28px;
    border: 0px none;
    border-radius: 2px;
    cursor: pointer;
    vertical-align: bottom;
    font-size: 12px;
}

input[type="button"].default-button {
    height: 28px;
    font-size: 12px;
    border: 1px solid;
    display: inline-block;
    border-radius: 2px;
    color: #333;
    background-color: #f9f9f9;
    border-color: #ccc;
}

input[type="button"].default-button:hover {
    background-color: #fff;
}

input[type="button"].action-button.right {
    float: right;
    margin: 2px;
}

.filters-area #filter-button>input[type="button"]:hover, .filters-area #reset-filter-button>input[type="button"]:hover, input[type="button"].action-button:hover {
    background: #2181be !important;
}

.filters-area #reset-filter-button>input[type="button"] {
    min-width: 30px;
}

.filters-area #filter-button>input[type="button"]:HOVER {
    background-color: #2181be;
}

.smart-filter {
    vertical-align: top;
    display: inline-block;
    width: 19%;
    padding-bottom: 20px;
    border-bottom: 0px none;
}

.smart-filter input[type="text"] {
    background-color: #0a0f14;
    height: 24px;
    width: 160px;
    min-width: 160px;
}

/* --filtering */

/*
         main containers
*/
.smart-table {
    display: table;
    width: 100%;
}

.smart-row {
    display: table-row;
}

.smart-cell {
    display: table-cell;
}

#smart-screen {
    width: 100%;
    min-width: 1200px;
    display: table;
}

#smart-row {
    display: table-row;
    width: 100%;
}

#smart-nav {
    background-color: #192533;
    display: table-cell;
    width: 180px;
    min-width: 180px;
    height: 1080px;
}

/* sidebar - right */
#smart-side-bar {
    display: table-cell;
    color: #797979;
    background-color: #f9f9f9;
    padding-left: 10px;
    width: 180px;
    border-left: 1px solid #f5f5f5;
}

#smart-side-bar a {
    text-decoration: none;
    color: #797979;
}

#smart-side-bar h2 {
    font-size: 13px;
    color: black;
    text-transform: uppercase;
}

#smart-side-bar ul {
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #edf1f2;
}

/* ---sidebar - right */
#smart-pages-nav {
    display: table;
}

#smart-logo {
    background-image: url("images/logo_small.png");
    background-position: 8px;
    background-repeat: no-repeat;
    
    height: 60px;
    border-bottom: 1px solid #3e4853;
}

#smart-content {
    display: table-cell;
    padding: 0px;
    margin-top: 0px;
    vertical-align: top;
}

.newest-posts {
    margin: 16px;
}

/* 
        navigation
*/
.smart-nav-item {
    padding-left: 8px;
    vertical-align: middle;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #3e4853;
}

.smart-nav-item:HOVER {
    /*padding-left: 4px;*/
    /*border-left: 4px solid #3191ce;*/

}

.smart-nav-item>a {
    color: white;
    text-decoration: none;
}

.smart-nav-item:HOVER>a {
    color: #3191ce;
    text-decoration: none;
}

.smart-nav-image {
    background-repeat: no-repeat;
    float: left;
    height: 21px;
    width: 23px;
    margin: 18px 16px 4px 4px;
}

.smart-nav-item-selected>a {
    color: #4c6782;
}

/*
        page navigation
*/
.menu {
    height: 60px !important;
    line-height: 60px;
    vertical-align: middle;
    display: inline-block;
}

.menu ul {

}

.menu li {
    display: inline;
    border-right: 1px #f5f5f5 solid;
}

.menu a {
    display: inline-block;
    min-width: 130px;
    color: black;
    text-decoration: none;
    text-align: center;
    border-right: 1px #f5f5f5 solid;
    border-bottom: 4px #f5f5f5 solid;
}

.menu a:HOVER {
    color: #3191ce;
    border-bottom: 4px #3191ce solid;
}

/* 
        additional pages-nav
*/
#smart-pages-nav-more {
    display: table-cell;
    list-style-type: none;
    padding: 0;
    margin: 0;
    background-color: white;
    height: 54px;
    line-height: 54px;
    text-align: left;
    border-right: 1px #f5f5f5 solid;
    border-bottom: 4px #f5f5f5 solid;
}

/* wygląd wszystkich elementów - a - znajdujących się w elemencie - ol */
#smart-pages-nav-more a {
    display: block;
    text-decoration: none;
    color: #000;
    padding: 0 5px;
}

/* wygląd elementów - li - wszystkich dzieci elementu - ol */
#smart-pages-nav-more>li {
    float: left;
    width: 30px;
    margin-left: 1px;
    background-color: white;
    height: 30px;
}

/* wygląd elementu - li - pierwszego dziecka elementu - ol */
#smart-pages-nav-more>li:first-child {
    display: inline-block;
    margin-left: 0;
}

/* wygląd elementów - li - wszystkich dzieci elementu - ol - po najechaniu kursorem myszki na element - li */
#smart-pages-nav-more>li:hover {

}

/* wygląd elementu - a - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
#smart-pages-nav-more>li:hover>a {
    /*border-bottom: 4px #3191ce solid;*/

}

/* wygląd elementu - ul - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
#smart-pages-nav-more>li:hover>div>ul {
    display: block;
    position: relative;
    left: 0px;
    bottom: 00px;
    width: 140px;
}

/* wygląd głównych rozwijanych elementów - ul */
#smart-pages-nav-more>li>div>ul {
    display: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

/* wygląd elementu - li - w części rozwijanej */
#smart-pages-nav-more>li>div>ul>li {
    position: relative;
    background-color: #eee;
}

/* wygląd elementu - a - w części rozwijanej */
#smart-pages-nav-more>li>div>ul>li>a {
    border-top: 1px solid #fff;
}

/* wygląd elementu - li - w części rozwijanej, po najechaniu kursorem myszki na dany element - li */
#smart-pages-nav-more>li>div>ul>li:hover {
    background-color: #ddd;
}

/* wygląd elementu - a - w części rozwijanej, po najechaniu kursorem myszki na element - li */
#smart-pages-nav-more>li>div>ul>li:hover>a {
    color: #09c;
}

.smart-tooltip {
    color: red;
}

/* footer */
footer>div.site-info {
    vertical-align: middle;
    text-align: center;
    height: 32px;
    line-height: 32px;
    width: 100%;
    background-color: #192533;
}

footer>div.site-info a {
    color: #cfcfcf;
    text-decoration: none;
}

/* --footer */

/*
    post
*/
.post {
    margin: 8px;
    margin-left: 32px;
    margin-right: 32px;
    color: #666;
    border-bottom: 1px solid #eee;
    padding-bottom: 16px;
    padding-top: 16px;
    max-width: 900px;
}

.page {
    width: auto;
    padding-right: 32px;
}

.entry-tracker {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left;
    font-weight: normal;
}

.entry-tracker span.selected-color {
    padding-left: 12px;
    border-left: 1px solid #d6dfe0;
}

.entry-tracker img {
    vertical-align: middle;
}

.entry-title {
    font-size: 30px;
    font-weight: bold;
}

.entry-header a {
    color: #424950;
    text-decoration: none;
    font-weight: normal;
}

.entry-header a:HOVER {
    color: #3191ce;
    text-decoration: none;
}

.smart-thumbnail {
    width: 320px;
    vertical-align: middle;
    text-align: center;
}

.smart-thumbnail img[type="replacement"], .smart-thumbnail img {
    max-width: 320px;
    width: 100%;
}

.smart-post-header {
    padding-left: 32px;
}

.smart-post-full {

}

.smart-excerpt>p {
    display: inline-block;
}

.smart-excerpt a.read-more {
    text-decoration: none;
    color: #3191ce;
}

/*
        smart-docs page
*/
input.smart-search, .dataTables_wrapper input[type="text"] {
    width: 240px;
    padding-left: 8px;
    padding-right: 30px;
    background-image: url("images/search-24-px.png");
    background-repeat: no-repeat;
    background-position: right;
}

.blue-spacer {
    border-color: #2181be !important;
}

#customScrollMenu .mCSB_inside > .mCSB_container {
    margin-right: 20px!important;
}