From a0a73270b543dc1c97421b7b002d92fc6c316021 Mon Sep 17 00:00:00 2001 From: Anthony Talarico Date: Wed, 8 Jun 2016 15:14:41 -0400 Subject: [PATCH] adding styles to glm events pages --- css/app.css | 793 +++++++++++++++++++++--- footer.php | 3 + scss/_plugins.scss | 1 + scss/plugins/_glm-member-db-events.scss | 137 ++++ 4 files changed, 838 insertions(+), 96 deletions(-) create mode 100644 scss/plugins/_glm-member-db-events.scss diff --git a/css/app.css b/css/app.css index 114b7c3..4e72025 100644 --- a/css/app.css +++ b/css/app.css @@ -159,171 +159,226 @@ select { position: relative; left: 0; right: auto; } + .small-pull-0 { position: relative; right: 0; left: auto; } + .small-push-1 { position: relative; left: 8.3333333333%; right: auto; } + .small-pull-1 { position: relative; right: 8.3333333333%; left: auto; } + .small-push-2 { position: relative; left: 16.6666666667%; right: auto; } + .small-pull-2 { position: relative; right: 16.6666666667%; left: auto; } + .small-push-3 { position: relative; left: 25%; right: auto; } + .small-pull-3 { position: relative; right: 25%; left: auto; } + .small-push-4 { position: relative; left: 33.3333333333%; right: auto; } + .small-pull-4 { position: relative; right: 33.3333333333%; left: auto; } + .small-push-5 { position: relative; left: 41.6666666667%; right: auto; } + .small-pull-5 { position: relative; right: 41.6666666667%; left: auto; } + .small-push-6 { position: relative; left: 50%; right: auto; } + .small-pull-6 { position: relative; right: 50%; left: auto; } + .small-push-7 { position: relative; left: 58.3333333333%; right: auto; } + .small-pull-7 { position: relative; right: 58.3333333333%; left: auto; } + .small-push-8 { position: relative; left: 66.6666666667%; right: auto; } + .small-pull-8 { position: relative; right: 66.6666666667%; left: auto; } + .small-push-9 { position: relative; left: 75%; right: auto; } + .small-pull-9 { position: relative; right: 75%; left: auto; } + .small-push-10 { position: relative; left: 83.3333333333%; right: auto; } + .small-pull-10 { position: relative; right: 83.3333333333%; left: auto; } + .small-push-11 { position: relative; left: 91.6666666667%; right: auto; } + .small-pull-11 { position: relative; right: 91.6666666667%; left: auto; } + .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } + .small-1 { width: 8.3333333333%; } + .small-2 { width: 16.6666666667%; } + .small-3 { width: 25%; } + .small-4 { width: 33.3333333333%; } + .small-5 { width: 41.6666666667%; } + .small-6 { width: 50%; } + .small-7 { width: 58.3333333333%; } + .small-8 { width: 66.6666666667%; } + .small-9 { width: 75%; } + .small-10 { width: 83.3333333333%; } + .small-11 { width: 91.6666666667%; } + .small-12 { width: 100%; } + .small-offset-0 { margin-left: 0 !important; } + .small-offset-1 { margin-left: 8.3333333333% !important; } + .small-offset-2 { margin-left: 16.6666666667% !important; } + .small-offset-3 { margin-left: 25% !important; } + .small-offset-4 { margin-left: 33.3333333333% !important; } + .small-offset-5 { margin-left: 41.6666666667% !important; } + .small-offset-6 { margin-left: 50% !important; } + .small-offset-7 { margin-left: 58.3333333333% !important; } + .small-offset-8 { margin-left: 66.6666666667% !important; } + .small-offset-9 { margin-left: 75% !important; } + .small-offset-10 { margin-left: 83.3333333333% !important; } + .small-offset-11 { margin-left: 91.6666666667% !important; } + .small-reset-order { float: left; left: auto; margin-left: 0; margin-right: 0; right: auto; } + .column.small-centered, .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } + .column.small-uncentered, .columns.small-uncentered { float: left; margin-left: 0; margin-right: 0; } + .column.small-centered:last-child, .columns.small-centered:last-child { float: none; } + .column.small-uncentered:last-child, .columns.small-uncentered:last-child { float: left; } + .column.small-uncentered.opposite, .columns.small-uncentered.opposite { float: right; } + .row.small-collapse > .column, .row.small-collapse > .columns { padding-left: 0; padding-right: 0; } @@ -333,178 +388,234 @@ select { .row.small-uncollapse > .column, .row.small-uncollapse > .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; - float: left; } } + float: left; } + } @media only screen and (min-width:40em) { .medium-push-0 { position: relative; left: 0; right: auto; } + .medium-pull-0 { position: relative; right: 0; left: auto; } + .medium-push-1 { position: relative; left: 8.3333333333%; right: auto; } + .medium-pull-1 { position: relative; right: 8.3333333333%; left: auto; } + .medium-push-2 { position: relative; left: 16.6666666667%; right: auto; } + .medium-pull-2 { position: relative; right: 16.6666666667%; left: auto; } + .medium-push-3 { position: relative; left: 25%; right: auto; } + .medium-pull-3 { position: relative; right: 25%; left: auto; } + .medium-push-4 { position: relative; left: 33.3333333333%; right: auto; } + .medium-pull-4 { position: relative; right: 33.3333333333%; left: auto; } + .medium-push-5 { position: relative; left: 41.6666666667%; right: auto; } + .medium-pull-5 { position: relative; right: 41.6666666667%; left: auto; } + .medium-push-6 { position: relative; left: 50%; right: auto; } + .medium-pull-6 { position: relative; right: 50%; left: auto; } + .medium-push-7 { position: relative; left: 58.3333333333%; right: auto; } + .medium-pull-7 { position: relative; right: 58.3333333333%; left: auto; } + .medium-push-8 { position: relative; left: 66.6666666667%; right: auto; } + .medium-pull-8 { position: relative; right: 66.6666666667%; left: auto; } + .medium-push-9 { position: relative; left: 75%; right: auto; } + .medium-pull-9 { position: relative; right: 75%; left: auto; } + .medium-push-10 { position: relative; left: 83.3333333333%; right: auto; } + .medium-pull-10 { position: relative; right: 83.3333333333%; left: auto; } + .medium-push-11 { position: relative; left: 91.6666666667%; right: auto; } + .medium-pull-11 { position: relative; right: 91.6666666667%; left: auto; } + .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } + .medium-1 { width: 8.3333333333%; } + .medium-2 { width: 16.6666666667%; } + .medium-3 { width: 25%; } + .medium-4 { width: 33.3333333333%; } + .medium-5 { width: 41.6666666667%; } + .medium-6 { width: 50%; } + .medium-7 { width: 58.3333333333%; } + .medium-8 { width: 66.6666666667%; } + .medium-9 { width: 75%; } + .medium-10 { width: 83.3333333333%; } + .medium-11 { width: 91.6666666667%; } + .medium-12 { width: 100%; } + .medium-offset-0 { margin-left: 0 !important; } + .medium-offset-1 { margin-left: 8.3333333333% !important; } + .medium-offset-2 { margin-left: 16.6666666667% !important; } + .medium-offset-3 { margin-left: 25% !important; } + .medium-offset-4 { margin-left: 33.3333333333% !important; } + .medium-offset-5 { margin-left: 41.6666666667% !important; } + .medium-offset-6 { margin-left: 50% !important; } + .medium-offset-7 { margin-left: 58.3333333333% !important; } + .medium-offset-8 { margin-left: 66.6666666667% !important; } + .medium-offset-9 { margin-left: 75% !important; } + .medium-offset-10 { margin-left: 83.3333333333% !important; } + .medium-offset-11 { margin-left: 91.6666666667% !important; } + .medium-reset-order { float: left; left: auto; margin-left: 0; margin-right: 0; right: auto; } + .column.medium-centered, .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } + .column.medium-uncentered, .columns.medium-uncentered { float: left; margin-left: 0; margin-right: 0; } + .column.medium-centered:last-child, .columns.medium-centered:last-child { float: none; } + .column.medium-uncentered:last-child, .columns.medium-uncentered:last-child { float: left; } + .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite { float: right; } + .row.medium-collapse > .column, .row.medium-collapse > .columns { padding-left: 0; padding-right: 0; } @@ -515,273 +626,353 @@ select { padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } + .push-0 { position: relative; left: 0; right: auto; } + .pull-0 { position: relative; right: 0; left: auto; } + .push-1 { position: relative; left: 8.3333333333%; right: auto; } + .pull-1 { position: relative; right: 8.3333333333%; left: auto; } + .push-2 { position: relative; left: 16.6666666667%; right: auto; } + .pull-2 { position: relative; right: 16.6666666667%; left: auto; } + .push-3 { position: relative; left: 25%; right: auto; } + .pull-3 { position: relative; right: 25%; left: auto; } + .push-4 { position: relative; left: 33.3333333333%; right: auto; } + .pull-4 { position: relative; right: 33.3333333333%; left: auto; } + .push-5 { position: relative; left: 41.6666666667%; right: auto; } + .pull-5 { position: relative; right: 41.6666666667%; left: auto; } + .push-6 { position: relative; left: 50%; right: auto; } + .pull-6 { position: relative; right: 50%; left: auto; } + .push-7 { position: relative; left: 58.3333333333%; right: auto; } + .pull-7 { position: relative; right: 58.3333333333%; left: auto; } + .push-8 { position: relative; left: 66.6666666667%; right: auto; } + .pull-8 { position: relative; right: 66.6666666667%; left: auto; } + .push-9 { position: relative; left: 75%; right: auto; } + .pull-9 { position: relative; right: 75%; left: auto; } + .push-10 { position: relative; left: 83.3333333333%; right: auto; } + .pull-10 { position: relative; right: 83.3333333333%; left: auto; } + .push-11 { position: relative; left: 91.6666666667%; right: auto; } + .pull-11 { position: relative; right: 91.6666666667%; - left: auto; } } + left: auto; } + } @media only screen and (min-width:64.063em) { .large-push-0 { position: relative; left: 0; right: auto; } + .large-pull-0 { position: relative; right: 0; left: auto; } + .large-push-1 { position: relative; left: 8.3333333333%; right: auto; } + .large-pull-1 { position: relative; right: 8.3333333333%; left: auto; } + .large-push-2 { position: relative; left: 16.6666666667%; right: auto; } + .large-pull-2 { position: relative; right: 16.6666666667%; left: auto; } + .large-push-3 { position: relative; left: 25%; right: auto; } + .large-pull-3 { position: relative; right: 25%; left: auto; } + .large-push-4 { position: relative; left: 33.3333333333%; right: auto; } + .large-pull-4 { position: relative; right: 33.3333333333%; left: auto; } + .large-push-5 { position: relative; left: 41.6666666667%; right: auto; } + .large-pull-5 { position: relative; right: 41.6666666667%; left: auto; } + .large-push-6 { position: relative; left: 50%; right: auto; } + .large-pull-6 { position: relative; right: 50%; left: auto; } + .large-push-7 { position: relative; left: 58.3333333333%; right: auto; } + .large-pull-7 { position: relative; right: 58.3333333333%; left: auto; } + .large-push-8 { position: relative; left: 66.6666666667%; right: auto; } + .large-pull-8 { position: relative; right: 66.6666666667%; left: auto; } + .large-push-9 { position: relative; left: 75%; right: auto; } + .large-pull-9 { position: relative; right: 75%; left: auto; } + .large-push-10 { position: relative; left: 83.3333333333%; right: auto; } + .large-pull-10 { position: relative; right: 83.3333333333%; left: auto; } + .large-push-11 { position: relative; left: 91.6666666667%; right: auto; } + .large-pull-11 { position: relative; right: 91.6666666667%; left: auto; } + .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } + .large-1 { width: 8.3333333333%; } + .large-2 { width: 16.6666666667%; } + .large-3 { width: 25%; } + .large-4 { width: 33.3333333333%; } + .large-5 { width: 41.6666666667%; } + .large-6 { width: 50%; } + .large-7 { width: 58.3333333333%; } + .large-8 { width: 66.6666666667%; } + .large-9 { width: 75%; } + .large-10 { width: 83.3333333333%; } + .large-11 { width: 91.6666666667%; } + .large-12 { width: 100%; } + .large-offset-0 { margin-left: 0 !important; } + .large-offset-1 { margin-left: 8.3333333333% !important; } + .large-offset-2 { margin-left: 16.6666666667% !important; } + .large-offset-3 { margin-left: 25% !important; } + .large-offset-4 { margin-left: 33.3333333333% !important; } + .large-offset-5 { margin-left: 41.6666666667% !important; } + .large-offset-6 { margin-left: 50% !important; } + .large-offset-7 { margin-left: 58.3333333333% !important; } + .large-offset-8 { margin-left: 66.6666666667% !important; } + .large-offset-9 { margin-left: 75% !important; } + .large-offset-10 { margin-left: 83.3333333333% !important; } + .large-offset-11 { margin-left: 91.6666666667% !important; } + .large-reset-order { float: left; left: auto; margin-left: 0; margin-right: 0; right: auto; } + .column.large-centered, .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } + .column.large-uncentered, .columns.large-uncentered { float: left; margin-left: 0; margin-right: 0; } + .column.large-centered:last-child, .columns.large-centered:last-child { float: none; } + .column.large-uncentered:last-child, .columns.large-uncentered:last-child { float: left; } + .column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: right; } + .row.large-collapse > .column, .row.large-collapse > .columns { padding-left: 0; padding-right: 0; } @@ -792,102 +983,127 @@ select { padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } + .push-0 { position: relative; left: 0; right: auto; } + .pull-0 { position: relative; right: 0; left: auto; } + .push-1 { position: relative; left: 8.3333333333%; right: auto; } + .pull-1 { position: relative; right: 8.3333333333%; left: auto; } + .push-2 { position: relative; left: 16.6666666667%; right: auto; } + .pull-2 { position: relative; right: 16.6666666667%; left: auto; } + .push-3 { position: relative; left: 25%; right: auto; } + .pull-3 { position: relative; right: 25%; left: auto; } + .push-4 { position: relative; left: 33.3333333333%; right: auto; } + .pull-4 { position: relative; right: 33.3333333333%; left: auto; } + .push-5 { position: relative; left: 41.6666666667%; right: auto; } + .pull-5 { position: relative; right: 41.6666666667%; left: auto; } + .push-6 { position: relative; left: 50%; right: auto; } + .pull-6 { position: relative; right: 50%; left: auto; } + .push-7 { position: relative; left: 58.3333333333%; right: auto; } + .pull-7 { position: relative; right: 58.3333333333%; left: auto; } + .push-8 { position: relative; left: 66.6666666667%; right: auto; } + .pull-8 { position: relative; right: 66.6666666667%; left: auto; } + .push-9 { position: relative; left: 75%; right: auto; } + .pull-9 { position: relative; right: 75%; left: auto; } + .push-10 { position: relative; left: 83.3333333333%; right: auto; } + .pull-10 { position: relative; right: 83.3333333333%; left: auto; } + .push-11 { position: relative; left: 91.6666666667%; right: auto; } + .pull-11 { position: relative; right: 91.6666666667%; - left: auto; } } + left: auto; } + } .accordion { margin-bottom: 0; @@ -937,7 +1153,7 @@ select { background: inherit; color: #333333; font-size: 1.375rem; - line-height: .9; + line-height: 0.9; margin-top: -0.6875rem; opacity: 0.3; padding: 0 6px 4px; @@ -995,6 +1211,7 @@ select { clear: none; } .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } + .small-block-grid-2 > li { list-style: none; width: 50%; } @@ -1002,6 +1219,7 @@ select { clear: none; } .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } + .small-block-grid-3 > li { list-style: none; width: 33.3333333333%; } @@ -1009,6 +1227,7 @@ select { clear: none; } .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } + .small-block-grid-4 > li { list-style: none; width: 25%; } @@ -1016,6 +1235,7 @@ select { clear: none; } .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } + .small-block-grid-5 > li { list-style: none; width: 20%; } @@ -1023,6 +1243,7 @@ select { clear: none; } .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } + .small-block-grid-6 > li { list-style: none; width: 16.6666666667%; } @@ -1030,6 +1251,7 @@ select { clear: none; } .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } + .small-block-grid-7 > li { list-style: none; width: 14.2857142857%; } @@ -1037,6 +1259,7 @@ select { clear: none; } .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } + .small-block-grid-8 > li { list-style: none; width: 12.5%; } @@ -1044,6 +1267,7 @@ select { clear: none; } .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } + .small-block-grid-9 > li { list-style: none; width: 11.1111111111%; } @@ -1051,6 +1275,7 @@ select { clear: none; } .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } + .small-block-grid-10 > li { list-style: none; width: 10%; } @@ -1058,6 +1283,7 @@ select { clear: none; } .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } + .small-block-grid-11 > li { list-style: none; width: 9.0909090909%; } @@ -1065,13 +1291,15 @@ select { clear: none; } .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } + .small-block-grid-12 > li { list-style: none; width: 8.3333333333%; } .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } .small-block-grid-12 > li:nth-of-type(12n+1) { - clear: both; } } + clear: both; } + } @media only screen and (min-width:40em) { .medium-block-grid-1 > li { @@ -1081,6 +1309,7 @@ select { clear: none; } .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } + .medium-block-grid-2 > li { list-style: none; width: 50%; } @@ -1088,6 +1317,7 @@ select { clear: none; } .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } + .medium-block-grid-3 > li { list-style: none; width: 33.3333333333%; } @@ -1095,6 +1325,7 @@ select { clear: none; } .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } + .medium-block-grid-4 > li { list-style: none; width: 25%; } @@ -1102,6 +1333,7 @@ select { clear: none; } .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } + .medium-block-grid-5 > li { list-style: none; width: 20%; } @@ -1109,6 +1341,7 @@ select { clear: none; } .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } + .medium-block-grid-6 > li { list-style: none; width: 16.6666666667%; } @@ -1116,6 +1349,7 @@ select { clear: none; } .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } + .medium-block-grid-7 > li { list-style: none; width: 14.2857142857%; } @@ -1123,6 +1357,7 @@ select { clear: none; } .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } + .medium-block-grid-8 > li { list-style: none; width: 12.5%; } @@ -1130,6 +1365,7 @@ select { clear: none; } .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } + .medium-block-grid-9 > li { list-style: none; width: 11.1111111111%; } @@ -1137,6 +1373,7 @@ select { clear: none; } .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } + .medium-block-grid-10 > li { list-style: none; width: 10%; } @@ -1144,6 +1381,7 @@ select { clear: none; } .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } + .medium-block-grid-11 > li { list-style: none; width: 9.0909090909%; } @@ -1151,13 +1389,15 @@ select { clear: none; } .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } + .medium-block-grid-12 > li { list-style: none; width: 8.3333333333%; } .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-12 > li:nth-of-type(12n+1) { - clear: both; } } + clear: both; } + } @media only screen and (min-width:64.063em) { .large-block-grid-1 > li { @@ -1167,6 +1407,7 @@ select { clear: none; } .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } + .large-block-grid-2 > li { list-style: none; width: 50%; } @@ -1174,6 +1415,7 @@ select { clear: none; } .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } + .large-block-grid-3 > li { list-style: none; width: 33.3333333333%; } @@ -1181,6 +1423,7 @@ select { clear: none; } .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } + .large-block-grid-4 > li { list-style: none; width: 25%; } @@ -1188,6 +1431,7 @@ select { clear: none; } .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } + .large-block-grid-5 > li { list-style: none; width: 20%; } @@ -1195,6 +1439,7 @@ select { clear: none; } .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } + .large-block-grid-6 > li { list-style: none; width: 16.6666666667%; } @@ -1202,6 +1447,7 @@ select { clear: none; } .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } + .large-block-grid-7 > li { list-style: none; width: 14.2857142857%; } @@ -1209,6 +1455,7 @@ select { clear: none; } .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } + .large-block-grid-8 > li { list-style: none; width: 12.5%; } @@ -1216,6 +1463,7 @@ select { clear: none; } .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } + .large-block-grid-9 > li { list-style: none; width: 11.1111111111%; } @@ -1223,6 +1471,7 @@ select { clear: none; } .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } + .large-block-grid-10 > li { list-style: none; width: 10%; } @@ -1230,6 +1479,7 @@ select { clear: none; } .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } + .large-block-grid-11 > li { list-style: none; width: 9.0909090909%; } @@ -1237,13 +1487,15 @@ select { clear: none; } .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } + .large-block-grid-12 > li { list-style: none; width: 8.3333333333%; } .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } .large-block-grid-12 > li:nth-of-type(12n+1) { - clear: both; } } + clear: both; } + } .breadcrumbs { border-style: solid; @@ -1281,7 +1533,7 @@ select { color: #999999; } .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus, .breadcrumbs > *.unavailable a:focus { color: #999999; - cursor: false; + cursor: not-allowed; text-decoration: none; } .breadcrumbs > *:before { color: #1479b0; @@ -1474,7 +1726,8 @@ button::-moz-focus-inner { @media only screen and (min-width:40em) { button, .button { - display: inline-block; } } + display: inline-block; } + } .button-group { list-style: none; @@ -1869,7 +2122,7 @@ button::-moz-focus-inner { .clearing-touch-label { color: #AAAAAA; - font-size: .6em; + font-size: 0.6em; left: 50%; position: absolute; top: 50%; } @@ -1937,20 +2190,24 @@ button::-moz-focus-inner { top: 50%; width: 0; } .clearing-main-prev > span:hover, .clearing-main-next > span:hover { - opacity: .8; } + opacity: 0.8; } + .clearing-main-prev { left: 0; } .clearing-main-prev > span { left: 5px; border-color: transparent; border-right-color: #CCCCCC; } + .clearing-main-next { right: 0; } .clearing-main-next > span { border-color: transparent; border-left-color: #CCCCCC; } + .clearing-main-prev.disabled, .clearing-main-next.disabled { - opacity: .3; } + opacity: 0.3; } + .clearing-assembled .clearing-container .carousel { background: rgba(51, 51, 51, 0.8); height: 120px; @@ -1969,7 +2226,7 @@ button::-moz-focus-inner { float: left; margin-right: 0; min-height: inherit; - opacity: .4; + opacity: 0.4; overflow: hidden; padding: 0; position: relative; @@ -1987,17 +2244,19 @@ button::-moz-focus-inner { .clearing-assembled .clearing-container .carousel > ul li.visible { opacity: 1; } .clearing-assembled .clearing-container .carousel > ul li:hover { - opacity: .8; } + opacity: 0.8; } .clearing-assembled .clearing-container .visible-img { background: #333333; height: 85%; overflow: hidden; } + .clearing-close { padding-left: 0; padding-top: 0; position: absolute; top: 10px; - right: 20px; } } + right: 20px; } + } /* Foundation Dropdowns */ .f-dropdown { @@ -2671,7 +2930,7 @@ label.error { display: block; margin: 0 auto; } .icon-bar > * i + label, .icon-bar > * img + label { - margin-top: .0625rem; } + margin-top: 0.0625rem; } .icon-bar > * i { font-size: 1.875rem; vertical-align: middle; } @@ -2680,7 +2939,7 @@ label.error { width: 1.875rem; } .icon-bar.label-right > * i, .icon-bar.label-right > * img { display: inline-block; - margin: 0 .0625rem 0 0; } + margin: 0 0.0625rem 0 0; } .icon-bar.label-right > * i + label, .icon-bar.label-right > * img + label { margin-top: 0; } .icon-bar.label-right > * label { @@ -2714,7 +2973,7 @@ label.error { font-size: 1rem; padding: 1.25rem; } .icon-bar > * i + label, .icon-bar > * img + label { - margin-top: .0625rem; + margin-top: 0.0625rem; font-size: 1rem; } .icon-bar > * i { font-size: 1.875rem; } @@ -2738,12 +2997,12 @@ label.error { .icon-bar > a.active i { color: #FFFFFF; } .icon-bar .item.disabled { - cursor: false; + cursor: not-allowed; opacity: 0.7; pointer-events: none; } .icon-bar .item.disabled > * { opacity: 0.7; - cursor: false; } + cursor: not-allowed; } .icon-bar.two-up .item { width: 50%; } .icon-bar.two-up.vertical .item, .icon-bar.two-up.small-vertical .item { @@ -2989,7 +3248,7 @@ label.error { color: #777777 !important; font-size: 24px; font-weight: normal; - line-height: .5 !important; + line-height: 0.5 !important; position: absolute; text-decoration: none; top: 10px; @@ -3049,7 +3308,8 @@ label.error { border-top-color: transparent !important; left: -20px; right: auto; - top: 22px; } } + top: 22px; } + } .keystroke, kbd { background-color: #ededed; @@ -3201,7 +3461,7 @@ label.error { width: 100%; } .orbit-container .orbit-slide-number { left: 10px; - background: transparent; + background: rgba(0, 0, 0, 0); color: #FFFFFF; font-size: 12px; position: absolute; @@ -3322,23 +3582,28 @@ label.error { .touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next { display: inherit; } .touch .orbit-bullets { - display: block; } } + display: block; } + } @media only screen and (max-width: 40em) { .orbit-stack-on-small .orbit-slides-container { height: auto !important; } .orbit-stack-on-small .orbit-slides-container > * { - margin: 0 !important; + margin: 0 !important; opacity: 1 !important; position: relative; } .orbit-stack-on-small .orbit-slide-number { display: none; } + .orbit-timer { display: none; } + .orbit-next, .orbit-prev { display: none; } + .orbit-bullets { - display: none; } } + display: none; } + } ul.pagination { display: block; @@ -3584,7 +3849,7 @@ ul.pagination { background: #007ba4; } .range-slider.disabled, .range-slider[disabled] { background: #FAFAFA; - cursor: false; + cursor: not-allowed; opacity: 0.7; } .range-slider.disabled .range-slider-handle, .range-slider[disabled] .range-slider-handle { background: #008CBA; @@ -3928,9 +4193,9 @@ ul.pagination { content: ""; display: block; height: 1.5rem; - left: .25rem; + left: 0.25rem; position: absolute; - top: .25rem; + top: 0.25rem; width: 1.5rem; -webkit-transition: left 0.15s ease-out; -moz-transition: left 0.15s ease-out; @@ -4101,12 +4366,14 @@ table { margin-bottom: 1.25rem !important; max-width: 20%; width: 20%; } + .tabs-content.vertical { float: left; margin-left: -1px; max-width: 80%; padding-left: 1rem; - width: 80%; } } + width: 80%; } + } .no-js .tabs-content > .content { display: block; @@ -4200,7 +4467,8 @@ table { left: -10px; margin-top: -5px; right: auto; - top: 50%; } } + top: 50%; } + } meta.foundation-mq-topbar { font-family: "/only screen and (min-width:40em)/"; @@ -4249,13 +4517,13 @@ meta.foundation-mq-topbar { .top-bar input, .top-bar select { font-size: 0.75rem; height: 1.75rem; - padding-bottom: .35rem; - padding-top: .35rem; } + padding-bottom: 0.35rem; + padding-top: 0.35rem; } .top-bar .button, .top-bar button { font-size: 0.75rem; margin-bottom: 0; - padding-bottom: .4125rem; - padding-top: .4125rem; } + padding-bottom: 0.4125rem; + padding-top: 0.4125rem; } @media only screen and (max-width: 40em) { .top-bar .button, .top-bar button { position: relative; @@ -4325,7 +4593,8 @@ meta.foundation-mq-topbar { .top-bar.expanded .top-bar-section .has-dropdown.moved > .dropdown, .top-bar.expanded .top-bar-section .dropdown { clip: initial; } .top-bar.expanded .top-bar-section .has-dropdown:not(.moved) > ul { - padding: 0; } } + padding: 0; } + } .top-bar-section { left: 0; @@ -4562,10 +4831,12 @@ meta.foundation-mq-topbar { top: 0.375rem; } .top-bar.expanded { background: transparent; } + .contain-to-grid .top-bar { margin: 0 auto; margin-bottom: 0; max-width: 62.5rem; } + .top-bar-section { transition: none 0 0; left: 0 !important; } @@ -4671,6 +4942,7 @@ meta.foundation-mq-topbar { left: 0; } .top-bar-section .left li .dropdown li .dropdown { left: 100%; } + .no-js .top-bar-section ul li:hover > a { background-color: #1479b0; background: #1479b0; @@ -4693,7 +4965,8 @@ meta.foundation-mq-topbar { overflow: visible; clip: auto; display: block; - position: absolute !important; } } + position: absolute !important; } + } .text-left { text-align: left !important; } @@ -4710,102 +4983,142 @@ meta.foundation-mq-topbar { @media only screen and (max-width: 40em) { .small-only-text-left { text-align: left !important; } + .small-only-text-right { text-align: right !important; } + .small-only-text-center { text-align: center !important; } + .small-only-text-justify { - text-align: justify !important; } } + text-align: justify !important; } + } @media only screen { .small-text-left { text-align: left !important; } + .small-text-right { text-align: right !important; } + .small-text-center { text-align: center !important; } + .small-text-justify { - text-align: justify !important; } } + text-align: justify !important; } + } @media only screen and (min-width:40em) and (max-width:64em) { .medium-only-text-left { text-align: left !important; } + .medium-only-text-right { text-align: right !important; } + .medium-only-text-center { text-align: center !important; } + .medium-only-text-justify { - text-align: justify !important; } } + text-align: justify !important; } + } @media only screen and (min-width:40em) { .medium-text-left { text-align: left !important; } + .medium-text-right { text-align: right !important; } + .medium-text-center { text-align: center !important; } + .medium-text-justify { - text-align: justify !important; } } + text-align: justify !important; } + } @media only screen and (min-width:64.063em) and (max-width:90em) { .large-only-text-left { text-align: left !important; } + .large-only-text-right { text-align: right !important; } + .large-only-text-center { text-align: center !important; } + .large-only-text-justify { - text-align: justify !important; } } + text-align: justify !important; } + } @media only screen and (min-width:64.063em) { .large-text-left { text-align: left !important; } + .large-text-right { text-align: right !important; } + .large-text-center { text-align: center !important; } + .large-text-justify { - text-align: justify !important; } } + text-align: justify !important; } + } @media only screen and (min-width:90.063em) and (max-width:120em) { .xlarge-only-text-left { text-align: left !important; } + .xlarge-only-text-right { text-align: right !important; } + .xlarge-only-text-center { text-align: center !important; } + .xlarge-only-text-justify { - text-align: justify !important; } } + text-align: justify !important; } + } @media only screen and (min-width:90.063em) { .xlarge-text-left { text-align: left !important; } + .xlarge-text-right { text-align: right !important; } + .xlarge-text-center { text-align: center !important; } + .xlarge-text-justify { - text-align: justify !important; } } + text-align: justify !important; } + } @media only screen and (min-width:120.063em) and (max-width:99999999em) { .xxlarge-only-text-left { text-align: left !important; } + .xxlarge-only-text-right { text-align: right !important; } + .xxlarge-only-text-center { text-align: center !important; } + .xxlarge-only-text-justify { - text-align: justify !important; } } + text-align: justify !important; } + } @media only screen and (min-width:120.063em) { .xxlarge-text-left { text-align: left !important; } + .xxlarge-text-right { text-align: right !important; } + .xxlarge-text-center { text-align: center !important; } + .xxlarge-text-justify { - text-align: justify !important; } } + text-align: justify !important; } + } /* Typography resets */ div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { @@ -5012,18 +5325,25 @@ blockquote, blockquote p { @media only screen and (min-width:40em) { h1, h2, h3, h4, h5, h6 { line-height: 1.4; } + h1 { font-size: 2.25rem; } + h2 { font-size: 1.875rem; } + h3 { font-size: 1.625rem; } + h4 { font-size: 1.4375rem; } + h5 { font-size: 1.25rem; } + h6 { - font-size: 1rem; } } + font-size: 1rem; } + } /* * Print styles. @@ -5038,32 +5358,43 @@ blockquote, blockquote p { /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } + a, a:visited { text-decoration: underline; } + a[href]:after { content: " (" attr(href) ")"; } + abbr[title]:after { content: " (" attr(title) ")"; } + .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } + pre, blockquote { border: 1px solid #999999; page-break-inside: avoid; } + thead { display: table-header-group; /* h5bp.com/t */ } + tr, img { page-break-inside: avoid; } + img { max-width: 100% !important; } + @page { margin: 0.34in; } p, h2, h3 { orphans: 3; widows: 3; } + h2, h3 { - page-break-after: avoid; } } + page-break-after: avoid; } + } .off-canvas-wrap { -webkit-backface-visibility: hidden; @@ -5268,7 +5599,7 @@ ul.off-canvas-list { font-size: 0.75rem; font-weight: bold; margin: 0; - padding: .3rem 0.9375rem; + padding: 0.3rem 0.9375rem; text-transform: uppercase; } ul.off-canvas-list li a { border-bottom: 0px solid #4f0326; @@ -5292,7 +5623,7 @@ ul.off-canvas-list { box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); cursor: pointer; transition: background 300ms ease; - -webkit-tap-highlight-color: transparent; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: rgba(255, 255, 255, 0.2); bottom: 0; display: block; @@ -5303,7 +5634,8 @@ ul.off-canvas-list { z-index: 1002; } @media only screen and (min-width:40em) { .move-right .exit-off-canvas:hover { - background: rgba(255, 255, 255, 0.05); } } + background: rgba(255, 255, 255, 0.05); } + } .move-left > .inner-wrap { -webkit-transform: translate3d(-15.625rem, 0, 0); @@ -5316,7 +5648,7 @@ ul.off-canvas-list { box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); cursor: pointer; transition: background 300ms ease; - -webkit-tap-highlight-color: transparent; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: rgba(255, 255, 255, 0.2); bottom: 0; display: block; @@ -5327,7 +5659,8 @@ ul.off-canvas-list { z-index: 1002; } @media only screen and (min-width:40em) { .move-left .exit-off-canvas:hover { - background: rgba(255, 255, 255, 0.05); } } + background: rgba(255, 255, 255, 0.05); } + } .move-top > .inner-wrap { -webkit-transform: translate3d(0, -18.75rem, 0); @@ -5340,7 +5673,7 @@ ul.off-canvas-list { box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); cursor: pointer; transition: background 300ms ease; - -webkit-tap-highlight-color: transparent; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: rgba(255, 255, 255, 0.2); bottom: 0; display: block; @@ -5351,7 +5684,8 @@ ul.off-canvas-list { z-index: 1002; } @media only screen and (min-width:40em) { .move-top .exit-off-canvas:hover { - background: rgba(255, 255, 255, 0.05); } } + background: rgba(255, 255, 255, 0.05); } + } .move-bottom > .inner-wrap { -webkit-transform: translate3d(0, 18.75rem, 0); @@ -5364,7 +5698,7 @@ ul.off-canvas-list { box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); cursor: pointer; transition: background 300ms ease; - -webkit-tap-highlight-color: transparent; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: rgba(255, 255, 255, 0.2); bottom: 0; display: block; @@ -5375,7 +5709,8 @@ ul.off-canvas-list { z-index: 1002; } @media only screen and (min-width:40em) { .move-bottom .exit-off-canvas:hover { - background: rgba(255, 255, 255, 0.05); } } + background: rgba(255, 255, 255, 0.05); } + } .offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu, .offcanvas-overlap .top-off-canvas-menu, .offcanvas-overlap .bottom-off-canvas-menu { -ms-transform: none; @@ -5389,7 +5724,7 @@ ul.off-canvas-list { box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); cursor: pointer; transition: background 300ms ease; - -webkit-tap-highlight-color: transparent; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: rgba(255, 255, 255, 0.2); bottom: 0; display: block; @@ -5400,7 +5735,8 @@ ul.off-canvas-list { z-index: 1002; } @media only screen and (min-width:40em) { .offcanvas-overlap .exit-off-canvas:hover { - background: rgba(255, 255, 255, 0.05); } } + background: rgba(255, 255, 255, 0.05); } + } .offcanvas-overlap-left .right-off-canvas-menu { -ms-transform: none; @@ -5414,7 +5750,7 @@ ul.off-canvas-list { box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); cursor: pointer; transition: background 300ms ease; - -webkit-tap-highlight-color: transparent; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: rgba(255, 255, 255, 0.2); bottom: 0; display: block; @@ -5425,7 +5761,8 @@ ul.off-canvas-list { z-index: 1002; } @media only screen and (min-width:40em) { .offcanvas-overlap-left .exit-off-canvas:hover { - background: rgba(255, 255, 255, 0.05); } } + background: rgba(255, 255, 255, 0.05); } + } .offcanvas-overlap-right .left-off-canvas-menu { -ms-transform: none; @@ -5439,7 +5776,7 @@ ul.off-canvas-list { box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); cursor: pointer; transition: background 300ms ease; - -webkit-tap-highlight-color: transparent; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: rgba(255, 255, 255, 0.2); bottom: 0; display: block; @@ -5450,7 +5787,8 @@ ul.off-canvas-list { z-index: 1002; } @media only screen and (min-width:40em) { .offcanvas-overlap-right .exit-off-canvas:hover { - background: rgba(255, 255, 255, 0.05); } } + background: rgba(255, 255, 255, 0.05); } + } .offcanvas-overlap-top .bottom-off-canvas-menu { -ms-transform: none; @@ -5464,7 +5802,7 @@ ul.off-canvas-list { box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); cursor: pointer; transition: background 300ms ease; - -webkit-tap-highlight-color: transparent; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: rgba(255, 255, 255, 0.2); bottom: 0; display: block; @@ -5475,7 +5813,8 @@ ul.off-canvas-list { z-index: 1002; } @media only screen and (min-width:40em) { .offcanvas-overlap-top .exit-off-canvas:hover { - background: rgba(255, 255, 255, 0.05); } } + background: rgba(255, 255, 255, 0.05); } + } .offcanvas-overlap-bottom .top-off-canvas-menu { -ms-transform: none; @@ -5489,7 +5828,7 @@ ul.off-canvas-list { box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); cursor: pointer; transition: background 300ms ease; - -webkit-tap-highlight-color: transparent; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: rgba(255, 255, 255, 0.2); bottom: 0; display: block; @@ -5500,7 +5839,8 @@ ul.off-canvas-list { z-index: 1002; } @media only screen and (min-width:40em) { .offcanvas-overlap-bottom .exit-off-canvas:hover { - background: rgba(255, 255, 255, 0.05); } } + background: rgba(255, 255, 255, 0.05); } + } .no-csstransforms .left-off-canvas-menu { left: -15.625rem; } @@ -5552,7 +5892,7 @@ ul.off-canvas-list { border-top: 1px solid #5e5e5e; color: #999999; font-weight: bold; - padding: .3rem 0.9375rem; + padding: 0.3rem 0.9375rem; text-transform: uppercase; margin: 0; } .left-submenu .back > a:hover { @@ -5561,7 +5901,7 @@ ul.off-canvas-list { border-top: 1px solid #5e5e5e; } .left-submenu .back > a:before { content: "\AB"; - margin-right: .5rem; + margin-right: 0.5rem; display: inline; } .left-submenu.move-right, .left-submenu.offcanvas-overlap-right, .left-submenu.offcanvas-overlap { -webkit-transform: translate3d(0%, 0, 0); @@ -5603,7 +5943,7 @@ ul.off-canvas-list { border-top: 1px solid #5e5e5e; color: #999999; font-weight: bold; - padding: .3rem 0.9375rem; + padding: 0.3rem 0.9375rem; text-transform: uppercase; margin: 0; } .right-submenu .back > a:hover { @@ -5612,7 +5952,7 @@ ul.off-canvas-list { border-top: 1px solid #5e5e5e; } .right-submenu .back > a:after { content: "\BB"; - margin-left: .5rem; + margin-left: 0.5rem; display: inline; } .right-submenu.move-left, .right-submenu.offcanvas-overlap-left, .right-submenu.offcanvas-overlap { -webkit-transform: translate3d(0%, 0, 0); @@ -5655,7 +5995,7 @@ ul.off-canvas-list { border-top: 1px solid #5e5e5e; color: #999999; font-weight: bold; - padding: .3rem 0.9375rem; + padding: 0.3rem 0.9375rem; text-transform: uppercase; margin: 0; } .top-submenu .back > a:hover { @@ -5703,7 +6043,7 @@ ul.off-canvas-list { border-top: 1px solid #5e5e5e; color: #999999; font-weight: bold; - padding: .3rem 0.9375rem; + padding: 0.3rem 0.9375rem; text-transform: uppercase; margin: 0; } .bottom-submenu .back > a:hover { @@ -5719,158 +6059,203 @@ ul.off-canvas-list { .left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after { content: "\BB"; - margin-left: .5rem; + margin-left: 0.5rem; display: inline; } .right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before { content: "\AB"; - margin-right: .5rem; + margin-right: 0.5rem; display: inline; } /* small displays */ @media only screen { .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; } + .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { display: none !important; } + .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } + .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } + table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { display: table !important; } + thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group !important; } + tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group !important; } + tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { display: table-row; } + th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { - display: table-cell !important; } } + display: table-cell !important; } + } /* medium displays */ @media only screen and (min-width:40em) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; } + .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { display: none !important; } + .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } + .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } + table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { display: table !important; } + thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group !important; } + tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group !important; } + tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { display: table-row; } + th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { - display: table-cell !important; } } + display: table-cell !important; } + } /* large displays */ @media only screen and (min-width:64.063em) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; } + .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { display: none !important; } + .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } + .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } + table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { display: table !important; } + thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group !important; } + tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group !important; } + tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { display: table-row; } + th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { - display: table-cell !important; } } + display: table-cell !important; } + } /* xlarge displays */ @media only screen and (min-width:90.063em) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; } + .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { display: none !important; } + .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } + .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } + table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { display: table !important; } + thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group !important; } + tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group !important; } + tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { display: table-row; } + th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { - display: table-cell !important; } } + display: table-cell !important; } + } /* xxlarge displays */ @media only screen and (min-width:120.063em) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; } + .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down { display: none !important; } + .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } + .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } + table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down { display: table !important; } + thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group !important; } + tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group !important; } + tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down { display: table-row; } + th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { - display: table-cell !important; } } + display: table-cell !important; } + } /* Orientation targeting */ .show-for-landscape, .hide-for-portrait { @@ -5898,36 +6283,50 @@ td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for- @media only screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: inherit !important; } + .hide-for-landscape, .show-for-portrait { display: none !important; } + /* Specific visibility for tables */ table.show-for-landscape, table.hide-for-portrait { display: table !important; } + thead.show-for-landscape, thead.hide-for-portrait { display: table-header-group !important; } + tbody.show-for-landscape, tbody.hide-for-portrait { display: table-row-group !important; } + tr.show-for-landscape, tr.hide-for-portrait { display: table-row !important; } + td.show-for-landscape, td.hide-for-portrait, th.show-for-landscape, th.hide-for-portrait { - display: table-cell !important; } } + display: table-cell !important; } + } @media only screen and (orientation: portrait) { .show-for-portrait, .hide-for-landscape { display: inherit !important; } + .hide-for-portrait, .show-for-landscape { display: none !important; } + /* Specific visibility for tables */ table.show-for-portrait, table.hide-for-landscape { display: table !important; } + thead.show-for-portrait, thead.hide-for-landscape { display: table-header-group !important; } + tbody.show-for-portrait, tbody.hide-for-landscape { display: table-row-group !important; } + tr.show-for-portrait, tr.hide-for-landscape { display: table-row !important; } + td.show-for-portrait, td.hide-for-landscape, th.show-for-portrait, th.hide-for-landscape { - display: table-cell !important; } } + display: table-cell !important; } + } /* Touch-enabled device targeting */ .show-for-touch { @@ -6007,20 +6406,28 @@ th.hide-for-touch { @media print { .print-only, .show-for-print { display: block !important; } + .hide-on-print, .hide-for-print { display: none !important; } + table.show-for-print { display: table !important; } + thead.show-for-print { display: table-header-group !important; } + tbody.show-for-print { display: table-row-group !important; } + tr.show-for-print { display: table-row !important; } + td.show-for-print { display: table-cell !important; } + th.show-for-print { - display: table-cell !important; } } + display: table-cell !important; } + } /* Created on : Mar 5, 2015, 2:57:35 PM @@ -6094,23 +6501,28 @@ img.alignleft, img.alignright, img.aligncenter, img.alignnone, div.wp-caption im margin-right: auto; float: none; text-align: center; } + div.wp-caption.alignright, div.wp-caption.alignleft { width: 44% !important; margin-left: auto; margin-right: auto; float: none; text-align: center; } + div.wp-caption.aligncenter { width: 85% !important; margin-left: auto; margin-right: auto; float: none; text-align: center; } + div.wp-caption.alignnone { width: 85% !important; float: none; } + div.wp-caption.alignright, div.wp-caption.alignleft, div.wp-caption.aligncenter { - width: 100%; } } + width: 100%; } + } @media 40em, 64em { img.aligncenter, img.alignnone { @@ -6120,17 +6532,21 @@ img.alignleft, img.alignright, img.aligncenter, img.alignnone, div.wp-caption im margin-right: auto; float: none; text-align: center; } + div.wp-caption.aligncenter { width: 74% !important; margin-left: auto; margin-right: auto; float: none; text-align: center; } + div.wp-caption.aligncenter { width: 100%; } + div.wp-caption.alignnone { width: 73% !important; - float: none; } } + float: none; } + } .wp-caption { margin: 10px 20px; @@ -6149,7 +6565,8 @@ img.alignleft, img.alignright, img.aligncenter, img.alignnone, div.wp-caption im @media only screen and (max-width: 40em) { #blog-posts-over { padding: 0 !important; - margin: 0 !important; } } + margin: 0 !important; } + } .blog-posts-container { margin: 30px 0 30px; } @@ -6282,9 +6699,9 @@ a[href^=tel] { header#page-header { height: 295px; - background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.95) 5%, transparent 100%); - background: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.95) 5%, transparent 100%); - background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.95) 5%, transparent 100%); + background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.95) 5%, rgba(0, 0, 0, 0) 100%); + background: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.95) 5%, rgba(0, 0, 0, 0) 100%); + background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.95) 5%, rgba(0, 0, 0, 0) 100%); position: relative; padding-top: 11px; z-index: 5; } @@ -6580,7 +6997,8 @@ ul#sec-nav { margin: 0 auto 10px; } #reservation .lodging p#small-room-numb { text-align: left; - float: left; } } + float: left; } + } #reservation select { font-weight: bold; /*width: 17%;*/ @@ -7112,6 +7530,172 @@ h2#slide-text { display: none; } /* End for mountpleasant */ +#glm-event-wrapper h1 { + font-size: 1.5rem; + padding: 0 15px; } +#glm-event-wrapper #glm-events-search-form .button { + -webkit-appearance: none; + -moz-appearance: none; + border-radius: 0; + border-style: solid; + border-width: 0; + cursor: pointer; + font-family: "Open Sans", sans-serif; + font-weight: normal; + line-height: normal; + margin: 0 0 1.25rem; + position: relative; + text-align: center; + text-decoration: none; + display: inline-block; + padding: 0.75rem 1.5rem 0.8125rem 1.5rem; + background-color: #690433; + border-color: #540329; + color: #FFFFFF; + border-radius: 3px; + transition: background-color 300ms ease-out; } + #glm-event-wrapper #glm-events-search-form .button:hover, #glm-event-wrapper #glm-events-search-form .button:focus { + background-color: #540329; } + #glm-event-wrapper #glm-events-search-form .button:hover, #glm-event-wrapper #glm-events-search-form .button:focus { + color: #FFFFFF; } +#glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group { + list-style: none; + margin: 0; + left: 0; } + #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group:before, #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group:after { + content: " "; + display: table; } + #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group:after { + clear: both; } + #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group .shortcuts-button { + -webkit-appearance: none; + -moz-appearance: none; + border-radius: 0; + border-style: solid; + border-width: 0; + cursor: pointer; + font-family: "Open Sans", sans-serif; + font-weight: normal; + line-height: normal; + margin: 0 0 1.25rem; + position: relative; + text-align: center; + text-decoration: none; + display: inline-block; + padding: 0.75rem 1.5rem 0.8125rem 1.5rem; + padding-bottom: 0.8125rem; + padding-top: 0.75rem; + padding-left: 1rem; + padding-right: 1rem; + width: 100%; + background-color: #690433; + border-color: #540329; + color: #FFFFFF; + border-radius: 3px; + transition: background-color 300ms ease-out; + margin-bottom: 1px; } + #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group .shortcuts-button:hover, #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group .shortcuts-button:focus { + background-color: #540329; } + #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group .shortcuts-button:hover, #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group .shortcuts-button:focus { + color: #FFFFFF; } + #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group > li { + float: none; + display: list-item; + margin: 0; } + #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group > li > button, #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group > li .button { + border-left: 1px solid; + border-color: rgba(255, 255, 255, 0.5); } + #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group > li:first-child button, #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group > li:first-child .button { + border-left: 0; } + #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group > li:first-child { + margin-left: 0; } + #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group > li, #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group > li > a, #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group > li > button, #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group > li > .button { + border-radius: 0; } + #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group > li:first-child, #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group > li:first-child > a, #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group > li:first-child > button, #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group > li:first-child > .button { + -webkit-border-bottom-left-radius: 3px; + -webkit-border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; } + #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group > li:last-child, #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group > li:last-child > a, #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group > li:last-child > button, #glm-event-wrapper #glm-events-shortcuts .shortcuts-button-group > li:last-child > .button { + -webkit-border-bottom-right-radius: 3px; + -webkit-border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-top-right-radius: 3px; } +#glm-event-wrapper button { + -webkit-appearance: none; + -moz-appearance: none; + border-radius: 0; + border-style: solid; + border-width: 0; + cursor: pointer; + font-family: "Open Sans", sans-serif; + font-weight: normal; + line-height: normal; + margin: 0 0 1.25rem; + position: relative; + text-align: center; + text-decoration: none; + display: inline-block; + padding: 0.75rem 1.5rem 0.8125rem 1.5rem; + background-color: #008752; + border-color: #006c42; + color: #FFFFFF; + border-radius: 3px; + transition: background-color 300ms ease-out; + width: 220px; } + #glm-event-wrapper button:hover, #glm-event-wrapper button:focus { + background-color: #006c42; } + #glm-event-wrapper button:hover, #glm-event-wrapper button:focus { + color: #FFFFFF; } +#glm-event-wrapper p { + margin-left: 15px; } +#glm-event-wrapper .glm-event-day-row { + border: 1px solid #FFFFFF; + background: -webkit-linear-gradient(top, #f2f2f2 5%, #FFFFFF 100%); + background: -moz-linear-gradient(center top, #f2f2f2 5%, #FFFFFF 100%); + background: -ms-linear-gradient(top, #f2f2f2 5%, #FFFFFF 100%); } +#glm-event-wrapper .glm-event-day-event { + border: 1px solid #CCCCCC; } + #glm-event-wrapper .glm-event-day-event:hover { + border: 1px solid #000000; } +#glm-event-wrapper .glm-event-day-event a.glm-read-more { + border: 1px solid #690433; + background-color: #FFFFFF; + color: #000000; } +#glm-event-wrapper .glm-event-day-event a.glm-read-more:hover { + color: #FFFFFF; + background-color: #690433; + border: 1px solid #FFFFFF; } +#glm-event-wrapper .glm-event-cal { + border: 1px solid #690433; } +#glm-event-wrapper .glm-event-cal-day-container { + background: -webkit-linear-gradient(top, #FFFFFF 5%, #f2f2f2 100%); + background: -moz-linear-gradient(center top, #FFFFFF 5%, #f2f2f2 100%); + background: -ms-linear-gradient(top, #FFFFFF 5%, #f2f2f2 100%); } +#glm-event-wrapper .glm-event-cal-month { + background-color: #690433; + color: #fff; } +#glm-event-wrapper h1 { + color: #690433; } +#glm-event-wrapper h2 { + color: #0093d1; + font-weight: bold; } +#glm-event-wrapper #glm-event-detail-cost:before { + top: 0px; } +#glm-event-wrapper .stButton .sharethis { + display: none; } +#glm-event-wrapper span#eventShare.st_sharethis, #glm-event-wrapper #shareThisOrange { + background-color: #690433 !important; + padding: 2px 0 5px 10px; + font-size: 0.875rem; + font-weight: bold; + color: white; + width: auto; + height: 30px; + border-radius: 3px; } +#glm-event-wrapper #EventDrivingDirectionSubmit { + margin-left: 0px; } + #front { padding: 20px; } #front .row.collapse h1 { @@ -7231,7 +7815,8 @@ h2#slide-text { padding-bottom: 25px; } @media only screen and (max-width: 40em) { .home-feed-post > * { - text-align: center; } } + text-align: center; } + } #searchform input[type="submit"].blogbutton { border-radius: 3px; @@ -7338,13 +7923,15 @@ h2#slide-text { @media only screen and (min-width:40em) and (max-width:64em) { #blog-side-info-wrapper { - top: -10px; } } + top: -10px; } + } @media only screen and (max-width: 40em) { #blog-side-info-wrapper { float: none; margin: 0 auto; clear: both; } + #blog-side-info { padding-left: 0; border-left: 0; } @@ -7354,7 +7941,8 @@ h2#slide-text { #blog-side-info #searchform { padding: 35px 0; } #blog-side-info #searchform #s { - width: 100%; } } + width: 100%; } + } #blog-side-info { padding: 40px 10px 20px; @@ -7777,18 +8365,31 @@ td.gfield_list_cell.gfield_list_56_cell1, td.gfield_list_cell.gfield_list_57_cel @media only screen and (min-width:0em) and (max-width:64em) { .gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half { width: 100% !important; } + + td.gfield_list_cell.gfield_list_56_cell1 input, td.gfield_list_cell.gfield_list_57_cell1 input { width: 90px !important; } + + .gform_wrapper .top_label li.gfield.gf_right_half { display: block !important; } + .gform_wrapper .top_label li.gfield.gf_left_third, .gform_wrapper .top_label li.gfield.gf_middle_third, .gform_wrapper .top_label li.gfield.gf_right_third { width: auto !important; - display: block !important; } } + display: block !important; } + + } @media (min-width: 640px) { + td.gfield_list_cell.gfield_list_56_cell1 input, td.gfield_list_cell.gfield_list_57_cell1 input { width: 90px !important; } + + .gform_wrapper .top_label li.gfield.gf_right_half { display: inline-block !important; } + .gform_wrapper .top_label li.gfield.gf_left_third, .gform_wrapper .top_label li.gfield.gf_middle_third, .gform_wrapper .top_label li.gfield.gf_right_third { - display: inline-block !important; } } + display: inline-block !important; } + + } diff --git a/footer.php b/footer.php index 0d3ba57..fc1027b 100644 --- a/footer.php +++ b/footer.php @@ -44,6 +44,9 @@ + + + diff --git a/scss/_plugins.scss b/scss/_plugins.scss index 381e8c7..c92cb91 100644 --- a/scss/_plugins.scss +++ b/scss/_plugins.scss @@ -4,3 +4,4 @@ @import "plugins/memberdb"; @import "plugins/weatherwidget"; @import "plugins/woocommerce"; + @import "plugins/glm-member-db-events"; diff --git a/scss/plugins/_glm-member-db-events.scss b/scss/plugins/_glm-member-db-events.scss new file mode 100644 index 0000000..82015c2 --- /dev/null +++ b/scss/plugins/_glm-member-db-events.scss @@ -0,0 +1,137 @@ +// Setting for the colors +$nameSearchButtonColor : $maroon; +$shortcutsButtonColor : $maroon; +$backToSearchButtonColor : $green; +$eventGradientColor : #f2f2f2; +$eventMonthColor : $maroon; +$readMoreColor : $l-blue; + +#glm-event-wrapper { + h1 { + font-size: 1.5rem; + padding: 0 15px; + } + #glm-events-search-form { + .button { + @include button( + // $padding + rem-calc(12), + // Background color. + $nameSearchButtonColor, + // If true, set to button radius which is $global-radius + // or explicitly set radius amount in px (ex. $radius:10px). + // Default:false. + 3px, + // We can set $full-width:true to remove side + // padding extend width. Default:false + false, + // We can set $disabled:true to create a + // disabled transparent button. Default:false + false + ); + } + + } + #glm-events-shortcuts .shortcuts-button-group { + @include button-group-container(); + .shortcuts-button { + @include button( + rem-calc(12), + $shortcutsButtonColor, + true, + true, + false + ); + margin-bottom: 1px; + } + & > li { + @include button-group-style( + $radius:true, + $even:false, + $float:none + ); + } + } + // for the back to search button + button { + @include button( + // $padding + rem-calc(12), + // Background color. + $backToSearchButtonColor, + // If true, set to button radius which is $global-radius + // or explicitly set radius amount in px (ex. $radius:10px). + // Default:false. + 3px, + // We can set $full-width:true to remove side + // padding extend width. Default:false + false, + // We can set $disabled:true to create a + // disabled transparent button. Default:false + false + ); + width: 220px; + } + p { + margin-left: 15px; + } + + .glm-event-day-row { + border: 1px solid $white; + @include gradient($eventGradientColor, $white); + } + + .glm-event-day-event { + border: 1px solid $iron; + &:hover { + border: 1px solid $black; + } + } + .glm-event-day-event a.glm-read-more { + border: 1px solid $maroon; + background-color: $white; + color: $black; + } + .glm-event-day-event a.glm-read-more:hover { + color: $white; + background-color: $nameSearchButtonColor; + border: 1px solid $white; + } + .glm-event-cal { + border: 1px solid $eventMonthColor; + } + .glm-event-cal-day-container { + @include gradient($white, $eventGradientColor); + } + .glm-event-cal-month { + background-color: $eventMonthColor; + color: #fff; + } + h1 { + color: $eventMonthColor; + } + h2 { + color: $l-blue; + font-weight: bold; + } + #glm-event-detail-cost:before{ + top: 0px; + } + .stButton .sharethis{ + display: none; +} +span#eventShare.st_sharethis, +#shareThisOrange{ + background-color: $maroon !important; + padding: 2px 0 5px 10px; + font-size: rem-calc(14); + font-weight: bold; + color: white; + width: auto; + height: 30px; + border-radius: 3px; +} + #EventDrivingDirectionSubmit { + margin-left: 0px; + } +} -- 2.17.1