meta.foundation-version { font-family: "/5.5.3/"; }

meta.foundation-mq-small { font-family: "/only screen/"; width: 0; }

meta.foundation-mq-small-only { font-family: "/only screen and (max-width: 45.71429em)/"; width: 0; }

meta.foundation-mq-medium { font-family: "/only screen and (min-width:45.78571em)/"; width: 45.78571em; }

meta.foundation-mq-medium-only { font-family: "/only screen and (min-width:45.78571em) and (max-width:73.14286em)/"; width: 45.78571em; }

meta.foundation-mq-large { font-family: "/only screen and (min-width:73.21429em)/"; width: 73.21429em; }

meta.foundation-mq-large-only { font-family: "/only screen and (min-width:73.21429em) and (max-width:102.85714em)/"; width: 73.21429em; }

meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:102.92857em)/"; width: 102.92857em; }

meta.foundation-mq-xlarge-only { font-family: "/only screen and (min-width:102.92857em) and (max-width:137.14286em)/"; width: 102.92857em; }

meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:137.21429em)/"; width: 137.21429em; }

meta.foundation-data-attribute-namespace { font-family: false; }

html, body { height: 100%; }

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html, body { font-size: 100%; }

body { background: #FFFFFF; color: #000000; cursor: auto; font-family: "Noto Sans", Helvetica, Roboto, Arial, sans-serif; font-style: normal; font-weight: normal; line-height: 1.5; margin: 0; padding: 0; position: relative; }

a:hover { cursor: pointer; }

img { max-width: 100%; height: auto; }

img { -ms-interpolation-mode: bicubic; }

#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important; }

.left { float: left !important; }

.right { float: right !important; }

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

.hide { display: none; }

.invisible { visibility: hidden; }

.antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

img { display: inline-block; vertical-align: middle; }

textarea { height: auto; min-height: 50px; }

select { width: 100%; }

.accordion { margin-bottom: 0; margin-left: 0; }
.accordion:before, .accordion:after { content: " "; display: table; }
.accordion:after { clear: both; }
.accordion .accordion-navigation, .accordion dd { display: block; margin-bottom: 0 !important; }
.accordion .accordion-navigation.active > a, .accordion dd.active > a { background: #e8e8e8; color: #222222; }
.accordion .accordion-navigation > a, .accordion dd > a { background: #EFEFEF; color: #222222; display: block; font-family: "Noto Sans", Helvetica, Roboto, Arial, sans-serif; font-size: 1.14286rem; padding: 1.14286rem; }
.accordion .accordion-navigation > a:hover, .accordion dd > a:hover { background: #e3e3e3; }
.accordion .accordion-navigation > .content, .accordion dd > .content { display: none; padding: 0.71429rem; }
.accordion .accordion-navigation > .content.active, .accordion dd > .content.active { background: #FFFFFF; display: block; }

.alert-box { border-style: solid; border-width: 1px; display: block; font-size: 0.92857rem; font-weight: normal; margin-bottom: 1.42857rem; padding: 1rem 1.71429rem 1rem 1rem; position: relative; transition: opacity 300ms ease-out; background-color: #008CBA; border-color: #0078a0; color: #FFFFFF; }
.alert-box .close { right: 0.28571rem; background: inherit; color: #333333; font-size: 1.57143rem; line-height: .9; margin-top: -0.78571rem; opacity: 0.3; padding: 0 6px 4px; position: absolute; top: 50%; }
.alert-box .close:hover, .alert-box .close:focus { opacity: 0.5; }
.alert-box.radius { border-radius: 4px; }
.alert-box.round { border-radius: 1000px; }
.alert-box.success { background-color: #43AC6A; border-color: #3a945b; color: #FFFFFF; }
.alert-box.alert { background-color: #f04124; border-color: #de2d0f; color: #FFFFFF; }
.alert-box.secondary { background-color: #e7e7e7; border-color: #c7c7c7; color: #4f4f4f; }
.alert-box.warning { background-color: #f08a24; border-color: #de770f; color: #FFFFFF; }
.alert-box.info { background-color: #a0d3e8; border-color: #74bfdd; color: #4f4f4f; }
.alert-box.alert-close { opacity: 0; }

[class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.71429rem; }
[class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; }
[class*="block-grid-"]:after { clear: both; }
[class*="block-grid-"] > li { display: block; float: left; height: auto; padding: 0 0.71429rem 1.42857rem; }

@media only screen { .small-block-grid-1 > li { list-style: none; width: 100%; }
  .small-block-grid-1 > li:nth-of-type(1n) { clear: none; }
  .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; }
  .small-block-grid-2 > li { list-style: none; width: 50%; }
  .small-block-grid-2 > li:nth-of-type(1n) { clear: none; }
  .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; }
  .small-block-grid-3 > li { list-style: none; width: 33.33333%; }
  .small-block-grid-3 > li:nth-of-type(1n) { clear: none; }
  .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; }
  .small-block-grid-4 > li { list-style: none; width: 25%; }
  .small-block-grid-4 > li:nth-of-type(1n) { clear: none; }
  .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; }
  .small-block-grid-5 > li { list-style: none; width: 20%; }
  .small-block-grid-5 > li:nth-of-type(1n) { clear: none; }
  .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; }
  .small-block-grid-6 > li { list-style: none; width: 16.66667%; }
  .small-block-grid-6 > li:nth-of-type(1n) { clear: none; }
  .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; }
  .small-block-grid-7 > li { list-style: none; width: 14.28571%; }
  .small-block-grid-7 > li:nth-of-type(1n) { 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%; }
  .small-block-grid-8 > li:nth-of-type(1n) { clear: none; }
  .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; }
  .small-block-grid-9 > li { list-style: none; width: 11.11111%; }
  .small-block-grid-9 > li:nth-of-type(1n) { clear: none; }
  .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; }
  .small-block-grid-10 > li { list-style: none; width: 10%; }
  .small-block-grid-10 > li:nth-of-type(1n) { clear: none; }
  .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; }
  .small-block-grid-11 > li { list-style: none; width: 9.09091%; }
  .small-block-grid-11 > li:nth-of-type(1n) { clear: none; }
  .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; }
  .small-block-grid-12 > li { list-style: none; width: 8.33333%; }
  .small-block-grid-12 > li:nth-of-type(1n) { clear: none; }
  .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } }
@media only screen and (min-width: 45.78571em) { .medium-block-grid-1 > li { list-style: none; width: 100%; }
  .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; }
  .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; }
  .medium-block-grid-2 > li { list-style: none; width: 50%; }
  .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; }
  .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; }
  .medium-block-grid-3 > li { list-style: none; width: 33.33333%; }
  .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; }
  .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; }
  .medium-block-grid-4 > li { list-style: none; width: 25%; }
  .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; }
  .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; }
  .medium-block-grid-5 > li { list-style: none; width: 20%; }
  .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; }
  .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; }
  .medium-block-grid-6 > li { list-style: none; width: 16.66667%; }
  .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; }
  .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; }
  .medium-block-grid-7 > li { list-style: none; width: 14.28571%; }
  .medium-block-grid-7 > li:nth-of-type(1n) { 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%; }
  .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; }
  .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; }
  .medium-block-grid-9 > li { list-style: none; width: 11.11111%; }
  .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; }
  .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; }
  .medium-block-grid-10 > li { list-style: none; width: 10%; }
  .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; }
  .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; }
  .medium-block-grid-11 > li { list-style: none; width: 9.09091%; }
  .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; }
  .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; }
  .medium-block-grid-12 > li { list-style: none; width: 8.33333%; }
  .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; }
  .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } }
@media only screen and (min-width: 73.21429em) { .large-block-grid-1 > li { list-style: none; width: 100%; }
  .large-block-grid-1 > li:nth-of-type(1n) { clear: none; }
  .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; }
  .large-block-grid-2 > li { list-style: none; width: 50%; }
  .large-block-grid-2 > li:nth-of-type(1n) { clear: none; }
  .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; }
  .large-block-grid-3 > li { list-style: none; width: 33.33333%; }
  .large-block-grid-3 > li:nth-of-type(1n) { clear: none; }
  .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; }
  .large-block-grid-4 > li { list-style: none; width: 25%; }
  .large-block-grid-4 > li:nth-of-type(1n) { clear: none; }
  .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; }
  .large-block-grid-5 > li { list-style: none; width: 20%; }
  .large-block-grid-5 > li:nth-of-type(1n) { clear: none; }
  .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; }
  .large-block-grid-6 > li { list-style: none; width: 16.66667%; }
  .large-block-grid-6 > li:nth-of-type(1n) { clear: none; }
  .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; }
  .large-block-grid-7 > li { list-style: none; width: 14.28571%; }
  .large-block-grid-7 > li:nth-of-type(1n) { 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%; }
  .large-block-grid-8 > li:nth-of-type(1n) { clear: none; }
  .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; }
  .large-block-grid-9 > li { list-style: none; width: 11.11111%; }
  .large-block-grid-9 > li:nth-of-type(1n) { clear: none; }
  .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; }
  .large-block-grid-10 > li { list-style: none; width: 10%; }
  .large-block-grid-10 > li:nth-of-type(1n) { clear: none; }
  .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; }
  .large-block-grid-11 > li { list-style: none; width: 9.09091%; }
  .large-block-grid-11 > li:nth-of-type(1n) { clear: none; }
  .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; }
  .large-block-grid-12 > li { list-style: none; width: 8.33333%; }
  .large-block-grid-12 > li:nth-of-type(1n) { clear: none; }
  .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } }
button, .button, .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.button { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; border-style: solid; border-width: 0.07143rem; cursor: pointer; font-family: "Noto Sans", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; line-height: normal; margin: 0 0 1.42857rem; position: relative; text-align: center; text-decoration: none; display: inline-block; padding: 1.14286rem 2.28571rem 1.21429rem 2.28571rem; font-size: 1.14286rem; background-color: #0072cf; border-color: #FFFFFF; color: #FFFFFF; transition: background-color 300ms ease-out; }
button:hover, button:focus, .button:hover, .top-bar .top-bar-section ul:not(.dropdown) li a.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a.button:hover, .button:focus, .top-bar .top-bar-section ul:not(.dropdown) li a.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a.button:focus { background-color: #000000; }
button:hover, button:focus, .button:hover, .top-bar .top-bar-section ul:not(.dropdown) li a.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a.button:hover, .button:focus, .top-bar .top-bar-section ul:not(.dropdown) li a.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a.button:focus { color: #FFFFFF; }
button.secondary, .button.secondary, .top-bar .top-bar-section ul:not(.dropdown) li a.secondary.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.secondary.button { background-color: #FFFFFF; border-color: #0072cf; color: #000000; }
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .top-bar .top-bar-section ul:not(.dropdown) li a.secondary.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a.secondary.button:hover, .button.secondary:focus, .top-bar .top-bar-section ul:not(.dropdown) li a.secondary.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a.secondary.button:focus { background-color: #0072cf; }
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .top-bar .top-bar-section ul:not(.dropdown) li a.secondary.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a.secondary.button:hover, .button.secondary:focus, .top-bar .top-bar-section ul:not(.dropdown) li a.secondary.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a.secondary.button:focus { color: #FFFFFF; }
button.success, .button.success, .top-bar .top-bar-section ul:not(.dropdown) li a.success.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.success.button { background-color: #43AC6A; border-color: #368a55; color: #FFFFFF; }
button.success:hover, button.success:focus, .button.success:hover, .top-bar .top-bar-section ul:not(.dropdown) li a.success.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a.success.button:hover, .button.success:focus, .top-bar .top-bar-section ul:not(.dropdown) li a.success.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a.success.button:focus { background-color: #368a55; }
button.success:hover, button.success:focus, .button.success:hover, .top-bar .top-bar-section ul:not(.dropdown) li a.success.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a.success.button:hover, .button.success:focus, .top-bar .top-bar-section ul:not(.dropdown) li a.success.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a.success.button:focus { color: #FFFFFF; }
button.alert, .button.alert, .top-bar .top-bar-section ul:not(.dropdown) li a.alert.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.alert.button { background-color: #f04124; border-color: #cf2a0e; color: #FFFFFF; }
button.alert:hover, button.alert:focus, .button.alert:hover, .top-bar .top-bar-section ul:not(.dropdown) li a.alert.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a.alert.button:hover, .button.alert:focus, .top-bar .top-bar-section ul:not(.dropdown) li a.alert.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a.alert.button:focus { background-color: #cf2a0e; }
button.alert:hover, button.alert:focus, .button.alert:hover, .top-bar .top-bar-section ul:not(.dropdown) li a.alert.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a.alert.button:hover, .button.alert:focus, .top-bar .top-bar-section ul:not(.dropdown) li a.alert.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a.alert.button:focus { color: #FFFFFF; }
button.warning, .button.warning, .top-bar .top-bar-section ul:not(.dropdown) li a.warning.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.warning.button { background-color: #f08a24; border-color: #cf6e0e; color: #FFFFFF; }
button.warning:hover, button.warning:focus, .button.warning:hover, .top-bar .top-bar-section ul:not(.dropdown) li a.warning.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a.warning.button:hover, .button.warning:focus, .top-bar .top-bar-section ul:not(.dropdown) li a.warning.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a.warning.button:focus { background-color: #cf6e0e; }
button.warning:hover, button.warning:focus, .button.warning:hover, .top-bar .top-bar-section ul:not(.dropdown) li a.warning.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a.warning.button:hover, .button.warning:focus, .top-bar .top-bar-section ul:not(.dropdown) li a.warning.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a.warning.button:focus { color: #FFFFFF; }
button.info, .button.info, .top-bar .top-bar-section ul:not(.dropdown) li a.info.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.info.button { background-color: #a0d3e8; border-color: #61b6d9; color: #000000; }
button.info:hover, button.info:focus, .button.info:hover, .top-bar .top-bar-section ul:not(.dropdown) li a.info.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a.info.button:hover, .button.info:focus, .top-bar .top-bar-section ul:not(.dropdown) li a.info.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a.info.button:focus { background-color: #61b6d9; }
button.info:hover, button.info:focus, .button.info:hover, .top-bar .top-bar-section ul:not(.dropdown) li a.info.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a.info.button:hover, .button.info:focus, .top-bar .top-bar-section ul:not(.dropdown) li a.info.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a.info.button:focus { color: #FFFFFF; }
button.large, .button.large, .top-bar .top-bar-section ul:not(.dropdown) li a.large.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.large.button { padding: 1.28571rem 2.57143rem 1.35714rem 2.57143rem; font-size: 1.42857rem; }
button.small, .button.small, .top-bar .top-bar-section ul:not(.dropdown) li a.small.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.small.button { padding: 1rem 2rem 1.07143rem 2rem; font-size: 0.92857rem; }
button.tiny, .button.tiny, .top-bar .top-bar-section ul:not(.dropdown) li a.tiny.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.tiny.button { padding: 0.71429rem 1.42857rem 0.78571rem 1.42857rem; font-size: 0.78571rem; }
button.expand, .button.expand, .top-bar .top-bar-section ul:not(.dropdown) li a.expand.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.expand.button { padding: 1.14286rem 2.28571rem 1.21429rem 2.28571rem; font-size: 1.14286rem; padding-bottom: 1.21429rem; padding-top: 1.14286rem; padding-left: 1.14286rem; padding-right: 1.14286rem; width: 100%; }
button.left-align, .button.left-align, .top-bar .top-bar-section ul:not(.dropdown) li a.left-align.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.left-align.button { text-align: left; text-indent: 0.85714rem; }
button.right-align, .button.right-align, .top-bar .top-bar-section ul:not(.dropdown) li a.right-align.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.right-align.button { text-align: right; padding-right: 0.85714rem; }
button.radius, .button.radius, .top-bar .top-bar-section ul:not(.dropdown) li a.radius.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.radius.button { border-radius: 4px; }
button.round, .button.round, .top-bar .top-bar-section ul:not(.dropdown) li a.round.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.round.button { border-radius: 1000px; }
button.disabled, button[disabled], .button.disabled, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.button, .button[disabled], .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].button, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].button { background-color: #0072cf; border-color: #FFFFFF; color: #FFFFFF; box-shadow: none; cursor: default; opacity: 0.7; }
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.button:hover, .button.disabled:focus, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.button:focus, .button[disabled]:hover, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].button:hover, .button[disabled]:focus, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].button:focus { background-color: #000000; }
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.button:hover, .button.disabled:focus, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.button:focus, .button[disabled]:hover, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].button:hover, .button[disabled]:focus, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].button:focus { color: #FFFFFF; }
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.button:hover, .button.disabled:focus, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.button:focus, .button[disabled]:hover, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].button:hover, .button[disabled]:focus, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].button:focus { background-color: #0072cf; }
button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.secondary.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.secondary.button, .button[disabled].secondary, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].secondary.button, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].secondary.button { background-color: #FFFFFF; border-color: #0072cf; color: #000000; box-shadow: none; cursor: default; opacity: 0.7; }
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.secondary.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.secondary.button:hover, .button.disabled.secondary:focus, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.secondary.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.secondary.button:focus, .button[disabled].secondary:hover, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].secondary.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].secondary.button:hover, .button[disabled].secondary:focus, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].secondary.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].secondary.button:focus { background-color: #0072cf; }
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.secondary.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.secondary.button:hover, .button.disabled.secondary:focus, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.secondary.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.secondary.button:focus, .button[disabled].secondary:hover, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].secondary.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].secondary.button:hover, .button[disabled].secondary:focus, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].secondary.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].secondary.button:focus { color: #FFFFFF; }
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.secondary.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.secondary.button:hover, .button.disabled.secondary:focus, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.secondary.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.secondary.button:focus, .button[disabled].secondary:hover, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].secondary.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].secondary.button:hover, .button[disabled].secondary:focus, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].secondary.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].secondary.button:focus { background-color: #FFFFFF; }
button.disabled.success, button[disabled].success, .button.disabled.success, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.success.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.success.button, .button[disabled].success, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].success.button, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].success.button { background-color: #43AC6A; border-color: #368a55; color: #FFFFFF; box-shadow: none; cursor: default; opacity: 0.7; }
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.success.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.success.button:hover, .button.disabled.success:focus, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.success.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.success.button:focus, .button[disabled].success:hover, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].success.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].success.button:hover, .button[disabled].success:focus, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].success.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].success.button:focus { background-color: #368a55; }
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.success.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.success.button:hover, .button.disabled.success:focus, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.success.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.success.button:focus, .button[disabled].success:hover, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].success.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].success.button:hover, .button[disabled].success:focus, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].success.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].success.button:focus { color: #FFFFFF; }
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.success.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.success.button:hover, .button.disabled.success:focus, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.success.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.success.button:focus, .button[disabled].success:hover, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].success.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].success.button:hover, .button[disabled].success:focus, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].success.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].success.button:focus { background-color: #43AC6A; }
button.disabled.alert, button[disabled].alert, .button.disabled.alert, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.alert.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.alert.button, .button[disabled].alert, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].alert.button, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].alert.button { background-color: #f04124; border-color: #cf2a0e; color: #FFFFFF; box-shadow: none; cursor: default; opacity: 0.7; }
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.alert.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.alert.button:hover, .button.disabled.alert:focus, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.alert.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.alert.button:focus, .button[disabled].alert:hover, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].alert.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].alert.button:hover, .button[disabled].alert:focus, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].alert.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].alert.button:focus { background-color: #cf2a0e; }
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.alert.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.alert.button:hover, .button.disabled.alert:focus, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.alert.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.alert.button:focus, .button[disabled].alert:hover, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].alert.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].alert.button:hover, .button[disabled].alert:focus, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].alert.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].alert.button:focus { color: #FFFFFF; }
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.alert.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.alert.button:hover, .button.disabled.alert:focus, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.alert.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.alert.button:focus, .button[disabled].alert:hover, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].alert.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].alert.button:hover, .button[disabled].alert:focus, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].alert.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].alert.button:focus { background-color: #f04124; }
button.disabled.warning, button[disabled].warning, .button.disabled.warning, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.warning.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.warning.button, .button[disabled].warning, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].warning.button, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].warning.button { background-color: #f08a24; border-color: #cf6e0e; color: #FFFFFF; box-shadow: none; cursor: default; opacity: 0.7; }
button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.warning.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.warning.button:hover, .button.disabled.warning:focus, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.warning.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.warning.button:focus, .button[disabled].warning:hover, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].warning.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].warning.button:hover, .button[disabled].warning:focus, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].warning.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].warning.button:focus { background-color: #cf6e0e; }
button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.warning.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.warning.button:hover, .button.disabled.warning:focus, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.warning.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.warning.button:focus, .button[disabled].warning:hover, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].warning.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].warning.button:hover, .button[disabled].warning:focus, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].warning.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].warning.button:focus { color: #FFFFFF; }
button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.warning.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.warning.button:hover, .button.disabled.warning:focus, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.warning.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.warning.button:focus, .button[disabled].warning:hover, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].warning.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].warning.button:hover, .button[disabled].warning:focus, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].warning.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].warning.button:focus { background-color: #f08a24; }
button.disabled.info, button[disabled].info, .button.disabled.info, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.info.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.info.button, .button[disabled].info, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].info.button, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].info.button { background-color: #a0d3e8; border-color: #61b6d9; color: #000000; box-shadow: none; cursor: default; opacity: 0.7; }
button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.info.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.info.button:hover, .button.disabled.info:focus, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.info.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.info.button:focus, .button[disabled].info:hover, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].info.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].info.button:hover, .button[disabled].info:focus, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].info.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].info.button:focus { background-color: #61b6d9; }
button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.info.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.info.button:hover, .button.disabled.info:focus, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.info.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.info.button:focus, .button[disabled].info:hover, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].info.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].info.button:hover, .button[disabled].info:focus, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].info.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].info.button:focus { color: #FFFFFF; }
button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.info.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.info.button:hover, .button.disabled.info:focus, .top-bar .top-bar-section ul:not(.dropdown) li a.disabled.info.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a.disabled.info.button:focus, .button[disabled].info:hover, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].info.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].info.button:hover, .button[disabled].info:focus, .top-bar .top-bar-section ul:not(.dropdown) li a[disabled].info.button:focus, .top-bar #top-bar-nav ul:not(.dropdown) li a[disabled].info.button:focus { background-color: #a0d3e8; }

button::-moz-focus-inner { border: 0; padding: 0; }

