/**
 * @package: Extraordinary Comments
 * @Since: 0.9
 * @Date: October 2016
 * @Author: CK MacLeod
 * @Author: URI: http://ckmacleod.com
 * @License: GPL3
 */



/* CKS EXC STYLES */
#cks_exc-usage-ills {
    width: 100%;
}
#cks_exc-usage-ills img {
    display: block;
    margin: 12px 10%;
    padding: 12px;
    max-width: 300px;
    float: left;
}
.ck-usage-notes p {
    clear: both;
}

#css-defaults {
    float: left;
    width: 33.2%;
    margin-right: 5%;
}
#css-selectors {
    float: right;
    width: 61.8%;
}

/* CKS PLUGINS/ADMIN */
.cks_plugins li {
    margin-left: 2em;
}
.cks_plugins h1 {
    margin-bottom: 1em;
}
#cks_plugins-admin-wrapper {
    background-color: #F5F5F5;
}
#cks_plugins-main {
    float: left;
    margin-bottom: 40px;
    width: 61.8%;
}
.cks_plugins .button-primary.top {
    float: right;
    margin-bottom: 1em;
}
.cks_plugins .form-table th {
    line-height: 1.5;
    margin: 0;
    min-width: 120px;
    padding: 12px 0;
}
.cks_plugins .form-table tr {
    width: 100%;
}
.cks_plugins .form-table td {
    margin-right: 12px;
    padding: 12px 0;
}
.form-table textarea {
    display: block;
    float: left;
    height: 4.5em;
    width: 35%;
}
.cks_plugins input[type=text] {
    display: block;
    float: left;
    vertical-align: text-bottom;
    width: 35%;
}
.cks_plugins input[type=number] {
    height: 28px;
    line-height: inherit;
    width: 50px;
}
.cks_plugins input[type=checkbox] {
    margin-top: 2px;
}
.cks_plugins .description {
    display: block;
    float: right;
    width: 60%;
}
.cks_plugins span.description,
.cks_plugins p.description {
    font-size: 14px;
    line-height: 1.5;
}
.cks_plugins #upload_image {
    width: 100%;
}
#cks_plugins-sidebar {
    float: right;
    margin: 0 0 20px;
    width: 38.2%;
}
.ck-usage-notes {
    background-color: #fff;
    border: 1px dotted gray;
    padding: 1em 2em;
}
.ck-usage-notes h3 {
    margin-top: 0;
    text-align: center;
}
.cks_plugins .ck-illustrations {
    margin: 20px 40px 0;
    overflow: auto;
}
p.cks_plugins_admin-caption {
    display: block;
    font-size: 16px;
    font-style: italic;
    font-weight: 600;
    margin: .5em 0 2.5em;
    padding: 4px 0;
    text-align: center;
    width: 100%;
}
.cks_plugins .ck-illustrations img {
    width: 100%;
}
.ck-usage-notes {
    margin-top: 1em;
}
.ck-donation {
    background-color: #fff;
    border: 1px dotted gray;
    margin: 3em auto 1em;
    overflow: auto;
    padding: 1em;
    width: 61.8%;
}
.ck-donation p {
    font-size: 14px;
    font-style: italic;
    font-weight: 700;
    margin-bottom: 0;
    text-align: center;
}
#ck-donate-submit-line {
    margin: 0 auto;
    width: 150px;
}
#sos-amount {
    display: block;
    float: left;
    margin: 0 auto;
    width: 48%;
}
#sos-submit {
    display: block;
    float: right;
    padding: 2px 2px 1px;
    width: 48%;
}
#sos-button {
    background-image: url(../images/cks_wp_square_150x150.jpg);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 150px 150px;
    display: block;
    margin: 1em auto 0;
    padding-top: 160px;
    text-align: center;
    width: 250px;
}
.cks_plugins .sidebar-version p {
    font-size: 16px;
    text-align: center;
    margin-top: 0;
}
#cks_plugins_admin-footer {
    background-color: #E2E1D9;
    clear: both;
    margin-top: 1%;
    overflow: auto;
    width: 100%;
}
#cks_plugins_admin-footer a {
    background-color: #E2E1D9;
    display: block;
    float: left;
    font-family: Calibri, sans-serif;
    font-size: 16px;
    font-weight: 700;
    height: 40px;
    letter-spacing: 1px;
    line-height: 20px;
    min-width: 5%;
    padding: 1% 2%;
    text-align: center;
    text-decoration: none;
    width: auto;
}
#cks_plugins_admin-footer a:hover {
    background-color: #B04D52;
    color: #F5F5F5;
}
#cks_plugins_admin-footer img {
    max-width: 80%;
    min-width: 80px;
}
#cks_plugins_admin-footer a.last-link {
    border-right: none;
}
#cks_plugins_admin-footer a.pre-wp-beta {
    background-color: lightgray;
    color: gray;
}
#cks_plugins_admin-footer a.pre-wp-beta:hover {
    background-color: lightgray;
    color: gray;
}
#cks_plugins_admin-footer a.wordpress-link {
    background-color: #F5F5F5;
    border: 1px solid #00008B;
}
#cks_plugins_admin-footer a.wordpress-link:hover {
    color: #000;
}
@media only screen and (max-width: 1200px) {

    #cks_plugins-main {
        float: none;
        width: 100%;
    }
    .cks_plugins .form-table td {
        margin-left: 0;
        padding: 12px 0;
        width: 100%;
    }
    .cks_plugins .description {
        display: block;
        float: none;
        width: 100%;
    }
    .cks_plugins input[type=number] {
        width: 30%;
    }
    #cks_plugins-sidebar {
        float: none;
        margin-top: 40px;
        width: 100%;
    }
    #cks_plugins_admin-footer a {
        display: block;
        float: left;
        height: 50px;
        margin: 0;
        padding: 2% 0;
        text-align: center;
        width: 50%;
    }
    #cks_plugins_admin-footer a#link-to-cks-plugins,
    #cks_plugins_admin-footer a.last-link {
        border: none;
        height: auto;
        margin: 0 auto;
        padding: 1% 0;
        width: 100%;
    }
    #css-defaults, #css-selectors {
        float: none;
        width: 100%;
    }
    #css-defaults th, #css-selectors th, #css-defaults td, #css-selectors td {
        display: table-cell;
        margin-left: 0;
        padding: 12px;
        width: auto;
    }
}