/* does not contain all the styles needed for the
press site. Contains only the styles solely needed
for the press sheet*/

/*title*/
.title_press{
    font-size: var(--font_size_title);
    font-family: 'Courier New', Courier, monospace;
    background-color: var(--div_txt_background);
    font-weight: bold;
    text-transform: uppercase;
    color: var(--txt_color);
}

/*img size press images*/
.press_img{
    width:100%;
    object-fit: cover;
}

.press_img_box{
    position:relative;
    float:left;
    margin:1px;
    width:calc((100% / 4) - 2px);
    justify-content: center;

    /*border: solid red 1px;*/
}

.press_img_download{
    visibility: hidden;
    width: 95%;
    
    transition: .2s ease;
    opacity: 0;
    /*set absolute position to fit img */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);

    text-align: center;

    /*border: solid red 1px;*/
}

.press_img_box:hover .press_img{
    opacity: 0.3;
}

.press_img_box:hover .press_img_download{
    visibility: visible;
    opacity: 1;
}

.download_icon{
  width:7%;
  margin:0;
}

/* div for logos */
.section_logo_preview{
  min-height: 20px;
  height:fit-content;

  position:relative;
  left:2%;

  border-bottom: 1px solid var(--line_color);
  justify-content: left ;
  display: flex;
}

/* logo */
.logo_img{
  width: 10%;
  max-width: 100px;
  
  object-fit: cover;
  position:float;
  padding-bottom:2px;
  padding-top:2px;
  padding-right:15px;   
}

/* logo table */ 
.logo_table{
  width:70%;
  position: relative;
}

.logo_table_col1{
  width: 25%; 
}

.logo_table_col2{
  width: 15%;  
}

/*artwork table*/
.artwork_table{
  width:55%;
  position: relative;
}

.artwork_table_col1{
  width: 30%; 
}

.artwork_table_col2{
  width: 10%;  
}

.artwork_table_col3{
  width: 30%;  
}


/* foldable content stuff won i nur halbe check*/
[id^="togList"],                        /* HIDE CHECKBOX */
[id^="togList"] ~ .section_content,                /* HIDE LIST */
[id^="togList"] + label  span + span,   /* HIDE "Collapse" */
[id^="togList"]:checked + label span  {   /* HIDE "Expand" (IF CHECKED) */
  display:none;
}
[id^="togList"]:checked + label span + span{
  display:inline-block;                 /* SHOW "Collapse" (IF CHECKED) */
}
[id^="togList"]:checked ~ .section_content{
  display:block;                        /* SHOW LIST (IF CHECKED) */
}