@media only screen and (min-width: 45.78571em) { button, .button, .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.button { display: inline-block; } }
.button-group { list-style: none; margin: 0; left: 0; }
.button-group:before, .button-group:after { content: " "; display: table; }
.button-group:after { clear: both; }
.button-group.even-2 li { display: inline-block; margin: 0 -2px; width: 50%; }
.button-group.even-2 li > button, .button-group.even-2 li .button, .button-group.even-2 .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar .top-bar-section ul:not(.dropdown) .button-group.even-2 li a.button, .button-group.even-2 .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) .button-group.even-2 li a.button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); }
.button-group.even-2 li:first-child button, .button-group.even-2 li:first-child .button, .button-group.even-2 .top-bar .top-bar-section ul:not(.dropdown) li:first-child a.button, .top-bar .top-bar-section ul:not(.dropdown) .button-group.even-2 li:first-child a.button, .button-group.even-2 .top-bar #top-bar-nav ul:not(.dropdown) li:first-child a.button, .top-bar #top-bar-nav ul:not(.dropdown) .button-group.even-2 li:first-child a.button { border-left: 0; }
.button-group.even-2 li button, .button-group.even-2 li .button, .button-group.even-2 .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar .top-bar-section ul:not(.dropdown) .button-group.even-2 li a.button, .button-group.even-2 .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) .button-group.even-2 li a.button { width: 100%; }
.button-group.even-3 li { display: inline-block; margin: 0 -2px; width: 33.33333%; }
.button-group.even-3 li > button, .button-group.even-3 li .button, .button-group.even-3 .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar .top-bar-section ul:not(.dropdown) .button-group.even-3 li a.button, .button-group.even-3 .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) .button-group.even-3 li a.button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); }
.button-group.even-3 li:first-child button, .button-group.even-3 li:first-child .button, .button-group.even-3 .top-bar .top-bar-section ul:not(.dropdown) li:first-child a.button, .top-bar .top-bar-section ul:not(.dropdown) .button-group.even-3 li:first-child a.button, .button-group.even-3 .top-bar #top-bar-nav ul:not(.dropdown) li:first-child a.button, .top-bar #top-bar-nav ul:not(.dropdown) .button-group.even-3 li:first-child a.button { border-left: 0; }
.button-group.even-3 li button, .button-group.even-3 li .button, .button-group.even-3 .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar .top-bar-section ul:not(.dropdown) .button-group.even-3 li a.button, .button-group.even-3 .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) .button-group.even-3 li a.button { width: 100%; }
.button-group.even-4 li { display: inline-block; margin: 0 -2px; width: 25%; }
.button-group.even-4 li > button, .button-group.even-4 li .button, .button-group.even-4 .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar .top-bar-section ul:not(.dropdown) .button-group.even-4 li a.button, .button-group.even-4 .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) .button-group.even-4 li a.button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); }
.button-group.even-4 li:first-child button, .button-group.even-4 li:first-child .button, .button-group.even-4 .top-bar .top-bar-section ul:not(.dropdown) li:first-child a.button, .top-bar .top-bar-section ul:not(.dropdown) .button-group.even-4 li:first-child a.button, .button-group.even-4 .top-bar #top-bar-nav ul:not(.dropdown) li:first-child a.button, .top-bar #top-bar-nav ul:not(.dropdown) .button-group.even-4 li:first-child a.button { border-left: 0; }
.button-group.even-4 li button, .button-group.even-4 li .button, .button-group.even-4 .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar .top-bar-section ul:not(.dropdown) .button-group.even-4 li a.button, .button-group.even-4 .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) .button-group.even-4 li a.button { width: 100%; }
.button-group.even-5 li { display: inline-block; margin: 0 -2px; width: 20%; }
.button-group.even-5 li > button, .button-group.even-5 li .button, .button-group.even-5 .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar .top-bar-section ul:not(.dropdown) .button-group.even-5 li a.button, .button-group.even-5 .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) .button-group.even-5 li a.button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); }
.button-group.even-5 li:first-child button, .button-group.even-5 li:first-child .button, .button-group.even-5 .top-bar .top-bar-section ul:not(.dropdown) li:first-child a.button, .top-bar .top-bar-section ul:not(.dropdown) .button-group.even-5 li:first-child a.button, .button-group.even-5 .top-bar #top-bar-nav ul:not(.dropdown) li:first-child a.button, .top-bar #top-bar-nav ul:not(.dropdown) .button-group.even-5 li:first-child a.button { border-left: 0; }
.button-group.even-5 li button, .button-group.even-5 li .button, .button-group.even-5 .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar .top-bar-section ul:not(.dropdown) .button-group.even-5 li a.button, .button-group.even-5 .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) .button-group.even-5 li a.button { width: 100%; }
.button-group.even-6 li { display: inline-block; margin: 0 -2px; width: 16.66667%; }
.button-group.even-6 li > button, .button-group.even-6 li .button, .button-group.even-6 .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar .top-bar-section ul:not(.dropdown) .button-group.even-6 li a.button, .button-group.even-6 .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) .button-group.even-6 li a.button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); }
.button-group.even-6 li:first-child button, .button-group.even-6 li:first-child .button, .button-group.even-6 .top-bar .top-bar-section ul:not(.dropdown) li:first-child a.button, .top-bar .top-bar-section ul:not(.dropdown) .button-group.even-6 li:first-child a.button, .button-group.even-6 .top-bar #top-bar-nav ul:not(.dropdown) li:first-child a.button, .top-bar #top-bar-nav ul:not(.dropdown) .button-group.even-6 li:first-child a.button { border-left: 0; }
.button-group.even-6 li button, .button-group.even-6 li .button, .button-group.even-6 .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar .top-bar-section ul:not(.dropdown) .button-group.even-6 li a.button, .button-group.even-6 .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) .button-group.even-6 li a.button { width: 100%; }
.button-group.even-7 li { display: inline-block; margin: 0 -2px; width: 14.28571%; }
.button-group.even-7 li > button, .button-group.even-7 li .button, .button-group.even-7 .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar .top-bar-section ul:not(.dropdown) .button-group.even-7 li a.button, .button-group.even-7 .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) .button-group.even-7 li a.button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); }
.button-group.even-7 li:first-child button, .button-group.even-7 li:first-child .button, .button-group.even-7 .top-bar .top-bar-section ul:not(.dropdown) li:first-child a.button, .top-bar .top-bar-section ul:not(.dropdown) .button-group.even-7 li:first-child a.button, .button-group.even-7 .top-bar #top-bar-nav ul:not(.dropdown) li:first-child a.button, .top-bar #top-bar-nav ul:not(.dropdown) .button-group.even-7 li:first-child a.button { border-left: 0; }
.button-group.even-7 li button, .button-group.even-7 li .button, .button-group.even-7 .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar .top-bar-section ul:not(.dropdown) .button-group.even-7 li a.button, .button-group.even-7 .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) .button-group.even-7 li a.button { width: 100%; }
.button-group.even-8 li { display: inline-block; margin: 0 -2px; width: 12.5%; }
.button-group.even-8 li > button, .button-group.even-8 li .button, .button-group.even-8 .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar .top-bar-section ul:not(.dropdown) .button-group.even-8 li a.button, .button-group.even-8 .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) .button-group.even-8 li a.button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); }
.button-group.even-8 li:first-child button, .button-group.even-8 li:first-child .button, .button-group.even-8 .top-bar .top-bar-section ul:not(.dropdown) li:first-child a.button, .top-bar .top-bar-section ul:not(.dropdown) .button-group.even-8 li:first-child a.button, .button-group.even-8 .top-bar #top-bar-nav ul:not(.dropdown) li:first-child a.button, .top-bar #top-bar-nav ul:not(.dropdown) .button-group.even-8 li:first-child a.button { border-left: 0; }
.button-group.even-8 li button, .button-group.even-8 li .button, .button-group.even-8 .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar .top-bar-section ul:not(.dropdown) .button-group.even-8 li a.button, .button-group.even-8 .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) .button-group.even-8 li a.button { width: 100%; }
.button-group > li { display: inline-block; margin: 0 -2px; }
.button-group > li > button, .button-group > li .button, .top-bar .top-bar-section ul:not(.dropdown) .button-group > li a.button, .top-bar #top-bar-nav ul:not(.dropdown) .button-group > li a.button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); }
.button-group > li:first-child button, .button-group > li:first-child .button, .top-bar .top-bar-section ul:not(.dropdown) .button-group > li:first-child a.button, .top-bar #top-bar-nav ul:not(.dropdown) .button-group > li:first-child a.button { border-left: 0; }
.button-group.stack > li { display: block; margin: 0; float: none; }
.button-group.stack > li > button, .button-group.stack > li .button, .top-bar .top-bar-section ul:not(.dropdown) .button-group.stack > li a.button, .top-bar #top-bar-nav ul:not(.dropdown) .button-group.stack > li a.button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); }
.button-group.stack > li:first-child button, .button-group.stack > li:first-child .button, .top-bar .top-bar-section ul:not(.dropdown) .button-group.stack > li:first-child a.button, .top-bar #top-bar-nav ul:not(.dropdown) .button-group.stack > li:first-child a.button { border-left: 0; }
.button-group.stack > li > button, .button-group.stack > li .button, .top-bar .top-bar-section ul:not(.dropdown) .button-group.stack > li a.button, .top-bar #top-bar-nav ul:not(.dropdown) .button-group.stack > li a.button { border-color: rgba(255, 255, 255, 0.5); border-left-width: 0; border-top: 1px solid; display: block; margin: 0; }
.button-group.stack > li > button { width: 100%; }
.button-group.stack > li:first-child button, .button-group.stack > li:first-child .button, .top-bar .top-bar-section ul:not(.dropdown) .button-group.stack > li:first-child a.button, .top-bar #top-bar-nav ul:not(.dropdown) .button-group.stack > li:first-child a.button { border-top: 0; }
.button-group.stack-for-small > li { display: inline-block; margin: 0 -2px; }
.button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button, .top-bar .top-bar-section ul:not(.dropdown) .button-group.stack-for-small > li a.button, .top-bar #top-bar-nav ul:not(.dropdown) .button-group.stack-for-small > li a.button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); }
.button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button, .top-bar .top-bar-section ul:not(.dropdown) .button-group.stack-for-small > li:first-child a.button, .top-bar #top-bar-nav ul:not(.dropdown) .button-group.stack-for-small > li:first-child a.button { border-left: 0; }
@media only screen and (max-width: 45.71429em) { .button-group.stack-for-small > li { display: block; margin: 0; width: 100%; }
  .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button, .top-bar .top-bar-section ul:not(.dropdown) .button-group.stack-for-small > li a.button, .top-bar #top-bar-nav ul:not(.dropdown) .button-group.stack-for-small > li a.button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); }
  .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button, .top-bar .top-bar-section ul:not(.dropdown) .button-group.stack-for-small > li:first-child a.button, .top-bar #top-bar-nav ul:not(.dropdown) .button-group.stack-for-small > li:first-child a.button { border-left: 0; }
  .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button, .top-bar .top-bar-section ul:not(.dropdown) .button-group.stack-for-small > li a.button, .top-bar #top-bar-nav ul:not(.dropdown) .button-group.stack-for-small > li a.button { border-color: rgba(255, 255, 255, 0.5); border-left-width: 0; border-top: 1px solid; display: block; margin: 0; }
  .button-group.stack-for-small > li > button { width: 100%; }
  .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button, .top-bar .top-bar-section ul:not(.dropdown) .button-group.stack-for-small > li:first-child a.button, .top-bar #top-bar-nav ul:not(.dropdown) .button-group.stack-for-small > li:first-child a.button { border-top: 0; } }
.button-group.radius > * { display: inline-block; margin: 0 -2px; }
.button-group.radius > * > button, .button-group.radius > * .button, .button-group.radius > * .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar .top-bar-section ul:not(.dropdown) li .button-group.radius > * a.button, .button-group.radius > * .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.radius > * a.button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); }
.button-group.radius > *:first-child button, .button-group.radius > *:first-child .button, .button-group.radius > *:first-child .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar .top-bar-section ul:not(.dropdown) li .button-group.radius > *:first-child a.button, .button-group.radius > *:first-child .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.radius > *:first-child a.button { border-left: 0; }
.button-group.radius > *, .button-group.radius > * > a, .button-group.radius > * > button, .button-group.radius > * > .button, .top-bar .top-bar-section ul:not(.dropdown) li .button-group.radius > * > a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.radius > * > a.button { border-radius: 0; }
.button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button, .top-bar .top-bar-section ul:not(.dropdown) li .button-group.radius > *:first-child > a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.radius > *:first-child > a.button { -webkit-border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
.button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button, .button-group.radius > *:last-child > .button, .top-bar .top-bar-section ul:not(.dropdown) li .button-group.radius > *:last-child > a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.radius > *:last-child > a.button { -webkit-border-bottom-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-right-radius: 4px; }
.button-group.radius.stack > * { display: block; margin: 0; }
.button-group.radius.stack > * > button, .button-group.radius.stack > * .button, .button-group.radius.stack > * .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar .top-bar-section ul:not(.dropdown) li .button-group.radius.stack > * a.button, .button-group.radius.stack > * .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.radius.stack > * a.button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); }
.button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button, .button-group.radius.stack > *:first-child .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.radius.stack > *:first-child a.button { border-left: 0; }
.button-group.radius.stack > * > button, .button-group.radius.stack > * .button, .button-group.radius.stack > * .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar .top-bar-section ul:not(.dropdown) li .button-group.radius.stack > * a.button, .button-group.radius.stack > * .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.radius.stack > * a.button { border-color: rgba(255, 255, 255, 0.5); border-left-width: 0; border-top: 1px solid; display: block; margin: 0; }
.button-group.radius.stack > * > button { width: 100%; }
.button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button, .button-group.radius.stack > *:first-child .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.radius.stack > *:first-child a.button { border-top: 0; }
.button-group.radius.stack > *, .button-group.radius.stack > * > a, .button-group.radius.stack > * > button, .button-group.radius.stack > * > .button, .top-bar .top-bar-section ul:not(.dropdown) li .button-group.radius.stack > * > a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.radius.stack > * > a.button { border-radius: 0; }
.button-group.radius.stack > *:first-child, .button-group.radius.stack > *:first-child > a, .button-group.radius.stack > *:first-child > button, .button-group.radius.stack > *:first-child > .button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.radius.stack > *:first-child > a.button { -webkit-top-left-radius: 4px; -webkit-top-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.button-group.radius.stack > *:last-child, .button-group.radius.stack > *:last-child > a, .button-group.radius.stack > *:last-child > button, .button-group.radius.stack > *:last-child > .button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.radius.stack > *:last-child > a.button { -webkit-bottom-left-radius: 4px; -webkit-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
@media only screen and (min-width: 45.78571em) { .button-group.radius.stack-for-small > * { display: inline-block; margin: 0 -2px; }
  .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button, .button-group.radius.stack-for-small > * .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar .top-bar-section ul:not(.dropdown) li .button-group.radius.stack-for-small > * a.button, .button-group.radius.stack-for-small > * .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.radius.stack-for-small > * a.button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); }
  .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button, .button-group.radius.stack-for-small > *:first-child .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.radius.stack-for-small > *:first-child a.button { border-left: 0; }
  .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * > .button, .top-bar .top-bar-section ul:not(.dropdown) li .button-group.radius.stack-for-small > * > a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.radius.stack-for-small > * > a.button { border-radius: 0; }
  .button-group.radius.stack-for-small > *:first-child, .button-group.radius.stack-for-small > *:first-child > a, .button-group.radius.stack-for-small > *:first-child > button, .button-group.radius.stack-for-small > *:first-child > .button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.radius.stack-for-small > *:first-child > a.button { -webkit-border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
  .button-group.radius.stack-for-small > *:last-child, .button-group.radius.stack-for-small > *:last-child > a, .button-group.radius.stack-for-small > *:last-child > button, .button-group.radius.stack-for-small > *:last-child > .button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.radius.stack-for-small > *:last-child > a.button { -webkit-border-bottom-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-right-radius: 4px; } }
@media only screen and (max-width: 45.71429em) { .button-group.radius.stack-for-small > * { display: block; margin: 0; }
  .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button, .button-group.radius.stack-for-small > * .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar .top-bar-section ul:not(.dropdown) li .button-group.radius.stack-for-small > * a.button, .button-group.radius.stack-for-small > * .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.radius.stack-for-small > * a.button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); }
  .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button, .button-group.radius.stack-for-small > *:first-child .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.radius.stack-for-small > *:first-child a.button { border-left: 0; }
  .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button, .button-group.radius.stack-for-small > * .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar .top-bar-section ul:not(.dropdown) li .button-group.radius.stack-for-small > * a.button, .button-group.radius.stack-for-small > * .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.radius.stack-for-small > * a.button { border-color: rgba(255, 255, 255, 0.5); border-left-width: 0; border-top: 1px solid; display: block; margin: 0; }
  .button-group.radius.stack-for-small > * > button { width: 100%; }
  .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button, .button-group.radius.stack-for-small > *:first-child .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.radius.stack-for-small > *:first-child a.button { border-top: 0; }
  .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * > .button, .top-bar .top-bar-section ul:not(.dropdown) li .button-group.radius.stack-for-small > * > a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.radius.stack-for-small > * > a.button { border-radius: 0; }
  .button-group.radius.stack-for-small > *:first-child, .button-group.radius.stack-for-small > *:first-child > a, .button-group.radius.stack-for-small > *:first-child > button, .button-group.radius.stack-for-small > *:first-child > .button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.radius.stack-for-small > *:first-child > a.button { -webkit-top-left-radius: 4px; -webkit-top-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
  .button-group.radius.stack-for-small > *:last-child, .button-group.radius.stack-for-small > *:last-child > a, .button-group.radius.stack-for-small > *:last-child > button, .button-group.radius.stack-for-small > *:last-child > .button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.radius.stack-for-small > *:last-child > a.button { -webkit-bottom-left-radius: 4px; -webkit-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } }
.button-group.round > * { display: inline-block; margin: 0 -2px; }
.button-group.round > * > button, .button-group.round > * .button, .button-group.round > * .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar .top-bar-section ul:not(.dropdown) li .button-group.round > * a.button, .button-group.round > * .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.round > * a.button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); }
.button-group.round > *:first-child button, .button-group.round > *:first-child .button, .button-group.round > *:first-child .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar .top-bar-section ul:not(.dropdown) li .button-group.round > *:first-child a.button, .button-group.round > *:first-child .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.round > *:first-child a.button { border-left: 0; }
.button-group.round > *, .button-group.round > * > a, .button-group.round > * > button, .button-group.round > * > .button, .top-bar .top-bar-section ul:not(.dropdown) li .button-group.round > * > a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.round > * > a.button { border-radius: 0; }
.button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button, .button-group.round > *:first-child > .button, .top-bar .top-bar-section ul:not(.dropdown) li .button-group.round > *:first-child > a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.round > *:first-child > a.button { -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; }
.button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button, .button-group.round > *:last-child > .button, .top-bar .top-bar-section ul:not(.dropdown) li .button-group.round > *:last-child > a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.round > *:last-child > a.button { -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; }
.button-group.round.stack > * { display: block; margin: 0; }
.button-group.round.stack > * > button, .button-group.round.stack > * .button, .button-group.round.stack > * .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar .top-bar-section ul:not(.dropdown) li .button-group.round.stack > * a.button, .button-group.round.stack > * .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.round.stack > * a.button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); }
.button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button, .button-group.round.stack > *:first-child .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.round.stack > *:first-child a.button { border-left: 0; }
.button-group.round.stack > * > button, .button-group.round.stack > * .button, .button-group.round.stack > * .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar .top-bar-section ul:not(.dropdown) li .button-group.round.stack > * a.button, .button-group.round.stack > * .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.round.stack > * a.button { border-color: rgba(255, 255, 255, 0.5); border-left-width: 0; border-top: 1px solid; display: block; margin: 0; }
.button-group.round.stack > * > button { width: 100%; }
.button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button, .button-group.round.stack > *:first-child .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.round.stack > *:first-child a.button { border-top: 0; }
.button-group.round.stack > *, .button-group.round.stack > * > a, .button-group.round.stack > * > button, .button-group.round.stack > * > .button, .top-bar .top-bar-section ul:not(.dropdown) li .button-group.round.stack > * > a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.round.stack > * > a.button { border-radius: 0; }
.button-group.round.stack > *:first-child, .button-group.round.stack > *:first-child > a, .button-group.round.stack > *:first-child > button, .button-group.round.stack > *:first-child > .button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.round.stack > *:first-child > a.button { -webkit-top-left-radius: 1.14286rem; -webkit-top-right-radius: 1.14286rem; border-top-left-radius: 1.14286rem; border-top-right-radius: 1.14286rem; }
.button-group.round.stack > *:last-child, .button-group.round.stack > *:last-child > a, .button-group.round.stack > *:last-child > button, .button-group.round.stack > *:last-child > .button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.round.stack > *:last-child > a.button { -webkit-bottom-left-radius: 1.14286rem; -webkit-bottom-right-radius: 1.14286rem; border-bottom-left-radius: 1.14286rem; border-bottom-right-radius: 1.14286rem; }
@media only screen and (min-width: 45.78571em) { .button-group.round.stack-for-small > * { display: inline-block; margin: 0 -2px; }
  .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button, .button-group.round.stack-for-small > * .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar .top-bar-section ul:not(.dropdown) li .button-group.round.stack-for-small > * a.button, .button-group.round.stack-for-small > * .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.round.stack-for-small > * a.button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); }
  .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button, .button-group.round.stack-for-small > *:first-child .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.round.stack-for-small > *:first-child a.button { border-left: 0; }
  .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * > .button, .top-bar .top-bar-section ul:not(.dropdown) li .button-group.round.stack-for-small > * > a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.round.stack-for-small > * > a.button { border-radius: 0; }
  .button-group.round.stack-for-small > *:first-child, .button-group.round.stack-for-small > *:first-child > a, .button-group.round.stack-for-small > *:first-child > button, .button-group.round.stack-for-small > *:first-child > .button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.round.stack-for-small > *:first-child > a.button { -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; }
  .button-group.round.stack-for-small > *:last-child, .button-group.round.stack-for-small > *:last-child > a, .button-group.round.stack-for-small > *:last-child > button, .button-group.round.stack-for-small > *:last-child > .button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.round.stack-for-small > *:last-child > a.button { -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; } }
@media only screen and (max-width: 45.71429em) { .button-group.round.stack-for-small > * { display: block; margin: 0; }
  .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button, .button-group.round.stack-for-small > * .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar .top-bar-section ul:not(.dropdown) li .button-group.round.stack-for-small > * a.button, .button-group.round.stack-for-small > * .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.round.stack-for-small > * a.button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); }
  .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button, .button-group.round.stack-for-small > *:first-child .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.round.stack-for-small > *:first-child a.button { border-left: 0; }
  .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button, .button-group.round.stack-for-small > * .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar .top-bar-section ul:not(.dropdown) li .button-group.round.stack-for-small > * a.button, .button-group.round.stack-for-small > * .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.round.stack-for-small > * a.button { border-color: rgba(255, 255, 255, 0.5); border-left-width: 0; border-top: 1px solid; display: block; margin: 0; }
  .button-group.round.stack-for-small > * > button { width: 100%; }
  .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button, .button-group.round.stack-for-small > *:first-child .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.round.stack-for-small > *:first-child a.button { border-top: 0; }
  .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * > .button, .top-bar .top-bar-section ul:not(.dropdown) li .button-group.round.stack-for-small > * > a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.round.stack-for-small > * > a.button { border-radius: 0; }
  .button-group.round.stack-for-small > *:first-child, .button-group.round.stack-for-small > *:first-child > a, .button-group.round.stack-for-small > *:first-child > button, .button-group.round.stack-for-small > *:first-child > .button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.round.stack-for-small > *:first-child > a.button { -webkit-top-left-radius: 1.14286rem; -webkit-top-right-radius: 1.14286rem; border-top-left-radius: 1.14286rem; border-top-right-radius: 1.14286rem; }
  .button-group.round.stack-for-small > *:last-child, .button-group.round.stack-for-small > *:last-child > a, .button-group.round.stack-for-small > *:last-child > button, .button-group.round.stack-for-small > *:last-child > .button, .top-bar #top-bar-nav ul:not(.dropdown) li .button-group.round.stack-for-small > *:last-child > a.button { -webkit-bottom-left-radius: 1.14286rem; -webkit-bottom-right-radius: 1.14286rem; border-bottom-left-radius: 1.14286rem; border-bottom-right-radius: 1.14286rem; } }

.button-bar:before, .button-bar:after { content: " "; display: table; }
.button-bar:after { clear: both; }
.button-bar .button-group { float: left; margin-right: 0.71429rem; }
.button-bar .button-group div { overflow: hidden; }

/* Clearing Styles */
.clearing-thumbs, [data-clearing] { list-style: none; margin-left: 0; margin-bottom: 0; }
.clearing-thumbs:before, .clearing-thumbs:after, [data-clearing]:before, [data-clearing]:after { content: " "; display: table; }
.clearing-thumbs:after, [data-clearing]:after { clear: both; }
.clearing-thumbs li, [data-clearing] li { float: left; margin-right: 10px; }
.clearing-thumbs[class*="block-grid-"] li, [data-clearing][class*="block-grid-"] li { margin-right: 0; }

