/**
 * CSS for the help page
 *
 * @package WordPress
 * @subpackage Bootstrap
 * @since Edition 1.0
 */ 

$background: #fff;

/* Admin Style Changes */
#adminmenuback {
    z-index:0;
}
body {
    background:transparent;
}

/* Font Changes */ 
.wrap {
    font-family:'Open Sans', sans-serif;
    margin-top:20px;
    margin-right:0;
    max-width:960px;
    background: #FCFCFC;
    border-left: 1px solid #D8D8D8;
    border-right: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    padding: 10px 20px;
    moz-box-shadow: inset 0 1px 0 #fff;
    -webkit-box-shadow: inset 0 1px 0 #FFF;
    box-shadow: inset 0 1px 0 #FFF;

    div.updated {
        display:none !important;
    }

    .bs-docs-sidebar.affix-bottom, .bs-docs-sidebar.affix {
        width: 215px;
    }

    .bs-links .glyphicon {
        font-size:15px;
        margin-right:5px;
    }

    h1 small {
        font-size: 10px;
        text-transform: uppercase;
        letter-spacing: 1px;
        padding-left: 8px;
    } 
    p {
        font-size: 14px;
        line-height:1.7em;
        margin-bottom: 25px;
        color:#777;

        .glyphicon {
            margin-right:5px;
        }

        &.lead {
            margin-bottom: 20px;
            font-size: 20px;
            font-weight: 200;
            line-height: 1.4;
        }
    }
    strong {
        color:#000;
    }

    .doc-content h2 {
        margin:0;
        padding:0;
        padding: 9px 15px 4px 0;
        padding-top: 50px;
        margin-top:-20px;
        background:transparent;
        color:#222;
        border:none;
    }

    h2.nav-tab-wrapper {
        margin:0;
        padding:0;
        padding:0 0 0 31px;
        border:none;
        position:relative;
        z-index:3;
        margin-left: -21px;
        margin-right: -21px;
    }

    h2 {
        color: #fff;
        padding: 30px;
        padding-bottom: 65px;
        margin-bottom: -43px;
        font-size: 22px;
        line-height: 39px;
        margin-top: -10px;
        margin-left: -21px;
        margin-right: -21px;

        small {
            color:#fff;
            opacity:0.75;
        }
    }

    /* Box Model */
    .bootstrap-wrapper {
        padding-top:20px;
    }
    section {
        padding: 60px 0 0 0;
    }
    .container.bs-docs-container {
        margin-left: 0;
        margin-right: 0;
    }

    /* Tabs */
    .about-wrap h2 .nav-tab-active, 
    .nav-tab.nav-tab-active, 
    .nav-tab.nav-tab-active:hover {
        border-color:#ccc;
        border-bottom-color:#fff;
        background:#fff;
    }
    .nav-tab {
        background: transparent;
        border-color: transparent;
        color:#fff;
    }
    .nav-tab:hover,
    .nav-tab.nav-tab-active {
        border-color: #fff;
        background: #fff;
        color:#222;
        text-decoration:none;
        border-radius:0 !important;
    }
    h2 .nav-tab {
        padding: 12px 20px;
        font-size: 14px;
        font-weight:bold;
    }

    /* Sidebar */
    .bs-docs-sidebar .nav > li > a {
        font-size: 14px;
    }

    .bs-docs-sidebar .nav .nav .nav > .active > a, 
    .bs-docs-sidebar .nav .nav .nav > .active:hover > a, 
    .bs-docs-sidebar .nav .nav .nav > .active:focus > a {
        padding-left:38px;
    }
    .bs-docs-sidebar .nav .nav .nav  a, 
    .bs-docs-sidebar .nav .nav .nav  a, 
    .bs-docs-sidebar .nav .nav .nav  a {
        padding-left:38px;
    }
}

