/*

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 */

/* FILETYPES */

.filetype-icon{
    padding-left: 19px;
    background-repeat: no-repeat;
    background-position: left;
    background-image: url(../../assets/img/icons/filetypes/document.png);
}

.filetype-pdf {
    background-image: url(../../assets/img/icons/filetypes/document-pdf.png);
}

.filetype-aif,
.filetype-aifc,
.filetype-aiff,
.filetype-au,
.filetype-kar,
.filetype-m3u,
.filetype-m4r,
.filetype-mid,
.filetype-midi,
.filetype-mp2,
.filetype-mp3,
.filetype-mpga,
.filetype-ra,
.filetype-ram,
.filetype-rm,
.filetype-rpm,
.filetype-snd,
.filetype-wav,
.filetype-wave {
    background-image: url(../../assets/img/icons/filetypes/document-music.png)
}

.filetype-avi,
.filetype-divx,
.filetype-mov,
.filetype-movie,
.filetype-mp4,
.filetype-mpe,
.filetype-mpeg,
.filetype-mpg,
.filetype-mxu,
.filetype-qt,
.filetype-wmv {
    background-image: url(../../assets/img/icons/filetypes/document-film.png)
}

.filetype-7z,
.filetype-gz,
.filetype-rar,
.filetype-sit,
.filetype-tar,
.filetype-zip {
    background-image: url(../../assets/img/icons/filetypes/document-zipper.png)
}

.filetype-csv,
.filetype-tsv,
.filetype-xls,
.filetype-xlsx {
    background-image: url(../../assets/img/icons/filetypes/document-excel.png)
}

.filetype-doc,
.filetype-docx {
    background-image: url(../../assets/img/icons/filetypes/document-word-text.png)
}

.filetype-ai {
    background-image: url(../../assets/img/icons/filetypes/document-illustrator.png)
}

.filetype-swf {
    background-image: url(../../assets/img/icons/filetypes/document-flash-movie.png)
}

.filetype-bmp,
.filetype-djv,
.filetype-eps,
.filetype-gif,
.filetype-ief,
.filetype-jpe,
.filetype-jpeg,
.filetype-jpg,
.filetype-pbm,
.filetype-pgm,
.filetype-png,
.filetype-pnm,
.filetype-ppm,
.filetype-ps,
.filetype-ras,
.filetype-rgb,
.filetype-tif,
.filetype-tiff,
.filetype-wbmp,
.filetype-xbm,
.filetype-xpm,
.filetype-xwd {
    background-image: url(../../assets/img/icons/filetypes/document-image.png)
}

.filetype-psd {
    background-image: url(../../assets/img/icons/filetypes/document-photoshop.png)
}

.filetype-ppt,
.filetype-pptx {
    background-image: url(../../assets/img/icons/filetypes/document-powerpoint.png)
}

.filetype-as,
.filetype-css,
.filetype-htaccess,
.filetype-htm,
.filetype-html,
.filetype-js,
.filetype-php,
.filetype-sql,
.filetype-xml,
.filetype-xsl {
    background-image: url(../../assets/img/icons/filetypes/document-code.png)
}

.filetype-rtf,
.filetype-rtx {
    background-image: url(../../assets/img/icons/filetypes/document-text-image.png)
}

.filetype-txt {
    background-image: url(../../assets/img/icons/filetypes/document-text.png)
}

/* 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;
}

html body a.download-button{
    position: relative;
}

.download-box .download-box-content{
    padding: 0 1em 1em;
}

aside.download-box .download-box-content .download-box-title {
    font-size: 1rem;
    line-height: 1.1rem;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 500;
    color: var(--sth-main-color);
    padding: 10px 0;
}

.download-button{
    text-align: center;
    text-decoration: none !important;
    padding: .75em 1em;
    cursor: pointer;
}

.download-box img.wp-post-image{
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
}

.content a.download-button,
aside.download-box a.download-button {
    display: inline-block;
    position: relative;
    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);
}

.download-box .download-count{
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .4);
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    vertical-align: middle;
    line-height: 1em;
    margin: -.5em -.5em 0 0;
}

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;
    }

}