1/*-----------------------------------------------------------------------------
2# SPDX-License-Identifier: BSD-3-Clause
3# SPDX-FileCopyrightText: Copyright TF-RMM Contributors.
4#----------------------------------------------------------------------------*/
5
6/* Expand width to fill screen */
7.wy-nav-content {
8   max-width: none;
9}
10
11/* Flexbox Tile Grid Settings  */
12.grid {
13    list-style-type: none !important;
14    display: -webkit-box;
15    display: -ms-flexbox;
16    display: flex;
17    -ms-flex-wrap: wrap;
18        flex-wrap: wrap;
19    -webkit-box-pack: center;
20        -ms-flex-pack: center;
21            justify-content: center;
22    margin: 1rem auto;
23    max-width: calc((250px + 2rem) * 4);
24}
25
26.grid-item {
27    list-style-type: none !important;
28    -webkit-box-flex: 0;
29        -ms-flex: 0 0 auto;
30            flex: 0 0 auto;
31    width: 220px;
32    text-align: center;
33    margin: 1rem;
34}
35
36.grid-item a {
37    display: block;
38    width: 220px;
39    height: 220px;
40    padding: 22px;
41    display: -webkit-box;
42    display: -ms-flexbox;
43    display: flex;
44    -webkit-box-orient: vertical;
45    -webkit-box-direction: normal;
46        -ms-flex-direction: column;
47            flex-direction: column;
48    -webkit-box-pack: center;
49        -ms-flex-pack: center;
50            justify-content: center;
51    -webkit-box-align: center;
52        -ms-flex-align: center;
53            align-items: center;
54    border: 1px solid #c6cbce;
55    background-color: #2980B9;
56    color: white;
57}
58
59.grid-item h2 {
60    font-size: 1.1rem;
61}
62
63.grid-item img {
64    margin-bottom: 1.1rem;
65    max-width: 75%;
66}
67
68.grid-item a:hover {
69    background-color: #32cd32;
70    color: white;
71}
72
73
74.grid-item p {
75    margin-top: 0.5rem;
76    color: #333e48;
77}
78
79.grid-icon {
80   line-height: 1.8;
81   font-size: 6rem;
82   color: #343131;
83}
84
85/* override table width restrictions */
86.wy-table-responsive table td, .wy-table-responsive table th {
87    white-space: nowrap; text-align:justify;
88    table-layout: fixed;
89}
90.wy-table-responsive table th {
91    background-color: #f0f0f0;
92}
93