/*
-------------------------------------------------------------------------------
FILE:
    music-mediaq.css
DESCRIPTION:
    music related media queries
AUTHOR:
    Adam Smith 18:25 25 Oct 2015
REVISED BY:

-------------------------------------------------------------------------------
*/


/* Media queries */

/* sm screens and above */
@media screen and (min-width: 768px) {

}

/* md screens and above */
@media (min-width: 992px) {


}

/* lg - Large desktops and laptops */
@media (min-width: 1200px) {

    .song h1, .song h2, .artist h1, .artist h2 {
        font-size: .9rem;
    }
}


/* md - Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
}

/* Portrait devices other than phones */
@media (orientation: portrait) and (min-width: 481px) {
}


/* landscape devices other than phones */
@media (orientation: landscape) and (min-width: 481px) {
}




/* sm - general */
@media (min-width: 768px) and (max-width: 991px) {
}

/* sm (1) - small desktops*/
@media (min-width: 768px) and (max-width: 991px) and (orientation: landscape) {
}

/* sm (2) - Portrait tablets ONLY */
@media (min-width: 768px) and (max-width: 991px) and (orientation: portrait) {
}


/* xs - general */
@media (max-width: 767px) {
}

/* xs (1) Landscape phones */
@media (max-width: 767px) and (orientation: landscape) {
}

/* xs (2) portrait tablets */
@media (max-width: 767px) and (orientation: portrait) {
}

/* xss - Portrait phones and smaller */
@media (max-width: 480px) {

    .item-tile .meta h1, .item-tile .meta h2,.item-tile .meta h3 {
        font-size: .8rem;
        margin: 0 .4rem;
    }

    .item-tile .meta h1 {
        padding-top: .4rem;
        line-height: 1.2;
    }

    .item-tile .meta h2 {
        padding: .0675rem 2rem .125rem 0;
    }

    .item-tile .meta h3 {
        font-size: 0.56rem;
        padding: 0.25rem 2rem .5rem 0;
    }

    .item-tile .play-icon,
    .item-tile .pause-icon
    {
        width: 32px;
        height: 32px;
    }

    .item-tile  .pause-icon {
        background-position: -227px -461px;
    }

    a:hover .item-tile .play-icon {
        background-position: -195px -461px;
    }

    .item-tile  .play-icon,
    .item-tile  .pause-icon,
    .item-tile  > a:hover  > .play-icon,
    .item-tile  > a  > .play-icon:hover {
        margin-top: -16px;
        margin-left: -16px;
    }



}
