/* INDEX */
    #wrap[data-page=index] div.searchWrap{
        position: absolute;
        left:50%;
        transform:translateX(-50%);
        min-width:60%;
        text-align: center;
    }

    #wrap[data-page=index] div.searchWrap.top{
        top:3%; 
        transform:translateX(-50%);
    }

    #wrap[data-page=index] div.searchWrap h2,
    #wrap[data-page=index] div.searchWrap div.recent div.item
    {
        margin:0;
        margin-top:0.5vmax;
        display: block;
        background-size: cover;
        background-position: center center;
    }

    #wrap[data-page=index] div.searchWrap div.recent{
        display:flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding-bottom:2vmax;
    }

    #wrap[data-page=index] div.searchWrap div.recent div.item{
        text-align: left;
        width:49.5%;
        padding:2vmax 0;
        cursor: pointer;
    }


    #wrap[data-page=index] div.searchWrap div.recent div.item div.bg{
        background:rgba(255,255,255,.75);
        padding:0.5vmax 2vmax;
        top:50%; transform:translateY(-50%);
    }

    #wrap[data-page=index] div.searchWrap div.recent div.item h3,
    #wrap[data-page=index] div.searchWrap div.recent div.item p
    {
        margin:0;
    }
    #wrap[data-page=index] div.searchWrap div.recent div.item p{
        font-size:1.5vmax;
        line-height: 100%;
    }
    #wrap[data-page=index] div.searchWrap div.recent div.item h3{
        font-size:2vmax;
    }

    #wrap[data-page=index] div.searchWrap div.main{
        background-image: url('../media/img/logo_big.png');
        background-repeat: no-repeat;
        background-position: 120% 40%; 
        background-size: auto 150%;
        background-color:rgba(0,0,0,.5);
    }

    #wrap[data-page=index] #content{
        background:none;
        border:none;
        box-shadow:none;
    }

    #wrap[data-page=index] div.searchWrap div.sub{
        display:inline-block;
        margin:0.5vw;
        padding:2vmax;
        cursor:pointer;
        border-radius:1vmax;
        font-size:3vmax;
        min-width:40%;
    }
    
    /* Subscriptions */
    #wrap[data-page=index] h2.subscriptions{
        vertical-align: bottom;
        font-size:3vmax;
    }
    #wrap[data-page=index] h2.subscriptions img.rss{
        vertical-align: bottom;
        width:2.5vmax;
        height:2.5vmax; 
        transition:transform 0.25s ease-out;
    }
    #wrap[data-page=index] h2.subscriptions img.rss:hover{
        transform:scale(1.05,1.05);
    }


    #wrap[data-page=index] input,
    #wrap[data-page=index] div.genericHelpButton
    {
        margin:0.5vmax 0;
    }

    #wrap[data-page=index] h1{
        color:#FFF;
        text-shadow:0.25vw 0.25vw 1vw rgba(0,0,0,.25);
    }




    /* Search listing */
    #wrap[data-page=index] div.flex{
        display:flex;
    }

    #wrap[data-page=index] div.left{
        width:25%;   
        text-align: left;
        line-height:100%;
    }

    #wrap[data-page=index] div.left div.border{
        padding:1vmax; 
        margin-bottom:1vmax;
    }

    #wrap[data-page=index] div.left form{
        display:flex;
    }

    #wrap[data-page=index] div.left form div.genericHelpButton{
        margin:0;
        margin-left:0.25vmax;
        padding:1vmax;
    }
    
    

    #wrap[data-page=index] div.left input{
        font-size:1.5vmax;
        width:100%;
        box-sizing: border-box;
        margin:0;
        text-align: left;
    }

    #wrap[data-page=index] div.left div.meta div.tag{
        font-size:1.5vmax;
        margin:0;
    }

    #wrap[data-page=index] div.left div.meta div.tag a{
        font-weight: normal;
    }

    #wrap[data-page=index] div.left div.meta div.tag.default a.wiki,
    #wrap[data-page=index] div.left div.meta div.tag.ingredient a.wiki
    {
        font-size:1.25vmax;
        font-style:italic;
        color:#666;
    } 

    
    

    #wrap[data-page=index] div.left div.meta h3{
        font-size:2vmax;
        margin-top:.5vmax;
        margin-bottom:0.2vmax;
    }
    

    #wrap[data-page=index] div.right{
        margin-left:1vmax;
        text-align: left;
        width:75%;
    }

    #wrap[data-page=index] div.right div.header{
        padding:1vmax;
        text-align: center;
        margin-bottom:0.5vmax;
        overflow: hidden;
    }
    #wrap[data-page=index] div.right div.header img.headerImg,
    #wrap[data-page=index] div.right div.header div.headerImg{
        height:100%;
        position:absolute;
        left:0; top:0;
        bottom:0;
        background-size:cover;
        width:10vmax;
        background-position: center;
    }

    #wrap[data-page=index] div.right div.header h3, 
    #wrap[data-page=index] div.right div.header p{
        margin:0 0 0 10vmax;
    }
    

    #wrap[data-page=index] div.right div.recipes{
        padding:1vmax;
        margin-bottom:1vmax;
        display:flex;
        flex-flow: row wrap;
        align-content: flex-start;
        justify-content: center;
    }

    #wrap[data-page=index] div.right div.genRecipeListing{
        width:15vmax;
        height:15vmax; 
        margin:0.5%;
    }

    #wrap[data-page=index] div.right div.subscribe.clickable{
        cursor:pointer;
        font-weight: normal;
    }
    
    #wrap[data-page=index] div.right div.subscribe.clickable.red{
        font-weight: bold;
    }
    #wrap[data-page=index] div.right div.subscribe.clickable:hover{
        color:#FFF;
    }
    




    /* INDEX mobile */
    @media only screen and (max-device-width: 640px){
        #wrap[data-page=index] div.searchWrap div.sub{
            display:block;
        }

        #wrap[data-page=index]{
            z-index:1;
        }

        #wrap[data-page=index] div.right div.genRecipeListing{
            width:32%;
            padding-top:32%;
            margin:0.25vmax;
        }

        #wrap[data-page=index] #content > div.flex{
            display:block;
        }
        #wrap[data-page=index] #content > div.flex > div.left,
        #wrap[data-page=index] #content > div.flex > div.right{
            width:auto;
            margin-left:0; margin-right:0;

        }

        #wrap[data-page=index] #content > div.flex > div.left{
            display:table-footer-group;
        }
        #wrap[data-page=index] #content > div.flex > div.right{
            display:table-header-group;
        }
        #wrap[data-page=index] #content > div.flex > div.right > div:nth-child(1){
            margin-top:8vmax;
        }
        #wrap[data-page=index] #content > div.flex > div.left > div:nth-child(1){
            position:fixed;
            top:0;
            left:0;
            right:0;
            border-radius:0;
            border-top:none;
            border-left:none;
            border-right:none;
            background:rgba(255,240,200,0.9) !important;
            z-index:10;
        }
        #wrap[data-page=index] #content > div.flex > div.left > div:nth-child(2){
            margin-top:2vmax;
        }
        

        #wrap[data-page=index] #content #ss{
            font-size:3vmax;
            text-align:center;
        }

        #wrap[data-page=index] #content div.meta{
            text-align: center;
        }
        #wrap[data-page=index] #content div.meta div.tag{
            display:inline-block;
            font-size:2vmax;
            padding:0.5vmax;
            background:rgba(255,255,255,.25);
            margin:0.2vmax;
        }
        #wrap[data-page=index] #content div.meta h3{
            text-align: center;
        }

        #wrap[data-page=index] div.searchWrap{
            min-width:90%; 
        }
        
        
    }