.clearing-blackout { background: #333333; height: 100%; position: fixed; top: 0; width: 100%; z-index: 998; left: 0; }
.clearing-blackout .clearing-close { display: block; }

.clearing-container { height: 100%; margin: 0; overflow: hidden; position: relative; z-index: 998; }

.clearing-touch-label { color: #AAAAAA; font-size: .6em; left: 50%; position: absolute; top: 50%; }

.visible-img { height: 95%; position: relative; }
.visible-img img { position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); max-height: 100%; max-width: 100%; }

.clearing-caption { background: #333333; bottom: 0; color: #CCCCCC; font-size: 0.875em; line-height: 1.3; margin-bottom: 0; padding: 10px 30px 20px; position: absolute; text-align: center; width: 100%; left: 0; }

.clearing-close { color: #CCCCCC; display: none; font-size: 30px; line-height: 1; padding-left: 20px; padding-top: 10px; z-index: 999; }
.clearing-close:hover, .clearing-close:focus { color: #CCCCCC; }

.clearing-assembled .clearing-container { height: 100%; }
.clearing-assembled .clearing-container .carousel > ul { display: none; }

.clearing-feature li { display: none; }
.clearing-feature li.clearing-featured-img { display: block; }

@media only screen and (min-width: 45.78571em) { .clearing-main-prev, .clearing-main-next { height: 100%; position: absolute; top: 0; width: 40px; }
  .clearing-main-prev > span, .clearing-main-next > span { border: solid 12px; display: block; height: 0; position: absolute; top: 50%; width: 0; }
  .clearing-main-prev > span:hover, .clearing-main-next > span:hover { opacity: .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; }
  .clearing-assembled .clearing-container .carousel { background: rgba(51, 51, 51, 0.8); height: 120px; margin-top: 10px; text-align: center; }
  .clearing-assembled .clearing-container .carousel > ul { display: inline-block; z-index: 999; height: 100%; position: relative; float: none; }
  .clearing-assembled .clearing-container .carousel > ul li { clear: none; cursor: pointer; display: block; float: left; margin-right: 0; min-height: inherit; opacity: .4; overflow: hidden; padding: 0; position: relative; width: 120px; }
  .clearing-assembled .clearing-container .carousel > ul li.fix-height img { height: 100%; max-width: none; }
  .clearing-assembled .clearing-container .carousel > ul li a.th { border: none; box-shadow: none; display: block; }
  .clearing-assembled .clearing-container .carousel > ul li img { cursor: pointer !important; width: 100% !important; }
  .clearing-assembled .clearing-container .carousel > ul li.visible { opacity: 1; }
  .clearing-assembled .clearing-container .carousel > ul li:hover { opacity: .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; } }
/* Foundation Dropdowns */
.f-dropdown { display: none; left: -9999px; list-style: none; margin-left: 0; position: absolute; background: #FFFFFF; border: solid 1px #cccccc; font-size: 1rem; height: auto; max-height: none; width: 100%; z-index: 89; margin-top: 2px; max-width: 200px; }
.f-dropdown.open { display: block; }
.f-dropdown > *:first-child { margin-top: 0; }
.f-dropdown > *:last-child { margin-bottom: 0; }
.f-dropdown:before { border: inset 6px; content: ""; display: block; height: 0; width: 0; border-color: transparent transparent #FFFFFF transparent; border-bottom-style: solid; position: absolute; top: -12px; left: 10px; z-index: 89; }
.f-dropdown:after { border: inset 7px; content: ""; display: block; height: 0; width: 0; border-color: transparent transparent #cccccc transparent; border-bottom-style: solid; position: absolute; top: -14px; left: 9px; z-index: 88; }
.f-dropdown.right:before { left: auto; right: 10px; }
.f-dropdown.right:after { left: auto; right: 9px; }
.f-dropdown.drop-right { display: none; left: -9999px; list-style: none; margin-left: 0; position: absolute; background: #FFFFFF; border: solid 1px #cccccc; font-size: 1rem; height: auto; max-height: none; width: 100%; z-index: 89; margin-top: 0; margin-left: 2px; max-width: 200px; }
.f-dropdown.drop-right.open { display: block; }
.f-dropdown.drop-right > *:first-child { margin-top: 0; }
.f-dropdown.drop-right > *:last-child { margin-bottom: 0; }
.f-dropdown.drop-right:before { border: inset 6px; content: ""; display: block; height: 0; width: 0; border-color: transparent #FFFFFF transparent transparent; border-right-style: solid; position: absolute; top: 10px; left: -12px; z-index: 89; }
.f-dropdown.drop-right:after { border: inset 7px; content: ""; display: block; height: 0; width: 0; border-color: transparent #cccccc transparent transparent; border-right-style: solid; position: absolute; top: 9px; left: -14px; z-index: 88; }
.f-dropdown.drop-left { display: none; left: -9999px; list-style: none; margin-left: 0; position: absolute; background: #FFFFFF; border: solid 1px #cccccc; font-size: 1rem; height: auto; max-height: none; width: 100%; z-index: 89; margin-top: 0; margin-left: -2px; max-width: 200px; }
.f-dropdown.drop-left.open { display: block; }
.f-dropdown.drop-left > *:first-child { margin-top: 0; }
.f-dropdown.drop-left > *:last-child { margin-bottom: 0; }
.f-dropdown.drop-left:before { border: inset 6px; content: ""; display: block; height: 0; width: 0; border-color: transparent transparent transparent #FFFFFF; border-left-style: solid; position: absolute; top: 10px; right: -12px; left: auto; z-index: 89; }
.f-dropdown.drop-left:after { border: inset 7px; content: ""; display: block; height: 0; width: 0; border-color: transparent transparent transparent #cccccc; border-left-style: solid; position: absolute; top: 9px; right: -14px; left: auto; z-index: 88; }
.f-dropdown.drop-top { display: none; left: -9999px; list-style: none; margin-left: 0; position: absolute; background: #FFFFFF; border: solid 1px #cccccc; font-size: 1rem; height: auto; max-height: none; width: 100%; z-index: 89; margin-left: 0; margin-top: -2px; max-width: 200px; }
.f-dropdown.drop-top.open { display: block; }
.f-dropdown.drop-top > *:first-child { margin-top: 0; }
.f-dropdown.drop-top > *:last-child { margin-bottom: 0; }
.f-dropdown.drop-top:before { border: inset 6px; content: ""; display: block; height: 0; width: 0; border-color: #FFFFFF transparent transparent transparent; border-top-style: solid; bottom: -12px; position: absolute; top: auto; left: 10px; right: auto; z-index: 89; }
.f-dropdown.drop-top:after { border: inset 7px; content: ""; display: block; height: 0; width: 0; border-color: #cccccc transparent transparent transparent; border-top-style: solid; bottom: -14px; position: absolute; top: auto; left: 9px; right: auto; z-index: 88; }
.f-dropdown li { cursor: pointer; font-size: 1rem; line-height: 1.28571rem; margin: 0; }
.f-dropdown li:hover, .f-dropdown li:focus { background: #EEEEEE; }
.f-dropdown li a { display: block; padding: 0.5rem; color: #555555; }
.f-dropdown.content { display: none; left: -9999px; list-style: none; margin-left: 0; position: absolute; background: #FFFFFF; border: solid 1px #cccccc; font-size: 1rem; height: auto; max-height: none; padding: 1.42857rem; width: 100%; z-index: 89; max-width: 200px; }
.f-dropdown.content.open { display: block; }
.f-dropdown.content > *:first-child { margin-top: 0; }
.f-dropdown.content > *:last-child { margin-bottom: 0; }
.f-dropdown.radius { border-radius: 4px; }
.f-dropdown.tiny { max-width: 200px; }
.f-dropdown.small { max-width: 300px; }
.f-dropdown.medium { max-width: 500px; }
.f-dropdown.large { max-width: 800px; }
.f-dropdown.mega { width: 100% !important; max-width: 100% !important; }
.f-dropdown.mega.open { left: 0 !important; }

/* Standard Forms */
form { margin: 0 0 1.14286rem; }

/* Using forms within rows, we need to set some defaults */
form .row .row { margin: 0 -0.57143rem; }
form .row .row .column, form .row .row .columns { padding: 0 0.57143rem; }
form .row .row.collapse { margin: 0; }
form .row .row.collapse .column, form .row .row.collapse .columns { padding: 0; }
form .row .row.collapse input { -webkit-border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; }
form .row input.column, form .row input.columns, form .row textarea.column, form .row textarea.columns { padding-left: 0.57143rem; }

/* Label Styles */
label, .css-membership-society-admin-container .css-membership-society-admin-panel .css-membership-society-details-label, .css-membership-add-category-form .css-membership-society-details-label { color: #4d4d4d; cursor: pointer; display: block; font-size: 1rem; font-weight: normal; line-height: 1.5; margin-bottom: 0; /* Styles for required inputs */ }
label.right, .css-membership-society-admin-container .css-membership-society-admin-panel .right.css-membership-society-details-label, .css-membership-add-category-form .right.css-membership-society-details-label { float: none !important; text-align: right; }
label.inline, .css-membership-society-admin-container .css-membership-society-admin-panel .inline.css-membership-society-details-label, .css-membership-add-category-form .inline.css-membership-society-details-label { margin: 0 0 1.14286rem 0; padding: 0.64286rem 0; }
label small, .css-membership-society-admin-container .css-membership-society-admin-panel .css-membership-society-details-label small, .css-membership-add-category-form .css-membership-society-details-label small { text-transform: capitalize; color: #676767; }

/* Attach elements to the beginning or end of an input */
.prefix, .postfix { border-style: solid; border-width: 1px; display: block; font-size: 1rem; height: 2.64286rem; line-height: 2.64286rem; overflow: visible; padding-bottom: 0; padding-top: 0; position: relative; text-align: center; width: 100%; z-index: 2; }

/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button, .top-bar .top-bar-section ul:not(.dropdown) li a.postfix.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.postfix.button { border: none; padding-left: 0; padding-right: 0; padding-bottom: 0; padding-top: 0; text-align: center; }

.prefix.button, .top-bar .top-bar-section ul:not(.dropdown) li a.prefix.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.prefix.button { border: none; padding-left: 0; padding-right: 0; padding-bottom: 0; padding-top: 0; text-align: center; }

.prefix.button.radius, .top-bar .top-bar-section ul:not(.dropdown) li a.prefix.radius.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.prefix.radius.button { border-radius: 0; -webkit-border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }

.postfix.button.radius, .top-bar .top-bar-section ul:not(.dropdown) li a.postfix.radius.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.postfix.radius.button { border-radius: 0; -webkit-border-bottom-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-right-radius: 4px; }

.prefix.button.round, .top-bar .top-bar-section ul:not(.dropdown) li a.prefix.round.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.prefix.round.button { border-radius: 0; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; }

.postfix.button.round, .top-bar .top-bar-section ul:not(.dropdown) li a.postfix.round.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.postfix.round.button { border-radius: 0; -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; }

/* Separate prefix and postfix styles when on span or label so buttons keep their own */
span.prefix, label.prefix, .css-membership-society-admin-container .css-membership-society-admin-panel .prefix.css-membership-society-details-label, .css-membership-add-category-form .prefix.css-membership-society-details-label { background: #f2f2f2; border-right: none; color: #333333; border-color: #cccccc; }

span.postfix, label.postfix, .css-membership-society-admin-container .css-membership-society-admin-panel .postfix.css-membership-society-details-label, .css-membership-add-category-form .postfix.css-membership-society-details-label { background: #f2f2f2; border-left: none; color: #333333; border-color: #cccccc; }

/* We use this to get basic styling on all basic form elements */
input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; background-color: #FFFFFF; border-style: solid; border-width: 1px; border-color: #cccccc; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-family: inherit; font-size: 1rem; height: 2.64286rem; margin: 0 0 1.14286rem 0; padding: 0.57143rem; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border-color 0.15s linear, background 0.15s linear; -moz-transition: border-color 0.15s linear, background 0.15s linear; -ms-transition: border-color 0.15s linear, background 0.15s linear; -o-transition: border-color 0.15s linear, background 0.15s linear; transition: border-color 0.15s linear, background 0.15s linear; }
input:not([type]):focus, input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus { background: #fafafa; border-color: #999999; outline: none; }
input:not([type]):disabled, input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled { background-color: #DDDDDD; cursor: default; }
input:not([type])[disabled], input:not([type])[readonly], fieldset[disabled] input:not([type]), input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly], fieldset[disabled] textarea { background-color: #DDDDDD; cursor: default; }
input:not([type]).radius, input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius { border-radius: 4px; }

form .row .prefix-radius.row.collapse input, form .row .prefix-radius.row.collapse textarea, form .row .prefix-radius.row.collapse select, form .row .prefix-radius.row.collapse button { border-radius: 0; -webkit-border-bottom-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-right-radius: 4px; }
form .row .prefix-radius.row.collapse .prefix { border-radius: 0; -webkit-border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
form .row .postfix-radius.row.collapse input, form .row .postfix-radius.row.collapse textarea, form .row .postfix-radius.row.collapse select, form .row .postfix-radius.row.collapse button { border-radius: 0; -webkit-border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
form .row .postfix-radius.row.collapse .postfix { border-radius: 0; -webkit-border-bottom-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-right-radius: 4px; }
form .row .prefix-round.row.collapse input, form .row .prefix-round.row.collapse textarea, form .row .prefix-round.row.collapse select, form .row .prefix-round.row.collapse button { border-radius: 0; -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; }
form .row .prefix-round.row.collapse .prefix { border-radius: 0; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; }
form .row .postfix-round.row.collapse input, form .row .postfix-round.row.collapse textarea, form .row .postfix-round.row.collapse select, form .row .postfix-round.row.collapse button { border-radius: 0; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; }
form .row .postfix-round.row.collapse .postfix { border-radius: 0; -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; }

input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; }

/* Respect enforced amount of rows for textarea */
textarea[rows] { height: auto; }

/* Not allow resize out of parent */
textarea { max-width: 100%; }

::-webkit-input-placeholder { color: #666666; }

:-moz-placeholder { /* Firefox 18- */ color: #666666; }

::-moz-placeholder { /* Firefox 19+ */ color: #666666; }

:-ms-input-placeholder { color: #666666; }

/* Add height value for select elements to match text input height */
select { -webkit-appearance: none !important; -moz-appearance: none !important; background-color: #FAFAFA; border-radius: 0; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+"); background-position: 100% center; background-repeat: no-repeat; border-style: solid; border-width: 1px; border-color: #cccccc; color: rgba(0, 0, 0, 0.75); font-family: inherit; font-size: 1rem; line-height: normal; padding: 0.57143rem; border-radius: 0; height: 2.64286rem; }
select::-ms-expand { display: none; }
select.radius { border-radius: 4px; }
select:focus { background-color: #f3f3f3; border-color: #999999; }
select:disabled { background-color: #DDDDDD; cursor: default; }
select[multiple] { height: auto; }

/* Adjust margin for form elements below */
input[type="file"], input[type="checkbox"], input[type="radio"], select { margin: 0 0 1.14286rem 0; }

input[type="checkbox"] + label, .css-membership-society-admin-container .css-membership-society-admin-panel input[type="checkbox"] + .css-membership-society-details-label, .css-membership-add-category-form input[type="checkbox"] + .css-membership-society-details-label, input[type="radio"] + label, .css-membership-society-admin-container .css-membership-society-admin-panel input[type="radio"] + .css-membership-society-details-label, .css-membership-add-category-form input[type="radio"] + .css-membership-society-details-label { display: inline-block; margin-left: 0.57143rem; margin-right: 1.14286rem; margin-bottom: 0; vertical-align: baseline; }

/* Normalize file input width */
input[type="file"] { width: 100%; }

/* HTML5 Number spinners settings */
/* We add basic fieldset styling */
fieldset { border: 1px solid #DDDDDD; margin: 1.28571rem 0; padding: 1.42857rem; }
fieldset legend { font-weight: bold; margin: 0; margin-left: -0.21429rem; padding: 0 0.21429rem; }

/* Error Handling */
[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error { display: block; font-size: 0.85714rem; font-style: italic; font-weight: normal; margin-bottom: 1.14286rem; margin-top: -1px; padding: 0.42857rem 0.64286rem 0.64286rem; background: #f04124; color: #FFFFFF; }
[data-abide] span.error, [data-abide] small.error { display: none; }

span.error, small.error { display: block; font-size: 0.85714rem; font-style: italic; font-weight: normal; margin-bottom: 1.14286rem; margin-top: -1px; padding: 0.42857rem 0.64286rem 0.64286rem; background: #f04124; color: #FFFFFF; }

.error input, .error textarea, .error select { margin-bottom: 0; }
.error input[type="checkbox"], .error input[type="radio"] { margin-bottom: 1.14286rem; }
.error label, .error .css-membership-society-admin-container .css-membership-society-admin-panel .css-membership-society-details-label, .css-membership-society-admin-container .css-membership-society-admin-panel .error .css-membership-society-details-label, .error .css-membership-add-category-form .css-membership-society-details-label, .css-membership-add-category-form .error .css-membership-society-details-label, .error label.error, .error .css-membership-society-admin-container .css-membership-society-admin-panel .error.css-membership-society-details-label, .css-membership-society-admin-container .css-membership-society-admin-panel .error .error.css-membership-society-details-label, .error .css-membership-add-category-form .error.css-membership-society-details-label, .css-membership-add-category-form .error .error.css-membership-society-details-label { color: #f04124; }
.error small.error { display: block; font-size: 0.85714rem; font-style: italic; font-weight: normal; margin-bottom: 1.14286rem; margin-top: -1px; padding: 0.42857rem 0.64286rem 0.64286rem; background: #f04124; color: #FFFFFF; }
.error > label > small, .css-membership-society-admin-container .css-membership-society-admin-panel .error > .css-membership-society-details-label > small, .css-membership-add-category-form .error > .css-membership-society-details-label > small { background: transparent; color: #676767; display: inline; font-size: 60%; font-style: normal; margin: 0; padding: 0; text-transform: capitalize; }
.error span.error-message { display: block; }

input.error, textarea.error, select.error { margin-bottom: 0; }

label.error, .css-membership-society-admin-container .css-membership-society-admin-panel .error.css-membership-society-details-label, .css-membership-add-category-form .error.css-membership-society-details-label { color: #f04124; }

.row { margin: 0 auto; max-width: 1073px; width: 100%; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }
.row.collapse > .column, .row.collapse > .columns { padding-left: 0; padding-right: 0; }
.row.collapse .row { margin-left: 0; margin-right: 0; }
.row .row { margin: 0 -0.71429rem; max-width: none; width: auto; }
.row .row:before, .row .row:after { content: " "; display: table; }
.row .row:after { clear: both; }
.row .row.collapse { margin: 0; max-width: none; width: auto; }
.row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; }
.row .row.collapse:after { clear: both; }

.column, .columns { padding-left: 0.71429rem; padding-right: 0.71429rem; width: 100%; float: left; }

.column + .column:last-child, .columns + .column:last-child, .column + .columns:last-child, .columns + .columns:last-child { float: left; }
.column + .column.end, .columns + .column.end, .column + .columns.end, .columns + .columns.end { float: left; }

@media only screen { .small-push-0 { position: relative; left: 0; right: auto; }
  .small-pull-0 { position: relative; right: 0; left: auto; }
  .small-push-1 { position: relative; left: 8.33333%; right: auto; }
  .small-pull-1 { position: relative; right: 8.33333%; left: auto; }
  .small-push-2 { position: relative; left: 16.66667%; right: auto; }
  .small-pull-2 { position: relative; right: 16.66667%; 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.33333%; right: auto; }
  .small-pull-4 { position: relative; right: 33.33333%; left: auto; }
  .small-push-5 { position: relative; left: 41.66667%; right: auto; }
  .small-pull-5 { position: relative; right: 41.66667%; 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.33333%; right: auto; }
  .small-pull-7 { position: relative; right: 58.33333%; left: auto; }
  .small-push-8 { position: relative; left: 66.66667%; right: auto; }
  .small-pull-8 { position: relative; right: 66.66667%; 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.33333%; right: auto; }
  .small-pull-10 { position: relative; right: 83.33333%; left: auto; }
  .small-push-11 { position: relative; left: 91.66667%; right: auto; }
  .small-pull-11 { position: relative; right: 91.66667%; left: auto; }
  .column, .columns { position: relative; padding-left: 0.71429rem; padding-right: 0.71429rem; float: left; }
  .small-1 { width: 8.33333%; }
  .small-2 { width: 16.66667%; }
  .small-3 { width: 25%; }
  .small-4 { width: 33.33333%; }
  .small-5 { width: 41.66667%; }
  .small-6 { width: 50%; }
  .small-7 { width: 58.33333%; }
  .small-8 { width: 66.66667%; }
  .small-9 { width: 75%; }
  .small-10 { width: 83.33333%; }
  .small-11 { width: 91.66667%; }
  .small-12 { width: 100%; }
  .small-offset-0 { margin-left: 0 !important; }
  .small-offset-1 { margin-left: 8.33333% !important; }
  .small-offset-2 { margin-left: 16.66667% !important; }
  .small-offset-3 { margin-left: 25% !important; }
  .small-offset-4 { margin-left: 33.33333% !important; }
  .small-offset-5 { margin-left: 41.66667% !important; }
  .small-offset-6 { margin-left: 50% !important; }
  .small-offset-7 { margin-left: 58.33333% !important; }
  .small-offset-8 { margin-left: 66.66667% !important; }
  .small-offset-9 { margin-left: 75% !important; }
  .small-offset-10 { margin-left: 83.33333% !important; }
  .small-offset-11 { margin-left: 91.66667% !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; }
  .row.small-collapse .row { margin-left: 0; margin-right: 0; }
  .row.small-uncollapse > .column, .row.small-uncollapse > .columns { padding-left: 0.71429rem; padding-right: 0.71429rem; float: left; } }
@media only screen and (min-width: 45.78571em) { .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.33333%; right: auto; }
  .medium-pull-1 { position: relative; right: 8.33333%; left: auto; }
  .medium-push-2 { position: relative; left: 16.66667%; right: auto; }
  .medium-pull-2 { position: relative; right: 16.66667%; 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.33333%; right: auto; }
  .medium-pull-4 { position: relative; right: 33.33333%; left: auto; }
  .medium-push-5 { position: relative; left: 41.66667%; right: auto; }
  .medium-pull-5 { position: relative; right: 41.66667%; 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.33333%; right: auto; }
  .medium-pull-7 { position: relative; right: 58.33333%; left: auto; }
  .medium-push-8 { position: relative; left: 66.66667%; right: auto; }
  .medium-pull-8 { position: relative; right: 66.66667%; 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.33333%; right: auto; }
  .medium-pull-10 { position: relative; right: 83.33333%; left: auto; }
  .medium-push-11 { position: relative; left: 91.66667%; right: auto; }
  .medium-pull-11 { position: relative; right: 91.66667%; left: auto; }
  .column, .columns { position: relative; padding-left: 0.71429rem; padding-right: 0.71429rem; float: left; }
  .medium-1 { width: 8.33333%; }
  .medium-2 { width: 16.66667%; }
  .medium-3 { width: 25%; }
  .medium-4 { width: 33.33333%; }
  .medium-5 { width: 41.66667%; }
  .medium-6 { width: 50%; }
  .medium-7 { width: 58.33333%; }
  .medium-8 { width: 66.66667%; }
  .medium-9 { width: 75%; }
  .medium-10 { width: 83.33333%; }
  .medium-11 { width: 91.66667%; }
  .medium-12 { width: 100%; }
  .medium-offset-0 { margin-left: 0 !important; }
  .medium-offset-1 { margin-left: 8.33333% !important; }
  .medium-offset-2 { margin-left: 16.66667% !important; }
  .medium-offset-3 { margin-left: 25% !important; }
  .medium-offset-4 { margin-left: 33.33333% !important; }
  .medium-offset-5 { margin-left: 41.66667% !important; }
  .medium-offset-6 { margin-left: 50% !important; }
  .medium-offset-7 { margin-left: 58.33333% !important; }
  .medium-offset-8 { margin-left: 66.66667% !important; }
  .medium-offset-9 { margin-left: 75% !important; }
  .medium-offset-10 { margin-left: 83.33333% !important; }
  .medium-offset-11 { margin-left: 91.66667% !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; }
  .row.medium-collapse .row { margin-left: 0; margin-right: 0; }
  .row.medium-uncollapse > .column, .row.medium-uncollapse > .columns { padding-left: 0.71429rem; padding-right: 0.71429rem; float: left; }
  .push-0 { position: relative; left: 0; right: auto; }
  .pull-0 { position: relative; right: 0; left: auto; }
  .push-1 { position: relative; left: 8.33333%; right: auto; }
  .pull-1 { position: relative; right: 8.33333%; left: auto; }
  .push-2 { position: relative; left: 16.66667%; right: auto; }
  .pull-2 { position: relative; right: 16.66667%; left: auto; }
  .push-3 { position: relative; left: 25%; right: auto; }
  .pull-3 { position: relative; right: 25%; left: auto; }
  .push-4 { position: relative; left: 33.33333%; right: auto; }
  .pull-4 { position: relative; right: 33.33333%; left: auto; }
  .push-5 { position: relative; left: 41.66667%; right: auto; }
  .pull-5 { position: relative; right: 41.66667%; left: auto; }
  .push-6 { position: relative; left: 50%; right: auto; }
  .pull-6 { position: relative; right: 50%; left: auto; }
  .push-7 { position: relative; left: 58.33333%; right: auto; }
  .pull-7 { position: relative; right: 58.33333%; left: auto; }
  .push-8 { position: relative; left: 66.66667%; right: auto; }
  .pull-8 { position: relative; right: 66.66667%; left: auto; }
  .push-9 { position: relative; left: 75%; right: auto; }
  .pull-9 { position: relative; right: 75%; left: auto; }
  .push-10 { position: relative; left: 83.33333%; right: auto; }
  .pull-10 { position: relative; right: 83.33333%; left: auto; }
  .push-11 { position: relative; left: 91.66667%; right: auto; }
  .pull-11 { position: relative; right: 91.66667%; left: auto; } }
@media only screen and (min-width: 73.21429em) { .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.33333%; right: auto; }
  .large-pull-1 { position: relative; right: 8.33333%; left: auto; }
  .large-push-2 { position: relative; left: 16.66667%; right: auto; }
  .large-pull-2 { position: relative; right: 16.66667%; 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.33333%; right: auto; }
  .large-pull-4 { position: relative; right: 33.33333%; left: auto; }
  .large-push-5 { position: relative; left: 41.66667%; right: auto; }
  .large-pull-5 { position: relative; right: 41.66667%; 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.33333%; right: auto; }
  .large-pull-7 { position: relative; right: 58.33333%; left: auto; }
  .large-push-8 { position: relative; left: 66.66667%; right: auto; }
  .large-pull-8 { position: relative; right: 66.66667%; 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.33333%; right: auto; }
  .large-pull-10 { position: relative; right: 83.33333%; left: auto; }
  .large-push-11 { position: relative; left: 91.66667%; right: auto; }
  .large-pull-11 { position: relative; right: 91.66667%; left: auto; }
  .column, .columns { position: relative; padding-left: 0.71429rem; padding-right: 0.71429rem; float: left; }
  .large-1 { width: 8.33333%; }
  .large-2 { width: 16.66667%; }
  .large-3 { width: 25%; }
  .large-4 { width: 33.33333%; }
  .large-5 { width: 41.66667%; }
  .large-6 { width: 50%; }
  .large-7 { width: 58.33333%; }
  .large-8 { width: 66.66667%; }
  .large-9 { width: 75%; }
  .large-10 { width: 83.33333%; }
  .large-11 { width: 91.66667%; }
  .large-12 { width: 100%; }
  .large-offset-0 { margin-left: 0 !important; }
  .large-offset-1 { margin-left: 8.33333% !important; }
  .large-offset-2 { margin-left: 16.66667% !important; }
  .large-offset-3 { margin-left: 25% !important; }
  .large-offset-4 { margin-left: 33.33333% !important; }
  .large-offset-5 { margin-left: 41.66667% !important; }
  .large-offset-6 { margin-left: 50% !important; }
  .large-offset-7 { margin-left: 58.33333% !important; }
  .large-offset-8 { margin-left: 66.66667% !important; }
  .large-offset-9 { margin-left: 75% !important; }
  .large-offset-10 { margin-left: 83.33333% !important; }
  .large-offset-11 { margin-left: 91.66667% !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; }
  .row.large-collapse .row { margin-left: 0; margin-right: 0; }
  .row.large-uncollapse > .column, .row.large-uncollapse > .columns { padding-left: 0.71429rem; padding-right: 0.71429rem; float: left; }
  .push-0 { position: relative; left: 0; right: auto; }
  .pull-0 { position: relative; right: 0; left: auto; }
  .push-1 { position: relative; left: 8.33333%; right: auto; }
  .pull-1 { position: relative; right: 8.33333%; left: auto; }
  .push-2 { position: relative; left: 16.66667%; right: auto; }
  .pull-2 { position: relative; right: 16.66667%; left: auto; }
  .push-3 { position: relative; left: 25%; right: auto; }
  .pull-3 { position: relative; right: 25%; left: auto; }
  .push-4 { position: relative; left: 33.33333%; right: auto; }
  .pull-4 { position: relative; right: 33.33333%; left: auto; }
  .push-5 { position: relative; left: 41.66667%; right: auto; }
  .pull-5 { position: relative; right: 41.66667%; left: auto; }
  .push-6 { position: relative; left: 50%; right: auto; }
  .pull-6 { position: relative; right: 50%; left: auto; }
  .push-7 { position: relative; left: 58.33333%; right: auto; }
  .pull-7 { position: relative; right: 58.33333%; left: auto; }
  .push-8 { position: relative; left: 66.66667%; right: auto; }
  .pull-8 { position: relative; right: 66.66667%; left: auto; }
  .push-9 { position: relative; left: 75%; right: auto; }
  .pull-9 { position: relative; right: 75%; left: auto; }
  .push-10 { position: relative; left: 83.33333%; right: auto; }
  .pull-10 { position: relative; right: 83.33333%; left: auto; }
  .push-11 { position: relative; left: 91.66667%; right: auto; }
  .pull-11 { position: relative; right: 91.66667%; left: auto; } }
.inline-list { list-style: none; margin-top: 0; margin-bottom: 1.21429rem; margin-left: -1.57143rem; margin-right: 0; overflow: hidden; padding: 0; }
.inline-list > li { display: block; float: left; list-style: none; margin-left: 1.57143rem; }
.inline-list > li > * { display: block; }

.label { display: inline-block; font-family: "Noto Sans", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; line-height: 1; margin-bottom: auto; position: relative; text-align: center; text-decoration: none; white-space: nowrap; padding: 0.28571rem 0.57143rem 0.28571rem; font-size: 0.78571rem; background-color: #008CBA; color: #FFFFFF; }
.label.radius { border-radius: 4px; }
.label.round { border-radius: 1000px; }
.label.alert { background-color: #f04124; color: #FFFFFF; }
.label.warning { background-color: #f08a24; color: #FFFFFF; }
.label.success { background-color: #43AC6A; color: #FFFFFF; }
.label.secondary { background-color: #e7e7e7; color: #333333; }
.label.info { background-color: #a0d3e8; color: #333333; }

ul.pagination { display: block; margin-left: -0.35714rem; min-height: 1.71429rem; }
ul.pagination li { color: #222222; font-size: 1rem; height: 1.71429rem; margin-left: 0.35714rem; }
ul.pagination li a, ul.pagination li button { border-radius: 4px; transition: background-color 300ms ease-out; background: none; color: #000000 !important; display: block; font-size: 1em; font-weight: normal; line-height: inherit; padding: 0.07143rem 0.71429rem 0.07143rem; }
ul.pagination li:hover a, ul.pagination li a:focus, ul.pagination li:hover button, ul.pagination li button:focus { background: #e6e6e6; }
ul.pagination li.unavailable a, ul.pagination li.unavailable button { cursor: default; color: #999999; pointer-events: none; }
ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus, ul.pagination li.unavailable:hover button, ul.pagination li.unavailable button:focus { background: transparent; }
ul.pagination li.current a, ul.pagination li.current button { background: #0072cf; color: #FFFFFF; cursor: default; font-weight: bold; }
ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus { background: #008CBA; }
ul.pagination li { display: block; float: left; }

/* Pagination centred wrapper */
.pagination-centered { text-align: center; }
.pagination-centered ul.pagination li { display: inline-block; float: none; }

/* Panels */
.panel { border-style: solid; border-width: 1px; border-color: #d8d8d8; margin-bottom: 1.42857rem; padding: 1.42857rem; background: #f2f2f2; color: #333333; }
.panel > :first-child { margin-top: 0; }
.panel > :last-child { margin-bottom: 0; }
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel .banner a:not(.button), .banner .panel a:not(.button), .panel li, .panel dl { color: #333333; }
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 { line-height: 1; margin-bottom: 0.71429rem; }
.panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader { line-height: 1.4; }
.panel.callout { border-style: solid; border-width: 1px; border-color: #d8d8d8; margin-bottom: 1.42857rem; padding: 1.42857rem; background: #ecfaff; color: #333333; }
.panel.callout > :first-child { margin-top: 0; }
.panel.callout > :last-child { margin-bottom: 0; }
.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p, .panel.callout .banner a:not(.button), .banner .panel.callout a:not(.button), .panel.callout li, .panel.callout dl { color: #333333; }
.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 { line-height: 1; margin-bottom: 0.71429rem; }
.panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader { line-height: 1.4; }
.panel.callout a:not(.button) { color: #008CBA; }
.panel.callout a:not(.button):hover, .panel.callout a:not(.button):focus { color: #0078a0; }
.panel.radius { border-radius: 4px; }

.reveal-modal-bg { background: #000000; background: rgba(0, 0, 0, 0.45); bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 1004; left: 0; }

.reveal-modal { border-radius: 4px; display: none; position: absolute; top: 0; visibility: hidden; width: 100%; z-index: 1005; left: 0; background-color: #FFFFFF; padding: 2.14286rem; border: solid 1px #666666; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
@media only screen and (max-width: 45.71429em) { .reveal-modal { min-height: 100vh; } }
.reveal-modal .column, .reveal-modal .columns { min-width: 0; }
.reveal-modal > :first-child { margin-top: 0; }
.reveal-modal > :last-child { margin-bottom: 0; }
@media only screen and (min-width: 45.78571em) { .reveal-modal { left: 0; margin: 0 auto; max-width: 1073px; right: 0; width: 80%; } }
@media only screen and (min-width: 45.78571em) { .reveal-modal { top: 7.14286rem; } }
.reveal-modal.radius { box-shadow: none; border-radius: 4px; }
.reveal-modal.round { box-shadow: none; border-radius: 1000px; }
.reveal-modal.collapse { padding: 0; box-shadow: none; }
@media only screen and (min-width: 45.78571em) { .reveal-modal.tiny { left: 0; margin: 0 auto; max-width: 1073px; right: 0; width: 30%; } }
@media only screen and (min-width: 45.78571em) { .reveal-modal.small { left: 0; margin: 0 auto; max-width: 1073px; right: 0; width: 40%; } }
@media only screen and (min-width: 45.78571em) { .reveal-modal.medium { left: 0; margin: 0 auto; max-width: 1073px; right: 0; width: 60%; } }
@media only screen and (min-width: 45.78571em) { .reveal-modal.large { left: 0; margin: 0 auto; max-width: 1073px; right: 0; width: 70%; } }
@media only screen and (min-width: 45.78571em) { .reveal-modal.xlarge { left: 0; margin: 0 auto; max-width: 1073px; right: 0; width: 95%; } }
.reveal-modal.full { height: 100vh; height: 100%; left: 0; margin-left: 0 !important; max-width: none !important; min-height: 100vh; top: 0; }
@media only screen and (min-width: 45.78571em) { .reveal-modal.full { left: 0; margin: 0 auto; max-width: 1073px; right: 0; width: 100%; } }
.reveal-modal.toback { z-index: 1003; }
.reveal-modal .close-reveal-modal { color: #AAAAAA; cursor: pointer; font-size: 2.85714rem; font-weight: bold; line-height: 1; position: absolute; top: 0.71429rem; right: 1.57143rem; }

.side-nav { display: block; font-family: "Noto Sans", Helvetica, Roboto, Arial, sans-serif; list-style-position: outside; list-style-type: none; margin: 0; padding: 1rem 0; }
.side-nav li { font-size: 1rem; font-weight: normal; margin: 0 0 0.5rem 0; }
.side-nav li a:not(.button) { color: #008CBA; display: block; margin: 0; padding: 0.5rem 1rem; }
.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus { background: rgba(0, 0, 0, 0.025); color: #1cc7ff; }
.side-nav li a:not(.button):active { color: #1cc7ff; }
.side-nav li.active > a:first-child:not(.button) { color: #1cc7ff; font-family: "Noto Sans", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; }
.side-nav li.divider { border-top: 1px solid; height: 0; list-style: none; padding: 0; border-top-color: #CCCCCC; }
.side-nav li.heading { color: #008CBA; font-size: 1rem; font-weight: bold; text-transform: uppercase; }

.tabs { margin-bottom: 0 !important; margin-left: 0; }
.tabs:before, .tabs:after { content: " "; display: table; }
.tabs:after { clear: both; }
.tabs dd, .tabs .tab-title { float: left; list-style: none; margin-bottom: 0 !important; position: relative; }
.tabs dd > a, .tabs .tab-title > a { display: block; background-color: #EFEFEF; color: #222222; font-family: "Noto Sans", Helvetica, Roboto, Arial, sans-serif; font-size: 1.14286rem; padding: 1.14286rem 2.28571rem; }
.tabs dd > a:hover, .tabs .tab-title > a:hover { background-color: #e1e1e1; }
.tabs dd.active > a, .tabs .tab-title.active > a { background-color: #FFFFFF; color: #222222; }
.tabs.radius dd:first-child a, .tabs.radius .tab:first-child a { -webkit-border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
.tabs.radius dd:last-child a, .tabs.radius .tab:last-child a { -webkit-border-bottom-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-right-radius: 4px; }
.tabs.vertical dd, .tabs.vertical .tab-title { position: inherit; float: none; display: block; top: auto; }

.tabs-content { margin-bottom: 1.71429rem; width: 100%; }
.tabs-content:before, .tabs-content:after { content: " "; display: table; }
.tabs-content:after { clear: both; }
.tabs-content > .content { display: none; float: left; padding: 0.71429rem 0; width: 100%; }
.tabs-content > .content.active { display: block; float: none; }
.tabs-content > .content.contained { padding: 0.71429rem; }
.tabs-content.vertical { display: block; }
.tabs-content.vertical > .content { padding: 0 0.71429rem; }

@media only screen and (min-width: 45.78571em) { .tabs.vertical { float: left; margin: 0; 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%; } }
.no-js .tabs-content > .content { display: block; float: none; }

/* Tooltips */
.has-tip { border-bottom: dotted 1px #CCCCCC; color: #333333; cursor: help; font-weight: bold; }
.has-tip:hover, .has-tip:focus { border-bottom: dotted 1px #003f54; color: #008CBA; }
.has-tip.tip-left, .has-tip.tip-right { float: none !important; }

.tooltip { background: #333333; color: #FFFFFF; display: none; font-size: 1rem; font-weight: normal; line-height: 1.3; max-width: 300px; padding: 0.85714rem; position: absolute; width: 100%; z-index: 1006; left: 50%; }
.tooltip > .nub { border: solid 5px; border-color: transparent transparent #333333 transparent; display: block; height: 0; pointer-events: none; position: absolute; top: -10px; width: 0; left: 5px; }
.tooltip > .nub.rtl { left: auto; right: 5px; }
.tooltip.radius { border-radius: 4px; }
.tooltip.round { border-radius: 1000px; }
.tooltip.round > .nub { left: 2rem; }
.tooltip.opened { border-bottom: dotted 1px #003f54 !important; color: #008CBA !important; }

.tap-to-close { color: #777777; display: block; font-size: 0.71429rem; font-weight: normal; }

@media only screen { .tooltip > .nub { border-color: transparent transparent #333333 transparent; top: -10px; }
  .tooltip.tip-top > .nub { border-color: #333333 transparent transparent transparent; bottom: -10px; top: auto; }
  .tooltip.tip-left, .tooltip.tip-right { float: none !important; }
  .tooltip.tip-left > .nub { border-color: transparent transparent transparent #333333; left: auto; margin-top: -5px; right: -10px; top: 50%; }
  .tooltip.tip-right > .nub { border-color: transparent #333333 transparent transparent; left: -10px; margin-top: -5px; right: auto; top: 50%; } }
meta.foundation-mq-topbar { font-family: "/only screen and (min-width:45.78571em)/"; width: 45.78571em; }

/* Wrapped around .top-bar to contain to grid width */
.contain-to-grid { width: 100%; background: #000000; }
.contain-to-grid .top-bar { margin-bottom: 0; }

.fixed { position: fixed; top: 0; width: 100%; z-index: 99; left: 0; }
.fixed.expanded:not(.top-bar) { height: auto; max-height: 100%; overflow-y: auto; width: 100%; }
.fixed.expanded:not(.top-bar) .title-area { position: fixed; width: 100%; z-index: 99; }
.fixed.expanded:not(.top-bar) .top-bar-section { margin-top: 3.21429rem; z-index: 98; }

.top-bar { background: #000000; height: 3.21429rem; line-height: 3.21429rem; margin-bottom: 0; overflow: hidden; position: relative; }
.top-bar ul { list-style: none; margin-bottom: 0; }
.top-bar .row { max-width: none; }
.top-bar form, .top-bar input, .top-bar select { margin-bottom: 0; }
.top-bar input, .top-bar select { font-size: 1rem; height: 2rem; padding-bottom: .35rem; padding-top: .35rem; }
.top-bar .button, .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar button { font-size: 1rem; margin-bottom: 0; padding-bottom: 0.42143rem; padding-top: 0.42143rem; }
@media only screen and (max-width: 45.71429em) { .top-bar .button, .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar button { position: relative; top: -1px; } }
.top-bar .title-area { margin: 0; position: relative; }
.top-bar .name { font-size: 14px; height: 3.21429rem; margin: 0; }
.top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name p, .top-bar .name .banner a:not(.button), .banner .top-bar .name a:not(.button), .top-bar .name span { font-size: 1.21429rem; line-height: 3.21429rem; margin: 0; }
.top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name .banner a:not(.button) a, .banner .top-bar .name a:not(.button) a, .top-bar .name span a { color: #FFFFFF; display: block; font-weight: normal; padding: 0 1.07143rem; width: 75%; }
.top-bar .toggle-topbar { position: absolute; right: 0; top: 0; }
.top-bar .toggle-topbar a { color: #FFFFFF; display: block; font-size: 0.92857rem; font-weight: bold; height: 3.21429rem; line-height: 3.21429rem; padding: 0 1.07143rem; position: relative; text-transform: uppercase; }
.top-bar .toggle-topbar.menu-icon { margin-top: -16px; top: 50%; }
.top-bar .toggle-topbar.menu-icon a { color: #FFFFFF; height: 34px; line-height: 33px; padding: 0 2.85714rem 0 1.07143rem; position: relative; }
.top-bar .toggle-topbar.menu-icon a span::after { content: ""; display: block; height: 0; position: absolute; margin-top: -8px; top: 50%; right: 1.07143rem; box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF; width: 16px; }
.top-bar .toggle-topbar.menu-icon a span:hover:after { box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""; }
.top-bar.expanded { background: transparent; height: auto; }
.top-bar.expanded .title-area { background: #000000; }
.top-bar.expanded .toggle-topbar a { color: #888888; }
.top-bar.expanded .toggle-topbar a span::after { box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888; }
@media screen and (-webkit-min-device-pixel-ratio: 0) { .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; } }

.top-bar-section { left: 0; position: relative !important; width: auto; transition: left 300ms ease-out; }
.top-bar-section ul { display: block; font-size: 14px; height: auto; margin: 0; padding: 0; width: 100%; }
.top-bar-section .divider, .top-bar-section [role="separator"] { border-top: solid 1px black; clear: both; height: 1px; width: 100%; }
.top-bar-section ul li { background: #333333; }
.top-bar-section ul li > a { color: #FFFFFF; display: block; font-family: "Noto Sans", Helvetica, Roboto, Arial, sans-serif; font-size: 1rem; font-weight: normal; padding-left: 1.07143rem; padding: 12px 0 12px 1.07143rem; text-transform: none; width: 100%; }
.top-bar-section ul li > a.button, .top-bar .top-bar-section ul:not(.dropdown) li > a.button, .top-bar-section .top-bar #top-bar-nav ul:not(.dropdown) li > a.button, .top-bar #top-bar-nav .top-bar-section ul:not(.dropdown) li > a.button { font-size: 1rem; padding-left: 1.07143rem; padding-right: 1.07143rem; background-color: #008CBA; border-color: #007095; color: #FFFFFF; }
.top-bar-section ul li > a.button:hover, .top-bar .top-bar-section ul:not(.dropdown) li > a.button:hover, .top-bar-section .top-bar #top-bar-nav ul:not(.dropdown) li > a.button:hover, .top-bar #top-bar-nav .top-bar-section ul:not(.dropdown) li > a.button:hover, .top-bar-section ul li > a.button:focus, .top-bar .top-bar-section ul:not(.dropdown) li > a.button:focus, .top-bar-section .top-bar #top-bar-nav ul:not(.dropdown) li > a.button:focus, .top-bar #top-bar-nav .top-bar-section ul:not(.dropdown) li > a.button:focus { background-color: #007095; }
.top-bar-section ul li > a.button:hover, .top-bar .top-bar-section ul:not(.dropdown) li > a.button:hover, .top-bar-section .top-bar #top-bar-nav ul:not(.dropdown) li > a.button:hover, .top-bar #top-bar-nav .top-bar-section ul:not(.dropdown) li > a.button:hover, .top-bar-section ul li > a.button:focus, .top-bar .top-bar-section ul:not(.dropdown) li > a.button:focus, .top-bar-section .top-bar #top-bar-nav ul:not(.dropdown) li > a.button:focus, .top-bar #top-bar-nav .top-bar-section ul:not(.dropdown) li > a.button:focus { color: #FFFFFF; }
.top-bar-section ul li > a.button.secondary, .top-bar .top-bar-section ul:not(.dropdown) li > a.secondary.button, .top-bar-section .top-bar #top-bar-nav ul:not(.dropdown) li > a.secondary.button, .top-bar #top-bar-nav .top-bar-section ul:not(.dropdown) li > a.secondary.button { background-color: #e7e7e7; border-color: #b9b9b9; color: #000000; }
.top-bar-section ul li > a.button.secondary:hover, .top-bar-section .top-bar #top-bar-nav ul:not(.dropdown) li > a.secondary.button:hover, .top-bar #top-bar-nav .top-bar-section ul:not(.dropdown) li > a.secondary.button:hover, .top-bar-section ul li > a.button.secondary:focus, .top-bar-section .top-bar #top-bar-nav ul:not(.dropdown) li > a.secondary.button:focus, .top-bar #top-bar-nav .top-bar-section ul:not(.dropdown) li > a.secondary.button:focus { background-color: #b9b9b9; }
.top-bar-section ul li > a.button.secondary:hover, .top-bar-section .top-bar #top-bar-nav ul:not(.dropdown) li > a.secondary.button:hover, .top-bar #top-bar-nav .top-bar-section ul:not(.dropdown) li > a.secondary.button:hover, .top-bar-section ul li > a.button.secondary:focus, .top-bar-section .top-bar #top-bar-nav ul:not(.dropdown) li > a.secondary.button:focus, .top-bar #top-bar-nav .top-bar-section ul:not(.dropdown) li > a.secondary.button:focus { color: #000000; }
.top-bar-section ul li > a.button.success, .top-bar .top-bar-section ul:not(.dropdown) li > a.success.button, .top-bar-section .top-bar #top-bar-nav ul:not(.dropdown) li > a.success.button, .top-bar #top-bar-nav .top-bar-section ul:not(.dropdown) li > a.success.button { background-color: #43AC6A; border-color: #368a55; color: #FFFFFF; }
.top-bar-section ul li > a.button.success:hover, .top-bar-section .top-bar #top-bar-nav ul:not(.dropdown) li > a.success.button:hover, .top-bar #top-bar-nav .top-bar-section ul:not(.dropdown) li > a.success.button:hover, .top-bar-section ul li > a.button.success:focus, .top-bar-section .top-bar #top-bar-nav ul:not(.dropdown) li > a.success.button:focus, .top-bar #top-bar-nav .top-bar-section ul:not(.dropdown) li > a.success.button:focus { background-color: #368a55; }
.top-bar-section ul li > a.button.success:hover, .top-bar-section .top-bar #top-bar-nav ul:not(.dropdown) li > a.success.button:hover, .top-bar #top-bar-nav .top-bar-section ul:not(.dropdown) li > a.success.button:hover, .top-bar-section ul li > a.button.success:focus, .top-bar-section .top-bar #top-bar-nav ul:not(.dropdown) li > a.success.button:focus, .top-bar #top-bar-nav .top-bar-section ul:not(.dropdown) li > a.success.button:focus { color: #FFFFFF; }
.top-bar-section ul li > a.button.alert, .top-bar .top-bar-section ul:not(.dropdown) li > a.alert.button, .top-bar-section .top-bar #top-bar-nav ul:not(.dropdown) li > a.alert.button, .top-bar #top-bar-nav .top-bar-section ul:not(.dropdown) li > a.alert.button { background-color: #f04124; border-color: #cf2a0e; color: #FFFFFF; }
.top-bar-section ul li > a.button.alert:hover, .top-bar-section .top-bar #top-bar-nav ul:not(.dropdown) li > a.alert.button:hover, .top-bar #top-bar-nav .top-bar-section ul:not(.dropdown) li > a.alert.button:hover, .top-bar-section ul li > a.button.alert:focus, .top-bar-section .top-bar #top-bar-nav ul:not(.dropdown) li > a.alert.button:focus, .top-bar #top-bar-nav .top-bar-section ul:not(.dropdown) li > a.alert.button:focus { background-color: #cf2a0e; }
.top-bar-section ul li > a.button.alert:hover, .top-bar-section .top-bar #top-bar-nav ul:not(.dropdown) li > a.alert.button:hover, .top-bar #top-bar-nav .top-bar-section ul:not(.dropdown) li > a.alert.button:hover, .top-bar-section ul li > a.button.alert:focus, .top-bar-section .top-bar #top-bar-nav ul:not(.dropdown) li > a.alert.button:focus, .top-bar #top-bar-nav .top-bar-section ul:not(.dropdown) li > a.alert.button:focus { color: #FFFFFF; }
.top-bar-section ul li > a.button.warning, .top-bar .top-bar-section ul:not(.dropdown) li > a.warning.button, .top-bar-section .top-bar #top-bar-nav ul:not(.dropdown) li > a.warning.button, .top-bar #top-bar-nav .top-bar-section ul:not(.dropdown) li > a.warning.button { background-color: #f08a24; border-color: #cf6e0e; color: #FFFFFF; }
.top-bar-section ul li > a.button.warning:hover, .top-bar-section .top-bar #top-bar-nav ul:not(.dropdown) li > a.warning.button:hover, .top-bar #top-bar-nav .top-bar-section ul:not(.dropdown) li > a.warning.button:hover, .top-bar-section ul li > a.button.warning:focus, .top-bar-section .top-bar #top-bar-nav ul:not(.dropdown) li > a.warning.button:focus, .top-bar #top-bar-nav .top-bar-section ul:not(.dropdown) li > a.warning.button:focus { background-color: #cf6e0e; }
.top-bar-section ul li > a.button.warning:hover, .top-bar-section .top-bar #top-bar-nav ul:not(.dropdown) li > a.warning.button:hover, .top-bar #top-bar-nav .top-bar-section ul:not(.dropdown) li > a.warning.button:hover, .top-bar-section ul li > a.button.warning:focus, .top-bar-section .top-bar #top-bar-nav ul:not(.dropdown) li > a.warning.button:focus, .top-bar #top-bar-nav .top-bar-section ul:not(.dropdown) li > a.warning.button:focus { color: #FFFFFF; }
.top-bar-section ul li > a.button.info, .top-bar .top-bar-section ul:not(.dropdown) li > a.info.button, .top-bar-section .top-bar #top-bar-nav ul:not(.dropdown) li > a.info.button, .top-bar #top-bar-nav .top-bar-section ul:not(.dropdown) li > a.info.button { background-color: #a0d3e8; border-color: #61b6d9; color: #000000; }
.top-bar-section ul li > a.button.info:hover, .top-bar-section .top-bar #top-bar-nav ul:not(.dropdown) li > a.info.button:hover, .top-bar #top-bar-nav .top-bar-section ul:not(.dropdown) li > a.info.button:hover, .top-bar-section ul li > a.button.info:focus, .top-bar-section .top-bar #top-bar-nav ul:not(.dropdown) li > a.info.button:focus, .top-bar #top-bar-nav .top-bar-section ul:not(.dropdown) li > a.info.button:focus { background-color: #61b6d9; }
.top-bar-section ul li > a.button.info:hover, .top-bar-section .top-bar #top-bar-nav ul:not(.dropdown) li > a.info.button:hover, .top-bar #top-bar-nav .top-bar-section ul:not(.dropdown) li > a.info.button:hover, .top-bar-section ul li > a.button.info:focus, .top-bar-section .top-bar #top-bar-nav ul:not(.dropdown) li > a.info.button:focus, .top-bar #top-bar-nav .top-bar-section ul:not(.dropdown) li > a.info.button:focus { color: #FFFFFF; }
.top-bar-section ul li > button { font-size: 1rem; padding-left: 1.07143rem; padding-right: 1.07143rem; background-color: #008CBA; border-color: #007095; color: #FFFFFF; }
.top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus { background-color: #007095; }
.top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus { color: #FFFFFF; }
.top-bar-section ul li > button.secondary { background-color: #e7e7e7; border-color: #b9b9b9; color: #000000; }
.top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus { background-color: #b9b9b9; }
.top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus { color: #000000; }
.top-bar-section ul li > button.success { background-color: #43AC6A; border-color: #368a55; color: #FFFFFF; }
.top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus { background-color: #368a55; }
.top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus { color: #FFFFFF; }
.top-bar-section ul li > button.alert { background-color: #f04124; border-color: #cf2a0e; color: #FFFFFF; }
.top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus { background-color: #cf2a0e; }
.top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus { color: #FFFFFF; }
.top-bar-section ul li > button.warning { background-color: #f08a24; border-color: #cf6e0e; color: #FFFFFF; }
.top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus { background-color: #cf6e0e; }
.top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus { color: #FFFFFF; }
.top-bar-section ul li > button.info { background-color: #a0d3e8; border-color: #61b6d9; color: #000000; }
.top-bar-section ul li > button.info:hover, .top-bar-section ul li > button.info:focus { background-color: #61b6d9; }
.top-bar-section ul li > button.info:hover, .top-bar-section ul li > button.info:focus { color: #FFFFFF; }
.top-bar-section ul li:hover:not(.has-form) > a { background-color: #000000; color: #FFFFFF; background: #000000; }
.top-bar-section ul li.active > a { background: #000000; color: #FFFFFF; }
.top-bar-section ul li.active > a:hover { background: #000000; color: #FFFFFF; }
.top-bar-section .has-form { padding: 1.07143rem; }
.top-bar-section .has-dropdown { position: relative; }
.top-bar-section .has-dropdown > a:after { border: inset 5px; content: ""; display: block; height: 0; width: 0; border-color: transparent transparent transparent rgba(255, 255, 255, 0.4); border-left-style: solid; margin-right: 1.07143rem; margin-top: -4.5px; position: absolute; top: 50%; right: 0; }
.top-bar-section .has-dropdown.moved { position: static; }
.top-bar-section .has-dropdown.moved > .dropdown { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; display: block; position: absolute !important; width: 100%; }
.top-bar-section .has-dropdown.moved > a:after { display: none; }
.top-bar-section .dropdown { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; display: block; padding: 0; position: absolute; top: 0; z-index: 99; left: 100%; }
.top-bar-section .dropdown li { height: auto; width: 100%; }
.top-bar-section .dropdown li a { font-weight: normal; padding: 8px 1.07143rem; }
.top-bar-section .dropdown li a.parent-link { font-weight: normal; }
.top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link { margin-bottom: 0; margin-top: 0; font-size: 1.28571rem; }
.top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a { color: #FFFFFF; display: block; }
.top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover { background: none; }
.top-bar-section .dropdown li.has-form { padding: 8px 1.07143rem; }
.top-bar-section .dropdown li .button, .top-bar .top-bar-section .dropdown ul:not(.dropdown) li a.button, .top-bar .top-bar-section ul:not(.dropdown) .dropdown li a.button, .top-bar-section .dropdown .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) .top-bar-section .dropdown li a.button, .top-bar-section .dropdown li button { top: auto; }
.top-bar-section .dropdown label, .top-bar-section .dropdown .css-membership-society-admin-container .css-membership-society-admin-panel .css-membership-society-details-label, .css-membership-society-admin-container .css-membership-society-admin-panel .top-bar-section .dropdown .css-membership-society-details-label, .top-bar-section .dropdown .css-membership-add-category-form .css-membership-society-details-label, .css-membership-add-category-form .top-bar-section .dropdown .css-membership-society-details-label { color: #777777; font-size: 0.71429rem; font-weight: bold; margin-bottom: 0; padding: 8px 1.07143rem 2px; text-transform: uppercase; }

.js-generated { display: block; }

@media only screen and (min-width: 45.78571em) { .top-bar { background: #000000; overflow: visible; }
  .top-bar:before, .top-bar:after { content: " "; display: table; }
  .top-bar:after { clear: both; }
  .top-bar .toggle-topbar { display: none; }
  .top-bar .title-area { float: left; }
  .top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name h5 a, .top-bar .name h6 a { width: auto; }
  .top-bar input, .top-bar select, .top-bar .button, .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar button { font-size: 1rem; height: 2rem; position: relative; top: 0.60714rem; }
  .top-bar .has-form > .button, .top-bar .top-bar-section ul:not(.dropdown) li .has-form > a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .has-form > a.button, .top-bar .has-form > button { font-size: 1rem; height: 2rem; position: relative; top: 0.60714rem; }
  .top-bar.expanded { background: #000000; }
  .contain-to-grid .top-bar { margin: 0 auto; margin-bottom: 0; max-width: 1073px; }
  .top-bar-section { transition: none 0 0; left: 0 !important; }
  .top-bar-section ul { display: inline; height: auto !important; width: auto; }
  .top-bar-section ul li { float: left; }
  .top-bar-section ul li .js-generated { display: none; }
  .top-bar-section li.hover > a:not(.button) { background-color: #000000; background: #000000; color: #FFFFFF; }
  .top-bar-section li:not(.has-form) a:not(.button) { background: #000000; line-height: 3.21429rem; padding: 0 1.07143rem; }
  .top-bar-section li:not(.has-form) a:not(.button):hover { background-color: #000000; background: #000000; }
  .top-bar-section li.active:not(.has-form) a:not(.button) { background: #000000; color: #FFFFFF; line-height: 3.21429rem; padding: 0 1.07143rem; }
  .top-bar-section li.active:not(.has-form) a:not(.button):hover { background: #000000; color: #FFFFFF; }
  .top-bar-section .has-dropdown > a { padding-right: 2.5rem !important; }
  .top-bar-section .has-dropdown > a:after { border: inset 5px; content: ""; display: block; height: 0; width: 0; border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent; border-top-style: solid; margin-top: -2.5px; top: 1.60714rem; }
  .top-bar-section .has-dropdown.moved { position: relative; }
  .top-bar-section .has-dropdown.moved > .dropdown { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; display: block; }
  .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; display: block; position: absolute !important; }
  .top-bar-section .has-dropdown > a:focus + .dropdown { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; display: block; position: absolute !important; }
  .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after { border: none; content: "\00bb"; top: 0.21429rem; right: 5px; }
  .top-bar-section .dropdown { left: 0; background: transparent; min-width: 100%; top: auto; }
  .top-bar-section .dropdown li a { background: #333333; color: #FFFFFF; line-height: 3.21429rem; padding: 12px 1.07143rem; white-space: nowrap; }
  .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { background: #333333; color: #FFFFFF; }
  .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) { background-color: #000000; color: #FFFFFF; background: #222222; }
  .top-bar-section .dropdown li label, .top-bar-section .dropdown li .css-membership-society-admin-container .css-membership-society-admin-panel .css-membership-society-details-label, .css-membership-society-admin-container .css-membership-society-admin-panel .top-bar-section .dropdown li .css-membership-society-details-label, .top-bar-section .dropdown li .css-membership-add-category-form .css-membership-society-details-label, .css-membership-add-category-form .top-bar-section .dropdown li .css-membership-society-details-label { background: #333333; white-space: nowrap; }
  .top-bar-section .dropdown li .dropdown { left: 100%; top: 0; }
  .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] { border-right: solid 1px #212121; border-bottom: none; border-top: none; clear: none; height: 3.21429rem; width: 0; }
  .top-bar-section .has-form { background: #000000; height: 3.21429rem; padding: 0 1.07143rem; }
  .top-bar-section .right li .dropdown { left: auto; right: 0; }
  .top-bar-section .right li .dropdown li .dropdown { right: 100%; }
  .top-bar-section .left li .dropdown { right: auto; left: 0; }
  .top-bar-section .left li .dropdown li .dropdown { left: 100%; }
  .no-js .top-bar-section ul li:hover > a { background-color: #000000; background: #000000; color: #FFFFFF; }
  .no-js .top-bar-section ul li:active > a { background: #000000; color: #FFFFFF; }
  .no-js .top-bar-section .has-dropdown:hover > .dropdown { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; display: block; position: absolute !important; }
  .no-js .top-bar-section .has-dropdown > a:focus + .dropdown { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; display: block; position: absolute !important; } }
.text-left { text-align: left !important; }

.text-right { text-align: right !important; }

.text-center { text-align: center !important; }

.text-justify { text-align: justify !important; }

@media only screen and (max-width: 45.71429em) { .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; } }
@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; } }
@media only screen and (min-width: 45.78571em) and (max-width: 73.14286em) { .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; } }
@media only screen and (min-width: 45.78571em) { .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; } }
@media only screen and (min-width: 73.21429em) and (max-width: 102.85714em) { .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; } }
@media only screen and (min-width: 73.21429em) { .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; } }
@media only screen and (min-width: 102.92857em) and (max-width: 137.14286em) { .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; } }
@media only screen and (min-width: 102.92857em) { .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; } }
@media only screen and (min-width: 137.21429em) and (max-width: 7142857.07143em) { .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; } }
@media only screen and (min-width: 137.21429em) { .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; } }
/* Typography resets */
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, .banner a:not(.button), blockquote, th, td { margin: 0; padding: 0; }

/* Default Link Styles */
a { color: #008CBA; line-height: inherit; text-decoration: none; }
a:hover, a:focus { color: #0078a0; }
a img { border: none; }

/* Default paragraph styles */
p, .banner a:not(.button) { font-family: inherit; font-size: 1rem; font-weight: normal; line-height: 1.6; margin-bottom: 1.42857rem; text-rendering: optimizeLegibility; }
p.lead, .banner a.lead:not(.button) { font-size: 1.25rem; line-height: 1.6; }
p aside, .banner a:not(.button) aside { font-size: 1rem; font-style: italic; line-height: 1.35; }

/* Default header styles */
h1, h2, h3, h4, h5, h6 { color: #222222; font-family: "Noto Sans", Helvetica, Roboto, Arial, sans-serif; font-style: normal; font-weight: normal; line-height: 1.4; margin-bottom: 0.5rem; margin-top: 0.2rem; text-rendering: optimizeLegibility; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #6f6f6f; font-size: 60%; line-height: 0; }

h1 { font-size: 1.14286rem; }

h2 { font-size: 1rem; }

h3 { font-size: 1.21429rem; }

h4 { font-size: 1.07143rem; }

h5 { font-size: 1.28571rem; }

h6 { font-size: 1.14286rem; }

.subheader { line-height: 1.4; color: #6f6f6f; font-weight: normal; margin-top: 0.2rem; margin-bottom: 0.5rem; }

hr { border: solid #DDDDDD; border-width: 1px 0 0; clear: both; height: 0; margin: 1.42857rem 0 1.35714rem; }

/* Helpful Typography Defaults */
em, i { font-style: italic; line-height: inherit; }

strong, b { font-weight: bold; line-height: inherit; }

small { font-size: 60%; line-height: inherit; }

code { background-color: #f8f8f8; border-color: #dfdfdf; border-style: solid; border-width: 1px; color: #333333; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; padding: 0.14286rem 0.35714rem 0.07143rem; }

/* Lists */
ul, ol, dl { font-family: inherit; font-size: 1rem; line-height: 1.6; list-style-position: outside; margin-bottom: 1.42857rem; }

ul { margin-left: 1.1rem; }

/* Unordered Lists */
ul li ul, ul li ol { margin-left: 1.42857rem; margin-bottom: 0; }
ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; }
ul.square { list-style-type: square; margin-left: 1.1rem; }
ul.circle { list-style-type: circle; margin-left: 1.1rem; }
ul.disc { list-style-type: disc; margin-left: 1.1rem; }

/* Ordered Lists */
ol { margin-left: 1.4rem; }
ol li ul, ol li ol { margin-left: 1.42857rem; margin-bottom: 0; }

.no-bullet { list-style-type: none; margin-left: 0; }
.no-bullet li ul, .no-bullet li ol { margin-left: 1.42857rem; margin-bottom: 0; list-style: none; }

/* Definition Lists */
dl dt { margin-bottom: 0.3rem; font-weight: bold; }
dl dd { margin-bottom: 0.85714rem; }

/* Abbreviations */
abbr, acronym { text-transform: uppercase; font-size: 90%; color: #000000; cursor: help; }

abbr { text-transform: none; }
abbr[title] { border-bottom: 1px dotted #DDDDDD; }

/* Blockquotes */
blockquote { margin: 0 0 1.42857rem; padding: 0.64286rem 1.42857rem 0 1.35714rem; border-left: 1px solid #DDDDDD; }
blockquote cite { display: block; font-size: 0.92857rem; color: #555555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited { color: #555555; }

blockquote, blockquote p, blockquote .banner a:not(.button), .banner blockquote a:not(.button) { line-height: 1.6; color: #6f6f6f; }

/* Microformats */
.vcard { display: inline-block; margin: 0 0 1.42857rem 0; border: 1px solid #DDDDDD; padding: 0.71429rem 0.85714rem; }
.vcard li { margin: 0; display: block; }
.vcard .fn { font-weight: bold; font-size: 1.07143rem; }

.vevent .summary { font-weight: bold; }
.vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 0.07143rem; }

@media only screen and (min-width: 45.78571em) { h1, h2, h3, h4, h5, h6 { line-height: 1.4; }
  h1 { font-size: 1.85714rem; }
  h2 { font-size: 1.71429rem; }
  h3 { font-size: 1.57143rem; }
  h4 { font-size: 1.42857rem; }
  h5 { font-size: 1.28571rem; }
  h6 { font-size: 1.14286rem; } }
/* Print styles.  Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
@media print { * { background: transparent !important; color: #000000 !important; /* 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, .banner a:not(.button), h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }
/* 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; } }
/* medium displays */
@media only screen and (min-width: 45.78571em) { .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; } }
/* large displays */
@media only screen and (min-width: 73.21429em) { .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; } }
/* xlarge displays */
@media only screen and (min-width: 102.92857em) { .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; } }
/* xxlarge displays */
@media only screen and (min-width: 137.21429em) { .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; } }
/* Orientation targeting */
.show-for-landscape, .hide-for-portrait { display: inherit !important; }

.hide-for-landscape, .show-for-portrait { display: none !important; }

/* Specific visibility for tables */
table.hide-for-landscape, table.show-for-portrait { display: table !important; }

thead.hide-for-landscape, thead.show-for-portrait { display: table-header-group !important; }

tbody.hide-for-landscape, tbody.show-for-portrait { display: table-row-group !important; }

tr.hide-for-landscape, tr.show-for-portrait { display: table-row !important; }

td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait { display: table-cell !important; }

@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; } }
@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; } }
/* Touch-enabled device targeting */
.show-for-touch { display: none !important; }

.hide-for-touch { display: inherit !important; }

.touch .show-for-touch { display: inherit !important; }

.touch .hide-for-touch { display: none !important; }

/* Specific visibility for tables */
table.hide-for-touch { display: table !important; }

.touch table.show-for-touch { display: table !important; }

thead.hide-for-touch { display: table-header-group !important; }

.touch thead.show-for-touch { display: table-header-group !important; }

tbody.hide-for-touch { display: table-row-group !important; }

.touch tbody.show-for-touch { display: table-row-group !important; }

tr.hide-for-touch { display: table-row !important; }

.touch tr.show-for-touch { display: table-row !important; }

td.hide-for-touch { display: table-cell !important; }

.touch td.show-for-touch { display: table-cell !important; }

th.hide-for-touch { display: table-cell !important; }

.touch th.show-for-touch { display: table-cell !important; }

/* Screen reader-specific classes */
.show-for-sr { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; }

.show-on-focus { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; }
.show-on-focus:focus, .show-on-focus:active { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; }

/* Print visibility */
.print-only, .show-for-print { display: none !important; }

@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; } }
@media only screen and (max-width: 45.71429em) { html { font-size: 120%; } }

* { margin: 0; }

html, body { height: 100%; }

body { -webkit-text-size-adjust: none; }

/*
p { a { text-decoration: none; border-bottom: 1px solid #777; &:hover { color: $blue !important; text-decoration: none !important; } }
}
*/
#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -116px; }
#wrapper .push { min-height: 116px; clear: both; }
@media only screen and (max-width: 45.71429em) { #wrapper { margin: 0 auto -340px; }
  #wrapper .push { min-height: 340px; clear: both; } }

#wrapper-home { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -330px; }
#wrapper-home .push { height: 330px; clear: both; }
@media only screen and (max-width: 45.71429em) { #wrapper-home { margin: 0 auto -558px; }
  #wrapper-home .push { height: 554px; clear: both; } }

@font-face { font-family: 'avenirltstd-light'; src: local("??"), url("../fonts/AvenirLTStd-Light.otf") format("opentype"), url("../fonts/avenirltpro-light.eot?") format("eot"), url("../fonts/avenirltpro-light.ttf") format("truetype"), url("../fonts/avenirltpro-light.woff") format("woff"), url("../fonts/avenirltpro-light.svg#avenirltstd-light") format("svg"); font-weight: light; font-style: normal; }
@font-face { font-family: 'avenirltstd-book'; src: local("??"), url("../fonts/AvenirLTStd-Book.otf") format("opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'avenirltstd-medium'; src: local("??"), url("../fonts/AvenirLTStd-Medium.otf") format("opentype"), url("../fonts/avenirltpro-medium.eot?") format("eot"), url("../fonts/avenirltpro-medium.ttf") format("truetype"), url("../fonts/avenirltpro-medium.woff") format("woff"), url("../fonts/avenirltpro-medium.svg#avenirltstd-medium") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'avenirltstd-heavy'; src: local("??"), url("../fonts/AvenirLTStd-Heavy.otf") format("opentype"); font-weight: normal; font-style: normal; }
p, .banner a:not(.button), table { font-size: 0.875rem; color: #333; margin-bottom: 1.28571rem !important; }
p.no-margin-bottom, .banner a.no-margin-bottom:not(.button), table.no-margin-bottom { margin-bottom: 0 !important; }

li { font-size: 0.875rem; color: #333; }

h5 { font-size: 1.125rem; color: #333; }

@media only screen { .text-truncate { white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; } }
@media only screen and (min-width: 45.78571em) { .text-truncate { white-space: initial; overflow: initial !important; text-overflow: initial; } }

.button, .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.button { text-transform: uppercase; min-height: 35px; padding: 0.5rem 1.42857rem 0.42857rem !important; font-size: 0.825rem; font-family: 'avenirltstd-medium', 'Noto Sans', arial, sans-serif; line-height: 1.6; }
@media only screen and (max-width: 45.71429em) { .button, .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.button { min-height: 45px; padding-top: 0.48571rem !important; } }
@media only screen and (max-width: 45.78571em) and (max-aspect-ratio: 13 / 9) { .button, .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.button { width: 100% !important; } }
@media only screen and (max-width: 45.78571em) and (min-aspect-ratio: 13 / 9) { .button, .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.button { width: 24.64286rem !important; margin-left: auto !important; margin-right: auto !important; } }

.button:hover, .top-bar .top-bar-section ul:not(.dropdown) li a.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a.button:hover { background: #000000; }
.button.blue-white, .top-bar .top-bar-section ul:not(.dropdown) li a.blue-white.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.blue-white.button { background: #0072cf; border-color: #FFFFFF; color: #FFFFFF; }
.button.blue-white:hover, .top-bar .top-bar-section ul:not(.dropdown) li a.blue-white.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a.blue-white.button:hover { background: #000000; }
.button.white-blue, .top-bar .top-bar-section ul:not(.dropdown) li a.white-blue.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.white-blue.button, .top-bar #top-bar-nav ul:not(.dropdown) li #confirm-modal a.button.cancel, #confirm-modal .top-bar #top-bar-nav ul:not(.dropdown) li a.button.cancel, #confirm-modal a.button.cancel { background: #FFFFFF; border-color: #0072cf; color: #0072cf; }
.button.white-blue:hover, .top-bar .top-bar-section ul:not(.dropdown) li a.white-blue.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a.white-blue.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li #confirm-modal a.button.cancel:hover, #confirm-modal .top-bar #top-bar-nav ul:not(.dropdown) li a.button.cancel:hover, #confirm-modal a.button.cancel:hover { background: #333333; color: #FFFFFF; border-color: #333333; }
.button.blue-blue, .top-bar .top-bar-section ul:not(.dropdown) li a.blue-blue.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.blue-blue.button, .top-bar #top-bar-nav ul:not(.dropdown) li #confirm-modal a.button.confirm, #confirm-modal .top-bar #top-bar-nav ul:not(.dropdown) li a.button.confirm, #confirm-modal a.button.confirm { background: #0072cf; border-color: #0072cf; color: #FFFFFF; }
.button.blue-blue:hover, .top-bar .top-bar-section ul:not(.dropdown) li a.blue-blue.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a.blue-blue.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li #confirm-modal a.button.confirm:hover, #confirm-modal .top-bar #top-bar-nav ul:not(.dropdown) li a.button.confirm:hover, #confirm-modal a.button.confirm:hover { background: #333333; border-color: #333333; color: #FFFFFF !important; }
.button.black-white, .top-bar .top-bar-section ul:not(.dropdown) li a.black-white.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.black-white.button { background: #000000; border-color: #666666; color: #FFFFFF; }
.button.black-white:hover, .top-bar .top-bar-section ul:not(.dropdown) li a.black-white.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a.black-white.button:hover { background: #0072cf; }
.button.transparent, .top-bar .top-bar-section ul:not(.dropdown) li a.transparent.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.transparent.button { background: transparent; border: 1px solid #999999; color: #555555; }
.button.transparent:hover, .top-bar .top-bar-section ul:not(.dropdown) li a.transparent.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a.transparent.button:hover { border-color: #0072cf; color: #0072cf; background: transparent; }
.button.transparent-white, .top-bar .top-bar-section ul:not(.dropdown) li a.transparent-white.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.transparent-white.button { background: transparent; border-color: #FFFFFF; color: #FFFFFF; }
.button.transparent-white:hover, .top-bar .top-bar-section ul:not(.dropdown) li a.transparent-white.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a.transparent-white.button:hover { color: #000000; background: #FFFFFF; }
.button.black-black, .top-bar .top-bar-section ul:not(.dropdown) li a.black-black.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.black-black.button { background: #000000; border-color: #000000; color: #FFFFFF; }
.button.black-black:hover, .top-bar .top-bar-section ul:not(.dropdown) li a.black-black.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a.black-black.button:hover { color: #FFFFFF; background: #000000; }
.button.white-black, .top-bar .top-bar-section ul:not(.dropdown) li a.white-black.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.white-black.button { background: #FFFFFF !important; border-color: #FFFFFF !important; color: #000000 !important; }
.button.white-black:hover, .top-bar .top-bar-section ul:not(.dropdown) li a.white-black.button:hover, .top-bar #top-bar-nav ul:not(.dropdown) li a.white-black.button:hover { background: #000000 !important; color: #FFFFFF !important; }

.circle-cross-button { width: 35px; height: 35px; overflow: hidden; border: none; background: url("../img/button-plus.png") no-repeat center center !important; background-size: cover !important; border-radius: 0; padding: 0 !important; }
@media only screen and (max-width: 45.78571em) { .circle-cross-button { width: 45px !important; height: 42px !important; margin: 0; } }
.circle-cross-button.open { background-image: url("../img/button-minus.png") !important; }

.button-group.stack li a.button, .button-group.stack .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar .top-bar-section ul:not(.dropdown) .button-group.stack li a.button, .button-group.stack .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) .button-group.stack li a.button { border: 1px solid; margin-bottom: 25px; }
.button-group.stack li:first-child button, .button-group.stack li:first-child .button, .button-group.stack .top-bar .top-bar-section ul:not(.dropdown) li:first-child a.button, .top-bar .top-bar-section ul:not(.dropdown) .button-group.stack li:first-child a.button, .button-group.stack .top-bar #top-bar-nav ul:not(.dropdown) li:first-child a.button, .top-bar #top-bar-nav ul:not(.dropdown) .button-group.stack li:first-child a.button { border: 1px solid; }

/* Block thumbnails */
.overview { overflow: hidden; clear: both; }
.overview .image { max-width: 100%; float: left; margin-right: 4%; height: 225px; }
.overview .image img { max-height: 225px; width: 100%; height: auto; }
@media only screen and (min-width: 45.78571em) and (max-width: 73.14286em) { .overview .image { height: auto !important; }
  .overview .image a > img { max-height: 260px !important; width: auto !important; } }
.overview .type { color: #555555; font-weight: bold; }
.overview .title { font-weight: bold; }

/* aop-block-society-promo */
.css-society-promo-container .css-society-promo-image { background-repeat: no-repeat; background-position: top; background-size: contain; height: 200px; }

@media only screen and (max-width: 45.78571em) { .css-society-promo-container .css-society-promo-image { margin: 20px 0 !important; background-size: cover; height: 375px; } }
#global-nav { background-color: #000000; }

.top-bar-triangle-pip { border: inset 7px; content: ""; display: block; height: 0; width: 0; border-color: transparent transparent #333333 transparent; border-bottom-style: solid; position: absolute; z-index: 9999999; top: 48px; display: none; }
.top-bar-triangle-pip.active { display: block; right: 1rem; }

.top-bar { min-height: 57.5px; height: auto; background-color: #000000; position: relative; overflow: visible; }
.top-bar .top-bar-section, .top-bar #top-bar-nav { position: relative; top: 2px; }
@media only screen and (min-width: 45.78571em) { .top-bar .top-bar-section, .top-bar #top-bar-nav { background-color: #000000; }
  .top-bar .top-bar-section li, .top-bar #top-bar-nav li { background: #000000; } }
@media only screen and (max-width: 45.71429em) { .top-bar .top-bar-section, .top-bar #top-bar-nav { background-color: #333333; }
  .top-bar .top-bar-section li, .top-bar #top-bar-nav li { background: #333333; }
  .top-bar .top-bar-section .top-bar-triangle-pip, .top-bar #top-bar-nav .top-bar-triangle-pip { top: -14px; right: 120px; } }
.top-bar .top-bar-section ul:not(.dropdown), .top-bar #top-bar-nav ul:not(.dropdown) { margin-top: 25px; margin-left: 0; }
@media only screen and (min-width: 73.21429em) { .top-bar .top-bar-section ul:not(.dropdown) li, .top-bar #top-bar-nav ul:not(.dropdown) li { padding: 0 10px 0 10px; } }
@media only screen and (min-width: 45.78571em) and (max-width: 73.14286em) { .top-bar .top-bar-section ul:not(.dropdown) li, .top-bar #top-bar-nav ul:not(.dropdown) li { padding: 0 7px 0 7px; } }
@media only screen and (max-width: 45.71429em) { .top-bar .top-bar-section ul:not(.dropdown) li, .top-bar #top-bar-nav ul:not(.dropdown) li { padding: 7px 0 7px 0; margin-bottom: 10px; }
  .top-bar .top-bar-section ul:not(.dropdown) li .white, .top-bar #top-bar-nav ul:not(.dropdown) li .white { color: #FFFFFF; } }
.top-bar .top-bar-section ul:not(.dropdown) li.has-dropdown, .top-bar #top-bar-nav ul:not(.dropdown) li.has-dropdown { margin-bottom: 0; }
@media only screen and (min-width: 45.78571em) { .top-bar .top-bar-section ul:not(.dropdown) li a.button.button.black-black, .top-bar .top-bar-section #top-bar-nav ul:not(.dropdown) li a.black-black.button, .top-bar #top-bar-nav .top-bar-section ul:not(.dropdown) li a.black-black.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.button.button.black-black { padding-right: 0 !important; } }
@media only screen and (max-width: 45.71429em) { .top-bar .top-bar-section ul:not(.dropdown) li a.button.button.black-black, .top-bar .top-bar-section #top-bar-nav ul:not(.dropdown) li a.black-black.button, .top-bar #top-bar-nav .top-bar-section ul:not(.dropdown) li a.black-black.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.button.button.black-black { padding: 0 !important; min-height: auto; } }
.top-bar .top-bar-section ul:not(.dropdown) li.has-dropdown ul.dropdown li, .top-bar #top-bar-nav ul:not(.dropdown) li.has-dropdown ul.dropdown li { margin: 0; padding: 0; }
.top-bar .top-bar-section .cart-link, .top-bar #top-bar-nav .cart-link { padding: 0 !important; display: block; width: 30px; height: 51px; margin: 0; background: url("../img//nav_cart.png") no-repeat center center !important; background-size: 30px 26px !important; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .top-bar .top-bar-section .cart-link, .top-bar #top-bar-nav .cart-link { background: url("../img//nav_cart@2x.png") no-repeat center center !important; background-size: 30px 26px !important; } }
.top-bar .top-bar-section .cart-link.has-item, .top-bar #top-bar-nav .cart-link.has-item { background: url("../img/nav_cart_highlight@1x.png") no-repeat center center !important; background-size: 30px 26px !important; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .top-bar .top-bar-section .cart-link.has-item, .top-bar #top-bar-nav .cart-link.has-item { background: url("../img//nav_cart_highlight@2x.png") no-repeat center center !important; background-size: 30px 26px !important; } }
.top-bar .top-bar-section div.css-membership-cart-dropdown, .top-bar #top-bar-nav div.css-membership-cart-dropdown { background-color: #333333; color: #FFFFFF; height: auto; min-width: 24.5rem; padding: 1rem; right: -0.3rem; top: 3.3rem; }
.top-bar .top-bar-section div.css-membership-cart-dropdown :not(.css-membership-cart-header) :before, .top-bar #top-bar-nav div.css-membership-cart-dropdown :not(.css-membership-cart-header) :before { border-bottom: none !important; }
.top-bar .top-bar-section div.css-membership-cart-dropdown div, .top-bar .top-bar-section div.css-membership-cart-dropdown p, .top-bar .top-bar-section div.css-membership-cart-dropdown .banner a:not(.button), .banner .top-bar .top-bar-section div.css-membership-cart-dropdown a:not(.button), .top-bar #top-bar-nav div.css-membership-cart-dropdown div, .top-bar #top-bar-nav div.css-membership-cart-dropdown p, .top-bar #top-bar-nav div.css-membership-cart-dropdown .banner a:not(.button), .banner .top-bar #top-bar-nav div.css-membership-cart-dropdown a:not(.button) { color: inherit; background: inherit; margin: 0 0 0.5rem 0; }
.top-bar .top-bar-section div.css-membership-cart-dropdown .css-membership-cart-header, .top-bar #top-bar-nav div.css-membership-cart-dropdown .css-membership-cart-header { font-size: 1.1rem; margin-bottom: 1rem; }
.top-bar .top-bar-section div.css-membership-cart-dropdown .css-membership-cart-totals, .top-bar #top-bar-nav div.css-membership-cart-dropdown .css-membership-cart-totals { padding: 0.7rem 0 0.7rem 0; }
.top-bar .top-bar-section .has-dropdown > a.arrow, .top-bar #top-bar-nav .has-dropdown > a.arrow { background: url("../img/navbar-arrow.png") no-repeat right 55% !important; background-size: 15px 7px !important; padding-right: 1.75rem !important; }
.top-bar .top-bar-section .has-dropdown > a.my-account-icon, .top-bar #top-bar-nav .has-dropdown > a.my-account-icon { background: url("../img/myaccount-icon@1x.png") no-repeat center center !important; background-size: 25px 25px !important; width: 25px; height: 51px; padding-left: 0rem !important; padding-right: 0rem !important; }
.top-bar .top-bar-section .has-dropdown > a:after, .top-bar #top-bar-nav .has-dropdown > a:after { display: none; }
.top-bar .top-bar-section .right #header-login-button, .top-bar #top-bar-nav .right #header-login-button { padding-left: 0 !important; }
@media only screen and (min-width: 45.78571em) { .top-bar .top-bar-section .right li .dropdown, .top-bar #top-bar-nav .right li .dropdown { border: 1px solid #222; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.7); box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.7); }
  .top-bar .top-bar-section .right li .dropdown :first-child:before, .top-bar #top-bar-nav .right li .dropdown :first-child:before { content: ""; position: absolute; top: -8px; right: 5%; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 8px solid #333; }
  .top-bar .top-bar-section .right li .dropdown li a, .top-bar #top-bar-nav .right li .dropdown li a { font-size: 0.85rem; }
  .top-bar .top-bar-section .right li .dropdown li a.css-membership-account-menu-header:hover, .top-bar #top-bar-nav .right li .dropdown li a.css-membership-account-menu-header:hover { background-color: #333333 !important; color: #FFFFFF !important; }
  .top-bar .top-bar-section .right li .dropdown li.divider, .top-bar #top-bar-nav .right li .dropdown li.divider { border-color: #666666; } }
.top-bar #top-bar-nav { position: relative; width: 100%; top: 100%; display: none; }
.top-bar #top-bar-nav ul { margin-top: 0.71429rem !important; }
.top-bar #top-bar-nav ul li { margin-bottom: 0.28571rem !important; padding-left: 1.3rem !important; }
.top-bar #top-bar-nav ul li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li a.button { text-transform: none; font-size: 0.92857rem; background-color: #333333; border: none; }
.top-bar #top-bar-nav ul li a.button:hover { background-color: #333333 !important; }
.top-bar #top-bar-nav ul li.divider { border-top: solid 1px #666666; clear: both; height: 1px; width: 100%; margin: 0 !important; padding: 0 !important; }
.top-bar ul.css-membership-cart-dropdown { background: #333333; border: 1px solid black; width: 100%; }
.top-bar ul.css-membership-cart-dropdown li { color: #FFFFFF; background: #333333; }
.top-bar ul.css-membership-cart-dropdown li a { text-transform: none; font-size: 0.92857rem; background-color: #333333 !important; border: none; }
.top-bar ul.css-membership-cart-dropdown li a:hover { background-color: #333333 !important; }
.top-bar .toggle-topbar.menu-icon a { padding-left: 0.5rem; }
.top-bar .toggle-topbar.menu-icon a span::after { content: ""; display: block; height: 0; position: absolute; margin-top: -12px; top: 50%; right: 1.07143rem; box-shadow: 0 0 0 2px #FFFFFF, 0 10px 0 2px #FFFFFF, 0 20px 0 2px #FFFFFF; width: 24px; }
.top-bar .toggle-topbar.menu-icon a span:hover:after { box-shadow: 0 0 0 2px "", 0 10px 0 2px "", 0 20px 0 2px ""; }
.top-bar .menu-icon { left: 0px; }
.top-bar .menu-icon:not(.right) { right: auto; }
.top-bar .cart-icon { background: url("../img/nav_cart.png") no-repeat center center !important; background-size: 25px 21px !important; position: absolute; right: 15px; top: 16px; width: 30px; height: 26px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .top-bar .cart-icon { background: url("../img//nav_cart@2x.png") no-repeat center center !important; background-size: 24px 20px !important; } }
.top-bar .cart-icon.has-item { background: url("../img/nav_cart_highlight@1x.png") no-repeat center center !important; background-size: 25px 21px !important; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .top-bar .cart-icon.has-item { background: url("../img//nav_cart_highlight@2x.png") no-repeat center center !important; background-size: 24px 20px !important; } }
.top-bar #nav-toggle { background: url("../img/myaccount-icon@1x.png") no-repeat center center !important; background-size: 22px 22px !important; position: absolute; right: 15px; top: 16px; width: 23px; height: 27px; }
.top-bar #membership-currency-dropdown { background-color: #333333; color: #FFFFFF; width: 12.5rem; height: auto; padding: 1rem; }
.top-bar #membership-currency-dropdown .membership-currency-header { margin-bottom: 1rem; font-size: 0.95rem; }
.top-bar #membership-currency-dropdown label, .top-bar #membership-currency-dropdown .css-membership-society-admin-container .css-membership-society-admin-panel .css-membership-society-details-label, .css-membership-society-admin-container .css-membership-society-admin-panel .top-bar #membership-currency-dropdown .css-membership-society-details-label, .top-bar #membership-currency-dropdown .css-membership-add-category-form .css-membership-society-details-label, .css-membership-add-category-form .top-bar #membership-currency-dropdown .css-membership-society-details-label { font-size: 0.8rem; color: #FFFFFF; text-transform: none; font-weight: normal; padding: 0; margin: 0 0 0.5rem 0; }
.top-bar #membership-currency-dropdown input[type=radio]:checked + label:before, .top-bar #membership-currency-dropdown .css-membership-society-admin-container .css-membership-society-admin-panel input[type=radio]:checked + .css-membership-society-details-label:before, .css-membership-society-admin-container .css-membership-society-admin-panel .top-bar #membership-currency-dropdown input[type=radio]:checked + .css-membership-society-details-label:before, .top-bar #membership-currency-dropdown .css-membership-add-category-form input[type=radio]:checked + .css-membership-society-details-label:before, .css-membership-add-category-form .top-bar #membership-currency-dropdown input[type=radio]:checked + .css-membership-society-details-label:before { background: url("../img/radio-button-selected@1x.png"); background-size: 32px 32px; background-position: -6px -7px; background-repeat: no-repeat; }
.top-bar #membership-currency-dropdown input[type=radio] + label:before, .top-bar #membership-currency-dropdown .css-membership-society-admin-container .css-membership-society-admin-panel input[type=radio] + .css-membership-society-details-label:before, .css-membership-society-admin-container .css-membership-society-admin-panel .top-bar #membership-currency-dropdown input[type=radio] + .css-membership-society-details-label:before, .top-bar #membership-currency-dropdown .css-membership-add-category-form input[type=radio] + .css-membership-society-details-label:before, .css-membership-add-category-form .top-bar #membership-currency-dropdown input[type=radio] + .css-membership-society-details-label:before { background: url("../img/radio-button-unselected@1x.png"); background-size: 32px 32px; background-position: -6px -7px; background-repeat: no-repeat; }
.top-bar .currency-link { font-size: 1.5rem; color: #AAAAAA; }
.top-bar .currency-link:not(.mobile) { padding-left: 0rem !important; padding-right: 0rem !important; }
.top-bar .currency-link.mobile { font-size: 1.3rem; position: absolute; right: 0px; top: -2px; width: 34px; }
.top-bar #top-bar-nav-currency { padding: 1rem 0 1rem 0; display: none; color: #FFFFFF; background-color: #333333; }
.top-bar #top-bar-nav-currency .header { color: #FFFFFF; }
.top-bar #top-bar-nav-currency ul { margin-left: 1.3rem; }
.top-bar #top-bar-nav-currency ul li { margin-bottom: 0.28571rem !important; }
.top-bar #top-bar-nav-currency label, .top-bar #top-bar-nav-currency .css-membership-society-admin-container .css-membership-society-admin-panel .css-membership-society-details-label, .css-membership-society-admin-container .css-membership-society-admin-panel .top-bar #top-bar-nav-currency .css-membership-society-details-label, .top-bar #top-bar-nav-currency .css-membership-add-category-form .css-membership-society-details-label, .css-membership-add-category-form .top-bar #top-bar-nav-currency .css-membership-society-details-label { text-decoration: none !important; color: #FFFFFF !important; margin-left: 0 !important; }
.top-bar #top-bar-nav-currency label:hover, .top-bar #top-bar-nav-currency .css-membership-society-admin-container .css-membership-society-admin-panel .css-membership-society-details-label:hover, .css-membership-society-admin-container .css-membership-society-admin-panel .top-bar #top-bar-nav-currency .css-membership-society-details-label:hover, .top-bar #top-bar-nav-currency .css-membership-add-category-form .css-membership-society-details-label:hover, .css-membership-add-category-form .top-bar #top-bar-nav-currency .css-membership-society-details-label:hover { color: #FFFFFF !important; }
.top-bar #top-bar-nav-currency .top-bar-triangle-pip { right: 35px; }
.top-bar #top-bar-nav-member-status { padding: 1rem 1.5rem 1rem 1.5rem; display: none; color: #FFFFFF; background-color: #333333; line-height: 2.4; }
.top-bar #top-bar-nav-member-status .header { color: #FFFFFF; }
.top-bar #top-bar-nav-member-status ul { margin-left: 1.3rem; }
.top-bar #top-bar-nav-member-status ul li { margin-bottom: 0.28571rem !important; }
.top-bar #top-bar-nav-member-status label, .top-bar #top-bar-nav-member-status .css-membership-society-admin-container .css-membership-society-admin-panel .css-membership-society-details-label, .css-membership-society-admin-container .css-membership-society-admin-panel .top-bar #top-bar-nav-member-status .css-membership-society-details-label, .top-bar #top-bar-nav-member-status .css-membership-add-category-form .css-membership-society-details-label, .css-membership-add-category-form .top-bar #top-bar-nav-member-status .css-membership-society-details-label { text-decoration: none !important; color: #FFFFFF !important; margin-left: 0 !important; }
.top-bar #top-bar-nav-member-status label:hover, .top-bar #top-bar-nav-member-status .css-membership-society-admin-container .css-membership-society-admin-panel .css-membership-society-details-label:hover, .css-membership-society-admin-container .css-membership-society-admin-panel .top-bar #top-bar-nav-member-status .css-membership-society-details-label:hover, .top-bar #top-bar-nav-member-status .css-membership-add-category-form .css-membership-society-details-label:hover, .css-membership-add-category-form .top-bar #top-bar-nav-member-status .css-membership-society-details-label:hover { color: #FFFFFF !important; }
.top-bar #top-bar-nav-member-status .top-bar-triangle-pip { right: 35px; }
.top-bar #top-bar-nav-cart { padding: 1rem 1.5rem 1rem 1.5rem; display: none; text-decoration: none !important; color: #FFFFFF; background-color: #333333; line-height: 2.4; }
.top-bar #top-bar-nav-cart a { margin-top: 1rem; font-size: 0.6rem; width: 30% !important; min-height: 0; }
.top-bar #top-bar-nav-cart .top-bar-triangle-pip { right: 15px; }
.top-bar .css-membership-cart-border { border-bottom: 1px solid #666666; }

.css-membership-triangle-pip-container { position: relative; }

header.show-for-small-only .top-bar .top-bar-section { display: none; position: absolute; top: 100%; left: 0; width: 100%; }
header.show-for-small-only .top-bar.expanded .top-bar-section { display: block; }
header.show-for-small-only .top-bar .title-area .css-membership-border-left { border-left-style: solid; border-left-width: 1px; border-left-color: #C3C3C3; color: #C3C3C3; }
@media only screen and (min-width: 500px) and (max-width: 735px) { header.show-for-small-only .top-bar .title-area .css-membership-tablet-width-15 { width: 15% !important; } }

.css-membership-member-status { border-left-style: solid; border-left-width: 1px; border-left-color: #C3C3C3; color: #C3C3C3; margin-left: 20px; }
.css-membership-member-status .css-membership-member-status-content { padding-left: 10px; padding-bottom: 5px; padding-top: 5px; color: #C3C3C3; }
.css-membership-member-status .css-membership-member-status-content.single-line { line-height: 3.1; }

#nav-member-status-toggle p, #nav-member-status-toggle .banner a:not(.button), .banner #nav-member-status-toggle a:not(.button) { height: 27px; color: #C3C3C3; width: 30px; position: absolute; font-size: 0.7em; top: 15px; }

header { background-color: #000000; }

footer { background-color: #000000; color: #BBBBBB; font-size: 14px; clear: both; min-height: 116px; }
footer .row { padding-top: 15px; }
footer .inline-list { margin-bottom: 15px; }
footer .inline-list li a { margin-top: 0.5rem; }
footer p, footer .banner a:not(.button), .banner footer a:not(.button) { margin-bottom: 15px; }
footer li { color: #BBBBBB !important; }
footer .bottom-nav a { font-size: 0.71429rem; }
footer a { font-size: 0.85714rem; }
footer #footer-logo { display: block; width: 234px; height: 22px; background-image: url("../img/footer_logo_powered.png") !important; background-size: 234px 22px !important; background-repeat: no-repeat !important; padding: 15px 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { footer #footer-logo { background: url("../img//footer_logo_powered@2x.png") !important; background-size: 234px 22px !important; background-repeat: no-repeat !important; } }
footer #footer-cup-logo { display: block; width: 162px; height: 38px; background-image: url("../img/cambridge_logo.png") !important; background-size: 100% 100% !important; background-repeat: no-repeat !important; padding: 15px 0; }
footer .divide { background-color: #666666; height: 1px; width: 100%; margin: 0 0 5px 0; }
@media only screen and (max-width: 45.71429em) { footer { min-height: 340px; }
  footer .top-nav { margin-bottom: -1rem; }
  footer .row ul { margin-left: 1.3rem; }
  footer #footer-logo, footer #footer-cup-logo { margin-right: auto; }
  footer li { margin-bottom: 10px; } }

a { text-decoration: none; font-size: 0.875rem; color: #000000; }
a:hover { color: #0072cf; }
a.grey-white { color: #BBBBBB !important; }
a.grey-white:hover { color: #FFFFFF !important; }
a.white-grey { color: #FFFFFF !important; }
a.white-grey:hover { color: #BBBBBB !important; }
a.grey-black { color: #BBBBBB !important; }
a.grey-black:hover { color: #000000 !important; }
a.dark-grey-black { color: #999999 !important; }
a.dark-grey-black:hover { color: #000000 !important; }
a.default-blue, #login-modal a { text-decoration: underline; }
a.default-blue:hover, #login-modal a:hover { color: #0072cf !important; }
a.default-white, #login-modal a.white-link { color: #FFFFFF !important; text-decoration: none; }
a.default-white:hover, #login-modal a.white-link:hover { text-decoration: underline; }
a.mid-grey-black, #main-menu li a, .sub-menu li a, .side-nav li a:not(.button), #main-menu a:not(.button) { color: #767676 !important; }
a.mid-grey-black:hover, #main-menu li a:hover, .sub-menu li a:hover, .side-nav li a:hover:not(.button), #main-menu a:hover:not(.button) { color: #000000 !important; }
a.ucase { text-transform: uppercase; }

.css-membership-content a:not(.button) { text-decoration: underline; color: #0072cf; }
.css-membership-content a:not(.button):hover { color: #000000 !important; }
.css-membership-content .side-nav a { border: none !important; }

a[data-no-link] { cursor: default; }
a[data-no-link].white:hover { color: #FFFFFF !important; }

.banner.bg-green h1, .banner.bg-event h1, .banner.bg-green h2, .banner.bg-event h2, .banner.bg-green h3, .banner.bg-event h3, .banner.bg-green h4, .banner.bg-event h4, .banner.bg-green h5, .banner.bg-event h5, .banner.bg-green h6, .banner.bg-event h6, .banner.bg-green p, .banner.bg-event p, .banner.bg-green a:not(.button), .banner.bg-event a:not(.button) { color: #FFFFFF; }

.banner { min-width: 250px; width: 100% !important; padding: 35px 0; }
.banner .css-membership-society-select-dropdown-list { display: none; left: -9999px; list-style: none; margin-left: 0; position: absolute; background: #FFFFFF; border: solid 1px #cccccc; font-size: 1rem; height: auto; max-height: none; width: 100%; z-index: 89; max-width: 100px; }
.banner .css-membership-society-select-dropdown-list.open { display: block; }
.banner .css-membership-society-select-dropdown-list > *:first-child { margin-top: 0; }
.banner .css-membership-society-select-dropdown-list > *:last-child { margin-bottom: 0; }
.banner .css-membership-society-select-dropdown-list:before { border: inset 6px; content: ""; display: block; height: 0; width: 0; border-color: transparent transparent #FFFFFF transparent; border-bottom-style: solid; position: absolute; top: -12px; left: 42px !important; z-index: 89; }
.banner .css-membership-society-select-dropdown-list:after { border: inset 7px; content: ""; display: block; height: 0; width: 0; border-color: transparent transparent #cccccc transparent; border-bottom-style: solid; position: absolute; top: -14px; left: 41px !important; z-index: 88; }
.banner .css-membership-society-select-dropdown-list.right:before { left: auto; right: 42px; }
.banner .css-membership-society-select-dropdown-list.right:after { left: auto; right: 41px; }
.banner .css-membership-society-select-dropdown-list li { cursor: pointer; font-size: 1rem; line-height: 1.28571rem; margin: 0; }
.banner .css-membership-society-select-dropdown-list li:hover, .banner .css-membership-society-select-dropdown-list li:focus { background: #EEEEEE; }
.banner .css-membership-society-select-dropdown-list li a { display: block; padding: 0.5rem; color: #555555; }
.banner .css-membership-society-select-elements { text-transform: uppercase; margin: 0 0 0 0.8rem !important; }
.banner .css-membership-society-select-elements:last-child { margin-bottom: 0.8rem !important; }
.banner .css-membership-society-select-elements:first-child { margin-top: 0.8rem !important; }
.banner #css-membership-society-select-dropdown-container .css-membership-society-select-dropdown { display: inline-block; width: 55px; text-transform: uppercase; margin: 0 0 0 4px !important; line-height: 2.6rem; padding-right: 17px; height: 2rem; }
.banner #css-membership-society-select-dropdown-container .css-membership-society-select-dropdown.multiple { background: url("../img/down-arrow-dark.png") no-repeat right 70%; background-size: 15px 7px; }
@media only screen and (max-width: 45.78571em) { .banner { margin: 0 auto; max-width: 1073px; width: 100%; }
  .banner:before, .banner:after { content: " "; display: table; }
  .banner:after { clear: both; } }
.banner.bg-green { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-top: 21px; padding-bottom: 20px; }
.banner.bg-green h1, .banner.bg-green h2, .banner.bg-green h3, .banner.bg-green h4, .banner.bg-green h5, .banner.bg-green h6 { margin: 0; }
.banner.bg-green h1 { font-size: 1.85714rem; line-height: 1; margin: 0 0 10px; }
@media only screen and (max-width: 45.78571em) { .banner.bg-green h1 { font-size: 1.42857rem; } }
.banner.bg-green h3 { margin: 0 0 5px; line-height: 1; font-size: 1.375rem; }
.banner.bg-green h6 { line-height: 1; font-size: 1.125rem; font-family: 'avenirltstd-book', 'avenirltstd-light', 'Noto Sans', arial, sans-serif; }
.banner.bg-green-home { padding-top: 32px; padding-bottom: 33px; min-height: 150px; }
.banner.bg-green-home h3 { margin: 0 0 9px; }
.banner.bg-green-home h6 { max-width: 42em; margin: 0 auto 0.07143rem; line-height: 1.6; font-size: 1rem; }
.banner.bg-green-home p, .banner.bg-green-home a:not(.button) { margin-bottom: 0 !important; margin-top: 0.07143rem; }
.banner.bg-event { min-height: 214px; background: url("../img/bg-event.png") no-repeat top left; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-top: 30px; }
@media only screen and (max-width: 45.71429em) { .banner.bg-event { margin-top: 35px; } }
.banner.bg-event h2, .banner.bg-event h6 { font-family: 'avenirltstd-light', 'Noto Sans', arial, sans-serif; }
.banner.bg-event h2 { font-size: 1.875rem; line-height: 1.2; margin: 0 0 7px; }
@media only screen and (max-width: 45.71429em) { .banner.bg-event h2 { font-size: 1.42857rem; } }
.banner.bg-event h6 { font-size: 1.125rem; line-height: 1; margin: 0 0 14px; }
.banner.bg-event .button, .banner.bg-event .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar .top-bar-section ul:not(.dropdown) li .banner.bg-event a.button, .banner.bg-event .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .banner.bg-event a.button { margin: 0; }
.banner.bg-grey { background-color: #EEEEEE; padding-top: 32px; padding-bottom: 29px; }
.banner.bg-grey h2 { font-size: 1.375rem; margin: 0 0 9px; line-height: 1; }
.banner.bg-grey h6 { max-width: 42em; margin: 0 auto; }
.banner.border-top { border-top: 1px solid #CCCCCC; }
.banner.border-bottom { border-bottom: 1px solid #CCCCCC; }
.banner.border-top-bottom { border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }
.banner .button, .banner .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar .top-bar-section ul:not(.dropdown) li .banner a.button, .banner .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .banner a.button { margin: 10px; }
.banner h1, .banner h2, .banner h3, .banner h4, .banner h5, .banner h6, .banner p, .banner a:not(.button) { padding: 0px; color: #333; }
.banner h1 { font-family: 'avenirltstd-book', 'avenirltstd-light', 'Noto Sans', arial, sans-serif; }
.banner h3 { margin: 0 0 17px; line-height: 1; font-size: 1.375rem; }
.banner h6 { font-size: 1rem; line-height: 1.5; color: #333; margin: 0 0 9px; }
.banner a.css-membership-banner-link { font-size: inherit; font-weight: inherit; }

.main-banner { padding-bottom: 0; }
.main-banner.border-bottom { border-width: 2px; }
.main-banner h1 { font-family: 'avenirltstd-book', 'avenirltstd-light', 'Noto Sans', arial, sans-serif; font-size: 2.5rem; margin-left: auto; margin-right: auto; margin: 0 0 9px; }
@media only screen and (max-width: 45.71429em) { .main-banner h1 { font-size: 1.42857rem; } }
.main-banner h3 { font-family: 'avenirltstd-book', 'avenirltstd-light', 'Noto Sans', arial, sans-serif; font-size: 1.125rem; margin: 0 0 14px; line-height: 1; }

.logo img { height: 100px; }

.logo-large img { max-height: 150px; }

#main-menu, .sub-menu { list-style: none; margin: 0; padding: 0; min-height: 50px; }
#main-menu li, .sub-menu li { display: inline-block; margin: 0; padding: 0; }
#main-menu li a, .sub-menu li a { margin: 0 10px; display: block; text-transform: uppercase; border-bottom: 5px solid #FFFFFF; position: relative; font-family: 'avenirltstd-medium', 'Noto Sans', arial, sans-serif; }
@media only screen and (min-width: 73.21429em) { #main-menu li a, .sub-menu li a { padding: 16px 25px 9px; } }
@media only screen and (min-width: 45.78571em) and (max-width: 73.14286em) { #main-menu li a, .sub-menu li a { padding: 16px 18px 9px; } }
#main-menu li a.active, .sub-menu li a.active { font-weight: normal; color: #000000; border-bottom: 5px solid #0072cf; font-family: 'avenirltstd-heavy', 'avenirltstd-medium', 'Noto Sans', arial, sans-serif; }
#main-menu li a.active:after, .sub-menu li a.active:after { content: ''; position: absolute; bottom: -11px; left: 50%; margin-left: -5px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #0072cf; }

.sub-menu a { text-transform: none !important; }

#mobile-menu { list-style: none; margin: -20px 0 0; padding: 0; text-align: center; }
#mobile-menu li { margin: 0; padding: 0; }
#mobile-menu li a { margin: 0; display: block; text-transform: uppercase; color: #999999; padding: 10px 20px 10px; font-size: 1.28571rem; }
#mobile-menu li a:hover { color: #000000; }

.home-cols h5 { margin-bottom: 6px; padding-right: 25px !important; }
.home-cols p, .home-cols .banner a:not(.button), .banner .home-cols a:not(.button) { padding-right: 20px !important; }
@media only screen and (max-width: 45.78571em) { .home-cols p, .home-cols .banner a:not(.button), .banner .home-cols a:not(.button) { padding-right: 0 !important; } }
@media only screen and (orientation: landscape) { .home-cols p, .home-cols .banner a:not(.button), .banner .home-cols a:not(.button) { font-size: 0.875rem !important; } }
.home-cols ul { list-style: none; margin: -10px 0 1rem; padding-right: 20px !important; }
.home-cols ul li { background: url("../img/bullet-tick.png") no-repeat left 3px !important; background-size: 24px 24px !important; padding: 0 0 0.5em 40px; }
@media only screen and (min-width: 45.78571em) { .home-cols .society-promo { padding: 0 25px; }
  .home-cols .society-promo img { width: auto; height: 200px; margin-bottom: 15px; }
  .home-cols .society-promo:not(.col-buttons) { margin-top: 35px; }
  .home-cols .society-promo:not(.col-buttons).last { margin-bottom: 35px; }
  .home-cols .border-right { border-right: 1px solid #CCCCCC; }
  .home-cols .border-left { border-left: 1px solid #CCCCCC; } }
.home-cols .button, .home-cols .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar .top-bar-section ul:not(.dropdown) li .home-cols a.button, .home-cols .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .home-cols a.button { margin: 0; }
@media only screen and (max-width: 45.78571em) { .home-cols .columns:last-child { margin-bottom: 35px; }
  .home-cols .divide { height: 1px; margin: 0 0 5px 0; padding: 0; border-bottom: 1px solid #CCCCCC !important; }
  .home-cols img { width: 100% !important; margin: 20px 0 !important; }
  .home-cols .society-promo { padding-left: 0.75rem; padding-right: 0.75rem; } }

.side-nav { margin-top: 4px; margin-bottom: 0; }
.side-nav .css-membership-sub-nav-button.up { background: url("../img/up-arrow-light.png") no-repeat right 55% !important; background-size: 15px 7px !important; }
.side-nav .css-membership-sub-nav-button.down { background: url("../img/down-arrow-light.png") no-repeat right 55% !important; background-size: 15px 7px !important; }
.side-nav .sub-nav { margin: 0; }
.side-nav .sub-nav .css-membership-sub-nav-element { list-style-type: none; }
.side-nav .sub-nav .css-membership-sub-nav-element a:not(.button) { text-transform: none; margin-left: 2rem; }
.side-nav li a:not(.button) { font-family: 'avenirltstd-medium', 'Noto Sans', arial, sans-serif; text-transform: uppercase; padding: 10px 0; font-size: 0.875rem; }
.side-nav li a:not(.button):hover { background-color: #FFFFFF; }
.side-nav li a:not(.button).active { color: #000000 !important; font-family: 'avenirltstd-heavy', 'avenirltstd-medium', 'Noto Sans', arial, sans-serif; }
@media only screen and (max-width: 45.71429em) { .side-nav { padding-bottom: 0; padding-top: 10px; }
  .side-nav li a:not(.button) { padding: 10px 0; } }

#main-menu a:not(.button) { font-family: 'avenirltstd-medium', 'Noto Sans', arial, sans-serif; text-transform: uppercase; font-size: 0.875rem; }
#main-menu a:not(.button):hover { background-color: #FFFFFF; }
#main-menu a:not(.button).active { color: #000000 !important; font-family: 'avenirltstd-heavy', 'avenirltstd-medium', 'Noto Sans', arial, sans-serif; }

#events-list img { margin-bottom: 1.5rem; }
@media only screen and (max-width: 45.71429em) { #events-list img { margin-bottom: 25px; } }
#events-list .icon.open-drawer { margin-bottom: 2rem; }
@media only screen and (min-width: 45.78571em) and (max-width: 73.14286em) { #events-list .css-membership-become-member-event-list { margin-top: 35px; } }
@media only screen and (max-width: 45.71429em) { #events-list { padding-top: 25px; }
  #events-list .event-content-right .css-membership-event-header { overflow-wrap: break-word; } }
#events-list > .row.css-membership-event-desc { margin: 0 0 1rem 0; border-bottom: 1px solid #CCCCCC; }
#events-list > .row.css-membership-event-desc:last-child { border-bottom: none !important; }
@media only screen and (min-width: 45.78571em) { #events-list > .row.css-membership-event-desc .css-membership-event-desc-child { padding-left: 0; } }
@media only screen and (max-width: 45.71429em) { #events-list > .row.css-membership-event-desc { margin: 1rem 0 1rem 0; } }
@media only screen and (min-width: 45.78571em) { #events-list > .row { margin-top: 2rem; }
  #events-list > .row .event-content-left { padding-right: 1.07143rem; }
  #events-list > .row .event-content-right .css-membership-button-container { width: 45rem; }
  #events-list > .row .event-content-right .css-membership-button-container.bottom { position: absolute; width: 100%; bottom: 0; }
  #events-list > .row .event-content-right .css-membership-button-container.with-image { width: 35rem; }
  #events-list > .row .event-content-right .css-membership-button-container a { margin-bottom: 1.5rem; } }
#events-list > .row h6 { margin-top: -5px; font-size: 1rem; }

.stock-level-error { font-size: 0.83rem !important; }

.accordion a { text-transform: uppercase; }
.accordion .accordion-navigation > a { background: url("../img/navmenu-arrow-down.png") no-repeat 95% center !important; background-size: 28px 13px !important; color: #333; font-size: 1.28571rem; font-weight: bold; }
.accordion .accordion-navigation.active > a { background: url("../img/navmenu-arrow-up.png") no-repeat 95% center !important; background-size: 28px 13px !important; color: #333; }

.create-account-steps { border-top: 1px solid #CCCCCC; padding: 35px 0 30px; }
.create-account-steps ul { list-style: none; margin: 0 auto; padding: 0; overflow: hidden; }
.create-account-steps ul.step-count-8 { width: 811px; }
.create-account-steps ul.step-count-8 li { width: 12.5%; }
.create-account-steps ul.step-count-7 { width: 710px; }
.create-account-steps ul.step-count-7 li { width: 14.28%; }
.create-account-steps ul.step-count-6 { width: 609px; }
.create-account-steps ul.step-count-6 li { width: 16.66%; }
.create-account-steps ul.step-count-5 { width: 508px; }
.create-account-steps ul.step-count-5 li { width: 20%; }
.create-account-steps ul.step-count-4 { width: 407px; }
.create-account-steps ul.step-count-4 li { width: 25%; }
.create-account-steps ul.step-count-3 { width: 306px; }
.create-account-steps ul.step-count-3 li { width: 33.33%; }
.create-account-steps ul.step-count-2 { width: 205px; }
.create-account-steps ul.step-count-2 li { width: 50%; }
.create-account-steps ul li { float: left; }
.create-account-steps ul li .create-account-step-number { display: block; position: relative; background: rgba(67, 111, 204, 0.5); height: 55px; margin: 0 1px 5px; padding: 0 0 0 13px; text-align: center; }
.create-account-steps ul li .create-account-step-number:before { content: ''; border-left: 13px solid #fff; border-top: 28px solid transparent; border-bottom: 27px solid transparent; position: absolute; top: 0; left: 0; }
.create-account-steps ul li .create-account-step-number:after { content: ''; border-left: 13px solid rgba(67, 111, 204, 0.5); border-top: 28px solid transparent; border-bottom: 27px solid transparent; position: absolute; top: 0; left: 100%; z-index: 20; }
.create-account-steps ul li .create-account-step-number strong { margin: 0 auto; border: 2px solid #fff; background: #fff; color: #485F8E; display: block; height: 40px; width: 40px; text-align: center; border-radius: 36px; line-height: 35px; position: relative; top: 7px; font-size: 1.5rem; font-weight: normal; opacity: 0.5; }
.create-account-steps ul li .create-account-step-text { display: block; font-size: 0.875rem; text-align: center; padding: 0 0 0 10px; font-weight: bold; color: #767676; }
.create-account-steps ul li:first-child .create-account-step-number { border-radius: 50px 0 0 50px; }
.create-account-steps ul li:first-child .create-account-step-number:before { display: none; }
.create-account-steps ul li:last-child .create-account-step-number { border-radius: 0 50px 50px 0; }
.create-account-steps ul li:last-child .create-account-step-number:after { display: none; }
.create-account-steps ul li:last-child .create-account-step-number strong { left: -4px; }
.create-account-steps ul li:last-child .create-account-step-text { padding: 0 0 0 6px; }
.create-account-steps ul .past .create-account-step-number { background: #436fcc; }
.create-account-steps ul .past .create-account-step-number:after { border-left-color: #436fcc; }
.create-account-steps ul .past .create-account-step-number strong { background: transparent; color: #fff; opacity: 1; }
.create-account-steps ul .past .create-account-step-text { color: #333; opacity: 1; }
.create-account-steps ul .current .create-account-step-number { background: #436fcc; }
.create-account-steps ul .current .create-account-step-number:after { border-left-color: #436fcc; }
.create-account-steps ul .current .create-account-step-number strong { color: #436fcc; opacity: 1; }
.create-account-steps ul .current .create-account-step-text { color: #436fcc; opacity: 1; }

@media only screen and (max-width: 45.71429em) { .create-account-steps { padding: 35px 15px; }
  .create-account-steps ul.step-count-8, .create-account-steps ul.step-count-7, .create-account-steps ul.step-count-6, .create-account-steps ul.step-count-5, .create-account-steps ul.step-count-4, .create-account-steps ul.step-count-3, .create-account-steps ul.step-count-2 { width: auto; }
  .create-account-steps ul li .create-account-step-number { margin-bottom: 0; height: 32px; padding: 0 0 0 12px; }
  .create-account-steps ul li .create-account-step-number:before { border-left-width: 10px; border-top-width: 16px; border-bottom-width: 16px; }
  .create-account-steps ul li .create-account-step-number:after { border-left-width: 10px; border-top-width: 16px; border-bottom-width: 16px; }
  .create-account-steps ul li .create-account-step-number strong { font-size: 0.875rem; height: 23px; width: 23px; line-height: 19px; top: 4px; }
  .create-account-steps ul li .create-account-step-text { display: none; } }
.membership-form hr { margin-top: 0; border-color: #e8e8e8; }
.membership-form .buttons-row { padding: 48px 0; }
@media only screen and (max-width: 45.71429em) { .membership-form label.right, .membership-form .css-membership-society-admin-container .css-membership-society-admin-panel .right.css-membership-society-details-label, .css-membership-society-admin-container .css-membership-society-admin-panel .membership-form .right.css-membership-society-details-label, .membership-form .css-membership-add-category-form .right.css-membership-society-details-label, .css-membership-add-category-form .membership-form .right.css-membership-society-details-label { text-align: left; margin: 0; padding-top: 0; }
  .membership-form .buttons-row { padding: 12px 0 24px; } }

.css-membership-big-expand-button { width: 100%; padding-top: 0.71429rem !important; padding-bottom: 0.5rem !important; padding-left: 0 !important; padding-right: 0 !important; font-size: 1rem; }

@media only screen and (min-width: 45.78571em) and (max-width: 73.14286em) { .css-membership-big-expand-button { font-size: 0.85714rem; } }
.css-membership-address-book-hr { text-align: center; }

.css-membership-address-book-hr:after { content: 'OR'; display: inline-block; position: relative; top: -14px; padding: 0 10px; background: white; color: black; font-size: 15px; font-weight: bold; }

.css-membership-address-book-radio-label { margin-bottom: 1rem !important; margin-left: 2rem !important; }

#orders-list { margin: 0 0 70px; padding: 15px 0 0 25px; }
@media only screen and (max-width: 45.78571em) { #orders-list { padding-left: 10px; padding-right: 10px; margin-bottom: 50px; } }
@media only screen and (min-width: 45.78571em) and (max-width: 73.14286em) { #orders-list { padding-left: 10px; padding-right: 10px; } }
#orders-list .order { border-bottom: 1px solid #CCCCCC; }
@media only screen and (max-width: 45.78571em) { #orders-list .order { margin: 0 0 4px; } }
#orders-list .order .order-header { overflow: hidden; height: 4.5rem; line-height: 4.57143rem; }
@media only screen and (max-width: 45.78571em) { #orders-list .order .order-header { height: 6.35714rem; position: relative; line-height: 2.28571rem; padding-top: 0.28571rem; } }
#orders-list .order .order-header .order-header-date { float: left; }
#orders-list .order .order-header .order-header-expand { float: right; margin: 0 0 0 18px; position: relative; top: 18px; width: 35px; height: 35px; overflow: hidden; border: none; background: url("../img/button-plus.png") no-repeat center center !important; background-size: cover !important; border-radius: 0; padding: 0 !important; }
@media only screen and (max-width: 45.78571em) { #orders-list .order .order-header .order-header-expand { width: 45px !important; height: 42px !important; position: absolute; right: 0; top: 56px; margin: 0; } }
#orders-list .order .order-header .order-header-expand.open { background-image: url("../img/button-minus.png") !important; }
#orders-list .order .order-header .order-header-view { float: right; margin: 0 0 0 18px; position: relative; top: 18px; font-size: 0.8125rem; }
@media only screen and (max-width: 45.78571em) { #orders-list .order .order-header .order-header-view { width: auto !important; position: absolute; left: 0; top: 56px; margin: 0; } }
#orders-list .order .order-header .order-header-total { float: right; }
#orders-list .order .order-detail { display: none; }
#orders-list .order .order-detail table { width: 100%; margin: 11px 0 25px; }
#orders-list .order .order-detail table thead tr th { width: 50%; font-size: 0.875rem; color: #333; padding: 0; }
#orders-list .order .order-detail table tbody tr td { font-size: 0.875rem; color: #333; padding: 4px 0; }
#orders-list .order .order-detail table tbody .order-product-extra td { padding-left: 35px; }
@media only screen and (max-width: 45.78571em) { #orders-list .order .order-detail table tbody .order-product-extra td { padding-left: 2px; } }
#orders-list .order .order-detail table tbody .order-product-extra td ul { margin: 0 !important; }
#orders-list .order .order-detail table tbody .order-total-discount td { padding-top: 20px; }

.order-history-contact-container { padding: 0 0 0 25px; }
@media only screen and (max-width: 45.78571em) { .order-history-contact-container { padding: 0; } }
@media only screen and (min-width: 45.78571em) and (max-width: 73.14286em) { .order-history-contact-container { padding: 0; } }

.order-history-contact { background-color: #EEEEEE; border: 1px solid #CCCCCC; text-align: center; padding: 30px 10px; margin: 0 0 70px; }
.order-history-contact h3 { padding: 0; margin: 0 0 0.5rem; font-weight: 600; font-size: 1.125rem; color: #333; }
.order-history-contact p, .order-history-contact .banner a:not(.button), .banner .order-history-contact a:not(.button) { color: #333; font-size: 0.875rem; line-height: 1.8; margin: 0; }

/* override the input type look and feel (checkboxes and radio buttons) */
input[type="checkbox"], input[type="radio"] { visibility: hidden; position: absolute; }
input[type="checkbox"] + label:before, .css-membership-society-admin-container .css-membership-society-admin-panel input[type="checkbox"] + .css-membership-society-details-label:before, .css-membership-add-category-form input[type="checkbox"] + .css-membership-society-details-label:before, input[type="checkbox"] + span, input[type="radio"] + label:before, .css-membership-society-admin-container .css-membership-society-admin-panel input[type="radio"] + .css-membership-society-details-label:before, .css-membership-add-category-form input[type="radio"] + .css-membership-society-details-label:before, input[type="radio"] + span { content: " "; display: inline-block; vertical-align: middle; margin-right: 0.5rem; width: 19px; height: 19px; background: url("../img/blue-elements.svg") left top no-repeat; }
input[type="checkbox"]:checked + label:before, .css-membership-society-admin-container .css-membership-society-admin-panel input[type="checkbox"]:checked + .css-membership-society-details-label:before, .css-membership-add-category-form input[type="checkbox"]:checked + .css-membership-society-details-label:before, input[type="checkbox"]:checked + span { background-position: -19px top; }
input[type="checkbox"] + label, .css-membership-society-admin-container .css-membership-society-admin-panel input[type="checkbox"] + .css-membership-society-details-label, .css-membership-add-category-form input[type="checkbox"] + .css-membership-society-details-label, input[type="checkbox"] + span { margin-bottom: 0.25rem; }
input[type="checkbox"][disabled] + label, .css-membership-society-admin-container .css-membership-society-admin-panel input[type="checkbox"][disabled] + .css-membership-society-details-label, .css-membership-add-category-form input[type="checkbox"][disabled] + .css-membership-society-details-label, input[type="checkbox"][disabled] + span { color: grey; }
input[type="radio"]:checked + label:before, .css-membership-society-admin-container .css-membership-society-admin-panel input[type="radio"]:checked + .css-membership-society-details-label:before, .css-membership-add-category-form input[type="radio"]:checked + .css-membership-society-details-label:before { background-position: -94px top; }
input[type="radio"] + label:before, .css-membership-society-admin-container .css-membership-society-admin-panel input[type="radio"] + .css-membership-society-details-label:before, .css-membership-add-category-form input[type="radio"] + .css-membership-society-details-label:before { background-position: -75px top; }

label, .css-membership-society-admin-container .css-membership-society-admin-panel .css-membership-society-details-label, .css-membership-add-category-form .css-membership-society-details-label { font-size: 0.875rem; }

input[type="text"], input[type="password"], input[type="email"], select { box-shadow: none; border-radius: 5px; height: 2.28571rem; padding: 0.42857rem; font-size: 0.875rem; margin-bottom: 1.07143rem; }

select { padding: 0.28571rem; }

label.css-membership-label-small, .css-membership-society-admin-container .css-membership-society-admin-panel .css-membership-label-small.css-membership-society-details-label, .css-membership-add-category-form .css-membership-label-small.css-membership-society-details-label { font-size: 12px; }

.css-membership-postfix { height: 1.78571rem !important; min-height: 1.78571rem !important; margin-top: 3px; color: #555555; }

.css-membership-card-icon { width: 28px; height: 28px; display: block; float: left; }

.css-membership-postfix-button-update { background: url(/core/membership/cambridge-membership/public/img/update-cart-quantity-darker.png); background-size: 22px 22px; background-repeat: no-repeat; }

.css-membership-postfix-button-remove { background: url(/core/membership/cambridge-membership/public/img/delete-cart-item-darker.png); background-size: 22px 22px; background-repeat: no-repeat; }

.ui-autocomplete { position: absolute; top: auto; left: auto; display: block; width: auto; z-index: 1000; background: white; max-height: 450px; overflow-x: hidden; }

.ui-menu { border-radius: 4px; border: 1px solid #999999; background-color: #fafafa; padding: 0px; -webkit-box-shadow: 2px 4px 8px 2px rgba(0, 0, 0, 0.12); -moz-box-shadow: 2px 4px 8px 2px rgba(0, 0, 0, 0.12); box-shadow: 2px 4px 8px 2px rgba(0, 0, 0, 0.12); }
.ui-menu .aop-autocomplete-item { cursor: pointer; padding: 10px; line-height: 30px; }
.ui-menu .aop-autocomplete-item:hover { background-color: rgba(0, 114, 207, 0.2); }
.ui-menu .aop-autocomplete-item:not(:last-child) { border-bottom: 1px solid #e4e4e4; }

.extendAutoComplete .ui-autocomplete { width: 140% !important; }

form[data-abide] .error { border-color: #d44228; }
form[data-abide] .error span.select2-selection--single { border-color: #d44228; }
form[data-abide] label.error, form[data-abide] .css-membership-society-admin-container .css-membership-society-admin-panel .error.css-membership-society-details-label, .css-membership-society-admin-container .css-membership-society-admin-panel form[data-abide] .error.css-membership-society-details-label, form[data-abide] .css-membership-add-category-form .error.css-membership-society-details-label, .css-membership-add-category-form form[data-abide] .error.css-membership-society-details-label { color: #d44228; }
form[data-abide] .form-field-container { position: relative; }
form[data-abide] .form-field-container .form-field-error-message { position: absolute; width: 93%; max-width: 333px; left: 100%; top: 0; background: #d44228; border-radius: 5px; min-height: 2.21429rem; font-size: 0.85714rem; color: #fff; padding: 8px 12px 8px; font-style: normal; z-index: 1; }
form[data-abide] .form-field-container .form-field-error-message.password-h1 { font-size: 0.71429rem; }
form[data-abide] .form-field-container .form-field-error-message.password-h3 { font-size: 0.60714rem; }
form[data-abide] .form-field-container .form-field-error-message:before { content: ""; position: absolute; top: 11px; left: -10px; width: 0; height: 0; border-right: 10px solid #d44228; border-bottom: 7px solid transparent; border-top: 7px solid transparent; }
@media only screen and (max-width: 1172px) { form[data-abide] .form-field-container .form-field-error-message { position: relative; left: 0; top: -7px; width: 100%; max-width: 100%; margin: 0 0 15px; }
  form[data-abide] .form-field-container .form-field-error-message:before { content: ""; position: absolute; left: 50%; top: -16px; margin-left: -7px; width: 0; height: 0; border-bottom: 10px solid #d44228; border-left: 7px solid transparent; border-right: 7px solid transparent; } }
form[data-abide] .form-field-container .form-field-error-message-bottom { position: relative; left: 0; top: -7px; width: 100%; max-width: 100%; margin: 0 0 15px; color: #fff; font-style: normal; min-height: 2.21429rem; font-size: 0.85714rem; background: #d44228; border-radius: 5px; padding: 8px 12px 8px; z-index: 1; text-align: center; }
form[data-abide] .form-field-container .form-field-error-message-bottom:before { content: ""; position: absolute; left: 50%; top: -10px; margin-left: -7px; margin-bottom: -5px; width: 0; height: 0; border-bottom: 10px solid #d44228; border-left: 7px solid transparent; border-right: 7px solid transparent; }
form[data-abide] .form-field-container span.select2 + .form-field-error-message-bottom { top: 11px; }
@media only screen and (max-width: 1172px) { form[data-abide] .form-field-container .css-membership-form-field-error-message-select2 { top: 11px; } }
@media only screen and (min-width: 73.21429em) { form[data-abide] .form-field-container .css-membership-institution-field-error { left: 168%; width: 150%; } }
@media only screen and (min-width: 73.21429em) { form[data-abide] .form-field-container .css-membership-donation-field-error { font-size: 0.775rem; } }
@media only screen and (max-width: 1330px) and (min-width: 1158px) { form[data-abide] .form-field-container .css-membership-donation-field-error { font-size: 0.675rem; width: 90%; } }
@media only screen and (max-width: 1172px) and (min-width: 733px) { form[data-abide] .form-field-container .css-membership-terms-field-error { top: -2px; } }
form[data-abide] .form-field-container .form-field-error-message-hidden-arrow:before { top: 0px; }
form[data-abide] .form-field-container.error input, form[data-abide] .form-field-container.error select, form[data-abide] .form-field-container.error textarea { border-color: #d44228; margin: 0 0 17px; }

.icon { cursor: pointer; width: 37px; height: 37px; }
.icon.info.tooltip-icon { display: inline-block; height: 20px; width: 20px; background: url("../img/html_icn_info_hover.png"); background-size: 20px 20px; }

.f-open-dropdown { outline: none; }

#confirmPasswordRequirement { margin-bottom: 1rem; }
#confirmPasswordRequirement #password { margin-bottom: 0px; }
#confirmPasswordRequirement label, #confirmPasswordRequirement .css-membership-society-admin-container .css-membership-society-admin-panel .css-membership-society-details-label, .css-membership-society-admin-container .css-membership-society-admin-panel #confirmPasswordRequirement .css-membership-society-details-label, #confirmPasswordRequirement .css-membership-add-category-form .css-membership-society-details-label, .css-membership-add-category-form #confirmPasswordRequirement .css-membership-society-details-label { margin-bottom: 1rem; }

.css-membership-radio-full-address { margin-left: 1.9rem; }
@media only screen and (max-width: 45.78571em) { .css-membership-radio-full-address { margin-left: 1.7rem; } }

#society-reports-form { padding-left: 50px; }

.select2-container--membership .select2-selection--single { background-color: #f3f3f3; border: 1px solid #aaa; border-radius: 4px; height: 2.42857rem; }
.select2-container--membership .select2-selection--single .select2-selection__rendered { color: #444; line-height: 2.28571rem; font-size: 0.85714rem; }
.select2-container--membership .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; }
.select2-container--membership .select2-selection--single .select2-selection__placeholder { color: #999; }
.select2-container--membership .select2-selection--single .select2-selection__arrow { border-left: 1px solid #ccc; right: 0; top: 0; bottom: 0; width: 40px; background: url("../img/select-arrow-down.png") no-repeat; background-size: 19px 9px !important; background-repeat: no-repeat !important; background-position: center center; height: 2.28571rem; position: absolute; }
.select2-container--membership[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; }
.select2-container--membership[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; }
.select2-container--membership.select2-container--disabled .select2-selection--single { background-color: #DDDDDD; cursor: default; }
.select2-container--membership.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; }
.select2-container--membership .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; }
.select2-container--membership .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; }
.select2-container--membership .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; }
.select2-container--membership .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; }
.select2-container--membership .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; }
.select2-container--membership .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; }
.select2-container--membership .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; }
.select2-container--membership[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--membership[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--membership[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; }
.select2-container--membership[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; }
.select2-container--membership[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; }
.select2-container--membership.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; }
.select2-container--membership.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; }
.select2-container--membership.select2-container--disabled .select2-selection__choice__remove { display: none; }
.select2-container--membership.select2-container--open.select2-container--above .select2-selection--single, .select2-container--membership.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; }
.select2-container--membership.select2-container--open.select2-container--below .select2-selection--single, .select2-container--membership.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.select2-container--membership .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; }
.select2-container--membership .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; }
.select2-container--membership .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; }
.select2-container--membership .select2-results__option[role=group] { padding: 0; }
.select2-container--membership .select2-results__option[aria-disabled=true] { color: #999; }
.select2-container--membership .select2-results__option[aria-selected=true] { background-color: #ddd; }
.select2-container--membership .select2-results__option .select2-results__option { padding-left: 1em; }
.select2-container--membership .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; }
.select2-container--membership .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; }
.select2-container--membership .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; }
.select2-container--membership .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; }
.select2-container--membership .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; }
.select2-container--membership .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; }
.select2-container--membership .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; }
.select2-container--membership .select2-results__group { cursor: default; display: block; padding: 6px; }

.black-modal { background-color: #000000; box-shadow: none; }
@media only screen and (min-width: 45.78571em) { .black-modal { left: 0; margin: 0 auto; max-width: 32.14286rem; right: 0; width: 50%; } }
@media only screen and (min-width: 45.78571em) { .black-modal { top: 8.92857rem; } }

#login-modal p, #login-modal .banner a:not(.button), .banner #login-modal a:not(.button) { color: #FFFFFF; }
#login-modal h6 { color: #FFFFFF; margin-top: 28px; margin-bottom: 33px; font-size: 1.35714rem; }
@media only screen and (max-width: 45.71429em) { #login-modal h6 { margin-top: 25px; margin-bottom: 10px; font-size: 1.07143rem; } }
#login-modal a.button, #login-modal .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li #login-modal a.button { width: 6.64286rem; padding-top: 10px !important; }
@media only screen and (min-width: 45.78571em) { #login-modal form { margin-bottom: 12px; } }
@media only screen and (max-width: 45.71429em) { #login-modal form { padding-top: 10px; }
  #login-modal form a.button, #login-modal form .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li #login-modal form a.button { height: 45px; } }
#login-modal form input { box-shadow: none; border-radius: 5px; height: 2.28571rem; width: 100%; padding: 0.42857rem; font-size: 0.875rem; margin: 0 0 17px; color: #767676; }
#login-modal form input:focus { color: #333; -webkit-box-shadow: 0px 0px 10px 2px #436fcc; -moz-box-shadow: 0px 0px 10px 2px #436fcc; box-shadow: 0px 0px 10px 2px #436fcc; border: 1px solid #0072cf; }
@media only screen and (min-width: 45.78571em) { #login-modal .border { border-right: solid 1px #666666; } }
@media only screen and (max-width: 45.71429em) { #login-modal .divide { border-top: solid 1px #666666; margin-top: 10px; height: 5px; } }
#login-modal.reveal-modal { padding: 0 0 17px; }
@media only screen and (max-width: 45.71429em) { #login-modal.reveal-modal { left: 0; right: 0; margin-left: auto; margin-right: auto; margin-top: 70px; min-height: 17.85714rem; }
  #login-modal.reveal-modal .form-field-container { padding-left: 0 !important; padding-right: 0 !important; } }
#login-modal.reveal-modal .close-reveal-modal { position: absolute; background: url("../img/close-modal-black.png") no-repeat center center; padding: 0; width: 39px; height: 39px; right: -40px; top: -37px; }
@media only screen and (max-width: 45.71429em) { #login-modal.reveal-modal .close-reveal-modal { right: 2px; top: 2px; } }
@media only screen and (min-width: 45.78571em) { #login-modal.reveal-modal .close-reveal-modal { background-size: cover; }
  #login-modal.reveal-modal .close-reveal-modal:hover { background: url("../img/close-modal-hover.png") no-repeat center center; background-size: cover; } }

.hide { display: none !important; }

.todo { border: 1px dashed red; }

.migration-warning { border: 5px solid red !important; }

.membership-note-message { color: #555555; }

.panel a.button, .panel .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar .top-bar-section ul:not(.dropdown) li .panel a.button, .panel .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .panel a.button { color: #FFF; }
.panel a.button.clear, .panel .top-bar .top-bar-section ul:not(.dropdown) li a.clear.button, .top-bar .top-bar-section ul:not(.dropdown) li .panel a.clear.button, .panel .top-bar #top-bar-nav ul:not(.dropdown) li a.clear.button, .top-bar #top-bar-nav ul:not(.dropdown) li .panel a.clear.button, .panel a.button.grey, .panel .top-bar .top-bar-section ul:not(.dropdown) li a.grey.button, .top-bar .top-bar-section ul:not(.dropdown) li .panel a.grey.button, .panel .top-bar #top-bar-nav ul:not(.dropdown) li a.grey.button, .top-bar #top-bar-nav ul:not(.dropdown) li .panel a.grey.button, .panel a.button.transparent, .panel .top-bar .top-bar-section ul:not(.dropdown) li a.transparent.button, .top-bar .top-bar-section ul:not(.dropdown) li .panel a.transparent.button, .panel .top-bar #top-bar-nav ul:not(.dropdown) li a.transparent.button, .top-bar #top-bar-nav ul:not(.dropdown) li .panel a.transparent.button { color: #555555; }
@media only screen and (max-width: 45.71429em) { .panel a.button.clear.left-for-small, .panel .top-bar .top-bar-section ul:not(.dropdown) li a.clear.left-for-small.button, .top-bar .top-bar-section ul:not(.dropdown) li .panel a.clear.left-for-small.button, .panel .top-bar #top-bar-nav ul:not(.dropdown) li a.clear.left-for-small.button, .top-bar #top-bar-nav ul:not(.dropdown) li .panel a.clear.left-for-small.button, .panel a.button.grey.left-for-small, .panel .top-bar .top-bar-section ul:not(.dropdown) li a.grey.left-for-small.button, .top-bar .top-bar-section ul:not(.dropdown) li .panel a.grey.left-for-small.button, .panel .top-bar #top-bar-nav ul:not(.dropdown) li a.grey.left-for-small.button, .top-bar #top-bar-nav ul:not(.dropdown) li .panel a.grey.left-for-small.button, .panel a.button.transparent.left-for-small, .panel .top-bar .top-bar-section ul:not(.dropdown) li a.transparent.left-for-small.button, .top-bar .top-bar-section ul:not(.dropdown) li .panel a.transparent.left-for-small.button, .panel .top-bar #top-bar-nav ul:not(.dropdown) li a.transparent.left-for-small.button, .top-bar #top-bar-nav ul:not(.dropdown) li .panel a.transparent.left-for-small.button { margin-left: 0; left: 0; width: auto; } }

.css-membership-footer-margin { margin: 0 0 70px 0; }

.css-membership-visibility-hidden { visibility: hidden; }

/* @todo: should be moved into the _columns.scss when we will have the latest drop from MiC */
.element-top-10-margin { margin-top: 10px !important; }

.element-top-20-margin { margin-top: 20px !important; }

@media only screen and (min-width: 45.78571em) { .element-top-25-margin { margin-top: 25px !important; } }

.element-top-30-margin { margin-top: 30px !important; }

.element-bottom-25-margin { margin-bottom: 25px !important; }

@media only screen and (min-width: 45.78571em) { .element-top-35-margin { margin-top: 35px !important; } }

@media only screen and (min-width: 45.78571em) { .element-bottom-55-margin { margin-bottom: 55px !important; } }

.element-bottom-15-margin { margin-bottom: 15px !important; }

@media only screen and (min-width: 45.78571em) { .element-bottom-10-margin { margin-bottom: 10px !important; } }

.element-right-quarter-rem-margin { margin-right: 0.25rem !important; }

.element-bottom-0-margin { margin-bottom: 0px !important; }

.element-left-0-margin { margin-left: 0px !important; }

.element-left-10-margin { margin-left: 10px !important; }

/* aop-blocks-society-promo */
.css-msg-panel { padding-top: 7px; }

/* register form page */
.css-membership-full-width { width: 100% !important; }

.css-membership-register-paragraph { margin-left: 25px; }

.css-membership-register-event-panel { border: 1px solid #0072cf; border-radius: 5px; padding: 2rem 0 0 0; }

#event-registration .css-membership-event-register-container { padding-bottom: 1.5rem; }
#event-registration .css-membership-event-register-container .css-membership-event-register-price-paragraph { margin-bottom: 0 !important; }
#event-registration .css-membership-event-register-container input[type="radio"], #event-registration .css-membership-event-register-container input[type="checkbox"], #event-registration .css-membership-event-register-container input[type="text"] { margin-bottom: 0; }
#event-registration .css-membership-event-register-container label.inline, #event-registration .css-membership-event-register-container .css-membership-society-admin-container .css-membership-society-admin-panel .inline.css-membership-society-details-label, .css-membership-society-admin-container .css-membership-society-admin-panel #event-registration .css-membership-event-register-container .inline.css-membership-society-details-label, #event-registration .css-membership-event-register-container .css-membership-add-category-form .inline.css-membership-society-details-label, .css-membership-add-category-form #event-registration .css-membership-event-register-container .inline.css-membership-society-details-label { padding-bottom: 0; }
#event-registration .css-membership-event-register-container .subheader { margin-bottom: 0; }

/* Become a member: select membership page */
@media only screen and (min-width: 45.78571em) { #select-membership p, #select-membership .banner a:not(.button), .banner #select-membership a:not(.button) { margin-bottom: 0.71429rem !important; }
  #select-membership .row:not(.buttons-row) { padding-bottom: 0.25rem; } }
/* Become a member: confirm cart page */
.css-membership-h3 { font-weight: 600; font-size: 1.125rem; margin-bottom: 1.5rem; }

@media only screen and (min-width: 45.78571em) { .css-membership-donation-confirmcart-paragraph { padding-right: 0.8rem; } }

@media only screen and (max-width: 45.71429em) { #confirm-cart #donations { padding: 0; } }

.css-membership-hr { border-width: 3px 0 0; }

/* renew membership page */
@media only screen and (min-width: 45.78571em) { #renewMembershipForm .row { padding-bottom: 0.25rem; } }
/* abstract submission page */
#membership-abstract-submission-form .lengthCounter { position: relative; top: -15px; }
@media only screen and (min-width: 45.78571em) { #membership-abstract-submission-form .css-membership-title-error { width: 125%; } }

/* dashboard organisation block */
#membership-organisation-block { padding: .8rem; }
#membership-organisation-block .switch-organisation { color: #0072cf !important; text-transform: none; padding: 0px; display: inline; font-size: .8rem; }
#membership-organisation-block .switch-organisation:hover { background: transparent; }
#membership-organisation-block .css-membership-organisation-detail { padding-left: 10px; max-width: 80%; }
#membership-organisation-block .css-membership-organisation-detail .css-membership-organisation-details-paragraph { font-size: .8rem; margin-bottom: 0 !important; }
#membership-organisation-block .css-membership-organisation-image { width: 40px; height: 40px; }
#membership-organisation-block .css-membership-organisation-image img { width: 100%; line-height: 40px; }
#membership-organisation-block .css-membership-organisation-list { display: none; list-style-type: none; background-color: rgba(255, 255, 255, 0.4); border: 1px solid #E4E4E4; margin-top: 10px; margin-left: 0px; font-size: .8rem; }
#membership-organisation-block .css-membership-organisation-list p, #membership-organisation-block .css-membership-organisation-list .banner a:not(.button), .banner #membership-organisation-block .css-membership-organisation-list a:not(.button) { text-transform: none; font-size: .8rem; }
#membership-organisation-block .css-membership-organisation-list .css-membership-society-name-paragraph { font-weight: bold; }
#membership-organisation-block .css-membership-organisation-list li { padding: 0px 10px; }
#membership-organisation-block .css-membership-organisation-list li:not(:last-child) { border-bottom: 1px dotted #E4E4E4; }
#membership-organisation-block .css-membership-organisation-list li:first-child { border-bottom: 1px solid #E4E4E4; }
#membership-organisation-block .css-membership-organisation-list .switch-to-org { display: block; }
#membership-organisation-block .css-membership-organisation-list .switch-to-org li:hover { background-color: rgba(255, 255, 255, 0.6); }
#membership-organisation-block #current-org-name { font-weight: bold; }

.no-margin-bottom { margin-bottom: 0px !important; }

.placeholder-logo { background-color: #595959; color: #FFFFFF; font-weight: bold; text-align: center; font-size: 1rem; height: 38px; width: 38px; line-height: 38px; }

/* flash messages */
.flash-message-container .flash-message a:not(.close) { text-decoration: underline; color: #000000; }
.flash-message-container .flash-message a:not(.close):hover { color: #0072cf; }

@media only screen and (min-width: 45.78571em) { .flash-message-container .flash-message { position: relative; min-width: 40%; max-width: 80%; display: table; margin: auto; } }
/*skip link thingies*/
.css-membership-skip-link { position: absolute; z-index: -999999; top: -999em; left: 7px; display: block; width: 200px; padding: 7px 10px; border: 1px solid #CCC; outline: none; background: #FFF; color: #333; line-height: 1.2; font-weight: bold; text-decoration: none; }
.css-membership-skip-link:focus, .css-membership-skip-link:active { top: auto; left: auto; z-index: 999999; }

.css-membership-line-break { overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }

.css-membership-force-inline { display: inline !important; }

.css-membership-traditional-link { text-decoration: underline; color: #0072cf !important; }
.css-membership-traditional-link:hover { color: #000000 !important; }

/* IE was not respecting Foundation CSS to set placeholder text colour. Adding some more explicit rules to enable this. See COREMEMB-239/CORE-2111 */
input[type=email]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #767676; opacity: 1; }
input[type=email]:-moz-placeholder, input[type=text]:-moz-placeholder, input[type=password]:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */ color: #767676; opacity: 1; }
input[type=email]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder, textarea::-moz-placeholder { /* Firefox 19+ */ color: #767676; opacity: 1; }
input[type=email]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #767676; opacity: 1; }

/* Loading */
.kk-modal { display: none; position: fixed; z-index: 1000000000; top: 0; left: 0; height: 100%; width: 100%; background: rgba(150, 150, 150, 0.3) url("../img/loader_large.gif") 50% 50% no-repeat; }

/* Anytime the body has the loading class, our modal element will be visible */
body.kk-loading .kk-modal { display: block; }

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.button::-moz-focus-inner, button.button::-moz-focus-inner { border: 0; padding: 0; }

.other-val-container { padding: 0 0.8rem; }

.css-pagination li.unavailable a { color: #999999 !important; }
.css-pagination li.current a { color: #FFFFFF !important; }
.css-pagination a { text-decoration: none !important; }

.css-membership-home-banner-height { height: 300px; }
@media only screen and (max-width: 730px) and (min-width: 460px) { .css-membership-home-banner-height { height: 180px; } }

.css-membership-home-banner { background-image: url("/core/membership/cambridge-membership/public/img/memservhome_image_header.png"); background-size: cover; background-position: 50% 57%; }

.black-overlay { background-color: rgba(0, 0, 0, 0.3); color: white; }

.css-membership-home-top-banner { position: relative; top: 30%; }

.css-membership-home-top-banner h1 { font-size: 4rem; color: white; }
.css-membership-home-top-banner h3 { font-size: 2rem; color: white; }

.css-membership-home-body h1 { color: #333; }
.css-membership-home-body h3 { color: #333; }

.css-membership-carousel-container { background-image: url("/cambridge-membership/public/img/memservhome_image_partners.jpg"); background-size: cover; background-position: 50% 75%; }

.css-membership-carousel-society-partner { padding: 2.5rem 0; }
.css-membership-carousel-society-partner h1, .css-membership-carousel-society-partner h3 { color: white; }
.css-membership-carousel-society-partner .button, .css-membership-carousel-society-partner .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar .top-bar-section ul:not(.dropdown) li .css-membership-carousel-society-partner a.button, .css-membership-carousel-society-partner .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .css-membership-carousel-society-partner a.button { font-size: 1rem; width: 200px; border-radius: 8px; }

.home-grey-bottom { padding-bottom: 2rem; }
.home-grey-bottom .button, .home-grey-bottom .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar .top-bar-section ul:not(.dropdown) li .home-grey-bottom a.button, .home-grey-bottom .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .home-grey-bottom a.button { margin-top: 2rem; width: 100%; }

@media only screen and (max-width: 45.71429em) { .css-membership-carousel-society-partner h3 { font-size: 0.95rem; }
  .css-membership-home-top-banner h1 { font-size: 2.5rem; }
  .css-membership-home-top-banner h3 { font-size: 1.25rem; margin-bottom: 1.5rem; }
  .css-membership-home-content h2 { font-size: 1.5rem; }
  .css-membership-home-top-banner { top: 10%; } }
.css-membership-home-icon-medium { height: 90px; width: 90px; }

.css-membership-home-icon-large { height: 150px; width: 150px; }

.css-membership-home-icon-blue { background-color: #436fcc; }

.css-membership-home-icon { text-align: center; margin: 2rem auto 0; }
.css-membership-home-icon:before { content: ' '; display: inline-block; vertical-align: middle; height: 100%; }
.css-membership-home-icon img { display: inline-block; vertical-align: middle; }

.css-membership-home-icon-circle { font: 0/0 a; border-style: solid; border-radius: 50%; border-color: #436fcc; }

.css-membership-home-content { margin-top: 1rem; margin-bottom: 3rem; padding: 0 1.5rem; }
.css-membership-home-content h2 { font-size: 1.42857rem; }

.css-membership-carousel-partner-icon-container { margin-top: 3rem; }
.css-membership-carousel-partner-icon-container .row { margin-top: 0; }

.css-membership-home-topbar { min-height: 0; }
.css-membership-home-topbar .row { line-height: 0; }

.css-membership-font-family-noto { font-family: 'avenirltstd-book', 'avenirltstd-light', 'Noto Sans', arial, sans-serif; }

.css-membership-society-logo-thumbnail img { height: 10rem; width: 20rem; border: 1px solid #CCCCCC; }
@media only screen and (max-width: 935px) and (min-width: 733px) { .css-membership-society-logo-thumbnail img { height: 6.5rem; width: 13rem; } }

* { margin: 0; }

html, body { height: 100%; }

body { -webkit-text-size-adjust: none; }

/*
p { a { text-decoration: none; border-bottom: 1px solid #777; &:hover { color: $blue !important; text-decoration: none !important; } }
}
*/
#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -116px; }
#wrapper .push { min-height: 116px; clear: both; }
@media only screen and (max-width: 45.71429em) { #wrapper { margin: 0 auto -340px; }
  #wrapper .push { min-height: 340px; clear: both; } }

#wrapper-home { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -330px; }
#wrapper-home .push { height: 330px; clear: both; }
@media only screen and (max-width: 45.71429em) { #wrapper-home { margin: 0 auto -558px; }
  #wrapper-home .push { height: 554px; clear: both; } }

.css-membership-alert-box { border-style: solid; border-width: 1px; display: block; font-size: 0.92857rem; font-weight: normal; margin-bottom: 1.42857rem; margin-top: 0.92857rem; position: relative; border-radius: 4px; min-height: 64px; padding: 1rem 1.71429rem 1rem 1rem; text-align: left; padding-left: 4rem; transition: opacity 300ms ease-out; }
.css-membership-alert-box.success { background: url("../img/memserv_banner_tick_40x40.png"); border-color: #229619; background-color: #ebfde9; background-position: 12px 10px; background-repeat: no-repeat; border-width: 2px; color: #4f4f4f; }
.css-membership-alert-box.success .close { background: url("../img/memserv_banner_xpos_17x17.png") no-repeat; right: 0.28571rem; line-height: .9; margin-top: -0.78571rem; opacity: 1; position: absolute; width: 17px; height: 17px; top: 25px; }
.css-membership-alert-box.success .close:hover, .css-membership-alert-box.success .close:focus { opacity: 0.5; }
.css-membership-alert-box.alert { background: url("../img/memserv_banner_warn_40x40.png"); border-color: #eb482d; background-color: #fff2ef; background-position: 12px 10px; background-repeat: no-repeat; border-width: 2px; color: #4f4f4f; }
.css-membership-alert-box.alert .close { background: url("../img/memserv_banner_xneg_17x17.png") no-repeat; right: 0.28571rem; line-height: .9; margin-top: -0.78571rem; opacity: 1; position: absolute; width: 17px; height: 17px; top: 25px; }
.css-membership-alert-box.alert .close:hover, .css-membership-alert-box.alert .close:focus { opacity: 0.5; }
.css-membership-alert-box.info { background: url("../img/memserv_banner_info_40x40.png"); border-color: #0070ce; background-color: #e7effe; background-position: 12px 10px; background-repeat: no-repeat; border-width: 2px; color: #4f4f4f; }
.css-membership-alert-box.info .close { background: url("../img/memserv_banner_xinfo_17x17.png") no-repeat; right: 0.28571rem; line-height: .9; margin-top: -0.78571rem; opacity: 1; position: absolute; width: 17px; height: 17px; top: 25px; }
.css-membership-alert-box.info .close:hover, .css-membership-alert-box.info .close:focus { opacity: 0.5; }
.css-membership-alert-box.alert-close { opacity: 0; }

.css-membership-maintenance-alert-box.maintenance-alert { background-color: #F9F9F9; color: #C54233; text-align: center; margin: 0; border: none; }
.css-membership-maintenance-alert-box.alert .close { color: #FFF !important; }
.css-membership-maintenance-alert-box .close { margin-top: 0px; top: 10px; background-color: transparent; opacity: 0.8; }
.css-membership-maintenance-alert-box .close:hover { opacity: 1; }
.css-membership-maintenance-alert-box .close:focus { outline: none; }
.css-membership-maintenance-alert-box p, .css-membership-maintenance-alert-box .banner a:not(.button), .banner .css-membership-maintenance-alert-box a:not(.button) { color: #B85600; padding: 1rem; }

/* CMS modal changes override */
#cms-edit-assumed-identity-form #save { width: 100px; }

#pageForm fieldset { min-width: auto; }
@-moz-document url-prefix() { #pageForm fieldset { display: table-cell; } }
/* adds margin top to all attributes that are not enclosed by a label */
#activeAttributes .row .columns > input[type=text], #activeAttributes .row .columns > textarea { margin-top: 1.5rem; }

.css-membership-society-admin-container { margin: 1.5em 0em 1.5em 0em; }
.css-membership-society-admin-container .css-membership-society-admin-header { margin: 0.3rem 0 0.3rem 0; }
.css-membership-society-admin-container .css-membership-society-admin-panel { padding: 0rem 1.42857rem 0rem 1.42857rem; }
.css-membership-society-admin-container .css-membership-society-admin-panel.close { display: none; }
.css-membership-society-admin-container .css-membership-society-admin-panel .css-membership-society-details-label { cursor: default; }
.css-membership-society-admin-container .css-membership-society-admin-panel .stripe { margin-bottom: 0.25rem; }
.css-membership-society-admin-container .css-membership-society-admin-panel .stripe label, .css-membership-society-admin-container .css-membership-society-admin-panel .stripe .css-membership-society-details-label { margin-bottom: 0rem; }
.css-membership-society-admin-container .css-membership-society-admin-panel .stripe:nth-child(even) { background-color: #EEEEEE; }
.css-membership-society-admin-container .css-membership-society-admin-panel .stripe .css-membership-category-option-indent { margin-left: 3rem; }
.css-membership-society-admin-container .css-membership-society-admin-panel .css-membership-add-journal-span { margin-right: 10px; }
.css-membership-society-admin-container .css-membership-society-admin-panel #css-membership-add-category-form .css-membership-price-error { width: 300%; }
.css-membership-society-admin-container .panel-bottom-border { border-bottom: solid 1px #d8d8d8; }
.css-membership-society-admin-container a { margin: 1rem 0rem 1rem 0rem; }

.date-picker-wrapper { z-index: 10000 !important; }

.css-membership-add-category-form .css-membership-society-details-label { cursor: default; }

#css-membership-add-category-form input[type=checkbox] + label, #css-membership-add-category-form .css-membership-society-admin-container .css-membership-society-admin-panel input[type=checkbox] + .css-membership-society-details-label, .css-membership-society-admin-container .css-membership-society-admin-panel #css-membership-add-category-form input[type=checkbox] + .css-membership-society-details-label, #css-membership-add-category-form .css-membership-add-category-form input[type=checkbox] + .css-membership-society-details-label, .css-membership-add-category-form #css-membership-add-category-form input[type=checkbox] + .css-membership-society-details-label, #css-membership-add-category-form input[type=radio] + label, #css-membership-add-category-form .css-membership-society-admin-container .css-membership-society-admin-panel input[type=radio] + .css-membership-society-details-label, .css-membership-society-admin-container .css-membership-society-admin-panel #css-membership-add-category-form input[type=radio] + .css-membership-society-details-label, #css-membership-add-category-form .css-membership-add-category-form input[type=radio] + .css-membership-society-details-label, .css-membership-add-category-form #css-membership-add-category-form input[type=radio] + .css-membership-society-details-label { margin-left: 0px !important; }
#css-membership-add-category-form .css-membership-price-error { width: 150%; }

.css-membership-add-journal-span { margin-right: 10px; }

.contact-us-container { background-color: #EEEEEE; border: 1px solid #CCCCCC; text-align: center; padding: 30px 10px; margin: 0 0 70px; }
.contact-us-container h3 { padding: 0; margin: 0 0 0.5rem; font-weight: 600; font-size: 1.125rem; color: #333; }
.contact-us-container p, .contact-us-container .banner a:not(.button), .banner .contact-us-container a:not(.button) { color: #333; font-size: 0.875rem; line-height: 1.8; margin: 0; }
.contact-us-container a:not(.button) { text-decoration: underline; color: #000000; }
.contact-us-container a:not(.button):hover { color: #0072cf !important; }

.cookie-message { background-color: #555555; display: none; }
.cookie-message p, .cookie-message .banner a:not(.button), .banner .cookie-message a:not(.button), .cookie-message a, .cookie-message a:hover { color: white; }
.cookie-message a { text-decoration: underline; }
.cookie-message a.cookie-close { float: right; }
.cookie-message a.cookie-close > img { min-width: 37px; }
.cookie-message .columns:nth-of-type(1) { padding: 30px 30px 10px 30px; }
.cookie-message .columns:nth-of-type(2) { padding: 30px 30px 0px 0px; }
@media only screen and (max-width: 45.71429em) { .cookie-message .columns:nth-of-type(1) { padding: 15px 30px 5px 15px; }
  .cookie-message .columns:nth-of-type(2) { padding: 15px 15px 0px 0px; } }

.css-membership-price-listing { padding-right: 25px; }
.css-membership-price-listing li { color: #767676; }
.css-membership-price-listing li:first-child { color: #333; }

#confirm-modal .title { margin-bottom: 25px; margin-top: 15px; }
@media only screen and (max-width: 1172px) { #confirm-modal a.button.cancel, #confirm-modal .top-bar #top-bar-nav ul:not(.dropdown) li a.cancel.button, .top-bar #top-bar-nav ul:not(.dropdown) li #confirm-modal a.cancel.button { width: 100% !important; } }
@media only screen and (max-width: 1172px) { #confirm-modal a.button.confirm, #confirm-modal .top-bar #top-bar-nav ul:not(.dropdown) li a.confirm.button, .top-bar #top-bar-nav ul:not(.dropdown) li #confirm-modal a.confirm.button { width: 100% !important; } }

.css-membership-totals-payment-info { font-size: 0.8rem; }

#cms-manage-assumed-identities, #cms-edit-assumed-identity { padding: 0px; border-radius: 0; }
#cms-manage-assumed-identities:focus, #cms-edit-assumed-identity:focus { outline: none; }
#cms-manage-assumed-identities .header, #cms-edit-assumed-identity .header { text-align: center; background-color: #F9F9F9; padding: 20px; }
#cms-manage-assumed-identities .header .heading_07 + p, #cms-manage-assumed-identities .header .banner .heading_07 + a:not(.button), .banner #cms-manage-assumed-identities .header .heading_07 + a:not(.button), #cms-edit-assumed-identity .header .heading_07 + p, #cms-edit-assumed-identity .header .banner .heading_07 + a:not(.button), .banner #cms-edit-assumed-identity .header .heading_07 + a:not(.button) { color: #555555; padding-top: 20px; margin-bottom: 0; }
#cms-manage-assumed-identities .header .heading_07, #cms-edit-assumed-identity .header .heading_07 { line-height: 32px; font-size: 22px; font-weight: bold; }
@media only screen and (max-width: 45.71429em) { #cms-manage-assumed-identities .header, #cms-edit-assumed-identity .header { padding-top: 60px; } }
#cms-manage-assumed-identities .wrapper, #cms-edit-assumed-identity .wrapper { padding: 20px; }
@media only screen and (min-width: 45.78571em) { #cms-manage-assumed-identities .close-reveal-modal, #cms-edit-assumed-identity .close-reveal-modal { width: 38px; height: 38px; top: -38px; right: -38px; text-indent: -9999px; background-image: url("../img/icn_circle__btn_close_white.svg"); } }

.cms { z-index: 99999; }
.cms a.small.button.assumeLink, .cms .top-bar .top-bar-section ul:not(.dropdown) li a.small.assumeLink.button, .top-bar .top-bar-section ul:not(.dropdown) li .cms a.small.assumeLink.button, .cms .top-bar #top-bar-nav ul:not(.dropdown) li a.small.assumeLink.button, .top-bar #top-bar-nav ul:not(.dropdown) li .cms a.small.assumeLink.button { padding: 0.42857rem 0.85714rem 0.5rem 0.85714rem; font-size: 0.85714rem; border-style: none; }

.css-membership-address span.primary-address-info { color: #767676; }

.css-membership-print-delivery-margin-bottom { margin-bottom: 0.7rem; }

/* membership-information page */
.css-membership-information-container .css-membership-overflow-x-auto { overflow-x: auto; }
.css-membership-information-container .css-membership-membership-info-panel table { border: 1px solid #d8d8d8; border-collapse: collapse; width: 100%; }
.css-membership-information-container .css-membership-membership-info-panel table thead th { text-align: left; }
.css-membership-information-container .css-membership-membership-info-panel table td, .css-membership-information-container .css-membership-membership-info-panel table th { padding: 1rem; }
.css-membership-information-container .css-membership-membership-info-panel table tr { height: 3rem; }
.css-membership-information-container .css-membership-membership-info-panel table tr.stripe:nth-child(odd) { background-color: #EEEEEE; border: none; }

@media only screen and (min-width: 45.78571em) { .form-group input[type='text'], .form-group input[type='email'], .form-group textarea, .form-group select, .form-group label, .form-group .css-membership-society-admin-container .css-membership-society-admin-panel .css-membership-society-details-label, .css-membership-society-admin-container .css-membership-society-admin-panel .form-group .css-membership-society-details-label, .form-group .css-membership-add-category-form .css-membership-society-details-label, .css-membership-add-category-form .form-group .css-membership-society-details-label, .form-group .label-only { margin-left: 0.75rem !important; }
  .form-group .form-field-container > .checkbox-group { margin-bottom: 0.5rem; }
  .form-group .form-field-container > .radio-group { margin-bottom: 1rem; } }
.form-group small.form-field-error-message { left: 105% !important; }

.css-membership-information-form h1 { font-size: 1.375rem; }
.css-membership-information-form h2 { font-size: 1.1rem; }
.css-membership-information-form h3 { font-size: 0.875rem; font-weight: bold; }

.abstract-submission-content .form-group { margin-bottom: 0.5rem; }
@media only screen and (min-width: 45.78571em) { .abstract-submission-content .form-group input[type='text'], .abstract-submission-content .form-group input[type='email'], .abstract-submission-content .form-group textarea, .abstract-submission-content .form-group select, .abstract-submission-content .form-group label, .abstract-submission-content .form-group .css-membership-society-admin-container .css-membership-society-admin-panel .css-membership-society-details-label, .css-membership-society-admin-container .css-membership-society-admin-panel .abstract-submission-content .form-group .css-membership-society-details-label, .abstract-submission-content .form-group .css-membership-add-category-form .css-membership-society-details-label, .css-membership-add-category-form .abstract-submission-content .form-group .css-membership-society-details-label, .abstract-submission-content .form-group .label-only { margin-left: 0rem !important; }
  .abstract-submission-content .form-group .form-field-container > .checkbox-group { margin-bottom: 0.5rem; }
  .abstract-submission-content .form-group .form-field-container > .radio-group { margin-bottom: 1rem; } }
.abstract-submission-content .form-group .form-field-title { margin-bottom: 0.25rem; }

.js-membership-membership-info-container .rendered-form input[type="checkbox"], .js-membership-membership-info-container .rendered-form input[type="radio"] { position: absolute !important; }
.js-membership-membership-info-container .rendered-form .radio-group label, .js-membership-membership-info-container .rendered-form .radio-group .css-membership-society-admin-container .css-membership-society-admin-panel .css-membership-society-details-label, .css-membership-society-admin-container .css-membership-society-admin-panel .js-membership-membership-info-container .rendered-form .radio-group .css-membership-society-details-label, .js-membership-membership-info-container .rendered-form .radio-group .css-membership-add-category-form .css-membership-society-details-label, .css-membership-add-category-form .js-membership-membership-info-container .rendered-form .radio-group .css-membership-society-details-label, .js-membership-membership-info-container .rendered-form .checkbox-group label, .js-membership-membership-info-container .rendered-form .checkbox-group .css-membership-society-admin-container .css-membership-society-admin-panel .css-membership-society-details-label, .css-membership-society-admin-container .css-membership-society-admin-panel .js-membership-membership-info-container .rendered-form .checkbox-group .css-membership-society-details-label, .js-membership-membership-info-container .rendered-form .checkbox-group .css-membership-add-category-form .css-membership-society-details-label, .css-membership-add-category-form .js-membership-membership-info-container .rendered-form .checkbox-group .css-membership-society-details-label { margin-left: 1.6rem !important; }
.js-membership-membership-info-container .rendered-form .other-val { margin-left: 0rem !important; }

.icon { cursor: pointer; width: 37px; height: 37px; }
.icon.inline { display: inline-block; height: 1em; background-size: 1em 1em; width: 1em; }
.icon.inline.large { height: 1.7em; background-size: 1.68em 1.68em; width: 1.7em; }
.icon:after { content: ' '; }
.icon.open-drawer.small { width: auto; height: auto; display: inline-block; padding-left: 23px; line-height: 16px; background-image: url("../img/btn_open_small_hover.svg"); background-position: 0 1px; background-repeat: no-repeat; }
@media only screen and (min-width: 73.21429em) { .icon.open-drawer.small:hover, .icon.open-drawer.small:after { background-image: url("../img/btn_open_small.svg"); background-position: 0 1px; background-repeat: no-repeat; } }
.icon.open-drawer.small.close { background-image: url("../img/btn_close_small_hover.svg"); background-position: 0 1px; background-repeat: no-repeat; }
.icon.open-drawer.small.close:hover { background-image: url("../img/btn_close_small.svg"); background-position: 0 1px; background-repeat: no-repeat; }
.icon.open-drawer.medium { background-image: url("../img/btn_open_medium.svg"); background-position: 0 0; background-repeat: no-repeat; }
.icon.open-drawer.medium:hover, .icon.open-drawer.medium:after { background-image: url("../img/btn_open_medium_hover.svg"); background-position: 0 0; background-repeat: no-repeat; }
.icon.open-drawer.medium.close { display: inline-block; background-image: url("../img/btn_close_medium.svg"); background-position: 0 0; background-repeat: no-repeat; }
.icon.open-drawer.medium.close:hover, .icon.open-drawer.medium.close:after { background-image: url("../img/btn_close_medium_hover.svg"); background-position: 0 0; background-repeat: no-repeat; }
.icon.open-drawer .normal { width: auto; height: auto; display: inline-block; background-image: url("../img/btn_open.svg"); background-position: 0 0; background-repeat: no-repeat; }
.icon.open-drawer .normal:hover, .icon.open-drawer .normal:after { background-image: url("../img/btn_open_hover.svg"); background-position: 0 0; background-repeat: no-repeat; }
.icon.open-drawer .normal.close { display: inline-block; background-image: url("../img/btn_close.svg"); background-position: 0 0; background-repeat: no-repeat; }
.icon.open-drawer .normal.close:hover, .icon.open-drawer .normal.close:after { background-image: url("../img/btn_close_hover.svg"); background-position: 0 0; background-repeat: no-repeat; }

#add-alerts-modal .add-alerts-modal-listing { max-height: 300px; max-height: 30vh; overflow-y: scroll; }

#add-alerts-modal .add-alerts-modal-listing hr { margin: 8px 0; }

#add-alerts-modal .alerts-to-add { margin-top: 20px; }
#add-alerts-modal .alerts-to-add p, #add-alerts-modal .alerts-to-add .banner a:not(.button), .banner #add-alerts-modal .alerts-to-add a:not(.button) { color: white; background-color: red; }
#add-alerts-modal .alerts-to-add a { text-decoration: underline; color: #0072cf; }

#submission-list { margin: 0 0 70px; }
@media only screen and (min-width: 45.78571em) { #submission-list { padding: 15px 0 0 25px; } }
#submission-list p, #submission-list .banner a:not(.button), .banner #submission-list a:not(.button) { margin-top: 1.28571rem !important; }
#submission-list .submission-header { border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; }
#submission-list .submission { border-bottom: 1px solid #CCCCCC; }

#submission-details { margin: 0 0 70px; }
#submission-details .details-header { margin-top: 0.5rem !important; margin-bottom: 1.28571rem !important; }
#submission-details .details-container { margin-bottom: 1.28571rem !important; }

.reports-listing { margin-left: 0; }
.reports-listing button, .reports-listing a.button, .reports-listing .top-bar .top-bar-section ul:not(.dropdown) li a.button, .top-bar .top-bar-section ul:not(.dropdown) li .reports-listing a.button, .reports-listing .top-bar #top-bar-nav ul:not(.dropdown) li a.button, .top-bar #top-bar-nav ul:not(.dropdown) li .reports-listing a.button { margin-bottom: 10px; }
.reports-listing .download-job { margin-right: 5px; }
.reports-listing li { list-style: none; }

.report-messages a.close { top: 15px; }

.society-reports-alert, .society-reports-alert:visited, .society-reports-alert:hover, .society-reports-alert:active { text-decoration: underline; color: #ffffff; }

.tabs-society-reports a { text-decoration: none !important; }