/* Document Content Page */
.doc-content {
    line-height:1.5em;

    li, dd {
        margin-bottom:15px;
        color:#777;
    }
    ol {
        margin-left:3em;
    }
    dl.dl-horizontal {
        background: #f3f3f3;
        padding: 25px 20px 15px 20px;
        border-radius: 4px;
    }
    .dl-horizontal dt {
        color: #0074a2;
        font-size: 13px;
        font-weight: 800;
        text-transform: uppercase;
    }

    /* Ordered Lists Style */
    ol {
        counter-reset: themewich-counter;
        list-style:none;
        padding: 20px 0 1px 0;
    }
    ol li {
        min-height:40px;
        padding-left:15px;
        border-left: 2px solid #e3e3e3;
    }
    ol li:before {
        content: counter(themewich-counter);
        counter-increment: themewich-counter;
        font-size: 12px;
        line-height: 40px;
        border: 1px solid #dcdcdc;
        width: 40px;
        height: 40px;
        border-radius: 50px;
        display: block;
        padding: 0px 0;
        text-align: center;
        float: left;
        margin-left: -56px;
        margin-top: -3px;
        color: #000;
    }
    .page-header {
        margin-bottom:10px;
        border:none;
    }

    h1, h2, h3, h4, h5, h6 {
        font-weight:bold;
    }
    h1[id] {
        padding-top:40px;
        margin-top:-30px;
    }
    h1[id].page-header {
        margin-top:-15px;
    }
    h2[id],
    h3[id] {
        padding-top: 50px;
        margin-top:-20px;
        margin-bottom:10px;
        font-size: 18px;
        line-height: 39px;
        text-transform: uppercase;
        font-weight: 800;
        letter-spacing: 1px;
    }
    h4[id], .h4[id] {
        font-size: 20px;
        font-weight:bold;
        margin-top:30px;
        text-transform: uppercase;
        font-weight: 800;
        letter-spacing: 1px;
    }
    .lead, .muted {
        color: #999;
    }
    h1, h2, h3, h4, h5, h6 {
        color:#000;
    }
    h1, .h1 {
        font-size: 24px;
        font-weight:800;
        text-transform:uppercase;
        letter-spacing:2px;
    }
    h3, .h3 {
        font-size: 21px;
        font-weight: bold;
    }
    .bs-links h3 {
        font-size:18px;
        font-weight:600;
    }
    code {
        padding: 3px 6px;
        background-color:#f3f3f3;
        color:#333;
        white-space: pre;
    }
    .bs-example code {
        padding:0;
    }
    kbd {
        padding: 2px 6px;
        background:#333;
        box-shadow: none;
        font-family:'Open Sans', sans-serif;
        white-space: nowrap;
    }
    .bs-callout {
        padding:30px;
    }
    .bs-example {
        background: #f3f3f3;
        border: none;
        border-radius:4px;
        overflow:auto;
    }
    .bs-example:after {
        font-size:10px;
        color:#777;
        letter-spacing:2px;
    }
    .panel-group {
        padding:45px 0 0 0;
        border-radius:4px;
        position:relative;
    }
    .panel-group:after {
        position: absolute;
        top: 10px;
        left: 15px;
        font-size: 12px;
        font-weight: bold;
        color: #bbb;
        text-transform: uppercase;
        letter-spacing: 1px;
        content: "Options";
    }
    .panel-group .panel {
        margin: 0;
        border: 0;
        border-radius:0;
    }
    .panel-group .panel-heading+.panel-collapse .panel-body {
        border:none;
    }
    .panel-group .panel+.panel {
        margin:0;
    }
    h4.panel-title a {
        position:relative;
        color: #666;
        font-size: 16px;
        text-decoration: none;
        display: block;
        padding:20px;
        background:#e9e9e9;
        font-weight:600;
    }
    h4.panel-title a.collapsed:hover {
        background: #e3e3e3;
    }

    .panel-heading {
        padding:0;
    }
    .panel {
        border-top: 1px solid #fff !important;
    }
    h4.panel-title a:after {
        font-family: 'Glyphicons Halflings';
        content: "\2b";
        position:absolute;
        right:20px;
        top:20px;
        font-size:12px;
        color:#fff;
    }
    h4.panel-title a:before {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 15px 15px 0;
        border-color: #e9e9e9 transparent;
        display: block;
        width: 0;
        z-index: 1;
        bottom: -11px;
        left: 18px;
    }

    .table>thead>tr>th, 
    .table>tbody>tr>th, 
    .table>tfoot>tr>th, 
    .table>thead>tr>td, 
    .table>tbody>tr>td, 
    .table>tfoot>tr>td {
        border-color:#f3f3f3;
        padding:12px;
        line-height: 1.68em;
    }
    .table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
        background-color: #f3f3f3;
    }
    .alert p {
        margin:0;
    }
    .bs-docs-sidebar .nav .nav > li li > a {
        padding-left: 60px;
    }

    .bs-docs-sidebar .nav > li li.active > a, 
    .bs-docs-sidebar .nav > li li.active:hover > a, 
    .bs-docs-sidebar .nav > li li.active:focus > a {
        padding-left:58px;
    }

    .bs-docs-sidebar .nav > li li:hover > a {
        padding-left:59px;
    }


}
 
