/*

Theme Name: dt-the7-child
Author: Stephan Dittmann
Author URI: https://www.dessounds.de
Description: DRHV-Download-Monitor-Styles
Version: 1.1.1

/************************************** GENERAL STUFF */

/* Colors 

DRHV-Dunkelblau #003f90
DRHV-Standartblau #005aa7
DRHV-Mittelblau #0079bd
DRHV-Hellblau #1ab0dc
DRHV-Orange #ef7d13
DRHV-Rot #af0303
DRHV-Grün #4ba310
DRHV-Hellgrau #CCCCCC
DRHV-Hellgrau #666666

*/

/* **************************************** WP- Download-Monitor - Styles */

/* General */

.dlm-downloads{
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    list-style: none !important;
    gap: 20px;
    justify-content: flex-start;
    margin: 0 !important;
}

.dlm-downloads li {
   margin-bottom: .4rem !important;
}

.dlm-downloads .dm_count {
    background-color: var(--sth-main-color) !important;
    padding: 1px 5px !important;
    text-align: center !important;
    color: var(--sth-white) !important;
    font-weight: 600 !important;
}

/******** Small Table */

/* Übersicht */

.drhv_small_table.dlm-downloads{
    display: -ms-flex;
    display: flex;
    flex-direction: column;
}

/******** Download Table */


.dlm-downloads.drhv_dlm_symbols{
    justify-content: space-evenly;
}

.dlm-downloads.drhv_dlm_table{
    display: table;
    flex-flow: unset;
    justify-content: unset;
    border-spacing: 10px;
}

.dlm-downloads.drhv_dlm_table TD{
    line-height: normal;
}

.dlm-downloads.drhv_dlm_table TH{
    line-height: initial;
}

.dlm-downloads.drhv_dlm_table .dlm_table_image{
    display: none;
}

.dlm-downloads.drhv_dlm_table .dlm_table_image IMG{
    max-width: 100%;
    min-width: 40px;
}

.dlm-downloads.drhv_dlm_table .dlm_titel{
    width: 60%;
}

.dlm-downloads.drhv_dlm_table .dlm_link{
    text-align: center;
    width: 5%;
}

.dlm-downloads.drhv_dlm_table .dlm_filesize{
    text-align: center;
    width: 5%;
}

.dlm-downloads.drhv_dlm_table td.dlm_link .filetype-icon{
    display: initial;
}

/** Small Grafik Table */

.dlm-downloads.drhv_dlm_small_grafik_table h4{
    font-size: medium;
    margin-bottom: .5rem;    
    line-height: 1.2rem;
    word-break: break-word;
    float: left;
}

.dlm-downloads.drhv_dlm_small_grafik_table h4:hover{
    color: var(--sth-accent);
}

.dlm-downloads.drhv_dlm_small_grafik_table .dm_count{
    font-size: medium;
}

.dlm-downloads.drhv_dlm_small_grafik_table .dlm_link{
    display: table-cell;
}

.dlm-downloads.drhv_dlm_small_grafik_table .dlm_titel p{
    margin: 0;
    clear: both;
}

/* Small Dokument Box */

aside.download-box.small_document_box .small_box_image{
    padding: 10px 0;
}

aside.download-box.small_document_box .small_box_image .filetype-icon{
    display: inline-flex;
    text-align: center;
    height: 16px;
    width: 16px;
    margin: 8px 0 -5px 0;
    padding: 0;    
}

/* Small Grafik Box */

aside.download-box.small_grafik_box .small_box_image{
    height: 120px;
    overflow: hidden;
}

aside.download-box.small_grafik_box .download-button{
    padding: 5px 10px;
}

/** Single Box */

aside.download-box {
    width: 200px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 1px solid #ccc;    
    text-align: center;
    position: relative;
    margin: 1rem auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .4);
}

aside.download-box img.wp-post-image {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-top-left-radius: 0px;
    -moz-border-top-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    border-radius: 0;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

aside.download-box .download-box-content H1 {
    font-size: 1rem;
    line-height: 1.1rem;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 500;
}

.content a.download-button,
aside.download-box a.download-button {
    display: inline-block;
    background-color: var(--sth-main-color);
    font-size: 0.9em;
    line-height: 1em;
    color: var(--sth-white);
    background-image: unset;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0;
    text-shadow: none;
    box-shadow: none;
    border: 0;
}

.content a.download-button:hover,
aside.download-box a.download-button:hover {
    background-color: var(--sth-accent);
}

#sidebar aside.download-box .download-button{
    color: var(--sth-white);
}

aside.download-box .download-count {
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 0;
    padding: 0.4rem;
    color: var(--sth-white);
    background: var(--sth-main-color);
    min-width: 0.5rem;
    font-size: 1rem;
    border: none;
    font-weight: 600;
}

/******** Download Button */

/* DL Button Übersicht */

.dlm-downloads > LI > P{
    display: inline-block !important;
    margin: 0 !important;
}

/* Single DL Button */

.dlm-downloads a.download-button .dm_btn_count{  
    background-color: var(--sth-main-color);  
    padding: 2px 5px;
}

.dlm-downloads a.download-button{
    background-color: var(--sth-main-color);
    background-image: -webkit-linear-gradient(var(--sth-main-color),var(--sth-main-color-middle),var(--sth-main-color));
    color: white;
    font-size: 1rem;
    line-height: 1.2rem;
    padding: 0.8em 1rem;
    margin: 0;
    display: inline-block;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.dlm-downloads a.download-button:hover{
    background-color: var(--sth-accent);
    background-image: -webkit-linear-gradient(var(--sth-accent), rgba(var(--sth-accent), .7),var(--sth-accent));
}

.dlm-downloads a.download-button .download_button_header{    
    display: block;    
    margin: 4px 0;
}

.dlm-downloads a.download-button .download_text{
    font-weight: 800;
}

.dlm-downloads a.download-button small{
    margin-top: 5px;
}

/** MEDIA QUERIES -------********----- 526px **/

@media screen and (min-width: 526px) {


    /* DLM Downloads Small Grafik Table*/

    .dlm-downloads.drhv_dlm_small_grafik_table .dlm_link{
        display: table-cell;
    }

    .dlm-downloads.drhv_dlm_table .dlm_table_image{
        display: table-cell;
        width: 10%;
    }

}

/** MEDIA QUERIES -------********----- 880px **/

@media screen and (min-width: 880px) {   

    /* DLM Downloads Small Grafik Table*/

    .dlm-downloads.drhv_dlm_table .dlm_table_image IMG{
        max-width: 150px;
        min-width: 40px;
    }

}