/* Profile */
    #wrap[data-page=user] #content{
        background:none;
        border:none;
        box-shadow:none;
        display:flex;
    }

    #wrap[data-page=user] div.userInfo{
        width:30%;
        font-size:1.5vmax;
        line-height: 100%;
    }

    #wrap[data-page=user] #content > div.recipes{
        margin-left:1vw;
        flex-grow:1;
    }
    
    #wrap[data-page=user] #content > div.recipes p.all{
        margin:0; padding:0;
    }


    #wrap[data-page=user] #content > div.recipes h3{
        margin:0; padding:0;
    }

    

    #wrap[data-page=user] #content > div.recipes > div.header:hover{
        transform:translate(-50%, 50%) scale(1.05);
    }
    #wrap[data-page=user] #content > div.recipes > div.header:active{
        transition:none;
        transform:translate(-50%, 50%) scale(0.95);
    }

    #wrap[data-page=user] div.userInfo label{
        display:block;
        background:rgba(0,0,0,.5);
        margin-bottom:0.25vmax;
        transition:background 0.5s ease-in-out;
        padding:1vmax 0.5vmax;
        color:#FFF;
    }
    #wrap[data-page=user] div.userInfo label input{
        vertical-align: middle;
    }
    
    #wrap[data-page=user] div.userInfo input[type=text]{
        width:100%;
        font-size:1.5vmax;
    }

    #wrap[data-page=user] div.userInfo h1{
        margin:0;
    }

    
    /* Portrait */
    @media only screen and (max-device-width: 640px) and (orientation: portrait){
        #wrap[data-page=user] div.userInfo{
            width:auto;
        }
        #wrap[data-page=user] #content > div.recipes{
            margin:0;
            margin-top:1vh;
        }
        #wrap[data-page=user] #content{
            flex-direction: column;
        }
    }
    