@mixin adminThemeColorOverrides($parentClass, $darkColor, $accentColor, $secondaryColor) {
        $otherColor: rgba( $accentColor, .10 );
        $finalColor: desaturate($otherColor, 25%);

        $desaturated:  desaturate($accentColor, 50%);
        $lightened: lighten($desaturated, 60%);

  #{$parentClass} {

    .bs-callout-info a,
    .bs-callout-info h4,
    .glyphicon {
        color: $accentColor;
    }
    .dl-horizontal dt {
        color: $accentColor;
    }
    .bs-callout-info {
        border-color: $accentColor;
        background: #f3f3f3;//$finalColor;
    }

    table td strong {
        color: $accentColor;
    }
    .doc-content .panel-group:after {
        color: $accentColor;
    }

    kbd {
        background: $accentColor;
    }

    ol li:before { 
        color: $accentColor;
        border: none;
        font-size: 32px;
        font-weight: 400;
        height: 40px;
        line-height: 40px;
        border-radius: 0;
    }

    a.btn-primary {
        background: $secondaryColor;
        border-color: $secondaryColor;
        color:#fff;
    }
    .text-primary {
        color: $accentColor;
    }

    .wrap h2 {
        border-top: 3px solid $accentColor;
        background: $secondaryColor;
    }
    .wrap .doc-content h2 {
        margin:0;
        padding:0;
        padding: 9px 15px 4px 0;
        padding-top: 50px;
        margin-top:-20px;
        background:transparent;
        color:#222;
        border:none;
    }

    .wrap h2.nav-tab-wrapper {
        border:none;

        a  {
            color: #fff;
        }
        a.nav-tab.nav-tab-active, 
        a.nav-tab.nav-tab-active:hover,
        a.nav-tab:hover {
            color:#222;
        }
    }

    .nav-tab-wrapper a.nav-tab-active {
        color:#222;
        border-color:transparent;
    }

    a {
      color: $accentColor;  
    }

    .btn-outline {
        border-color: $accentColor;
    }

    .bs-brand-logos .inverse {
        background-color: $accentColor;
    }
    .bs-glyphicons li:hover {
        background-color: $accentColor;
    }
    .back-to-top:hover {
        color: $accentColor;
    }
    .bs-docs-sidebar .nav > li > a:hover,
    .bs-docs-sidebar .nav > li > a:focus {
      color: $accentColor;
      border-left: 1px solid $accentColor;
    }
    .bs-docs-sidebar .nav > .active > a,
    .bs-docs-sidebar .nav > .active:hover > a,
    .bs-docs-sidebar .nav > .active:focus > a {
      color: $accentColor;
      border-left: 2px solid $accentColor;
      font-weight:bold;
    }

    .bs-docs-nav .navbar-brand,
    .bs-docs-nav .navbar-nav > li > a {
      color: $accentColor;
    }
    .bs-docs-nav .navbar-toggle .icon-bar {
      background-color: $accentColor;
    }
    .bs-docs-booticon-inverse {
      color: $accentColor;
    }
    .bs-docs-booticon {
      background-color: $accentColor;
    }
    .btn-outline-inverse:hover,
    .btn-outline-inverse:focus,
    .btn-outline-inverse:active {
      color: $accentColor;
    }
    /* Outline button for use within the docs */
    .btn-outline {
      color: $accentColor;
      border-color: $accentColor;
    }
    .btn-outline:hover,
    .btn-outline:focus,
    .btn-outline:active {
      background-color: $accentColor;
      border-color: $accentColor;
      color:#fff;
    }
            
  }
}

/* Light fresh theme */
@include adminThemeColorOverrides('.admin-color-fresh', #bbb, #0074a2, #222222);

/* Light admin theme */
@include adminThemeColorOverrides('.admin-color-light', #e6e6e6, #04a4cc, #888888);

/* Blue admin theme */
@include adminThemeColorOverrides('.admin-color-blue', #e2ecf1, #4796b3, #096484);

/* Coffee admin theme */
@include adminThemeColorOverrides('.admin-color-coffee', #cdcbc9, #c7a589, #46403c);

/* Ectoplasm admin theme */
@include adminThemeColorOverrides('.admin-color-ectoplasm', #cbc5d3, #a3b745, #413256);

/* Midnight admin theme */
@include adminThemeColorOverrides('.admin-color-midnight', #c2c4c5, #e14d43, #363b3f);

/* Ocean admin theme */
@include adminThemeColorOverrides('.admin-color-ocean', #d5dddf, #9ebaa0, #627c83);

/* Sunrise admin theme */
@include adminThemeColorOverrides('.admin-color-sunrise', #f0c8c6, #dd823b, #b43c38);


/* Show and affix the side nav when space allows it */
@media (min-width: 992px) {
  .bs-docs-sidebar.affix {
    top: 50px;
  }
}