/*
* Theme Name: nic.cz
* Description: Šablona vzhledu od Designeo Creative s.r.o.
* Version: 1.0 | 07/2013
*
* Author: Alix Guillard @ nic.cz
*
* Style contents
* ==========================================================================================
*
* 0 whois
* 1 blank pages
* 2 responsive
*
* ==========================================================================================
*/

/* blank pages */
#blank {
    background: #fff;
}

#hp-promo {
    /* temporary highlight rectange before fill it up with data */
    background-color: #555;
    color: #fff;
    font-weight: bold;
    width: 627px;
    height: 180px;
    padding: 6px;
}

/* registration form */

#content table.registration-form tr th,
#content table.registration-form tr td {
    background-color: white;
}

form#registration_form input#id_confirmation {
    max-width: 415px;
}

/* lectors' list */

.lectors-list .lector > div {
    float: left;
    width: 220px;
    height: 220px;
    margin: 20px 1em 10px 0;
    padding: 1em 10px;
    border: 1px solid white;
    text-align: center;
    text-decoration: none;
    color: #333;
    overflow: hidden;
}

.lectors-list .lector > div a .portrait {
    background-position: 50% center;
    background-size: cover;
    width: 120px;
    height: 120px;
    display: table;
    margin: 0.5em auto 0;
    opacity: 0.7;
    border: 1px solid #fff;
}

.lectors-list .lector > div a:hover .portrait {
    opacity: 1;
    border: 1px solid #333;
}

.lectors-list .lector h2 {
    margin: 0 0 5px;
    text-transform: capitalize;
    padding-top: 5px;
}

.lectors-list .lector > div > a {
    text-decoration: none;
    border: 0;
}

.lectors-list a:hover h2 {
    color: #3db7e4 !important;
    text-decoration: none;
    border: 0;
}

/* main page */

#academy-main-page {
    margin-bottom: 1em;
}

#academy-main-page div.gray-frame {
    padding: 0 1em 0.4em;
    background-color: #ebebeb;
    margin-top: -8px;
}

#academy-main-page p {
    margin: 0;
    padding: 0;
}

#academy-main-page .markdown-text h1,
#academy-main-page .markdown-text h2,
#academy-main-page .markdown-text h3,
#academy-main-page .markdown-text h4 {
    clear: none;
}

/* course table */

#academy-main-page table.course {
    border-width: 0;
    background-color: #fff;
    color: #5a5a5a;
    margin-bottom: 0.4em;
}

#academy-main-page table.course tr th,
#academy-main-page table.course tr td {
    padding: 2px 0.4em;
}

#academy-main-page table.course tr:nth-child(odd) td {
    background-color: #f8f8f8;
}

#academy-main-page table.course td.apply {
    white-space: nowrap;
}

#academy-main-page table.course td.capacity,
#academy-main-page table.course th.capacity {
    max-width: 12px;
}

#academy-main-page table.course td.course-title {
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#content table.course th.price,
#content table.course th.capacity,
#content table.course th.date {
    width: 80px;
}

table.course tr td.apply a {
    color: #fff;
    display: block;
    background-color: #3db7e4;
    padding: 4px 2px;
    border: 1px solid #3db7e4;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
}

table.course td.red {
    color: #f00;
}

table.course td.red span {
    display: block;
    font-size: smaller;
    margin-top: -8px;
}

table.course tr td.apply a:hover {
    color: #3db7e4;
    display: block;
    background-color: #fff;
    text-decoration: none;
}

#academy-main-page div.rfloat {
    float: right;
}

#academy-main-page div.text-to-right {
    text-align: right;
}

/* MESSAGES and ERRORS */

ul.messagelist {
    padding: 0 0 5px;
    margin: 0 1px;
}

ul.messagelist li {
    font-size: 12px;
    display: block;
    padding: 4px 5px 4px 25px;
    margin: 0 0 3px;
    border-bottom: 1px solid #ddd;
    color: #666;
    background: #d0ffcc url(../../admin/img/icon-yes.svg) 5px 0.3em no-repeat;
}

ul.messagelist li.error {
    background: #ffcfcc url(../../admin/img/icon-no.svg) 5px 0.3em no-repeat;
}

ul.messagelist li.warning {
    background: #ffc url(../../admin/img/icon-alert.svg) 5px 0.3em no-repeat;
}

ul.errorlist {
    margin: 0 1px !important;
    padding: 0 !important;
}

ul.errorlist li {
    font-size: 12px !important;
    display: block;
    padding: 4px 5px 4px 25px;
    margin: 0 0 3px;
    border: 1px solid red;
    color: #fff;
    background: red url(../../admin/img/icon-alert.svg) 5px 0.3em no-repeat;
    list-style-type: none;
}