/* uploadRecipe */
    #wrap[data-page=uploadRecipe] textarea{
        width:100%;
    }
    

    #wrap[data-page=uploadRecipe] input.submit{
        margin:0.25vmax;
         background: linear-gradient(to bottom, #ebffeb 1%,#bbffbb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }
    #wrap[data-page=uploadRecipe] input.delete{
         background: linear-gradient(to bottom, #ffebeb 1%,#ffbbbb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

    #wrap[data-page=uploadRecipe] p.subtitle{
        font-style: italic;
        background: #887733;
        border: #FEA dashed 0.2vmax;
        color: #FEA;
        display:inline-block;
        border-radius:1vmax;
        padding:2vmax;
    }


        
    #wrap[data-page=uploadRecipe] input{
        font-size:1.5vmax;
    }
    #wrap[data-page=uploadRecipe] textarea
    {
        font-size:1.5vmax;
    }

    #wrap[data-page=uploadRecipe] div.viewListing:hover{
        transform:scale(1,1);
        font-weight: bold;
    }
    #wrap[data-page=uploadRecipe] input[name=name],
    #wrap[data-page=uploadRecipe] div.genericHelpButton
    {
        font-size:3vmax; 
        vertical-align: middle;
    }
    #wrap[data-page=uploadRecipe] h3{
        margin:0; padding:0; padding-bottom:0.5vmax; margin-top:0.5vmax;
    }
    #wrap[data-page=uploadRecipe] #ingredients{
        display:inline-block;
    }
    #wrap[data-page=uploadRecipe] #ingredients input{
        text-align: left;
    }
    #wrap[data-page=uploadRecipe] #ingredients td.handle{
        font-weight:bold;
        cursor:row-resize;
    }

    #wrap[data-page=uploadRecipe] #ingredients td.removeLine,
    #wrap[data-page=uploadRecipe] div.image
    {
        padding:0.5vmax;
        font-weight: bold;
        color:#600;
        cursor:pointer;
    }
    #wrap[data-page=uploadRecipe] #ingredients tr:last-child td.removeLine{
        visibility: hidden;
    }

    #wrap[data-page=uploadRecipe] #steps > div.step > div.txt > div.handle{
        position: absolute;
        right:1vmax;
        top:50%;
        transform:translateY(-60%); 
        font-weight:bold;
        cursor:row-resize;
    }
    
    #wrap[data-page=uploadRecipe] #steps textarea{
        text-align: left;
        min-height:6.5vmax;
        width:100%;
        resize: vertical;
    }
    #wrap[data-page=uploadRecipe] #steps h3{
        font-size:3vmax;
    }
    #wrap[data-page=uploadRecipe] #tags{
        text-align: left;
    }
    #wrap[data-page=uploadRecipe] #tags div.tag{
        display:inline-block; 
        margin-bottom:0.25vmax;
        margin:0.2vmax;
        width:24%;
    }
    #wrap[data-page=uploadRecipe] #tags input{
        width:100%;
    }

    #wrap[data-page=uploadRecipe] div.editor div.flex,
    #wrap[data-page=uploadRecipe] div.middle{
        margin-bottom:1vmax; 
    }

    #wrap[data-page=uploadRecipe] div.editor div.flex{
        display:flex;
    }
    
    #wrap[data-page=uploadRecipe] div.left{
        width:50%;
        margin-right:0.5vw;
    }
    #wrap[data-page=uploadRecipe] div.left input{
        width:100%;
        box-sizing: border-box;
    }
    #wrap[data-page=uploadRecipe] div.right{
        text-align: center;
        width:auto;
        margin-left:0.5vw;
        flex: 1 1 auto;
    }
    
    #wrap[data-page=uploadRecipe] div.image{
        display:inline-block;
        height:19vmax;
        overflow:visible;
        padding:0;
        margin:0.5vmax;
        vertical-align: top;
    }
    #wrap[data-page=uploadRecipe] div.image div.media{
        background-size:cover;
        padding:0;
        overflow:hidden;
        width:15vmax; height:15vmax;
    }

    #wrap[data-page=uploadRecipe] div.image div.media div.embed{
        height:100%;
        width:100%;
    }

    #wrap[data-page=uploadRecipe] div.image div.removeMedia{
        color:#622;
        background: linear-gradient(to bottom, #efc3c3 1%,#e6a2a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        padding:0.1vmax 0.5vmax;
        margin:0.25vmax;
        display:inline-block;
        border-radius:0.25vmax;
        box-shadow:0.5vw 0.5vw 2vw rgba(0,0,0,.25);
        border:0.2vmax solid #FDD;
    }
    #wrap[data-page=uploadRecipe] div.image div.removeMedia:hover{
        border:0.2vmax solid #FFF;
    }

    #wrap[data-page=uploadRecipe] div.image input{
        font-size:2vmax;
        padding:1vmax;
        display: block;
        position: absolute;
        top:50%; left:50%;
        transform: translate(-50%,-50%);

    }

    #wrap[data-page=uploadRecipe] div.privacy{
        display:flex;
    }
    #wrap[data-page=uploadRecipe] div.privacy div.setting{
        width:50%;
        margin:0.5vmax;
        padding:0.5vmax;
        text-align: center;
        background:rgba(0,0,0,.5);
        color:#FFF;
    }
    #wrap[data-page=uploadRecipe] div.privacy div.setting:hover{
        background:rgba(100,100,100,.5);
        cursor: pointer;
    }

    #wrap[data-page=uploadRecipe] div.privacy div.setting.selected{
        background:rgba(0,100,0,0.5);
    }

    #wrap[data-page=uploadRecipe] div.privacy div.setting input{
        display:none;
    }
    
    #wrap[data-page=uploadRecipe] div.privacy div.setting img{
        width:3vmax; height:3vmax;
        vertical-align: top;
    }

    #imageSelect{
        display:flex;
        margin-bottom:0.5vmax;
    }
    #imageSelect input{
        margin:0;
        display:block;
        width:80%;
    }
    #imageSelect input[type=submit]{
        width:20%;
        margin-left:0.5vmax;
    }

    #videoUploader div.embed.border > div.embed{
        position:relative;
        height:0;
        padding-bottom:56.25%;
    }
    



    /* Mobile */
    @media only screen and (max-device-width: 640px){
        
        #wrap[data-page=uploadRecipe] div.editor div.flex{
            display:block;
        }
        #wrap[data-page=uploadRecipe] div.editor div.left,
        #wrap[data-page=uploadRecipe] div.editor div.right
        {
            width:auto;
            margin:0;
            margin-bottom:1vmax;
        }

        #wrap[data-page=uploadRecipe] input{
            font-size:2vmax;
        }
        #wrap[data-page=uploadRecipe] textarea
        {
            font-size:2vmax;
        }
        
    }

