Issues:
1@media screen and (max-width: 963px) {
2
3 html {
-webkit-text-size-adjust: none;}
4
5
6 a[href^="tel"]{color:inherit; text-decoration:none;}
7
8
9 #boxPink .athCmsMainImageBox, #boxPurple .athCmsMainImageBox, #boxTeal .athCmsMainImageBox, #boxOrange .athCmsMainImageBox, #boxGreen .athCmsMainImageBox, #boxBlue .athCmsMainImageBox {height: 170px; max-height: 170px;}
10
11
12 #boxPurple #about1_image .athCmsMainImageBox, #boxPurple #about6_image .athCmsMainImageBox, #boxGreen #services1_image .athCmsMainImageBox, #boxOrange #learn1_image .athCmsMainImageBox, #boxOrange #support1_image .athCmsMainImageBox, #boxBlue #news1_image .athCmsMainImageBox {height: 200px; max-height: 200px;}
13
14
15 #boxGreen #services4_image .athCmsMainImageBox {height: 170px; max-height: 170px;}
16
17
18 .athCmsGalleryBox {float: none; width: 100%; height: auto; margin: 0 0 30px 0;}
19
20 .athCmsImageBox {height: auto; max-height: none; overflow: visible;}
21
22 .athCmsGalleryImage {width: 100%; height: auto; margin: 0;
-moz-transition: none;
-webkit-transition: none; transition: none; margin: 0;}
23
24 .athCmsImageBox:hover img {
-moz-transform: none;
-webkit-transform: none; transform: none;}
25
26
27 #gallery .athCmsGalleryBox {float: none; width: 100%; height: auto; margin: 0 0 30px 0;}
28
29 #gallery .athCmsImageBox {height: auto; max-height: none; overflow: visible;}
30
31 #gallery .athCmsGalleryImage {width: 100%; height: auto; margin: 0;
-moz-transition: none;
-webkit-transition: none; transition: none; margin: 0;}
32
33 #gallery .athCmsImageBox:hover img {
-moz-transform: none;
-webkit-transform: none; transform: none;}
34
35
36 #colWrap .athCmsGalleryBox {float: none; width: 100%; height: auto; margin: 0 0 30px 0;}
37
38 #colWrap .athCmsImageBox {height: auto; max-height: none; overflow: visible;}
39
40 #colWrap .athCmsGalleryImage {width: 100%; height: auto; margin: 0;
-moz-transition: none;
-webkit-transition: none; transition: none; margin: 0;}
41
42 #colWrap .athCmsImageBox:hover img {
-moz-transform: none;
-webkit-transform: none; transform: none;}
43
44
45 #campaign_blog .athCmsEntry {width: auto; padding: 30px;}
46
47 #campaign_blog .athCmsEntryDate {float: none; display: block; font-size: 24px; padding: 15px 0 15px 0;}
48
49 #campaign_blog .athCmsEntryTitle {float: none; width: auto; display: block; font-size: 24px; line-height: 26px; padding: 0 0 30px 0; border-left: none;}
50
51
52 #home #news_blog .athCmsEntry {width: auto; padding: 0 30px 50px 30px;}
53
54 #home #news_blog .athCmsEntryDate {padding: 30px 0 30px 0;}
55
56 #home #news_blog .athCmsEntryTitle {font-size: 24px; line-height: 26px; padding: 0 0 20px 0;}
57
58 #home #news_blog .athCmsBlogText {padding: 0 0 30px 0;}
59
60 #home #news_blog .athCmsMainImageBox .cmsImageSmall {margin: 0 0 30px 0;}
61
62
63 #home #events_blog .athCmsEntry {width: auto; padding: 0 0 30px 0;}
64
65 #home #events_blog .athCmsEntryTitle {font-size: 24px; line-height: 26px; padding: 0 0 20px 0;}
66
67 #home #events_blog .athCmsBlogText {font-size: inherit; padding: 0 0 30px 0;}
68
69 #home #events_blog .athCmsMainImageBox .cmsImageSmall {margin: 0 0 30px 0;}
70
71
72 #home #casestudy_blog .athCmsEntry {width: auto; padding: 0 0 30px 0;}
73
74 #home #casestudy_blog .athCmsEntryTitle {font-size: 24px; line-height: 26px; padding: 0 0 20px 0;}
75
76 #home #casestudy_blog .athCmsBlogText {font-size: inherit; padding: 0 0 30px 0;}
77
78 #home #casestudy_blog .athCmsMainImageBox .cmsImageSmall {margin: 0 0 30px 0;}
79
80
81 #news_blog .athCmsEntry, #events_blog .athCmsEntry {width: auto;}
82
83 #casestudy_blog .athCmsEntry {width: auto;}
84
85 #news_blog .athCmsEntryDate, #events_blog .athCmsEntryDate {width: 60%; font-size: 16px; line-height: 18px;}
86
87 #news_blog .athCmsEntryTitle, #events_blog .athCmsEntryTitle, #casestudy_blog .athCmsEntryTitle {width: 60%; height: auto; font-size: 24px; line-height: 26px;}
88
89
90 @media screen and (max-width: 963px) {
91 #news_blog .athCmsEntry, #events_blog .athCmsEntry {width: auto; background: url(../images/shapes_blue.jpg) center -900px no-repeat #006cb7;}
92
93 #casestudy_blog .athCmsEntry {width: auto;}
94
95 #news_blog .athCmsEntryDate, #events_blog .athCmsEntryDate {width: 100%;
font-size: 14px; line-height: 16px;}
96
97 #news_blog .athCmsEntryTitle, #events_blog .athCmsEntryTitle, #casestudy_blog .athCmsEntryTitle {width: 100%; font-size: 18px; line-height: 20px;}
98
99 #news_blog .athCmsMainImageBox, #events_blog .athCmsMainImageBox {float: none; width: 130px; height: 130px; max-height: 130px; margin: 20px 0 20px 0; top: 0;}
100
101 #casestudy_blog .athCmsMainImageBox {float: none; width: 130px; height: 130px; max-height: 130px; margin: 20px 0 20px 0; top: 0;}
102
103 }
104
105
106 #blended_blog .athCmsEntry {width: 100%; height: auto; margin: 0 0 30px 0;}
107
108 #join_blog .athCmsEntryDate, #study_blog .athCmsEntryDate, #blended_blog .athCmsEntryDate, #applications_blog .athCmsEntryDate {font-size: 16px; line-height: 18px;}
109
110 #join_blog .athCmsEntryTitle, #study_blog .athCmsEntryTitle, #blended_blog .athCmsEntryTitle, #applications_blog .athCmsEntryTitle {font-size: 20px; line-height: 22px;}
111
112
113 #campaign_blog a.athCmsReadMoreLink:link {float: none;}
114
115 #campaign_blog a.athCmsReadMoreLink:visited {float: none;}
116
117 #campaign_blog a.athCmsReadMoreLink:active {float: none;}
118
119 #campaign_blog a.athCmsReadMoreLink:hover {float: none;}
120
121
122 #home #news_blog a.athCmsReadMoreLink:link {margin: 0;}
123
124 #home #news_blog a.athCmsReadMoreLink:visited {margin: 0;}
125
126 #home #news_blog a.athCmsReadMoreLink:active {margin: 0;}
127
128 #home #news_blog a.athCmsReadMoreLink:hover {margin: 0;}
129
130
131 #news_blog a.athCmsReadMoreLink:link {display: block; padding: 10px 20px 10px 20px; border-radius: 25px;}
132
133 #news_blog a.athCmsReadMoreLink:visited {display: block; padding: 10px 20px 10px 20px; border-radius: 25px;}
134
135 #news_blog a.athCmsReadMoreLink:active {display: block; padding: 10px 20px 10px 20px; border-radius: 25px;}
136
137 #news_blog a.athCmsReadMoreLink:hover {display: block; padding: 10px 20px 10px 20px; border-radius: 25px;}
138
139
140 #events_blog a.athCmsReadMoreLink:link, #casestudy_blog a.athCmsReadMoreLink:link, #join_blog a.athCmsReadMoreLink:link, #study_blog a.athCmsReadMoreLink:link, #blended_blog a.athCmsReadMoreLink:link, #applications_blog a.athCmsReadMoreLink:link {display: block; padding: 10px 20px 10px 20px; border-radius: 25px;}
141
142 #events_blog a.athCmsReadMoreLink:visited, #casestudy_blog a.athCmsReadMoreLink:visited, #join_blog a.athCmsReadMoreLink:visited, #study_blog a.athCmsReadMoreLink:visited, #blended_blog a.athCmsReadMoreLink:visited, #applications_blog a.athCmsReadMoreLink:visited {display: block; padding: 10px 20px 10px 20px; border-radius: 25px;}
143
144 #events_blog a.athCmsReadMoreLink:active, #casestudy_blog a.athCmsReadMoreLink:active, #join_blog a.athCmsReadMoreLink:active, #study_blog a.athCmsReadMoreLink:active, #blended_blog a.athCmsReadMoreLink:active, #applications_blog a.athCmsReadMoreLink:active {display: block; padding: 10px 20px 10px 20px; border-radius: 25px;}
145
146 #events_blog a.athCmsReadMoreLink:hover, #casestudy_blog a.athCmsReadMoreLink:hover, #join_blog a.athCmsReadMoreLink:hover, #study_blog a.athCmsReadMoreLink:hover, #blended_blog a.athCmsReadMoreLink:hover, #applications_blog a.athCmsReadMoreLink:hover {display: block; padding: 10px 20px 10px 20px; border-radius: 25px;}
147
148
149 #feature_blog .athCmsEntry {width: 80%; margin: 30px 10% 30px 10%;}
150
151 #feature_blog .athCmsEntryTitle {float: none; width: auto;}
152
153 #feature_blog .athCmsBlogText {float: left; width: auto; padding: 0;}
154
155 #feature_blog .athCmsMainImageBox {float: none; width: 100%; margin: 0 0 20px 0;}
156
157 #feature_blog .athCmsMainImageBox .cmsImage {width: 100%; max-width: none;}
158
159
160 #governance_blog .athCmsEntry {float: none; width: 100%; margin: 20px 0 0 0;}
161
162 #governance_blog .athCmsMainImageBox {float: none; width: 100%; height: auto; max-height: none; overflow: visible; margin: 0;}
163
164 #governance_blog .athCmsMainImageBox .cmsImage {width: 100%; margin: 0 0 20px 0;}
165
166
167 #partners_blog .athCmsEntry {width: 100%; background: url(../images/shapes_teal.jpg) center bottom no-repeat #48267D; background-size: 100%; margin: 0 0 20px 0;}
168
169 #partners_blog .athCmsMainImageBox {width: 100%; height: auto; max-height: none;}
170
171 #partners_blog .athCmsMainImageBox .cmsImage {width: 100%;}
172
173
174 #virtual_blog .athCmsEntry {float: none; width: 100%; margin: 0 0 30px 0;}
175
176
177 #multiBlogInfo .athCmsEntryDate {font-size: 16px; line-height: 18px;}
178
179 #multiBlogInfo .athCmsEntryTitle {font-size: 24px; line-height: 26px;}
180
181 #multiBlogInfo .athCmsMainImageBox {float: none; width: 100%; margin: 0;}
182
183 #multiBlogInfo .athCmsMainImageBox .cmsImage {margin: 0 0 20px 0;}
184
185
186 #multiBlogDetails #athCmsImagesDiv {float: none;}
187
188 #multiBlogDetails .athCmsImageBox {float: none; width: 100%; height: auto; max-height: auto; overflow: visible; margin: 0;}
189
190 #multiBlogDetails .cmsImage {width: 100%; height: auto; margin: 0;
-moz-transition: none;
-webkit-transition: none; transition: none; margin: 30px 0 0 0;}
191
192 #multiBlogDetails .athCmsImageBox:hover img {
-moz-transform: none;
-webkit-transform: none; transform: none;}
193
194
195 .athCmsMainVideoBox, .athCmsVideoBox {padding: 30px 0 0 0;}
196
197
198 #athCmsFilesDiv {float: none;}
199
200
201 #headerOrangeMap iframe, #headerPinkMap iframe {width: 100% !important; height: 250px !important;}
202
203
204 a.cmsDocument:link {width: auto; padding: 11px 15px 11px 62px;}
205
206 a.cmsDocument:visited {width: auto; padding: 11px 15px 11px 62px;}
207
208 a.cmsDocument:active {width: auto; padding: 11px 15px 11px 62px;}
209
210 a.cmsDocument:hover {width: auto; padding: 11px 15px 11px 62px;}
211
212
213 .form-control .datepicker, .form-control.datepicker {width: 85% !important;}
214
215
216 hr {width: 100%;}
217
218
219 h1 {font-size: 24px; line-height: 26px;}
220
221
222 #home #parallax {width: 100%; height: auto; background: url(../images/parallax_home.jpg) center top scroll no-repeat; background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;}
223
224 #wrapperFooter {text-align: center; padding: 0 30px 30px 30px;}
225
226
227 #headerPurple {background: url(../images/shapes_purple.jpg) left bottom no-repeat #48267D; background-size: 110px; padding: 0 0 0 10%;}
228
229 #headerPink {background: url(../images/shapes_pink.jpg) left bottom no-repeat #E6007E; background-size: 110px; padding: 0 0 0 10%;}
230
231 #headerPinkMap {height: 250px; background: url(../images/shapes_pink.jpg) left bottom no-repeat #E6007E; background-size: 110px; padding: 0 0 0 10%;}
232
233 #headerTeal {background: url(../images/shapes_teal.jpg) left bottom no-repeat #05b1bf; background-size: 110px; padding: 0 0 0 10%;}
234
235 #headerOrange {background: url(../images/shapes_orange.jpg) left bottom no-repeat #fdb336; background-size: 110px; padding: 0 0 0 10%;}
236
237 #headerOrangeMap {height: 250px; background: url(../images/shapes_orange.jpg) left bottom no-repeat #fdb336; background-size: 110px; padding: 0 0 0 10%;}
238
239 #headerGreen {background: url(../images/shapes_green.jpg) left bottom no-repeat #80bc42; background-size: 110px; padding: 0 0 0 10%;}
240
241 #headerBlue {background: url(../images/shapes_blue.jpg) left bottom no-repeat #006cb7; background-size: 110px; padding: 0 0 0 10%;}
242
243
244 #colNews {text-align: left !important; padding: 30px !important;}
245
246
247 #home #parallaxText {font-size: 24px; line-height: 26px; padding: 20% 30px 15% 30px;}
248
249 #parallaxText {font-size: 24px; line-height: 26px; padding: 10% 30px 10% 30px;}
250
251
252 #footerLogos {text-align: center !important;}
253
254 #footerLogos img {margin: 20px 0 0 0;}
255
256
257 img.twitter, img.facebook, img.linkedin, img.instagram {margin: 10px 3px 15px 3px;}
258
259
260 #logo {padding: 30px 30px 0 30px; max-width: none !important;}
261
262
263 #navMenu {float: right; text-align: center; padding: 0 !important; margin: 0 !important; max-width: none !important; position: relative; z-index: 3000;}
264
265
266 #nav {width: 100%; height: auto; background: #E6007E; margin: 0; clear: both;}
267
268 #nav ul {text-align: center;}
269
270 #nav li {display: block;}
271
272 #nav li a:link {color: #FFFFFF; display: block; background-image: none; background: #E6007E; padding: 10px 0 10px 0; margin: 0; border: none; text-decoration: none;}
273
274 #nav li a:visited {color: #FFFFFF; display: block; background-image: none; background: #E6007E; padding: 10px 0 10px 0; margin: 0; border: none; text-decoration: none;}
275
276 #nav li a:active {color: #FFFFFF; display: block; background-image: none; background: #E6007E; padding: 10px 0 10px 0; margin: 0; border: none; text-decoration: none;}
277
278 #nav li a:hover {color: #FFFFFF; display: block; background-image: none; background: #48267D; padding: 10px 0 10px 0; margin: 0; border: none; text-decoration: none;}
279
280 body#home a#navhome, body#about a#navabout, body#services a#navservices, body#learn a#navlearn, body#employers a#navemployers, body#news a#navnews, body#virtual a#navvirtual {height: auto; color: #FFFFFF; display: block; background-image: none; background: #48267D; padding: 10px 0 10px 0; margin: 0; border: none; text-decoration: none;}
281
282
283 #nav li a.end:link {color: #FFFFFF; display: block; background-image: none; background: #E6007E; padding: 10px 0 10px 0; margin: 0; border: none; text-decoration: none;}
284
285 #nav li a.end:visited {color: #FFFFFF; display: block; background-image: none; background: #E6007E; padding: 10px 0 10px 0; margin: 0; border: none; text-decoration: none;}
286
287 #nav li a.end:active {color: #FFFFFF; display: block; background-image: none; background: #E6007E; padding: 10px 0 10px 0; margin: 0; border: none; text-decoration: none;}
288
289 #nav li a.end:hover {color: #FFFFFF; display: block; background-image: none; background: #48267D; padding: 10px 0 10px 0; margin: 0; border: none; text-decoration: none;}
290
291 body#contact a#navcontact {height: auto; color: #FFFFFF; display: block; background-image: none; background: #48267D; padding: 10px 0 10px 0; margin: 0; border: none; text-decoration: none;}
292
293
294 #nav .subNav {float: none; position: relative; top: 0; left: 0; text-align: center; background: none; width: auto !important; display: block; padding: 0 !important;}
295
296 #nav .subNav li {float: none; display: block; height: auto; width: auto; text-align: center;}
297
298 #nav .subNav li a {height: auto; float: none; width: auto; color: #333333; background: #FFFFFF; padding: 0;}
299
300 #nav .subNav li a:hover {color: #FFFFFF; background: #48267D;}
301
302
303 .nav-toggle {float: right;
webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none; user-select: none; width: 70px; height: 46px; text-indent: -9999px; overflow: hidden; background: url(../images/menu.gif) 50% 47% no-repeat #48267D; position: relative; display: block; z-index: 3000;}
304
305
306 #title {padding: 50px 50px 15px 50px;}
307
308 #back {text-align: left; padding: 0 50px 15px 50px;}
309
310 #back2 {text-align: left; padding: 15px 15px 0 15px;}
311
312 #colWrap {flex: none; padding: 0 50px 15px 50px;}
313
314
315 #noFlex {display: block !important;}
316
317}
318
319
320img {max-width: 100%; height: auto; width:
auto\9; /* ie8 */}