﻿.org-details{
    .sub-title{position:relative; top:-17px; margin-bottom:-20px;}
    p{padding:15px 0;}

    .scroller{position:relative; float:right; background-color:rgba(0,0,0,0.05); width:10px; height:100%; overflow:hidden; border-radius:10px; margin-top:7px;}
    .scrollbar{position:relative; background-color:rgba(0,0,0,0.1); width:10px; min-height:20px; overflow:hidden; border-radius:10px;}
    .scrollable{overflow:hidden;
        .scroller{display:none;}
        &:after{content:' '; display:block; clear:both; height:0; overflow:hidden;}
        &.scroll{
            .scroller{display:block;} 
        }
    }
    .movable{float:left; position:relative; width:~"calc(100% - 20px)"; padding-bottom:10px; line-height:0;
        & > div{min-height:250px;}
    }
    .buttons{padding-bottom:20px;}

    .content-boards{padding-top:5px; width:100%;
        @height:48px;
        .item{float:left; width:~"calc(33% - 6px)"; height:@height; box-sizing:border-box; margin:3px;}
        .item > a{width:100%; display:block; height:@height;}
        .board-title{font-weight:bold;}
        .color-box{width:10px; height:@height; border-radius:5px;}
        .board-label{width:~"calc(100% - 35px)";}
        .fav{padding-top:5px;}
        &:after{content:''; display:block; clear:both;}
    }

    .item .add-icon{padding:14px 0 0 14px;}
    .item .add-title{padding-top:6px;}

    .website-link a{display:inline-block; padding-bottom:15px;}
    .org-edit-link{position:relative; 
        a{position:absolute; bottom:15px; right:20px;}
    }

    .resources{
        .contents{margin-top:5px;}
        .resource > div{padding-left:10px;}
        .icon-close{padding:9px 15px;
            svg{width:16px;}
        }
    }
}

.no-boards, .no-following{width:100%;
    p{display:inline-block; padding:30px 10px; width:100%; box-sizing:border-box; text-align:center;}
    .button{padding:11px 14px 11px 14px;}
}

@media(max-width:700px){
    .org-details{
        .content-boards{
            .item{width:~"calc(50% - 6px)";}
        }
    }
}

@media(max-width:400px){
    .org-details{
        .content-boards{
            .item{width:100%;}
        }
    }
}