From: Laury GvR Date: Fri, 2 Oct 2015 15:08:07 +0000 (-0400) Subject: Responsiveness for negative left align memberdb info listing X-Git-Tag: v1.0.0^2~34 X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=880f31148de690fb1d5c65c6909b6461fbbf57ac;p=WP-Themes%2Fmountpleasantwow.git Responsiveness for negative left align memberdb info listing --- diff --git a/css/app.css b/css/app.css index d68c075..c780338 100644 --- a/css/app.css +++ b/css/app.css @@ -162,171 +162,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; } @@ -336,178 +391,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:40.063em) { .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; } @@ -518,273 +629,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; } @@ -795,102 +986,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; } @@ -938,7 +1154,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; @@ -996,6 +1212,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%; } @@ -1003,6 +1220,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%; } @@ -1010,6 +1228,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%; } @@ -1017,6 +1236,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%; } @@ -1024,6 +1244,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%; } @@ -1031,6 +1252,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%; } @@ -1038,6 +1260,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%; } @@ -1045,6 +1268,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%; } @@ -1052,6 +1276,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%; } @@ -1059,6 +1284,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%; } @@ -1066,13 +1292,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:40.063em) { .medium-block-grid-1 > li { @@ -1082,6 +1310,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%; } @@ -1089,6 +1318,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%; } @@ -1096,6 +1326,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%; } @@ -1103,6 +1334,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%; } @@ -1110,6 +1342,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%; } @@ -1117,6 +1350,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%; } @@ -1124,6 +1358,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%; } @@ -1131,6 +1366,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%; } @@ -1138,6 +1374,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%; } @@ -1145,6 +1382,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%; } @@ -1152,13 +1390,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 { @@ -1168,6 +1408,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%; } @@ -1175,6 +1416,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%; } @@ -1182,6 +1424,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%; } @@ -1189,6 +1432,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%; } @@ -1196,6 +1440,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%; } @@ -1203,6 +1448,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%; } @@ -1210,6 +1456,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%; } @@ -1217,6 +1464,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%; } @@ -1224,6 +1472,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%; } @@ -1231,6 +1480,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%; } @@ -1238,13 +1488,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; @@ -1282,7 +1534,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; @@ -1471,7 +1723,8 @@ button::-moz-focus-inner { @media only screen and (min-width:40.063em) { button, .button { - display: inline-block; } } + display: inline-block; } + } .button-group { list-style: none; @@ -1865,7 +2118,7 @@ button::-moz-focus-inner { .clearing-touch-label { color: #AAAAAA; - font-size: .6em; + font-size: 0.6em; left: 50%; position: absolute; top: 50%; } @@ -1933,20 +2186,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; @@ -1965,7 +2222,7 @@ button::-moz-focus-inner { float: left; margin-right: 0; min-height: inherit; - opacity: .4; + opacity: 0.4; overflow: hidden; padding: 0; position: relative; @@ -1983,17 +2240,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 { @@ -2662,7 +2921,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; } @@ -2671,7 +2930,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 { @@ -2705,7 +2964,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; } @@ -2729,12 +2988,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 { @@ -2979,7 +3238,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; @@ -3039,7 +3298,8 @@ label.error { border-top-color: transparent !important; left: -20px; right: auto; - top: 22px; } } + top: 22px; } + } .keystroke, kbd { background-color: #ededed; @@ -3191,7 +3451,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; @@ -3312,23 +3572,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; @@ -3547,7 +3812,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; @@ -3888,9 +4153,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; @@ -4061,12 +4326,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; @@ -4160,7 +4427,8 @@ table { left: -10px; margin-top: -5px; right: auto; - top: 50%; } } + top: 50%; } + } meta.foundation-mq-topbar { font-family: "/only screen and (min-width:40.063em)/"; @@ -4209,13 +4477,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; @@ -4285,7 +4553,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; @@ -4517,10 +4786,12 @@ meta.foundation-mq-topbar { top: 0.375rem; } .top-bar.expanded { background: transparent; } + .contain-to-grid .top-bar { margin-bottom: 0; margin: 0 auto; max-width: 62.5rem; } + .top-bar-section { transition: none 0 0; left: 0 !important; } @@ -4626,6 +4897,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; @@ -4648,7 +4920,8 @@ meta.foundation-mq-topbar { overflow: visible; clip: auto; display: block; - position: absolute !important; } } + position: absolute !important; } + } .text-left { text-align: left !important; } @@ -4665,102 +4938,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:40.063em) 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:40.063em) { .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 { @@ -4967,18 +5280,25 @@ blockquote, blockquote p { @media only screen and (min-width:40.063em) { 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; } + } .off-canvas-wrap { -webkit-backface-visibility: hidden; @@ -5137,7 +5457,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; @@ -5162,7 +5482,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; @@ -5173,7 +5493,8 @@ ul.off-canvas-list { z-index: 1002; } @media only screen and (min-width:40.063em) { .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); @@ -5187,7 +5508,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; @@ -5198,7 +5519,8 @@ ul.off-canvas-list { z-index: 1002; } @media only screen and (min-width:40.063em) { .move-left .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 { -ms-transform: none; @@ -5212,7 +5534,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; @@ -5223,7 +5545,8 @@ ul.off-canvas-list { z-index: 1002; } @media only screen and (min-width:40.063em) { .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; @@ -5237,7 +5560,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; @@ -5248,7 +5571,8 @@ ul.off-canvas-list { z-index: 1002; } @media only screen and (min-width:40.063em) { .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; @@ -5262,7 +5586,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; @@ -5273,7 +5597,8 @@ ul.off-canvas-list { z-index: 1002; } @media only screen and (min-width:40.063em) { .offcanvas-overlap-right .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; } @@ -5317,7 +5642,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 { @@ -5326,7 +5651,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); @@ -5369,7 +5694,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 { @@ -5378,7 +5703,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); @@ -5390,158 +5715,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:40.063em) { .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 { @@ -5569,36 +5939,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 { @@ -5687,79 +6071,111 @@ th.hide-for-touch { color: #000000 !important; /* Black prints faster: h5bp.com/s */ text-shadow: none !important; } + .show-for-print { display: block; } + .hide-for-print { display: none; } + 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; } + 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: .5cm; } + margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } + h2, h3 { page-break-after: avoid; } + .hide-on-print { display: none !important; } + .print-only { display: block !important; } + .hide-for-print { display: none !important; } + .show-for-print { - display: inherit !important; } } + display: inherit !important; } + } /* Print visibility */ @media print { .show-for-print { display: block; } + .hide-for-print { display: none; } + 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; } + } @media not print { .show-for-print { - display: none !important; } } + display: none !important; } + } /* Created on : Mar 5, 2015, 2:57:35 PM @@ -5833,23 +6249,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 40.063em, 64em { img.aligncenter, img.alignnone { @@ -5859,17 +6280,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; @@ -5888,7 +6313,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; } @@ -6021,9 +6447,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; } @@ -6316,7 +6742,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%;*/ @@ -6720,6 +7147,9 @@ h2#slide-text { margin-bottom: 8px; } #page-wrapper #glm-locationMap { margin: 0; } +@media only screen and (max-width: 40em) { + #page-wrapper .glm-member-detail-image-wrapper { + text-align: center; } } #page-wrapper .glm-member-detail-container, #page-wrapper .glm-member-entry-container, #page-wrapper .glm-member-list-container { line-height: 1.3; font-size: 14px; @@ -6763,7 +7193,7 @@ h2#slide-text { @media only screen and (max-width: 40em) { #page-wrapper .glm-member-detail-container .glm-member-list-description, #page-wrapper .glm-member-entry-container .glm-member-list-description, #page-wrapper .glm-member-list-container .glm-member-list-description { padding: 20px; } } - @media only screen and (max-width: 40em) { + @media only screen and (min-width:0em) and (max-width:64em) { #page-wrapper .glm-member-detail-container .glm-member-list-active-info, #page-wrapper .glm-member-entry-container .glm-member-list-active-info, #page-wrapper .glm-member-list-container .glm-member-list-active-info { left: initial; } } #page-wrapper .glm-member-detail-container { @@ -6912,7 +7342,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; @@ -7019,13 +7450,15 @@ h2#slide-text { @media only screen and (min-width:40.063em) 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; } @@ -7035,7 +7468,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; diff --git a/scss/plugins/_memberdb.scss b/scss/plugins/_memberdb.scss index 91474c0..3d2b896 100644 --- a/scss/plugins/_memberdb.scss +++ b/scss/plugins/_memberdb.scss @@ -5,6 +5,11 @@ #glm-locationMap { margin: 0; } + .glm-member-detail-image-wrapper { + @media #{$small-only} { + text-align: center; + } + } .glm-member-detail-container, .glm-member-entry-container, .glm-member-list-container { @@ -61,7 +66,7 @@ } } .glm-member-list-active-info { - @media #{$small-only} { + @media #{$medium-down} { left: initial; } }