/* */


/* Recipe view */

    #wrap[data-page=recipe] h3, #wrap[data-page=recipe] h1, #wrap[data-page=recipe] h4, #wrap[data-page=recipe] p.subtitle{
        margin:0;
        margin-bottom:0.5vmax;
    }
    #wrap[data-page=recipe] h1{
        line-height: 100%;
        font-size:3.5vmax;
        margin:0;
    }
    #wrap[data-page=recipe] h1 > div{
        margin:0;
        float:right;
    }
    #wrap[data-page=recipe] p.description{
        text-align: center;
    }
    #wrap[data-page=recipe] p.subtitle{
        font-size:1.5vmax;
    }
    

    #wrap[data-page=recipe] div.tag{
        display:inline-block;
        background:rgba(255,255,255,.25);
        padding:0.5vmax; 
        margin:0.25vmax;
    }
    #wrap[data-page=recipe] div.tag a{
        color:#33A;
        font-weight: normal;
    }

    #wrap[data-page=recipe] div.meta{
        text-align: left;
    }

    #wrap[data-page=recipe] div.meta div.flex{
        margin-top:1vmax;
        flex-flow: row wrap;
        align-content: space-between;
        justify-content: space-between;
    }

    #wrap[data-page=recipe] #editTags textarea{
        font-size:2vmax;
    }

    #wrap[data-page=recipe] div.meta div.flex.actions div{
        color:#000;
    }
    #wrap[data-page=recipe] div.meta div.flex.actions div.selected{
        border-color:#AFA;
    }
    #wrap[data-page=recipe] div.meta div.flex.actions div img{
        height:2.5vmax;
        width:2.5vmax;
        vertical-align: top; 
    }

    #wrap[data-page=recipe] div.meta div.flex div.full{
        width: 100%;
    }
    #wrap[data-page=recipe] div.meta div.flex div.half{
        width:49.5%;
    }

    #wrap[data-page=recipe] div.meta div.flex div.revision{
        break-after: always;
    }
    #wrap[data-page=recipe] div.meta div.flex > div
    {
        text-align: center;
        font-weight: bold;
        cursor:pointer;
        padding:0.75vmax;
        margin-bottom:0.5vmax; 
    }
    #wrap[data-page=recipe] div.meta div.flex > div:hover{
        color:rgba(0,0,0,.5);
    }

    #wrap[data-page=recipe] div.border{
        margin-bottom:1vmax;
    }

    #wrap[data-page=recipe] div.half{
        width:50%;   
    }

    #wrap[data-page=recipe] div.half.gallery,
    #wrap[data-page=recipe] div.half.steps
    {
        margin-left:1vmax;
    }

    #wrap[data-page=recipe] div.ingredients table{
        width:100%;
        font-size:1.5vmax;
    }
    #wrap[data-page=recipe] div.ingredients table td{
        text-align: left;
        background:rgba(255,255,255,.5);
        padding:0.5vmax;
    }
    #wrap[data-page=recipe] div.ingredients table tr:nth-child(even) td{
        background:rgba(255,255,255,.25);
    }

    #wrap[data-page=recipe] div.ingredients table td.quant{
        text-align: right;
    }
    
    #wrap[data-page=recipe] div.ingredients table tr:hover td{
        background:rgba(220,255,220,.5);
        cursor:pointer;
    }
    #wrap[data-page=recipe] div.ingredients table tr.acquired td{
        background:rgba(100,200,100,.75);
        color:#DFD;
    }
    

    #wrap[data-page=recipe] div.step{
        background:rgba(255,255,255,.5);
        padding:1vmax;
        margin-bottom:0.5vmax;
        font-size:1.5vmax;
        text-align: left;
    }

    #wrap[data-page=recipe] div.step input[type=checkbox]{
        overflow:hidden;
        vertical-align: top;
        box-shadow:none;
    }

    #wrap[data-page=recipe] div.step:nth-child(even){
        background:rgba(255,255,255,.25);
    }

    #wrap[data-page=recipe] div.step:hover{
        cursor:pointer;
        background:rgba(220,255,220,.5);
    }
    #wrap[data-page=recipe] div.step.acquired{
        cursor:pointer;
        background:rgba(100,200,100,.75);
        color:#DFD;
    }

    #wrap[data-page=recipe] div.related{
        text-align: center;
        flex-wrap: wrap;
        justify-content: center;
    }

    #wrap[data-page=recipe] div.related div.genRecipeListing{
        width:10vmax; height:10vmax;
        margin:0.5vmax;
    }

    #wrap[data-page=recipe] div.related div.genRecipeListing div.recipeName{
        font-size:2vmax;
        line-height: 100%;
    }
    #wrap[data-page=recipe] div.related div.genRecipeListing div.recipeName span.subtitle{
        font-size:1.5vmax;
    }
    

    #wrap[data-page=recipe] div.related div.genRecipeListing img.recipeCollectionIcon{
        width:4vmax; height:4vmax; 
        transform:translate(25%, 25%);
    }

    /* Mobile */
    @media only screen and (max-device-width: 640px){
        
        #wrap[data-page=recipe] #content > div.flex{
            display:block;
        }
        
        #wrap[data-page=recipe] #content > div.flex div.half{
            width:auto;
            margin:0;
            margin-bottom:0.5vmax;
        }

        #wrap[data-page=recipe] #content div.meta div.flex > div
        {
            padding:2vmax 1.5vmax;
        }
        #wrap[data-page=recipe] #content div.meta div.flex > div.half{
            width:49.5%;
        }
        
        #wrap[data-page=recipe] div.ingredients table td,
        #wrap[data-page=recipe] div.step
        {
            font-size:2.5vmax; 
            padding:1vmax;
        }

        #wrap[data-page=recipe] p.subtitle,
        #wrap[data-page=recipe] #content p.subtitle.permalink
        {
            font-size:2vmax;
        }

    }
    

