/**
 * module Collapsible Widgets
 * extention to widgets.
 * Adds functionality of toggling widget's body
 *
 * @package sbinit
*/
.sb-w-collapsible .wtitle{
    display: flex;
    justify-content: space-between;
}

.sb-w-collapsible .wtitle .indicator{
    line-height: 1;
    visibility: hidden;
    opacity: 0;
    transition-property: transform, opacity, visibility;
    transition-duration: .3s;
}

.collapsible__toggleable .wtitle{
    cursor:pointer;
}
.collapsible__toggleable .wtitle .indicator{
    visibility:visible;
    opacity: .5;
}

.collapsible__body-visible .wtitle .icon-plus:before{
    content:'\e809';
}
.collapsible__body-visible .wtitle .icon-down-dir,
.collapsible__body-visible .wtitle .icon-down-open{
    transform:rotateX(180deg);
}

/** - */
.collapsible__hide-all .wbody{
    display: none;
}
@media screen and (max-width: 1200px){
    .collapsible__hide-xl .wbody{
        display: none;
    }
}
@media screen and (max-width: 991px){
    .collapsible__hide-lg .wbody{
        display: none;
    }
}
@media screen and (max-width: 769px){
    .collapsible__hide-md .wbody{
        display: none;
    }
}
@media screen and (max-width: 575px){
    .collapsible__hide-sm .wbody{
        display: none;
    }
}