ul.regerror,
ul.regerror-discount {
    margin: 0;
    padding: 0;
}

ul.regerror li,
ul.regerror-discount li {
    display: block;
    color: red;
    font-weight: bold;
    list-style-type: none;
    padding: 4px 0;
}

.alt-error-messages ul.errorlist li {
    background: none;
    color: red;
    border: 0;
    margin: auto;
    padding: auto;
    padding-left: 0;
    font-weight: bold;
    list-style-type: none;
}

span.topics {
    display: block;
    color: #000;
    text-overflow: ellipsis;
}

#page .lector-picture {
    display: block;
    float: left;
    margin: 0 1em 1em 0;
}

#page .lector-picture img {
    max-width: 250px;
    height: auto;
}

/* allow text to wrap around lector photo */
#page .lector .markdown-text h1,
#page .lector .markdown-text h2,
#page .lector .markdown-text h3,
#page .lector .markdown-text h4,
#page .lector .markdown-text h5,
#page .lector .markdown-text h6 {
    clear: none;
}

#page-sidebar ul.otherlinks,
#page-sidebar ul.courses {
    padding-left: 0;
    margin-bottom: 1em;
    list-style-type: none;
}

#page-sidebar ul.otherlinks li {
    display: inline-block;
}

#page-sidebar ul.otherlinks li + li::before {
    content: ' | ';
    padding: 0 10px;
}

#page-sidebar ul.courses li {
    padding: 0;
    list-style-image: none;
}

/* home */
.slider-wrapper {
    border: 0;
}

.theme-default .nivoSlider {
    background: url('../../css/widgets/nivo-themes/default/loading.gif') no-repeat scroll 50% 50% #fff;
    box-shadow: 0;
    margin-bottom: 0;
    position: relative;
}

#content table.course tr th {
    text-align: center;
}

/* courses */
#content table.course td.to-right {
    text-align: right;
}

#content table.tablesorter tr th {
    padding: 5px 20px 5px 10px;
}

#content table.tablesorter th.headerSortUp,
#content table.tablesorter th.headerSortDown {
    background-color: #d1d1d1;
}

table.tablesorter thead tr .header:last-child,
#content table.tablesorter th.headerSortUp:last-child,
#content table.tablesorter th.headerSortDown:last-child {
    background: none;
    background-color: #e6eeee;
    cursor: default;
}

/* Responsive design has to be here as responsive.css is loaded before
* keep same threshold as responsive.css
*/

@media (max-width: 970px) {
    #academy-main-page {
        width: 100%;
        height: 100%;
        float: none;
        margin: 0 auto;
    }

    #academy-main-page .banner_widget img {
        width: 100%;
        height: auto;
    }

    #academy-main-page .nw-slider {
        width: 100%;
    }
}

@media (max-width: 730px) {
    table.course tr th {
        text-align: right;
        padding-right: 0.5em;
        max-width: 150px;
        min-width: 30px;
        width: 30%;
    }

    table.course,
    table.course thead,
    table.course tbody,
    table.course tr th,
    table.course td,
    table.course tr {
        display: block;
    }

    table.course tr {
        border-bottom: 1px solid #c5c5c3;
    }

    table.course td div {
        display: inline;
    }

    table.course td div:hover {
        clear: none;
    }

    table.course thead tr {
        left: -9999px;
        position: absolute;
        top: -9999px;
    }

    #content table.course tr.repated-header {
        display: none;
    }

    table.course tr td::before {
        content: attr(title) ': ';
        line-height: 1.2em;
        display: inline-block;
        margin: 4px 10px 0 0;
        text-align: right;
        width: 100px;
    }

    table.course tr td.to-center::before {
        content: none;
    }

    table.course tr td {
        margin: 0;
        padding: 0;
        text-align: left;
        width: -moz-available;
    }

    #content table.course tr td.to-right {
        text-align: left;
    }

    #content table.course tr td.to-center {
        text-align: center;
        margin: 0;
    }

    table.course tr td:first-child,
    table.course tr th:first-child {
        border-left: 0 none;
    }

    #content table.course tr:nth-child(2n) {
        background-color: #fff;
        border: 2px solid #fff;
    }

    #content table.course tr:nth-child(2n+1) {
        background-color: #f0f0f6;
        border: 2px solid #f0f0f6;
    }

    #academy-main-page div.gray-frame {
        background-color: #f8f8f8;
        padding: 0 0 10px;
    }

    #academy-main-page table.course td.course-title,
    #academy-main-page table.course td.capacity,
    #academy-main-page table.course th.capacity {
        max-width: 100%;
    }

    em.help-text {
        display: block;
    }
}

/*
@media (max-width: 580px)
@media (max-width: 400px)
*/