/* Recipe view end */

/* Collections */
    
    #wrap[data-page=collections] div.left{
        width:25%;   
        text-align: left;
        line-height:100%;
        padding:0;
    }

    #wrap[data-page=collections] div.left > div.sub{
        margin-bottom:0.5vmax;
        padding:1vmax 0.5vmax;
        text-align: center;
    }

    #wrap[data-page=collections] #searchMyCollections input{
        font-size:2vmax;
        width:100%;
        display: block;
    }

    #wrap[data-page=collections] #searchMyCollections input[type=submit]{
        padding:0.5vmax;
        margin:0.25vmax 0;
    }

    #wrap[data-page=collections] div.right{
        margin-left:1vmax;
        text-align: left;
        width:75%;
    }

    #wrap[data-page=collections] div.right div.headline{
        text-align: center;
        margin-bottom:0.5vmax;
    }
    #wrap[data-page=collections] div.right div.headline h3{
        margin:0;
    }
    

    #wrap[data-page=collections] div.border.desc input,
    #wrap[data-page=collections] div.border.desc textarea
    {
        margin:0.25vmax;
    }

    #wrap[data-page=collections] div.border.desc input[type=text],
    #wrap[data-page=collections] div.border.desc textarea
    {
        width:100%;
    }

    #wrap[data-page=collections] img.colImg{
        padding:0; overflow: hidden;
        width:10vmax;
        height:10vmax;
        
    }

    
    /* Mobile */
    @media only screen and (max-device-width: 640px){
        
        #wrap[data-page=collections] #content > div.flex{
            display:block;
        }

        #wrap[data-page=collections] #content > div.flex > div{
            width:auto;
            margin:0;
        }

    }


