3 * This is the base CSS file, for styling elements.
7 box-sizing: border-box;
13 margin-top: 0; /* This allows us to ensure that items side-by-side line up nicely. */
18 text-decoration: underline;
22 background-color: #e6eee0;
24 text-decoration: none;
30 font-family: 'Open Sans', Verdana, sans-serif;
38 margin-bottom: 1.28rem;
43 font-family: 'Scope One', Georgia, serif;
49 /* Tweak default link colour to improve contrast for accessibility */
54 background-color: #fdfcf9;
62 background-color: #00836d;
63 border: 3px solid #00836d;
67 display: inline-block;
70 text-decoration: none;
71 font-family: 'Scope One', Georgia, serif;
75 transition: background-color 0.5s ease;
83 background-color: #e6eee0;
84 border: 3px solid #00836d;
86 text-decoration: none;
87 transition: background-color 0.5s ease;
89 button[disabled]:hover,
90 button[disabled]:active,
91 button[disabled]:focus,
93 .button[disabled]:hover,
94 .button[disabled]:active,
95 .button[disabled]:focus,
103 font-family: 'Scope One', Georgia, serif;
104 font-size: 1.424rem; /* +3 based on 1.125 modular scale (major second) */
107 margin: 0 0 1.07rem 0;
110 @media screen and (min-width: 60rem) { /* 960px */
117 font-family: 'Scope One', Georgia, serif;
118 font-size: 1.266rem; /* +2 based on 1.125 modular scale (major second) */
121 margin: 0 0 0.7rem 0;
124 @media screen and (min-width: 60rem) { /* 960px */
131 font-family: 'Scope One', Georgia, serif;
132 font-size: 1.125rem;/* +1 based on 1.125 modular scale (major second) */
135 margin: 0 0 0.96rem 0;
138 @media screen and (min-width: 60rem) { /* 960px */
145 font-family: 'Scope One', Georgia, serif;
149 margin: 0 0 1.28rem 0;
152 @media screen and (min-width: 60rem) { /* 960px */
159 font-family: 'Scope One', Georgia, serif;
160 font-size: 0.889rem; /* -1 based on 1.125 modular scale (major second) */
163 margin: 0 0 1.28rem 0;
166 @media screen and (min-width: 60rem) { /* 960px */
174 font-family: 'Scope One', Georgia, serif;
175 font-size: 0.79rem; /* -1 based on 1.125 modular scale (major second) */
178 margin: 0 0 1.28rem 0;
181 @media screen and (min-width: 60rem) { /* 960px */
194 border: 2px solid #767775;
200 padding: 0.8rem 0.4rem;
203 border: 3px solid #00836d;
208 border: 2px solid #767775;
210 padding: 0.8rem 0.4rem;
213 border: 3px solid #00836d;
227 margin-bottom: 1.28rem;
238 margin-bottom: 1.28rem;