/* Bootleg Series - Riddims pool - 625 plus listing riddims partagé */

/* Page color */
.page-id-625 {color:white;}
#post-625 {margin-top:2rem;}
.button.disabled {background:#ccc; color:#667; cursor:not-allowed;}
.page-id-625 .next.page-numbers,
.page-id-625 .prev.page-numbers {float:none; font-size:1rem; background:none;}
.riddims-baseline {width:42rem; margin:auto;}

/* Encarts texte et images */
.riddims-imgtxt-1 {max-width:65rem; margin:1rem auto; border:1px dashed #333; padding:2rem;}
.riddims-imgtxt-2 {display:inline-block; max-width:20rem !important;}
.riddims-imgtxt-3 img {width:10rem;}
.riddims-imgtxt-3 a {color:#3EEA5C !important;}
.riddims-imgtxt-3 a:hover {color:#fff !important;}
.riddims-imgtxt-3 svg {vertical-align:middle;}
.riddims-imgtxt-3 h6 {color:#3EEA5C; font-weight:normal; margin:0; padding:1rem 0;}
.bootgreen {color:#3EEA5C;}

/* Listing */
.riddimol {max-width:63rem; text-align:left; margin:auto;}
.riddim-wrapper strong {font-weight:normal; margin-right:.4rem;}
.riddim-wrapper {margin:auto; max-width:65rem; min-width:55rem;}
.riddim-wrapper p {margin:auto;}
#trilist {width:65rem; margin:2rem auto;}
.riddim-per-page-form {display:flex; justify-content:flex-start; float:right}
.riddim-per-page-form label {display:flex; color:#3EEA5C; font-weight:normal; margin-right:.5rem;}
#rpp {height:1.4rem; max-width:12rem;}
.riddim-sort-bar {display:flex; align-items:center; justify-content:flex-start; margin-top:2rem;}
.riddim-sort-bar label {display:flex; margin:0 1rem 0 0; color:#3EEA5C; font-weight:normal;}
#riddim-sort {height:1.4rem; max-width:12rem;}
.riddim-list {width:100%;}
.riddim-card {background:#121212; border-radius:.4rem; margin-bottom:1rem; padding:.7rem; border:1px solid #333;}
.riddim-left {display:flex; flex-direction:row; align-items:center; justify-content:flex-start; gap:1rem; border-bottom:1px dashed #333; height:7rem;}
h3.riddim-title {font-size:1rem; color:#FFF; width:7rem;}
.riddim-cover {border-radius:8px; max-width:5rem; width:5rem; border:1px solid #555; box-shadow:.2rem .2rem #000;}
.riddim-status {max-width:7rem; width:7rem;}
.riddim-genre {border:1px solid #333; border-radius:.3rem; padding:1.15rem; width:12rem; max-width:12rem;}
.riddim-right {display:flex; flex-direction:row; align-items:center; justify-content:flex-start; gap:2rem;}
.riddim-right p {margin:1rem 0 0 1rem; min-width:12rem;}
.riddim-date, .riddim-exp, .riddim-user {display:inline-block;}

/* Envoi fichiers */
#wordpress_file_upload_block_1 {border:1px solid #333; padding:1rem; background:#111;}
#wordpress_file_upload_title_1 {color:#3EEA5C; text-transform:uppercase; margin:1rem;}
.file_input_textbox {padding:.4em; height:2.6rem;}
#wordpress_file_upload_filelist_1 {margin:.5rem auto; min-width:37rem;}
.file_filelist_totalprogress_div {min-width:12rem;}
#filelist_1 {width:37rem; margin:auto;}

/* Media queries pool et listing */
@media screen and (min-width:1px) and (max-width:623px){
  #trilist {display:block; width:16rem; margin:auto;}
  .riddim-per-page-form {display:block; float:none; margin:0 !important; text-align:left;}
  .riddim-per-page-form select{width:5.3rem;}
  .riddim-sort-bar {display:block; float:none; margin:.5rem 0 !important; text-align:left;}
  .riddim-sort-bar label {display:inline; width:5rem;}
  #riddim-sort {display:inline; width:9rem;}
}

@media screen and (min-width:1px) and (max-width:1000px){
  strong, p {margin:0 !important; font-size:14px !important;}
  .riddim-wrapper {margin:1rem auto; max-width:100%; min-width:2rem; font-size:14px !important;}
  .riddim-list {width:90%; margin:auto;}
  .riddim-card {display:inline-block; margin:.5rem;}
  .riddim-left {display:table; border-bottom:1px dashed #333; min-height:12rem;}
  .riddim-cover {border-radius:8px; min-width:15rem !important; max-width:5rem;}
  .riddim-audio {max-width:15rem;}
  .riddim-status {display:inline-flex; padding-left:.3rem; width:100%;}
  .riddim-genre {display:inline-flex; width:8rem;}
  .riddim-action {display:block; margin:2.5rem auto 1rem;}
  .riddim-reserver, .riddim-liberer, button.disabled {width:15rem !important; border-radius:.4rem;}
  button, input, select, textarea {font-size:14px !important;}
  .riddim-title {text-align:center; width:100%; border-bottom:1px dashed #333; margin-bottom:1rem; padding-bottom:1rem;}
  .riddim-right {display:grid; row-gap:1rem; padding:1rem 0 0; text-align:left;}
  .riddim-date {grid-row:2;}
  .riddim-exp {grid-row:3;}
  .riddim-user {grid-row:1;}
}

/* Tiny cards widths */
@media screen and (min-width:1px) and (max-width:359px){ .riddim-card {max-width:17rem;} }
@media screen and (min-width:360px) and (max-width:498px){ .riddim-card {max-width:13rem;} }