/* FOR MAXX POTENTIAL, DON'T MODIFY THIS STYLESHEET, USE INSTEAD content/themes/medstarhealth-main-parent/assets/css/newsroom-video-gallery/... 
AND MODIFY NEWSROOM.CSS FOR THE NEWSROOM HOMEPAGE AND VIDEOGALLERY.CSS FOR THE VIDEOGALLERY PAGE.
TO ADD ANY OF THIS STYLESHEETS TO OTHER PAGES GO TO functions.php in main-parent/functions.php and use the function called newsroom_video_gallery
*/
/*!
 * Copyright 2006 - 2015 TubePress LLC (http://tubepress.com)
 *
 * This file is part of TubePress (http://tubepress.com)
 *
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/.
 */

/**
 **********************************************************************************************
 **** UTILITY CLASSES
 **********************************************************************************************
 */

.tubepress-cursor-pointer {

    /** Make sure we have a pointer, even if no href. */
    cursor: pointer;
}




/**
 **********************************************************************************************
 **** VIDEO THUMBNAILS - METADATA GENERAL
 **********************************************************************************************
 */

/**
 * dl refers to the overall group of metadata
 */
.tubepress-meta-group {

    /** This centers the dl inside the div.tubepress_thumb */
    margin: 0 auto ! important;
    font-size: 11px;
}


/**
 **********************************************************************************************
 **** VIDEO THUMBNAILS - METADATA LABELS
 **********************************************************************************************
 */

/**
 * dt refers to the label for a piece of metadata (e.g. "Author" or "Date uploaded")
 */
.tubepress-meta-group dt {

    /** Let the meta labels "flow" to the left */
    display: inline;
}

/**
 * Unless specified otherwise, inserts a colon between the label and value.
 */
.tubepress-meta-group dt:after {

    content: ": ";
}

/**
 * Hide these labels completely!
 */
.tubepress-meta-group dt.tubepress-meta-title,
.tubepress-meta-group dt.tubepress-meta-duration,
.tubepress-meta-group dt.tubepress-meta-homeUrl,
.tubepress-meta-group dt.tubepress-meta-description {

    display: none;
}



/**
 **********************************************************************************************
 **** VIDEO THUMBNAILS - METADATA VALUES
 **********************************************************************************************
 */

/**
 * dd refers to the value for a piece of metadata (e.g. "1:33" or "billyjeanking")
 */
.tubepress-meta-group dd {

    /** Make sure there's no margin, other than the bottom */
    margin: 0 0 auto 0 ! important;

    /** No padding */
    padding: 0 !important;

    /** No line break before */
    display: inline;
}

/**
 * Trick to force a line break: https://stackoverflow.com/questions/4609279/css-to-line-break-before-after-a-particular-inline-block-item
 */
.tubepress-meta-group dd:after {

    content: "\A";
    white-space: pre;
}

/**
 * Apply some basic styling to the video title.
 */
dd.tubepress-meta-title {

    font-weight: bold;
    font-size: 13px;
}

/**
 * The following dd's have their corresponding dt's set to display:none. This can cause
 * text overflow in the dd's, unfortunately, so the following two rules correct that.
 */
dd.tubepress-meta-title,
dd.tubepress-meta-duration,
dd.tubepress-meta-homeUrl,
dd.tubepress-meta-description {
    display: block;
}
dd.tubepress-meta-title:after,
dd.tubepress-meta-duration:after,
dd.tubepress-meta-homeUrl:after,
dd.tubepress-meta-description:after {
    content: '';
}