/* Collections end */

/* History */
    #wrap[data-page=history] table.revisions{
        width:100%;
        box-shadow:.25vmax .25vmax 1vmax rgba(0,0,0,.25);
        overflow:hidden;
        border-radius:1vmax;
        text-align: left;
    }

    #wrap[data-page=history] table.revisions tbody tr{
        cursor:pointer;
    }

    #wrap[data-page=history] table.revisions tr{
        border-collapse: collapse;
        background:rgba(255,255,255,.75);
    }
    #wrap[data-page=history] table.revisions tbody tr:nth-child(odd){
        background:rgba(255,255,255,.5);
    }
    #wrap[data-page=history] table.revisions tbody tr:hover{
        background:rgba(255,255,255,1);
    }
    #wrap[data-page=history] table.revisions tbody tr.current{
        background:rgba(220,220,255,1); 
        font-weight: bold;
    }
    

    #wrap[data-page=history] table.revisions th,
    #wrap[data-page=history] table.revisions td
    {
        padding:0.5vmax;
        margin:0;
        
    }

    #wrap[data-page=history] div.forkRoot{
        margin-top:1vmax;
    }
    
    #wrap[data-page=history] div.forkRoot h3,
    #wrap[data-page=history] div.forkRoot p
    {
        margin:0;
    }
    
/* History end */
/* Tags */

    #wrap[data-page=tags] #content > div.tags{
        margin-top:0.5vmax;
    }

    #wrap[data-page=tags] #content > div.search input{
        margin:0.5vmax;
        vertical-align: middle;
        display:inline-block;
        outline:none;
    }

    #wrap[data-page=tags] table.tags{
        text-align: left;
        font-size:1.5vmax;
        width:100%;
        line-height: 120%; 
    }

    #wrap[data-page=tags] table.tags tr{
        border-collapse: collapse;
        background:rgba(255,255,255,.75);
        cursor:pointer;
    }

    #wrap[data-page=tags] table.tags tr:hover{
        background:rgba(255,255,255,1);
    }
    
    #wrap[data-page=tags] table.tags td,
    #wrap[data-page=tags] table.tags th{
        padding:0.5vmax;
    }
    

    #wrap[data-page=tags] table.tags td.ingredient{
        color:#35A;
    }

    #wrap[data-page=tags] table.tags td.default{
        color:#3A3;
    }

/* Tags end */