Roll Out Tray for Cabinets – Fits B33 – Blue Shaker Cabinet Cabinet Online

Roll Out Tray for Cabinets – Fits B33 – Blue Shaker Cabinet Cabinet

@import url(‘https://fonts.googleapis.com/css?family=Albert%20Sans&display=swap’);

.cabinet1 {
width: 70%;
vertical-align: initial;
}

.cabinet2 {
width: 30%;
display: contents;
}

.button-cab {
background-color: #0009;
color: #fff;
display: inline-block;
padding: 2px 0px;
margin: 2px;
border-radius: 5px;
width: 330px;
text-align: center;
font-size: 13;
opacity: 0.8;
}

.button-cab:hover {
opacity: 1;
}

.button-cab2 {
background-color: #0009;
color: #fff;
display: inline-block;
padding: 2px 0px;
margin: 2px;
border-radius: 5px;
width: 48%;
text-align: center;
font-size: 13;
opacity: 0.8;
}

.button-cab2:hover {
opacity: 1;
}

.table-cab {
font-family: ‘Albert Sans’, serif;
border: 0px solid #ccc;
border-collapse: collapse;
margin: 0;
padding: 0;
width: 95%;
table-layout: fixed;
}

.table-cab caption {
font-size: 1.5em;
margin: .5em 0 .75em
}

.table-cab table tr {
background-color: #f8f8f8;
border: 0px solid #ddd;
padding: .35em
}

.table-cab table th,
.table-cab table td {
padding: .625em;
text-align: left
}

.table-cab table th {
font-size: .85em;
letter-spacing: .1em;
text-transform: uppercase
}

@media screen and (max-width: 600px) {
.cabinet1 {
width: 100%;
vertical-align: initial;
}
.cabinet2 {
width: 100%;
}
table {
border: 0 font-family: ‘Albert Sans’, serif;
}
table caption {
font-size: 1.3em
}
table thead {
border: none;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
table tr {
border-bottom: 0px solid #ddd;
display: block;
margin-bottom: .625em
}
table td {
border-bottom: 1px solid #ddd;
display: block;
font-size: .8em
}
table td::before {
content: attr(data-label);
font-weight: 700;
text-transform: uppercase
}
table td:last-child {
border-bottom: 0
}
}