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;
31 font-family: 'Open Sans', Verdana, sans-serif;
39 margin-bottom: 1.28rem;
44 font-family: 'Scope One', Georgia, serif;
50 /* Tweak default link colour to improve contrast for accessibility */
55 background-color: #fdfcf9;
59 background-color: #00836d;
60 border: 3px solid #00836d;
64 display: inline-block;
67 text-decoration: none;
68 font-family: 'Scope One', Georgia, serif;
71 transition: background-color 0.5s ease;
79 background-color: #e6eee0;
80 border: 3px solid #00836d;
82 text-decoration: none;
83 transition: background-color 0.5s ease;
85 button[disabled]:hover,
86 button[disabled]:active,
87 button[disabled]:focus,
89 .button[disabled]:hover,
90 .button[disabled]:active,
91 .button[disabled]:focus,
99 font-family: 'Scope One', Georgia, serif;
100 font-size: 1.424rem; /* +3 based on 1.125 modular scale (major second) */
103 margin: 0 0 1.07rem 0;
106 @media screen and (min-width: 60rem) { /* 960px */
113 font-family: 'Scope One', Georgia, serif;
114 font-size: 1.266rem; /* +2 based on 1.125 modular scale (major second) */
117 margin: 0 0 0.7rem 0;
120 @media screen and (min-width: 60rem) { /* 960px */
127 font-family: 'Scope One', Georgia, serif;
128 font-size: 1.125rem;/* +1 based on 1.125 modular scale (major second) */
131 margin: 0 0 0.96rem 0;
134 @media screen and (min-width: 60rem) { /* 960px */
141 font-family: 'Scope One', Georgia, serif;
145 margin: 0 0 1.28rem 0;
148 @media screen and (min-width: 60rem) { /* 960px */
155 font-family: 'Scope One', Georgia, serif;
156 font-size: 0.889rem; /* -1 based on 1.125 modular scale (major second) */
159 margin: 0 0 1.28rem 0;
162 @media screen and (min-width: 60rem) { /* 960px */
170 font-family: 'Scope One', Georgia, serif;
171 font-size: 0.79rem; /* -1 based on 1.125 modular scale (major second) */
174 margin: 0 0 1.28rem 0;
177 @media screen and (min-width: 60rem) { /* 960px */
190 border: 2px solid #767775;
196 padding: 0.8rem 0.4rem;
199 border: 3px solid #00836d;
204 border: 2px solid #767775;
206 padding: 0.8rem 0.4rem;
209 border: 3px solid #00836d;
223 margin-bottom: 1.28rem;
234 margin-bottom: 1.28rem;