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