/*WPH Recipe templates*/
.pprwph-recipe-wrapper{
    padding:50px;
    max-width:1200px;
    margin:auto;
}
#pprwph-popup-player{
    width:800px;
}
.pprwph-carousel{
    max-width:500px;
    margin:auto;
}
.pprwph-bordered{
    border:4px solid;
}
.pprwph-icon-new{
    font-size:225px!important;
    padding:50px 0;
}
.pprwph-navigation-menu{
    position:fixed;
    top:0;
    left:0;
    width:500px;
    overflow-y:scroll;
    overflow-x:hidden;
    background-color:#1a1a1a;
    color:#ffffff;
    height:100%;
    padding:50px 30px 50px 50px;
}
.pprwph-navigation-menu h3,.pprwph-navigation-menu li a,.pprwph-section-tools a{
    color:#ffffff;
    text-decoration:none;
}
.pprwph-navigation-menu i{
    color:#888888;
    padding:0 5px;
}
.pprwph-navigation-list,.pprwph-navigation-list-child{
    list-style:none;
    color:#ffffff;
}
.pprwph-navigation-switch{
    width:30px;
    position:fixed;
    top:0;
    left:0;
    height:100%;
    line-height:100%;
    background-color:#3c3c3c;
    color:#ffffff;
}
.pprwph-navigation-switch i{
    position:absolute;
    top:50%;
    font-size:30px;
}
.pprwph-navigation-switch-text{
    position:absolute;
    transform-origin:100% 100%;
    top:60px;
    right:8px;
    transform:rotate(270deg);
    font-size:16px;
    color:white;
    min-width:200px;
    text-align:right;
}
#pprwph-body-overlay{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#000000;
    opacity:0.75;
    filter:alpha(opacity=60);
    z-index:9998;
    display:none;
}
.pprwph-navigation-menu::-webkit-scrollbar{
    width:15px;
    background-color:#3c3c3c;
}
.pprwph-navigation-menu::-webkit-scrollbar-button:vertical:decrement{
    height:40px;
    background-color:#3c3c3c;
    background-size:25px 40px;
    background-repeat:no-repeat;
}
.pprwph-navigation-menu::-webkit-scrollbar-thumb{
    background-color:#c8c8c8;
    border:3px solid transparent;
    border-radius:9px;
    background-clip:content-box;
}
.pprwph-switch{
    position:relative;
    display:inline-block;
    width:60px;
    height:34px;
}
.pprwph-switch input{
    opacity:0;
    width:0;
    height:0;
}
.pprwph-slider{
    position:absolute;
    cursor:pointer;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#ccc;
    -webkit-transition:.4s;
    transition:.4s;
}
.pprwph-slider:before{
    position:absolute;
    content:"";
    height:26px;
    width:26px;
    left:4px;
    bottom:4px;
    background-color:white;
    -webkit-transition:.4s;
    transition:.4s;
}
input:checked + .pprwph-slider{
    background-color:#2196F3;
}
input:focus + .pprwph-slider{
    box-shadow:0 0 1px #2196F3;
}
input:checked + .pprwph-slider:before{
    -webkit-transform:translateX(26px);
    -ms-transform:translateX(26px);
    transform:translateX(26px);
}
.pprwph-slider.pprwph-round{
    border-radius:34px;
}
.pprwph-slider.pprwph-round:before{
    border-radius:50%;
}
.pprwph-navigation-list li.placeholder{
    border-color:initial;
}
.pprwph-navigation-list li.placeholder{
    position:relative;
    margin:0;
    padding:0;
    border:none;
}
.pprwph-navigation-list li.placeholder:before{
    position:absolute;
    content:"";
    width:100%;
    height:0;
    margin-top:-10px;
    left:-10px;
    top:-4px;
    border:2px solid white!important;
    border-left-color:#ffffff;
    border-right:none;
}
.pprwph-section-status{
    position:absolute;
    top:0;
    right:0;
    font-size:12px;
    padding:2px 10px;
    border-radius:5px;
    color:#ffffff;
    opacity:1;
}
.pprwph-section-status.trash{
    background-color:#b78900;
}
.pprwph-section-status.private{
    background-color:#9900c4;
}
.pprwph-section-status.pending{
    background-color:#00acc1;
}
.pprwph-section-status.draft{
    background-color:#946e01;
}
.pprwph-section-status.future{
    background-color:#00a85b;
}
.pprwph-section-tools{
    position:absolute;
    right:-50px;
    top:-5px;
    opacity:0;
    background-color:#3c3c3c;
    padding:5px;
    border-radius:5px;
}
.pprwph-section-status.publish{
    background-color:#268d1e;
}
.pprwph-navigation-element:hover > .pprwph-section-tools{
    right:-10px;
    opacity:1;
}
.pprwph-navigation-element:hover{
    opacity:0.7;
}
.pprwph-navigation-element:hover > .pprwph-section-status{
    opacity:0;
}
.pprwph-navigation a,.pprwph-transition{
    -webkit-transition:all .5s cubic-bezier(.3,.1,.58,1);
    -moz-transition:all .5s cubic-bezier(.3,.1,.58,1);
    -o-transition:all .5s cubic-bezier(.3,.1,.58,1);
    -ms-transition:all .5s cubic-bezier(.3,.1,.58,1);
    transition:all .5s cubic-bezier(.3,.1,.58,1);
}
.pprwph-navigation-sections p{
    font-size:15px;
    line-height:15px;
    margin-bottom:0;
}
.pprwph-navigation-subsections p{
    font-size:12px;
    line-height:12px;
    margin-bottom:0;
}
.pprwph-navigation-sections h4{
    font-size:25px;
    line-height:25px;
    margin-top:10px;
}
.pprwph-navigation-subsections h4{
    font-size:18px;
    line-height:18px;
    margin-top:10px;
}
.pprwph-navigation-sections a,.pprwph-navigation-subsections a{
    text-decoration:none;
}
.pprwph-navigation a:hover{
    opacity:0.7;
}
.pprwph-archive,.pprwph-single{
    margin:auto;
    max-width:600px;
    margin-top:30px;
    margin-bottom:50px;
}
.pprwph-archive .pprwph-color-white.pprwph-white-new-btn{
    color:initial!important;
}
.pprwph-popup{
    width:750px;
    border-radius:5px;
}

@media all and (max-width:768px){
    .pprwph-container{
        flex-direction:column;
    }
    .pprwph-navigation-menu{
        width:400px;
        padding:50px 30px;
    }
    .pprwph-section-tools{
        position:absolute;
        right:5px;
        top:0;
        opacity:1;
    }
    .paper-section-status{
        position:absolute;
        top:-5px;
        left:20px;
        border-radius:50%;
        width:10px;
        height:10px;
        padding:0;
    }
    .pprwph-navigation-switch{
        top:80px;
        height:30px;
        border-radius:50%;
        left:20px;
        z-index:99999!important;
    }
    .pprwph-navigation-switch i{
        position:relative;
        top:0;
    }
    .pprwph-navigation-switch-text{
        display:none;
    }
    .pprwph-navigation-menu i{
        padding:0;
    }
    .pprwph-navigation-menu .pprwph-section-tools i{
        padding:0 5px;
    }
    .pprwph-section-tools{
        padding:2px 5px;
    }
}

@media all and (max-width:450px){
    .pprwph-navigation-menu{
        width:300px;
    }
}