/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } p { } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a:focus { border: none !important; box-shadow: none !important; -webkit-box-shadow: none; color: initial; text-decoration: initial; outline: none !important; outline-width: 0; } a.mpp_navLink:focus { background-color: #c86017; color: #fff } /* END RESET */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0 } a { background: transparent } a:focus { outline: thin dotted } a:active, a:hover { outline: 0 } h1 { font-size: 2em; margin: 0.67em 0 } abbr[title] { border-bottom: 1px dotted } /* div.mn dl .strong, div.mn dl b, div.mn dl strong, div.mn ol .strong, div.mn ol b, div.mn ol strong, div.mn p .strong, div.mn p b, div.mn p strong, div.mn table .strong, div.mn table b, div.mn table strong, div.mn ul .strong, div.mn ul b, div.mn ul strong { font-weight: 700; font-family: "Merriweather", Cambria, Times New Roman, Times, serif } .em, dfn, em { font-style: normal; font-family: "MuseoSans-700Italic", Helvetica, Arial, sans-serif } */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0 } pre { margin: 0 } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em } pre { white-space: pre-wrap } q { quotes: "\201C" "\201D" "\2018" "\2019" } q:after, q:before { content: ''; content: none } .small, small { font-size: 75% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -0.5em } sub { bottom: -0.25em } dl, menu, ol, ul { margin: 1em 0 } dd { margin: 0; } menu { padding: 0 0 0 40px; } ol, ul { padding: 0; list-style-type: none; } nav ol, nav ul { list-style: none; list-style-image: none; } img { border: 0; /* padding: 10px 0px 0px 0px; */ } svg:not(:root) { overflow: hidden } figure { margin: 0 } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em } legend { border: 0; padding: 0 } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0 } button, input { line-height: normal } button, select { text-transform: none } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer } button[disabled], html input[disabled] { cursor: default } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } textarea { overflow: auto; vertical-align: top } table { border-collapse: collapse; border-spacing: 0 } *, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .button, .button.blue, .button.location, .button.pdf, .mega .button.location, input[type=submit], .mpp_navLink, button { display: inline-block; position: relative; text-decoration: none; color: #FFFFFF; font-weight: normal; border: 0; -webkit-font-smoothing: inherit; padding: .5em 1.6em .45em 1.6em; margin: 1em 0; font-size: 1.4em; cursor: pointer; -webkit-transition: background-color 0.14s ease-in-out; -moz-transition: background-color 0.14s ease-in-out; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #bc2b21; outline: none; text-align: center } .button:focus, .button:hover, .mega .button.location:focus, .mega .button.location:hover, input[type=submit]:hover, input[type=submit]:focus, .mpp_navLink:hover, .mpp_navLink:focus, button:focus, button:hover { color: #FFFFFF; background-color: rgba(174, 20, 9, 1); text-decoration: none } .button:active, .mega .button.location:active, input[type=submit]:active, .mpp_navLink:active, button:active { top: 1px; background-color: rgba(174, 20, 9, 1) } .text-button { float: left; width: 100%; text-align: center; clear: both; margin: .5em auto; font-size: 2.5em; color: #bc2b21; } .field, input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea { -webkit-appearance: none; border-radius: 0; -webkit-font-smoothing: inherit; outline: 0; padding: 8px 1em; margin-bottom: 0; font-size: 1em; color: black; vertical-align: middle; box-shadow: none; border: none; width: 100%; background-color: #FFFFFF; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-weight: normal } .field:active, .field:focus, input[type=color]:active, input[type=color]:focus, input[type=date]:active, input[type=date]:focus, input[type=datetime]:active, input[type=datetime]:focus, input[type=datetime-local]:active, input[type=datetime-local]:focus, input[type=email]:active, input[type=email]:focus, input[type=month]:active, input[type=month]:focus, input[type=number]:active, input[type=number]:focus, input[type=password]:active, input[type=password]:focus, input[type=search]:active, input[type=search]:focus, input[type=tel]:active, input[type=tel]:focus, input[type=text]:active, input[type=text]:focus, input[type=time]:active, input[type=time]:focus, input[type=url]:active, input[type=url]:focus, input[type=week]:active, input[type=week]:focus, select:active, select:focus, textarea:active, textarea:focus { } .field.error, .field.is-invalid, input[type=color].error, input[type=color].is-invalid, input[type=date].error, input[type=date].is-invalid, input[type=datetime].error, input[type=datetime].is-invalid, input[type=datetime-local].error, input[type=datetime-local].is-invalid, input[type=email].error, input[type=email].is-invalid, input[type=month].error, input[type=month].is-invalid, input[type=number].error, input[type=number].is-invalid, input[type=password].error, input[type=password].is-invalid, input[type=search].error, input[type=search].is-invalid, input[type=tel].error, input[type=tel].is-invalid, input[type=text].error, input[type=text].is-invalid, input[type=time].error, input[type=time].is-invalid, input[type=url].error, input[type=url].is-invalid, input[type=week].error, input[type=week].is-invalid, select.error, select.is-invalid, textarea.error, textarea.is-invalid { color: #FF3B3B; border-color: #FF3B3B; background-color: #FFFFFF; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=); outline-color: #FF3B3B } .field.is-valid, .field.success, input[type=color].is-valid, input[type=color].success, input[type=date].is-valid, input[type=date].success, input[type=datetime].is-valid, input[type=datetime].success, input[type=datetime-local].is-valid, input[type=datetime-local].success, input[type=email].is-valid, input[type=email].success, input[type=month].is-valid, input[type=month].success, input[type=number].is-valid, input[type=number].success, input[type=password].is-valid, input[type=password].success, input[type=search].is-valid, input[type=search].success, input[type=tel].is-valid, input[type=tel].success, input[type=text].is-valid, input[type=text].success, input[type=time].is-valid, input[type=time].success, input[type=url].is-valid, input[type=url].success, input[type=week].is-valid, input[type=week].success, select.is-valid, select.success, textarea.is-valid, textarea.success { color: #e6efc2; border-color: #e6efc2; background-color: #FFFFFF; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==); outline-color: #e6efc2 } .field.is-disabled, .field[disabled], input[type=color].is-disabled, input[type=color][disabled], input[type=date].is-disabled, input[type=date][disabled], input[type=datetime].is-disabled, input[type=datetime][disabled], input[type=datetime-local].is-disabled, input[type=datetime-local][disabled], input[type=email].is-disabled, input[type=email][disabled], input[type=month].is-disabled, input[type=month][disabled], input[type=number].is-disabled, input[type=number][disabled], input[type=password].is-disabled, input[type=password][disabled], input[type=search].is-disabled, input[type=search][disabled], input[type=tel].is-disabled, input[type=tel][disabled], input[type=text].is-disabled, input[type=text][disabled], input[type=time].is-disabled, input[type=time][disabled], input[type=url].is-disabled, input[type=url][disabled], input[type=week].is-disabled, input[type=week][disabled], select.is-disabled, select[disabled], textarea.is-disabled, textarea[disabled] { cursor: not-allowed; border-color: #cfcfcf; opacity: 0.6 } .field.is-disabled:active, .field.is-disabled:focus, .field[disabled]:active, .field[disabled]:focus, input[type=color].is-disabled:active, input[type=color].is-disabled:focus, input[type=color][disabled]:active, input[type=color][disabled]:focus, input[type=date].is-disabled:active, input[type=date].is-disabled:focus, input[type=date][disabled]:active, input[type=date][disabled]:focus, input[type=datetime].is-disabled:active, input[type=datetime].is-disabled:focus, input[type=datetime][disabled]:active, input[type=datetime][disabled]:focus, input[type=datetime-local].is-disabled:active, input[type=datetime-local].is-disabled:focus, input[type=datetime-local][disabled]:active, input[type=datetime-local][disabled]:focus, input[type=email].is-disabled:active, input[type=email].is-disabled:focus, input[type=email][disabled]:active, input[type=email][disabled]:focus, input[type=month].is-disabled:active, input[type=month].is-disabled:focus, input[type=month][disabled]:active, input[type=month][disabled]:focus, input[type=number].is-disabled:active, input[type=number].is-disabled:focus, input[type=number][disabled]:active, input[type=number][disabled]:focus, input[type=password].is-disabled:active, input[type=password].is-disabled:focus, input[type=password][disabled]:active, input[type=password][disabled]:focus, input[type=search].is-disabled:active, input[type=search].is-disabled:focus, input[type=search][disabled]:active, input[type=search][disabled]:focus, input[type=tel].is-disabled:active, input[type=tel].is-disabled:focus, input[type=tel][disabled]:active, input[type=tel][disabled]:focus, input[type=text].is-disabled:active, input[type=text].is-disabled:focus, input[type=text][disabled]:active, input[type=text][disabled]:focus, input[type=time].is-disabled:active, input[type=time].is-disabled:focus, input[type=time][disabled]:active, input[type=time][disabled]:focus, input[type=url].is-disabled:active, input[type=url].is-disabled:focus, input[type=url][disabled]:active, input[type=url][disabled]:focus, input[type=week].is-disabled:active, input[type=week].is-disabled:focus, input[type=week][disabled]:active, input[type=week][disabled]:focus, select.is-disabled:active, select.is-disabled:focus, select[disabled]:active, select[disabled]:focus, textarea.is-disabled:active, textarea.is-disabled:focus, textarea[disabled]:active, textarea[disabled]:focus { background-color: #d5edf8 } textarea { max-width: 100%; min-height: 120px; line-height: 1.5em } select { -webkit-appearance: none; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC); background-repeat: no-repeat; background-position: right 15px center } label { color: #323944; } body { -moz-animation-duration: 1s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; animation-delay: 0.2s; -moz-animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; position: relative; background: #FFFFFF; margin: 0; padding: 0; cursor: auto; font-size: 100%; font-weight: 400; font-style: normal; line-height: 1.6; color: black; -webkit-font-smoothing: antialiased; font-weight: normal; font-size: 16px; color: #000000; } html { font-size: 16px; } p { font-size: 1.125rem; line-height: 1.5; letter-spacing: 0.009em; } a { color: #bc2b21;; cursor: pointer; text-decoration: none; } a:hover { color: #000000; text-decoration: none; } input[type=file] { max-width: 100%; } input[type=text], input[type=email], input[type=tel], input[type=password] { -moz-transition: background-color, font-color 400ms, 400ms ease, ease; -o-transition: background-color, font-color 400ms, 400ms ease, ease; -webkit-transition: background-color, font-color 400ms, 400ms ease, ease; transition: background-color, font-color 400ms, 400ms ease, ease; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; width: 100% !important; background-color: #ffffff; border-top: 1px solid #acacac; border-right: 1px solid #acacac; border-bottom: 1px solid #acacac; border-left: 1px solid #acacac; font-size: 12px; font-weight: normal; color: #000; text-transform: none; padding: 11px 15px; background-color: #dcdcdd; } #bptheme #txtEmailAddress, #bptheme #txtEmail, #bptheme #txtResetEmail, #bptheme #txtCardNumber { width: 100%; } #bptheme .TextBox_City, #bptheme .Textbox_City, #bptheme #txtCity { width: 749px !important; margin-bottom: 9px; } #bptheme #txtPostalCode, #bptheme #txtZip, #bptheme .TextBox_PostalCode, #bptheme .Textbox_PostalCode, #bptheme .TextboxZip { width: 120px !important;; margin-bottom: 9px; } select#ddlState { width: 60px; margin-bottom: 9px; } textarea { -moz-transition: background-color, font-color 400ms, 400ms ease, ease; -o-transition: background-color, font-color 400ms, 400ms ease, ease; -webkit-transition: background-color, font-color 400ms, 400ms ease, ease; transition: background-color, font-color 400ms, 400ms ease, ease; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; width: 100% !important; background-color: #ffffff; border-top: 1px solid #acacac; border-right: 1px solid #acacac; border-bottom: 1px solid #acacac; border-left: 1px solid #acacac; font-size: 12px; font-weight: normal; color: #000; text-transform: none; padding: 11px 15px; background-color: #dcdcdd; } select { appearance: none; -webkit-appearance: none; border-radius: 0px; border: 1px solid #acacac; background-image: none; background-color: #dcdcdd; box-shadow: none; background: #dcdcdd url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEMTYzMkI3OTM4NzMxMUU1OEY4MkM2OEVBN0YxNDlERCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEMTYzMkI3QTM4NzMxMUU1OEY4MkM2OEVBN0YxNDlERCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQxNjMyQjc3Mzg3MzExRTU4RjgyQzY4RUE3RjE0OUREIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQxNjMyQjc4Mzg3MzExRTU4RjgyQzY4RUE3RjE0OUREIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+vp17/QAAAMdJREFUeNpMjjsKQkEMRSd5n85liRsRC8FCXifiAqws7d8CBHEBVva2VjaCjZXoTOYXk+cHAxnukJubA23bDuq6HgKAkdKnlkbp6vPvMfOltESHoiibqir7bN6l004zG5SAh3NTBAN3RzRKOV11Cn9mQDQ+xh35sEIjGzHls7VurDly5tcpxtvT2kapUIcqxLwhoqUa3lfZiGmeMp80H833lLiFd5Fz3iuX4GwphDV0tKxG+CWIJuf9xIdwFK5ZgYUEYEf8EmAABtRvUrEA6x8AAAAASUVORK5CYII=") right 5px center no-repeat; padding-right: 16px; color: #000; padding: 11px 21px 11px 16px; width: 100%; font-size: 12px; } select#ddlMonth, select#ddlYear, select#ddlGivingMonth, select#ddlGivingYear, select#ddlPurchaseMonth, select#ddlPurchaseYear, select#ddlStatementYears { appearance: none; -webkit-appearance: none; border-radius: 0px; border: none; background-image: none; background-color: transparent; box-shadow: none; background: #bc2b21 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPCAMAAAA1b9QjAAAAb1BMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+pUA8cAAAAJHRSTlMAAQMEDBARICEnKT9CXF9laYKHjJGTqq+0uc/T5Ofq7Pf4+vur94jWAAAAWklEQVR4AXXIVxKDIBiAwY+E9N5jL3L/M4rI4M+M7uMyIzHSHzh2ItoD1lvMi8G2ClFucO5hbozWmY90hXf2cyL4ufgy2Tc26h3C084DSRcm10Su5kJMfRRLelSjDbw9YIVWAAAAAElFTkSuQmCC") right 16px center no-repeat; border: 1px solid #58595B; padding-right: 16px; color: #606060; padding: 15px 60px 15px 20px; width: 100%; border: none; border-radius: 3px; color: white; } select::-ms-expand { display: none; } input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=password]:focus, select:focus, textarea:focus { box-shadow: 0 0 1pt 1pt #999999; outline-offset: 0; outline: 0; } #bptheme input[type=checkbox], #bptheme input[type=radio] { margin: 0 6px 0 0; } input[type=radio] + label, input[type=checkbox] + label { margin-right: 6px; } .mpp_formField label, .mpp_custom_form_label, .field > label { width: 100% !important; display: block; font-size: 14px; font-weight: normal; color: #383838; text-transform: none; margin: 0 0 0 0; } .mpp_formControl, .mpp_custom_form_control { width: 100% !important; display: block; margin: 0 0 30px 0; } .mpp_formControl .mpp_formControlGroup { width: 100% !important; display: block; margin: 0 0 0px 0; } #bptheme .mpp_bottomButtons { margin-bottom: 20px; } /*.mpp_formControl, .mpp_custom_form_control { display: inline-flex; } .mpp_formControl > *, .mpp_custom_form_control > * { flex: 1; } .mpp_formControl > * + *, .mpp_custom_form_control > * + * { margin-left: 8px; }*/ a[disabled="disabled"] { color: #CECCCD; } a#lnkCurrentMembers, a#lnkPendingMembers { padding: 8px 10px; } .mpp_navLink#btnBack, .mpp_navLink#btnBackToGroups, .mpp_navLink#btnBackToEvent, .mpp_navLink#lnkBackToGroup, .mpp_navLink#btnBackToGroup, .mpp_navLink#btnBackToDetail { background: white; border-radius: 0px; border: solid 2px #6F6D70; color: #6F6D70; padding: 8px 14px 8px 14px; text-shadow: none; font-weight: 100; font-size: 13px; position: relative; } .mpp_navLink#btnBack:hover, .mpp_navLink#btnBackToGroups:hover, .mpp_navLink#btnBackToEvent:hover, .mpp_navLink#lnkBackToGroup:hover, .mpp_navLink#btnBackToGroup:hover, .mpp_navLink#btnBackToDetail:hover { background: #CECCCD; } .mpp_navLink#btnBack:before, .mpp_navLink#btnBackToGroups:before, .mpp_navLink#btnBackToEvent:before, .mpp_navLink#lnkBackToGroup:before, .mpp_navLink#btnBackToGroup:before, .mpp_navLink#btnBackToDetail:before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z'/%3E%3Cpath d='M0-.5h24v24H0z' fill='none'/%3E%3C/svg%3E"); background-position: -100%; background-repeat: no-repeat; background-size: 18px; content: ""; display: inline-block; width: 22px; height: 9px; position: static; } a,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover { color:#bc2b21; } a:hover { color:rgba(188, 43, 33, 0.73); } h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { font-family:"Montserrat",sans-serif;font-style:normal;font-weight:700; } h1,.h1 { letter-spacing:-0.035em; } h2,.h2 { letter-spacing:-0.035em; } h3,.h3 { letter-spacing:-0.035em; } h4,.h4 { letter-spacing:-0.035em; } h5,.h5 { letter-spacing:-0.035em; } h6,.h6 { letter-spacing:-0.035em; } #button_test_fields { } body,input,button,select,textarea { font-family:"Montserrat",sans-serif; } h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a,blockquote { color:black; } .button,[type="submit"] { color:black;border-color:black;background-color:#658d1b;border-width:3px;text-transform:uppercase;background-color:transparent;border-radius:100em; } .button:hover,[type="submit"]:hover { color:#62bb46;border-color:#62bb46;background-color:hsl(81,63%,38%);border-width:3px;text-transform:uppercase;background-color:transparent; } h1, h2, h3, h4, h5, h6 { line-height: 1.4; font-weight: normal; letter-spacing: -.02em; } h1 { font-size: 36px; font-weight: normal; letter-spacing: -.02em; padding-bottom: 30px; } h2 { font-size: 28px; font-weight: normal; letter-spacing: -.02em; padding-bottom: 30px; } h3 { font-size: 28px; font-weight: normal; letter-spacing: -.02em; padding-bottom: 30px; } #bptheme { background: #fff; } #bptheme #bodycontainer { background: white; width: 100vw; height: auto; display: block; float: left; clear: both; padding-bottom: 100px; } #metanavbar { padding: 0; margin: 0; background: #373737; color:white; height: 100px; min-height: 100px; overflow-y: hidden; border: none !important; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } #metanavbar #logo a { display: inline-block; padding: 0px; margin: 0px; width: 400px; height: 100px; } #metanavbar #logo a img { padding-top: 16px; padding-right: 20px;} #metanavbar ul.nav.navbar-nav { margin: 0px 20px 0 0; padding: 0; } #metanavbar ul li { float: left; padding-left: 10px; padding-right: 10px; } #metanavbar ul li:last-child { border-right: none; } #metanavbar a, #metanavbar li { text-transform: capitalize; background: none; color: white; font-weight: 400; font-size: 14px; padding: 0 10px; line-height: 100px; } #metanavbar a:hover { background: none; text-decoration: underline; color: #bc2b21;; } #navbar { line-height: 65px; font-family: 'proxima-nova', sans-serif; text-transform: uppercase; color: #000000; background: #CECCCD; border: 0px !important; border-radius: 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; padding: 0 20px; margin: 0 -15px; } footer { background-color: rgb(31, 31, 31); color: white; font-size: 11px; font-weight: normal; display: block; float: left; clear: both; width: 100%; } footer .container { padding: 20px 0px; max-width: 1010px; } .container_wrap { color: white; background-color: #373737; padding: 15px 0px 30px 0px; display: flex; flex-direction: row; width: 100%; } .container_margin { display: flex; flex-direction: row; } .flex_column_half { flex-basis: 50%; color: white; margin: 30px 0px 30px 0px; } .flex_column_half2 { margin: 30px 0px 30px 0px; margin-left: 6%; } .container_margin { max-width: 1010px; margin: 0 auto; } .media_image { margin: 0px 0px 30px 0px; } .social_icon { display: inline-block; margin: 4px; width: 34px; height: 34px; border-style: solid, rgb(119, 119, 119); border-width: medium; background-color: rgb(119, 119, 119); line-height: 34px; text-align: center; font-size: 18px; } #portal_facebook_icon { color: white; } #portal_facebook_icon:hover { background-color: rgb(59, 89, 152); } #portal_twitter_icon { color: white; } #portal_twitter_icon:hover { background-color: rgb(85, 172, 258); } #portal_instagram_icon { color: white; } #portal_instagram_icon:hover { background-color: rgb(225, 48, 108); } #portal_vimeo_icon { color: white; } #portal_vimeo_icon:hover { background-color: rgb(81, 181, 231); } #portal_apple_icon { color: white; } #portal_apple_icon:hover { background-color: rgb(178, 81, 227); } #portal_spotify_icon { color: white; } #portal_spotify_icon:hover { background-color: rgb(123, 179, 66); } .textblock4 { color: white; text-transform: uppercase; } .textbreak { margin: 10px 0px; } #text_link_color { color: white; } nav.navbar { margin-bottom: 30px; } .navbar-header { background: #CECCCD; border: 0px !important; border-radius: 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; } nav.navbar, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background: #fff; color: #373737; border-radius: 0px !important; border: 0px !important; } nav.navbar li.dropdown:hover { background: #bc2b21; color: #ffffff; } nav.navbar li a:hover { background: #bc2b21; color: #ffffff; } nav.navbar .dropdown-menu { background: #bc2b21;; color: #ffffff; border-radius: 0px !important; border: solid 1px #e1e1e1; border-top: none; padding: 0; } nav.navbar .dropdown-menu li { height: 40px; line-height: 40px; } @media screen and (max-width: 768px) { #navbar { padding: 0 8px; } /* #navbar.collapse.in { min-height: 305px; } */ } nav.navbar a { color: #ffffff; font-weight: 700; font-size: 15px; } .navbar-nav > li > a { text-shadow: none !important; } nav.navbar a:hover { background: #6F6D70; color: #ffffff; } nav.navbar .dropdown-menu a { font-weight: 700; font-size: 15px; line-height: 40px; } nav.navbar .dropdown-menu a:hover { color: #373737; background: #e1e1e1; } nav.navbar a.dropdown-toggle { color: #bc2b21;; font-weight: 700; font-size: 15px; } .nav > li > span.dropdown-toggle { position: relative; display: block; padding: 15px 15px; line-height: 20px; font-weight: 700; font-size: 15px; } nav.navbar .navbar-toggle:hover .icon-bar { background-color: #bc2b21;; } nav.navbar .icon-bar { background-color: #ffffff; transition: transform .5s ease-in; } nav.navbar #top-icon-bar { transform: rotate(-45deg); } nav.navbar #mid-icon-bar { opacity: 0; } nav.navbar #btm-icon-bar { transform: rotate(45deg); margin-top: -8px; } nav.navbar .navbar-toggle.collapsed #top-icon-bar { transform: rotate(0deg); } nav.navbar .navbar-toggle.collapsed #mid-icon-bar { opacity: 1; } nav.navbar .navbar-toggle.collapsed #btm-icon-bar { transform: rotate(0deg); margin-top: 4px; } a.nav_bar, a.nav_bar:link, a.nav_bar:visited { color: #000000; outline: 0; font-weight: 600; font-size: 15px; letter-spacing: 1.3px; margin: 0px 0px 15px 0px; text-decoration: none; } a.nav_bar:hover, a.nav_bar:active { color: #bc2b21;; } a.nav_dd, a.nav_dd:link, a.nav_dd:visited { color: #f3f3f3; outline: 0; text-align: left; padding-left: .8em; font-weight: normal; font-size: 15px; letter-spacing: 1.3px; line-height: 1.9; width: 100%; margin: .3em 0; text-decoration: none; } a.nav_dd:hover, a.nav_dd:active { color: #565350; } .clear { clear: both; } .greyli { width: 185px; padding: 0; background-color: #58595b; } #bptheme #btnBackToCalendar { display: none !important; } #bptheme input + label > input { margin-top: 10px !important; } #bptheme #btnPrevMonth, #bptheme #btnNextMonth { border: none; background-color: transparent; color: #404041; font-weight: 600; font-size: .889em; text-shadow: none; } @media (max-width: 768px) { #bptheme #btnPrevMonth, #bptheme #btnNextMonth { display: none !important; } input[type=radio] { margin-bottom: 3px; } input[type=radio] + label { margin-bottom: 15px; } #bptheme .TextBox_City, #bptheme .Textbox_City, #bptheme #txtCity { width: 100% !important; margin-bottom: 9px; } #bptheme #txtPostalCode, #bptheme #txtZip, #bptheme .TextBox_PostalCode, #bptheme .Textbox_PostalCode, #bptheme .TextboxZip { width: 100% !important;; margin-top: 9px; } select#ddlState { width: 100%; } } #bptheme #ddlMonth, #bptheme #ddlYear, #bptheme #ddlGivingMonth, #bptheme #ddlGivingYear, #bptheme #ddlPurchaseMonth, #bptheme #ddlPurchaseYear { width: initial !important; } #bptheme .mpp_Thumb { width: 120px; height: 120px; background-size: cover; } .mpp_page_MyContributionStatement img { max-width: 250px } /* Contribution Statement Specific Styles */ select#ddlStatementYears { min-width: 60% } .mpp_page_MyContributionStatement #StatementFilters { background: #ECEDEC; padding: 15px 20px 0 20px; } .mpp_page_MyContributionStatement #mpp_SetStatement { background: #ECEDEC; padding: 15px 20px 15px 20px; margin-top: -5px; } .mpp_page_MyContributionStatement #StatementFilters .mpp_formControl { margin: 0 0 0 0 !important; } /* Calendar Specific Styles */ #calEvents tr td { height: 61px; } #mpp_event_detail_tr_ministry { margin-top: 40px; } .mpp_page_EventDetail .mpp_formField label { font-size: 20px; font-weight: 700; } /* My Groups Specific Styles */ #pnlGroupCalendar #mpp_group_detail_group_calendar { width: 100%; } #pnlGroupCalendar #mpp_group_detail_group_leaders { width: 100%; margin-top: 30px; } #pnlGroupCalendar #mpp_group_detail_group_leaders table { display: block; } #pnlGroupCalendar #mpp_group_detail_group_leaders table tbody { display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap; } #pnlGroupCalendar #mpp_group_detail_group_leaders table tbody tr { display: flex; flex-direction: column; margin: 0 20px 20px 0; } #pnlGroupCalendar #mpp_group_detail_group_leaders table tbody tr .mpp_Thumb { margin-bottom: 10px; } .mpp_page_MyGroupDetail #UpdatePanel1 .mpp_formField { background: #ECEDEC; padding: 10px 20px; margin-bottom:0px !important; } .mpp_page_MyGroupDetail #UpdatePanel1 .mpp_formField .mpp_formControl { margin-bottom: 4px; } .mpp_page_MyGroupDetail #UpdatePanel1 .mpp_formField.mpp_topButtons + .mpp_page_MyGroupDetail #UpdatePanel1 .mpp_formField { padding-top: 20px; } .mpp_page_MyGroupDetail #UpdatePanel1 .mpp_formField.mpp_topButtons, .mpp_page_MyGroupDetail #UpdatePanel1 .mpp_formField.mpp_bottomButtons { background: white; padding: 0px; } .mpp_page_MyGroupDetail #UpdatePanel1 h2.mpp_formSubTitle { margin-top: 30px; } /* My Group Meeting Specific Styles */ #bptheme .mpp_page_MyGroupMeeting #UpdatePanel1 .mpp_bottomButtons { margin-bottom: 0px !important; background: #efefef; padding: 10px 10px 20px 10px; margin-top: 10px; } #bptheme .mpp_page_MyGroupMeeting #UpdatePanel1 .mpp_bottomButtons:before { content: 'Meeting Information'; font-weight: 300px; font-size: 18px; line-height: 36px; text-align: center; display: block; width: 100%; height: 36px; } #bptheme .mpp_page_MyGroupMeeting #UpdatePanel1 .mpp_bottomButtons + table.formTable { background: #efefef; } #bptheme .mpp_page_MyGroupMeeting #UpdatePanel1 .mpp_bottomButtons + table.formTable td{ padding 5px 15px; vertical-align: middle !important; } #bptheme .mpp_page_MyGroupMeeting table th, #bptheme .mpp_page_MyGroupMeeting table td { padding: 5px 15px 5px 15px; vertical-align: middle; } #bptheme .mpp_page_MyGroupMeeting #UpdatePanel1 .mpp_Thumb { width: 65px !important; height: 65px !important; } #bptheme .mpp_page_MyGroupMeeting #UpdatePanel1 table.formTable td.mpp_formSubTitle > h3 { text-align: center; margin-top: 100px; } /* Mission Trip Specific Styles */ #pnlMissionTripDetails > table { width: 100% !important; background: #ecedec; } #pnlMissionTripDetails > table td { padding: 20px; } /*Event Signup Specific Styles*/ .mpp_formControlRow > td > .mpp_formControlGroup{ display: -webkit-box; } /* My Account Specific Styles */ #Panel_MyAccount #Account_part_2 { background: #ecedec; } #Panel_MyAccount #Account_part_2 td, #Panel_MyAccount #Account_part_3 td { padding: 20px 10px 0 10px; } #Panel_MyAccount #Account_part_3 .mpp_formControlRow td { padding-bottom: 20px; } #Panel_MyAccount #Account_part_3 { background: #ecedec; } #sidebar_column h4 { margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 1px #AAA7A9; letter-spacing: .04em; font-size: 1.1em; } #sidebar_column ul li a { text-transform: uppercase; color: #AAA7A9; font-weight: 700; display: inline-block; margin: 8px 0; font-size: 14px; } #sidebar_column ul li a:hover { color: #bc2b21;; } @media (min-width: 768px) { .hideondesktop { display: none !important; } .hideonmobile { display: ininital; } } @media (max-width: 991px) { #sidebar_column { display: none !important; } } @media (max-width: 768px) { .mpp_formControl, .mpp_custom_form_control { max-width: 100% !important; } #bodycontainer > .container { padding: 0 !important; } .hideondesktop { display: initial; } .hideonmobile { display: none !important; } } @media (max-width: 480px) { .mpp_formField label { display: block; } .mpp_formField div { display: block; } h1 { font-size: 16pt; } h2 { font-size: 14pt; } h3 { font-size: 13pt; } textarea { display: block; width: 100%; } } /* Table Styles */ table.mpp_Grid th, table.mpp_Grid td, table#gridPurchaseHistory th, table#gridPurchaseHistory td, table th, table td, #mpp_giving_grid_total { padding: 6px; } table .mpp_gridHeader { background: #ccc; } table .mpp_gridHeader th { font-style: italic; } @media (max-width: 376px) { #metanavbar #logo a { width: 180px; overflow: hidden; } } @media (max-width: 768px) { #bptheme { box-sizing: border-box; } #bodycontainer { padding: 10px; } .row { margin: 0 0 0 0; } table.mpp_Grid, table.mpp_Grid thead, table.mpp_Grid tbody, table.mpp_Grid tfoot, table.mpp_Grid tr, table.mpp_Grid th, table.mpp_Grid td { display: block !important; width: 100%; float: left; } .mpp_page_MyGroupMembers table, .mpp_page_MyGroupMembers table thead, .mpp_page_MyGroupMembers table tbody, .mpp_page_MyGroupMembers table tfoot, .mpp_page_MyGroupMembers table tr, .mpp_page_MyGroupMembers table th, .mpp_page_MyGroupMembers table td { display: block !important; width: 100%; float: left; } } textarea { width: 90%; } #widget .bp-portal-table-header { background: black; color: white; font-size: 11px; text-transform: uppercase; } #widget .bp-portal-table-header .bp-portal-table-row .bp-portal-table-cell { min-width: 100px; } #widget .bp-portal-table-header .bp-portal-table-row .bp-portal-table-cell .bp-portal-sort-arrow svg { fill: #efefef !important; } #widget .bp-portal-table-row { cursor: pointer; } #widget .bp-portal-table-row:hover { background: #e7e7e7; } #widget .group-name .group-categories { font-size: 10px; display: block; clear: both; opacity: .8; text-transform: uppercase; } #widget .bp-portal-filters .bp-portal-filter.meeting-day { display: none !important; } #widget .bp-portal-filters .bp-portal-filter.keyword { display: none !important; } #mpp_my_user_account_image { max-width: 305px; } /* CHOOSER */ #familychooser{ background: #efefef; padding: 30px; border-radius:0 0 0 0; margin: 30px auto 30px auto; display: flex; flex-direction: row; position: relative; } #familychooser h3 { font-weight: bold; } #familychooser .familychooser_submit { text-align: center; } #familychooser .familychooser_submit a { background: #8f9d9d; color: #FFFFFF; font-size: 16px; text-align: center; padding: 15px 30px; border-radius: 0; border: none; text-transform: uppercase; font-weight: 400; margin: 0 10px; text-decoration: none; } #familychooser_left { flex: 0 1 50%; padding: 0 20px; cursor: pointer; } #familychooser_divider { position: relative; height: 600px; margin-top: -30px; margin-bottom: -30px; width: 128px; min-height: 100%; } #familychooser_divider > div { width: 9px; position: absolute; left: 46%; height: 100%; background: #fff; text-align: center; } #familychooser_divider > span { display: inline-block; width: 106px; height: 106px; line-height: 88px; border-radius: 180%; text-align: center; border: 9px solid #fff; background: #bc2b21; color: #fff; font-size: 20px; text-transform: uppercase; font-weight: 300; position: absolute; top: 290px; left: 0; right: 0; margin-left: auto; margin-right: auto; } #familychooser_right { flex: 0 1 50%; padding: 0 20px; cursor: pointer; } @media screen and (max-width: 900px) { #familychooser { margin-top: 0px; } } @media screen and (max-width: 768px) { #familychooser { flex-direction: column; } #familychooser_divider { height: 128px; width: 100vw; margin: 30px -30px; } #familychooser_divider > div { width: 100%; height: 9px; top: 38%; left: 0; } #familychooser_divider > span { top: 0; left: -30px; } } #widget.fakewidget { border: solid 2px grey; padding: 25px; } #widget.fakewidget .contact-selector .contact-info.selected { flex: 0 1 23%; background: #efefef; margin: 1%; box-sizing: border-box; padding: 8px 16px; text-align: center; } #widget.fakewidget .contact-selector #btnAddFamilyMember { margin: 1%; flex: 0 1 48%; top: 0px; line-height: 73px; } #widget.fakewidget .contact-selector #btnAddFamilyMember .fa { margin-right: 8px; } #widget .payment-form input[value='"ach"'] { display: none !important; } #widget .payment-form input[value='"ach"'] + label { display: none !important; } #pnlAdmin { display: none !important; } /* STOCK MULTI_EVENT_REGISTRATION */ .radio-input.horizontal { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: wrap row; -ms-flex-flow: wrap row; flex-flow: row wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items:flex-start } .radio-input.horizontal .radio { padding-right:20px } .event-tabs .tab-headers { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items:center } .event-tabs .tab-header { padding: 5px 30px; cursor: pointer; line-height:50px } .event-tabs .tab-header.active { font-weight:700 } .event-tabs .tab-header.disabled { cursor: default; opacity:.5 } .event-tabs .event-tab-content { display:none } .event-tabs .event-tab-content.active { display:block } .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker__month-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow { margin-left: -8px; position:absolute } .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow:before, .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow:before { box-sizing: content-box; position: absolute; border: 8px solid transparent; height: 0; width:1px } .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, .react-datepicker__month-read-view--down-arrow:before, .react-datepicker__year-read-view--down-arrow:before { content: ""; z-index: -1; border-width: 8px; left: -8px; border-bottom-color:#aeaeae } .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle { top: 0; margin-top:-8px } .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before { border-top: none; border-bottom-color:#f0f0f0 } .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before { top: -1px; border-bottom-color:#aeaeae } .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker__month-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow { bottom: 0; margin-bottom:-8px } .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow:before, .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow:before { border-bottom: none; border-top-color:#fff } .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, .react-datepicker__month-read-view--down-arrow:before, .react-datepicker__year-read-view--down-arrow:before { bottom: -1px; border-top-color:#aeaeae } .react-datepicker, .react-datepicker-wrapper { display:inline-block } .react-datepicker { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: .8rem; background-color: #fff; color: #000; border: 1px solid #aeaeae; border-radius: .3rem; position:relative } .react-datepicker__triangle { position: absolute; left:50px } .react-datepicker-popper { z-index:1 } .react-datepicker-popper[data-placement^=bottom] { margin-top:10px } .react-datepicker-popper[data-placement^=top] { margin-bottom:10px } .react-datepicker-popper[data-placement^=right] { margin-left:8px } .react-datepicker-popper[data-placement^=right] .react-datepicker__triangle { left: auto; right:42px } .react-datepicker-popper[data-placement^=left] { margin-right:8px } .react-datepicker-popper[data-placement^=left] .react-datepicker__triangle { left: 42px; right:auto } .react-datepicker__header { text-align: center; background-color: #f0f0f0; border-bottom: 1px solid #aeaeae; border-top-left-radius: .3rem; border-top-right-radius: .3rem; padding-top: 8px; position:relative } .react-datepicker__header--time { padding-bottom:8px } .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__year-dropdown-container--select { display: inline-block; margin:0 2px } .react-datepicker-time__header, .react-datepicker__current-month { margin-top: 0; color: #000; font-weight: 700; font-size:.944rem } .react-datepicker__navigation { line-height: 1.7rem; text-align: center; cursor: pointer; position: absolute; top: 10px; width: 0; border: .45rem solid transparent; z-index:1 } .react-datepicker__navigation--previous { left: 10px; border-right-color:#ccc } .react-datepicker__navigation--previous:hover { border-right-color:#b3b2b2 } .react-datepicker__navigation--next { right: 10px; border-left-color:#ccc } .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) { right:80px } .react-datepicker__navigation--next:hover { border-left-color:#b3b2b2 } .react-datepicker__navigation--years { position: relative; top: 0; display: block; margin-left: auto; margin-right:auto } .react-datepicker__navigation--years-previous { top: 4px; border-top-color:#ccc } .react-datepicker__navigation--years-previous:hover { border-top-color:#b3b2b2 } .react-datepicker__navigation--years-upcoming { top: -4px; border-bottom-color:#ccc } .react-datepicker__navigation--years-upcoming:hover { border-bottom-color:#b3b2b2 } .react-datepicker__month-container { float:left } .react-datepicker__month { margin: .4rem; text-align:center } .react-datepicker__time-container { float: right; border-left:1px solid #aeaeae } .react-datepicker__time-container--with-today-button { display: inline; border: 1px solid #aeaeae; border-radius: .3rem; position: absolute; right: -72px; top:0 } .react-datepicker__time-container .react-datepicker__time { position: relative; background:#fff } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box { width: 70px; overflow-x:hidden } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list { list-style: none; margin: 0; height: calc(195px + 0.85rem); overflow-y: scroll; padding-right: 30px; width:100% } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item { padding:5px 10px } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover { cursor: pointer; background-color:#f0f0f0 } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected { background-color: #216ba5; color: #fff; font-weight:700 } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover { background-color:#216ba5 } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled { color:#ccc } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover { cursor: default; background-color:transparent } .react-datepicker__week-number { color: #ccc; display: inline-block; width: 1.7rem; line-height: 1.7rem; text-align: center; margin:.166rem } .react-datepicker__week-number.react-datepicker__week-number--clickable { cursor:pointer } .react-datepicker__week-number.react-datepicker__week-number--clickable:hover { border-radius: .3rem; background-color:#f0f0f0 } .react-datepicker__day-names, .react-datepicker__week { white-space:nowrap } .react-datepicker__day, .react-datepicker__day-name, .react-datepicker__time-name { color: #000; display: inline-block; width: 1.7rem; line-height: 1.7rem; text-align: center; margin:.166rem } .react-datepicker__day { cursor:pointer } .react-datepicker__day:hover { border-radius: .3rem; background-color:#f0f0f0 } .react-datepicker__day--today { font-weight:700 } .react-datepicker__day--highlighted { border-radius: .3rem; background-color: #3dcc4a; color:#fff } .react-datepicker__day--highlighted:hover { background-color:#32be3f } .react-datepicker__day--highlighted-custom-1 { color:#f0f } .react-datepicker__day--highlighted-custom-2 { color:green } .react-datepicker__day--in-range, .react-datepicker__day--in-selecting-range, .react-datepicker__day--selected { border-radius: .3rem; background-color: #216ba5; color:#fff } .react-datepicker__day--in-range:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--selected:hover { background-color:#1d5d90 } .react-datepicker__day--keyboard-selected { border-radius: .3rem; background-color: #2a87d0; color:#fff } .react-datepicker__day--keyboard-selected:hover { background-color:#1d5d90 } .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) { background-color:rgba(33, 107, 165, .5) } .react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) { background-color: #f0f0f0; color:#000 } .react-datepicker__day--disabled { cursor: default; color:#ccc } .react-datepicker__day--disabled:hover { background-color:transparent } .react-datepicker__input-container { position: relative; display:inline-block } .react-datepicker__month-read-view, .react-datepicker__year-read-view { border: 1px solid transparent; border-radius:.3rem } .react-datepicker__month-read-view:hover, .react-datepicker__year-read-view:hover { cursor:pointer } .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow { border-top-color:#b3b2b2 } .react-datepicker__month-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow { border-top-color: #ccc; float: right; margin-left: 20px; top: 8px; position: relative; border-width:.45rem } .react-datepicker__month-dropdown, .react-datepicker__year-dropdown { background-color: #f0f0f0; position: absolute; width: 50%; left: 25%; top: 30px; z-index: 1; text-align: center; border-radius: .3rem; border:1px solid #aeaeae } .react-datepicker__month-dropdown:hover, .react-datepicker__year-dropdown:hover { cursor:pointer } .react-datepicker__month-dropdown--scrollable, .react-datepicker__year-dropdown--scrollable { height: 150px; overflow-y:scroll } .react-datepicker__month-option, .react-datepicker__year-option { line-height: 20px; width: 100%; display: block; margin-left: auto; margin-right:auto } .react-datepicker__month-option:first-of-type, .react-datepicker__year-option:first-of-type { border-top-left-radius: .3rem; border-top-right-radius:.3rem } .react-datepicker__month-option:last-of-type, .react-datepicker__year-option:last-of-type { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-bottom-left-radius: .3rem; border-bottom-right-radius:.3rem } .react-datepicker__month-option:hover, .react-datepicker__year-option:hover { background-color:#ccc } .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming { border-bottom-color:#b3b2b2 } .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous { border-top-color:#b3b2b2 } .react-datepicker__month-option--selected, .react-datepicker__year-option--selected { position: absolute; left:15px } .react-datepicker__close-icon { background-color: transparent; border: 0; cursor: pointer; display: inline-block; height: 0; outline: 0; padding: 0; vertical-align:middle } .react-datepicker__close-icon:after { background-color: #216ba5; border-radius: 50%; bottom: 0; box-sizing: border-box; color: #fff; content: "\D7"; cursor: pointer; font-size: 12px; height: 16px; width: 16px; line-height: 1; margin: -8px auto 0; padding: 2px; position: absolute; right: 7px; text-align: center; top:50% } .react-datepicker__today-button { background: #f0f0f0; border-top: 1px solid #aeaeae; cursor: pointer; text-align: center; font-weight: 700; padding: 5px 0; clear:left } .react-datepicker__portal { position: fixed; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, .8); left: 0; top: 0; justify-content: center; align-items: center; display: flex; z-index:2147483647 } .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__time-name { width: 3rem; line-height:3rem } @media (max-height: 550px),(max-width: 400px) { .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__time-name { width: 2rem; line-height:2rem } } .react-datepicker__portal .react-datepicker-time__header, .react-datepicker__portal .react-datepicker__current-month { font-size:1.44rem } .react-datepicker__portal .react-datepicker__navigation { border:.81rem solid transparent } .react-datepicker__portal .react-datepicker__navigation--previous { border-right-color:#ccc } .react-datepicker__portal .react-datepicker__navigation--previous:hover { border-right-color:#b3b2b2 } .react-datepicker__portal .react-datepicker__navigation--next { border-left-color:#ccc } .react-datepicker__portal .react-datepicker__navigation--next:hover { border-left-color:#b3b2b2 } .react-datepicker__current-month { display:none } .react-datepicker li, .react-datepicker ul { margin: 0; padding:0 } .promo-code .promo-code-value { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding: 10px 0; border: 1px solid #e9e9e9; max-width:480px } .promo-code .promo-code-value .promo-code-code { -webkit-box-flex: 0; -webkit-flex: 0 0; -ms-flex: 0 0; flex: 0 0; padding: 0 10px; white-space: nowrap; font-weight:700 } .promo-code .promo-code-value .promo-code-title { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex:1 } .promo-code .promo-code-value .promo-code-discount { color: red; white-space: nowrap; padding:0 10px } .promo-code .promo-code-controls { margin-top:10px } .product-option { position:relative } .product-option .option-choice { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items:flex-start } .product-option .option-choice > input[type=checkbox], .product-option .option-choice > input[type=radio] { -webkit-box-flex: 0; -webkit-flex: 0 0 35px; -ms-flex: 0 0 35px; flex:0 0 35px } .product-option .option-choice > label { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display:block } .product-option .option-choice + .option-choice { margin-top:1em } .product-option .option-price { font-style: italic; opacity: .5; font-size:.8em } .product-option .option-quantity label { font-size:.8em } .product-option .clear-selection { font-size: 12px; position: absolute; top: 0; right:0 } .portal-overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999999; background: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: nowrap column; -ms-flex-flow: nowrap column; flex-flow:column nowrap } .portal-overlay iframe { -webkit-box-flex: 1; -webkit-flex: 1 0 0; -ms-flex: 1 0 0px; flex:1 0 0 } .portal-overlay-controls { -webkit-box-flex: 0; -webkit-flex: 0 0 120px; -ms-flex: 0 0 120px; flex: 0 0 120px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: nowrap column; -ms-flex-flow: nowrap column; flex-flow: column nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0 20px; background:#3e3e3e } .portal-overlay-controls button { background: #8f9d9d !important; color: #fff !important; font-size: 16px !important; text-align: center !important; padding: 8px 20px; border-radius: 0; border: none; text-transform: uppercase; font-weight: 400; cursor:pointer } .contact-selector { max-width: 400px; margin:0 auto } .contact-selector .contact-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 10px; margin: 10px 0; cursor:pointer } .contact-selector .contact-info.selected { background-color:#f2f2f2 } .contact-selector .contact-info .contact-name { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex:1 } .contact-selector .contact-info .contact-photo { background-color: #e9e9e9; background-size: cover; background-position: 50%; background-repeat: no-repeat; -webkit-box-flex: 0; -webkit-flex: 0 0 48px; -ms-flex: 0 0 48px; flex: 0 0 48px; height: 48px; margin-right:20px } .payment-form .registrant-details { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items:flex-start } .payment-form .registrant-name { -webkit-box-flex: 0; -webkit-flex: 0 1 200px; -ms-flex: 0 1 200px; flex:0 1 200px } .payment-form .registrant-options { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex:1 } .payment-form .registrant-option { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display:flex } .payment-form .option-name { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex:1 } .payment-form .option-price { -webkit-box-flex: 0; -webkit-flex: 0 0 50px; -ms-flex: 0 0 50px; flex:0 0 50px } .payment-form .registrant-subtotal { margin: 5px 0 20px; padding-top: 5px; border-top: 1px solid #e9e9e9; font-weight: 700; text-align:right } .payment-form .payment-price-input { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction:row } .payment-form .payment-price-options { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex:1 } .payment-form .total-due { -webkit-box-flex: 0; -webkit-flex: 0 0; -ms-flex: 0 0; flex: 0 0; font-weight: 700; text-align: right; white-space:nowrap } .payment-form .field.payment-price-field { padding: 1em; border:1px solid #e9e9e9 } .related-event-registrant + .related-event-registrant { padding-top: 20px; margin-top: 20px; border-top: 3px solid #777 } /* FAMILY REG + PLAN YOUR VISIT */ #widget .multi-event-registration-widget .event-tab-content.active { background: none !important; border-top: solid 4px #bc2b21; font-size: 1.3em; } #widget .contact-selector { max-width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; } #widget .contact-selector .contact-info { flex: 0 1 250px; } #widget .contact-selector .contact-photo { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #widget .contact-selector .contact-photo:before { content: "\f007"; font-size: 36px; opacity: .3; text-align: center; line-height: 48px; display: inline-block; width: 48px; } #widget .checkbox input[type=checkbox] { position: initial; margin-top: -1px; margin-left: 0px; } #widget .radio input[type=radio] { position: initial; margin-top: -1px; margin-left: 0px; } #widget .product-option .option-choice>input[type=checkbox], #widget .product-option .option-choice>input[type=radio] { position: initial; margin-top: 3px !important; margin-left: 0px; } #widget .radio + .radio { margin-top: 10px; } #widget .submit button, #widget .promo-code-controls button { font-size: 20px; } #widget .submit button + button { margin-left: 25px; } #widget .submit button:hover, #widget .promo-code-controls button:hover, #widget .related-event-registrant-footer button:hover { } #widget [id^=drop] { display: initial; } #widget .payment-form [id^=drop] { display: inline; } #pyv_widget .plan-your-visit-app .congregation-form { background: none; } #pyv_widget .plan-your-visit-app .address-form { width: 97.3%; } #pyv_widget .plan-your-visit-app .heads-of-household > .contact-form { flex: 0 0 48%; } #pyv_widget .plan-your-visit-app .family-members .contact-form-wrapper, #pyv_widget .plan-your-visit-app .family-members>.contact-form { flex: 0 0 23.3%; } #pyv_widget .plan-your-visit-app button { } #pyv_widget .plan-your-visit-app button:hover { color: #ffffff!important; background: #707b7b!important; } #widget .error { padding-left: 33px; line-height: 20px; padding: 10px 10px 10px 36px; } #widget .related-event-enable-label { /* text-transform: lowercase!important; */ margin-top: 15px; } #widget .related-event-form > .field-array > .field { border-top: solid 2px #e9e9e9; border-left: solid 2px #e9e9e9; border-right: solid 2px #e9e9e9; border-bottom: none; padding: 20px; } #widget .related-event-form > .field-array > .field + div { border-left: solid 2px #e9e9e9; border-right: solid 2px #e9e9e9; border-bottom: solid 2px #e9e9e9; padding: 20px; } #widget .open-portal-account { font-style: italic; font-size: .8em; border-top: solid 1px #f2f2f2; flex: 0 1 100%; padding: 20px 12px 0 12px; } #widget .related-event-form > .field-array > .related-event-registrant-footer { border-top: solid 2px #e9e9e9; background: #e9e9e9; margin-bottom: 50px; padding: 20px; } #widget .multi-event-registration-widget .multi-event-registration-form .bp-portal-loading { position: fixed; } /* Marking Required Fields */ #pyv_widget .plan-your-visit-app .field > label:after { content: "*"; color: red; display: inline-block; margin-left: 0px; } #pyv_widget .plan-your-visit-app .field.stacked > label:after { content: ""; } #pyv_widget .plan-your-visit-app .address-form > h3 + div.field + div.field > label:after { content: ""; } #widget .multi-event-registration-widget .form .required .option-choice label:after { content: ""; } #widget .multi-event-registration-form .field label div { display: inline-block; } @media screen and (max-width: 768px) { #widget .tab-headers { flex-direction: column; } #widget .tab-headers .tab-header { width: 100%; border-bottom: solid 2px #efefef; } #widget .contact-selector { flex-direction: column; } #widget .contact-selector .contact-info { flex: 0 0 100%; } #widget .contact-selector .contact-info .contact-name { display: flex; flex-direction: row; line-height: 30px; margin-top: 0px; } #widget .contact-selector .contact-info .contact-name:before { width: 30px; height: 30px; line-height: 30px; font-size: 30px; margin-right: 10px; } #pyv_widget .plan-your-visit-app .heads-of-household > .contact-form { flex: 0 0 96%; } #pyv_widget .plan-your-visit-app .family-members .contact-form-wrapper, #pyv_widget .plan-your-visit-app .family-members>.contact-form { flex: 0 0 96%; } #widget .active { color: initial !important; } } #widget .product-option-field .product-option .option-choice>label { display: flex; flex-direction: column; position: relative; } #widget .product-option-field .product-option .option-choice>label:hover .production-option-description{ display: block; } #widget .product-option-field .product-option .option-choice .production-option-description { font-weight:normal; font-style: italic; position: absolute; background: white; width: 500px; height: auto; border: solid 1px #81c9f8; top: 29px; left: -55px; padding: 20px; display: none; z-index:2; } #widget .product-option-field .product-option .option-choice .production-option-description:before { width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #81c9f8 transparent; content: ' '; display: inline-block; position: relative; top: -40px; left: -7px; z-index: 3; } #widget.fakewidget { border: solid 2px grey; padding: 25px; } #widget.fakewidget .contact-selector .contact-info.selected { flex: 0 1 23%; background: #efefef; margin: 1%; box-sizing: border-box; padding: 8px 16px; text-align: center; } #widget.fakewidget .contact-selector #btnAddFamilyMember { margin: 1%; flex: 0 1 48%; top: 0px; line-height: 73px; } #widget.fakewidget .contact-selector #btnAddFamilyMember .fa { margin-right: 8px; } #widget .payment-form input[value='"ach"'] { display: none !important; } #widget .payment-form input[value='"ach"'] + label { display: none !important; } #widget .multi-event-registration-widget .registration-complete { text-align: center; font-weight: bold; padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; background: #e3f7fc url('data:image/png,base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAwFBMVEX///8AVq0CYcADbNEDaMoDa88Das0EcdkFfe0CZMPv9fu/1esFe+kBXbkEdd8Uf+QEb9VRkdAGf/AFeecRacAEc9wBW7QBX7zs6dwFeudRjswGgvUFd+MCZscDbtTl4tIBWbFEo/rh3s7A2/QAVasCZcYEcNcBYL3n5NUFfOsWhe5UqPVCkNvj4NDd2swyhNMGgPIBXLbq59nB4Pw1m/lToOgCY8RBi9Lv9/8FduHm49QxfMfo5dcQYrNTnuVBhMhJU/nRAAAAAXRSTlMAQObYZgAAAMpJREFUeF4lzdVyRTEIQFGI57i7XXet+///VZN2vy0YBrA9HPZeF34v4L/XWXtVdRdIenT+/NheE2W8puxiJ7O2TZSq7jLiTMfm3u53YVXhIHriu3BIEuXVdYBI2Yr4Dex3npd22893KnpdFl9Qp2n3FgTbEZkm/oSQGuVSjiOagwJ9CPNcrodhPCEpb9MygycZDZTz0xyNsYhhkXMhGJuf0XhJXIBj1K/02YTGDQA4F042G7SRDwfs5EVo828qn3+sbW6cEZI1rsUvrDkTPAFMyQwAAAAASUVORK5CYII=') no-repeat 10px 50%; } #widget .event-signup-form .bp-portal-loading { position: fixed !important; } #widget .event-signup-form .event-signup-event-title h4 { display: none !important; } #widget .event-signup-form .bp-portal-form-container .bp-portal-field-group > .field:first-child { background: rgba(75, 178, 248, .55); padding: 20px; border-radius: 2px; } #widget .event-signup-form .bp-portal-form-container .bp-portal-field-group > .field:first-child label { display: none; } #widget .event-signup-form .bp-portal-form-container .bp-portal-field-group > .field:first-child .input { text-align: center; } #widget .event-signup-form .bp-portal-form-container .bp-portal-field-group > .field:first-child .input:before { display: block; color: black; font-size: 18px; content: "Which member of your household would you like to register?"; text-align: center; line-height: 24px; } #widget .event-signup-form .bp-portal-form-container .bp-portal-field-group > .field:first-child .input:after_after { display: block; color: black; font-size: 12px; font-style: italic; line-height: 24px; content: "Need to register someone not listed in the menu above? Click here."; text-align: center; }